element-plus 2.2.12 → 2.2.15

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v2.2.12 */
+/*! Element Plus v2.2.15 */
 
-import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, watch, unref, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw as toRaw$1, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
@@ -198,7 +198,7 @@ function after(n, func) {
   };
 }
 
-function identity(value) {
+function identity$1(value) {
   return value;
 }
 
@@ -268,7 +268,7 @@ var WeakMap = getNative(root, "WeakMap");
 
 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;
 };
@@ -537,7 +537,7 @@ var defineProperty = function() {
   }
 }();
 
-var baseSetToString = !defineProperty ? identity : function(func, string) {
+var baseSetToString = !defineProperty ? identity$1 : function(func, string) {
   return defineProperty(func, "toString", {
     "configurable": true,
     "enumerable": false,
@@ -953,7 +953,7 @@ function overRest(func, start, transform) {
 }
 
 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;
@@ -2863,7 +2863,7 @@ function baseIteratee(value) {
     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);
@@ -3368,7 +3368,7 @@ function dropWhile(array, predicate) {
 }
 
 function castFunction(value) {
-  return typeof value == "function" ? value : identity;
+  return typeof value == "function" ? value : identity$1;
 }
 
 function forEach(collection, iteratee) {
@@ -3931,7 +3931,7 @@ var invert = createInverter(function(result, value, key) {
     value = nativeObjectToString$1.call(value);
   }
   result[value] = key;
-}, constant(identity));
+}, constant(identity$1));
 
 var objectProto$4 = Object.prototype;
 var hasOwnProperty$5 = objectProto$4.hasOwnProperty;
@@ -4201,7 +4201,7 @@ function baseExtremum(array, iteratee, comparator) {
 }
 
 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) {
@@ -4226,7 +4226,7 @@ function baseMean(array, iteratee) {
 }
 
 function mean(array) {
-  return baseMean(array, identity);
+  return baseMean(array, identity$1);
 }
 
 function meanBy(array, iteratee) {
@@ -4250,7 +4250,7 @@ var methodOf = baseRest(function(object, args) {
 });
 
 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) {
@@ -4497,7 +4497,7 @@ function baseOrderBy(collection, iteratees, orders) {
       return iteratee;
     });
   } else {
-    iteratees = [identity];
+    iteratees = [identity$1];
   }
   var index = -1;
   iteratees = arrayMap(iteratees, baseUnary(baseIteratee));
@@ -5152,7 +5152,7 @@ function baseSortedIndex(array, value, retHighest) {
     }
     return high;
   }
-  return baseSortedIndexBy(array, value, identity, retHighest);
+  return baseSortedIndexBy(array, value, identity$1, retHighest);
 }
 
 function sortedIndex(array, value) {
@@ -5276,7 +5276,7 @@ var subtract = createMathOperation(function(minuend, subtrahend) {
 }, 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) {
@@ -6203,7 +6203,7 @@ var util = {
   defaultTo,
   flow,
   flowRight,
-  identity,
+  identity: identity$1,
   iteratee,
   matches,
   matchesProperty,
@@ -6522,7 +6522,7 @@ lodash.gte = lang.gte;
 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;
@@ -6691,7 +6691,7 @@ arrayEach(["initial", "tail"], function(methodName, index) {
   };
 });
 LazyWrapper.prototype.compact = function() {
-  return this.filter(identity);
+  return this.filter(identity$1);
 };
 LazyWrapper.prototype.find = function(predicate) {
   return this.filter(predicate).head();
@@ -6887,44 +6887,36 @@ const whenMouse = (handler) => {
   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 = shallowRef();
   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 readonly(result);
 }
 
-function tryOnScopeDispose(fn) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn);
-    return true;
-  }
-  return false;
-}
-
 var _a;
 const isClient = typeof window !== "undefined";
 const isDef = (val) => typeof val !== "undefined";
@@ -6935,6 +6927,10 @@ const noop = () => {
 };
 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() : unref(r);
+}
+
 function createFilterWrapper(filter, fn) {
   function wrapper(...args) {
     filter(() => fn.apply(this, args), { fn, thisArg: this, args });
@@ -6945,8 +6941,8 @@ function debounceFilter(ms, options = {}) {
   let timer;
   let maxTimer;
   const filter = (invoke) => {
-    const duration = unref(ms);
-    const maxDuration = unref(options.maxWait);
+    const duration = resolveUnref(ms);
+    const maxDuration = resolveUnref(options.maxWait);
     if (timer)
       clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
@@ -6984,7 +6980,7 @@ function throttleFilter(ms, trailing = true, leading = true) {
     }
   };
   const filter = (invoke) => {
-    const duration = unref(ms);
+    const duration = resolveUnref(ms);
     const elapsed = Date.now() - lastExec;
     clear();
     if (duration <= 0) {
@@ -7008,6 +7004,17 @@ function throttleFilter(ms, trailing = true, leading = true) {
   };
   return filter;
 }
+function identity(arg) {
+  return arg;
+}
+
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
 
 function useDebounceFn(fn, ms = 200, options = {}) {
   return createFilterWrapper(debounceFilter(ms, options), fn);
@@ -7024,7 +7031,7 @@ function refDebounced(value, ms = 200, options = {}) {
   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);
 }
 
@@ -7060,7 +7067,7 @@ function useTimeoutFn(cb, interval, options = {}) {
       isPending.value = false;
       timer = null;
       cb(...args);
-    }, unref(interval));
+    }, resolveUnref(interval));
   }
   if (immediate) {
     isPending.value = true;
@@ -7077,7 +7084,7 @@ function useTimeoutFn(cb, interval, options = {}) {
 
 function unrefElement(elRef) {
   var _a;
-  const plain = unref(elRef);
+  const plain = resolveUnref(elRef);
   return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 }
 
@@ -7117,7 +7124,7 @@ function useEventListener(...args) {
 }
 
 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 = ref(true);
@@ -7149,12 +7156,26 @@ function onClickOutside(target, handler, options = {}) {
         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 = 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] || {};
@@ -7170,17 +7191,17 @@ function useDocumentVisibility({ document = defaultDocument } = {}) {
   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;
@@ -7188,7 +7209,7 @@ var __objRest$2 = (source, exclude) => {
 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();
@@ -7197,7 +7218,7 @@ function useResizeObserver(target, callback, options = {}) {
   };
   const stopWatch = watch(() => unrefElement(target), (el) => {
     cleanup();
-    if (isSupported && window && el) {
+    if (isSupported.value && window && el) {
       observer = new ResizeObserver(callback);
       observer.observe(el, observerOptions);
     }
@@ -7285,8 +7306,54 @@ var SwipeDirection;
   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,
@@ -7294,7 +7361,7 @@ function useVModel(props, key, emit, options = {}) {
     defaultValue
   } = options;
   const vm = 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) {
     {
@@ -7338,7 +7405,13 @@ function useWindowFocus({ window = defaultWindow } = {}) {
   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 = ref(initialWidth);
   const height = ref(initialHeight);
   const update = () => {
@@ -7350,6 +7423,8 @@ function useWindowSize({ window = defaultWindow, initialWidth = Infinity, initia
   update();
   tryOnMounted(update);
   useEventListener("resize", update, { passive: true });
+  if (listenOrientation)
+    useEventListener("orientationchange", update, { passive: true });
   return { width, height };
 }
 
@@ -8835,6 +8910,72 @@ const useFocus = (el) => {
   };
 };
 
+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 = computed$1(() => globalConfig.value || defaultNamespace);
+  const b = (blockSuffix = "") => _bem(unref(namespace), block, blockSuffix, "", "");
+  const e = (element) => element ? _bem(unref(namespace), block, "", element, "") : "";
+  const m = (modifier) => modifier ? _bem(unref(namespace), block, "", "", modifier) : "";
+  const be = (blockSuffix, element) => blockSuffix && element ? _bem(unref(namespace), block, blockSuffix, element, "") : "";
+  const em = (element, modifier) => element && modifier ? _bem(unref(namespace), block, "", element, modifier) : "";
+  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(unref(namespace), block, blockSuffix, "", modifier) : "";
+  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(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
@@ -8842,7 +8983,8 @@ const defaultIdInjection = {
 const ID_INJECTION_KEY = Symbol("elIdInjection");
 const useId = (deterministicId) => {
   const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection);
-  const idRef = computed$1(() => unref(deterministicId) || `el-id-${idInjection.prefix}-${idInjection.current++}`);
+  const namespace = useGlobalConfig("namespace", defaultNamespace);
+  const idRef = computed$1(() => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
   return idRef;
 };
 
@@ -9283,72 +9425,6 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
   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 = computed$1(() => globalConfig.value || defaultNamespace);
-  const b = (blockSuffix = "") => _bem(unref(namespace), block, blockSuffix, "", "");
-  const e = (element) => element ? _bem(unref(namespace), block, "", element, "") : "";
-  const m = (modifier) => modifier ? _bem(unref(namespace), block, "", "", modifier) : "";
-  const be = (blockSuffix, element) => blockSuffix && element ? _bem(unref(namespace), block, blockSuffix, element, "") : "";
-  const em = (element, modifier) => element && modifier ? _bem(unref(namespace), block, "", element, modifier) : "";
-  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(unref(namespace), block, blockSuffix, "", modifier) : "";
-  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(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 (!isRef(trigger)) {
     throwError("[useLockscreen]", "You need to pass a ref param to this function");
@@ -9360,12 +9436,11 @@ const useLockscreen = (trigger) => {
   }
   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;
     }
   };
   watch(trigger, (val) => {
@@ -9375,14 +9450,13 @@ const useLockscreen = (trigger) => {
     }
     withoutHiddenClass = !hasClass(document.body, hiddenCls.value);
     if (withoutHiddenClass) {
-      bodyPaddingRight = document.body.style.paddingRight;
-      computedBodyPaddingRight = Number.parseInt(getStyle(document.body, "paddingRight"), 10);
+      bodyWidth = document.body.style.width;
     }
     scrollBarWidth = getScrollBarWidth(ns.namespace.value);
     const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
     const bodyOverflowY = getStyle(document.body, "overflowY");
     if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
-      document.body.style.paddingRight = `${computedBodyPaddingRight + scrollBarWidth}px`;
+      document.body.style.width = `calc(100% - ${scrollBarWidth}px)`;
     }
     addClass(document.body, hiddenCls.value);
   });
@@ -10898,7 +10972,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "2.2.12";
+const version$1 = "2.2.15";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -10947,11 +11021,11 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const __default__$1p = {
+const __default__$1q = {
   name: "ElAffix"
 };
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+  ...__default__$1q,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11066,12 +11140,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1o = {
+const __default__$1p = {
   name: "ElIcon",
   inheritAttrs: false
 };
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+  ...__default__$1p,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11133,11 +11207,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1n = {
+const __default__$1o = {
   name: "ElAlert"
 };
 const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+  ...__default__$1o,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11402,15 +11476,15 @@ const inputEmits = {
   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__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1n,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -11829,7 +11903,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
             class: normalizeClass(unref(nsInput).e("count"))
           }, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 7)) : createCommentVNode("v-if", true)
         ], 64))
-      ], 16, _hoisted_1$13)), [
+      ], 16, _hoisted_1$14)), [
         [vShow, _ctx.type !== "hidden"]
       ]);
     };
@@ -12104,11 +12178,11 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
-const __default__$1l = {
+const __default__$1m = {
   name: "ElScrollbar"
 };
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+  ...__default__$1m,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -12271,12 +12345,12 @@ const usePopperProps = buildProps({
   }
 });
 
-const __default__$1k = {
+const __default__$1l = {
   name: "ElPopperRoot",
   inheritAttrs: false
 };
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+  ...__default__$1l,
   props: usePopperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12308,12 +12382,12 @@ const usePopperArrowProps = buildProps({
   }
 });
 
-const __default__$1j = {
+const __default__$1k = {
   name: "ElPopperArrow",
   inheritAttrs: false
 };
 const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+  ...__default__$1k,
   props: usePopperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12389,8 +12463,9 @@ function findFirstLegitChild(node) {
   return null;
 }
 function wrapTextContent(s) {
+  const ns = useNamespace("only-child");
   return createVNode("span", {
-    "class": "el-only-child__content"
+    "class": ns.e("content")
   }, [s]);
 }
 
@@ -12410,12 +12485,12 @@ const usePopperTriggerProps = buildProps({
   open: Boolean
 });
 
-const __default__$1i = {
+const __default__$1j = {
   name: "ElPopperTrigger",
   inheritAttrs: false
 };
 const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+  ...__default__$1j,
   props: usePopperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12817,10 +12892,10 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$F], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$E], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const usePopperCoreConfigProps = buildProps({
@@ -12977,11 +13052,11 @@ function deriveExtraModifiers(options, modifiers) {
   }
 }
 
-const __default__$1h = {
+const __default__$1i = {
   name: "ElPopperContent"
 };
 const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1i,
   props: usePopperContentProps,
   emits: usePopperContentEmits,
   setup(__props, { expose, emit }) {
@@ -13352,7 +13427,7 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
     disabled: !_ctx.teleported,
@@ -13407,7 +13482,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$E], ["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$D], ["__file", "content.vue"]]);
 
 const isTriggerType = (trigger, type) => {
   if (isArray(trigger)) {
@@ -13472,7 +13547,7 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-popper-trigger");
   return openBlock(), createBlock(_component_el_popper_trigger, {
     id: _ctx.id,
@@ -13494,7 +13569,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
@@ -13612,9 +13687,9 @@ const _sfc_main$21 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -13670,7 +13745,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rawContent ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_1$12)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
+            }, null, 8, _hoisted_1$13)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
           ]),
           _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
             key: 0,
@@ -13683,7 +13758,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
 
@@ -13755,15 +13830,15 @@ const autocompleteEmits = {
   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__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1h,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -14080,7 +14155,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
                 ])
               } : void 0
             ]), 1040, ["model-value", "onKeydown"])
