@element-plus/nightly 0.0.20221129 → 0.0.20221130

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221129 */
+/*! Element Plus v0.0.20221130 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11116,7 +11116,7 @@
     };
   };
 
-  const version$1 = "0.0.20221129";
+  const version$1 = "0.0.20221130";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -51376,6 +51376,16 @@
       }
     }
   }
+  function treeEach(treeData, callback, getChildren, parent) {
+    for (let i = 0; i < treeData.length; i++) {
+      const data = treeData[i];
+      callback(data, i, treeData, parent);
+      const children = getChildren(data);
+      if (isValidArray(children)) {
+        treeEach(children, callback, getChildren, data);
+      }
+    }
+  }
 
   const useTree$1 = (props, { attrs, slots, emit }, {
     select,
@@ -51411,6 +51421,20 @@
     const defaultExpandedParentKeys = toValidArray(props.modelValue).map((value) => {
       return treeFind(props.data || [], (data) => getNodeValByProp("value", data) === value, (data) => getNodeValByProp("children", data), (data, index, array, parent) => parent && getNodeValByProp("value", parent));
     }).filter((item) => isValidValue(item));
+    const cacheOptions = vue.computed(() => {
+      if (!props.renderAfterExpand && !props.lazy)
+        return [];
+      const options = [];
+      treeEach(props.data.concat(props.cacheData), (node) => {
+        const value = getNodeValByProp("value", node);
+        options.push({
+          value,
+          currentLabel: getNodeValByProp("label", node),
+          isDisabled: getNodeValByProp("disabled", node)
+        });
+      }, (data) => getNodeValByProp("children", data));
+      return options;
+    });
     return {
       ...pick(vue.toRefs(props), Object.keys(_Tree.props)),
       ...attrs,
@@ -51466,16 +51490,35 @@
             emit(UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
           }
         }
-      }
+      },
+      cacheOptions
     };
   };
 
+  var CacheOptions = vue.defineComponent({
+    props: {
+      data: {
+        type: Array,
+        default: () => []
+      }
+    },
+    setup(props) {
+      const select = vue.inject(selectKey);
+      props.data.forEach((item) => select.cachedOptions.set(item.value, item));
+      return () => void 0;
+    }
+  });
+
   const _sfc_main$9 = vue.defineComponent({
     name: "ElTreeSelect",
     inheritAttrs: false,
     props: {
       ...ElSelect.props,
-      ..._Tree.props
+      ..._Tree.props,
+      cacheData: {
+        type: Array,
+        default: () => []
+      }
     },
     setup(props, context) {
       const { slots, expose } = context;
@@ -51483,7 +51526,11 @@
       const tree = vue.ref();
       const key = vue.computed(() => props.nodeKey || props.valueKey || "value");
       const selectProps = useSelect(props, context, { select, tree, key });
-      const treeProps = useTree$1(props, context, { select, tree, key });
+      const { cacheOptions, ...treeProps } = useTree$1(props, context, {
+        select,
+        tree,
+        key
+      });
       const methods = vue.reactive({});
       expose(methods);
       vue.onMounted(() => {
@@ -51516,10 +51563,13 @@
         ref: (ref2) => select.value = ref2
       }), {
         ...slots,
-        default: () => vue.h(_Tree, vue.reactive({
-          ...treeProps,
-          ref: (ref2) => tree.value = ref2
-        }))
+        default: () => [
+          vue.h(CacheOptions, { data: cacheOptions.value }),
+          vue.h(_Tree, vue.reactive({
+            ...treeProps,
+            ref: (ref2) => tree.value = ref2
+          }))
+        ]
       });
     }
   });