element-plus 2.2.11 → 2.2.14

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.11 */
+/*! 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,68 +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) {
-        styles[`--${namespace.value}-${key}`] = object[key];
-      }
-      return styles;
-    };
-    const cssVarBlock = (object) => {
-      const styles = {};
-      for (const key in object) {
-        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");
@@ -9360,12 +9440,11 @@
     }
     let scrollBarWidth = 0;
     let withoutHiddenClass = false;
-    let bodyPaddingRight = "0";
-    let computedBodyPaddingRight = 0;
+    let bodyWidth = "0";
     const cleanup = () => {
       removeClass(document.body, hiddenCls.value);
       if (withoutHiddenClass) {
-        document.body.style.paddingRight = bodyPaddingRight;
+        document.body.style.width = bodyWidth;
       }
     };
     vue.watch(trigger, (val) => {
@@ -9375,14 +9454,13 @@
       }
       withoutHiddenClass = !hasClass(document.body, hiddenCls.value);
       if (withoutHiddenClass) {
-        bodyPaddingRight = document.body.style.paddingRight;
-        computedBodyPaddingRight = Number.parseInt(getStyle(document.body, "paddingRight"), 10);
+        bodyWidth = document.body.style.width;
       }
       scrollBarWidth = getScrollBarWidth(ns.namespace.value);
       const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
       const bodyOverflowY = getStyle(document.body, "overflowY");
       if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
-        document.body.style.paddingRight = `${computedBodyPaddingRight + scrollBarWidth}px`;
+        document.body.style.width = `calc(100% - ${scrollBarWidth}px)`;
       }
       addClass(document.body, hiddenCls.value);
     });
@@ -10898,7 +10976,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "2.2.11";
+  const version$1 = "2.2.14";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10947,11 +11025,11 @@
     return target;
   };
 
-  const __default__$1p = {
+  const __default__$1q = {
     name: "ElAffix"
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1q,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11066,12 +11144,12 @@
     }
   });
 
-  const __default__$1o = {
+  const __default__$1p = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+    ...__default__$1p,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11133,11 +11211,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1n = {
+  const __default__$1o = {
     name: "ElAlert"
   };
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1o,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11405,12 +11483,12 @@
   const _hoisted_1$13 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
   const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const __default__$1m = {
+  const __default__$1n = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1n,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -12104,11 +12182,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1l = {
+  const __default__$1m = {
     name: "ElScrollbar"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1m,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12271,12 +12349,12 @@
     }
   });
 
-  const __default__$1k = {
+  const __default__$1l = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1l,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12308,12 +12386,12 @@
     }
   });
 
-  const __default__$1j = {
+  const __default__$1k = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1k,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12389,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]);
   }
 
@@ -12410,12 +12489,12 @@
     open: Boolean
   });
 
-  const __default__$1i = {
+  const __default__$1j = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1j,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12817,10 +12896,10 @@
       };
     }
   });
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$F], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$E], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -12977,11 +13056,11 @@
     }
   }
 
-  const __default__$1h = {
+  const __default__$1i = {
     name: "ElPopperContent"
   };
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1i,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13352,7 +13431,7 @@
       };
     }
   });
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_content = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
       disabled: !_ctx.teleported,
@@ -13407,7 +13486,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$E], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$D], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13472,7 +13551,7 @@
       };
     }
   });
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_trigger = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -13494,7 +13573,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$D], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$C], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$21 = vue.defineComponent({
@@ -13614,7 +13693,7 @@
   });
   const _hoisted_1$12 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip_trigger = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -13683,7 +13762,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$C], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$B], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -13758,12 +13837,12 @@
   const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$l = ["id", "aria-selected", "onClick"];
-  const __default__$1g = {
+  const __default__$1h = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -14122,11 +14201,11 @@
   };
 
   const _hoisted_1$10 = ["src", "alt", "srcset"];
-  const __default__$1f = {
+  const __default__$1g = {
     name: "ElAvatar"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14207,11 +14286,11 @@
   };
 
   const _hoisted_1$$ = ["onClick"];
-  const __default__$1e = {
+  const __default__$1f = {
     name: "ElBacktop"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14316,11 +14395,11 @@
   });
 
   const _hoisted_1$_ = ["textContent"];
-  const __default__$1d = {
+  const __default__$1e = {
     name: "ElBadge"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14379,11 +14458,11 @@
     }
   });
 
-  const __default__$1c = {
+  const __default__$1d = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14422,11 +14501,11 @@
     }
   });
 
-  const __default__$1b = {
+  const __default__$1c = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15457,11 +15536,11 @@
   }
 
   const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$1a = {
+  const __default__$1b = {
     name: "ElButton"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15569,11 +15648,11 @@
     type: buttonProps.type
   };
 
-  const __default__$19 = {
+  const __default__$1a = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16225,11 +16304,11 @@
 
   const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$18 = {
+  const __default__$19 = {
     name: "Picker"
   };
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -16247,8 +16326,7 @@
       const nsDate = useNamespace("date");
       const nsInput = useNamespace("input");
       const nsRange = useNamespace("range");
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const elPopperOptions = vue.inject("ElPopperOptions", {});
       const refPopper = vue.ref();
       const inputRef = vue.ref();
@@ -16268,10 +16346,9 @@
         }
       });
       const emitChange = (val, isClear) => {
-        var _a;
         if (isClear || !valueEquals(val, valueOnOpen.value)) {
           emit("change", val);
-          props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn()));
+          props.validateEvent && (formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
         }
       };
       const emitInput = (input) => {
@@ -16365,7 +16442,7 @@
       const handleBlurInput = (e) => {
         const handleBlurDefer = async () => {
           setTimeout(() => {
-            var _a, _b;
+            var _a;
             if (currentHandleBlurDeferCallback === handleBlurDefer) {
               if (!(((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent()) && !hasJustTabExitedInput) && refInput.value.filter((input) => {
                 return input.contains(document.activeElement);
@@ -16373,7 +16450,7 @@
                 handleChange();
                 pickerVisible.value = false;
                 emit("blur", e);
-                props.validateEvent && ((_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "blur").catch((err) => debugWarn()));
+                props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn()));
               }
               hasJustTabExitedInput = false;
             }
@@ -16383,7 +16460,7 @@
         handleBlurDefer();
       };
       const pickerDisabled = vue.computed(() => {
-        return props.disabled || elForm.disabled;
+        return props.disabled || (form == null ? void 0 : form.disabled);
       });
       const parsedValue = vue.computed(() => {
         let dayOrDays;
@@ -17247,13 +17324,21 @@
           emitSelectRange("hours");
         }
         const label = currentScrollbar.value;
-        let now = vue.unref(timePartials)[label];
+        const now = vue.unref(timePartials)[label];
         const total = currentScrollbar.value === "hours" ? 24 : 60;
-        now = (now + step + total) % total;
-        modifyDateField(label, now);
-        adjustSpinner(label, now);
+        const next = findNextUnDisabled(label, now, step, total);
+        modifyDateField(label, next);
+        adjustSpinner(label, next);
         vue.nextTick(() => emitSelectRange(label));
       };
+      const findNextUnDisabled = (type, now, step, total) => {
+        let next = (now + step + total) % total;
+        const list = vue.unref(timeList)[type];
+        while (list[next] && next !== now) {
+          next = (next + step + total) % total;
+        }
+        return next;
+      };
       const modifyDateField = (type, value) => {
         const list = vue.unref(timeList)[type];
         const isDisabled = list[value];
@@ -17927,11 +18012,11 @@
 
   const _hoisted_1$V = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  const __default__$17 = {
+  const __default__$18 = {
     name: "DateTable"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -18086,11 +18171,11 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$16 = {
+  const __default__$17 = {
     name: "ElCalendar"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18321,11 +18406,11 @@
     }
   });
 
-  const __default__$15 = {
+  const __default__$16 = {
     name: "ElCard"
   };
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$16,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18417,11 +18502,11 @@
   const _hoisted_1$U = ["onMouseenter", "onMouseleave"];
   const _hoisted_2$A = ["onMouseenter", "onClick"];
   const _hoisted_3$k = { key: 0 };
-  const __default__$14 = {
+  const __default__$15 = {
     name: "ElCarousel"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -18434,7 +18519,6 @@
       const root = vue.ref();
       const items = vue.ref([]);
       const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
-      const interval = vue.computed(() => props.interval);
       const hasLabel = vue.computed(() => {
         return items.value.some((item) => item.props.label.toString().length > 0);
       });
@@ -18470,9 +18554,9 @@
         }
       }
       function startTimer() {
-        if (interval.value <= 0 || !props.autoplay || timer.value)
+        if (props.interval <= 0 || !props.autoplay || timer.value)
           return;
-        timer.value = setInterval(() => playSlides(), interval.value);
+        timer.value = setInterval(() => playSlides(), props.interval);
       }
       const playSlides = () => {
         if (activeIndex.value < items.value.length - 1) {
@@ -18504,6 +18588,7 @@
         if (oldIndex === activeIndex.value) {
           resetItemPosition(oldIndex);
         }
+        resetTimer();
       }
       function resetItemPosition(oldIndex) {
         items.value.forEach((item, index) => {
@@ -18581,6 +18666,10 @@
       function next() {
         setActiveItem(activeIndex.value + 1);
       }
+      function resetTimer() {
+        pauseTimer();
+        startTimer();
+      }
       vue.watch(() => activeIndex.value, (current, prev2) => {
         resetItemPosition(prev2);
         if (prev2 > -1) {
@@ -18593,6 +18682,9 @@
       vue.watch(() => props.loop, () => {
         setActiveItem(activeIndex.value);
       });
+      vue.watch(() => props.interval, () => {
+        resetTimer();
+      });
       const resizeObserver = vue.shallowRef();
       vue.onMounted(async () => {
         await vue.nextTick();
@@ -18731,11 +18823,11 @@
     }
   });
 
-  const __default__$13 = {
+  const __default__$14 = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -18954,12 +19046,11 @@
     }
   };
   const useCheckboxGroup = () => {
-    const elForm = vue.inject(formContextKey, {});
-    const elFormItem = vue.inject(formItemContextKey, {});
+    const { form: elForm, formItem: elFormItem } = useFormItem();
     const checkboxGroup = vue.inject("CheckboxGroup", {});
     const isGroup = vue.computed(() => checkboxGroup && (checkboxGroup == null ? void 0 : checkboxGroup.name) === "ElCheckboxGroup");
     const elFormItemSize = vue.computed(() => {
-      return elFormItem.size;
+      return elFormItem == null ? void 0 : elFormItem.size;
     });
     return {
       isGroup,
@@ -19104,9 +19195,8 @@
       return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
     });
     vue.watch(() => props.modelValue, () => {
-      var _a;
       if (validateEvent.value) {
-        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
       }
     });
     return {
@@ -19161,11 +19251,11 @@
   const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-  const __default__$12 = {
+  const __default__$13 = {
     name: "ElCheckbox"
   };
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19266,11 +19356,11 @@
 
   const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-  const __default__$11 = {
+  const __default__$12 = {
     name: "ElCheckboxButton"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$12,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19344,11 +19434,11 @@
   });
   var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-button.vue"]]);
 
-  const __default__$10 = {
+  const __default__$11 = {
     name: "ElCheckboxGroup"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$11,
     props: useCheckboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19381,18 +19471,18 @@
         changeEvent
       });
       vue.watch(() => props.modelValue, () => {
-        var _a;
         if (props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
         }
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
           id: vue.unref(groupId),
           class: vue.normalizeClass(vue.unref(ns).b("group")),
           role: "group",
           "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
-          "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(elFormItem).labelId : void 0
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
@@ -19472,11 +19562,11 @@
   };
 
   const _hoisted_1$R = ["value", "name", "disabled"];
-  const __default__$$ = {
+  const __default__$10 = {
     name: "ElRadio"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$10,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19548,11 +19638,11 @@
   });
 
   const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$_ = {
+  const __default__$$ = {
     name: "ElRadioButton"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$$,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19642,11 +19732,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
-  const __default__$Z = {
+  const __default__$_ = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$_,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19847,7 +19937,7 @@
   });
   const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -19930,7 +20020,7 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$O);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$B], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$A], ["__file", "node.vue"]]);
 
   const _sfc_main$1E = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -20010,7 +20100,7 @@
       };
     }
   });
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -20063,7 +20153,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$A], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$z], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -20538,7 +20628,7 @@
       };
     }
   });
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_menu = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20555,7 +20645,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$z], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$y], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -20593,11 +20683,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$Y = {
+  const __default__$Z = {
     name: "ElTag"
   };
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$Z,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20783,8 +20873,7 @@
       const nsCascader = useNamespace("cascader");
       const nsInput = useNamespace("input");
       const { t } = useLocale();
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const tooltipRef = vue.ref(null);
       const input = vue.ref(null);
       const tagWrapper = vue.ref(null);
@@ -20799,7 +20888,7 @@
       const allPresentTags = vue.ref([]);
       const suggestions = vue.ref([]);
       const isOnComposition = vue.ref(false);
-      const isDisabled = vue.computed(() => props.disabled || elForm.disabled);
+      const isDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
       const inputPlaceholder = vue.computed(() => props.placeholder || t("el.cascader.placeholder"));
       const realSize = useSize();
       const tagSize = vue.computed(() => ["small"].includes(realSize.value) ? "small" : "default");
@@ -20825,11 +20914,10 @@
           return props.modelValue;
         },
         set(val) {
-          var _a;
           emit(UPDATE_MODEL_EVENT, val);
           emit(CHANGE_EVENT, val);
           if (props.validateEvent) {
-            (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+            formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
           }
         }
       });
@@ -20849,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);
         }
@@ -21008,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;
@@ -21127,7 +21221,7 @@
   const _hoisted_1$N = { key: 0 };
   const _hoisted_2$w = ["placeholder"];
   const _hoisted_3$i = ["onClick"];
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -21355,7 +21449,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$y], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$x], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21374,11 +21468,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$X = {
+  const __default__$Y = {
     name: "ElCheckTag"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Y,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21446,11 +21540,11 @@
     }
   });
 
-  const __default__$W = {
+  const __default__$X = {
     name: "ElCol"
   };
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$X,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21520,11 +21614,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$V = {
+  const __default__$W = {
     name: "ElCollapse"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$W,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21575,11 +21669,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-  const __default__$U = {
+  const __default__$V = {
     name: "ElCollapseTransition"
   };
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$V,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21667,11 +21761,11 @@
   const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
   const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$T = {
+  const __default__$U = {
     name: "ElCollapseItem"
   };
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$U,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -21808,8 +21902,8 @@
       isDragging = true;
       (_a = options.start) == null ? void 0 : _a.call(options, event);
     };
-    document.addEventListener("mousedown", downFn);
-    document.addEventListener("touchstart", downFn);
+    element.addEventListener("mousedown", downFn);
+    element.addEventListener("touchstart", downFn);
   }
 
   const _sfc_main$1v = vue.defineComponent({
@@ -21915,7 +22009,7 @@
       };
     }
   });
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -21937,7 +22031,7 @@
       }, null, 6)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$x], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$w], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -22032,7 +22126,7 @@
       };
     }
   });
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -22051,7 +22145,7 @@
       }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$w], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$v], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22372,7 +22466,7 @@
     }
   });
   const _hoisted_1$L = ["onClick"];
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -22397,7 +22491,7 @@
       ], 2)
     ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$v], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$u], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1s = vue.defineComponent({
     name: "ElSlPanel",
@@ -22473,7 +22567,7 @@
   const _hoisted_2$u = [
     _hoisted_1$K
   ];
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
@@ -22495,7 +22589,7 @@
       }, _hoisted_2$u, 6)
     ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$u], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$t], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1r = vue.defineComponent({
     name: "ElColorPicker",
@@ -22543,10 +22637,9 @@
     setup(props, { emit }) {
       const { t } = useLocale();
       const ns = useNamespace("color");
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
-        formItemContext: elFormItem
+        formItemContext: formItem
       });
       const hue = vue.ref();
       const svPanel = vue.ref();
@@ -22569,7 +22662,7 @@
       });
       const colorSize = useSize();
       const colorDisabled = vue.computed(() => {
-        return !!(props.disabled || elForm.disabled);
+        return !!(props.disabled || (form == null ? void 0 : form.disabled));
       });
       const currentColor = vue.computed(() => {
         return !props.modelValue && !showPanelColor.value ? "" : color.value;
@@ -22578,7 +22671,7 @@
         return !isLabeledByFormItem.value ? props.label || t("el.colorpicker.defaultLabel") : void 0;
       });
       const buttonAriaLabelledby = vue.computed(() => {
-        return isLabeledByFormItem.value ? elFormItem.labelId : void 0;
+        return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
       });
       vue.watch(() => props.modelValue, (newVal) => {
         if (!newVal) {
@@ -22634,12 +22727,11 @@
         color.fromString(customInput.value);
       }
       function confirmValue() {
-        var _a;
         const value = color.value;
         emit(UPDATE_MODEL_EVENT, value);
         emit("change", value);
         if (props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         debounceSetShowPicker(false);
         vue.nextTick(() => {
@@ -22654,12 +22746,11 @@
         });
       }
       function clear() {
-        var _a;
         debounceSetShowPicker(false);
         emit(UPDATE_MODEL_EVENT, null);
         emit("change", null);
         if (props.modelValue !== null && props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         resetColor();
       }
@@ -22705,7 +22796,7 @@
     }
   });
   const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hue_slider = vue.resolveComponent("hue-slider");
     const _component_sv_panel = vue.resolveComponent("sv-panel");
     const _component_alpha_slider = vue.resolveComponent("alpha-slider");
@@ -22728,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(() => [
@@ -22857,9 +22948,9 @@
         ], 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$t], ["__file", "index.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$s], ["__file", "index.vue"]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -22910,11 +23001,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$S = {
+  const __default__$T = {
     name: "ElContainer"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$T,
     props: {
       direction: {
         type: String
@@ -22951,11 +23042,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-  const __default__$R = {
+  const __default__$S = {
     name: "ElAside"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$S,
     props: {
       width: {
         type: String,
@@ -22978,11 +23069,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-  const __default__$Q = {
+  const __default__$R = {
     name: "ElFooter"
   };
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$R,
     props: {
       height: {
         type: String,
@@ -23005,11 +23096,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-  const __default__$P = {
+  const __default__$Q = {
     name: "ElHeader"
   };
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$Q,
     props: {
       height: {
         type: String,
@@ -23036,11 +23127,11 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-  const __default__$O = {
+  const __default__$P = {
     name: "ElMain"
   };
   const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$P,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -25481,11 +25572,11 @@
   const _hoisted_1$D = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
-  const __default__$N = {
+  const __default__$O = {
     name: "DatePickerMonthRange"
   };
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$O,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -25858,11 +25949,11 @@
   });
 
   const _hoisted_1$C = { key: 1 };
-  const __default__$M = {
+  const __default__$N = {
     name: "ElDescriptionsRow"
   };
   const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$N,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -25943,11 +26034,11 @@
     }
   });
 
-  const __default__$L = {
+  const __default__$M = {
     name: "ElDescriptions"
   };
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$M,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -26197,9 +26288,9 @@
 
   const _hoisted_1$B = ["aria-label"];
   const _hoisted_2$n = ["id"];
-  const __default__$K = { name: "ElDialogContent" };
+  const __default__$L = { name: "ElDialogContent" };
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+    ...__default__$L,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -26441,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;
           }
@@ -26493,11 +26584,11 @@
   };
 
   const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$J = {
+  const __default__$K = {
     name: "ElDialog"
   };
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+    ...__default__$K,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -26654,11 +26745,11 @@
     }
   });
 
-  const __default__$I = {
+  const __default__$J = {
     name: "ElDivider"
   };
   const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+    ...__default__$J,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -26749,7 +26840,7 @@
   const _hoisted_2$m = ["id"];
   const _hoisted_3$a = ["aria-label"];
   const _hoisted_4$7 = ["id"];
-  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_close = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
@@ -26861,26 +26952,26 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
     ], 8, ["disabled"]);
   }
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$s], ["__file", "drawer.vue"]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$r], ["__file", "drawer.vue"]]);
 
   const ElDrawer = withInstall(Drawer);
 
   const _sfc_main$19 = {
     inheritAttrs: false
   };
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$r], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$q], ["__file", "collection.vue"]]);
 
   const _sfc_main$18 = {
     name: "ElCollectionItem",
     inheritAttrs: false
   };
-  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$q], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$p], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -27100,10 +27191,10 @@
       useEventListener(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
     }
   });
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$p], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$o], ["__file", "roving-focus-group-impl.vue"]]);
 
   const _sfc_main$16 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -27112,7 +27203,7 @@
       ElRovingFocusGroupImpl
     }
   });
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_group_impl = vue.resolveComponent("el-roving-focus-group-impl");
     const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
     return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
@@ -27127,7 +27218,7 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$o], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$n], ["__file", "roving-focus-group.vue"]]);
 
   const _sfc_main$15 = vue.defineComponent({
     components: {
@@ -27214,7 +27305,7 @@
       };
     }
   });
-  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_collection_item = vue.resolveComponent("el-roving-focus-collection-item");
     return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
       id: _ctx.id,
@@ -27227,7 +27318,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$n], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$m], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -27453,7 +27544,7 @@
       };
     }
   });
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_collection = vue.resolveComponent("el-dropdown-collection");
     const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
@@ -27585,7 +27676,7 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$m], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$l], ["__file", "dropdown.vue"]]);
 
   const _sfc_main$13 = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -27639,7 +27730,7 @@
     }
   });
   const _hoisted_1$y = ["aria-disabled", "tabindex", "role"];
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       _ctx.divided ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -27669,7 +27760,7 @@
       ], 16, _hoisted_1$y)
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$l], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$k], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -27745,7 +27836,7 @@
       };
     }
   });
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_item_impl = vue.resolveComponent("el-dropdown-item-impl");
     const _component_el_roving_focus_item = vue.resolveComponent("el-roving-focus-item");
@@ -27776,7 +27867,7 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$k], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$j], ["__file", "dropdown-item.vue"]]);
 
   const _sfc_main$11 = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -27842,7 +27933,7 @@
     }
   });
   const _hoisted_1$x = ["role", "aria-labelledby"];
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -27858,7 +27949,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 46, _hoisted_1$x);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$j], ["__file", "dropdown-menu.vue"]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$i], ["__file", "dropdown-menu.vue"]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -27924,7 +28015,7 @@
   const _hoisted_21 = ["fill", "xlink:href"];
   const _hoisted_22 = ["fill", "mask"];
   const _hoisted_23 = ["fill"];
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
@@ -28043,7 +28134,7 @@
       ])
     ]);
   }
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$i], ["__file", "img-empty.vue"]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$h], ["__file", "img-empty.vue"]]);
 
   const emptyProps = {
     image: {
@@ -28059,11 +28150,11 @@
 
   const _hoisted_1$v = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$H = {
+  const __default__$I = {
     name: "ElEmpty"
   };
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+    ...__default__$I,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -28189,11 +28280,11 @@
     return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
   };
 
-  const __default__$G = {
+  const __default__$H = {
     name: "ElForm"
   };
   const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+    ...__default__$H,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -29498,11 +29589,11 @@
   });
 
   const _hoisted_1$u = ["role", "aria-labelledby"];
-  const __default__$F = {
+  const __default__$G = {
     name: "ElFormItem"
   };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$G,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -29825,11 +29916,11 @@
   };
 
   const _hoisted_1$t = ["src"];
-  const __default__$E = {
+  const __default__$F = {
     name: "ElImageViewer"
   };
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$F,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { emit }) {
@@ -30269,12 +30360,12 @@
 
   const _hoisted_1$s = ["src", "loading"];
   const _hoisted_2$j = { key: 0 };
-  const __default__$D = {
+  const __default__$E = {
     name: "ElImage",
     inheritAttrs: false
   };
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+    ...__default__$E,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -30534,11 +30625,11 @@
 
   const _hoisted_1$r = ["aria-label", "onKeydown"];
   const _hoisted_2$i = ["aria-label", "onKeydown"];
-  const __default__$C = {
+  const __default__$D = {
     name: "ElInputNumber"
   };
   const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+    ...__default__$D,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -30835,11 +30926,11 @@
   };
 
   const _hoisted_1$q = ["href"];
-  const __default__$B = {
+  const __default__$C = {
     name: "ElLink"
   };
   const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$C,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -31049,7 +31140,7 @@
       };
     }
   });
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "default")
@@ -31057,7 +31148,7 @@
       _: 3
     }, 16);
   }
-  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$h], ["__file", "menu-collapse-transition.vue"]]);
+  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$g], ["__file", "menu-collapse-transition.vue"]]);
 
   function useMenu(instance, currentIndex) {
     const indexPath = vue.computed(() => {
@@ -31435,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({});
@@ -31504,13 +31596,46 @@
         const item = itemsInData[val] || activeIndex.value && itemsInData[activeIndex.value] || itemsInData[props.defaultActive];
         if (item) {
           activeIndex.value = item.index;
-          initMenu();
         } else {
           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]) {
@@ -31522,6 +31647,7 @@
         if (value)
           openedMenus.value = [];
       });
+      vue.watch(items.value, initMenu);
       let resizeStopper;
       vue.watchEffect(() => {
         if (props.mode === "horizontal" && props.ellipsis)
@@ -31566,7 +31692,6 @@
         });
       }
       vue.onMounted(() => {
-        initMenu();
         if (props.mode === "horizontal") {
           new Menubar(instance.vnode.el, nsMenu.namespace.value);
         }
@@ -31595,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, {
@@ -31716,7 +31828,7 @@
       };
     }
   });
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
@@ -31752,7 +31864,7 @@
       ], 64))
     ], 2);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$g], ["__file", "menu-item.vue"]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$f], ["__file", "menu-item.vue"]]);
 
   const menuItemGroupProps = {
     title: String
@@ -31769,7 +31881,7 @@
       };
     }
   });
-  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -31785,7 +31897,7 @@
       ])
     ], 2);
   }
-  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$f], ["__file", "menu-item-group.vue"]]);
+  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$e], ["__file", "menu-item-group.vue"]]);
 
   const ElMenu = withInstall(Menu, {
     MenuItem,
@@ -31811,11 +31923,11 @@
     back: () => true
   };
 
-  const __default__$A = {
+  const __default__$B = {
     name: "ElPageHeader"
   };
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$B,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -31876,6 +31988,9 @@
     },
     prevText: {
       type: String
+    },
+    prevIcon: {
+      type: iconPropType
     }
   });
   const paginationPrevEmits = {
@@ -31884,11 +31999,11 @@
 
   const _hoisted_1$p = ["disabled", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
-  const __default__$z = {
+  const __default__$A = {
     name: "ElPaginationPrev"
   };
   const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+    ...__default__$A,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -31904,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
           }))
@@ -31926,16 +32041,19 @@
     },
     nextText: {
       type: String
+    },
+    nextIcon: {
+      type: iconPropType
     }
   });
 
   const _hoisted_1$o = ["disabled", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
-  const __default__$y = {
+  const __default__$z = {
     name: "ElPaginationNext"
   };
   const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+    ...__default__$z,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -31951,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
           }))
@@ -32001,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);
         });
       }
     };
@@ -32114,7 +32232,7 @@
       };
     }
   });
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
         _ctx.ns.be("dropdown", "item"),
@@ -32134,7 +32252,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$e], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$d], ["__file", "option.vue"]]);
 
   const _sfc_main$N = vue.defineComponent({
     name: "ElSelectDropdown",
@@ -32163,7 +32281,7 @@
       };
     }
   });
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
       style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -32171,7 +32289,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$d], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$c], ["__file", "select-dropdown.vue"]]);
 
   function useSelectStates(props) {
     const { t } = useLocale();
@@ -32213,10 +32331,9 @@
     const hoverOption = vue.ref(-1);
     const queryChange = vue.shallowRef({ query: "" });
     const groupQueryChange = vue.shallowRef("");
-    const elForm = vue.inject(formContextKey, {});
-    const elFormItem = vue.inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const readonly = vue.computed(() => !props.filterable || props.multiple || !states.visible);
-    const selectDisabled = vue.computed(() => props.disabled || elForm.disabled);
+    const selectDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
     const showClose = vue.computed(() => {
       const hasValue = props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
       const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasValue;
@@ -32260,7 +32377,7 @@
         states.visible = val;
       }
     });
-    vue.watch([() => selectDisabled.value, () => selectSize.value, () => elForm.size], () => {
+    vue.watch([() => selectDisabled.value, () => selectSize.value, () => form == null ? void 0 : form.size], () => {
       vue.nextTick(() => {
         resetInputHeight();
       });
@@ -32269,7 +32386,6 @@
       states.cachedPlaceHolder = states.currentPlaceholder = val;
     });
     vue.watch(() => props.modelValue, (val, oldVal) => {
-      var _a;
       if (props.multiple) {
         resetInputHeight();
         if (val && val.length > 0 || input.value && states.query !== "") {
@@ -32287,7 +32403,7 @@
         states.inputLength = 20;
       }
       if (!isEqual$1(val, oldVal) && props.validateEvent) {
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
       }
     }, {
       flush: "post",
@@ -32380,7 +32496,7 @@
           return;
         const input2 = reference.value.$el.querySelector("input");
         const _tags = tags.value;
-        const sizeInMap = getComponentSize(selectSize.value || elForm.size);
+        const sizeInMap = getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
         input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`;
         states.tagInMultiLine = Number.parseFloat(input2.style.height) >= sizeInMap;
         if (states.visible && emptyText.value !== false) {
@@ -32617,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;
         }
@@ -33150,7 +33266,7 @@
   const _hoisted_1$n = { class: "select-trigger" };
   const _hoisted_2$f = ["disabled", "autocomplete"];
   const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -33451,7 +33567,7 @@
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$c], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$b], ["__file", "select.vue"]]);
 
   const _sfc_main$L = vue.defineComponent({
     name: "ElOptionGroup",
@@ -33499,7 +33615,7 @@
       };
     }
   });
-  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
     }, [
@@ -33517,7 +33633,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$b], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$a], ["__file", "option-group.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -33547,11 +33663,11 @@
     }
   });
 
-  const __default__$x = {
+  const __default__$y = {
     name: "ElPaginationSizes"
   };
   const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+    ...__default__$y,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -33608,11 +33724,11 @@
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
   const _hoisted_1$m = ["disabled"];
-  const __default__$w = {
+  const __default__$x = {
     name: "ElPaginationJumper"
   };
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+    ...__default__$x,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -33662,11 +33778,11 @@
   });
 
   const _hoisted_1$l = ["disabled"];
-  const __default__$v = {
+  const __default__$w = {
     name: "ElPaginationTotal"
   };
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+    ...__default__$w,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -33706,11 +33822,11 @@
   const _hoisted_4$5 = ["aria-current", "tabindex"];
   const _hoisted_5$4 = ["tabindex"];
   const _hoisted_6$1 = ["aria-current", "tabindex"];
-  const __default__$u = {
+  const __default__$v = {
     name: "ElPaginationPager"
   };
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$v,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -33933,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,
@@ -34084,6 +34208,7 @@
             disabled: props.disabled,
             currentPage: currentPageBridge.value,
             prevText: props.prevText,
+            prevIcon: props.prevIcon,
             onClick: prev
           }),
           jumper: vue.h(Jumper),
@@ -34099,6 +34224,7 @@
             currentPage: currentPageBridge.value,
             pageCount: pageCountBridge.value,
             nextText: props.nextText,
+            nextIcon: props.nextIcon,
             onClick: next
           }),
           sizes: vue.h(Sizes, {
@@ -34185,14 +34311,18 @@
       type: definePropType(Function)
     },
     teleported: useTooltipContentProps.teleported,
-    persistent: useTooltipContentProps.persistent
+    persistent: useTooltipContentProps.persistent,
+    width: {
+      type: [String, Number],
+      default: 150
+    }
   });
 
-  const __default__$t = {
+  const __default__$u = {
     name: "ElPopconfirm"
   };
   const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$u,
     props: popconfirmProps,
     setup(__props) {
       const props = __props;
@@ -34203,6 +34333,11 @@
         var _a, _b;
         (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
       };
+      const style = vue.computed(() => {
+        return {
+          width: addUnit(props.width)
+        };
+      });
       const confirm = (e) => {
         var _a;
         (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
@@ -34216,17 +34351,19 @@
       const finalConfirmButtonText = vue.computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
       const finalCancelButtonText = vue.computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), vue.mergeProps({
           ref_key: "tooltipRef",
           ref: tooltipRef,
           trigger: "click",
-          effect: "light",
+          effect: "light"
+        }, _ctx.$attrs, {
           "popper-class": `${vue.unref(ns).namespace.value}-popover`,
+          "popper-style": vue.unref(style),
           teleported: _ctx.teleported,
           "fallback-placements": ["bottom", "top", "right", "left"],
           "hide-after": _ctx.hideAfter,
           persistent: _ctx.persistent
-        }, {
+        }), {
           content: vue.withCtx(() => [
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(ns).b())
@@ -34278,7 +34415,7 @@
             _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["popper-class", "teleported", "hide-after", "persistent"]);
+        }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]);
       };
     }
   });
@@ -34347,11 +34484,11 @@
     "after-leave": () => true
   };
 
-  const __default__$s = {
+  const __default__$t = {
     name: "ElPopover"
   };
   const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$t,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -34378,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;
@@ -34538,11 +34675,11 @@
   const _hoisted_3$6 = ["d", "stroke", "stroke-width"];
   const _hoisted_4$4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
   const _hoisted_5$3 = { key: 0 };
-  const __default__$r = {
+  const __default__$s = {
     name: "ElProgress"
   };
   const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$s,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -34822,11 +34959,11 @@
 
   const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
   const _hoisted_2$c = ["onMousemove", "onClick"];
-  const __default__$q = {
+  const __default__$r = {
     name: "ElRate"
   };
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$r,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -35087,11 +35224,11 @@
     }
   });
 
-  const __default__$p = {
+  const __default__$q = {
     name: "ElResult"
   };
   const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$q,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -35179,11 +35316,11 @@
     }
   });
 
-  const __default__$o = {
+  const __default__$p = {
     name: "ElRow"
   };
   const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$p,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -35884,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;
                   }
@@ -37035,7 +37172,7 @@
       };
     }
   });
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.item.isTitle ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
@@ -37051,7 +37188,7 @@
       }, null, 6)
     ], 6));
   }
-  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$a], ["__file", "group-item.vue"]]);
+  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$9], ["__file", "group-item.vue"]]);
 
   function useOption(props, { emit }) {
     return {
@@ -37186,7 +37323,7 @@
     }
   });
   const _hoisted_1$h = ["aria-selected"];
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
       style: vue.normalizeStyle(_ctx.style),
@@ -37209,7 +37346,7 @@
       ])
     ], 46, _hoisted_1$h);
   }
-  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$9], ["__file", "option-item.vue"]]);
+  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$8], ["__file", "option-item.vue"]]);
 
   const selectV2InjectionKey = "ElSelectV2Injection";
 
@@ -38216,7 +38353,7 @@
   const _hoisted_3$5 = ["textContent"];
   const _hoisted_4$3 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
   const _hoisted_5$2 = ["textContent"];
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -38557,7 +38694,7 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$8], ["__file", "select.vue"]]);
+  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$7], ["__file", "select.vue"]]);
 
   Select.install = (app) => {
     app.component(Select.name, Select);
@@ -38605,11 +38742,11 @@
     }
   });
 
-  const __default__$n = {
+  const __default__$o = {
     name: "ElSkeletonItem"
   };
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$o,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -38624,11 +38761,11 @@
   });
   var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "skeleton-item.vue"]]);
 
-  const __default__$m = {
+  const __default__$n = {
     name: "ElSkeleton"
   };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$n,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -38793,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]
@@ -39278,11 +39415,11 @@
   };
 
   const _hoisted_1$f = ["tabindex"];
-  const __default__$l = {
+  const __default__$m = {
     name: "ElSliderButton"
   };
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$m,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -39388,11 +39525,11 @@
 
   const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
   const _hoisted_2$a = { key: 1 };
-  const __default__$k = {
+  const __default__$l = {
     name: "ElSlider"
   };
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$l,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -39728,37 +39865,45 @@
     props: spaceProps,
     setup(props, { slots }) {
       const { classes, containerStyle, itemStyle } = useSpace(props);
-      return () => {
-        var _a;
-        const { spacer, prefixCls, direction } = props;
-        const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
-        if (((_a = children.children) != null ? _a : []).length === 0)
-          return null;
-        if (isArray(children.children)) {
-          let extractedChildren = [];
-          children.children.forEach((child, loopKey) => {
-            if (isFragment(child)) {
-              if (isArray(child.children)) {
-                child.children.forEach((nested, key) => {
+      function extractChildren(children, parentKey = "", extractedChildren = []) {
+        const { prefixCls } = props;
+        children.forEach((child, loopKey) => {
+          if (isFragment(child)) {
+            if (isArray(child.children)) {
+              child.children.forEach((nested, key) => {
+                if (isFragment(nested) && isArray(nested.children)) {
+                  extractChildren(nested.children, `${parentKey + key}-`, extractedChildren);
+                } else {
                   extractedChildren.push(vue.createVNode(Item, {
                     style: itemStyle.value,
                     prefixCls,
-                    key: `nested-${key}`
+                    key: `nested-${parentKey + key}`
                   }, {
                     default: () => [nested]
                   }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
-                });
-              }
-            } else if (isValidElementNode(child)) {
-              extractedChildren.push(vue.createVNode(Item, {
-                style: itemStyle.value,
-                prefixCls,
-                key: `LoopKey${loopKey}`
-              }, {
-                default: () => [child]
-              }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+                }
+              });
             }
-          });
+          } else if (isValidElementNode(child)) {
+            extractedChildren.push(vue.createVNode(Item, {
+              style: itemStyle.value,
+              prefixCls,
+              key: `LoopKey${parentKey + loopKey}`
+            }, {
+              default: () => [child]
+            }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+          }
+        });
+        return extractedChildren;
+      }
+      return () => {
+        var _a;
+        const { spacer, direction } = props;
+        const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
+        if (((_a = children.children) != null ? _a : []).length === 0)
+          return null;
+        if (isArray(children.children)) {
+          let extractedChildren = extractChildren(children.children);
           if (spacer) {
             const len = extractedChildren.length - 1;
             extractedChildren = extractedChildren.reduce((acc, child, idx) => {
@@ -39824,11 +39969,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$j = {
+  const __default__$k = {
     name: "ElSteps"
   };
   const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+    ...__default__$k,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -39874,11 +40019,11 @@
     }
   });
 
-  const __default__$i = {
+  const __default__$j = {
     name: "ElStep"
   };
   const _sfc_main$s = vue.defineComponent({
-    ...__default__$i,
+    ...__default__$j,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -40151,11 +40296,11 @@
   const _hoisted_4$2 = ["aria-hidden"];
   const _hoisted_5$1 = ["aria-hidden"];
   const _hoisted_6 = ["aria-hidden"];
-  const __default__$h = {
+  const __default__$i = {
     name: "ElSwitch"
   };
   const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+    ...__default__$i,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
@@ -40265,7 +40410,8 @@
         input.value.checked = checked.value;
       });
       expose({
-        focus
+        focus,
+        checked
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -40690,6 +40836,7 @@
     function showPopper() {
       popperInstance && popperInstance.update();
     }
+    removePopper == null ? void 0 : removePopper();
     removePopper = () => {
       try {
         popperInstance && popperInstance.destroy();
@@ -42108,7 +42255,7 @@
   const _hoisted_1$c = { key: 0 };
   const _hoisted_2$8 = ["disabled"];
   const _hoisted_3$3 = ["label", "onClick"];
-  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
@@ -42221,7 +42368,7 @@
       _: 1
     }, 8, ["visible", "placement", "popper-class"]);
   }
-  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$7], ["__file", "filter-panel.vue"]]);
+  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$6], ["__file", "filter-panel.vue"]]);
 
   function useLayoutObserver(root) {
     const instance = vue.getCurrentInstance();
@@ -42796,7 +42943,7 @@
     const handleMouseLeave = debounce(() => {
       props.store.commit("setHoverRow", null);
     }, 30);
-    const handleCellMouseEnter = (event, row) => {
+    const handleCellMouseEnter = (event, row, tooltipEffect) => {
       var _a;
       const table = parent;
       const cell = getCell(event);
@@ -42821,7 +42968,7 @@
         createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, {
           placement: "top",
           strategy: "fixed"
-        }, row.tooltipEffect);
+        }, tooltipEffect);
       }
     };
     const handleCellMouseLeave = (event) => {
@@ -43040,7 +43187,7 @@
           key: `${patchKey}${baseKey}`,
           rowspan,
           colspan,
-          onMouseenter: ($event) => handleCellMouseEnter($event, { ...row, tooltipEffect }),
+          onMouseenter: ($event) => handleCellMouseEnter($event, row, tooltipEffect),
           onMouseleave: handleCellMouseLeave
         }, [tdChildren]);
       }));
@@ -43071,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 })])
               ])
             ]
@@ -43205,10 +43352,6 @@
         var _a;
         (_a = removePopper) == null ? void 0 : _a();
       });
-      vue.onUpdated(() => {
-        var _a;
-        (_a = removePopper) == null ? void 0 : _a();
-      });
       return {
         ns,
         onColumnsChange,
@@ -43538,7 +43681,7 @@
         layout.updateElsHeight();
       }
       layout.updateColumnsWidth();
-      requestAnimationFrame(syncPostion);
+      requestAnimationFrame(syncPosition);
     };
     vue.onMounted(async () => {
       await vue.nextTick();
@@ -43581,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) {
@@ -43613,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
         });
       }
@@ -43624,11 +43767,11 @@
       }
     };
     const resizeListener = () => {
-      var _a, _b;
-      if (!table.$ready)
+      var _a, _b, _c;
+      const el = table.vnode.el;
+      if (!table.$ready || !el)
         return;
       let shouldUpdateLayout = false;
-      const el = table.vnode.el;
       const {
         width: oldWidth,
         height: oldHeight,
@@ -43642,13 +43785,13 @@
       if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
         shouldUpdateLayout = true;
       }
-      const tableHeader = table.refs.headerWrapper;
+      const tableHeader = props.tableLayout === "fixed" ? table.refs.headerWrapper : (_a = table.refs.tableHeaderRef) == null ? void 0 : _a.$el;
       if (props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) !== oldHeaderHeight) {
         shouldUpdateLayout = true;
       }
-      tableScrollHeight.value = ((_a = table.refs.tableWrapper) == null ? void 0 : _a.scrollHeight) || 0;
+      tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
       headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
-      footerScrollHeight.value = ((_b = table.refs.footerWrapper) == null ? void 0 : _b.scrollHeight) || 0;
+      footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.scrollHeight) || 0;
       bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
@@ -43673,7 +43816,7 @@
       if (props.data && props.data.length)
         return null;
       let height = "100%";
-      if (bodyScrollHeight.value) {
+      if (props.height && bodyScrollHeight.value) {
         height = `${bodyScrollHeight.value}px`;
       }
       const width = tableWidth.value;
@@ -44003,7 +44146,7 @@
     ref: "hiddenColumns",
     class: "hidden-columns"
   };
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hColgroup = vue.resolveComponent("hColgroup");
     const _component_table_header = vue.resolveComponent("table-header");
     const _component_table_body = vue.resolveComponent("table-body");
@@ -44169,7 +44312,7 @@
       ])
     ], 46, _hoisted_1$b);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$6], ["__file", "table.vue"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$5], ["__file", "table.vue"]]);
 
   const defaultClassNames = {
     selection: "table-column--selection",
@@ -46850,11 +46993,11 @@
     }
   });
 
-  const __default__$g = {
+  const __default__$h = {
     name: "ElTabBar"
   };
   const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+    ...__default__$h,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47337,11 +47480,11 @@
   });
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$f = {
+  const __default__$g = {
     name: "ElTabPane"
   };
   const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+    ...__default__$g,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -47508,11 +47651,11 @@
     return formatTime(next);
   };
 
-  const __default__$e = {
+  const __default__$f = {
     name: "ElTimeSelect"
   };
   const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+    ...__default__$f,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -47676,11 +47819,11 @@
     }
   });
 
-  const __default__$d = {
+  const __default__$e = {
     name: "ElTimelineItem"
   };
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+    ...__default__$e,
     props: timelineItemProps,
     setup(__props) {
       const ns = useNamespace("timeline-item");
@@ -47879,11 +48022,11 @@
     }
   });
 
-  const __default__$c = {
+  const __default__$d = {
     name: "ElTooltipV2Root"
   };
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+    ...__default__$d,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47952,11 +48095,11 @@
   });
   var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-  const __default__$b = {
+  const __default__$c = {
     name: "ElTooltipV2Arrow"
   };
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+    ...__default__$c,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -47995,11 +48138,11 @@
     }
   });
 
-  const __default__$a = {
+  const __default__$b = {
     name: "ElVisuallyHidden"
   };
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+    ...__default__$b,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -48030,11 +48173,11 @@
   var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$9 = ["data-side"];
-  const __default__$9 = {
+  const __default__$a = {
     name: "ElTooltipV2Content"
   };
   const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+    ...__default__$a,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -48162,11 +48305,11 @@
     }
   });
 
-  const __default__$8 = {
+  const __default__$9 = {
     name: "ElTooltipV2Trigger"
   };
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$9,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -48245,11 +48388,11 @@
   });
   var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-  const __default__$7 = {
+  const __default__$8 = {
     name: "ElTooltipV2"
   };
   const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$8,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -48566,11 +48709,11 @@
     };
   };
 
-  const __default__$6 = {
+  const __default__$7 = {
     name: "ElTransferPanel"
   };
   const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...__default__$7,
     props: transferPanelProps,
     emits: transferPanelEmits,
     setup(__props, { expose, emit }) {
@@ -48683,11 +48826,11 @@
 
   const _hoisted_1$8 = { key: 0 };
   const _hoisted_2$6 = { key: 0 };
-  const __default__$5 = {
+  const __default__$6 = {
     name: "ElTransfer"
   };
   const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+    ...__default__$6,
     props: transferProps,
     emits: transferEmits,
     setup(__props, { expose, emit }) {
@@ -48862,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) {
@@ -49245,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);
@@ -49328,7 +49471,7 @@
     getNode(data) {
       if (data instanceof Node$1)
         return data;
-      const key = typeof data !== "object" ? data : getNodeKey(this.key, data);
+      const key = isObject$1(data) ? getNodeKey(this.key, data) : data;
       return this.nodesMap[key] || null;
     }
     insertBefore(data, refData) {
@@ -49939,7 +50082,7 @@
   });
   const _hoisted_1$7 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
   const _hoisted_2$5 = ["aria-expanded"];
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_loading = vue.resolveComponent("loading");
@@ -50044,7 +50187,7 @@
       [vue.vShow, _ctx.node.visible]
     ]);
   }
-  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$5], ["__file", "tree-node.vue"]]);
+  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$4], ["__file", "tree-node.vue"]]);
 
   function useKeydown({ el$ }, store) {
     const ns = useNamespace("tree");
@@ -50393,7 +50536,7 @@
       };
     }
   });
-  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -50435,7 +50578,7 @@
       ])
     ], 2);
   }
-  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$4], ["__file", "tree.vue"]]);
+  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$3], ["__file", "tree.vue"]]);
 
   Tree.install = (app) => {
     app.component(Tree.name, Tree);
@@ -51210,9 +51353,9 @@
     function toggleExpand(node) {
       const expandedKeys = expandedKeySet.value;
       if (expandedKeys.has(node.key)) {
-        collapse(node);
+        collapseNode(node);
       } else {
-        expand(node);
+        expandNode(node);
       }
     }
     function handleNodeClick(node, e) {
@@ -51234,9 +51377,9 @@
     function handleNodeCheck(node, checked) {
       toggleCheckbox(node, checked);
     }
-    function expand(node) {
+    function expandNode(node) {
       const keySet = expandedKeySet.value;
-      if ((tree == null ? void 0 : tree.value) && props.accordion) {
+      if (tree.value && props.accordion) {
         const { treeNodeMap } = tree.value;
         keySet.forEach((key) => {
           const node2 = treeNodeMap.get(key);
@@ -51248,7 +51391,7 @@
       keySet.add(node.key);
       emit(NODE_EXPAND, node.data, node);
     }
-    function collapse(node) {
+    function collapseNode(node) {
       expandedKeySet.value.delete(node.key);
       emit(NODE_COLLAPSE, node.data, node);
     }
@@ -51266,7 +51409,7 @@
       var _a, _b;
       if (!currentKey.value)
         return void 0;
-      return (_b = (_a = tree == null ? void 0 : tree.value) == null ? void 0 : _a.treeNodeMap.get(currentKey.value)) == null ? void 0 : _b.data;
+      return (_b = (_a = tree.value) == null ? void 0 : _a.treeNodeMap.get(currentKey.value)) == null ? void 0 : _b.data;
     }
     function getCurrentKey() {
       return currentKey.value;
@@ -51277,6 +51420,11 @@
     function setData(data) {
       vue.nextTick(() => tree.value = createTree(data));
     }
+    function getNode(data) {
+      var _a;
+      const key = isObject$1(data) ? getKey(data) : data;
+      return (_a = tree.value) == null ? void 0 : _a.treeNodeMap.get(key);
+    }
     return {
       tree,
       flattenTree,
@@ -51303,7 +51451,10 @@
       setChecked,
       setCheckedKeys,
       filter,
-      setData
+      setData,
+      getNode,
+      expandNode,
+      collapseNode
     };
   }
 
@@ -51372,7 +51523,7 @@
     }
   });
   const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     var _a, _b, _c;
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
@@ -51429,7 +51580,7 @@
       ], 6)
     ], 42, _hoisted_1$6);
   }
-  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__file", "tree-node.vue"]]);
+  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
 
   const _sfc_main$7 = vue.defineComponent({
     name: "ElTreeV2",
@@ -51471,7 +51622,10 @@
         setChecked,
         setCheckedKeys,
         filter,
-        setData
+        setData,
+        getNode,
+        expandNode,
+        collapseNode
       } = useTree(props, ctx.emit);
       ctx.expose({
         getCurrentNode,
@@ -51484,7 +51638,10 @@
         setChecked,
         setCheckedKeys,
         filter,
-        setData
+        setData,
+        getNode,
+        expandNode,
+        collapseNode
       });
       return {
         t,
@@ -51505,7 +51662,7 @@
       };
     }
   });
-  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     const _component_fixed_size_list = vue.resolveComponent("fixed-size-list");
@@ -51550,7 +51707,7 @@
       ], 2))
     ], 2);
   }
-  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2], ["__file", "tree.vue"]]);
+  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
 
   const ElTreeV2 = withInstall(TreeV2);
 
@@ -51766,11 +51923,11 @@
   const _hoisted_3$2 = ["onClick"];
   const _hoisted_4$1 = ["onClick"];
   const _hoisted_5 = ["onClick"];
-  const __default__$4 = {
+  const __default__$5 = {
     name: "ElUploadList"
   };
   const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+    ...__default__$5,
     props: uploadListProps,
     emits: uploadListEmits,
     setup(__props, { emit }) {
@@ -51939,11 +52096,11 @@
   };
 
   const _hoisted_1$4 = ["onDrop", "onDragover"];
-  const __default__$3 = {
+  const __default__$4 = {
     name: "ElUploadDrag"
   };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+    ...__default__$4,
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
@@ -52036,12 +52193,12 @@
 
   const _hoisted_1$3 = ["onKeydown"];
   const _hoisted_2$3 = ["name", "multiple", "accept"];
-  const __default__$2 = {
+  const __default__$3 = {
     name: "ElUploadContent",
     inheritAttrs: false
   };
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+    ...__default__$3,
     props: uploadContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -52322,11 +52479,11 @@
     };
   };
 
-  const __default__$1 = {
+  const __default__$2 = {
     name: "ElUpload"
   };
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+    ...__default__$2,
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -53042,11 +53199,11 @@
 
   const _hoisted_1$2 = ["id"];
   const _hoisted_2$2 = ["innerHTML"];
-  const __default__ = {
+  const __default__$1 = {
     name: "ElMessage"
   };
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+    ...__default__$1,
     props: messageProps,
     emits: messageEmits,
     setup(__props, { expose }) {
@@ -53549,7 +53706,7 @@
   const _hoisted_1$1 = ["aria-label", "aria-describedby"];
   const _hoisted_2$1 = ["aria-label"];
   const _hoisted_3$1 = ["id"];
-  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_close = vue.resolveComponent("close");
     const _component_el_input = vue.resolveComponent("el-input");
@@ -53747,7 +53904,7 @@
       _: 3
     });
   }
-  var MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "index.vue"]]);
+  var MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "index.vue"]]);
 
   const messageInstance = /* @__PURE__ */ new Map();
   const initInstance = (props, container, appContext = null) => {
@@ -53947,16 +54104,21 @@
     destroy: () => true
   };
 