-          ], 14, _hoisted_1$11)
+          ], 14, _hoisted_1$12)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -14121,12 +14196,12 @@ const avatarEmits = {
   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__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1g,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -14170,7 +14245,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$10)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$11)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -14206,12 +14281,12 @@ const backtopEmits = {
   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__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1f,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -14286,7 +14361,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ])
-          ], 14, _hoisted_1$$)) : createCommentVNode("v-if", true)
+          ], 14, _hoisted_1$10)) : createCommentVNode("v-if", true)
         ]),
         _: 3
       }, 8, ["name"]);
@@ -14315,12 +14390,12 @@ const badgeProps = buildProps({
   }
 });
 
-const _hoisted_1$_ = ["textContent"];
-const __default__$1d = {
+const _hoisted_1$$ = ["textContent"];
+const __default__$1e = {
   name: "ElBadge"
 };
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1e,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14354,7 +14429,7 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
                 unref(ns).is("dot", _ctx.isDot)
               ]),
               textContent: toDisplayString(unref(content))
-            }, null, 10, _hoisted_1$_), [
+            }, null, 10, _hoisted_1$$), [
               [vShow, !_ctx.hidden && (unref(content) || _ctx.isDot)]
             ])
           ]),
@@ -14379,11 +14454,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1c = {
+const __default__$1d = {
   name: "ElBreadcrumb"
 };
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1d,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -14422,11 +14497,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1b = {
+const __default__$1c = {
   name: "ElBreadcrumbItem"
 };
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1c,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -15456,12 +15531,12 @@ function useButtonCustomStyle(props) {
   });
 }
 
-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__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1b,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -15558,7 +15633,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$Z);
+      ], 14, _hoisted_1$_);
     };
   }
 });
@@ -15569,11 +15644,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$19 = {
+const __default__$1a = {
   name: "ElButtonGroup"
 };
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+  ...__default__$1a,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -16223,13 +16298,13 @@ const timePickerDefaultProps = buildProps({
   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__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$19,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -16247,8 +16322,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     const nsDate = useNamespace("date");
     const nsInput = useNamespace("input");
     const nsRange = useNamespace("range");
-    const elForm = inject(formContextKey, {});
-    const elFormItem = inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const elPopperOptions = inject("ElPopperOptions", {});
     const refPopper = ref();
     const inputRef = ref();
@@ -16268,10 +16342,9 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
       }
     });
     const emitChange = (val, isClear) => {
-      var _a;
       if (isClear || !valueEquals(val, valueOnOpen.value)) {
         emit("change", val);
-        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn()));
+        props.validateEvent && (formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
       }
     };
     const emitInput = (input) => {
@@ -16365,7 +16438,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     const handleBlurInput = (e) => {
       const handleBlurDefer = async () => {
         setTimeout(() => {
-          var _a, _b;
+          var _a;
           if (currentHandleBlurDeferCallback === handleBlurDefer) {
             if (!(((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent()) && !hasJustTabExitedInput) && refInput.value.filter((input) => {
               return input.contains(document.activeElement);
@@ -16373,7 +16446,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
               handleChange();
               pickerVisible.value = false;
               emit("blur", e);
-              props.validateEvent && ((_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "blur").catch((err) => debugWarn()));
+              props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn()));
             }
             hasJustTabExitedInput = false;
           }
@@ -16383,7 +16456,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
       handleBlurDefer();
     };
     const pickerDisabled = computed$1(() => {
-      return props.disabled || elForm.disabled;
+      return props.disabled || (form == null ? void 0 : form.disabled);
     });
     const parsedValue = computed$1(() => {
       let dayOrDays;
@@ -16777,7 +16850,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
               onChange: handleStartChange,
               onFocus: handleFocusInput,
               onBlur: handleBlurInput
-            }, null, 42, _hoisted_1$Y),
+            }, null, 42, _hoisted_1$Z),
             renderSlot(_ctx.$slots, "range-separator", {}, () => [
               createElementVNode("span", {
                 class: normalizeClass(unref(nsRange).b("separator"))
@@ -17138,7 +17211,7 @@ const basicTimeSpinnerProps = buildProps({
   ...disabledTimeListsProps
 });
 
-const _hoisted_1$X = ["onClick"];
+const _hoisted_1$Y = ["onClick"];
 const _hoisted_2$C = ["onMouseenter"];
 const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
@@ -17247,13 +17320,21 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
         emitSelectRange("hours");
       }
       const label = currentScrollbar.value;
-      let now = unref(timePartials)[label];
+      const now = 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);
       nextTick(() => emitSelectRange(label));
     };
+    const findNextUnDisabled = (type, now, step, total) => {
+      let next = (now + step + total) % total;
+      const list = unref(timeList)[type];
+      while (list[next] && next !== now) {
+        next = (next + step + total) % total;
+      }
+      return next;
+    };
     const modifyDateField = (type, value) => {
       const list = unref(timeList)[type];
       const isDisabled = list[value];
@@ -17354,7 +17435,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
                   ], 64))
-                ], 10, _hoisted_1$X);
+                ], 10, _hoisted_1$Y);
               }), 128))
             ]),
             _: 2
