{"_id":"@antv/x6-next","_rev":"31-88c2bce0fbaad2f9e19cc95e6f11d0ec","name":"@antv/x6-next","dist-tags":{"latest":"2.0.1-beta.2","beta":"2.0.6-beta.6"},"versions":{"2.0.1-beta.2":{"name":"@antv/x6-next","version":"2.0.1-beta.2","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.1-beta.2","maintainers":[{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"c97389fd8e2f76223adbc231973d103e9303a9c0","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.1-beta.2.tgz","fileCount":422,"integrity":"sha512-FJV5xRlVtVjDffDJQ4L8/VZx1HX7tJsRvarSKHfgnvobLmY8OiKGcgeTiSBtQNo9peheO90xF4+gPmzNCSyDpw==","signatures":[{"sig":"MEUCIQC2Ai9fx09DTOQD3iJJEtwuVQxzysbRBGU1gbsZu7rGsAIgZMT8JPX0FjtD6+PKuMklA7fPS2F87zufDh4Kuv/A7XE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2948641,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivBGwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5AA/8DMvGGWRbFj/vMKuUzxW9IQ9ktxGNs46unuipJ2nSW78aEaf3\r\n0ssH++f+ua4eM8qi8jfGGgNg5pd5kfBgot7CUNpzNCFoMeXfl1Ud6XhNpLMy\r\naBV08dydsuGO8yNQzZGxz4N6qUc0j/ZPOpY/K1CS+DIM4PnQAno26YdNrbNb\r\njgODht0TCHtmQ3RBS4qMNVavSFgrGWm2fs0qNu/VUHMBSvZRzeUdMvknMNLK\r\nRgVBp8dd1sR9SFUlPKhGThkCp0OO7kJsejwO88jMNnDzK7Z01F8kXh8U2SAY\r\nULMU0PM4E1rchbKdfkLh9zQqMGk8RsU6jZGL7lst+D33u1KDaB46Wh7taxU6\r\nFVg7WR4YtXVmfhg+pIRYrnGBYBQlAbkmJTHcFxx4eUT11rTD5afRDqlsw9Tz\r\nmrQ3D3J/m/a8+idJob1kRVGi4Xqmyziykp5+AUfFI1u1PNjt61qmk8y+pfrk\r\nRN05qGqPgIrvNSpBIeMX6GNty1eJIiDOyCPeEQNlg33IKLLAwpiTSm7Vx+es\r\nrO9kFUrUaElvMOjdVz9pLegK0A6+EHIZW0mjdWCJ/pDXOrzaFt2FEaX9EG+d\r\nMbPd08jykVMMwlQYKbEViV3gIR3bHzTdi/5PSsb9HK7L089WnPivz+krkXI9\r\nRVkNvmzkPYUFE0tKmW18OFEvI0Doub0hjHI=\r\n=ZscL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:version build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s build:version test build","pretest":"run-p clean:coverage","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es5 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","repository":{"url":"ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"dependencies":{"@antv/x6-common":"^1.0.1","@antv/x6-geometry":"^1.0.1"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.1-beta.2_1656492464116_0.6746914384665916","host":"s3://npm-registry-packages"}},"2.0.1-beta.4":{"name":"@antv/x6-next","version":"2.0.1-beta.4","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.1-beta.4","maintainers":[{"name":"laixingui.lxg","email":"laixingui.lxg@alibaba-inc.com"},{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"23f5ea5858d2954ff30bd53867a8647c401db75b","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.1-beta.4.tgz","fileCount":1266,"integrity":"sha512-0TzsQ0VxlHU3WHksWpNgZxqgB9JsLFz8op2ZMj0Ac6S46MFcdcscHaeenO5cCWGR/YEuIzK6AS77QnU0htsy0w==","signatures":[{"sig":"MEUCIQDkAbHqnasoFG1YL4N0eulzt+8Ig2vJqMQafjmbYlqMZAIgJHICSUNSFWpAyjNYldStoOQbQTkxP8f8u00X5jgHLWw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5836462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3TWgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBWQ//bKruY5ReK/NzotmgehsTBZky/C4k3H+JNrAprwDAxkyJMdSy\r\njoyzapmZDbk6njW2kdGmWc9RlE3MqJ/Thq70NQ9OIJErxi3TvHfv1JIArbCx\r\nDrsnZsz5l4K5PRLLT/qPeNB5iEya8xy2CG6Qs4kSam+v200xLQl9L1mcUipV\r\nxQHg5J1/I/ygAIapFU9cn02CFuz9WoqnDjVzuVeMIuUZKCCeNZuMgS4sJAm6\r\nrXzjhn8L+2/Ols6xxcn8ptzCS2en9cjmY5Vg9Slub9jokUKJb7SuLdDr7+UC\r\nM7bx9RBpi1Cmkdpt5Cq34uyKdEZ3dTxqadd7EgbmqKjD7AhLk0hea35pHi2/\r\nx4g9+REG7JcKrl21eUdggdk9iDQNs/0pvWEpQKQfdRpjqRDnzlv/WobzQcqt\r\nzAJYKs7LHkIFNX7VgrdzqzbIiesv/9QCGCTo91o3/ISFa4nWzc09jOzNe4Jy\r\n0TTXf78oaqeLimrasshA8CrRj7HOHO15Nx+7Y++vPUV5dBzXfo7DubNWIMO4\r\nkz2d7y0DncD0ruHDSpaBdruKjWDkeMWQEWnazQDCfJH5+5hGugisW33GWfNa\r\nIS8NYGGiOYB940Y8lHbnWixbPc8uI1J7Lv7dQ0n0MKVy9kPbNfsddpX60u5V\r\nXWQqlVsONsJ+X3B3vCFQEFQWSNcu2e1y+zQ=\r\n=ws4D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","readme":"简体中文 | [English](/README.en-us.md)\n\n<p align=\"center\"><img alt=\"flow\" src=\"/flow.svg\"></p>\n\n<p align=\"center\"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>\n<p align=\"center\"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>\n\n<p align=\"center\">\n<a href=\"https://github.com/antvis/X6/actions/workflows/ci.yml\"><img alt=\"build\" src=\"https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square\"></a>\n<a href=\"https://app.codecov.io/gh/antvis/X6\"><img alt=\"coverage\" src=\"https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV\"></a>\n<a href=\"https://lgtm.com/projects/g/antvis/x6/context:javascript\"><img alt=\"Language grade: JavaScript\" src=\"https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Package\" src=\"https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square\"></a>\n</p>\n\n<p align=\"center\">\n<a href=\"/LICENSE\"><img src=\"https://img.shields.io/github/license/antvis/x6?style=flat-square\" alt=\"MIT License\"></a>\n<a href=\"https://www.typescriptlang.org\"><img alt=\"Language\" src=\"https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square\"></a>\n<a href=\"https://github.com/antvis/x6/pulls\"><img alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square\"></a>\n<a href=\"https://x6.antv.vision\"><img alt=\"website\" src=\"https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6\"></a>\n</p>\n\n## 特性\n\n- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互\n- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等\n- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑\n- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件\n\n## 兼容环境\n\n- 现代浏览器和 IE11（需要 polyfills）\n- 支持服务端渲染。\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\n| --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n```shell\n# npm\n$ npm install @antv/x6 --save\n\n# yarn\n$ yarn add @antv/x6\n```\n\n## 示例\n\n```html\n<div id=\"container\" style=\"width: 600px; height: 400px\"></div>\n```\n\n```ts\nimport { Graph } from '@antv/x6'\n\nconst graph = new Graph({\n  container: document.getElementById('container'),\n  grid: true\n})\n\nconst source = graph.addNode({\n  x: 300,\n  y: 40,\n  width: 80,\n  height: 40,\n  label: 'Hello',\n})\n\nconst target = graph.addNode({\n  x: 420,\n  y: 180,\n  width: 80,\n  height: 40,\n  label: 'World',\n})\n\ngraph.addEdge({\n  source,\n  target,\n})\n```\n\n## 链接\n\n- [文档](https://x6.antv.vision/zh/docs/tutorial/about)\n- [示例](https://x6.antv.vision/zh/examples/gallery)\n- [博客](https://www.yuque.com/antv/x6/gcinvi)\n- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)\n- [常见问题](https://www.yuque.com/antv/x6/be9pfx)\n- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)\n\n## 本地开发\n\n```shell\n# 全局安装 yarn 和 lerna 工具\n$ npm install yarn -g\n$ npm install lerna -g\n\n# 安装项目依赖和初始化构建\n$ yarn bootstrap\n\n# 进入到指定项目开发和调试\ncd packages/x6\nyarn build:watch\n\n# 启动 example 查看效果\ncd examples/x6-example-features\nyarn start\n```\n\n## 参与共建\n\n如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。\n\n<a href=\"https://github.com/antvis/x6/graphs/contributors\">\n  <img src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" />\n</a>\n\n## 开源协议\n\n该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。\n","gitHead":"aafdab63ba4a084b6fead7008b62886f15ff0c2c","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:version build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s build:version test build","pretest":"run-p clean:coverage","release":"release-it","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es5 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","release-it":{"git":{"commitMessage":"chore: release @antv/x6-next@${version}"},"hooks":{"before:init":["yarn run build"]},"github":{"release":true}},"repository":{"url":"git+ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"_npmVersion":"8.1.2","description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"_nodeVersion":"16.13.2","dependencies":{"@antv/x6-common":"2.0.1-beta.3","@antv/x6-geometry":"2.0.1-beta.3"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.1-beta.4_1658664352006_0.3273349200984408","host":"s3://npm-registry-packages"}},"2.0.1-beta.5":{"name":"@antv/x6-next","version":"2.0.1-beta.5","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.1-beta.5","maintainers":[{"name":"laixingui.lxg","email":"laixingui.lxg@alibaba-inc.com"},{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"a84ddf6a3ede49ece33eed31a22bd61eed6ad6e8","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.1-beta.5.tgz","fileCount":1358,"integrity":"sha512-0EL7X7q/iynsMo3/F/XiXdLEi54AuPO6WtjBKrFtzdxmed+kyhicCNRsK1B2jfw0z9Yn0f87db6GLj9oOb5AnA==","signatures":[{"sig":"MEUCIGXGFIsNulzgfSEMY+wsfU8CQpe7Xu608PiR682oiVHKAiEAkNiHDMG7SDvKWssbLjkwN2JDCNrRctP/uodRDv4FEjk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5836446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi35tbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoH6w/+OvuKsSa/P/Oi5KCw3NRQUiTSBWDW//Id+MrDKN/FK34FiIYC\r\nroHPfRgz6M1tWiep1+jfckpeqRcz+6/pDdwRlUZp6Z6uBQ8uTgfXRAmFMMAf\r\nDnEA7zFgxgoy2KshQ7guKBfW0r4VUpvqA2LVbKZtpApTEVk+8Zi4auHHTgdH\r\nPdGIF4l+lQLHhqP5UdRbF6HcFDRhz+AxwNAoZFA4ZBPzAietAg/GJDV+3GDm\r\nCira5mgsDw+SvIXzX22ec1oZ/s4Mor9g06DCn3y9pyh0kRI+Lzvt9gUZp8rX\r\n1EvCApWnwaO6Wl/dSCWCCsBaGair13JU9SXugQQM3Gfdk1q+BX0Fo85pwxmN\r\n0Id2QBlaEagQ43oS69vV2lFrMN/KEe88ASB+olCcMZaAY0cEsVsTyBrD0Nr8\r\nDNhWDyjU6m/pb4QFirM0zOOMaohbA4YniqtnMez/um7486oSLM1aqEMQ44eJ\r\n9PRduCT1t4S51aAj8sc+xranZK+0BJsAGfRBC/N0olhN+Ronbh13zq+u+xoq\r\nIlGjt/jqGFbSNxu2CEj4CyAf/izNt4zCbjod3q38+s6F1Je7iy7em+cgXc9l\r\nCWLfrPwTJlih/ZbrT20bESVP298w1Q7pnHfiYAayNx/y8u8DYxJsjzr3Ayjw\r\ngMXCcPz8H0YFdTn/kJM1Uc3t3OkQdgxNWzU=\r\n=7x3S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","readme":"简体中文 | [English](/README.en-us.md)\n\n<p align=\"center\"><img alt=\"flow\" src=\"/flow.svg\"></p>\n\n<p align=\"center\"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>\n<p align=\"center\"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>\n\n<p align=\"center\">\n<a href=\"https://github.com/antvis/X6/actions/workflows/ci.yml\"><img alt=\"build\" src=\"https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square\"></a>\n<a href=\"https://app.codecov.io/gh/antvis/X6\"><img alt=\"coverage\" src=\"https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV\"></a>\n<a href=\"https://lgtm.com/projects/g/antvis/x6/context:javascript\"><img alt=\"Language grade: JavaScript\" src=\"https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Package\" src=\"https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square\"></a>\n</p>\n\n<p align=\"center\">\n<a href=\"/LICENSE\"><img src=\"https://img.shields.io/github/license/antvis/x6?style=flat-square\" alt=\"MIT License\"></a>\n<a href=\"https://www.typescriptlang.org\"><img alt=\"Language\" src=\"https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square\"></a>\n<a href=\"https://github.com/antvis/x6/pulls\"><img alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square\"></a>\n<a href=\"https://x6.antv.vision\"><img alt=\"website\" src=\"https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6\"></a>\n</p>\n\n## 特性\n\n- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互\n- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等\n- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑\n- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件\n\n## 兼容环境\n\n- 现代浏览器和 IE11（需要 polyfills）\n- 支持服务端渲染。\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\n| --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n```shell\n# npm\n$ npm install @antv/x6 --save\n\n# yarn\n$ yarn add @antv/x6\n```\n\n## 示例\n\n```html\n<div id=\"container\" style=\"width: 600px; height: 400px\"></div>\n```\n\n```ts\nimport { Graph } from '@antv/x6'\n\nconst graph = new Graph({\n  container: document.getElementById('container'),\n  grid: true\n})\n\nconst source = graph.addNode({\n  x: 300,\n  y: 40,\n  width: 80,\n  height: 40,\n  label: 'Hello',\n})\n\nconst target = graph.addNode({\n  x: 420,\n  y: 180,\n  width: 80,\n  height: 40,\n  label: 'World',\n})\n\ngraph.addEdge({\n  source,\n  target,\n})\n```\n\n## 链接\n\n- [文档](https://x6.antv.vision/zh/docs/tutorial/about)\n- [示例](https://x6.antv.vision/zh/examples/gallery)\n- [博客](https://www.yuque.com/antv/x6/gcinvi)\n- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)\n- [常见问题](https://www.yuque.com/antv/x6/be9pfx)\n- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)\n\n## 本地开发\n\n```shell\n# 全局安装 yarn 和 lerna 工具\n$ npm install yarn -g\n$ npm install lerna -g\n\n# 安装项目依赖和初始化构建\n$ yarn bootstrap\n\n# 进入到指定项目开发和调试\ncd packages/x6\nyarn build:watch\n\n# 启动 example 查看效果\ncd examples/x6-example-features\nyarn start\n```\n\n## 参与共建\n\n如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。\n\n<a href=\"https://github.com/antvis/x6/graphs/contributors\">\n  <img src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" />\n</a>\n\n## 开源协议\n\n该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。\n","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:version build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s build:version test build","pretest":"run-p clean:coverage","release":"release-it","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es5 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","release-it":{"git":{"commitMessage":"chore: release @antv/x6-next@${version}"},"hooks":{"before:init":["yarn run build"]},"github":{"release":true}},"repository":{"url":"ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"dependencies":{"@antv/x6-common":"beta","@antv/x6-geometry":"beta"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.1-beta.5_1658821466669_0.15945554066372303","host":"s3://npm-registry-packages"}},"2.0.2-beta.0":{"name":"@antv/x6-next","version":"2.0.2-beta.0","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.2-beta.0","maintainers":[{"name":"laixingui.lxg","email":"laixingui.lxg@alibaba-inc.com"},{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"97ce61a94596aab8151d08fd9a39cc53897918e0","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.2-beta.0.tgz","fileCount":1323,"integrity":"sha512-dI+oVRAzHSIjZQAa/vnG8h58mhBb7DezpnBJiD/UcAmzbJOe6c0BZHlzDUtLWKEPLrjOTfbeLFEwjWXZjlLnYw==","signatures":[{"sig":"MEUCIGg9njTSbBDZ8VqFMaGZAqlX/58n+cFUvpiJyuUZhAZAAiEAl4nC/gk/aUnku5y5Mi2yLvfSTzX5DD9P4sGx7u3W6yI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5749780,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBZ3UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLeA//daje4+fYWz4nuUvWAwNrAI8sbFMrKjowHWCPXpRyZGnOV7RM\r\nzjXbTdUaiiK7kz4gNbsoofJ4hIVfUgvxzStBZksEe0LSgNhf6NyB8GM1k2+T\r\ntfScc6LztgYh7FP47OnlQ34/ykp+E3418Bpn8hzqvQMheif6cPhtZCs3taSh\r\n5wnnIdleO9XJd9aDbI2iUbA8XUpGZjfmJi6T54ksVYOb5hT+981NurXH+5tt\r\n5UqW2xB7c9nRTjFO7XfJw0nVsw3ikEDmOxreVoBCudzyBarUlUp2yflYGvfr\r\nSDKRjpQVgvlambtTh3cindtN35j03SHDjWFJEjoeQY6NLsGuIVEJCwG0+zVW\r\nowXwb2CJb0jBCwBGCgLNRc5a9y0yI7Le+tjz3vaBUACmk27WI9kccQDHjDIH\r\ng5ZTPTLDLf07MqiljuiAm6hhw4S9dVCIL99eCRouJk0tEzLcCpMBTQmUdh6T\r\n/A7QjAnk1mQzw9ET60kA0v3+vRIEl03r6Jr006kDvhwlym25BTIzoN6L0s/L\r\nw2/4EkPzcpsJoWZ94RCA19b5Z9iLIoSxvUgKUCXjEbxVEzZa9cudUFFG0NiJ\r\nnehO5IgKfhLdds2nfi64WnBwzZpUCCuRJyR04a7fvN4/2sEmYzf2OHjYLqIn\r\nv4jP/6ZJqIMU9lynICqSwAK1FoY+jng/DkQ=\r\n=L3Bq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","readme":"简体中文 | [English](/README.en-us.md)\n\n<p align=\"center\"><img alt=\"flow\" src=\"/flow.svg\"></p>\n\n<p align=\"center\"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>\n<p align=\"center\"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>\n\n<p align=\"center\">\n<a href=\"https://github.com/antvis/X6/actions/workflows/ci.yml\"><img alt=\"build\" src=\"https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square\"></a>\n<a href=\"https://app.codecov.io/gh/antvis/X6\"><img alt=\"coverage\" src=\"https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV\"></a>\n<a href=\"https://lgtm.com/projects/g/antvis/x6/context:javascript\"><img alt=\"Language grade: JavaScript\" src=\"https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Package\" src=\"https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square\"></a>\n</p>\n\n<p align=\"center\">\n<a href=\"/LICENSE\"><img src=\"https://img.shields.io/github/license/antvis/x6?style=flat-square\" alt=\"MIT License\"></a>\n<a href=\"https://www.typescriptlang.org\"><img alt=\"Language\" src=\"https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square\"></a>\n<a href=\"https://github.com/antvis/x6/pulls\"><img alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square\"></a>\n<a href=\"https://x6.antv.vision\"><img alt=\"website\" src=\"https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6\"></a>\n</p>\n\n## 特性\n\n- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互\n- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等\n- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑\n- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件\n\n## 兼容环境\n\n- 现代浏览器和 IE11（需要 polyfills）\n- 支持服务端渲染。\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\n| --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n```shell\n# npm\n$ npm install @antv/x6 --save\n\n# yarn\n$ yarn add @antv/x6\n```\n\n## 示例\n\n```html\n<div id=\"container\" style=\"width: 600px; height: 400px\"></div>\n```\n\n```ts\nimport { Graph } from '@antv/x6'\n\nconst graph = new Graph({\n  container: document.getElementById('container'),\n  grid: true\n})\n\nconst source = graph.addNode({\n  x: 300,\n  y: 40,\n  width: 80,\n  height: 40,\n  label: 'Hello',\n})\n\nconst target = graph.addNode({\n  x: 420,\n  y: 180,\n  width: 80,\n  height: 40,\n  label: 'World',\n})\n\ngraph.addEdge({\n  source,\n  target,\n})\n```\n\n## 链接\n\n- [文档](https://x6.antv.vision/zh/docs/tutorial/about)\n- [示例](https://x6.antv.vision/zh/examples/gallery)\n- [博客](https://www.yuque.com/antv/x6/gcinvi)\n- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)\n- [常见问题](https://www.yuque.com/antv/x6/be9pfx)\n- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)\n\n## 本地开发\n\n```shell\n# 全局安装 yarn 和 lerna 工具\n$ npm install yarn -g\n$ npm install lerna -g\n\n# 安装项目依赖和初始化构建\n$ yarn bootstrap\n\n# 进入到指定项目开发和调试\ncd packages/x6\nyarn build:watch\n\n# 启动 example 查看效果\ncd examples/x6-example-features\nyarn start\n```\n\n## 参与共建\n\n如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。\n\n<a href=\"https://github.com/antvis/x6/graphs/contributors\">\n  <img src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" />\n</a>\n\n## 开源协议\n\n该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。\n","gitHead":"6b1d37693e08674f74c453067cb988da1b89c9ba","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:version build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s build:version test build","pretest":"run-p clean:coverage","release":"release-it","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es2015 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","release-it":{"git":{"commitMessage":"chore: release ${name}@${version}"},"hooks":{"before:init":["yarn run build"]},"github":{"release":true}},"repository":{"url":"git+ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (darwin)","description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"_nodeVersion":"16.13.2","dependencies":{"@antv/x6-common":"^2.0.2-beta.0","@antv/x6-geometry":"^2.0.2-beta.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.2-beta.0_1661312468069_0.019924042935856257","host":"s3://npm-registry-packages"}},"2.0.3-beta.0":{"name":"@antv/x6-next","version":"2.0.3-beta.0","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.3-beta.0","maintainers":[{"name":"flash1","email":"2523863783@qq.com"},{"name":"dreammy23","email":"caomengyuan2015@163.com"},{"name":"laixingui.lxg","email":"laixingui.lxg@alibaba-inc.com"},{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"7b0166df17218dbf0a68f1a11a367962eb39c92d","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.3-beta.0.tgz","fileCount":1323,"integrity":"sha512-FTTyAE6pFL3e/+9qAaHyvwn5rfwooNnNmz//6umDmiitGJl8xBfhAXmw9JLncixcMzvVZQtpCuiS95rENcjSDA==","signatures":[{"sig":"MEUCIQDcIMgDFohr0FKOkunjPtf4wYdi908B3Qgndh4ItBXqOgIgZv8svOE5tYGMG7OaNAJKu2ftck/QsofFltXMzNuTUIU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5757741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDswtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPVA/+Ij+DfHYIFBYVw4bCXyldVLt9nHN0gOGGA0xaZmukHpUNKLUC\r\n5CSZqofX9n5lwlvvQh9ff0o/YScF67EBg/oZrPtvETTavf+h7YFMbM8sycZU\r\nrDFz/fxZHFKPocPY5SPSk9WBk1OJQXBV7P63WfkANG4LMfuce3OQFiEKM2B8\r\nhU3UYN1O/ARmCpoHMR+vcWSO9MErVFymUlburcBV0xbF/B7EAnYN3d/yHgJY\r\nBQKak+6C8mSveUdPuDT+C7WIjkHp7vI39oTtAhm/ddrRXpZ+tlRjz6Pa5ERx\r\nyhybOn7jH82OYxXUM/jQR/TSy9vldIwoG9rK2qVwRSfg7dzmaNfkOOfEhSNY\r\nosZjBCfDq3ZKmOzmCxb13BE2XEanohO+iPcdxU/TTzqKwGOPoIA/+mYtIf7z\r\nNgMmMbN5O7ncF83ze4T18gh23m6Sf52McUeb/AGLw7y6kfAwErlT0d9qMUDC\r\ncRepVCpKu0k3ruvQA8HfXGHVGfxHdLzVy5b+yx7c5I7HQ/T7fpxO6/GuIU5j\r\nRnAyi+XVjC4BkK0XETmVqdbPMKJse1Ne9okqOEn/57XZAhN//xFHVhFGsYSa\r\nMpVmdFBbGiU3Cis+kCi1DgYJWYftI3sxwDryNo2RMLVkHMvTKfXmmRN4h7Y9\r\nq0RPB7mikABgr7Kgm8WDdW8/omeCaTIoleA=\r\n=0FcF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","readme":"简体中文 | [English](/README.en-us.md)\n\n<p align=\"center\"><img alt=\"flow\" src=\"/flow.svg\"></p>\n\n<p align=\"center\"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>\n<p align=\"center\"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>\n\n<p align=\"center\">\n<a href=\"https://github.com/antvis/X6/actions/workflows/ci.yml\"><img alt=\"build\" src=\"https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square\"></a>\n<a href=\"https://app.codecov.io/gh/antvis/X6\"><img alt=\"coverage\" src=\"https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV\"></a>\n<a href=\"https://lgtm.com/projects/g/antvis/x6/context:javascript\"><img alt=\"Language grade: JavaScript\" src=\"https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Package\" src=\"https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square\"></a>\n</p>\n\n<p align=\"center\">\n<a href=\"/LICENSE\"><img src=\"https://img.shields.io/github/license/antvis/x6?style=flat-square\" alt=\"MIT License\"></a>\n<a href=\"https://www.typescriptlang.org\"><img alt=\"Language\" src=\"https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square\"></a>\n<a href=\"https://github.com/antvis/x6/pulls\"><img alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square\"></a>\n<a href=\"https://x6.antv.vision\"><img alt=\"website\" src=\"https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6\"></a>\n</p>\n\n## 特性\n\n- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互\n- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等\n- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑\n- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件\n\n## 兼容环境\n\n- 现代浏览器和 IE11（需要 polyfills）\n- 支持服务端渲染。\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\n| --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n```shell\n# npm\n$ npm install @antv/x6 --save\n\n# yarn\n$ yarn add @antv/x6\n```\n\n## 示例\n\n```html\n<div id=\"container\" style=\"width: 600px; height: 400px\"></div>\n```\n\n```ts\nimport { Graph } from '@antv/x6'\n\nconst graph = new Graph({\n  container: document.getElementById('container'),\n  grid: true\n})\n\nconst source = graph.addNode({\n  x: 300,\n  y: 40,\n  width: 80,\n  height: 40,\n  label: 'Hello',\n})\n\nconst target = graph.addNode({\n  x: 420,\n  y: 180,\n  width: 80,\n  height: 40,\n  label: 'World',\n})\n\ngraph.addEdge({\n  source,\n  target,\n})\n```\n\n## 链接\n\n- [文档](https://x6.antv.vision/zh/docs/tutorial/about)\n- [示例](https://x6.antv.vision/zh/examples/gallery)\n- [博客](https://www.yuque.com/antv/x6/gcinvi)\n- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)\n- [常见问题](https://www.yuque.com/antv/x6/be9pfx)\n- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)\n\n## 本地开发\n\n```shell\n# 全局安装 yarn 和 lerna 工具\n$ npm install yarn -g\n$ npm install lerna -g\n\n# 安装项目依赖和初始化构建\n$ yarn bootstrap\n\n# 进入到指定项目开发和调试\ncd packages/x6\nyarn build:watch\n\n# 启动 example 查看效果\ncd examples/x6-example-features\nyarn start\n```\n\n## 参与共建\n\n如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。\n\n<a href=\"https://github.com/antvis/x6/graphs/contributors\">\n  <img src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" />\n</a>\n\n## 开源协议\n\n该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。\n","gitHead":"7e179844dc7e121467a17b38d71a8b24ac7780b4","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:version build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s build:version test build","pretest":"run-p clean:coverage","release":"release-it","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es2015 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","release-it":{"git":{"commitMessage":"chore: release ${name}@${version}"},"hooks":{"before:init":["yarn run build"]},"github":{"release":true}},"repository":{"url":"git+ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (darwin)","description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"_nodeVersion":"16.13.2","dependencies":{"@antv/x6-common":"^2.0.3-beta.0","@antv/x6-geometry":"^2.0.3-beta.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.3-beta.0_1661914157617_0.6917188419827782","host":"s3://npm-registry-packages"}},"2.0.4-beta.0":{"name":"@antv/x6-next","version":"2.0.4-beta.0","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.4-beta.0","maintainers":[{"name":"flash1","email":"2523863783@qq.com"},{"name":"dreammy23","email":"caomengyuan2015@163.com"},{"name":"laixingui.lxg","email":"laixingui.lxg@alibaba-inc.com"},{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"cedfbe4ab6ec39c4cc2869e5f7cdaf0738412aae","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.4-beta.0.tgz","fileCount":1323,"integrity":"sha512-wyC7JN1ZXy063PwaXyuWB/7a4AW9mpuP89ZVx6QYIK/tinB46V5DBQEgA8uoETn1aS6r9sPntP3j7ukw3rq9pQ==","signatures":[{"sig":"MEUCIQDIytimOGHYfc+qslL72f3OtxkMKhOt/Ksz7vzvQLDNWgIgJXwNUkgdVGd92dbD0WYdQ4APMLwLIZ2QavXZxKvN5nc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5758198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGWJHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfzA/+OSv77dYcUFhUgJ1yrdOGJdMwLNN+3XyEPphJNdh6HMdMVbAM\r\nNkAAVdHfCx5doDyvfM6KxImwb+yAiQnkKj1kiksbBdoHneJlvI1BWrpfANwe\r\n69OBH6wNBggSUnjZoHmgDeDArXwliKIWOsJjALFWL0JPO40wh4jzYRNg/xTm\r\n1pr2n9xyS+PU7Bo4K1krk7HoT7WezTSRfr1gs0qLdfM867CGvVG8yqDFMk0p\r\nfmWhynbBa3YmaI6c/09mjoSKgQqUqjUWGWdw/D7ptCGySAeOKKGCLVp3UdU0\r\n1COHKI4Q7TmRHvMKPKNTgXAdqzX7/5gMVyHd7f8TytIXWf4Odcgo8+H4qiaM\r\nkKzRIPflS3s4CX7Ji2fhYw1w5pzlAK8qH5azzu9fqzRlGKbElurIeXBjtyAL\r\nsWdEP1dWvbTDJsr86QBRz4msA6AXUJOA9i8p1awZmt0n1dVjt0XPQurJz6Tn\r\nU3DQ4FEebG3S3Lgk6++iiLJLdWWV8BHOImsWB8grGaCYzTOM9vqtc8uNgnbj\r\nNqFQxRD4jnEJlFkOhtUDpzZNG+yYvYFpOk8zWXi+8/oIML8mFfBWOIi0lLvj\r\nva8unfVL14KFXftPe+7LVGcNmQxdDW02yJ0pVOjYLpwWbtxgxdKxDFjVHRpD\r\nSj+rAYkjS0lOGLc7V8oihgR22kzra434YR0=\r\n=2YR5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","readme":"简体中文 | [English](/README.en-us.md)\n\n<p align=\"center\"><img alt=\"flow\" src=\"/flow.svg\"></p>\n\n<p align=\"center\"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>\n<p align=\"center\"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>\n\n<p align=\"center\">\n<a href=\"https://github.com/antvis/X6/actions/workflows/ci.yml\"><img alt=\"build\" src=\"https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square\"></a>\n<a href=\"https://app.codecov.io/gh/antvis/X6\"><img alt=\"coverage\" src=\"https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV\"></a>\n<a href=\"https://lgtm.com/projects/g/antvis/x6/context:javascript\"><img alt=\"Language grade: JavaScript\" src=\"https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Package\" src=\"https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square\"></a>\n</p>\n\n<p align=\"center\">\n<a href=\"/LICENSE\"><img src=\"https://img.shields.io/github/license/antvis/x6?style=flat-square\" alt=\"MIT License\"></a>\n<a href=\"https://www.typescriptlang.org\"><img alt=\"Language\" src=\"https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square\"></a>\n<a href=\"https://github.com/antvis/x6/pulls\"><img alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square\"></a>\n<a href=\"https://x6.antv.vision\"><img alt=\"website\" src=\"https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6\"></a>\n</p>\n\n## 特性\n\n- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互\n- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等\n- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑\n- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件\n\n## 兼容环境\n\n- 现代浏览器和 IE11（需要 polyfills）\n- 支持服务端渲染。\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\n| --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n```shell\n# npm\n$ npm install @antv/x6 --save\n\n# yarn\n$ yarn add @antv/x6\n```\n\n## 示例\n\n```html\n<div id=\"container\" style=\"width: 600px; height: 400px\"></div>\n```\n\n```ts\nimport { Graph } from '@antv/x6'\n\nconst graph = new Graph({\n  container: document.getElementById('container'),\n  grid: true\n})\n\nconst source = graph.addNode({\n  x: 300,\n  y: 40,\n  width: 80,\n  height: 40,\n  label: 'Hello',\n})\n\nconst target = graph.addNode({\n  x: 420,\n  y: 180,\n  width: 80,\n  height: 40,\n  label: 'World',\n})\n\ngraph.addEdge({\n  source,\n  target,\n})\n```\n\n## 链接\n\n- [文档](https://x6.antv.vision/zh/docs/tutorial/about)\n- [示例](https://x6.antv.vision/zh/examples/gallery)\n- [博客](https://www.yuque.com/antv/x6/gcinvi)\n- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)\n- [常见问题](https://www.yuque.com/antv/x6/be9pfx)\n- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)\n\n## 本地开发\n\n```shell\n# 全局安装 yarn 和 lerna 工具\n$ npm install yarn -g\n$ npm install lerna -g\n\n# 安装项目依赖和初始化构建\n$ yarn bootstrap\n\n# 进入到指定项目开发和调试\ncd packages/x6\nyarn build:watch\n\n# 启动 example 查看效果\ncd examples/x6-example-features\nyarn start\n```\n\n## 参与共建\n\n如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。\n\n<a href=\"https://github.com/antvis/x6/graphs/contributors\">\n  <img src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" />\n</a>\n\n## 开源协议\n\n该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。\n","gitHead":"f351284809fbca3801998631558f6720db6137c2","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:version build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s build:version test build","pretest":"run-p clean:coverage","release":"release-it","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es2015 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","release-it":{"git":{"commitMessage":"chore: release ${name}@${version}"},"hooks":{"before:init":["yarn run build"]},"github":{"release":true}},"repository":{"url":"git+ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (darwin)","description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"_nodeVersion":"16.13.2","dependencies":{"@antv/x6-common":"^2.0.3-beta.0","@antv/x6-geometry":"^2.0.3-beta.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.4-beta.0_1662607942972_0.9342608910299532","host":"s3://npm-registry-packages"}},"2.0.6-beta.0":{"name":"@antv/x6-next","version":"2.0.6-beta.0","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.6-beta.0","maintainers":[{"name":"flash1","email":"2523863783@qq.com"},{"name":"dreammy23","email":"caomengyuan2015@163.com"},{"name":"laixingui.lxg","email":"laixingui.lxg@alibaba-inc.com"},{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"1d04b428f7446762c6158d5b64305cb468a57639","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.6-beta.0.tgz","fileCount":1323,"integrity":"sha512-y14fpzEer2ap8D/7jV4mAty1sF6QBY5jNBIUpIhfqnm8qQ1Q1Zmwm6x7UqrUFvj12E6+/T1bvBzCPEZpg6/xEw==","signatures":[{"sig":"MEYCIQDE9ICYwA+upTpTwMgl/CPCXqPfpwMPLbaYjez1BwUKjQIhALZrc7zJBaRu5xs2IUVxPdqW/ZWw2A32Ty+QPxVJS5Ck","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5760075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGZ+HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOFg//c2fWHtG2ITjyRniB/edmpTu6LPgd9OllBcMghqhAWGj5e73Y\r\n+ctIu9PLTJChOpKdH0Ttln98Vt5hkrynyNk/agk//1k+QHkQumYP96GOmkBF\r\n7amfNJanwZmT1obPGbh/CmTaeUGcwbd2snZKHFTqKFryhhVjLPYkCoMwix9q\r\nYDiAFeojo+fCG/dDdmWhV9IBIRPsg+9zrvOjQok83/kLdCGJf9WAW4XWrJQz\r\npE+IoBog/o0jGxBcdU7pQrYQvPbnHYyRcIXSNMfCKz/l9XFdT17hj8VpaUSD\r\n+INeYAt3JsqqTENbM6synviDvIm8fl2wMqp5DDr85DYbMulkXP1Fk9Nw99oL\r\n7tvBnuUww0AVkZH3NzzhHM1iUOaMy3UnAAzY7rUmPFeFaaQVkxPp2jgefSD4\r\nBjzZaJcJ+/ufp9VDuGVksugS4dAgt1+CbNgDGOkxYH+RodAfew/t15hFDNC0\r\nntKF2wRlEr5YEaPY0SmjcuVA51fmdAZwEYzMF8CF48ORlewCMOWEX665L8v0\r\nHt2X1b+oQoZJThjxZ4SwljlH4LAzh4607J6nDemv04xr4PGMBs/cpDbcVq+R\r\nYt2gF2EiNufFnkqG5cDtQiTxmAWu2VSniqOag1RFsn4LEpIA8rBwWd658otz\r\nCLF8y3Jq3zcSELm+qnPrrrCN5YJCa0cDWlY=\r\n=HL6m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","readme":"简体中文 | [English](/README.en-us.md)\n\n<p align=\"center\"><img alt=\"flow\" src=\"/flow.svg\"></p>\n\n<p align=\"center\"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>\n<p align=\"center\"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>\n\n<p align=\"center\">\n<a href=\"https://github.com/antvis/X6/actions/workflows/ci.yml\"><img alt=\"build\" src=\"https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square\"></a>\n<a href=\"https://app.codecov.io/gh/antvis/X6\"><img alt=\"coverage\" src=\"https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV\"></a>\n<a href=\"https://lgtm.com/projects/g/antvis/x6/context:javascript\"><img alt=\"Language grade: JavaScript\" src=\"https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Package\" src=\"https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square\"></a>\n</p>\n\n<p align=\"center\">\n<a href=\"/LICENSE\"><img src=\"https://img.shields.io/github/license/antvis/x6?style=flat-square\" alt=\"MIT License\"></a>\n<a href=\"https://www.typescriptlang.org\"><img alt=\"Language\" src=\"https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square\"></a>\n<a href=\"https://github.com/antvis/x6/pulls\"><img alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square\"></a>\n<a href=\"https://x6.antv.vision\"><img alt=\"website\" src=\"https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6\"></a>\n</p>\n\n## 特性\n\n- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互\n- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等\n- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑\n- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件\n\n## 兼容环境\n\n- 现代浏览器和 IE11（需要 polyfills）\n- 支持服务端渲染。\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\n| --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n```shell\n# npm\n$ npm install @antv/x6 --save\n\n# yarn\n$ yarn add @antv/x6\n```\n\n## 示例\n\n```html\n<div id=\"container\" style=\"width: 600px; height: 400px\"></div>\n```\n\n```ts\nimport { Graph } from '@antv/x6'\n\nconst graph = new Graph({\n  container: document.getElementById('container'),\n  grid: true\n})\n\nconst source = graph.addNode({\n  x: 300,\n  y: 40,\n  width: 80,\n  height: 40,\n  label: 'Hello',\n})\n\nconst target = graph.addNode({\n  x: 420,\n  y: 180,\n  width: 80,\n  height: 40,\n  label: 'World',\n})\n\ngraph.addEdge({\n  source,\n  target,\n})\n```\n\n## 链接\n\n- [文档](https://x6.antv.vision/zh/docs/tutorial/about)\n- [示例](https://x6.antv.vision/zh/examples/gallery)\n- [博客](https://www.yuque.com/antv/x6/gcinvi)\n- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)\n- [常见问题](https://www.yuque.com/antv/x6/be9pfx)\n- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)\n\n## 本地开发\n\n```shell\n# 全局安装 yarn 和 lerna 工具\n$ npm install yarn -g\n$ npm install lerna -g\n\n# 安装项目依赖和初始化构建\n$ yarn bootstrap\n\n# 进入到指定项目开发和调试\ncd packages/x6\nyarn build:watch\n\n# 启动 example 查看效果\ncd examples/x6-example-features\nyarn start\n```\n\n## 参与共建\n\n如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。\n\n<a href=\"https://github.com/antvis/x6/graphs/contributors\">\n  <img src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" />\n</a>\n\n## 开源协议\n\n该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。\n","gitHead":"cff8c126de1a2f24ed09249e27e82d0a84556b19","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:version build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s build:version test build","pretest":"run-p clean:coverage","release":"release-it","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es2015 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","release-it":{"git":{"commitMessage":"chore: release ${name}@${version}"},"hooks":{"before:init":["yarn run build"]},"github":{"release":true}},"repository":{"url":"git+ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (darwin)","description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"_nodeVersion":"16.13.2","dependencies":{"@antv/x6-common":"^2.0.3-beta.0","@antv/x6-geometry":"^2.0.3-beta.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.6-beta.0_1662623623459_0.5770782190963202","host":"s3://npm-registry-packages"}},"2.0.6-beta.2":{"name":"@antv/x6-next","version":"2.0.6-beta.2","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.6-beta.2","maintainers":[{"name":"flash1","email":"2523863783@qq.com"},{"name":"dreammy23","email":"caomengyuan2015@163.com"},{"name":"laixingui.lxg","email":"laixingui.lxg@alibaba-inc.com"},{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"36d811d9314fb10aec39f5ad91b59d02ec92d2ac","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.6-beta.2.tgz","fileCount":1310,"integrity":"sha512-mbAxs3nX2QpWdiw4d0yCo9JBBrPDhiDBChO//7dcLo3O8shuvsDi4FjB8uTbp0rqYuPxHgKOAB8snCF93o2lCA==","signatures":[{"sig":"MEUCIQCoMrrzUZR+8Cibl56bj+ljEnofIEwCIbOW+quF4S3uRwIgd6a8Av9YRj7RrVXSrlKYhQiIGa9/hFG4Qes9lJN5Kc8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5757982,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGdjMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJUhAApMBqo3kuGNNvUbxhVxiJyS2OnHH1p7AWIoMADaXnhmB9DI65\r\nKpBPeBCm81P9VOlbp7d0UJ8jUjVCY0P+upBESRC0hOG58Gz3cZyiIUgZlhLy\r\nGsDHHWZ6ipfnx/TjLSkRqRsx0bPYD+9kQURdvub9GqzcOkyNmFJk0DivPgWx\r\nUZPcAMJquhnDfRsM2sTMSo51LsXCnupQ22YFznUDtjFSEa3IT+iRiIwSEPYm\r\nAXqFZ8pXPb06nJop4nTB3BB3hXJ96tmmJTHe3O7CQeK/GhktKVbko8jHFySy\r\ng9PDG24twGY7sn4GinjeziZX7wM2GLQ7EM/hooGLxPd8yldJxXQjiasBvvBP\r\ncZ9m1y8qXsdwr8yXOVyfOcOY+YJ3Dh3bOVls+k91fLEx8POYMy54kJdIICrb\r\nFHvNNMm7K9aRhGPIOBqtju89O2M4DDBHnxBXuimjiW4sMQRR32OSsCUZgmQB\r\nrEcA+RXxJpOVGNEcJ0/gd0rG4xAoNwcMugev0l9Zg7uVLzPGtU6SkN88g1Jq\r\ncKooSOqlxShbOxqPlaqGuTJXjiKvrP5QiRkjh7q7Q8M9RzUfrABQ8gpKWbie\r\nQpSwg5JezGyoQ2TCqVfP4sbReDXy16qCombrSSpUm7JnflbIpEVEWJgZCXyj\r\njH9gZ7tebeb4/lwRhCQtm+LSoCdAbgjOG98=\r\n=YqBB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","readme":"简体中文 | [English](/README.en-us.md)\n\n<p align=\"center\"><img alt=\"flow\" src=\"/flow.svg\"></p>\n\n<p align=\"center\"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>\n<p align=\"center\"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>\n\n<p align=\"center\">\n<a href=\"https://github.com/antvis/X6/actions/workflows/ci.yml\"><img alt=\"build\" src=\"https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square\"></a>\n<a href=\"https://app.codecov.io/gh/antvis/X6\"><img alt=\"coverage\" src=\"https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV\"></a>\n<a href=\"https://lgtm.com/projects/g/antvis/x6/context:javascript\"><img alt=\"Language grade: JavaScript\" src=\"https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Package\" src=\"https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square\"></a>\n</p>\n\n<p align=\"center\">\n<a href=\"/LICENSE\"><img src=\"https://img.shields.io/github/license/antvis/x6?style=flat-square\" alt=\"MIT License\"></a>\n<a href=\"https://www.typescriptlang.org\"><img alt=\"Language\" src=\"https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square\"></a>\n<a href=\"https://github.com/antvis/x6/pulls\"><img alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square\"></a>\n<a href=\"https://x6.antv.vision\"><img alt=\"website\" src=\"https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6\"></a>\n</p>\n\n## 特性\n\n- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互\n- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等\n- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑\n- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件\n\n## 兼容环境\n\n- 现代浏览器和 IE11（需要 polyfills）\n- 支持服务端渲染。\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\n| --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n```shell\n# npm\n$ npm install @antv/x6 --save\n\n# yarn\n$ yarn add @antv/x6\n```\n\n## 示例\n\n```html\n<div id=\"container\" style=\"width: 600px; height: 400px\"></div>\n```\n\n```ts\nimport { Graph } from '@antv/x6'\n\nconst graph = new Graph({\n  container: document.getElementById('container'),\n  grid: true\n})\n\nconst source = graph.addNode({\n  x: 300,\n  y: 40,\n  width: 80,\n  height: 40,\n  label: 'Hello',\n})\n\nconst target = graph.addNode({\n  x: 420,\n  y: 180,\n  width: 80,\n  height: 40,\n  label: 'World',\n})\n\ngraph.addEdge({\n  source,\n  target,\n})\n```\n\n## 链接\n\n- [文档](https://x6.antv.vision/zh/docs/tutorial/about)\n- [示例](https://x6.antv.vision/zh/examples/gallery)\n- [博客](https://www.yuque.com/antv/x6/gcinvi)\n- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)\n- [常见问题](https://www.yuque.com/antv/x6/be9pfx)\n- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)\n\n## 本地开发\n\n```shell\n# 全局安装 yarn 和 lerna 工具\n$ npm install yarn -g\n$ npm install lerna -g\n\n# 安装项目依赖和初始化构建\n$ yarn bootstrap\n\n# 进入到指定项目开发和调试\ncd packages/x6\nyarn build:watch\n\n# 启动 example 查看效果\ncd examples/x6-example-features\nyarn start\n```\n\n## 参与共建\n\n如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。\n\n<a href=\"https://github.com/antvis/x6/graphs/contributors\">\n  <img src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" />\n</a>\n\n## 开源协议\n\n该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。\n","gitHead":"693e3519571c90613ef67fe19e63c538600d1d4d","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s test build","pretest":"run-p clean:coverage","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es2015 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","repository":{"url":"git+ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (darwin)","description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"_nodeVersion":"16.13.2","dependencies":{"@antv/x6-common":"^2.0.6-beta.2","@antv/x6-geometry":"^2.0.6-beta.2"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.6-beta.2_1662638284078_0.32049224261358633","host":"s3://npm-registry-packages"}},"2.0.6-beta.3":{"name":"@antv/x6-next","version":"2.0.6-beta.3","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.6-beta.3","maintainers":[{"name":"flash1","email":"2523863783@qq.com"},{"name":"dreammy23","email":"caomengyuan2015@163.com"},{"name":"laixingui.lxg","email":"laixingui.lxg@alibaba-inc.com"},{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"7dffc27f92c1386a8278ddedbab6460f4d8c37a3","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.6-beta.3.tgz","fileCount":1310,"integrity":"sha512-S0kvA0w1vqlurbbRbLv5WCbcbK/zjBiLkZEGSiglPiBdGR/tmIEkdHp1iGdmRBxwBH+yjVJyeNsGtJXnKaLneQ==","signatures":[{"sig":"MEQCIDrOIia5hSAldwM2rIp8mpYfAJLB3bZ5DLpGmyFoo0w2AiBT/ByHuYspaGLJtIfIueylqccCw6UxuGt6zYr+TgYoyQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5755688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjH/DGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8kxAApA8KDw8kdEg0yAdzlTE/U//xsOvYYjywLwmwavzvT3MF/PD0\r\nbXAyr6TQWhlkLu/vOZf0bWB3KTxseZbCkvMc9fAn++9aROs6HZz2aclY+euR\r\njxSaIkhHkGWttHngQdO15C3JsJl4JnAUtNjnGEox4UU03oC3JOZPxdR8faV0\r\nTDgy4Ql1C2G9PwfxU2Y698RropT8ApDkPVztqSzA2jZLLYp4OMF6oJkmGjSV\r\nwU55VhCZB1KL8K3OogzBlK69CXOyh3QhssrfXpgfnlFQT0cbZ/3btwH/s18o\r\ni68PlJdH4Ev22zEO5lPOvZpI3kgO/vEeW8XtSssk+i1wvNasjF3hTLaoMvnx\r\n1YxvN2W2SeKAYMprr0xF20h9BeFper4Ji8Faeus3+k94J+lHNki5iT4iKT0i\r\nfHGKEJdruEcqaCiLlpV4MQWUU6kTqzh0JWb9uPU00Hp+kkcifGPyXxBOYYtI\r\n9mzqpK4gNWsU0dFB3ddar++i8tF1IetZumOMcU0LtZFMk1iVzW0AEIk352OO\r\nF9zoQZXqmLzwc5JlsajDuy6tdhbZgW0n6Ptg/SSuYKY8QMY8Hs9QXWuH5lI7\r\n8+B+9S0mlK9kr6Trm9tIWRozLKpMYw5NTdfvUsQKIs0dyfrE+MgbtQFLPXyb\r\nwP4YIwiLFJ6i7niYQWTLATDSu7XgSb2qySw=\r\n=aZAH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","readme":"简体中文 | [English](/README.en-us.md)\n\n<p align=\"center\"><img alt=\"flow\" src=\"/flow.svg\"></p>\n\n<p align=\"center\"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>\n<p align=\"center\"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>\n\n<p align=\"center\">\n<a href=\"https://github.com/antvis/X6/actions/workflows/ci.yml\"><img alt=\"build\" src=\"https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square\"></a>\n<a href=\"https://app.codecov.io/gh/antvis/X6\"><img alt=\"coverage\" src=\"https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV\"></a>\n<a href=\"https://lgtm.com/projects/g/antvis/x6/context:javascript\"><img alt=\"Language grade: JavaScript\" src=\"https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Package\" src=\"https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square\"></a>\n</p>\n\n<p align=\"center\">\n<a href=\"/LICENSE\"><img src=\"https://img.shields.io/github/license/antvis/x6?style=flat-square\" alt=\"MIT License\"></a>\n<a href=\"https://www.typescriptlang.org\"><img alt=\"Language\" src=\"https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square\"></a>\n<a href=\"https://github.com/antvis/x6/pulls\"><img alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square\"></a>\n<a href=\"https://x6.antv.vision\"><img alt=\"website\" src=\"https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6\"></a>\n</p>\n\n## 特性\n\n- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互\n- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等\n- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑\n- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件\n\n## 兼容环境\n\n- 现代浏览器和 IE11（需要 polyfills）\n- 支持服务端渲染。\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\n| --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n```shell\n# npm\n$ npm install @antv/x6 --save\n\n# yarn\n$ yarn add @antv/x6\n```\n\n## 示例\n\n```html\n<div id=\"container\" style=\"width: 600px; height: 400px\"></div>\n```\n\n```ts\nimport { Graph } from '@antv/x6'\n\nconst graph = new Graph({\n  container: document.getElementById('container'),\n  grid: true\n})\n\nconst source = graph.addNode({\n  x: 300,\n  y: 40,\n  width: 80,\n  height: 40,\n  label: 'Hello',\n})\n\nconst target = graph.addNode({\n  x: 420,\n  y: 180,\n  width: 80,\n  height: 40,\n  label: 'World',\n})\n\ngraph.addEdge({\n  source,\n  target,\n})\n```\n\n## 链接\n\n- [文档](https://x6.antv.vision/zh/docs/tutorial/about)\n- [示例](https://x6.antv.vision/zh/examples/gallery)\n- [博客](https://www.yuque.com/antv/x6/gcinvi)\n- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)\n- [常见问题](https://www.yuque.com/antv/x6/be9pfx)\n- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)\n\n## 本地开发\n\n```shell\n# 全局安装 yarn 和 lerna 工具\n$ npm install yarn -g\n$ npm install lerna -g\n\n# 安装项目依赖和初始化构建\n$ yarn bootstrap\n\n# 进入到指定项目开发和调试\ncd packages/x6\nyarn build:watch\n\n# 启动 example 查看效果\ncd examples/x6-example-features\nyarn start\n```\n\n## 参与共建\n\n如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。\n\n<a href=\"https://github.com/antvis/x6/graphs/contributors\">\n  <img src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" />\n</a>\n\n## 开源协议\n\n该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。\n","gitHead":"14ba1325929b0d2ac2141f18bbd31ecf4cd68b0f","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s test build","pretest":"run-p clean:coverage","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es2015 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","repository":{"url":"git+ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (darwin)","description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"_nodeVersion":"16.13.2","dependencies":{"@antv/x6-common":"^2.0.6-beta.3","@antv/x6-geometry":"^2.0.6-beta.2"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.6-beta.3_1663037638120_0.8062192765469669","host":"s3://npm-registry-packages"}},"2.0.6-beta.6":{"name":"@antv/x6-next","version":"2.0.6-beta.6","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","_id":"@antv/x6-next@2.0.6-beta.6","maintainers":[{"name":"flash1","email":"2523863783@qq.com"},{"name":"dreammy23","email":"caomengyuan2015@163.com"},{"name":"laixingui.lxg","email":"laixingui.lxg@alibaba-inc.com"},{"name":"zhangjunjie-loki","email":"zhangjunjie0730@163.com"},{"name":"rainy25ghz","email":"1748420480@qq.com"},{"name":"zeyuwang","email":"zywangx@gmail.com"},{"name":"yanxiong","email":"496845051@qq.com"},{"name":"susiwen8","email":"susiwen8@gmail.com"},{"name":"freestyle21","email":"675861708@qq.com"},{"name":"soundquiet","email":"fulingsun515@gmail.com"},{"name":"elaine.q.10","email":"yilin.qyl@antfin.com"},{"name":"sturuby","email":"xingya.shi@gmail.com"},{"name":"lviser","email":"liuvigongzuoshi@gmail.com"},{"name":"sakuya223","email":"360965398@qq.com"},{"name":"serializedowen","email":"wjh199455@gmail.com"},{"name":"xdzhao","email":"zhaoxiaodong@zju.edu.cn"},{"name":"yangzhanmei","email":"15809244435@163.com"},{"name":"wjgogogo","email":"906626481@qq.com"},{"name":"leungwensen","email":"leungwensen@gmail.com"},{"name":"dori","email":"418466938@qq.com"},{"name":"iaaron","email":"943720372@qq.com"},{"name":"yard","email":"zjwengyidong@outlook.com"},{"name":"simaq","email":"sima.zhang1990@gmail.com"},{"name":"dxq613","email":"dxq613@gmail.com"},{"name":"intchous","email":"h.a.p.p.y.y.x.d@163.com"},{"name":"susan_ann","email":"lisuwe_n@163.com"},{"name":"jinke.li","email":"1359518268@qq.com"},{"name":"lzxue","email":"120635640@qq.com"},{"name":"army8735","email":"army8735@qq.com"},{"name":"atool","email":"i@hust.cc"},{"name":"baizn","email":"576375879@qq.com"},{"name":"dengfuping","email":"dengfuping_develop@163.com"},{"name":"neoddish","email":"neoddish@outlook.com"},{"name":"jeffy2012","email":"yuanjiefeng@gmail.com"},{"name":"zqlu","email":"zqlu.cn@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"pomelo-nwu","email":"czynwu@gmail.com"},{"name":"kopiluwaky","email":"yanyanwang93@gmail.com"},{"name":"ccnuzindex","email":"ccnuzindex@gmail.com"},{"name":"panyuqi","email":"pyqiverson@gmail.com"},{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},{"name":"zengyue","email":"yezengyue@gmail.com"},{"name":"kasmine","email":"736929286@qq.com"},{"name":"boyu.zlj","email":"boyu.zlj@antfin.com"},{"name":"l1ud0ngq1","email":"lliudongqi@gmail.com"},{"name":"newbyvector","email":"vectorse@126.com"},{"name":"winniexing","email":"wanyingxing@gmail.com"},{"name":"chenluli","email":"chenluuli@gmail.com"},{"name":"kn9117","email":"1175863618@qq.com"},{"name":"xdddst","email":"deng25st@163.com"},{"name":"semious2020","email":"semious@163.com"},{"name":"esora","email":"tygyh2012@gmail.com"},{"name":"nadia_liu","email":"1803275951@qq.com"},{"name":"bbsqq","email":"1491812683@qq.com"},{"name":"mxz96102","email":"mxz96102@qq.com"},{"name":"openwayne","email":"openwayne@gmail.com"},{"name":"pearmini","email":"subairui@icloud.com"},{"name":"pddpd","email":"pddpengdi@gmail.com"},{"name":"yiqianyao","email":"2912401452@qq.com"},{"name":"zhanba","email":"c5e1856@gmail.com"},{"name":"cxxxxxn","email":"christy05.chen@gmail.com"}],"contributors":[],"homepage":"https://github.com/antvis/x6","bugs":{"url":"https://github.com/antvis/x6/issues"},"dist":{"shasum":"4b9a593556def5be46a1e284f2f8efc200180224","tarball":"https://registry.npmjs.org/@antv/x6-next/-/x6-next-2.0.6-beta.6.tgz","fileCount":1310,"integrity":"sha512-YGVHrT5hBYk+02C8jzV8B4zAYcfRCouFtxndODywWKINSMfBtYscIiDn+/uyhZkXXP7V9Bmt8hEBhmQGlzuywA==","signatures":[{"sig":"MEQCIEIis6rbdVqxqw0DhxgUN6J9u0c3rt9kb7r9tqZocdQYAiBxNXojigMRAc9m8XRc1lbCZ1wLKbWj/K3nohnSwCPUMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5761804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIpJqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1iA/8Dak8FiZKSdcVB8NODbo50H4/g/7It2gz1zTiQBBrlgeE6Gdc\r\nCPwZnBaEdIetKxOGwq0KUqef03HB6QPLwVSeYiMKJhRbN1qV3awPkOrbZUq0\r\nwCbGLFaohNmqcNBXTktV0EhCnXa9ZpO/yFlIONPZqz8Kiy5xWwlEPWN5WPWY\r\nPFkby6IjhdB8gzb2csA5GbR39IPdATO0Moh8i5gDTfji5ZHfMGeasc5CPB2G\r\nrdd7Rl5HEWz4mh91NSwfP8i2zQxc57o3s2T7O1rhGjYoc7W6hwYYcVJ/7i4n\r\n8V26irZ4cT/Pm2NvhpST/6oN+Gifm8e7RAORH1CONr5juq6kY1eBF+svzFoj\r\ntOvzhp0SduypNXu9noz6gT8KBs9dHpmaAADeO1B8Ho6O26eIfAzSmD8HtYNX\r\nXVGp6iK+4C6+25sQqJwTQc4ZDY8JCvLsXJa0/vIrVbv5BgZOSkizH6h3brDN\r\nMkiqOLnZ6aT3hC1eWPIlclcYUHNm7LINe6rhSTTxiUu5uq1FZv9OrKVlRmAz\r\nNBDaXzrQqLwpFbCOOgMibRvPlNzWADuCmvcBFdJbunLklKpC8mrO+k4XGUJv\r\nW2qNLfhonI6W5MHwcRIabTeIgrwZ87yyAbGOFDsEHG/C1y1IS/OgezDOBm9T\r\nj0CU5HXX+ZGT+/3tATKr5UbzksC3vnQOzgw=\r\n=ISl+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","unpkg":"dist/x6-next.js","module":"es/index.js","readme":"简体中文 | [English](/README.en-us.md)\n\n<p align=\"center\"><img alt=\"flow\" src=\"/flow.svg\"></p>\n\n<p align=\"center\"><strong>X6 是 AntV 旗下的图编辑引擎</strong></p>\n<p align=\"center\"><strong>提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用</strong></p>\n\n<p align=\"center\">\n<a href=\"https://github.com/antvis/X6/actions/workflows/ci.yml\"><img alt=\"build\" src=\"https://img.shields.io/github/workflow/status/antvis/x6/%F0%9F%91%B7%E3%80%80CI/master?logo=github&style=flat-square\"></a>\n<a href=\"https://app.codecov.io/gh/antvis/X6\"><img alt=\"coverage\" src=\"https://img.shields.io/codecov/c/gh/antvis/x6?logo=codecov&style=flat-square&token=15CO54WYUV\"></a>\n<a href=\"https://lgtm.com/projects/g/antvis/x6/context:javascript\"><img alt=\"Language grade: JavaScript\" src=\"https://img.shields.io/lgtm/grade/javascript/g/antvis/x6.svg?logo=lgtm&style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Package\" src=\"https://img.shields.io/npm/v/@antv/x6.svg?style=flat-square\"></a>\n<a href=\"https://www.npmjs.com/package/@antv/x6\"><img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@antv/x6?logo=npm&style=flat-square\"></a>\n</p>\n\n<p align=\"center\">\n<a href=\"/LICENSE\"><img src=\"https://img.shields.io/github/license/antvis/x6?style=flat-square\" alt=\"MIT License\"></a>\n<a href=\"https://www.typescriptlang.org\"><img alt=\"Language\" src=\"https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square\"></a>\n<a href=\"https://github.com/antvis/x6/pulls\"><img alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square\"></a>\n<a href=\"https://x6.antv.vision\"><img alt=\"website\" src=\"https://img.shields.io/static/v1?label=&labelColor=505050&message=website&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6\"></a>\n</p>\n\n## 特性\n\n- 🌱　极易定制：支持使用 SVG/HTML/React/Vue/Angular 定制节点样式和交互\n- 🚀　开箱即用：内置 10+ 图编辑配套扩展，如框选、对齐线、小地图等\n- 🧲　数据驱动：基于 MVC 架构，用户更加专注于数据逻辑和业务逻辑\n- 💯　事件驱动：完备的事件系统，可以监听图表内发生的任何事件\n\n## 兼容环境\n\n- 现代浏览器和 IE11（需要 polyfills）\n- 支持服务端渲染。\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\n| --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n```shell\n# npm\n$ npm install @antv/x6 --save\n\n# yarn\n$ yarn add @antv/x6\n```\n\n## 示例\n\n```html\n<div id=\"container\" style=\"width: 600px; height: 400px\"></div>\n```\n\n```ts\nimport { Graph } from '@antv/x6'\n\nconst graph = new Graph({\n  container: document.getElementById('container'),\n  grid: true\n})\n\nconst source = graph.addNode({\n  x: 300,\n  y: 40,\n  width: 80,\n  height: 40,\n  label: 'Hello',\n})\n\nconst target = graph.addNode({\n  x: 420,\n  y: 180,\n  width: 80,\n  height: 40,\n  label: 'World',\n})\n\ngraph.addEdge({\n  source,\n  target,\n})\n```\n\n## 链接\n\n- [文档](https://x6.antv.vision/zh/docs/tutorial/about)\n- [示例](https://x6.antv.vision/zh/examples/gallery)\n- [博客](https://www.yuque.com/antv/x6/gcinvi)\n- [更新日志](https://www.yuque.com/antv/x6/bbfu6r)\n- [常见问题](https://www.yuque.com/antv/x6/be9pfx)\n- [CodeSanbox 模板](https://codesandbox.io/s/qosj0?file=/src/app.tsx)\n\n## 本地开发\n\n```shell\n# 全局安装 yarn 和 lerna 工具\n$ npm install yarn -g\n$ npm install lerna -g\n\n# 安装项目依赖和初始化构建\n$ yarn bootstrap\n\n# 进入到指定项目开发和调试\ncd packages/x6\nyarn build:watch\n\n# 启动 example 查看效果\ncd examples/x6-example-features\nyarn start\n```\n\n## 参与共建\n\n如果希望参与到 X6 的开发中，请遵从我们的[贡献指南](/CONTRIBUTING.zh-CN.md)。如果你贡献度足够活跃，你可以申请成为社区协作者。\n\n<a href=\"https://github.com/antvis/x6/graphs/contributors\">\n  <img src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" />\n</a>\n\n## 开源协议\n\n该项目的代码和文档基于 [MIT License](/LICENSE) 开源协议。\n","gitHead":"bc67848207e9ebdbec87983588401a9b0310dd6c","scripts":{"lint":"run-s lint:ts lint:style","test":"karma start","build":"run-p build:readme build:dev build:umd","clean":"run-p clean:build clean:coverage","lint:ts":"eslint 'src/**/*.{js,ts}?(x)' --fix","prepare":"run-s test build","pretest":"run-p clean:coverage","prebuild":"run-s lint clean","build:cjs":"tsc --module commonjs --target es2015 --outDir ./lib","build:dev":"run-p build:less build:cjs build:esm","build:esm":"tsc --module esnext --target es2015 --outDir ./es","build:umd":"rollup -c","coveralls":"cat ./test/coverage/lcov.info | coveralls","precommit":"lint-staged","build:less":"node ./scripts/style","lint:style":"stylelint 'src/**/*.less' --syntax less --fix","build:watch":"yarn build:esm --w","clean:build":"rimraf dist es lib","build:readme":"node ./scripts/readme.js","build:version":"node ../../scripts/version.js","clean:coverage":"rimraf ./test/coverage","build:watch:cjs":"yarn build:cjs --w","build:watch:esm":"yarn build:esm --w"},"_npmUser":{"name":"newbyvector","email":"vectorse@126.com"},"inherits":["@antv/x6-package-json/cli.json","@antv/x6-package-json/less.json","@antv/x6-package-json/karma.json","@antv/x6-package-json/eslint.json","@antv/x6-package-json/rollup.json"],"jsdelivr":"dist/x6-next.js","repository":{"url":"git+ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"_npmVersion":"lerna/4.0.0/node@v16.13.2+x64 (darwin)","description":"JavaScript diagramming library that uses SVG and HTML for rendering.","directories":{},"lint-staged":{"src/**/*.ts":["eslint --fix"],"src/**/*.less":["stylelint --syntax less --fix"]},"_nodeVersion":"16.13.2","dependencies":{"@antv/x6-common":"^2.0.6-beta.3","@antv/x6-geometry":"^2.0.6-beta.2"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"less":"^4.1.1","karma":"^6.3.4","sinon":"^11.1.2","tslib":"^2.3.1","eslint":"^7.32.0","rimraf":"^3.0.2","rollup":"^2.56.3","postcss":"^8.3.6","ts-node":"^10.2.1","fs-extra":"^10.0.0","prettier":"^2.4.0","coveralls":"^3.1.1","karma-cli":"^2.0.0","stylelint":"^13.13.1","typescript":"^4.4.3","@types/node":"^16.9.1","lint-staged":"^11.1.2","npm-run-all":"^4.1.5","@types/sinon":"^10.0.2","jasmine-core":"^3.9.0","pretty-quick":"^3.1.1","karma-jasmine":"^4.0.1","utility-types":"^3.10.0","@types/jasmine":"^3.9.0","stylelint-order":"^4.1.0","karma-typescript":"5.3.0","eslint-plugin-jest":"^24.4.0","eslint-plugin-react":"^7.25.1","karma-spec-reporter":"^0.0.32","eslint-plugin-import":"^2.24.2","rollup-plugin-terser":"^7.0.2","eslint-plugin-promise":"^5.1.0","eslint-plugin-unicorn":"^36.0.0","karma-chrome-launcher":"^3.1.0","rollup-plugin-postcss":"^4.0.1","@rollup/plugin-replace":"^3.0.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","rollup-plugin-filesize":"^9.1.1","rollup-plugin-progress":"^1.1.2","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-typescript":"^8.2.5","@typescript-eslint/parser":"^4.31.0","eslint-config-airbnb-base":"^14.2.1","eslint-plugin-react-hooks":"^4.2.0","stylelint-config-prettier":"^8.0.2","stylelint-config-standard":"^22.0.0","@rollup/plugin-node-resolve":"^13.0.4","rollup-plugin-auto-external":"^2.0.0","eslint-plugin-eslint-comments":"^3.2.0","@types/resize-observer-browser":"^0.1.5","karma-typescript-es6-transform":"5.3.0","stylelint-config-rational-order":"^0.1.2","@typescript-eslint/eslint-plugin":"^4.31.0","stylelint-declaration-block-no-ignored-properties":"^2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/x6-next_2.0.6-beta.6_1663210090645_0.15060868037166153","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-06-29T08:47:44.035Z","modified":"2026-09-21T08:47:00.895Z","2.0.1-beta.2":"2022-06-29T08:47:44.250Z","2.0.1-beta.4":"2022-07-24T12:05:52.235Z","2.0.1-beta.5":"2022-07-26T07:44:27.029Z","2.0.2-beta.0":"2022-08-24T03:41:08.273Z","2.0.3-beta.0":"2022-08-31T02:49:17.909Z","2.0.4-beta.0":"2022-09-08T03:32:23.207Z","2.0.6-beta.0":"2022-09-08T07:53:43.700Z","2.0.6-beta.2":"2022-09-08T11:58:04.385Z","2.0.6-beta.3":"2022-09-13T02:53:58.432Z","2.0.6-beta.6":"2022-09-15T02:48:10.913Z"},"bugs":{"url":"https://github.com/antvis/x6/issues"},"author":{"name":"bubkoo","email":"bubkoo.wy@gmail.com"},"license":"MIT","homepage":"https://github.com/antvis/x6","keywords":["graph","diagram","flowchart","uml","x6-editor","editor","svg","x6","antv"],"repository":{"url":"ssh://git@github.com/antvis/x6.git","type":"git","directory":"packages/x6-next"},"description":"JavaScript diagramming library that uses SVG and HTML for rendering.","contributors":[],"maintainers":[{"email":"yunji.me@outlook.com","name":"lvisei"},{"email":"943720372@qq.com","name":"iaaron"},{"email":"jinke.li666@gmail.com","name":"jinke.li"},{"email":"120635640@qq.com","name":"lzxue"},{"email":"army8735@qq.com","name":"army8735"},{"email":"dengfuping_private@163.com","name":"dengfuping"},{"email":"afc163@gmail.com","name":"afc163"},{"email":"chenluuli@gmail.com","name":"chenluli"},{"email":"1175863618@qq.com","name":"kn9117"},{"email":"1491812683@qq.com","name":"bbsqq"},{"email":"zhuyuxin0627@gmail.com","name":"banxuan"},{"email":"ojh496845051@gmail.com","name":"yanxiong"},{"email":"wzwahl36@qq.com","name":"atool"},{"email":"610999886@qq.com","name":"pearl_wang"},{"email":"787982239@qq.com","name":"interstellarmt"},{"email":"alex_zjt@163.com","name":"alex_zjt"},{"email":"duxinyue.dxy@antgroup.com","name":"duxinyue023"},{"email":"mrwang1212@126.com","name":"wang1212"},{"email":"gaofh1023@163.com","name":"gaofuhong"}],"readme":"","readmeFilename":""}