element-plus 2.2.9 → 2.2.12

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.9 */
+/*! Element Plus v2.2.12 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4448,7 +4448,7 @@
     return pickBy(object, negate(baseIteratee(predicate)));
   }
 
-  function once$1(func) {
+  function once(func) {
     return before(2, func);
   }
 
@@ -6002,7 +6002,7 @@
     flip,
     memoize,
     negate,
-    once: once$1,
+    once,
     overArgs,
     partial,
     partialRight,
@@ -6878,25 +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 once = (el, event, fn) => {
-    const listener = function(...args) {
-      if (fn) {
-        fn.apply(this, args);
-      }
-      off(el, event, listener);
-    };
-    on$1(el, event, listener);
-  };
   const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
     const handleEvent = (event) => {
       const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
@@ -7424,36 +7405,6 @@
     };
   };
 
-  const resizeHandler = function(entries) {
-    for (const entry of entries) {
-      const listeners = entry.target.__resizeListeners__ || [];
-      if (listeners.length) {
-        listeners.forEach((fn) => {
-          fn();
-        });
-      }
-    }
-  };
-  const addResizeListener = function(element, fn) {
-    if (!isClient || !element)
-      return;
-    if (!element.__resizeListeners__) {
-      element.__resizeListeners__ = [];
-      element.__ro__ = new ResizeObserver(resizeHandler);
-      element.__ro__.observe(element);
-    }
-    element.__resizeListeners__.push(fn);
-  };
-  const removeResizeListener = function(element, fn) {
-    var _a;
-    if (!element || !element.__resizeListeners__)
-      return;
-    element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-    if (!element.__resizeListeners__.length) {
-      (_a = element.__ro__) == null ? void 0 : _a.disconnect();
-    }
-  };
-
   const NOOP = () => {
   };
   const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -7594,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";
@@ -9126,11 +9077,289 @@
     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;
@@ -9138,7 +9367,7 @@
     let bodyPaddingRight = "0";
     let computedBodyPaddingRight = 0;
     const cleanup = () => {
-      removeClass(document.body, "el-popup-parent--hidden");
+      removeClass(document.body, hiddenCls.value);
       if (withoutHiddenClass) {
         document.body.style.paddingRight = bodyPaddingRight;
       }
@@ -9148,18 +9377,18 @@
         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);
       }
-      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`;
       }
-      addClass(document.body, "el-popup-parent--hidden");
+      addClass(document.body, hiddenCls.value);
     });
     vue.onScopeDispose(() => cleanup());
   };
@@ -9298,7 +9527,8 @@
       return {
         hide,
         show,
-        toggle
+        toggle,
+        hasUpdateHandler
       };
     };
     return {
@@ -9497,13 +9727,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);
@@ -9634,68 +9864,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);
@@ -10734,7 +10902,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "2.2.9";
+  const version$1 = "2.2.12";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10783,11 +10951,11 @@
     return target;
   };
 
-  const __default__$1n = {
+  const __default__$1p = {
     name: "ElAffix"
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1p,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -10902,12 +11070,12 @@
     }
   });
 
-  const __default__$1m = {
+  const __default__$1o = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1o,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -10969,11 +11137,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1l = {
+  const __default__$1n = {
     name: "ElAlert"
   };
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1n,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11238,15 +11406,15 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const _hoisted_1$12 = ["role"];
-  const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-  const _hoisted_3$o = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const __default__$1k = {
+  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 = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1m,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -11562,7 +11730,7 @@
                 onBlur: handleBlur,
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, _hoisted_2$H),
+              }), null, 16, _hoisted_2$G),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -11658,14 +11826,14 @@
               onBlur: handleBlur,
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$o),
+            }), null, 16, _hoisted_3$m),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
               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"]
         ]);
       };
@@ -11940,11 +12108,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1j = {
+  const __default__$1l = {
     name: "ElScrollbar"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1l,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12036,7 +12204,9 @@
       }));
       vue.onMounted(() => {
         if (!props.native)
-          vue.nextTick(() => update());
+          vue.nextTick(() => {
+            update();
+          });
       });
       vue.onUpdated(() => update());
       expose({
@@ -12105,12 +12275,12 @@
     }
   });
 
-  const __default__$1i = {
+  const __default__$1k = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1k,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12142,12 +12312,12 @@
     }
   });
 
-  const __default__$1h = {
+  const __default__$1j = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1j,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12244,12 +12414,12 @@
     open: Boolean
   });
 
-  const __default__$1g = {
+  const __default__$1i = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1i,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12349,7 +12519,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 = [];
@@ -12651,10 +12821,10 @@
       };
     }
   });
-  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$F(_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$H], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$F], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -12811,11 +12981,11 @@
     }
   }
 
-  const __default__$1f = {
+  const __default__$1h = {
     name: "ElPopperContent"
   };
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1h,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -12889,13 +13059,13 @@
       const onFocusInTrap = (event) => {
         var _a;
         if (props.visible && !trapped.value) {
-          if (event.relatedTarget) {
-            (_a = event.relatedTarget) == null ? void 0 : _a.focus();
-          }
           if (event.target) {
             focusStartRef.value = event.target;
           }
           trapped.value = true;
+          if (event.relatedTarget) {
+            (_a = event.relatedTarget) == null ? void 0 : _a.focus();
+          }
         }
       };
       const onFocusoutPrevented = () => {
@@ -13186,7 +13356,7 @@
       };
     }
   });
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_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,
@@ -13241,7 +13411,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$G], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$E], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13306,7 +13476,7 @@
       };
     }
   });
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_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,
@@ -13328,7 +13498,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$F], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$D], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$21 = vue.defineComponent({
@@ -13378,7 +13548,7 @@
       };
       const open = vue.ref(false);
       const toggleReason = vue.ref(void 0);
-      const { show, hide } = useModelToggle({
+      const { show, hide, hasUpdateHandler } = useModelToggle({
         indicator: open,
         toggleReason
       });
@@ -13388,7 +13558,7 @@
         open: show,
         close: hide
       });
-      const controlled = vue.computed(() => isBoolean(props.visible));
+      const controlled = vue.computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
       vue.provide(TOOLTIP_INJECTION_KEY, {
         controlled,
         id,
@@ -13446,9 +13616,9 @@
       };
     }
   });
-  const _hoisted_1$11 = ["innerHTML"];
-  const _hoisted_2$G = { key: 1 };
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$12 = ["innerHTML"];
+  const _hoisted_2$F = { key: 1 };
+  function _sfc_render$C(_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");
@@ -13504,7 +13674,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$G, 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,
@@ -13517,7 +13687,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$E], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$C], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -13589,15 +13759,15 @@
     select: (item) => isObject$1(item)
   };
 
-  const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
-  const _hoisted_2$F = { key: 0 };
-  const _hoisted_3$n = ["id", "aria-selected", "onClick"];
-  const __default__$1e = {
+  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 = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1g,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -13831,7 +14001,7 @@
                 role: "listbox"
               }, {
                 default: vue.withCtx(() => [
-                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$F, [
+                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$E, [
                     vue.createVNode(vue.unref(ElIcon), {
                       class: vue.normalizeClass(vue.unref(ns).is("loading"))
                     }, {
@@ -13852,7 +14022,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$n);
+                    ], 10, _hoisted_3$l);
                   }), 128))
                 ]),
                 _: 3
@@ -13914,7 +14084,7 @@
                   ])
                 } : void 0
               ]), 1040, ["model-value", "onKeydown"])
-            ], 14, _hoisted_1$10)
+            ], 14, _hoisted_1$11)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -13955,12 +14125,12 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$$ = ["src", "alt", "srcset"];
-  const __default__$1d = {
+  const _hoisted_1$10 = ["src", "alt", "srcset"];
+  const __default__$1f = {
     name: "ElAvatar"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1f,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14004,7 +14174,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)))
             ]),
@@ -14040,12 +14210,12 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$_ = ["onClick"];
-  const __default__$1c = {
+  const _hoisted_1$$ = ["onClick"];
+  const __default__$1e = {
     name: "ElBacktop"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1e,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14120,7 +14290,7 @@
                   _: 1
                 }, 8, ["class"])
               ])
-            ], 14, _hoisted_1$_)) : vue.createCommentVNode("v-if", true)
+            ], 14, _hoisted_1$$)) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 8, ["name"]);
@@ -14149,12 +14319,12 @@
     }
   });
 
-  const _hoisted_1$Z = ["textContent"];
-  const __default__$1b = {
+  const _hoisted_1$_ = ["textContent"];
+  const __default__$1d = {
     name: "ElBadge"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1d,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14188,7 +14358,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)]
               ])
             ]),
@@ -14213,11 +14383,11 @@
     }
   });
 
-  const __default__$1a = {
+  const __default__$1c = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1c,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14256,11 +14426,11 @@
     }
   });
 
-  const __default__$19 = {
+  const __default__$1b = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1b,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15290,12 +15460,12 @@
     });
   }
 
-  const _hoisted_1$Y = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$18 = {
+  const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
+  const __default__$1a = {
     name: "ElButton"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$1a,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15392,7 +15562,7 @@
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$Y);
+        ], 14, _hoisted_1$Z);
       };
     }
   });
@@ -15403,11 +15573,11 @@
     type: buttonProps.type
   };
 
-  const __default__$17 = {
+  const __default__$19 = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$19,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16057,13 +16227,13 @@
     unlinkPanels: Boolean
   });
 
-  const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$16 = {
+  const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const __default__$18 = {
     name: "Picker"
   };
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$18,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -16491,7 +16661,6 @@
           ref_key: "refPopper",
           ref: refPopper,
           visible: pickerVisible.value,
-          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => pickerVisible.value = $event),
           effect: "light",
           pure: "",
           trigger: "click"
@@ -16544,14 +16713,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), {
@@ -16582,7 +16751,6 @@
               ]),
               style: vue.normalizeStyle(_ctx.$attrs.style),
               onClick: handleFocusInput,
-              onMousedown: onMouseDownInput,
               onMouseenter: onMouseEnter,
               onMouseleave: onMouseLeave,
               onTouchstart: onTouchStartInput,
@@ -16591,14 +16759,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",
@@ -16608,11 +16776,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"))
@@ -16627,11 +16796,12 @@
                 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,
                 onChange: handleEndChange
-              }, null, 42, _hoisted_2$E),
+              }, null, 42, _hoisted_2$D),
               _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 1,
                 class: vue.normalizeClass([
@@ -16847,25 +17017,28 @@
     }
   };
 
-  var vRepeatClick = {
+  const RepeatClick = {
     beforeMount(el, binding) {
       let interval = null;
-      let startTime;
+      let isHandlerCalled = false;
       const handler = () => binding.value && binding.value();
       const clear = () => {
-        if (Date.now() - startTime < 100) {
-          handler();
-        }
         clearInterval(interval);
         interval = null;
+        if (!isHandlerCalled) {
+          handler();
+        }
+        isHandlerCalled = false;
       };
-      on$1(el, "mousedown", (e) => {
+      el.addEventListener("mousedown", (e) => {
         if (e.button !== 0)
           return;
-        startTime = Date.now();
-        once(document, "mouseup", clear);
+        document.addEventListener("mouseup", clear, { once: true });
         clearInterval(interval);
-        interval = setInterval(handler, 100);
+        interval = setInterval(() => {
+          isHandlerCalled = true;
+          handler();
+        }, 100);
       });
     }
   };
@@ -16902,7 +17075,7 @@
       el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements$1(el);
       FOCUS_STACK.push(el);
       if (FOCUS_STACK.length <= 1) {
-        on$1(document, "keydown", FOCUS_HANDLER);
+        document.addEventListener("keydown", FOCUS_HANDLER);
       }
     },
     updated(el) {
@@ -16913,12 +17086,12 @@
     unmounted() {
       FOCUS_STACK.shift();
       if (FOCUS_STACK.length === 0) {
-        off(document, "keydown", FOCUS_HANDLER);
+        document.removeEventListener("keydown", FOCUS_HANDLER);
       }
     }
   };
 
-  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`,
@@ -16936,7 +17109,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 });
@@ -16948,19 +17121,6 @@
     }
   };
 
-  const Resize = {
-    beforeMount(el, binding) {
-      el._handleResize = () => {
-        var _a;
-        el && ((_a = binding.value) == null ? void 0 : _a.call(binding, el));
-      };
-      addResizeListener(el, el._handleResize);
-    },
-    beforeUnmount(el) {
-      removeResizeListener(el, el._handleResize);
-    }
-  };
-
   const basicTimeSpinnerProps = buildProps({
     role: {
       type: String,
@@ -16982,8 +17142,8 @@
     ...disabledTimeListsProps
   });
 
-  const _hoisted_1$W = ["onClick"];
-  const _hoisted_2$D = ["onMouseenter"];
+  const _hoisted_1$X = ["onClick"];
+  const _hoisted_2$C = ["onMouseenter"];
   const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
@@ -17198,7 +17358,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
@@ -17218,7 +17378,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])), [
-                [vue.unref(vRepeatClick), onDecrement]
+                [vue.unref(RepeatClick), onDecrement]
               ]),
               vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 class: vue.normalizeClass(["arrow-down", vue.unref(ns).be("spinner", "arrow")])
@@ -17228,7 +17388,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])), [
-                [vue.unref(vRepeatClick), onIncrement]
+                [vue.unref(RepeatClick), onIncrement]
               ]),
               vue.createElementVNode("ul", {
                 class: vue.normalizeClass(vue.unref(ns).be("spinner", "list"))
@@ -17252,7 +17412,7 @@
                   ], 2);
                 }), 128))
               ], 2)
-            ], 42, _hoisted_2$D);
+            ], 42, _hoisted_2$C);
           }), 128)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
@@ -17421,7 +17581,7 @@
     }
   });
 
-  const _hoisted_1$V = ["disabled"];
+  const _hoisted_1$W = ["disabled"];
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
@@ -17682,7 +17842,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);
       };
@@ -17769,13 +17929,13 @@
     pick: (value) => isObject$1(value)
   };
 
-  const _hoisted_1$U = { key: 0 };
-  const _hoisted_2$C = ["onClick"];
-  const __default__$15 = {
+  const _hoisted_1$V = { key: 0 };
+  const _hoisted_2$B = ["onClick"];
+  const __default__$17 = {
     name: "DateTable"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$17,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -17875,7 +18035,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))
@@ -17904,7 +18064,7 @@
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
                       ])
                     ], 2)
-                  ], 10, _hoisted_2$C);
+                  ], 10, _hoisted_2$B);
                 }), 128))
               ], 2);
             }), 128))
@@ -17930,11 +18090,11 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$14 = {
+  const __default__$16 = {
     name: "ElCalendar"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$16,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18165,11 +18325,11 @@
     }
   });
 
-  const __default__$13 = {
+  const __default__$15 = {
     name: "ElCard"
   };
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$15,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18258,14 +18418,14 @@
     change: (current, prev) => [current, prev].every(isNumber)
   };
 
-  const _hoisted_1$T = ["onMouseenter", "onMouseleave"];
-  const _hoisted_2$B = ["onMouseenter", "onClick"];
-  const _hoisted_3$m = { key: 0 };
-  const __default__$12 = {
+  const _hoisted_1$U = ["onMouseenter", "onMouseleave"];
+  const _hoisted_2$A = ["onMouseenter", "onClick"];
+  const _hoisted_3$k = { key: 0 };
+  const __default__$14 = {
     name: "ElCarousel"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$14,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -18347,6 +18507,7 @@
         if (oldIndex === activeIndex.value) {
           resetItemPosition(oldIndex);
         }
+        resetTimer();
       }
       function resetItemPosition(oldIndex) {
         items.value.forEach((item, index) => {
@@ -18424,6 +18585,10 @@
       function next() {
         setActiveItem(activeIndex.value + 1);
       }
+      function resetTimer() {
+        pauseTimer();
+        startTimer();
+      }
       vue.watch(() => activeIndex.value, (current, prev2) => {
         resetItemPosition(prev2);
         if (prev2 > -1) {
@@ -18436,6 +18601,9 @@
       vue.watch(() => props.loop, () => {
         setActiveItem(activeIndex.value);
       });
+      vue.watch(() => props.interval, () => {
+        resetTimer();
+      });
       const resizeObserver = vue.shallowRef();
       vue.onMounted(async () => {
         await vue.nextTick();
@@ -18555,12 +18723,12 @@
                 vue.createElementVNode("button", {
                   class: vue.normalizeClass(vue.unref(ns).e("button"))
                 }, [
-                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
+                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$k, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
                 ], 2)
-              ], 42, _hoisted_2$B);
+              ], 42, _hoisted_2$A);
             }), 128))
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 42, _hoisted_1$T);
+        ], 42, _hoisted_1$U);
       };
     }
   });
@@ -18574,11 +18742,11 @@
     }
   });
 
-  const __default__$11 = {
+  const __default__$13 = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$13,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -19001,14 +19169,14 @@
     };
   };
 
-  const _hoisted_1$S = ["tabindex", "role", "aria-checked"];
-  const _hoisted_2$A = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_3$l = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-  const __default__$10 = {
+  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 = {
     name: "ElCheckbox"
   };
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$12,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19067,7 +19235,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_2$A)), [
+              }, null, 42, _hoisted_2$z)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 1,
@@ -19083,13 +19251,13 @@
                 onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
                 onFocus: _cache[6] || (_cache[6] = ($event) => focus.value = true),
                 onBlur: _cache[7] || (_cache[7] = ($event) => focus.value = false)
-              }, null, 42, _hoisted_3$l)), [
+              }, null, 42, _hoisted_3$j)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]),
               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"))
@@ -19107,13 +19275,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_2$z = ["name", "tabindex", "disabled", "value"];
-  const __default__$$ = {
+  const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
+  const __default__$11 = {
     name: "ElCheckboxButton"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$11,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19155,7 +19323,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,
@@ -19169,7 +19337,7 @@
             onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
             onFocus: _cache[6] || (_cache[6] = ($event) => focus.value = true),
             onBlur: _cache[7] || (_cache[7] = ($event) => focus.value = false)
-          }, null, 42, _hoisted_2$z)), [
+          }, null, 42, _hoisted_2$y)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]),
           _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -19187,11 +19355,11 @@
   });
   var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-button.vue"]]);
 
-  const __default__$_ = {
+  const __default__$10 = {
     name: "ElCheckboxGroup"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$10,
     props: useCheckboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19218,8 +19386,8 @@
       });
       vue.provide("CheckboxGroup", {
         name: "ElCheckboxGroup",
-        modelValue,
         ...vue.toRefs(props),
+        modelValue,
         checkboxGroupSize,
         changeEvent
       });
@@ -19314,12 +19482,12 @@
     };
   };
 
-  const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$Z = {
+  const _hoisted_1$R = ["value", "name", "disabled"];
+  const __default__$$ = {
     name: "ElRadio"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$$,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19360,7 +19528,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", {
@@ -19390,12 +19558,12 @@
     }
   });
 
-  const _hoisted_1$P = ["value", "name", "disabled"];
-  const __default__$Y = {
+  const _hoisted_1$Q = ["value", "name", "disabled"];
+  const __default__$_ = {
     name: "ElRadioButton"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$_,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19431,7 +19599,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", {
@@ -19484,12 +19652,12 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const _hoisted_1$O = ["id", "aria-label", "aria-labelledby"];
-  const __default__$X = {
+  const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
+  const __default__$Z = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Z,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19536,7 +19704,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);
       };
     }
   });
@@ -19688,9 +19856,9 @@
       };
     }
   });
-  const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-  const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  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) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -19737,7 +19905,7 @@
       }, {
         default: vue.withCtx(() => [
           vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-          _hoisted_2$y
+          _hoisted_2$x
         ]),
         _: 1
       }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -19771,9 +19939,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$D], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$B], ["__file", "node.vue"]]);
 
   const _sfc_main$1E = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -19853,7 +20021,7 @@
       };
     }
   });
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_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");
@@ -19906,7 +20074,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$C], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$A], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -20277,7 +20445,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;
         }
       };
@@ -20381,7 +20549,7 @@
       };
     }
   });
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_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)]),
@@ -20398,7 +20566,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$B], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$z], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -20436,11 +20604,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$W = {
+  const __default__$Y = {
     name: "ElTag"
   };
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$Y,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20967,11 +21135,10 @@
       };
     }
   });
-  const _hoisted_1$M = { key: 0 };
-  const _hoisted_2$x = { class: "el-cascader__collapse-tags" };
-  const _hoisted_3$k = ["placeholder"];
-  const _hoisted_4$d = ["onClick"];
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  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) {
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -20985,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,
@@ -21080,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,
@@ -21092,11 +21258,13 @@
                       vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
                     ]),
                     content: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_2$x, [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tags"))
+                      }, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.allPresentTags, (tag2, idx) => {
                           return vue.openBlock(), vue.createElementBlock("div", {
                             key: idx,
-                            class: "el-cascader__collapse-tag"
+                            class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tag"))
                           }, [
                             (vue.openBlock(), vue.createBlock(_component_el_tag, {
                               key: tag2.key,
@@ -21113,9 +21281,9 @@
                               ]),
                               _: 2
                             }, 1032, ["type", "size", "hit", "closable", "onClose"]))
-                          ]);
+                          ], 2);
                         }), 128))
-                      ])
+                      ], 2)
                     ]),
                     _: 2
                   }, 1032, ["disabled"]))
@@ -21135,7 +21303,7 @@
               onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-            }, null, 42, _hoisted_3$k)), [
+            }, null, 42, _hoisted_2$w)), [
               [vue.vModelText, _ctx.searchInputValue]
             ]) : vue.createCommentVNode("v-if", true)
           ], 2)) : vue.createCommentVNode("v-if", true)
@@ -21183,7 +21351,7 @@
                   ]),
                   _: 1
                 })) : vue.createCommentVNode("v-if", true)
-              ], 10, _hoisted_4$d);
+              ], 10, _hoisted_3$i);
             }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
               vue.createElementVNode("li", {
                 class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -21198,7 +21366,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$A], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$y], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21217,11 +21385,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$V = {
+  const __default__$X = {
     name: "ElCheckTag"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$X,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21289,11 +21457,11 @@
     }
   });
 
-  const __default__$U = {
+  const __default__$W = {
     name: "ElCol"
   };
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$W,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21363,11 +21531,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$T = {
+  const __default__$V = {
     name: "ElCollapse"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$V,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21418,11 +21586,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-  const __default__$S = {
+  const __default__$U = {
     name: "ElCollapseTransition"
   };
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$U,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21507,14 +21675,14 @@
     disabled: Boolean
   });
 
-  const _hoisted_1$L = ["aria-expanded", "aria-controls", "aria-describedby"];
-  const _hoisted_2$w = ["id", "tabindex", "onKeypress"];
-  const _hoisted_3$j = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$R = {
+  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 = {
     name: "ElCollapseItem"
   };
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$T,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -21585,8 +21753,8 @@
                 ]),
                 _: 1
               }, 8, ["class"])
-            ], 42, _hoisted_2$w)
-          ], 8, _hoisted_1$L),
+            ], 42, _hoisted_2$v)
+          ], 8, _hoisted_1$M),
           vue.createVNode(vue.unref(_CollapseTransition), null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.createElementVNode("div", {
@@ -21601,7 +21769,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_3$j), [
+              ], 10, _hoisted_3$h), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -21628,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;
@@ -21644,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({
@@ -21668,6 +21836,7 @@
       }
     },
     setup(props) {
+      const ns = useNamespace("color-alpha-slider");
       const instance = vue.getCurrentInstance();
       const thumb = vue.shallowRef(null);
       const bar = vue.shallowRef(null);
@@ -21752,33 +21921,34 @@
         thumbTop,
         background,
         handleClick,
-        update
+        update,
+        ns
       };
     }
   });
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
+      class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
       vue.createElementVNode("div", {
         ref: "bar",
-        class: "el-color-alpha-slider__bar",
+        class: vue.normalizeClass(_ctx.ns.e("bar")),
         style: vue.normalizeStyle({
           background: _ctx.background
         }),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-      }, null, 4),
+      }, null, 6),
       vue.createElementVNode("div", {
         ref: "thumb",
-        class: "el-color-alpha-slider__thumb",
+        class: vue.normalizeClass(_ctx.ns.e("thumb")),
         style: vue.normalizeStyle({
           left: _ctx.thumbLeft + "px",
           top: _ctx.thumbTop + "px"
         })
-      }, null, 4)
+      }, null, 6)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$z], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$x], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -21790,6 +21960,7 @@
       vertical: Boolean
     },
     setup(props) {
+      const ns = useNamespace("color-hue-slider");
       const instance = vue.getCurrentInstance();
       const thumb = vue.ref(null);
       const bar = vue.ref(null);
@@ -21867,30 +22038,31 @@
         thumbTop,
         hueValue,
         handleClick,
-        update
+        update,
+        ns
       };
     }
   });
-  function _sfc_render$y(_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(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
+      class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
       vue.createElementVNode("div", {
         ref: "bar",
-        class: "el-color-hue-slider__bar",
+        class: vue.normalizeClass(_ctx.ns.e("bar")),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-      }, null, 512),
+      }, null, 2),
       vue.createElementVNode("div", {
         ref: "thumb",
-        class: "el-color-hue-slider__thumb",
+        class: vue.normalizeClass(_ctx.ns.e("thumb")),
         style: vue.normalizeStyle({
           left: _ctx.thumbLeft + "px",
           top: _ctx.thumbTop + "px"
         })
-      }, null, 4)
+      }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$y], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$w], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22177,6 +22349,7 @@
       }
     },
     setup(props) {
+      const ns = useNamespace("color-predefine");
       const { currentColor } = useOptions();
       const rgbaColors = vue.ref(parseColors(props.colors, props.color));
       vue.watch(() => currentColor.value, (val) => {
@@ -22204,31 +22377,38 @@
       }
       return {
         rgbaColors,
-        handleSelect
+        handleSelect,
+        ns
       };
     }
   });
-  const _hoisted_1$K = { class: "el-color-predefine" };
-  const _hoisted_2$v = { class: "el-color-predefine__colors" };
-  const _hoisted_3$i = ["onClick"];
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
-      vue.createElementVNode("div", _hoisted_2$v, [
+  const _hoisted_1$L = ["onClick"];
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", {
+      class: vue.normalizeClass(_ctx.ns.b())
+    }, [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("colors"))
+      }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: _ctx.colors[index],
-            class: vue.normalizeClass(["el-color-predefine__color-selector", { selected: item.selected, "is-alpha": item._alpha < 100 }]),
+            class: vue.normalizeClass([
+              _ctx.ns.e("color-selector"),
+              _ctx.ns.is("alpha", item._alpha < 100),
+              { selected: item.selected }
+            ]),
             onClick: ($event) => _ctx.handleSelect(index)
           }, [
             vue.createElementVNode("div", {
               style: vue.normalizeStyle({ backgroundColor: item.value })
             }, null, 4)
-          ], 10, _hoisted_3$i);
+          ], 10, _hoisted_1$L);
         }), 128))
-      ])
-    ]);
+      ], 2)
+    ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$x], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$v], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1s = vue.defineComponent({
     name: "ElSlPanel",
@@ -22239,6 +22419,7 @@
       }
     },
     setup(props) {
+      const ns = useNamespace("color-svpanel");
       const instance = vue.getCurrentInstance();
       const cursorTop = vue.ref(0);
       const cursorLeft = vue.ref(0);
@@ -22294,35 +22475,38 @@
         background,
         colorValue,
         handleDrag,
-        update
+        update,
+        ns
       };
     }
   });
-  const _hoisted_1$J = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
-  const _hoisted_2$u = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
-  const _hoisted_3$h = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_4$c = [
-    _hoisted_3$h
+  const _hoisted_1$K = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+  const _hoisted_2$u = [
+    _hoisted_1$K
   ];
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
-      class: "el-color-svpanel",
+      class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
         backgroundColor: _ctx.background
       })
     }, [
-      _hoisted_1$J,
-      _hoisted_2$u,
       vue.createElementVNode("div", {
-        class: "el-color-svpanel__cursor",
+        class: vue.normalizeClass(_ctx.ns.e("white"))
+      }, null, 2),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("black"))
+      }, null, 2),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("cursor")),
         style: vue.normalizeStyle({
           top: _ctx.cursorTop + "px",
           left: _ctx.cursorLeft + "px"
         })
-      }, _hoisted_4$c, 4)
-    ], 4);
+      }, _hoisted_2$u, 6)
+    ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$w], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$u], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1r = vue.defineComponent({
     name: "ElColorPicker",
@@ -22531,8 +22715,8 @@
       };
     }
   });
-  const _hoisted_1$I = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
+  function _sfc_render$t(_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");
@@ -22547,7 +22731,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,
@@ -22682,12 +22865,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$v], ["__file", "index.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$t], ["__file", "index.vue"]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -22738,11 +22921,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$Q = {
+  const __default__$S = {
     name: "ElContainer"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$S,
     props: {
       direction: {
         type: String
@@ -22779,11 +22962,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-  const __default__$P = {
+  const __default__$R = {
     name: "ElAside"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$R,
     props: {
       width: {
         type: String,
@@ -22806,11 +22989,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-  const __default__$O = {
+  const __default__$Q = {
     name: "ElFooter"
   };
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$Q,
     props: {
       height: {
         type: String,
@@ -22833,11 +23016,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-  const __default__$N = {
+  const __default__$P = {
     name: "ElHeader"
   };
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$P,
     props: {
       height: {
         type: String,
@@ -22864,11 +23047,11 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-  const __default__$M = {
+  const __default__$O = {
     name: "ElMain"
   };
   const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$O,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -23221,7 +23404,7 @@
     }
   });
 
-  const _hoisted_1$H = ["aria-label"];
+  const _hoisted_1$I = ["aria-label"];
   const _hoisted_2$t = {
     key: 0,
     scope: "col"
@@ -23241,6 +23424,7 @@
       const lastRow = vue.ref();
       const lastColumn = vue.ref();
       const tableRows = vue.ref([[], [], [], [], [], []]);
+      let focusWithClick = false;
       const firstDayOfWeek = props.date.$locale().weekStart || 7;
       const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
       const offsetDay = vue.computed(() => {
@@ -23445,13 +23629,25 @@
         return !hasCurrent.value && (cell == null ? void 0 : cell.text) === 1 && cell.type === "normal" || cell.isCurrent;
       };
       const handleFocus = (event) => {
-        if (!hasCurrent.value && props.selectionMode === "date") {
-          handlePickDate(event, true);
-        }
+        if (focusWithClick || hasCurrent.value || props.selectionMode !== "date")
+          return;
+        handlePickDate(event, true);
+      };
+      const handleMouseDown = (event) => {
+        const target = event.target.closest("td");
+        if (!target)
+          return;
+        focusWithClick = true;
+      };
+      const handleMouseUp = (event) => {
+        const target = event.target.closest("td");
+        if (!target)
+          return;
+        focusWithClick = false;
       };
       const handlePickDate = (event, isKeyboardMovement = false) => {
         const target = event.target.closest("td");
-        if (!target || target.tagName !== "TD")
+        if (!target)
           return;
         const row = target.parentNode.rowIndex - 1;
         const column = target.cellIndex;
@@ -23516,7 +23712,9 @@
           cellpadding: "0",
           class: vue.normalizeClass([vue.unref(ns).b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
           onClick: handlePickDate,
-          onMousemove: handleMouseMove
+          onMousemove: handleMouseMove,
+          onMousedown: handleMouseDown,
+          onMouseup: handleMouseUp
         }, [
           vue.createElementVNode("tbody", {
             ref_key: "tbodyRef",
@@ -23541,9 +23739,7 @@
                   return vue.openBlock(), vue.createElementBlock("td", {
                     key: `${rowKey}.${columnKey}`,
                     ref_for: true,
-                    ref: (el) => {
-                      isSelectedCell(cell) && (currentCellRef.value = el);
-                    },
+                    ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
                     class: vue.normalizeClass(getCellClasses(cell)),
                     "aria-current": cell.isCurrent ? "date" : void 0,
                     "aria-selected": cell.isCurrent,
@@ -23556,7 +23752,7 @@
               ], 2);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$H);
+        ], 42, _hoisted_1$I);
       };
     }
   });
@@ -23567,7 +23763,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({
@@ -23759,7 +23955,7 @@
               ]);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$G);
+        ], 42, _hoisted_1$H);
       };
     }
   });
@@ -23772,7 +23968,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 };
@@ -23866,13 +24062,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"];
@@ -24283,7 +24479,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", {
@@ -24597,7 +24793,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"];
@@ -24948,7 +25144,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", {
@@ -25293,14 +25489,14 @@
     };
   };
 
-  const _hoisted_1$C = ["onClick"];
+  const _hoisted_1$D = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
-  const __default__$L = {
+  const __default__$N = {
     name: "DatePickerMonthRange"
   };
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$N,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -25398,7 +25594,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", {
@@ -25583,9 +25779,9 @@
   };
   const ElDatePicker = _DatePicker;
 
-  const elDescriptionsKey = "elDescriptions";
+  const descriptionsKey = "elDescriptions";
 
-  var DescriptionsCell = vue.defineComponent({
+  var ElDescriptionsCell = vue.defineComponent({
     name: "ElDescriptionsCell",
     props: {
       cell: {
@@ -25599,7 +25795,7 @@
       }
     },
     setup() {
-      const descriptions = vue.inject(elDescriptionsKey, {});
+      const descriptions = vue.inject(descriptionsKey, {});
       return {
         descriptions
       };
@@ -25665,114 +25861,112 @@
     }
   });
 
-  const _sfc_main$1f = vue.defineComponent({
-    name: "ElDescriptionsRow",
-    components: {
-      [DescriptionsCell.name]: DescriptionsCell
-    },
-    props: {
-      row: {
-        type: Array
-      }
-    },
-    setup() {
-      const descriptions = vue.inject(elDescriptionsKey, {});
-      return {
-        descriptions
+  const descriptionsRowProps = buildProps({
+    row: {
+      type: Array,
+      default: () => []
+    }
+  });
+
+  const _hoisted_1$C = { key: 1 };
+  const __default__$M = {
+    name: "ElDescriptionsRow"
+  };
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$M,
+    props: descriptionsRowProps,
+    setup(__props) {
+      const descriptions = vue.inject(descriptionsKey, {});
+      return (_ctx, _cache) => {
+        return vue.unref(descriptions).direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createElementVNode("tr", null, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(ElDescriptionsCell), {
+                key: `tr1-${index}`,
+                cell,
+                tag: "th",
+                type: "label"
+              }, null, 8, ["cell"]);
+            }), 128))
+          ]),
+          vue.createElementVNode("tr", null, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(ElDescriptionsCell), {
+                key: `tr2-${index}`,
+                cell,
+                tag: "td",
+                type: "content"
+              }, null, 8, ["cell"]);
+            }), 128))
+          ])
+        ], 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}`
+            }, [
+              vue.unref(descriptions).border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createVNode(vue.unref(ElDescriptionsCell), {
+                  cell,
+                  tag: "td",
+                  type: "label"
+                }, null, 8, ["cell"]),
+                vue.createVNode(vue.unref(ElDescriptionsCell), {
+                  cell,
+                  tag: "td",
+                  type: "content"
+                }, null, 8, ["cell"])
+              ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(ElDescriptionsCell), {
+                key: 1,
+                cell,
+                tag: "td",
+                type: "both"
+              }, null, 8, ["cell"]))
+            ], 64);
+          }), 128))
+        ]));
       };
     }
   });
-  const _hoisted_1$B = { key: 1 };
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_descriptions_cell = vue.resolveComponent("el-descriptions-cell");
-    return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-      vue.createElementVNode("tr", null, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
-          return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
-            key: `tr1-${index}`,
-            cell,
-            tag: "th",
-            type: "label"
-          }, null, 8, ["cell"]);
-        }), 128))
-      ]),
-      vue.createElementVNode("tr", null, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
-          return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
-            key: `tr2-${index}`,
-            cell,
-            tag: "td",
-            type: "content"
-          }, null, 8, ["cell"]);
-        }), 128))
-      ])
-    ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$B, [
-      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
-        return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-          key: `tr3-${index}`
-        }, [
-          _ctx.descriptions.border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createVNode(_component_el_descriptions_cell, {
-              cell,
-              tag: "td",
-              type: "label"
-            }, null, 8, ["cell"]),
-            vue.createVNode(_component_el_descriptions_cell, {
-              cell,
-              tag: "td",
-              type: "content"
-            }, null, 8, ["cell"])
-          ], 64)) : (vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
-            key: 1,
-            cell,
-            tag: "td",
-            type: "both"
-          }, null, 8, ["cell"]))
-        ], 64);
-      }), 128))
-    ]));
-  }
-  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$u], ["__file", "descriptions-row.vue"]]);
+  var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "descriptions-row.vue"]]);
 
-  const _sfc_main$1e = vue.defineComponent({
-    name: "ElDescriptions",
-    components: {
-      [DescriptionsRow.name]: DescriptionsRow
+  const descriptionProps = buildProps({
+    border: {
+      type: Boolean,
+      default: false
     },
-    props: {
-      border: {
-        type: Boolean,
-        default: false
-      },
-      column: {
-        type: Number,
-        default: 3
-      },
-      direction: {
-        type: String,
-        default: "horizontal"
-      },
-      size: {
-        type: String,
-        validator: isValidComponentSize
-      },
-      title: {
-        type: String,
-        default: ""
-      },
-      extra: {
-        type: String,
-        default: ""
-      }
+    column: {
+      type: Number,
+      default: 3
     },
-    setup(props, { slots }) {
-      vue.provide(elDescriptionsKey, props);
-      const descriptionsSize = useSize();
+    direction: {
+      type: String,
+      values: ["horizontal", "vertical"],
+      default: "horizontal"
+    },
+    size: useSizeProp,
+    title: {
+      type: String,
+      default: ""
+    },
+    extra: {
+      type: String,
+      default: ""
+    }
+  });
+
+  const __default__$L = {
+    name: "ElDescriptions"
+  };
+  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$L,
+    props: descriptionProps,
+    setup(__props) {
+      const props = __props;
       const ns = useNamespace("descriptions");
-      const descriptionKls = vue.computed(() => [
-        ns.b(),
-        ns.m(descriptionsSize.value)
-      ]);
+      const descriptionsSize = useSize();
+      const slots = vue.useSlots();
+      vue.provide(descriptionsKey, props);
+      const descriptionKls = vue.computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
       const flattedChildren = (children) => {
         const temp = Array.isArray(children) ? children : [children];
         const res = [];
@@ -25831,56 +26025,50 @@
         });
         return rows;
       };
-      return {
-        descriptionKls,
-        getRows,
-        ns
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(descriptionKls))
+        }, [
+          _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("header"))
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("title"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+              ])
+            ], 2),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("extra"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "extra", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
+              ])
+            ], 2)
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("body"))
+          }, [
+            vue.createElementVNode("table", {
+              class: vue.normalizeClass([vue.unref(ns).e("table"), vue.unref(ns).is("bordered", _ctx.border)])
+            }, [
+              vue.createElementVNode("tbody", null, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getRows(), (row, index) => {
+                  return vue.openBlock(), vue.createBlock(ElDescriptionsRow, {
+                    key: index,
+                    row
+                  }, null, 8, ["row"]);
+                }), 128))
+              ])
+            ], 2)
+          ], 2)
+        ], 2);
       };
     }
   });
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_descriptions_row = vue.resolveComponent("el-descriptions-row");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(_ctx.descriptionKls)
-    }, [
-      _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.e("header"))
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(_ctx.ns.e("title"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "title", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-          ])
-        ], 2),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(_ctx.ns.e("extra"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "extra", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
-          ])
-        ], 2)
-      ], 2)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("body"))
-      }, [
-        vue.createElementVNode("table", {
-          class: vue.normalizeClass([_ctx.ns.e("table"), _ctx.ns.is("bordered", _ctx.border)])
-        }, [
-          vue.createElementVNode("tbody", null, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.getRows(), (row, index) => {
-              return vue.openBlock(), vue.createBlock(_component_el_descriptions_row, {
-                key: index,
-                row
-              }, null, 8, ["row"]);
-            }), 128))
-          ])
-        ], 2)
-      ], 2)
-    ], 2);
-  }
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$t], ["__file", "index.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "description.vue"]]);
 
   var DescriptionsItem = vue.defineComponent({
     name: "ElDescriptionsItem",
@@ -26018,7 +26206,7 @@
     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 _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
@@ -26075,7 +26263,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),
@@ -26315,7 +26503,7 @@
     };
   };
 
-  const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
+  const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
   const __default__$J = {
     name: "ElDialog"
   };
@@ -26443,7 +26631,7 @@
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
-                  ], 42, _hoisted_1$z)
+                  ], 42, _hoisted_1$A)
                 ]),
                 _: 3
               }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -26568,7 +26756,7 @@
       };
     }
   });
-  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"];
@@ -26670,7 +26858,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"])
@@ -26920,14 +27108,7 @@
       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) {
@@ -27468,7 +27649,7 @@
       };
     }
   });
-  const _hoisted_1$x = ["aria-disabled", "tabindex", "role"];
+  const _hoisted_1$y = ["aria-disabled", "tabindex", "role"];
   function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -27496,7 +27677,7 @@
           _: 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"]]);
@@ -27671,7 +27852,7 @@
       };
     }
   });
-  const _hoisted_1$w = ["role", "aria-labelledby"];
+  const _hoisted_1$x = ["role", "aria-labelledby"];
   function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
@@ -27686,7 +27867,7 @@
       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"]]);
 
@@ -27708,7 +27889,7 @@
       };
     }
   });
-  const _hoisted_1$v = {
+  const _hoisted_1$w = {
     viewBox: "0 0 79 86",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
@@ -27755,7 +27936,7 @@
   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, [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
           id: `linearGradient-1-${_ctx.id}`,
@@ -27887,7 +28068,7 @@
     }
   };
 
-  const _hoisted_1$u = ["src"];
+  const _hoisted_1$v = ["src"];
   const _hoisted_2$k = { key: 1 };
   const __default__$H = {
     name: "ElEmpty"
@@ -27915,7 +28096,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),
@@ -29327,7 +29508,7 @@
     }
   });
 
-  const _hoisted_1$t = ["role", "aria-labelledby"];
+  const _hoisted_1$u = ["role", "aria-labelledby"];
   const __default__$F = {
     name: "ElFormItem"
   };
@@ -29507,8 +29688,8 @@
         const computedValue = getProp(model, props.prop);
         if (!isEqual$1(computedValue.value, initialValue)) {
           isResettingField = true;
+          computedValue.value = clone(initialValue);
         }
-        computedValue.value = clone(initialValue);
         await vue.nextTick();
         clearValidate();
       };
@@ -29609,7 +29790,7 @@
               _: 3
             }, 8, ["name"])
           ], 6)
-        ], 10, _hoisted_1$t);
+        ], 10, _hoisted_1$u);
       };
     }
   });
@@ -29654,7 +29835,7 @@
     switch: (index) => isNumber(index)
   };
 
-  const _hoisted_1$s = ["src"];
+  const _hoisted_1$t = ["src"];
   const __default__$E = {
     name: "ElImageViewer"
   };
@@ -30022,7 +30203,7 @@
                       onLoad: handleImgLoad,
                       onError: handleImgError,
                       onMousedown: handleMouseDown
-                    }, null, 46, _hoisted_1$s)), [
+                    }, null, 46, _hoisted_1$t)), [
                       [vue.vShow, i === index.value]
                     ]);
                   }), 128))
@@ -30093,10 +30274,11 @@
     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 = {
     name: "ElImage",
@@ -30215,6 +30397,7 @@
         prevOverflow = document.body.style.overflow;
         document.body.style.overflow = "hidden";
         showViewer.value = true;
+        emit("show");
       }
       function closeViewer() {
         stopWheelListener == null ? void 0 : stopWheelListener();
@@ -30261,7 +30444,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"))
@@ -30360,7 +30543,7 @@
     [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 = {
     name: "ElInputNumber"
@@ -30590,8 +30773,8 @@
               ]),
               _: 1
             })
-          ], 42, _hoisted_1$q)), [
-            [vue.unref(vRepeatClick), decrease]
+          ], 42, _hoisted_1$r)), [
+            [vue.unref(RepeatClick), decrease]
           ]) : vue.createCommentVNode("v-if", true),
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
@@ -30607,7 +30790,7 @@
               _: 1
             })
           ], 42, _hoisted_2$i)), [
-            [vue.unref(vRepeatClick), increase]
+            [vue.unref(RepeatClick), increase]
           ]) : vue.createCommentVNode("v-if", true),
           vue.createVNode(vue.unref(ElInput), {
             id: _ctx.id,
@@ -30662,7 +30845,7 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$p = ["href"];
+  const _hoisted_1$q = ["href"];
   const __default__$B = {
     name: "ElLink"
   };
@@ -30701,7 +30884,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);
       };
     }
   });
@@ -31332,7 +31515,6 @@
         const item = itemsInData[val] || activeIndex.value && itemsInData[activeIndex.value] || itemsInData[props.defaultActive];
         if (item) {
           activeIndex.value = item.index;
-          initMenu();
         } else {
           activeIndex.value = val;
         }
@@ -31346,11 +31528,18 @@
         }
         updateActiveIndex(currentActive);
       });
-      vue.watch(items.value, () => initMenu());
       vue.watch(() => props.collapse, (value) => {
         if (value)
           openedMenus.value = [];
       });
+      vue.watch(items.value, initMenu);
+      let resizeStopper;
+      vue.watchEffect(() => {
+        if (props.mode === "horizontal" && props.ellipsis)
+          resizeStopper = useResizeObserver(menu, handleResize).stop;
+        else
+          resizeStopper == null ? void 0 : resizeStopper();
+      });
       {
         const addSubMenu = (item) => {
           subMenus.value[item.index] = item;
@@ -31388,7 +31577,6 @@
         });
       }
       vue.onMounted(() => {
-        initMenu();
         if (props.mode === "horizontal") {
           new Menubar(instance.vnode.el, nsMenu.namespace.value);
         }
@@ -31416,7 +31604,6 @@
         });
         return result;
       };
-      const useVNodeResize = (vnode) => props.mode === "horizontal" ? vue.withDirectives(vnode, [[Resize, handleResize]]) : vnode;
       return () => {
         var _a, _b, _c, _d;
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
@@ -31452,8 +31639,7 @@
           }
         }
         const ulStyle = useMenuCssVar(props, 0);
-        const resizeMenu = (vNode) => props.ellipsis ? useVNodeResize(vNode) : vNode;
-        const vMenu = resizeMenu(vue.h("ul", {
+        const vMenu = vue.h("ul", {
           key: String(props.collapse),
           role: "menubar",
           ref: menu,
@@ -31463,7 +31649,7 @@
             [nsMenu.m(props.mode)]: true,
             [nsMenu.m("collapse")]: props.collapse
           }
-        }, [...slot, ...vShowMore]));
+        }, [...slot, ...vShowMore]);
         if (props.collapseTransition && props.mode === "vertical") {
           return vue.h(ElMenuCollapseTransition, () => vMenu);
         }
@@ -31706,7 +31892,7 @@
     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 = {
     name: "ElPaginationPrev"
@@ -31732,7 +31918,7 @@
             ]),
             _: 1
           }))
-        ], 8, _hoisted_1$o);
+        ], 8, _hoisted_1$p);
       };
     }
   });
@@ -31753,7 +31939,7 @@
     }
   });
 
-  const _hoisted_1$n = ["disabled", "aria-disabled"];
+  const _hoisted_1$o = ["disabled", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
   const __default__$y = {
     name: "ElPaginationNext"
@@ -31779,7 +31965,7 @@
             ]),
             _: 1
           }))
-        ], 8, _hoisted_1$n);
+        ], 8, _hoisted_1$o);
       };
     }
   });
@@ -31912,11 +32098,11 @@
         const doesSelected = selectedOptions.some((item) => {
           return item.value === vm.value;
         });
-        if (select.cachedOptions.get(key) === vm && !doesSelected) {
-          vue.nextTick(() => {
+        vue.nextTick(() => {
+          if (select.cachedOptions.get(key) === vm && !doesSelected) {
             select.cachedOptions.delete(key);
-          });
-        }
+          }
+        });
         select.onOptionDestroy(key, vm);
       });
       function selectOptionClick() {
@@ -32562,8 +32748,6 @@
     };
     const toggleMenu = () => {
       var _a;
-      if (props.automaticDropdown)
-        return;
       if (!selectDisabled.value) {
         if (states.menuVisibleOnFocus) {
           states.menuVisibleOnFocus = false;
@@ -32973,7 +33157,7 @@
       };
     }
   });
-  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) {
@@ -32988,12 +33172,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],
@@ -33008,7 +33191,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",
@@ -33052,7 +33235,7 @@
                       "fallback-placements": ["bottom", "top", "right", "left"],
                       effect: _ctx.effect,
                       placement: "bottom",
-                      teleported: false
+                      teleported: _ctx.teleported
                     }, {
                       default: vue.withCtx(() => [
                         vue.createElementVNode("span", {
@@ -33094,7 +33277,7 @@
                         ], 2)
                       ]),
                       _: 1
-                    }, 8, ["disabled", "effect"])) : (vue.openBlock(), vue.createElementBlock("span", {
+                    }, 8, ["disabled", "effect", "teleported"])) : (vue.openBlock(), vue.createElementBlock("span", {
                       key: 1,
                       class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
                     }, "+ " + vue.toDisplayString(_ctx.selected.length - 1), 3))
@@ -33434,7 +33617,7 @@
   });
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
-  const _hoisted_1$l = ["disabled"];
+  const _hoisted_1$m = ["disabled"];
   const __default__$w = {
     name: "ElPaginationJumper"
   };
@@ -33475,7 +33658,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);
       };
     }
   });
@@ -33488,7 +33671,7 @@
     }
   });
 
-  const _hoisted_1$k = ["disabled"];
+  const _hoisted_1$l = ["disabled"];
   const __default__$v = {
     name: "ElPaginationTotal"
   };
@@ -33505,7 +33688,7 @@
           disabled: vue.unref(disabled)
         }, vue.toDisplayString(vue.unref(t)("el.pagination.total", {
           total: _ctx.total
-        })), 11, _hoisted_1$k);
+        })), 11, _hoisted_1$l);
       };
     }
   });
@@ -33527,7 +33710,7 @@
     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"];
@@ -33723,7 +33906,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);
       };
     }
   });
@@ -34030,18 +34213,15 @@
         var _a, _b;
         (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
       };
-      const handleCallback = () => {
-        hidePopper();
-      };
       const confirm = (e) => {
         var _a;
         (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
-        handleCallback();
+        hidePopper();
       };
       const cancel = (e) => {
         var _a;
         (_a = props.onCancel) == null ? void 0 : _a.call(props, e);
-        handleCallback();
+        hidePopper();
       };
       const finalConfirmButtonText = vue.computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
       const finalCancelButtonText = vue.computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
@@ -34164,6 +34344,9 @@
     persistent: {
       type: Boolean,
       default: true
+    },
+    "onUpdate:visible": {
+      type: Function
     }
   });
   const popoverEmits = {
@@ -34183,6 +34366,10 @@
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
+      const updateEventKeyRaw = `onUpdate:visible`;
+      const onUpdateVisible = vue.computed(() => {
+        return props[updateEventKeyRaw];
+      });
       const ns = useNamespace("popover");
       const tooltipRef = vue.ref();
       const popperRef = vue.computed(() => {
@@ -34250,6 +34437,7 @@
           teleported: _ctx.teleported,
           persistent: _ctx.persistent,
           "gpu-acceleration": vue.unref(gpuAcceleration),
+          "onUpdate:visible": vue.unref(onUpdateVisible),
           onBeforeShow: beforeEnter,
           onBeforeHide: beforeLeave,
           onShow: afterEnter,
@@ -34269,7 +34457,7 @@
             _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration"]);
+        }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onUpdate:visible"]);
       };
     }
   });
@@ -34355,7 +34543,7 @@
     }
   });
 
-  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"];
@@ -34545,7 +34733,7 @@
               }))
             ])
           ], 6)) : vue.createCommentVNode("v-if", true)
-        ], 10, _hoisted_1$i);
+        ], 10, _hoisted_1$j);
       };
     }
   });
@@ -34642,7 +34830,7 @@
     [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 = {
     name: "ElRate"
@@ -34822,12 +35010,13 @@
         resetCurrentValue
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createElementBlock("div", {
           id: vue.unref(inputId),
           class: vue.normalizeClass([vue.unref(rateClasses), vue.unref(ns).is("disabled", vue.unref(rateDisabled))]),
           role: "slider",
           "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "rating" : void 0,
-          "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItemContext).labelId : void 0,
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(formItemContext)) == null ? void 0 : _a.labelId : void 0,
           "aria-valuenow": currentValue.value,
           "aria-valuetext": vue.unref(text) || void 0,
           "aria-valuemin": "0",
@@ -34872,7 +35061,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);
       };
     }
   });
@@ -36306,7 +36495,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);
@@ -37006,7 +37195,7 @@
       };
     }
   });
-  const _hoisted_1$g = ["aria-selected"];
+  const _hoisted_1$h = ["aria-selected"];
   function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
@@ -37028,7 +37217,7 @@
       }, () => [
         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"]]);
 
@@ -37458,8 +37647,9 @@
     });
     const filteredOptions = vue.computed(() => {
       const isValidOption = (o) => {
+        var _a;
         const query = states.inputValue;
-        const containsQueryString = query ? o.label.includes(query) : true;
+        const containsQueryString = query ? (_a = o.label) == null ? void 0 : _a.includes(query) : true;
         return containsQueryString;
       };
       if (props.loading) {
@@ -38031,7 +38221,7 @@
       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"];
@@ -38046,14 +38236,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,
@@ -38067,7 +38256,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;
@@ -38082,7 +38271,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", {
@@ -38952,7 +39141,9 @@
       const steps = Math.round(newPosition / lengthPerStep);
       let value = steps * lengthPerStep * (max.value - min.value) * 0.01 + min.value;
       value = Number.parseFloat(value.toFixed(precision.value));
-      emit(UPDATE_MODEL_EVENT, value);
+      if (value !== props.modelValue) {
+        emit(UPDATE_MODEL_EVENT, value);
+      }
       if (!initData.dragging && props.modelValue !== initData.oldValue) {
         initData.oldValue = props.modelValue;
       }
@@ -38964,6 +39155,7 @@
       updateDragging(val);
     });
     return {
+      disabled,
       button,
       tooltip,
       tooltipVisible,
@@ -39095,6 +39287,7 @@
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
+  const _hoisted_1$f = ["tabindex"];
   const __default__$l = {
     name: "ElSliderButton"
   };
@@ -39118,6 +39311,7 @@
         oldValue: props.modelValue
       });
       const {
+        disabled,
         button,
         tooltip,
         showTooltip,
@@ -39144,20 +39338,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,
@@ -39175,7 +39368,7 @@
             ]),
             _: 1
           }, 8, ["visible", "placement", "popper-class", "disabled"])
-        ], 38);
+        ], 46, _hoisted_1$f);
       };
     }
   });
@@ -39198,7 +39391,7 @@
       const style = vue.computed(() => isString(props.mark) ? void 0 : props.mark.style);
       return () => vue.h("div", {
         class: ns.e("marks-text"),
-        style
+        style: style.value
       }, label.value);
     }
   });
@@ -39545,37 +39738,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) => {
@@ -39814,7 +40015,7 @@
               }, null, 6)
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon ? "icon" : "text")])
+              class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
             }, [
               vue.unref(currentStatus) !== "success" && vue.unref(currentStatus) !== "error" ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
                 _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -40258,14 +40459,8 @@
    */
 
   const getCell = function(event) {
-    let cell = event.target;
-    while (cell && cell.tagName.toUpperCase() !== "HTML") {
-      if (cell.tagName.toUpperCase() === "TD") {
-        return cell;
-      }
-      cell = cell.parentNode;
-    }
-    return null;
+    var _a;
+    return (_a = event.target) == null ? void 0 : _a.closest("td");
   };
   const isObject = function(obj) {
     return obj !== null && typeof obj === "object";
@@ -40517,11 +40712,9 @@
       try {
         popperInstance && popperInstance.destroy();
         content && (parentNode == null ? void 0 : parentNode.removeChild(content));
-        off(trigger, "mouseenter", showPopper);
-        off(trigger, "mouseleave", removePopper);
-        if (scrollContainer) {
-          off(scrollContainer, "scroll", removePopper);
-        }
+        trigger.removeEventListener("mouseenter", showPopper);
+        trigger.removeEventListener("mouseleave", removePopper);
+        scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
         removePopper = void 0;
       } catch (e) {
       }
@@ -40549,11 +40742,9 @@
       ],
       ...popperOptions
     });
