v3.4 & v1.3 发布! 增加AI表单助理⭐️

Vue2和Vue3版本同步更新(Vue2安装v1.3, Vue3安装v3.4), 并且将FormCreate 渲染器版本更新至最新版本

1. AI助理：智能表单设计

体验升级：对话式表单生成，快速构建业务表单
支持生成组件事件
还能帮你生成 JS 代码 与 Vue 组件

AI 表单助理服务已开源: https://github.com/xaboy/form-create-assistant/

2. 表单验证增强：更全面、更高效

表单验证功能全面加强，内置 15 种常用验证方式。

3. 远程数据预览：调试变得更高效

在设计器中即可查看接口返回结果，方便你实时调试数据结构，确保组件绑定正确。小小改动，大大提升了开发效率。

4. 组件配置历史记录

配置组件时，系统现在会自动生成历史记录。即使误操作也能轻松回溯，帮助开发者更安心地调整配置。

5. 组件隐藏开关

右侧面板新增“组件隐藏”开关，允许在设计阶段快速控制组件的显隐状态，方便进行布局对比和逻辑调试。

6. 表格序号优化

移除表格中序号列的 “#” 标题，使表格视觉更简洁，符合现代 UI 设计规范。

7. 子表单卡片模式

新增“卡片模式”展示样式，让子表单内容更加清晰分组，提升层级可读性与视觉美感。

8. 组件导出单独的组件包, 方便跨项目使用

9. 签名板前置回调

签名板组件新增删除前置回调机制，可在用户清除签名前执行校验或确认逻辑，为数据安全提供更高可控性。

v3.3.1 & v1.2.1 发布!

Vue2和Vue3版本同步更新(Vue2安装v1.2.1, Vue3安装v3.3.1), 并且将FormCreate 渲染器版本更新至最新版本

✨ 新增功能:

• 样式配置中增加字体和位置

• config 增加 hiddenFormConfig, disabledFormConfig 配置项控制表单配置项的显示和禁用状态

• config 增加 validateOnlyRequired 配置项, 组件的验证模块是否只显示必填

• 增加全局的菜单和拖拽规则导入方法, FcDesigner.addMenu 和 FcDesigner.addDragRule

• config 增加 nameReadonly 配置项, 控制编号是否可以编辑

🔧 功能优化:

• select 组件增加 placeholder 配置项(vant)

• tableOptions 和 treeOptions 组件支持禁用

• 优化内置菜单加载逻辑

• 粘贴组件时默认重置 field 和 name(不兼容的更新)

• 隔离组件的 hook 配置执行

🐞 问题修复：

• ✅ 修复组件事件删除后,不能重新添加的问题

• ✅ 修复html内容保存时可能报错问题

• ✅ 修复 showControl 配置项失效问题

• ✅ 修复栅格中组件移动时可能报错问题(Vue2)

v3.3 & v1.2 发布!

Vue2和Vue3版本同步更新(Vue2安装v1.2.0, Vue3安装v3.3.0), 并且将FormCreate 渲染器版本更新至最新版本

✨ 新增功能:

• 增强表格布局组件, 支持批量操作格子样式,清空,合并等操作, 双击快速添加内容, 支持通过拖动设置格子宽和高

• 操作权限控制

  • config增加componentPermission配置,可精确控制每个组件的可见配置项和允许的操作

  • config增加beforeRemoveRule和beforeActiveRule回调控制组件是否可以删除和选中

  • 拖拽规则增加allowDragTo配置项, 控制当前组件允许拖入到那些组件中

  • 拖拽规则增加maxChildren配置项, 限制子组件拖入数量

  • 拖拽规则和config增加checkDrag回调控制组件是否可以拖入

• 增加手写签名组件和标题组件

• 左右两侧板块增加展开收齐按钮

• 完善快捷键

• 增加getHtml 方法, 导出 Html

// 将表单导出为 HTML
this.$refs.designer.getHtml()

• 增加标题和手写签名组件

