跳到主要内容

UI云组件

新建UI云组件

Alt text

选择UI组件

Alt text

输入项、输出项、配置项

  • 输入项 外部数据传入云组件
  • 输出项 云组件数据从输出项输出,各种操作按钮事件也可通过输出项实现

Alt text

  • 配置项 可作为云组件的属性项配置.有种类型组件选项

Alt text

云组件配置项的调用

Alt text

外壳容器的大小区别

默认容器宽度为100%, 高度为适应内容高度。调用时云组件大小以内容的宽高为主。

Alt text

发布云组件

点击右上角发布按钮,发布云组件

发布配置:

  • 发布目标
    • 物料中心: 用于其他页面和云组件引用
    • JS文件:发布成js文件,用于底座工程直接渲染云组件
  • 发布环境: 线上和测试,如果发布测试,引用的时候会在分支列表里,并且版本号带beta

Alt text

页面调用UI云组件

  1. 选择我的组件,添加,并选择对应的云组件点击确定
  2. 拖动云组件到页面

Alt text Alt text Alt text

云组件升级和删除

  1. 鼠标移动到对应的云组件,点击右上角的icon,选择更新或者删除
  2. 更新操作可以选择对应版本的云组件或者选择latest,保持使用最新版本云组件(分支版本即是发布的时候选择的测试环境)

Alt text Alt text