element-plus 2.2.12 → 2.2.15

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.12 */
+/*! Element Plus v2.2.15 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -202,7 +202,7 @@
     };
   }
 
-  function identity(value) {
+  function identity$1(value) {
     return value;
   }
 
@@ -272,7 +272,7 @@
 
   var metaMap = WeakMap && new WeakMap();
 
-  var baseSetData = !metaMap ? identity : function(func, data) {
+  var baseSetData = !metaMap ? identity$1 : function(func, data) {
     metaMap.set(func, data);
     return func;
   };
@@ -541,7 +541,7 @@
     }
   }();
 
-  var baseSetToString = !defineProperty ? identity : function(func, string) {
+  var baseSetToString = !defineProperty ? identity$1 : function(func, string) {
     return defineProperty(func, "toString", {
       "configurable": true,
       "enumerable": false,
@@ -957,7 +957,7 @@
   }
 
   function baseRest(func, start) {
-    return setToString(overRest(func, start, identity), func + "");
+    return setToString(overRest(func, start, identity$1), func + "");
   }
 
   var MAX_SAFE_INTEGER$4 = 9007199254740991;
@@ -2867,7 +2867,7 @@
       return value;
     }
     if (value == null) {
-      return identity;
+      return identity$1;
     }
     if (typeof value == "object") {
       return isArray$1(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
@@ -3372,7 +3372,7 @@
   }
 
   function castFunction(value) {
-    return typeof value == "function" ? value : identity;
+    return typeof value == "function" ? value : identity$1;
   }
 
   function forEach(collection, iteratee) {
@@ -3935,7 +3935,7 @@
       value = nativeObjectToString$1.call(value);
     }
     result[value] = key;
-  }, constant(identity));
+  }, constant(identity$1));
 
   var objectProto$4 = Object.prototype;
   var hasOwnProperty$5 = objectProto$4.hasOwnProperty;
@@ -4205,7 +4205,7 @@
   }
 
   function max$3(array) {
-    return array && array.length ? baseExtremum(array, identity, baseGt) : void 0;
+    return array && array.length ? baseExtremum(array, identity$1, baseGt) : void 0;
   }
 
   function maxBy(array, iteratee) {
@@ -4230,7 +4230,7 @@
   }
 
   function mean(array) {
-    return baseMean(array, identity);
+    return baseMean(array, identity$1);
   }
 
   function meanBy(array, iteratee) {
@@ -4254,7 +4254,7 @@
   });
 
   function min$3(array) {
-    return array && array.length ? baseExtremum(array, identity, baseLt) : void 0;
+    return array && array.length ? baseExtremum(array, identity$1, baseLt) : void 0;
   }
 
   function minBy(array, iteratee) {
@@ -4501,7 +4501,7 @@
         return iteratee;
       });
     } else {
-      iteratees = [identity];
+      iteratees = [identity$1];
     }
     var index = -1;
     iteratees = arrayMap(iteratees, baseUnary(baseIteratee));
@@ -5156,7 +5156,7 @@
       }
       return high;
     }
-    return baseSortedIndexBy(array, value, identity, retHighest);
+    return baseSortedIndexBy(array, value, identity$1, retHighest);
   }
 
   function sortedIndex(array, value) {
@@ -5280,7 +5280,7 @@
   }, 0);
 
   function sum$1(array) {
-    return array && array.length ? baseSum(array, identity) : 0;
+    return array && array.length ? baseSum(array, identity$1) : 0;
   }
 
   function sumBy(array, iteratee) {
@@ -6207,7 +6207,7 @@
     defaultTo,
     flow,
     flowRight,
-    identity,
+    identity: identity$1,
     iteratee,
     matches,
     matchesProperty,
@@ -6526,7 +6526,7 @@
   lodash.has = object.has;
   lodash.hasIn = object.hasIn;
   lodash.head = array.head;
-  lodash.identity = identity;
+  lodash.identity = identity$1;
   lodash.includes = collection.includes;
   lodash.indexOf = array.indexOf;
   lodash.inRange = number.inRange;
@@ -6695,7 +6695,7 @@
     };
   });
   LazyWrapper.prototype.compact = function() {
-    return this.filter(identity);
+    return this.filter(identity$1);
   };
   LazyWrapper.prototype.find = function(predicate) {
     return this.filter(predicate).head();
@@ -6891,44 +6891,36 @@
     return (e) => e.pointerType === "mouse" ? handler(e) : void 0;
   };
 
-  var __defProp$8 = Object.defineProperty;
-  var __defProps$5 = Object.defineProperties;
-  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$8 = (a, b) => {
+  var __defProp$9 = Object.defineProperty;
+  var __defProps$6 = Object.defineProperties;
+  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+  var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+  var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$9 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$a.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    if (__getOwnPropSymbols$a)
-      for (var prop of __getOwnPropSymbols$a(b)) {
-        if (__propIsEnum$a.call(b, prop))
-          __defNormalProp$8(a, prop, b[prop]);
+      if (__hasOwnProp$b.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    if (__getOwnPropSymbols$b)
+      for (var prop of __getOwnPropSymbols$b(b)) {
+        if (__propIsEnum$b.call(b, prop))
+          __defNormalProp$9(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
   function computedEager(fn, options) {
     var _a;
     const result = vue.shallowRef();
     vue.watchEffect(() => {
       result.value = fn();
-    }, __spreadProps$5(__spreadValues$8({}, options), {
+    }, __spreadProps$6(__spreadValues$9({}, options), {
       flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
     }));
     return vue.readonly(result);
   }
 
-  function tryOnScopeDispose(fn) {
-    if (vue.getCurrentScope()) {
-      vue.onScopeDispose(fn);
-      return true;
-    }
-    return false;
-  }
-
   var _a;
   const isClient = typeof window !== "undefined";
   const isDef = (val) => typeof val !== "undefined";
@@ -6939,6 +6931,10 @@
   };
   isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
+  function resolveUnref(r) {
+    return typeof r === "function" ? r() : vue.unref(r);
+  }
+
   function createFilterWrapper(filter, fn) {
     function wrapper(...args) {
       filter(() => fn.apply(this, args), { fn, thisArg: this, args });
@@ -6949,8 +6945,8 @@
     let timer;
     let maxTimer;
     const filter = (invoke) => {
-      const duration = vue.unref(ms);
-      const maxDuration = vue.unref(options.maxWait);
+      const duration = resolveUnref(ms);
+      const maxDuration = resolveUnref(options.maxWait);
       if (timer)
         clearTimeout(timer);
       if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
@@ -6988,7 +6984,7 @@
       }
     };
     const filter = (invoke) => {
-      const duration = vue.unref(ms);
+      const duration = resolveUnref(ms);
       const elapsed = Date.now() - lastExec;
       clear();
       if (duration <= 0) {
@@ -7012,6 +7008,17 @@
     };
     return filter;
   }
+  function identity(arg) {
+    return arg;
+  }
+
+  function tryOnScopeDispose(fn) {
+    if (vue.getCurrentScope()) {
+      vue.onScopeDispose(fn);
+      return true;
+    }
+    return false;
+  }
 
   function useDebounceFn(fn, ms = 200, options = {}) {
     return createFilterWrapper(debounceFilter(ms, options), fn);
@@ -7028,7 +7035,7 @@
     return debounced;
   }
 
-  function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
+  function useThrottleFn(fn, ms = 200, trailing = false, leading = true) {
     return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
   }
 
@@ -7064,7 +7071,7 @@
         isPending.value = false;
         timer = null;
         cb(...args);
-      }, vue.unref(interval));
+      }, resolveUnref(interval));
     }
     if (immediate) {
       isPending.value = true;
@@ -7081,7 +7088,7 @@
 
   function unrefElement(elRef) {
     var _a;
-    const plain = vue.unref(elRef);
+    const plain = resolveUnref(elRef);
     return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
   }
 
@@ -7121,7 +7128,7 @@
   }
 
   function onClickOutside(target, handler, options = {}) {
-    const { window = defaultWindow, ignore, capture = true } = options;
+    const { window = defaultWindow, ignore, capture = true, detectIframe = false } = options;
     if (!window)
       return;
     const shouldListen = vue.ref(true);
@@ -7153,12 +7160,26 @@
           e.composedPath = () => path;
           fallback = window.setTimeout(() => listener(e), 50);
         }
-      }, { passive: true })
-    ];
+      }, { passive: true }),
+      detectIframe && useEventListener(window, "blur", (event) => {
+        var _a;
+        const el = unrefElement(target);
+        if (((_a = document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(document.activeElement)))
+          handler(event);
+      })
+    ].filter(Boolean);
     const stop = () => cleanup.forEach((fn) => fn());
     return stop;
   }
 
+  function useSupported(callback, sync = false) {
+    const isSupported = vue.ref();
+    const update = () => isSupported.value = Boolean(callback());
+    update();
+    tryOnMounted(update, sync);
+    return isSupported;
+  }
+
   const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
   const globalKey = "__vueuse_ssr_handlers__";
   _global[globalKey] = _global[globalKey] || {};
@@ -7174,17 +7195,17 @@
     return visibility;
   }
 
-  var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-  var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-  var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+  var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+  var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+  var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
   var __objRest$2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$d)
-      for (var prop of __getOwnPropSymbols$d(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
+    if (source != null && __getOwnPropSymbols$f)
+      for (var prop of __getOwnPropSymbols$f(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -7192,7 +7213,7 @@
   function useResizeObserver(target, callback, options = {}) {
     const _a = options, { window = defaultWindow } = _a, observerOptions = __objRest$2(_a, ["window"]);
     let observer;
-    const isSupported = window && "ResizeObserver" in window;
+    const isSupported = useSupported(() => window && "ResizeObserver" in window);
     const cleanup = () => {
       if (observer) {
         observer.disconnect();
@@ -7201,7 +7222,7 @@
     };
     const stopWatch = vue.watch(() => unrefElement(target), (el) => {
       cleanup();
-      if (isSupported && window && el) {
+      if (isSupported.value && window && el) {
         observer = new ResizeObserver(callback);
         observer.observe(el, observerOptions);
       }
@@ -7289,8 +7310,54 @@
     SwipeDirection2["NONE"] = "NONE";
   })(SwipeDirection || (SwipeDirection = {}));
 
+  var __defProp = Object.defineProperty;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _TransitionPresets = {
+    easeInSine: [0.12, 0, 0.39, 0],
+    easeOutSine: [0.61, 1, 0.88, 1],
+    easeInOutSine: [0.37, 0, 0.63, 1],
+    easeInQuad: [0.11, 0, 0.5, 0],
+    easeOutQuad: [0.5, 1, 0.89, 1],
+    easeInOutQuad: [0.45, 0, 0.55, 1],
+    easeInCubic: [0.32, 0, 0.67, 0],
+    easeOutCubic: [0.33, 1, 0.68, 1],
+    easeInOutCubic: [0.65, 0, 0.35, 1],
+    easeInQuart: [0.5, 0, 0.75, 0],
+    easeOutQuart: [0.25, 1, 0.5, 1],
+    easeInOutQuart: [0.76, 0, 0.24, 1],
+    easeInQuint: [0.64, 0, 0.78, 0],
+    easeOutQuint: [0.22, 1, 0.36, 1],
+    easeInOutQuint: [0.83, 0, 0.17, 1],
+    easeInExpo: [0.7, 0, 0.84, 0],
+    easeOutExpo: [0.16, 1, 0.3, 1],
+    easeInOutExpo: [0.87, 0, 0.13, 1],
+    easeInCirc: [0.55, 0, 1, 0.45],
+    easeOutCirc: [0, 0.55, 0.45, 1],
+    easeInOutCirc: [0.85, 0, 0.15, 1],
+    easeInBack: [0.36, 0, 0.66, -0.56],
+    easeOutBack: [0.34, 1.56, 0.64, 1],
+    easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+  };
+  __spreadValues({
+    linear: identity
+  }, _TransitionPresets);
+
   function useVModel(props, key, emit, options = {}) {
-    var _a;
+    var _a, _b, _c;
     const {
       passive = false,
       eventName,
@@ -7298,7 +7365,7 @@
       defaultValue
     } = options;
     const vm = vue.getCurrentInstance();
-    const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm));
+    const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm)) || ((_c = (_b = vm == null ? void 0 : vm.proxy) == null ? void 0 : _b.$emit) == null ? void 0 : _c.bind(vm == null ? void 0 : vm.proxy));
     let event = eventName;
     if (!key) {
       {
@@ -7342,7 +7409,13 @@
     return focused;
   }
 
-  function useWindowSize({ window = defaultWindow, initialWidth = Infinity, initialHeight = Infinity } = {}) {
+  function useWindowSize(options = {}) {
+    const {
+      window = defaultWindow,
+      initialWidth = Infinity,
+      initialHeight = Infinity,
+      listenOrientation = true
+    } = options;
     const width = vue.ref(initialWidth);
     const height = vue.ref(initialHeight);
     const update = () => {
@@ -7354,6 +7427,8 @@
     update();
     tryOnMounted(update);
     useEventListener("resize", update, { passive: true });
+    if (listenOrientation)
+      useEventListener("orientationchange", update, { passive: true });
     return { width, height };
   }
 
@@ -8839,6 +8914,72 @@
     };
   };
 
+  const defaultNamespace = "el";
+  const statePrefix = "is-";
+  const _bem = (namespace, block, blockSuffix, element, modifier) => {
+    let cls = `${namespace}-${block}`;
+    if (blockSuffix) {
+      cls += `-${blockSuffix}`;
+    }
+    if (element) {
+      cls += `__${element}`;
+    }
+    if (modifier) {
+      cls += `--${modifier}`;
+    }
+    return cls;
+  };
+  const useNamespace = (block) => {
+    const globalConfig = useGlobalConfig("namespace");
+    const namespace = vue.computed(() => globalConfig.value || defaultNamespace);
+    const b = (blockSuffix = "") => _bem(vue.unref(namespace), block, blockSuffix, "", "");
+    const e = (element) => element ? _bem(vue.unref(namespace), block, "", element, "") : "";
+    const m = (modifier) => modifier ? _bem(vue.unref(namespace), block, "", "", modifier) : "";
+    const be = (blockSuffix, element) => blockSuffix && element ? _bem(vue.unref(namespace), block, blockSuffix, element, "") : "";
+    const em = (element, modifier) => element && modifier ? _bem(vue.unref(namespace), block, "", element, modifier) : "";
+    const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(vue.unref(namespace), block, blockSuffix, "", modifier) : "";
+    const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(vue.unref(namespace), block, blockSuffix, element, modifier) : "";
+    const is = (name, ...args) => {
+      const state = args.length >= 1 ? args[0] : true;
+      return name && state ? `${statePrefix}${name}` : "";
+    };
+    const cssVar = (object) => {
+      const styles = {};
+      for (const key in object) {
+        if (object[key]) {
+          styles[`--${namespace.value}-${key}`] = object[key];
+        }
+      }
+      return styles;
+    };
+    const cssVarBlock = (object) => {
+      const styles = {};
+      for (const key in object) {
+        if (object[key]) {
+          styles[`--${namespace.value}-${block}-${key}`] = object[key];
+        }
+      }
+      return styles;
+    };
+    const cssVarName = (name) => `--${namespace.value}-${name}`;
+    const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
+    return {
+      namespace,
+      b,
+      e,
+      m,
+      be,
+      em,
+      bm,
+      bem,
+      is,
+      cssVar,
+      cssVarName,
+      cssVarBlock,
+      cssVarBlockName
+    };
+  };
+
   const defaultIdInjection = {
     prefix: Math.floor(Math.random() * 1e4),
     current: 0
@@ -8846,7 +8987,8 @@
   const ID_INJECTION_KEY = Symbol("elIdInjection");
   const useId = (deterministicId) => {
     const idInjection = vue.inject(ID_INJECTION_KEY, defaultIdInjection);
-    const idRef = vue.computed(() => vue.unref(deterministicId) || `el-id-${idInjection.prefix}-${idInjection.current++}`);
+    const namespace = useGlobalConfig("namespace", defaultNamespace);
+    const idRef = vue.computed(() => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
     return idRef;
   };
 
@@ -9287,72 +9429,6 @@
     return cRef;
   }
 
-  const defaultNamespace = "el";
-  const statePrefix = "is-";
-  const _bem = (namespace, block, blockSuffix, element, modifier) => {
-    let cls = `${namespace}-${block}`;
-    if (blockSuffix) {
-      cls += `-${blockSuffix}`;
-    }
-    if (element) {
-      cls += `__${element}`;
-    }
-    if (modifier) {
-      cls += `--${modifier}`;
-    }
-    return cls;
-  };
-  const useNamespace = (block) => {
-    const globalConfig = useGlobalConfig("namespace");
-    const namespace = vue.computed(() => globalConfig.value || defaultNamespace);
-    const b = (blockSuffix = "") => _bem(vue.unref(namespace), block, blockSuffix, "", "");
-    const e = (element) => element ? _bem(vue.unref(namespace), block, "", element, "") : "";
-    const m = (modifier) => modifier ? _bem(vue.unref(namespace), block, "", "", modifier) : "";
-    const be = (blockSuffix, element) => blockSuffix && element ? _bem(vue.unref(namespace), block, blockSuffix, element, "") : "";
-    const em = (element, modifier) => element && modifier ? _bem(vue.unref(namespace), block, "", element, modifier) : "";
-    const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(vue.unref(namespace), block, blockSuffix, "", modifier) : "";
-    const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(vue.unref(namespace), block, blockSuffix, element, modifier) : "";
-    const is = (name, ...args) => {
-      const state = args.length >= 1 ? args[0] : true;
-      return name && state ? `${statePrefix}${name}` : "";
-    };
-    const cssVar = (object) => {
-      const styles = {};
-      for (const key in object) {
-        if (object[key]) {
-          styles[`--${namespace.value}-${key}`] = object[key];
-        }
-      }
-      return styles;
-    };
-    const cssVarBlock = (object) => {
-      const styles = {};
-      for (const key in object) {
-        if (object[key]) {
-          styles[`--${namespace.value}-${block}-${key}`] = object[key];
-        }
-      }
-      return styles;
-    };
-    const cssVarName = (name) => `--${namespace.value}-${name}`;
-    const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-    return {
-      namespace,
-      b,
-      e,
-      m,
-      be,
-      em,
-      bm,
-      bem,
-      is,
-      cssVar,
-      cssVarName,
-      cssVarBlock,
-      cssVarBlockName
-    };
-  };
-
   const useLockscreen = (trigger) => {
     if (!vue.isRef(trigger)) {
       throwError("[useLockscreen]", "You need to pass a ref param to this function");
@@ -9364,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) => {
@@ -9379,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);
     });
@@ -10902,7 +10976,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "2.2.12";
+  const version$1 = "2.2.15";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10951,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 }) {
@@ -11070,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;
@@ -11137,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 }) {
@@ -11406,15 +11480,15 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const _hoisted_1$13 = ["role"];
+  const _hoisted_1$14 = ["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 }) {
@@ -11833,7 +11907,7 @@
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$13)), [
+        ], 16, _hoisted_1$14)), [
           [vue.vShow, _ctx.type !== "hidden"]
         ]);
       };
@@ -12108,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 }) {
@@ -12275,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;
@@ -12312,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;
@@ -12393,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]);
   }
 
@@ -12414,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;
@@ -12821,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({
@@ -12981,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 }) {
@@ -13356,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,
@@ -13411,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)) {
@@ -13476,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,
@@ -13498,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({
@@ -13616,9 +13691,9 @@
       };
     }
   });
-  const _hoisted_1$12 = ["innerHTML"];
+  const _hoisted_1$13 = ["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");
@@ -13674,7 +13749,7 @@
               _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
                 innerHTML: _ctx.content
-              }, null, 8, _hoisted_1$12)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+              }, null, 8, _hoisted_1$13)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
             ]),
             _ctx.compatShowArrow ? (vue.openBlock(), vue.createBlock(_component_el_popper_arrow, {
               key: 0,
@@ -13687,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);
 
@@ -13759,15 +13834,15 @@
     select: (item) => isObject$1(item)
   };
 
-  const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
+  const _hoisted_1$12 = ["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 }) {
@@ -14084,7 +14159,7 @@
                   ])
                 } : void 0
               ]), 1040, ["model-value", "onKeydown"])
-            ], 14, _hoisted_1$11)
+            ], 14, _hoisted_1$12)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -14125,12 +14200,12 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$10 = ["src", "alt", "srcset"];
-  const __default__$1f = {
+  const _hoisted_1$11 = ["src", "alt", "srcset"];
+  const __default__$1g = {
     name: "ElAvatar"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14174,7 +14249,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$10)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$11)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -14210,12 +14285,12 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$$ = ["onClick"];
-  const __default__$1e = {
+  const _hoisted_1$10 = ["onClick"];
+  const __default__$1f = {
     name: "ElBacktop"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14290,7 +14365,7 @@
                   _: 1
                 }, 8, ["class"])
               ])
-            ], 14, _hoisted_1$$)) : vue.createCommentVNode("v-if", true)
+            ], 14, _hoisted_1$10)) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 8, ["name"]);
@@ -14319,12 +14394,12 @@
     }
   });
 
-  const _hoisted_1$_ = ["textContent"];
-  const __default__$1d = {
+  const _hoisted_1$$ = ["textContent"];
+  const __default__$1e = {
     name: "ElBadge"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14358,7 +14433,7 @@
                   vue.unref(ns).is("dot", _ctx.isDot)
                 ]),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 10, _hoisted_1$_), [
+              }, null, 10, _hoisted_1$$), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
               ])
             ]),
@@ -14383,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;
@@ -14426,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;
@@ -15460,12 +15535,12 @@
     });
   }
 
-  const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$1a = {
+  const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
+  const __default__$1b = {
     name: "ElButton"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15562,7 +15637,7 @@
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$Z);
+        ], 14, _hoisted_1$_);
       };
     }
   });
@@ -15573,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;
@@ -16227,13 +16302,13 @@
     unlinkPanels: Boolean
   });
 
-  const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_1$Z = ["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",
@@ -16251,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();
@@ -16272,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) => {
@@ -16369,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);
@@ -16377,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;
             }
@@ -16387,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;
@@ -16781,7 +16854,7 @@
                 onChange: handleStartChange,
                 onFocus: handleFocusInput,
                 onBlur: handleBlurInput
-              }, null, 42, _hoisted_1$Y),
+              }, null, 42, _hoisted_1$Z),
               vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
@@ -17142,7 +17215,7 @@
     ...disabledTimeListsProps
   });
 
-  const _hoisted_1$X = ["onClick"];
+  const _hoisted_1$Y = ["onClick"];
   const _hoisted_2$C = ["onMouseenter"];
   const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
@@ -17251,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];
@@ -17358,7 +17439,7 @@
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(("0" + key).slice(-2)), 1)
                     ], 64))
-                  ], 10, _hoisted_1$X);
+                  ], 10, _hoisted_1$Y);
                 }), 128))
               ]),
               _: 2
@@ -17581,7 +17662,7 @@
     }
   });
 
-  const _hoisted_1$W = ["disabled"];
+  const _hoisted_1$X = ["disabled"];
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
@@ -17842,7 +17923,7 @@
               class: vue.normalizeClass([vue.unref(nsTime).be("panel", "btn"), "confirm"]),
               disabled: vue.unref(btnConfirmDisabled),
               onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$W)
+            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$X)
           ], 2)
         ], 2)) : vue.createCommentVNode("v-if", true);
       };
@@ -17929,13 +18010,13 @@
     pick: (value) => isObject$1(value)
   };
 
-  const _hoisted_1$V = { key: 0 };
+  const _hoisted_1$W = { 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 }) {
@@ -18035,7 +18116,7 @@
           cellspacing: "0",
           cellpadding: "0"
         }, [
-          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$V, [
+          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$W, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(weekDays), (day) => {
               return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
             }), 128))
@@ -18090,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 }) {
@@ -18325,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");
@@ -18418,14 +18499,14 @@
     change: (current, prev) => [current, prev].every(isNumber)
   };
 
-  const _hoisted_1$U = ["onMouseenter", "onMouseleave"];
+  const _hoisted_1$V = ["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 }) {
@@ -18728,7 +18809,7 @@
               ], 42, _hoisted_2$A);
             }), 128))
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 42, _hoisted_1$U);
+        ], 42, _hoisted_1$V);
       };
     }
   });
@@ -18742,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;
@@ -18965,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,
@@ -19026,7 +19106,7 @@
       if (toTypeString(value) === "[object Boolean]") {
         return value;
       } else if (Array.isArray(value)) {
-        return value.includes(props.label);
+        return value.map(vue.toRaw).includes(props.label);
       } else if (value !== null && value !== void 0) {
         return value === props.trueLabel;
       } else {
@@ -19115,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 {
@@ -19169,14 +19248,14 @@
     };
   };
 
-  const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
+  const _hoisted_1$U = ["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) {
@@ -19257,7 +19336,7 @@
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(vue.unref(ns).e("inner"))
               }, null, 2)
-            ], 10, _hoisted_1$T),
+            ], 10, _hoisted_1$U),
             vue.unref(hasOwnLabel) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: vue.normalizeClass(vue.unref(ns).e("label"))
@@ -19275,13 +19354,13 @@
   });
   var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox.vue"]]);
 
-  const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_1$T = ["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) {
@@ -19323,7 +19402,7 @@
             onChange: _cache[1] || (_cache[1] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
             onFocus: _cache[2] || (_cache[2] = ($event) => focus.value = true),
             onBlur: _cache[3] || (_cache[3] = ($event) => focus.value = false)
-          }, null, 42, _hoisted_1$S)), [
+          }, null, 42, _hoisted_1$T)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
@@ -19355,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 }) {
@@ -19392,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")
@@ -19482,12 +19561,12 @@
     };
   };
 
-  const _hoisted_1$R = ["value", "name", "disabled"];
-  const __default__$$ = {
+  const _hoisted_1$S = ["value", "name", "disabled"];
+  const __default__$10 = {
     name: "ElRadio"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$10,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19528,7 +19607,7 @@
               onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
               onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
               onChange: handleChange
-            }, null, 42, _hoisted_1$R), [
+            }, null, 42, _hoisted_1$S), [
               [vue.vModelRadio, vue.unref(modelValue)]
             ]),
             vue.createElementVNode("span", {
@@ -19558,12 +19637,12 @@
     }
   });
 
-  const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$_ = {
+  const _hoisted_1$R = ["value", "name", "disabled"];
+  const __default__$$ = {
     name: "ElRadioButton"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$$,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19599,7 +19678,7 @@
             disabled: vue.unref(disabled),
             onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
             onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
-          }, null, 42, _hoisted_1$Q), [
+          }, null, 42, _hoisted_1$R), [
             [vue.vModelRadio, vue.unref(modelValue)]
           ]),
           vue.createElementVNode("span", {
@@ -19652,12 +19731,12 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
-  const __default__$Z = {
+  const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
+  const __default__$_ = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$_,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19704,7 +19783,7 @@
           "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$P);
+        ], 10, _hoisted_1$Q);
       };
     }
   });
@@ -19856,9 +19935,9 @@
       };
     }
   });
-  const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+  const _hoisted_1$P = ["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");
@@ -19939,9 +20018,9 @@
           _: 1
         }, 8, ["class"]))
       ], 64)) : vue.createCommentVNode("v-if", true)
-    ], 42, _hoisted_1$O);
+    ], 42, _hoisted_1$P);
   }
-  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",
@@ -20021,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");
@@ -20074,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";
@@ -20549,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)]),
@@ -20566,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);
@@ -20604,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 }) {
@@ -20794,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);
@@ -20810,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");
@@ -20836,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());
           }
         }
       });
@@ -20860,9 +20937,7 @@
             updatePopperPosition();
             vue.nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
           } else if (props.filterable) {
-            const { value } = presentText;
-            inputValue.value = value;
-            searchInputValue.value = value;
+            syncPresentTextValue();
           }
           emit("visible-change", visible);
         }
@@ -21019,8 +21094,16 @@
       const handleClear = () => {
         var _a;
         (_a = panel.value) == null ? void 0 : _a.clearCheckedNodes();
+        if (!popperVisible.value && props.filterable) {
+          syncPresentTextValue();
+        }
         togglePopperVisible(false);
       };
+      const syncPresentTextValue = () => {
+        const { value } = presentText;
+        inputValue.value = value;
+        searchInputValue.value = value;
+      };
       const handleSuggestionClick = (node) => {
         var _a, _b;
         const { checked } = node;
@@ -21050,7 +21133,7 @@
         const tags = presentTags.value;
         const lastTag = tags[tags.length - 1];
         pressDeleteCount = searchInputValue.value ? 0 : pressDeleteCount + 1;
-        if (!lastTag || !pressDeleteCount)
+        if (!lastTag || !pressDeleteCount || props.collapseTags && tags.length > 1)
           return;
         if (lastTag.hitState) {
           deleteTag(lastTag);
@@ -21135,10 +21218,10 @@
       };
     }
   });
-  const _hoisted_1$N = { key: 0 };
+  const _hoisted_1$O = { 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");
@@ -21246,7 +21329,7 @@
                 onClose: ($event) => _ctx.deleteTag(tag)
               }, {
                 default: vue.withCtx(() => [
-                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$N, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
                     key: 1,
                     teleported: false,
                     disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
@@ -21366,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);
@@ -21385,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 }) {
@@ -21457,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;
@@ -21531,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 }) {
@@ -21586,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 = {
@@ -21675,14 +21758,14 @@
     disabled: Boolean
   });
 
-  const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
+  const _hoisted_1$N = ["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;
@@ -21754,7 +21837,7 @@
                 _: 1
               }, 8, ["class"])
             ], 42, _hoisted_2$v)
-          ], 8, _hoisted_1$M),
+          ], 8, _hoisted_1$N),
           vue.createVNode(vue.unref(_CollapseTransition), null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.createElementVNode("div", {
@@ -21926,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)])
     }, [
@@ -21948,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",
@@ -22043,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)])
     }, [
@@ -22062,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 = () => {
@@ -22382,8 +22465,8 @@
       };
     }
   });
-  const _hoisted_1$L = ["onClick"];
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$M = ["onClick"];
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -22403,12 +22486,12 @@
             vue.createElementVNode("div", {
               style: vue.normalizeStyle({ backgroundColor: item.value })
             }, null, 4)
-          ], 10, _hoisted_1$L);
+          ], 10, _hoisted_1$M);
         }), 128))
       ], 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",
@@ -22480,11 +22563,11 @@
       };
     }
   });
-  const _hoisted_1$K = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+  const _hoisted_1$L = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
   const _hoisted_2$u = [
-    _hoisted_1$K
+    _hoisted_1$L
   ];
-  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({
@@ -22506,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",
@@ -22554,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();
@@ -22580,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;
@@ -22589,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) {
@@ -22645,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(() => {
@@ -22665,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();
       }
@@ -22715,8 +22795,8 @@
       };
     }
   });
-  const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$K = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
+  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");
@@ -22739,7 +22819,7 @@
       "stop-popper-mouse-event": false,
       effect: "light",
       trigger: "click",
-      transition: "el-zoom-in-top",
+      transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
       persistent: ""
     }, {
       content: vue.withCtx(() => [
@@ -22865,12 +22945,12 @@
               ], 6)
             ], 2)
           ], 2)
-        ], 42, _hoisted_1$J)
+        ], 42, _hoisted_1$K)
       ]),
       _: 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);
@@ -22921,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
@@ -22962,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,
@@ -22989,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,
@@ -23016,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,
@@ -23047,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) => {
@@ -23404,7 +23484,7 @@
     }
   });
 
-  const _hoisted_1$I = ["aria-label"];
+  const _hoisted_1$J = ["aria-label"];
   const _hoisted_2$t = {
     key: 0,
     scope: "col"
@@ -23752,7 +23832,7 @@
               ], 2);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$I);
+        ], 42, _hoisted_1$J);
       };
     }
   });
@@ -23763,7 +23843,7 @@
     selectionMode: selectionModeWithDefault("month")
   });
 
-  const _hoisted_1$H = ["aria-label"];
+  const _hoisted_1$I = ["aria-label"];
   const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
   const _hoisted_3$f = { class: "cell" };
   const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
@@ -23955,7 +24035,7 @@
               ]);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$H);
+        ], 42, _hoisted_1$I);
       };
     }
   });
@@ -23968,7 +24048,7 @@
     parsedValue
   });
 
-  const _hoisted_1$G = ["aria-label"];
+  const _hoisted_1$H = ["aria-label"];
   const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
   const _hoisted_3$e = { class: "cell" };
   const _hoisted_4$a = { key: 1 };
@@ -24062,13 +24142,13 @@
               ]);
             }), 64))
           ], 512)
-        ], 10, _hoisted_1$G);
+        ], 10, _hoisted_1$H);
       };
     }
   });
   var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "basic-year-table.vue"]]);
 
-  const _hoisted_1$F = ["onClick"];
+  const _hoisted_1$G = ["onClick"];
   const _hoisted_2$q = ["aria-label"];
   const _hoisted_3$d = ["aria-label"];
   const _hoisted_4$9 = ["aria-label"];
@@ -24479,7 +24559,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => handleShortcutClick(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$F);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$G);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -24793,7 +24873,7 @@
     };
   };
 
-  const _hoisted_1$E = ["onClick"];
+  const _hoisted_1$F = ["onClick"];
   const _hoisted_2$p = ["disabled"];
   const _hoisted_3$c = ["disabled"];
   const _hoisted_4$8 = ["disabled"];
@@ -25144,7 +25224,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$E);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$F);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -25489,14 +25569,14 @@
     };
   };
 
-  const _hoisted_1$D = ["onClick"];
+  const _hoisted_1$E = ["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 }) {
@@ -25594,7 +25674,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$D);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$E);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -25868,12 +25948,12 @@
     }
   });
 
-  const _hoisted_1$C = { key: 1 };
-  const __default__$M = {
+  const _hoisted_1$D = { key: 1 };
+  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, {});
@@ -25899,7 +25979,7 @@
               }, null, 8, ["cell"]);
             }), 128))
           ])
-        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$C, [
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$D, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: `tr3-${index}`
@@ -25954,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;
@@ -26206,11 +26286,11 @@
     close: () => true
   };
 
-  const _hoisted_1$B = ["aria-label"];
+  const _hoisted_1$C = ["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) {
@@ -26263,7 +26343,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])
-            ], 10, _hoisted_1$B)) : vue.createCommentVNode("v-if", true)
+            ], 10, _hoisted_1$C)) : vue.createCommentVNode("v-if", true)
           ], 2),
           vue.createElementVNode("div", {
             id: vue.unref(bodyId),
@@ -26452,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;
           }
@@ -26503,12 +26583,12 @@
     };
   };
 
-  const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$J = {
+  const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
+  const __default__$K = {
     name: "ElDialog"
   };
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+    ...__default__$K,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -26631,7 +26711,7 @@
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
-                  ], 42, _hoisted_1$A)
+                  ], 42, _hoisted_1$B)
                 ]),
                 _: 3
               }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -26665,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;
@@ -26756,11 +26836,11 @@
       };
     }
   });
-  const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
+  const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
   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");
@@ -26858,7 +26938,7 @@
                     }, [
                       vue.renderSlot(_ctx.$slots, "footer")
                     ], 2)) : vue.createCommentVNode("v-if", true)
-                  ], 14, _hoisted_1$z)
+                  ], 14, _hoisted_1$A)
                 ]),
                 _: 3
               }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -26872,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) => {
@@ -27111,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",
@@ -27123,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, {
@@ -27138,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: {
@@ -27225,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,
@@ -27238,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,
@@ -27464,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");
@@ -27596,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",
@@ -27649,8 +27729,8 @@
       };
     }
   });
-  const _hoisted_1$y = ["aria-disabled", "tabindex", "role"];
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$z = ["aria-disabled", "tabindex", "role"];
+  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({
@@ -27677,10 +27757,10 @@
           _: 1
         })) : vue.createCommentVNode("v-if", true),
         vue.renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$y)
+      ], 16, _hoisted_1$z)
     ], 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", {});
@@ -27756,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");
@@ -27787,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",
@@ -27852,8 +27932,8 @@
       };
     }
   });
-  const _hoisted_1$x = ["role", "aria-labelledby"];
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$y = ["role", "aria-labelledby"];
+  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -27867,9 +27947,9 @@
       onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
     }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 46, _hoisted_1$x);
+    ], 46, _hoisted_1$y);
   }
-  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,
@@ -27889,7 +27969,7 @@
       };
     }
   });
-  const _hoisted_1$w = {
+  const _hoisted_1$x = {
     viewBox: "0 0 79 86",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
@@ -27935,8 +28015,8 @@
   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) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
           id: `linearGradient-1-${_ctx.id}`,
@@ -28054,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: {
@@ -28068,13 +28148,13 @@
     }
   };
 
-  const _hoisted_1$v = ["src"];
+  const _hoisted_1$w = ["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;
@@ -28096,7 +28176,7 @@
               key: 0,
               src: _ctx.image,
               ondragstart: "return false"
-            }, null, 8, _hoisted_1$v)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+            }, null, 8, _hoisted_1$w)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
               vue.createVNode(ImgEmpty)
             ])
           ], 6),
@@ -28129,6 +28209,11 @@
       values: ["left", "right", "top"],
       default: "right"
     },
+    requireAsteriskPosition: {
+      type: String,
+      values: ["left", "right"],
+      default: "left"
+    },
     labelWidth: {
       type: [String, Number],
       default: ""
@@ -28200,11 +28285,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 }) {
@@ -29508,12 +29593,12 @@
     }
   });
 
-  const _hoisted_1$u = ["role", "aria-labelledby"];
-  const __default__$F = {
+  const _hoisted_1$v = ["role", "aria-labelledby"];
+  const __default__$G = {
     name: "ElFormItem"
   };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$G,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -29560,6 +29645,7 @@
         ns.is("success", validateState.value === "success"),
         ns.is("required", isRequired.value || props.required),
         ns.is("no-asterisk", formContext == null ? void 0 : formContext.hideRequiredAsterisk),
+        (formContext == null ? void 0 : formContext.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
         { [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon }
       ]);
       const _inlineMessage = vue.computed(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
@@ -29790,7 +29876,7 @@
               _: 3
             }, 8, ["name"])
           ], 6)
-        ], 10, _hoisted_1$u);
+        ], 10, _hoisted_1$v);
       };
     }
   });
@@ -29835,12 +29921,12 @@
     switch: (index) => isNumber(index)
   };
 
-  const _hoisted_1$t = ["src"];
-  const __default__$E = {
+  const _hoisted_1$u = ["src"];
+  const __default__$F = {
     name: "ElImageViewer"
   };
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$F,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { emit }) {
@@ -30203,7 +30289,7 @@
                       onLoad: handleImgLoad,
                       onError: handleImgError,
                       onMousedown: handleMouseDown
-                    }, null, 46, _hoisted_1$t)), [
+                    }, null, 46, _hoisted_1$u)), [
                       [vue.vShow, i === index.value]
                     ]);
                   }), 128))
@@ -30278,14 +30364,14 @@
     show: () => true
   };
 
-  const _hoisted_1$s = ["src", "loading"];
+  const _hoisted_1$t = ["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 }) {
@@ -30444,7 +30530,7 @@
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
-          }), null, 16, _hoisted_1$s)) : vue.createCommentVNode("v-if", true),
+          }), null, 16, _hoisted_1$t)) : vue.createCommentVNode("v-if", true),
           isLoading.value || hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
@@ -30543,13 +30629,13 @@
     [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
-  const _hoisted_1$r = ["aria-label", "onKeydown"];
+  const _hoisted_1$s = ["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 }) {
@@ -30773,7 +30859,7 @@
               ]),
               _: 1
             })
-          ], 42, _hoisted_1$r)), [
+          ], 42, _hoisted_1$s)), [
             [vue.unref(RepeatClick), decrease]
           ]) : vue.createCommentVNode("v-if", true),
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -30845,12 +30931,12 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$q = ["href"];
-  const __default__$B = {
+  const _hoisted_1$r = ["href"];
+  const __default__$C = {
     name: "ElLink"
   };
   const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$C,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -30884,7 +30970,7 @@
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true),
           _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.createCommentVNode("v-if", true)
-        ], 10, _hoisted_1$q);
+        ], 10, _hoisted_1$r);
       };
     }
   });
@@ -31060,7 +31146,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")
@@ -31068,7 +31154,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(() => {
@@ -31143,6 +31229,18 @@
     popperOffset: {
       type: Number,
       default: 6
+    },
+    expandCloseIcon: {
+      type: definePropType([Object, Function])
+    },
+    expandOpenIcon: {
+      type: definePropType([Object, Function])
+    },
+    collapseCloseIcon: {
+      type: definePropType([Object, Function])
+    },
+    collapseOpenIcon: {
+      type: definePropType([Object, Function])
     }
   });
   const COMPONENT_NAME$8 = "ElSubMenu";
@@ -31168,7 +31266,7 @@
       const vPopper = vue.ref(null);
       const currentPlacement = vue.computed(() => mode.value === "horizontal" && isFirstLevel.value ? "bottom-start" : "right-start");
       const subMenuTitleIcon = vue.computed(() => {
-        return mode.value === "horizontal" && isFirstLevel.value || mode.value === "vertical" && !rootMenu.props.collapse ? arrow_down_default : arrow_right_default;
+        return mode.value === "horizontal" && isFirstLevel.value || mode.value === "vertical" && !rootMenu.props.collapse ? props.expandCloseIcon && props.expandOpenIcon ? opened.value ? props.expandOpenIcon : props.expandCloseIcon : arrow_down_default : props.collapseCloseIcon && props.collapseOpenIcon ? opened.value ? props.collapseOpenIcon : props.collapseCloseIcon : arrow_right_default;
       });
       const isFirstLevel = vue.computed(() => {
         return subMenu.level === 0;
@@ -31308,7 +31406,10 @@
         const titleTag = [
           (_a = slots.title) == null ? void 0 : _a.call(slots),
           vue.h(ElIcon, {
-            class: nsSubMenu.e("icon-arrow")
+            class: nsSubMenu.e("icon-arrow"),
+            style: {
+              transform: opened.value ? props.expandCloseIcon && props.expandOpenIcon || props.collapseCloseIcon && props.collapseOpenIcon && rootMenu.props.collapse ? "none" : "rotateZ(180deg)" : "none"
+            }
           }, { default: () => vue.h(subMenuTitleIcon.value) })
         ];
         const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
@@ -31446,6 +31547,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({});
@@ -31519,8 +31621,42 @@
           activeIndex.value = val;
         }
       };
+      const calcSliceIndex = () => {
+        var _a, _b;
+        const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).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]) {
@@ -31605,26 +31741,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, {
@@ -31726,7 +31849,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([
@@ -31762,7 +31885,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
@@ -31779,7 +31902,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())
     }, [
@@ -31795,7 +31918,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,
@@ -31821,55 +31944,96 @@
     back: () => true
   };
 
-  const __default__$A = {
+  const _hoisted_1$q = ["aria-label"];
+  const __default__$B = {
     name: "ElPageHeader"
   };
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$B,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
+      const slots = vue.useSlots();
       const { t } = useLocale();
       const ns = useNamespace("page-header");
+      const kls = vue.computed(() => {
+        return [
+          ns.b(),
+          {
+            [ns.m("has-breadcrumb")]: !!slots.breadcrumb,
+            [ns.m("has-extra")]: !!slots.extra,
+            [ns.is("contentful")]: !!slots.default
+          }
+        ];
+      });
       function handleClick() {
         emit("back");
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(vue.unref(ns).b())
+          class: vue.normalizeClass(vue.unref(kls))
         }, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("left")),
-            onClick: handleClick
+            class: vue.normalizeClass(vue.unref(ns).e("breadcrumb"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "breadcrumb")
+          ], 2),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("header"))
           }, [
-            _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("icon"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-                  ]),
-                  _: 1
-                })) : vue.createCommentVNode("v-if", true)
-              ])
-            ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("title"))
+              class: vue.normalizeClass(vue.unref(ns).e("left"))
             }, [
-              vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.title || vue.unref(t)("el.pageHeader.title")), 1)
-              ])
-            ], 2)
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("back")),
+                role: "button",
+                tabindex: "0",
+                onClick: handleClick
+              }, [
+                _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  "aria-label": _ctx.title || vue.unref(t)("el.pageHeader.title"),
+                  class: vue.normalizeClass(vue.unref(ns).e("icon"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                    _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("v-if", true)
+                  ])
+                ], 10, _hoisted_1$q)) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("title"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.title || vue.unref(t)("el.pageHeader.title")), 1)
+                  ])
+                ], 2)
+              ], 2),
+              vue.createVNode(vue.unref(ElDivider), { direction: "vertical" }),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("content"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+                ])
+              ], 2)
+            ], 2),
+            _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("extra"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "extra")
+            ], 2)) : vue.createCommentVNode("v-if", true)
           ], 2),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("content"))
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("main"))
           }, [
-            vue.renderSlot(_ctx.$slots, "content", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
-            ])
-          ], 2)
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 2)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
     }
@@ -31886,6 +32050,9 @@
     },
     prevText: {
       type: String
+    },
+    prevIcon: {
+      type: iconPropType
     }
   });
   const paginationPrevEmits = {
@@ -31894,11 +32061,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) {
@@ -31914,7 +32081,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
           }))
@@ -31936,16 +32103,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) {
@@ -31961,7 +32131,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
           }))
@@ -32011,7 +32181,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);
         });
       }
     };
@@ -32124,7 +32294,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"),
@@ -32144,7 +32314,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",
@@ -32173,7 +32343,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 })
@@ -32181,7 +32351,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();
@@ -32223,10 +32393,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;
@@ -32270,7 +32439,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();
       });
@@ -32279,7 +32448,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 !== "") {
@@ -32297,7 +32465,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",
@@ -32390,7 +32558,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) {
@@ -32627,7 +32795,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;
         }
@@ -33160,7 +33328,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");
@@ -33461,7 +33629,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",
@@ -33509,7 +33677,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"))
     }, [
@@ -33527,7 +33695,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,
@@ -33557,11 +33725,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 }) {
@@ -33618,11 +33786,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");
@@ -33672,11 +33840,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();
@@ -33716,11 +33884,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 }) {
@@ -33943,10 +34111,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,
@@ -34094,6 +34270,7 @@
             disabled: props.disabled,
             currentPage: currentPageBridge.value,
             prevText: props.prevText,
+            prevIcon: props.prevIcon,
             onClick: prev
           }),
           jumper: vue.h(Jumper),
@@ -34109,6 +34286,7 @@
             currentPage: currentPageBridge.value,
             pageCount: pageCountBridge.value,
             nextText: props.nextText,
+            nextIcon: props.nextIcon,
             onClick: next
           }),
           sizes: vue.h(Sizes, {
@@ -34195,14 +34373,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;
@@ -34213,6 +34395,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);
@@ -34226,17 +34413,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())
@@ -34288,7 +34477,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"]);
       };
     }
   });
@@ -34357,11 +34546,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 }) {
@@ -34388,7 +34577,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;
@@ -34548,11 +34737,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;
@@ -34832,11 +35021,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 }) {
@@ -35097,11 +35286,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;
@@ -35189,11 +35378,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;
@@ -35894,11 +36083,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;
                   }
@@ -37045,7 +37234,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")),
@@ -37061,7 +37250,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 {
@@ -37196,7 +37385,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),
@@ -37219,7 +37408,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";
 
@@ -38226,7 +38415,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");
@@ -38567,7 +38756,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);
@@ -38615,11 +38804,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");
@@ -38634,11 +38823,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;
@@ -38803,7 +38992,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]
@@ -39288,11 +39477,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 }) {
@@ -39398,11 +39587,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 }) {
@@ -39842,11 +40031,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 }) {
@@ -39892,11 +40081,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;
@@ -40169,11 +40358,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 }) {
@@ -40283,7 +40472,8 @@
         input.value.checked = checked.value;
       });
       expose({
-        focus
+        focus,
+        checked
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -40708,6 +40898,7 @@
     function showPopper() {
       popperInstance && popperInstance.update();
     }
+    removePopper == null ? void 0 : removePopper();
     removePopper = () => {
       try {
         popperInstance && popperInstance.destroy();
@@ -42126,7 +42317,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");
@@ -42239,7 +42430,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();
@@ -42741,8 +42932,7 @@
           vue.h("div", {
             class: [
               "cell",
-              column.filteredValue && column.filteredValue.length > 0 ? "highlight" : "",
-              column.labelClassName
+              column.filteredValue && column.filteredValue.length > 0 ? "highlight" : ""
             ]
           }, [
             column.renderHeader ? column.renderHeader({
@@ -42814,7 +43004,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);
@@ -42839,7 +43029,7 @@
         createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, {
           placement: "top",
           strategy: "fixed"
-        }, row.tooltipEffect);
+        }, tooltipEffect);
       }
     };
     const handleCellMouseLeave = (event) => {
@@ -43058,7 +43248,7 @@
           key: `${patchKey}${baseKey}`,
           rowspan,
           colspan,
-          onMouseenter: ($event) => handleCellMouseEnter($event, { ...row, tooltipEffect }),
+          onMouseenter: ($event) => handleCellMouseEnter($event, row, tooltipEffect),
           onMouseleave: handleCellMouseLeave
         }, [tdChildren]);
       }));
@@ -43089,7 +43279,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 })])
               ])
             ]
@@ -43223,10 +43413,6 @@
         var _a;
         (_a = removePopper) == null ? void 0 : _a();
       });
-      vue.onUpdated(() => {
-        var _a;
-        (_a = removePopper) == null ? void 0 : _a();
-      });
       return {
         ns,
         onColumnsChange,
@@ -43556,7 +43742,7 @@
         layout.updateElsHeight();
       }
       layout.updateColumnsWidth();
-      requestAnimationFrame(syncPostion);
+      requestAnimationFrame(syncPosition);
     };
     vue.onMounted(async () => {
       await vue.nextTick();
@@ -43599,7 +43785,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) {
@@ -43631,7 +43817,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
         });
       }
@@ -43640,6 +43826,11 @@
       } else {
         useEventListener(window, "resize", resizeListener);
       }
+      useResizeObserver(table.refs.bodyWrapper, () => {
+        var _a, _b;
+        resizeListener();
+        (_b = (_a = table.refs) == null ? void 0 : _a.scrollBarRef) == null ? void 0 : _b.update();
+      });
     };
     const resizeListener = () => {
       var _a, _b, _c;
@@ -43666,7 +43857,7 @@
       }
       tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
       headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
-      footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.scrollHeight) || 0;
+      footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.offsetHeight) || 0;
       bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
@@ -43691,7 +43882,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;
@@ -43714,7 +43905,6 @@
       return {};
     });
     const scrollbarStyle = vue.computed(() => {
-      var _a, _b;
       if (props.height) {
         return {
           height: "100%"
@@ -43722,13 +43912,11 @@
       }
       if (props.maxHeight) {
         if (!Number.isNaN(Number(props.maxHeight))) {
-          const headerHeight = ((_a = table.refs.headerWrapper) == null ? void 0 : _a.scrollHeight) || 0;
-          const footerHeight = ((_b = table.refs.footerWrapper) == null ? void 0 : _b.scrollHeight) || 0;
           const maxHeight = props.maxHeight;
           const reachMaxHeight = tableScrollHeight.value >= Number(maxHeight);
           if (reachMaxHeight) {
             return {
-              maxHeight: `${tableScrollHeight.value - headerHeight - footerHeight}px`
+              maxHeight: `${tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value}px`
             };
           }
         } else {
@@ -44021,7 +44209,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");
@@ -44187,7 +44375,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",
@@ -46868,11 +47056,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;
@@ -47355,11 +47543,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;
@@ -47526,11 +47714,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 }) {
@@ -47694,11 +47882,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");
@@ -47897,11 +48085,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;
@@ -47970,11 +48158,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
@@ -48013,11 +48201,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;
@@ -48048,11 +48236,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;
@@ -48180,11 +48368,11 @@
     }
   });
 
-  const __default__$8 = {
+  const __default__$9 = {
     name: "ElTooltipV2Trigger"
   };
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$9,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -48263,11 +48451,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;
@@ -48584,11 +48772,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 }) {
@@ -48701,11 +48889,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 }) {
@@ -48880,7 +49068,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) {
@@ -49263,10 +49451,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);
@@ -49346,7 +49534,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) {
@@ -49957,7 +50145,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");
@@ -50062,7 +50250,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");
@@ -50411,7 +50599,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", {
@@ -50453,7 +50641,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);
@@ -51228,11 +51416,14 @@
     function toggleExpand(node) {
       const expandedKeys = expandedKeySet.value;
       if (expandedKeys.has(node.key)) {
-        collapse(node);
+        collapseNode(node);
       } else {
-        expand(node);
+        expandNode(node);
       }
     }
+    function setExpandedKeys(keys) {
+      expandedKeySet.value = new Set(keys);
+    }
     function handleNodeClick(node, e) {
       emit(NODE_CLICK, node.data, node, e);
       handleCurrentChange(node);
@@ -51252,9 +51443,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);
@@ -51266,7 +51457,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);
     }
@@ -51284,7 +51475,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;
@@ -51295,6 +51486,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,
@@ -51321,7 +51517,11 @@
       setChecked,
       setCheckedKeys,
       filter,
-      setData
+      setData,
+      getNode,
+      expandNode,
+      collapseNode,
+      setExpandedKeys
     };
   }
 
@@ -51390,7 +51590,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");
@@ -51447,7 +51647,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",
@@ -51489,7 +51689,11 @@
         setChecked,
         setCheckedKeys,
         filter,
-        setData
+        setData,
+        getNode,
+        expandNode,
+        collapseNode,
+        setExpandedKeys
       } = useTree(props, ctx.emit);
       ctx.expose({
         getCurrentNode,
@@ -51502,7 +51706,11 @@
         setChecked,
         setCheckedKeys,
         filter,
-        setData
+        setData,
+        getNode,
+        expandNode,
+        collapseNode,
+        setExpandedKeys
       });
       return {
         t,
@@ -51523,7 +51731,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");
@@ -51568,7 +51776,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);
 
@@ -51784,11 +51992,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 }) {
@@ -51957,11 +52165,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 }) {
@@ -52054,12 +52262,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;
@@ -52340,11 +52548,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;
@@ -53055,16 +53263,16 @@
     const { prev } = getInstance(id);
     if (!prev)
       return 0;
-    return prev.vm.exposeProxy.bottom;
+    return prev.vm.exposed.bottom.value;
   };
 
   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 }) {
@@ -53245,7 +53453,7 @@
     const vm = vnode.component;
     const handler = {
       close: () => {
-        vm.exposeProxy.visible = false;
+        vm.exposed.visible.value = false;
       }
     };
     const instance = {
@@ -53567,7 +53775,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");
@@ -53765,7 +53973,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) => {
@@ -53856,18 +54064,18 @@
     MessageBox[boxType] = messageBoxFactory(boxType);
   });
   function messageBoxFactory(boxType) {
-    return (message, titleOrOpts, options, appContext) => {
-      let title;
-      if (isObject$1(titleOrOpts)) {
-        options = titleOrOpts;
-        title = "";
-      } else if (isUndefined(titleOrOpts)) {
-        title = "";
+    return (message, title, options, appContext) => {
+      let titleOrOpts = "";
+      if (isObject$1(title)) {
+        options = title;
+        titleOrOpts = "";
+      } else if (isUndefined(title)) {
+        titleOrOpts = "";
       } else {
-        title = titleOrOpts;
+        titleOrOpts = title;
       }
       return MessageBox(Object.assign({
-        title,
+        title: titleOrOpts,
         message,
         type: "",
         ...MESSAGE_BOX_DEFAULT_OPTS[boxType]
@@ -53965,16 +54173,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(() => {
@@ -53982,7 +54195,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");
@@ -54022,91 +54237,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": [],
@@ -54163,7 +54364,7 @@
     appendTo.appendChild(container.firstElementChild);
     return {
       close: () => {
-        vm.component.proxy.visible = false;
+        vm.component.exposed.visible.value = false;
       }
     };
   };
@@ -54207,7 +54408,7 @@
   function closeAll() {
     for (const orientedNotifications of Object.values(notifications)) {
       orientedNotifications.forEach(({ vm }) => {
-        vm.component.proxy.visible = false;
+        vm.component.exposed.visible.value = false;
       });
     }
   }