{"_id":"@duzhijie/vue-virtual-scroll-tree","_rev":"2-cf6cacdd948cbb74a1d3e0ab550ea1a5","name":"@duzhijie/vue-virtual-scroll-tree","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.0":{"name":"@duzhijie/vue-virtual-scroll-tree","description":"vue2 el-tree virtual-scroll","version":"1.0.0","author":{"name":"duzhijie"},"license":"MIT","private":false,"main":"./dist/vue-virtual-scroll-tree.js","keywords":["virtual","tree","bigdata","largedata","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/duzhijie317/vue-virtual-scroll-tree.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server","build":"cross-env NODE_ENV=production webpack --progress"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"vue":"2.6.11","scrollparent":"^2.0.1","vue-observe-visibility":"^0.4.4","vue-resize":"^0.4.5"},"devDependencies":{"@babel/core":"^7.23.5","@babel/preset-env":"^7.22.7","babel-loader":"^9.1.3","core-js":"^3.6.5","cross-env":"^7.0.3","css-loader":"^6.8.1","file-loader":"^6.2.0","html-webpack-plugin":"^5.5.3","sass":"^1.63.3","sass-loader":"^13.3.2","uglifyjs-webpack-plugin":"^2.2.0","vue-loader":"^15.7.0","vue-template-compiler":"2.6.11","vue-template-es2015-compiler":"^1.6.0","webpack":"^5.86.0","webpack-bundle-analyzer":"^4.9.0","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1","webpackbar":"^5.0.2"},"gitHead":"ba5424181c3271587d110c3099c108778412cd21","bugs":{"url":"https://github.com/duzhijie317/vue-virtual-scroll-tree/issues"},"homepage":"https://github.com/duzhijie317/vue-virtual-scroll-tree#readme","_id":"@duzhijie/vue-virtual-scroll-tree@1.0.0","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-BnWU7Yx6Pfde8oTCFenDzm4DCPIMfn7+vL8HBZvMcO9WlX54clirQwxe1ki+JxEtCJczMwNUeNowEv0B36bWqQ==","shasum":"ccc8908710bf9ea175552b3a852cc4b71eba8b1a","tarball":"https://registry.npmjs.org/@duzhijie/vue-virtual-scroll-tree/-/vue-virtual-scroll-tree-1.0.0.tgz","fileCount":52,"unpackedSize":1590715,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWr1x7dvhewF27x0IRDEHJJ/7VXsHt58gDaTilv2M5AAIhALHTsIeFJsIeeCeTunCQ+CR2sTE6x3yOJ0v/WDa1p731"}]},"_npmUser":{"name":"duzhijie","email":"duzhijie317@gmail.com"},"directories":{},"maintainers":[{"name":"duzhijie","email":"duzhijie317@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-virtual-scroll-tree_1.0.0_1701745354098_0.1873664191752049"},"_hasShrinkwrap":false},"1.1.0":{"name":"@duzhijie/vue-virtual-scroll-tree","description":"vue2 el-tree virtual-scroll","version":"1.1.0","author":{"name":"duzhijie"},"license":"MIT","private":false,"main":"./dist/vue-virtual-scroll-tree.js","keywords":["virtual","tree","bigdata","largedata","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/duzhijie317/vue-virtual-scroll-tree.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server","build":"cross-env NODE_ENV=production webpack --progress"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"vue":"2.6.11","scrollparent":"^2.0.1","vue-observe-visibility":"^0.4.4","vue-resize":"^0.4.5"},"devDependencies":{"@babel/core":"^7.23.5","@babel/preset-env":"^7.22.7","babel-loader":"^9.1.3","core-js":"^3.6.5","cross-env":"^7.0.3","css-loader":"^6.8.1","file-loader":"^6.2.0","html-webpack-plugin":"^5.5.3","sass":"^1.63.3","sass-loader":"^13.3.2","uglifyjs-webpack-plugin":"^2.2.0","vue-loader":"^15.7.0","vue-template-compiler":"2.6.11","vue-template-es2015-compiler":"^1.6.0","webpack":"^5.86.0","webpack-bundle-analyzer":"^4.9.0","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1","webpackbar":"^5.0.2"},"gitHead":"f38a1c8d735701e7614cf0f49cfa620e4350ece5","bugs":{"url":"https://github.com/duzhijie317/vue-virtual-scroll-tree/issues"},"homepage":"https://github.com/duzhijie317/vue-virtual-scroll-tree#readme","_id":"@duzhijie/vue-virtual-scroll-tree@1.1.0","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-0X0cUjWAaHYLWxJn8M/uWjbgNlxIMo4sjtpAAD0MAZmhwRVgzcTrDdvM3lzNwE9dfsj7dGK89XxIGiRPLpB/gg==","shasum":"add13ba98a128558dbb5f20e469ad9503d157436","tarball":"https://registry.npmjs.org/@duzhijie/vue-virtual-scroll-tree/-/vue-virtual-scroll-tree-1.1.0.tgz","fileCount":52,"unpackedSize":1590737,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGrKlBLyEpduO9EHoApMcQU5QeARRBfu8UZ5vr5u1eGNAiEA6qIoECYaykzQoyw9Ku6Jj3H4qMhHXmz0N397TKlTjvs="}]},"_npmUser":{"name":"duzhijie","email":"duzhijie317@gmail.com"},"directories":{},"maintainers":[{"name":"duzhijie","email":"duzhijie317@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-virtual-scroll-tree_1.1.0_1701745666901_0.9706203354257654"},"_hasShrinkwrap":false},"1.1.1":{"name":"@duzhijie/vue-virtual-scroll-tree","description":"vue2 el-tree virtual-scroll","version":"1.1.1","author":{"name":"duzhijie"},"license":"MIT","private":false,"main":"./dist/vue-virtual-scroll-tree.js","keywords":["virtual","tree","bigdata","largedata","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/duzhijie317/vue-virtual-scroll-tree.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server","build":"cross-env NODE_ENV=production webpack --progress"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"vue":"2.6.11","scrollparent":"^2.0.1","vue-observe-visibility":"^0.4.4","vue-resize":"^0.4.5"},"devDependencies":{"@babel/core":"^7.23.5","@babel/preset-env":"^7.22.7","babel-loader":"^9.1.3","core-js":"^3.6.5","cross-env":"^7.0.3","css-loader":"^6.8.1","file-loader":"^6.2.0","html-webpack-plugin":"^5.5.3","sass":"^1.63.3","sass-loader":"^13.3.2","uglifyjs-webpack-plugin":"^2.2.0","vue-loader":"^15.7.0","vue-template-compiler":"2.6.11","vue-template-es2015-compiler":"^1.6.0","webpack":"^5.86.0","webpack-bundle-analyzer":"^4.9.0","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1","webpackbar":"^5.0.2"},"gitHead":"f38a1c8d735701e7614cf0f49cfa620e4350ece5","bugs":{"url":"https://github.com/duzhijie317/vue-virtual-scroll-tree/issues"},"homepage":"https://github.com/duzhijie317/vue-virtual-scroll-tree#readme","_id":"@duzhijie/vue-virtual-scroll-tree@1.1.1","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-nuNY9Xz2BcbJlHDjskZNPgVdO7O0rMpmy/NVbUdWvrAoa/J00k0fLtLtZnkfqGL+blucxrTOGtTzP6aS8cTgnw==","shasum":"26c44da36629b43905daaad66e5c9bad95f0059f","tarball":"https://registry.npmjs.org/@duzhijie/vue-virtual-scroll-tree/-/vue-virtual-scroll-tree-1.1.1.tgz","fileCount":52,"unpackedSize":1590737,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXnM/rFpVvWetDy2znZxv7AFSj8B1kgelsvltdANqGPAIhAIA+NKoahk4Dv24lz6RnVmEqFQzTSMWjTEzE3GDTcCJ1"}]},"_npmUser":{"name":"duzhijie","email":"duzhijie317@gmail.com"},"directories":{},"maintainers":[{"name":"duzhijie","email":"duzhijie317@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-virtual-scroll-tree_1.1.1_1701747953322_0.7491801056400569"},"_hasShrinkwrap":false}},"time":{"created":"2023-12-05T03:02:33.979Z","1.0.0":"2023-12-05T03:02:34.424Z","modified":"2023-12-05T03:45:53.861Z","1.1.0":"2023-12-05T03:07:47.179Z","1.1.1":"2023-12-05T03:45:53.646Z"},"maintainers":[{"name":"duzhijie","email":"duzhijie317@gmail.com"}],"description":"vue2 el-tree virtual-scroll","homepage":"https://github.com/duzhijie317/vue-virtual-scroll-tree#readme","keywords":["virtual","tree","bigdata","largedata","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/duzhijie317/vue-virtual-scroll-tree.git"},"author":{"name":"duzhijie"},"bugs":{"url":"https://github.com/duzhijie317/vue-virtual-scroll-tree/issues"},"license":"MIT","readme":"[](https://www.npmjs.com/package/@duzhijie/vue-virtual-scroll-tree)\n[](https://vuejs.org/)\n[](https://www.npmjs.com/package/@duzhijie/vue-virtual-scroll-tree)\n[](https://npmjs.org/package/@duzhijie/vue-virtual-scroll-tree)\n[](http://www.opensource.org/licenses/mit-license.php)\n\n# @duzhijie/vue-virtual-scroll-tree\n\n## Introduction\nvue2.x virtual scrolling tree component .\n\nBased on the tree style and function extracted from [element-ui](https://element.eleme.cn/#/en-US/component/tree)(License:MIT), combined with [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller)(License:MIT) tree component.\n\n## Large data volume supports virtual scrolling\n\n## Install\n\n```\nnpm install el-virtual-scroll-tree\n```\n\nor\n\n```\nyarn add el-virtual-scroll-tree\n```\n\n## Mount\n\n### mount with global\n\nImport in the `main.js` file:\n\n```JS\nimport Vue from \"vue\";\nimport VueVirtualScrollTree from \"@duzhijie/vue-virtual-scroll-tree\";\n// Style file, you can customize the style or theme according to your needs\nimport \"@duzhijie/vue-virtual-scroll-tree/src/assets/index.scss\"\n\nVue.use(VueVirtualScrollTree)\n```\n\n### mount with component\n\nImport in the component：\n\n```JS\nimport VUeVirtualScrollTree from \"@duzhijie/vue-virtual-scroll-tree\";\n// Style file, you can customize the style or theme according to your needs\nimport \"@duzhijie/vue-virtual-scroll-tree/src/assets/index.scss\"\n\nexport default {\n components: {\n VueVirtualScrollTree\n }\n}\n```\n\n## Usage:\n\n:warning: When using virtual scrolling, `node-key` must be set\n\n```html\n\n \n \n \n
\n\n\n\n\n```\n\n## Change SCSS variables in the project\nBy creating a new style file, such as: `vue-virtual-scroll-tree-var.scss`, write the following content：\n\n```JS\n/* Change theme color variable */\n$--color-primary: #ea5404;\n\n/* Change the icon font path variable, required */\n$--font-path: \"~vue-virtual-scroll-tree/src/assets/fonts\";\n\n@import \"vue-virtual-scroll-tree/src/assets/index.scss\";\n```\n:warning: It should be noted that it is necessary to override the font path variable, and assign it to the relative path where the icon icon in el-virtual-scroll-tree is located.\n\nThen directly import the above style files in `main.js`：\n```JS\nimport Vue from 'vue'\nimport VueVirtualScrollTree from \"@duzhijie/vue-virtual-scroll-tree\";\nimport \"./css/vue-virtual-scroll-tree-var.scss\"\n\nVue.use(VueVirtualScrollTree)\n```\n\n## Other properties and methods\n\n**From [element-ui official document](https://element.eleme.cn/#/en-US/component/tree)**
\n**When you need to use virtual scrolling, just add the `height` property, such as:**\n```html\n\n```\n\n**[Quick view of examples and api](./element-ui-tree.md)**\n\n\n## License\n\n[MIT](http://www.opensource.org/licenses/mit-license.php)\n","readmeFilename":"README.md"}