-  const _sfc_main = vue.defineComponent({
-    name: "ElNotification",
-    components: {
-      ElIcon,
-      ...TypeComponents
-    },
+  const _hoisted_1 = ["id"];
+  const _hoisted_2 = ["textContent"];
+  const _hoisted_3 = { key: 0 };
+  const _hoisted_4 = ["innerHTML"];
+  const __default__ = {
+    name: "ElNotification"
+  };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
     props: notificationProps,
     emits: notificationEmits,
-    setup(props) {
+    setup(__props, { expose }) {
+      const props = __props;
       const ns = useNamespace("notification");
+      const { Close } = CloseComponents;
       const visible = vue.ref(false);
       let timer = void 0;
       const typeClass = vue.computed(() => {
@@ -53964,7 +54126,9 @@
         return type && TypeComponentsMap[props.type] ? ns.m(type) : "";
       });
       const iconComponent = vue.computed(() => {
-        return TypeComponentsMap[props.type] || props.icon || "";
+        if (!props.type)
+          return "";
+        return TypeComponentsMap[props.type] || props.icon;
       });
       const horizontalClass = vue.computed(() => props.position.endsWith("right") ? "right" : "left");
       const verticalProperty = vue.computed(() => props.position.startsWith("top") ? "top" : "bottom");
@@ -54004,91 +54168,77 @@
         visible.value = true;
       });
       useEventListener(document, "keydown", onKeydown);
-      return {
-        ns,
-        horizontalClass,
-        typeClass,
-        iconComponent,
-        positionStyle,
+      expose({
         visible,
-        close,
-        clearTimer,
-        startTimer
+        close
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Transition, {
+          name: vue.unref(ns).b("fade"),
+          onBeforeLeave: _ctx.onClose,
+          onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy")),
+          persisted: ""
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              id: _ctx.id,
+              class: vue.normalizeClass([vue.unref(ns).b(), _ctx.customClass, vue.unref(horizontalClass)]),
+              style: vue.normalizeStyle(vue.unref(positionStyle)),
+              role: "alert",
+              onMouseenter: clearTimer,
+              onMouseleave: startTimer,
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+            }, [
+              vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 0,
+                class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(typeClass)])
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("group"))
+              }, [
+                vue.createElementVNode("h2", {
+                  class: vue.normalizeClass(vue.unref(ns).e("title")),
+                  textContent: vue.toDisplayString(_ctx.title)
+                }, null, 10, _hoisted_2),
+                vue.withDirectives(vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("content")),
+                  style: vue.normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                    !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                      vue.createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
+                    ], 2112))
+                  ])
+                ], 6), [
+                  [vue.vShow, _ctx.message]
+                ]),
+                _ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 0,
+                  class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
+                  onClick: vue.withModifiers(close, ["stop"])
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(Close))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+              ], 2)
+            ], 46, _hoisted_1), [
+              [vue.vShow, visible.value]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name", "onBeforeLeave"]);
       };
     }
   });