-    on$1(trigger, "mouseenter", showPopper);
-    on$1(trigger, "mouseleave", removePopper);
-    if (scrollContainer) {
-      on$1(scrollContainer, "scroll", removePopper);
-    }
+    trigger.addEventListener("mouseenter", showPopper);
+    trigger.addEventListener("mouseleave", removePopper);
+    scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
     return popperInstance;
   }
   const isFixedColumn = (index, fixed, store, realColumns) => {
@@ -41611,14 +41802,6 @@
       this.bodyWidth = vue.ref(null);
       this.fixedWidth = vue.ref(null);
       this.rightFixedWidth = vue.ref(null);
-      this.tableHeight = vue.ref(null);
-      this.headerHeight = vue.ref(44);
-      this.appendHeight = vue.ref(0);
-      this.footerHeight = vue.ref(44);
-      this.viewportHeight = vue.ref(null);
-      this.bodyHeight = vue.ref(null);
-      this.bodyScrollHeight = vue.ref(0);
-      this.fixedBodyHeight = vue.ref(null);
       this.gutterWidth = 0;
       for (const name in options) {
         if (hasOwn(options, name)) {
@@ -41640,15 +41823,11 @@
       const height = this.height.value;
       if (height === null)
         return false;
-      const bodyWrapper = this.table.refs.bodyWrapper;
-      if (this.table.vnode.el && bodyWrapper) {
+      const scrollBarRef = this.table.refs.scrollBarRef;
+      if (this.table.vnode.el && scrollBarRef) {
         let scrollY = true;
         const prevScrollY = this.scrollY.value;
-        if (this.bodyHeight.value === null) {
-          scrollY = false;
-        } else {
-          scrollY = bodyWrapper.scrollHeight > this.bodyHeight.value;
-        }
+        scrollY = scrollBarRef.wrap$.scrollHeight > scrollBarRef.wrap$.clientHeight;
         this.scrollY.value = scrollY;
         return prevScrollY !== scrollY;
       }
@@ -41686,43 +41865,6 @@
       return flattenColumns;
     }
     updateElsHeight() {
-      var _a, _b;
-      if (!this.table.$ready)
-        return vue.nextTick(() => this.updateElsHeight());
-      const {
-        tableWrapper,
-        headerWrapper,
-        appendWrapper,
-        footerWrapper,
-        tableHeader,
-        tableBody
-      } = this.table.refs;
-      if (tableWrapper && tableWrapper.style.display === "none") {
-        return;
-      }
-      const { tableLayout } = this.table.props;
-      this.appendHeight.value = appendWrapper ? appendWrapper.offsetHeight : 0;
-      if (this.showHeader && !headerWrapper && tableLayout === "fixed") {
-        return;
-      }
-      const headerTrElm = tableHeader ? tableHeader : null;
-      const noneHeader = this.headerDisplayNone(headerTrElm);
-      const headerWrapperOffsetHeight = (headerWrapper == null ? void 0 : headerWrapper.offsetHeight) || 0;
-      const headerHeight = this.headerHeight.value = !this.showHeader ? 0 : headerWrapperOffsetHeight;
-      if (this.showHeader && !noneHeader && headerWrapperOffsetHeight > 0 && (this.table.store.states.columns.value || []).length > 0 && headerHeight < 2) {
-        return vue.nextTick(() => this.updateElsHeight());
-      }
-      const tableHeight = this.tableHeight.value = (_b = (_a = this.table) == null ? void 0 : _a.vnode.el) == null ? void 0 : _b.clientHeight;
-      const footerHeight = this.footerHeight.value = footerWrapper ? footerWrapper.offsetHeight : 0;
-      if (this.height.value !== null) {
-        if (this.bodyHeight.value === null) {
-          requestAnimationFrame(() => this.updateElsHeight());
-        }
-        this.bodyHeight.value = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
-        this.bodyScrollHeight.value = tableBody == null ? void 0 : tableBody.scrollHeight;
-      }
-      this.fixedBodyHeight.value = this.scrollX.value ? this.bodyHeight.value - this.gutterWidth : this.bodyHeight.value;
-      this.viewportHeight.value = this.scrollX.value ? tableHeight - this.gutterWidth : tableHeight;
       this.updateScrollY();
       this.notifyObservers("scrollable");
     }
@@ -41996,7 +42138,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,
@@ -42249,12 +42390,10 @@
       }
     };
     const handleMouseMove = (event, column) => {
+      var _a;
       if (column.children && column.children.length > 0)
         return;
-      let target = event.target;
-      while (target && target.tagName !== "TH") {
-        target = target.parentNode;
-      }
+      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
       if (!column || !column.resizable)
         return;
       if (!dragging.value && props.border) {
@@ -42287,13 +42426,11 @@
       return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
     };
     const handleSortClick = (event, column, givenOrder) => {
+      var _a;
       event.stopPropagation();
       const order = column.order === givenOrder ? null : givenOrder || toggleOrder(column);
-      let target = event.target;
-      while (target && target.tagName !== "TH") {
-        target = target.parentNode;
-      }
-      if (target && target.tagName === "TH") {
+      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
+      if (target) {
         if (hasClass(target, "noclick")) {
           removeClass(target, "noclick");
           return;
@@ -43358,14 +43495,19 @@
     };
     const resizeState = vue.ref({
       width: null,
-      height: null
+      height: null,
+      headerHeight: null
     });
     const isGroup = vue.ref(false);
     const scrollbarViewStyle = {
-      display: "block",
+      display: "inline-block",
       verticalAlign: "middle"
     };
     const tableWidth = vue.ref();
+    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);
     });
@@ -43422,12 +43564,14 @@
       bindEvents();
       requestAnimationFrame(doLayout);
       const el = table.vnode.el;
+      const tableHeader = table.refs.headerWrapper;
       if (props.flexible && el && el.parentElement) {
         el.parentElement.style.minWidth = "0";
       }
       resizeState.value = {
         width: tableWidth.value = el.offsetWidth,
-        height: el.offsetHeight
+        height: el.offsetHeight,
+        headerHeight: props.showHeader && tableHeader ? tableHeader.offsetHeight : null
       };
       store.states.columns.value.forEach((column) => {
         if (column.filteredValue && column.filteredValue.length) {
@@ -43498,23 +43642,37 @@
       }
     };
     const resizeListener = () => {
-      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 } = resizeState.value;
+      const {
+        width: oldWidth,
+        height: oldHeight,
+        headerHeight: oldHeaderHeight
+      } = resizeState.value;
       const width = tableWidth.value = el.offsetWidth;
       if (oldWidth !== width) {
         shouldUpdateLayout = true;
       }
-      const height2 = el.offsetHeight;
-      if ((props.height || shouldUpdateHeight.value) && oldHeight !== height2) {
+      const height = el.offsetHeight;
+      if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {
+        shouldUpdateLayout = true;
+      }
+      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 = ((_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: height2
+          height,
+          headerHeight: props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) || 0
         };
         doLayout();
       }
@@ -43529,57 +43687,58 @@
         return "fixed";
       return props.tableLayout;
     });
-    function calcMaxHeight(maxHeight, footerHeight, headerHeight) {
-      const parsedMaxHeight = parseHeight(maxHeight);
-      const tableHeaderHeight = props.showHeader ? headerHeight : 0;
-      if (parsedMaxHeight === null)
-        return;
-      if (isString(parsedMaxHeight)) {
-        return `calc(${parsedMaxHeight} - ${footerHeight}px - ${tableHeaderHeight}px)`;
+    const emptyBlockStyle = vue.computed(() => {
+      if (props.data && props.data.length)
+        return null;
+      let height = "100%";
+      if (bodyScrollHeight.value) {
+        height = `${bodyScrollHeight.value}px`;
       }
-      return parsedMaxHeight - footerHeight - tableHeaderHeight;
-    }
-    const height = vue.computed(() => {
-      const headerHeight = layout.headerHeight.value || 0;
-      const bodyHeight2 = layout.bodyHeight.value;
-      const footerHeight = layout.footerHeight.value || 0;
+      const width = tableWidth.value;
+      return {
+        width: width ? `${width}px` : "",
+        height
+      };
+    });
+    const tableInnerStyle = vue.computed(() => {
       if (props.height) {
-        return bodyHeight2 ? bodyHeight2 : void 0;
-      } else if (props.maxHeight) {
-        return calcMaxHeight(props.maxHeight, footerHeight, headerHeight);
+        return {
+          height: !Number.isNaN(Number(props.height)) ? `${props.height}px` : props.height
+        };
       }
-      return void 0;
+      if (props.maxHeight) {
+        return {
+          maxHeight: !Number.isNaN(Number(props.maxHeight)) ? `${props.maxHeight}px` : props.maxHeight
+        };
+      }
+      return {};
     });
-    const bodyHeight = vue.computed(() => {
-      const headerHeight = layout.headerHeight.value || 0;
-      const bodyHeight2 = layout.bodyHeight.value;
-      const footerHeight = layout.footerHeight.value || 0;
+    const scrollbarStyle = vue.computed(() => {
+      var _a, _b;
       if (props.height) {
         return {
-          height: bodyHeight2 ? `${bodyHeight2}px` : ""
+          height: "100%"
         };
-      } else if (props.maxHeight) {
-        const maxHeight = calcMaxHeight(props.maxHeight, footerHeight, headerHeight);
-        if (maxHeight !== null) {
+      }
+      if (props.maxHeight) {
+        if (!Number.isNaN(Number(props.maxHeight))) {
+          const headerHeight = ((_a = table.refs.headerWrapper) == null ? void 0 : _a.scrollHeight) || 0;
+          const footerHeight = ((_b = table.refs.footerWrapper) == null ? void 0 : _b.scrollHeight) || 0;
+          const maxHeight = props.maxHeight;
+          const reachMaxHeight = tableScrollHeight.value >= Number(maxHeight);
+          if (reachMaxHeight) {
+            return {
+              maxHeight: `${tableScrollHeight.value - headerHeight - footerHeight}px`
+            };
+          }
+        } else {
           return {
-            "max-height": `${maxHeight}${isNumber(maxHeight) ? "px" : ""}`
+            maxHeight: `calc(${props.maxHeight} - ${headerScrollHeight.value + footerScrollHeight.value}px)`
           };
         }
       }
       return {};
     });
-    const emptyBlockStyle = vue.computed(() => {
-      if (props.data && props.data.length)
-        return null;
-      let height2 = "100%";
-      if (layout.appendHeight.value) {
-        height2 = `calc(100% - ${layout.appendHeight.value}px)`;
-      }
-      return {
-        width: tableWidth.value ? `${tableWidth.value}px` : "",
-        height: height2
-      };
-    });
     const handleFixedMousewheel = (event, data) => {
       const bodyWrapper = table.refs.bodyWrapper;
       if (Math.abs(data.spinY) > 0) {
@@ -43595,47 +43754,6 @@
         bodyWrapper.scrollLeft += Math.ceil(data.pixelX / 5);
       }
     };
-    const fixedHeight = vue.computed(() => {
-      if (props.maxHeight) {
-        if (props.showSummary) {
-          return {
-            bottom: 0
-          };
-        }
-        return {
-          bottom: layout.scrollX.value && props.data.length ? `${layout.gutterWidth}px` : ""
-        };
-      } else {
-        if (props.showSummary) {
-          return {
-            height: layout.tableHeight.value ? `${layout.tableHeight.value}px` : ""
-          };
-        }
-        return {
-          height: layout.viewportHeight.value ? `${layout.viewportHeight.value}px` : ""
-        };
-      }
-    });
-    const fixedBodyHeight = vue.computed(() => {
-      if (props.height) {
-        return {
-          height: layout.fixedBodyHeight.value ? `${layout.fixedBodyHeight.value}px` : ""
-        };
-      } else if (props.maxHeight) {
-        let maxHeight = parseHeight(props.maxHeight);
-        if (typeof maxHeight === "number") {
-          maxHeight = layout.scrollX.value ? maxHeight - layout.gutterWidth : maxHeight;
-          if (props.showHeader) {
-            maxHeight -= layout.headerHeight.value;
-          }
-          maxHeight -= layout.footerHeight.value;
-          return {
-            "max-height": `${maxHeight}px`
-          };
-        }
-      }
-      return {};
-    });
     return {
       isHidden,
       renderExpanded,
@@ -43644,28 +43762,24 @@
       handleMouseLeave,
       handleHeaderFooterMousewheel,
       tableSize,
-      bodyHeight,
-      height,
       emptyBlockStyle,
       handleFixedMousewheel,
-      fixedHeight,
-      fixedBodyHeight,
       resizeProxyVisible,
       bodyWidth,
       resizeState,
       doLayout,
       tableBodyStyles,
       tableLayout,
-      scrollbarViewStyle
+      scrollbarViewStyle,
+      tableInnerStyle,
+      scrollbarStyle
     };
   }
 
   var defaultProps$1 = {
     data: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     },
     size: String,
     width: [String, Number],
@@ -43831,19 +43945,17 @@
         handleMouseLeave,
         handleHeaderFooterMousewheel,
         tableSize,
-        bodyHeight,
-        height,
         emptyBlockStyle,
         handleFixedMousewheel,
-        fixedHeight,
-        fixedBodyHeight,
         resizeProxyVisible,
         bodyWidth,
         resizeState,
         doLayout,
         tableBodyStyles,
         tableLayout,
-        scrollbarViewStyle
+        scrollbarViewStyle,
+        tableInnerStyle,
+        scrollbarStyle
       } = useStyle(props, layout, store, table);
       const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar$1();
       const debouncedUpdateLayout = debounce(doLayout, 50);
@@ -43874,14 +43986,10 @@
         resizeState,
         isGroup,
         bodyWidth,
-        bodyHeight,
-        height,
         tableBodyStyles,
         emptyBlockStyle,
         debouncedUpdateLayout,
         handleFixedMousewheel,
-        fixedHeight,
-        fixedBodyHeight,
         setCurrentRow,
         getSelectionRows,
         toggleRowSelection,
@@ -43899,6 +44007,8 @@
         computedEmptyText,
         tableLayout,
         scrollbarViewStyle,
+        tableInnerStyle,
+        scrollbarStyle,
         scrollBarRef,
         scrollTo,
         setScrollLeft,
@@ -43944,7 +44054,8 @@
       onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.handleMouseLeave())
     }, [
       vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("inner-wrapper"))
+        class: vue.normalizeClass(_ctx.ns.e("inner-wrapper")),
+        style: vue.normalizeStyle(_ctx.tableInnerStyle)
       }, [
         vue.createElementVNode("div", _hoisted_2$7, [
           vue.renderSlot(_ctx.$slots, "default")
@@ -43979,14 +44090,12 @@
         ]) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", {
           ref: "bodyWrapper",
-          style: vue.normalizeStyle(_ctx.bodyHeight),
           class: vue.normalizeClass(_ctx.ns.e("body-wrapper"))
         }, [
           vue.createVNode(_component_el_scrollbar, {
             ref: "scrollBarRef",
-            height: _ctx.maxHeight ? void 0 : _ctx.height,
-            "max-height": _ctx.maxHeight ? _ctx.height : void 0,
             "view-style": _ctx.scrollbarViewStyle,
+            "wrap-style": _ctx.scrollbarStyle,
             always: _ctx.scrollbarAlwaysOn
           }, {
             default: vue.withCtx(() => [
@@ -44007,6 +44116,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,
@@ -44045,30 +44155,30 @@
               ], 2)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["height", "max-height", "view-style", "always"])
-        ], 6),
-        _ctx.border || _ctx.isGroup ? (vue.openBlock(), vue.createElementBlock("div", {
+          }, 8, ["view-style", "wrap-style", "always"])
+        ], 2),
+        _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
+          ref: "footerWrapper",
+          class: vue.normalizeClass(_ctx.ns.e("footer-wrapper"))
+        }, [
+          vue.createVNode(_component_table_footer, {
+            border: _ctx.border,
+            "default-sort": _ctx.defaultSort,
+            store: _ctx.store,
+            style: vue.normalizeStyle(_ctx.tableBodyStyles),
+            "sum-text": _ctx.computedSumText,
+            "summary-method": _ctx.summaryMethod
+          }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+        ], 2)), [
+          [vue.vShow, !_ctx.isEmpty],
+          [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
+        ]) : vue.createCommentVNode("v-if", true),
+        _ctx.border || _ctx.isGroup ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
           class: vue.normalizeClass(_ctx.ns.e("border-left-patch"))
         }, null, 2)) : vue.createCommentVNode("v-if", true)
