margin表示组件的配置项类型为边距套件,支持定义上下左右四个边的边距数值。

配置项说明

字段名 含义 类型 是否必选 备注
name 显示名 string 无。
type 类型 string 无。
default 默认值 string 不填时值为空。
components 配置项模块 array 默认值为["top","bottom","left","right"]。支持的模块包括"top""bottom""left""right"
enableHide 配置项对应元素是否能够在画布隐藏 boolean 默认为false。设置为true时,显示显隐图标按钮,并在当前配置项中增加show字段。

值说明

条件 数据类型 示例 默认值
不配置enableHide,或将enableHide配置为false object
{
 "top": 12,
 "right": 24,
 "bottom": 8,
 "left": 24
}
{
 "top": 10,
 "right": 10,
 "bottom": 10,
 "left": 10
}
enableHide配置为true object
{
 "top": 12,
 "right": 24,
 "bottom": 8,
 "left": 24,
 "show": true
}
{
 "top": 10,
 "right": 10,
 "bottom": 10,
 "left": 10,
 "show": true
}

配置示例

  • 基础用法(不配置enableHidemargin配置示例
    {
      "margin": {
        "name": "外边距",
        "type": "margin",
        "default": { "top": 10, "left": 10, "right": 10, "bottom": 10 }
      }
    }
  • 允许配置项对应元素隐藏(配置enableHidetruemargin配置示例2
    {
      "margin": {
        "name": "外边距",
        "type": "margin",
        "enableHide": true,
        "default": { "top": 10, "left": 10, "right": 10, "bottom": 10 }
      }
    }
  • 配置项模块插拔(设置componentsmargin配置示例
    {
      "marginComponents": {
        "name": "外边距",
        "type": "margin",
        "enableHide": true,
        "components": ["top", "bottom"]
      }
    }