element-plus 2.2.10 → 2.2.13

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.10 */
+/*! Element Plus v2.2.13 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -6878,16 +6878,6 @@
     !isLeaf(el) && el.click();
   };
 
-  const on$1 = (element, event, handler, useCapture = false) => {
-    if (element && event && handler) {
-      element == null ? void 0 : element.addEventListener(event, handler, useCapture);
-    }
-  };
-  const off = (element, event, handler, useCapture = false) => {
-    if (element && event && handler) {
-      element == null ? void 0 : element.removeEventListener(event, handler, useCapture);
-    }
-  };
   const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
     const handleEvent = (event) => {
       const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
@@ -7555,14 +7545,14 @@
     return parent;
   };
   let scrollBarWidth;
-  const getScrollBarWidth = () => {
+  const getScrollBarWidth = (namespace) => {
     var _a;
     if (!isClient)
       return 0;
     if (scrollBarWidth !== void 0)
       return scrollBarWidth;
     const outer = document.createElement("div");
-    outer.className = "el-scrollbar__wrap";
+    outer.className = `${namespace}-scrollbar__wrap`;
     outer.style.visibility = "hidden";
     outer.style.width = "100px";
     outer.style.position = "absolute";
@@ -9087,21 +9077,298 @@
     return buildLocaleContext(vue.computed(() => locale.value || English));
   };
 
+  let activeEffectScope;
+  function recordEffectScope(effect2, scope = activeEffectScope) {
+    if (scope && scope.active) {
+      scope.effects.push(effect2);
+    }
+  }
+  const createDep = (effects) => {
+    const dep = new Set(effects);
+    dep.w = 0;
+    dep.n = 0;
+    return dep;
+  };
+  const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+  const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+  const initDepMarkers = ({ deps }) => {
+    if (deps.length) {
+      for (let i = 0; i < deps.length; i++) {
+        deps[i].w |= trackOpBit;
+      }
+    }
+  };
+  const finalizeDepMarkers = (effect2) => {
+    const { deps } = effect2;
+    if (deps.length) {
+      let ptr = 0;
+      for (let i = 0; i < deps.length; i++) {
+        const dep = deps[i];
+        if (wasTracked(dep) && !newTracked(dep)) {
+          dep.delete(effect2);
+        } else {
+          deps[ptr++] = dep;
+        }
+        dep.w &= ~trackOpBit;
+        dep.n &= ~trackOpBit;
+      }
+      deps.length = ptr;
+    }
+  };
+  let effectTrackDepth = 0;
+  let trackOpBit = 1;
+  const maxMarkerBits = 30;
+  let activeEffect;
+  class ReactiveEffect {
+    constructor(fn, scheduler2 = null, scope) {
+      this.fn = fn;
+      this.scheduler = scheduler2;
+      this.active = true;
+      this.deps = [];
+      this.parent = void 0;
+      recordEffectScope(this, scope);
+    }
+    run() {
+      if (!this.active) {
+        return this.fn();
+      }
+      let parent = activeEffect;
+      let lastShouldTrack = shouldTrack;
+      while (parent) {
+        if (parent === this) {
+          return;
+        }
+        parent = parent.parent;
+      }
+      try {
+        this.parent = activeEffect;
+        activeEffect = this;
+        shouldTrack = true;
+        trackOpBit = 1 << ++effectTrackDepth;
+        if (effectTrackDepth <= maxMarkerBits) {
+          initDepMarkers(this);
+        } else {
+          cleanupEffect(this);
+        }
+        return this.fn();
+      } finally {
+        if (effectTrackDepth <= maxMarkerBits) {
+          finalizeDepMarkers(this);
+        }
+        trackOpBit = 1 << --effectTrackDepth;
+        activeEffect = this.parent;
+        shouldTrack = lastShouldTrack;
+        this.parent = void 0;
+        if (this.deferStop) {
+          this.stop();
+        }
+      }
+    }
+    stop() {
+      if (activeEffect === this) {
+        this.deferStop = true;
+      } else if (this.active) {
+        cleanupEffect(this);
+        if (this.onStop) {
+          this.onStop();
+        }
+        this.active = false;
+      }
+    }
+  }
+  function cleanupEffect(effect2) {
+    const { deps } = effect2;
+    if (deps.length) {
+      for (let i = 0; i < deps.length; i++) {
+        deps[i].delete(effect2);
+      }
+      deps.length = 0;
+    }
+  }
+  let shouldTrack = true;
+  function trackEffects(dep, debuggerEventExtraInfo) {
+    let shouldTrack2 = false;
+    if (effectTrackDepth <= maxMarkerBits) {
+      if (!newTracked(dep)) {
+        dep.n |= trackOpBit;
+        shouldTrack2 = !wasTracked(dep);
+      }
+    } else {
+      shouldTrack2 = !dep.has(activeEffect);
+    }
+    if (shouldTrack2) {
+      dep.add(activeEffect);
+      activeEffect.deps.push(dep);
+    }
+  }
+  function triggerEffects(dep, debuggerEventExtraInfo) {
+    const effects = isArray(dep) ? dep : [...dep];
+    for (const effect2 of effects) {
+      if (effect2.computed) {
+        triggerEffect(effect2);
+      }
+    }
+    for (const effect2 of effects) {
+      if (!effect2.computed) {
+        triggerEffect(effect2);
+      }
+    }
+  }
+  function triggerEffect(effect2, debuggerEventExtraInfo) {
+    if (effect2 !== activeEffect || effect2.allowRecurse) {
+      if (effect2.scheduler) {
+        effect2.scheduler();
+      } else {
+        effect2.run();
+      }
+    }
+  }
+  function toRaw(observed) {
+    const raw = observed && observed["__v_raw"];
+    return raw ? toRaw(raw) : observed;
+  }
+  function trackRefValue(ref2) {
+    if (shouldTrack && activeEffect) {
+      ref2 = toRaw(ref2);
+      {
+        trackEffects(ref2.dep || (ref2.dep = createDep()));
+      }
+    }
+  }
+  function triggerRefValue(ref2, newVal) {
+    ref2 = toRaw(ref2);
+    if (ref2.dep) {
+      {
+        triggerEffects(ref2.dep);
+      }
+    }
+  }
+  class ComputedRefImpl {
+    constructor(getter, _setter, isReadonly2, isSSR) {
+      this._setter = _setter;
+      this.dep = void 0;
+      this.__v_isRef = true;
+      this._dirty = true;
+      this.effect = new ReactiveEffect(getter, () => {
+        if (!this._dirty) {
+          this._dirty = true;
+          triggerRefValue(this);
+        }
+      });
+      this.effect.computed = this;
+      this.effect.active = this._cacheable = !isSSR;
+      this["__v_isReadonly"] = isReadonly2;
+    }
+    get value() {
+      const self = toRaw(this);
+      trackRefValue(self);
+      if (self._dirty || !self._cacheable) {
+        self._dirty = false;
+        self._value = self.effect.run();
+      }
+      return self._value;
+    }
+    set value(newValue) {
+      this._setter(newValue);
+    }
+  }
+  function computed(getterOrOptions, debugOptions, isSSR = false) {
+    let getter;
+    let setter;
+    const onlyGetter = isFunction(getterOrOptions);
+    if (onlyGetter) {
+      getter = getterOrOptions;
+      setter = NOOP;
+    } else {
+      getter = getterOrOptions.get;
+      setter = getterOrOptions.set;
+    }
+    const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR);
+    return cRef;
+  }
+
+  const defaultNamespace = "el";
+  const statePrefix = "is-";
+  const _bem = (namespace, block, blockSuffix, element, modifier) => {
+    let cls = `${namespace}-${block}`;
+    if (blockSuffix) {
+      cls += `-${blockSuffix}`;
+    }
+    if (element) {
+      cls += `__${element}`;
+    }
+    if (modifier) {
+      cls += `--${modifier}`;
+    }
+    return cls;
+  };
+  const useNamespace = (block) => {
+    const globalConfig = useGlobalConfig("namespace");
+    const namespace = vue.computed(() => globalConfig.value || defaultNamespace);
+    const b = (blockSuffix = "") => _bem(vue.unref(namespace), block, blockSuffix, "", "");
+    const e = (element) => element ? _bem(vue.unref(namespace), block, "", element, "") : "";
+    const m = (modifier) => modifier ? _bem(vue.unref(namespace), block, "", "", modifier) : "";
+    const be = (blockSuffix, element) => blockSuffix && element ? _bem(vue.unref(namespace), block, blockSuffix, element, "") : "";
+    const em = (element, modifier) => element && modifier ? _bem(vue.unref(namespace), block, "", element, modifier) : "";
+    const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(vue.unref(namespace), block, blockSuffix, "", modifier) : "";
+    const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(vue.unref(namespace), block, blockSuffix, element, modifier) : "";
+    const is = (name, ...args) => {
+      const state = args.length >= 1 ? args[0] : true;
+      return name && state ? `${statePrefix}${name}` : "";
+    };
+    const cssVar = (object) => {
+      const styles = {};
+      for (const key in object) {
+        if (object[key]) {
+          styles[`--${namespace.value}-${key}`] = object[key];
+        }
+      }
+      return styles;
+    };
+    const cssVarBlock = (object) => {
+      const styles = {};
+      for (const key in object) {
+        if (object[key]) {
+          styles[`--${namespace.value}-${block}-${key}`] = object[key];
+        }
+      }
+      return styles;
+    };
+    const cssVarName = (name) => `--${namespace.value}-${name}`;
+    const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
+    return {
+      namespace,
+      b,
+      e,
+      m,
+      be,
+      em,
+      bm,
+      bem,
+      is,
+      cssVar,
+      cssVarName,
+      cssVarBlock,
+      cssVarBlockName
+    };
+  };
+
   const useLockscreen = (trigger) => {
     if (!vue.isRef(trigger)) {
       throwError("[useLockscreen]", "You need to pass a ref param to this function");
     }
-    if (!isClient || hasClass(document.body, "el-popup-parent--hidden")) {
+    const ns = useNamespace("popup");
+    const hiddenCls = computed(() => ns.bm("parent", "hidden"));
+    if (!isClient || hasClass(document.body, hiddenCls.value)) {
       return;
     }
     let scrollBarWidth = 0;
     let withoutHiddenClass = false;
-    let bodyPaddingRight = "0";
-    let computedBodyPaddingRight = 0;
+    let bodyWidth = "0";
     const cleanup = () => {
-      removeClass(document.body, "el-popup-parent--hidden");
+      removeClass(document.body, hiddenCls.value);
       if (withoutHiddenClass) {
-        document.body.style.paddingRight = bodyPaddingRight;
+        document.body.style.width = bodyWidth;
       }
     };
     vue.watch(trigger, (val) => {
@@ -9109,18 +9376,17 @@
         cleanup();
         return;
       }
-      withoutHiddenClass = !hasClass(document.body, "el-popup-parent--hidden");
+      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();
+      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, "el-popup-parent--hidden");
+      addClass(document.body, hiddenCls.value);
     });
     vue.onScopeDispose(() => cleanup());
   };
@@ -9459,13 +9725,13 @@
   };
 
   let registeredEscapeHandlers = [];
+  const cachedHandler = (e) => {
+    const event = e;
+    if (event.key === EVENT_CODE.esc) {
+      registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
+    }
+  };
   const useEscapeKeydown = (handler) => {
-    const cachedHandler = (e) => {
-      const event = e;
-      if (event.key === EVENT_CODE.esc) {
-        registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
-      }
-    };
     vue.onMounted(() => {
       if (registeredEscapeHandlers.length === 0) {
         document.addEventListener("keydown", cachedHandler);
@@ -9596,68 +9862,6 @@
     };
   };
 
-  const defaultNamespace = "el";
-  const statePrefix = "is-";
-  const _bem = (namespace, block, blockSuffix, element, modifier) => {
-    let cls = `${namespace}-${block}`;
-    if (blockSuffix) {
-      cls += `-${blockSuffix}`;
-    }
-    if (element) {
-      cls += `__${element}`;
-    }
-    if (modifier) {
-      cls += `--${modifier}`;
-    }
-    return cls;
-  };
-  const useNamespace = (block) => {
-    const globalConfig = useGlobalConfig("namespace");
-    const namespace = vue.computed(() => globalConfig.value || defaultNamespace);
-    const b = (blockSuffix = "") => _bem(vue.unref(namespace), block, blockSuffix, "", "");
-    const e = (element) => element ? _bem(vue.unref(namespace), block, "", element, "") : "";
-    const m = (modifier) => modifier ? _bem(vue.unref(namespace), block, "", "", modifier) : "";
-    const be = (blockSuffix, element) => blockSuffix && element ? _bem(vue.unref(namespace), block, blockSuffix, element, "") : "";
-    const em = (element, modifier) => element && modifier ? _bem(vue.unref(namespace), block, "", element, modifier) : "";
-    const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(vue.unref(namespace), block, blockSuffix, "", modifier) : "";
-    const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(vue.unref(namespace), block, blockSuffix, element, modifier) : "";
-    const is = (name, ...args) => {
-      const state = args.length >= 1 ? args[0] : true;
-      return name && state ? `${statePrefix}${name}` : "";
-    };
-    const cssVar = (object) => {
-      const styles = {};
-      for (const key in object) {
-        styles[`--${namespace.value}-${key}`] = object[key];
-      }
-      return styles;
-    };
-    const cssVarBlock = (object) => {
-      const styles = {};
-      for (const key in object) {
-        styles[`--${namespace.value}-${block}-${key}`] = object[key];
-      }
-      return styles;
-    };
-    const cssVarName = (name) => `--${namespace.value}-${name}`;
-    const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-    return {
-      namespace,
-      b,
-      e,
-      m,
-      be,
-      em,
-      bm,
-      bem,
-      is,
-      cssVar,
-      cssVarName,
-      cssVarBlock,
-      cssVarBlockName
-    };
-  };
-
   const zIndex = vue.ref(0);
   const useZIndex = () => {
     const initialZIndex = useGlobalConfig("zIndex", 2e3);
@@ -10696,7 +10900,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "2.2.10";
+  const version$1 = "2.2.13";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10745,11 +10949,11 @@
     return target;
   };
 
-  const __default__$1p = {
+  const __default__$1q = {
     name: "ElAffix"
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1q,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -10864,12 +11068,12 @@
     }
   });
 
-  const __default__$1o = {
+  const __default__$1p = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+    ...__default__$1p,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -10931,11 +11135,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1n = {
+  const __default__$1o = {
     name: "ElAlert"
   };
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1o,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11200,15 +11404,15 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const _hoisted_1$12 = ["role"];
+  const _hoisted_1$13 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
   const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const __default__$1m = {
+  const __default__$1n = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1n,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -11627,7 +11831,7 @@
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$12)), [
+        ], 16, _hoisted_1$13)), [
           [vue.vShow, _ctx.type !== "hidden"]
         ]);
       };
@@ -11902,11 +12106,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1l = {
+  const __default__$1m = {
     name: "ElScrollbar"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1m,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12069,12 +12273,12 @@
     }
   });
 
-  const __default__$1k = {
+  const __default__$1l = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1l,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12106,12 +12310,12 @@
     }
   });
 
-  const __default__$1j = {
+  const __default__$1k = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1k,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12208,12 +12412,12 @@
     open: Boolean
   });
 
-  const __default__$1i = {
+  const __default__$1j = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1j,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12313,7 +12517,7 @@
   });
   var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "trigger.vue"]]);
 
-  var E$1="top",R="bottom",W$1="right",P$1="left",me="auto",G=[E$1,R,W$1,P$1],U$1="start",J="end",Xe="clippingParents",je="viewport",K="popper",Ye="reference",De=G.reduce(function(t,e){return t.concat([e+"-"+U$1,e+"-"+J])},[]),Ee=[].concat(G,[me]).reduce(function(t,e){return t.concat([e,e+"-"+U$1,e+"-"+J])},[]),Ge="beforeRead",Je="read",Ke="afterRead",Qe="beforeMain",Ze="main",et="afterMain",tt="beforeWrite",nt="write",rt="afterWrite",ot=[Ge,Je,Ke,Qe,Ze,et,tt,nt,rt];function C(t){return t?(t.nodeName||"").toLowerCase():null}function H(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Q(t){var e=H(t).Element;return t instanceof e||t instanceof Element}function B(t){var e=H(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function Pe(t){if(typeof ShadowRoot=="undefined")return !1;var e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Mt(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!B(i)||!C(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(a){var s=o[a];s===!1?i.removeAttribute(a):i.setAttribute(a,s===!0?"":s);}));});}function Rt(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),s=a.reduce(function(f,c){return f[c]="",f},{});!B(o)||!C(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(f){o.removeAttribute(f);}));});}}var Ae={name:"applyStyles",enabled:!0,phase:"write",fn:Mt,effect:Rt,requires:["computeStyles"]};function q(t){return t.split("-")[0]}var X$1=Math.max,ve=Math.min,Z=Math.round;function ee(t,e){e===void 0&&(e=!1);var n=t.getBoundingClientRect(),r=1,o=1;if(B(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=Z(n.width)/a||1),i>0&&(o=Z(n.height)/i||1);}return {width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ke(t){var e=ee(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function it(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return !0;if(n&&Pe(n)){var r=e;do{if(r&&t.isSameNode(r))return !0;r=r.parentNode||r.host;}while(r)}return !1}function N$1(t){return H(t).getComputedStyle(t)}function Wt(t){return ["table","td","th"].indexOf(C(t))>=0}function I$1(t){return ((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function ge(t){return C(t)==="html"?t:t.assignedSlot||t.parentNode||(Pe(t)?t.host:null)||I$1(t)}function at(t){return !B(t)||N$1(t).position==="fixed"?null:t.offsetParent}function Bt(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&B(t)){var r=N$1(t);if(r.position==="fixed")return null}var o=ge(t);for(Pe(o)&&(o=o.host);B(o)&&["html","body"].indexOf(C(o))<0;){var i=N$1(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode;}return null}function se(t){for(var e=H(t),n=at(t);n&&Wt(n)&&N$1(n).position==="static";)n=at(n);return n&&(C(n)==="html"||C(n)==="body"&&N$1(n).position==="static")?e:n||Bt(t)||e}function Le(t){return ["top","bottom"].indexOf(t)>=0?"x":"y"}function fe(t,e,n){return X$1(t,ve(e,n))}function St(t,e,n){var r=fe(t,e,n);return r>n?n:r}function st(){return {top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},st(),t)}function ct(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Tt=function(t,e){return t=typeof t=="function"?t(Object.assign({},e.rects,{placement:e.placement})):t,ft(typeof t!="number"?t:ct(t,G))};function Ht(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=q(n.placement),f=Le(s),c=[P$1,W$1].indexOf(s)>=0,u=c?"height":"width";if(!(!i||!a)){var m=Tt(o.padding,n),v=ke(i),l=f==="y"?E$1:P$1,h=f==="y"?R:W$1,p=n.rects.reference[u]+n.rects.reference[f]-a[f]-n.rects.popper[u],g=a[f]-n.rects.reference[f],x=se(i),y=x?f==="y"?x.clientHeight||0:x.clientWidth||0:0,$=p/2-g/2,d=m[l],b=y-v[u]-m[h],w=y/2-v[u]/2+$,O=fe(d,w,b),j=f;n.modifiersData[r]=(e={},e[j]=O,e.centerOffset=O-w,e);}}function Ct(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||!it(e.elements.popper,o)||(e.elements.arrow=o));}var pt={name:"arrow",enabled:!0,phase:"main",fn:Ht,effect:Ct,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function te(t){return t.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vt(t){var e=t.x,n=t.y,r=window,o=r.devicePixelRatio||1;return {x:Z(e*o)/o||0,y:Z(n*o)/o||0}}function ut(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,l=v===void 0?0:v,h=a.y,p=h===void 0?0:h,g=typeof u=="function"?u({x:l,y:p}):{x:l,y:p};l=g.x,p=g.y;var x=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),$=P$1,d=E$1,b=window;if(c){var w=se(n),O="clientHeight",j="clientWidth";if(w===H(n)&&(w=I$1(n),N$1(w).position!=="static"&&s==="absolute"&&(O="scrollHeight",j="scrollWidth")),w=w,o===E$1||(o===P$1||o===W$1)&&i===J){d=R;var A=m&&w===b&&b.visualViewport?b.visualViewport.height:w[O];p-=A-r.height,p*=f?1:-1;}if(o===P$1||(o===E$1||o===R)&&i===J){$=W$1;var k=m&&w===b&&b.visualViewport?b.visualViewport.width:w[j];l-=k-r.width,l*=f?1:-1;}}var D=Object.assign({position:s},c&&qt),S=u===!0?Vt({x:l,y:p}):{x:l,y:p};if(l=S.x,p=S.y,f){var L;return Object.assign({},D,(L={},L[d]=y?"0":"",L[$]=x?"0":"",L.transform=(b.devicePixelRatio||1)<=1?"translate("+l+"px, "+p+"px)":"translate3d("+l+"px, "+p+"px, 0)",L))}return Object.assign({},D,(e={},e[d]=y?p+"px":"",e[$]=x?l+"px":"",e.transform="",e))}function Nt(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,a=i===void 0?!0:i,s=n.roundOffsets,f=s===void 0?!0:s,c={placement:q(e.placement),variation:te(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ut(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ut(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement});}var Me={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Nt,data:{}},ye={passive:!0};function It(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?!0:o,a=r.resize,s=a===void 0?!0:a,f=H(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ye);}),s&&f.addEventListener("resize",n.update,ye),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ye);}),s&&f.removeEventListener("resize",n.update,ye);}}var Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:It,data:{}},_t={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return _t[e]})}var zt={start:"end",end:"start"};function lt(t){return t.replace(/start|end/g,function(e){return zt[e]})}function We(t){var e=H(t),n=e.pageXOffset,r=e.pageYOffset;return {scrollLeft:n,scrollTop:r}}function Be(t){return ee(I$1(t)).left+We(t).scrollLeft}function Ft(t){var e=H(t),n=I$1(t),r=e.visualViewport,o=n.clientWidth,i=n.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Be(t),y:s}}function Ut(t){var e,n=I$1(t),r=We(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=X$1(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=X$1(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Be(t),f=-r.scrollTop;return N$1(o||n).direction==="rtl"&&(s+=X$1(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:f}}function Se(t){var e=N$1(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return /auto|scroll|overlay|hidden/.test(n+o+r)}function dt(t){return ["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:B(t)&&Se(t)?t:dt(ge(t))}function ce(t,e){var n;e===void 0&&(e=[]);var r=dt(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=H(r),a=o?[i].concat(i.visualViewport||[],Se(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(ce(ge(a)))}function Te(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function ht(t,e){return e===je?Te(Ft(t)):Q(e)?Xt(e):Te(Ut(I$1(t)))}function Yt(t){var e=ce(ge(t)),n=["absolute","fixed"].indexOf(N$1(t).position)>=0,r=n&&B(t)?se(t):t;return Q(r)?e.filter(function(o){return Q(o)&&it(o,r)&&C(o)!=="body"}):[]}function Gt(t,e,n){var r=e==="clippingParents"?Yt(t):[].concat(e),o=[].concat(r,[n]),i=o[0],a=o.reduce(function(s,f){var c=ht(t,f);return s.top=X$1(c.top,s.top),s.right=ve(c.right,s.right),s.bottom=ve(c.bottom,s.bottom),s.left=X$1(c.left,s.left),s},ht(t,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e=t.reference,n=t.element,r=t.placement,o=r?q(r):null,i=r?te(r):null,a=e.x+e.width/2-n.width/2,s=e.y+e.height/2-n.height/2,f;switch(o){case E$1:f={x:a,y:e.y-n.height};break;case R:f={x:a,y:e.y+e.height};break;case W$1:f={x:e.x+e.width,y:s};break;case P$1:f={x:e.x-n.width,y:s};break;default:f={x:e.x,y:e.y};}var c=o?Le(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case U$1:f[c]=f[c]-(e[u]/2-n[u]/2);break;case J:f[c]=f[c]+(e[u]/2-n[u]/2);break}}return f}function ne(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.boundary,a=i===void 0?Xe:i,s=n.rootBoundary,f=s===void 0?je:s,c=n.elementContext,u=c===void 0?K:c,m=n.altBoundary,v=m===void 0?!1:m,l=n.padding,h=l===void 0?0:l,p=ft(typeof h!="number"?h:ct(h,G)),g=u===K?Ye:K,x=t.rects.popper,y=t.elements[v?g:u],$=Gt(Q(y)?y:y.contextElement||I$1(t.elements.popper),a,f),d=ee(t.elements.reference),b=mt({reference:d,element:x,strategy:"absolute",placement:o}),w=Te(Object.assign({},x,b)),O=u===K?w:d,j={top:$.top-O.top+p.top,bottom:O.bottom-$.bottom+p.bottom,left:$.left-O.left+p.left,right:O.right-$.right+p.right},A=t.modifiersData.offset;if(u===K&&A){var k=A[o];Object.keys(j).forEach(function(D){var S=[W$1,R].indexOf(D)>=0?1:-1,L=[E$1,R].indexOf(D)>=0?"y":"x";j[D]+=k[L]*S;});}return j}function Jt(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=f===void 0?Ee:f,u=te(r),m=u?s?De:De.filter(function(h){return te(h)===u}):G,v=m.filter(function(h){return c.indexOf(h)>=0});v.length===0&&(v=m);var l=v.reduce(function(h,p){return h[p]=ne(t,{placement:p,boundary:o,rootBoundary:i,padding:a})[q(p)],h},{});return Object.keys(l).sort(function(h,p){return l[h]-l[p]})}function Kt(t){if(q(t)===me)return [];var e=be(t);return [lt(t),e,lt(e)]}function Qt(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!0:a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,m=n.rootBoundary,v=n.altBoundary,l=n.flipVariations,h=l===void 0?!0:l,p=n.allowedAutoPlacements,g=e.options.placement,x=q(g),y=x===g,$=f||(y||!h?[be(g)]:Kt(g)),d=[g].concat($).reduce(function(z,V){return z.concat(q(V)===me?Jt(e,{placement:V,boundary:u,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:p}):V)},[]),b=e.rects.reference,w=e.rects.popper,O=new Map,j=!0,A=d[0],k=0;k<d.length;k++){var D=d[k],S=q(D),L=te(D)===U$1,re=[E$1,R].indexOf(S)>=0,oe=re?"width":"height",M=ne(e,{placement:D,boundary:u,rootBoundary:m,altBoundary:v,padding:c}),T=re?L?W$1:P$1:L?R:E$1;b[oe]>w[oe]&&(T=be(T));var pe=be(T),_=[];if(i&&_.push(M[S]<=0),s&&_.push(M[T]<=0,M[pe]<=0),_.every(function(z){return z})){A=D,j=!1;break}O.set(D,_);}if(j)for(var ue=h?3:1,xe=function(z){var V=d.find(function(de){var ae=O.get(de);if(ae)return ae.slice(0,z).every(function(Y){return Y})});if(V)return A=V,"break"},ie=ue;ie>0;ie--){var le=xe(ie);if(le==="break")break}e.placement!==A&&(e.modifiersData[r]._skip=!0,e.placement=A,e.reset=!0);}}var vt={name:"flip",enabled:!0,phase:"main",fn:Qt,requiresIfExists:["offset"],data:{_skip:!1}};function gt(t,e,n){return n===void 0&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function yt(t){return [E$1,W$1,R,P$1].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=ne(e,{elementContext:"reference"}),s=ne(e,{altBoundary:!0}),f=gt(a,r),c=gt(s,o,i),u=yt(f),m=yt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:m},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":m});}var bt={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function en(t,e,n){var r=q(t),o=[P$1,E$1].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[P$1,W$1].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}function tn(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,a=Ee.reduce(function(u,m){return u[m]=en(m,e.rects,i),u},{}),s=a[e.placement],f=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=f,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a;}var wt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:tn};function nn(t){var e=t.state,n=t.name;e.modifiersData[n]=mt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement});}var He={name:"popperOffsets",enabled:!0,phase:"read",fn:nn,data:{}};function rn(t){return t==="x"?"y":"x"}function on(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!1:a,f=n.boundary,c=n.rootBoundary,u=n.altBoundary,m=n.padding,v=n.tether,l=v===void 0?!0:v,h=n.tetherOffset,p=h===void 0?0:h,g=ne(e,{boundary:f,rootBoundary:c,padding:m,altBoundary:u}),x=q(e.placement),y=te(e.placement),$=!y,d=Le(x),b=rn(d),w=e.modifiersData.popperOffsets,O=e.rects.reference,j=e.rects.popper,A=typeof p=="function"?p(Object.assign({},e.rects,{placement:e.placement})):p,k=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,S={x:0,y:0};if(w){if(i){var L,re=d==="y"?E$1:P$1,oe=d==="y"?R:W$1,M=d==="y"?"height":"width",T=w[d],pe=T+g[re],_=T-g[oe],ue=l?-j[M]/2:0,xe=y===U$1?O[M]:j[M],ie=y===U$1?-j[M]:-O[M],le=e.elements.arrow,z=l&&le?ke(le):{width:0,height:0},V=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:st(),de=V[re],ae=V[oe],Y=fe(0,O[M],z[M]),jt=$?O[M]/2-ue-Y-de-k.mainAxis:xe-Y-de-k.mainAxis,Dt=$?-O[M]/2+ue+Y+ae+k.mainAxis:ie+Y+ae+k.mainAxis,Oe=e.elements.arrow&&se(e.elements.arrow),Et=Oe?d==="y"?Oe.clientTop||0:Oe.clientLeft||0:0,Ce=(L=D==null?void 0:D[d])!=null?L:0,Pt=T+jt-Ce-Et,At=T+Dt-Ce,qe=fe(l?ve(pe,Pt):pe,T,l?X$1(_,At):_);w[d]=qe,S[d]=qe-T;}if(s){var Ve,kt=d==="x"?E$1:P$1,Lt=d==="x"?R:W$1,F=w[b],he=b==="y"?"height":"width",Ne=F+g[kt],Ie=F-g[Lt],$e=[E$1,P$1].indexOf(x)!==-1,_e=(Ve=D==null?void 0:D[b])!=null?Ve:0,ze=$e?Ne:F-O[he]-j[he]-_e+k.altAxis,Fe=$e?F+O[he]+j[he]-_e-k.altAxis:Ie,Ue=l&&$e?St(ze,F,Fe):fe(l?ze:Ne,F,l?Fe:Ie);w[b]=Ue,S[b]=Ue-F;}e.modifiersData[r]=S;}}var xt={name:"preventOverflow",enabled:!0,phase:"main",fn:on,requiresIfExists:["offset"]};function an(t){return {scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function sn(t){return t===H(t)||!B(t)?We(t):an(t)}function fn(t){var e=t.getBoundingClientRect(),n=Z(e.width)/t.offsetWidth||1,r=Z(e.height)/t.offsetHeight||1;return n!==1||r!==1}function cn(t,e,n){n===void 0&&(n=!1);var r=B(e),o=B(e)&&fn(e),i=I$1(e),a=ee(t,o),s={scrollLeft:0,scrollTop:0},f={x:0,y:0};return (r||!r&&!n)&&((C(e)!=="body"||Se(i))&&(s=sn(e)),B(e)?(f=ee(e,!0),f.x+=e.clientLeft,f.y+=e.clientTop):i&&(f.x=Be(i))),{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function pn(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i);});function o(i){n.add(i.name);var a=[].concat(i.requires||[],i.requiresIfExists||[]);a.forEach(function(s){if(!n.has(s)){var f=e.get(s);f&&o(f);}}),r.push(i);}return t.forEach(function(i){n.has(i.name)||o(i);}),r}function un(t){var e=pn(t);return ot.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function ln(t){var e;return function(){return e||(e=new Promise(function(n){Promise.resolve().then(function(){e=void 0,n(t());});})),e}}function dn(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ot={placement:"bottom",modifiers:[],strategy:"absolute"};function $t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return !e.some(function(r){return !(r&&typeof r.getBoundingClientRect=="function")})}function we(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Ot:o;return function(a,s,f){f===void 0&&(f=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ot,i),modifiersData:{},elements:{reference:a,popper:s},attributes:{},styles:{}},u=[],m=!1,v={state:c,setOptions:function(p){var g=typeof p=="function"?p(c.options):p;h(),c.options=Object.assign({},i,c.options,g),c.scrollParents={reference:Q(a)?ce(a):a.contextElement?ce(a.contextElement):[],popper:ce(s)};var x=un(dn([].concat(r,c.options.modifiers)));return c.orderedModifiers=x.filter(function(y){return y.enabled}),l(),v.update()},forceUpdate:function(){if(!m){var p=c.elements,g=p.reference,x=p.popper;if($t(g,x)){c.rects={reference:cn(g,se(x),c.options.strategy==="fixed"),popper:ke(x)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(j){return c.modifiersData[j.name]=Object.assign({},j.data)});for(var y=0;y<c.orderedModifiers.length;y++){if(c.reset===!0){c.reset=!1,y=-1;continue}var $=c.orderedModifiers[y],d=$.fn,b=$.options,w=b===void 0?{}:b,O=$.name;typeof d=="function"&&(c=d({state:c,options:w,name:O,instance:v})||c);}}}},update:ln(function(){return new Promise(function(p){v.forceUpdate(),p(c);})}),destroy:function(){h(),m=!0;}};if(!$t(a,s))return v;v.setOptions(f).then(function(p){!m&&f.onFirstUpdate&&f.onFirstUpdate(p);});function l(){c.orderedModifiers.forEach(function(p){var g=p.name,x=p.options,y=x===void 0?{}:x,$=p.effect;if(typeof $=="function"){var d=$({state:c,name:g,instance:v,options:y}),b=function(){};u.push(d||b);}});}function h(){u.forEach(function(p){return p()}),u=[];}return v}}we();var mn=[Re,He,Me,Ae];we({defaultModifiers:mn});var gn=[Re,He,Me,Ae,wt,vt,xt,pt,bt],yn=we({defaultModifiers:gn});
+  var E$1="top",R="bottom",W="right",P$1="left",me="auto",G=[E$1,R,W,P$1],U$1="start",J="end",Xe="clippingParents",je="viewport",K="popper",Ye="reference",De=G.reduce(function(t,e){return t.concat([e+"-"+U$1,e+"-"+J])},[]),Ee=[].concat(G,[me]).reduce(function(t,e){return t.concat([e,e+"-"+U$1,e+"-"+J])},[]),Ge="beforeRead",Je="read",Ke="afterRead",Qe="beforeMain",Ze="main",et="afterMain",tt="beforeWrite",nt="write",rt="afterWrite",ot=[Ge,Je,Ke,Qe,Ze,et,tt,nt,rt];function C(t){return t?(t.nodeName||"").toLowerCase():null}function H(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Q(t){var e=H(t).Element;return t instanceof e||t instanceof Element}function B(t){var e=H(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function Pe(t){if(typeof ShadowRoot=="undefined")return !1;var e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Mt(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!B(i)||!C(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(a){var s=o[a];s===!1?i.removeAttribute(a):i.setAttribute(a,s===!0?"":s);}));});}function Rt(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),s=a.reduce(function(f,c){return f[c]="",f},{});!B(o)||!C(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(f){o.removeAttribute(f);}));});}}var Ae={name:"applyStyles",enabled:!0,phase:"write",fn:Mt,effect:Rt,requires:["computeStyles"]};function q(t){return t.split("-")[0]}var X$1=Math.max,ve=Math.min,Z=Math.round;function ee(t,e){e===void 0&&(e=!1);var n=t.getBoundingClientRect(),r=1,o=1;if(B(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=Z(n.width)/a||1),i>0&&(o=Z(n.height)/i||1);}return {width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ke(t){var e=ee(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function it(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return !0;if(n&&Pe(n)){var r=e;do{if(r&&t.isSameNode(r))return !0;r=r.parentNode||r.host;}while(r)}return !1}function N$1(t){return H(t).getComputedStyle(t)}function Wt(t){return ["table","td","th"].indexOf(C(t))>=0}function I$1(t){return ((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function ge(t){return C(t)==="html"?t:t.assignedSlot||t.parentNode||(Pe(t)?t.host:null)||I$1(t)}function at(t){return !B(t)||N$1(t).position==="fixed"?null:t.offsetParent}function Bt(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&B(t)){var r=N$1(t);if(r.position==="fixed")return null}var o=ge(t);for(Pe(o)&&(o=o.host);B(o)&&["html","body"].indexOf(C(o))<0;){var i=N$1(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode;}return null}function se(t){for(var e=H(t),n=at(t);n&&Wt(n)&&N$1(n).position==="static";)n=at(n);return n&&(C(n)==="html"||C(n)==="body"&&N$1(n).position==="static")?e:n||Bt(t)||e}function Le(t){return ["top","bottom"].indexOf(t)>=0?"x":"y"}function fe(t,e,n){return X$1(t,ve(e,n))}function St(t,e,n){var r=fe(t,e,n);return r>n?n:r}function st(){return {top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},st(),t)}function ct(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Tt=function(t,e){return t=typeof t=="function"?t(Object.assign({},e.rects,{placement:e.placement})):t,ft(typeof t!="number"?t:ct(t,G))};function Ht(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=q(n.placement),f=Le(s),c=[P$1,W].indexOf(s)>=0,u=c?"height":"width";if(!(!i||!a)){var m=Tt(o.padding,n),v=ke(i),l=f==="y"?E$1:P$1,h=f==="y"?R:W,p=n.rects.reference[u]+n.rects.reference[f]-a[f]-n.rects.popper[u],g=a[f]-n.rects.reference[f],x=se(i),y=x?f==="y"?x.clientHeight||0:x.clientWidth||0:0,$=p/2-g/2,d=m[l],b=y-v[u]-m[h],w=y/2-v[u]/2+$,O=fe(d,w,b),j=f;n.modifiersData[r]=(e={},e[j]=O,e.centerOffset=O-w,e);}}function Ct(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||!it(e.elements.popper,o)||(e.elements.arrow=o));}var pt={name:"arrow",enabled:!0,phase:"main",fn:Ht,effect:Ct,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function te(t){return t.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vt(t){var e=t.x,n=t.y,r=window,o=r.devicePixelRatio||1;return {x:Z(e*o)/o||0,y:Z(n*o)/o||0}}function ut(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,l=v===void 0?0:v,h=a.y,p=h===void 0?0:h,g=typeof u=="function"?u({x:l,y:p}):{x:l,y:p};l=g.x,p=g.y;var x=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),$=P$1,d=E$1,b=window;if(c){var w=se(n),O="clientHeight",j="clientWidth";if(w===H(n)&&(w=I$1(n),N$1(w).position!=="static"&&s==="absolute"&&(O="scrollHeight",j="scrollWidth")),w=w,o===E$1||(o===P$1||o===W)&&i===J){d=R;var A=m&&w===b&&b.visualViewport?b.visualViewport.height:w[O];p-=A-r.height,p*=f?1:-1;}if(o===P$1||(o===E$1||o===R)&&i===J){$=W;var k=m&&w===b&&b.visualViewport?b.visualViewport.width:w[j];l-=k-r.width,l*=f?1:-1;}}var D=Object.assign({position:s},c&&qt),S=u===!0?Vt({x:l,y:p}):{x:l,y:p};if(l=S.x,p=S.y,f){var L;return Object.assign({},D,(L={},L[d]=y?"0":"",L[$]=x?"0":"",L.transform=(b.devicePixelRatio||1)<=1?"translate("+l+"px, "+p+"px)":"translate3d("+l+"px, "+p+"px, 0)",L))}return Object.assign({},D,(e={},e[d]=y?p+"px":"",e[$]=x?l+"px":"",e.transform="",e))}function Nt(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,a=i===void 0?!0:i,s=n.roundOffsets,f=s===void 0?!0:s,c={placement:q(e.placement),variation:te(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ut(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ut(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement});}var Me={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Nt,data:{}},ye={passive:!0};function It(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?!0:o,a=r.resize,s=a===void 0?!0:a,f=H(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ye);}),s&&f.addEventListener("resize",n.update,ye),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ye);}),s&&f.removeEventListener("resize",n.update,ye);}}var Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:It,data:{}},_t={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return _t[e]})}var zt={start:"end",end:"start"};function lt(t){return t.replace(/start|end/g,function(e){return zt[e]})}function We(t){var e=H(t),n=e.pageXOffset,r=e.pageYOffset;return {scrollLeft:n,scrollTop:r}}function Be(t){return ee(I$1(t)).left+We(t).scrollLeft}function Ft(t){var e=H(t),n=I$1(t),r=e.visualViewport,o=n.clientWidth,i=n.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Be(t),y:s}}function Ut(t){var e,n=I$1(t),r=We(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=X$1(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=X$1(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Be(t),f=-r.scrollTop;return N$1(o||n).direction==="rtl"&&(s+=X$1(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:f}}function Se(t){var e=N$1(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return /auto|scroll|overlay|hidden/.test(n+o+r)}function dt(t){return ["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:B(t)&&Se(t)?t:dt(ge(t))}function ce(t,e){var n;e===void 0&&(e=[]);var r=dt(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=H(r),a=o?[i].concat(i.visualViewport||[],Se(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(ce(ge(a)))}function Te(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function ht(t,e){return e===je?Te(Ft(t)):Q(e)?Xt(e):Te(Ut(I$1(t)))}function Yt(t){var e=ce(ge(t)),n=["absolute","fixed"].indexOf(N$1(t).position)>=0,r=n&&B(t)?se(t):t;return Q(r)?e.filter(function(o){return Q(o)&&it(o,r)&&C(o)!=="body"}):[]}function Gt(t,e,n){var r=e==="clippingParents"?Yt(t):[].concat(e),o=[].concat(r,[n]),i=o[0],a=o.reduce(function(s,f){var c=ht(t,f);return s.top=X$1(c.top,s.top),s.right=ve(c.right,s.right),s.bottom=ve(c.bottom,s.bottom),s.left=X$1(c.left,s.left),s},ht(t,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e=t.reference,n=t.element,r=t.placement,o=r?q(r):null,i=r?te(r):null,a=e.x+e.width/2-n.width/2,s=e.y+e.height/2-n.height/2,f;switch(o){case E$1:f={x:a,y:e.y-n.height};break;case R:f={x:a,y:e.y+e.height};break;case W:f={x:e.x+e.width,y:s};break;case P$1:f={x:e.x-n.width,y:s};break;default:f={x:e.x,y:e.y};}var c=o?Le(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case U$1:f[c]=f[c]-(e[u]/2-n[u]/2);break;case J:f[c]=f[c]+(e[u]/2-n[u]/2);break}}return f}function ne(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.boundary,a=i===void 0?Xe:i,s=n.rootBoundary,f=s===void 0?je:s,c=n.elementContext,u=c===void 0?K:c,m=n.altBoundary,v=m===void 0?!1:m,l=n.padding,h=l===void 0?0:l,p=ft(typeof h!="number"?h:ct(h,G)),g=u===K?Ye:K,x=t.rects.popper,y=t.elements[v?g:u],$=Gt(Q(y)?y:y.contextElement||I$1(t.elements.popper),a,f),d=ee(t.elements.reference),b=mt({reference:d,element:x,strategy:"absolute",placement:o}),w=Te(Object.assign({},x,b)),O=u===K?w:d,j={top:$.top-O.top+p.top,bottom:O.bottom-$.bottom+p.bottom,left:$.left-O.left+p.left,right:O.right-$.right+p.right},A=t.modifiersData.offset;if(u===K&&A){var k=A[o];Object.keys(j).forEach(function(D){var S=[W,R].indexOf(D)>=0?1:-1,L=[E$1,R].indexOf(D)>=0?"y":"x";j[D]+=k[L]*S;});}return j}function Jt(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=f===void 0?Ee:f,u=te(r),m=u?s?De:De.filter(function(h){return te(h)===u}):G,v=m.filter(function(h){return c.indexOf(h)>=0});v.length===0&&(v=m);var l=v.reduce(function(h,p){return h[p]=ne(t,{placement:p,boundary:o,rootBoundary:i,padding:a})[q(p)],h},{});return Object.keys(l).sort(function(h,p){return l[h]-l[p]})}function Kt(t){if(q(t)===me)return [];var e=be(t);return [lt(t),e,lt(e)]}function Qt(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!0:a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,m=n.rootBoundary,v=n.altBoundary,l=n.flipVariations,h=l===void 0?!0:l,p=n.allowedAutoPlacements,g=e.options.placement,x=q(g),y=x===g,$=f||(y||!h?[be(g)]:Kt(g)),d=[g].concat($).reduce(function(z,V){return z.concat(q(V)===me?Jt(e,{placement:V,boundary:u,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:p}):V)},[]),b=e.rects.reference,w=e.rects.popper,O=new Map,j=!0,A=d[0],k=0;k<d.length;k++){var D=d[k],S=q(D),L=te(D)===U$1,re=[E$1,R].indexOf(S)>=0,oe=re?"width":"height",M=ne(e,{placement:D,boundary:u,rootBoundary:m,altBoundary:v,padding:c}),T=re?L?W:P$1:L?R:E$1;b[oe]>w[oe]&&(T=be(T));var pe=be(T),_=[];if(i&&_.push(M[S]<=0),s&&_.push(M[T]<=0,M[pe]<=0),_.every(function(z){return z})){A=D,j=!1;break}O.set(D,_);}if(j)for(var ue=h?3:1,xe=function(z){var V=d.find(function(de){var ae=O.get(de);if(ae)return ae.slice(0,z).every(function(Y){return Y})});if(V)return A=V,"break"},ie=ue;ie>0;ie--){var le=xe(ie);if(le==="break")break}e.placement!==A&&(e.modifiersData[r]._skip=!0,e.placement=A,e.reset=!0);}}var vt={name:"flip",enabled:!0,phase:"main",fn:Qt,requiresIfExists:["offset"],data:{_skip:!1}};function gt(t,e,n){return n===void 0&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function yt(t){return [E$1,W,R,P$1].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=ne(e,{elementContext:"reference"}),s=ne(e,{altBoundary:!0}),f=gt(a,r),c=gt(s,o,i),u=yt(f),m=yt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:m},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":m});}var bt={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function en(t,e,n){var r=q(t),o=[P$1,E$1].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[P$1,W].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}function tn(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,a=Ee.reduce(function(u,m){return u[m]=en(m,e.rects,i),u},{}),s=a[e.placement],f=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=f,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a;}var wt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:tn};function nn(t){var e=t.state,n=t.name;e.modifiersData[n]=mt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement});}var He={name:"popperOffsets",enabled:!0,phase:"read",fn:nn,data:{}};function rn(t){return t==="x"?"y":"x"}function on(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!1:a,f=n.boundary,c=n.rootBoundary,u=n.altBoundary,m=n.padding,v=n.tether,l=v===void 0?!0:v,h=n.tetherOffset,p=h===void 0?0:h,g=ne(e,{boundary:f,rootBoundary:c,padding:m,altBoundary:u}),x=q(e.placement),y=te(e.placement),$=!y,d=Le(x),b=rn(d),w=e.modifiersData.popperOffsets,O=e.rects.reference,j=e.rects.popper,A=typeof p=="function"?p(Object.assign({},e.rects,{placement:e.placement})):p,k=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,S={x:0,y:0};if(w){if(i){var L,re=d==="y"?E$1:P$1,oe=d==="y"?R:W,M=d==="y"?"height":"width",T=w[d],pe=T+g[re],_=T-g[oe],ue=l?-j[M]/2:0,xe=y===U$1?O[M]:j[M],ie=y===U$1?-j[M]:-O[M],le=e.elements.arrow,z=l&&le?ke(le):{width:0,height:0},V=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:st(),de=V[re],ae=V[oe],Y=fe(0,O[M],z[M]),jt=$?O[M]/2-ue-Y-de-k.mainAxis:xe-Y-de-k.mainAxis,Dt=$?-O[M]/2+ue+Y+ae+k.mainAxis:ie+Y+ae+k.mainAxis,Oe=e.elements.arrow&&se(e.elements.arrow),Et=Oe?d==="y"?Oe.clientTop||0:Oe.clientLeft||0:0,Ce=(L=D==null?void 0:D[d])!=null?L:0,Pt=T+jt-Ce-Et,At=T+Dt-Ce,qe=fe(l?ve(pe,Pt):pe,T,l?X$1(_,At):_);w[d]=qe,S[d]=qe-T;}if(s){var Ve,kt=d==="x"?E$1:P$1,Lt=d==="x"?R:W,F=w[b],he=b==="y"?"height":"width",Ne=F+g[kt],Ie=F-g[Lt],$e=[E$1,P$1].indexOf(x)!==-1,_e=(Ve=D==null?void 0:D[b])!=null?Ve:0,ze=$e?Ne:F-O[he]-j[he]-_e+k.altAxis,Fe=$e?F+O[he]+j[he]-_e-k.altAxis:Ie,Ue=l&&$e?St(ze,F,Fe):fe(l?ze:Ne,F,l?Fe:Ie);w[b]=Ue,S[b]=Ue-F;}e.modifiersData[r]=S;}}var xt={name:"preventOverflow",enabled:!0,phase:"main",fn:on,requiresIfExists:["offset"]};function an(t){return {scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function sn(t){return t===H(t)||!B(t)?We(t):an(t)}function fn(t){var e=t.getBoundingClientRect(),n=Z(e.width)/t.offsetWidth||1,r=Z(e.height)/t.offsetHeight||1;return n!==1||r!==1}function cn(t,e,n){n===void 0&&(n=!1);var r=B(e),o=B(e)&&fn(e),i=I$1(e),a=ee(t,o),s={scrollLeft:0,scrollTop:0},f={x:0,y:0};return (r||!r&&!n)&&((C(e)!=="body"||Se(i))&&(s=sn(e)),B(e)?(f=ee(e,!0),f.x+=e.clientLeft,f.y+=e.clientTop):i&&(f.x=Be(i))),{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function pn(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i);});function o(i){n.add(i.name);var a=[].concat(i.requires||[],i.requiresIfExists||[]);a.forEach(function(s){if(!n.has(s)){var f=e.get(s);f&&o(f);}}),r.push(i);}return t.forEach(function(i){n.has(i.name)||o(i);}),r}function un(t){var e=pn(t);return ot.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function ln(t){var e;return function(){return e||(e=new Promise(function(n){Promise.resolve().then(function(){e=void 0,n(t());});})),e}}function dn(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ot={placement:"bottom",modifiers:[],strategy:"absolute"};function $t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return !e.some(function(r){return !(r&&typeof r.getBoundingClientRect=="function")})}function we(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Ot:o;return function(a,s,f){f===void 0&&(f=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ot,i),modifiersData:{},elements:{reference:a,popper:s},attributes:{},styles:{}},u=[],m=!1,v={state:c,setOptions:function(p){var g=typeof p=="function"?p(c.options):p;h(),c.options=Object.assign({},i,c.options,g),c.scrollParents={reference:Q(a)?ce(a):a.contextElement?ce(a.contextElement):[],popper:ce(s)};var x=un(dn([].concat(r,c.options.modifiers)));return c.orderedModifiers=x.filter(function(y){return y.enabled}),l(),v.update()},forceUpdate:function(){if(!m){var p=c.elements,g=p.reference,x=p.popper;if($t(g,x)){c.rects={reference:cn(g,se(x),c.options.strategy==="fixed"),popper:ke(x)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(j){return c.modifiersData[j.name]=Object.assign({},j.data)});for(var y=0;y<c.orderedModifiers.length;y++){if(c.reset===!0){c.reset=!1,y=-1;continue}var $=c.orderedModifiers[y],d=$.fn,b=$.options,w=b===void 0?{}:b,O=$.name;typeof d=="function"&&(c=d({state:c,options:w,name:O,instance:v})||c);}}}},update:ln(function(){return new Promise(function(p){v.forceUpdate(),p(c);})}),destroy:function(){h(),m=!0;}};if(!$t(a,s))return v;v.setOptions(f).then(function(p){!m&&f.onFirstUpdate&&f.onFirstUpdate(p);});function l(){c.orderedModifiers.forEach(function(p){var g=p.name,x=p.options,y=x===void 0?{}:x,$=p.effect;if(typeof $=="function"){var d=$({state:c,name:g,instance:v,options:y}),b=function(){};u.push(d||b);}});}function h(){u.forEach(function(p){return p()}),u=[];}return v}}we();var mn=[Re,He,Me,Ae];we({defaultModifiers:mn});var gn=[Re,He,Me,Ae,wt,vt,xt,pt,bt],yn=we({defaultModifiers:gn});
 
   const obtainAllFocusableElements = (element) => {
     const nodes = [];
@@ -12615,10 +12819,10 @@
       };
     }
   });
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$F], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$E], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -12775,11 +12979,11 @@
     }
   }
 
-  const __default__$1h = {
+  const __default__$1i = {
     name: "ElPopperContent"
   };
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1i,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13150,7 +13354,7 @@
       };
     }
   });
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_content = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
       disabled: !_ctx.teleported,
@@ -13205,7 +13409,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$E], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$D], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13270,7 +13474,7 @@
       };
     }
   });
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_trigger = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -13292,7 +13496,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$D], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$C], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$21 = vue.defineComponent({
@@ -13410,9 +13614,9 @@
       };
     }
   });
-  const _hoisted_1$11 = ["innerHTML"];
+  const _hoisted_1$12 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip_trigger = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -13468,7 +13672,7 @@
               _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
                 innerHTML: _ctx.content
-              }, null, 8, _hoisted_1$11)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+              }, null, 8, _hoisted_1$12)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
             ]),
             _ctx.compatShowArrow ? (vue.openBlock(), vue.createBlock(_component_el_popper_arrow, {
               key: 0,
@@ -13481,7 +13685,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$C], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$B], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -13553,15 +13757,15 @@
     select: (item) => isObject$1(item)
   };
 
-  const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
+  const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$l = ["id", "aria-selected", "onClick"];
-  const __default__$1g = {
+  const __default__$1h = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -13878,7 +14082,7 @@
                   ])
                 } : void 0
               ]), 1040, ["model-value", "onKeydown"])
-            ], 14, _hoisted_1$10)
+            ], 14, _hoisted_1$11)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -13919,12 +14123,12 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$$ = ["src", "alt", "srcset"];
-  const __default__$1f = {
+  const _hoisted_1$10 = ["src", "alt", "srcset"];
+  const __default__$1g = {
     name: "ElAvatar"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -13968,7 +14172,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$$)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$10)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -14004,12 +14208,12 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$_ = ["onClick"];
-  const __default__$1e = {
+  const _hoisted_1$$ = ["onClick"];
+  const __default__$1f = {
     name: "ElBacktop"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14084,7 +14288,7 @@
                   _: 1
                 }, 8, ["class"])
               ])
-            ], 14, _hoisted_1$_)) : vue.createCommentVNode("v-if", true)
+            ], 14, _hoisted_1$$)) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 8, ["name"]);
@@ -14113,12 +14317,12 @@
     }
   });
 
-  const _hoisted_1$Z = ["textContent"];
-  const __default__$1d = {
+  const _hoisted_1$_ = ["textContent"];
+  const __default__$1e = {
     name: "ElBadge"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14152,7 +14356,7 @@
                   vue.unref(ns).is("dot", _ctx.isDot)
                 ]),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 10, _hoisted_1$Z), [
+              }, null, 10, _hoisted_1$_), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
               ])
             ]),
@@ -14177,11 +14381,11 @@
     }
   });
 
-  const __default__$1c = {
+  const __default__$1d = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14220,11 +14424,11 @@
     }
   });
 
-  const __default__$1b = {
+  const __default__$1c = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15254,12 +15458,12 @@
     });
   }
 
-  const _hoisted_1$Y = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$1a = {
+  const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
+  const __default__$1b = {
     name: "ElButton"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15356,7 +15560,7 @@
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$Y);
+        ], 14, _hoisted_1$Z);
       };
     }
   });
@@ -15367,11 +15571,11 @@
     type: buttonProps.type
   };
 
-  const __default__$19 = {
+  const __default__$1a = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16021,13 +16225,13 @@
     unlinkPanels: Boolean
   });
 
-  const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$18 = {
+  const __default__$19 = {
     name: "Picker"
   };
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -16045,8 +16249,7 @@
       const nsDate = useNamespace("date");
       const nsInput = useNamespace("input");
       const nsRange = useNamespace("range");
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const elPopperOptions = vue.inject("ElPopperOptions", {});
       const refPopper = vue.ref();
       const inputRef = vue.ref();
@@ -16066,10 +16269,9 @@
         }
       });
       const emitChange = (val, isClear) => {
-        var _a;
         if (isClear || !valueEquals(val, valueOnOpen.value)) {
           emit("change", val);
-          props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn()));
+          props.validateEvent && (formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
         }
       };
       const emitInput = (input) => {
@@ -16163,7 +16365,7 @@
       const handleBlurInput = (e) => {
         const handleBlurDefer = async () => {
           setTimeout(() => {
-            var _a, _b;
+            var _a;
             if (currentHandleBlurDeferCallback === handleBlurDefer) {
               if (!(((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent()) && !hasJustTabExitedInput) && refInput.value.filter((input) => {
                 return input.contains(document.activeElement);
@@ -16171,7 +16373,7 @@
                 handleChange();
                 pickerVisible.value = false;
                 emit("blur", e);
-                props.validateEvent && ((_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "blur").catch((err) => debugWarn()));
+                props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn()));
               }
               hasJustTabExitedInput = false;
             }
@@ -16181,7 +16383,7 @@
         handleBlurDefer();
       };
       const pickerDisabled = vue.computed(() => {
-        return props.disabled || elForm.disabled;
+        return props.disabled || (form == null ? void 0 : form.disabled);
       });
       const parsedValue = vue.computed(() => {
         let dayOrDays;
@@ -16507,14 +16709,14 @@
                 vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                   key: 0,
                   class: vue.normalizeClass(vue.unref(nsInput).e("icon")),
-                  onMousedown: onMouseDownInput,
+                  onMousedown: vue.withModifiers(onMouseDownInput, ["prevent"]),
                   onTouchstart: onTouchStartInput
                 }, {
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon))))
                   ]),
                   _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+                }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
               ]),
               suffix: vue.withCtx(() => [
                 showClose.value && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -16545,7 +16747,6 @@
               ]),
               style: vue.normalizeStyle(_ctx.$attrs.style),
               onClick: handleFocusInput,
-              onMousedown: onMouseDownInput,
               onMouseenter: onMouseEnter,
               onMouseleave: onMouseLeave,
               onTouchstart: onTouchStartInput,
@@ -16554,14 +16755,14 @@
               vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 0,
                 class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsRange).e("icon")]),
-                onMousedown: onMouseDownInput,
+                onMousedown: vue.withModifiers(onMouseDownInput, ["prevent"]),
                 onTouchstart: onTouchStartInput
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon))))
                 ]),
                 _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+              }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode("input", {
                 id: _ctx.id && _ctx.id[0],
                 autocomplete: "off",
@@ -16571,11 +16772,12 @@
                 disabled: vue.unref(pickerDisabled),
                 readonly: !_ctx.editable || _ctx.readonly,
                 class: vue.normalizeClass(vue.unref(nsRange).b("input")),
+                onMousedown: onMouseDownInput,
                 onInput: handleStartInput,
                 onChange: handleStartChange,
                 onFocus: handleFocusInput,
                 onBlur: handleBlurInput
-              }, null, 42, _hoisted_1$X),
+              }, null, 42, _hoisted_1$Y),
               vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
@@ -16590,6 +16792,7 @@
                 disabled: vue.unref(pickerDisabled),
                 readonly: !_ctx.editable || _ctx.readonly,
                 class: vue.normalizeClass(vue.unref(nsRange).b("input")),
+                onMousedown: onMouseDownInput,
                 onFocus: handleFocusInput,
                 onBlur: handleBlurInput,
                 onInput: handleEndInput,
@@ -16884,7 +17087,7 @@
     }
   };
 
-  var D=!1,o,p,m,u,d,M,l,w,x,E,F,_,h,A,X;function a(){if(!D){D=!0;var e=navigator.userAgent,n=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),i=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(_=/\b(iPhone|iP[ao]d)/.exec(e),h=/\b(iP[ao]d)/.exec(e),E=/Android/i.exec(e),A=/FBAN\/\w+;/i.exec(e),X=/Mobile/i.exec(e),F=!!/Win64/.exec(e),n){o=n[1]?parseFloat(n[1]):n[5]?parseFloat(n[5]):NaN,o&&document&&document.documentMode&&(o=document.documentMode);var r=/(?:Trident\/(\d+.\d+))/.exec(e);M=r?parseFloat(r[1])+4:o,p=n[2]?parseFloat(n[2]):NaN,m=n[3]?parseFloat(n[3]):NaN,u=n[4]?parseFloat(n[4]):NaN,u?(n=/(?:Chrome\/(\d+\.\d+))/.exec(e),d=n&&n[1]?parseFloat(n[1]):NaN):d=NaN;}else o=p=m=d=u=NaN;if(i){if(i[1]){var t=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=t?parseFloat(t[1].replace("_",".")):!0;}else l=!1;w=!!i[2],x=!!i[3];}else l=w=x=!1;}}var v={ie:function(){return a()||o},ieCompatibilityMode:function(){return a()||M>o},ie64:function(){return v.ie()&&F},firefox:function(){return a()||p},opera:function(){return a()||m},webkit:function(){return a()||u},safari:function(){return v.webkit()},chrome:function(){return a()||d},windows:function(){return a()||w},osx:function(){return a()||l},linux:function(){return a()||x},iphone:function(){return a()||_},mobile:function(){return a()||_||h||E||X},nativeApp:function(){return a()||A},android:function(){return a()||E},ipad:function(){return a()||h}},b=v;var s=!!(typeof window<"u"&&window.document&&window.document.createElement),Y={canUseDOM:s,canUseWorkers:typeof Worker<"u",canUseEventListeners:s&&!!(window.addEventListener||window.attachEvent),canUseViewport:s&&!!window.screen,isInWorker:!s},N=Y;var O;N.canUseDOM&&(O=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0);function L(e,n){if(!N.canUseDOM||n&&!("addEventListener"in document))return !1;var i="on"+e,r=i in document;if(!r){var t=document.createElement("div");t.setAttribute(i,"return;"),r=typeof t[i]=="function";}return !r&&O&&e==="wheel"&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r}var I=L;var P=10,T=40,U=800;function S(e){var n=0,i=0,r=0,t=0;return "detail"in e&&(i=e.detail),"wheelDelta"in e&&(i=-e.wheelDelta/120),"wheelDeltaY"in e&&(i=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(n=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(n=i,i=0),r=n*P,t=i*P,"deltaY"in e&&(t=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||t)&&e.deltaMode&&(e.deltaMode==1?(r*=T,t*=T):(r*=U,t*=U)),r&&!n&&(n=r<1?-1:1),t&&!i&&(i=t<1?-1:1),{spinX:n,spinY:i,pixelX:r,pixelY:t}}S.getEventType=function(){return b.firefox()?"DOMMouseScroll":I("wheel")?"wheel":"mousewheel"};var W=S;/**
+  var v=!1,o,f,s,u,d,N,l,p,m,w,D,x,E,M,F;function a(){if(!v){v=!0;var e=navigator.userAgent,n=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),i=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(x=/\b(iPhone|iP[ao]d)/.exec(e),E=/\b(iP[ao]d)/.exec(e),w=/Android/i.exec(e),M=/FBAN\/\w+;/i.exec(e),F=/Mobile/i.exec(e),D=!!/Win64/.exec(e),n){o=n[1]?parseFloat(n[1]):n[5]?parseFloat(n[5]):NaN,o&&document&&document.documentMode&&(o=document.documentMode);var r=/(?:Trident\/(\d+.\d+))/.exec(e);N=r?parseFloat(r[1])+4:o,f=n[2]?parseFloat(n[2]):NaN,s=n[3]?parseFloat(n[3]):NaN,u=n[4]?parseFloat(n[4]):NaN,u?(n=/(?:Chrome\/(\d+\.\d+))/.exec(e),d=n&&n[1]?parseFloat(n[1]):NaN):d=NaN;}else o=f=s=d=u=NaN;if(i){if(i[1]){var t=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=t?parseFloat(t[1].replace("_",".")):!0;}else l=!1;p=!!i[2],m=!!i[3];}else l=p=m=!1;}}var _={ie:function(){return a()||o},ieCompatibilityMode:function(){return a()||N>o},ie64:function(){return _.ie()&&D},firefox:function(){return a()||f},opera:function(){return a()||s},webkit:function(){return a()||u},safari:function(){return _.webkit()},chrome:function(){return a()||d},windows:function(){return a()||p},osx:function(){return a()||l},linux:function(){return a()||m},iphone:function(){return a()||x},mobile:function(){return a()||x||E||w||F},nativeApp:function(){return a()||M},android:function(){return a()||w},ipad:function(){return a()||E}},A=_;var c=!!(typeof window<"u"&&window.document&&window.document.createElement),U={canUseDOM:c,canUseWorkers:typeof Worker<"u",canUseEventListeners:c&&!!(window.addEventListener||window.attachEvent),canUseViewport:c&&!!window.screen,isInWorker:!c},h=U;var X;h.canUseDOM&&(X=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0);function S(e,n){if(!h.canUseDOM||n&&!("addEventListener"in document))return !1;var i="on"+e,r=i in document;if(!r){var t=document.createElement("div");t.setAttribute(i,"return;"),r=typeof t[i]=="function";}return !r&&X&&e==="wheel"&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r}var b=S;var O=10,I=40,P=800;function T(e){var n=0,i=0,r=0,t=0;return "detail"in e&&(i=e.detail),"wheelDelta"in e&&(i=-e.wheelDelta/120),"wheelDeltaY"in e&&(i=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(n=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(n=i,i=0),r=n*O,t=i*O,"deltaY"in e&&(t=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||t)&&e.deltaMode&&(e.deltaMode==1?(r*=I,t*=I):(r*=P,t*=P)),r&&!n&&(n=r<1?-1:1),t&&!i&&(i=t<1?-1:1),{spinX:n,spinY:i,pixelX:r,pixelY:t}}T.getEventType=function(){return A.firefox()?"DOMMouseScroll":b("wheel")?"wheel":"mousewheel"};var Y=T;/**
    * Checks if an event is supported in the current execution environment.
    *
    * NOTE: This will not work correctly for non-generic events such as `change`,
@@ -16902,7 +17105,7 @@
   const mousewheel = function(element, callback) {
     if (element && element.addEventListener) {
       const fn = function(event) {
-        const normalized = W(event);
+        const normalized = Y(event);
         callback && Reflect.apply(callback, this, [event, normalized]);
       };
       element.addEventListener("wheel", fn, { passive: true });
@@ -16935,7 +17138,7 @@
     ...disabledTimeListsProps
   });
 
-  const _hoisted_1$W = ["onClick"];
+  const _hoisted_1$X = ["onClick"];
   const _hoisted_2$C = ["onMouseenter"];
   const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
@@ -17044,13 +17247,21 @@
           emitSelectRange("hours");
         }
         const label = currentScrollbar.value;
-        let now = vue.unref(timePartials)[label];
+        const now = vue.unref(timePartials)[label];
         const total = currentScrollbar.value === "hours" ? 24 : 60;
-        now = (now + step + total) % total;
-        modifyDateField(label, now);
-        adjustSpinner(label, now);
+        const next = findNextUnDisabled(label, now, step, total);
+        modifyDateField(label, next);
+        adjustSpinner(label, next);
         vue.nextTick(() => emitSelectRange(label));
       };
+      const findNextUnDisabled = (type, now, step, total) => {
+        let next = (now + step + total) % total;
+        const list = vue.unref(timeList)[type];
+        while (list[next] && next !== now) {
+          next = (next + step + total) % total;
+        }
+        return next;
+      };
       const modifyDateField = (type, value) => {
         const list = vue.unref(timeList)[type];
         const isDisabled = list[value];
@@ -17151,7 +17362,7 @@
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(("0" + key).slice(-2)), 1)
                     ], 64))
-                  ], 10, _hoisted_1$W);
+                  ], 10, _hoisted_1$X);
                 }), 128))
               ]),
               _: 2
@@ -17374,7 +17585,7 @@
     }
   });
 
-  const _hoisted_1$V = ["disabled"];
+  const _hoisted_1$W = ["disabled"];
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
@@ -17635,7 +17846,7 @@
               class: vue.normalizeClass([vue.unref(nsTime).be("panel", "btn"), "confirm"]),
               disabled: vue.unref(btnConfirmDisabled),
               onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$V)
+            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$W)
           ], 2)
         ], 2)) : vue.createCommentVNode("v-if", true);
       };
@@ -17722,13 +17933,13 @@
     pick: (value) => isObject$1(value)
   };
 
-  const _hoisted_1$U = { key: 0 };
+  const _hoisted_1$V = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  const __default__$17 = {
+  const __default__$18 = {
     name: "DateTable"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -17828,7 +18039,7 @@
           cellspacing: "0",
           cellpadding: "0"
         }, [
-          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$U, [
+          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$V, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(weekDays), (day) => {
               return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
             }), 128))
@@ -17883,11 +18094,11 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$16 = {
+  const __default__$17 = {
     name: "ElCalendar"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18118,11 +18329,11 @@
     }
   });
 
-  const __default__$15 = {
+  const __default__$16 = {
     name: "ElCard"
   };
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$16,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18211,14 +18422,14 @@
     change: (current, prev) => [current, prev].every(isNumber)
   };
 
-  const _hoisted_1$T = ["onMouseenter", "onMouseleave"];
+  const _hoisted_1$U = ["onMouseenter", "onMouseleave"];
   const _hoisted_2$A = ["onMouseenter", "onClick"];
   const _hoisted_3$k = { key: 0 };
-  const __default__$14 = {
+  const __default__$15 = {
     name: "ElCarousel"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -18300,6 +18511,7 @@
         if (oldIndex === activeIndex.value) {
           resetItemPosition(oldIndex);
         }
+        resetTimer();
       }
       function resetItemPosition(oldIndex) {
         items.value.forEach((item, index) => {
@@ -18377,6 +18589,10 @@
       function next() {
         setActiveItem(activeIndex.value + 1);
       }
+      function resetTimer() {
+        pauseTimer();
+        startTimer();
+      }
       vue.watch(() => activeIndex.value, (current, prev2) => {
         resetItemPosition(prev2);
         if (prev2 > -1) {
@@ -18389,6 +18605,9 @@
       vue.watch(() => props.loop, () => {
         setActiveItem(activeIndex.value);
       });
+      vue.watch(() => props.interval, () => {
+        resetTimer();
+      });
       const resizeObserver = vue.shallowRef();
       vue.onMounted(async () => {
         await vue.nextTick();
@@ -18513,7 +18732,7 @@
               ], 42, _hoisted_2$A);
             }), 128))
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 42, _hoisted_1$T);
+        ], 42, _hoisted_1$U);
       };
     }
   });
@@ -18527,11 +18746,11 @@
     }
   });
 
-  const __default__$13 = {
+  const __default__$14 = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -18750,12 +18969,11 @@
     }
   };
   const useCheckboxGroup = () => {
-    const elForm = vue.inject(formContextKey, {});
-    const elFormItem = vue.inject(formItemContextKey, {});
+    const { form: elForm, formItem: elFormItem } = useFormItem();
     const checkboxGroup = vue.inject("CheckboxGroup", {});
     const isGroup = vue.computed(() => checkboxGroup && (checkboxGroup == null ? void 0 : checkboxGroup.name) === "ElCheckboxGroup");
     const elFormItemSize = vue.computed(() => {
-      return elFormItem.size;
+      return elFormItem == null ? void 0 : elFormItem.size;
     });
     return {
       isGroup,
@@ -18900,9 +19118,8 @@
       return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
     });
     vue.watch(() => props.modelValue, () => {
-      var _a;
       if (validateEvent.value) {
-        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
       }
     });
     return {
@@ -18954,14 +19171,14 @@
     };
   };
 
-  const _hoisted_1$S = ["tabindex", "role", "aria-checked"];
+  const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-  const __default__$12 = {
+  const __default__$13 = {
     name: "ElCheckbox"
   };
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19042,7 +19259,7 @@
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(vue.unref(ns).e("inner"))
               }, null, 2)
-            ], 10, _hoisted_1$S),
+            ], 10, _hoisted_1$T),
             vue.unref(hasOwnLabel) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: vue.normalizeClass(vue.unref(ns).e("label"))
@@ -19060,13 +19277,13 @@
   });
   var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox.vue"]]);
 
-  const _hoisted_1$R = ["name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-  const __default__$11 = {
+  const __default__$12 = {
     name: "ElCheckboxButton"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$12,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19108,7 +19325,7 @@
             onChange: _cache[1] || (_cache[1] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
             onFocus: _cache[2] || (_cache[2] = ($event) => focus.value = true),
             onBlur: _cache[3] || (_cache[3] = ($event) => focus.value = false)
-          }, null, 42, _hoisted_1$R)), [
+          }, null, 42, _hoisted_1$S)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
@@ -19140,11 +19357,11 @@
   });
   var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-button.vue"]]);
 
-  const __default__$10 = {
+  const __default__$11 = {
     name: "ElCheckboxGroup"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$11,
     props: useCheckboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19171,24 +19388,24 @@
       });
       vue.provide("CheckboxGroup", {
         name: "ElCheckboxGroup",
-        modelValue,
         ...vue.toRefs(props),
+        modelValue,
         checkboxGroupSize,
         changeEvent
       });
       vue.watch(() => props.modelValue, () => {
-        var _a;
         if (props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
         }
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
           id: vue.unref(groupId),
           class: vue.normalizeClass(vue.unref(ns).b("group")),
           role: "group",
           "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
-          "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(elFormItem).labelId : void 0
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
@@ -19267,12 +19484,12 @@
     };
   };
 
-  const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$$ = {
+  const _hoisted_1$R = ["value", "name", "disabled"];
+  const __default__$10 = {
     name: "ElRadio"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$10,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19313,7 +19530,7 @@
               onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
               onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
               onChange: handleChange
-            }, null, 42, _hoisted_1$Q), [
+            }, null, 42, _hoisted_1$R), [
               [vue.vModelRadio, vue.unref(modelValue)]
             ]),
             vue.createElementVNode("span", {
@@ -19343,12 +19560,12 @@
     }
   });
 
-  const _hoisted_1$P = ["value", "name", "disabled"];
-  const __default__$_ = {
+  const _hoisted_1$Q = ["value", "name", "disabled"];
+  const __default__$$ = {
     name: "ElRadioButton"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$$,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19384,7 +19601,7 @@
             disabled: vue.unref(disabled),
             onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
             onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
-          }, null, 42, _hoisted_1$P), [
+          }, null, 42, _hoisted_1$Q), [
             [vue.vModelRadio, vue.unref(modelValue)]
           ]),
           vue.createElementVNode("span", {
@@ -19437,12 +19654,12 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const _hoisted_1$O = ["id", "aria-label", "aria-labelledby"];
-  const __default__$Z = {
+  const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
+  const __default__$_ = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$_,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19489,7 +19706,7 @@
           "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$O);
+        ], 10, _hoisted_1$P);
       };
     }
   });
@@ -19641,9 +19858,9 @@
       };
     }
   });
-  const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+  const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -19724,9 +19941,9 @@
           _: 1
         }, 8, ["class"]))
       ], 64)) : vue.createCommentVNode("v-if", true)
-    ], 42, _hoisted_1$N);
+    ], 42, _hoisted_1$O);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$B], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$A], ["__file", "node.vue"]]);
 
   const _sfc_main$1E = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -19806,7 +20023,7 @@
       };
     }
   });
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -19859,7 +20076,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$A], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$z], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -20230,7 +20447,7 @@
         } else {
           const values = multiple ? castArray(modelValue) : [modelValue];
           const nodes = unique(values.map((val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)));
-          syncMenuState(nodes, false);
+          syncMenuState(nodes, forced);
           checkedValue.value = modelValue;
         }
       };
@@ -20334,7 +20551,7 @@
       };
     }
   });
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_menu = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20351,7 +20568,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$z], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$y], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -20389,11 +20606,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$Y = {
+  const __default__$Z = {
     name: "ElTag"
   };
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$Z,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20579,8 +20796,7 @@
       const nsCascader = useNamespace("cascader");
       const nsInput = useNamespace("input");
       const { t } = useLocale();
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const tooltipRef = vue.ref(null);
       const input = vue.ref(null);
       const tagWrapper = vue.ref(null);
@@ -20595,7 +20811,7 @@
       const allPresentTags = vue.ref([]);
       const suggestions = vue.ref([]);
       const isOnComposition = vue.ref(false);
-      const isDisabled = vue.computed(() => props.disabled || elForm.disabled);
+      const isDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
       const inputPlaceholder = vue.computed(() => props.placeholder || t("el.cascader.placeholder"));
       const realSize = useSize();
       const tagSize = vue.computed(() => ["small"].includes(realSize.value) ? "small" : "default");
@@ -20621,11 +20837,10 @@
           return props.modelValue;
         },
         set(val) {
-          var _a;
           emit(UPDATE_MODEL_EVENT, val);
           emit(CHANGE_EVENT, val);
           if (props.validateEvent) {
-            (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+            formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
           }
         }
       });
@@ -20920,10 +21135,10 @@
       };
     }
   });
-  const _hoisted_1$M = { key: 0 };
+  const _hoisted_1$N = { key: 0 };
   const _hoisted_2$w = ["placeholder"];
   const _hoisted_3$i = ["onClick"];
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -20937,7 +21152,6 @@
     return vue.openBlock(), vue.createBlock(_component_el_tooltip, {
       ref: "tooltipRef",
       visible: _ctx.popperVisible,
-      "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => _ctx.popperVisible = $event),
       teleported: _ctx.teleported,
       "popper-class": [_ctx.nsCascader.e("dropdown"), _ctx.popperClass],
       "popper-options": _ctx.popperOptions,
@@ -21032,7 +21246,7 @@
                 onClose: ($event) => _ctx.deleteTag(tag)
               }, {
                 default: vue.withCtx(() => [
-                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$M, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$N, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
                     key: 1,
                     teleported: false,
                     disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
@@ -21152,7 +21366,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$y], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$x], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21171,11 +21385,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$X = {
+  const __default__$Y = {
     name: "ElCheckTag"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Y,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21243,11 +21457,11 @@
     }
   });
 
-  const __default__$W = {
+  const __default__$X = {
     name: "ElCol"
   };
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$X,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21317,11 +21531,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$V = {
+  const __default__$W = {
     name: "ElCollapse"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$W,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21372,11 +21586,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-  const __default__$U = {
+  const __default__$V = {
     name: "ElCollapseTransition"
   };
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$V,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21461,14 +21675,14 @@
     disabled: Boolean
   });
 
-  const _hoisted_1$L = ["aria-expanded", "aria-controls", "aria-describedby"];
+  const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
   const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$T = {
+  const __default__$U = {
     name: "ElCollapseItem"
   };
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$U,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -21540,7 +21754,7 @@
                 _: 1
               }, 8, ["class"])
             ], 42, _hoisted_2$v)
-          ], 8, _hoisted_1$L),
+          ], 8, _hoisted_1$M),
           vue.createVNode(vue.unref(_CollapseTransition), null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.createElementVNode("div", {
@@ -21582,10 +21796,10 @@
     };
     const upFn = function(event) {
       var _a;
-      off(document, "mousemove", moveFn);
-      off(document, "mouseup", upFn);
-      off(document, "touchmove", moveFn);
-      off(document, "touchend", upFn);
+      document.removeEventListener("mousemove", moveFn);
+      document.removeEventListener("mouseup", upFn);
+      document.removeEventListener("touchmove", moveFn);
+      document.removeEventListener("touchend", upFn);
       document.onselectstart = null;
       document.ondragstart = null;
       isDragging = false;
@@ -21598,15 +21812,15 @@
       event.preventDefault();
       document.onselectstart = () => false;
       document.ondragstart = () => false;
-      on$1(document, "mousemove", moveFn);
-      on$1(document, "mouseup", upFn);
-      on$1(document, "touchmove", moveFn);
-      on$1(document, "touchend", upFn);
+      document.addEventListener("mousemove", moveFn);
+      document.addEventListener("mouseup", upFn);
+      document.addEventListener("touchmove", moveFn);
+      document.addEventListener("touchend", upFn);
       isDragging = true;
       (_a = options.start) == null ? void 0 : _a.call(options, event);
     };
-    on$1(element, "mousedown", downFn);
-    on$1(element, "touchstart", downFn);
+    element.addEventListener("mousedown", downFn);
+    element.addEventListener("touchstart", downFn);
   }
 
   const _sfc_main$1v = vue.defineComponent({
@@ -21712,7 +21926,7 @@
       };
     }
   });
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -21734,7 +21948,7 @@
       }, null, 6)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$x], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$w], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -21829,7 +22043,7 @@
       };
     }
   });
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -21848,7 +22062,7 @@
       }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$w], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$v], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22168,8 +22382,8 @@
       };
     }
   });
-  const _hoisted_1$K = ["onClick"];
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$L = ["onClick"];
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -22189,12 +22403,12 @@
             vue.createElementVNode("div", {
               style: vue.normalizeStyle({ backgroundColor: item.value })
             }, null, 4)
-          ], 10, _hoisted_1$K);
+          ], 10, _hoisted_1$L);
         }), 128))
       ], 2)
     ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$v], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$u], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1s = vue.defineComponent({
     name: "ElSlPanel",
@@ -22266,11 +22480,11 @@
       };
     }
   });
-  const _hoisted_1$J = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+  const _hoisted_1$K = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
   const _hoisted_2$u = [
-    _hoisted_1$J
+    _hoisted_1$K
   ];
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
@@ -22292,7 +22506,7 @@
       }, _hoisted_2$u, 6)
     ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$u], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$t], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1r = vue.defineComponent({
     name: "ElColorPicker",
@@ -22340,10 +22554,9 @@
     setup(props, { emit }) {
       const { t } = useLocale();
       const ns = useNamespace("color");
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
-        formItemContext: elFormItem
+        formItemContext: formItem
       });
       const hue = vue.ref();
       const svPanel = vue.ref();
@@ -22366,7 +22579,7 @@
       });
       const colorSize = useSize();
       const colorDisabled = vue.computed(() => {
-        return !!(props.disabled || elForm.disabled);
+        return !!(props.disabled || (form == null ? void 0 : form.disabled));
       });
       const currentColor = vue.computed(() => {
         return !props.modelValue && !showPanelColor.value ? "" : color.value;
@@ -22375,7 +22588,7 @@
         return !isLabeledByFormItem.value ? props.label || t("el.colorpicker.defaultLabel") : void 0;
       });
       const buttonAriaLabelledby = vue.computed(() => {
-        return isLabeledByFormItem.value ? elFormItem.labelId : void 0;
+        return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
       });
       vue.watch(() => props.modelValue, (newVal) => {
         if (!newVal) {
@@ -22431,12 +22644,11 @@
         color.fromString(customInput.value);
       }
       function confirmValue() {
-        var _a;
         const value = color.value;
         emit(UPDATE_MODEL_EVENT, value);
         emit("change", value);
         if (props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         debounceSetShowPicker(false);
         vue.nextTick(() => {
@@ -22451,12 +22663,11 @@
         });
       }
       function clear() {
-        var _a;
         debounceSetShowPicker(false);
         emit(UPDATE_MODEL_EVENT, null);
         emit("change", null);
         if (props.modelValue !== null && props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         resetColor();
       }
@@ -22501,8 +22712,8 @@
       };
     }
   });
-  const _hoisted_1$I = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
+  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hue_slider = vue.resolveComponent("hue-slider");
     const _component_sv_panel = vue.resolveComponent("sv-panel");
     const _component_alpha_slider = vue.resolveComponent("alpha-slider");
@@ -22517,7 +22728,6 @@
     return vue.openBlock(), vue.createBlock(_component_el_tooltip, {
       ref: "popper",
       visible: _ctx.showPicker,
-      "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => _ctx.showPicker = $event),
       "show-arrow": false,
       "fallback-placements": ["bottom", "top", "right", "left"],
       offset: 0,
@@ -22652,12 +22862,12 @@
               ], 6)
             ], 2)
           ], 2)
-        ], 42, _hoisted_1$I)
+        ], 42, _hoisted_1$J)
       ]),
       _: 1
     }, 8, ["visible", "popper-class"]);
   }
-  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);
@@ -22708,11 +22918,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$S = {
+  const __default__$T = {
     name: "ElContainer"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$T,
     props: {
       direction: {
         type: String
@@ -22749,11 +22959,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-  const __default__$R = {
+  const __default__$S = {
     name: "ElAside"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$S,
     props: {
       width: {
         type: String,
@@ -22776,11 +22986,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-  const __default__$Q = {
+  const __default__$R = {
     name: "ElFooter"
   };
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$R,
     props: {
       height: {
         type: String,
@@ -22803,11 +23013,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-  const __default__$P = {
+  const __default__$Q = {
     name: "ElHeader"
   };
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$Q,
     props: {
       height: {
         type: String,
@@ -22834,11 +23044,11 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-  const __default__$O = {
+  const __default__$P = {
     name: "ElMain"
   };
   const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$P,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -23191,7 +23401,7 @@
     }
   });
 
-  const _hoisted_1$H = ["aria-label"];
+  const _hoisted_1$I = ["aria-label"];
   const _hoisted_2$t = {
     key: 0,
     scope: "col"
@@ -23539,7 +23749,7 @@
               ], 2);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$H);
+        ], 42, _hoisted_1$I);
       };
     }
   });
@@ -23550,7 +23760,7 @@
     selectionMode: selectionModeWithDefault("month")
   });
 
-  const _hoisted_1$G = ["aria-label"];
+  const _hoisted_1$H = ["aria-label"];
   const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
   const _hoisted_3$f = { class: "cell" };
   const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
@@ -23742,7 +23952,7 @@
               ]);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$G);
+        ], 42, _hoisted_1$H);
       };
     }
   });
@@ -23755,7 +23965,7 @@
     parsedValue
   });
 
-  const _hoisted_1$F = ["aria-label"];
+  const _hoisted_1$G = ["aria-label"];
   const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
   const _hoisted_3$e = { class: "cell" };
   const _hoisted_4$a = { key: 1 };
@@ -23849,13 +24059,13 @@
               ]);
             }), 64))
           ], 512)
-        ], 10, _hoisted_1$F);
+        ], 10, _hoisted_1$G);
       };
     }
   });
   var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "basic-year-table.vue"]]);
 
-  const _hoisted_1$E = ["onClick"];
+  const _hoisted_1$F = ["onClick"];
   const _hoisted_2$q = ["aria-label"];
   const _hoisted_3$d = ["aria-label"];
   const _hoisted_4$9 = ["aria-label"];
@@ -24266,7 +24476,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => handleShortcutClick(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$E);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$F);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -24580,7 +24790,7 @@
     };
   };
 
-  const _hoisted_1$D = ["onClick"];
+  const _hoisted_1$E = ["onClick"];
   const _hoisted_2$p = ["disabled"];
   const _hoisted_3$c = ["disabled"];
   const _hoisted_4$8 = ["disabled"];
@@ -24931,7 +25141,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$D);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$E);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -25276,14 +25486,14 @@
     };
   };
 
-  const _hoisted_1$C = ["onClick"];
+  const _hoisted_1$D = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
-  const __default__$N = {
+  const __default__$O = {
     name: "DatePickerMonthRange"
   };
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$O,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -25381,7 +25591,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$C);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$D);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -25655,12 +25865,12 @@
     }
   });
 
-  const _hoisted_1$B = { key: 1 };
-  const __default__$M = {
+  const _hoisted_1$C = { key: 1 };
+  const __default__$N = {
     name: "ElDescriptionsRow"
   };
   const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$N,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -25686,7 +25896,7 @@
               }, null, 8, ["cell"]);
             }), 128))
           ])
-        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$B, [
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$C, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: `tr3-${index}`
@@ -25741,11 +25951,11 @@
     }
   });
 
-  const __default__$L = {
+  const __default__$M = {
     name: "ElDescriptions"
   };
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$M,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -25993,11 +26203,11 @@
     close: () => true
   };
 
-  const _hoisted_1$A = ["aria-label"];
+  const _hoisted_1$B = ["aria-label"];
   const _hoisted_2$n = ["id"];
-  const __default__$K = { name: "ElDialogContent" };
+  const __default__$L = { name: "ElDialogContent" };
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+    ...__default__$L,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -26050,7 +26260,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])
-            ], 10, _hoisted_1$A)) : vue.createCommentVNode("v-if", true)
+            ], 10, _hoisted_1$B)) : vue.createCommentVNode("v-if", true)
           ], 2),
           vue.createElementVNode("div", {
             id: vue.unref(bodyId),
@@ -26290,12 +26500,12 @@
     };
   };
 
-  const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$J = {
+  const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
+  const __default__$K = {
     name: "ElDialog"
   };
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+    ...__default__$K,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -26418,7 +26628,7 @@
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
-                  ], 42, _hoisted_1$z)
+                  ], 42, _hoisted_1$A)
                 ]),
                 _: 3
               }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -26452,11 +26662,11 @@
     }
   });
 
-  const __default__$I = {
+  const __default__$J = {
     name: "ElDivider"
   };
   const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+    ...__default__$J,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -26543,11 +26753,11 @@
       };
     }
   });
-  const _hoisted_1$y = ["aria-label", "aria-labelledby", "aria-describedby"];
+  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 = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
@@ -26645,7 +26855,7 @@
                     }, [
                       vue.renderSlot(_ctx.$slots, "footer")
                     ], 2)) : vue.createCommentVNode("v-if", true)
-                  ], 14, _hoisted_1$y)
+                  ], 14, _hoisted_1$z)
                 ]),
                 _: 3
               }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -26659,26 +26869,26 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
     ], 8, ["disabled"]);
   }
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$s], ["__file", "drawer.vue"]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$r], ["__file", "drawer.vue"]]);
 
   const ElDrawer = withInstall(Drawer);
 
   const _sfc_main$19 = {
     inheritAttrs: false
   };
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$r], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$q], ["__file", "collection.vue"]]);
 
   const _sfc_main$18 = {
     name: "ElCollectionItem",
     inheritAttrs: false
   };
-  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$q], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$p], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -26895,20 +27105,13 @@
       vue.watch(() => props.currentTabId, (val) => {
         currentTabbedId.value = val != null ? val : null;
       });
-      vue.onMounted(() => {
-        const rovingFocusGroupEl = vue.unref(rovingFocusGroupRef);
-        on$1(rovingFocusGroupEl, ENTRY_FOCUS_EVT, handleEntryFocus);
-      });
-      vue.onBeforeUnmount(() => {
-        const rovingFocusGroupEl = vue.unref(rovingFocusGroupRef);
-        off(rovingFocusGroupEl, ENTRY_FOCUS_EVT, handleEntryFocus);
-      });
+      useEventListener(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
     }
   });
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$p], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$o], ["__file", "roving-focus-group-impl.vue"]]);
 
   const _sfc_main$16 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -26917,7 +27120,7 @@
       ElRovingFocusGroupImpl
     }
   });
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_group_impl = vue.resolveComponent("el-roving-focus-group-impl");
     const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
     return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
@@ -26932,7 +27135,7 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$o], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$n], ["__file", "roving-focus-group.vue"]]);
 
   const _sfc_main$15 = vue.defineComponent({
     components: {
@@ -27019,7 +27222,7 @@
       };
     }
   });
-  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_collection_item = vue.resolveComponent("el-roving-focus-collection-item");
     return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
       id: _ctx.id,
@@ -27032,7 +27235,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$n], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$m], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -27258,7 +27461,7 @@
       };
     }
   });
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_collection = vue.resolveComponent("el-dropdown-collection");
     const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
@@ -27390,7 +27593,7 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$m], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$l], ["__file", "dropdown.vue"]]);
 
   const _sfc_main$13 = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -27443,8 +27646,8 @@
       };
     }
   });
-  const _hoisted_1$x = ["aria-disabled", "tabindex", "role"];
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$y = ["aria-disabled", "tabindex", "role"];
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       _ctx.divided ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -27471,10 +27674,10 @@
           _: 1
         })) : vue.createCommentVNode("v-if", true),
         vue.renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$x)
+      ], 16, _hoisted_1$y)
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$l], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$k], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -27550,7 +27753,7 @@
       };
     }
   });
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_item_impl = vue.resolveComponent("el-dropdown-item-impl");
     const _component_el_roving_focus_item = vue.resolveComponent("el-roving-focus-item");
@@ -27581,7 +27784,7 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$k], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$j], ["__file", "dropdown-item.vue"]]);
 
   const _sfc_main$11 = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -27646,8 +27849,8 @@
       };
     }
   });
-  const _hoisted_1$w = ["role", "aria-labelledby"];
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$x = ["role", "aria-labelledby"];
+  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -27661,9 +27864,9 @@
       onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
     }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 46, _hoisted_1$w);
+    ], 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,
@@ -27683,7 +27886,7 @@
       };
     }
   });
-  const _hoisted_1$v = {
+  const _hoisted_1$w = {
     viewBox: "0 0 79 86",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
@@ -27729,8 +27932,8 @@
   const _hoisted_21 = ["fill", "xlink:href"];
   const _hoisted_22 = ["fill", "mask"];
   const _hoisted_23 = ["fill"];
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
           id: `linearGradient-1-${_ctx.id}`,
@@ -27848,7 +28051,7 @@
       ])
     ]);
   }
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$i], ["__file", "img-empty.vue"]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$h], ["__file", "img-empty.vue"]]);
 
   const emptyProps = {
     image: {
@@ -27862,13 +28065,13 @@
     }
   };
 
-  const _hoisted_1$u = ["src"];
+  const _hoisted_1$v = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$H = {
+  const __default__$I = {
     name: "ElEmpty"
   };
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+    ...__default__$I,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -27890,7 +28093,7 @@
               key: 0,
               src: _ctx.image,
               ondragstart: "return false"
-            }, null, 8, _hoisted_1$u)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+            }, null, 8, _hoisted_1$v)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
               vue.createVNode(ImgEmpty)
             ])
           ], 6),
@@ -27994,11 +28197,11 @@
     return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
   };
 
-  const __default__$G = {
+  const __default__$H = {
     name: "ElForm"
   };
   const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+    ...__default__$H,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -29302,12 +29505,12 @@
     }
   });
 
-  const _hoisted_1$t = ["role", "aria-labelledby"];
-  const __default__$F = {
+  const _hoisted_1$u = ["role", "aria-labelledby"];
+  const __default__$G = {
     name: "ElFormItem"
   };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$G,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -29584,7 +29787,7 @@
               _: 3
             }, 8, ["name"])
           ], 6)
-        ], 10, _hoisted_1$t);
+        ], 10, _hoisted_1$u);
       };
     }
   });
@@ -29629,12 +29832,12 @@
     switch: (index) => isNumber(index)
   };
 
-  const _hoisted_1$s = ["src"];
-  const __default__$E = {
+  const _hoisted_1$t = ["src"];
+  const __default__$F = {
     name: "ElImageViewer"
   };
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$F,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { emit }) {
@@ -29997,7 +30200,7 @@
                       onLoad: handleImgLoad,
                       onError: handleImgError,
                       onMousedown: handleMouseDown
-                    }, null, 46, _hoisted_1$s)), [
+                    }, null, 46, _hoisted_1$t)), [
                       [vue.vShow, i === index.value]
                     ]);
                   }), 128))
@@ -30068,17 +30271,18 @@
     load: (evt) => evt instanceof Event,
     error: (evt) => evt instanceof Event,
     switch: (val) => isNumber(val),
-    close: () => true
+    close: () => true,
+    show: () => true
   };
 
-  const _hoisted_1$r = ["src", "loading"];
+  const _hoisted_1$s = ["src", "loading"];
   const _hoisted_2$j = { key: 0 };
-  const __default__$D = {
+  const __default__$E = {
     name: "ElImage",
     inheritAttrs: false
   };
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+    ...__default__$E,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -30190,6 +30394,7 @@
         prevOverflow = document.body.style.overflow;
         document.body.style.overflow = "hidden";
         showViewer.value = true;
+        emit("show");
       }
       function closeViewer() {
         stopWheelListener == null ? void 0 : stopWheelListener();
@@ -30236,7 +30441,7 @@
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
-          }), null, 16, _hoisted_1$r)) : vue.createCommentVNode("v-if", true),
+          }), null, 16, _hoisted_1$s)) : vue.createCommentVNode("v-if", true),
           isLoading.value || hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
@@ -30335,13 +30540,13 @@
     [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
-  const _hoisted_1$q = ["aria-label", "onKeydown"];
+  const _hoisted_1$r = ["aria-label", "onKeydown"];
   const _hoisted_2$i = ["aria-label", "onKeydown"];
-  const __default__$C = {
+  const __default__$D = {
     name: "ElInputNumber"
   };
   const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+    ...__default__$D,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -30565,7 +30770,7 @@
               ]),
               _: 1
             })
-          ], 42, _hoisted_1$q)), [
+          ], 42, _hoisted_1$r)), [
             [vue.unref(RepeatClick), decrease]
           ]) : vue.createCommentVNode("v-if", true),
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -30637,12 +30842,12 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$p = ["href"];
-  const __default__$B = {
+  const _hoisted_1$q = ["href"];
+  const __default__$C = {
     name: "ElLink"
   };
   const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$C,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -30676,7 +30881,7 @@
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true),
           _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.createCommentVNode("v-if", true)
-        ], 10, _hoisted_1$p);
+        ], 10, _hoisted_1$q);
       };
     }
   });
@@ -30852,7 +31057,7 @@
       };
     }
   });
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "default")
@@ -30860,7 +31065,7 @@
       _: 3
     }, 16);
   }
-  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$h], ["__file", "menu-collapse-transition.vue"]]);
+  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$g], ["__file", "menu-collapse-transition.vue"]]);
 
   function useMenu(instance, currentIndex) {
     const indexPath = vue.computed(() => {
@@ -31307,7 +31512,6 @@
         const item = itemsInData[val] || activeIndex.value && itemsInData[activeIndex.value] || itemsInData[props.defaultActive];
         if (item) {
           activeIndex.value = item.index;
-          initMenu();
         } else {
           activeIndex.value = val;
         }
@@ -31321,15 +31525,11 @@
         }
         updateActiveIndex(currentActive);
       });
-      vue.watch(items.value, () => {
-        initMenu();
-        if (props.mode === "horizontal" && props.ellipsis)
-          handleResize();
-      });
       vue.watch(() => props.collapse, (value) => {
         if (value)
           openedMenus.value = [];
       });
+      vue.watch(items.value, initMenu);
       let resizeStopper;
       vue.watchEffect(() => {
         if (props.mode === "horizontal" && props.ellipsis)
@@ -31374,7 +31574,6 @@
         });
       }
       vue.onMounted(() => {
-        initMenu();
         if (props.mode === "horizontal") {
           new Menubar(instance.vnode.el, nsMenu.namespace.value);
         }
@@ -31524,7 +31723,7 @@
       };
     }
   });
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
@@ -31560,7 +31759,7 @@
       ], 64))
     ], 2);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$g], ["__file", "menu-item.vue"]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$f], ["__file", "menu-item.vue"]]);
 
   const menuItemGroupProps = {
     title: String
@@ -31577,7 +31776,7 @@
       };
     }
   });
-  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -31593,7 +31792,7 @@
       ])
     ], 2);
   }
-  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$f], ["__file", "menu-item-group.vue"]]);
+  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$e], ["__file", "menu-item-group.vue"]]);
 
   const ElMenu = withInstall(Menu, {
     MenuItem,
@@ -31619,11 +31818,11 @@
     back: () => true
   };
 
-  const __default__$A = {
+  const __default__$B = {
     name: "ElPageHeader"
   };
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$B,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -31690,13 +31889,13 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$o = ["disabled", "aria-disabled"];
+  const _hoisted_1$p = ["disabled", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
-  const __default__$z = {
+  const __default__$A = {
     name: "ElPaginationPrev"
   };
   const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+    ...__default__$A,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -31716,7 +31915,7 @@
             ]),
             _: 1
           }))
-        ], 8, _hoisted_1$o);
+        ], 8, _hoisted_1$p);
       };
     }
   });
@@ -31737,13 +31936,13 @@
     }
   });
 
-  const _hoisted_1$n = ["disabled", "aria-disabled"];
+  const _hoisted_1$o = ["disabled", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
-  const __default__$y = {
+  const __default__$z = {
     name: "ElPaginationNext"
   };
   const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+    ...__default__$z,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -31763,7 +31962,7 @@
             ]),
             _: 1
           }))
-        ], 8, _hoisted_1$n);
+        ], 8, _hoisted_1$o);
       };
     }
   });
@@ -31922,7 +32121,7 @@
       };
     }
   });
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
         _ctx.ns.be("dropdown", "item"),
@@ -31942,7 +32141,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$e], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$d], ["__file", "option.vue"]]);
 
   const _sfc_main$N = vue.defineComponent({
     name: "ElSelectDropdown",
@@ -31971,7 +32170,7 @@
       };
     }
   });
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
       style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -31979,7 +32178,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$d], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$c], ["__file", "select-dropdown.vue"]]);
 
   function useSelectStates(props) {
     const { t } = useLocale();
@@ -32021,10 +32220,9 @@
     const hoverOption = vue.ref(-1);
     const queryChange = vue.shallowRef({ query: "" });
     const groupQueryChange = vue.shallowRef("");
-    const elForm = vue.inject(formContextKey, {});
-    const elFormItem = vue.inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const readonly = vue.computed(() => !props.filterable || props.multiple || !states.visible);
-    const selectDisabled = vue.computed(() => props.disabled || elForm.disabled);
+    const selectDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
     const showClose = vue.computed(() => {
       const hasValue = props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
       const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasValue;
@@ -32068,7 +32266,7 @@
         states.visible = val;
       }
     });
-    vue.watch([() => selectDisabled.value, () => selectSize.value, () => elForm.size], () => {
+    vue.watch([() => selectDisabled.value, () => selectSize.value, () => form == null ? void 0 : form.size], () => {
       vue.nextTick(() => {
         resetInputHeight();
       });
@@ -32077,7 +32275,6 @@
       states.cachedPlaceHolder = states.currentPlaceholder = val;
     });
     vue.watch(() => props.modelValue, (val, oldVal) => {
-      var _a;
       if (props.multiple) {
         resetInputHeight();
         if (val && val.length > 0 || input.value && states.query !== "") {
@@ -32095,7 +32292,7 @@
         states.inputLength = 20;
       }
       if (!isEqual$1(val, oldVal) && props.validateEvent) {
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
       }
     }, {
       flush: "post",
@@ -32188,7 +32385,7 @@
           return;
         const input2 = reference.value.$el.querySelector("input");
         const _tags = tags.value;
-        const sizeInMap = getComponentSize(selectSize.value || elForm.size);
+        const sizeInMap = getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
         input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`;
         states.tagInMultiLine = Number.parseFloat(input2.style.height) >= sizeInMap;
         if (states.visible && emptyText.value !== false) {
@@ -32955,10 +33152,10 @@
       };
     }
   });
-  const _hoisted_1$m = { class: "select-trigger" };
+  const _hoisted_1$n = { class: "select-trigger" };
   const _hoisted_2$f = ["disabled", "autocomplete"];
   const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -32970,12 +33167,11 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectWrapper",
       class: vue.normalizeClass(_ctx.wrapperKls),
-      onClick: _cache[23] || (_cache[23] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
+      onClick: _cache[22] || (_cache[22] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
         visible: _ctx.dropMenuVisible,
-        "onUpdate:visible": _cache[22] || (_cache[22] = ($event) => _ctx.dropMenuVisible = $event),
         placement: "bottom-start",
         teleported: _ctx.teleported,
         "popper-class": [_ctx.nsSelect.e("popper"), _ctx.popperClass],
@@ -32990,7 +33186,7 @@
         onShow: _ctx.handleMenuEnter
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$m, [
+          vue.createElementVNode("div", _hoisted_1$n, [
             _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               ref: "tags",
@@ -33260,7 +33456,7 @@
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$c], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$b], ["__file", "select.vue"]]);
 
   const _sfc_main$L = vue.defineComponent({
     name: "ElOptionGroup",
@@ -33308,7 +33504,7 @@
       };
     }
   });
-  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
     }, [
@@ -33326,7 +33522,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$b], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$a], ["__file", "option-group.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -33356,11 +33552,11 @@
     }
   });
 
-  const __default__$x = {
+  const __default__$y = {
     name: "ElPaginationSizes"
   };
   const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+    ...__default__$y,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -33416,12 +33612,12 @@
   });
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
-  const _hoisted_1$l = ["disabled"];
-  const __default__$w = {
+  const _hoisted_1$m = ["disabled"];
+  const __default__$x = {
     name: "ElPaginationJumper"
   };
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+    ...__default__$x,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -33457,7 +33653,7 @@
             onChange: handleChange
           }, null, 8, ["class", "max", "disabled", "model-value"]),
           vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("el.pagination.pageClassifier")), 1)
-        ], 10, _hoisted_1$l);
+        ], 10, _hoisted_1$m);
       };
     }
   });
@@ -33470,12 +33666,12 @@
     }
   });
 
-  const _hoisted_1$k = ["disabled"];
-  const __default__$v = {
+  const _hoisted_1$l = ["disabled"];
+  const __default__$w = {
     name: "ElPaginationTotal"
   };
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+    ...__default__$w,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -33487,7 +33683,7 @@
           disabled: vue.unref(disabled)
         }, vue.toDisplayString(vue.unref(t)("el.pagination.total", {
           total: _ctx.total
-        })), 11, _hoisted_1$k);
+        })), 11, _hoisted_1$l);
       };
     }
   });
@@ -33509,17 +33705,17 @@
     disabled: Boolean
   });
 
-  const _hoisted_1$j = ["onKeyup"];
+  const _hoisted_1$k = ["onKeyup"];
   const _hoisted_2$e = ["aria-current", "tabindex"];
   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__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$v,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -33705,7 +33901,7 @@
             "aria-current": _ctx.currentPage === _ctx.pageCount,
             tabindex: vue.unref(tabindex)
           }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6$1)) : vue.createCommentVNode("v-if", true)
-        ], 42, _hoisted_1$j);
+        ], 42, _hoisted_1$k);
       };
     }
   });
@@ -33994,14 +34190,18 @@
       type: definePropType(Function)
     },
     teleported: useTooltipContentProps.teleported,
-    persistent: useTooltipContentProps.persistent
+    persistent: useTooltipContentProps.persistent,
+    width: {
+      type: [String, Number],
+      default: 150
+    }
   });
 
-  const __default__$t = {
+  const __default__$u = {
     name: "ElPopconfirm"
   };
   const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$u,
     props: popconfirmProps,
     setup(__props) {
       const props = __props;
@@ -34012,6 +34212,11 @@
         var _a, _b;
         (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
       };
+      const style = vue.computed(() => {
+        return {
+          width: addUnit(props.width)
+        };
+      });
       const confirm = (e) => {
         var _a;
         (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
@@ -34025,17 +34230,19 @@
       const finalConfirmButtonText = vue.computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
       const finalCancelButtonText = vue.computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), vue.mergeProps({
           ref_key: "tooltipRef",
           ref: tooltipRef,
           trigger: "click",
-          effect: "light",
+          effect: "light"
+        }, _ctx.$attrs, {
           "popper-class": `${vue.unref(ns).namespace.value}-popover`,
+          "popper-style": vue.unref(style),
           teleported: _ctx.teleported,
           "fallback-placements": ["bottom", "top", "right", "left"],
           "hide-after": _ctx.hideAfter,
           persistent: _ctx.persistent
-        }, {
+        }), {
           content: vue.withCtx(() => [
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(ns).b())
@@ -34087,7 +34294,7 @@
             _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["popper-class", "teleported", "hide-after", "persistent"]);
+        }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]);
       };
     }
   });
@@ -34156,11 +34363,11 @@
     "after-leave": () => true
   };
 
-  const __default__$s = {
+  const __default__$t = {
     name: "ElPopover"
   };
   const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$t,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -34342,16 +34549,16 @@
     }
   });
 
-  const _hoisted_1$i = ["aria-valuenow"];
+  const _hoisted_1$j = ["aria-valuenow"];
   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__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$s,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -34532,7 +34739,7 @@
               }))
             ])
           ], 6)) : vue.createCommentVNode("v-if", true)
-        ], 10, _hoisted_1$i);
+        ], 10, _hoisted_1$j);
       };
     }
   });
@@ -34629,13 +34836,13 @@
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
-  const _hoisted_1$h = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
+  const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
   const _hoisted_2$c = ["onMousemove", "onClick"];
-  const __default__$q = {
+  const __default__$r = {
     name: "ElRate"
   };
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$r,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -34860,7 +35067,7 @@
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("text"))
           }, vue.toDisplayString(vue.unref(text)), 3)) : vue.createCommentVNode("v-if", true)
-        ], 46, _hoisted_1$h);
+        ], 46, _hoisted_1$i);
       };
     }
   });
@@ -34896,11 +35103,11 @@
     }
   });
 
-  const __default__$p = {
+  const __default__$q = {
     name: "ElResult"
   };
   const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$q,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -34988,11 +35195,11 @@
     }
   });
 
-  const __default__$o = {
+  const __default__$p = {
     name: "ElRow"
   };
   const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$p,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -36294,7 +36501,7 @@
           const _states = vue.unref(states);
           columnIdx = Math.max(0, Math.min(columnIdx, props.totalColumn - 1));
           rowIndex = Math.max(0, Math.min(rowIndex, props.totalRow - 1));
-          const scrollBarWidth = getScrollBarWidth();
+          const scrollBarWidth = getScrollBarWidth(ns.namespace.value);
           const _cache = vue.unref(cache);
           const estimatedHeight = getEstimatedTotalHeight(props, _cache);
           const estimatedWidth = getEstimatedTotalWidth(props, _cache);
@@ -36844,7 +37051,7 @@
       };
     }
   });
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.item.isTitle ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
@@ -36860,7 +37067,7 @@
       }, null, 6)
     ], 6));
   }
-  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$a], ["__file", "group-item.vue"]]);
+  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$9], ["__file", "group-item.vue"]]);
 
   function useOption(props, { emit }) {
     return {
@@ -36994,8 +37201,8 @@
       };
     }
   });
-  const _hoisted_1$g = ["aria-selected"];
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$h = ["aria-selected"];
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
       style: vue.normalizeStyle(_ctx.style),
@@ -37016,9 +37223,9 @@
       }, () => [
         vue.createElementVNode("span", null, vue.toDisplayString(_ctx.item.label), 1)
       ])
-    ], 46, _hoisted_1$g);
+    ], 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";
 
@@ -38020,12 +38227,12 @@
       return API;
     }
   });
-  const _hoisted_1$f = { key: 0 };
+  const _hoisted_1$g = { key: 0 };
   const _hoisted_2$b = ["id", "autocomplete", "aria-expanded", "aria-labelledby", "disabled", "readonly", "name", "unselectable"];
   const _hoisted_3$5 = ["textContent"];
   const _hoisted_4$3 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
   const _hoisted_5$2 = ["textContent"];
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -38035,14 +38242,13 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelectV2.b(), _ctx.nsSelectV2.m(_ctx.selectSize)]),
-      onClick: _cache[24] || (_cache[24] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"])),
-      onMouseenter: _cache[25] || (_cache[25] = ($event) => _ctx.states.comboBoxHovering = true),
-      onMouseleave: _cache[26] || (_cache[26] = ($event) => _ctx.states.comboBoxHovering = false)
+      onClick: _cache[23] || (_cache[23] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"])),
+      onMouseenter: _cache[24] || (_cache[24] = ($event) => _ctx.states.comboBoxHovering = true),
+      onMouseleave: _cache[25] || (_cache[25] = ($event) => _ctx.states.comboBoxHovering = false)
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "popper",
         visible: _ctx.dropdownMenuVisible,
-        "onUpdate:visible": _cache[22] || (_cache[22] = ($event) => _ctx.dropdownMenuVisible = $event),
         teleported: _ctx.teleported,
         "popper-class": [_ctx.nsSelectV2.e("popper"), _ctx.popperClass],
         "gpu-acceleration": false,
@@ -38056,7 +38262,7 @@
         trigger: "click",
         persistent: _ctx.persistent,
         onBeforeShow: _ctx.handleMenuEnter,
-        onHide: _cache[23] || (_cache[23] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
+        onHide: _cache[22] || (_cache[22] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
       }, {
         default: vue.withCtx(() => {
           var _a;
@@ -38071,7 +38277,7 @@
                 _ctx.nsSelectV2.is("disabled", _ctx.selectDisabled)
               ])
             }, [
-              _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+              _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
                 vue.renderSlot(_ctx.$slots, "prefix")
               ])) : vue.createCommentVNode("v-if", true),
               _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -38367,7 +38573,7 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$8], ["__file", "select.vue"]]);
+  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$7], ["__file", "select.vue"]]);
 
   Select.install = (app) => {
     app.component(Select.name, Select);
@@ -38415,11 +38621,11 @@
     }
   });
 
-  const __default__$n = {
+  const __default__$o = {
     name: "ElSkeletonItem"
   };
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$o,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -38434,11 +38640,11 @@
   });
   var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "skeleton-item.vue"]]);
 
-  const __default__$m = {
+  const __default__$n = {
     name: "ElSkeleton"
   };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$n,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -38955,6 +39161,7 @@
       updateDragging(val);
     });
     return {
+      disabled,
       button,
       tooltip,
       tooltipVisible,
@@ -39086,11 +39293,12 @@
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
-  const __default__$l = {
+  const _hoisted_1$f = ["tabindex"];
+  const __default__$m = {
     name: "ElSliderButton"
   };
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$m,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -39109,6 +39317,7 @@
         oldValue: props.modelValue
       });
       const {
+        disabled,
         button,
         tooltip,
         showTooltip,
@@ -39135,20 +39344,19 @@
           ref: button,
           class: vue.normalizeClass([vue.unref(ns).e("button-wrapper"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }]),
           style: vue.normalizeStyle(vue.unref(wrapperStyle)),
-          tabindex: "0",
-          onMouseenter: _cache[1] || (_cache[1] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
-          onMouseleave: _cache[2] || (_cache[2] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
-          onMousedown: _cache[3] || (_cache[3] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
-          onTouchstart: _cache[4] || (_cache[4] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
-          onFocus: _cache[5] || (_cache[5] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
-          onBlur: _cache[6] || (_cache[6] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
-          onKeydown: _cache[7] || (_cache[7] = (...args) => vue.unref(onKeyDown) && vue.unref(onKeyDown)(...args))
+          tabindex: vue.unref(disabled) ? -1 : 0,
+          onMouseenter: _cache[0] || (_cache[0] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
+          onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
+          onMousedown: _cache[2] || (_cache[2] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
+          onTouchstart: _cache[3] || (_cache[3] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
+          onFocus: _cache[4] || (_cache[4] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
+          onBlur: _cache[5] || (_cache[5] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
+          onKeydown: _cache[6] || (_cache[6] = (...args) => vue.unref(onKeyDown) && vue.unref(onKeyDown)(...args))
         }, [
           vue.createVNode(vue.unref(ElTooltip), {
             ref_key: "tooltip",
             ref: tooltip,
             visible: vue.unref(tooltipVisible),
-            "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => vue.isRef(tooltipVisible) ? tooltipVisible.value = $event : null),
             placement: _ctx.placement,
             "fallback-placements": ["top", "bottom", "right", "left"],
             "stop-popper-mouse-event": false,
@@ -39166,7 +39374,7 @@
             ]),
             _: 1
           }, 8, ["visible", "placement", "popper-class", "disabled"])
-        ], 38);
+        ], 46, _hoisted_1$f);
       };
     }
   });
@@ -39196,11 +39404,11 @@
 
   const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
   const _hoisted_2$a = { key: 1 };
-  const __default__$k = {
+  const __default__$l = {
     name: "ElSlider"
   };
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$l,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -39536,37 +39744,45 @@
     props: spaceProps,
     setup(props, { slots }) {
       const { classes, containerStyle, itemStyle } = useSpace(props);
-      return () => {
-        var _a;
-        const { spacer, prefixCls, direction } = props;
-        const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
-        if (((_a = children.children) != null ? _a : []).length === 0)
-          return null;
-        if (isArray(children.children)) {
-          let extractedChildren = [];
-          children.children.forEach((child, loopKey) => {
-            if (isFragment(child)) {
-              if (isArray(child.children)) {
-                child.children.forEach((nested, key) => {
+      function extractChildren(children, parentKey = "", extractedChildren = []) {
+        const { prefixCls } = props;
+        children.forEach((child, loopKey) => {
+          if (isFragment(child)) {
+            if (isArray(child.children)) {
+              child.children.forEach((nested, key) => {
+                if (isFragment(nested) && isArray(nested.children)) {
+                  extractChildren(nested.children, `${parentKey + key}-`, extractedChildren);
+                } else {
                   extractedChildren.push(vue.createVNode(Item, {
                     style: itemStyle.value,
                     prefixCls,
-                    key: `nested-${key}`
+                    key: `nested-${parentKey + key}`
                   }, {
                     default: () => [nested]
                   }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
-                });
-              }
-            } else if (isValidElementNode(child)) {
-              extractedChildren.push(vue.createVNode(Item, {
-                style: itemStyle.value,
-                prefixCls,
-                key: `LoopKey${loopKey}`
-              }, {
-                default: () => [child]
-              }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+                }
+              });
             }
-          });
+          } else if (isValidElementNode(child)) {
+            extractedChildren.push(vue.createVNode(Item, {
+              style: itemStyle.value,
+              prefixCls,
+              key: `LoopKey${parentKey + loopKey}`
+            }, {
+              default: () => [child]
+            }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+          }
+        });
+        return extractedChildren;
+      }
+      return () => {
+        var _a;
+        const { spacer, direction } = props;
+        const children = vue.renderSlot(slots, "default", { key: 0 }, () => []);
+        if (((_a = children.children) != null ? _a : []).length === 0)
+          return null;
+        if (isArray(children.children)) {
+          let extractedChildren = extractChildren(children.children);
           if (spacer) {
             const len = extractedChildren.length - 1;
             extractedChildren = extractedChildren.reduce((acc, child, idx) => {
@@ -39632,11 +39848,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$j = {
+  const __default__$k = {
     name: "ElSteps"
   };
   const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+    ...__default__$k,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -39682,11 +39898,11 @@
     }
   });
 
-  const __default__$i = {
+  const __default__$j = {
     name: "ElStep"
   };
   const _sfc_main$s = vue.defineComponent({
-    ...__default__$i,
+    ...__default__$j,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -39959,11 +40175,11 @@
   const _hoisted_4$2 = ["aria-hidden"];
   const _hoisted_5$1 = ["aria-hidden"];
   const _hoisted_6 = ["aria-hidden"];
-  const __default__$h = {
+  const __default__$i = {
     name: "ElSwitch"
   };
   const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+    ...__default__$i,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
@@ -40498,6 +40714,7 @@
     function showPopper() {
       popperInstance && popperInstance.update();
     }
+    removePopper == null ? void 0 : removePopper();
     removePopper = () => {
       try {
         popperInstance && popperInstance.destroy();
@@ -41916,7 +42133,7 @@
   const _hoisted_1$c = { key: 0 };
   const _hoisted_2$8 = ["disabled"];
   const _hoisted_3$3 = ["label", "onClick"];
-  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
@@ -41928,7 +42145,6 @@
     return vue.openBlock(), vue.createBlock(_component_el_tooltip, {
       ref: "tooltip",
       visible: _ctx.tooltipVisible,
-      "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => _ctx.tooltipVisible = $event),
       offset: 0,
       placement: _ctx.placement,
       "show-arrow": false,
@@ -42030,7 +42246,7 @@
       _: 1
     }, 8, ["visible", "placement", "popper-class"]);
   }
-  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$7], ["__file", "filter-panel.vue"]]);
+  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$6], ["__file", "filter-panel.vue"]]);
 
   function useLayoutObserver(root) {
     const instance = vue.getCurrentInstance();
@@ -42605,7 +42821,7 @@
     const handleMouseLeave = debounce(() => {
       props.store.commit("setHoverRow", null);
     }, 30);
-    const handleCellMouseEnter = (event, row) => {
+    const handleCellMouseEnter = (event, row, tooltipEffect) => {
       var _a;
       const table = parent;
       const cell = getCell(event);
@@ -42630,7 +42846,7 @@
         createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, {
           placement: "top",
           strategy: "fixed"
-        }, row.tooltipEffect);
+        }, tooltipEffect);
       }
     };
     const handleCellMouseLeave = (event) => {
@@ -42849,7 +43065,7 @@
           key: `${patchKey}${baseKey}`,
           rowspan,
           colspan,
-          onMouseenter: ($event) => handleCellMouseEnter($event, { ...row, tooltipEffect }),
+          onMouseenter: ($event) => handleCellMouseEnter($event, row, tooltipEffect),
           onMouseleave: handleCellMouseLeave
         }, [tdChildren]);
       }));
@@ -43014,10 +43230,6 @@
         var _a;
         (_a = removePopper) == null ? void 0 : _a();
       });
-      vue.onUpdated(() => {
-        var _a;
-        (_a = removePopper) == null ? void 0 : _a();
-      });
       return {
         ns,
         onColumnsChange,
@@ -43298,6 +43510,7 @@
     const tableScrollHeight = vue.ref(0);
     const bodyScrollHeight = vue.ref(0);
     const headerScrollHeight = vue.ref(0);
+    const footerScrollHeight = vue.ref(0);
     vue.watchEffect(() => {
       layout.setHeight(props.height);
     });
@@ -43432,11 +43645,11 @@
       }
     };
     const resizeListener = () => {
-      var _a;
-      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,
@@ -43450,18 +43663,19 @@
       if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
         shouldUpdateLayout = true;
       }
-      const tableHeader = table.refs.headerWrapper;
-      if (props.showHeader && tableHeader.offsetHeight !== oldHeaderHeight) {
+      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 = table.refs.tableWrapper.scrollHeight;
-      headerScrollHeight.value = ((_a = table.refs.headerWrapper) == null ? void 0 : _a.scrollHeight) || 0;
-      bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value;
+      tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
+      headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
+      footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.scrollHeight) || 0;
+      bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value;
       if (shouldUpdateLayout) {
         resizeState.value = {
           width,
           height,
-          headerHeight: props.showHeader ? tableHeader.offsetHeight : null
+          headerHeight: props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) || 0
         };
         doLayout();
       }
@@ -43480,7 +43694,7 @@
       if (props.data && props.data.length)
         return null;
       let height = "100%";
-      if (bodyScrollHeight.value) {
+      if (props.height && bodyScrollHeight.value) {
         height = `${bodyScrollHeight.value}px`;
       }
       const width = tableWidth.value;
@@ -43503,7 +43717,7 @@
       return {};
     });
     const scrollbarStyle = vue.computed(() => {
-      var _a;
+      var _a, _b;
       if (props.height) {
         return {
           height: "100%"
@@ -43512,16 +43726,17 @@
       if (props.maxHeight) {
         if (!Number.isNaN(Number(props.maxHeight))) {
           const headerHeight = ((_a = table.refs.headerWrapper) == null ? void 0 : _a.scrollHeight) || 0;
+          const footerHeight = ((_b = table.refs.footerWrapper) == null ? void 0 : _b.scrollHeight) || 0;
           const maxHeight = props.maxHeight;
           const reachMaxHeight = tableScrollHeight.value >= Number(maxHeight);
           if (reachMaxHeight) {
             return {
-              maxHeight: `${tableScrollHeight.value - headerHeight}px`
+              maxHeight: `${tableScrollHeight.value - headerHeight - footerHeight}px`
             };
           }
         } else {
           return {
-            maxHeight: `calc(${props.maxHeight} - ${headerScrollHeight.value}px)`
+            maxHeight: `calc(${props.maxHeight} - ${headerScrollHeight.value + footerScrollHeight.value}px)`
           };
         }
       }
@@ -43567,9 +43782,7 @@
   var defaultProps$1 = {
     data: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     },
     size: String,
     width: [String, Number],
@@ -43811,7 +44024,7 @@
     ref: "hiddenColumns",
     class: "hidden-columns"
   };
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hColgroup = vue.resolveComponent("hColgroup");
     const _component_table_header = vue.resolveComponent("table-header");
     const _component_table_body = vue.resolveComponent("table-body");
@@ -43906,6 +44119,7 @@
                 }, null, 8, ["columns", "table-layout"]),
                 _ctx.showHeader && _ctx.tableLayout === "auto" ? (vue.openBlock(), vue.createBlock(_component_table_header, {
                   key: 0,
+                  ref: "tableHeaderRef",
                   border: _ctx.border,
                   "default-sort": _ctx.defaultSort,
                   store: _ctx.store,
@@ -43976,7 +44190,7 @@
       ])
     ], 46, _hoisted_1$b);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$6], ["__file", "table.vue"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$5], ["__file", "table.vue"]]);
 
   const defaultClassNames = {
     selection: "table-column--selection",
@@ -46657,11 +46871,11 @@
     }
   });
 
-  const __default__$g = {
+  const __default__$h = {
     name: "ElTabBar"
   };
   const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+    ...__default__$h,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47144,11 +47358,11 @@
   });
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$f = {
+  const __default__$g = {
     name: "ElTabPane"
   };
   const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+    ...__default__$g,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -47315,11 +47529,11 @@
     return formatTime(next);
   };
 
-  const __default__$e = {
+  const __default__$f = {
     name: "ElTimeSelect"
   };
   const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+    ...__default__$f,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -47483,11 +47697,11 @@
     }
   });
 
-  const __default__$d = {
+  const __default__$e = {
     name: "ElTimelineItem"
   };
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+    ...__default__$e,
     props: timelineItemProps,
     setup(__props) {
       const ns = useNamespace("timeline-item");
@@ -47686,11 +47900,11 @@
     }
   });
 
-  const __default__$c = {
+  const __default__$d = {
     name: "ElTooltipV2Root"
   };
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+    ...__default__$d,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47759,11 +47973,11 @@
   });
   var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-  const __default__$b = {
+  const __default__$c = {
     name: "ElTooltipV2Arrow"
   };
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+    ...__default__$c,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -47802,11 +48016,11 @@
     }
   });
 
-  const __default__$a = {
+  const __default__$b = {
     name: "ElVisuallyHidden"
   };
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+    ...__default__$b,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -47837,11 +48051,11 @@
   var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$9 = ["data-side"];
-  const __default__$9 = {
+  const __default__$a = {
     name: "ElTooltipV2Content"
   };
   const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+    ...__default__$a,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -47969,11 +48183,11 @@
     }
   });
 
-  const __default__$8 = {
+  const __default__$9 = {
     name: "ElTooltipV2Trigger"
   };
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$9,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -48052,11 +48266,11 @@
   });
   var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-  const __default__$7 = {
+  const __default__$8 = {
     name: "ElTooltipV2"
   };
   const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$8,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -48373,11 +48587,11 @@
     };
   };
 
-  const __default__$6 = {
+  const __default__$7 = {
     name: "ElTransferPanel"
   };
   const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...__default__$7,
     props: transferPanelProps,
     emits: transferPanelEmits,
     setup(__props, { expose, emit }) {
@@ -48490,11 +48704,11 @@
 
   const _hoisted_1$8 = { key: 0 };
   const _hoisted_2$6 = { key: 0 };
-  const __default__$5 = {
+  const __default__$6 = {
     name: "ElTransfer"
   };
   const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+    ...__default__$6,
     props: transferProps,
     emits: transferEmits,
     setup(__props, { expose, emit }) {
@@ -49135,7 +49349,7 @@
     getNode(data) {
       if (data instanceof Node$1)
         return data;
-      const key = typeof data !== "object" ? data : getNodeKey(this.key, data);
+      const key = isObject$1(data) ? getNodeKey(this.key, data) : data;
       return this.nodesMap[key] || null;
     }
     insertBefore(data, refData) {
@@ -49746,7 +49960,7 @@
   });
   const _hoisted_1$7 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
   const _hoisted_2$5 = ["aria-expanded"];
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_loading = vue.resolveComponent("loading");
@@ -49851,7 +50065,7 @@
       [vue.vShow, _ctx.node.visible]
     ]);
   }
-  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$5], ["__file", "tree-node.vue"]]);
+  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$4], ["__file", "tree-node.vue"]]);
 
   function useKeydown({ el$ }, store) {
     const ns = useNamespace("tree");
@@ -49859,10 +50073,6 @@
     const checkboxItems = vue.shallowRef([]);
     vue.onMounted(() => {
       initTabIndex();
-      on$1(el$.value, "keydown", handleKeydown);
-    });
-    vue.onBeforeUnmount(() => {
-      off(el$.value, "keydown", handleKeydown);
     });
     vue.onUpdated(() => {
       treeItems.value = Array.from(el$.value.querySelectorAll("[role=treeitem]"));
@@ -49926,6 +50136,7 @@
         hasInput.click();
       }
     };
+    useEventListener(el$, "keydown", handleKeydown);
     const initTabIndex = () => {
       var _a;
       treeItems.value = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
@@ -50203,7 +50414,7 @@
       };
     }
   });
-  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -50245,7 +50456,7 @@
       ])
     ], 2);
   }
-  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$4], ["__file", "tree.vue"]]);
+  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$3], ["__file", "tree.vue"]]);
 
   Tree.install = (app) => {
     app.component(Tree.name, Tree);
@@ -51020,9 +51231,9 @@
     function toggleExpand(node) {
       const expandedKeys = expandedKeySet.value;
       if (expandedKeys.has(node.key)) {
-        collapse(node);
+        collapseNode(node);
       } else {
-        expand(node);
+        expandNode(node);
       }
     }
     function handleNodeClick(node, e) {
@@ -51044,9 +51255,9 @@
     function handleNodeCheck(node, checked) {
       toggleCheckbox(node, checked);
     }
-    function expand(node) {
+    function expandNode(node) {
       const keySet = expandedKeySet.value;
-      if ((tree == null ? void 0 : tree.value) && props.accordion) {
+      if (tree.value && props.accordion) {
         const { treeNodeMap } = tree.value;
         keySet.forEach((key) => {
           const node2 = treeNodeMap.get(key);
@@ -51058,7 +51269,7 @@
       keySet.add(node.key);
       emit(NODE_EXPAND, node.data, node);
     }
-    function collapse(node) {
+    function collapseNode(node) {
       expandedKeySet.value.delete(node.key);
       emit(NODE_COLLAPSE, node.data, node);
     }
@@ -51076,7 +51287,7 @@
       var _a, _b;
       if (!currentKey.value)
         return void 0;
-      return (_b = (_a = tree == null ? void 0 : tree.value) == null ? void 0 : _a.treeNodeMap.get(currentKey.value)) == null ? void 0 : _b.data;
+      return (_b = (_a = tree.value) == null ? void 0 : _a.treeNodeMap.get(currentKey.value)) == null ? void 0 : _b.data;
     }
     function getCurrentKey() {
       return currentKey.value;
@@ -51087,6 +51298,11 @@
     function setData(data) {
       vue.nextTick(() => tree.value = createTree(data));
     }
+    function getNode(data) {
+      var _a;
+      const key = isObject$1(data) ? getKey(data) : data;
+      return (_a = tree.value) == null ? void 0 : _a.treeNodeMap.get(key);
+    }
     return {
       tree,
       flattenTree,
@@ -51113,7 +51329,10 @@
       setChecked,
       setCheckedKeys,
       filter,
-      setData
+      setData,
+      getNode,
+      expandNode,
+      collapseNode
     };
   }
 
@@ -51182,7 +51401,7 @@
     }
   });
   const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     var _a, _b, _c;
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
@@ -51239,7 +51458,7 @@
       ], 6)
     ], 42, _hoisted_1$6);
   }
-  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__file", "tree-node.vue"]]);
+  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
 
   const _sfc_main$7 = vue.defineComponent({
     name: "ElTreeV2",
@@ -51281,7 +51500,10 @@
         setChecked,
         setCheckedKeys,
         filter,
-        setData
+        setData,
+        getNode,
+        expandNode,
+        collapseNode
       } = useTree(props, ctx.emit);
       ctx.expose({
         getCurrentNode,
@@ -51294,7 +51516,10 @@
         setChecked,
         setCheckedKeys,
         filter,
-        setData
+        setData,
+        getNode,
+        expandNode,
+        collapseNode
       });
       return {
         t,
@@ -51315,7 +51540,7 @@
       };
     }
   });
-  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     const _component_fixed_size_list = vue.resolveComponent("fixed-size-list");
@@ -51360,7 +51585,7 @@
       ], 2))
     ], 2);
   }
-  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2], ["__file", "tree.vue"]]);
+  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
 
   const ElTreeV2 = withInstall(TreeV2);
 
@@ -51576,11 +51801,11 @@
   const _hoisted_3$2 = ["onClick"];
   const _hoisted_4$1 = ["onClick"];
   const _hoisted_5 = ["onClick"];
-  const __default__$4 = {
+  const __default__$5 = {
     name: "ElUploadList"
   };
   const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+    ...__default__$5,
     props: uploadListProps,
     emits: uploadListEmits,
     setup(__props, { emit }) {
@@ -51749,11 +51974,11 @@
   };
 
   const _hoisted_1$4 = ["onDrop", "onDragover"];
-  const __default__$3 = {
+  const __default__$4 = {
     name: "ElUploadDrag"
   };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+    ...__default__$4,
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
@@ -51846,12 +52071,12 @@
 
   const _hoisted_1$3 = ["onKeydown"];
   const _hoisted_2$3 = ["name", "multiple", "accept"];
-  const __default__$2 = {
+  const __default__$3 = {
     name: "ElUploadContent",
     inheritAttrs: false
   };
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+    ...__default__$3,
     props: uploadContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -52132,11 +52357,11 @@
     };
   };
 
-  const __default__$1 = {
+  const __default__$2 = {
     name: "ElUpload"
   };
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+    ...__default__$2,
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -52852,11 +53077,11 @@
 
   const _hoisted_1$2 = ["id"];
   const _hoisted_2$2 = ["innerHTML"];
-  const __default__ = {
+  const __default__$1 = {
     name: "ElMessage"
   };
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+    ...__default__$1,
     props: messageProps,
     emits: messageEmits,
     setup(__props, { expose }) {
@@ -53245,12 +53470,12 @@
       vue.onMounted(async () => {
         await vue.nextTick();
         if (props.closeOnHashChange) {
-          on$1(window, "hashchange", doClose);
+          window.addEventListener("hashchange", doClose);
         }
       });
       vue.onBeforeUnmount(() => {
         if (props.closeOnHashChange) {
-          off(window, "hashchange", doClose);
+          window.removeEventListener("hashchange", doClose);
         }
       });
       function doClose() {
@@ -53359,7 +53584,7 @@
   const _hoisted_1$1 = ["aria-label", "aria-describedby"];
   const _hoisted_2$1 = ["aria-label"];
   const _hoisted_3$1 = ["id"];
-  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_close = vue.resolveComponent("close");
     const _component_el_input = vue.resolveComponent("el-input");
@@ -53557,7 +53782,7 @@
       _: 3
     });
   }
-  var MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "index.vue"]]);
+  var MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "index.vue"]]);
 
   const messageInstance = /* @__PURE__ */ new Map();
   const initInstance = (props, container, appContext = null) => {
@@ -53757,16 +53982,21 @@
     destroy: () => true
   };
 
