[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8787":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":38,"readmeContent":39,"aiSummary":40,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":41,"discoverSource":42},8787,"form-create-designer","xaboy\u002Fform-create-designer","xaboy","好用的Vue低代码可视化 AI 表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率。支持PC端和移动端，目前在政务系统、OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。","https:\u002F\u002Fview.form-create.com\u002F",null,"Vue",2320,510,21,65,0,2,6,26,8,69.73,"MIT License",false,"next",true,[27,28,29,30,31,32,33,34,35,36,37],"ai","ant-design-vue","designer","element-ui","fc-designer","form-create","form-designer","lowcode","vant","vue","vue3","2026-06-12 04:00:41","\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fwww.form-create.com\">\n        \u003Cimg width=\"300\" alt=\"FormCreate\" src=\"https:\u002F\u002Fstatic.form-create.com\u002Ffile\u002Fimg\u002Finfo-logo2.png\">\n    \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fwww.form-create.com\u002F\" target=\"_blank\">官网\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fview.form-create.com\u002F\" target=\"_blank\">帮助文档\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fform-create.com\u002Fv3\u002Fdesigner\u002F\" target=\"_blank\">在线演示\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create-assistant\u002F\" target=\"_blank\">AI 表单助理\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fform-create.com\u002Fv3\u002Fmobile\u002F\" target=\"_blank\">移动端在线演示\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fform-create.com\u002Fv3\u002F\" target=\"_blank\">FormCreate 文档\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-yellow.svg\" alt=\"TIM\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002F@form-create\u002Fdesigner.svg\" alt=\"dt\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n## FormCreate 低代码表单设计器\n\n**[@form-create\u002Fdesigner](https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create-designer\u002Ftree\u002Fnext\u002Fpackages\u002Felement-ui)** 是基于 [@form-create\u002Felement-ui](https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create) 和 **ElementPlus** 实现的低代码表单设计器组件。支持Vue2和Vue3\n\n**[@form-create\u002Fvant-designer](https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create-designer\u002Ftree\u002Fnext\u002Fpackages\u002Fvant)** 是基于 [@form-create\u002Fvant](https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create) 和 **Vant** 实现的**移动端**低代码表单设计器组件。支持Vue3\n\n**[@form-create\u002Fantd-designer](https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create-designer\u002Ftree\u002Fnext\u002Fpackages\u002Fant-design-vue)** 是基于 [@form-create\u002Fant-design-vue](https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create) 和 **AntDesignVue** 实现的低代码表单设计器组件。支持Vue3\n\n[![FcDesigner](https:\u002F\u002Fstatic.form-create.com\u002Ffile\u002Fimg\u002Fbanner-m2.jpg?20251027)](https:\u002F\u002Fpro.form-create.com\u002Fview)\n\n**AI 表单助理已开源:[GitHub](https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create-assistant) | [Gitee](https:\u002F\u002Fgitee.com\u002Fxaboy\u002Fform-create-assistant)，用于根据自然语言描述自动生成和修改 FormCreate 表单规则**\n\n## 特点\n- 使用JSON数据生成表单\n- 支持扩展自定义组件\n- 内置40+常用的表单组件和布局组件\n- 提供丰富的表单操作API\n- 支持子表单和分组\n- 支持事件配置\n- 支持样式配置\n- 支持表格布局\n- 支持表单验证\n- 支持表单多语言\n- 支持AI表单助理\n\n## 支持的UI框架\n\n[![FcDesigner](https:\u002F\u002Fstatic.form-create.com\u002Ffile\u002Fimg\u002Fproducts.jpg)](https:\u002F\u002Fform-create.com\u002F)\n\n> 如果对您有帮助，您可以点右上角 **\"Star\"** 支持一下 谢谢！本项目还在不断开发完善中,如有任何建议或问题[请在这里提出](https:\u002F\u002Fgithub.com\u002Fxaboy\u002Fform-create-designer\u002Fissues\u002Fnew)\n\n> 开发者讨论群[629709230](https:\u002F\u002Fjq.qq.com\u002F?_wv=1027&k=F1FlEFIV)\n\n- **预览**\n\n![demo1](https:\u002F\u002Fstatic.form-create.com\u002Ffile\u002Fimg\u002Fopen-designer.jpg)\n\n## Element Plus 版设计器 | [在线演示](https:\u002F\u002Fform-create.com\u002Fv3\u002Fdesigner\u002F)\n\n**CDN:**\n\n```html\n\u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Funpkg.com\u002Felement-plus\u002Fdist\u002Findex.css\">\u003C\u002Flink>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fvue\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Felement-plus\u002Fdist\u002Findex.full.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002F@form-create\u002Felement-ui@next\u002Fdist\u002Fform-create.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002F@form-create\u002Fdesigner@next\u002Fdist\u002Findex.umd.js\">\u003C\u002Fscript>\n```\n\n**NodeJs:**\n\n```shell\nnpm install @form-create\u002Fdesigner@next\nnpm install @form-create\u002Felement-ui@next\nnpm install element-plus\n```\n\n```js\nimport FcDesigner from '@form-create\u002Fdesigner'\nimport ELEMENT from 'element-plus';\nimport 'element-plus\u002Fdist\u002Findex.css';\n\napp.use(ELEMENT);\napp.use(FcDesigner)\napp.use(FcDesigner.formCreate)\n```\n\n**使用**\n\n```html\n\u003Cfc-designer ref=\"designer\"\u002F>\n```\n\n## Ant Design Vue 版设计器 | [在线演示](https:\u002F\u002Fform-create.com\u002Fv3\u002Fantd\u002Fdesigner\u002F)\n\n**CDN:**\n\n```html\n\u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Funpkg.com\u002Fant-design-vue@4\u002Fdist\u002Freset.css\">\u003C\u002Flink>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fvue\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fant-design-vue@4\u002Fdist\u002Fantd.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002F@form-create\u002Fant-design-vue@next\u002Fdist\u002Fform-create.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002F@form-create\u002Fantd-designer@next\u002Fdist\u002Findex.umd.js\">\u003C\u002Fscript>\n```\n\n**NodeJs:**\n\n```shell\nnpm install @form-create\u002Fantd-designer@next\nnpm install @form-create\u002Fant-design-vue@next\nnpm install ant-design-vue\n```\n\n```js\nimport FcDesigner from '@form-create\u002Fantd-designer'\nimport antd from 'ant-design-vue';\nimport 'ant-design-vue\u002Fdist\u002Freset.css';\n\napp.use(antd);\napp.use(FcDesigner)\napp.use(FcDesigner.formCreate)\n```\n\n**使用**\n\n```html\n\u003Cfc-designer ref=\"designer\"\u002F>\n```\n\n\n## 移动端设计器 | [在线演示](https:\u002F\u002Fform-create.com\u002Fv3\u002Fmobile\u002F)\n\n**CDN:**\n\n```html\n\u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Funpkg.com\u002Felement-plus\u002Fdist\u002Findex.css\">\u003C\u002Flink>\n\u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Funpkg.com\u002Fvant@4\u002Flib\u002Findex.css\"\u002F>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fvue\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Felement-plus\u002Fdist\u002Findex.full.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fvant@4\u002Flib\u002Fvant.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002F@form-create\u002Felement-ui@next\u002Fdist\u002Fform-create.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002F@form-create\u002Fvant@next\u002Fdist\u002Fform-create.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002F@form-create\u002Fvant-designer@next\u002Fdist\u002Findex.umd.js\">\u003C\u002Fscript>\n```\n\n**NodeJs:**\n\n```shell\nnpm install @form-create\u002Fvant-designer@next\nnpm install @form-create\u002Felement-ui@next\nnpm install @form-create\u002Fvant@next\nnpm install element-plus\nnpm install vant\n```\n\n```js\nimport FcDesignerMobile from '@form-create\u002Fvant-designer'\nimport ELEMENT from 'element-plus';\nimport vant from 'vant';\nimport 'vant\u002Flib\u002Findex.css';\nimport 'element-plus\u002Fdist\u002Findex.css';\n\napp.use(ELEMENT)\napp.use(vant)\napp.use(FcDesignerMobile)\napp.use(FcDesignerMobile.formCreate)\n```\n\n**使用**\n\n```html\n\u003Cfc-designer-mobile ref=\"designer\"\u002F>\n```\n\n## 联系\n\n![http:\u002F\u002Fstatic.form-create.com\u002Ffile\u002Fimg\u002Fsupport.jpg](http:\u002F\u002Fstatic.form-create.com\u002Ffile\u002Fimg\u002Fsupport.jpg)\n\n## License\n\n[MIT](http:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT)\n\nCopyright (c) 2021-present xaboy\n","xaboy\u002Fform-create-designer 是一个基于 Vue 的低代码可视化 AI 表单设计器，通过拖拽方式快速创建表单，提高开发效率。项目支持多种 UI 框架如 Element Plus、Vant 和 Ant Design Vue，并兼容 Vue2 和 Vue3。其核心功能包括使用 JSON 数据生成表单、扩展自定义组件、内置40+常用表单组件和布局组件、提供丰富的表单操作 API 以及支持子表单、分组、事件配置、样式配置、表格布局、表单验证和多语言等功能。此外，还集成了 AI 表单助理，能够根据自然语言描述自动生成和修改表单规则。该工具适用于需要高效构建复杂表单的应用场景，例如政务系统、OA 系统、ERP 系统、电商系统及流程管理系统等。","2026-06-11 03:19:44","top_language"]