@@ -17577,7 +17658,7 @@ const panelTimeRangeProps = buildProps({
   }
 });
 
-const _hoisted_1$W = ["disabled"];
+const _hoisted_1$X = ["disabled"];
 const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   __name: "panel-time-range",
   props: panelTimeRangeProps,
@@ -17838,7 +17919,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
             class: normalizeClass([unref(nsTime).be("panel", "btn"), "confirm"]),
             disabled: unref(btnConfirmDisabled),
             onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$W)
+          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$X)
         ], 2)
       ], 2)) : createCommentVNode("v-if", true);
     };
@@ -17925,13 +18006,13 @@ const dateTableEmits = {
   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__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$18,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -18031,7 +18112,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
         cellspacing: "0",
         cellpadding: "0"
       }, [
-        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$V, [
+        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$W, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekDays), (day) => {
             return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
           }), 128))
@@ -18086,11 +18167,11 @@ const calendarEmits = {
   [INPUT_EVENT]: (value) => isDate(value)
 };
 
-const __default__$16 = {
+const __default__$17 = {
   name: "ElCalendar"
 };
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$17,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -18321,11 +18402,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$15 = {
+const __default__$16 = {
   name: "ElCard"
 };
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$16,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -18414,14 +18495,14 @@ const carouselEmits = {
   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__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$15,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -18724,7 +18805,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
             ], 42, _hoisted_2$A);
           }), 128))
         ], 2)) : createCommentVNode("v-if", true)
-      ], 42, _hoisted_1$U);
+      ], 42, _hoisted_1$V);
     };
   }
 });
@@ -18738,11 +18819,11 @@ const carouselItemProps = buildProps({
   }
 });
 
-const __default__$13 = {
+const __default__$14 = {
   name: "ElCarouselItem"
 };
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$14,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -18961,12 +19042,11 @@ const checkboxProps = {
   }
 };
 const useCheckboxGroup = () => {
-  const elForm = inject(formContextKey, {});
-  const elFormItem = inject(formItemContextKey, {});
+  const { form: elForm, formItem: elFormItem } = useFormItem();
   const checkboxGroup = inject("CheckboxGroup", {});
   const isGroup = computed$1(() => checkboxGroup && (checkboxGroup == null ? void 0 : checkboxGroup.name) === "ElCheckboxGroup");
   const elFormItemSize = computed$1(() => {
-    return elFormItem.size;
+    return elFormItem == null ? void 0 : elFormItem.size;
   });
   return {
     isGroup,
@@ -19022,7 +19102,7 @@ const useCheckboxStatus = (props, slots, { model }) => {
     if (toTypeString(value) === "[object Boolean]") {
       return value;
     } else if (Array.isArray(value)) {
-      return value.includes(props.label);
+      return value.map(toRaw$1).includes(props.label);
     } else if (value !== null && value !== void 0) {
       return value === props.trueLabel;
     } else {
@@ -19111,9 +19191,8 @@ const useEvent$1 = (props, {
     return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
   });
   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 {
@@ -19165,14 +19244,14 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-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__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$13,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19253,7 +19332,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass(unref(ns).e("inner"))
             }, null, 2)
-          ], 10, _hoisted_1$T),
+          ], 10, _hoisted_1$U),
           unref(hasOwnLabel) ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: normalizeClass(unref(ns).e("label"))
@@ -19271,13 +19350,13 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$11,
+  ...__default__$12,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19319,7 +19398,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
           onChange: _cache[1] || (_cache[1] = (...args) => unref(handleChange) && 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)), [
           [vModelCheckbox, unref(model)]
         ]) : withDirectives((openBlock(), createElementBlock("input", {
           key: 1,
@@ -19351,11 +19430,11 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$10,
+  ...__default__$11,
   props: useCheckboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -19388,18 +19467,18 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
       changeEvent
     });
     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 openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
         id: unref(groupId),
         class: normalizeClass(unref(ns).b("group")),
         role: "group",
         "aria-label": !unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? unref(elFormItem).labelId : void 0
+        "aria-labelledby": unref(isLabeledByFormItem) ? (_a = unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -19478,12 +19557,12 @@ const useRadio = (props, emit) => {
   };
 };
 
-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__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$10,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -19524,7 +19603,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
             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), [
             [vModelRadio, unref(modelValue)]
           ]),
           createElementVNode("span", {
@@ -19554,12 +19633,12 @@ const radioButtonProps = buildProps({
   }
 });
 
-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__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$$,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -19595,7 +19674,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           disabled: 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), [
           [vModelRadio, unref(modelValue)]
         ]),
         createElementVNode("span", {
@@ -19648,12 +19727,12 @@ const radioGroupProps = buildProps({
 });
 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__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$_,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -19700,7 +19779,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
         "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$P);
+      ], 10, _hoisted_1$Q);
     };
   }
 });
@@ -19852,9 +19931,9 @@ const _sfc_main$1F = defineComponent({
     };
   }
 });
