# 介绍
FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。它支持 7 个 UI 框架，适配移动端，并且支持生成任何 Vue 组件。内置 20+ 种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定
# 源码
您可以在 GitHub (opens new window) 上查看整个项目的所有源文件。如果 FormCreate 对您有帮助，欢迎点 'Star' 支持一下，谢谢！
# 特点
# 多平台与框架支持
- 支持 Vue2 和 Vue3 版本：
FormCreate 兼容不同版本的 Vue 项目，确保无缝集成。
- 支持 7 个主流 UI 框架：
- Element Plus / Element UI
- Ant Design Vue
- Iview / ViewDesign
- Naive UI
- Arco Design
- TDesign
- Vant UI (适用于移动端)
- 移动端支持：
专为移动端优化，能够生成适配 Vant UI 风格的动态表单。
# 表单生成与配置
- 通过 JSON 生成表单
基于 JSON 配置动态生成表单，无需手动编写繁琐的表单代码。
- 自定义组件
- 生成任意 Vue 组件，并轻松集成到表单中。
- 内置数据验证，确保表单输入的正确性。
- 通过简单配置快速扩展组件功能。
- 自定义组件轻松转换为表单组件，满足复杂业务需求。
- 表单多语言
支持表单各元素添加多语种文本，一键切换语言体系。
- 全局配置
支持全局表单配置、组件全局配置和表单事件，统一管理表单行为和样式。
# 功能扩展与灵活性
- 自定义配置项扩展
根据业务需求扩展表单功能，快速适应不同场景。
- 支持组件设置前后缀
为表单字段添加前后缀，提升用户体验。
- 组件联动
实现表单组件之间的联动和动态更新，轻松应对复杂表单逻辑。
- 强大的 API
通过 API 快速操作表单，进行数据获取、设置、验证等操作。
- 双向数据绑定
表单数据与界面双向绑定，确保实时更新 UI 和数据。
- 事件扩展与注入
自定义表单事件处理逻辑，增强表单的交互能力。
# 高性能与布局
- 高性能
内置优化机制，确保表单的快速响应和高效渲染。
- 数据验证
支持多种复杂验证规则，确保输入数据的合法性。
- 栅格布局
支持复杂的栅格布局，轻松实现响应式表单设计。
- 子表单与分组
支持子表单和分组管理，适合处理复杂的数据结构。
# 内置组件
FormCreate 内置了大量常用的表单组件，满足各种场景需求：
- hidden：隐藏字段
- input：文本输入框
- inputNumber：数字输入框
- checkbox：复选框
- radio：单选框
- switch：开关
- select：下拉选择框
- autoComplete：自动完成输入框
- cascader：级联选择器
- colorPicker：颜色选择器
- datePicker：日期选择器
- timePicker：时间选择器
- rate：评分组件
- slider：滑块
- upload：文件上传
- tree：树形控件
- frame：框架组件
- group (子表单)：子表单组件
- subForm (分组)：分组组件
FormCreate 通过丰富的功能和强大的扩展性，能够帮助开发者快速构建复杂的表单系统，无论是企业级应用还是小型项目，都能轻松应对。
安装 →