新本版本又来了! 这更新节奏还有谁?

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_表单

FormCreate 重视开发者体验和未来趋势,致力于为开发者提供更灵活、高效的表单设计解决方案,助力开发者轻松构建现代化表单应用,v5.3 版本强势来袭,带来暗黑模式适配、插槽组件、组件类型切换、逻辑条件增强、拖拽限制和 Vue 3 语法模板支持等六大核心功能升级,更多功能请各位大佬继续往下看↓↓↓

新增功能

1.设计器面板适配暗黑模式,开发者可以在暗黑主题下更舒适地进行表单设计。

很多开发者喜欢使用暗黑主题的 IDE 和代码编辑器,FormCreate 的暗黑模式适配,提升开发者在暗黑环境下的使用体验,减少视觉疲劳,更符合现代开发工具的趋势,最重要的是一个字 —— 帅。

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_Vue_02

2. 增加插槽组件,开发者可在表单中插入自定义内容,例如自定义的 HTML、Vue 组件等。

极大地提升了表单设计的灵活性,开发者可以自由地扩展表单的功能和样式,当需要在表单中嵌入一些特殊的功能,例如地图、图表、自定义的交互组件等,插槽组件可以完美地解决这个问题。

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_表单_03

3.支持切换组件类型,增加switchType配置字段控制切换规则

简化了表单结构的调整过程,开发者无需删除和重新添加组件,即可快速切换组件类型,提高效率。在表单设计过程中,经常需要根据需求调整组件类型,例如将文本输入框改为数字输入框,通过切换组件类型功能可以方便地实现这种调整。

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_Vue_04

4.逻辑条件支持控制条件达成后组件的状态

逻辑条件功能得到增强,现在可以根据条件控制组件的状态。当用户选择某个选项后,需要显示额外的输入字段,或者当某个字段的值满足特定条件时,需要禁用另一个字段,这些都可以通过逻辑条件功能实现。

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_Vue_05

5.支持通过allowDrag和denyDrag配置项限制容器组件可拖入的组件,可以精确控制哪些组件可以拖入到容器中

提升了表单设计的规范性和可控性,防止用户误操作,保证表单结构的合理性。如:在一个 Tab 组件中,我们可能只允许拖入特定的表单组件,而禁止拖入其他类型的组件,allowDrag 和 denyDrag 配置项可以帮助我们实现这种限制。


6.支持生成vue3语法模板,方便开发者在 Vue 3 项目中使用。

紧跟 Vue 3 的发展趋势,使用 Vue 3 开发项目的开发者,可以直接生成的 Vue 3 模板代码,无需手动转换。

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_开发者_06

7.重写组件验证配置

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_开发者_07

8.单选和多选组件支持显示输入框

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_Vue_08

9.支持单独打包FormCreate用于runtime环境

10.支持控制标签区域的显隐

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_表单_09

11.数据表格增加合计开关

黑神话丨暗黑风来袭!FormCreate表单设计器 v5.3正式发布_Vue_10

12.输入框组件增加类型选择配置

13.优化triggerActive方法,简化手动选中组件的方式

14.优化计算公式

15.优化字段选择

16.增加通过autoActive配置项控制是否自动选中拖入的组件