四时宝库

程序员的知识宝库

FormMaking 新版本发布,解决大数据子表单输入卡顿问题!

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 表单设计器,致力于帮助企业解决表单多,复杂,难于维护管理等问题,赋能企业实现低代码开发模式;帮助开发者从传统枯燥的表单代码中解放出来。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接