OpenDataV低代码平台增加自定义属性编辑( 二 )

ScrollTable目录下的config.ts中增加如下配置:

OpenDataV低代码平台增加自定义属性编辑

文章插图
首先我们配置typeFormType.CUSTOM , showLabel的作用是是否显示表单中的label , 这里主要是为了让我们的自定义编辑框拥有更大的渲染位置 , 在componentOptions中的componentType属性配置上组件对象 , 然后defaultValue就是ScrollTableForm组件中updateValue返回的值以及value所接收的值 。
【OpenDataV低代码平台增加自定义属性编辑】做完以上工作 , 我们就可以在右侧编辑框查看自定义属性编辑框的效果了 。
OpenDataV低代码平台增加自定义属性编辑

文章插图
因为样式和属性有所区别 , 因此增加自定义样式编辑需要有一些特殊处理 , 我们在下一篇在讲 , 在框架的设计之初我们就考虑到组件、属性编辑、工具栏等采用动态注册的方式来增加 , 一方面为了让框架更加简洁 , 另一方面也降低了组件自定义的难度 。
更新日志
  • 增加动态数据接口处理 。
  • 增加了脚本处理请求数据 。
  • 优化了部分编辑器BUG 。
  • 优化了使用体验 。
Vue3拖拽式可视化低代码数据可视化平台OpenDataV低代码平台新增组件流程

经验总结扩展阅读