FormMaking 表单设计器又迎来了新版本的更新,接下来我们来看一下具体更新了什么内容。
1. 子表单默认采用虚拟表格
这里引入虚拟表格,主要是在使用el-table时,当一页展示组件数量过多时,输入会有卡顿。我们对子表单组件进行了重新研发,上线虚拟表格(VirtualTable)组件来渲染子表单,解决输入卡顿问题。
如果你的子表单页数据不多并且想使用原生的table组件,将虚拟表格配置取消即可。
2. 优化Antd表单校验
为了优化Antd表单的性能,我们抛弃了之前在每次输入时调用表单校验方法,现修改为在组件失去焦点(blur)事件中去校验数据。
新版中如果需要在每次输入时进行校验,可以在change事件中手动调用校验方法即可。
this.validate(['需要校验的字段标识'])
3. 子表单添加 setData 方法
优化解决子表单对某一行数据需要更新时繁琐操作。
4. 自定义属性配置,widgetConfig -> widgetconfig
在html模式下,插槽不支持大写,导致自定义属性不生效,新版本中我们将插槽名全部定义为小写。
5. element-ui 新版本兼容处理
element-ui 在新版本中,el-table会渲染两次子组件,导致setOptionData方法失效。新版本中已经做了兼容处理,可以使用新版本 element-ui。
6. V3 Antd 表单时间选择支持范围
7. 其他的一些优化和bug修复
以上就是本次更新的所有内容,感谢大家长期以来的支持,我们一直会持续进行迭代更新,欢迎大家提出自己宝贵的意见,我们会不断进行完善。
FormMaking 表单设计器,致力于帮助企业解决表单多,复杂,难于维护管理等问题,赋能企业实现低代码开发模式;帮助开发者从传统枯燥的表单代码中解放出来。