element-plus 2.2.13 → 2.2.14

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.13 */
+/*! Element Plus v2.2.14 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -202,7 +202,7 @@
     };
   }
 
-  function identity(value) {
+  function identity$1(value) {
     return value;
   }
 
@@ -272,7 +272,7 @@
 
   var metaMap = WeakMap && new WeakMap();
 
-  var baseSetData = !metaMap ? identity : function(func, data) {
+  var baseSetData = !metaMap ? identity$1 : function(func, data) {
     metaMap.set(func, data);
     return func;
   };
@@ -541,7 +541,7 @@
     }
   }();
 
-  var baseSetToString = !defineProperty ? identity : function(func, string) {
+  var baseSetToString = !defineProperty ? identity$1 : function(func, string) {
     return defineProperty(func, "toString", {
       "configurable": true,
       "enumerable": false,
@@ -957,7 +957,7 @@
   }
 
   function baseRest(func, start) {
-    return setToString(overRest(func, start, identity), func + "");
+    return setToString(overRest(func, start, identity$1), func + "");
   }
 
   var MAX_SAFE_INTEGER$4 = 9007199254740991;
@@ -2867,7 +2867,7 @@
       return value;
     }
     if (value == null) {
-      return identity;
+      return identity$1;
     }
     if (typeof value == "object") {
       return isArray$1(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
@@ -3372,7 +3372,7 @@
   }
 
   function castFunction(value) {
-    return typeof value == "function" ? value : identity;
+    return typeof value == "function" ? value : identity$1;
   }
 
   function forEach(collection, iteratee) {
@@ -3935,7 +3935,7 @@
       value = nativeObjectToString$1.call(value);
     }
     result[value] = key;
-  }, constant(identity));
+  }, constant(identity$1));
 
   var objectProto$4 = Object.prototype;
   var hasOwnProperty$5 = objectProto$4.hasOwnProperty;
@@ -4205,7 +4205,7 @@
   }
 
   function max$3(array) {
-    return array && array.length ? baseExtremum(array, identity, baseGt) : void 0;
+    return array && array.length ? baseExtremum(array, identity$1, baseGt) : void 0;
   }
 
   function maxBy(array, iteratee) {
@@ -4230,7 +4230,7 @@
   }
 
   function mean(array) {
-    return baseMean(array, identity);
+    return baseMean(array, identity$1);
   }
 
   function meanBy(array, iteratee) {
@@ -4254,7 +4254,7 @@
   });
 
   function min$3(array) {
-    return array && array.length ? baseExtremum(array, identity, baseLt) : void 0;
+    return array && array.length ? baseExtremum(array, identity$1, baseLt) : void 0;
   }
 
   function minBy(array, iteratee) {
@@ -4501,7 +4501,7 @@
         return iteratee;
       });
     } else {
-      iteratees = [identity];
+      iteratees = [identity$1];
     }
     var index = -1;
     iteratees = arrayMap(iteratees, baseUnary(baseIteratee));
@@ -5156,7 +5156,7 @@
       }
       return high;
     }
-    return baseSortedIndexBy(array, value, identity, retHighest);
+    return baseSortedIndexBy(array, value, identity$1, retHighest);
   }
 
   function sortedIndex(array, value) {
@@ -5280,7 +5280,7 @@
   }, 0);
 
   function sum$1(array) {
-    return array && array.length ? baseSum(array, identity) : 0;
+    return array && array.length ? baseSum(array, identity$1) : 0;
   }
 
   function sumBy(array, iteratee) {
@@ -6207,7 +6207,7 @@
     defaultTo,
     flow,
     flowRight,
-    identity,
+    identity: identity$1,
     iteratee,
     matches,
     matchesProperty,
@@ -6526,7 +6526,7 @@
   lodash.has = object.has;
   lodash.hasIn = object.hasIn;
   lodash.head = array.head;
-  lodash.identity = identity;
+  lodash.identity = identity$1;
   lodash.includes = collection.includes;
   lodash.indexOf = array.indexOf;
   lodash.inRange = number.inRange;
@@ -6695,7 +6695,7 @@
     };
   });
   LazyWrapper.prototype.compact = function() {
-    return this.filter(identity);
+    return this.filter(identity$1);
   };
   LazyWrapper.prototype.find = function(predicate) {
     return this.filter(predicate).head();
@@ -6891,44 +6891,36 @@
     return (e) => e.pointerType === "mouse" ? handler(e) : void 0;
   };
 
-  var __defProp$8 = Object.defineProperty;
-  var __defProps$5 = Object.defineProperties;
-  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$8 = (a, b) => {
+  var __defProp$9 = Object.defineProperty;
+  var __defProps$6 = Object.defineProperties;
+  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+  var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+  var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$9 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$a.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    if (__getOwnPropSymbols$a)
-      for (var prop of __getOwnPropSymbols$a(b)) {
-        if (__propIsEnum$a.call(b, prop))
-          __defNormalProp$8(a, prop, b[prop]);
+      if (__hasOwnProp$b.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    if (__getOwnPropSymbols$b)
+      for (var prop of __getOwnPropSymbols$b(b)) {
+        if (__propIsEnum$b.call(b, prop))
+          __defNormalProp$9(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
   function computedEager(fn, options) {
     var _a;
     const result = vue.shallowRef();
     vue.watchEffect(() => {
       result.value = fn();
-    }, __spreadProps$5(__spreadValues$8({}, options), {
+    }, __spreadProps$6(__spreadValues$9({}, options), {
       flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
     }));
     return vue.readonly(result);
   }
 
-  function tryOnScopeDispose(fn) {
-    if (vue.getCurrentScope()) {
-      vue.onScopeDispose(fn);
-      return true;
-    }
-    return false;
-  }
-
   var _a;
   const isClient = typeof window !== "undefined";
   const isDef = (val) => typeof val !== "undefined";
@@ -6939,6 +6931,10 @@
   };
   isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
+  function resolveUnref(r) {
+    return typeof r === "function" ? r() : vue.unref(r);
+  }
+
   function createFilterWrapper(filter, fn) {
     function wrapper(...args) {
       filter(() => fn.apply(this, args), { fn, thisArg: this, args });
@@ -6949,8 +6945,8 @@
     let timer;
     let maxTimer;
     const filter = (invoke) => {
-      const duration = vue.unref(ms);
-      const maxDuration = vue.unref(options.maxWait);
+      const duration = resolveUnref(ms);
+      const maxDuration = resolveUnref(options.maxWait);
       if (timer)
         clearTimeout(timer);
       if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
@@ -6988,7 +6984,7 @@
       }
     };
     const filter = (invoke) => {
-      const duration = vue.unref(ms);
+      const duration = resolveUnref(ms);
       const elapsed = Date.now() - lastExec;
       clear();
       if (duration <= 0) {
@@ -7012,6 +7008,17 @@
     };
     return filter;
   }
+  function identity(arg) {
+    return arg;
+  }
+
+  function tryOnScopeDispose(fn) {
+    if (vue.getCurrentScope()) {
+      vue.onScopeDispose(fn);
+      return true;
+    }
+    return false;
+  }
 
   function useDebounceFn(fn, ms = 200, options = {}) {
     return createFilterWrapper(debounceFilter(ms, options), fn);
@@ -7028,7 +7035,7 @@
     return debounced;
   }
 
-  function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
+  function useThrottleFn(fn, ms = 200, trailing = false, leading = true) {
     return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
   }
 
@@ -7064,7 +7071,7 @@
         isPending.value = false;
         timer = null;
         cb(...args);
-      }, vue.unref(interval));
+      }, resolveUnref(interval));
     }
     if (immediate) {
       isPending.value = true;
@@ -7081,7 +7088,7 @@
 
   function unrefElement(elRef) {
     var _a;
-    const plain = vue.unref(elRef);
+    const plain = resolveUnref(elRef);
     return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
   }
 
@@ -7121,7 +7128,7 @@
   }
 
   function onClickOutside(target, handler, options = {}) {
-    const { window = defaultWindow, ignore, capture = true } = options;
+    const { window = defaultWindow, ignore, capture = true, detectIframe = false } = options;
     if (!window)
       return;
     const shouldListen = vue.ref(true);
@@ -7153,12 +7160,26 @@
           e.composedPath = () => path;
           fallback = window.setTimeout(() => listener(e), 50);
         }
-      }, { passive: true })
-    ];
+      }, { passive: true }),
+      detectIframe && useEventListener(window, "blur", (event) => {
+        var _a;
+        const el = unrefElement(target);
+        if (((_a = document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(document.activeElement)))
+          handler(event);
+      })
+    ].filter(Boolean);
     const stop = () => cleanup.forEach((fn) => fn());
     return stop;
   }
 
+  function useSupported(callback, sync = false) {
+    const isSupported = vue.ref();
+    const update = () => isSupported.value = Boolean(callback());
+    update();
+    tryOnMounted(update, sync);
+    return isSupported;
+  }
+
   const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
   const globalKey = "__vueuse_ssr_handlers__";
   _global[globalKey] = _global[globalKey] || {};
@@ -7174,17 +7195,17 @@
     return visibility;
   }
 
-  var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-  var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-  var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+  var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+  var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+  var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
   var __objRest$2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$d)
-      for (var prop of __getOwnPropSymbols$d(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
+    if (source != null && __getOwnPropSymbols$f)
+      for (var prop of __getOwnPropSymbols$f(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -7192,7 +7213,7 @@
   function useResizeObserver(target, callback, options = {}) {
     const _a = options, { window = defaultWindow } = _a, observerOptions = __objRest$2(_a, ["window"]);
     let observer;
-    const isSupported = window && "ResizeObserver" in window;
+    const isSupported = useSupported(() => window && "ResizeObserver" in window);
     const cleanup = () => {
       if (observer) {
         observer.disconnect();
@@ -7201,7 +7222,7 @@
     };
     const stopWatch = vue.watch(() => unrefElement(target), (el) => {
       cleanup();
-      if (isSupported && window && el) {
+      if (isSupported.value && window && el) {
         observer = new ResizeObserver(callback);
         observer.observe(el, observerOptions);
       }
@@ -7289,8 +7310,54 @@
     SwipeDirection2["NONE"] = "NONE";
   })(SwipeDirection || (SwipeDirection = {}));
 
+  var __defProp = Object.defineProperty;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _TransitionPresets = {
+    easeInSine: [0.12, 0, 0.39, 0],
+    easeOutSine: [0.61, 1, 0.88, 1],
+    easeInOutSine: [0.37, 0, 0.63, 1],
+    easeInQuad: [0.11, 0, 0.5, 0],
+    easeOutQuad: [0.5, 1, 0.89, 1],
+    easeInOutQuad: [0.45, 0, 0.55, 1],
+    easeInCubic: [0.32, 0, 0.67, 0],
+    easeOutCubic: [0.33, 1, 0.68, 1],
+    easeInOutCubic: [0.65, 0, 0.35, 1],
+    easeInQuart: [0.5, 0, 0.75, 0],
+    easeOutQuart: [0.25, 1, 0.5, 1],
+    easeInOutQuart: [0.76, 0, 0.24, 1],
+    easeInQuint: [0.64, 0, 0.78, 0],
+    easeOutQuint: [0.22, 1, 0.36, 1],
+    easeInOutQuint: [0.83, 0, 0.17, 1],
+    easeInExpo: [0.7, 0, 0.84, 0],
+    easeOutExpo: [0.16, 1, 0.3, 1],
+    easeInOutExpo: [0.87, 0, 0.13, 1],
+    easeInCirc: [0.55, 0, 1, 0.45],
+    easeOutCirc: [0, 0.55, 0.45, 1],
+    easeInOutCirc: [0.85, 0, 0.15, 1],
+    easeInBack: [0.36, 0, 0.66, -0.56],
+    easeOutBack: [0.34, 1.56, 0.64, 1],
+    easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+  };
+  __spreadValues({
+    linear: identity
+  }, _TransitionPresets);
+
   function useVModel(props, key, emit, options = {}) {
-    var _a;
+    var _a, _b, _c;
     const {
       passive = false,
       eventName,
@@ -7298,7 +7365,7 @@
       defaultValue
     } = options;
     const vm = vue.getCurrentInstance();
-    const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm));
+    const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm)) || ((_c = (_b = vm == null ? void 0 : vm.proxy) == null ? void 0 : _b.$emit) == null ? void 0 : _c.bind(vm == null ? void 0 : vm.proxy));
     let event = eventName;
     if (!key) {
       {
@@ -7342,7 +7409,13 @@
     return focused;
   }
 
-  function useWindowSize({ window = defaultWindow, initialWidth = Infinity, initialHeight = Infinity } = {}) {
+  function useWindowSize(options = {}) {
+    const {
+      window = defaultWindow,
+      initialWidth = Infinity,
+      initialHeight = Infinity,
+      listenOrientation = true
+    } = options;
     const width = vue.ref(initialWidth);
     const height = vue.ref(initialHeight);
     const update = () => {
@@ -7354,6 +7427,8 @@
     update();
     tryOnMounted(update);
     useEventListener("resize", update, { passive: true });
+    if (listenOrientation)
+      useEventListener("orientationchange", update, { passive: true });
     return { width, height };
   }
 
@@ -8839,6 +8914,72 @@
     };
   };
 
+  const defaultNamespace = "el";
+  const statePrefix = "is-";
+  const _bem = (namespace, block, blockSuffix, element, modifier) => {
+    let cls = `${namespace}-${block}`;
+    if (blockSuffix) {
+      cls += `-${blockSuffix}`;
+    }
+    if (element) {
+      cls += `__${element}`;
+    }
+    if (modifier) {
+      cls += `--${modifier}`;
+    }
+    return cls;
+  };
+  const useNamespace = (block) => {
+    const globalConfig = useGlobalConfig("namespace");
+    const namespace = vue.computed(() => globalConfig.value || defaultNamespace);
+    const b = (blockSuffix = "") => _bem(vue.unref(namespace), block, blockSuffix, "", "");
+    const e = (element) => element ? _bem(vue.unref(namespace), block, "", element, "") : "";
+    const m = (modifier) => modifier ? _bem(vue.unref(namespace), block, "", "", modifier) : "";
+    const be = (blockSuffix, element) => blockSuffix && element ? _bem(vue.unref(namespace), block, blockSuffix, element, "") : "";
+    const em = (element, modifier) => element && modifier ? _bem(vue.unref(namespace), block, "", element, modifier) : "";
+    const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(vue.unref(namespace), block, blockSuffix, "", modifier) : "";
+    const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(vue.unref(namespace), block, blockSuffix, element, modifier) : "";
+    const is = (name, ...args) => {
+      const state = args.length >= 1 ? args[0] : true;
+      return name && state ? `${statePrefix}${name}` : "";
+    };
+    const cssVar = (object) => {
+      const styles = {};
+      for (const key in object) {
+        if (object[key]) {
+          styles[`--${namespace.value}-${key}`] = object[key];
+        }
+      }
+      return styles;
+    };
+    const cssVarBlock = (object) => {
+      const styles = {};
+      for (const key in object) {
+        if (object[key]) {
+          styles[`--${namespace.value}-${block}-${key}`] = object[key];
+        }
+      }
+      return styles;
+    };
+    const cssVarName = (name) => `--${namespace.value}-${name}`;
+    const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
+    return {
+      namespace,
+      b,
+      e,
+      m,
+      be,
+      em,
+      bm,
+      bem,
+      is,
+      cssVar,
+      cssVarName,
+      cssVarBlock,
+      cssVarBlockName
+    };
+  };
+
   const defaultIdInjection = {
     prefix: Math.floor(Math.random() * 1e4),
     current: 0
@@ -8846,7 +8987,8 @@
   const ID_INJECTION_KEY = Symbol("elIdInjection");
   const useId = (deterministicId) => {
     const idInjection = vue.inject(ID_INJECTION_KEY, defaultIdInjection);
-    const idRef = vue.computed(() => vue.unref(deterministicId) || `el-id-${idInjection.prefix}-${idInjection.current++}`);
+    const namespace = useGlobalConfig("namespace", defaultNamespace);
+    const idRef = vue.computed(() => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
     return idRef;
   };
 
@@ -9287,72 +9429,6 @@
     return cRef;
   }
 
-  const defaultNamespace = "el";
-  const statePrefix = "is-";
-  const _bem = (namespace, block, blockSuffix, element, modifier) => {
-    let cls = `${namespace}-${block}`;
-    if (blockSuffix) {
-      cls += `-${blockSuffix}`;
-    }
-    if (element) {
-      cls += `__${element}`;
-    }
-    if (modifier) {
-      cls += `--${modifier}`;
-    }
-    return cls;
-  };
-  const useNamespace = (block) => {
-    const globalConfig = useGlobalConfig("namespace");
-    const namespace = vue.computed(() => globalConfig.value || defaultNamespace);
-    const b = (blockSuffix = "") => _bem(vue.unref(namespace), block, blockSuffix, "", "");
-    const e = (element) => element ? _bem(vue.unref(namespace), block, "", element, "") : "";
-    const m = (modifier) => modifier ? _bem(vue.unref(namespace), block, "", "", modifier) : "";
-    const be = (blockSuffix, element) => blockSuffix && element ? _bem(vue.unref(namespace), block, blockSuffix, element, "") : "";
-    const em = (element, modifier) => element && modifier ? _bem(vue.unref(namespace), block, "", element, modifier) : "";
-    const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(vue.unref(namespace), block, blockSuffix, "", modifier) : "";
-    const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(vue.unref(namespace), block, blockSuffix, element, modifier) : "";
-    const is = (name, ...args) => {
-      const state = args.length >= 1 ? args[0] : true;
-      return name && state ? `${statePrefix}${name}` : "";
-    };
-    const cssVar = (object) => {
-      const styles = {};
-      for (const key in object) {
-        if (object[key]) {
-          styles[`--${namespace.value}-${key}`] = object[key];
-        }
-      }
-      return styles;
-    };
-    const cssVarBlock = (object) => {
-      const styles = {};
-      for (const key in object) {
-        if (object[key]) {
-          styles[`--${namespace.value}-${block}-${key}`] = object[key];
-        }
-      }
-      return styles;
-    };
-    const cssVarName = (name) => `--${namespace.value}-${name}`;
-    const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-    return {
-      namespace,
-      b,
-      e,
-      m,
-      be,
-      em,
-      bm,
-      bem,
-      is,
-      cssVar,
-      cssVarName,
-      cssVarBlock,
-      cssVarBlockName
-    };
-  };
-
   const useLockscreen = (trigger) => {
     if (!vue.isRef(trigger)) {
       throwError("[useLockscreen]", "You need to pass a ref param to this function");
@@ -10900,7 +10976,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "2.2.13";
+  const version$1 = "2.2.14";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12391,8 +12467,9 @@
     return null;
   }
   function wrapTextContent(s) {
+    const ns = useNamespace("only-child");
     return vue.createVNode("span", {
-      "class": "el-only-child__content"
+      "class": ns.e("content")
     }, [s]);
   }
 
@@ -20860,9 +20937,7 @@
             updatePopperPosition();
             vue.nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
           } else if (props.filterable) {
-            const { value } = presentText;
-            inputValue.value = value;
-            searchInputValue.value = value;
+            syncPresentTextValue();
           }
           emit("visible-change", visible);
         }
@@ -21019,8 +21094,16 @@
       const handleClear = () => {
         var _a;
         (_a = panel.value) == null ? void 0 : _a.clearCheckedNodes();
+        if (!popperVisible.value && props.filterable) {
+          syncPresentTextValue();
+        }
         togglePopperVisible(false);
       };
+      const syncPresentTextValue = () => {
+        const { value } = presentText;
+        inputValue.value = value;
+        searchInputValue.value = value;
+      };
       const handleSuggestionClick = (node) => {
         var _a, _b;
         const { checked } = node;
@@ -22736,7 +22819,7 @@
       "stop-popper-mouse-event": false,
       effect: "light",
       trigger: "click",
-      transition: "el-zoom-in-top",
+      transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
       persistent: ""
     }, {
       content: vue.withCtx(() => [
@@ -22865,7 +22948,7 @@
         ], 42, _hoisted_1$J)
       ]),
       _: 1
-    }, 8, ["visible", "popper-class"]);
+    }, 8, ["visible", "popper-class", "transition"]);
   }
   var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$s], ["__file", "index.vue"]]);
 
@@ -26449,9 +26532,9 @@
         closed.value = false;
         open();
         rendered.value = true;
-        emit("open");
         zIndex.value = props.zIndex ? zIndex.value++ : nextZIndex();
         vue.nextTick(() => {
+          emit("open");
           if (targetRef.value) {
             targetRef.value.scrollTop = 0;
           }
@@ -31443,6 +31526,7 @@
       const menu = vue.ref();
       const nsMenu = useNamespace("menu");
       const nsSubMenu = useNamespace("sub-menu");
+      const sliceIndex = vue.ref(-1);
       const openedMenus = vue.ref(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
       const activeIndex = vue.ref(props.defaultActive);
       const items = vue.ref({});
@@ -31516,8 +31600,42 @@
           activeIndex.value = val;
         }
       };
+      const calcSliceIndex = () => {
+        var _a;
+        const items2 = Array.from((_a = menu.value.childNodes) != null ? _a : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
+        const moreItemWidth = 64;
+        const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
+        const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
+        const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
+        let calcWidth = 0;
+        let sliceIndex2 = 0;
+        items2.forEach((item, index) => {
+          calcWidth += item.offsetWidth || 0;
+          if (calcWidth <= menuWidth - moreItemWidth) {
+            sliceIndex2 = index + 1;
+          }
+        });
+        return sliceIndex2 === items2.length ? -1 : sliceIndex2;
+      };
+      const debounce = (fn, wait = 33.34) => {
+        let timmer;
+        return () => {
+          timmer && clearTimeout(timmer);
+          timmer = setTimeout(() => {
+            fn();
+          }, wait);
+        };
+      };
+      let isFirstTimeRender = true;
       const handleResize = () => {
-        vue.nextTick(() => instance.proxy.$forceUpdate());
+        const callback = () => {
+          sliceIndex.value = -1;
+          vue.nextTick(() => {
+            sliceIndex.value = calcSliceIndex();
+          });
+        };
+        isFirstTimeRender ? callback() : debounce(callback)();
+        isFirstTimeRender = false;
       };
       vue.watch(() => props.defaultActive, (currentActive) => {
         if (!items.value[currentActive]) {
@@ -31602,26 +31720,13 @@
         return result;
       };
       return () => {
-        var _a, _b, _c, _d;
+        var _a, _b;
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
         const vShowMore = [];
         if (props.mode === "horizontal" && menu.value) {
-          const items2 = Array.from((_d = (_c = menu.value) == null ? void 0 : _c.childNodes) != null ? _d : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
           const originalSlot = flattedChildren(slot);
-          const moreItemWidth = 64;
-          const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
-          const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
-          const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
-          let calcWidth = 0;
-          let sliceIndex = 0;
-          items2.forEach((item, index) => {
-            calcWidth += item.offsetWidth || 0;
-            if (calcWidth <= menuWidth - moreItemWidth) {
-              sliceIndex = index + 1;
-            }
-          });
-          const slotDefault = originalSlot.slice(0, sliceIndex);
-          const slotMore = originalSlot.slice(sliceIndex);
+          const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0, sliceIndex.value);
+          const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);
           if ((slotMore == null ? void 0 : slotMore.length) && props.ellipsis) {
             slot = slotDefault;
             vShowMore.push(vue.h(SubMenu, {
@@ -31883,6 +31988,9 @@
     },
     prevText: {
       type: String
+    },
+    prevIcon: {
+      type: iconPropType
     }
   });
   const paginationPrevEmits = {
@@ -31911,7 +32019,7 @@
         }, [
           _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(_ctx.prevText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(arrow_left_default))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prevIcon)))
             ]),
             _: 1
           }))
@@ -31933,6 +32041,9 @@
     },
     nextText: {
       type: String
+    },
+    nextIcon: {
+      type: iconPropType
     }
   });
 
@@ -31958,7 +32069,7 @@
         }, [
           _ctx.nextText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g, vue.toDisplayString(_ctx.nextText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(arrow_right_default))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.nextIcon)))
             ]),
             _: 1
           }))
@@ -32008,7 +32119,7 @@
       } else {
         const valueKey = select.props.valueKey;
         return arr && arr.some((item) => {
-          return get(item, valueKey) === get(target, valueKey);
+          return vue.toRaw(get(item, valueKey)) === get(target, valueKey);
         });
       }
     };
@@ -32622,7 +32733,7 @@
       const valueKey = props.valueKey;
       let index = -1;
       arr.some((item, i) => {
-        if (get(item, valueKey) === get(value, valueKey)) {
+        if (vue.toRaw(get(item, valueKey)) === get(value, valueKey)) {
           index = i;
           return true;
         }
@@ -33938,10 +34049,18 @@
       type: String,
       default: ""
     },
+    prevIcon: {
+      type: iconPropType,
+      default: () => arrow_left_default
+    },
     nextText: {
       type: String,
       default: ""
     },
+    nextIcon: {
+      type: iconPropType,
+      default: () => arrow_right_default
+    },
     small: Boolean,
     background: Boolean,
     disabled: Boolean,
@@ -34089,6 +34208,7 @@
             disabled: props.disabled,
             currentPage: currentPageBridge.value,
             prevText: props.prevText,
+            prevIcon: props.prevIcon,
             onClick: prev
           }),
           jumper: vue.h(Jumper),
@@ -34104,6 +34224,7 @@
             currentPage: currentPageBridge.value,
             pageCount: pageCountBridge.value,
             nextText: props.nextText,
+            nextIcon: props.nextIcon,
             onClick: next
           }),
           sizes: vue.h(Sizes, {
@@ -34394,7 +34515,7 @@
         return [ns.b(), props.popperClass, { [ns.m("plain")]: !!props.content }];
       });
       const gpuAcceleration = vue.computed(() => {
-        return props.transition === "el-fade-in-linear";
+        return props.transition === `${ns.namespace.value}-fade-in-linear`;
       });
       const hide = () => {
         var _a;
@@ -35900,11 +36021,11 @@
             if (layout === HORIZONTAL) {
               if (direction === RTL) {
                 switch (getRTLOffsetType()) {
-                  case "negative": {
+                  case RTL_OFFSET_NAG: {
                     windowElement.scrollLeft = -scrollOffset;
                     break;
                   }
-                  case "positive-ascending": {
+                  case RTL_OFFSET_POS_ASC: {
                     windowElement.scrollLeft = scrollOffset;
                     break;
                   }
@@ -38809,7 +38930,7 @@
         return [];
       }
       const marksKeys = Object.keys(props.marks);
-      return marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point <= props.max && point >= props.min).map((point) => ({
+      return marksKeys.map(Number.parseFloat).sort((a, b) => a - b).filter((point) => point <= props.max && point >= props.min).map((point) => ({
         point,
         position: (point - props.min) * 100 / (props.max - props.min),
         mark: props.marks[point]
@@ -40289,7 +40410,8 @@
         input.value.checked = checked.value;
       });
       expose({
-        focus
+        focus,
+        checked
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -43096,7 +43218,7 @@
               }, [
                 vue.h("td", {
                   colspan: columns.length,
-                  class: "el-table__cell el-table__expanded-cell"
+                  class: `${ns.e("cell")} ${ns.e("expanded-cell")}`
                 }, [renderExpanded({ row, $index, store, expanded })])
               ])
             ]
@@ -43559,7 +43681,7 @@
         layout.updateElsHeight();
       }
       layout.updateColumnsWidth();
-      requestAnimationFrame(syncPostion);
+      requestAnimationFrame(syncPosition);
     };
     vue.onMounted(async () => {
       await vue.nextTick();
@@ -43602,7 +43724,7 @@
       const { tableWrapper } = table.refs;
       return !!(tableWrapper && tableWrapper.classList.contains(className));
     };
-    const syncPostion = function() {
+    const syncPosition = function() {
       if (!table.refs.scrollBarRef)
         return;
       if (!layout.scrollX.value) {
@@ -43634,7 +43756,7 @@
       if (!table.refs.scrollBarRef)
         return;
       if (table.refs.scrollBarRef.wrap$) {
-        useEventListener(table.refs.scrollBarRef.wrap$, "scroll", syncPostion, {
+        useEventListener(table.refs.scrollBarRef.wrap$, "scroll", syncPosition, {
           passive: true
         });
       }
@@ -48883,7 +49005,7 @@
     return { all, none, allWithoutDisable, half: !all && !none };
   };
   const reInitChecked = function(node) {
-    if (node.childNodes.length === 0)
+    if (node.childNodes.length === 0 || node.loading)
       return;
     const { all, none, half } = getChildState(node.childNodes);
     if (all) {
@@ -49266,10 +49388,10 @@
       if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
         this.loading = true;
         const resolve = (children) => {
-          this.loaded = true;
-          this.loading = false;
           this.childNodes = [];
           this.doCreateChildren(children, defaultProps);
+          this.loaded = true;
+          this.loading = false;
           this.updateLeafState();
           if (callback) {
             callback.call(this, children);