From 9a71cc303110e4c57d0d49836409c742b0b7775f Mon Sep 17 00:00:00 2001
From: liyuchuan <yuchuan_li@hotmail.com>
Date: Fri, 2 Jun 2023 10:50:06 +0800
Subject: [PATCH] TreeSelect cache-data

---
 packages/element-ui/input-tree/index.vue | 189 ++++++++++++-----------
 1 file changed, 101 insertions(+), 88 deletions(-)

diff --git a/packages/element-ui/input-tree/index.vue b/packages/element-ui/input-tree/index.vue
index 6b2a61550..2c45931ca 100644
--- a/packages/element-ui/input-tree/index.vue
+++ b/packages/element-ui/input-tree/index.vue
@@ -1,49 +1,54 @@
 <template>
-  <el-tree-select ref="tree"
-                  :class="b()"
-                  v-model="text"
-                  :loading="loading"
-                  :lazy="lazy"
-                  :load="handleLoad"
-                  @check="checkChange"
-                  :filter-node-method="filterNodeMethod"
-                  :render-after-expand="false"
-                  :loading-text="loadingText"
-                  :collapse-tags="tags"
-                  :clearable="clearableVal"
-                  :placeholder="placeholder"
-                  :popper-class="popperClass"
-                  :popper-append-to-body="popperAppendToBody"
-                  :multiple="multiple"
-                  :node-key="valueKey"
-                  :show-checkbox="multiple"
-                  :filterable="filterable"
-                  :check-strictly="checkStrictly"
-                  :disabled="disabled"
-                  :accordion="accordion"
-                  :icon-class="iconClass"
-                  :indent="indent"
-                  @focus="handleFocus"
-                  @blur="handleBlur"
-                  :default-checked-keys="keysList"
-                  :default-expanded-keys="defaultExpandedKeys?defaultExpandedKeys:keysList"
-                  :default-expand-all="defaultExpandAll"
-                  :check-on-click-node="checkOnClickNode"
-                  :expand-on-click-node="expandOnClickNode"
-                  @node-click.self="handleNodeClick"
-                  :props="treeProps"
-                  :data="netDic">
-    <template #="{data,node}">
-      <slot v-if="$slots.default"
-            :label="labelKey"
-            :value="valueKey"
-            :node="node"
-            :item="data"></slot>
-      <span v-else
-            style="margin-left:8px;">
-        <span>{{getLabelText(data)}}</span>
-        <span :class="b('desc')"
-              v-if="data[descKey]">{{ data[descKey] }}</span>
+  <el-tree-select
+    ref="tree"
+    :class="b()"
+    v-model="text"
+    :loading="loading"
+    :lazy="lazy"
+    :load="handleLoad"
+    @check="checkChange"
+    :filter-node-method="filterNodeMethod"
+    :render-after-expand="false"
+    :loading-text="loadingText"
+    :collapse-tags="tags"
+    :clearable="clearableVal"
+    :placeholder="placeholder"
+    :popper-class="popperClass"
+    :popper-append-to-body="popperAppendToBody"
+    :multiple="multiple"
+    :node-key="valueKey"
+    :show-checkbox="multiple"
+    :filterable="filterable"
+    :check-strictly="checkStrictly"
+    :disabled="disabled"
+    :accordion="accordion"
+    :icon-class="iconClass"
+    :indent="indent"
+    @focus="handleFocus"
+    @blur="handleBlur"
+    :default-checked-keys="keysList"
+    :default-expanded-keys="
+      defaultExpandedKeys ? defaultExpandedKeys : keysList
+    "
+    :default-expand-all="defaultExpandAll"
+    :check-on-click-node="checkOnClickNode"
+    :expand-on-click-node="expandOnClickNode"
+    @node-click.self="handleNodeClick"
+    :props="treeProps"
+    :data="netDic"
+    :cache-data="cacheData"
+  >
+    <template #="{ data, node }">
+      <slot
+        v-if="$slots.default"
+        :label="labelKey"
+        :value="valueKey"
+        :node="node"
+        :item="data"
+      ></slot>
+      <span v-else style="margin-left: 8px">
+        <span>{{ getLabelText(data) }}</span>
+        <span :class="b('desc')" v-if="data[descKey]">{{ data[descKey] }}</span>
       </span>
     </template>
   </el-tree-select>
@@ -53,12 +58,12 @@
 import create from "core/create";
 import props from "common/common/props.js";
 import event from "common/common/event.js";
