{"_id":"@blueking/bkflow.js","_rev":"7-8f8fa07d341514695082445cbb08d42d","name":"@blueking/bkflow.js","dist-tags":{"latest":"0.1.11"},"versions":{"0.1.2":{"name":"@blueking/bkflow.js","version":"0.1.2","keywords":["flowchart","d3"],"license":"MIT","_id":"@blueking/bkflow.js@0.1.2","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"ee39c8403ed1e58bcad917062fae5acd1de5d8bf","tarball":"https://registry.npmjs.org/@blueking/bkflow.js/-/bkflow.js-0.1.2.tgz","fileCount":95,"integrity":"sha512-jAp0BBuzr0B1R8H8Z+ll3xgVTW5zuOTa6P3DY9gBVqTq81B49o1REftyGmHTakAXK0r4PJTUIKN783AOedq0eQ==","signatures":[{"sig":"MEUCIEgf+A6i71EBKFY7wRqSBnXiLUqVL/4HsRj2OyBE4gC/AiEA1vzX6/nvdMMEPcezseCRKPw1wZcvCc4esAzRPZoyZ7k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7077891,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnh5+CRA9TVsSAnZWagAAwJcP/2SGwvcimbJThhpAda/U\n40DfOLmCSPyYcZXUn5VE35p1CuLSCbX6HK+eQq3OwpIVuPUu8pcLQTd6IpQr\nPPCuaA4RECYFDeoAnieghUXOiZjWXUPPRiO9fex0tS03P82RpPe5jhJU4/GN\njy4YFywKk6elMzBmHugge63DCGhf0PnDHBGvz9byKzLVEYiPsWZvmkZ3lNRP\n3kBTcQjXLNnGcu3gItGZJS0JL30pS4iW0uD76zcYu/Z3Pc+9vs+EDak0yoZM\neNmszHiBUsWrBRtBPup9RvvlYiKkCpxC6TQ1ITbk2llWpR2AuW7hcXCY+SbY\nfFMVWctrstvTZCiCliqQZLLUkOHA/MWQ44DcEsS1+GIzIhwxEtn5AN6FROVr\nkSwTO5gHiuo73K3Ue1TiWx9atq+KMI6F9zunmDJdbbXP4lAcQedFly8/63gE\npigJZnMRNsc5wXzXhrbOJhCvcit2RP7uh10z5WFgJTpknO/I06UE41IwJEWr\nGXwlZARy7oqz/c5iO4+70NWLhpb8HNoLuNf02ZxlpTp4Jcuz0RNaNCfzMz5q\nNJZcTUokBgYSkQFXs6iISKcQkNkeTZ1zehMarQVGb1yzitTC8bpI8lVO7D5i\nd/wMkAD0n8zcpTuct+tXpCcP7JxKryMlKAU23hftq6KNTPxz1XgNVvol1mHE\n5JWf\r\n=43iY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/bkflow.min.js","engines":{"npm":">= 6.4.1","node":">= 10.10.0"},"gitHead":"b39872afc2bba432d94eb07304b8cb7980ab680d","scripts":{"dev":"cd site && cross-env NODE_ENV=development webpack-dev-server --progress","build":"gulp build","start":"parcel ./demo/basic-use.html watch","online":"node ./site/server.js","build:site":"cd site && cross-env NODE_ENV=production webpack --progress","build:parcel":"NODE_ENV=production parcel build ./lib/index.js  --out-file bkflow.min-0.1.0-alpha.8.js"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"repository":{"url":"http://gitlab-paas.open.oa.com/vue-comp/bkflow.js.git","type":"git"},"_npmVersion":"7.7.6","description":"a visual edit flowchart plugin","directories":{},"_nodeVersion":"15.13.0","dependencies":{"d3":"^5.16.0","vue":"^2.6.11","gulp":"^4.0.2","tslib":"^1.10.0","eslint":"^6.8.0","lodash":"^4.17.15","rollup":"^1.27.14","core-js":"^3.6.5","cssnano":"^4.1.10","webpack":"^4.43.0","cross-env":"^7.0.2","koa-route":"^3.2.0","css-loader":"^3.6.0","koa-static":"^5.0.0","raw-loader":"^4.0.1","typescript":"^3.7.4","underscore":"^1.10.2","url-loader":"^4.1.0","vue-loader":"^15.9.2","vue-router":"^3.3.4","@babel/core":"^7.9.0","file-loader":"^6.0.0","markdown-it":"^11.0.0","postcss-for":"^2.1.1","postcss-url":"^8.0.0","webpack-cli":"^3.3.11","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","highlight.js":"^10.1.1","style-loader":"^1.2.1","eslint-loader":"^4.0.2","webpack-merge":"^4.2.2","@babel/runtime":"^7.7.7","parcel-bundler":"^1.12.4","postcss-atroot":"^0.1.3","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","@babel/preset-env":"^7.9.5","eslint-plugin-vue":"^6.2.2","postcss-normalize":"^9.0.0","eslint-plugin-node":"^11.1.0","postcss-preset-env":"^6.7.0","webpack-dev-server":"^3.11.0","html-webpack-plugin":"^4.3.0","postcss-extend-rule":"^3.0.0","rollup-plugin-babel":"^4.3.3","eslint-plugin-import":"^2.21.2","rollup-plugin-eslint":"^7.0.0","rollup-plugin-terser":"^5.1.3","eslint-plugin-promise":"^4.2.1","terser-webpack-plugin":"^3.0.5","vue-template-compiler":"^2.6.11","eslint-config-standard":"^14.1.1","eslint-plugin-standard":"^4.0.1","@rollup/plugin-commonjs":"^11.0.0","mini-css-extract-plugin":"^0.9.0","@blueking/magicbox-header":"^1.1.30","@rollup/plugin-typescript":"^2.0.1","eslint-friendly-formatter":"^4.0.1","postcss-advanced-variables":"^3.0.1","@rollup/plugin-node-resolve":"^6.0.0","@babel/plugin-transform-runtime":"^7.9.0","case-sensitive-paths-webpack-plugin":"^2.3.0","@babel/plugin-proposal-object-rest-spread":"^7.10.1"},"_hasShrinkwrap":false,"devDependencies":{"express":"^4.17.1"},"peerDependencies":{"d3":"^5.14.2"},"_npmOperationalInternal":{"tmp":"tmp/bkflow.js_0.1.2_1620975230222_0.2505140211466914","host":"s3://npm-registry-packages"}},"0.1.8":{"name":"@blueking/bkflow.js","version":"0.1.8","keywords":["flowchart","d3"],"license":"MIT","_id":"@blueking/bkflow.js@0.1.8","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"25f7832793b99acb57679d7a1adc7e8dd551a1e7","tarball":"https://registry.npmjs.org/@blueking/bkflow.js/-/bkflow.js-0.1.8.tgz","fileCount":12,"integrity":"sha512-PBCl24xyYZaIIcqQb9cgqaBifuBP/4/UX7mlb7z1A3zsWCboB/svjXtkLmOVuZ7b04UBmfdoRAcENxXRsCdjrw==","signatures":[{"sig":"MEUCIBBQ+f6Z2Q54uKRI2jLqAM51au/jAFfNTxcOJgWbCYExAiEA6I47GbGpwg0LFXwa1tssUsK0toxZDvUWPHGcBwzAjEU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6356285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioCH6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcBA//W52Fe8qZsxgHA18FUzC2NGkwDeb20k4HFDjtscxVbRjIdtcV\r\nYplh/EaSjSQqP6sfYlxkWHwGzWdBpHxfyn+T26XHrXxhwiIhCZ0xOxxiUhRi\r\nBhHaV/L/ThwVs48YK+1ilBA9h+vFe/i2/e9EAYoz2TYtMjUizhp70n7znbJj\r\nokhDYVjxJL3jEeCSsVWUlAu/rrMdkzDXmDj/3ucBgKYn2jXQpTZFvHDVqUKf\r\nTCKSiA/Z7hDKumKcx5H+X6Mpww4guGpg+JWISA5Wx7CUUSUSnfZ1c1NYo7Fx\r\nLN2wdJiFfHgNyNiFWPj4koh79QGH6CGajxi9KfsoZXM718r65N5lSC5l7ctZ\r\namFwmUOJ0QdpKsNcP0CZQsqmW93P7gxt1SEjWQBXvh1pF1dZ7lYyOdq5xVrB\r\nofA6DvOTDqXrptaunIM8x2lpqJqsGd6D6oKCYlIfQZ7lj76+MM5kRCrw04IU\r\njK8o9JMQ+Z6RpLlcmN9CIpyw98ggOsAB8xXhbAHZ4IFoWPsSzmg2ovsjC07e\r\npqvo+TtNwRgLRPzYTEDb9/r4Rn9DXdF84pmyr2AExZixPeLEunFBHbU0syLy\r\nBSuRvpTUoS6EEyiH0TYiXu+WbKyDmxmlRFRYU5V/t8gmWqTwdYfhaa6zBtzQ\r\ndPy71oXaAbXuN7HfSXDZkaYWY1/U+mmkC40=\r\n=qh60\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/bkflow.min.js","engines":{"npm":">= 6.4.1","node":">= 10.10.0"},"gitHead":"d122774a0c3849d2fa860272ebce3606498a70ee","scripts":{"dev":"cd site && cross-env NODE_ENV=development webpack-dev-server --progress","build":"gulp build","start":"parcel ./demo/basic-use.html watch","online":"node ./server.js","build:site":"cd site && cross-env NODE_ENV=production webpack --progress","build:parcel":"NODE_ENV=production parcel build ./lib/index.js  --out-file bkflow.min-0.1.0-alpha.8.js"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"6.14.16","description":"a visual edit flowchart plugin","directories":{},"_nodeVersion":"14.19.0","dependencies":{"d3":"^5.14.2"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.11","gulp":"^4.0.2","tslib":"^1.10.0","eslint":"^7.28.0","lodash":"^4.17.15","rollup":"^1.27.14","core-js":"^3.6.5","cssnano":"^4.1.10","express":"^4.17.1","webpack":"^4.43.0","cross-env":"^7.0.2","koa-route":"^3.2.0","css-loader":"^3.6.0","koa-static":"^5.0.0","raw-loader":"^4.0.1","typescript":"^3.7.4","underscore":"^1.10.2","url-loader":"^4.1.0","vue-loader":"^15.9.2","vue-router":"^3.3.4","@babel/core":"^7.9.0","file-loader":"^6.0.0","markdown-it":"^11.0.0","postcss-for":"^2.1.1","postcss-url":"^8.0.0","webpack-cli":"^3.3.11","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","highlight.js":"^10.1.1","style-loader":"^1.2.1","eslint-loader":"^4.0.2","webpack-merge":"^4.2.2","@babel/runtime":"^7.7.7","parcel-bundler":"^1.12.4","postcss-atroot":"^0.1.3","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","@babel/preset-env":"^7.9.5","eslint-plugin-vue":"^7.17.0","postcss-normalize":"^9.0.0","eslint-plugin-node":"^11.1.0","postcss-preset-env":"^6.7.0","webpack-dev-server":"^3.11.0","html-webpack-plugin":"^4.3.0","postcss-extend-rule":"^3.0.0","rollup-plugin-babel":"^4.3.3","clean-webpack-plugin":"^0.1.19","eslint-plugin-import":"^2.21.2","rollup-plugin-eslint":"^7.0.0","rollup-plugin-terser":"^5.1.3","eslint-plugin-promise":"^4.2.1","terser-webpack-plugin":"^3.0.5","vue-template-compiler":"^2.6.11","eslint-config-standard":"^14.1.1","eslint-plugin-standard":"^4.0.1","@rollup/plugin-commonjs":"^11.0.0","mini-css-extract-plugin":"^0.9.0","@blueking/magicbox-header":"^1.1.43","@rollup/plugin-typescript":"^2.0.1","eslint-friendly-formatter":"^4.0.1","postcss-advanced-variables":"^3.0.1","@rollup/plugin-node-resolve":"^6.0.0","@tencent/eslint-config-tencent":"^0.15.2","@babel/plugin-transform-runtime":"^7.9.0","case-sensitive-paths-webpack-plugin":"^2.3.0","@babel/plugin-proposal-object-rest-spread":"^7.10.1"},"peerDependencies":{"d3":"^5.14.2"},"_npmOperationalInternal":{"tmp":"tmp/bkflow.js_0.1.8_1654661626670_0.10483097577835854","host":"s3://npm-registry-packages"}},"0.1.9":{"name":"@blueking/bkflow.js","version":"0.1.9","keywords":["flowchart","d3"],"license":"MIT","_id":"@blueking/bkflow.js@0.1.9","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"7773e81ce7b0b74c169ee05c1776d40ddc42603b","tarball":"https://registry.npmjs.org/@blueking/bkflow.js/-/bkflow.js-0.1.9.tgz","fileCount":13,"integrity":"sha512-h9cDZR5VKnt08moQ7b17/y6bjqhD3xLOv/6GiknRAYKYUHf0S4Cs04cVKi3KVoX1FUqsH/OFk8RsVxUI0VQvAQ==","signatures":[{"sig":"MEUCIQC/+uQeX4pj3gnZXQ2DHat+HOy8PesV0hhBaYzxJYXniwIgMO3IdxiQapiUYhGtj5heVJ8RvdJ9CrpYeTREQA5sJNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6335849,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/JF5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfYQ//b6Ynzw6cTNy3ZPnfMz1dxdkcKbWpnYkXoFP1NhKTMoxCGx9S\r\nvQLLy0mDgz2VTPyYKV5Ai+o5r+QCiW6OZxfTyIzWiNWrOQHNohiVpjGd4XTn\r\nHRgudxmhW+Nft/VIr9b/4zCjehIov/LBIRUFrU3J35mOFtNKflzaPof2DPTi\r\nWiUS3uQlnwTlHIoFyXryinac25IEhsSanSGL1CLuK0Uhb7dAVhLYRBNsACTC\r\np07mDUB21hn3WcUjyka8jrtVn/5BI5bGrRFk8KsPnPt1VIrcUbqxbz90O4Pu\r\nx66kJtkFXWN/ibHHo/Sww8Gfl7EnRSeW2HTuw8/UU/1NBOBFZ0p/OyzsK8N0\r\nuX6Y9nHz8AXgJ+0O0D6qUnNbu91SgLl04pmNT1rn6TT0bZqPFA3GVNpDPd37\r\nbC5sIsxdRq3YxUBPAMMPTJKlZepXU7/cwLheViUV4wliD9NdqwNDibqdMsK/\r\nYRHXPgnJ9NRG1gQHplxLVG0bH9bro89MvXRNbjxxdQapdQk3UIRjxO5LG4op\r\n9hjj6lj3FtzmG8srgrr0QxnrYDDDFj9RHatpHWIZ7KMS3u46/s3boTVenoUE\r\n4cGL5Sl/rbg5n7aevIQexOV3hKduLI9JLgIoaxR/9N83yHHMoU9da/vZE48p\r\ngaAGu9c34DoL/+zQJs/EjLcwHD1fCqdzdgY=\r\n=2IVq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/bkflow.min.js","engines":{"npm":">= 6.4.1","node":">= 10.10.0"},"gitHead":"72449792fb4931b596768e402d10f4715e6f7efb","scripts":{"dev":"cd site && cross-env NODE_ENV=development webpack-dev-server --progress","build":"gulp build","start":"parcel ./demo/basic-use.html watch","online":"node ./server.js","build:site":"cd site && cross-env NODE_ENV=production webpack --progress","build:parcel":"NODE_ENV=production parcel build ./lib/index.js  --out-file bkflow.min-0.1.0-alpha.8.js"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"6.14.16","description":"a visual edit flowchart plugin","directories":{},"_nodeVersion":"14.19.0","dependencies":{"d3":"^5.14.2"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.11","gulp":"^4.0.2","tslib":"^1.10.0","eslint":"^7.28.0","lodash":"^4.17.15","rollup":"^1.27.14","core-js":"^3.6.5","cssnano":"^4.1.10","express":"^4.17.1","webpack":"^4.43.0","cross-env":"^7.0.2","koa-route":"^3.2.0","css-loader":"^3.6.0","koa-static":"^5.0.0","raw-loader":"^4.0.1","typescript":"^3.7.4","underscore":"^1.10.2","url-loader":"^4.1.0","vue-loader":"^15.9.2","vue-router":"^3.3.4","@babel/core":"^7.9.0","file-loader":"^6.0.0","markdown-it":"^11.0.0","postcss-for":"^2.1.1","postcss-url":"^8.0.0","webpack-cli":"^3.3.11","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","highlight.js":"^10.1.1","style-loader":"^1.2.1","eslint-loader":"^4.0.2","webpack-merge":"^4.2.2","@babel/runtime":"^7.7.7","parcel-bundler":"^1.12.4","postcss-atroot":"^0.1.3","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","@babel/preset-env":"^7.9.5","eslint-plugin-vue":"^7.17.0","postcss-normalize":"^9.0.0","eslint-plugin-node":"^11.1.0","postcss-preset-env":"^6.7.0","webpack-dev-server":"^3.11.0","html-webpack-plugin":"^4.3.0","postcss-extend-rule":"^3.0.0","rollup-plugin-babel":"^4.3.3","clean-webpack-plugin":"^0.1.19","eslint-plugin-import":"^2.21.2","rollup-plugin-eslint":"^7.0.0","rollup-plugin-terser":"^5.1.3","eslint-plugin-promise":"^4.2.1","terser-webpack-plugin":"^3.0.5","vue-template-compiler":"^2.6.11","eslint-config-standard":"^14.1.1","eslint-plugin-standard":"^4.0.1","@rollup/plugin-commonjs":"^11.0.0","mini-css-extract-plugin":"^0.9.0","@blueking/magicbox-header":"^1.1.43","@rollup/plugin-typescript":"^2.0.1","eslint-friendly-formatter":"^4.0.1","postcss-advanced-variables":"^3.0.1","@rollup/plugin-node-resolve":"^6.0.0","@tencent/eslint-config-tencent":"^0.15.2","@babel/plugin-transform-runtime":"^7.9.0","case-sensitive-paths-webpack-plugin":"^2.3.0","@babel/plugin-proposal-object-rest-spread":"^7.10.1"},"peerDependencies":{"d3":"^5.14.2"},"_npmOperationalInternal":{"tmp":"tmp/bkflow.js_0.1.9_1677496697035_0.535561023370603","host":"s3://npm-registry-packages"}},"0.1.10":{"name":"@blueking/bkflow.js","version":"0.1.10","keywords":["flowchart","d3"],"license":"MIT","_id":"@blueking/bkflow.js@0.1.10","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"881703a6c9899f4a0d018479226dd4d2b335c1c8","tarball":"https://registry.npmjs.org/@blueking/bkflow.js/-/bkflow.js-0.1.10.tgz","fileCount":13,"integrity":"sha512-hSBOIFpOINcXqYNYI3FM1FRDpgGim2Q5WNtNwBskOes0IMAroJvqSIGP/5bvhfX4d8er8YuNS0CqnLPM6xQ9bg==","signatures":[{"sig":"MEYCIQDToKDz/+fOqpHYdabjc2sUvXDdbzny+3EjeYfkOFxcUwIhAJy0WVsCJvx+FTyFyPPRs/P0rwfZ/84cdxjjJmrcFc4N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6341209},"main":"./dist/bkflow.min.js","engines":{"npm":">= 6.4.1","node":">= 10.10.0"},"gitHead":"2dec38324686e2a335467d5eda87df045a3ac33f","scripts":{"dev":"cd site && cross-env NODE_ENV=development webpack-dev-server --progress","build":"gulp build","start":"parcel ./demo/basic-use.html watch","online":"node ./server.js","build:site":"cd site && cross-env NODE_ENV=production webpack --progress","build:parcel":"NODE_ENV=production parcel build ./lib/index.js  --out-file bkflow.min-0.1.0-alpha.8.js"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"6.14.16","description":"a visual edit flowchart plugin","directories":{},"resolutions":{"sanitize.css":"12.0.1"},"_nodeVersion":"14.19.0","dependencies":{"d3":"^5.14.2"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.11","gulp":"^4.0.2","tslib":"^1.10.0","eslint":"^7.28.0","lodash":"^4.17.15","rollup":"^1.27.14","core-js":"^3.6.5","cssnano":"^4.1.10","express":"^4.17.1","webpack":"^4.43.0","cross-env":"^7.0.2","koa-route":"^3.2.0","css-loader":"^3.6.0","koa-static":"^5.0.0","raw-loader":"^4.0.1","typescript":"^3.7.4","underscore":"^1.10.2","url-loader":"^4.1.0","vue-loader":"^15.9.2","vue-router":"^3.3.4","@babel/core":"^7.9.0","file-loader":"^6.0.0","markdown-it":"^11.0.0","postcss-for":"^2.1.1","postcss-url":"^8.0.0","webpack-cli":"^3.3.11","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","highlight.js":"^10.1.1","style-loader":"^1.2.1","eslint-loader":"^4.0.2","webpack-merge":"^4.2.2","@babel/runtime":"^7.7.7","parcel-bundler":"^1.12.4","postcss-atroot":"^0.1.3","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","@babel/preset-env":"^7.9.5","eslint-plugin-vue":"^7.17.0","postcss-normalize":"^9.0.0","eslint-plugin-node":"^11.1.0","postcss-preset-env":"^6.7.0","webpack-dev-server":"^3.11.0","html-webpack-plugin":"^4.3.0","postcss-extend-rule":"^3.0.0","rollup-plugin-babel":"^4.3.3","clean-webpack-plugin":"^0.1.19","eslint-plugin-import":"^2.21.2","rollup-plugin-eslint":"^7.0.0","rollup-plugin-terser":"^5.1.3","eslint-plugin-promise":"^4.2.1","terser-webpack-plugin":"^3.0.5","vue-template-compiler":"^2.6.11","eslint-config-standard":"^14.1.1","eslint-plugin-standard":"^4.0.1","@rollup/plugin-commonjs":"^11.0.0","mini-css-extract-plugin":"^0.9.0","@blueking/magicbox-header":"^1.1.43","@rollup/plugin-typescript":"^2.0.1","eslint-friendly-formatter":"^4.0.1","postcss-advanced-variables":"^3.0.1","@rollup/plugin-node-resolve":"^6.0.0","@tencent/eslint-config-tencent":"^0.15.2","@babel/plugin-transform-runtime":"^7.9.0","case-sensitive-paths-webpack-plugin":"^2.3.0","@babel/plugin-proposal-object-rest-spread":"^7.10.1"},"peerDependencies":{"d3":"^5.14.2"},"_npmOperationalInternal":{"tmp":"tmp/bkflow.js_0.1.10_1683528001921_0.5940465117506983","host":"s3://npm-registry-packages"}},"0.1.11":{"name":"@blueking/bkflow.js","version":"0.1.11","keywords":["flowchart","d3"],"license":"MIT","_id":"@blueking/bkflow.js@0.1.11","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"13f4bb3a9abe9bbdab1bc6c134195694090da8d5","tarball":"https://registry.npmjs.org/@blueking/bkflow.js/-/bkflow.js-0.1.11.tgz","fileCount":14,"integrity":"sha512-+jZ6Y3/+8WZiacDo4Ob7BquaijDImLT3+yi4P5O/aCLP+kkdwbj9I886INhYNfguJLJrAWrnosEaX0eTa7pndA==","signatures":[{"sig":"MEQCIHTvTCj2Jer4gCkBby0Jb/BdUjhRwCLZCKzsMb+6YGsPAiAj2m4rMPJRRx7VhFpbqm+yShj8SES3+Xqk1ZgiB0zVBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6350951},"main":"./dist/bkflow.min.js","engines":{"npm":">= 6.4.1","node":">= 10.10.0"},"gitHead":"4b8d899086ce129c1379de152d1bd6a5422d34b9","scripts":{"dev":"cd site && cross-env NODE_ENV=development webpack-dev-server --progress","build":"gulp build","start":"parcel ./demo/basic-use.html watch","online":"node ./server.js","build:site":"cd site && cross-env NODE_ENV=production webpack --progress","build:parcel":"NODE_ENV=production parcel build ./lib/index.js  --out-file bkflow.min-0.1.0-alpha.8.js"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"6.14.16","description":"a visual edit flowchart plugin","directories":{},"resolutions":{"sanitize.css":"12.0.1"},"_nodeVersion":"14.19.1","dependencies":{"d3":"^5.14.2"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.11","gulp":"^4.0.2","tslib":"^1.10.0","eslint":"^7.28.0","lodash":"^4.17.15","rollup":"^1.27.14","core-js":"^3.6.5","cssnano":"^4.1.10","express":"^4.17.1","webpack":"^4.43.0","cross-env":"^7.0.2","koa-route":"^3.2.0","css-loader":"^3.6.0","koa-static":"^5.0.0","raw-loader":"^4.0.1","typescript":"^3.7.4","underscore":"^1.10.2","url-loader":"^4.1.0","vue-loader":"^15.9.2","vue-router":"^3.3.4","@babel/core":"^7.9.0","file-loader":"^6.0.0","markdown-it":"^11.0.0","postcss-for":"^2.1.1","postcss-url":"^8.0.0","webpack-cli":"^3.3.11","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","highlight.js":"^10.1.1","style-loader":"^1.2.1","eslint-loader":"^4.0.2","webpack-merge":"^4.2.2","@babel/runtime":"^7.7.7","parcel-bundler":"^1.12.4","postcss-atroot":"^0.1.3","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","postcss-mixins":"^6.2.3","postcss-nested":"^4.2.1","@babel/preset-env":"^7.9.5","eslint-plugin-vue":"^7.17.0","postcss-normalize":"^9.0.0","eslint-plugin-node":"^11.1.0","postcss-preset-env":"^6.7.0","webpack-dev-server":"^3.11.0","html-webpack-plugin":"^4.3.0","postcss-extend-rule":"^3.0.0","rollup-plugin-babel":"^4.3.3","clean-webpack-plugin":"^0.1.19","eslint-plugin-import":"^2.21.2","rollup-plugin-eslint":"^7.0.0","rollup-plugin-terser":"^5.1.3","eslint-plugin-promise":"^4.2.1","terser-webpack-plugin":"^3.0.5","vue-template-compiler":"^2.6.11","eslint-config-standard":"^14.1.1","eslint-plugin-standard":"^4.0.1","@rollup/plugin-commonjs":"^11.0.0","mini-css-extract-plugin":"^0.9.0","@blueking/magicbox-header":"^1.1.43","@rollup/plugin-typescript":"^2.0.1","eslint-friendly-formatter":"^4.0.1","postcss-advanced-variables":"^3.0.1","@rollup/plugin-node-resolve":"^6.0.0","@tencent/eslint-config-tencent":"^0.15.2","@babel/plugin-transform-runtime":"^7.9.0","case-sensitive-paths-webpack-plugin":"^2.3.0","@babel/plugin-proposal-object-rest-spread":"^7.10.1"},"peerDependencies":{"d3":"^5.14.2"},"_npmOperationalInternal":{"tmp":"tmp/bkflow.js_0.1.11_1711098682644_0.7902531677321862","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-05-14T06:53:50.179Z","modified":"2026-01-15T04:03:46.585Z","0.1.2":"2021-05-14T06:53:50.561Z","0.1.8":"2022-06-08T04:13:46.891Z","0.1.9":"2023-02-27T11:18:17.269Z","0.1.10":"2023-05-08T06:40:02.189Z","0.1.11":"2024-03-22T09:11:22.859Z"},"license":"MIT","keywords":["flowchart","d3"],"description":"a visual edit flowchart plugin","maintainers":[{"email":"contactus_bk@tencent.com","name":"blueking-magicbox"}],"readme":"## Install\n\ntnpm install @tencent/bkflow \n\n## 基本用法-引入对象\n\n```javascript\n\nimport D3Graph from '@tencent/bkflow'\nlet flowGraph = null // 全局定义，不要定义到Vue的data里面，D3数据绑定和Vue数据绑定冲突\n```\n\n## 初始化实例\n\n```javascript\nflowGraph = new D3Graph('#flowgraph', options)\n\n```\n\n## Options\n\n| 参数 | 说明 | 类型 | 可选值 | 默认值 |\n|------|------|------|------|------|\n| mode | 画布模式， 编辑（edit）模式可以拖拽、点击节点，只读模式（readonly）会屏蔽拖拽、点击事件 | String | edit / readonly | readonly |\n| background | 背景颜色 | String | —— | #ddd |\n| renderVisibleArea | 是否只渲染可视区域内模板 | Boolean | —— | false |\n| canvasPadding | 画布填充 | Object | —— | { x: 0, y: 0 } |\n| autoBestTarget | 自动连接最优连线 | Boolean | true / false | true |\n| nodeConfig | 渲染节点模板配置 | Array | —— | [{ type: 'default', width: 30, height: 30, radius: '50%' }], |\n| nodeTemplateKey | 匹配节点模板的key, 对应NodeConfig里面的模板类型的Key，这个Key需要在节点信息里面包含 | String | —— | type |\n| zoom | 缩放相关 | Object | —— | —— |\n| zoomFilter | 缩放的过滤函数，可以根据实际情况设置其缩放行为，参数为`event`。默认情况下配置了 zoom 后所有行为均允许缩放。 | Function | —— | —— |\n| lineConfig | 连线配置， 分别配置连线颜色和hover颜色 | Object | —— | —— |\n| nodeClick | 节点点击事件类型（D3的Zoom会影响mouseup，hover弹出元素初次点击节点不触发click、mouseup，因此重写了click事件，根据需要选择是否启用） | String | native(原生事件) / Refactoring(重构点击事件) | native |\n| onNodeRender | 节点渲染时的回调函数, 返回Html字符串 | Function | —— | —— |\n| onLineConnectBefore | 完成连线之前的回调函数 | Function | —— | —— |\n| onLineDelete | 删除连线之前函数 | Function | —— | —— |\n| tree | 渲染树形结构配置 | Object | —— | 参考下面Tree配置 |\n\n\n## nodeConfig 配置说明\n\n### 类型： Array\n\n - 可配置多个模板，不同节点根据指定的type获取对应的配置，渲染图形宽度、高度、radius\n \n### 可配置项\n\n - type: 节点类型，对应渲染画布的数据中不同模板, 此处的type为默认值，和nodeTemplateKey配合使用，nodeTemplateKey 定义此处key的名称，方便渲染数据处不同key的需求\n - width：节点宽度，目前只支持'px'\n - height：节点高度， 目前只支持'px'\n - radius：节点四个角半径，String类型，可以是px|em|rem|n%|vw|vh\n    \n\n## Tree配置\n```javascript\ntree: {\n    // TODO: horizontal 调试渲染结果\n    mode: 'vertical', // horizontal | vertical,\n    node: {\n        width: 300,\n        height: 50\n    }\n}\n\n// 必须调用方法：\n/**\n * 渲染Tree\n * @param {*} treeData 渲染数据 { name: '', children: [] } 可以是数组，数组的话渲染多棵树\n * @param {*} id id字段\n * @param {*} name name字段\n */ \ninstance.renderTree(treeData, 'spanID', 'spanID')\n```\n\n| 参数 | 说明 | 类型 | 可选值 | 默认值 |\n|------|------|------|------|------|\n| mode | 树形结构方向 | String | vertical/horizontal | vertical |\n| node | 节点配置（目前只支持设置宽高） | Object | -- | { width: 300, height: 50 } |\n\n\n## zoom 配置\n\n```javascript\n    zoom: {\n        scaleExtent: [1, 1],\n        controlPanel: false,\n        tools: []\n    }\n```\n\n| 参数 | 说明 | 类型 | 可选值 | 默认值 |\n|------|------|------|------|------|\n| scaleExtent | 缩放倍数限制，默认为[1, 1], 即不可进行缩放操作 | Array | —— | [1, 1] |\n| controlPanel | 缩放控制板，默认关闭 | Boolean | true / false | false |\n| tools | 控制面板放大、缩小、还原的icon和text | Object | -- | -- |\n\n## zoom tools 配置\n\n``` javascript\n[{\n    text: '放大',\n    icon: 'icon-plus-circle',\n    type: 'zoomIn'\n}, {\n    text: '缩小',\n    icon: 'icon-minus-circle',\n    type: 'zoomOut'\n}, {\n    text: '还原',\n    icon: 'icon-full-screen',\n    type: 'resetPosition'\n}]\n```\n\n## lineConfig\n\n```javascript\n{\n    canvasLine: false, // canvas模式（大数据渲染时启用Canvas模式。默认svg模式）渲染连线\n    color: '#ddd',\n    activeColor: '#3a84ff'\n}\n```\n\n\n## 对外提供的方法\n\n### 调用方式\n\n```javascript\nflowGraph.on('fn', callback)\n```\n\n### 可用方法\n\n| 方法名 | 说明 | 参数说明 |\n|------|------|------|\n| nodeDblClick | 节点双击事件 | (node, event) |\n| nodeMouseEnter | 鼠标滑入节点事件 | (node, event) |\n| nodeMouseLeave | 鼠标离开节点事件 | (node, event) |\n| nodeDragEnd | 节点拖拽结束事件 | (node, event) |\n| lineConnected | 连线结束事件 | (node, event) |\n| nodeClick | 节点点击事件 | (node, event) |\n\n### 全部事件定义\n\n```javascript\n/** 对外分发事件 */\nconst EVENTS = {\n    /** 可视区域改变事件 */\n    VISIBLE_AREA_CHANGED: 'visibleAreaChanged',\n\n    /** 可视区域移动中 */\n    VISIBLE_AREA_CHANGING: 'visibleAreaChanging',\n\n    /** 更新可视区域节点之前事件 */\n    BEFORE_VISIVLE_NODE_UPDATE: 'beforeVisibleNodeUpdate',\n\n    /**  配置节点渲染时回调，可在此处返回节点模板 */\n    ON_NODE_RENDER: 'onNodeRender',\n\n    /** 结束连线之前 */\n    ON_LINE_CONNECT_BEFORE: 'onLineConnectBefore',\n    \n    /** 连线完成 */\n    ON_LINE_CONNECTED: 'lineConnected',\n\n    ON_NODE_MOUSE_ENTER: 'nodeMouseEnter',\n\n    ON_NODE_MOUSE_LEAVE: 'nodeMouseLeave',\n    \n    ON_NODE_MOUSE_DOWN: 'nodeMousedown',\n    \n    ON_NODE_MOUSE_UP: 'nodeMouseup',\n    \n    /** 画布拖拽结束 */\n    ON_CANVAS_DRAG_END: 'canvasDragEnd',\n\n    /** 画布拖拽开始 */\n    ON_CANVAS_DRAG_START: 'canvasDragStart',\n    \n    /** 节点拖拽结束 */\n    ON_NODE_DRAG_END: 'nodeDragEnd',\n    \n    /** 节点鼠标左键双击事件 */\n    ON_NODE_DBCLICK: 'nodeDblClick',\n    \n    ON_NODE_CLICK: 'nodeClick',\n    \n    /** 连线删除点击事件 */\n    ON_LINE_DELETE_CLICK: 'lineDeleteClick',\n    \n    ON_LINE_MOUSE_ENTER: 'lineMouseEnter',\n\n    ON_LINE_MOUSE_LEAVE: 'lineMouseLeave'\n}\n```\n\n```javascript\n注意：\n\n组件默认抛出的所有事件都是注册到了最外层的容器DOM元素，如果需要针对渲染的节点模板内部监听具体的元素事件，请根据DOM属性判断（Class、Attribute、ID）等\n\n举个例子：\n监听节点内部的一个ICON的点击事件\n\n/** 监听点击事件 **/\n handleGraphNodeClick(e, data) {\n            const nodeId = data.id\n            /** 处理点击事件样式改变 **/\n            this.handleClickedNodeClass(nodeId, e)\n\n            /** 根据点击DOM Class判断具体行为 **/\n            if (/__bk-node-setting/.test(e.target.className)) {\n                const index = this.graphData.locations.findIndex(node => node.id === nodeId)\n                if (index >= 0) {\n                    /** 删除节点 **/\n                    if (/bk-delete/.test(e.target.className)) {\n                        this.handleDeleteNode(index, data)\n                    }\n                    \n                    /** 复制节点 */\n                    if (/bk-copy/.test(e.target.className)) {\n                        const sourceNode = this.graphData.locations[index]\n                        this.handleCopyNode(sourceNode)\n                    }\n                    \n                    /** 查看更多 **/\n                    if (/icon-more/.test(e.target.className)) {\n                        this.handleAppendMoreAction(data)\n                    }\n                }\n            }\n            \n            /** 点击关联任务，查看 */\n            if (/icon-chain/.test(e.target.className)) {\n                this.handleNodeDblClick(data, 'referTask')\n            }\n        }\n```\n\n### 数据结构\n\n```javascript\nvar data = {\n        locations: [\n            { id: 'node1', x: 100, y: 100 },\n            { id: 'node2', x: 280, y: 100 },\n            { id: 'node3', x: 460, y: 100 },\n            { id: 'node4', x: 400, y: 220 }\n        ],\n        lines: [\n            { id: 'line1', source: {id: 'node1'}, target: {id: 'node2'} },\n            { id: 'line2', source: {id: 'node2'}, target: {id: 'node3'} },\n            { id: 'line3', source: {id: 'node3'}, target: {id: 'node4'} },\n        ]\n    }\n```\n| key | 说明 |\n|------|------|\n| locations | 节点配置信息 |\n| lines | 连线配置信息 |\n\n### 只读模式\n\n``` javascript\n    var instance = new bkflow('#graph-wrapper', {\n        mode: 'readonly',\n        nodeConfig: [{ type: 'default', width: 70, height: 40, radius: '2px'}],\n        lineConfig: {canvasLine: false, color: '#a9adb6', activeColor: '#3a84ff'},\n        onNodeRender: function (node) {\n            return '<div class=\"node-item\">'+ node.id +'</div>'\n        }\n    })\n    instance.renderGraph(data)\n```\n\n## 一个例子\n\n```javascript\n\nmounted() {\n    flowGraph = new D3Graph('#flowgraph', {\n        mode: 'edit',\n        nodeTemplateKey: 'groupTemplate',\n        canvasPadding: { x: 15, y: 15 },\n        background: 'rgba(0,0,0,0)',\n        lineConfig: {\n            canvasLine: false,\n            color: '#c4c6cc',\n            activeColor: '#3a84ff'\n        },\n        nodeConfig: [\n            { groupTemplate: 'graph-square', width: 62, height: 62, radius: '4px' },\n            { groupTemplate: 'graph-round', width: 72, height: 72, radius: '50%' },\n            { groupTemplate: 'graph-ractangle', width: 225, height: 42, radius: '4px' }\n        ],\n        zoom: {\n            scaleExtent: [0.5, 3],\n            controlPanel: true\n        },\n        nodeClick: 'Refactoring',\n        onNodeRender: node => new NodeTemplate(node).getTemplateById(node.groupTemplate, this.isReadonly && 'readonly' || 'edit', this.action),\n        onLineConnectBefore: this.beforeLineConnected,\n        onLineDelete: this.beforeLineDelete\n    })\n        .on('nodeDblClick', (node, event) => {\n            if (!this.isReadonly) {\n                this.handleNodeDblClick(node)\n            }\n        }, 'node')\n        .on('nodeMouseEnter', (node, event) => {\n            if (this.action === 'monitor') {\n                this.activeNode = node\n                this.$refs['bkGraphMonitor'].handleMouseenter(event)\n            }\n        }, 'node')\n        .on('nodeMouseLeave', (node, event) => {\n            if (this.action === 'monitor') {\n                this.activeNode = node\n                this.$refs['bkGraphMonitor'].handleMouseleave(event)\n            }\n        }, 'node')\n        .on('nodeDragEnd', (node, event) => {\n            this.updateLocations(node)\n        }, 'node')\n        .on('lineConnected', (line, evt) => {\n            this.updateLines(line)\n        }, 'line')\n        .on('nodeClick', (node, event) => {\n            !this.isReadonly && this.handleGraphNodeClick(event, node)\n        }, 'node')\n}\n\n```\n","readmeFilename":"README.md"}