-  const _hoisted_1 = ["id"];
-  const _hoisted_2 = ["textContent"];
-  const _hoisted_3 = { key: 0 };
-  const _hoisted_4 = ["innerHTML"];
-  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_close = vue.resolveComponent("close");
-    return vue.openBlock(), vue.createBlock(vue.Transition, {
-      name: _ctx.ns.b("fade"),
-      onBeforeLeave: _ctx.onClose,
-      onAfterLeave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("destroy")),
-      persisted: ""
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createElementVNode("div", {
-          id: _ctx.id,
-          class: vue.normalizeClass([_ctx.ns.b(), _ctx.customClass, _ctx.horizontalClass]),
-          style: vue.normalizeStyle(_ctx.positionStyle),
-          role: "alert",
-          onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
-          onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args)),
-          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-        }, [
-          _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 0,
-            class: vue.normalizeClass([_ctx.ns.e("icon"), _ctx.typeClass])
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(_ctx.ns.e("group"))
-          }, [
-            vue.createElementVNode("h2", {
-              class: vue.normalizeClass(_ctx.ns.e("title")),
-              textContent: vue.toDisplayString(_ctx.title)
-            }, null, 10, _hoisted_2),
-            vue.withDirectives(vue.createElementVNode("div", {
-              class: vue.normalizeClass(_ctx.ns.e("content")),
-              style: vue.normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
-            }, [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  vue.createCommentVNode(" Caution here, message could've been compromized, nerver use user's input as message "),
-                  vue.createCommentVNode(" eslint-disable-next-line "),
-                  vue.createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
-                ], 2112))
-              ])
-            ], 6), [
-              [vue.vShow, _ctx.message]
-            ]),
-            _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-              key: 0,
-              class: vue.normalizeClass(_ctx.ns.e("closeBtn")),
-              onClick: vue.withModifiers(_ctx.close, ["stop"])
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_close)
-              ]),
-              _: 1
-            }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-          ], 2)
-        ], 46, _hoisted_1), [
-          [vue.vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onBeforeLeave"]);
-  }
-  var NotificationConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "notification.vue"]]);
+  var NotificationConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "notification.vue"]]);
 
   const notifications = {
     "top-left": [],
@@ -54115,9 +54265,9 @@
     const id = `notification_${seed++}`;
     const userOnClose = options.onClose;
     const props = {
+      ...options,
       zIndex: nextZIndex(),
       offset: verticalOffset,
-      ...options,
       id,
       onClose: () => {
         close(id, position, userOnClose);