FormCreate Designer v3.2.11 & v1.1.8 版本发布：Ant Design Vue 支持与多项优化

FormCreate Designer v3.2.11 & v1.1.8 版本发布：Ant Design Vue 支持与多项优化

form-create-designer 好用的vue可视化表单设计器 项目地址: https://gitcode.com/gh_mirrors/fo/form-create-designer

FormCreate Designer 是一款功能强大的 Vue 表单设计器组件，它允许开发者通过可视化方式快速构建复杂的表单界面。最新发布的 v3.2.11（Vue3）和 v1.1.8（Vue2）版本带来了多项重要更新和优化，特别是新增了对 Ant Design Vue 的支持，这将为使用 Ant Design 的开发者带来极大的便利。

主要更新内容

Ant Design Vue 版本表单设计器

本次更新最引人注目的特性是新增了对 Ant Design Vue 的支持。开发者现在可以通过以下命令安装专为 Ant Design Vue 优化的表单设计器：

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

这一版本的设计器完美适配 Ant Design Vue 的视觉风格和交互方式，为使用该 UI 框架的项目提供了无缝集成的表单设计解决方案。

设计器功能增强

1. 新增功能介绍提示：设计器现在提供了直观的功能介绍提示，帮助新用户快速上手，降低学习成本。

2. 操作快捷键支持：为了提高设计效率，新版本增加了键盘快捷键支持，使表单设计过程更加流畅。

3. 设备视图切换：通过新增的 config.device 配置项，开发者可以预设设计区域的显示模式（如移动端或桌面端视图）。配套的 changeDevice 事件和 setDevice 方法让视图切换更加灵活可控。

4. 组件编码显示控制：config.showComponentName 配置项允许开发者控制是否显示组件编码，使界面更加简洁或详细，适应不同场景需求。

功能优化与改进

1. 多语言支持：内置组件现在全面适配多语言环境，为国际化应用开发提供了更好的支持。

2. 拖拽规则优化：新增的 input 配置项可以明确标识组件是否为表单组件，避免了无法配置 field 的情况，使拖拽配置更加精准。

3. HTML 导出优化：改进了 HTML 导出功能，生成的代码更加规范和易用。

4. 表格表单组件增强：对表格表单组件进行了优化，提升了其功能和稳定性。

5. Switch 组件改进：Switch 组件现在支持配置多类型的值，使用场景更加广泛。

6. 验证配置显示优化：验证配置项的显示条件进行了优化，使表单验证设置更加直观。

7. 多语言选择样式：改进了多语言选择器的视觉样式，提升了用户体验。

8. 大纲名称显示：优化了大纲中组件名称的显示方式，使结构更加清晰。

问题修复

1. 修复了表单事件清空失效的问题
2. 解决了图标不显示的问题（#182）
3. 修正了 Vue2 版本中 JSON 预览时规则未同步更新的问题

版本兼容性说明

• Vue2 版本：要求 Vue 版本 >= 2.7，同时需要使用 form-create 的 super 分支（版本为 2.7）
• Vue3 版本：需要使用 form-create 的 next 分支（版本大于 3.2.14）

开发者应根据项目使用的 Vue 版本选择合适的 FormCreate Designer 版本，并注意配套的 form-create 版本要求，以确保功能的完整性和稳定性。

总结

FormCreate Designer 的这次更新不仅增加了对 Ant Design Vue 的支持，还带来了多项实用功能和优化改进，进一步提升了表单设计的效率和体验。无论是新功能的引入还是现有功能的优化，都体现了项目团队对开发者需求的深入理解和持续改进的承诺。对于正在使用或考虑使用可视化表单设计工具的 Vue 开发者来说，这无疑是一个值得关注的更新。

form-create-designer 好用的vue可视化表单设计器 项目地址: https://gitcode.com/gh_mirrors/fo/form-create-designer