{"_id":"@bingosoftnn/vue-treeselect","_rev":"2-9d9149b908f8f966968153eb5a0159e9","name":"@bingosoftnn/vue-treeselect","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@bingosoftnn/vue-treeselect","version":"0.0.1","keywords":["vue","component","tree","treeview","select","dropdown","treeselect","multiselect","form","control","input","ui"],"license":"MIT","_id":"@bingosoftnn/vue-treeselect@0.0.1","maintainers":[{"name":"vitaly-erofeev","email":"v.erofeev@bingosoft.ru"}],"css":"dist/vue-treeselect.min.css","dist":{"shasum":"f05ffb94693b01fbab7854f9a7271923f681e659","tarball":"https://registry.npmjs.org/@bingosoftnn/vue-treeselect/-/vue-treeselect-0.0.1.tgz","fileCount":65,"integrity":"sha512-H7+T27Ao69rzgkL6NhDzFTYgGL8dvr8pUGz5Li0xIV/vhSzX0iz54i2Me9+p+E0YvFVXOBv4XhkzzmzNqZbUXg==","signatures":[{"sig":"MEUCIESvQEU0V7tt7pl25b3nwZUWv2heKz1QfrmfjbH5TVvZAiEA+q4Ys4e//Dn/3+T1qcIlu/EgOaD8/JgE7jwRtd+LqIM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1542942,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeosmPCRA9TVsSAnZWagAAHsMP/iPTM3ePLqhzLb5n1du2\nQ7FROQLuXAzeDGBVxXMm8PDeqj6SU82ue0w1BYktArvKwClZ2QWHw6ryJG89\n+f6c0ETwk6cSiWSmmvWAhTLrP5UxfxEHnvrgwH3NmreTbdlOLRSkP2EHSvj8\n87CpJKk4Zi/3j/oAmljru4RKvzssV/K2qVifsxiAtaAuenjHQ2+CtNwdZJFs\ncM/ZKMXS/VW0kHnwicrS0HRIktModevgfh36SFY2rg1l+eSUNQvPTdG+oTOJ\nSoSAx3gCfOTzGTo1ZIEyrxfWPyqqLXvZgcu/sms8un1cWwJ3PhMgzVpztR7P\n0hgUxMDXfOediyoohomX975nuxvT4T4hblv+oGJO4woX+Uy8/iGzfO6oCzfV\nb71vnucNl964oY9XJJzOXyiS+F2udM0nAajbVlc0zJjIFB7fP2+mg/pDUaQy\nPREdJZ3RUqztgUd05+fCBonrjeFWElsBzbXSnXct1WgpttDOfb9+dNq0xBf8\ntVqu9kTcVyYv3q7GrP+KBHsBnubsCr120dMMKWxhsCTY5sivLH9nmoTVTUwt\nIi6QLM4ApqKNBO5HyskhjQCyIN+9z8kugLoyU7YnTg4gziuEb9Q7rxMUB1FN\n+2nUaVmzB3MnrfO2W6Z3Q0MIeK2HKLdcVCbfzDzcQIjm9qX0ZTPTlB3NIVZF\n3aJh\r\n=ZySp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/vue-treeselect.cjs.js","unpkg":"dist/vue-treeselect.umd.min.js","gitHead":"ec864f5b7ef3aa4ee5a3cea4d086529ce1f96fad","scripts":{"dev":"node build/dev-server.js","lint":"npm run lint:js && npm run lint:css","test":"npm run testonly","unit":"npm run cleanup-cov && karma start test/unit/karma.conf.js --watch","finish":"npm test && npm run build-library && npm run verify-builds","lint:js":"eslint --ext .js --ext .vue --cache --cache-location node_modules/.cache/eslint --rule 'no-console: 2' .","pretest":"npm run lint","gh-pages":"npm run build-docs && gh-pages --dist gh-pages --branch gh-pages --dotfiles","lint:css":"stylelint '**/*.less'","testonly":"npm run cleanup-cov && karma start test/unit/karma.config.js --single-run","build-docs":"rimraf gh-pages && mkdir gh-pages && node build/build-docs.js","cleanup-cov":"rimraf test/unit/coverage","preview-docs":"http-server gh-pages","build-library":"node build/build-library.js","verify-builds":"size-limit && node build/verify-builds.js"},"_npmUser":{"name":"vitaly-erofeev","email":"v.erofeev@bingosoft.ru"},"pre-commit":"lint","_npmVersion":"6.9.0","description":"A multi-select component with nested options support for Vue.js (disable immediate search)","directories":{},"_nodeVersion":"12.6.0","dependencies":{"lodash":"^4.0.0","is-promise":"^2.1.0","watch-size":"^2.0.0","easings-css":"^1.0.0","fuzzysearch":"^1.0.3","@babel/runtime":"^7.3.1","material-colors":"^1.2.6","babel-helper-vue-jsx-merge-props":"^2.0.3"},"_hasShrinkwrap":false,"devDependencies":{"ora":"^4.0.1","pug":"^2.0.0","vue":"^2.2.0","less":"^3.0.1","open":"^7.0.0","vuex":"^3.0.1","yaku":"^0.19.3","chalk":"^2.3.2","karma":"^4.0.0","vodal":"^2.3.3","eslint":"^6.1.0","rimraf":"^3.0.0","codecov":"^3.0.0","express":"^4.16.3","shelljs":"^0.8.1","webpack":"^4.6.0","entities":"^2.0.0","gh-pages":"^2.0.0","puppeteer":"^2.0.0","stylelint":"^11.0.0","css-loader":"^3.0.0","pre-commit":"^1.2.2","pug-loader":"^2.4.0","raw-loader":"^3.0.0","run-series":"^1.1.8","url-loader":"^2.0.1","vue-loader":"^15.6.0","@babel/core":"^7.0.0","http-server":"^0.11.1","less-loader":"^5.0.0","autoprefixer":"^9.4.6","babel-eslint":"^10.0.1","babel-loader":"^8.0.0","cache-loader":"^4.0.1","jasmine-core":"^3.1.0","strip-indent":"^3.0.0","eslint-loader":"^3.0.0","karma-jasmine":"^2.0.0","karma-webpack":"^4.0.2","script-loader":"^0.7.2","shallow-equal":"^1.0.0","webpack-merge":"^4.1.0","karma-coverage":"^2.0.1","postcss-loader":"^3.0.0","@vue/test-utils":"1.0.0-beta.16","vue-style-loader":"^4.0.2","@babel/preset-env":"^7.3.1","eslint-plugin-vue":"^6.0.0","webpack-cdn-plugin":"^3.1.4","copy-webpack-plugin":"^5.0.3","eslint-plugin-react":"^7.10.0","html-webpack-plugin":"^3.1.0","karma-spec-reporter":"0.0.32","regenerator-runtime":"^0.13.1","eslint-plugin-import":"^2.15.0","eventsource-polyfill":"^0.9.6","babel-plugin-istanbul":"^5.0.1","eslint-config-riophae":"^0.10.0","eslint-plugin-unicorn":"^12.1.0","karma-chrome-launcher":"^3.0.0","terser-webpack-plugin":"^2.1.0","vue-template-compiler":"^2.4.4","karma-jasmine-matchers":"^4.0.1","karma-sourcemap-loader":"^0.3.7","webpack-dev-middleware":"^3.1.0","webpack-hot-middleware":"^2.18.0","webpack-node-externals":"^1.7.2","mini-css-extract-plugin":"^0.8.0","string.prototype.repeat":"^0.2.0","webpack-bundle-analyzer":"^3.0.2","@babel/plugin-syntax-jsx":"^7.0.0","eslint-friendly-formatter":"^4.0.0","jstransformer-markdown-it":"^2.0.0","stylelint-config-xo-space":"^0.13.0","@size-limit/preset-big-lib":"^2.0.2","connect-history-api-fallback":"^1.5.0","babel-plugin-transform-vue-jsx":"^4.0.1","eslint-import-resolver-webpack":"^0.11.0","friendly-errors-webpack-plugin":"^1.7.0","@babel/plugin-transform-runtime":"^7.0.0","optimize-css-assets-webpack-plugin":"^5.0.0"},"peerDependencies":{"vue":"^2.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-treeselect_0.0.1_1587726734528_0.892303708947652","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@bingosoftnn/vue-treeselect","version":"0.0.2","description":"A multi-select component with nested options support for Vue.js (disable immediate search)","license":"MIT","main":"dist/vue-treeselect.cjs.js","unpkg":"dist/vue-treeselect.umd.min.js","css":"dist/vue-treeselect.min.css","scripts":{"dev":"node build/dev-server.js","build-library":"node build/build-library.js","build-docs":"rimraf gh-pages && mkdir gh-pages && node build/build-docs.js","preview-docs":"http-server gh-pages","gh-pages":"npm run build-docs && gh-pages --dist gh-pages --branch gh-pages --dotfiles","cleanup-cov":"rimraf test/unit/coverage","unit":"npm run cleanup-cov && karma start test/unit/karma.conf.js --watch","testonly":"npm run cleanup-cov && karma start test/unit/karma.config.js --single-run","test":"npm run testonly","pretest":"npm run lint","lint:js":"eslint --ext .js --ext .vue --cache --cache-location node_modules/.cache/eslint --rule 'no-console: 2' .","lint:css":"stylelint '**/*.less'","lint":"npm run lint:js && npm run lint:css","verify-builds":"size-limit && node build/verify-builds.js","finish":"npm test && npm run build-library && npm run verify-builds"},"pre-commit":"lint","dependencies":{"@babel/runtime":"^7.3.1","babel-helper-vue-jsx-merge-props":"^2.0.3","easings-css":"^1.0.0","fuzzysearch":"^1.0.3","is-promise":"^2.1.0","lodash":"^4.0.0","material-colors":"^1.2.6","watch-size":"^2.0.0"},"devDependencies":{"@babel/core":"^7.0.0","@babel/plugin-syntax-jsx":"^7.0.0","@babel/plugin-transform-runtime":"^7.0.0","@babel/preset-env":"^7.3.1","@size-limit/preset-big-lib":"^2.0.2","@vue/test-utils":"1.0.0-beta.16","autoprefixer":"^9.4.6","babel-eslint":"^10.0.1","babel-loader":"^8.0.0","babel-plugin-istanbul":"^5.0.1","babel-plugin-transform-vue-jsx":"^4.0.1","cache-loader":"^4.0.1","chalk":"^2.3.2","codecov":"^3.0.0","connect-history-api-fallback":"^1.5.0","copy-webpack-plugin":"^5.0.3","css-loader":"^3.0.0","entities":"^2.0.0","eslint":"^6.1.0","eslint-config-riophae":"^0.10.0","eslint-friendly-formatter":"^4.0.0","eslint-import-resolver-webpack":"^0.11.0","eslint-loader":"^3.0.0","eslint-plugin-import":"^2.15.0","eslint-plugin-react":"^7.10.0","eslint-plugin-unicorn":"^12.1.0","eslint-plugin-vue":"^6.0.0","eventsource-polyfill":"^0.9.6","express":"^4.16.3","friendly-errors-webpack-plugin":"^1.7.0","gh-pages":"^2.0.0","html-webpack-plugin":"^3.1.0","http-server":"^0.11.1","jasmine-core":"^3.1.0","jstransformer-markdown-it":"^2.0.0","karma":"^4.0.0","karma-chrome-launcher":"^3.0.0","karma-coverage":"^2.0.1","karma-jasmine":"^2.0.0","karma-jasmine-matchers":"^4.0.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.32","karma-webpack":"^4.0.2","less":"^3.0.1","less-loader":"^5.0.0","mini-css-extract-plugin":"^0.8.0","open":"^7.0.0","optimize-css-assets-webpack-plugin":"^5.0.0","ora":"^4.0.1","postcss-loader":"^3.0.0","pre-commit":"^1.2.2","pug":"^2.0.0","pug-loader":"^2.4.0","puppeteer":"^2.0.0","raw-loader":"^3.0.0","regenerator-runtime":"^0.13.1","rimraf":"^3.0.0","run-series":"^1.1.8","script-loader":"^0.7.2","shallow-equal":"^1.0.0","shelljs":"^0.8.1","string.prototype.repeat":"^0.2.0","strip-indent":"^3.0.0","stylelint":"^11.0.0","stylelint-config-xo-space":"^0.13.0","terser-webpack-plugin":"^2.1.0","url-loader":"^2.0.1","vodal":"^2.3.3","vue":"^2.2.0","vue-loader":"^15.6.0","vue-style-loader":"^4.0.2","vue-template-compiler":"^2.4.4","vuex":"^3.0.1","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.0.2","webpack-cdn-plugin":"^3.1.4","webpack-dev-middleware":"^3.1.0","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","webpack-node-externals":"^1.7.2","yaku":"^0.19.3"},"peerDependencies":{"vue":"^2.2.0"},"keywords":["vue","component","tree","treeview","select","dropdown","treeselect","multiselect","form","control","input","ui"],"_id":"@bingosoftnn/vue-treeselect@0.0.2","gitHead":"6cb5a7bf10761cc73f6c180b174458bd4e1444c2","_nodeVersion":"20.12.2","_npmVersion":"10.5.0","dist":{"integrity":"sha512-Z7gcGKaZHjmORhhrIGcP7MUfLls/uS1qrxjiKYxIb90lQXEQTtO3oWtk2y3Pr7zZ7ixZ6krCFg+Mv+8PzgpMEw==","shasum":"f235a44f0ac3ddbc342a4ec4c35bbfff53e439f7","tarball":"https://registry.npmjs.org/@bingosoftnn/vue-treeselect/-/vue-treeselect-0.0.2.tgz","fileCount":65,"unpackedSize":1607231,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICe63W99ouAy7ik4i6n3uJxIDjvPv0H4urUYwNDEy90AAiBQzD40v+0zxQ56fMB9+WDb4oDWe7tE5h5zs4SXc5UCgg=="}]},"_npmUser":{"name":"vitaly-erofeev","email":"v.erofeev@bingosoft.ru"},"directories":{},"maintainers":[{"name":"vitaly-erofeev","email":"v.erofeev@bingosoft.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue-treeselect_0.0.2_1735129361441_0.5938444496645925"},"_hasShrinkwrap":false}},"time":{"created":"2020-04-24T11:12:14.263Z","modified":"2024-12-25T12:22:41.873Z","0.0.1":"2020-04-24T11:12:14.737Z","0.0.2":"2024-12-25T12:22:41.657Z"},"license":"MIT","keywords":["vue","component","tree","treeview","select","dropdown","treeselect","multiselect","form","control","input","ui"],"description":"A multi-select component with nested options support for Vue.js (disable immediate search)","maintainers":[{"name":"vitaly-erofeev","email":"v.erofeev@bingosoft.ru"}],"readme":"# vue-treeselect\n[![npm](https://badgen.now.sh/npm/v/@riophae/vue-treeselect)](https://www.npmjs.com/package/@riophae/vue-treeselect) [![Build](https://badgen.now.sh/circleci/github/riophae/vue-treeselect)](https://circleci.com/gh/riophae/vue-treeselect/tree/master) [![Coverage](https://badgen.net/codecov/c/github/riophae/vue-treeselect)](https://codecov.io/gh/riophae/vue-treeselect?branch=master)\n![npm monthly downloads](https://badgen.now.sh/npm/dm/@riophae/vue-treeselect)\n![jsDelivr monthly hits](https://badgen.net/jsdelivr/hits/npm/@riophae/vue-treeselect) [![Known vulnerabilities](https://snyk.io/test/npm/@riophae/vue-treeselect/badge.svg)](https://snyk.io/test/npm/@riophae/vue-treeselect) ![License](https://badgen.net/github/license/riophae/vue-treeselect)\n\n> A multi-select component with nested options support for Vue.js\n\n![Vue-Treeselect Screenshot](https://raw.githubusercontent.com/riophae/vue-treeselect/master/screenshot.png)\n\n### Features\n\n- Single & multiple select with nested options support\n- Fuzzy matching\n- Async searching\n- Delayed loading (load data of deep level options only when needed)\n- Keyboard support (navigate using <kbd>Arrow Up</kbd> & <kbd>Arrow Down</kbd> keys, select option using <kbd>Enter</kbd> key, etc.)\n- Rich options & highly customizable\n- Supports a wide range of browsers (see [below](#browser-compatibility))\n- RTL support\n\n*Requires Vue 2.2+*\n\n### Getting Started\n\nIt's recommended to install vue-treeselect via npm, and build your app using a bundler like [webpack](https://webpack.js.org/).\n\n```bash\nnpm install --save @riophae/vue-treeselect\n```\n\nThis example shows how to integrate vue-treeselect with your [Vue SFCs](https://vuejs.org/v2/guide/single-file-components.html).\n\n```vue\n<!-- Vue SFC -->\n<template>\n  <div id=\"app\">\n    <treeselect v-model=\"value\" :multiple=\"true\" :options=\"options\" />\n  </div>\n</template>\n\n<script>\n  // import the component\n  import Treeselect from '@riophae/vue-treeselect'\n  // import the styles\n  import '@riophae/vue-treeselect/dist/vue-treeselect.css'\n\n  export default {\n    // register the component\n    components: { Treeselect },\n    data() {\n      return {\n        // define the default value\n        value: null,\n        // define options\n        options: [ {\n          id: 'a',\n          label: 'a',\n          children: [ {\n            id: 'aa',\n            label: 'aa',\n          }, {\n            id: 'ab',\n            label: 'ab',\n          } ],\n        }, {\n          id: 'b',\n          label: 'b',\n        }, {\n          id: 'c',\n          label: 'c',\n        } ],\n      }\n    },\n  }\n</script>\n```\n\nIf you just don't want to use webpack or any other bundlers, you can simply include the standalone UMD build in your page. In this way, make sure Vue as a dependency is included before vue-treeselect.\n\n```html\n<html>\n  <head>\n    <!-- include Vue 2.x -->\n    <script src=\"https://cdn.jsdelivr.net/npm/vue@^2\"></script>\n    <!-- include vue-treeselect & its styles. you can change the version tag to better suit your needs. -->\n    <script src=\"https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@^0.4.0/dist/vue-treeselect.umd.min.js\"></script>\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@^0.4.0/dist/vue-treeselect.min.css\">\n  </head>\n  <body>\n    <div id=\"app\">\n      <treeselect v-model=\"value\" :multiple=\"true\" :options=\"options\" />\n    </div>\n  </body>\n  <script>\n    // register the component\n    Vue.component('treeselect', VueTreeselect.Treeselect)\n\n    new Vue({\n      el: '#app',\n      data: {\n        // define the default value\n        value: null,\n        // define options\n        options: [ {\n          id: 'a',\n          label: 'a',\n          children: [ {\n            id: 'aa',\n            label: 'aa',\n          }, {\n            id: 'ab',\n            label: 'ab',\n          } ],\n        }, {\n          id: 'b',\n          label: 'b',\n        }, {\n          id: 'c',\n          label: 'c',\n        } ],\n      },\n    })\n  </script>\n</html>\n```\n\n### Documentation & Live Demo\n\n[Visit the website](https://vue-treeselect.js.org/)\n\nNote: please use a desktop browser since the website hasn't been optimized for mobile devices.\n\n### Browser Compatibility\n\n- Chrome\n- Edge\n- Firefox\n- IE ≥ 9\n- Safari\n\nIt should function well on IE9, but the style can be slightly broken due to the lack of support of some relatively new CSS features, such as `transition` and `animation`. Nevertheless it should look 90% same as on modern browsers.\n\n### Bugs\n\nYou can use this [pen](https://codepen.io/riophae/pen/MExgzP) to reproduce bugs and then [open an issue](https://github.com/riophae/vue-treeselect/issues/new).\n\n### Contributing\n\n1. Fork & clone the repo\n2. Install dependencies by `yarn` or `npm install`\n3. Check out a new branch\n4. `npm run dev` & hack\n5. Make sure `npm test` passes\n6. Push your changes & file a pull request\n\n### Credits\n\nThis project is inspired by [vue-multiselect](https://github.com/monterail/vue-multiselect), [react-select](https://github.com/JedWatson/react-select) and [Ant Design](https://github.com/ant-design/ant-design/). Special thanks go to their respective authors!\n\nSome icons used in this project:\n\n  - \"link\" icon made by [Smashicons](https://www.flaticon.com/authors/smashicons) is licensed under [CC 3.0 BY](https://creativecommons.org/licenses/by/3.0/)\n  - \"spinner\" icon from [SpinKit](https://github.com/tobiasahlin/SpinKit) is licensed under the [MIT License](https://github.com/tobiasahlin/SpinKit/blob/master/LICENSE)\n  - \"caret\" icon made by [Dave Gandy](https://www.flaticon.com/authors/dave-gandy) is licensed under [CC 3.0 BY](https://creativecommons.org/licenses/by/3.0/)\n  - \"delete\" icon made by [Freepik](https://www.flaticon.com/authors/freepik) is licensed under [CC 3.0 BY](https://creativecommons.org/licenses/by/3.0/)\n  - \"checkmark symbol\" & \"minus symbol\" icons made by [Catalin Fertu](https://www.flaticon.com/authors/catalin-fertu) are licensed under [CC 3.0 BY](https://creativecommons.org/licenses/by/3.0/)\n\n### License\n\nCopyright (c) 2017-present [Riophae Lee](https://github.com/riophae).\n\nReleased under the [MIT License](https://github.com/riophae/vue-treeselect/blob/master/LICENSE).\n","readmeFilename":"README.md"}