-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__ */ 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 = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -19935,9 +20014,9 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["class"]))
     ], 64)) : 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 = defineComponent({
   name: "ElCascaderMenu",
@@ -20017,7 +20096,7 @@ const _sfc_main$1E = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -20070,7 +20149,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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";
@@ -20545,7 +20624,7 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20562,7 +20641,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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);
@@ -20600,11 +20679,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$Y = {
+const __default__$Z = {
   name: "ElTag"
 };
 const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+  ...__default__$Z,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -20790,8 +20869,7 @@ const _sfc_main$1B = defineComponent({
     const nsCascader = useNamespace("cascader");
     const nsInput = useNamespace("input");
     const { t } = useLocale();
-    const elForm = inject(formContextKey, {});
-    const elFormItem = inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const tooltipRef = ref(null);
     const input = ref(null);
     const tagWrapper = ref(null);
@@ -20806,7 +20884,7 @@ const _sfc_main$1B = defineComponent({
     const allPresentTags = ref([]);
     const suggestions = ref([]);
     const isOnComposition = ref(false);
-    const isDisabled = computed$1(() => props.disabled || elForm.disabled);
+    const isDisabled = computed$1(() => props.disabled || (form == null ? void 0 : form.disabled));
     const inputPlaceholder = computed$1(() => props.placeholder || t("el.cascader.placeholder"));
     const realSize = useSize();
     const tagSize = computed$1(() => ["small"].includes(realSize.value) ? "small" : "default");
@@ -20832,11 +20910,10 @@ const _sfc_main$1B = defineComponent({
         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());
         }
       }
     });
@@ -20856,9 +20933,7 @@ const _sfc_main$1B = defineComponent({
           updatePopperPosition();
           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);
       }
@@ -21015,8 +21090,16 @@ const _sfc_main$1B = defineComponent({
     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;
@@ -21046,7 +21129,7 @@ const _sfc_main$1B = defineComponent({
       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);
@@ -21131,10 +21214,10 @@ const _sfc_main$1B = defineComponent({
     };
   }
 });
-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 = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -21242,7 +21325,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
               onClose: ($event) => _ctx.deleteTag(tag)
             }, {
               default: withCtx(() => [
-                tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$N, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(_component_el_tooltip, {
+                tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$O, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(_component_el_tooltip, {
                   key: 1,
                   teleported: false,
                   disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
@@ -21362,7 +21445,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
@@ -21381,11 +21464,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$X = {
+const __default__$Y = {
   name: "ElCheckTag"
 };
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+  ...__default__$Y,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -21453,11 +21536,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$W = {
+const __default__$X = {
   name: "ElCol"
 };
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+  ...__default__$X,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -21527,11 +21610,11 @@ const collapseEmits = {
   [CHANGE_EVENT]: emitChangeFn
 };
 
-const __default__$V = {
+const __default__$W = {
   name: "ElCollapse"
 };
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+  ...__default__$W,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -21582,11 +21665,11 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
 });
 var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-const __default__$U = {
+const __default__$V = {
   name: "ElCollapseTransition"
 };
 const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+  ...__default__$V,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const on = {
@@ -21671,14 +21754,14 @@ const collapseItemProps = buildProps({
   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__ */ defineComponent({
-  ...__default__$T,
+  ...__default__$U,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -21750,7 +21833,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["class"])
           ], 42, _hoisted_2$v)
-        ], 8, _hoisted_1$M),
+        ], 8, _hoisted_1$N),
         createVNode(unref(_CollapseTransition), null, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
@@ -21922,7 +22005,7 @@ const _sfc_main$1v = defineComponent({
     };
   }
 });
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -21944,7 +22027,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = defineComponent({
   name: "ElColorHueSlider",
@@ -22039,7 +22122,7 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -22058,7 +22141,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = () => {
@@ -22378,8 +22461,8 @@ const _sfc_main$1t = defineComponent({
     };
   }
 });
-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 openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -22399,12 +22482,12 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             style: 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 = defineComponent({
   name: "ElSlPanel",
@@ -22476,11 +22559,11 @@ const _sfc_main$1s = defineComponent({
     };
   }
 });
-const _hoisted_1$K = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_1$L = /* @__PURE__ */ 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 openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
@@ -22502,7 +22585,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     }, _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 = defineComponent({
   name: "ElColorPicker",
@@ -22550,10 +22633,9 @@ const _sfc_main$1r = defineComponent({
   setup(props, { emit }) {
     const { t } = useLocale();
     const ns = useNamespace("color");
-    const elForm = inject(formContextKey, {});
-    const elFormItem = inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext: elFormItem
+      formItemContext: formItem
     });
     const hue = ref();
     const svPanel = ref();
@@ -22576,7 +22658,7 @@ const _sfc_main$1r = defineComponent({
     });
     const colorSize = useSize();
     const colorDisabled = computed$1(() => {
-      return !!(props.disabled || elForm.disabled);
+      return !!(props.disabled || (form == null ? void 0 : form.disabled));
     });
     const currentColor = computed$1(() => {
       return !props.modelValue && !showPanelColor.value ? "" : color.value;
@@ -22585,7 +22667,7 @@ const _sfc_main$1r = defineComponent({
       return !isLabeledByFormItem.value ? props.label || t("el.colorpicker.defaultLabel") : void 0;
     });
     const buttonAriaLabelledby = computed$1(() => {
-      return isLabeledByFormItem.value ? elFormItem.labelId : void 0;
+      return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
     });
     watch(() => props.modelValue, (newVal) => {
       if (!newVal) {
@@ -22641,12 +22723,11 @@ const _sfc_main$1r = defineComponent({
       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);
       nextTick(() => {
@@ -22661,12 +22742,11 @@ const _sfc_main$1r = defineComponent({
       });
     }
     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();
     }
@@ -22711,8 +22791,8 @@ const _sfc_main$1r = defineComponent({
     };
   }
 });
-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 = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
   const _component_alpha_slider = resolveComponent("alpha-slider");
@@ -22735,7 +22815,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     "stop-popper-mouse-event": false,
     effect: "light",
     trigger: "click",
-    transition: "el-zoom-in-top",
+    transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
     persistent: ""
   }, {
     content: withCtx(() => [
@@ -22861,12 +22941,12 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
             ], 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);
@@ -22917,11 +22997,11 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const __default__$S = {
+const __default__$T = {
   name: "ElContainer"
 };
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+  ...__default__$T,
   props: {
     direction: {
       type: String
@@ -22958,11 +23038,11 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-const __default__$R = {
+const __default__$S = {
   name: "ElAside"
 };
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+  ...__default__$S,
   props: {
     width: {
       type: String,
@@ -22985,11 +23065,11 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
 });
 var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-const __default__$Q = {
+const __default__$R = {
   name: "ElFooter"
 };
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+  ...__default__$R,
   props: {
     height: {
       type: String,
@@ -23012,11 +23092,11 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$P,
+  ...__default__$Q,
   props: {
     height: {
       type: String,
@@ -23043,11 +23123,11 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$O,
+  ...__default__$P,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -23400,7 +23480,7 @@ var ElDatePickerCell = defineComponent({
   }
 });
 
-const _hoisted_1$I = ["aria-label"];
+const _hoisted_1$J = ["aria-label"];
 const _hoisted_2$t = {
   key: 0,
   scope: "col"
@@ -23748,7 +23828,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$I);
+      ], 42, _hoisted_1$J);
     };
   }
 });
@@ -23759,7 +23839,7 @@ const basicMonthTableProps = buildProps({
   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__ */ defineComponent({
@@ -23951,7 +24031,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$H);
+      ], 42, _hoisted_1$I);
     };
   }
 });
@@ -23964,7 +24044,7 @@ const basicYearTableProps = buildProps({
   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 };
@@ -24058,13 +24138,13 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
             ]);
           }), 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"];
@@ -24475,7 +24555,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => handleShortcutClick(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$F);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$G);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -24789,7 +24869,7 @@ const useRangePicker = (props, {
   };
 };
 
-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"];
@@ -25140,7 +25220,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$E);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$F);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -25485,14 +25565,14 @@ const useMonthRangeHeader = ({
   };
 };
 
-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__ */ defineComponent({
-  ...__default__$N,
+  ...__default__$O,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -25590,7 +25670,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$D);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$E);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -25864,12 +25944,12 @@ const descriptionsRowProps = buildProps({
   }
 });
 
-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__ */ defineComponent({
-  ...__default__$M,
+  ...__default__$N,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -25895,7 +25975,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             }, null, 8, ["cell"]);
           }), 128))
         ])
-      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$C, [
+      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$D, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
           return openBlock(), createElementBlock(Fragment, {
             key: `tr3-${index}`
@@ -25950,11 +26030,11 @@ const descriptionProps = buildProps({
   }
 });
 
-const __default__$L = {
+const __default__$M = {
   name: "ElDescriptions"
 };
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+  ...__default__$M,
   props: descriptionProps,
   setup(__props) {
     const props = __props;
@@ -26202,11 +26282,11 @@ const dialogContentEmits = {
   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__ */ defineComponent({
-  ...__default__$K,
+  ...__default__$L,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -26259,7 +26339,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])
-          ], 10, _hoisted_1$B)) : createCommentVNode("v-if", true)
+          ], 10, _hoisted_1$C)) : createCommentVNode("v-if", true)
         ], 2),
         createElementVNode("div", {
           id: unref(bodyId),
@@ -26448,9 +26528,9 @@ const useDialog = (props, targetRef) => {
       closed.value = false;
       open();
       rendered.value = true;
-      emit("open");
       zIndex.value = props.zIndex ? zIndex.value++ : nextZIndex();
       nextTick(() => {
+        emit("open");
         if (targetRef.value) {
           targetRef.value.scrollTop = 0;
         }
@@ -26499,12 +26579,12 @@ const useDialog = (props, targetRef) => {
   };
 };
 
-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__ */ defineComponent({
-  ...__default__$J,
+  ...__default__$K,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -26627,7 +26707,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
-                ], 42, _hoisted_1$A)
+                ], 42, _hoisted_1$B)
               ]),
               _: 3
             }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -26661,11 +26741,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$I = {
+const __default__$J = {
   name: "ElDivider"
 };
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+  ...__default__$J,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -26752,11 +26832,11 @@ const _sfc_main$1a = defineComponent({
     };
   }
 });
-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 = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_focus_trap = resolveComponent("el-focus-trap");
@@ -26854,7 +26934,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
                   }, [
                     renderSlot(_ctx.$slots, "footer")
                   ], 2)) : createCommentVNode("v-if", true)