-      ], 2),
-      _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        ref: "footerWrapper",
-        class: vue.normalizeClass(_ctx.ns.e("footer-wrapper"))
-      }, [
-        vue.createVNode(_component_table_footer, {
-          border: _ctx.border,
-          "default-sort": _ctx.defaultSort,
-          store: _ctx.store,
-          style: vue.normalizeStyle(_ctx.tableBodyStyles),
-          "sum-text": _ctx.computedSumText,
-          "summary-method": _ctx.summaryMethod
-        }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
-      ], 2)), [
-        [vue.vShow, !_ctx.isEmpty],
-        [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-      ]) : vue.createCommentVNode("v-if", true),
+      ], 6),
       vue.withDirectives(vue.createElementVNode("div", {
         ref: "resizeProxy",
         class: vue.normalizeClass(_ctx.ns.e("column-resize-proxy"))
@@ -46964,7 +47074,7 @@
         } = EVENT_CODE;
         if (![up, down, left, right].includes(code))
           return;
-        const tabList = Array.from(e.currentTarget.querySelectorAll("[role=tab]"));
+        const tabList = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
         const currentIndex = tabList.indexOf(e.target);
         let nextIndex;
         if (code === left || code === up) {
@@ -47027,8 +47137,9 @@
         })])] : null;
         const tabs = props.panes.map((pane, index) => {
           var _a, _b, _c, _d;
+          const disabled = pane.props.disabled;
           const tabName = (_b = (_a = pane.props.name) != null ? _a : pane.index) != null ? _b : `${index}`;
-          const closable = pane.isClosable || props.editable;
+          const closable = !disabled && (pane.isClosable || props.editable);
           pane.index = `${index}`;
           const btnClose = closable ? vue.createVNode(ElIcon, {
             "class": "is-icon-close",
@@ -47037,10 +47148,10 @@
             default: () => [vue.createVNode(close_default, null, null)]
           }) : null;
           const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
-          const tabindex = pane.active ? 0 : -1;
+          const tabindex = !disabled && pane.active ? 0 : -1;
           return vue.createVNode("div", {
             "ref": `tab-${tabName}`,
-            "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", pane.props.disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
+            "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
             "id": `tab-${tabName}`,
             "key": `tab-${tabName}`,
             "aria-controls": `pane-${tabName}`,
@@ -49959,10 +50070,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]"));
@@ -50026,6 +50133,7 @@
         hasInput.click();
       }
     };
+    useEventListener(el$, "keydown", handleKeydown);
     const initTabIndex = () => {
       var _a;
       treeItems.value = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
@@ -52169,7 +52277,7 @@
           props.onError(err, uploadFile, uploadFiles.value);
         }
       }
