element-plus 2.2.11 → 2.2.14

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v2.2.11 */
+/*! Element Plus v2.2.14 */
 
-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, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw as toRaw$1, 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,68 +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) {
-      styles[`--${namespace.value}-${key}`] = object[key];
-    }
-    return styles;
-  };
-  const cssVarBlock = (object) => {
-    const styles = {};
-    for (const key in object) {
-      styles[`--${namespace.value}-${block}-${key}`] = object[key];
-    }
-    return styles;
-  };
-  const cssVarName = (name) => `--${namespace.value}-${name}`;
-  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-  return {
-    namespace,
-    b,
-    e,
-    m,
-    be,
-    em,
-    bm,
-    bem,
-    is,
-    cssVar,
-    cssVarName,
-    cssVarBlock,
-    cssVarBlockName
-  };
-};
-
 const useLockscreen = (trigger) => {
   if (!isRef(trigger)) {
     throwError("[useLockscreen]", "You need to pass a ref param to this function");
@@ -9356,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) => {
@@ -9371,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);
   });
@@ -10894,7 +10972,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "2.2.11";
+const version$1 = "2.2.14";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -10943,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 }) {
@@ -11062,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;
@@ -11129,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 }) {
@@ -11401,12 +11479,12 @@ const inputEmits = {
 const _hoisted_1$13 = ["role"];
 const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-const __default__$1m = {
+const __default__$1n = {
   name: "ElInput",
   inheritAttrs: false
 };
 const _sfc_main$2c = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1n,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -12100,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 }) {
@@ -12267,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;
@@ -12304,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;
@@ -12385,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]);
 }
 
