DataV控件配置

border（开发中）

边框组件

示例：

{
  "name": "边框",
  "type": "border",
  "default": {
    "all": {
      "style": "solid",
      "width": 5,
      "color": "red"
    }
  }
}

padding（开发中）

内边距

示例：

{
  "type": "padding",
  "enableHide": true,
  "default": {
    "top": 5
  },
  "min": 0,
  "max": 1000
}

margin（开发中）

外边距

示例：

{
  "type": "margin",
  "enableHide": true,
  "default": {
    "show": false,
    "top": 5,
    "bottom": 5,
    "left": 5,
    "right": 5
  },
  "min": 0,
  "max": 1000
}

_

text

文本输入框，支持定制前后缀。

配置说明：

值说明：

switch

开关，支持选择是否展示文字状态。

配置说明：

值说明：

stepper

步进器，支持定制步长，最值以及前后缀。

配置说明：

值说明：

slider

滑动条，同时支持单滑块和双滑块，支持定制步长，最值，前后缀，精度，可开启范围显示。

配置说明：

值说明：

checkbox

复现框

配置说明：

值说明：

radio

单选框。

配置说明：

值说明：

buttonRadio

按钮单选器。

配置说明：

值说明：

iconRadio

图标单选器。

配置说明：

值说明：

image

图片框。

配置说明：

值说明：

select

选择器，支持开启过滤，支持自定义输入，当内容与字体相关时，可开始渲染字体显示字体演示。

配置说明：

值说明：

imageSelect

图片选择器。

配置说明：

值说明：

keyBoard

热键定义器。

值说明：

fill

填充框，支持三种填充类型以及他们的组合，’flat’ 代表纯色填充， ‘linearGradient’ 代表渐变填充，’image’ 代表图片填充

配置说明：

值说明：

suite

套件，由一组控件构成。

配置说明：

值说明：

margin

边距高频套件，由四个步进器组件构成，可定制上下左右四个边距值。

配置说明：

值说明：

line

线样式高频组件，由线粗细步进器，平滑方式图标单选器，样式选择器和纯色填充框组成。

配置说明：

值说明：

font

字体高频组件，由字体选择器，字体粗细选择器，字体大小步进器和纯色填充框组成。

配置说明：

值说明：

group

组，可用来组织内容，可以折叠或展开组的内容。

配置说明：

值说明：

tabs

**
标签组，切换标签，展示当前标签下的内容，可支持动态增减标签组。


配置说明：

值说明：

menu

菜单，用于组织配置结构，当前仅支持一级菜单及二级菜单；
一级菜单：

二级菜单：

配置说明：

children 配置说明：

示例写法：

  "options": {
      "name": "菜单",
      "type": "menu",
      "children": {
        "menuA": {
          "name": "菜单A",
          "mode": "single",
          "children": {
            "switch": {
              "name": "开关",
              "type": "switch",
              "default": true
            }
          }
        },
        "menuB": {
          "name": "菜单B",
          "mode": "multiple",
          "children": {
            "menuB1": {
              "name": "菜单B1",
              "children": {
                "text": {
                  "name": "文本",
                  "type": "text",
                  "default": "Hello"
                }
              }
            },
            "menuB2": {
              "name": "菜单B2",
              "children": {
                "stepper": {
                  "name": "步进器",
                  "type": "stepper",
                  "default": 1
                }
              }
            }
          }
        }
      }
    }

示例截图：