{"_rev":"44-7adcfac434eb5c5015d1a3b609eb732a","time":{"created":"2024-02-20T11:47:10.800Z","2.1.12":"2023-08-19T08:59:20.740Z","modified":"2024-02-20T11:47:11.540Z","2.1.13":"2023-08-19T09:01:10.642Z","2.1.14":"2023-08-20T18:28:50.353Z","2.1.15":"2023-08-21T03:57:58.428Z","2.1.16":"2023-08-21T04:21:12.721Z","2.1.17":"2023-08-21T05:14:39.784Z","2.1.18":"2023-08-21T07:47:20.269Z","2.1.19":"2023-08-21T07:49:58.479Z","2.2.20":"2023-08-21T07:57:50.412Z","2.2.21":"2023-08-21T08:16:54.458Z","2.2.23":"2023-08-21T09:32:19.501Z","2.2.24":"2023-08-21T09:50:37.034Z","2.2.25":"2023-08-21T10:45:36.706Z","2.2.26":"2023-08-21T10:51:39.446Z","2.2.27":"2023-08-21T10:59:50.483Z","2.2.28":"2023-08-21T11:02:13.261Z","2.2.29":"2023-08-21T11:19:39.049Z","2.2.30":"2023-08-21T11:34:50.345Z","2.2.31":"2023-08-21T12:22:21.534Z","2.2.32":"2023-08-21T12:29:15.215Z","2.2.33":"2023-08-21T12:42:38.194Z","2.2.34":"2023-08-21T12:50:28.993Z","2.2.35":"2023-08-21T12:57:09.218Z","2.2.36":"2023-08-21T13:05:41.770Z","2.2.37":"2023-08-21T13:09:08.172Z","2.2.38":"2023-08-21T13:09:51.559Z","2.2.39":"2023-08-21T13:13:46.580Z","2.2.40":"2023-08-21T13:30:50.175Z","2.2.41":"2023-08-22T04:16:45.549Z","2.2.43":"2023-08-22T04:21:35.838Z","2.2.44":"2023-08-22T04:24:58.842Z","2.2.45":"2023-08-22T04:30:19.270Z","2.2.46":"2023-08-22T04:35:20.051Z","2.2.47":"2023-08-22T04:42:02.584Z","2.2.48":"2023-08-22T04:47:46.161Z","2.2.49":"2023-08-22T05:03:41.035Z","2.2.50":"2023-08-22T05:06:53.228Z","2.2.51":"2023-08-22T05:09:56.025Z","2.2.53":"2023-08-22T11:10:09.774Z","2.2.54":"2023-08-23T06:41:21.058Z","2.2.55":"2023-08-23T07:56:23.684Z","2.2.56":"2023-08-24T09:20:07.150Z","2.2.57":"2023-08-24T09:39:35.639Z","2.3.27":"2024-02-20T11:47:11.012Z"},"_id":"vue-jstree-enhanced","name":"vue-jstree-enhanced","dist-tags":{"latest":"2.3.27"},"versions":{"2.3.27":{"name":"vue-jstree-enhanced","version":"2.3.27","description":"a tree plugin for vue2 enhanced with working sibling drag & drop","keywords":["vue2","tree"],"author":{"name":"Shubham Singh"},"main":"dist/vue-jstree.js","private":false,"license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/Shubham1296/vue-jstree-enhanced.git"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules","server":"node server.js"},"dependencies":{"vue-timers":"^1.10.0"},"devDependencies":{"@babel/core":"^7.4.3","@babel/preset-env":"^7.4.3","babel-core":"^6.26.3","babel-loader":"^6.4.1","babel-preset-env":"^1.7.0","cross-env":"^3.0.0","css-loader":"^0.25.0","file-loader":"^0.11.2","less":"^2.7.2","less-loader":"^4.1.0","style-loader":"^0.18.2","vue":"^2.6.10","vue-loader":"^14.2.2","vue-template-compiler":"^2.6.10","webpack":"^2.7.0","webpack-dev-server":"^2.11.5"},"gitHead":"4eddf70c6051eafbb0f9cf0eb0bdd5d44a09b8c7","bugs":{"url":"https://github.com/Shubham1296/vue-jstree-enhanced/issues"},"homepage":"https://github.com/Shubham1296/vue-jstree-enhanced#readme","_id":"vue-jstree-enhanced@2.3.27","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-6fJBMKlsiK7kljWJkeqlL8BOiNlGLUyZZ5cW2x1gt4TWn67GkqAzNDm/n/R3edyV4SQuFFOyNbljc5UYYyNh3Q==","shasum":"f81ef84e90c498a9926408201c90c90d9b4f25e4","tarball":"https://registry.npmjs.org/vue-jstree-enhanced/-/vue-jstree-enhanced-2.3.27.tgz","fileCount":18,"unpackedSize":532273,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICG2zx4m5XmbpAn0SLai08nrbO9X9Ok0W5r1JY2KlSm7AiEAh4WUIc0QE0JFEy+owericUhuMZmK3qn2NWNQ2j4o/7U="}]},"_npmUser":{"name":"shubham_singh_greyb","email":"shubham.singh@greyb.com"},"directories":{},"maintainers":[{"name":"shubham_singh_greyb","email":"shubham.singh@greyb.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-jstree-enhanced_2.3.27_1708429630801_0.5787886471650088"},"_hasShrinkwrap":false}},"maintainers":[{"name":"shubham_singh_greyb","email":"shubham.singh@greyb.com"}],"description":"a tree plugin for vue2 enhanced with working sibling drag & drop","homepage":"https://github.com/Shubham1296/vue-jstree-enhanced#readme","keywords":["vue2","tree"],"repository":{"type":"git","url":"git+https://github.com/Shubham1296/vue-jstree-enhanced.git"},"author":{"name":"Shubham Singh"},"bugs":{"url":"https://github.com/Shubham1296/vue-jstree-enhanced/issues"},"license":"Apache-2.0","readme":"# vue-jstree\n\n[![npm](https://img.shields.io/npm/dt/vue-jstree.svg?style=flat-square)](https://github.com/shpfive/vue-jstree)\n\n[English](./README.md)\n\n## Introduction\n\nIts a fork of original vue-jstree plugin by zdy1988\n\nhttps://github.com/zdy1988/vue-jstree\n\nA tree plugin for vue2, extended with new functions, \nlike
expand-timers, resibling nodes logic and much more\n\n\n\n\n\n## NPM\n\n```html\n npm install vue-jstree-extended\n```\n\n## ES6\n\n```html\n import VJstree from 'vue-jstree'\n \n new Vue({\n components: {\n VJstree\n }\n })\n```\n\n## Setup\n\n```html\n npm install\n npm run dev\n```\n\n## Usage\n\n```html\n \n \n new Vue({\n data: {\n data: [\n {\n \"text\": \"Same but with checkboxes\",\n \"children\": [\n {\n \"text\": \"initially selected\",\n \"selected\": true\n },\n {\n \"text\": \"custom icon\",\n \"icon\": \"fa fa-warning icon-state-danger\"\n },\n {\n \"text\": \"initially open\",\n \"icon\": \"fa fa-folder icon-state-default\",\n \"opened\": true,\n \"children\": [\n {\n \"text\": \"Another node\"\n }\n ]\n },\n {\n \"text\": \"custom icon\",\n \"icon\": \"fa fa-warning icon-state-warning\"\n },\n {\n \"text\": \"disabled node\",\n \"icon\": \"fa fa-check icon-state-success\",\n \"disabled\": true\n }\n ]\n },\n {\n \"text\": \"Same but with checkboxes\",\n \"opened\": true,\n \"children\": [\n {\n \"text\": \"initially selected\",\n \"selected\": true\n },\n {\n \"text\": \"custom icon\",\n \"icon\": \"fa fa-warning icon-state-danger\"\n },\n {\n \"text\": \"initially open\",\n \"icon\": \"fa fa-folder icon-state-default\",\n \"opened\": true,\n \"children\": [\n {\n \"text\": \"Another node\"\n }\n ]\n },\n {\n \"text\": \"custom icon\",\n \"icon\": \"fa fa-warning icon-state-warning\"\n },\n {\n \"text\": \"disabled node\",\n \"icon\": \"fa fa-check icon-state-success\",\n \"disabled\": true\n }\n ]\n },\n {\n \"text\": \"And wholerow selection\"\n }\n ]\n },\n methods: {\n itemClick (node) {\n console.log(node.model.text + ' clicked !')\n }\n }\n })\n```\n\n## API\n\n| Props | Type | Default | Describe |\n| ------------- |:-------------:|:-----:|:--------------------------------------------------------|\n| data | Array | | set tree data |\n| size | String | | set tree item size , value : 'large' or '' or ''small' |\n| show-checkbox | Boolean | false | set it show checkbox |\n| allow-transition | Boolean | true | allow use transition animation |\n| whole-row | Boolean | false | use whole row state |\n| no-dots | Boolean | false | show or hide dots |\n| collapse | Boolean | false | set all tree item collapse state |\n| multiple | Boolean | false | set multiple selected tree item |\n| allow-batch | Boolean | false | in multiple choices. allow batch select |\n| text-field-name | String | 'text' | set tree item display field |\n| value-field-name | String | 'value' | set tree item value field |\n| children-field-name | String | 'children' | set tree item children field |\n| item-events | Object | {} | register any event to tree item, [example](https://github.com/zdy1988/vue-jstree/blob/master/App.vue) |\n| async | Function | | async load callback function , if node is a leaf ,you can set 'isLeaf: true' in data |\n| loading-text | String | 'Loading' | set loading text |\n| draggable | Boolean | false | set tree item can be dragged , selective drag and drop can set 'dragDisabled: true' and 'dropDisabled: true' , all default value is 'false' |\n| drag-over-background-color | String | '#C9FDC9' | set drag over background color |\n| klass | String | | set append tree class |\n| expand-timer | Boolean | false | prop to control expanding of nodes during dragOver |\n| expand-timer-time-out | Number | 1500 | prop to control duration of expanding timer |\n| execute-siblings-movement | Boolean | false | prop to control siblings movement: if true -> move node and emit event, false -> just emit event, and let user decide what to do with it |\n| multi-tree | Boolean | false | prop to define in which mode tree is working - usual or multiTree |\n| show-drop-postion | Boolean | true | prop to define show or not the tree marker |\n| allow-multi-tree-and-usual | Boolean | false | prop to define act both behavior for multiTree and usual |\n\n## Methods in node.model\n\n| Method | Params |\n| ------------- |:-------------:|\n| addChild | (object) newDataItem |\n| addAfter | (object) newDataItem, (object) selectedNode |\n| addBefore | (object) newDataItem, (object) selectedNode |\n| openChildren | |\n| closeChildren | |\n| moveTo | (object)draggedItem, (object)anchorNode|\n| moveLeftTo | (object)draggedItem, (object)anchorNode, oriIndex|\n| moveRightTo | (object)draggedItem, (object)anchorNode, oriIndex|\n| deleteNode | (object)selectedNode|\n## Event\n\n**@item-click(node, item, e)**\n\n**@item-toggle(node, item, e)**\n\n**@item-drag-start(node, item, e)**\n\n**@item-drag-end(node, item, e)**\n\n**@item-drop-before(node, item, draggedItem, e)**\n\n**@item-drop(node, item, draggedItem, e)**\n\n**node** : current node vue object\n\n**item** : current node data item object\n\n**e** : event\n\n**@item-drop-sibling-left**: move dragged node to left of target\n\n**@item-drop-sibling-right**: move dragged node to right of target\n\n**@item-drop-multi-tree**: dropped on node in multiTree mode\n\n## Data Item Optional Properties\n\n| Name | Type | Default | Describe |\n| ------------- |:-------------:| -----:|:----------------------------------------------|\n| icon | String | | custom icon css class |\n| opened | Boolean | false | set leaf opened |\n| selected | Boolean | false | set node selected |\n| disabled | Boolean | false | set node disabled |\n| isLeaf | Boolean | false | if node is a leaf , set true can hide '+' |\n| dragDisabled | Boolean | false | selective drag |\n| dropDisabled | Boolean | false | selective drop |\n\n## Custom Item Example\n\n```\n\n \n\n\n```\n\nmore elegant:\n\t\t\t\t\t\t\t\n```\n\n \n\n```\n\n**scope** be replaced in the **vue@2.5.0+** , over **vue@2.5.0+** use **slot-scope**\n\n## License\n\nLicensed under the [MIT license](https://opensource.org/licenses/mit-license.php).\n\nThanks For [jstree](https://github.com/vakata/jstree)'s UI","readmeFilename":"README.md"}