group

group表示组件的配置项类型为配置项组,可包含多个子配置项(建议多个同类元素配置项归于一个group)。可⽤来组织内容,并支持折叠或展开组的内容。

配置项说明

字段名 含义 类型 是否必选 备注
name 显示名 string 无。
type 类型 string 无。
default 默认值 object 没填时为空。
children 组内元素 object 没填时为空。
enableHide 配置项对应元素是否能够在画布隐藏 boolean 默认为false。设置为true时,显示显隐图标按钮,并在当前配置项值中增加show字段。
fold 是否默认展开 boolean 无。

值说明

条件 数据类型 示例 默认值
不配置enableHide,或将enableHide配置为false object
{
 "number": 12,
 "open": true
}
{}
enableHide配置为true object
{
 "number": 12,
 "open": true,
 "show": true
}
{
 "show": true
}

配置示例

  • 基础用法(不配置enableHidegroup配置示例
    "group": {
        "name": "组",
        "type": "group",
        "children": {
          "open": {
            "name": "开关",
            "type": "switch",
            "col": 12
          },
          "size": {
            "type": "stepper",
            "caption": "大小",
            "min": 0,
            "max": 10,
            "step": 1,
            "col": 12
          }
        }
    }
  • 允许配置项对应元素隐藏(配置enableHidetruegroup配置示例
    "group": {
        "name": "组",
        "type": "group",
        "enableHide": true,
        "children": {
          "open": {
            "name": "开关",
            "type": "switch",
            "col": 12
          },
          "size": {
            "type": "stepper",
            "caption": "大小",
            "min": 0,
            "max": 10,
            "step": 1,
            "col": 12
          }
        }
    }