-                ], 14, _hoisted_1$z)
+                ], 14, _hoisted_1$A)
               ]),
               _: 3
             }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -26868,26 +26948,26 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 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 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) => {
@@ -27107,10 +27187,10 @@ const _sfc_main$17 = defineComponent({
     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 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 = defineComponent({
   name: "ElRovingFocusGroup",
@@ -27119,7 +27199,7 @@ const _sfc_main$16 = defineComponent({
     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 = resolveComponent("el-roving-focus-group-impl");
   const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
   return openBlock(), createBlock(_component_el_focus_group_collection, null, {
@@ -27134,7 +27214,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
   components: {
@@ -27221,7 +27301,7 @@ const _sfc_main$15 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-roving-focus-collection-item");
   return openBlock(), createBlock(_component_el_roving_focus_collection_item, {
     id: _ctx.id,
@@ -27234,7 +27314,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -27460,7 +27540,7 @@ const _sfc_main$14 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
@@ -27592,7 +27672,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     })) : 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 = defineComponent({
   name: "DropdownItemImpl",
@@ -27645,8 +27725,8 @@ const _sfc_main$13 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.divided ? (openBlock(), createElementBlock("li", mergeProps({
@@ -27673,10 +27753,10 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })) : createCommentVNode("v-if", true),
       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 = inject("elDropdown", {});
@@ -27752,7 +27832,7 @@ const _sfc_main$12 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
@@ -27783,7 +27863,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
   name: "ElDropdownMenu",
@@ -27848,8 +27928,8 @@ const _sfc_main$11 = defineComponent({
     };
   }
 });
-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 openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
     class: normalizeClass(_ctx.dropdownKls),
@@ -27863,9 +27943,9 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
   }, [
     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,
@@ -27885,7 +27965,7 @@ const _sfc_main$10 = defineComponent({
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   viewBox: "0 0 79 86",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
@@ -27931,8 +28011,8 @@ const _hoisted_20 = {
 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 openBlock(), createElementBlock("svg", _hoisted_1$w, [
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
         id: `linearGradient-1-${_ctx.id}`,
@@ -28050,7 +28130,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-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: {
@@ -28064,13 +28144,13 @@ const emptyProps = {
   }
 };
 
-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__ */ defineComponent({
-  ...__default__$H,
+  ...__default__$I,
   props: emptyProps,
   setup(__props) {
     const props = __props;
@@ -28092,7 +28172,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             key: 0,
             src: _ctx.image,
             ondragstart: "return false"
-          }, null, 8, _hoisted_1$v)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+          }, null, 8, _hoisted_1$w)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
             createVNode(ImgEmpty)
           ])
         ], 6),
@@ -28125,6 +28205,11 @@ const formProps = buildProps({
     values: ["left", "right", "top"],
     default: "right"
   },
+  requireAsteriskPosition: {
+    type: String,
+    values: ["left", "right"],
+    default: "left"
+  },
   labelWidth: {
     type: [String, Number],
     default: ""
@@ -28196,11 +28281,11 @@ const filterFields = (fields, props) => {
   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__ */ defineComponent({
-  ...__default__$G,
+  ...__default__$H,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -29504,12 +29589,12 @@ var FormLabelWrap = defineComponent({
   }
 });
 
-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__ */ defineComponent({
-  ...__default__$F,
+  ...__default__$G,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -29556,6 +29641,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       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 = computed$1(() => isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
@@ -29786,7 +29872,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["name"])
         ], 6)
-      ], 10, _hoisted_1$u);
+      ], 10, _hoisted_1$v);
     };
   }
 });
@@ -29831,12 +29917,12 @@ const imageViewerEmits = {
   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__ */ defineComponent({
-  ...__default__$E,
+  ...__default__$F,
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { emit }) {
@@ -30199,7 +30285,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                     onLoad: handleImgLoad,
                     onError: handleImgError,
                     onMousedown: handleMouseDown
-                  }, null, 46, _hoisted_1$t)), [
+                  }, null, 46, _hoisted_1$u)), [
                     [vShow, i === index.value]
                   ]);
                 }), 128))
@@ -30274,14 +30360,14 @@ const imageEmits = {
   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__ */ defineComponent({
-  ...__default__$D,
+  ...__default__$E,
   props: imageProps,
   emits: imageEmits,
   setup(__props, { emit }) {
@@ -30440,7 +30526,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           onClick: clickHandler,
           onLoad: handleLoad,
           onError: handleError
-        }), null, 16, _hoisted_1$s)) : createCommentVNode("v-if", true),
+        }), null, 16, _hoisted_1$t)) : createCommentVNode("v-if", true),
         isLoading.value || hasLoadError.value ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(unref(ns).e("wrapper"))
@@ -30539,13 +30625,13 @@ const inputNumberEmits = {
   [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__ */ defineComponent({
-  ...__default__$C,
+  ...__default__$D,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -30769,7 +30855,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ], 42, _hoisted_1$r)), [
+        ], 42, _hoisted_1$s)), [
           [unref(RepeatClick), decrease]
         ]) : createCommentVNode("v-if", true),
         _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
@@ -30841,12 +30927,12 @@ const linkEmits = {
   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__ */ defineComponent({
-  ...__default__$B,
+  ...__default__$C,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -30880,7 +30966,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true),
         _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$q);
+      ], 10, _hoisted_1$r);
     };
   }
 });
@@ -31056,7 +31142,7 @@ const _sfc_main$U = defineComponent({
     };
   }
 });
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, mergeProps({ mode: "out-in" }, _ctx.listeners), {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
@@ -31064,7 +31150,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = computed$1(() => {
@@ -31139,6 +31225,18 @@ const subMenuProps = buildProps({
   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";
@@ -31164,7 +31262,7 @@ var SubMenu = defineComponent({
     const vPopper = ref(null);
     const currentPlacement = computed$1(() => mode.value === "horizontal" && isFirstLevel.value ? "bottom-start" : "right-start");
     const subMenuTitleIcon = computed$1(() => {
-      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 = computed$1(() => {
       return subMenu.level === 0;
@@ -31304,7 +31402,10 @@ var SubMenu = defineComponent({
       const titleTag = [
         (_a = slots.title) == null ? void 0 : _a.call(slots),
         h$1(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: () => h$1(subMenuTitleIcon.value) })
       ];
       const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
@@ -31442,6 +31543,7 @@ var Menu = defineComponent({
     const menu = ref();
     const nsMenu = useNamespace("menu");
     const nsSubMenu = useNamespace("sub-menu");
+    const sliceIndex = ref(-1);
     const openedMenus = ref(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
     const activeIndex = ref(props.defaultActive);
     const items = ref({});
@@ -31515,8 +31617,42 @@ var Menu = defineComponent({
         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 = () => {
-      nextTick(() => instance.proxy.$forceUpdate());
+      const callback = () => {
+        sliceIndex.value = -1;
+        nextTick(() => {
+          sliceIndex.value = calcSliceIndex();
+        });
+      };
+      isFirstTimeRender ? callback() : debounce(callback)();
+      isFirstTimeRender = false;
     };
     watch(() => props.defaultActive, (currentActive) => {
       if (!items.value[currentActive]) {
@@ -31601,26 +31737,13 @@ var Menu = defineComponent({
       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(h$1(SubMenu, {
@@ -31722,7 +31845,7 @@ const _sfc_main$T = defineComponent({
     };
   }
 });
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = resolveComponent("el-tooltip");
   return openBlock(), createElementBlock("li", {
     class: normalizeClass([
@@ -31758,7 +31881,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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
@@ -31775,7 +31898,7 @@ const _sfc_main$S = defineComponent({
     };
   }
 });
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -31791,7 +31914,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -31817,55 +31940,96 @@ const pageHeaderEmits = {
   back: () => true
 };
 
-const __default__$A = {
+const _hoisted_1$q = ["aria-label"];
+const __default__$B = {
   name: "ElPageHeader"
 };
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+  ...__default__$B,
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
+    const slots = useSlots();
     const { t } = useLocale();
     const ns = useNamespace("page-header");
+    const kls = computed$1(() => {
+      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 openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
+        class: normalizeClass(unref(kls))
       }, [
         createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("left")),
-          onClick: handleClick
+          class: normalizeClass(unref(ns).e("breadcrumb"))
+        }, [
+          renderSlot(_ctx.$slots, "breadcrumb")
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("header"))
         }, [
-          _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref(ns).e("icon"))
-          }, [
-            renderSlot(_ctx.$slots, "icon", {}, () => [
-              _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              })) : createCommentVNode("v-if", true)
-            ])
-          ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("title"))
+            class: normalizeClass(unref(ns).e("left"))
           }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
-            ])
-          ], 2)
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("back")),
+              role: "button",
+              tabindex: "0",
+              onClick: handleClick
+            }, [
+              _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                "aria-label": _ctx.title || unref(t)("el.pageHeader.title"),
+                class: normalizeClass(unref(ns).e("icon"))
+              }, [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("v-if", true)
+                ])
+              ], 10, _hoisted_1$q)) : createCommentVNode("v-if", true),
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("title"))
+              }, [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
+                ])
+              ], 2)
+            ], 2),
+            createVNode(unref(ElDivider), { direction: "vertical" }),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("content"))
+            }, [
+              renderSlot(_ctx.$slots, "content", {}, () => [
+                createTextVNode(toDisplayString(_ctx.content), 1)
+              ])
+            ], 2)
+          ], 2),
+          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("extra"))
+          }, [
+            renderSlot(_ctx.$slots, "extra")
+          ], 2)) : createCommentVNode("v-if", true)
         ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("content"))
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("main"))
         }, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createTextVNode(toDisplayString(_ctx.content), 1)
-          ])
-        ], 2)
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("v-if", true)
       ], 2);
     };
   }
@@ -31882,6 +32046,9 @@ const paginationPrevProps = buildProps({
   },
   prevText: {
     type: String
+  },
+  prevIcon: {
+    type: iconPropType
   }
 });
 const paginationPrevEmits = {
@@ -31890,11 +32057,11 @@ const paginationPrevEmits = {
 
 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__ */ defineComponent({
-  ...__default__$z,
+  ...__default__$A,
   props: paginationPrevProps,
   emits: paginationPrevEmits,
   setup(__props) {
@@ -31910,7 +32077,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
-            createVNode(unref(arrow_left_default))
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
           ]),
           _: 1
         }))
