element-plus 2.2.18 → 2.2.19

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.18 */
+/*! Element Plus v2.2.19 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11072,7 +11072,7 @@
     };
   };
 
-  const version$1 = "2.2.18";
+  const version$1 = "2.2.19";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11122,11 +11122,11 @@
   };
 
   const COMPONENT_NAME$k = "ElAffix";
-  const __default__$1u = vue.defineComponent({
+  const __default__$1w = vue.defineComponent({
     name: COMPONENT_NAME$k
   });
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+    ...__default__$1w,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11242,12 +11242,12 @@
     }
   });
 
-  const __default__$1t = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+    ...__default__$1v,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11310,11 +11310,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1s = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: "ElAlert"
   });
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+    ...__default__$1u,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11518,8 +11518,7 @@
       type: String
     },
     form: {
-      type: String,
-      default: ""
+      type: String
     },
     readonly: {
       type: Boolean,
@@ -11579,24 +11578,19 @@
     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 = vue.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 = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
   const _sfc_main$2c = /* @__PURE__ */ vue.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 = vue.getCurrentInstance();
       const rawAttrs = vue.useAttrs();
       const slots = vue.useSlots();
       const containerAttrs = vue.computed(() => {
@@ -11685,25 +11679,6 @@
           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;
@@ -11802,17 +11777,12 @@
         await vue.nextTick();
         setNativeInputValue();
         resizeTextarea();
-        updateIconOffset();
       });
       vue.onMounted(() => {
         if (!props.formatter && props.parser) ;
         setNativeInputValue();
-        updateIconOffset();
         vue.nextTick(resizeTextarea);
       });
-      vue.onUpdated(() => {
-        vue.nextTick(updateIconOffset);
-      });
       expose({
         input,
         textarea,
@@ -11895,6 +11865,7 @@
                 "aria-label": _ctx.label,
                 placeholder: _ctx.placeholder,
                 style: _ctx.inputStyle,
+                form: props.form,
                 onCompositionstart: handleCompositionStart,
                 onCompositionupdate: handleCompositionUpdate,
                 onCompositionend: handleCompositionEnd,
@@ -11991,6 +11962,7 @@
               style: vue.unref(textareaStyle),
               "aria-label": _ctx.label,
               placeholder: _ctx.placeholder,
+              form: props.form,
               onCompositionstart: handleCompositionStart,
               onCompositionupdate: handleCompositionUpdate,
               onCompositionend: handleCompositionEnd,
@@ -12006,7 +11978,7 @@
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$14)), [
+        ], 16, _hoisted_1$13)), [
           [vue.vShow, _ctx.type !== "hidden"]
         ]);
       };
@@ -12281,11 +12253,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1q = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: "ElScrollbar"
   });
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+    ...__default__$1s,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12460,12 +12432,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1p = vue.defineComponent({
+  const __default__$1r = vue.defineComponent({
     name: "ElPopperRoot",
     inheritAttrs: false
   });
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1r,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12498,12 +12470,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1o = vue.defineComponent({
+  const __default__$1q = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+    ...__default__$1q,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12616,12 +12588,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1n = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1p,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13107,10 +13079,10 @@
       };
     }
   });
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$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({
@@ -13274,11 +13246,11 @@
     }
   }
 
-  const __default__$1m = vue.defineComponent({
+  const __default__$1o = vue.defineComponent({
     name: "ElPopperContent"
   });
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1o,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13564,11 +13536,11 @@
     };
   };
 
-  const __default__$1l = vue.defineComponent({
+  const __default__$1n = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
   const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1n,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13629,12 +13601,12 @@
   });
   var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "trigger.vue"]]);
 
-  const __default__$1k = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
   const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1m,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13787,13 +13759,13 @@
   });
   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 = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: "ElTooltip"
   });
   const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1l,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -13936,7 +13908,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$13)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$12)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 vue.unref(compatShowArrow) ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -14023,16 +13995,16 @@
     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 = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: COMPONENT_NAME$i,
     inheritAttrs: false
   });
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1k,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -14350,7 +14322,7 @@
                   ])
                 } : void 0
               ]), 1040, ["model-value", "onKeydown"])
-            ], 14, _hoisted_1$12)
+            ], 14, _hoisted_1$11)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -14391,12 +14363,12 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$11 = ["src", "alt", "srcset"];
-  const __default__$1h = vue.defineComponent({
+  const _hoisted_1$10 = ["src", "alt", "srcset"];
+  const __default__$1j = vue.defineComponent({
     name: "ElAvatar"
   });
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1j,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14440,7 +14412,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$11)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$10)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -14476,75 +14448,82 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$10 = ["onClick"];
+  const useBackTop = (props, emit, componentName) => {
+    const el = vue.shallowRef();
+    const container = vue.shallowRef();
+    const visible = vue.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);
+    vue.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 = vue.defineComponent({
+  const __default__$1i = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1i,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("backtop");
-      const el = vue.shallowRef();
-      const container = vue.shallowRef();
-      const visible = vue.ref(false);
+      const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME$h);
       const backTopStyle = vue.computed(() => ({
         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);
-      vue.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 vue.openBlock(), vue.createBlock(vue.Transition, {
           name: `${vue.unref(ns).namespace.value}-fade-in`
         }, {
           default: vue.withCtx(() => [
-            visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               style: vue.normalizeStyle(vue.unref(backTopStyle)),
               class: vue.normalizeClass(vue.unref(ns).b()),
-              onClick: vue.withModifiers(handleClick, ["stop"])
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => vue.unref(handleClick) && vue.unref(handleClick)(...args), ["stop"]))
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, () => [
                 vue.createVNode(vue.unref(ElIcon), {
@@ -14556,7 +14535,7 @@
                   _: 1
                 }, 8, ["class"])
               ])
-            ], 14, _hoisted_1$10)) : vue.createCommentVNode("v-if", true)
+            ], 6)) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 8, ["name"]);
@@ -14586,11 +14565,11 @@
   });
 
   const _hoisted_1$$ = ["textContent"];
-  const __default__$1f = vue.defineComponent({
+  const __default__$1h = vue.defineComponent({
     name: "ElBadge"
   });
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1h,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14648,11 +14627,11 @@
     }
   });
 
