element-plus 2.2.18 → 2.2.19

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v2.2.18 */
+/*! Element Plus v2.2.19 */
 
-import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, onDeactivated, renderList, withKeys, createSlots, toRefs, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, resolveDirective, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, shallowReactive, TransitionGroup, createApp, render } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, withModifiers, reactive, onUpdated, cloneVNode, Text, onDeactivated, renderList, withKeys, createSlots, toRefs, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, resolveDirective, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, shallowReactive, TransitionGroup, createApp, render } from 'vue';
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
@@ -11068,7 +11068,7 @@ const useOrderedChildren = (vm, childComponentName) => {
   };
 };
 
-const version$1 = "2.2.18";
+const version$1 = "2.2.19";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11118,11 +11118,11 @@ var _export_sfc = (sfc, props) => {
 };
 
 const COMPONENT_NAME$k = "ElAffix";
-const __default__$1u = defineComponent({
+const __default__$1w = defineComponent({
   name: COMPONENT_NAME$k
 });
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+  ...__default__$1w,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11238,12 +11238,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1t = defineComponent({
+const __default__$1v = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+  ...__default__$1v,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11306,11 +11306,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1s = defineComponent({
+const __default__$1u = defineComponent({
   name: "ElAlert"
 });
 const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+  ...__default__$1u,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11514,8 +11514,7 @@ const inputProps = buildProps({
     type: String
   },
   form: {
-    type: String,
-    default: ""
+    type: String
   },
   readonly: {
     type: Boolean,
@@ -11575,24 +11574,19 @@ const inputEmits = {
   compositionend: (evt) => evt instanceof CompositionEvent
 };
 
-const _hoisted_1$14 = ["role"];
-const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-const __default__$1r = defineComponent({
+const _hoisted_1$13 = ["role"];
+const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
+const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
+const __default__$1t = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
 const _sfc_main$2c = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+  ...__default__$1t,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const PENDANT_MAP = {
-      suffix: "append",
-      prefix: "prepend"
-    };
-    const instance = getCurrentInstance();
     const rawAttrs = useAttrs$1();
     const slots = useSlots();
     const containerAttrs = computed$1(() => {
@@ -11681,25 +11675,6 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
         return;
       input2.value = nativeInputValue.value;
     };
-    const calcIconOffset = (place) => {
-      const { el } = instance.vnode;
-      if (!el)
-        return;
-      const elList = Array.from(el.querySelectorAll(`.${nsInput.e(place)}`));
-      const target = elList.find((item) => item.parentNode === el);
-      if (!target)
-        return;
-      const pendant = PENDANT_MAP[place];
-      if (slots[pendant]) {
-        target.style.transform = `translateX(${place === "suffix" ? "-" : ""}${el.querySelector(`.${nsInput.be("group", pendant)}`).offsetWidth}px)`;
-      } else {
-        target.removeAttribute("style");
-      }
-    };
-    const updateIconOffset = () => {
-      calcIconOffset("prefix");
-      calcIconOffset("suffix");
-    };
     const handleInput = async (event) => {
       recordCursor();
       let { value } = event.target;
@@ -11798,17 +11773,12 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
       await nextTick();
       setNativeInputValue();
       resizeTextarea();
-      updateIconOffset();
     });
     onMounted(() => {
       if (!props.formatter && props.parser) ;
       setNativeInputValue();
-      updateIconOffset();
       nextTick(resizeTextarea);
     });
-    onUpdated(() => {
-      nextTick(updateIconOffset);
-    });
     expose({
       input,
       textarea,
@@ -11891,6 +11861,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
               "aria-label": _ctx.label,
               placeholder: _ctx.placeholder,
               style: _ctx.inputStyle,
+              form: props.form,
               onCompositionstart: handleCompositionStart,
               onCompositionupdate: handleCompositionUpdate,
               onCompositionend: handleCompositionEnd,
@@ -11987,6 +11958,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
             style: unref(textareaStyle),
             "aria-label": _ctx.label,
             placeholder: _ctx.placeholder,
+            form: props.form,
             onCompositionstart: handleCompositionStart,
             onCompositionupdate: handleCompositionUpdate,
             onCompositionend: handleCompositionEnd,
@@ -12002,7 +11974,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
             class: normalizeClass(unref(nsInput).e("count"))
           }, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 7)) : createCommentVNode("v-if", true)
         ], 64))
-      ], 16, _hoisted_1$14)), [
+      ], 16, _hoisted_1$13)), [
         [vShow, _ctx.type !== "hidden"]
       ]);
     };
@@ -12277,11 +12249,11 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
-const __default__$1q = defineComponent({
+const __default__$1s = defineComponent({
   name: "ElScrollbar"
 });
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+  ...__default__$1s,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -12456,12 +12428,12 @@ const popperProps = buildProps({
 });
 const usePopperProps = popperProps;
 
-const __default__$1p = defineComponent({
+const __default__$1r = defineComponent({
   name: "ElPopperRoot",
   inheritAttrs: false
 });
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+  ...__default__$1r,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12494,12 +12466,12 @@ const popperArrowProps = buildProps({
 });
 const usePopperArrowProps = popperArrowProps;
 
-const __default__$1o = defineComponent({
+const __default__$1q = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
 const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+  ...__default__$1q,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12612,12 +12584,12 @@ const popperTriggerProps = buildProps({
 });
 const usePopperTriggerProps = popperTriggerProps;
 
-const __default__$1n = defineComponent({
+const __default__$1p = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
 const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+  ...__default__$1p,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13103,10 +13075,10 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$A], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$y], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -13270,11 +13242,11 @@ function deriveExtraModifiers(options, modifiers) {
   }
 }
 
-const __default__$1m = defineComponent({
+const __default__$1o = defineComponent({
   name: "ElPopperContent"
 });
 const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1o,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -13560,11 +13532,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1l = defineComponent({
+const __default__$1n = defineComponent({
   name: "ElTooltipTrigger"
 });
 const _sfc_main$23 = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+  ...__default__$1n,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13625,12 +13597,12 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 });
 var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "trigger.vue"]]);
 
-const __default__$1k = defineComponent({
+const __default__$1m = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
 const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+  ...__default__$1m,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13783,13 +13755,13 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 });
 var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "content.vue"]]);
 
-const _hoisted_1$13 = ["innerHTML"];
+const _hoisted_1$12 = ["innerHTML"];
 const _hoisted_2$F = { key: 1 };
-const __default__$1j = defineComponent({
+const __default__$1l = defineComponent({
   name: "ElTooltip"
 });
 const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+  ...__default__$1l,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -13932,7 +13904,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
                 _ctx.rawContent ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   innerHTML: _ctx.content
-                }, null, 8, _hoisted_1$13)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
+                }, null, 8, _hoisted_1$12)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
               ]),
               unref(compatShowArrow) ? (openBlock(), createBlock(unref(ElPopperArrow), {
                 key: 0,
@@ -14019,16 +13991,16 @@ const autocompleteEmits = {
   select: (item) => isObject$1(item)
 };
 
-const _hoisted_1$12 = ["aria-expanded", "aria-owns"];
+const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
 const _hoisted_3$k = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
-const __default__$1i = defineComponent({
+const __default__$1k = defineComponent({
   name: COMPONENT_NAME$i,
   inheritAttrs: false
 });
 const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+  ...__default__$1k,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -14346,7 +14318,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
                 ])
               } : void 0
             ]), 1040, ["model-value", "onKeydown"])
-          ], 14, _hoisted_1$12)
+          ], 14, _hoisted_1$11)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -14387,12 +14359,12 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _hoisted_1$11 = ["src", "alt", "srcset"];
-const __default__$1h = defineComponent({
+const _hoisted_1$10 = ["src", "alt", "srcset"];
+const __default__$1j = defineComponent({
   name: "ElAvatar"
 });
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1j,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -14436,7 +14408,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$11)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$10)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -14472,75 +14444,82 @@ const backtopEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$10 = ["onClick"];
+const useBackTop = (props, emit, componentName) => {
+  const el = shallowRef();
+  const container = shallowRef();
+  const visible = ref(false);
+  const scrollToTop = () => {
+    if (!el.value)
+      return;
+    const beginTime = Date.now();
+    const beginValue = el.value.scrollTop;
+    const frameFunc = () => {
+      if (!el.value)
+        return;
+      const progress = (Date.now() - beginTime) / 500;
+      if (progress < 1) {
+        el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress));
+        requestAnimationFrame(frameFunc);
+      } else {
+        el.value.scrollTop = 0;
+      }
+    };
+    requestAnimationFrame(frameFunc);
+  };
+  const handleScroll = () => {
+    if (el.value)
+      visible.value = el.value.scrollTop >= props.visibilityHeight;
+  };
+  const handleClick = (event) => {
+    scrollToTop();
+    emit("click", event);
+  };
+  const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);
+  useEventListener(container, "scroll", handleScrollThrottled);
+  onMounted(() => {
+    var _a;
+    container.value = document;
+    el.value = document.documentElement;
+    if (props.target) {
+      el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
+      if (!el.value) {
+        throwError(componentName, `target does not exist: ${props.target}`);
+      }
+      container.value = el.value;
+    }
+  });
+  return {
+    visible,
+    handleClick
+  };
+};
+
 const COMPONENT_NAME$h = "ElBacktop";
-const __default__$1g = defineComponent({
+const __default__$1i = defineComponent({
   name: COMPONENT_NAME$h
 });
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1i,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
     const props = __props;
     const ns = useNamespace("backtop");
-    const el = shallowRef();
-    const container = shallowRef();
-    const visible = ref(false);
+    const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME$h);
     const backTopStyle = computed$1(() => ({
       right: `${props.right}px`,
       bottom: `${props.bottom}px`
     }));
-    const scrollToTop = () => {
-      if (!el.value)
-        return;
-      const beginTime = Date.now();
-      const beginValue = el.value.scrollTop;
-      const frameFunc = () => {
-        if (!el.value)
-          return;
-        const progress = (Date.now() - beginTime) / 500;
-        if (progress < 1) {
-          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress));
-          requestAnimationFrame(frameFunc);
-        } else {
-          el.value.scrollTop = 0;
-        }
-      };
-      requestAnimationFrame(frameFunc);
-    };
-    const handleScroll = () => {
-      if (el.value)
-        visible.value = el.value.scrollTop >= props.visibilityHeight;
-    };
-    const handleClick = (event) => {
-      scrollToTop();
-      emit("click", event);
-    };
-    const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);
-    useEventListener(container, "scroll", handleScrollThrottled);
-    onMounted(() => {
-      var _a;
-      container.value = document;
-      el.value = document.documentElement;
-      if (props.target) {
-        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
-        if (!el.value) {
-          throwError(COMPONENT_NAME$h, `target is not existed: ${props.target}`);
-        }
-        container.value = el.value;
-      }
-    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, {
         name: `${unref(ns).namespace.value}-fade-in`
       }, {
         default: withCtx(() => [
-          visible.value ? (openBlock(), createElementBlock("div", {
+          unref(visible) ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle(unref(backTopStyle)),
             class: normalizeClass(unref(ns).b()),
-            onClick: withModifiers(handleClick, ["stop"])
+            onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(handleClick) && unref(handleClick)(...args), ["stop"]))
           }, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createVNode(unref(ElIcon), {
@@ -14552,7 +14531,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ])
-          ], 14, _hoisted_1$10)) : createCommentVNode("v-if", true)
+          ], 6)) : createCommentVNode("v-if", true)
         ]),
         _: 3
       }, 8, ["name"]);
