{"_id":"@a.abunada/vue-jstree-rtl","_rev":"2-655aeecdc8e011e796c37d69012edad2","name":"@a.abunada/vue-jstree-rtl","dist-tags":{"latest":"2.1.7"},"versions":{"2.1.6":{"name":"@a.abunada/vue-jstree-rtl","version":"2.1.6","description":"a rtl tree plugin for vue2","keywords":["vue2","tree","rtl"],"author":{"name":"abdullah abunada"},"main":"dist/vue-jstree-rtl.js","private":false,"license":"MIT","repository":{"type":"git","url":"git+https://github.com/abdullah-abunada/vue-jstree.git"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules"},"dependencies":{},"devDependencies":{"babel-core":"^6.0.0","babel-loader":"^6.0.0","babel-preset-env":"^1.5.1","cross-env":"^3.0.0","css-loader":"^0.25.0","file-loader":"^0.11.2","less":"^2.7.2","less-loader":"^4.0.5","style-loader":"^0.18.2","vue":"^2.3.3","vue-loader":"^12.1.0","vue-template-compiler":"^2.3.3","webpack":"^2.6.1","webpack-dev-server":"^2.4.5"},"bugs":{"url":"https://github.com/abdullah-abunada/vue-jstree/issues"},"homepage":"https://github.com/abdullah-abunada/vue-jstree#readme","gitHead":"40bf85e612ab96804a57e823ffec07441b984120","_id":"@a.abunada/vue-jstree-rtl@2.1.6","_nodeVersion":"12.13.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-pVrsNMLHxeC6ziAS71Ne+rze3qYBDkunqe0lVC0vut0EunA7VYNmSplt8BXWW94iNCIegw1YUrBIDdltFxWWPA==","shasum":"9d22976767324cc39e57661d9c1c8641394f4b76","tarball":"https://registry.npmjs.org/@a.abunada/vue-jstree-rtl/-/vue-jstree-rtl-2.1.6.tgz","fileCount":20,"unpackedSize":475504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6vubCRA9TVsSAnZWagAAZBcP/AoPoiuvT6kKKZ9Xrn/x\nnnTkiHIEbWEc93KM1H4mMIgcMod8lM32mFh7ZAyAOZx/XQ89LZmNX5ONGb7g\nvaGiYC0MLNIfDMba5doq4JPmTMK5tMk1LjVZlBp93uTKNcgTiZfjylmqVKyf\n7pSc1wX50M+Q1FibF9L5oowWvbXV5WYYKDHRZu0ppM3PLMZsAmaI5j5l+CdB\nz+tO9e93FKmutuG6IAgf3G5qV1rIL5uDczXXpvKUb2PpeKePTsnqojb+PMQc\n/o9hwBD0FyQbWOWJmjArFrJTRrwA+ts8xadra9AjUYIaxLOaDhjgIUkyE0Ed\nzwJlXmkQqw8/s8FrNLnDuSUSDd2FN3fEF4s4UHCQLDapRPpnzqdkBDZyOZuH\nk1NDDkabumym+BSC1GvtMg2A0oqjotKFU/yiRBSPnWq8v95KF2eU7ZDA6gJ7\nz3+TR/rgK+DYdOEbJ9pq7XJyeJN+eb3izq29fW2ZHkcwDT9XPz8Vh2xiFoS7\nE5RL5i0facYy74E3K4TcSWJb266koZI+43Gwgiz2U6IzjJk3xeIg86G0p6mp\nCcHadgH2NC6cOxVRP3r28twqLqRl22DOkHpmFEcO0S5AooBQQqUBektOrgX/\ns89YRI39WmymxchePIwj2VHNsjM7AanWV0ZmXuE330d6oLGjVdTj7049JNsO\n3lST\r\n=bkIu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICi3eyyvZaxJ/uzPOu4Hri+m5WuBkfTZYugy6AngAwKTAiAMatK4lnSv2I46kUvrZzc1rVCLVfTLyGpLuIuP3ZHbAw=="}]},"_npmUser":{"name":"a.abunada","email":"eng.a.abunada@gmail.com"},"directories":{},"maintainers":[{"name":"a.abunada","email":"eng.a.abunada@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-jstree-rtl_2.1.6_1609235354740_0.4043831652988319"},"_hasShrinkwrap":false},"2.1.7":{"name":"@a.abunada/vue-jstree-rtl","version":"2.1.7","description":"a rtl tree plugin for vue2","keywords":["vue2","tree","rtl"],"author":{"name":"abdullah abunada"},"main":"dist/vue-jstree-rtl.js","private":false,"license":"MIT","repository":{"type":"git","url":"git+https://github.com/abdullah-abunada/vue-jstree.git"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules"},"dependencies":{},"devDependencies":{"babel-core":"^6.0.0","babel-loader":"^6.0.0","babel-preset-env":"^1.5.1","cross-env":"^3.0.0","css-loader":"^0.25.0","file-loader":"^0.11.2","less":"^2.7.2","less-loader":"^4.0.5","style-loader":"^0.18.2","vue":"^2.3.3","vue-loader":"^12.1.0","vue-template-compiler":"^2.3.3","webpack":"^2.6.1","webpack-dev-server":"^2.4.5"},"bugs":{"url":"https://github.com/abdullah-abunada/vue-jstree/issues"},"homepage":"https://github.com/abdullah-abunada/vue-jstree#readme","gitHead":"77cc0f5460da5d68a829575bf7363cdf5ccf1411","_id":"@a.abunada/vue-jstree-rtl@2.1.7","_nodeVersion":"12.13.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-jwO6cmdot+kKwv/oiA14s2MBf61lC8O9K47gvyjAI6/m6XOe9X17Q4Zz7JIMCoTM3938/xww5gubylDeg/2O1g==","shasum":"590a0a0bb9e7ad272ee358621570a54a6b5836e6","tarball":"https://registry.npmjs.org/@a.abunada/vue-jstree-rtl/-/vue-jstree-rtl-2.1.7.tgz","fileCount":20,"unpackedSize":475504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6v0vCRA9TVsSAnZWagAA4ZMP/iFgKS35DUQYozEBRW5b\nn0GnoxNky4+9A9bi+5QStAtNn4Jqd6yOSUkt46VhUCVByXsj7/G83oiyEvP6\nD1+nIyQyPo6bhk2V77RZ6RMsVCmQrnqIS30BeM0W+1WO2492vgi7TIkyr8IU\ndWOC2tUc4bORCBxMCBEj9ZPN5DRvvIzA3NN0Kz1A0f2TT3Jp7eKDRDDlw9ak\nBMVC4VX9RZ5gUrSqQQHJ5dy8a41JFD4cRpD8WVUUfLEsvqFxd35umHR/UiSL\n3as9Yw9e4lnSJVqTOkCz3muEfurq6cXgmwUOZDkJb1JGO4vEes31ubD0i9hV\nMnq/QmQlnHpBqJbiXQKsweE6fgP+e2YKQ62HToSYLYp8kpCWN053Kn4+ql0H\nhqJxV2FFMlYgsNrHBsfcyGNqT8BZN7awEPatCy7qJwAc4co3Orz27bxlenyN\n7IInu4rsaPqtpFQQsjmhgt7my6tQCP788PtnkNZqxnhLJttLFh+ViMWQJoXF\nN2UHK5wQtbbCZYuHGw9LH049xn1M0N1UGHxSERu2Ftl64tqEEcw9EsfJx0rK\nl7N/xW8rXhwTmXCETLmM9xxhvE7BkV76/RJ7C8bfTQMokUKZN+9ceumSnC5M\nfbJbs9TRN1KJRqqLPk0h8GyrB6ftzAdFvETWeMOj+a2GuBRymUfSPWEbi7fj\n1Mlk\r\n=68IH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA60Cj2fqkPsnBxm+KUovVdCglNG9HpH8ue/pwB4IG1oAiBRtMmY6WU57yWdBHZ0dnEn183kSym7yzvO8osLfqWZWQ=="}]},"_npmUser":{"name":"a.abunada","email":"eng.a.abunada@gmail.com"},"directories":{},"maintainers":[{"name":"a.abunada","email":"eng.a.abunada@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-jstree-rtl_2.1.7_1609235758873_0.36164538582226124"},"_hasShrinkwrap":false}},"time":{"created":"2020-12-29T09:49:14.674Z","2.1.6":"2020-12-29T09:49:15.015Z","modified":"2022-04-04T10:52:38.324Z","2.1.7":"2020-12-29T09:55:59.095Z"},"maintainers":[{"name":"a.abunada","email":"eng.a.abunada@gmail.com"}],"description":"a rtl tree plugin for vue2","homepage":"https://github.com/abdullah-abunada/vue-jstree#readme","keywords":["vue2","tree","rtl"],"repository":{"type":"git","url":"git+https://github.com/abdullah-abunada/vue-jstree.git"},"author":{"name":"abdullah abunada"},"bugs":{"url":"https://github.com/abdullah-abunada/vue-jstree/issues"},"license":"MIT","readme":"# vue-jstree-rtl\n\n[![npm](https://img.shields.io/npm/dt/vue-jstree.svg?style=flat-square)](https://github.com/zdy1988/vue-jstree)\n\n##  Introduction\n\nA tree plugin for vue2 RTL\n\n<img src=\"./pic.png\" width=\"100%\" align=center />\n\n##  NPM\n\n```html\n    npm install vue-jstree-trl\n```\n\n##  ES6\n\n```html\n    import VJstree from 'vue-jstree-rtl'\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    <v-jstree :data=\"data\" size=\"large\" show-checkbox multiple allow-batch whole-row @item-click=\"itemClick\"></v-jstree>\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\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\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## 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<v-jstree :data=\"data\">\n  <template scope=\"_\">\n    <div style=\"display: inherit; width: 200px\" @click.ctrl=\"customItemClickWithCtrl\">\n      <i :class=\"_.vm.themeIconClasses\" role=\"presentation\" v-if=\"!_.model.loading\"></i>\n      {{_.model.text}}\n      <button style=\"border: 0px; background-color: transparent; cursor: pointer;\" @click=\"customItemClick(_.vm, _.model, $event)\"><i class=\"fa fa-remove\"></i></button>\n    </div>\n  </template>\n</v-jstree>\n\n```\n\nmore elegant:\n\t\t\t\t\t\t\t\n```\n<v-jstree :data=\"data\">\n  <template scope=\"_\">\n    <div style=\"display: inherit; width: 200px\" @click.ctrl=\"customItemClickWithCtrl\" @click.exact=\"customItemClick(_.vm, _.model, $event)\">\n    <i :class=\"_.vm.themeIconClasses\" role=\"presentation\" v-if=\"!_.model.loading\"></i>\n    {{_.model.text}}\n    </div>\n  </template>\n</v-jstree>\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"}