{"_id":"@ba1q1/vue-easy-tree","_rev":"5-d4baec77214c5358b9dda4bea3e9d881","name":"@ba1q1/vue-easy-tree","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@ba1q1/vue-easy-tree","description":"基于Element-ui和vue-virtual-scroller实现的Vue2版本的虚拟树形组件，支持固定高度和动态高度两种模式","version":"1.0.0","author":{"name":"ba1q1","email":"443543832@qq.com"},"license":"MIT","private":false,"main":"./dist/vue-easy-tree.js","keywords":["virtual","tree","bigdata","largedata","dynamic","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/ba1q1/vue-virtual-tree.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"@faker-js/faker":"^8.0.2","vue":"2.6.11","vue-virtual-scroller":"~1.0.10"},"devDependencies":{"@babel/core":"^7.19.3","@babel/preset-env":"^7.19.4","babel-loader":"^8.2.5","core-js":"^3.6.5","cross-env":"^3.1.3","css-loader":"^2.1.0","file-loader":"^1.1.11","html-webpack-plugin":"^3.2.0","sass":"^1.55.0","sass-loader":"^7.1.0","uglifyjs-webpack-plugin":"^2.1.1","vue-loader":"^15.7.0","vue-template-compiler":"2.6.11","vue-template-es2015-compiler":"^1.6.0","webpack":"^4.14.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.11"},"gitHead":"c91e281e13dafae5b0483ff1fc7dc04dbfe62835","bugs":{"url":"https://github.com/ba1q1/vue-virtual-tree/issues"},"homepage":"https://github.com/ba1q1/vue-virtual-tree#readme","_id":"@ba1q1/vue-easy-tree@1.0.0","_nodeVersion":"16.20.1","_npmVersion":"8.19.4","dist":{"integrity":"sha512-ZCGwVZgsSWBH7uTVcrOg6ifJGwYk+NovYgawxrk7bhjDcysh3gx4Q3PTsA4ittTqt0WBHc50eFjl1wkXFDdqIg==","shasum":"3aed427a86db8862ad5c0b45f57e0fb1aff43d0c","tarball":"https://registry.npmjs.org/@ba1q1/vue-easy-tree/-/vue-easy-tree-1.0.0.tgz","fileCount":43,"unpackedSize":466557,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFsu9kKu0WrXYxAEShCoSfxrWJORdjPDudHvTvzay5YgIhAJlnIhXzmXz+YWCnbwO1a85u5QcT6FivIEGTGkKeXE6O"}]},"_npmUser":{"name":"ba1q1","email":"443543832@qq.com"},"directories":{},"maintainers":[{"name":"ba1q1","email":"443543832@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-easy-tree_1.0.0_1688204181856_0.33702953918627143"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ba1q1/vue-easy-tree","description":"基于Element-ui和vue-virtual-scroller实现的Vue2版本的虚拟树形组件，支持固定高度和动态高度两种模式","version":"1.0.1","author":{"name":"ba1q1","email":"443543832@qq.com"},"license":"MIT","private":false,"main":"./dist/vue-easy-tree.js","keywords":["virtual","tree","bigdata","largedata","dynamic","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/ba1q1/vue-virtual-tree.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"@faker-js/faker":"^8.0.2","vue":"2.6.11","vue-virtual-scroller":"~1.0.10"},"devDependencies":{"@babel/core":"^7.19.3","@babel/preset-env":"^7.19.4","babel-loader":"^8.2.5","core-js":"^3.6.5","cross-env":"^3.1.3","css-loader":"^2.1.0","file-loader":"^1.1.11","html-webpack-plugin":"^3.2.0","sass":"^1.55.0","sass-loader":"^7.1.0","uglifyjs-webpack-plugin":"^2.1.1","vue-loader":"^15.7.0","vue-template-compiler":"2.6.11","vue-template-es2015-compiler":"^1.6.0","webpack":"^4.14.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.11"},"gitHead":"5bda20f2ee4e847e3c01e6195fd22cf4e99a0daf","bugs":{"url":"https://github.com/ba1q1/vue-virtual-tree/issues"},"homepage":"https://github.com/ba1q1/vue-virtual-tree#readme","_id":"@ba1q1/vue-easy-tree@1.0.1","_nodeVersion":"16.20.1","_npmVersion":"8.19.4","dist":{"integrity":"sha512-frOVl9OLLCrxEv0uQi+fE6MME0xeMP20dqcDO9zEwee4rJyJXXfV+UjhXLO8Z1vVf+f8WLhxN3eHRNFc8LQcFQ==","shasum":"2621effc61e7869244ec36443c1937006cd35f9d","tarball":"https://registry.npmjs.org/@ba1q1/vue-easy-tree/-/vue-easy-tree-1.0.1.tgz","fileCount":43,"unpackedSize":465708,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQCnp+euWNR6zcWXGle81RJRXA3RerIKBTkyKPj7XlsCLwIfZYyG/7Keih5BrG3VD8Nb4TgyYYpRk+Sz0n3t1sXNdQ=="}]},"_npmUser":{"name":"ba1q1","email":"443543832@qq.com"},"directories":{},"maintainers":[{"name":"ba1q1","email":"443543832@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-easy-tree_1.0.1_1688204530216_0.46005113192026736"},"_hasShrinkwrap":false},"1.0.2":{"name":"@ba1q1/vue-easy-tree","description":"基于Element-ui和vue-virtual-scroller实现的Vue2版本的虚拟树形组件，支持固定高度和动态高度两种模式","version":"1.0.2","author":{"name":"ba1q1","email":"443543832@qq.com"},"license":"MIT","private":false,"main":"./dist/vue-easy-tree.js","keywords":["virtual","tree","bigdata","largedata","dynamic","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/ba1q1/vue-virtual-tree.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"@faker-js/faker":"^8.0.2","vue":"2.6.11","vue-virtual-scroller":"~1.0.10"},"devDependencies":{"@babel/core":"^7.19.3","@babel/preset-env":"^7.19.4","babel-loader":"^8.2.5","core-js":"^3.6.5","cross-env":"^3.1.3","css-loader":"^2.1.0","file-loader":"^1.1.11","html-webpack-plugin":"^3.2.0","sass":"^1.55.0","sass-loader":"^7.1.0","uglifyjs-webpack-plugin":"^2.1.1","vue-loader":"^15.7.0","vue-template-compiler":"2.6.11","vue-template-es2015-compiler":"^1.6.0","webpack":"^4.14.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.11"},"gitHead":"96a52523a68f8298680cca10f18a663cdd283a48","bugs":{"url":"https://github.com/ba1q1/vue-virtual-tree/issues"},"homepage":"https://github.com/ba1q1/vue-virtual-tree#readme","_id":"@ba1q1/vue-easy-tree@1.0.2","_nodeVersion":"16.20.1","_npmVersion":"8.19.4","dist":{"integrity":"sha512-q5s+MXMt9LK+1RuOLwp/RKtKNG3iLdbqdTka4Lpc5g1kJabobAw9HseLZaJgxUscsdsBvJyFv1lUWWEF1bpz0A==","shasum":"2d5d97da55f2530516bfe2f467a583358fccc559","tarball":"https://registry.npmjs.org/@ba1q1/vue-easy-tree/-/vue-easy-tree-1.0.2.tgz","fileCount":4,"unpackedSize":180693,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnFBM+/1WibpQBb8o+4IpGgMfVf4cgRCH6GZJTKX1uFAIgCJyEVk+kDvDiKNHYJWafk06mfu2lK2SfupxcuEvWxSo="}]},"_npmUser":{"name":"ba1q1","email":"443543832@qq.com"},"directories":{},"maintainers":[{"name":"ba1q1","email":"443543832@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-easy-tree_1.0.2_1688204683464_0.012800044661995802"},"_hasShrinkwrap":false},"1.0.3":{"name":"@ba1q1/vue-easy-tree","description":"基于Element-ui和vue-virtual-scroller实现的Vue2版本的虚拟树形组件，支持固定高度和动态高度两种模式","version":"1.0.3","author":{"name":"ba1q1","email":"443543832@qq.com"},"license":"MIT","private":false,"main":"./dist/vue-easy-tree.js","keywords":["virtual","tree","bigdata","largedata","dynamic","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/ba1q1/vue-virtual-tree.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules","prepublishOnly":"npm run build"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"@faker-js/faker":"^8.0.2","vue":"2.6.11","vue-virtual-scroller":"~1.0.10"},"devDependencies":{"@babel/core":"^7.19.3","@babel/preset-env":"^7.19.4","babel-loader":"^8.2.5","core-js":"^3.6.5","cross-env":"^3.1.3","css-loader":"^2.1.0","file-loader":"^1.1.11","html-webpack-plugin":"^3.2.0","sass":"^1.55.0","sass-loader":"^7.1.0","uglifyjs-webpack-plugin":"^2.1.1","vue-loader":"^15.7.0","vue-template-compiler":"2.6.11","vue-template-es2015-compiler":"^1.6.0","webpack":"^4.14.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.11"},"gitHead":"3da3953fce321098eaaecf74d1fe892d56db361d","bugs":{"url":"https://github.com/ba1q1/vue-virtual-tree/issues"},"homepage":"https://github.com/ba1q1/vue-virtual-tree#readme","_id":"@ba1q1/vue-easy-tree@1.0.3","_nodeVersion":"16.20.1","_npmVersion":"8.19.4","dist":{"integrity":"sha512-k9jQY4EntL5cxl3pixSP/ViWEOcrrlHZtPWxktGDrQFoU4gFjVB0Ww7Auh4SXW2Okm8XuZNqUc/kSgYkN+NCiA==","shasum":"9e98d8d291c90a60757f10d422f007e54936c8c5","tarball":"https://registry.npmjs.org/@ba1q1/vue-easy-tree/-/vue-easy-tree-1.0.3.tgz","fileCount":4,"unpackedSize":84945,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZw7NuEmHD/jlndNAkiXSOOcSuPwLpcrvdlJmI1OJytAIgeLyI46iK+8qgzBZ+2ioegjzicM6Telnmb9s/wWeJId8="}]},"_npmUser":{"name":"ba1q1","email":"443543832@qq.com"},"directories":{},"maintainers":[{"name":"ba1q1","email":"443543832@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-easy-tree_1.0.3_1688204834620_0.45291262089783335"},"_hasShrinkwrap":false},"1.0.4":{"name":"@ba1q1/vue-easy-tree","description":"基于Element-ui和vue-virtual-scroller实现的Vue2版本的虚拟树形组件，支持固定高度和动态高度两种模式","version":"1.0.4","author":{"name":"ba1q1","email":"443543832@qq.com"},"license":"MIT","private":false,"main":"./dist/vue-easy-tree.js","keywords":["virtual","tree","bigdata","largedata","dynamic","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/ba1q1/vue-virtual-tree.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules","prepublishOnly":"npm run build"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"@faker-js/faker":"^8.0.2","vue":"2.6.11","vue-virtual-scroller":"~1.0.10"},"devDependencies":{"@babel/core":"^7.19.3","@babel/preset-env":"^7.19.4","babel-loader":"^8.2.5","core-js":"^3.6.5","cross-env":"^3.1.3","css-loader":"^2.1.0","file-loader":"^1.1.11","html-webpack-plugin":"^3.2.0","sass":"^1.55.0","sass-loader":"^7.1.0","uglifyjs-webpack-plugin":"^2.1.1","vue-loader":"^15.7.0","vue-template-compiler":"2.6.11","vue-template-es2015-compiler":"^1.6.0","webpack":"^4.14.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.11"},"gitHead":"efc962c420acbcf8e87554ad88898531ab939088","bugs":{"url":"https://github.com/ba1q1/vue-virtual-tree/issues"},"homepage":"https://github.com/ba1q1/vue-virtual-tree#readme","_id":"@ba1q1/vue-easy-tree@1.0.4","_nodeVersion":"16.20.1","_npmVersion":"8.19.4","dist":{"integrity":"sha512-3rd7Kd5f4E7MK2/CuguLMSizwq/aPFCa8wKUNvm+j1pSKZRbFcn6PNYkQ3YMzV9bDWFOcPjciIGGj15GK84jog==","shasum":"6d222b2c4e1700ab007c04eec337b6023c99cc45","tarball":"https://registry.npmjs.org/@ba1q1/vue-easy-tree/-/vue-easy-tree-1.0.4.tgz","fileCount":4,"unpackedSize":180606,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBYFHuFu8FvRfuYxoBADtwWFALbTYVOCynbn7T0M6jOIAiEA3LB79tvNFUbER+M3vKtIMNqzS7ucZ7oTO8mrDM6VOmQ="}]},"_npmUser":{"name":"ba1q1","email":"443543832@qq.com"},"directories":{},"maintainers":[{"name":"ba1q1","email":"443543832@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-easy-tree_1.0.4_1688205256970_0.1366675929611989"},"_hasShrinkwrap":false},"1.1.0":{"name":"@ba1q1/vue-easy-tree","description":"基于Element-ui和vue-virtual-scroller实现的Vue2版本的虚拟树形组件，支持固定高度和动态高度两种模式","version":"1.1.0","author":{"name":"ba1q1","email":"443543832@qq.com"},"license":"MIT","private":false,"main":"./dist/vue-easy-tree.js","keywords":["virtual","tree","bigdata","largedata","dynamic","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/ba1q1/vue-virtual-tree.git"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --hot","build":"cross-env NODE_ENV=production webpack --progress --hide-modules","prepublishOnly":"npm run build"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"@faker-js/faker":"^8.0.2","vue":"2.6.11","vue-virtual-scroller":"~1.0.10"},"devDependencies":{"@babel/core":"^7.19.3","@babel/preset-env":"^7.19.4","babel-loader":"^8.2.5","core-js":"^3.6.5","cross-env":"^3.1.3","css-loader":"^2.1.0","file-loader":"^1.1.11","html-webpack-plugin":"^3.2.0","sass":"^1.55.0","sass-loader":"10.0.0-rc.0","uglifyjs-webpack-plugin":"^2.1.1","vue-loader":"^15.7.0","vue-style-loader":"^4.1.3","vue-template-compiler":"2.6.11","vue-template-es2015-compiler":"^1.6.0","webpack":"^4.36.0","webpack-cli":"^3.0.8","webpack-dev-server":"^3.1.11"},"gitHead":"61da5195e5705087c4d77baff152c2c0d21a13f3","bugs":{"url":"https://github.com/ba1q1/vue-virtual-tree/issues"},"homepage":"https://github.com/ba1q1/vue-virtual-tree#readme","_id":"@ba1q1/vue-easy-tree@1.1.0","_nodeVersion":"16.20.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-E979jDMT/OgKkdNgKbplcBfOn0eWMb2G9METwPwW3Rlwp3+tlr2dBK89H+dQPF4SXJq5h1oFazFe56ZzoUYUAA==","shasum":"775a86ad918bb53553e32af02ea5ffdae52259de","tarball":"https://registry.npmjs.org/@ba1q1/vue-easy-tree/-/vue-easy-tree-1.1.0.tgz","fileCount":4,"unpackedSize":180517,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHj36X/PN/YTsZLFhRGuChr5mfsnO/Z6zhJjNT18jA+cAiAPKdHzB5cfyWQ7NKKXzutAS77uiTrrX0tekK0qaqB35w=="}]},"_npmUser":{"name":"ba1q1","email":"443543832@qq.com"},"directories":{},"maintainers":[{"name":"ba1q1","email":"443543832@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-easy-tree_1.1.0_1688443779270_0.1561213546332676"},"_hasShrinkwrap":false}},"time":{"created":"2023-07-01T09:36:21.778Z","1.0.0":"2023-07-01T09:36:22.102Z","modified":"2023-07-04T04:09:39.561Z","1.0.1":"2023-07-01T09:42:10.497Z","1.0.2":"2023-07-01T09:44:43.700Z","1.0.3":"2023-07-01T09:47:14.833Z","1.0.4":"2023-07-01T09:54:17.165Z","1.1.0":"2023-07-04T04:09:39.438Z"},"maintainers":[{"name":"ba1q1","email":"443543832@qq.com"}],"description":"基于Element-ui和vue-virtual-scroller实现的Vue2版本的虚拟树形组件，支持固定高度和动态高度两种模式","homepage":"https://github.com/ba1q1/vue-virtual-tree#readme","keywords":["virtual","tree","bigdata","largedata","dynamic","lazy loading","vue"],"repository":{"type":"git","url":"git+https://github.com/ba1q1/vue-virtual-tree.git"},"author":{"name":"ba1q1","email":"443543832@qq.com"},"bugs":{"url":"https://github.com/ba1q1/vue-virtual-tree/issues"},"license":"MIT","readme":"# vue-easy-tree\n## 介绍\n\n一款基于vue2.x，同时支持少量数据或大量数据、多种功能和虚拟滚动（支持固定节点高度和动态节点高度）的树组件。\n\n基于[element-ui](https://element.eleme.cn/#/zh-CN/component/tree)(License:MIT)中抽取的tree样式和功能，结合[vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller)(License:MIT)所做的树组件。\n\n## v1.0 功能列表 [![npm](https://img.shields.io/npm/v/@ba1q1/vue-easy-tree.svg)](https://www.npmjs.com/package/@ba1q1/vue-easy-tree)\n\n-   大数据量支持虚拟滚动（支持固定节点高度和动态节点高度）\n-   基本树形数据的展示\n-   支持checkbox选择\n-   支持懒加载\n-   默认展开和默认选中\n-   禁用节点\n-   通过多种方式选中节点和获取选中的节点信息\n-   支持自定义节点内容\n-   支持节点过滤\n-   非虚拟滚动下，支持手风琴模式\n-   非懒加载时，支持节点拖拽\n\n## 特点\n\n-   支持虚拟滚动\n-   不仅支持大数据量的树形数据展示，还支持数据的操作和更改\n-   不仅支持固定高度的子item的虚拟滚动，还支持子item动态高度的虚拟滚动\n\n## 安装\n\n```\nnpm install @ba1q1/vue-easy-tree\n```\n\n或\n\n```\nyarn add @ba1q1/vue-easy-tree\n```\n\n## 引入\n\n### 全局引入\n\n在 `main.js` 文件中引入：\n\n```JS\nimport Vue from \"vue\";\nimport VueEasyTree from \"@ba1q1/vue-easy-tree\";\n// 样式文件，可以根据需要自定义样式或主题\nimport \"@ba1q1/vue-easy-tree/src/assets/index.scss\"\n\nVue.use(VueEasyTree)\n```\n\n### 组件引入\n\n在组件中引入：\n\n```JS\nimport VueEasyTree from \"@ba1q1/vue-easy-tree\";\n// 样式文件，可以根据需要自定义样式或主题\nimport \"@ba1q1/vue-easy-tree/src/assets/index.scss\"\n\nexport default {\n  components: {\n    VueEasyTree\n  }\n}\n```\n\n## 使用:\n\n:warning: 在使用虚拟滚动时，必须设置 `node-key`。\n\n```html\n<template>\n  <div class=\"ve-tree\" style=\"height:calc(100vh - 20px)\">\n  <!-- 不使用虚拟滚动时只需去掉height参数即可 -->\n    <vue-easy-tree\n      ref=\"veTree\"\n      node-key=\"id\"\n      height=\"calc(100vh - 20px)\"\n      :data=\"treeData\"\n      :props=\"props\"\n    ></vue-easy-tree>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      props: {\n        label: \"name\",\n        children: \"children\"\n      },\n      treeData: []\n    };\n  },\n  created() {\n    const data = [],\n      root = 8,\n      children = 3,\n      base = 1000;\n    for (let i = 0; i < root; i++) {\n      data.push({\n        id: `${i}`,\n        name: `test-${i}`,\n        children: []\n      });\n      for (let j = 0; j < children; j++) {\n        data[i].children.push({\n          id: `${i}-${j}`,\n          name: `test-${i}-${j}`,\n          children: []\n        });\n        for (let k = 0; k < base; k++) {\n          data[i].children[j].children.push({\n            id: `${i}-${j}-${k}`,\n            name: `test-${i}-${j}-${k}`\n          });\n        }\n      }\n    }\n    this.treeData = data;\n  }\n};\n</script>\n\n```\n\n## 在项目中改变 SCSS 变量\n通过新建一个样式文件，如：`ve-tree-var.scss`，写入以下内容：\n\n```JS\n/* 改变主题色变量 */\n$--color-primary: #ea5404;\n\n/* 改变 icon 字体路径变量，必需 */\n$--font-path: \"~@ba1q1/vue-easy-tree/src/assets/fonts\";\n\n@import \"@ba1q1/vue-easy-tree/src/assets/index.scss\";\n```\n:warning: 需要注意的是，覆盖字体路径变量是必需的，将其赋值为 @ba1q1/vue-easy-tree 中 icon 图标所在的相对路径即可。\n\n然后在 `main.js` 中直接引入以上样式文件即可：\n```JS\nimport Vue from 'vue'\nimport VueEasyTree from \"@ba1q1/vue-easy-tree\";\nimport \"./css/ve-tree-var.scss\"\n\nVue.use(VueEasyTree)\n```\n\n\n## 其它属性和方法\n\n**来自[element-ui 官方文档](https://element.eleme.cn/#/zh-CN/component/tree)**<br />\n**需要使用虚拟滚动时，增加 `height` 属性即可，如：**\n```html\n<vue-easy-tree :data=\"data\" height=\"calc(100vh - 20px)\" :props=\"defaultProps\" @node-click=\"handleNodeClick\"></vue-easy-tree>\n\n<!-- 默认开启固定高度模式，子item动态高度模式需要手动开启，如下：isDynamic为true开启，配合minItemSize设置第一次渲染时的子item最小高度 -->\n<vue-easy-tree :data=\"data\" height=\"calc(100vh - 20px)\" :props=\"defaultProps\" @node-click=\"handleNodeClick\" :minItemSize=\"50\" isDynamic></vue-easy-tree>\n```\n\n**[快速查看示例和api](./element-ui-tree.zh-CN.md)**\n\n\n## License\n\n[MIT](http://www.opensource.org/licenses/mit-license.php)\n","readmeFilename":"README.md"}