基于TDesign的低代码表单生成组件

**FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。** [![FcDesigner](https://static.form-create.com/file/img/banner-m2.jpg?20251027)](https://pro.form-create.com/view) ## 特点 - 使用JSON数据生成表单 - 支持扩展，生成任何Vue组件和HTML标签 - 支持6个UI框架 - 支持组件之间联动 - 提供丰富的表单操作API - 支持子表单和分组 - 高性能 - **适配移动端** - **多语言** ## 支持的UI框架 [![FcDesigner](https://static.form-create.com/file/img/products.jpg)](https://form-create.com/) > 如果对您有帮助，您可以点右上角 "Star" 支持一下谢谢！本项目还在不断开发完善中,如有任何建议或问题[请在这里提出](https://github.com/xaboy/form-create/issues/new) > 开发者讨论群[629709230](https://jq.qq.com/?_wv=1027&k=F1FlEFIV) - **预览** ![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif) ![demo2](https://form-create.com/v3/img/form-create.mobile.jpg)

- **操作表单** [详细说明](https://www.form-create.com/v3/instance.html) ![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif) - **`group` 组件** [详细说明](https://www.form-create.com/v3/guide/group.html) ![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif) - **`control` 配置项** [详细说明](https://www.form-create.com/v3/guide/control.html) ![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)

## 包说明 | 包名 | 说明 | |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------| | @form-create/element-ui [![version](https://img.shields.io/npm/v/@form-create/element-ui/next.svg)](https://www.npmjs.com/package/@form-create/element-ui) | [element-plus 版本](http://form-create.com/v3/element-ui/) | | @form-create/ant-design-vue [![version](https://img.shields.io/npm/v/@form-create/ant-design-vue/next.svg)](https://www.npmjs.com/package/@form-create/ant-design-vue) | [ant-design-vue 版本](http://form-create.com/v3/ant-design-vue/) | | @form-create/arco-design [![version](https://img.shields.io/npm/v/@form-create/arco-design/next.svg)](https://www.npmjs.com/package/@form-create/arco-design) | [arco-design 版本](http://form-create.com/v3/arco-design/) | | @form-create/naive-ui [![version](https://img.shields.io/npm/v/@form-create/naive-ui/next.svg)](https://www.npmjs.com/package/@form-create/naive-ui) | [naive-ui 版本](http://form-create.com/v3/naive-ui/) | | @form-create/tdesign [![version](https://img.shields.io/npm/v/@form-create/tdesign/next.svg)](https://www.npmjs.com/package/@form-create/tdesign) | [tdesign 版本](http://form-create.com/v3/tdesign/) | | @form-create/iview [![version](https://img.shields.io/npm/v/@form-create/iview.svg)](https://www.npmjs.com/package/@form-create/iview) | [iview 版本](http://form-create.com/v2/iview/) | | @form-create/view-design [![version](https://img.shields.io/npm/v/@form-create/view-design.svg)](https://www.npmjs.com/package/@form-create/view-design) | [view-design 版本](http://form-create.com/v2/iview/) | | @form-create/vant [![version](https://img.shields.io/npm/v/@form-create/vant.svg)](https://www.npmjs.com/package/@form-create/vant) | [vant 版本(移动端)](http://form-create.com/v3/vant/) | | @form-create/designer [![version](https://img.shields.io/npm/v/@form-create/designer.svg)](https://www.npmjs.com/package/@form-create/designer) | [可视化表单设计器](http://form-create.com/v3/designer) | | @form-create/vant-designer [![version](https://img.shields.io/npm/v/@form-create/vant-designer.svg)](https://www.npmjs.com/package/@form-create/designer) | [移动端表单设计器](http://form-create.com/v3/mobile) | **分支说明** - **latest:** Vue2.0版本分支 - **super:** Vue2.7版本分支(该版本功能和next分支功能一致) - **next:** Vue3.0版本分支例如: 安装Vue2.7版本的@form-create/tdesign ```sh npm install @form-create/tdesign@super ``` 安装Vue3版本的@form-create/tdesign ```sh npm install @form-create/tdesign@next ``` ## 示例 - [在线示例](https://www.form-create.com/v3/guide/demo.html)

效果图

![https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg](https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg)

## 联系 ![http://static.form-create.com/file/img/support.jpg](http://static.form-create.com/file/img/support.jpg) ## 感谢 [时光弧线](https://github.com/shiguanghuxian) | [wxxtqk](https://github.com/wxxtqk) | [williamBoss](https://github.com/williamBoss) | [HeyMrLin](https://github.com/HeyMrLin) | [djkloop](https://github.com/djkloop) | [daiwenyong](https://github.com/daiwenyong) | [JetBrains](https://www.jetbrains.com/?from=form-create) ## License [MIT](http://opensource.org/licenses/MIT) Copyright (c) 2018-present xaboy