{"id":13750313,"url":"https://github.com/sscfaith/avue-form-design","last_synced_at":"2025-05-15T02:02:49.628Z","repository":{"id":37623046,"uuid":"203903190","full_name":"sscfaith/avue-form-design","owner":"sscfaith","description":"本项目是一款基于 Avue 的表单设计器，拖拽式操作让你快速构建一个表单。","archived":false,"fork":false,"pushed_at":"2023-07-06T02:45:09.000Z","size":4668,"stargazers_count":1267,"open_issues_count":24,"forks_count":379,"subscribers_count":34,"default_branch":"master","last_synced_at":"2025-04-09T02:04:34.263Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://form.nutflow.vip","language":"Vue","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sscfaith.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-08-23T01:46:02.000Z","updated_at":"2025-04-03T04:22:50.000Z","dependencies_parsed_at":"2024-01-15T05:10:45.308Z","dependency_job_id":"6d6f61af-b98c-4363-b46f-5548b80ca59d","html_url":"https://github.com/sscfaith/avue-form-design","commit_stats":{"total_commits":185,"total_committers":11,"mean_commits":"16.818181818181817","dds":"0.28648648648648645","last_synced_commit":"db7c0290409ccb32cbc3a2b1fa6dee6ed7668b7f"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sscfaith%2Favue-form-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sscfaith%2Favue-form-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sscfaith%2Favue-form-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sscfaith%2Favue-form-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sscfaith","download_url":"https://codeload.github.com/sscfaith/avue-form-design/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248695438,"owners_count":21146954,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T08:00:27.752Z","updated_at":"2025-04-13T10:05:03.008Z","avatar_url":"https://github.com/sscfaith.png","language":"Vue","funding_links":[],"categories":["Uncategorized","技术方案","Vue","精选 LessCode 项目"],"sub_categories":["Uncategorized"],"readme":"## 简介\n\n[Vue3版本](https://github.com/sscfaith/avue-form-design/tree/3.x)，因Avue还存在部分bug，请慎重使用。\n\n本项目是一款基于 \u003ca href=\"https://avuejs.com/\" target=\"_blank\"\u003eAvue\u003c/a\u003e 的表单设计器，拖拽式操作让你快速构建一个表单。\n\n:tada: 基于Bladex的工作流插件已上市。[授权地址](https://bladex.vip/#/market/flow)\u003cbr/\u003e\n[表单设计器预览地址](https://form.nutflow.vip)\u003cbr\u003e\n[流程设计器预览地址](https://bpmn.nutflow.vip)\u003cbr\u003e\n[工作流插件预览地址](https://demo1.nutflow.vip)\n\n## 文档及demo项目\n[Wiki](../../wikis)\n\n## 依赖\n\nelement-ui 2.13.2+\n\n```sh\n$ npm i element-ui\n```\n\n@smallwei/avue 2.6.16+\n\n```sh\n$ npm i @smallwei/avue\n```\n\n或自行引入cdn\n\n## 安装\n\n### 组件\n\n```sh\n$ npm i @sscfaith/avue-form-design\n或\n$ yarn add @sscfaith/avue-form-design\n```\n\n### 源码\n\n\u003ca href=\"https://github.com/sscfaith/avue-form-design\" target=\"_blank\"\u003egithub\u003c/a\u003e or\n\u003ca href=\"https://gitee.com/sscgh/avue-from-design\" target=\"_blank\"\u003egitee\u003c/a\u003e\n\n```sh\n$ yarn\n$ yarn serve\n```\n\n### html\n\n详见examples\n\n## 使用\n\n```\nimport AvueFormDesign from '@sscfaith/avue-form-design'\n\nVue.use(AvueFormDesign)\n```\n\n```\n\u003cavue-form-design style=\"height: 86vh;\"\n                  :options=\"options\"\n                  storage\n                  @submit=\"handleSubmit\"\u003e\u003c/avue-form-design\u003e\n```\n\n### 属性\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ------ | ------ | ------ | ------ |\n| options | 字段配置 | Object/String | { column: [] } |\n| storage | 开启本地存储功能，防止浏览器刷新丢失json | Boolean | false |\n| asideLeftWidth | 左工具栏宽度 | String/Number | '270px' |\n| asideRightWidth | 右工具栏宽度 | String/Number | '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://github.com/sscfaith/avue-form-design/blob/master/CHANGELOG.md#2020-09-22) |\n\n### options字段配置\n\n\u003ca href=\"https://avuejs.com/form/form.html\" target=\"_blank\"\u003eAvue文档\u003c/a\u003e\n\n| 属性 | 说明 | 类型 | 可选值 | 默认值 |\n| ------| ------ | ------ | ------ | ------ |\n| column | Avue字段 | Array | - | [] |\n| labelPosition | 字段位置 |  String | 'left'/'center'/'right' | - |\n| labelWidth | 字段宽度 | Number | - | - |\n| gutter | 字段间隔 | Number | - | 0 |\n| menuBtn | 表单按钮 | Boolean | true/false | true |\n| submitBtn | 显示提交按钮 | Boolean | true/false | true |\n| submitText | 提交按钮文本 | String | - | '提交' |\n| emptyBtn | 显示清空按钮 | Boolean | true/false | true |\n| emptyText | 清空按钮文本 | String | - | '清空' |\n| tabs | 多分组转标签 | Boolean | true/false | false |\n| detail | 详情模式 | Boolean | true/false | false |\n| readonly | 全局只读 | Boolean | true/false | false |\n| disabled | 全局禁用 | Boolean | true/false | false |\n\n### 事件\n\n| 名称 | 说明 | 回调参数 |\n| ------ | ------ | ------ |\n| submit | 生成json回调 | 当前配置的json |\n\n### 方法\n\n| 名称 | 说明 | 参数 | 返回 |\n| ------ | ------ | ------ | ------ |\n| getData | 获取当前编辑器的JSON | type: 'string'/'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://form.beta.kim/donate.png\"\u003e\n\n## License\n\n\u003ca href=\"https://opensource.org/licenses/MIT\" target=\"_blank\"\u003eMIT\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsscfaith%2Favue-form-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsscfaith%2Favue-form-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsscfaith%2Favue-form-design/lists"}