-      uploadFiles.value.push(uploadFile);
+      uploadFiles.value = [...uploadFiles.value, uploadFile];
       props.onChange(uploadFile, uploadFiles.value);
     };
     const handleRemove = async (file) => {
@@ -53094,7 +53202,9 @@
       ...messageDefaults,
       ...options
     };
-    if (isString(normalized.appendTo)) {
+    if (!normalized.appendTo) {
+      normalized.appendTo = document.body;
+    } else if (isString(normalized.appendTo)) {
       let appendTo = document.querySelector(normalized.appendTo);
       if (!isElement$1(appendTo)) {
         appendTo = document.body;
@@ -53343,12 +53453,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() {
@@ -54023,9 +54133,9 @@
     const id = `notification_${seed++}`;
     const userOnClose = options.onClose;
     const props = {
+      ...options,
       zIndex: nextZIndex(),
       offset: verticalOffset,
-      ...options,
       id,
       onClose: () => {
         close(id, position, userOnClose);
@@ -54267,8 +54377,7 @@
   exports.POPPER_INJECTION_KEY = POPPER_INJECTION_KEY;
   exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
   exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
-  exports.RepeatClick = vRepeatClick;
-  exports.Resize = Resize;
+  exports.RepeatClick = RepeatClick;
   exports.RowAlign = RowAlign;
   exports.RowJustify = RowJustify;
   exports.TOOLTIP_INJECTION_KEY = TOOLTIP_INJECTION_KEY;
@@ -54334,6 +54443,7 @@
   exports.dayjs = dayjs;
   exports["default"] = installer;
   exports.defaultNamespace = defaultNamespace;
+  exports.descriptionProps = descriptionProps;
   exports.dialogEmits = dialogEmits;
   exports.dialogInjectionKey = dialogInjectionKey;
   exports.dialogProps = dialogProps;