{"id":13450722,"url":"https://github.com/MyButifullyLife/vue-x6-flow","last_synced_at":"2025-03-23T16:32:02.719Z","repository":{"id":61853390,"uuid":"447914850","full_name":"MyButifullyLife/vue-x6-flow","owner":"MyButifullyLife","description":"vue版流程图简易编辑器、简单易上手","archived":false,"fork":false,"pushed_at":"2024-05-16T09:13:00.000Z","size":696,"stargazers_count":139,"open_issues_count":1,"forks_count":32,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-28T17:39:24.075Z","etag":null,"topics":["antv","antv-x6","dag","flow","vue","vue-flow-edit"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MyButifullyLife.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2022-01-14T09:40:26.000Z","updated_at":"2024-10-27T02:21:39.000Z","dependencies_parsed_at":"2022-10-22T11:00:48.162Z","dependency_job_id":"cb2480a6-9e1d-438d-b91c-2a5b107adef5","html_url":"https://github.com/MyButifullyLife/vue-x6-flow","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MyButifullyLife%2Fvue-x6-flow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MyButifullyLife%2Fvue-x6-flow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MyButifullyLife%2Fvue-x6-flow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MyButifullyLife%2Fvue-x6-flow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MyButifullyLife","download_url":"https://codeload.github.com/MyButifullyLife/vue-x6-flow/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245130927,"owners_count":20565745,"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":["antv","antv-x6","dag","flow","vue","vue-flow-edit"],"created_at":"2024-07-31T07:00:37.644Z","updated_at":"2025-03-23T16:32:02.370Z","avatar_url":"https://github.com/MyButifullyLife.png","language":"Vue","funding_links":[],"categories":["Frameworks"],"sub_categories":["Vue Component"],"readme":"\n\n# vue3 和 vue2 两个项目的demo是不同的，可以都下载下来运行查看是否有符合自身业务的demo\n\n# vue-x6-flow\n\n**基于antv-x6 vue版本**\nvue2.x+ element +antv-x6 \n适用于流程图-dag图\n\n\n# vue3版本地址\nhttps://github.com/MyButifullyLife/vue-x6-flow-3.0\n\n有以下功能内容：\n1、拖拽布局\n2、右键菜单\n3、保存\n\n4、缩放\n5、多选\n6、快捷键 cv  cx  cz（重做）\n7、连线判断\n8、配置属性\n9、动态节点流向动画\n其余功能可在antv-x6文档自行添加\n\n## 文档地址  \nhttps://x6.antv.vision/zh/docs/api/graph/graph\n\n## 本项目效果图\n![image](https://user-images.githubusercontent.com/16436933/149902393-4a9fd58f-eadd-4a5f-af71-81076d0364d0.png)\n\n## 流向动画\n![GIF 2022-1-18 16-51-01](https://user-images.githubusercontent.com/16436933/149902899-b630b119-c39f-45e9-b576-da8d571386be.gif)\n\n## 树状图 现成源码\n![1679362448522](https://user-images.githubusercontent.com/16436933/226499607-5ad1b21d-79c5-45d1-9d31-b59841889eaa.jpg)\n\n![企业微信截图_d2f74ba5-4202-43eb-90e8-9f95bfc3ff2f](https://user-images.githubusercontent.com/16436933/226512037-53dcc958-6112-402d-92b8-cf530b2f531d.png)\n\n\n## x6 对于流程图 dag图 思维导图均可实现\n![image](https://user-images.githubusercontent.com/16436933/153532050-5bd5372b-e3a0-43dd-8407-9f0a05b7f59a.png)\n\n\n## 如果文章对你有帮助，那么5块、10块也是爱\n![image](https://user-images.githubusercontent.com/16436933/153533288-32647686-344f-4933-a692-5f4451fe24f6.png)\n\n\n## 有疑问可加QQ\n冠希：微信转账30可以让你少掉、少白几根头发永远跟我一样帅\nQQ：251275985  wx：gjh251275985\n\n\n## antv在vue使用所需要的依赖\n···\n\n    \"@antv/x6\": \"^1.29.5\"\n    \n    \"@antv/x6-vue-shape\": \"^1.3.0\"\n    \n    \"@vue/composition-api\": \"^1.4.3\"\n    \n    \n    \n    vue.config.js 配置\n    runtimeCompiler: true\n   \n    \n···\n\n## Project setup\n```\n因为项目是由最新vue-cli创建，运行环境必须要有 yarn\n本地环境没有yarn 可以通过 npm install yarn 下载\n\nyarn install\n```\n\n### Compiles and hot-reloads for development\n```\nyarn serve\n```\n\n### Compiles and minifies for production\n```\nyarn build\n```\n\n### Lints and fixes files\n```\nyarn lint\n\n```\n\n### Customize configuration\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMyButifullyLife%2Fvue-x6-flow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMyButifullyLife%2Fvue-x6-flow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMyButifullyLife%2Fvue-x6-flow/lists"}