智能数据洞察 DATAARTS INSIGHT-gui.json规范:组件样式配置

时间：2024-10-23 10:39:20

组件样式配置

  
   
     
     
         "style": [
    {
      "label": "全局样式",
      "labelId": "global_style",
      "isExpand": true,
      "children": [
        {
          "label": "字体大小",
          "name": "fontSize",
          "type": "number",
          "min": 12,
          "max": 32,
          "value": 12
        },
        {
          "label": "字体粗细",
          "name": "fontWeight",
          "type": "select",
          "options": [
            {
              "key": "Normal",
              "value": "normal"
            },
            {
              "key": "Bold",
              "value": "bold"
            }
          ],
          "value": "normal"
        },
        {
          "label": "颜色",
          "name": "color",
          "type": "color",
          "value": "#ffffff"
        }
      ]
    }
  ],

      

    

  
 

Style参数为数组形式，其中每个数据元素将形成一个样式配置项，每个数据元素还能包含相关的子配置项，最多支持两层，具体参数说明如下：

表2 Style参数说明
参数	是否必选	参数类型	描述
label	是	String	配置项标签名称。
isExpand	否	Boolean	是否展开子配置项。 true：展开。 false：不展开。
name	是	String	配置项key值，用户在命名时要注意唯一性（只限于当前组件）。
配置项的其他属性参数	否	-	不同UI类型具有不同的属性参数，请参见UI类型介绍。
children	否	Array of children object	配置项所拥有的子配置项，如下图所示全局样式下包含字体和颜色等配置。

表3 children参数说明
参数	是否必选	参数类型	描述
label	是	String	子配置项标签名称。
type	是	String	样式配置输入框类型，DataArts Insight开放的UI类型请参见UI类型介绍。
name	是	String	子配置项key值，用户在命名时要注意唯一性（只限于当前组件）。
value	是	String \| Number	子配置项样式取值。
子配置项的其他属性参数	是	-	不同UI类型具有不同的属性参数，请参见UI类型介绍。