From bb68ea82eb8340d9e1e22feedfd90c7895f580bf Mon Sep 17 00:00:00 2001
From: wuchao <wuchao1@eastmoney.com>
Date: Tue, 15 Feb 2022 13:23:22 +0800
Subject: [PATCH] 1. Explain the necessity of adding node-key in virtual
 scrolling; 2. Optimize the rendering problem when dom is reused

---
 README.md                  | 2 ++
 README.zh-CN.md            | 2 ++
 package.json               | 4 ++--
 src/components/ve-tree.vue | 4 +++-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 0be3b74..b2d12fe 100644
--- a/README.md
+++ b/README.md
@@ -78,6 +78,8 @@ export default {
 
 ## Usage:
 
+:warning: When using virtual scrolling, `node-key` must be set
+
 ```html
 <template>
   <div class="ve-tree" style="height:calc(100vh - 20px)">
diff --git a/README.zh-CN.md b/README.zh-CN.md
index d0731d1..b1d1a80 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -78,6 +78,8 @@ export default {
 
 ## 使用:
 
+:warning: 在使用虚拟滚动时，必须设置 `node-key`。
+
 ```html
 <template>
   <div class="ve-tree" style="height:calc(100vh - 20px)">
diff --git a/package.json b/package.json
index 119d176..da523ee 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,10 @@
 {
     "name": "@wchbrad/vue-easy-tree",
     "description": "A Vue.js project",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "author": "wchbrad <chao.wu.brad@foxmail.com>",
     "license": "MIT",
-    "private": false,
+    "private": true,
     "main": "./dist/vue-easy-tree.js",
     "keywords": [
         "virtual",
diff --git a/src/components/ve-tree.vue b/src/components/ve-tree.vue
index f21ff8f..d4789b8 100644
--- a/src/components/ve-tree.vue
+++ b/src/components/ve-tree.vue
@@ -235,7 +235,9 @@ export default {
       return treeData.reduce((smoothArr, data) => {
         if (data.visible) {
           // Mark different types to avoid being optimized out when assembled into the same dom
-          data.type = `${data.level}-${data.expanded}-${data.checked}`;
+          data.type = this.showCheckbox
+            ? `${data.level}-${data.checked}-${data.indeterminate}`
+            : `${data.level}-${data.expanded}`;
           smoothArr.push(data);
         }
         if (data.expanded && data.childNodes.length) {