@@ -12406,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;
@@ -12813,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({
@@ -12973,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 }) {
@@ -13348,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,
@@ -13403,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)) {
@@ -13468,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,
@@ -13490,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({
@@ -13610,7 +13689,7 @@ const _sfc_main$21 = defineComponent({
 });
 const _hoisted_1$12 = ["innerHTML"];
 const _hoisted_2$F = { key: 1 };
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -13679,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);
 
@@ -13754,12 +13833,12 @@ const autocompleteEmits = {
 const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
 const _hoisted_3$l = ["id", "aria-selected", "onClick"];
-const __default__$1g = {
+const __default__$1h = {
   name: "ElAutocomplete",
   inheritAttrs: false
 };
 const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1h,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -14118,11 +14197,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$10 = ["src", "alt", "srcset"];
-const __default__$1f = {
+const __default__$1g = {
   name: "ElAvatar"
 };
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1g,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -14203,11 +14282,11 @@ const backtopEmits = {
 };
 
 const _hoisted_1$$ = ["onClick"];
-const __default__$1e = {
+const __default__$1f = {
   name: "ElBacktop"
 };
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1f,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -14312,11 +14391,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$_ = ["textContent"];
-const __default__$1d = {
+const __default__$1e = {
   name: "ElBadge"
 };
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1e,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14375,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;
@@ -14418,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;
@@ -15453,11 +15532,11 @@ function useButtonCustomStyle(props) {
 }
 
 const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__$1a = {
+const __default__$1b = {
   name: "ElButton"
 };
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1b,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -15565,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;
@@ -16221,11 +16300,11 @@ const timePickerDefaultProps = buildProps({
 
 const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$18 = {
+const __default__$19 = {
   name: "Picker"
 };
 const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$19,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -16243,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();
@@ -16264,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) => {
@@ -16361,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);
@@ -16369,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;
           }
@@ -16379,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;
@@ -17243,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];
@@ -17923,11 +18008,11 @@ const dateTableEmits = {
 
 const _hoisted_1$V = { 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 }) {
@@ -18082,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 }) {
@@ -18317,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");
@@ -18413,11 +18498,11 @@ const carouselEmits = {
 const _hoisted_1$U = ["onMouseenter", "onMouseleave"];
 const _hoisted_2$A = ["onMouseenter", "onClick"];
 const _hoisted_3$k = { key: 0 };
-const __default__$14 = {
+const __default__$15 = {
   name: "ElCarousel"
 };
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$15,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -18430,7 +18515,6 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     const root = ref();
     const items = ref([]);
     const arrowDisplay = computed$1(() => props.arrow !== "never" && !unref(isVertical));
-    const interval = computed$1(() => props.interval);
     const hasLabel = computed$1(() => {
       return items.value.some((item) => item.props.label.toString().length > 0);
     });
@@ -18466,9 +18550,9 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
       }
     }
     function startTimer() {
-      if (interval.value <= 0 || !props.autoplay || timer.value)
+      if (props.interval <= 0 || !props.autoplay || timer.value)
         return;
-      timer.value = setInterval(() => playSlides(), interval.value);
+      timer.value = setInterval(() => playSlides(), props.interval);
     }
     const playSlides = () => {
       if (activeIndex.value < items.value.length - 1) {
@@ -18500,6 +18584,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
       if (oldIndex === activeIndex.value) {
         resetItemPosition(oldIndex);
       }
+      resetTimer();
     }
     function resetItemPosition(oldIndex) {
       items.value.forEach((item, index) => {
@@ -18577,6 +18662,10 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     function next() {
       setActiveItem(activeIndex.value + 1);
     }
+    function resetTimer() {
+      pauseTimer();
+      startTimer();
+    }
     watch(() => activeIndex.value, (current, prev2) => {
       resetItemPosition(prev2);
       if (prev2 > -1) {
@@ -18589,6 +18678,9 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     watch(() => props.loop, () => {
       setActiveItem(activeIndex.value);
     });
+    watch(() => props.interval, () => {
+      resetTimer();
+    });
     const resizeObserver = shallowRef();
     onMounted(async () => {
       await nextTick();
@@ -18727,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;
@@ -18950,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,
@@ -19100,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 {
@@ -19157,11 +19247,11 @@ const useCheckbox = (props, slots) => {
 const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-const __default__$12 = {
+const __default__$13 = {
   name: "ElCheckbox"
 };
 const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$13,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19262,11 +19352,11 @@ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox.v
 
 const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-const __default__$11 = {
+const __default__$12 = {
   name: "ElCheckboxButton"
 };
 const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+  ...__default__$12,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19340,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 }) {
@@ -19377,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")
@@ -19468,11 +19558,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$R = ["value", "name", "disabled"];
-const __default__$$ = {
+const __default__$10 = {
   name: "ElRadio"
 };
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$10,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -19544,11 +19634,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$Q = ["value", "name", "disabled"];
-const __default__$_ = {
+const __default__$$ = {
   name: "ElRadioButton"
 };
 const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$$,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -19638,11 +19728,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
-const __default__$Z = {
+const __default__$_ = {
   name: "ElRadioGroup"
 };
 const _sfc_main$1G = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$_,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -19843,7 +19933,7 @@ const _sfc_main$1F = defineComponent({
 });
 const _hoisted_1$O = ["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");
@@ -19926,7 +20016,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$O);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$B], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$A], ["__file", "node.vue"]]);
 
 const _sfc_main$1E = defineComponent({
   name: "ElCascaderMenu",
@@ -20006,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");
@@ -20059,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";
@@ -20534,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)]),
@@ -20551,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);
@@ -20589,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 }) {
@@ -20779,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);
@@ -20795,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");
@@ -20821,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());
         }
       }
     });
@@ -20845,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);
       }
@@ -21004,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;
@@ -21123,7 +21217,7 @@ const _sfc_main$1B = defineComponent({
 const _hoisted_1$N = { key: 0 };
 const _hoisted_2$w = ["placeholder"];
 const _hoisted_3$i = ["onClick"];
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -21351,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);
@@ -21370,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 }) {
@@ -21442,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;
@@ -21516,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 }) {
@@ -21571,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 = {
@@ -21663,11 +21757,11 @@ const collapseItemProps = buildProps({
 const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
 const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$T = {
+const __default__$U = {
   name: "ElCollapseItem"
 };
 const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+  ...__default__$U,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -21804,8 +21898,8 @@ function draggable(element, options) {
     isDragging = true;
     (_a = options.start) == null ? void 0 : _a.call(options, event);
   };
-  document.addEventListener("mousedown", downFn);
-  document.addEventListener("touchstart", downFn);
+  element.addEventListener("mousedown", downFn);
+  element.addEventListener("touchstart", downFn);
 }
 
 const _sfc_main$1v = defineComponent({
@@ -21911,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)])
   }, [
@@ -21933,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",
@@ -22028,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)])
   }, [
@@ -22047,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 = () => {
@@ -22368,7 +22462,7 @@ const _sfc_main$1t = defineComponent({
   }
 });
 const _hoisted_1$L = ["onClick"];
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -22393,7 +22487,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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",
@@ -22469,7 +22563,7 @@ const _hoisted_1$K = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_2$u = [
   _hoisted_1$K
 ];
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
@@ -22491,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",
@@ -22539,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();
@@ -22565,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;
@@ -22574,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) {
@@ -22630,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(() => {
@@ -22650,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();
     }
@@ -22701,7 +22792,7 @@ 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) {
+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");
@@ -22724,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(() => [
@@ -22853,9 +22944,9 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
       ], 42, _hoisted_1$J)
     ]),
     _: 1
-  }, 8, ["visible", "popper-class"]);
+  }, 8, ["visible", "popper-class", "transition"]);
 }
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$t], ["__file", "index.vue"]]);
+var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$s], ["__file", "index.vue"]]);
 
 ColorPicker.install = (app) => {
   app.component(ColorPicker.name, ColorPicker);
@@ -22906,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
@@ -22947,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,
@@ -22974,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,
@@ -23001,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,
@@ -23032,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) => {
@@ -25477,11 +25568,11 @@ const useMonthRangeHeader = ({
 const _hoisted_1$D = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$b = ["disabled"];
-const __default__$N = {
+const __default__$O = {
   name: "DatePickerMonthRange"
 };
 const _sfc_main$1g = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+  ...__default__$O,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -25854,11 +25945,11 @@ const descriptionsRowProps = buildProps({
 });
 
 const _hoisted_1$C = { key: 1 };
-const __default__$M = {
+const __default__$N = {
   name: "ElDescriptionsRow"
 };
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+  ...__default__$N,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -25939,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;
@@ -26193,9 +26284,9 @@ const dialogContentEmits = {
 
 const _hoisted_1$B = ["aria-label"];
 const _hoisted_2$n = ["id"];
-const __default__$K = { name: "ElDialogContent" };
+const __default__$L = { name: "ElDialogContent" };
 const _sfc_main$1d = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+  ...__default__$L,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -26437,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;
         }
@@ -26489,11 +26580,11 @@ const useDialog = (props, targetRef) => {
 };
 
 const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$J = {
+const __default__$K = {
   name: "ElDialog"
 };
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+  ...__default__$K,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -26650,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;
@@ -26745,7 +26836,7 @@ const _hoisted_1$z = ["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");
@@ -26857,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) => {
@@ -27096,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",
@@ -27108,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, {
@@ -27123,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: {
@@ -27210,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,
@@ -27223,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,
@@ -27449,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");
@@ -27581,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",
@@ -27635,7 +27726,7 @@ const _sfc_main$13 = defineComponent({
   }
 });
 const _hoisted_1$y = ["aria-disabled", "tabindex", "role"];
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.divided ? (openBlock(), createElementBlock("li", mergeProps({
@@ -27665,7 +27756,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     ], 16, _hoisted_1$y)
   ], 64);
 }
-var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$l], ["__file", "dropdown-item-impl.vue"]]);
+var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$k], ["__file", "dropdown-item-impl.vue"]]);
 
 const useDropdown = () => {
   const elDropdown = inject("elDropdown", {});
@@ -27741,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");
@@ -27772,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",
@@ -27838,7 +27929,7 @@ const _sfc_main$11 = defineComponent({
   }
 });
 const _hoisted_1$x = ["role", "aria-labelledby"];
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
     class: normalizeClass(_ctx.dropdownKls),