@@ -14582,11 +14561,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$$ = ["textContent"];
-const __default__$1f = defineComponent({
+const __default__$1h = defineComponent({
   name: "ElBadge"
 });
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1h,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14644,11 +14623,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1e = defineComponent({
+const __default__$1g = defineComponent({
   name: "ElBreadcrumb"
 });
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1g,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -14687,11 +14666,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1d = defineComponent({
+const __default__$1f = defineComponent({
   name: "ElBreadcrumbItem"
 });
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1f,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -14743,6 +14722,54 @@ const ElBreadcrumb = withInstall(Breadcrumb, {
 });
 const ElBreadcrumbItem = withNoopInstall(BreadcrumbItem);
 
+const useButton = (props, emit) => {
+  useDeprecated({
+    from: "type.text",
+    replacement: "link",
+    version: "3.0.0",
+    scope: "props",
+    ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
+  }, computed$1(() => props.type === "text"));
+  const buttonGroupContext = inject(buttonGroupContextKey, void 0);
+  const globalConfig = useGlobalConfig("button");
+  const { form } = useFormItem();
+  const _size = useSize(computed$1(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
+  const _disabled = useDisabled();
+  const _ref = ref();
+  const slots = useSlots();
+  const _type = computed$1(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
+  const autoInsertSpace = computed$1(() => {
+    var _a, _b, _c;
+    return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
+  });
+  const shouldAddSpace = computed$1(() => {
+    var _a;
+    const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+    if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
+      const slot = defaultSlot[0];
+      if ((slot == null ? void 0 : slot.type) === Text) {
+        const text = slot.children;
+        return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
+      }
+    }
+    return false;
+  });
+  const handleClick = (evt) => {
+    if (props.nativeType === "reset") {
+      form == null ? void 0 : form.resetFields();
+    }
+    emit("click", evt);
+  };
+  return {
+    _disabled,
+    _size,
+    _type,
+    _ref,
+    shouldAddSpace,
+    handleClick
+  };
+};
+
 const buttonTypes = [
   "default",
   "primary",
@@ -15721,54 +15748,18 @@ function useButtonCustomStyle(props) {
 }
 
 const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__$1c = defineComponent({
+const __default__$1e = defineComponent({
   name: "ElButton"
 });
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1e,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const slots = useSlots();
-    useDeprecated({
-      from: "type.text",
-      replacement: "link",
-      version: "3.0.0",
-      scope: "props",
-      ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
-    }, computed$1(() => props.type === "text"));
-    const buttonGroupContext = inject(buttonGroupContextKey, void 0);
-    const globalConfig = useGlobalConfig("button");
-    const ns = useNamespace("button");
-    const { form } = useFormItem();
-    const _size = useSize(computed$1(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-    const _disabled = useDisabled();
-    const _ref = ref();
-    const _type = computed$1(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
-    const autoInsertSpace = computed$1(() => {
-      var _a, _b, _c;
-      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
-    });
-    const shouldAddSpace = computed$1(() => {
-      var _a;
-      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
-      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
-        const slot = defaultSlot[0];
-        if ((slot == null ? void 0 : slot.type) === Text) {
-          const text = slot.children;
-          return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
-        }
-      }
-      return false;
-    });
     const buttonStyle = useButtonCustomStyle(props);
-    const handleClick = (evt) => {
-      if (props.nativeType === "reset") {
-        form == null ? void 0 : form.resetFields();
-      }
-      emit("click", evt);
-    };
+    const ns = useNamespace("button");
+    const { _ref, _size, _type, _disabled, shouldAddSpace, handleClick } = useButton(props, emit);
     expose({
       ref: _ref,
       size: _size,
@@ -15798,7 +15789,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
         autofocus: _ctx.autofocus,
         type: _ctx.nativeType,
         style: normalizeStyle(unref(buttonStyle)),
-        onClick: handleClick
+        onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClick) && unref(handleClick)(...args))
       }, [
         _ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
@@ -15833,11 +15824,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$1b = defineComponent({
+const __default__$1d = defineComponent({
   name: "ElButtonGroup"
 });
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1d,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -16072,86 +16063,6 @@ var dayjs_min = {exports: {}};
 })(dayjs_min);
 var dayjs = dayjs_min.exports;
 
-var localeData$1 = {exports: {}};
-
-(function(module, exports) {
-  !function(n, e) {
-    module.exports = e() ;
-  }(commonjsGlobal, function() {
-    return function(n, e, t) {
-      var r = e.prototype, o = function(n2) {
-        return n2 && (n2.indexOf ? n2 : n2.s);
-      }, u = function(n2, e2, t2, r2, u2) {
-        var i2 = n2.name ? n2 : n2.$locale(), a2 = o(i2[e2]), s2 = o(i2[t2]), f = a2 || s2.map(function(n3) {
-          return n3.slice(0, r2);
-        });
-        if (!u2)
-          return f;
-        var d = i2.weekStart;
-        return f.map(function(n3, e3) {
-          return f[(e3 + (d || 0)) % 7];
-        });
-      }, i = function() {
-        return t.Ls[t.locale()];
-      }, a = function(n2, e2) {
-        return n2.formats[e2] || function(n3) {
-          return n3.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(n4, e3, t2) {
-            return e3 || t2.slice(1);
-          });
-        }(n2.formats[e2.toUpperCase()]);
-      }, s = function() {
-        var n2 = this;
-        return { months: function(e2) {
-          return e2 ? e2.format("MMMM") : u(n2, "months");
-        }, monthsShort: function(e2) {
-          return e2 ? e2.format("MMM") : u(n2, "monthsShort", "months", 3);
-        }, firstDayOfWeek: function() {
-          return n2.$locale().weekStart || 0;
-        }, weekdays: function(e2) {
-          return e2 ? e2.format("dddd") : u(n2, "weekdays");
-        }, weekdaysMin: function(e2) {
-          return e2 ? e2.format("dd") : u(n2, "weekdaysMin", "weekdays", 2);
-        }, weekdaysShort: function(e2) {
-          return e2 ? e2.format("ddd") : u(n2, "weekdaysShort", "weekdays", 3);
-        }, longDateFormat: function(e2) {
-          return a(n2.$locale(), e2);
-        }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
-      };
-      r.localeData = function() {
-        return s.bind(this)();
-      }, t.localeData = function() {
-        var n2 = i();
-        return { firstDayOfWeek: function() {
-          return n2.weekStart || 0;
-        }, weekdays: function() {
-          return t.weekdays();
-        }, weekdaysShort: function() {
-          return t.weekdaysShort();
-        }, weekdaysMin: function() {
-          return t.weekdaysMin();
-        }, months: function() {
-          return t.months();
-        }, monthsShort: function() {
-          return t.monthsShort();
-        }, longDateFormat: function(e2) {
-          return a(n2, e2);
-        }, meridiem: n2.meridiem, ordinal: n2.ordinal };
-      }, t.months = function() {
-        return u(i(), "months");
-      }, t.monthsShort = function() {
-        return u(i(), "monthsShort", "months", 3);
-      }, t.weekdays = function(n2) {
-        return u(i(), "weekdays", null, null, n2);
-      }, t.weekdaysShort = function(n2) {
-        return u(i(), "weekdaysShort", "weekdays", 3, n2);
-      }, t.weekdaysMin = function(n2) {
-        return u(i(), "weekdaysMin", "weekdays", 2, n2);
-      };
-    };
-  });
-})(localeData$1);
-var localeData = localeData$1.exports;
-
 var customParseFormat$1 = {exports: {}};
 
 (function(module, exports) {
@@ -16489,11 +16400,11 @@ const timePickerDefaultProps = buildProps({
 
 const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$1a = defineComponent({
+const __default__$1c = defineComponent({
   name: "Picker"
 });
 const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1c,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -16746,6 +16657,8 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     };
     const onTouchStartInput = (event) => {
       var _a;
+      if (props.readonly || pickerDisabled.value)
+        return;
       if (((_a = event.touches[0].target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
         pickerVisible.value = true;
       }
@@ -18226,77 +18139,191 @@ const dateTableEmits = {
   pick: (value) => isObject$1(value)
 };
 
+var localeData$1 = {exports: {}};
+
+(function(module, exports) {
+  !function(n, e) {
+    module.exports = e() ;
+  }(commonjsGlobal, function() {
+    return function(n, e, t) {
+      var r = e.prototype, o = function(n2) {
+        return n2 && (n2.indexOf ? n2 : n2.s);
+      }, u = function(n2, e2, t2, r2, u2) {
+        var i2 = n2.name ? n2 : n2.$locale(), a2 = o(i2[e2]), s2 = o(i2[t2]), f = a2 || s2.map(function(n3) {
+          return n3.slice(0, r2);
+        });
+        if (!u2)
+          return f;
+        var d = i2.weekStart;
+        return f.map(function(n3, e3) {
+          return f[(e3 + (d || 0)) % 7];
+        });
+      }, i = function() {
+        return t.Ls[t.locale()];
+      }, a = function(n2, e2) {
+        return n2.formats[e2] || function(n3) {
+          return n3.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(n4, e3, t2) {
+            return e3 || t2.slice(1);
+          });
+        }(n2.formats[e2.toUpperCase()]);
+      }, s = function() {
+        var n2 = this;
+        return { months: function(e2) {
+          return e2 ? e2.format("MMMM") : u(n2, "months");
+        }, monthsShort: function(e2) {
+          return e2 ? e2.format("MMM") : u(n2, "monthsShort", "months", 3);
+        }, firstDayOfWeek: function() {
+          return n2.$locale().weekStart || 0;
+        }, weekdays: function(e2) {
+          return e2 ? e2.format("dddd") : u(n2, "weekdays");
+        }, weekdaysMin: function(e2) {
+          return e2 ? e2.format("dd") : u(n2, "weekdaysMin", "weekdays", 2);
+        }, weekdaysShort: function(e2) {
+          return e2 ? e2.format("ddd") : u(n2, "weekdaysShort", "weekdays", 3);
+        }, longDateFormat: function(e2) {
+          return a(n2.$locale(), e2);
+        }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
+      };
+      r.localeData = function() {
+        return s.bind(this)();
+      }, t.localeData = function() {
+        var n2 = i();
+        return { firstDayOfWeek: function() {
+          return n2.weekStart || 0;
+        }, weekdays: function() {
+          return t.weekdays();
+        }, weekdaysShort: function() {
+          return t.weekdaysShort();
+        }, weekdaysMin: function() {
+          return t.weekdaysMin();
+        }, months: function() {
+          return t.months();
+        }, monthsShort: function() {
+          return t.monthsShort();
+        }, longDateFormat: function(e2) {
+          return a(n2, e2);
+        }, meridiem: n2.meridiem, ordinal: n2.ordinal };
+      }, t.months = function() {
+        return u(i(), "months");
+      }, t.monthsShort = function() {
+        return u(i(), "monthsShort", "months", 3);
+      }, t.weekdays = function(n2) {
+        return u(i(), "weekdays", null, null, n2);
+      }, t.weekdaysShort = function(n2) {
+        return u(i(), "weekdaysShort", "weekdays", 3, n2);
+      }, t.weekdaysMin = function(n2) {
+        return u(i(), "weekdaysMin", "weekdays", 2, n2);
+      };
+    };
+  });
+})(localeData$1);
+var localeData = localeData$1.exports;
+
+const useDateTable = (props, emit) => {
+  dayjs.extend(localeData);
+  const firstDayOfWeek = dayjs.localeData().firstDayOfWeek();
+  const { t, lang } = useLocale();
+  const now = dayjs().locale(lang.value);
+  const isInRange = computed$1(() => !!props.range && !!props.range.length);
+  const rows = computed$1(() => {
+    let days = [];
+    if (isInRange.value) {
+      const [start, end] = props.range;
+      const currentMonthRange = rangeArr(end.date() - start.date() + 1).map((index) => ({
+        text: start.date() + index,
+        type: "current"
+      }));
+      let remaining = currentMonthRange.length % 7;
+      remaining = remaining === 0 ? 0 : 7 - remaining;
+      const nextMonthRange = rangeArr(remaining).map((_, index) => ({
+        text: index + 1,
+        type: "next"
+      }));
+      days = currentMonthRange.concat(nextMonthRange);
+    } else {
+      const firstDay = props.date.startOf("month").day();
+      const prevMonthDays = getPrevMonthLastDays(props.date, (firstDay - firstDayOfWeek + 7) % 7).map((day) => ({
+        text: day,
+        type: "prev"
+      }));
+      const currentMonthDays = getMonthDays(props.date).map((day) => ({
+        text: day,
+        type: "current"
+      }));
+      days = [...prevMonthDays, ...currentMonthDays];
+      const remaining = 7 - (days.length % 7 || 7);
+      const nextMonthDays = rangeArr(remaining).map((_, index) => ({
+        text: index + 1,
+        type: "next"
+      }));
+      days = days.concat(nextMonthDays);
+    }
+    return toNestedArr(days);
+  });
+  const weekDays = computed$1(() => {
+    const start = firstDayOfWeek;
+    if (start === 0) {
+      return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`));
+    } else {
+      return WEEK_DAYS.slice(start).concat(WEEK_DAYS.slice(0, start)).map((_) => t(`el.datepicker.weeks.${_}`));
+    }
+  });
+  const getFormattedDate = (day, type) => {
+    switch (type) {
+      case "prev":
+        return props.date.startOf("month").subtract(1, "month").date(day);
+      case "next":
+        return props.date.startOf("month").add(1, "month").date(day);
+      case "current":
+        return props.date.date(day);
+    }
+  };
+  const handlePickDay = ({ text, type }) => {
+    const date = getFormattedDate(text, type);
+    emit("pick", date);
+  };
+  const getSlotData = ({ text, type }) => {
+    const day = getFormattedDate(text, type);
+    return {
+      isSelected: day.isSame(props.selectedDay),
+      type: `${type}-month`,
+      day: day.format("YYYY-MM-DD"),
+      date: day.toDate()
+    };
+  };
+  return {
+    now,
+    isInRange,
+    rows,
+    weekDays,
+    getFormattedDate,
+    handlePickDay,
+    getSlotData
+  };
+};
+
 const _hoisted_1$W = { key: 0 };
 const _hoisted_2$B = ["onClick"];
-const __default__$19 = defineComponent({
+const __default__$1b = defineComponent({
   name: "DateTable"
 });
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+  ...__default__$1b,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    dayjs.extend(localeData);
-    const { t, lang } = useLocale();
+    const {
+      isInRange,
+      now,
+      rows,
+      weekDays,
+      getFormattedDate,
+      handlePickDay,
+      getSlotData
+    } = useDateTable(props, emit);
     const nsTable = useNamespace("calendar-table");
     const nsDay = useNamespace("calendar-day");
-    const now = dayjs().locale(lang.value);
-    const firstDayOfWeek = dayjs.localeData().firstDayOfWeek();
-    const isInRange = computed$1(() => !!props.range && !!props.range.length);
-    const rows = computed$1(() => {
-      let days = [];
-      if (isInRange.value) {
-        const [start, end] = props.range;
-        const currentMonthRange = rangeArr(end.date() - start.date() + 1).map((index) => ({
-          text: start.date() + index,
-          type: "current"
-        }));
-        let remaining = currentMonthRange.length % 7;
-        remaining = remaining === 0 ? 0 : 7 - remaining;
-        const nextMonthRange = rangeArr(remaining).map((_, index) => ({
-          text: index + 1,
-          type: "next"
-        }));
-        days = currentMonthRange.concat(nextMonthRange);
-      } else {
-        const firstDay = props.date.startOf("month").day();
-        const prevMonthDays = getPrevMonthLastDays(props.date, (firstDay - firstDayOfWeek + 7) % 7).map((day) => ({
-          text: day,
-          type: "prev"
-        }));
-        const currentMonthDays = getMonthDays(props.date).map((day) => ({
-          text: day,
-          type: "current"
-        }));
-        days = [...prevMonthDays, ...currentMonthDays];
-        const remaining = 7 - (days.length % 7 || 7);
-        const nextMonthDays = rangeArr(remaining).map((_, index) => ({
-          text: index + 1,
-          type: "next"
-        }));
-        days = days.concat(nextMonthDays);
-      }
-      return toNestedArr(days);
-    });
-    const weekDays = computed$1(() => {
-      const start = firstDayOfWeek;
-      if (start === 0) {
-        return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`));
-      } else {
-        return WEEK_DAYS.slice(start).concat(WEEK_DAYS.slice(0, start)).map((_) => t(`el.datepicker.weeks.${_}`));
-      }
-    });
-    const getFormattedDate = (day, type) => {
-      switch (type) {
-        case "prev":
-          return props.date.startOf("month").subtract(1, "month").date(day);
-        case "next":
-          return props.date.startOf("month").add(1, "month").date(day);
-        case "current":
-          return props.date.date(day);
-      }
-    };
     const getCellClass = ({ text, type }) => {
       const classes = [type];
       if (type === "current") {
@@ -18310,19 +18337,6 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
       }
       return classes;
     };
-    const handlePickDay = ({ text, type }) => {
-      const date = getFormattedDate(text, type);
-      emit("pick", date);
-    };
-    const getSlotData = ({ text, type }) => {
-      const day = getFormattedDate(text, type);
-      return {
-        isSelected: day.isSame(props.selectedDay),
-        type: `${type}-month`,
-        day: day.format("YYYY-MM-DD"),
-        date: day.toDate()
-      };
-    };
     expose({
       getFormattedDate
     });
@@ -18350,13 +18364,13 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
                 return openBlock(), createElementBlock("td", {
                   key,
                   class: normalizeClass(getCellClass(cell)),
-                  onClick: ($event) => handlePickDay(cell)
+                  onClick: ($event) => unref(handlePickDay)(cell)
                 }, [
                   createElementVNode("div", {
                     class: normalizeClass(unref(nsDay).b())
                   }, [
                     renderSlot(_ctx.$slots, "date-cell", {
-                      data: getSlotData(cell)
+                      data: unref(getSlotData)(cell)
                     }, () => [
                       createElementVNode("span", null, toDisplayString(cell.text), 1)
                     ])
@@ -18372,6 +18386,131 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
 });
 var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "date-table.vue"]]);
 
+const useCalendar = (props, emit, componentName) => {
+  const solts = useSlots();
+  const { t, lang } = useLocale();
+  const selectedDay = ref();
+  const now = dayjs().locale(lang.value);
+  const realSelectedDay = computed$1({
+    get() {
+      if (!props.modelValue)
+        return selectedDay.value;
+      return date.value;
+    },
+    set(val) {
+      if (!val)
+        return;
+      selectedDay.value = val;
+      const result = val.toDate();
+      emit(INPUT_EVENT, result);
+      emit(UPDATE_MODEL_EVENT, result);
+    }
+  });
+  const validatedRange = computed$1(() => {
+    if (!props.range)
+      return [];
+    const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value));
+    const [startDayjs, endDayjs] = rangeArrDayjs;
+    if (startDayjs.isAfter(endDayjs)) {
+      return [];
+    }
+    if (startDayjs.isSame(endDayjs, "month")) {
+      return calculateValidatedDateRange(startDayjs, endDayjs);
+    } else {
+      if (startDayjs.add(1, "month").month() !== endDayjs.month()) {
+        return [];
+      }
+      return calculateValidatedDateRange(startDayjs, endDayjs);
+    }
+  });
+  const date = computed$1(() => {
+    if (!props.modelValue) {
+      if (realSelectedDay.value) {
+        return realSelectedDay.value;
+      } else if (validatedRange.value.length) {
+        return validatedRange.value[0][0];
+      }
+      return now;
+    } else {
+      return dayjs(props.modelValue).locale(lang.value);
+    }
+  });
+  const prevMonthDayjs = computed$1(() => date.value.subtract(1, "month").date(1));
+  const nextMonthDayjs = computed$1(() => date.value.add(1, "month").date(1));
+  const prevYearDayjs = computed$1(() => date.value.subtract(1, "year").date(1));
+  const nextYearDayjs = computed$1(() => date.value.add(1, "year").date(1));
+  const i18nDate = computed$1(() => {
+    const pickedMonth = `el.datepicker.month${date.value.format("M")}`;
+    return `${date.value.year()} ${t("el.datepicker.year")} ${t(pickedMonth)}`;
+  });
+  const calculateValidatedDateRange = (startDayjs, endDayjs) => {
+    const firstDay = startDayjs.startOf("week");
+    const lastDay = endDayjs.endOf("week");
+    const firstMonth = firstDay.get("month");
+    const lastMonth = lastDay.get("month");
+    if (firstMonth === lastMonth) {
+      return [[firstDay, lastDay]];
+    } else if (firstMonth + 1 === lastMonth) {
+      const firstMonthLastDay = firstDay.endOf("month");
+      const lastMonthFirstDay = lastDay.startOf("month");
+      const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, "week");
+      const lastMonthStartDay = isSameWeek ? lastMonthFirstDay.add(1, "week") : lastMonthFirstDay;
+      return [
+        [firstDay, firstMonthLastDay],
+        [lastMonthStartDay.startOf("week"), lastDay]
+      ];
+    } else if (firstMonth + 2 === lastMonth || (firstMonth + 1) % 11 === lastMonth) {
+      const firstMonthLastDay = firstDay.endOf("month");
+      const secondMonthFirstDay = firstDay.add(1, "month").startOf("month");
+      const secondMonthStartDay = firstMonthLastDay.isSame(secondMonthFirstDay, "week") ? secondMonthFirstDay.add(1, "week") : secondMonthFirstDay;
+      const secondMonthLastDay = secondMonthStartDay.endOf("month");
+      const lastMonthFirstDay = lastDay.startOf("month");
+      const lastMonthStartDay = secondMonthLastDay.isSame(lastMonthFirstDay, "week") ? lastMonthFirstDay.add(1, "week") : lastMonthFirstDay;
+      return [
+        [firstDay, firstMonthLastDay],
+        [secondMonthStartDay.startOf("week"), secondMonthLastDay],
+        [lastMonthStartDay.startOf("week"), lastDay]
+      ];
+    } else {
+      return [];
+    }
+  };
+  const pickDay = (day) => {
+    realSelectedDay.value = day;
+  };
+  const selectDate = (type) => {
+    const dateMap = {
+      "prev-month": prevMonthDayjs.value,
+      "next-month": nextMonthDayjs.value,
+      "prev-year": prevYearDayjs.value,
+      "next-year": nextYearDayjs.value,
+      today: now
+    };
+    const day = dateMap[type];
+    if (!day.isSame(date.value, "day")) {
+      pickDay(day);
+    }
+  };
+  useDeprecated({
+    from: '"dateCell"',
+    replacement: '"date-cell"',
+    scope: "ElCalendar",
+    version: "2.3.0",
+    ref: "https://element-plus.org/en-US/component/calendar.html#slots",
+    type: "Slot"
+  }, computed$1(() => !!solts.dateCell));
+  return {
+    calculateValidatedDateRange,
+    date,
+    realSelectedDay,
+    pickDay,
+    selectDate,
+    validatedRange,
+    t,
+    i18nDate
+  };
+};
+
 const isValidRange$1 = (range) => isArray(range) && range.length === 2 && range.every((item) => isDate(item));
 const calendarProps = buildProps({
   modelValue: {
@@ -18388,132 +18527,26 @@ const calendarEmits = {
 };
 
 const COMPONENT_NAME$g = "ElCalendar";
-const __default__$18 = defineComponent({
+const __default__$1a = defineComponent({
   name: COMPONENT_NAME$g
 });
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$1a,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const solts = useSlots();
     const ns = useNamespace("calendar");
-    const { t, lang } = useLocale();
-    const selectedDay = ref();
-    const now = dayjs().locale(lang.value);
-    const realSelectedDay = computed$1({
-      get() {
-        if (!props.modelValue)
-          return selectedDay.value;
-        return date.value;
-      },
-      set(val) {
-        if (!val)
-          return;
-        selectedDay.value = val;
-        const result = val.toDate();
-        emit(INPUT_EVENT, result);
-        emit(UPDATE_MODEL_EVENT, result);
-      }
-    });
-    const validatedRange = computed$1(() => {
-      if (!props.range)
-        return [];
-      const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value));
-      const [startDayjs, endDayjs] = rangeArrDayjs;
-      if (startDayjs.isAfter(endDayjs)) {
-        return [];
-      }
-      if (startDayjs.isSame(endDayjs, "month")) {
-        return calculateValidatedDateRange(startDayjs, endDayjs);
-      } else {
-        if (startDayjs.add(1, "month").month() !== endDayjs.month()) {
-          return [];
-        }
-        return calculateValidatedDateRange(startDayjs, endDayjs);
-      }
-    });
-    const date = computed$1(() => {
-      if (!props.modelValue) {
-        if (realSelectedDay.value) {
-          return realSelectedDay.value;
-        } else if (validatedRange.value.length) {
-          return validatedRange.value[0][0];
-        }
-        return now;
-      } else {
-        return dayjs(props.modelValue).locale(lang.value);
-      }
-    });
-    const prevMonthDayjs = computed$1(() => date.value.subtract(1, "month").date(1));
-    const nextMonthDayjs = computed$1(() => date.value.add(1, "month").date(1));
-    const prevYearDayjs = computed$1(() => date.value.subtract(1, "year").date(1));
-    const nextYearDayjs = computed$1(() => date.value.add(1, "year").date(1));
-    const i18nDate = computed$1(() => {
-      const pickedMonth = `el.datepicker.month${date.value.format("M")}`;
-      return `${date.value.year()} ${t("el.datepicker.year")} ${t(pickedMonth)}`;
-    });
-    const calculateValidatedDateRange = (startDayjs, endDayjs) => {
-      const firstDay = startDayjs.startOf("week");
-      const lastDay = endDayjs.endOf("week");
-      const firstMonth = firstDay.get("month");
-      const lastMonth = lastDay.get("month");
-      if (firstMonth === lastMonth) {
-        return [[firstDay, lastDay]];
-      } else if (firstMonth + 1 === lastMonth) {
-        const firstMonthLastDay = firstDay.endOf("month");
-        const lastMonthFirstDay = lastDay.startOf("month");
-        const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, "week");
-        const lastMonthStartDay = isSameWeek ? lastMonthFirstDay.add(1, "week") : lastMonthFirstDay;
-        return [
-          [firstDay, firstMonthLastDay],
-          [lastMonthStartDay.startOf("week"), lastDay]
-        ];
-      } else if (firstMonth + 2 === lastMonth || (firstMonth + 1) % 11 === lastMonth) {
-        const firstMonthLastDay = firstDay.endOf("month");
-        const secondMonthFirstDay = firstDay.add(1, "month").startOf("month");
-        const secondMonthStartDay = firstMonthLastDay.isSame(secondMonthFirstDay, "week") ? secondMonthFirstDay.add(1, "week") : secondMonthFirstDay;
-        const secondMonthLastDay = secondMonthStartDay.endOf("month");
-        const lastMonthFirstDay = lastDay.startOf("month");
-        const lastMonthStartDay = secondMonthLastDay.isSame(lastMonthFirstDay, "week") ? lastMonthFirstDay.add(1, "week") : lastMonthFirstDay;
-        return [
-          [firstDay, firstMonthLastDay],
-          [secondMonthStartDay.startOf("week"), secondMonthLastDay],
-          [lastMonthStartDay.startOf("week"), lastDay]
-        ];
-      } else {
-        return [];
-      }
-    };
-    const pickDay = (day) => {
-      realSelectedDay.value = day;
-    };
-    const selectDate = (type) => {
-      let day;
-      if (type === "prev-month") {
-        day = prevMonthDayjs.value;
-      } else if (type === "next-month") {
-        day = nextMonthDayjs.value;
-      } else if (type === "prev-year") {
-        day = prevYearDayjs.value;
-      } else if (type === "next-year") {
-        day = nextYearDayjs.value;
-      } else {
-        day = now;
-      }
-      if (day.isSame(date.value, "day"))
-        return;
-      pickDay(day);
-    };
-    useDeprecated({
-      from: '"dateCell"',
-      replacement: '"date-cell"',
-      scope: "ElCalendar",
-      version: "2.3.0",
-      ref: "https://element-plus.org/en-US/component/calendar.html#slots",
-      type: "Slot"
-    }, computed$1(() => !!solts.dateCell));
+    const {
+      calculateValidatedDateRange,
+      date,
+      pickDay,
+      realSelectedDay,
+      selectDate,
+      t,
+      i18nDate,
+      validatedRange
+    } = useCalendar(props, emit);
     expose({
       selectedDay: realSelectedDay,
       pickDay,
@@ -18539,7 +18572,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(ElButton), {
                     size: "small",
-                    onClick: _cache[0] || (_cache[0] = ($event) => selectDate("prev-month"))
+                    onClick: _cache[0] || (_cache[0] = ($event) => unref(selectDate)("prev-month"))
                   }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(unref(t)("el.datepicker.prevMonth")), 1)
@@ -18548,7 +18581,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(unref(ElButton), {
                     size: "small",
-                    onClick: _cache[1] || (_cache[1] = ($event) => selectDate("today"))
+                    onClick: _cache[1] || (_cache[1] = ($event) => unref(selectDate)("today"))
                   }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(unref(t)("el.datepicker.today")), 1)
@@ -18557,7 +18590,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(unref(ElButton), {
                     size: "small",
-                    onClick: _cache[2] || (_cache[2] = ($event) => selectDate("next-month"))
+                    onClick: _cache[2] || (_cache[2] = ($event) => unref(selectDate)("next-month"))
                   }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(unref(t)("el.datepicker.nextMonth")), 1)
@@ -18577,7 +18610,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
           createVNode(DateTable$1, {
             date: unref(date),
             "selected-day": unref(realSelectedDay),
-            onPick: pickDay
+            onPick: unref(pickDay)
           }, createSlots({ _: 2 }, [
             _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
               name: "date-cell",
@@ -18585,7 +18618,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
                 _ctx.$slots["date-cell"] ? renderSlot(_ctx.$slots, "date-cell", normalizeProps(mergeProps({ key: 0 }, data))) : renderSlot(_ctx.$slots, "dateCell", normalizeProps(mergeProps({ key: 1 }, data)))
               ])
             } : void 0
-          ]), 1032, ["date", "selected-day"])
+          ]), 1032, ["date", "selected-day", "onPick"])
         ], 2)) : (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(unref(ns).e("body"))
@@ -18597,7 +18630,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
               "selected-day": unref(realSelectedDay),
               range: range_,
               "hide-header": index !== 0,
-              onPick: pickDay
+              onPick: unref(pickDay)
             }, createSlots({ _: 2 }, [
               _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
                 name: "date-cell",
@@ -18605,7 +18638,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
                   _ctx.$slots["date-cell"] ? renderSlot(_ctx.$slots, "date-cell", normalizeProps(mergeProps({ key: 0 }, data))) : renderSlot(_ctx.$slots, "dateCell", normalizeProps(mergeProps({ key: 1 }, data)))
                 ])
               } : void 0
-            ]), 1032, ["date", "selected-day", "range", "hide-header"]);
+            ]), 1032, ["date", "selected-day", "range", "hide-header", "onPick"]);
           }), 128))
         ], 2))
       ], 2);