-  const _sfc_main = vue.defineComponent({
-    name: "ElNotification",
-    components: {
-      ElIcon,
-      ...TypeComponents
-    },
+  const _hoisted_1 = ["id"];
+  const _hoisted_2 = ["textContent"];
+  const _hoisted_3 = { key: 0 };
+  const _hoisted_4 = ["innerHTML"];
+  const __default__ = {
+    name: "ElNotification"
+  };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
     props: notificationProps,
     emits: notificationEmits,
-    setup(props) {
+    setup(__props, { expose }) {
+      const props = __props;
       const ns = useNamespace("notification");
+      const { Close } = CloseComponents;
       const visible = vue.ref(false);
       let timer = void 0;
       const typeClass = vue.computed(() => {
@@ -53774,7 +54004,9 @@
         return type && TypeComponentsMap[props.type] ? ns.m(type) : "";
       });
       const iconComponent = vue.computed(() => {
-        return TypeComponentsMap[props.type] || props.icon || "";
+        if (!props.type)
+          return "";
+        return TypeComponentsMap[props.type] || props.icon;
       });
       const horizontalClass = vue.computed(() => props.position.endsWith("right") ? "right" : "left");
       const verticalProperty = vue.computed(() => props.position.startsWith("top") ? "top" : "bottom");
@@ -53814,91 +54046,77 @@
         visible.value = true;
       });
       useEventListener(document, "keydown", onKeydown);
-      return {
-        ns,
-        horizontalClass,
-        typeClass,
-        iconComponent,
-        positionStyle,
+      expose({
         visible,
-        close,
-        clearTimer,
-        startTimer
+        close
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Transition, {
+          name: vue.unref(ns).b("fade"),
+          onBeforeLeave: _ctx.onClose,
+          onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy")),
+          persisted: ""
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              id: _ctx.id,
+              class: vue.normalizeClass([vue.unref(ns).b(), _ctx.customClass, vue.unref(horizontalClass)]),
+              style: vue.normalizeStyle(vue.unref(positionStyle)),
+              role: "alert",
+              onMouseenter: clearTimer,
+              onMouseleave: startTimer,
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+            }, [
+              vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 0,
+                class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(typeClass)])
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("group"))
+              }, [
+                vue.createElementVNode("h2", {
+                  class: vue.normalizeClass(vue.unref(ns).e("title")),
+                  textContent: vue.toDisplayString(_ctx.title)
+                }, null, 10, _hoisted_2),
+                vue.withDirectives(vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("content")),
+                  style: vue.normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                    !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                      vue.createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
+                    ], 2112))
+                  ])
+                ], 6), [
+                  [vue.vShow, _ctx.message]
+                ]),
+                _ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 0,
+                  class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
+                  onClick: vue.withModifiers(close, ["stop"])
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(Close))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+              ], 2)
+            ], 46, _hoisted_1), [
+              [vue.vShow, visible.value]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name", "onBeforeLeave"]);
       };
     }
   });
