JSPM – form-create-designer@3.3.0-oem

Package Exports

form-create-designer
form-create-designer/dist/index.es.js
form-create-designer/dist/index.umd.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (form-create-designer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

官网 | 帮助文档 | 在线演示 | FormCreate 文档

FcDesigner 是基于 @form-create/element-ui 实现的低代码表单设计器组件。可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率，节省开发者的时间。支持Vue2和Vue3

特点

使用JSON数据生成表单
支持扩展自定义组件
内置30+常用的表单组件和布局组件
提供丰富的表单操作API
支持子表单和分组
支持事件配置
支持样式配置
支持表格布局
支持表单验证
支持多语言
支持表单多语言

支持的UI框架

如果对您有帮助，您可以点右上角 "Star" 支持一下谢谢！本项目还在不断开发完善中,如有任何建议或问题请在这里提出

开发者讨论群629709230

预览

demo1

引入

CDN:

<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css"></link>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/element-plus/dist/index.full.js"></script>
<script src="https://unpkg.com/@form-create/element-ui@next/dist/form-create.min.js"></script>
<script src="https://unpkg.com/@form-create/designer@next/dist/index.umd.js"></script>

NodeJs:

npm install @form-create/designer@next
npm install @form-create/element-ui@next
npm install element-plus

import FcDesigner from '@form-create/designer'
import ELEMENT from 'element-plus';
import 'element-plus/dist/index.css';

app.use(ELEMENT);
app.use(FcDesigner)
app.use(FcDesigner.formCreate)

使用

<fc-designer ref="designer"/>

联系

License

MIT