• 完善表格表单组件, 新增最小行, 是否可删除开关,是否可新增开关和标题位置的配置项

• 增加 previewSubmit 和 previewReset 事件, 预览弹窗表单提交和重置时触发

• config 增加 beforeRemoveRule 和 beforeActiveRule 回调控制组件是否可以删除和选中

• 表单增加 beforeSubmit 事件

• 增加 changeField 事件, 监听组件的字段 ID 变化

• 增加 showMenuBar 配置项, 控制是否显示最左侧菜单栏

• 增加 showPreviewBtn配置项, 控制是否显示预览按钮

• 增加exitConfirm配置项,控制关闭设计器时是否弹出确认操作弹窗

🔧 功能优化:

• 隐藏多语言后同步隐藏多语言选择

• 修改上传组件事件配置参数 (⚠️不兼容)

  已配置好的规则不影响使用, 二次编辑时需要将事件内容修改为新版的格式

• 表单事件列表增加事件是否定义的状态

• menu 增加 before 参数, 可以显示在顶部

• 优化事件配置

• 修改弹出框宽度为1080px

• 支持配置事件的描述

• 优化设计器样式

🐞 问题修复：

• ✅ 修复 预览 json 时函数解析问题

• ✅ 修复 事件保存时可能报错问题

• ✅ 修复 自定义属性可能保存失败问题

• ✅ 修复 默认表单配置项可能不生效问题

v3.2.11 & v1.1.8 发布! Ant Design Vue⭐️

Vue2和Vue3版本同步更新(Vue2安装v1.1.8, Vue3安装v3.2.11)

• 发布Ant Design Vue 版本表单设计器⭐️(Vue3)

npm i @form-create/antd-designer@next

• 新增 设计器增加功能介绍提示
• 新增 操作快捷键
• 新增 config.showComponentName 配置项,控制组件编码的显示
• 新增 config.device 配置默认设计区域显示, changeDevice事件和setDevice方法
• 新增 mergeOptions 方法合并更新表单配置
• 优化 内置组件适配多语言
• 优化 拖拽规则增加input配置项, 配置组件是否为表单组件, 避免出现无法配置field的情况
• 优化 html 导出
• 优化 表格表单组件
• 优化 switch 组件支持配置多类型的值
• 优化 验证配置项显示条件
• 优化 多语言选择样式
• 优化 大纲中名称显示
• 修复 表单事件清空失效问题
• 修复 图标不显示问题 #182
• 修复 JSON预览时规则没有同步更新问题(Vue2)

注意

• Vue2版本要求Vue版本>=2.7
• Vue2版本需要使用form-create的super分支,版本为2.7
• Vue3版本需要使用form-create的next分支,版本大于3.2.14

帮助文档

v3.2.10 & v1.1.7 发布!

20250104

Vue2和Vue3版本同步更新(Vue2安装v1.1.7, Vue3安装v3.2.10)

• 优化 必填支持多语言
• 修复 表格表单组件值同步问题
• 修复 切换组件列表中显示隐藏组件的问题

注意

• Vue2版本要求Vue版本>=2.7
• Vue2版本需要使用form-create的super分支,版本为2.7
• Vue3版本需要使用form-create的next分支,版本大于3.2.14

帮助文档

v3.2.9 & v1.1.6 发布!

20241230

Vue2和Vue3版本同步更新(Vue2安装v1.1.6, Vue3安装v3.2.9)

