Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@form-create/vant

xaboy683MIT3.2.25TypeScript support: included

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

动态表单, 低代码, @form-create, form-builder, form, components, vue3, mobile, vant, lowcode, dynamic-form

readme

FormCreate

官网  |  帮助文档  |  可视化表单设计器  |  移动端表单设计器

TIM dt

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

FcDesigner

特点

  • 使用JSON数据生成表单
  • 支持扩展,生成任何Vue组件和HTML标签
  • 支持6个UI框架
  • 支持组件之间联动
  • 提供丰富的表单操作API
  • 支持子表单和分组
  • 高性能
  • 适配移动端
  • 多语言

支持的UI框架

FcDesigner

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

开发者讨论群629709230

  • 预览

demo1

demo2

<summary>更多</summary>
  • 操作表单

详细说明

demo2

  • group 组件

详细说明

demo3

  • control 配置项

详细说明

demo2

包说明

包名 说明
@form-create/element-ui version element-plus 版本
@form-create/ant-design-vue version ant-design-vue 版本
@form-create/arco-design version arco-design 版本
@form-create/naive-ui version naive-ui 版本
@form-create/tdesign version tdesign 版本
@form-create/iview version iview 版本
@form-create/view-design version view-design 版本
@form-create/vant version vant 版本(移动端)
@form-create/designer version 可视化表单设计器
@form-create/vant-designer version 移动端表单设计器

分支说明

  • latest: Vue2.0版本分支
  • super: Vue2.7版本分支(该版本功能和next分支功能一致)
  • next: Vue3.0版本分支

例如:

安装Vue2版本的@form-create/element-ui

npm install @form-create/element-ui

安装Vue2.7版本的@form-create/vant

npm install @form-create/vant@super

安装Vue3版本的@form-create/element-ui

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

示例

<summary>效果图</summary>

https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg

联系

http://static.form-create.com/file/img/support.jpg

感谢

时光弧线 | wxxtqk | williamBoss | HeyMrLin | djkloop | daiwenyong | JetBrains

License

MIT

Copyright (c) 2018-present xaboy