通用配置

配置项说明

表1 配置项说明
参数	类型	是否必选	示例	说明
type	String	是	type: "input"	配置项类型。
value	String	否	value: "defaultValue"	默认值。
name	String	是	name: "commProps.myString"	字段的值与advanceEditvm中的commProps.myString双向绑定。
label	Object	否	label: { "zh_CN": "中文标签", "en_US": "En label" }	配置项的标签，需要国际化。
tip	Object	否	tip: { zh_CN: "中文提示", en_US: "English tip"}	提示图标，当配置项比较复杂，可以添加一些提示内容。
noToolTip	Boolean	否	noToolTip: false	标签是否具有el-tooltip提示，默认为false。
disabled	Function \| Boolean	否	disabled: true或(data, field, vm) => boolean	是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。
showFunc	Function	否	showFunc: function(vm) { return vm.commProps.showTitle; }	是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示 function定义。
events	Object	否	events: { change: function(vm, value) { } }	配置项修改触发事件的回调函数，当前仅支持change事件。

入参vm说明

组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。

配置示例

通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件，可在“我的资产 > 我的组件”中获取。

{
      type: 'tab',
      name: 'multiple',
      parentName: 'selectConfObj',
      label: { zh_CN: '开启多选', en_US: 'Multiple' },
      value: false,
         options: [
           {
             label: { zh_CN: '开启', en_US: 'ON' },
             value: true,
           },
          {
            label: { zh_CN: '关闭', en_US: 'OFF' },
            value: false,
          },
        ],
      events: {
        change: function (vm, value) {
          if (value) {
            vm.selectConfObj.fontColor = vm.selectConfObj.multiSelectFontColor;
            vm.selectConfObj.selectValue = [];
          } else {
           vm.selectConfObj.fontColor = vm.selectConfObj.singleSelectFontColor;
           vm.selectConfObj.selectValue = '';
          }
        },
      },
  },

图1 通用配置设置后效果
点击放大