@@ -27854,7 +27945,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 46, _hoisted_1$x);
 }
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$j], ["__file", "dropdown-menu.vue"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$i], ["__file", "dropdown-menu.vue"]]);
 
 const ElDropdown = withInstall(Dropdown, {
   DropdownItem,
@@ -27920,7 +28011,7 @@ 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) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$w, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
@@ -28039,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: {
@@ -28055,11 +28146,11 @@ const emptyProps = {
 
 const _hoisted_1$v = ["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;
@@ -28185,11 +28276,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 }) {
@@ -29494,11 +29585,11 @@ var FormLabelWrap = defineComponent({
 });
 
 const _hoisted_1$u = ["role", "aria-labelledby"];
-const __default__$F = {
+const __default__$G = {
   name: "ElFormItem"
 };
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+  ...__default__$G,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -29821,11 +29912,11 @@ const imageViewerEmits = {
 };
 
 const _hoisted_1$t = ["src"];
-const __default__$E = {
+const __default__$F = {
   name: "ElImageViewer"
 };
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+  ...__default__$F,
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { emit }) {
@@ -30265,12 +30356,12 @@ const imageEmits = {
 
 const _hoisted_1$s = ["src", "loading"];
 const _hoisted_2$j = { key: 0 };
-const __default__$D = {
+const __default__$E = {
   name: "ElImage",
   inheritAttrs: false
 };
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+  ...__default__$E,
   props: imageProps,
   emits: imageEmits,
   setup(__props, { emit }) {
@@ -30530,11 +30621,11 @@ const inputNumberEmits = {
 
 const _hoisted_1$r = ["aria-label", "onKeydown"];
 const _hoisted_2$i = ["aria-label", "onKeydown"];
-const __default__$C = {
+const __default__$D = {
   name: "ElInputNumber"
 };
 const _sfc_main$W = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+  ...__default__$D,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -30831,11 +30922,11 @@ const linkEmits = {
 };
 
 const _hoisted_1$q = ["href"];
-const __default__$B = {
+const __default__$C = {
   name: "ElLink"
 };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+  ...__default__$C,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -31045,7 +31136,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")
@@ -31053,7 +31144,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(() => {
@@ -31431,6 +31522,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({});
@@ -31500,13 +31592,46 @@ var Menu = defineComponent({
       const item = itemsInData[val] || activeIndex.value && itemsInData[activeIndex.value] || itemsInData[props.defaultActive];
       if (item) {
         activeIndex.value = item.index;
-        initMenu();
       } else {
         activeIndex.value = val;
       }
     };
+    const calcSliceIndex = () => {
+      var _a;
+      const items2 = Array.from((_a = menu.value.childNodes) != null ? _a : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
+      const moreItemWidth = 64;
+      const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
+      const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
+      const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
+      let calcWidth = 0;
+      let sliceIndex2 = 0;
+      items2.forEach((item, index) => {
+        calcWidth += item.offsetWidth || 0;
+        if (calcWidth <= menuWidth - moreItemWidth) {
+          sliceIndex2 = index + 1;
+        }
+      });
+      return sliceIndex2 === items2.length ? -1 : sliceIndex2;
+    };
+    const debounce = (fn, wait = 33.34) => {
+      let timmer;
+      return () => {
+        timmer && clearTimeout(timmer);
+        timmer = setTimeout(() => {
+          fn();
+        }, wait);
+      };
+    };
+    let isFirstTimeRender = true;
     const handleResize = () => {
-      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]) {
@@ -31518,6 +31643,7 @@ var Menu = defineComponent({
       if (value)
         openedMenus.value = [];
     });
+    watch(items.value, initMenu);
     let resizeStopper;
     watchEffect(() => {
       if (props.mode === "horizontal" && props.ellipsis)
@@ -31562,7 +31688,6 @@ var Menu = defineComponent({
       });
     }
     onMounted(() => {
-      initMenu();
       if (props.mode === "horizontal") {
         new Menubar(instance.vnode.el, nsMenu.namespace.value);
       }
@@ -31591,26 +31716,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, {
@@ -31712,7 +31824,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([
@@ -31748,7 +31860,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
@@ -31765,7 +31877,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())
   }, [
@@ -31781,7 +31893,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,
@@ -31807,11 +31919,11 @@ const pageHeaderEmits = {
   back: () => true
 };
 
-const __default__$A = {
+const __default__$B = {
   name: "ElPageHeader"
 };
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+  ...__default__$B,
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
@@ -31872,6 +31984,9 @@ const paginationPrevProps = buildProps({
   },
   prevText: {
     type: String
+  },
+  prevIcon: {
+    type: iconPropType
   }
 });
 const paginationPrevEmits = {
@@ -31880,11 +31995,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) {
@@ -31900,7 +32015,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
         }))
@@ -31922,16 +32037,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) {
@@ -31947,7 +32065,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
         }))
@@ -31997,7 +32115,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);
       });
     }
   };
@@ -32110,7 +32228,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"),
@@ -32130,7 +32248,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",
@@ -32159,7 +32277,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 })
@@ -32167,7 +32285,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();
@@ -32209,10 +32327,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;
@@ -32256,7 +32373,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();
     });
@@ -32265,7 +32382,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 !== "") {
@@ -32283,7 +32399,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",
@@ -32376,7 +32492,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) {
@@ -32613,7 +32729,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;
       }
@@ -33146,7 +33262,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");
@@ -33447,7 +33563,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",
@@ -33495,7 +33611,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"))
   }, [
@@ -33513,7 +33629,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,
@@ -33543,11 +33659,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 }) {
@@ -33604,11 +33720,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");
@@ -33658,11 +33774,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();
@@ -33702,11 +33818,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 }) {
@@ -33929,10 +34045,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,
@@ -34080,6 +34204,7 @@ var Pagination = defineComponent({
           disabled: props.disabled,
           currentPage: currentPageBridge.value,
           prevText: props.prevText,
+          prevIcon: props.prevIcon,
           onClick: prev
         }),
         jumper: h$1(Jumper),
@@ -34095,6 +34220,7 @@ var Pagination = defineComponent({
           currentPage: currentPageBridge.value,
           pageCount: pageCountBridge.value,
           nextText: props.nextText,
+          nextIcon: props.nextIcon,
           onClick: next
         }),
         sizes: h$1(Sizes, {
@@ -34181,14 +34307,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;
@@ -34199,6 +34329,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);
@@ -34212,17 +34347,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())
@@ -34274,7 +34411,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"]);
     };
   }
 });
