UNPKG

@form-create/ant-design-vue

Version:

AntDesignVue版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。

www.form-create.com

xaboy/form-create

113 lines (77 loc) • 6.82 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<p align="center"> <a href="https://www.form-create.com" target="_blank"> <img width="300" alt="FormCreate" src="https://static.form-create.com/file/img/info-logo2.png"> </a> </p> <p align="center"> 基于AntDesignVue的低代码表单生成组件 </p> <p align="center"> <a href="https://www.form-create.com/" target="_blank">官网</a> <span>&nbsp;|&nbsp;</span> <a href="https://form-create.com/v2/guide/" target="_blank">帮助文档</a> <span>&nbsp;|&nbsp;</span> <a href="https://form-create.com/designer/" target="_blank">可视化表单设计器</a> <span>&nbsp;|&nbsp;</span> <a href="https://form-create.com/v3/mobile/" target="_blank">移动端表单设计器</a> </p> <p align="center"> <a href="https://github.com/xaboy/form-create" target="_blank"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="TIM" /></a> <a href="https://github.com/xaboy/form-create" target="_blank"><img src="https://img.shields.io/npm/dt/@form-create/element-ui.svg" alt="dt" /></a> </p> **FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。** [![FcDesigner](https://static.form-create.com/file/img/banner-m2.jpg)](https://pro.form-create.com/view) ## 特点 - 使用JSON数据生成表单 - 支持扩展，生成任何Vue组件和HTML标签 - 支持6个UI框架 - 支持组件之间联动 - 提供丰富的表单操作API - 支持子表单和分组 - 高性能 - **适配移动端** ## 支持的UI框架 - element-plus - ant-design-vue - naive-ui - arco-design - tdesign - vant > 如果对您有帮助，您可以点右上角 "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) <details> <summary><b>更多</b></summary> - **操作表单** [详细说明](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) </details> ## 包说明 | 包名 | 说明 | |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------| | @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) [![npm](https://img.shields.io/npm/dt/@form-create/element-ui.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) [![npm](https://img.shields.io/npm/dt/@form-create/ant-design-vue.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) [![npm](https://img.shields.io/npm/dt/@form-create/arco-design.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) [![npm](https://img.shields.io/npm/dt/@form-create/naive-ui.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) [![npm](https://img.shields.io/npm/dt/@form-create/tdesign.svg)](https://www.npmjs.com/package/@form-create/tdesign) | [tdesign 版本](http://form-create.com/v3/tdesign/) | | @form-create/vant [![version](https://img.shields.io/npm/v/@form-create/vant.svg)](https://www.npmjs.com/package/@form-create/vant) [![npm](https://img.shields.io/npm/dt/@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) [![npm](https://img.shields.io/npm/dt/@form-create/designer.svg)](https://www.npmjs.com/package/@form-create/designer) | [可视化表单设计器](http://form-create.com/designer) | ## 示例 - [在线示例](https://www.form-create.com/v3/guide/demo.html) <details> <summary><b>效果图</b></summary> ![https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg](https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg) </details> ## 联系 ![http://static.form-create.com/file/img/support.jpg](http://static.form-create.com/file/img/support.jpg) ## License [MIT](http://opensource.org/licenses/MIT) Copyright (c) 2018-present xaboy