@form-create/view-design 2.5.36 → 2.6.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +112 -32
  2. package/dist/form-create.esm.js +4216 -0
  3. package/dist/form-create.js +6 -6330
  4. package/dist/form-create.min.js +7 -3
  5. package/package.json +21 -15
  6. package/dist/form-create.min.js.map +0 -1
package/README.md CHANGED
@@ -1,32 +1,112 @@
1
- # @form-create/view-design
2
- **form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**
3
-
4
- form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 3 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.
5
-
6
- > @form-create/iview4 的别名包
7
- >
8
- > form-create view-design 动态表单组件
9
- >
10
- > form-create view-design Dynamic form component
11
-
12
- [GitHub](https://github.com/xaboy/form-create) | [文档](http://form-create.com/v2/iview/) | [Document](http://form-create.com/en/v2/iview/)
13
-
14
- [开源的vue表单设计器组件](https://github.com/xaboy/form-create-designer) ([功能演示](http://form-create.com/designer?fr=fc))
15
-
16
- - **预览**
17
-
18
- ![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)
19
-
20
-
21
- - **操作表单**
22
-
23
- ![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)
24
-
25
- - **`group` 组件**
26
-
27
- ![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)
28
-
29
- - **`control` 配置项**
30
-
31
- ![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
32
-
1
+ <p align="center">
2
+ <a href="https://www.form-create.com" target="_blank">
3
+ <img width="300" alt="FormCreate" src="https://static.form-create.com/file/img/info-logo2.png">
4
+ </a>
5
+ </p>
6
+ <p align="center">
7
+ 基于 ViewDesign 的低代码表单生成组件
8
+ </p>
9
+
10
+ <p align="center">
11
+ <a href="https://www.form-create.com/" target="_blank">官网</a>
12
+ <span>&nbsp;|&nbsp;</span>
13
+ <a href="https://form-create.com/v2/guide/" target="_blank">帮助文档</a>
14
+ <span>&nbsp;|&nbsp;</span>
15
+ <a href="https://form-create.com/designer/" target="_blank">可视化表单设计器</a>
16
+ <span>&nbsp;|&nbsp;</span>
17
+ <a href="https://form-create.com/v3/mobile/" target="_blank">移动端表单设计器</a>
18
+ </p>
19
+
20
+ <p align="center">
21
+ <a href="https://github.com/xaboy/form-create" target="_blank"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="TIM" /></a>
22
+ <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>
23
+ </p>
24
+
25
+ **FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**
26
+
27
+ [![FcDesigner](https://static.form-create.com/file/img/banner-m2.jpg)](https://pro.form-create.com/view)
28
+
29
+ ## 特点
30
+ - 使用JSON数据生成表单
31
+ - 支持扩展，生成任何Vue组件和HTML标签
32
+ - 支持6个UI框架
33
+ - 支持组件之间联动
34
+ - 提供丰富的表单操作API
35
+ - 支持子表单和分组
36
+ - 高性能
37
+ - **适配移动端**
38
+
39
+ ## 支持的UI框架
40
+ - element-plus
41
+ - ant-design-vue
42
+ - naive-ui
43
+ - arco-design
44
+ - tdesign
45
+ - vant
46
+
47
+ > 如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！本项目还在不断开发完善中,如有任何建议或问题[请在这里提出](https://github.com/xaboy/form-create/issues/new)
48
+
49
+ > 开发者讨论群[629709230](https://jq.qq.com/?_wv=1027&k=F1FlEFIV)
50
+
51
+
52
+ - **预览**
53
+
54
+ ![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)
55
+
56
+ ![demo2](https://form-create.com/v3/img/form-create.mobile.jpg)
57
+
58
+ <details>
59
+ <summary><b>更多</b></summary>
60
+
61
+ - **操作表单**
62
+
63
+ [详细说明](https://www.form-create.com/v3/instance.html)
64
+
65
+ ![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)
66
+
67
+ - **`group` 组件**
68
+
69
+ [详细说明](https://www.form-create.com/v3/guide/group.html)
70
+
71
+ ![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)
72
+
73
+ - **`control` 配置项**
74
+
75
+ [详细说明](https://www.form-create.com/v3/guide/control.html)
76
+
77
+ ![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
78
+ </details>
79
+
80
+ ## 包说明
81
+
82
+ | 包名 | 说明 |
83
+ |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------|
84
+ | @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/) |
85
+ | @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/) |
86
+ | @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/) |
87
+ | @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/) |
88
+ | @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/) |
89
+ | @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/) |
90
+ | @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) |
91
+
92
+
93
+ ## 示例
94
+
95
+ - [在线示例](https://www.form-create.com/v3/guide/demo.html)
96
+
97
+
98
+ <details>
99
+ <summary><b>效果图</b></summary>
100
+
101
+ ![https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg](https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg)
102
+ </details>
103
+
104
+
105
+ ## 联系
106
+ ![http://static.form-create.com/file/img/support.jpg](http://static.form-create.com/file/img/support.jpg)
107
+
108
+ ## License
109
+
110
+ [MIT](http://opensource.org/licenses/MIT)
111
+
112
+ Copyright (c) 2018-present xaboy