• 使用新版图标
• 新增 增加图片组件
• 新增 增加标签页组件,表格表单组件 (Vue2版本)
• 新增 增加updateDefaultRule配置项, 设置组件的初始化规则
• 新增 完善表单事件,增加表单重置事件和重载事件
• 新增 事件列表增加说明
• 新增 增强样式配置, 增加尺寸相关配置
• 新增 增加取消当前选中组件的按钮
• 新增 远程数据支持配置query和dataType参数,处理数据回调中支持获取api和rule
• 新增 事件模块中增加规则相关内置事件
• 新增 支持给组件配置自定义props
• 新增 内置JSON预览模块
• 新增 增加表单多语言配置
• 新增 支持通过updateConfigOnBlur 配置项控制组件右侧配置项的更新方式
• 新增 增加configFormOrder配置项,控制组件右侧配置表单的顺序
• 完善 upload组件配置
• 完善 选择项支持配置多种数据类型
• 优化 复制时自动刷新name, 使用autoResetName配置项控制,默认开启 (不向下兼容,配置为false后和之前版本一致)
• 优化 内置函数导出
• 优化 页面滚动条显示
• 优化组件操作,支持不选中组件即可操作组件

注意

• Vue2版本要求Vue版本>=2.7
• Vue2版本需要使用form-create的super分支,版本为2.7
• Vue3版本需要使用form-create的next分支,版本大于3.2.14

帮助文档

3.2.7 移动端表单设计器发布

Vue3
20241012

• 新增 移动端表单设计器正式发布! 在线演示

npm install @form-create/vant-designer

• 新增 导出 HTML功能
• 新增 导出时增加复制代码按钮
• 新增 updateDefaultRule配置项, 设置组件的初始化规则
• 优化 事件增加文字说明
• 优化 提示信息和getOptions方法
• 调整目录结构

帮助文档

3.2.6 样式配置 组件切换🌟

Vue3
20240918

• 新增 增加组件样式配置
• 新增 支持切换组件类型, 增加switchType配置项控制组件的切换规则, 和是否显示切换组件类型
• 新增 新增单选和多选组件支持显示输入框
• 新增 栅格组件支持自适应布局配置
• 新增 重新实现组件的验证规则配置组件
• 新增 增加复制组件id功能
• 新增 增加autoActive配置项, 控制是否自动选中拖入的组件
• 新增 增加clear事件,点击清空按钮后触发
• 新增 支持通过config.formOptions配置项配置表单默认配置
• 新增 输入框组件增加类型选择
• 新增 上传组件增加上传前置事件配置
• 新增 增加通过config.disabledItemConfig配置项禁用组件指定配置
• 新增 增加通过config.hiddenItemConfig配置项隐藏组件的指定配置
• 新增 导出模板支持生成vue3语法的模板,支持通过useTemplate配置项使用vue2语法的模板
• 新增 增加showInputData配置项控制录入默认值按钮显示
• 优化 triggerActive方法, 简化手动选中组件的方式
• 修复已知的bug

帮助文档

1.1.5 样式配置 组件切换🌟

Vue2
20240918

• 新增 增加组件样式配置
• 新增 支持切换组件类型, 增加switchType配置项控制组件的切换规则, 和是否显示切换组件类型
• 新增 新增单选和多选组件支持显示输入框
• 新增 栅格组件支持自适应布局配置
• 新增 重新实现组件的验证规则配置组件
• 新增 增加复制组件id功能
• 新增 增加autoActive配置项, 控制是否自动选中拖入的组件
• 新增 增加clear事件,点击清空按钮后触发
• 新增 支持通过config.formOptions配置项配置表单默认配置
• 新增 输入框组件增加类型选择
• 新增 上传组件增加上传前置事件配置
• 新增 增加通过config.disabledItemConfig配置项禁用组件指定配置
• 新增 增加通过config.hiddenItemConfig配置项隐藏组件的指定配置
• 新增 增加showInputData配置项控制录入默认值按钮显示
• 优化 triggerActive方法, 简化手动选中组件的方式
• 修复已知的bug和多语言无法导入问题

帮助文档

3.2.5 功能优化🌟

Vue3
20240730

• 增加componentRule.default参数设置组件公共配置
• 增加removeMenu方法
• 修改内置组件名称,避免冲突
• 优化函数编辑
• 优化上传组件
• 优化渲染器关闭提醒逻辑
• 优化请求地址验证
• 修复事件保存报错问题
• 修复height配置失效问题
• 修复验证规则不能选择问题
• 样式优化

帮助文档