@@ -34343,11 +34480,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 }) {
@@ -34374,7 +34511,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;
@@ -34534,11 +34671,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;
@@ -34818,11 +34955,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 }) {
@@ -35083,11 +35220,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;
@@ -35175,11 +35312,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;
@@ -35880,11 +36017,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;
                 }
@@ -37031,7 +37168,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")),
@@ -37047,7 +37184,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 {
@@ -37182,7 +37319,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),
@@ -37205,7 +37342,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";
 
@@ -38212,7 +38349,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");
@@ -38553,7 +38690,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);
@@ -38601,11 +38738,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");
@@ -38620,11 +38757,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;
@@ -38789,7 +38926,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]
@@ -39274,11 +39411,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 }) {
@@ -39384,11 +39521,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 }) {
@@ -39724,37 +39861,45 @@ var Space = defineComponent({
   props: spaceProps,
   setup(props, { slots }) {
     const { classes, containerStyle, itemStyle } = useSpace(props);
-    return () => {
-      var _a;
-      const { spacer, prefixCls, direction } = props;
-      const children = renderSlot(slots, "default", { key: 0 }, () => []);
-      if (((_a = children.children) != null ? _a : []).length === 0)
-        return null;
-      if (isArray(children.children)) {
-        let extractedChildren = [];
-        children.children.forEach((child, loopKey) => {
-          if (isFragment(child)) {
-            if (isArray(child.children)) {
-              child.children.forEach((nested, key) => {
+    function extractChildren(children, parentKey = "", extractedChildren = []) {
+      const { prefixCls } = props;
+      children.forEach((child, loopKey) => {
+        if (isFragment(child)) {
+          if (isArray(child.children)) {
+            child.children.forEach((nested, key) => {
+              if (isFragment(nested) && isArray(nested.children)) {
+                extractChildren(nested.children, `${parentKey + key}-`, extractedChildren);
+              } else {
                 extractedChildren.push(createVNode(Item, {
                   style: itemStyle.value,
                   prefixCls,
-                  key: `nested-${key}`
+                  key: `nested-${parentKey + key}`
                 }, {
                   default: () => [nested]
                 }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
-              });
-            }
-          } else if (isValidElementNode(child)) {
-            extractedChildren.push(createVNode(Item, {
-              style: itemStyle.value,
-              prefixCls,
-              key: `LoopKey${loopKey}`
-            }, {
-              default: () => [child]
-            }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+              }
+            });
           }
-        });
+        } else if (isValidElementNode(child)) {
+          extractedChildren.push(createVNode(Item, {
+            style: itemStyle.value,
+            prefixCls,
+            key: `LoopKey${parentKey + loopKey}`
+          }, {
+            default: () => [child]
+          }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+        }
+      });
+      return extractedChildren;
+    }
+    return () => {
+      var _a;
+      const { spacer, direction } = props;
+      const children = renderSlot(slots, "default", { key: 0 }, () => []);
+      if (((_a = children.children) != null ? _a : []).length === 0)
+        return null;
+      if (isArray(children.children)) {
+        let extractedChildren = extractChildren(children.children);
         if (spacer) {
           const len = extractedChildren.length - 1;
           extractedChildren = extractedChildren.reduce((acc, child, idx) => {
@@ -39820,11 +39965,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 }) {
@@ -39870,11 +40015,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;
@@ -40147,11 +40292,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 }) {
@@ -40261,7 +40406,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       input.value.checked = checked.value;
     });
     expose({
-      focus
+      focus,
+      checked
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -40686,6 +40832,7 @@ function createTablePopper(parentNode, trigger, popperContent, popperOptions, to
   function showPopper() {
     popperInstance && popperInstance.update();
   }
+  removePopper == null ? void 0 : removePopper();
   removePopper = () => {
     try {
       popperInstance && popperInstance.destroy();
@@ -42104,7 +42251,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");
@@ -42217,7 +42364,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();
@@ -42792,7 +42939,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);
@@ -42817,7 +42964,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) => {
@@ -43036,7 +43183,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]);
     }));
@@ -43067,7 +43214,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 })])
             ])
           ]
@@ -43201,10 +43348,6 @@ var TableBody = defineComponent({
       var _a;
       (_a = removePopper) == null ? void 0 : _a();
     });
-    onUpdated(() => {
-      var _a;
-      (_a = removePopper) == null ? void 0 : _a();
-    });
     return {
       ns,
       onColumnsChange,
@@ -43534,7 +43677,7 @@ function useStyle(props, layout, store, table) {
       layout.updateElsHeight();
     }
     layout.updateColumnsWidth();
-    requestAnimationFrame(syncPostion);
+    requestAnimationFrame(syncPosition);
   };
   onMounted(async () => {
     await nextTick();
@@ -43577,7 +43720,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) {
@@ -43609,7 +43752,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
       });
     }
@@ -43620,11 +43763,11 @@ function useStyle(props, layout, store, table) {
     }
   };
   const resizeListener = () => {
-    var _a, _b;
-    if (!table.$ready)
+    var _a, _b, _c;
+    const el = table.vnode.el;
+    if (!table.$ready || !el)
       return;
     let shouldUpdateLayout = false;
-    const el = table.vnode.el;
     const {
       width: oldWidth,
       height: oldHeight,
@@ -43638,13 +43781,13 @@ function useStyle(props, layout, store, table) {
     if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
       shouldUpdateLayout = true;
     }
-    const tableHeader = table.refs.headerWrapper;
+    const tableHeader = props.tableLayout === "fixed" ? table.refs.headerWrapper : (_a = table.refs.tableHeaderRef) == null ? void 0 : _a.$el;
     if (props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) !== oldHeaderHeight) {
       shouldUpdateLayout = true;
     }
-    tableScrollHeight.value = ((_a = table.refs.tableWrapper) == null ? void 0 : _a.scrollHeight) || 0;
+    tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
     headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
-    footerScrollHeight.value = ((_b = table.refs.footerWrapper) == null ? void 0 : _b.scrollHeight) || 0;
+    footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.scrollHeight) || 0;
     bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value;
     if (shouldUpdateLayout) {
       resizeState.value = {
@@ -43669,7 +43812,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;
@@ -43999,7 +44142,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");
@@ -44165,7 +44308,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",
@@ -46846,11 +46989,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;
@@ -47333,11 +47476,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;
@@ -47504,11 +47647,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 }) {
@@ -47672,11 +47815,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");
@@ -47875,11 +48018,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;
@@ -47948,11 +48091,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
@@ -47991,11 +48134,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;
@@ -48026,11 +48169,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;
@@ -48158,11 +48301,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
@@ -48241,11 +48384,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;
@@ -48562,11 +48705,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 }) {
@@ -48679,11 +48822,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 }) {
@@ -48858,7 +49001,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) {
@@ -49241,10 +49384,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);
@@ -49324,7 +49467,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) {
@@ -49935,7 +50078,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");
@@ -50040,7 +50183,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");
@@ -50389,7 +50532,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", {
@@ -50431,7 +50574,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);
@@ -51206,9 +51349,9 @@ 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 handleNodeClick(node, e) {
@@ -51230,9 +51373,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);
@@ -51244,7 +51387,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);
   }