@@ -18632,11 +18665,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$17 = defineComponent({
+const __default__$19 = defineComponent({
   name: "ElCard"
 });
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$19,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -18729,11 +18762,11 @@ const _hoisted_1$V = ["onMouseenter", "onMouseleave"];
 const _hoisted_2$A = ["onMouseenter", "onClick"];
 const _hoisted_3$j = { key: 0 };
 const THROTTLE_TIME = 300;
-const __default__$16 = defineComponent({
+const __default__$18 = defineComponent({
   name: "ElCarousel"
 });
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$18,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -19043,11 +19076,11 @@ const carouselItemProps = buildProps({
 });
 
 const CARD_SCALE = 0.83;
-const __default__$15 = defineComponent({
+const __default__$17 = defineComponent({
   name: "ElCarouselItem"
 });
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$17,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -19413,11 +19446,11 @@ const useCheckbox = (props, slots) => {
 const _hoisted_1$U = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$i = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-const __default__$14 = defineComponent({
+const __default__$16 = defineComponent({
   name: "ElCheckbox"
 });
 const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$16,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19518,11 +19551,11 @@ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox.v
 
 const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-const __default__$13 = defineComponent({
+const __default__$15 = defineComponent({
   name: "ElCheckboxButton"
 });
 const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$15,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19629,11 +19662,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray(val)
 };
 
-const __default__$12 = defineComponent({
+const __default__$14 = defineComponent({
   name: "ElCheckboxGroup"
 });
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$14,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -19761,11 +19794,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$S = ["value", "name", "disabled"];
-const __default__$11 = defineComponent({
+const __default__$13 = defineComponent({
   name: "ElRadio"
 });
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+  ...__default__$13,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -19837,11 +19870,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$R = ["value", "name", "disabled"];
-const __default__$10 = defineComponent({
+const __default__$12 = defineComponent({
   name: "ElRadioButton"
 });
 const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+  ...__default__$12,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -19931,11 +19964,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
-const __default__$$ = defineComponent({
+const __default__$11 = defineComponent({
   name: "ElRadioGroup"
 });
 const _sfc_main$1G = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$11,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -20131,7 +20164,7 @@ const _sfc_main$1F = defineComponent({
 });
 const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$x = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -20214,7 +20247,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$P);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$z], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$x], ["__file", "node.vue"]]);
 
 const _sfc_main$1E = defineComponent({
   name: "ElCascaderMenu",
@@ -20294,7 +20327,7 @@ const _sfc_main$1E = defineComponent({
     };
   }
 });
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -20347,7 +20380,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$y], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$w], ["__file", "menu.vue"]]);
 
 let uid = 0;
 const calculatePathNodes = (node) => {
@@ -20715,7 +20748,7 @@ const _sfc_main$1D = defineComponent({
         const values = multiple ? castArray(modelValue) : [modelValue];
         const nodes = unique(values.map((val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)));
         syncMenuState(nodes, forced);
-        checkedValue.value = modelValue;
+        checkedValue.value = cloneDeep(modelValue);
       }
     };
     const syncMenuState = (newCheckedNodes, reserveExpandingState = true) => {
@@ -20794,8 +20827,10 @@ const _sfc_main$1D = defineComponent({
     watch(() => props.modelValue, () => {
       manualChecked = false;
       syncCheckedValue();
+    }, {
+      deep: true
     });
-    watch(checkedValue, (val) => {
+    watch(() => checkedValue.value, (val) => {
       if (!isEqual$1(val, props.modelValue)) {
         emit(UPDATE_MODEL_EVENT, val);
         emit(CHANGE_EVENT, val);
@@ -20818,7 +20853,7 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_menu = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20835,7 +20870,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$x], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$v], ["__file", "index.vue"]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -20873,11 +20908,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$_ = defineComponent({
+const __default__$10 = defineComponent({
   name: "ElTag"
 });
 const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$10,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -21101,7 +21136,7 @@ const _sfc_main$1B = defineComponent({
     });
     const checkedValue = computed$1({
       get() {
-        return props.modelValue;
+        return cloneDeep(props.modelValue);
       },
       set(val) {
         emit(UPDATE_MODEL_EVENT, val);
@@ -21411,7 +21446,7 @@ const _sfc_main$1B = defineComponent({
 const _hoisted_1$O = { key: 0 };
 const _hoisted_2$w = ["placeholder"];
 const _hoisted_3$h = ["onClick"];
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -21639,7 +21674,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
 }
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$w], ["__file", "index.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$u], ["__file", "index.vue"]]);
 
 Cascader.install = (app) => {
   app.component(Cascader.name, Cascader);
@@ -21658,11 +21693,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$Z = defineComponent({
+const __default__$$ = defineComponent({
   name: "ElCheckTag"
 });
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$$,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -21730,11 +21765,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$Y = defineComponent({
+const __default__$_ = defineComponent({
   name: "ElCol"
 });
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+  ...__default__$_,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -21804,11 +21839,11 @@ const collapseEmits = {
   [CHANGE_EVENT]: emitChangeFn
 };
 
-const __default__$X = defineComponent({
+const __default__$Z = defineComponent({
   name: "ElCollapse"
 });
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+  ...__default__$Z,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -21859,11 +21894,11 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
 });
 var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-const __default__$W = defineComponent({
+const __default__$Y = defineComponent({
   name: "ElCollapseTransition"
 });
 const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+  ...__default__$Y,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const on = {
@@ -21951,11 +21986,11 @@ const collapseItemProps = buildProps({
 const _hoisted_1$N = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
 const _hoisted_3$g = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$V = defineComponent({
+const __default__$X = defineComponent({
   name: "ElCollapseItem"
 });
 const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+  ...__default__$X,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -22207,7 +22242,7 @@ const _sfc_main$1v = defineComponent({
     };
   }
 });
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -22229,7 +22264,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$v], ["__file", "alpha-slider.vue"]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$t], ["__file", "alpha-slider.vue"]]);
 
 const _sfc_main$1u = defineComponent({
   name: "ElColorHueSlider",
@@ -22332,7 +22367,7 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -22351,7 +22386,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$u], ["__file", "hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$s], ["__file", "hue-slider.vue"]]);
 
 const colorPickerProps = buildProps({
   modelValue: String,
@@ -22717,7 +22752,7 @@ const _sfc_main$1t = defineComponent({
   }
 });
 const _hoisted_1$M = ["onClick"];
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -22742,7 +22777,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$t], ["__file", "predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$r], ["__file", "predefine.vue"]]);
 
 const _sfc_main$1s = defineComponent({
   name: "ElSlPanel",
@@ -22818,7 +22853,7 @@ const _hoisted_1$L = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_2$u = [
   _hoisted_1$L
 ];
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
@@ -22840,14 +22875,14 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_2$u, 6)
   ], 6);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$s], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$q], ["__file", "sv-panel.vue"]]);
 
 const _hoisted_1$K = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"];
-const __default__$U = defineComponent({
+const __default__$W = defineComponent({
   name: "ElColorPicker"
 });
 const _sfc_main$1r = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+  ...__default__$W,
   props: colorPickerProps,
   emits: colorPickerEmits,
   setup(__props, { expose, emit }) {
@@ -23183,11 +23218,11 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const __default__$T = defineComponent({
+const __default__$V = defineComponent({
   name: "ElContainer"
 });
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+  ...__default__$V,
   props: {
     direction: {
       type: String
@@ -23224,11 +23259,11 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-const __default__$S = defineComponent({
+const __default__$U = defineComponent({
   name: "ElAside"
 });
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+  ...__default__$U,
   props: {
     width: {
       type: String,
@@ -23251,11 +23286,11 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
 });
 var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-const __default__$R = defineComponent({
+const __default__$T = defineComponent({
   name: "ElFooter"
 });
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+  ...__default__$T,
   props: {
     height: {
       type: String,
@@ -23278,11 +23313,11 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
 });
 var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-const __default__$Q = defineComponent({
+const __default__$S = defineComponent({
   name: "ElHeader"
 });
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+  ...__default__$S,
   props: {
     height: {
       type: String,
@@ -23309,11 +23344,11 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
 });
 var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-const __default__$P = defineComponent({
+const __default__$R = defineComponent({
   name: "ElMain"
 });
 const _sfc_main$1m = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+  ...__default__$R,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -25761,11 +25796,11 @@ const _hoisted_1$E = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$a = ["disabled"];
 const unit = "year";
-const __default__$O = defineComponent({
+const __default__$Q = defineComponent({
   name: "DatePickerMonthRange"
 });
 const _sfc_main$1g = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+  ...__default__$Q,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -26145,11 +26180,11 @@ const descriptionsRowProps = buildProps({
 });
 
 const _hoisted_1$D = { key: 1 };
-const __default__$N = defineComponent({
+const __default__$P = defineComponent({
   name: "ElDescriptionsRow"
 });
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+  ...__default__$P,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -26230,11 +26265,11 @@ const descriptionProps = buildProps({
   }
 });
 
-const __default__$M = defineComponent({
+const __default__$O = defineComponent({
   name: "ElDescriptions"
 });
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+  ...__default__$O,
   props: descriptionProps,
   setup(__props) {
     const props = __props;
@@ -26475,9 +26510,9 @@ const dialogContentEmits = {
 
 const _hoisted_1$C = ["aria-label"];
 const _hoisted_2$n = ["id"];
-const __default__$L = defineComponent({ name: "ElDialogContent" });
+const __default__$N = defineComponent({ name: "ElDialogContent" });
 const _sfc_main$1d = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+  ...__default__$N,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -26711,6 +26746,12 @@ const useDialog = (props, targetRef) => {
   function onCloseAutoFocus() {
     emit("closeAutoFocus");
   }
+  function onFocusoutPrevented(event) {
+    var _a;
+    if (((_a = event.detail) == null ? void 0 : _a.focusReason) === "pointer") {
+      event.preventDefault();
+    }
+  }
   if (props.lockScroll) {
     useLockscreen(visible);
   }
@@ -26765,6 +26806,7 @@ const useDialog = (props, targetRef) => {
     onOpenAutoFocus,
     onCloseAutoFocus,
     onCloseRequested,
+    onFocusoutPrevented,
     titleId,
     bodyId,
     closed,
@@ -26777,12 +26819,12 @@ const useDialog = (props, targetRef) => {
 };
 
 const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$K = defineComponent({
+const __default__$M = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
 });
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+  ...__default__$M,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -26822,7 +26864,8 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       onModalClick,
       onOpenAutoFocus,
       onCloseAutoFocus,
-      onCloseRequested
+      onCloseRequested,
+      onFocusoutPrevented
     } = useDialog(props, dialogRef);
     provide(dialogInjectionKey, {
       dialogRef,
@@ -26876,6 +26919,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                     "focus-start-el": "container",
                     onFocusAfterTrapped: unref(onOpenAutoFocus),
                     onFocusAfterReleased: unref(onCloseAutoFocus),
+                    onFocusoutPrevented: unref(onFocusoutPrevented),
                     onReleaseRequested: unref(onCloseRequested)
                   }, {
                     default: withCtx(() => [
@@ -26916,7 +26960,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                       ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : createCommentVNode("v-if", true)
                     ]),
                     _: 3
-                  }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
+                  }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
                 ], 46, _hoisted_1$B)
               ]),
               _: 3
@@ -26951,11 +26995,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$J = defineComponent({
+const __default__$L = defineComponent({
   name: "ElDivider"
 });
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+  ...__default__$L,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -27046,7 +27090,7 @@ const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
 const _hoisted_2$m = ["id"];
 const _hoisted_3$9 = ["aria-label"];
 const _hoisted_4$7 = ["id"];
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_focus_trap = resolveComponent("el-focus-trap");
@@ -27158,26 +27202,26 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
   ], 8, ["disabled"]);
 }
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$r], ["__file", "drawer.vue"]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$p], ["__file", "drawer.vue"]]);
 
 const ElDrawer = withInstall(Drawer);
 
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$q], ["__file", "collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$o], ["__file", "collection.vue"]]);
 
 const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$p], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$n], ["__file", "collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -27397,10 +27441,10 @@ const _sfc_main$17 = defineComponent({
     useEventListener(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
   }
 });
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$o], ["__file", "roving-focus-group-impl.vue"]]);
+var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$m], ["__file", "roving-focus-group-impl.vue"]]);
 
 const _sfc_main$16 = defineComponent({
   name: "ElRovingFocusGroup",
@@ -27409,7 +27453,7 @@ const _sfc_main$16 = defineComponent({
     ElRovingFocusGroupImpl
   }
 });
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
   const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
   return openBlock(), createBlock(_component_el_focus_group_collection, null, {
@@ -27424,7 +27468,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$n], ["__file", "roving-focus-group.vue"]]);
+var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$l], ["__file", "roving-focus-group.vue"]]);
 
 const _sfc_main$15 = defineComponent({
   components: {
@@ -27511,7 +27555,7 @@ const _sfc_main$15 = defineComponent({
     };
   }
 });
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_collection_item = resolveComponent("el-roving-focus-collection-item");
   return openBlock(), createBlock(_component_el_roving_focus_collection_item, {
     id: _ctx.id,
@@ -27524,7 +27568,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "focusable", "active"]);
 }
-var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$m], ["__file", "roving-focus-item.vue"]]);
+var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$k], ["__file", "roving-focus-item.vue"]]);
 
 const dropdownProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,
@@ -27750,7 +27794,7 @@ const _sfc_main$14 = defineComponent({
     };
   }
 });
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_dropdown_collection = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
@@ -27882,7 +27926,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$l], ["__file", "dropdown.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$j], ["__file", "dropdown.vue"]]);
 
 const _sfc_main$13 = defineComponent({
   name: "DropdownItemImpl",
@@ -27936,7 +27980,7 @@ const _sfc_main$13 = defineComponent({
   }
 });
 const _hoisted_1$z = ["aria-disabled", "tabindex", "role"];
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.divided ? (openBlock(), createElementBlock("li", mergeProps({
@@ -27966,7 +28010,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     ], 16, _hoisted_1$z)
   ], 64);
 }
-var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$k], ["__file", "dropdown-item-impl.vue"]]);
+var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$i], ["__file", "dropdown-item-impl.vue"]]);
 
 const useDropdown = () => {
   const elDropdown = inject("elDropdown", {});
@@ -28042,7 +28086,7 @@ const _sfc_main$12 = defineComponent({
     };
   }
 });
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_dropdown_item_impl = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
@@ -28073,7 +28117,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["disabled", "text-value"]);
 }
-var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$j], ["__file", "dropdown-item.vue"]]);
+var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$h], ["__file", "dropdown-item.vue"]]);
 
 const _sfc_main$11 = defineComponent({
   name: "ElDropdownMenu",
@@ -28139,7 +28183,7 @@ const _sfc_main$11 = defineComponent({
   }
 });
 const _hoisted_1$y = ["role", "aria-labelledby"];
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
     class: normalizeClass(_ctx.dropdownKls),
@@ -28155,7 +28199,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 46, _hoisted_1$y);
 }
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$i], ["__file", "dropdown-menu.vue"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$g], ["__file", "dropdown-menu.vue"]]);
 
 const ElDropdown = withInstall(Dropdown, {
   DropdownItem,
@@ -28185,7 +28229,7 @@ const _hoisted_2$l = ["id"];
 const _hoisted_3$8 = ["stop-color"];
 const _hoisted_4$6 = ["stop-color"];
 const _hoisted_5$5 = ["id"];
-const _hoisted_6$2 = ["stop-color"];
+const _hoisted_6$1 = ["stop-color"];
 const _hoisted_7 = ["stop-color"];
 const _hoisted_8 = ["id"];
 const _hoisted_9 = {
@@ -28221,7 +28265,7 @@ const _hoisted_20 = {
 const _hoisted_21 = ["fill", "xlink:href"];
 const _hoisted_22 = ["fill", "mask"];
 const _hoisted_23 = ["fill"];
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$x, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
@@ -28250,7 +28294,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("stop", {
           "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
           offset: "0%"
-        }, null, 8, _hoisted_6$2),
+        }, null, 8, _hoisted_6$1),
         createElementVNode("stop", {
           "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-6")})`,
           offset: "100%"
@@ -28340,7 +28384,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$h], ["__file", "img-empty.vue"]]);
+var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$f], ["__file", "img-empty.vue"]]);
 
 const emptyProps = {
   image: {
@@ -28356,11 +28400,11 @@ const emptyProps = {
 
 const _hoisted_1$w = ["src"];
 const _hoisted_2$k = { key: 1 };
-const __default__$I = defineComponent({
+const __default__$K = defineComponent({
   name: "ElEmpty"
 });
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+  ...__default__$K,
   props: emptyProps,
   setup(__props) {
     const props = __props;
@@ -28493,11 +28537,11 @@ const filterFields = (fields, props) => {
 };
 
 const COMPONENT_NAME$e = "ElForm";
-const __default__$H = defineComponent({
+const __default__$J = defineComponent({
   name: COMPONENT_NAME$e
 });
 const _sfc_main$_ = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+  ...__default__$J,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -29803,11 +29847,11 @@ var FormLabelWrap = defineComponent({
 });
 
 const _hoisted_1$v = ["role", "aria-labelledby"];
-const __default__$G = defineComponent({
+const __default__$I = defineComponent({
   name: "ElFormItem"
 });
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+  ...__default__$I,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -30144,11 +30188,11 @@ const imageViewerEmits = {
 };
 
 const _hoisted_1$u = ["src"];
-const __default__$F = defineComponent({
+const __default__$H = defineComponent({
   name: "ElImageViewer"
 });
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+  ...__default__$H,
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { expose, emit }) {
@@ -30593,12 +30637,12 @@ const imageEmits = {
 
 const _hoisted_1$t = ["src", "loading"];
 const _hoisted_2$j = { key: 0 };
-const __default__$E = defineComponent({
+const __default__$G = defineComponent({
   name: "ElImage",
   inheritAttrs: false
 });
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+  ...__default__$G,
   props: imageProps,
   emits: imageEmits,
   setup(__props, { emit }) {
@@ -30859,11 +30903,11 @@ const inputNumberEmits = {
 
 const _hoisted_1$s = ["aria-label", "onKeydown"];
 const _hoisted_2$i = ["aria-label", "onKeydown"];
-const __default__$D = defineComponent({
+const __default__$F = defineComponent({
   name: "ElInputNumber"
 });
 const _sfc_main$W = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+  ...__default__$F,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -31162,11 +31206,11 @@ const linkEmits = {
 };
 
 const _hoisted_1$r = ["href"];
-const __default__$C = defineComponent({
+const __default__$E = defineComponent({
   name: "ElLink"
 });
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+  ...__default__$E,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -31376,7 +31420,7 @@ const _sfc_main$U = defineComponent({
     };
   }
 });
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, mergeProps({ mode: "out-in" }, _ctx.listeners), {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
@@ -31384,7 +31428,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16);
 }
-var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$g], ["__file", "menu-collapse-transition.vue"]]);
+var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$e], ["__file", "menu-collapse-transition.vue"]]);
 
 function useMenu(instance, currentIndex) {
   const indexPath = computed$1(() => {
@@ -32071,7 +32115,7 @@ const _sfc_main$T = defineComponent({
     };
   }
 });
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = resolveComponent("el-tooltip");
   return openBlock(), createElementBlock("li", {
     class: normalizeClass([
@@ -32107,7 +32151,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$f], ["__file", "menu-item.vue"]]);
+var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$d], ["__file", "menu-item.vue"]]);
 
 const menuItemGroupProps = {
   title: String
@@ -32124,7 +32168,7 @@ const _sfc_main$S = defineComponent({
     };
   }
 });
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -32140,7 +32184,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$e], ["__file", "menu-item-group.vue"]]);
+var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$c], ["__file", "menu-item-group.vue"]]);
 
 const ElMenu = withInstall(Menu, {
   MenuItem,
@@ -32167,11 +32211,11 @@ const pageHeaderEmits = {
 };
 
 const _hoisted_1$q = ["aria-label"];
-const __default__$B = defineComponent({
+const __default__$D = defineComponent({
   name: "ElPageHeader"
 });
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+  ...__default__$D,
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
@@ -32283,11 +32327,11 @@ const paginationPrevEmits = {
 
 const _hoisted_1$p = ["disabled", "aria-disabled"];
 const _hoisted_2$h = { key: 0 };
-const __default__$A = defineComponent({
+const __default__$C = defineComponent({
   name: "ElPaginationPrev"
 });
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+  ...__default__$C,
   props: paginationPrevProps,
   emits: paginationPrevEmits,
   setup(__props) {
@@ -32333,11 +32377,11 @@ const paginationNextProps = buildProps({
 
 const _hoisted_1$o = ["disabled", "aria-disabled"];
 const _hoisted_2$g = { key: 0 };
-const __default__$z = defineComponent({
+const __default__$B = defineComponent({
   name: "ElPaginationNext"
 });
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+  ...__default__$B,
   props: paginationNextProps,
   emits: ["click"],
   setup(__props) {
@@ -32520,7 +32564,7 @@ const _sfc_main$O = defineComponent({
     };
   }
 });
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     class: normalizeClass([
       _ctx.ns.be("dropdown", "item"),
@@ -32540,7 +32584,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$d], ["__file", "option.vue"]]);
+var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$b], ["__file", "option.vue"]]);
 
 const _sfc_main$N = defineComponent({
   name: "ElSelectDropdown",
@@ -32569,7 +32613,7 @@ const _sfc_main$N = defineComponent({
     };
   }
 });
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
     style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -32577,7 +32621,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$c], ["__file", "select-dropdown.vue"]]);
+var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
 
 function useSelectStates(props) {
   const { t } = useLocale();
@@ -33608,7 +33652,7 @@ const _sfc_main$M = defineComponent({
 });
 const _hoisted_1$n = ["disabled", "autocomplete"];
 const _hoisted_2$f = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -33913,7 +33957,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
   ]);
 }
-var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$b], ["__file", "select.vue"]]);
+var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$9], ["__file", "select.vue"]]);
 
 const _sfc_main$L = defineComponent({
   name: "ElOptionGroup",
@@ -33961,7 +34005,7 @@ const _sfc_main$L = defineComponent({
     };
   }
 });
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("ul", {
     class: normalizeClass(_ctx.ns.be("group", "wrap"))
   }, [
@@ -33979,7 +34023,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$a], ["__file", "option-group.vue"]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
 
 const ElSelect = withInstall(Select$1, {
   Option,
@@ -34009,11 +34053,11 @@ const paginationSizesProps = buildProps({
   }
 });
 
-const __default__$y = defineComponent({
+const __default__$A = defineComponent({
   name: "ElPaginationSizes"
 });
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+  ...__default__$A,
   props: paginationSizesProps,
   emits: ["page-size-change"],
   setup(__props, { emit }) {
@@ -34071,11 +34115,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
 const _hoisted_1$m = ["disabled"];
-const __default__$x = defineComponent({
+const __default__$z = defineComponent({
   name: "ElPaginationJumper"
 });
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+  ...__default__$z,
   setup(__props) {
     const { t } = useLocale();
     const ns = useNamespace("pagination");
@@ -34126,11 +34170,11 @@ const paginationTotalProps = buildProps({
 });
 
 const _hoisted_1$l = ["disabled"];
-const __default__$w = defineComponent({
+const __default__$y = defineComponent({
   name: "ElPaginationTotal"
 });
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+  ...__default__$y,
   props: paginationTotalProps,
   setup(__props) {
     const { t } = useLocale();
@@ -34169,12 +34213,12 @@ const _hoisted_2$e = ["aria-current", "tabindex"];
 const _hoisted_3$7 = ["tabindex"];
 const _hoisted_4$5 = ["aria-current", "tabindex"];
 const _hoisted_5$4 = ["tabindex"];
-const _hoisted_6$1 = ["aria-current", "tabindex"];
-const __default__$v = defineComponent({
+const _hoisted_6 = ["aria-current", "tabindex"];
+const __default__$x = defineComponent({
   name: "ElPaginationPager"
 });
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+  ...__default__$x,
   props: paginationPagerProps,
   emits: ["change"],
   setup(__props, { emit }) {
@@ -34359,7 +34403,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           ], "number"]),
           "aria-current": _ctx.currentPage === _ctx.pageCount,
           tabindex: unref(tabindex)
-        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$1)) : createCommentVNode("v-if", true)
+        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : createCommentVNode("v-if", true)
       ], 42, _hoisted_1$k);
     };
   }
@@ -34666,11 +34710,11 @@ const popconfirmProps = buildProps({
   }
 });
 
-const __default__$u = defineComponent({
+const __default__$w = defineComponent({
   name: "ElPopconfirm"
 });
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+  ...__default__$w,
   props: popconfirmProps,
   setup(__props) {
     const props = __props;
@@ -34833,11 +34877,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$t = defineComponent({
+const __default__$v = defineComponent({
   name: "ElPopover"
 });
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+  ...__default__$v,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -35023,11 +35067,11 @@ const _hoisted_2$d = { viewBox: "0 0 100 100" };
 const _hoisted_3$6 = ["d", "stroke", "stroke-width"];
 const _hoisted_4$4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
 const _hoisted_5$3 = { key: 0 };
-const __default__$s = defineComponent({
+const __default__$u = defineComponent({
   name: "ElProgress"
 });
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+  ...__default__$u,
   props: progressProps,
   setup(__props) {
     const props = __props;
@@ -35311,11 +35355,11 @@ const rateEmits = {
 
 const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
 const _hoisted_2$c = ["onMousemove", "onClick"];
-const __default__$r = defineComponent({
+const __default__$t = defineComponent({
   name: "ElRate"
 });
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+  ...__default__$t,
   props: rateProps,
   emits: rateEmits,
   setup(__props, { expose, emit }) {
@@ -35583,11 +35627,11 @@ const resultProps = buildProps({
   }
 });
 
-const __default__$q = defineComponent({
+const __default__$s = defineComponent({
   name: "ElResult"
 });
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+  ...__default__$s,
   props: resultProps,
   setup(__props) {
     const props = __props;
@@ -35675,11 +35719,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$p = defineComponent({
+const __default__$r = defineComponent({
   name: "ElRow"
 });
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+  ...__default__$r,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -35831,7 +35875,7 @@ const useWheel = ({ atEndEdge, atStartEdge, layout }, onWheelDelta) => {
 };
 var useWheel$1 = useWheel;
 
-const itemSize = buildProp({
+const itemSize$1 = buildProp({
   type: definePropType([Number, Function]),
   required: true
 });
@@ -35908,7 +35952,7 @@ const virtualizedListProps = buildProps({
   layout,
   initScrollOffset,
   total,
-  itemSize,
+  itemSize: itemSize$1,
   ...virtualizedProps
 });
 const scrollbarSize = {
@@ -35919,7 +35963,7 @@ const startGap = { type: Number, default: 0 };
 const endGap = { type: Number, default: 2 };
 const virtualizedGridProps = buildProps({
   columnCache: cache,
-  columnWidth: itemSize,
+  columnWidth: itemSize$1,
   estimatedColumnWidth: estimatedItemSize,
   estimatedRowHeight: estimatedItemSize,
   initScrollLeft: initScrollOffset,
@@ -35932,7 +35976,7 @@ const virtualizedGridProps = buildProps({
     }) => `${rowIndex}:${columnIndex}`
   },
   rowCache: cache,
-  rowHeight: itemSize,
+  rowHeight: itemSize$1,
   totalColumn: total,
   totalRow: total,
   hScrollbarSize: scrollbarSize,
@@ -37534,7 +37578,7 @@ const _sfc_main$A = defineComponent({
     };
   }
 });
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.item.isTitle ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(_ctx.ns.be("group", "title")),
@@ -37550,7 +37594,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 6));
 }
-var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$9], ["__file", "group-item.vue"]]);
+var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
 
 function useOption(props, { emit }) {
   return {
@@ -37690,7 +37734,7 @@ const _sfc_main$z = defineComponent({
   }
 });
 const _hoisted_1$h = ["aria-selected"];
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     "aria-selected": _ctx.selected,
     style: normalizeStyle(_ctx.style),
@@ -37713,7 +37757,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 46, _hoisted_1$h);
 }
-var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$8], ["__file", "option-item.vue"]]);
+var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
 
 const selectV2InjectionKey = "ElSelectV2Injection";
 
@@ -38726,7 +38770,7 @@ const _hoisted_2$b = ["id", "autocomplete", "aria-expanded", "aria-labelledby",
 const _hoisted_3$5 = ["textContent"];
 const _hoisted_4$3 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
 const _hoisted_5$2 = ["textContent"];
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -39069,7 +39113,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$7], ["__file", "select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$5], ["__file", "select.vue"]]);
 
 Select.install = (app) => {
   app.component(Select.name, Select);
@@ -39117,11 +39161,11 @@ const skeletonItemProps = buildProps({
   }
 });
 
-const __default__$o = defineComponent({
+const __default__$q = defineComponent({
   name: "ElSkeletonItem"
 });
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+  ...__default__$q,
   props: skeletonItemProps,
   setup(__props) {
     const ns = useNamespace("skeleton");
@@ -39136,11 +39180,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 });
 var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "skeleton-item.vue"]]);
 
-const __default__$n = defineComponent({
+const __default__$p = defineComponent({
   name: "ElSkeleton"
 });
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+  ...__default__$p,
   props: skeletonProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -39790,11 +39834,11 @@ const sliderButtonEmits = {
 };
 
 const _hoisted_1$f = ["tabindex"];
-const __default__$m = defineComponent({
+const __default__$o = defineComponent({
   name: "ElSliderButton"
 });
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+  ...__default__$o,
   props: sliderButtonProps,
   emits: sliderButtonEmits,
   setup(__props, { expose, emit }) {
@@ -39900,11 +39944,11 @@ var SliderMarker = defineComponent({
 
 const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
 const _hoisted_2$a = { key: 1 };
-const __default__$l = defineComponent({
+const __default__$n = defineComponent({
   name: "ElSlider"
 });
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+  ...__default__$n,
   props: sliderProps,
   emits: sliderEmits,
   setup(__props, { expose, emit }) {
@@ -40344,11 +40388,11 @@ const stepsEmits = {
   [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
-const __default__$k = defineComponent({
+const __default__$m = defineComponent({
   name: "ElSteps"
 });
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+  ...__default__$m,
   props: stepsProps,
   emits: stepsEmits,
   setup(__props, { emit }) {
@@ -40394,11 +40438,11 @@ const stepProps = buildProps({
   }
 });
 
-const __default__$j = defineComponent({
+const __default__$l = defineComponent({
   name: "ElStep"
 });
 const _sfc_main$s = defineComponent({
-  ...__default__$j,
+  ...__default__$l,
   props: stepProps,
   setup(__props) {
     const props = __props;
@@ -40675,13 +40719,12 @@ const _hoisted_2$9 = ["id", "aria-checked", "aria-disabled", "name", "true-value
 const _hoisted_3$4 = ["aria-hidden"];
 const _hoisted_4$2 = ["aria-hidden"];
 const _hoisted_5$1 = ["aria-hidden"];
-const _hoisted_6 = ["aria-hidden"];
 const COMPONENT_NAME$8 = "ElSwitch";
-const __default__$i = defineComponent({
+const __default__$k = defineComponent({
   name: COMPONENT_NAME$8
 });
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+  ...__default__$k,
   props: switchProps,
   emits: switchEmits,
   setup(__props, { expose, emit }) {
@@ -40845,37 +40888,19 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(unref(ns).e("inner"))
           }, [
-            _ctx.activeIcon || _ctx.inactiveIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              _ctx.activeIcon ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 0,
-                class: normalizeClass([unref(ns).is("icon"), unref(checked) ? unref(ns).is("show") : unref(ns).is("hide")])
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.activeIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : createCommentVNode("v-if", true),
-              _ctx.inactiveIcon ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 1,
-                class: normalizeClass([unref(ns).is("icon"), !unref(checked) ? unref(ns).is("show") : unref(ns).is("hide")])
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.inactiveIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : createCommentVNode("v-if", true)
-            ], 64)) : _ctx.activeText || _ctx.inactiveIcon ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              _ctx.activeText ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass([unref(ns).is("text"), unref(checked) ? unref(ns).is("show") : unref(ns).is("hide")]),
-                "aria-hidden": !unref(checked)
-              }, toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4$2)) : createCommentVNode("v-if", true),
-              _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
-                key: 1,
-                class: normalizeClass([unref(ns).is("text"), !unref(checked) ? unref(ns).is("show") : unref(ns).is("hide")]),
-                "aria-hidden": unref(checked)
-              }, toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5$1)) : createCommentVNode("v-if", true)
-            ], 64)) : createCommentVNode("v-if", true)
+            _ctx.activeIcon || _ctx.inactiveIcon ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 0,
+              class: normalizeClass(unref(ns).is("icon"))
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(checked) ? _ctx.activeIcon : _ctx.inactiveIcon)))
+              ]),
+              _: 1
+            }, 8, ["class"])) : _ctx.activeText || _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: normalizeClass(unref(ns).is("text")),
+              "aria-hidden": !unref(checked)
+            }, toDisplayString(unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$2)) : createCommentVNode("v-if", true)
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
             class: normalizeClass(unref(ns).e("action"))
@@ -40908,7 +40933,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           !_ctx.activeIcon && _ctx.activeText ? (openBlock(), createElementBlock("span", {
             key: 1,
             "aria-hidden": !unref(checked)
-          }, toDisplayString(_ctx.activeText), 9, _hoisted_6)) : createCommentVNode("v-if", true)
+          }, toDisplayString(_ctx.activeText), 9, _hoisted_5$1)) : createCommentVNode("v-if", true)
         ], 2)) : createCommentVNode("v-if", true)
       ], 14, _hoisted_1$d);
     };
@@ -41298,15 +41323,15 @@ const isFixedColumn = (index, fixed, store, realColumns) => {
     after
   } : {};
 };
-const getFixedColumnsClass = (namespace, index, fixed, store, realColumns) => {
+const getFixedColumnsClass = (namespace, index, fixed, store, realColumns, offset = 0) => {
   const classes = [];
   const { direction, start } = isFixedColumn(index, fixed, store, realColumns);
   if (direction) {
     const isLeft = direction === "left";
     classes.push(`${namespace}-fixed-column--${direction}`);
-    if (isLeft && start === store.states.fixedLeafColumnsLength.value - 1) {
+    if (isLeft && start + offset === store.states.fixedLeafColumnsLength.value - 1) {
       classes.push("is-last-column");
-    } else if (!isLeft && start === store.states.columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
+    } else if (!isLeft && start - offset === store.states.columns.value.length - store.states.rightFixedLeafColumnsLength.value) {
       classes.push("is-first-column");
     }
   }
@@ -42638,7 +42663,7 @@ const _sfc_main$q = defineComponent({
 const _hoisted_1$c = { key: 0 };
 const _hoisted_2$8 = ["disabled"];
 const _hoisted_3$3 = ["label", "onClick"];
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
@@ -42751,7 +42776,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "placement", "popper-class"]);
 }
-var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$6], ["__file", "filter-panel.vue"]]);
+var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
 
 function useLayoutObserver(root) {
   const instance = getCurrentInstance();
@@ -43421,8 +43446,8 @@ function useStyles$1(props) {
     ensurePosition(fixedStyle, "right");
     return Object.assign({}, cellStyles, fixedStyle);
   };
-  const getCellClass = (rowIndex, columnIndex, row, column) => {
-    const fixedClasses = column.isSubColumn ? [] : getFixedColumnsClass(ns.b(), columnIndex, props == null ? void 0 : props.fixed, props.store);
+  const getCellClass = (rowIndex, columnIndex, row, column, offset) => {
+    const fixedClasses = column.isSubColumn ? [] : getFixedColumnsClass(ns.b(), columnIndex, props == null ? void 0 : props.fixed, props.store, void 0, offset);
     const classes = [column.id, column.align, column.className, ...fixedClasses];
     const cellClassName = parent == null ? void 0 : parent.props.cellClassName;
     if (typeof cellClassName === "string") {
@@ -43565,7 +43590,7 @@ function useRender$1(props) {
       const tdChildren = cellChildren(cellIndex, column, data);
       return h$1("td", {
         style: getCellStyle($index, cellIndex, row, column),
-        class: getCellClass($index, cellIndex, row, column),
+        class: getCellClass($index, cellIndex, row, column, colspan - 1),
         key: `${patchKey}${baseKey}`,
         rowspan,
         colspan,
@@ -44022,7 +44047,7 @@ function useStyle(props, layout, store, table) {
     layout.setMaxHeight(props.maxHeight);
   });
   watch(() => [props.currentRowKey, store.states.rowKey], ([currentRowKey, rowKey]) => {
-    if (!unref(rowKey))
+    if (!unref(rowKey) || !unref(currentRowKey))
       return;
     store.setCurrentRowKey(`${currentRowKey}`);
   }, {
@@ -44530,7 +44555,7 @@ const _hoisted_2$7 = {
   ref: "hiddenColumns",
   class: "hidden-columns"
 };
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hColgroup = resolveComponent("hColgroup");
   const _component_table_header = resolveComponent("table-header");
   const _component_table_body = resolveComponent("table-body");
@@ -44696,7 +44721,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 46, _hoisted_1$b);
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$5], ["__file", "table.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$3], ["__file", "table.vue"]]);
 
 const defaultClassNames = {
   selection: "table-column--selection",
@@ -45725,7 +45750,8 @@ const useStyles = (props, {
     windowHeight,
     footerHeight,
     emptyStyle,
-    rootStyle
+    rootStyle,
+    headerHeight
   };
 };
 
@@ -45825,7 +45851,8 @@ function useTable(props) {
     windowHeight,
     footerHeight,
     emptyStyle,
-    rootStyle
+    rootStyle,
+    headerHeight
   } = useStyles(props, {
     columnsTotalWidth,
     data,
@@ -45852,7 +45879,7 @@ function useTable(props) {
     const _totalHeight = unref(rowsHeight);
     const clientHeight = unref(windowHeight);
     const heightUntilEnd = _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize;
-    if (unref(lastRenderedRowIndex) >= 0 && _totalHeight !== unref(rowsHeight)) {
+    if (unref(lastRenderedRowIndex) >= 0 && _totalHeight === scrollTop + unref(mainTableHeight) - unref(headerHeight)) {
       onEndReached(heightUntilEnd);
     }
   }
@@ -47389,11 +47416,11 @@ const tabBarProps = buildProps({
 });
 
 const COMPONENT_NAME$3 = "ElTabBar";
-const __default__$h = defineComponent({
+const __default__$j = defineComponent({
   name: COMPONENT_NAME$3
 });
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+  ...__default__$j,
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -47903,11 +47930,11 @@ const tabPaneProps = buildProps({
 
 const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
 const COMPONENT_NAME$1 = "ElTabPane";
-const __default__$g = defineComponent({
+const __default__$i = defineComponent({
   name: COMPONENT_NAME$1
 });
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+  ...__default__$i,
   props: tabPaneProps,
   setup(__props) {
     const props = __props;
@@ -48073,11 +48100,11 @@ const nextTime = (time, step) => {
   return formatTime(next);
 };
 
-const __default__$f = defineComponent({
+const __default__$h = defineComponent({
   name: "ElTimeSelect"
 });
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+  ...__default__$h,
   props: timeSelectProps,
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(__props, { expose }) {
@@ -48241,11 +48268,11 @@ const timelineItemProps = buildProps({
   }
 });
 
-const __default__$e = defineComponent({
+const __default__$g = defineComponent({
   name: "ElTimelineItem"
 });
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+  ...__default__$g,
   props: timelineItemProps,
   setup(__props) {
     const ns = useNamespace("timeline-item");
@@ -48444,11 +48471,11 @@ const tooltipV2Props = buildProps({
   }
 });
 
-const __default__$d = defineComponent({
+const __default__$f = defineComponent({
   name: "ElTooltipV2Root"
 });
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+  ...__default__$f,
   props: tooltipV2RootProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -48517,11 +48544,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-const __default__$c = defineComponent({
+const __default__$e = defineComponent({
   name: "ElTooltipV2Arrow"
 });
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+  ...__default__$e,
   props: {
     ...tooltipV2ArrowProps,
     ...tooltipV2ArrowSpecialProps
@@ -48560,11 +48587,11 @@ const visualHiddenProps = buildProps({
   }
 });
 
-const __default__$b = defineComponent({
+const __default__$d = defineComponent({
   name: "ElVisuallyHidden"
 });
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+  ...__default__$d,
   props: visualHiddenProps,
   setup(__props) {
     const props = __props;
@@ -48595,11 +48622,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
 const _hoisted_1$9 = ["data-side"];
-const __default__$a = defineComponent({
+const __default__$c = defineComponent({
   name: "ElTooltipV2Content"
 });
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+  ...__default__$c,
   props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
   setup(__props) {
     const props = __props;
@@ -48727,11 +48754,11 @@ var ForwardRef = defineComponent({
   }
 });
 
-const __default__$9 = defineComponent({
+const __default__$b = defineComponent({
   name: "ElTooltipV2Trigger"
 });
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+  ...__default__$b,
   props: {
     ...tooltipV2CommonProps,
     ...tooltipV2TriggerProps
@@ -48810,11 +48837,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-const __default__$8 = defineComponent({
+const __default__$a = defineComponent({
   name: "ElTooltipV2"
 });
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+  ...__default__$a,
   props: tooltipV2Props,
   setup(__props) {
     const props = __props;
@@ -49131,11 +49158,11 @@ const useMove = (props, checkedState, emit) => {
   };
 };
 
-const __default__$7 = defineComponent({
+const __default__$9 = defineComponent({
   name: "ElTransferPanel"
 });
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+  ...__default__$9,
   props: transferPanelProps,
   emits: transferPanelEmits,
   setup(__props, { expose, emit }) {
@@ -49252,11 +49279,11 @@ var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transf
 
 const _hoisted_1$8 = { key: 0 };
 const _hoisted_2$6 = { key: 0 };
-const __default__$6 = defineComponent({
+const __default__$8 = defineComponent({
   name: "ElTransfer"
 });
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+  ...__default__$8,
   props: transferProps,
   emits: transferEmits,
   setup(__props, { expose, emit }) {
@@ -50516,7 +50543,7 @@ const _sfc_main$b = defineComponent({
 });
 const _hoisted_1$7 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
 const _hoisted_2$5 = ["aria-expanded"];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_loading = resolveComponent("loading");
@@ -50621,7 +50648,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.node.visible]
   ]);
 }
-var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$4], ["__file", "tree-node.vue"]]);
+var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
 
 function useKeydown({ el$ }, store) {
   const ns = useNamespace("tree");
@@ -50975,7 +51002,7 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   var _a;
   const _component_el_tree_node = resolveComponent("el-tree-node");
   return openBlock(), createElementBlock("div", {
@@ -51017,7 +51044,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$3], ["__file", "tree.vue"]]);
+var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
 
 Tree.install = (app) => {
   app.component(Tree.name, Tree);
@@ -51825,7 +51852,7 @@ function useTree(props, emit) {
       const { treeNodeMap } = tree.value;
       keySet.forEach((key) => {
         const treeNode = treeNodeMap.get(key);
-        if (node && node.level === treeNode.level) {
+        if (node && node.level === (treeNode == null ? void 0 : treeNode.level)) {
           keySet.delete(key);
         }
       });
@@ -51915,18 +51942,17 @@ var ElNodeContent = defineComponent({
   }
 });
 
+const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"];
 const DEFAULT_ICON = "caret-right";
-const _sfc_main$8 = defineComponent({
-  name: "ElTreeNode",
-  components: {
-    ElIcon,
-    CaretRight: caret_right_default,
-    ElCheckbox,
-    ElNodeContent
-  },
+const __default__$7 = defineComponent({
+  name: "ElTreeNode"
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: treeNodeProps,
   emits: treeNodeEmits,
-  setup(props, { emit }) {
+  setup(__props, { emit }) {
+    const props = __props;
     const tree = inject(ROOT_TREE_INJECTION_KEY);
     const ns = useNamespace("tree");
     const indent = computed$1(() => {
@@ -51954,88 +51980,80 @@ const _sfc_main$8 = defineComponent({
       }
       tree == null ? void 0 : tree.ctx.emit(NODE_CONTEXTMENU, event, (_d = props.node) == null ? void 0 : _d.data, props.node);
     };
-    return {
-      ns,
-      indent,
-      icon,
-      handleClick,
-      handleExpandIconClick,
-      handleCheckChange,
-      handleContextMenu
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("div", {
+        ref: "node$",
+        class: normalizeClass([
+          unref(ns).b("node"),
+          unref(ns).is("expanded", _ctx.expanded),
+          unref(ns).is("current", _ctx.current),
+          unref(ns).is("focusable", !_ctx.disabled),
+          unref(ns).is("checked", !_ctx.disabled && _ctx.checked)
+        ]),
+        role: "treeitem",
+        tabindex: "-1",
+        "aria-expanded": _ctx.expanded,
+        "aria-disabled": _ctx.disabled,
+        "aria-checked": _ctx.checked,
+        "data-key": (_a = _ctx.node) == null ? void 0 : _a.key,
+        onClick: withModifiers(handleClick, ["stop"]),
+        onContextmenu: handleContextMenu
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).be("node", "content")),
+          style: normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * unref(indent)}px` })
+        }, [
+          unref(icon) ? (openBlock(), createBlock(unref(ElIcon), {
+            key: 0,
+            class: normalizeClass([
+              unref(ns).is("leaf", !!((_b = _ctx.node) == null ? void 0 : _b.isLeaf)),
+              unref(ns).is("hidden", _ctx.hiddenExpandIcon),
+              {
+                expanded: !((_c = _ctx.node) == null ? void 0 : _c.isLeaf) && _ctx.expanded
+              },
+              unref(ns).be("node", "expand-icon")
+            ]),
+            onClick: withModifiers(handleExpandIconClick, ["stop"])
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(unref(icon))))
+            ]),
+            _: 1
+          }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
+          _ctx.showCheckbox ? (openBlock(), createBlock(unref(ElCheckbox), {
+            key: 1,
+            "model-value": _ctx.checked,
+            indeterminate: _ctx.indeterminate,
+            disabled: _ctx.disabled,
+            onChange: handleCheckChange,
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"]))
+          }, null, 8, ["model-value", "indeterminate", "disabled"])) : createCommentVNode("v-if", true),
+          createVNode(unref(ElNodeContent), { node: _ctx.node }, null, 8, ["node"])
+        ], 6)
+      ], 42, _hoisted_1$6);
     };
   }
 });