@@ -31932,16 +32099,19 @@ const paginationNextProps = buildProps({
   },
   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__ */ defineComponent({
-  ...__default__$y,
+  ...__default__$z,
   props: paginationNextProps,
   emits: ["click"],
   setup(__props) {
@@ -31957,7 +32127,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.nextText ? (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
-            createVNode(unref(arrow_right_default))
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon)))
           ]),
           _: 1
         }))
@@ -32007,7 +32177,7 @@ function useOption$1(props, states) {
     } else {
       const valueKey = select.props.valueKey;
       return arr && arr.some((item) => {
-        return get(item, valueKey) === get(target, valueKey);
+        return toRaw$1(get(item, valueKey)) === get(target, valueKey);
       });
     }
   };
@@ -32120,7 +32290,7 @@ const _sfc_main$O = defineComponent({
     };
   }
 });
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     class: normalizeClass([
       _ctx.ns.be("dropdown", "item"),
@@ -32140,7 +32310,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     [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 = defineComponent({
   name: "ElSelectDropdown",
@@ -32169,7 +32339,7 @@ const _sfc_main$N = defineComponent({
     };
   }
 });
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
     style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -32177,7 +32347,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     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();
@@ -32219,10 +32389,9 @@ const useSelect$3 = (props, states, ctx) => {
   const hoverOption = ref(-1);
   const queryChange = shallowRef({ query: "" });
   const groupQueryChange = shallowRef("");
-  const elForm = inject(formContextKey, {});
-  const elFormItem = inject(formItemContextKey, {});
+  const { form, formItem } = useFormItem();
   const readonly = computed$1(() => !props.filterable || props.multiple || !states.visible);
-  const selectDisabled = computed$1(() => props.disabled || elForm.disabled);
+  const selectDisabled = computed$1(() => props.disabled || (form == null ? void 0 : form.disabled));
   const showClose = computed$1(() => {
     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;
@@ -32266,7 +32435,7 @@ const useSelect$3 = (props, states, ctx) => {
       states.visible = val;
     }
   });
-  watch([() => selectDisabled.value, () => selectSize.value, () => elForm.size], () => {
+  watch([() => selectDisabled.value, () => selectSize.value, () => form == null ? void 0 : form.size], () => {
     nextTick(() => {
       resetInputHeight();
     });
@@ -32275,7 +32444,6 @@ const useSelect$3 = (props, states, ctx) => {
     states.cachedPlaceHolder = states.currentPlaceholder = val;
   });
   watch(() => props.modelValue, (val, oldVal) => {
-    var _a;
     if (props.multiple) {
       resetInputHeight();
       if (val && val.length > 0 || input.value && states.query !== "") {
@@ -32293,7 +32461,7 @@ const useSelect$3 = (props, states, ctx) => {
       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",
@@ -32386,7 +32554,7 @@ const useSelect$3 = (props, states, ctx) => {
         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) {
@@ -32623,7 +32791,7 @@ const useSelect$3 = (props, states, ctx) => {
     const valueKey = props.valueKey;
     let index = -1;
     arr.some((item, i) => {
-      if (get(item, valueKey) === get(value, valueKey)) {
+      if (toRaw$1(get(item, valueKey)) === get(value, valueKey)) {
         index = i;
         return true;
       }
@@ -33156,7 +33324,7 @@ const _sfc_main$M = defineComponent({
 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 = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -33457,7 +33625,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     [_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 = defineComponent({
   name: "ElOptionGroup",
@@ -33505,7 +33673,7 @@ const _sfc_main$L = defineComponent({
     };
   }
 });
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("ul", {
     class: normalizeClass(_ctx.ns.be("group", "wrap"))
   }, [
@@ -33523,7 +33691,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     [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,
@@ -33553,11 +33721,11 @@ const paginationSizesProps = buildProps({
   }
 });
 
-const __default__$x = {
+const __default__$y = {
   name: "ElPaginationSizes"
 };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+  ...__default__$y,
   props: paginationSizesProps,
   emits: ["page-size-change"],
   setup(__props, { emit }) {
@@ -33614,11 +33782,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 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__ */ defineComponent({
-  ...__default__$w,
+  ...__default__$x,
   setup(__props) {
     const { t } = useLocale();
     const ns = useNamespace("pagination");
@@ -33668,11 +33836,11 @@ const paginationTotalProps = buildProps({
 });
 
 const _hoisted_1$l = ["disabled"];
-const __default__$v = {
+const __default__$w = {
   name: "ElPaginationTotal"
 };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+  ...__default__$w,
   props: paginationTotalProps,
   setup(__props) {
     const { t } = useLocale();
@@ -33712,11 +33880,11 @@ const _hoisted_3$7 = ["tabindex"];
 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__ */ defineComponent({
-  ...__default__$u,
+  ...__default__$v,
   props: paginationPagerProps,
   emits: ["change"],
   setup(__props, { emit }) {
@@ -33939,10 +34107,18 @@ const paginationProps = buildProps({
     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,
@@ -34090,6 +34266,7 @@ var Pagination = defineComponent({
           disabled: props.disabled,
           currentPage: currentPageBridge.value,
           prevText: props.prevText,
+          prevIcon: props.prevIcon,
           onClick: prev
         }),
         jumper: h$1(Jumper),
@@ -34105,6 +34282,7 @@ var Pagination = defineComponent({
           currentPage: currentPageBridge.value,
           pageCount: pageCountBridge.value,
           nextText: props.nextText,
+          nextIcon: props.nextIcon,
           onClick: next
         }),
         sizes: h$1(Sizes, {
@@ -34191,14 +34369,18 @@ const popconfirmProps = buildProps({
     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__ */ defineComponent({
-  ...__default__$t,
+  ...__default__$u,
   props: popconfirmProps,
   setup(__props) {
     const props = __props;
@@ -34209,6 +34391,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       var _a, _b;
       (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
     };
+    const style = computed$1(() => {
+      return {
+        width: addUnit(props.width)
+      };
+    });
     const confirm = (e) => {
       var _a;
       (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
@@ -34222,17 +34409,19 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const finalConfirmButtonText = computed$1(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
     const finalCancelButtonText = computed$1(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTooltip), {
+      return openBlock(), createBlock(unref(ElTooltip), mergeProps({
         ref_key: "tooltipRef",
         ref: tooltipRef,
         trigger: "click",
-        effect: "light",
+        effect: "light"
+      }, _ctx.$attrs, {
         "popper-class": `${unref(ns).namespace.value}-popover`,
+        "popper-style": unref(style),
         teleported: _ctx.teleported,
         "fallback-placements": ["bottom", "top", "right", "left"],
         "hide-after": _ctx.hideAfter,
         persistent: _ctx.persistent
-      }, {
+      }), {
         content: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(unref(ns).b())
@@ -34284,7 +34473,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
         ]),
         _: 3
-      }, 8, ["popper-class", "teleported", "hide-after", "persistent"]);
+      }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]);
     };
   }
 });
@@ -34353,11 +34542,11 @@ const popoverEmits = {
   "after-leave": () => true
 };
 
-const __default__$s = {
+const __default__$t = {
   name: "ElPopover"
 };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+  ...__default__$t,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -34384,7 +34573,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       return [ns.b(), props.popperClass, { [ns.m("plain")]: !!props.content }];
     });
     const gpuAcceleration = computed$1(() => {
-      return props.transition === "el-fade-in-linear";
+      return props.transition === `${ns.namespace.value}-fade-in-linear`;
     });
     const hide = () => {
       var _a;
@@ -34544,11 +34733,11 @@ const _hoisted_2$d = { viewBox: "0 0 100 100" };
 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__ */ defineComponent({
-  ...__default__$r,
+  ...__default__$s,
   props: progressProps,
   setup(__props) {
     const props = __props;
@@ -34828,11 +35017,11 @@ const rateEmits = {
 
 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__ */ defineComponent({
-  ...__default__$q,
+  ...__default__$r,
   props: rateProps,
   emits: rateEmits,
   setup(__props, { expose, emit }) {
@@ -35093,11 +35282,11 @@ const resultProps = buildProps({
   }
 });
 
-const __default__$p = {
+const __default__$q = {
   name: "ElResult"
 };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+  ...__default__$q,
   props: resultProps,
   setup(__props) {
     const props = __props;
@@ -35185,11 +35374,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$o = {
+const __default__$p = {
   name: "ElRow"
 };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+  ...__default__$p,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -35890,11 +36079,11 @@ const createList = ({
           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;
                 }
@@ -37041,7 +37230,7 @@ const _sfc_main$A = defineComponent({
     };
   }
 });
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.item.isTitle ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(_ctx.ns.be("group", "title")),
@@ -37057,7 +37246,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 {
@@ -37192,7 +37381,7 @@ const _sfc_main$z = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("li", {
     "aria-selected": _ctx.selected,
     style: normalizeStyle(_ctx.style),
@@ -37215,7 +37404,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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";
 
@@ -38222,7 +38411,7 @@ const _hoisted_2$b = ["id", "autocomplete", "aria-expanded", "aria-labelledby",
 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 = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -38563,7 +38752,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     [_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);
@@ -38611,11 +38800,11 @@ const skeletonItemProps = buildProps({
   }
 });
 
-const __default__$n = {
+const __default__$o = {
   name: "ElSkeletonItem"
 };
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+  ...__default__$o,
   props: skeletonItemProps,
   setup(__props) {
     const ns = useNamespace("skeleton");
@@ -38630,11 +38819,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$m,
+  ...__default__$n,
   props: skeletonProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -38799,7 +38988,7 @@ const useMarks = (props) => {
       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]
@@ -39284,11 +39473,11 @@ const sliderButtonEmits = {
 };
 
 const _hoisted_1$f = ["tabindex"];
-const __default__$l = {
+const __default__$m = {
   name: "ElSliderButton"
 };
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+  ...__default__$m,
   props: sliderButtonProps,
   emits: sliderButtonEmits,
   setup(__props, { expose, emit }) {
@@ -39394,11 +39583,11 @@ var SliderMarker = defineComponent({
 
 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__ */ defineComponent({
-  ...__default__$k,
+  ...__default__$l,
   props: sliderProps,
   emits: sliderEmits,
   setup(__props, { expose, emit }) {
@@ -39838,11 +40027,11 @@ const stepsEmits = {
   [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
-const __default__$j = {
+const __default__$k = {
   name: "ElSteps"
 };
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+  ...__default__$k,
   props: stepsProps,
   emits: stepsEmits,
   setup(__props, { emit }) {
@@ -39888,11 +40077,11 @@ const stepProps = buildProps({
   }
 });
 
-const __default__$i = {
+const __default__$j = {
   name: "ElStep"
 };
 const _sfc_main$s = defineComponent({
-  ...__default__$i,
+  ...__default__$j,
   props: stepProps,
   setup(__props) {
     const props = __props;
@@ -40165,11 +40354,11 @@ const _hoisted_3$4 = ["aria-hidden"];
 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__ */ defineComponent({
-  ...__default__$h,
+  ...__default__$i,
   props: switchProps,
   emits: switchEmits,
   setup(__props, { expose, emit }) {
@@ -40279,7 +40468,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       input.value.checked = checked.value;
     });
     expose({
-      focus
+      focus,
+      checked
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -40704,6 +40894,7 @@ function createTablePopper(parentNode, trigger, popperContent, popperOptions, to
   function showPopper() {
     popperInstance && popperInstance.update();
   }
+  removePopper == null ? void 0 : removePopper();
   removePopper = () => {
     try {
       popperInstance && popperInstance.destroy();
@@ -42122,7 +42313,7 @@ const _sfc_main$q = defineComponent({
 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 = resolveComponent("el-checkbox");
   const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
@@ -42235,7 +42426,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = getCurrentInstance();
@@ -42737,8 +42928,7 @@ var TableHeader = defineComponent({
         h$1("div", {
           class: [
             "cell",
-            column.filteredValue && column.filteredValue.length > 0 ? "highlight" : "",
-            column.labelClassName
+            column.filteredValue && column.filteredValue.length > 0 ? "highlight" : ""
           ]
         }, [
           column.renderHeader ? column.renderHeader({
@@ -42810,7 +43000,7 @@ function useEvents(props) {
   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);
@@ -42835,7 +43025,7 @@ function useEvents(props) {
       createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, {
         placement: "top",
         strategy: "fixed"
-      }, row.tooltipEffect);
+      }, tooltipEffect);
     }
   };
   const handleCellMouseLeave = (event) => {
@@ -43054,7 +43244,7 @@ function useRender$1(props) {
         key: `${patchKey}${baseKey}`,
         rowspan,
         colspan,
-        onMouseenter: ($event) => handleCellMouseEnter($event, { ...row, tooltipEffect }),
+        onMouseenter: ($event) => handleCellMouseEnter($event, row, tooltipEffect),
         onMouseleave: handleCellMouseLeave
       }, [tdChildren]);
     }));
@@ -43085,7 +43275,7 @@ function useRender$1(props) {
             }, [
               h$1("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 })])
             ])
           ]
@@ -43219,10 +43409,6 @@ var TableBody = defineComponent({
       var _a;
       (_a = removePopper) == null ? void 0 : _a();
     });
-    onUpdated(() => {
-      var _a;
-      (_a = removePopper) == null ? void 0 : _a();
-    });
     return {
       ns,
       onColumnsChange,
@@ -43552,7 +43738,7 @@ function useStyle(props, layout, store, table) {
       layout.updateElsHeight();
     }
     layout.updateColumnsWidth();
-    requestAnimationFrame(syncPostion);
+    requestAnimationFrame(syncPosition);
   };
   onMounted(async () => {
     await nextTick();
@@ -43595,7 +43781,7 @@ function useStyle(props, layout, store, table) {
     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) {
@@ -43627,7 +43813,7 @@ function useStyle(props, layout, store, table) {
     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
       });
     }
@@ -43636,6 +43822,11 @@ function useStyle(props, layout, store, table) {
     } 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;
@@ -43662,7 +43853,7 @@ function useStyle(props, layout, store, table) {
     }
     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 = {
@@ -43687,7 +43878,7 @@ function useStyle(props, layout, store, table) {
     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;
@@ -43710,7 +43901,6 @@ function useStyle(props, layout, store, table) {
     return {};
   });
   const scrollbarStyle = computed$1(() => {
-    var _a, _b;
     if (props.height) {
       return {
         height: "100%"
@@ -43718,13 +43908,11 @@ function useStyle(props, layout, store, table) {
     }
     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 {
@@ -44017,7 +44205,7 @@ const _hoisted_2$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 = resolveComponent("hColgroup");
   const _component_table_header = resolveComponent("table-header");
   const _component_table_body = resolveComponent("table-body");
@@ -44183,7 +44371,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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",
@@ -46864,11 +47052,11 @@ const tabBarProps = buildProps({
   }
 });
 
-const __default__$g = {
+const __default__$h = {
   name: "ElTabBar"
 };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+  ...__default__$h,
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -47351,11 +47539,11 @@ const tabPaneProps = buildProps({
 });
 
 const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$f = {
+const __default__$g = {
   name: "ElTabPane"
 };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+  ...__default__$g,
   props: tabPaneProps,
   setup(__props) {
     const props = __props;
@@ -47522,11 +47710,11 @@ const nextTime = (time, step) => {
   return formatTime(next);
 };
 
-const __default__$e = {
+const __default__$f = {
   name: "ElTimeSelect"
 };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+  ...__default__$f,
   props: timeSelectProps,
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(__props, { expose }) {
@@ -47690,11 +47878,11 @@ const timelineItemProps = buildProps({
   }
 });
 
-const __default__$d = {
+const __default__$e = {
   name: "ElTimelineItem"
 };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+  ...__default__$e,
   props: timelineItemProps,
   setup(__props) {
     const ns = useNamespace("timeline-item");
@@ -47893,11 +48081,11 @@ const tooltipV2Props = buildProps({
   }
 });
 
-const __default__$c = {
+const __default__$d = {
   name: "ElTooltipV2Root"
 };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+  ...__default__$d,
   props: tooltipV2RootProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -47966,11 +48154,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-const __default__$b = {
+const __default__$c = {
   name: "ElTooltipV2Arrow"
 };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+  ...__default__$c,
   props: {
     ...tooltipV2ArrowProps,
     ...tooltipV2ArrowSpecialProps
@@ -48009,11 +48197,11 @@ const visualHiddenProps = buildProps({
   }
 });
 
-const __default__$a = {
+const __default__$b = {
   name: "ElVisuallyHidden"
 };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+  ...__default__$b,
   props: visualHiddenProps,
   setup(__props) {
     const props = __props;
@@ -48044,11 +48232,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 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__ */ defineComponent({
-  ...__default__$9,
+  ...__default__$a,
   props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
   setup(__props) {
     const props = __props;
@@ -48176,11 +48364,11 @@ var ForwardRef = defineComponent({
   }
 });
 
-const __default__$8 = {
+const __default__$9 = {
   name: "ElTooltipV2Trigger"
 };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+  ...__default__$9,
   props: {
     ...tooltipV2CommonProps,
     ...tooltipV2TriggerProps
@@ -48259,11 +48447,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-const __default__$7 = {
+const __default__$8 = {
   name: "ElTooltipV2"
 };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+  ...__default__$8,
   props: tooltipV2Props,
   setup(__props) {
     const props = __props;
@@ -48580,11 +48768,11 @@ const useMove = (props, checkedState, emit) => {
   };
 };
 
-const __default__$6 = {
+const __default__$7 = {
   name: "ElTransferPanel"
 };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+  ...__default__$7,
   props: transferPanelProps,
   emits: transferPanelEmits,
   setup(__props, { expose, emit }) {
@@ -48697,11 +48885,11 @@ var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transf
 
 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__ */ defineComponent({
-  ...__default__$5,
+  ...__default__$6,
   props: transferProps,
   emits: transferEmits,
   setup(__props, { expose, emit }) {
@@ -48876,7 +49064,7 @@ const getChildState = (node) => {
   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) {
@@ -49259,10 +49447,10 @@ class Node {
     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);
@@ -49342,7 +49530,7 @@ class TreeStore {
   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) {
@@ -49953,7 +50141,7 @@ const _sfc_main$b = defineComponent({
 });
 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 = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_loading = resolveComponent("loading");
@@ -50058,7 +50246,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     [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");
@@ -50407,7 +50595,7 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-tree-node");
   return openBlock(), createElementBlock("div", {
@@ -50449,7 +50637,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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);
@@ -51224,11 +51412,14 @@ function useTree(props, emit) {
   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);
@@ -51248,9 +51439,9 @@ function useTree(props, emit) {
   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);
@@ -51262,7 +51453,7 @@ function useTree(props, emit) {
     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);
   }
@@ -51280,7 +51471,7 @@ function useTree(props, emit) {
     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;
@@ -51291,6 +51482,11 @@ function useTree(props, emit) {
   function setData(data) {
     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,
@@ -51317,7 +51513,11 @@ function useTree(props, emit) {
     setChecked,
     setCheckedKeys,
     filter,
-    setData
+    setData,
+    getNode,
+    expandNode,
+    collapseNode,
+    setExpandedKeys
   };
 }
 
@@ -51386,7 +51586,7 @@ const _sfc_main$8 = defineComponent({
   }
 });
 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 = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -51443,7 +51643,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
   name: "ElTreeV2",
@@ -51485,7 +51685,11 @@ const _sfc_main$7 = defineComponent({
       setChecked,
       setCheckedKeys,
       filter,
-      setData
+      setData,
+      getNode,
+      expandNode,
+      collapseNode,
+      setExpandedKeys
     } = useTree(props, ctx.emit);
     ctx.expose({
       getCurrentNode,
@@ -51498,7 +51702,11 @@ const _sfc_main$7 = defineComponent({
       setChecked,
       setCheckedKeys,
       filter,
-      setData
+      setData,
+      getNode,
+      expandNode,
+      collapseNode,
+      setExpandedKeys
     });
     return {
       t,
@@ -51519,7 +51727,7 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-tree-node");
   const _component_fixed_size_list = resolveComponent("fixed-size-list");
@@ -51564,7 +51772,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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);
 
@@ -51780,11 +51988,11 @@ const _hoisted_2$4 = ["src"];
 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__ */ defineComponent({
-  ...__default__$4,
+  ...__default__$5,
   props: uploadListProps,
   emits: uploadListEmits,
   setup(__props, { emit }) {
@@ -51953,11 +52161,11 @@ const uploadDraggerEmits = {
 };
 
 const _hoisted_1$4 = ["onDrop", "onDragover"];
-const __default__$3 = {
+const __default__$4 = {
   name: "ElUploadDrag"
 };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+  ...__default__$4,
   props: uploadDraggerProps,
   emits: uploadDraggerEmits,
   setup(__props, { emit }) {
@@ -52050,12 +52258,12 @@ const uploadContentProps = buildProps({
 
 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__ */ defineComponent({
-  ...__default__$2,
+  ...__default__$3,
   props: uploadContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -52336,11 +52544,11 @@ const useHandlers = (props, uploadRef) => {
   };
 };
 
-const __default__$1 = {
+const __default__$2 = {
   name: "ElUpload"
 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+  ...__default__$2,
   props: uploadProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -53051,16 +53259,16 @@ const getLastOffset = (id) => {
   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__ */ defineComponent({
-  ...__default__,
+  ...__default__$1,
   props: messageProps,
   emits: messageEmits,
   setup(__props, { expose }) {
@@ -53241,7 +53449,7 @@ const createMessage = ({ appendTo, ...options }, context) => {
   const vm = vnode.component;
   const handler = {
     close: () => {
-      vm.exposeProxy.visible = false;
+      vm.exposed.visible.value = false;
     }
   };
   const instance = {
@@ -53563,7 +53771,7 @@ const _sfc_main$1 = defineComponent({
 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 = resolveComponent("el-icon");
   const _component_close = resolveComponent("close");
   const _component_el_input = resolveComponent("el-input");
@@ -53761,7 +53969,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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) => {
@@ -53852,18 +54060,18 @@ MESSAGE_BOX_VARIANTS.forEach((boxType) => {
   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]
@@ -53961,16 +54169,21 @@ const notificationEmits = {
   destroy: () => true
 };
 
-const _sfc_main = 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__ */ defineComponent({
+  ...__default__,
   props: notificationProps,
   emits: notificationEmits,
-  setup(props) {
+  setup(__props, { expose }) {
+    const props = __props;
     const ns = useNamespace("notification");
+    const { Close } = CloseComponents;
     const visible = ref(false);
     let timer = void 0;
     const typeClass = computed$1(() => {
@@ -53978,7 +54191,9 @@ const _sfc_main = defineComponent({
       return type && TypeComponentsMap[props.type] ? ns.m(type) : "";
     });
     const iconComponent = computed$1(() => {
-      return TypeComponentsMap[props.type] || props.icon || "";
+      if (!props.type)
+        return "";
+      return TypeComponentsMap[props.type] || props.icon;
     });
     const horizontalClass = computed$1(() => props.position.endsWith("right") ? "right" : "left");
     const verticalProperty = computed$1(() => props.position.startsWith("top") ? "top" : "bottom");
@@ -54018,91 +54233,77 @@ const _sfc_main = defineComponent({
       visible.value = true;
     });
     useEventListener(document, "keydown", onKeydown);
-    return {
-      ns,
-      horizontalClass,
-      typeClass,
-      iconComponent,
-      positionStyle,
+    expose({
       visible,
-      close,
-      clearTimer,
-      startTimer
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: unref(ns).b("fade"),
+        onBeforeLeave: _ctx.onClose,
+        onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy")),
+        persisted: ""
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            id: _ctx.id,
+            class: normalizeClass([unref(ns).b(), _ctx.customClass, unref(horizontalClass)]),
+            style: normalizeStyle(unref(positionStyle)),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer,
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+          }, [
+            unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 0,
+              class: normalizeClass([unref(ns).e("icon"), unref(typeClass)])
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
+              ]),
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("group"))
+            }, [
+              createElementVNode("h2", {
+                class: normalizeClass(unref(ns).e("title")),
+                textContent: toDisplayString(_ctx.title)
+              }, null, 10, _hoisted_2),
+              withDirectives(createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("content")),
+                style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                    createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
+                  ], 2112))
+                ])
+              ], 6), [
+                [vShow, _ctx.message]
+              ]),
+              _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass(unref(ns).e("closeBtn")),
+                onClick: withModifiers(close, ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Close))
+                ]),
+                _: 1
+              }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
+            ], 2)
+          ], 46, _hoisted_1), [
+            [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 = resolveComponent("el-icon");
-  const _component_close = resolveComponent("close");
-  return openBlock(), createBlock(Transition, {
-    name: _ctx.ns.b("fade"),
-    onBeforeLeave: _ctx.onClose,
-    onAfterLeave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("destroy")),
-    persisted: ""
-  }, {
-    default: withCtx(() => [
-      withDirectives(createElementVNode("div", {
-        id: _ctx.id,
-        class: normalizeClass([_ctx.ns.b(), _ctx.customClass, _ctx.horizontalClass]),
-        style: 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 ? (openBlock(), createBlock(_component_el_icon, {
-          key: 0,
-          class: normalizeClass([_ctx.ns.e("icon"), _ctx.typeClass])
-        }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-          ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("v-if", true),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.ns.e("group"))
-        }, [
-          createElementVNode("h2", {
-            class: normalizeClass(_ctx.ns.e("title")),
-            textContent: toDisplayString(_ctx.title)
-          }, null, 10, _hoisted_2),
-          withDirectives(createElementVNode("div", {
-            class: normalizeClass(_ctx.ns.e("content")),
-            style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createCommentVNode(" Caution here, message could've been compromized, nerver use user's input as message "),
-                createCommentVNode(" eslint-disable-next-line "),
-                createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
-              ], 2112))
-            ])
-          ], 6), [
-            [vShow, _ctx.message]
-          ]),
-          _ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0,
-            class: normalizeClass(_ctx.ns.e("closeBtn")),
-            onClick: withModifiers(_ctx.close, ["stop"])
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_close)
-            ]),
-            _: 1
-          }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
-        ], 2)
-      ], 46, _hoisted_1), [
-        [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": [],
@@ -54159,7 +54360,7 @@ const notify = function(options = {}, context = null) {
   appendTo.appendChild(container.firstElementChild);
   return {
     close: () => {
-      vm.component.proxy.visible = false;
+      vm.component.exposed.visible.value = false;
     }
   };
 };
@@ -54203,7 +54404,7 @@ function close(id, position, userOnClose) {
 function closeAll() {
   for (const orientedNotifications of Object.values(notifications)) {
     orientedNotifications.forEach(({ vm }) => {
-      vm.component.proxy.visible = false;
+      vm.component.exposed.visible.value = false;
     });
   }
 }