-import { DIC_SHOW_SPLIT } from 'global/variable';
-import { DIC_PROPS } from 'global/variable';
+import { DIC_SHOW_SPLIT } from "global/variable";
+import { DIC_PROPS } from "global/variable";
 export default create({
   name: "input-tree",
   mixins: [props(), event()],
-  data () {
+  data() {
     return {
       netDic: [],
       loading: false,
@@ -76,35 +81,35 @@ export default create({
     },
     lazy: {
       type: Boolean,
-      default: false
+      default: false,
     },
     leafOnly: {
       type: Boolean,
-      default: false
+      default: false,
     },
     tags: {
       type: Boolean,
-      default: false
+      default: false,
     },
     limit: {
       type: Number,
-      default: 0
+      default: 0,
     },
     filterable: {
       type: Boolean,
-      default: false
+      default: false,
     },
     checkStrictly: {
       type: Boolean,
-      default: (props) => props.multiple ? false : true
+      default: (props) => (props.multiple ? false : true),
     },
     accordion: {
       type: Boolean,
-      default: false
+      default: false,
     },
     parent: {
       type: Boolean,
-      default: true
+      default: true,
     },
     iconClass: {
       type: String,
@@ -114,45 +119,46 @@ export default create({
     expandOnClickNode: Boolean,
     defaultExpandAll: Boolean,
     popperAppendToBody: Boolean,
+    cacheData: Array,
   },
   watch: {
     dic: {
-      handler (val) {
+      handler(val) {
         this.netDic = val;
       },
-      immediate: true
+      immediate: true,
     },
     netDic: {
-      handler () {
+      handler() {
         this.init();
       },
-      immediate: true
+      immediate: true,
     },
   },
   computed: {
-    keysList () {
-      return this.multiple ? this.text : [this.text || '']
+    keysList() {
+      return this.multiple ? this.text : [this.text || ""];
     },
-    treeProps () {
+    treeProps() {
       return Object.assign(this.deepClone(DIC_PROPS), this.props, {
-        isLeaf: this.leafKey
-      })
-    }
+        isLeaf: this.leafKey,
+      });
+    },
   },
   methods: {
-    handleTextValue (value) {
+    handleTextValue(value) {
       this.init();
     },
-    getHalfList () {
-      let list = this.$refs.tree.getCheckedNodes(false, true)
-      list = list.map(ele => ele[this.valueKey])
+    getHalfList() {
+      let list = this.$refs.tree.getCheckedNodes(false, true);
+      list = list.map((ele) => ele[this.valueKey]);
       return list;
     },
-    init () {
+    init() {
       this.disabledParentNode(this.dic, this.parent);
     },
-    disabledParentNode (dic, parent) {
-      dic.forEach(ele => {
+    disabledParentNode(dic, parent) {
+      dic.forEach((ele) => {
         const children = ele[this.childrenKey];
         if (!this.validatenull(children)) {
           if (!parent) {
@@ -162,28 +168,35 @@ export default create({
         }
       });
     },
-    checkChange (checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys) {
-      if (typeof this.checked === "function") this.checked(checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys);
+    checkChange(checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys) {
+      if (typeof this.checked === "function")
+        this.checked(
+          checkedNodes,
+          checkedKeys,
+          halfCheckedNodes,
+          halfCheckedKeys
+        );
     },
-    handleNodeClick (data, node, nodeComp) {
-      if (typeof this.nodeClick === "function") this.nodeClick(data, node, nodeComp);
+    handleNodeClick(data, node, nodeComp) {
+      if (typeof this.nodeClick === "function")
+        this.nodeClick(data, node, nodeComp);
     },
-    handleLoad (node, resolve) {
+    handleLoad(node, resolve) {
       let callback = (list) => {
         let findDic = (list, value, children) => {
-          list.forEach(ele => {
+          list.forEach((ele) => {
             if (ele[this.valueKey] == value) {
-              ele[this.childrenKey] = children
+              ele[this.childrenKey] = children;
             } else if (ele[this.childrenKey]) {
-              findDic(ele[this.childrenKey])
+              findDic(ele[this.childrenKey]);
             }
-          })
-        }
-        findDic(this.netDic, node.key, list)
+          });
+        };
+        findDic(this.netDic, node.key, list);
         resolve(list);
-      }
-      this.treeLoad && this.treeLoad(node, callback)
-    }
-  }
+      };
+      this.treeLoad && this.treeLoad(node, callback);
+    },
+  },
 });
 </script>
-- 
Gitee