[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8960":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":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":27,"discoverSource":28},8960,"avue-form-design","sscfaith\u002Favue-form-design","sscfaith","本项目是一款基于 Avue 的表单设计器，拖拽式操作让你快速构建一个表单。","https:\u002F\u002Fform.nutflow.vip",null,"Vue",1284,373,34,24,0,2,55.92,"MIT License",false,"master",true,[],"2026-06-12 04:00:42","## 简介\n\n[Vue3版本](https:\u002F\u002Fgithub.com\u002Fsscfaith\u002Favue-form-design\u002Ftree\u002F3.x)，因Avue还存在部分bug，请慎重使用。\n\n本项目是一款基于 \u003Ca href=\"https:\u002F\u002Favuejs.com\u002F\" target=\"_blank\">Avue\u003C\u002Fa> 的表单设计器，拖拽式操作让你快速构建一个表单。\n\n:tada: 基于Bladex的工作流插件已上市。[授权地址](https:\u002F\u002Fbladex.vip\u002F#\u002Fmarket\u002Fflow)\u003Cbr\u002F>\n[表单设计器预览地址](https:\u002F\u002Fform.nutflow.vip)\u003Cbr>\n[流程设计器预览地址](https:\u002F\u002Fbpmn.nutflow.vip)\u003Cbr>\n[工作流插件预览地址](https:\u002F\u002Fdemo1.nutflow.vip)\n\n## 文档及demo项目\n[Wiki](..\u002F..\u002Fwikis)\n\n## 依赖\n\nelement-ui 2.13.2+\n\n```sh\n$ npm i element-ui\n```\n\n@smallwei\u002Favue 2.6.16+\n\n```sh\n$ npm i @smallwei\u002Favue\n```\n\n或自行引入cdn\n\n## 安装\n\n### 组件\n\n```sh\n$ npm i @sscfaith\u002Favue-form-design\n或\n$ yarn add @sscfaith\u002Favue-form-design\n```\n\n### 源码\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsscfaith\u002Favue-form-design\" target=\"_blank\">github\u003C\u002Fa> or\n\u003Ca href=\"https:\u002F\u002Fgitee.com\u002Fsscgh\u002Favue-from-design\" target=\"_blank\">gitee\u003C\u002Fa>\n\n```sh\n$ yarn\n$ yarn serve\n```\n\n### html\n\n详见examples\n\n## 使用\n\n```\nimport AvueFormDesign from '@sscfaith\u002Favue-form-design'\n\nVue.use(AvueFormDesign)\n```\n\n```\n\u003Cavue-form-design style=\"height: 86vh;\"\n                  :options=\"options\"\n                  storage\n                  @submit=\"handleSubmit\">\u003C\u002Favue-form-design>\n```\n\n### 属性\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ------ | ------ | ------ | ------ |\n| options | 字段配置 | Object\u002FString | { column: [] } |\n| storage | 开启本地存储功能，防止浏览器刷新丢失json | Boolean | false |\n| asideLeftWidth | 左工具栏宽度 | String\u002FNumber | '270px' |\n| asideRightWidth | 右工具栏宽度 | String\u002FNumber | '380px' |\n| showAvueDoc（已废弃，请使用toolbar） | 是否显示Avue文档 | Boolean | false |\n| showGithubStar | 是否显示GitHub Star | Boolean | true |\n| toolbar | 顶部工具栏 | Array | ['avue-doc', 'import', 'generate', 'preview', 'clear'] |\n| undoRedo | 是否开启撤销重做功能 | Boolean | true |\n| includeFields | 左侧展示字段 | Array | fieldsConfig.js中配置的字段 |\n| customFields | 自定义组件 | Array | [使用方法](https:\u002F\u002Fgithub.com\u002Fsscfaith\u002Favue-form-design\u002Fblob\u002Fmaster\u002FCHANGELOG.md#2020-09-22) |\n\n### options字段配置\n\n\u003Ca href=\"https:\u002F\u002Favuejs.com\u002Fform\u002Fform.html\" target=\"_blank\">Avue文档\u003C\u002Fa>\n\n| 属性 | 说明 | 类型 | 可选值 | 默认值 |\n| ------| ------ | ------ | ------ | ------ |\n| column | Avue字段 | Array | - | [] |\n| labelPosition | 字段位置 |  String | 'left'\u002F'center'\u002F'right' | - |\n| labelWidth | 字段宽度 | Number | - | - |\n| gutter | 字段间隔 | Number | - | 0 |\n| menuBtn | 表单按钮 | Boolean | true\u002Ffalse | true |\n| submitBtn | 显示提交按钮 | Boolean | true\u002Ffalse | true |\n| submitText | 提交按钮文本 | String | - | '提交' |\n| emptyBtn | 显示清空按钮 | Boolean | true\u002Ffalse | true |\n| emptyText | 清空按钮文本 | String | - | '清空' |\n| tabs | 多分组转标签 | Boolean | true\u002Ffalse | false |\n| detail | 详情模式 | Boolean | true\u002Ffalse | false |\n| readonly | 全局只读 | Boolean | true\u002Ffalse | false |\n| disabled | 全局禁用 | Boolean | true\u002Ffalse | false |\n\n### 事件\n\n| 名称 | 说明 | 回调参数 |\n| ------ | ------ | ------ |\n| submit | 生成json回调 | 当前配置的json |\n\n### 方法\n\n| 名称 | 说明 | 参数 | 返回 |\n| ------ | ------ | ------ | ------ |\n| getData | 获取当前编辑器的JSON | type: 'string'\u002F'json' | Promise |\n\n### 插槽\n| 名称 | 说明 |\n| ------ | ------ | \n| toolbar | 顶部工具栏右侧插槽 | \n| toolbar-left | 顶部工具栏左侧插槽 | \n\n### Avue插件\n\n#### 富文本\n\n```\nimport AvueUeditor from 'avue-plugin-ueditor'\n\nVue.use(AvueUeditor)\n```\n\n## 打包\n\n### 组件\n\n```sh\n$ yarn lib\n```\n\n### 源码\n\n```sh\n$ yarn build\n```\n\n## 捐赠\n如果你觉得本项目帮助到你的话，可以给作者买杯咖啡。\n\u003Cimg src=\"https:\u002F\u002Fform.beta.kim\u002Fdonate.png\">\n\n## License\n\n\u003Ca href=\"https:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT\" target=\"_blank\">MIT\u003C\u002Fa>\n","avue-form-design 是一个基于 Avue 的表单设计器，通过拖拽式操作帮助用户快速构建表单。该项目采用 Vue 作为主要开发语言，并依赖于 element-ui 和 @smallwei\u002Favue 等库来实现丰富的表单组件和功能。它支持本地存储、撤销重做等实用特性，并允许自定义字段和组件，以满足不同场景下的需求。此外，还提供了详细的文档和示例代码，方便开发者上手使用。适用于需要快速搭建复杂表单的应用场景，如企业内部管理系统或数据收集平台。","2026-06-11 03:20:35","top_language"]