-  const __default__$1e = vue.defineComponent({
+  const __default__$1g = vue.defineComponent({
     name: "ElBreadcrumb"
   });
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1g,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14691,11 +14670,11 @@
     }
   });
 
-  const __default__$1d = vue.defineComponent({
+  const __default__$1f = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1f,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -14747,6 +14726,54 @@
   });
   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"
+    }, vue.computed(() => props.type === "text"));
+    const buttonGroupContext = vue.inject(buttonGroupContextKey, void 0);
+    const globalConfig = useGlobalConfig("button");
+    const { form } = useFormItem();
+    const _size = useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
+    const _disabled = useDisabled();
+    const _ref = vue.ref();
+    const slots = vue.useSlots();
+    const _type = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
+    const autoInsertSpace = vue.computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
+    });
+    const shouldAddSpace = vue.computed(() => {
+      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) === vue.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",
@@ -15725,54 +15752,18 @@
   }
 
   const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$1c = vue.defineComponent({
+  const __default__$1e = vue.defineComponent({
     name: "ElButton"
   });
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1e,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      const slots = vue.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"
-      }, vue.computed(() => props.type === "text"));
-      const buttonGroupContext = vue.inject(buttonGroupContextKey, void 0);
-      const globalConfig = useGlobalConfig("button");
-      const ns = useNamespace("button");
-      const { form } = useFormItem();
-      const _size = useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-      const _disabled = useDisabled();
-      const _ref = vue.ref();
-      const _type = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
-      const autoInsertSpace = vue.computed(() => {
-        var _a, _b, _c;
-        return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
-      });
-      const shouldAddSpace = vue.computed(() => {
-        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) === vue.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,
@@ -15802,7 +15793,7 @@
           autofocus: _ctx.autofocus,
           type: _ctx.nativeType,
           style: vue.normalizeStyle(vue.unref(buttonStyle)),
-          onClick: handleClick
+          onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleClick) && vue.unref(handleClick)(...args))
         }, [
           _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -15837,11 +15828,11 @@
     type: buttonProps.type
   };
 
-  const __default__$1b = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: "ElButtonGroup"
   });
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1d,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16076,86 +16067,6 @@
   })(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) {
@@ -16493,11 +16404,11 @@
 
   const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$1a = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: "Picker"
   });
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1c,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -16750,6 +16661,8 @@
       };
       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;
         }
@@ -18230,77 +18143,191 @@
     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 = vue.computed(() => !!props.range && !!props.range.length);
+    const rows = vue.computed(() => {
+      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 = vue.computed(() => {
+      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 = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: "DateTable"
   });
   const _sfc_main$1Q = /* @__PURE__ */ vue.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 = vue.computed(() => !!props.range && !!props.range.length);
-      const rows = vue.computed(() => {
-        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 = vue.computed(() => {
-        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") {
@@ -18314,19 +18341,6 @@
         }
         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
       });
@@ -18354,13 +18368,13 @@
                   return vue.openBlock(), vue.createElementBlock("td", {
                     key,
                     class: vue.normalizeClass(getCellClass(cell)),
-                    onClick: ($event) => handlePickDay(cell)
+                    onClick: ($event) => vue.unref(handlePickDay)(cell)
                   }, [
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(vue.unref(nsDay).b())
                     }, [
                       vue.renderSlot(_ctx.$slots, "date-cell", {
-                        data: getSlotData(cell)
+                        data: vue.unref(getSlotData)(cell)
                       }, () => [
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
                       ])
@@ -18376,6 +18390,131 @@
   });
   var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "date-table.vue"]]);
 
+  const useCalendar = (props, emit, componentName) => {
+    const solts = vue.useSlots();
+    const { t, lang } = useLocale();
+    const selectedDay = vue.ref();
+    const now = dayjs().locale(lang.value);
+    const realSelectedDay = vue.computed({
+      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 = vue.computed(() => {
+      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 = vue.computed(() => {
+      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 = vue.computed(() => date.value.subtract(1, "month").date(1));
+    const nextMonthDayjs = vue.computed(() => date.value.add(1, "month").date(1));
+    const prevYearDayjs = vue.computed(() => date.value.subtract(1, "year").date(1));
+    const nextYearDayjs = vue.computed(() => date.value.add(1, "year").date(1));
+    const i18nDate = vue.computed(() => {
+      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"
+    }, vue.computed(() => !!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: {
@@ -18392,132 +18531,26 @@
   };
 
   const COMPONENT_NAME$g = "ElCalendar";
-  const __default__$18 = vue.defineComponent({
+  const __default__$1a = vue.defineComponent({
     name: COMPONENT_NAME$g
   });
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$1a,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      const solts = vue.useSlots();
       const ns = useNamespace("calendar");
-      const { t, lang } = useLocale();
-      const selectedDay = vue.ref();
-      const now = dayjs().locale(lang.value);
-      const realSelectedDay = vue.computed({
-        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 = vue.computed(() => {
-        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 = vue.computed(() => {
-        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 = vue.computed(() => date.value.subtract(1, "month").date(1));
-      const nextMonthDayjs = vue.computed(() => date.value.add(1, "month").date(1));
-      const prevYearDayjs = vue.computed(() => date.value.subtract(1, "year").date(1));
-      const nextYearDayjs = vue.computed(() => date.value.add(1, "year").date(1));
-      const i18nDate = vue.computed(() => {
-        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"
-      }, vue.computed(() => !!solts.dateCell));
+      const {
+        calculateValidatedDateRange,
+        date,
+        pickDay,
+        realSelectedDay,
+        selectDate,
+        t,
+        i18nDate,
+        validatedRange
+      } = useCalendar(props, emit);
       expose({
         selectedDay: realSelectedDay,
         pickDay,
@@ -18543,7 +18576,7 @@
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ElButton), {
                       size: "small",
-                      onClick: _cache[0] || (_cache[0] = ($event) => selectDate("prev-month"))
+                      onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(selectDate)("prev-month"))
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.datepicker.prevMonth")), 1)
@@ -18552,7 +18585,7 @@
                     }),
                     vue.createVNode(vue.unref(ElButton), {
                       size: "small",
-                      onClick: _cache[1] || (_cache[1] = ($event) => selectDate("today"))
+                      onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(selectDate)("today"))
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.datepicker.today")), 1)
@@ -18561,7 +18594,7 @@
                     }),
                     vue.createVNode(vue.unref(ElButton), {
                       size: "small",
-                      onClick: _cache[2] || (_cache[2] = ($event) => selectDate("next-month"))
+                      onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(selectDate)("next-month"))
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.datepicker.nextMonth")), 1)
@@ -18581,7 +18614,7 @@
             vue.createVNode(DateTable$1, {
               date: vue.unref(date),
               "selected-day": vue.unref(realSelectedDay),
-              onPick: pickDay
+              onPick: vue.unref(pickDay)
             }, vue.createSlots({ _: 2 }, [
               _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
                 name: "date-cell",
@@ -18589,7 +18622,7 @@
                   _ctx.$slots["date-cell"] ? vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.mergeProps({ key: 1 }, data)))
                 ])
               } : void 0
-            ]), 1032, ["date", "selected-day"])
+            ]), 1032, ["date", "selected-day", "onPick"])
           ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(vue.unref(ns).e("body"))
@@ -18601,7 +18634,7 @@
                 "selected-day": vue.unref(realSelectedDay),
                 range: range_,
                 "hide-header": index !== 0,
-                onPick: pickDay
+                onPick: vue.unref(pickDay)
               }, vue.createSlots({ _: 2 }, [
                 _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
                   name: "date-cell",
@@ -18609,7 +18642,7 @@
                     _ctx.$slots["date-cell"] ? vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.mergeProps({ key: 1 }, data)))
                   ])
                 } : void 0
-              ]), 1032, ["date", "selected-day", "range", "hide-header"]);
+              ]), 1032, ["date", "selected-day", "range", "hide-header", "onPick"]);
             }), 128))
           ], 2))
         ], 2);
