font表示组件的配置项类型为字体套件,由字体选择器、字体粗细选择器、字体⼤⼩步进器和纯⾊填充框组成。

配置项说明

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

值说明

条件 数据类型 示例 默认值
不配置enableHide,或将enableHide配置为false object
{
 "fontFamily": "simSun",
 "fontWeight": 400,
 "color": "#333",
 "fontSize": 12
}
{
 "fontFamily": "Microsoft Yahei",
 "fontWeight": "normal",
 "color": "#fff",
 "fontSize": 12
}
enableHide配置为true object
{
 "fontFamily": "simSun",
 "fontWeight": 400,
 "color": "#333",
 "fontSize": 12,
 "show": true
}
{
 "fontFamily": "Microsoft Yahei",
 "fontWeight": "normal",
 "color": "#fff",
 "fontSize": 12,
 "show": true
}

配置示例

  • 基础用法(不配置enableHidefont配置示例
    "font": {
       "name": "文字套件",
       "type": "font"
    }
  • 允许配置项对应元素隐藏(配置enableHidetruefont配置示例
    "font": {
       "name": "文字套件",
       "type": "font",
       "enableHide": true
    }
  • 配置项模块插拔(设置componentsfont配置示例
    "font": {
        "name": "文字套件",
        "type": "font",
        "enableHide": true,
        "components": [
          "fontSize",
          "color"
        ]
    }