FormCreate Designer v3.2.11 & v1.1.8 版本发布：Ant Design 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 框架的项目提供了无缝集成的表单设计解决方案。
设计器功能增强
-
新增功能介绍提示：设计器现在提供了直观的功能介绍提示，帮助新用户快速上手，降低学习成本。
-
操作快捷键支持：为了提高设计效率，新版本增加了键盘快捷键支持，使表单设计过程更加流畅。
-
设备视图切换：通过新增的
config.device配置项，开发者可以预设设计区域的显示模式（如移动端或桌面端视图）。配套的changeDevice事件和setDevice方法让视图切换更加灵活可控。 -
组件编码显示控制：
config.showComponentName配置项允许开发者控制是否显示组件编码，使界面更加简洁或详细，适应不同场景需求。
功能优化与改进
-
多语言支持：内置组件现在全面适配多语言环境，为国际化应用开发提供了更好的支持。
-
拖拽规则优化：新增的
input配置项可以明确标识组件是否为表单组件，避免了无法配置 field 的情况，使拖拽配置更加精准。 -
HTML 导出优化：改进了 HTML 导出功能，生成的代码更加规范和易用。
-
表格表单组件增强：对表格表单组件进行了优化，提升了其功能和稳定性。
-
Switch 组件改进：Switch 组件现在支持配置多类型的值，使用场景更加广泛。
-
验证配置显示优化：验证配置项的显示条件进行了优化，使表单验证设置更加直观。
-
多语言选择样式：改进了多语言选择器的视觉样式，提升了用户体验。
-
大纲名称显示：优化了大纲中组件名称的显示方式，使结构更加清晰。
问题修复
- 修复了表单事件清空失效的问题
- 解决了图标不显示的问题（#182）
- 修正了 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 开发者来说，这无疑是一个值得关注的更新。
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
