{"_id":"@c42/vue-orgchart","_rev":"3-48666d0cb77641b5368f95796282fef3","name":"@c42/vue-orgchart","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@c42/vue-orgchart","version":"0.1.0","description":"A Vue component that wraps orgchart.js and supports scoped slots to customize nodes in chart","keywords":["vue","orgchart"],"homepage":"https://github.com/beeplin/vue-orgchart","bugs":{"url":"https://github.com/beeplin/vue-orgchart/issues"},"license":"MIT","author":{"name":"Beep Lin"},"files":["lib"],"main":"lib/vue-orgchart.js","repository":{"type":"git","url":"git+https://github.com/beeplin/vue-orgchart.git"},"scripts":{"dev":"vue-cli-service serve","build":"vue-cli-service build","test":"vue-cli-service test","e2e":"vue-cli-service e2e","lint":"eslint ./src --ext .js,.vue --fix --format node_modules/eslint-friendly-formatter","preversion":"npm run lint","prepublishOnly":"npm run lib","lib":"rimraf lib && webpack -p --progress"},"dependencies":{"font-awesome":"^4.7.0","html2canvas":"^1.0.0-alpha.12","tree-walk":"^0.4.0","vue":"^2.5.13"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0-beta.6","@vue/cli-plugin-e2e-nightwatch":"^3.0.0-beta.6","@vue/cli-plugin-eslint":"^3.0.0-beta.6","@vue/cli-plugin-unit-jest":"^3.0.0-beta.6","@vue/cli-service":"^3.0.0-beta.6","@vue/test-utils":"^1.0.0-beta.10","babel-core":"^7.0.0-0","babel-jest":"^22.0.4","babel-preset-stage-2":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb-base":"^12.1.0","eslint-config-google":"^0.9.1","eslint-config-prettier":"^2.9.0","eslint-config-standard":"^11.0.0","eslint-friendly-formatter":"^4.0.1","eslint-plugin-import":"^2.11.0","eslint-plugin-node":"^6.0.1","eslint-plugin-prettier":"^2.6.0","eslint-plugin-promise":"^3.7.0","eslint-plugin-security":"^1.4.0","eslint-plugin-standard":"^3.0.1","eslint-plugin-vue":"^4.5.0","prettier":"^1.12.1","rimraf":"^2.6.2","vue-template-compiler":"^2.5.13","webpack-bundle-analyzer":"^2.11.1","webpack-cli":"^2.0.15"},"engines":{"node":">= 8.11.1","npm":">= 5.6.0","yarn":">= 1.6.0"},"babel":{"presets":["@vue/app"]},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"<rootDir>/src/$1"},"snapshotSerializers":["jest-serializer-vue"]},"gitHooks":{"pre-commit":"npm run lint"},"gitHead":"762c029cb904b91015f185e0a43b49df4cd29e08","_id":"@c42/vue-orgchart@0.1.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.1","_npmUser":{"name":"beeplin","email":"beeplin@gmail.com"},"dist":{"integrity":"sha512-M/MFUh6ioiYt8d/XmFq7biYRTDSUMlhxkp2I9EL7cNOLkEpS+rOLyWjzuLVAQE+vLIwp7uv0U+x7bnpddvWkTA==","shasum":"e0e2fdc43b5f099a006112add7a06f4bb65c422c","tarball":"https://registry.npmjs.org/@c42/vue-orgchart/-/vue-orgchart-0.1.0.tgz","fileCount":6,"unpackedSize":530863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4TVcCRA9TVsSAnZWagAApLEP/0jiAiRMFTirT0ikJAiT\nnOjvvdlVaS7xv6j3ouaWj4tfhjVRt1COZ7dUcxxd+3pXS1S6MYXbSpzPXLWD\nh/LYhQpHs8hwPjnTpOPtOsiB2dmb8NGePY76pg3u5cc/fv6qdbf8HriqF5S3\n4GM4sSxzb+Fx7Qwm0x5Ou8J2WSTDaClrZveipyFNc1XwPuOH7ONjjNMjrKp3\nx3eURraiAsJ2/OiDxVCISm3CXOImtb0ttL61PWfGvL+jE1+TMIwejAj1GnUN\nNdKc4aonmId7KT0MPQisYDAdf2i4dWZfWUcIv4l3Lew1gMM5KW+lshieyqKK\nFSzwPTLTcOKqlNQqcP/g7iPMikmdy+2iChfS0SW3Zvi/Mi8de16jiX8y8TbK\nofl2Iq7On4TzCQyjhhyT5qikb8o2zCe4w9Qidyu6k/NqsbZ39gpql7adc0vY\nB21PpDCs7MDsxO8ItY0jRjXw9o4dgN2TsCR1D0yjd15voa6ieMx6/LDvd2pt\nB3tRG9zSUihuEcurQjjtkOyYd99OWVtZA9EU/HOFiA/EqwlB+rqEg8LFxG0+\nWWoywo1iH2wWp8cTdEJ8aRm/QgqalUps3RbgM+n2urGvOo0m9q2q5kJfy+Xw\na2P8/8I529FYOh6wTogL12p/rsMJiRxrKQJ82dTG+tKiXkjBC9f8pM+xHpB8\neie6\r\n=MHHt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCl/QkmY4FvMhFzFYpIlajE/ksIsk2hyPr+WOQAxxDaEAIhAIcK3B6FFJZKK4T1mMdxCx7QMMTf4xSNNuNEcU7Cs17W"}]},"maintainers":[{"name":"beeplin","email":"beeplin@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-orgchart_0.1.0_1524708699175_0.6121634313561268"},"_hasShrinkwrap":false},"0.2.0":{"name":"@c42/vue-orgchart","version":"0.2.0","description":"A Vue component that wraps orgchart.js and supports scoped slots to customize nodes in chart","keywords":["vue","orgchart"],"homepage":"https://github.com/beeplin/vue-orgchart","bugs":{"url":"https://github.com/beeplin/vue-orgchart/issues"},"license":"MIT","author":{"name":"Beep Lin"},"files":["lib"],"main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/beeplin/vue-orgchart.git"},"scripts":{"dev":"vue-cli-service serve","build":"vue-cli-service build","test":"vue-cli-service test","e2e":"vue-cli-service e2e","lint":"eslint ./src --ext .js,.vue --fix --format node_modules/eslint-friendly-formatter","preversion":"npm run lint","prepublishOnly":"npm run lib","lib":"rimraf lib && webpack -p --progress && cp src/orgchart.css lib"},"dependencies":{"font-awesome":"^4.7.0","html2canvas":"^1.0.0-alpha.12","tree-walk":"^0.4.0","vue":"^2.5.13"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0-beta.6","@vue/cli-plugin-e2e-nightwatch":"^3.0.0-beta.6","@vue/cli-plugin-eslint":"^3.0.0-beta.6","@vue/cli-plugin-unit-jest":"^3.0.0-beta.6","@vue/cli-service":"^3.0.0-beta.6","@vue/test-utils":"^1.0.0-beta.10","babel-core":"^7.0.0-0","babel-jest":"^22.0.4","babel-preset-stage-2":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb-base":"^12.1.0","eslint-config-google":"^0.9.1","eslint-config-prettier":"^2.9.0","eslint-config-standard":"^11.0.0","eslint-friendly-formatter":"^4.0.1","eslint-plugin-import":"^2.11.0","eslint-plugin-node":"^6.0.1","eslint-plugin-prettier":"^2.6.0","eslint-plugin-promise":"^3.7.0","eslint-plugin-security":"^1.4.0","eslint-plugin-standard":"^3.0.1","eslint-plugin-vue":"^4.5.0","prettier":"^1.12.1","rimraf":"^2.6.2","vue-template-compiler":"^2.5.13","webpack-bundle-analyzer":"^2.11.1","webpack-cli":"^2.0.15"},"engines":{"node":">= 8.11.1","npm":">= 5.6.0","yarn":">= 1.6.0"},"babel":{"presets":["@vue/app"]},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"jest":{"moduleFileExtensions":["js","jsx","json","vue"],"transform":{"^.+\\.vue$":"vue-jest","^.+\\.jsx?$":"babel-jest"},"moduleNameMapper":{"^@/(.*)$":"<rootDir>/src/$1"},"snapshotSerializers":["jest-serializer-vue"]},"gitHooks":{"pre-commit":"npm run lint"},"gitHead":"55473ed18ab7d9d132e8350419a30eb49735c32f","_id":"@c42/vue-orgchart@0.2.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.1","_npmUser":{"name":"beeplin","email":"beeplin@gmail.com"},"dist":{"integrity":"sha512-ZuZLI1Pg/DuPeJ7Mx2LPWHNvsXfcnWhpZniM98U1CtaRNVmwt5LUUoJGqaeRwMNCeLlck0mzeeOqTfNdO5DmPQ==","shasum":"cd86a6682625084950bb153061f71591cc354ab0","tarball":"https://registry.npmjs.org/@c42/vue-orgchart/-/vue-orgchart-0.2.0.tgz","fileCount":6,"unpackedSize":285512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4UPMCRA9TVsSAnZWagAATA8QAIIM11T6l/HZKLUmdpuk\nn9DpNDOp1Fnl+FeQi6CnMlsXn3J1YnQSB66+jSqgYj/rBZyiQzCJXvym7nD5\ntS1MxDwxphH60ze4Tcnr7+HSafoxi4M2WFGBx9UcHhat/4cqj6nk8SaS77yM\nVY6VUo5bFhdooBmnKdjfW9JKK8OEkLhBR0mU2pwZT2sqXmL1QIHH3shEFjim\nsOqC1bUEIRARXv4shHLBkl2kox3o3chxN0IRZgJSpe8caA9ISDvX6Yo7HYw4\nw25L9Md1yTBIIy/xAeOmlSRLPqXd3hoG/H9VWrarwpGg1hyXkJzPUvrwj3nt\n/yDFbuGdYmiVRS36GnYkVPi23IHLxPhTY9HPNEci7cRMAd/tKXSi2OZ6DIQS\nTp0W1LopwV1siT6Uh3tE3YXzWAk1BBn5Q2SlLJb0+XYzMSuzJ5Ui+4rbJmG7\nRi3MbxY0d99xmwG2Bb+0xm2RaH9m1+vArrwOgpE+D2At0JXtGOFNIHm8gHul\n98jppeml0Wc59W5WkLApbnGvKsEL3A234VZ72uzkmpRk0wcB3wuOnEK84Jz7\n2AJh2CLymjkWQo2CzBreoySY+Ma0OrtuOcfM65+vUe36iGOgLjIXRXBcZEF0\nCViCyrICQVuv+WGbh3ueFUOLqY/V/gmtU1Y8eeR43hEZorHpOTcwqSjKqkET\n83x7\r\n=hle3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICGC5QbNRDUExHMTDWSB4hsSry1ZIXUPDla+HWgHGsDaAiEA/HLAtzEJISV/srBjs0zgmjdh3RGErvaa+pkCLUAYJu0="}]},"maintainers":[{"name":"beeplin","email":"beeplin@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-orgchart_0.2.0_1524712395707_0.635294450128371"},"_hasShrinkwrap":false}},"time":{"created":"2018-04-26T02:11:39.110Z","0.1.0":"2018-04-26T02:11:39.254Z","modified":"2022-04-04T21:25:22.415Z","0.2.0":"2018-04-26T03:13:15.787Z"},"maintainers":[{"email":"lanbin_blue@163.com","name":"lanbing45"},{"email":"beeplin@gmail.com","name":"beeplin"}],"description":"A Vue component that wraps orgchart.js and supports scoped slots to customize nodes in chart","homepage":"https://github.com/beeplin/vue-orgchart","keywords":["vue","orgchart"],"repository":{"type":"git","url":"git+https://github.com/beeplin/vue-orgchart.git"},"author":{"name":"Beep Lin"},"bugs":{"url":"https://github.com/beeplin/vue-orgchart/issues"},"license":"MIT","readme":"# vue-orgchart\n\nA Vue component that wraps [orgchart.js](https://github.com/dabeng/OrgChart.js) and supports scoped slots to customize nodes in chart.\n\n`<ul>` support and ajax support are dropped since now you can just fetch data with your favorite ajax library like `axios`, `fetch` etc. and then pass data to this component. It will automatically repaint on data change.\n\n## install\n\n```bash\nnpm i @c42/vue-orgchart\n```\n\n## usage\n\n### props\n\n```js\n  {\n    data: { type: Object, required: true }, // Data to build structure of orgchart. see below.\n    vue: { type: Function, required: true }, // Vue constructor used to render nodes.\n    nodeId: { type: String, default: 'id' }, // It sets one property of data as unique identifier of every orgchart node.\n    direction: { type: String, default: 't2b' }, // The available values are t2b(implies \"top to bottom\", it's default value), b2t(implies \"bottom to top\"), l2r(implies \"left to right\"), r2l(implies \"right to left\").\n    depth: { type: Number, default: 999 }, // It indicates the level that at the very beginning orgchart is expanded to.\n    verticalDepth: { type: Number, default: 999 }, // Users can make use of this option to align the nodes vertically from the specified depth.\n    exportButton: { type: Boolean, default: true }, // It enable the export button for orgchart.\n    exportFilename: { type: String, default: 'OrgChart' }, // It's filename when you export current orgchart as a picture.\n    htmlToCanvas: { type: Function, default: () => () => {} }, // html2canvas to convert html to picture for export.\n\n    toggleSiblingsResp: { type: Boolean, default: true }, // Once enable this option, users can show/hide left/right sibling nodes respectively by clicking left/right arrow.\n    pan: { type: Boolean, default: true }, // Users could pan the orgchart by mouse drag&drop if they enable this option.\n    zoom: { type: Boolean, default: true }, // Users could zoomin/zoomout the orgchart by mouse wheel if they enable this option.\n    draggable: { type: Boolean, default: true }, // Users can drag & drop the nodes of orgchart if they enable this option. **Note**: this feature doesn't work on IE due to its poor support for HTML5 drag & drop API.\n    dropCriteria: { type: Function, default: () => () => true }, // Users can construct their own criteria to limit the relationships between dragged node and drop zone. Furtherly, this function accept three arguments(draggedNode, dragZone, dropZone) and just only return boolen values.\n\n    // css classes\n    containerClass: { type: String, default: '' },\n    chartClass: { type: String, default: '' },\n    spinnertClass: { type: String, default: '' },\n    exportBtnClass: { type: String, default: '' },\n    leftArrowClass: { type: String, default: '' },\n    rightArrowClass: { type: String, default: '' },\n    upArrowClass: { type: String, default: '' },\n    downArrowClass: { type: String, default: '' },\n    commonClass: { type: String, default: '' }, // Typically `fa` if using font-awesome\n    parentNodeSymbolClass: { type: String, default: '' }, // Class of icon to imply that the node has child nodes.\n  }\n```\n\n### events\n\n`@drag`:\n\n```js\nonDrag = ({ targetId, sourceId, destinationId }) => {\n  // targetId: id of the node being dragged\n  // sourceId: id of the orignial parent node of the dragged node\n  // destinationId: id of the node that the dragged node is dropped to\n}\n```\n\n### add/remove/move nodes\n\nJust modify the data, and the orgchart will update. See `src/App.vue` for a complete example.\n","readmeFilename":"README.md"}