{"id":13783544,"url":"https://github.com/Kchengz/k-form-design","last_synced_at":"2025-05-11T19:31:03.099Z","repository":{"id":39370878,"uuid":"210870954","full_name":"Kchengz/k-form-design","owner":"Kchengz","description":"基于vue Ant-Design 的表单设计器，快速开发","archived":false,"fork":false,"pushed_at":"2025-02-22T16:25:50.000Z","size":34682,"stargazers_count":1234,"open_issues_count":27,"forks_count":311,"subscribers_count":34,"default_branch":"develop","last_synced_at":"2025-05-01T06:02:00.161Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"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/Kchengz.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-09-25T14:51:47.000Z","updated_at":"2025-04-26T14:12:19.000Z","dependencies_parsed_at":"2023-12-25T09:21:39.442Z","dependency_job_id":"5bd67947-eb17-49ea-abeb-9d1f3f6dd323","html_url":"https://github.com/Kchengz/k-form-design","commit_stats":{"total_commits":339,"total_committers":20,"mean_commits":16.95,"dds":"0.18289085545722716","last_synced_commit":"02bc0402c55ae2cd9cdcd6d5bc1a5cea9d4beb70"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kchengz%2Fk-form-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kchengz%2Fk-form-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kchengz%2Fk-form-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kchengz%2Fk-form-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kchengz","download_url":"https://codeload.github.com/Kchengz/k-form-design/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253620994,"owners_count":21937457,"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-03T19:00:24.320Z","updated_at":"2025-05-11T19:31:03.087Z","avatar_url":"https://github.com/Kchengz.png","language":"Vue","funding_links":[],"categories":["精选 LessCode 项目"],"sub_categories":[],"readme":"# 表单设计器 k-form-design\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/vuejs/vue\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/vue-2.6.10-brightgreen.svg\" alt=\"vue\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/vueComponent/ant-design-vue\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Ant%20Design%20Vue-1.5.1-blue\" alt=\"ant-design-vue\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/Kchengz/k-form-design/blob/master/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/mashape/apistatus.svg\" alt=\"license\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n![](https://cdn.epicjs.cn/demo.gif)\n\n\n\n\u003cb\u003e感谢您的支持！由于已经将项目的重心转向 Vue 3 版本设计器，对于k-form-design项目决定暂停维护更新，欢迎您使用全新的 Vue3 版本设计器[ epic-designer](https://gitee.com/kcz66/epic-designer)，以便享受到更多优化和功能！\u003c/b\u003e\n\n## 简介\n\n基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速\n\n- [github](https://github.com/Kchengz/k-form-design)\n- [码云](https://gitee.com/kcz66/k-form-design)\n- [项目预览](https://kform.epicjs.cn/preview.html)\n- [项目文档](https://kform.epicjs.cn)\n- [项目文档(备用地址)](https://kchengz.github.io/k-form-design/)\n\n## 特性\n- 可视化配置页面\n- 提供栅格、表格等布局\n- 布局嵌套使用\n- 提供预览、保存、生成json、生成可执行代码等操作\n- 支持表单验证\n- 快速获取表单数据\n- 自定义组件插入\n- 自定义主题色\n\n## 组件\n- KFormDesign 表单设计器（基于可视化操作快速设计出表单页面，生成配置json或页面）\n- KFormBuild 表单构建器（根据设计器中获取的配置json数据，快速构建出表单页面）\n\n\n\n## 安装\n\n\u003e 安装表单设计器\n\n```cmd\nnpm i k-form-design --save\n \n# OR\nyarn add k-form-design\n```\n\n\u003e 安装 ant-design-vue UI ，推荐 vue2 版本最新的 1.7.8版本\n\n```cmd\nnpm i ant-design-vue@1.7.8 --save\n\n# OR\nyarn add ant-design-vue@1.7.8\n```\n\n### \n\n## 引入组件\n\n``` javascript\n// 在main.js引入\n\n// 注：useComponents 需放最上面，优先注册懒加载组件\nimport { useAntd } from 'k-form-design/packages/core/useComponents'\nimport KFormDesign from 'k-form-design/packages/use.js'\nimport 'k-form-design/lib/k-form-design.css'\n\nuseAntd(Vue)\nVue.use(KFormDesign)\n```\n\n## 使用组件\n``` html\n\u003ctemplate\u003e\n  \u003cdiv\u003e\n   \u003ck-form-design /\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n```\n\n## 交流\n点击链接加入qq群聊\n\n- [【k-form-desgin交流群：1020643215】](https://jq.qq.com/?_wv=1027\u0026k=5BeoFAr) \n- [【k-form-desgin交流二群：727396923】](https://jq.qq.com/?_wv=1027\u0026k=uYyqQPlQ)\n\nLicense\n---\n[MIT](https://github.com/Kchengz/k-form-design/blob/master/LICENSE)\nCopyright (c) 2019 Kchengz\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FKchengz%2Fk-form-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FKchengz%2Fk-form-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FKchengz%2Fk-form-design/lists"}