@@ -51262,7 +51405,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;
@@ -51273,6 +51416,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,
@@ -51299,7 +51447,10 @@ function useTree(props, emit) {
     setChecked,
     setCheckedKeys,
     filter,
-    setData
+    setData,
+    getNode,
+    expandNode,
+    collapseNode
   };
 }
 
@@ -51368,7 +51519,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");
@@ -51425,7 +51576,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",
@@ -51467,7 +51618,10 @@ const _sfc_main$7 = defineComponent({
       setChecked,
       setCheckedKeys,
       filter,
-      setData
+      setData,
+      getNode,
+      expandNode,
+      collapseNode
     } = useTree(props, ctx.emit);
     ctx.expose({
       getCurrentNode,
@@ -51480,7 +51634,10 @@ const _sfc_main$7 = defineComponent({
       setChecked,
       setCheckedKeys,
       filter,
-      setData
+      setData,
+      getNode,
+      expandNode,
+      collapseNode
     });
     return {
       t,
@@ -51501,7 +51658,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");
@@ -51546,7 +51703,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);
 
@@ -51762,11 +51919,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 }) {
@@ -51935,11 +52092,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 }) {
@@ -52032,12 +52189,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;
@@ -52318,11 +52475,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;
@@ -53038,11 +53195,11 @@ const getLastOffset = (id) => {
 
 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 }) {
@@ -53545,7 +53702,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");
@@ -53743,7 +53900,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) => {
@@ -53943,16 +54100,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(() => {
@@ -53960,7 +54122,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");
@@ -54000,91 +54164,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": [],
@@ -54111,9 +54261,9 @@ const notify = function(options = {}, context = null) {
   const id = `notification_${seed++}`;
   const userOnClose = options.onClose;
   const props = {
+    ...options,
     zIndex: nextZIndex(),
     offset: verticalOffset,
-    ...options,
     id,
     onClose: () => {
       close(id, position, userOnClose);