跳到主要内容

组件配置

配置参数说明#

data#

选填,组件可以接收的数据, 用作组件入参,需要符合 Json Schema 规范。

低码编辑器也会根据该配置,绘制组件的 数据 面板。

events#

选填,组件可以被捕获的事件信息。

低码编辑器也会根据该配置,绘制组件的 事件 面板的 触发条件

meta#

选填,仅用于在低码平台的信息展示。

meta.title#

选填, 组件别名, 建议用中文。

meta.description#

选填, 组件简介, 建议用中文。

meta.icon#

选填, 组件图标, 暂时只支持本地图片。

meta.category#

选填, 组件分类, 建议用中文。

meta.componentOrder#

选填, 组件的排序权重。

配置示例#

src/configs/components/button.json

{  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",  "data": {    "type": "object",    "properties": {      "text": {        "title": "按钮文字",        "default": "按钮",        "type": "string"      },      "size": {        "title": "按钮大小",        "type": "string",        "default": "default",        "x-component": "radio",        "enum": [          {            "label": "default",            "value": "default"          },          {            "label": "mini",            "value": "mini"          }        ]      },      "type": {        "title": "按钮类型",        "type": "string",        "default": "primary",        "x-component": "radio",        "enum": [          {            "label": "default",            "value": "default"          },          {            "label": "primary",            "value": "primary"          },          {            "label": "warn",            "value": "warn"          }        ]      },      "loading": {        "title": "加载中",        "type": "boolean",        "default": false      },      "disabled": {        "title": "禁用",        "type": "boolean",        "default": false      },      "plain": {        "title": "镂空",        "type": "boolean",        "default": false      }    }  },  "events": [{ "name": "customevent", "title": "自定义事件" }],  "meta": {    "title": "按钮",    "description": "按钮组件,兼容小程序和H5平台",    "icon": "./icon.svg",    "category": "表单",    "componentOrder": 1  }}