@@ -18636,11 +18669,11 @@
     }
   });
 
-  const __default__$17 = vue.defineComponent({
+  const __default__$19 = vue.defineComponent({
     name: "ElCard"
   });
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$19,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18733,11 +18766,11 @@
   const _hoisted_2$A = ["onMouseenter", "onClick"];
   const _hoisted_3$j = { key: 0 };
   const THROTTLE_TIME = 300;
-  const __default__$16 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: "ElCarousel"
   });
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$18,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -19047,11 +19080,11 @@
   });
 
   const CARD_SCALE = 0.83;
-  const __default__$15 = vue.defineComponent({
+  const __default__$17 = vue.defineComponent({
     name: "ElCarouselItem"
   });
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$17,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -19417,11 +19450,11 @@
   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 = vue.defineComponent({
+  const __default__$16 = vue.defineComponent({
     name: "ElCheckbox"
   });
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$16,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19522,11 +19555,11 @@
 
   const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-  const __default__$13 = vue.defineComponent({
+  const __default__$15 = vue.defineComponent({
     name: "ElCheckboxButton"
   });
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$15,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19633,11 +19666,11 @@
     change: (val) => isArray(val)
   };
 
-  const __default__$12 = vue.defineComponent({
+  const __default__$14 = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$14,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19765,11 +19798,11 @@
   };
 
   const _hoisted_1$S = ["value", "name", "disabled"];
-  const __default__$11 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: "ElRadio"
   });
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$13,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19841,11 +19874,11 @@
   });
 
   const _hoisted_1$R = ["value", "name", "disabled"];
-  const __default__$10 = vue.defineComponent({
+  const __default__$12 = vue.defineComponent({
     name: "ElRadioButton"
   });
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$12,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19935,11 +19968,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
-  const __default__$$ = vue.defineComponent({
+  const __default__$11 = vue.defineComponent({
     name: "ElRadioGroup"
   });
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$11,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -20135,7 +20168,7 @@
   });
   const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$x = /* @__PURE__ */ vue.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 = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -20218,7 +20251,7 @@
       ], 64)) : vue.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 = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -20298,7 +20331,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -20351,7 +20384,7 @@
       _: 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) => {
@@ -20719,7 +20752,7 @@
           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) => {
@@ -20798,8 +20831,10 @@
       vue.watch(() => props.modelValue, () => {
         manualChecked = false;
         syncCheckedValue();
+      }, {
+        deep: true
       });
-      vue.watch(checkedValue, (val) => {
+      vue.watch(() => checkedValue.value, (val) => {
         if (!isEqual$1(val, props.modelValue)) {
           emit(UPDATE_MODEL_EVENT, val);
           emit(CHANGE_EVENT, val);
@@ -20822,7 +20857,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20839,7 +20874,7 @@
       }), 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);
@@ -20877,11 +20912,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$_ = vue.defineComponent({
+  const __default__$10 = vue.defineComponent({
     name: "ElTag"
   });
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$10,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -21105,7 +21140,7 @@
       });
       const checkedValue = vue.computed({
         get() {
-          return props.modelValue;
+          return cloneDeep(props.modelValue);
         },
         set(val) {
           emit(UPDATE_MODEL_EVENT, val);
@@ -21415,7 +21450,7 @@
   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 = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -21643,7 +21678,7 @@
       _: 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);
@@ -21662,11 +21697,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$Z = vue.defineComponent({
+  const __default__$$ = vue.defineComponent({
     name: "ElCheckTag"
   });
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$$,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21734,11 +21769,11 @@
     }
   });
 
-  const __default__$Y = vue.defineComponent({
+  const __default__$_ = vue.defineComponent({
     name: "ElCol"
   });
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$_,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21808,11 +21843,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$X = vue.defineComponent({
+  const __default__$Z = vue.defineComponent({
     name: "ElCollapse"
   });
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Z,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21863,11 +21898,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-  const __default__$W = vue.defineComponent({
+  const __default__$Y = vue.defineComponent({
     name: "ElCollapseTransition"
   });
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$Y,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21955,11 +21990,11 @@
   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 = vue.defineComponent({
+  const __default__$X = vue.defineComponent({
     name: "ElCollapseItem"
   });
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$X,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -22211,7 +22246,7 @@
       };
     }
   });
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -22233,7 +22268,7 @@
       }, 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 = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -22336,7 +22371,7 @@
       };
     }
   });
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -22355,7 +22390,7 @@
       }, 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,
@@ -22721,7 +22756,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -22746,7 +22781,7 @@
       ], 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 = vue.defineComponent({
     name: "ElSlPanel",
@@ -22822,7 +22857,7 @@
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
@@ -22844,14 +22879,14 @@
       }, _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 = vue.defineComponent({
+  const __default__$W = vue.defineComponent({
     name: "ElColorPicker"
   });
   const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$W,
     props: colorPickerProps,
     emits: colorPickerEmits,
     setup(__props, { expose, emit }) {
@@ -23187,11 +23222,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$T = vue.defineComponent({
+  const __default__$V = vue.defineComponent({
     name: "ElContainer"
   });
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$V,
     props: {
       direction: {
         type: String
@@ -23228,11 +23263,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-  const __default__$S = vue.defineComponent({
+  const __default__$U = vue.defineComponent({
     name: "ElAside"
   });
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$U,
     props: {
       width: {
         type: String,
@@ -23255,11 +23290,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-  const __default__$R = vue.defineComponent({
+  const __default__$T = vue.defineComponent({
     name: "ElFooter"
   });
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$T,
     props: {
       height: {
         type: String,
@@ -23282,11 +23317,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-  const __default__$Q = vue.defineComponent({
+  const __default__$S = vue.defineComponent({
     name: "ElHeader"
   });
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$S,
     props: {
       height: {
         type: String,
@@ -23313,11 +23348,11 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-  const __default__$P = vue.defineComponent({
+  const __default__$R = vue.defineComponent({
     name: "ElMain"
   });
   const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$R,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -25765,11 +25800,11 @@
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$a = ["disabled"];
   const unit = "year";
-  const __default__$O = vue.defineComponent({
+  const __default__$Q = vue.defineComponent({
     name: "DatePickerMonthRange"
   });
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$Q,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -26149,11 +26184,11 @@
   });
 
   const _hoisted_1$D = { key: 1 };
-  const __default__$N = vue.defineComponent({
+  const __default__$P = vue.defineComponent({
     name: "ElDescriptionsRow"
   });
   const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$P,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -26234,11 +26269,11 @@
     }
   });
 
-  const __default__$M = vue.defineComponent({
+  const __default__$O = vue.defineComponent({
     name: "ElDescriptions"
   });
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$O,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -26479,9 +26514,9 @@
 
   const _hoisted_1$C = ["aria-label"];
   const _hoisted_2$n = ["id"];
-  const __default__$L = vue.defineComponent({ name: "ElDialogContent" });
+  const __default__$N = vue.defineComponent({ name: "ElDialogContent" });
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$N,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -26715,6 +26750,12 @@
     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);
     }
@@ -26769,6 +26810,7 @@
       onOpenAutoFocus,
       onCloseAutoFocus,
       onCloseRequested,
+      onFocusoutPrevented,
       titleId,
       bodyId,
       closed,
@@ -26781,12 +26823,12 @@
   };
 
   const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$K = vue.defineComponent({
+  const __default__$M = vue.defineComponent({
     name: "ElDialog",
     inheritAttrs: false
   });
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+    ...__default__$M,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -26826,7 +26868,8 @@
         onModalClick,
         onOpenAutoFocus,
         onCloseAutoFocus,
-        onCloseRequested
+        onCloseRequested,
+        onFocusoutPrevented
       } = useDialog(props, dialogRef);
       vue.provide(dialogInjectionKey, {
         dialogRef,
@@ -26880,6 +26923,7 @@
                       "focus-start-el": "container",
                       onFocusAfterTrapped: vue.unref(onOpenAutoFocus),
                       onFocusAfterReleased: vue.unref(onCloseAutoFocus),
+                      onFocusoutPrevented: vue.unref(onFocusoutPrevented),
                       onReleaseRequested: vue.unref(onCloseRequested)
                     }, {
                       default: vue.withCtx(() => [
@@ -26920,7 +26964,7 @@
                         ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
                       ]),
                       _: 3
-                    }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
+                    }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
                   ], 46, _hoisted_1$B)
                 ]),
                 _: 3
@@ -26955,11 +26999,11 @@
     }
   });
 
-  const __default__$J = vue.defineComponent({
+  const __default__$L = vue.defineComponent({
     name: "ElDivider"
   });
   const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+    ...__default__$L,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -27050,7 +27094,7 @@
   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 = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
@@ -27162,26 +27206,26 @@
       }, 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__ */ vue.defineComponent({
     inheritAttrs: false
   });
-  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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__ */ vue.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 vue.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) => {
@@ -27401,10 +27445,10 @@
       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 vue.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 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -27413,7 +27457,7 @@
       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 = vue.resolveComponent("el-roving-focus-group-impl");
     const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
     return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
@@ -27428,7 +27472,7 @@
       _: 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 = vue.defineComponent({
     components: {
@@ -27515,7 +27559,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-roving-focus-collection-item");
     return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
       id: _ctx.id,
@@ -27528,7 +27572,7 @@
       _: 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,
@@ -27754,7 +27798,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-dropdown-collection");
     const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
@@ -27886,7 +27930,7 @@
       })) : vue.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 = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -27940,7 +27984,7 @@
     }
   });
   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 = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       _ctx.divided ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -27970,7 +28014,7 @@
       ], 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 = vue.inject("elDropdown", {});
@@ -28046,7 +28090,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-dropdown-item-impl");
     const _component_el_roving_focus_item = vue.resolveComponent("el-roving-focus-item");
@@ -28077,7 +28121,7 @@
       _: 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 = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -28143,7 +28187,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -28159,7 +28203,7 @@
       vue.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,
@@ -28189,7 +28233,7 @@
   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 = {
@@ -28225,7 +28269,7 @@
   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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
@@ -28254,7 +28298,7 @@
           vue.createElementVNode("stop", {
             "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
             offset: "0%"
-          }, null, 8, _hoisted_6$2),
+          }, null, 8, _hoisted_6$1),
           vue.createElementVNode("stop", {
             "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-6")})`,
             offset: "100%"
@@ -28344,7 +28388,7 @@
       ])
     ]);
   }
-  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: {
@@ -28360,11 +28404,11 @@
 
   const _hoisted_1$w = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$I = vue.defineComponent({
+  const __default__$K = vue.defineComponent({
     name: "ElEmpty"
   });
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+    ...__default__$K,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -28497,11 +28541,11 @@
   };
 
   const COMPONENT_NAME$e = "ElForm";
-  const __default__$H = vue.defineComponent({
+  const __default__$J = vue.defineComponent({
     name: COMPONENT_NAME$e
   });
   const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+    ...__default__$J,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -29807,11 +29851,11 @@
   });
 
   const _hoisted_1$v = ["role", "aria-labelledby"];
-  const __default__$G = vue.defineComponent({
+  const __default__$I = vue.defineComponent({
     name: "ElFormItem"
   });
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+    ...__default__$I,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -30148,11 +30192,11 @@
   };
 
   const _hoisted_1$u = ["src"];
-  const __default__$F = vue.defineComponent({
+  const __default__$H = vue.defineComponent({
     name: "ElImageViewer"
   });
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$H,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { expose, emit }) {
@@ -30597,12 +30641,12 @@
 
   const _hoisted_1$t = ["src", "loading"];
   const _hoisted_2$j = { key: 0 };
-  const __default__$E = vue.defineComponent({
+  const __default__$G = vue.defineComponent({
     name: "ElImage",
     inheritAttrs: false
   });
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$G,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -30863,11 +30907,11 @@
 
   const _hoisted_1$s = ["aria-label", "onKeydown"];
   const _hoisted_2$i = ["aria-label", "onKeydown"];
-  const __default__$D = vue.defineComponent({
+  const __default__$F = vue.defineComponent({
     name: "ElInputNumber"
   });
   const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+    ...__default__$F,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -31166,11 +31210,11 @@
   };
 
   const _hoisted_1$r = ["href"];
-  const __default__$C = vue.defineComponent({
+  const __default__$E = vue.defineComponent({
     name: "ElLink"
   });
   const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+    ...__default__$E,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -31380,7 +31424,7 @@
       };
     }
   });
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "default")
@@ -31388,7 +31432,7 @@
       _: 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 = vue.computed(() => {
@@ -32075,7 +32119,7 @@
       };
     }
   });
-  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
@@ -32111,7 +32155,7 @@
       ], 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
@@ -32128,7 +32172,7 @@
       };
     }
   });
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -32144,7 +32188,7 @@
       ])
     ], 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,
@@ -32171,11 +32215,11 @@
   };
 
   const _hoisted_1$q = ["aria-label"];
-  const __default__$B = vue.defineComponent({
+  const __default__$D = vue.defineComponent({
     name: "ElPageHeader"
   });
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$D,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -32287,11 +32331,11 @@
 
   const _hoisted_1$p = ["disabled", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
-  const __default__$A = vue.defineComponent({
+  const __default__$C = vue.defineComponent({
     name: "ElPaginationPrev"
   });
   const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$C,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -32337,11 +32381,11 @@
 
   const _hoisted_1$o = ["disabled", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
-  const __default__$z = vue.defineComponent({
+  const __default__$B = vue.defineComponent({
     name: "ElPaginationNext"
   });
   const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+    ...__default__$B,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -32524,7 +32568,7 @@
       };
     }
   });
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
         _ctx.ns.be("dropdown", "item"),
@@ -32544,7 +32588,7 @@
       [vue.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 = vue.defineComponent({
     name: "ElSelectDropdown",
@@ -32573,7 +32617,7 @@
       };
     }
   });
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
       style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -32581,7 +32625,7 @@
       vue.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();
@@ -33612,7 +33656,7 @@
   });
   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 = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -33917,7 +33961,7 @@
       [_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 = vue.defineComponent({
     name: "ElOptionGroup",
@@ -33965,7 +34009,7 @@
       };
     }
   });
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
     }, [
@@ -33983,7 +34027,7 @@
       [vue.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,
@@ -34013,11 +34057,11 @@
     }
   });
 
-  const __default__$y = vue.defineComponent({
+  const __default__$A = vue.defineComponent({
     name: "ElPaginationSizes"
   });
   const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+    ...__default__$A,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -34075,11 +34119,11 @@
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
   const _hoisted_1$m = ["disabled"];
-  const __default__$x = vue.defineComponent({
+  const __default__$z = vue.defineComponent({
     name: "ElPaginationJumper"
   });
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+    ...__default__$z,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -34130,11 +34174,11 @@
   });
 
   const _hoisted_1$l = ["disabled"];
-  const __default__$w = vue.defineComponent({
+  const __default__$y = vue.defineComponent({
     name: "ElPaginationTotal"
   });
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+    ...__default__$y,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -34173,12 +34217,12 @@
   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 = vue.defineComponent({
+  const _hoisted_6 = ["aria-current", "tabindex"];
+  const __default__$x = vue.defineComponent({
     name: "ElPaginationPager"
   });
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+    ...__default__$x,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -34363,7 +34407,7 @@
             ], "number"]),
             "aria-current": _ctx.currentPage === _ctx.pageCount,
             tabindex: vue.unref(tabindex)
-          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6$1)) : vue.createCommentVNode("v-if", true)
+          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : vue.createCommentVNode("v-if", true)
         ], 42, _hoisted_1$k);
       };
     }
@@ -34670,11 +34714,11 @@
     }
   });
 
-  const __default__$u = vue.defineComponent({
+  const __default__$w = vue.defineComponent({
     name: "ElPopconfirm"
   });
   const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$w,
     props: popconfirmProps,
     setup(__props) {
       const props = __props;
@@ -34837,11 +34881,11 @@
   };
 
   const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$t = vue.defineComponent({
+  const __default__$v = vue.defineComponent({
     name: "ElPopover"
   });
   const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$v,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -35027,11 +35071,11 @@
   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 = vue.defineComponent({
+  const __default__$u = vue.defineComponent({
     name: "ElProgress"
   });
   const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$u,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -35315,11 +35359,11 @@
 
   const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
   const _hoisted_2$c = ["onMousemove", "onClick"];
-  const __default__$r = vue.defineComponent({
+  const __default__$t = vue.defineComponent({
     name: "ElRate"
   });
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$t,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -35587,11 +35631,11 @@
     }
   });
 
-  const __default__$q = vue.defineComponent({
+  const __default__$s = vue.defineComponent({
     name: "ElResult"
   });
   const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$s,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -35679,11 +35723,11 @@
     }
   });
 
-  const __default__$p = vue.defineComponent({
+  const __default__$r = vue.defineComponent({
     name: "ElRow"
   });
   const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$r,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -35835,7 +35879,7 @@
   };
   var useWheel$1 = useWheel;
 
-  const itemSize = buildProp({
+  const itemSize$1 = buildProp({
     type: definePropType([Number, Function]),
     required: true
   });
@@ -35912,7 +35956,7 @@
     layout,
     initScrollOffset,
     total,
-    itemSize,
+    itemSize: itemSize$1,
     ...virtualizedProps
   });
   const scrollbarSize = {
@@ -35923,7 +35967,7 @@
   const endGap = { type: Number, default: 2 };
   const virtualizedGridProps = buildProps({
     columnCache: cache,
-    columnWidth: itemSize,
+    columnWidth: itemSize$1,
     estimatedColumnWidth: estimatedItemSize,
     estimatedRowHeight: estimatedItemSize,
     initScrollLeft: initScrollOffset,
@@ -35936,7 +35980,7 @@
       }) => `${rowIndex}:${columnIndex}`
     },
     rowCache: cache,
-    rowHeight: itemSize,
+    rowHeight: itemSize$1,
     totalColumn: total,
     totalRow: total,
     hScrollbarSize: scrollbarSize,
@@ -37538,7 +37582,7 @@
       };
     }
   });
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.item.isTitle ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
@@ -37554,7 +37598,7 @@
       }, 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 {
@@ -37694,7 +37738,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
       style: vue.normalizeStyle(_ctx.style),
@@ -37717,7 +37761,7 @@
       ])
     ], 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";
 
@@ -38730,7 +38774,7 @@
   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 = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -39073,7 +39117,7 @@
       [_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);
@@ -39121,11 +39165,11 @@
     }
   });
 
-  const __default__$o = vue.defineComponent({
+  const __default__$q = vue.defineComponent({
     name: "ElSkeletonItem"
   });
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$q,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -39140,11 +39184,11 @@
   });
   var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "skeleton-item.vue"]]);
 
-  const __default__$n = vue.defineComponent({
+  const __default__$p = vue.defineComponent({
     name: "ElSkeleton"
   });
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$p,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -39794,11 +39838,11 @@
   };
 
   const _hoisted_1$f = ["tabindex"];
-  const __default__$m = vue.defineComponent({
+  const __default__$o = vue.defineComponent({
     name: "ElSliderButton"
   });
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$o,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -39904,11 +39948,11 @@
 
   const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
   const _hoisted_2$a = { key: 1 };
-  const __default__$l = vue.defineComponent({
+  const __default__$n = vue.defineComponent({
     name: "ElSlider"
   });
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$n,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -40348,11 +40392,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$k = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: "ElSteps"
   });
   const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$m,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -40398,11 +40442,11 @@
     }
   });
 
-  const __default__$j = vue.defineComponent({
+  const __default__$l = vue.defineComponent({
     name: "ElStep"
   });
   const _sfc_main$s = vue.defineComponent({
-    ...__default__$j,
+    ...__default__$l,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -40679,13 +40723,12 @@
   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 = vue.defineComponent({
+  const __default__$k = vue.defineComponent({
     name: COMPONENT_NAME$8
   });
   const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+    ...__default__$k,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
@@ -40849,37 +40892,19 @@
               key: 0,
               class: vue.normalizeClass(vue.unref(ns).e("inner"))
             }, [
-              _ctx.activeIcon || _ctx.inactiveIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                  key: 0,
-                  class: vue.normalizeClass([vue.unref(ns).is("icon"), vue.unref(checked) ? vue.unref(ns).is("show") : vue.unref(ns).is("hide")])
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeIcon)))
-                  ]),
-                  _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-                _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                  key: 1,
-                  class: vue.normalizeClass([vue.unref(ns).is("icon"), !vue.unref(checked) ? vue.unref(ns).is("show") : vue.unref(ns).is("hide")])
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveIcon)))
-                  ]),
-                  _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-              ], 64)) : _ctx.activeText || _ctx.inactiveIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 0,
-                  class: vue.normalizeClass([vue.unref(ns).is("text"), vue.unref(checked) ? vue.unref(ns).is("show") : vue.unref(ns).is("hide")]),
-                  "aria-hidden": !vue.unref(checked)
-                }, vue.toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4$2)) : vue.createCommentVNode("v-if", true),
-                _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 1,
-                  class: vue.normalizeClass([vue.unref(ns).is("text"), !vue.unref(checked) ? vue.unref(ns).is("show") : vue.unref(ns).is("hide")]),
-                  "aria-hidden": vue.unref(checked)
-                }, vue.toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5$1)) : vue.createCommentVNode("v-if", true)
-              ], 64)) : vue.createCommentVNode("v-if", true)
+              _ctx.activeIcon || _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).is("icon"))
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(checked) ? _ctx.activeIcon : _ctx.inactiveIcon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : _ctx.activeText || _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(ns).is("text")),
+                "aria-hidden": !vue.unref(checked)
+              }, vue.toDisplayString(vue.unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$2)) : vue.createCommentVNode("v-if", true)
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(ns).e("action"))
@@ -40912,7 +40937,7 @@
             !_ctx.activeIcon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               "aria-hidden": !vue.unref(checked)
-            }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_6)) : vue.createCommentVNode("v-if", true)
+            }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_5$1)) : vue.createCommentVNode("v-if", true)
           ], 2)) : vue.createCommentVNode("v-if", true)
         ], 14, _hoisted_1$d);
       };
@@ -41302,15 +41327,15 @@
       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");
       }
     }
@@ -42642,7 +42667,7 @@
   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 = vue.resolveComponent("el-checkbox");
     const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
@@ -42755,7 +42780,7 @@
       _: 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 = vue.getCurrentInstance();
@@ -43425,8 +43450,8 @@
       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") {
@@ -43569,7 +43594,7 @@
         const tdChildren = cellChildren(cellIndex, column, data);
         return vue.h("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,
@@ -44026,7 +44051,7 @@
       layout.setMaxHeight(props.maxHeight);
     });
     vue.watch(() => [props.currentRowKey, store.states.rowKey], ([currentRowKey, rowKey]) => {
-      if (!vue.unref(rowKey))
+      if (!vue.unref(rowKey) || !vue.unref(currentRowKey))
         return;
       store.setCurrentRowKey(`${currentRowKey}`);
     }, {
@@ -44534,7 +44559,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 = vue.resolveComponent("hColgroup");
     const _component_table_header = vue.resolveComponent("table-header");
     const _component_table_body = vue.resolveComponent("table-body");
@@ -44700,7 +44725,7 @@
       ])
     ], 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",
@@ -45729,7 +45754,8 @@
       windowHeight,
       footerHeight,
       emptyStyle,
-      rootStyle
+      rootStyle,
+      headerHeight
     };
   };
 
@@ -45829,7 +45855,8 @@
       windowHeight,
       footerHeight,
       emptyStyle,
-      rootStyle
+      rootStyle,
+      headerHeight
     } = useStyles(props, {
       columnsTotalWidth,
       data,
@@ -45856,7 +45883,7 @@
       const _totalHeight = vue.unref(rowsHeight);
       const clientHeight = vue.unref(windowHeight);
       const heightUntilEnd = _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize;
-      if (vue.unref(lastRenderedRowIndex) >= 0 && _totalHeight !== vue.unref(rowsHeight)) {
+      if (vue.unref(lastRenderedRowIndex) >= 0 && _totalHeight === scrollTop + vue.unref(mainTableHeight) - vue.unref(headerHeight)) {
         onEndReached(heightUntilEnd);
       }
     }
@@ -47393,11 +47420,11 @@
   });
 
   const COMPONENT_NAME$3 = "ElTabBar";
-  const __default__$h = vue.defineComponent({
+  const __default__$j = vue.defineComponent({
     name: COMPONENT_NAME$3
   });
   const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+    ...__default__$j,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47907,11 +47934,11 @@
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
   const COMPONENT_NAME$1 = "ElTabPane";
-  const __default__$g = vue.defineComponent({
+  const __default__$i = vue.defineComponent({
     name: COMPONENT_NAME$1
   });
   const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+    ...__default__$i,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -48077,11 +48104,11 @@
     return formatTime(next);
   };
 
-  const __default__$f = vue.defineComponent({
+  const __default__$h = vue.defineComponent({
     name: "ElTimeSelect"
   });
   const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+    ...__default__$h,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -48245,11 +48272,11 @@
     }
   });
 
-  const __default__$e = vue.defineComponent({
+  const __default__$g = vue.defineComponent({
     name: "ElTimelineItem"
   });
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+    ...__default__$g,
     props: timelineItemProps,
     setup(__props) {
       const ns = useNamespace("timeline-item");
@@ -48448,11 +48475,11 @@
     }
   });
 
-  const __default__$d = vue.defineComponent({
+  const __default__$f = vue.defineComponent({
     name: "ElTooltipV2Root"
   });
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+    ...__default__$f,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -48521,11 +48548,11 @@
   });
   var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-  const __default__$c = vue.defineComponent({
+  const __default__$e = vue.defineComponent({
     name: "ElTooltipV2Arrow"
   });
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+    ...__default__$e,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -48564,11 +48591,11 @@
     }
   });
 
-  const __default__$b = vue.defineComponent({
+  const __default__$d = vue.defineComponent({
     name: "ElVisuallyHidden"
   });
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+    ...__default__$d,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -48599,11 +48626,11 @@
   var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$9 = ["data-side"];
-  const __default__$a = vue.defineComponent({
+  const __default__$c = vue.defineComponent({
     name: "ElTooltipV2Content"
   });
   const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+    ...__default__$c,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -48731,11 +48758,11 @@
     }
   });
 
-  const __default__$9 = vue.defineComponent({
+  const __default__$b = vue.defineComponent({
     name: "ElTooltipV2Trigger"
   });
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+    ...__default__$b,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -48814,11 +48841,11 @@
   });
   var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-  const __default__$8 = vue.defineComponent({
+  const __default__$a = vue.defineComponent({
     name: "ElTooltipV2"
   });
   const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$a,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -49135,11 +49162,11 @@
     };
   };
 
-  const __default__$7 = vue.defineComponent({
+  const __default__$9 = vue.defineComponent({
     name: "ElTransferPanel"
   });
   const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$9,
     props: transferPanelProps,
     emits: transferPanelEmits,
     setup(__props, { expose, emit }) {
@@ -49256,11 +49283,11 @@
 
   const _hoisted_1$8 = { key: 0 };
   const _hoisted_2$6 = { key: 0 };
-  const __default__$6 = vue.defineComponent({
+  const __default__$8 = vue.defineComponent({
     name: "ElTransfer"
   });
   const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...__default__$8,
     props: transferProps,
     emits: transferEmits,
     setup(__props, { expose, emit }) {
@@ -50520,7 +50547,7 @@
   });
   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 = vue.resolveComponent("el-icon");
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_loading = vue.resolveComponent("loading");
@@ -50625,7 +50652,7 @@
       [vue.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");
@@ -50979,7 +51006,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-tree-node");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -51021,7 +51048,7 @@
       ])
     ], 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);
@@ -51829,7 +51856,7 @@
         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);
           }
         });
@@ -51919,18 +51946,17 @@
     }
   });
 
+  const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"];
   const DEFAULT_ICON = "caret-right";
-  const _sfc_main$8 = vue.defineComponent({
-    name: "ElTreeNode",
-    components: {
-      ElIcon,
-      CaretRight: caret_right_default,
-      ElCheckbox,
-      ElNodeContent
-    },
+  const __default__$7 = vue.defineComponent({
+    name: "ElTreeNode"
+  });
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$7,
     props: treeNodeProps,
     emits: treeNodeEmits,
-    setup(props, { emit }) {
+    setup(__props, { emit }) {
+      const props = __props;
       const tree = vue.inject(ROOT_TREE_INJECTION_KEY);
       const ns = useNamespace("tree");
       const indent = vue.computed(() => {
@@ -51958,88 +51984,80 @@
         }
         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 vue.openBlock(), vue.createElementBlock("div", {
+          ref: "node$",
+          class: vue.normalizeClass([
+            vue.unref(ns).b("node"),
+            vue.unref(ns).is("expanded", _ctx.expanded),
+            vue.unref(ns).is("current", _ctx.current),
+            vue.unref(ns).is("focusable", !_ctx.disabled),
+            vue.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: vue.withModifiers(handleClick, ["stop"]),
+          onContextmenu: handleContextMenu
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).be("node", "content")),
+            style: vue.normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * vue.unref(indent)}px` })
+          }, [
+            vue.unref(icon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+              key: 0,
+              class: vue.normalizeClass([
+                vue.unref(ns).is("leaf", !!((_b = _ctx.node) == null ? void 0 : _b.isLeaf)),
+                vue.unref(ns).is("hidden", _ctx.hiddenExpandIcon),
+                {
+                  expanded: !((_c = _ctx.node) == null ? void 0 : _c.isLeaf) && _ctx.expanded
+                },
+                vue.unref(ns).be("node", "expand-icon")
+              ]),
+              onClick: vue.withModifiers(handleExpandIconClick, ["stop"])
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(icon))))
+              ]),
+              _: 1
+            }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
+            _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(vue.unref(ElCheckbox), {
+              key: 1,
+              "model-value": _ctx.checked,
+              indeterminate: _ctx.indeterminate,
+              disabled: _ctx.disabled,
+              onChange: handleCheckChange,
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+              }, ["stop"]))
+            }, null, 8, ["model-value", "indeterminate", "disabled"])) : vue.createCommentVNode("v-if", true),
+            vue.createVNode(vue.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 = vue.resolveComponent("el-icon");
-    const _component_el_checkbox = vue.resolveComponent("el-checkbox");
-    const _component_el_node_content = vue.resolveComponent("el-node-content");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      ref: "node$",
-      class: vue.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] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
-      onContextmenu: _cache[2] || (_cache[2] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args))
-    }, [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.be("node", "content")),
-        style: vue.normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * _ctx.indent}px` })
-      }, [
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 0,
-          class: vue.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: vue.withModifiers(_ctx.handleExpandIconClick, ["stop"])
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-          ]),
-          _: 1
-        }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
-        _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-          key: 1,
-          "model-value": _ctx.checked,
-          indeterminate: _ctx.indeterminate,
-          disabled: _ctx.disabled,
-          onChange: _ctx.handleCheckChange,
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-          }, ["stop"]))
-        }, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : vue.createCommentVNode("v-if", true),
-        vue.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 = vue.defineComponent({
-    name: "ElTreeV2",
-    components: {
-      ElTreeNode,
-      FixedSizeList: FixedSizeList$1
-    },
+  const itemSize = 26;
+  const __default__$6 = vue.defineComponent({
+    name: "ElTreeV2"
+  });
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: treeProps,
     emits: treeEmits,
-    setup(props, ctx) {
+    setup(__props, { expose, emit }) {
+      const props = __props;
+      const slots = vue.useSlots();
       vue.provide(ROOT_TREE_INJECTION_KEY, {
-        ctx,
+        ctx: {
+          emit,
+          slots
+        },
         props,
         instance: vue.getCurrentInstance()
       });
@@ -52056,9 +52074,9 @@
         isDisabled,
         isCurrent,
         isForceHiddenExpandIcon,
-        toggleCheckbox,
         handleNodeClick,
         handleNodeCheck,
+        toggleCheckbox,
         getCurrentNode,
         getCurrentKey,
         setCurrentKey,
@@ -52074,8 +52092,9 @@
         expandNode,
         collapseNode,
         setExpandedKeys
-      } = useTree(props, ctx.emit);
-      ctx.expose({
+      } = useTree(props, emit);
+      expose({
+        toggleCheckbox,
         getCurrentNode,
         getCurrentKey,
         setCurrentKey,
@@ -52092,71 +52111,52 @@
         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 vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([vue.unref(ns).b(), { [vue.unref(ns).m("highlight-current")]: _ctx.highlightCurrent }]),
+          role: "tree"
+        }, [
+          vue.unref(isNotEmpty) ? (vue.openBlock(), vue.createBlock(vue.unref(FixedSizeList$1), {
+            key: 0,
+            "class-name": vue.unref(ns).b("virtual-list"),
+            data: vue.unref(flattenTree),
+            total: vue.unref(flattenTree).length,
+            height: _ctx.height,
+            "item-size": itemSize,
+            "perf-mode": _ctx.perfMode
+          }, {
+            default: vue.withCtx(({ data, index, style }) => [
+              (vue.openBlock(), vue.createBlock(ElTreeNode, {
+                key: data[index].key,
+                style: vue.normalizeStyle(style),
+                node: data[index],
+                expanded: vue.unref(isExpanded)(data[index]),
+                "show-checkbox": _ctx.showCheckbox,
+                checked: vue.unref(isChecked)(data[index]),
+                indeterminate: vue.unref(isIndeterminate)(data[index]),
+                disabled: vue.unref(isDisabled)(data[index]),
+                current: vue.unref(isCurrent)(data[index]),
+                "hidden-expand-icon": vue.unref(isForceHiddenExpandIcon)(data[index]),
+                onClick: vue.unref(handleNodeClick),
+                onToggle: vue.unref(toggleExpand),
+                onCheck: vue.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"])) : (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).e("empty-block"))
+          }, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(ns).e("empty-text"))
+            }, vue.toDisplayString((_a = _ctx.emptyText) != null ? _a : vue.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 = vue.resolveComponent("el-tree-node");
-    const _component_fixed_size_list = vue.resolveComponent("fixed-size-list");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass([_ctx.ns.b(), { [_ctx.ns.m("highlight-current")]: _ctx.highlightCurrent }]),
-      role: "tree"
-    }, [
-      _ctx.isNotEmpty ? (vue.openBlock(), vue.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: vue.withCtx(({ data, index, style }) => [
-          (vue.openBlock(), vue.createBlock(_component_el_tree_node, {
-            key: data[index].key,
-            style: vue.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"])) : (vue.openBlock(), vue.createElementBlock("div", {
-        key: 1,
-        class: vue.normalizeClass(_ctx.ns.e("empty-block"))
-      }, [
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass(_ctx.ns.e("empty-text"))
-        }, vue.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);
 
@@ -54349,13 +54349,28 @@
   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 = vue.createVNode(MessageBoxConstructor, props, isFunction(props.message) || vue.isVNode(props.message) ? {
       default: isFunction(props.message) ? props.message : () => props.message
     } : null);
     vnode.appContext = appContext;
     vue.render(vnode, container);
-    document.body.appendChild(container.firstElementChild);
+    getAppendToElement(props).appendChild(container.firstElementChild);
     return vnode.component;
   };
   const genContainer = () => {