refactor: Tree component optimization.

Author: leezng

src/components/Tree/index.vue

@@ -9,8 +9,8 @@
     @mouseout.stop="handleMouseout"
   >
     <tree-node
-      v-for="(item, index) in flatData"
-      :key="index"
+      v-for="(item) in flatData"
+      :key="item.id"
       :node="item"
       :collapsed="!!hiddenPaths[item.path]"
       :custom-value-formatter="customValueFormatter"
@@ -136,7 +136,11 @@
     computed: {
       flatData () {
         let startHiddenItem = null
-        const data = jsonFlatten(this.data, this.path).reduce((acc, item) => {
+        const data = jsonFlatten(this.data, this.path).reduce((acc, cur, index) => {
+          const item = {
+            ...cur,
+            id: index,
+          }
           const isHidden = this.hiddenPaths[item.path]
           if (startHiddenItem && startHiddenItem.path === item.path) {
             const isObject = startHiddenItem.type === 'objectStart'

src/components/TreeNode/index.vue

@@ -3,7 +3,7 @@
     class="vjs-tree__node"
     @click="onTreeNodeClick"
   >
-    <template v-if="showSelectController && selectable">
+    <template v-if="showSelectController && selectable && node.type !== 'objectEnd' && node.type !== 'arrayEnd'">
       <check-controller
         :is-multiple="isMultiple"
         :checked="checked"