-  const _hoisted_1 = ["id"];
-  const _hoisted_2 = ["textContent"];
-  const _hoisted_3 = { key: 0 };
-  const _hoisted_4 = ["innerHTML"];
-  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_close = vue.resolveComponent("close");
-    return vue.openBlock(), vue.createBlock(vue.Transition, {
-      name: _ctx.ns.b("fade"),
-      onBeforeLeave: _ctx.onClose,
-      onAfterLeave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("destroy")),
-      persisted: ""
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createElementVNode("div", {
-          id: _ctx.id,
-          class: vue.normalizeClass([_ctx.ns.b(), _ctx.customClass, _ctx.horizontalClass]),
-          style: vue.normalizeStyle(_ctx.positionStyle),
-          role: "alert",
-          onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
-          onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args)),
-          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-        }, [
-          _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 0,
-            class: vue.normalizeClass([_ctx.ns.e("icon"), _ctx.typeClass])
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(_ctx.ns.e("group"))
-          }, [
-            vue.createElementVNode("h2", {
-              class: vue.normalizeClass(_ctx.ns.e("title")),
-              textContent: vue.toDisplayString(_ctx.title)
-            }, null, 10, _hoisted_2),
-            vue.withDirectives(vue.createElementVNode("div", {
-              class: vue.normalizeClass(_ctx.ns.e("content")),
-              style: vue.normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
-            }, [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  vue.createCommentVNode(" Caution here, message could've been compromized, nerver use user's input as message "),
-                  vue.createCommentVNode(" eslint-disable-next-line "),
-                  vue.createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
-                ], 2112))
-              ])
-            ], 6), [
-              [vue.vShow, _ctx.message]
-            ]),
-            _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-              key: 0,
-              class: vue.normalizeClass(_ctx.ns.e("closeBtn")),
-              onClick: vue.withModifiers(_ctx.close, ["stop"])
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_close)
-              ]),
-              _: 1
-            }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-          ], 2)
-        ], 46, _hoisted_1), [
-          [vue.vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onBeforeLeave"]);
-  }
-  var NotificationConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "notification.vue"]]);
+  var NotificationConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "notification.vue"]]);
 
   const notifications = {
     "top-left": [],
@@ -53925,9 +54143,9 @@
     const id = `notification_${seed++}`;
     const userOnClose = options.onClose;
     const props = {
+      ...options,
       zIndex: nextZIndex(),
       offset: verticalOffset,
-      ...options,
       id,
       onClose: () => {
         close(id, position, userOnClose);