本项目使用class-style Vue components。语法参考:vue-class-component,vue-property-decorator. 根据JSON数据渲染组件实现可参考FE-demo.
- 新增weiget组件需继承
@/mixins/WidgetMixin或者手动提供getConfig方法向外暴露组件props。组件props如果为全部为number|string|boolean类型,则无需提供额外编辑模板。 - 在
@/Widget/index.ts中添加控件描述 - 在
@/register.ts中注册控件 - 在
@/translate.ts中添加props中文映射 - 如果开启enableCustomTemplate,需要在
@/Widget/propEditor中编写对应控件的模板,模板文件名需与weiget的compName(z-name)的name部分相等。模板需继承@/mixins/PropEditorMixin或者手动$emit change事件
控件描述:
| 参数 | 描述 |
|---|---|
| name | 控件名称 |
| component | 控件的compName(z-name) |
| container | 是否为容器控件 |
| type | 控件种类 |
| enableCustomTemplate | 是否启用自定义编辑模板 |