-const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a, _b, _c;
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_checkbox = resolveComponent("el-checkbox");
-  const _component_el_node_content = resolveComponent("el-node-content");
-  return openBlock(), createElementBlock("div", {
-    ref: "node$",
-    class: normalizeClass([
-      _ctx.ns.b("node"),
-      _ctx.ns.is("expanded", _ctx.expanded),
-      _ctx.ns.is("current", _ctx.current),
-      _ctx.ns.is("focusable", !_ctx.disabled),
-      _ctx.ns.is("checked", !_ctx.disabled && _ctx.checked)
-    ]),
-    role: "treeitem",
-    tabindex: "-1",
-    "aria-expanded": _ctx.expanded,
-    "aria-disabled": _ctx.disabled,
-    "aria-checked": _ctx.checked,
-    "data-key": (_a = _ctx.node) == null ? void 0 : _a.key,
-    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
-    onContextmenu: _cache[2] || (_cache[2] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args))
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.be("node", "content")),
-      style: normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * _ctx.indent}px` })
-    }, [
-      _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
-        key: 0,
-        class: normalizeClass([
-          _ctx.ns.is("leaf", !!((_b = _ctx.node) == null ? void 0 : _b.isLeaf)),
-          _ctx.ns.is("hidden", _ctx.hiddenExpandIcon),
-          {
-            expanded: !((_c = _ctx.node) == null ? void 0 : _c.isLeaf) && _ctx.expanded
-          },
-          _ctx.ns.be("node", "expand-icon")
-        ]),
-        onClick: withModifiers(_ctx.handleExpandIconClick, ["stop"])
-      }, {
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-        ]),
-        _: 1
-      }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
-      _ctx.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
-        key: 1,
-        "model-value": _ctx.checked,
-        indeterminate: _ctx.indeterminate,
-        disabled: _ctx.disabled,
-        onChange: _ctx.handleCheckChange,
-        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-        }, ["stop"]))
-      }, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : createCommentVNode("v-if", true),
-      createVNode(_component_el_node_content, { node: _ctx.node }, null, 8, ["node"])
-    ], 6)
-  ], 42, _hoisted_1$6);
-}
-var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
+var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "tree-node.vue"]]);
 
-const _sfc_main$7 = defineComponent({
-  name: "ElTreeV2",
-  components: {
-    ElTreeNode,
-    FixedSizeList: FixedSizeList$1
-  },
+const itemSize = 26;
+const __default__$6 = defineComponent({
+  name: "ElTreeV2"
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: treeProps,
   emits: treeEmits,
-  setup(props, ctx) {
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const slots = useSlots();
     provide(ROOT_TREE_INJECTION_KEY, {
-      ctx,
+      ctx: {
+        emit,
+        slots
+      },
       props,
       instance: getCurrentInstance()
     });
@@ -52052,9 +52070,9 @@ const _sfc_main$7 = defineComponent({
       isDisabled,
       isCurrent,
       isForceHiddenExpandIcon,
-      toggleCheckbox,
       handleNodeClick,
       handleNodeCheck,
+      toggleCheckbox,
       getCurrentNode,
       getCurrentKey,
       setCurrentKey,
@@ -52070,8 +52088,9 @@ const _sfc_main$7 = defineComponent({
       expandNode,
       collapseNode,
       setExpandedKeys
-    } = useTree(props, ctx.emit);
-    ctx.expose({
+    } = useTree(props, emit);
+    expose({
+      toggleCheckbox,
       getCurrentNode,
       getCurrentKey,
       setCurrentKey,
@@ -52088,71 +52107,52 @@ const _sfc_main$7 = defineComponent({
       collapseNode,
       setExpandedKeys
     });
-    return {
-      t,
-      ns,
-      flattenTree,
-      itemSize: 26,
-      isNotEmpty,
-      toggleExpand,
-      toggleCheckbox,
-      isExpanded,
-      isIndeterminate,
-      isChecked,
-      isDisabled,
-      isCurrent,
-      isForceHiddenExpandIcon,
-      handleNodeClick,
-      handleNodeCheck
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b(), { [unref(ns).m("highlight-current")]: _ctx.highlightCurrent }]),
+        role: "tree"
+      }, [
+        unref(isNotEmpty) ? (openBlock(), createBlock(unref(FixedSizeList$1), {
+          key: 0,
+          "class-name": unref(ns).b("virtual-list"),
+          data: unref(flattenTree),
+          total: unref(flattenTree).length,
+          height: _ctx.height,
+          "item-size": itemSize,
+          "perf-mode": _ctx.perfMode
+        }, {
+          default: withCtx(({ data, index, style }) => [
+            (openBlock(), createBlock(ElTreeNode, {
+              key: data[index].key,
+              style: normalizeStyle(style),
+              node: data[index],
+              expanded: unref(isExpanded)(data[index]),
+              "show-checkbox": _ctx.showCheckbox,
+              checked: unref(isChecked)(data[index]),
+              indeterminate: unref(isIndeterminate)(data[index]),
+              disabled: unref(isDisabled)(data[index]),
+              current: unref(isCurrent)(data[index]),
+              "hidden-expand-icon": unref(isForceHiddenExpandIcon)(data[index]),
+              onClick: unref(handleNodeClick),
+              onToggle: unref(toggleExpand),
+              onCheck: unref(handleNodeCheck)
+            }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"]))
+          ]),
+          _: 1
+        }, 8, ["class-name", "data", "total", "height", "perf-mode"])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("empty-block"))
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass(unref(ns).e("empty-text"))
+          }, toDisplayString((_a = _ctx.emptyText) != null ? _a : unref(t)("el.tree.emptyText")), 3)
+        ], 2))
+      ], 2);
     };
   }
 });
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a;
-  const _component_el_tree_node = resolveComponent("el-tree-node");
-  const _component_fixed_size_list = resolveComponent("fixed-size-list");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([_ctx.ns.b(), { [_ctx.ns.m("highlight-current")]: _ctx.highlightCurrent }]),
-    role: "tree"
-  }, [
-    _ctx.isNotEmpty ? (openBlock(), createBlock(_component_fixed_size_list, {
-      key: 0,
-      "class-name": _ctx.ns.b("virtual-list"),
-      data: _ctx.flattenTree,
-      total: _ctx.flattenTree.length,
-      height: _ctx.height,
-      "item-size": _ctx.itemSize,
-      "perf-mode": _ctx.perfMode
-    }, {
-      default: withCtx(({ data, index, style }) => [
-        (openBlock(), createBlock(_component_el_tree_node, {
-          key: data[index].key,
-          style: normalizeStyle(style),
-          node: data[index],
-          expanded: _ctx.isExpanded(data[index]),
-          "show-checkbox": _ctx.showCheckbox,
-          checked: _ctx.isChecked(data[index]),
-          indeterminate: _ctx.isIndeterminate(data[index]),
-          disabled: _ctx.isDisabled(data[index]),
-          current: _ctx.isCurrent(data[index]),
-          "hidden-expand-icon": _ctx.isForceHiddenExpandIcon(data[index]),
-          onClick: _ctx.handleNodeClick,
-          onToggle: _ctx.toggleExpand,
-          onCheck: _ctx.handleNodeCheck
-        }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"]))
-      ]),
-      _: 1
-    }, 8, ["class-name", "data", "total", "height", "item-size", "perf-mode"])) : (openBlock(), createElementBlock("div", {
-      key: 1,
-      class: normalizeClass(_ctx.ns.e("empty-block"))
-    }, [
-      createElementVNode("span", {
-        class: normalizeClass(_ctx.ns.e("empty-text"))
-      }, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 3)
-    ], 2))
-  ], 2);
-}
-var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
+var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "tree.vue"]]);
 
 const ElTreeV2 = withInstall(TreeV2);
 
@@ -54345,13 +54345,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 var MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "index.vue"]]);
 
 const messageInstance = /* @__PURE__ */ new Map();
+const getAppendToElement = (props) => {
+  let appendTo = document.body;
+  if (props.appendTo) {
+    if (isString(props.appendTo)) {
+      appendTo = document.querySelector(props.appendTo);
+    }
+    if (isElement$1(props.appendTo)) {
+      appendTo = props.appendTo;
+    }
+    if (!isElement$1(appendTo)) {
+      appendTo = document.body;
+    }
+  }
+  return appendTo;
+};
 const initInstance = (props, container, appContext = null) => {
   const vnode = createVNode(MessageBoxConstructor, props, isFunction(props.message) || isVNode(props.message) ? {
     default: isFunction(props.message) ? props.message : () => props.message
   } : null);
   vnode.appContext = appContext;
   render(vnode, container);
-  document.body.appendChild(container.firstElementChild);
+  getAppendToElement(props).appendChild(container.firstElementChild);
   return vnode.component;
 };
 const genContainer = () => {