@element-plus/nightly 0.0.20231009 → 0.0.20231011

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231009 */
+/*! Element Plus v0.0.20231011 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -510,6 +510,49 @@
     };
   }
 
+  var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+  var __objRest$1 = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$7)
+      for (var prop of __getOwnPropSymbols$7(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  function useMutationObserver(target, callback, options = {}) {
+    const _a = options, { window = defaultWindow } = _a, mutationOptions = __objRest$1(_a, ["window"]);
+    let observer;
+    const isSupported = useSupported(() => window && "MutationObserver" in window);
+    const cleanup = () => {
+      if (observer) {
+        observer.disconnect();
+        observer = void 0;
+      }
+    };
+    const stopWatch = vue.watch(() => unrefElement(target), (el) => {
+      cleanup();
+      if (isSupported.value && window && el) {
+        observer = new MutationObserver(callback);
+        observer.observe(el, mutationOptions);
+      }
+    }, { immediate: true });
+    const stop = () => {
+      cleanup();
+      stopWatch();
+    };
+    tryOnScopeDispose(stop);
+    return {
+      isSupported,
+      stop
+    };
+  }
+
   var SwipeDirection;
   (function(SwipeDirection2) {
     SwipeDirection2["UP"] = "UP";
@@ -11089,7 +11132,7 @@
     });
   };
 
-  function useFocusController(target, { afterFocus, afterBlur } = {}) {
+  function useFocusController(target, { afterFocus, beforeBlur, afterBlur } = {}) {
     const instance = vue.getCurrentInstance();
     const { emit } = instance;
     const wrapperRef = vue.shallowRef();
@@ -11103,7 +11146,8 @@
     };
     const handleBlur = (event) => {
       var _a;
-      if (event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
+      const cancelBlur = isFunction$1(beforeBlur) ? beforeBlur(event) : false;
+      if (cancelBlur || event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
         return;
       isFocused.value = false;
       emit("blur", event);
@@ -11247,7 +11291,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20231009";
+  const version$1 = "0.0.20231011";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11297,11 +11341,11 @@
   };
 
   const COMPONENT_NAME$n = "ElAffix";
-  const __default__$1C = vue.defineComponent({
+  const __default__$1D = vue.defineComponent({
     name: COMPONENT_NAME$n
   });
-  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1C,
+  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1D,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11404,7 +11448,7 @@
       };
     }
   });
-  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "affix.vue"]]);
+  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "affix.vue"]]);
 
   const ElAffix = withInstall(Affix);
 
@@ -11417,12 +11461,12 @@
     }
   });
 
-  const __default__$1B = vue.defineComponent({
+  const __default__$1C = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1B,
+  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1C,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11446,7 +11490,7 @@
       };
     }
   });
-  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "icon.vue"]]);
+  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "icon.vue"]]);
 
   const ElIcon = withInstall(Icon);
 
@@ -11485,11 +11529,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1A = vue.defineComponent({
+  const __default__$1B = vue.defineComponent({
     name: "ElAlert"
   });
-  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1A,
+  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1B,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11574,7 +11618,7 @@
       };
     }
   });
-  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "alert.vue"]]);
+  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "alert.vue"]]);
 
   const ElAlert = withInstall(Alert);
 
@@ -11739,11 +11783,11 @@
   };
 
   const COMPONENT_NAME$m = "ElForm";
-  const __default__$1z = vue.defineComponent({
+  const __default__$1A = vue.defineComponent({
     name: COMPONENT_NAME$m
   });
-  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1z,
+  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1A,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -11871,7 +11915,7 @@
       };
     }
   });
-  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "form.vue"]]);
+  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "form.vue"]]);
 
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -13051,11 +13095,11 @@
   });
 
   const _hoisted_1$12 = ["role", "aria-labelledby"];
-  const __default__$1y = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: "ElFormItem"
   });
-  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1z,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13350,7 +13394,7 @@
       };
     }
   });
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "form-item.vue"]]);
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "form-item.vue"]]);
 
   const ElForm = withInstall(Form, {
     FormItem
@@ -13537,14 +13581,14 @@
   };
 
   const _hoisted_1$11 = ["role"];
-  const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
+  const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
   const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
-  const __default__$1x = vue.defineComponent({
+  const __default__$1y = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1y,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -13856,7 +13900,7 @@
                 onBlur: _cache[1] || (_cache[1] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, _hoisted_2$G),
+              }), null, 16, _hoisted_2$H),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -13967,7 +14011,7 @@
       };
     }
   });
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "input.vue"]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "input.vue"]]);
 
   const ElInput = withInstall(Input);
 
@@ -14017,7 +14061,7 @@
   });
 
   const COMPONENT_NAME$k = "Thumb";
-  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14136,7 +14180,7 @@
       };
     }
   });
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "thumb.vue"]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "thumb.vue"]]);
 
   const barProps = buildProps({
     always: {
@@ -14155,7 +14199,7 @@
     }
   });
 
-  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14192,7 +14236,7 @@
       };
     }
   });
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "bar.vue"]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "bar.vue"]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -14242,11 +14286,11 @@
   };
 
   const COMPONENT_NAME$j = "ElScrollbar";
-  const __default__$1w = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: COMPONENT_NAME$j
   });
-  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1x,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14400,7 +14444,7 @@
       };
     }
   });
-  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "scrollbar.vue"]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "scrollbar.vue"]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -14430,12 +14474,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1v = vue.defineComponent({
+  const __default__$1w = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1w,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14458,7 +14502,7 @@
       };
     }
   });
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "popper.vue"]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "popper.vue"]]);
 
   const popperArrowProps = buildProps({
     arrowOffset: {
@@ -14468,12 +14512,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1u = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1v,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14499,7 +14543,7 @@
       };
     }
   });
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "arrow.vue"]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "arrow.vue"]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -14587,12 +14631,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1t = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1u,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14690,7 +14734,7 @@
       };
     }
   });
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "trigger.vue"]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "trigger.vue"]]);
 
   const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
   const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -14840,7 +14884,7 @@
     });
   };
 
-  const _sfc_main$26 = vue.defineComponent({
+  const _sfc_main$27 = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15079,7 +15123,7 @@
   function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$v], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$v], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const popperCoreConfigProps = buildProps({
@@ -15373,11 +15417,11 @@
     };
   };
 
-  const __default__$1s = vue.defineComponent({
+  const __default__$1t = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1t,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -15493,7 +15537,7 @@
       };
     }
   });
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "content.vue"]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "content.vue"]]);
 
   const ElPopper = withInstall(Popper);
 
@@ -15578,11 +15622,11 @@
     };
   };
 
-  const __default__$1r = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1s,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15641,14 +15685,14 @@
       };
     }
   });
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "trigger.vue"]]);
 
-  const __default__$1q = vue.defineComponent({
+  const __default__$1r = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1r,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15806,15 +15850,15 @@
       };
     }
   });
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "content.vue"]]);
 
   const _hoisted_1$10 = ["innerHTML"];
-  const _hoisted_2$F = { key: 1 };
-  const __default__$1p = vue.defineComponent({
+  const _hoisted_2$G = { key: 1 };
+  const __default__$1q = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1q,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -15951,7 +15995,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$G, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -15966,7 +16010,7 @@
       };
     }
   });
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -16048,15 +16092,15 @@
   };
 
   const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
-  const _hoisted_2$E = { key: 0 };
+  const _hoisted_2$F = { key: 0 };
   const _hoisted_3$k = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
-  const __default__$1o = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: COMPONENT_NAME$i,
     inheritAttrs: false
   });
-  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1p,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -16294,7 +16338,7 @@
                 role: "listbox"
               }, {
                 default: vue.withCtx(() => [
-                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$E, [
+                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$F, [
                     vue.createVNode(vue.unref(ElIcon), {
                       class: vue.normalizeClass(vue.unref(ns).is("loading"))
                     }, {
@@ -16387,7 +16431,7 @@
       };
     }
   });
-  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "autocomplete.vue"]]);
+  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "autocomplete.vue"]]);
 
   const ElAutocomplete = withInstall(Autocomplete);
 
@@ -16422,11 +16466,11 @@
   };
 
   const _hoisted_1$_ = ["src", "alt", "srcset"];
-  const __default__$1n = vue.defineComponent({
+  const __default__$1o = vue.defineComponent({
     name: "ElAvatar"
   });
-  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1o,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -16480,7 +16524,7 @@
       };
     }
   });
-  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "avatar.vue"]]);
+  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "avatar.vue"]]);
 
   const ElAvatar = withInstall(Avatar);
 
@@ -16541,11 +16585,11 @@
   };
 
   const COMPONENT_NAME$h = "ElBacktop";
-  const __default__$1m = vue.defineComponent({
+  const __default__$1n = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
-  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1n,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -16584,7 +16628,7 @@
       };
     }
   });
-  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "backtop.vue"]]);
+  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "backtop.vue"]]);
 
   const ElBacktop = withInstall(Backtop);
 
@@ -16607,11 +16651,11 @@
   });
 
   const _hoisted_1$Z = ["textContent"];
-  const __default__$1l = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: "ElBadge"
   });
-  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1m,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16655,7 +16699,7 @@
       };
     }
   });
-  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "badge.vue"]]);
+  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "badge.vue"]]);
 
   const ElBadge = withInstall(Badge);
 
@@ -16671,11 +16715,11 @@
     }
   });
 
-  const __default__$1k = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: "ElBreadcrumb"
   });
-  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1l,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -16701,7 +16745,7 @@
       };
     }
   });
-  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "breadcrumb.vue"]]);
+  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "breadcrumb.vue"]]);
 
   const breadcrumbItemProps = buildProps({
     to: {
@@ -16714,11 +16758,11 @@
     }
   });
 
-  const __default__$1j = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
-  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1k,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -16763,7 +16807,7 @@
       };
     }
   });
-  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "breadcrumb-item.vue"]]);
+  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "breadcrumb-item.vue"]]);
 
   const ElBreadcrumb = withInstall(Breadcrumb, {
     BreadcrumbItem
@@ -17813,11 +17857,11 @@
     });
   }
 
-  const __default__$1i = vue.defineComponent({
+  const __default__$1j = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1j,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -17882,18 +17926,18 @@
       };
     }
   });
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "button.vue"]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "button.vue"]]);
 
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
   };
 
-  const __default__$1h = vue.defineComponent({
+  const __default__$1i = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1i,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -17911,7 +17955,7 @@
       };
     }
   });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "button-group.vue"]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "button-group.vue"]]);
 
   const ElButton = withInstall(Button, {
     ButtonGroup
@@ -18464,12 +18508,12 @@
   });
 
   const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$1g = vue.defineComponent({
+  const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const __default__$1h = vue.defineComponent({
     name: "Picker"
   });
-  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1h,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -19057,7 +19101,7 @@
                 onBlur: handleBlurInput,
                 onInput: handleEndInput,
                 onChange: handleEndChange
-              }, null, 42, _hoisted_2$D),
+              }, null, 42, _hoisted_2$E),
               _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 1,
                 class: vue.normalizeClass(vue.unref(clearIconKls)),
@@ -19094,7 +19138,7 @@
       };
     }
   });
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "picker.vue"]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "picker.vue"]]);
 
   const panelTimePickerProps = buildProps({
     ...timePanelSharedProps,
@@ -19403,8 +19447,8 @@
   });
 
   const _hoisted_1$X = ["onClick"];
-  const _hoisted_2$C = ["onMouseenter"];
-  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_2$D = ["onMouseenter"];
+  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
     emits: ["change", "select-range", "set-option"],
@@ -19684,15 +19728,15 @@
                   ], 2);
                 }), 128))
               ], 2)
-            ], 42, _hoisted_2$C);
+            ], 42, _hoisted_2$D);
           }), 128)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
     }
   });
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "basic-time-spinner.vue"]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "basic-time-spinner.vue"]]);
 
-  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-pick",
     props: panelTimePickerProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -19844,7 +19888,7 @@
       };
     }
   });
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "panel-time-pick.vue"]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "panel-time-pick.vue"]]);
 
   const panelTimeRangeProps = buildProps({
     ...timePanelSharedProps,
@@ -19854,7 +19898,7 @@
   });
 
   const _hoisted_1$W = ["disabled"];
-  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -20122,7 +20166,7 @@
       };
     }
   });
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "panel-time-range.vue"]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "panel-time-range.vue"]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -20375,12 +20419,12 @@
   };
 
   const _hoisted_1$V = { key: 0 };
-  const _hoisted_2$B = ["onClick"];
-  const __default__$1f = vue.defineComponent({
+  const _hoisted_2$C = ["onClick"];
+  const __default__$1g = vue.defineComponent({
     name: "DateTable"
   });
-  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1g,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -20447,7 +20491,7 @@
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
                       ])
                     ], 2)
-                  ], 10, _hoisted_2$B);
+                  ], 10, _hoisted_2$C);
                 }), 128))
               ], 2);
             }), 128))
@@ -20456,7 +20500,7 @@
       };
     }
   });
-  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__file", "date-table.vue"]]);
+  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "date-table.vue"]]);
 
   const adjacentMonth = (start, end) => {
     const firstMonthLastDay = start.endOf("month");
@@ -20594,11 +20638,11 @@
   };
 
   const COMPONENT_NAME$g = "ElCalendar";
-  const __default__$1e = vue.defineComponent({
+  const __default__$1f = vue.defineComponent({
     name: COMPONENT_NAME$g
   });
-  const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1f,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -20715,7 +20759,7 @@
       };
     }
   });
-  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "calendar.vue"]]);
+  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__file", "calendar.vue"]]);
 
   const ElCalendar = withInstall(Calendar);
 
@@ -20736,11 +20780,11 @@
     }
   });
 
-  const __default__$1d = vue.defineComponent({
+  const __default__$1e = vue.defineComponent({
     name: "ElCard"
   });
-  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+  const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1e,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -20766,7 +20810,7 @@
       };
     }
   });
-  var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "card.vue"]]);
+  var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "card.vue"]]);
 
   const ElCard = withInstall(Card);
 
@@ -20834,11 +20878,13 @@
       addChild: addItem,
       removeChild: removeItem
     } = useOrderedChildren(vue.getCurrentInstance(), "ElCarouselItem");
+    const slots = vue.useSlots();
     const activeIndex = vue.ref(-1);
     const timer = vue.ref(null);
     const hover = vue.ref(false);
     const root = vue.ref();
     const containerHeight = vue.ref(0);
+    const isItemsTwoLength = vue.ref(true);
     const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
     const hasLabel = vue.computed(() => {
       return items.value.some((item) => item.props.label.toString().length > 0);
@@ -20862,6 +20908,11 @@
     const throttledIndicatorHover = throttle((index) => {
       handleIndicatorHover(index);
     }, THROTTLE_TIME);
+    const isTwoLengthShow = (index) => {
+      if (!isItemsTwoLength.value)
+        return true;
+      return activeIndex.value <= 1 ? index <= 1 : index > 1;
+    };
     function pauseTimer() {
       if (timer.value) {
         clearInterval(timer.value);
@@ -20979,8 +21030,29 @@
         return;
       containerHeight.value = height;
     }
+    function PlaceholderItem() {
+      var _a;
+      const defaultSlots = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (!defaultSlots)
+        return null;
+      const flatSlots = flattedChildren(defaultSlots);
+      const carouselItemsName = "ElCarouselItem";
+      const normalizeSlots = flatSlots.filter((slot) => {
+        return vue.isVNode(slot) && slot.type.name === carouselItemsName;
+      });
+      if ((normalizeSlots == null ? void 0 : normalizeSlots.length) === 2 && props.loop && !isCardType.value) {
+        isItemsTwoLength.value = true;
+        return normalizeSlots;
+      }
+      isItemsTwoLength.value = false;
+      return null;
+    }
     vue.watch(() => activeIndex.value, (current, prev2) => {
       resetItemPosition(prev2);
+      if (isItemsTwoLength.value) {
+        current = current % 2;
+        prev2 = prev2 % 2;
+      }
       if (prev2 > -1) {
         emit("change", current, prev2);
       }
@@ -21033,6 +21105,7 @@
       items,
       isVertical,
       containerStyle,
+      isItemsTwoLength,
       handleButtonEnter,
       handleButtonLeave,
       handleIndicatorClick,
@@ -21041,19 +21114,21 @@
       setActiveItem,
       prev,
       next,
+      PlaceholderItem,
+      isTwoLengthShow,
       throttledArrowClick,
       throttledIndicatorHover
     };
   };
 
   const _hoisted_1$U = ["onMouseenter", "onClick"];
-  const _hoisted_2$A = { key: 0 };
+  const _hoisted_2$B = { key: 0 };
   const COMPONENT_NAME$f = "ElCarousel";
-  const __default__$1c = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: COMPONENT_NAME$f
   });
-  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1d,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -21076,6 +21151,8 @@
         setActiveItem,
         prev,
         next,
+        PlaceholderItem,
+        isTwoLengthShow,
         throttledArrowClick,
         throttledIndicatorHover
       } = useCarousel(props, emit);
@@ -21173,6 +21250,7 @@
               ]),
               _: 1
             })) : vue.createCommentVNode("v-if", true),
+            vue.createVNode(vue.unref(PlaceholderItem)),
             vue.renderSlot(_ctx.$slots, "default")
           ], 6),
           _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
@@ -21180,7 +21258,7 @@
             class: vue.normalizeClass(vue.unref(indicatorsClasses))
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("li", {
+              return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
                 key: index,
                 class: vue.normalizeClass([
                   vue.unref(ns).e("indicator"),
@@ -21193,16 +21271,18 @@
                 vue.createElementVNode("button", {
                   class: vue.normalizeClass(vue.unref(ns).e("button"))
                 }, [
-                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$A, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
+                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$B, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
                 ], 2)
-              ], 42, _hoisted_1$U);
+              ], 42, _hoisted_1$U)), [
+                [vue.vShow, vue.unref(isTwoLengthShow)(index)]
+              ]);
             }), 128))
           ], 2)) : vue.createCommentVNode("v-if", true)
         ], 34);
       };
     }
   });
-  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "carousel.vue"]]);
+  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "carousel.vue"]]);
 
   const carouselItemProps = buildProps({
     name: { type: String, default: "" },
@@ -21324,11 +21404,11 @@
     };
   };
 
-  const __default__$1b = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: "ElCarouselItem"
   });
-  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1c,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -21386,7 +21466,7 @@
       };
     }
   });
-  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "carousel-item.vue"]]);
+  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "carousel-item.vue"]]);
 
   const ElCarousel = withInstall(Carousel, {
     CarouselItem
@@ -21399,7 +21479,8 @@
       default: void 0
     },
     label: {
-      type: [String, Boolean, Number, Object]
+      type: [String, Boolean, Number, Object],
+      default: void 0
     },
     indeterminate: Boolean,
     disabled: Boolean,
@@ -21564,7 +21645,7 @@
       return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
     }));
     const hasOwnLabel = vue.computed(() => {
-      return !!(slots.default || props.label);
+      return !!slots.default || !isNil(props.label);
     });
     return {
       checkboxButtonSize,
@@ -21625,13 +21706,13 @@
   };
 
   const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
-  const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_2$A = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-  const __default__$1a = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: "ElCheckbox"
   });
-  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1b,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -21698,7 +21779,7 @@
                 onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
                 onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
                 }, ["stop"]))
-              }, null, 42, _hoisted_2$z)), [
+              }, null, 42, _hoisted_2$A)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 1,
@@ -21738,15 +21819,15 @@
       };
     }
   });
-  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "checkbox.vue"]]);
+  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "checkbox.vue"]]);
 
   const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-  const __default__$19 = vue.defineComponent({
+  const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
+  const __default__$1a = vue.defineComponent({
     name: "ElCheckboxButton"
   });
-  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1a,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -21816,7 +21897,7 @@
             onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
             onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_2$y)), [
+          }, null, 42, _hoisted_2$z)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]),
           _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -21832,7 +21913,7 @@
       };
     }
   });
-  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox-button.vue"]]);
+  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "checkbox-button.vue"]]);
 
   const checkboxGroupProps = buildProps({
     modelValue: {
@@ -21860,11 +21941,11 @@
     change: (val) => isArray$1(val)
   };
 
-  const __default__$18 = vue.defineComponent({
+  const __default__$19 = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
-  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$19,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -21922,7 +22003,7 @@
       };
     }
   });
-  var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-group.vue"]]);
+  var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox-group.vue"]]);
 
   const ElCheckbox = withInstall(Checkbox, {
     CheckboxButton,
@@ -21994,11 +22075,11 @@
   };
 
   const _hoisted_1$R = ["value", "name", "disabled"];
-  const __default__$17 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: "ElRadio"
   });
-  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$18,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -22061,7 +22142,7 @@
       };
     }
   });
-  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "radio.vue"]]);
+  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "radio.vue"]]);
 
   const radioButtonProps = buildProps({
     ...radioPropsBase,
@@ -22072,11 +22153,11 @@
   });
 
   const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$16 = vue.defineComponent({
+  const __default__$17 = vue.defineComponent({
     name: "ElRadioButton"
   });
-  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$17,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -22131,7 +22212,7 @@
       };
     }
   });
-  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "radio-button.vue"]]);
+  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "radio-button.vue"]]);
 
   const radioGroupProps = buildProps({
     id: {
@@ -22168,11 +22249,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
-  const __default__$15 = vue.defineComponent({
+  const __default__$16 = vue.defineComponent({
     name: "ElRadioGroup"
   });
-  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$16,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -22223,7 +22304,7 @@
       };
     }
   });
-  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__file", "radio-group.vue"]]);
+  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "radio-group.vue"]]);
 
   const ElRadio = withInstall(Radio, {
     RadioButton,
@@ -22251,7 +22332,7 @@
 
   const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-  const _sfc_main$1G = vue.defineComponent({
+  const _sfc_main$1H = vue.defineComponent({
     name: "ElCascaderNode",
     components: {
       ElCheckbox,
@@ -22367,7 +22448,7 @@
     }
   });
   const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-  const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
+  const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
   function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
@@ -22415,7 +22496,7 @@
       }, {
         default: vue.withCtx(() => [
           vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-          _hoisted_2$x
+          _hoisted_2$y
         ]),
         _: 1
       }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -22451,9 +22532,9 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$O);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$u], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$u], ["__file", "node.vue"]]);
 
-  const _sfc_main$1F = vue.defineComponent({
+  const _sfc_main$1G = vue.defineComponent({
     name: "ElCascaderMenu",
     components: {
       Loading: loading_default,
@@ -22584,7 +22665,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$t], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$t], ["__file", "menu.vue"]]);
 
   let uid = 0;
   const calculatePathNodes = (node) => {
@@ -22817,7 +22898,7 @@
     return res;
   };
 
-  const _sfc_main$1E = vue.defineComponent({
+  const _sfc_main$1F = vue.defineComponent({
     name: "ElCascaderPanel",
     components: {
       ElCascaderMenu
@@ -23083,7 +23164,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$s], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$s], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -23121,11 +23202,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$14 = vue.defineComponent({
+  const __default__$15 = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$15,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -23205,7 +23286,7 @@
       };
     }
   });
-  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "tag.vue"]]);
+  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__file", "tag.vue"]]);
 
   const ElTag = withInstall(Tag);
 
@@ -23267,14 +23348,14 @@
   };
 
   const _hoisted_1$N = { key: 0 };
-  const _hoisted_2$w = ["placeholder", "onKeydown"];
+  const _hoisted_2$x = ["placeholder", "onKeydown"];
   const _hoisted_3$i = ["onClick"];
   const COMPONENT_NAME$e = "ElCascader";
-  const __default__$13 = vue.defineComponent({
+  const __default__$14 = vue.defineComponent({
     name: COMPONENT_NAME$e
   });
-  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$14,
     props: cascaderProps,
     emits: cascaderEmits,
     setup(__props, { expose, emit }) {
@@ -23800,7 +23881,7 @@
                   onCompositionend: handleComposition,
                   onFocus: handleFocus,
                   onBlur: handleBlur
-                }, null, 42, _hoisted_2$w)), [
+                }, null, 42, _hoisted_2$x)), [
                   [vue.vModelText, searchInputValue.value]
                 ]) : vue.createCommentVNode("v-if", true)
               ], 2)) : vue.createCommentVNode("v-if", true)
@@ -23867,7 +23948,7 @@
       };
     }
   });
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "cascader.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "cascader.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -23886,11 +23967,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$12 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: "ElCheckTag"
   });
-  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$13,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -23912,7 +23993,7 @@
       };
     }
   });
-  var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "check-tag.vue"]]);
+  var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "check-tag.vue"]]);
 
   const ElCheckTag = withInstall(CheckTag);
 
@@ -23947,11 +24028,11 @@
     }
   });
 
-  const __default__$11 = vue.defineComponent({
+  const __default__$12 = vue.defineComponent({
     name: "ElRow"
   });
-  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$12,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -23986,7 +24067,7 @@
       };
     }
   });
-  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "row.vue"]]);
+  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "row.vue"]]);
 
   const ElRow = withInstall(Row$1);
 
@@ -24033,11 +24114,11 @@
     }
   });
 
-  const __default__$10 = vue.defineComponent({
+  const __default__$11 = vue.defineComponent({
     name: "ElCol"
   });
-  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$11,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -24090,7 +24171,7 @@
       };
     }
   });
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "col.vue"]]);
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "col.vue"]]);
 
   const ElCol = withInstall(Col);
 
@@ -24149,11 +24230,11 @@
     };
   };
 
-  const __default__$$ = vue.defineComponent({
+  const __default__$10 = vue.defineComponent({
     name: "ElCollapse"
   });
-  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$10,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -24173,13 +24254,13 @@
       };
     }
   });
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "collapse.vue"]]);
 
-  const __default__$_ = vue.defineComponent({
+  const __default__$$ = vue.defineComponent({
     name: "ElCollapseTransition"
   });
-  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$$,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const reset = (el) => {
@@ -24251,7 +24332,7 @@
       };
     }
   });
-  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "collapse-transition.vue"]]);
+  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse-transition.vue"]]);
 
   CollapseTransition.install = (app) => {
     app.component(CollapseTransition.name, CollapseTransition);
@@ -24337,12 +24418,12 @@
   };
 
   const _hoisted_1$M = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
-  const _hoisted_2$v = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$Z = vue.defineComponent({
+  const _hoisted_2$w = ["id", "aria-hidden", "aria-labelledby"];
+  const __default__$_ = vue.defineComponent({
     name: "ElCollapseItem"
   });
-  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$_,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -24409,7 +24490,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_2$v), [
+              ], 10, _hoisted_2$w), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -24419,7 +24500,7 @@
       };
     }
   });
-  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "collapse-item.vue"]]);
+  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "collapse-item.vue"]]);
 
   const ElCollapse = withInstall(Collapse, {
     CollapseItem
@@ -24582,11 +24663,11 @@
   };
 
   const COMPONENT_NAME$d = "ElColorAlphaSlider";
-  const __default__$Y = vue.defineComponent({
+  const __default__$Z = vue.defineComponent({
     name: COMPONENT_NAME$d
   });
-  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Z,
     props: alphaSliderProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -24622,9 +24703,9 @@
       };
     }
   });
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "alpha-slider.vue"]]);
 
-  const _sfc_main$1u = vue.defineComponent({
+  const _sfc_main$1v = vue.defineComponent({
     name: "ElColorHueSlider",
     props: {
       color: {
@@ -24744,7 +24825,7 @@
       }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$r], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$r], ["__file", "hue-slider.vue"]]);
 
   const colorPickerProps = buildProps({
     modelValue: String,
@@ -24776,7 +24857,9 @@
   const colorPickerEmits = {
     [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNil(val),
     [CHANGE_EVENT]: (val) => isString$1(val) || isNil(val),
-    activeChange: (val) => isString$1(val) || isNil(val)
+    activeChange: (val) => isString$1(val) || isNil(val),
+    focus: (event) => event instanceof FocusEvent,
+    blur: (event) => event instanceof FocusEvent
   };
   const colorPickerContextKey = Symbol("colorPickerContextKey");
 
@@ -25064,7 +25147,7 @@
     }
   }
 
-  const _sfc_main$1t = vue.defineComponent({
+  const _sfc_main$1u = vue.defineComponent({
     props: {
       colors: {
         type: Array,
@@ -25135,9 +25218,9 @@
       ], 2)
     ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$q], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$q], ["__file", "predefine.vue"]]);
 
-  const _sfc_main$1s = vue.defineComponent({
+  const _sfc_main$1t = vue.defineComponent({
     name: "ElSlPanel",
     props: {
       color: {
@@ -25208,7 +25291,7 @@
     }
   });
   const _hoisted_1$K = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_2$u = [
+  const _hoisted_2$v = [
     _hoisted_1$K
   ];
   function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
@@ -25230,17 +25313,18 @@
           top: _ctx.cursorTop + "px",
           left: _ctx.cursorLeft + "px"
         })
-      }, _hoisted_2$u, 6)
+      }, _hoisted_2$v, 6)
     ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$p], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$p], ["__file", "sv-panel.vue"]]);
 
-  const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"];
-  const __default__$X = vue.defineComponent({
+  const _hoisted_1$J = ["onKeydown"];
+  const _hoisted_2$u = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
+  const __default__$Y = vue.defineComponent({
     name: "ElColorPicker"
   });
-  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Y,
     props: colorPickerProps,
     emits: colorPickerEmits,
     setup(__props, { expose, emit }) {
@@ -25257,6 +25341,27 @@
       const sv = vue.ref();
       const alpha = vue.ref();
       const popper = vue.ref();
+      const triggerRef = vue.ref();
+      const inputRef = vue.ref();
+      const {
+        isFocused,
+        handleFocus: _handleFocus,
+        handleBlur
+      } = useFocusController(triggerRef, {
+        beforeBlur(event) {
+          var _a;
+          return (_a = popper.value) == null ? void 0 : _a.isFocusInsideContent(event);
+        },
+        afterBlur() {
+          setShowPicker(false);
+          resetColor();
+        }
+      });
+      const handleFocus = (event) => {
+        if (colorDisabled.value)
+          return blur();
+        _handleFocus(event);
+      };
       let shouldActiveChange = true;
       const color = vue.reactive(new Color({
         enableAlpha: props.showAlpha,
@@ -25285,7 +25390,8 @@
         return [
           ns.b("picker"),
           ns.is("disabled", colorDisabled.value),
-          ns.bm("picker", colorSize.value)
+          ns.bm("picker", colorSize.value),
+          ns.is("focused", isFocused.value)
         ];
       });
       function displayedRgb(color2, showAlpha) {
@@ -25356,6 +25462,41 @@
         }
         resetColor();
       }
+      function handleClickOutside(event) {
+        if (!showPicker.value)
+          return;
+        hide();
+        if (isFocused.value) {
+          const _event = new FocusEvent("focus", event);
+          handleBlur(_event);
+        }
+      }
+      function handleEsc(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        setShowPicker(false);
+        resetColor();
+      }
+      function handleKeyDown(event) {
+        switch (event.code) {
+          case EVENT_CODE.enter:
+          case EVENT_CODE.space:
+            event.preventDefault();
+            event.stopPropagation();
+            show();
+            inputRef.value.focus();
+            break;
+          case EVENT_CODE.esc:
+            handleEsc(event);
+            break;
+        }
+      }
+      function focus() {
+        triggerRef.value.focus();
+      }
+      function blur() {
+        triggerRef.value.blur();
+      }
       vue.onMounted(() => {
         if (props.modelValue) {
           customInput.value = currentColor.value;
@@ -25393,7 +25534,9 @@
       expose({
         color,
         show,
-        hide
+        hide,
+        focus,
+        blur
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
@@ -25409,10 +25552,13 @@
           effect: "light",
           trigger: "click",
           transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
-          persistent: ""
+          persistent: "",
+          onHide: _cache[2] || (_cache[2] = ($event) => setShowPicker(false))
         }, {
           content: vue.withCtx(() => [
-            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", null, [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              onKeydown: vue.withKeys(handleEsc, ["esc"])
+            }, [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(ns).be("dropdown", "main-wrapper"))
               }, [
@@ -25448,6 +25594,8 @@
                   class: vue.normalizeClass(vue.unref(ns).be("dropdown", "value"))
                 }, [
                   vue.createVNode(vue.unref(ElInput), {
+                    ref_key: "inputRef",
+                    ref: inputRef,
                     modelValue: customInput.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customInput.value = $event),
                     "validate-event": false,
@@ -25479,20 +25627,25 @@
                   _: 1
                 }, 8, ["class"])
               ], 2)
-            ])), [
-              [vue.unref(ClickOutside), hide]
+            ], 40, _hoisted_1$J)), [
+              [vue.unref(ClickOutside), handleClickOutside]
             ])
           ]),
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
               id: vue.unref(buttonId),
+              ref_key: "triggerRef",
+              ref: triggerRef,
               class: vue.normalizeClass(vue.unref(btnKls)),
               role: "button",
               "aria-label": vue.unref(buttonAriaLabel),
               "aria-labelledby": vue.unref(buttonAriaLabelledby),
               "aria-description": vue.unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
-              tabindex: _ctx.tabindex,
-              onKeydown: vue.withKeys(handleTrigger, ["enter"])
+              "aria-disabled": vue.unref(colorDisabled),
+              tabindex: vue.unref(colorDisabled) ? -1 : _ctx.tabindex,
+              onKeydown: handleKeyDown,
+              onFocus: handleFocus,
+              onBlur: _cache[1] || (_cache[1] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args))
             }, [
               vue.unref(colorDisabled) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
@@ -25534,22 +25687,22 @@
                   ], 6)
                 ], 2)
               ], 2)
-            ], 42, _hoisted_1$J)
+            ], 42, _hoisted_2$u)
           ]),
           _: 1
         }, 8, ["visible", "popper-class", "transition"]);
       };
     }
   });
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "color-picker.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "color-picker.vue"]]);
 
   const ElColorPicker = withInstall(ColorPicker);
 
-  const __default__$W = vue.defineComponent({
+  const __default__$X = vue.defineComponent({
     name: "ElContainer"
   });
-  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$X,
     props: {
       direction: {
         type: String
@@ -25584,13 +25737,13 @@
       };
     }
   });
-  var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
+  var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "container.vue"]]);
 
-  const __default__$V = vue.defineComponent({
+  const __default__$W = vue.defineComponent({
     name: "ElAside"
   });
-  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$W,
     props: {
       width: {
         type: String,
@@ -25611,13 +25764,13 @@
       };
     }
   });
-  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
+  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "aside.vue"]]);
 
-  const __default__$U = vue.defineComponent({
+  const __default__$V = vue.defineComponent({
     name: "ElFooter"
   });
-  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$V,
     props: {
       height: {
         type: String,
@@ -25638,13 +25791,13 @@
       };
     }
   });
-  var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
+  var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "footer.vue"]]);
 
-  const __default__$T = vue.defineComponent({
+  const __default__$U = vue.defineComponent({
     name: "ElHeader"
   });
-  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$U,
     props: {
       height: {
         type: String,
@@ -25669,13 +25822,13 @@
       };
     }
   });
-  var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
+  var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "header.vue"]]);
 
-  const __default__$S = vue.defineComponent({
+  const __default__$T = vue.defineComponent({
     name: "ElMain"
   });
-  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$T,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -25687,7 +25840,7 @@
       };
     }
   });
-  var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "main.vue"]]);
+  var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "main.vue"]]);
 
   const ElContainer = withInstall(Container, {
     Aside,
@@ -26376,7 +26529,7 @@
   };
   const _hoisted_3$h = ["aria-label"];
   const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
-  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
     props: basicDateTableProps,
     emits: basicDateTableEmits,
@@ -26456,7 +26609,7 @@
       };
     }
   });
-  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__file", "basic-date-table.vue"]]);
+  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "basic-date-table.vue"]]);
 
   const basicMonthTableProps = buildProps({
     ...datePickerSharedProps,
@@ -26466,7 +26619,7 @@
   const _hoisted_1$H = ["aria-label"];
   const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
   const _hoisted_3$g = { class: "cell" };
-  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
     emits: ["changerange", "pick", "select"],
@@ -26659,7 +26812,7 @@
       };
     }
   });
-  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__file", "basic-month-table.vue"]]);
+  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__file", "basic-month-table.vue"]]);
 
   const { date, disabledDate, parsedValue } = datePickerSharedProps;
   const basicYearTableProps = buildProps({
@@ -26672,7 +26825,7 @@
   const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
   const _hoisted_3$f = { class: "cell" };
   const _hoisted_4$a = { key: 1 };
-  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
     props: basicYearTableProps,
     emits: ["pick"],
@@ -26766,14 +26919,14 @@
       };
     }
   });
-  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "basic-year-table.vue"]]);
+  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__file", "basic-year-table.vue"]]);
 
   const _hoisted_1$F = ["onClick"];
   const _hoisted_2$q = ["aria-label"];
   const _hoisted_3$e = ["aria-label"];
   const _hoisted_4$9 = ["aria-label"];
   const _hoisted_5$7 = ["aria-label"];
-  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-pick",
     props: panelDatePickProps,
     emits: ["pick", "set-picker-option", "panel-change"],
@@ -27410,7 +27563,7 @@
       };
     }
   });
-  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "panel-date-pick.vue"]]);
+  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "panel-date-pick.vue"]]);
 
   const panelDateRangeProps = buildProps({
     ...panelSharedProps,
@@ -27527,7 +27680,7 @@
   const _hoisted_8$1 = ["aria-label"];
   const _hoisted_9$1 = ["aria-label"];
   const unit$1 = "month";
-  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-range",
     props: panelDateRangeProps,
     emits: [
@@ -28168,7 +28321,7 @@
       };
     }
   });
-  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__file", "panel-date-range.vue"]]);
+  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "panel-date-range.vue"]]);
 
   const panelMonthRangeProps = buildProps({
     ...panelRangeSharedProps
@@ -28231,11 +28384,11 @@
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$c = ["disabled"];
   const unit = "year";
-  const __default__$R = vue.defineComponent({
+  const __default__$S = vue.defineComponent({
     name: "DatePickerMonthRange"
   });
-  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$S,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -28440,7 +28593,7 @@
       };
     }
   });
-  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__file", "panel-month-range.vue"]]);
+  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__file", "panel-month-range.vue"]]);
 
   const getPanel = function(type) {
     switch (type) {
@@ -28618,11 +28771,11 @@
   });
 
   const _hoisted_1$C = { key: 1 };
-  const __default__$Q = vue.defineComponent({
+  const __default__$R = vue.defineComponent({
     name: "ElDescriptionsRow"
   });
-  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$R,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -28676,7 +28829,7 @@
       };
     }
   });
-  var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "descriptions-row.vue"]]);
+  var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__file", "descriptions-row.vue"]]);
 
   const descriptionProps = buildProps({
     border: {
@@ -28703,11 +28856,11 @@
     }
   });
 
-  const __default__$P = vue.defineComponent({
+  const __default__$Q = vue.defineComponent({
     name: "ElDescriptions"
   });
-  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Q,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -28806,7 +28959,7 @@
       };
     }
   });
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "description.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "description.vue"]]);
 
   const descriptionItemProps = buildProps({
     label: {
@@ -28947,9 +29100,9 @@
   const _hoisted_1$B = ["aria-level"];
   const _hoisted_2$n = ["aria-label"];
   const _hoisted_3$b = ["id"];
-  const __default__$O = vue.defineComponent({ name: "ElDialogContent" });
-  const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+  const __default__$P = vue.defineComponent({ name: "ElDialogContent" });
+  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$P,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -29021,7 +29174,7 @@
       };
     }
   });
-  var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "dialog-content.vue"]]);
+  var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "dialog-content.vue"]]);
 
   const dialogProps = buildProps({
     ...dialogContentProps,
@@ -29253,12 +29406,12 @@
   };
 
   const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$N = vue.defineComponent({
+  const __default__$O = vue.defineComponent({
     name: "ElDialog",
     inheritAttrs: false
   });
-  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+  const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$O,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -29409,7 +29562,7 @@
       };
     }
   });
-  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "dialog.vue"]]);
+  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "dialog.vue"]]);
 
   const ElDialog = withInstall(Dialog);
 
@@ -29430,11 +29583,11 @@
     }
   });
 
-  const __default__$M = vue.defineComponent({
+  const __default__$N = vue.defineComponent({
     name: "ElDivider"
   });
-  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$N,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -29460,7 +29613,7 @@
       };
     }
   });
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "divider.vue"]]);
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "divider.vue"]]);
 
   const ElDivider = withInstall(Divider);
 
@@ -29490,7 +29643,7 @@
   });
   const drawerEmits = dialogEmits;
 
-  const _sfc_main$1a = vue.defineComponent({
+  const _sfc_main$1b = vue.defineComponent({
     name: "ElDrawer",
     components: {
       ElOverlay,
@@ -29652,26 +29805,26 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
     ], 8, ["disabled"]);
   }
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$o], ["__file", "drawer.vue"]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$o], ["__file", "drawer.vue"]]);
 
   const ElDrawer = withInstall(Drawer);
 
-  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   });
   function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$n], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$n], ["__file", "collection.vue"]]);
 
-  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     name: "ElCollectionItem",
     inheritAttrs: false
   });
   function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$m], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$m], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -29808,7 +29961,7 @@
   const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
   const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
   const EVT_OPTS = { bubbles: false, cancelable: true };
-  const _sfc_main$17 = vue.defineComponent({
+  const _sfc_main$18 = vue.defineComponent({
     name: "ElRovingFocusGroupImpl",
     inheritAttrs: false,
     props: rovingFocusGroupProps,
@@ -29894,9 +30047,9 @@
   function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$l], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$l], ["__file", "roving-focus-group-impl.vue"]]);
 
-  const _sfc_main$16 = vue.defineComponent({
+  const _sfc_main$17 = vue.defineComponent({
     name: "ElRovingFocusGroup",
     components: {
       ElFocusGroupCollection: ElCollection$1,
@@ -29918,9 +30071,9 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$k], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$k], ["__file", "roving-focus-group.vue"]]);
 
-  const _sfc_main$15 = vue.defineComponent({
+  const _sfc_main$16 = vue.defineComponent({
     components: {
       ElRovingFocusCollectionItem: ElCollectionItem$1
     },
@@ -30018,7 +30171,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$j], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$j], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -30116,7 +30269,7 @@
   const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
   const { ButtonGroup: ElButtonGroup } = ElButton;
-  const _sfc_main$14 = vue.defineComponent({
+  const _sfc_main$15 = vue.defineComponent({
     name: "ElDropdown",
     components: {
       ElButton,
@@ -30401,9 +30554,9 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$i], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$i], ["__file", "dropdown.vue"]]);
 
-  const _sfc_main$13 = vue.defineComponent({
+  const _sfc_main$14 = vue.defineComponent({
     name: "DropdownItemImpl",
     components: {
       ElIcon
@@ -30485,7 +30638,7 @@
       ], 16, _hoisted_1$y)
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -30496,7 +30649,7 @@
     };
   };
 
-  const _sfc_main$12 = vue.defineComponent({
+  const _sfc_main$13 = vue.defineComponent({
     name: "ElDropdownItem",
     components: {
       ElDropdownCollectionItem: ElCollectionItem,
@@ -30598,9 +30751,9 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$g], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$g], ["__file", "dropdown-item.vue"]]);
 
-  const _sfc_main$11 = vue.defineComponent({
+  const _sfc_main$12 = vue.defineComponent({
     name: "ElDropdownMenu",
     props: dropdownMenuProps,
     setup(props) {
@@ -30680,7 +30833,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 46, _hoisted_1$x);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -30735,11 +30888,11 @@
   const _hoisted_21 = ["fill", "xlink:href"];
   const _hoisted_22 = ["fill", "mask"];
   const _hoisted_23 = ["fill"];
-  const __default__$L = vue.defineComponent({
+  const __default__$M = vue.defineComponent({
     name: "ImgEmpty"
   });
-  const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+  const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$M,
     setup(__props) {
       const ns = useNamespace("empty");
       const id = useId();
@@ -30864,7 +31017,7 @@
       };
     }
   });
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "img-empty.vue"]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__file", "img-empty.vue"]]);
 
   const emptyProps = buildProps({
     image: {
@@ -30880,11 +31033,11 @@
 
   const _hoisted_1$v = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$K = vue.defineComponent({
+  const __default__$L = vue.defineComponent({
     name: "ElEmpty"
   });
-  const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+  const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$L,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -30925,7 +31078,7 @@
       };
     }
   });
-  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "empty.vue"]]);
+  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "empty.vue"]]);
 
   const ElEmpty = withInstall(Empty);
 
@@ -30963,11 +31116,11 @@
   };
 
   const _hoisted_1$u = ["src"];
-  const __default__$J = vue.defineComponent({
+  const __default__$K = vue.defineComponent({
     name: "ElImageViewer"
   });
-  const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+  const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$K,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { expose, emit }) {
@@ -31345,7 +31498,7 @@
       };
     }
   });
-  var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "image-viewer.vue"]]);
+  var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "image-viewer.vue"]]);
 
   const ElImageViewer = withInstall(ImageViewer);
 
@@ -31403,12 +31556,12 @@
 
   const _hoisted_1$t = ["src", "loading"];
   const _hoisted_2$j = { key: 0 };
-  const __default__$I = vue.defineComponent({
+  const __default__$J = vue.defineComponent({
     name: "ElImage",
     inheritAttrs: false
   });
-  const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+  const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$J,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -31611,9 +31764,9 @@
       };
     }
   });
-  var Image = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "image.vue"]]);
+  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "image.vue"]]);
 
-  const ElImage = withInstall(Image);
+  const ElImage = withInstall(Image$1);
 
   const inputNumberProps = buildProps({
     id: {
@@ -31673,11 +31826,11 @@
 
   const _hoisted_1$s = ["aria-label", "onKeydown"];
   const _hoisted_2$i = ["aria-label", "onKeydown"];
-  const __default__$H = vue.defineComponent({
+  const __default__$I = vue.defineComponent({
     name: "ElInputNumber"
   });
-  const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+  const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$I,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -31966,7 +32119,7 @@
       };
     }
   });
-  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "input-number.vue"]]);
+  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "input-number.vue"]]);
 
   const ElInputNumber = withInstall(InputNumber);
 
@@ -31991,11 +32144,11 @@
   };
 
   const _hoisted_1$r = ["href"];
-  const __default__$G = vue.defineComponent({
+  const __default__$H = vue.defineComponent({
     name: "ElLink"
   });
-  const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+  const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$H,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -32034,7 +32187,7 @@
       };
     }
   });
-  var Link = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__file", "link.vue"]]);
+  var Link = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "link.vue"]]);
 
   const ElLink = withInstall(Link);
 
@@ -32163,7 +32316,7 @@
   }
   var Menubar = Menu$1;
 
-  const _sfc_main$W = vue.defineComponent({
+  const _sfc_main$X = vue.defineComponent({
     name: "ElMenuCollapseTransition",
     setup() {
       const ns = useNamespace("menu");
@@ -32214,7 +32367,7 @@
       _: 3
     }, 16);
   }
-  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$e], ["__file", "menu-collapse-transition.vue"]]);
+  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$e], ["__file", "menu-collapse-transition.vue"]]);
 
   function useMenu(instance, currentIndex) {
     const indexPath = vue.computed(() => {
@@ -32871,7 +33024,7 @@
   };
 
   const COMPONENT_NAME$b = "ElMenuItem";
-  const _sfc_main$V = vue.defineComponent({
+  const _sfc_main$W = vue.defineComponent({
     name: COMPONENT_NAME$b,
     components: {
       ElTooltip
@@ -32959,14 +33112,14 @@
       ], 64))
     ], 2);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$d], ["__file", "menu-item.vue"]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$d], ["__file", "menu-item.vue"]]);
 
   const menuItemGroupProps = {
     title: String
   };
 
   const COMPONENT_NAME$a = "ElMenuItemGroup";
-  const _sfc_main$U = vue.defineComponent({
+  const _sfc_main$V = vue.defineComponent({
     name: COMPONENT_NAME$a,
     props: menuItemGroupProps,
     setup() {
@@ -32992,7 +33145,7 @@
       ])
     ], 2);
   }
-  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$c], ["__file", "menu-item-group.vue"]]);
+  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$c], ["__file", "menu-item-group.vue"]]);
 
   const ElMenu = withInstall(Menu, {
     MenuItem,
@@ -33019,11 +33172,11 @@
   };
 
   const _hoisted_1$q = ["aria-label"];
-  const __default__$F = vue.defineComponent({
+  const __default__$G = vue.defineComponent({
     name: "ElPageHeader"
   });
-  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$G,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -33113,7 +33266,7 @@
       };
     }
   });
-  var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "page-header.vue"]]);
+  var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "page-header.vue"]]);
 
   const ElPageHeader = withInstall(PageHeader);
 
@@ -33138,11 +33291,11 @@
 
   const _hoisted_1$p = ["disabled", "aria-label", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
-  const __default__$E = vue.defineComponent({
+  const __default__$F = vue.defineComponent({
     name: "ElPaginationPrev"
   });
-  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$F,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -33168,7 +33321,7 @@
       };
     }
   });
-  var Prev = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "prev.vue"]]);
+  var Prev = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "prev.vue"]]);
 
   const paginationNextProps = buildProps({
     disabled: Boolean,
@@ -33190,11 +33343,11 @@
 
   const _hoisted_1$o = ["disabled", "aria-label", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
-  const __default__$D = vue.defineComponent({
+  const __default__$E = vue.defineComponent({
     name: "ElPaginationNext"
   });
-  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$E,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -33220,7 +33373,7 @@
       };
     }
   });
-  var Next = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "next.vue"]]);
+  var Next = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "next.vue"]]);
 
   const selectGroupKey = Symbol("ElSelectGroup");
   const selectKey = Symbol("ElSelect");
@@ -33316,7 +33469,7 @@
     };
   }
 
-  const _sfc_main$Q = vue.defineComponent({
+  const _sfc_main$R = vue.defineComponent({
     name: "ElOption",
     componentName: "ElOption",
     props: {
@@ -33396,9 +33549,9 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$b], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$b], ["__file", "option.vue"]]);
 
-  const _sfc_main$P = vue.defineComponent({
+  const _sfc_main$Q = vue.defineComponent({
     name: "ElSelectDropdown",
     componentName: "ElSelectDropdown",
     setup() {
@@ -33433,7 +33586,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
 
   function useSelectStates(props) {
     const { t } = useLocale();
@@ -34230,7 +34383,7 @@
   });
 
   const COMPONENT_NAME$9 = "ElSelect";
-  const _sfc_main$O = vue.defineComponent({
+  const _sfc_main$P = vue.defineComponent({
     name: COMPONENT_NAME$9,
     componentName: COMPONENT_NAME$9,
     components: {
@@ -34925,9 +35078,9 @@
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$9], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$9], ["__file", "select.vue"]]);
 
-  const _sfc_main$N = vue.defineComponent({
+  const _sfc_main$O = vue.defineComponent({
     name: "ElOptionGroup",
     componentName: "ElOptionGroup",
     props: {
@@ -34988,7 +35141,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -35019,11 +35172,11 @@
     }
   });
 
-  const __default__$C = vue.defineComponent({
+  const __default__$D = vue.defineComponent({
     name: "ElPaginationSizes"
   });
-  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$D,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -35079,7 +35232,7 @@
       };
     }
   });
-  var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "sizes.vue"]]);
+  var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "sizes.vue"]]);
 
   const paginationJumperProps = buildProps({
     size: {
@@ -35089,11 +35242,11 @@
   });
 
   const _hoisted_1$m = ["disabled"];
-  const __default__$B = vue.defineComponent({
+  const __default__$C = vue.defineComponent({
     name: "ElPaginationJumper"
   });
-  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$C,
     props: paginationJumperProps,
     setup(__props) {
       const { t } = useLocale();
@@ -35140,7 +35293,7 @@
       };
     }
   });
-  var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "jumper.vue"]]);
+  var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "jumper.vue"]]);
 
   const paginationTotalProps = buildProps({
     total: {
@@ -35150,11 +35303,11 @@
   });
 
   const _hoisted_1$l = ["disabled"];
-  const __default__$A = vue.defineComponent({
+  const __default__$B = vue.defineComponent({
     name: "ElPaginationTotal"
   });
-  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$B,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -35170,7 +35323,7 @@
       };
     }
   });
-  var Total = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "total.vue"]]);
+  var Total = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "total.vue"]]);
 
   const paginationPagerProps = buildProps({
     currentPage: {
@@ -35194,11 +35347,11 @@
   const _hoisted_4$5 = ["aria-current", "aria-label", "tabindex"];
   const _hoisted_5$4 = ["tabindex", "aria-label"];
   const _hoisted_6$1 = ["aria-current", "aria-label", "tabindex"];
-  const __default__$z = vue.defineComponent({
+  const __default__$A = vue.defineComponent({
     name: "ElPaginationPager"
   });
-  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$A,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -35396,7 +35549,7 @@
       };
     }
   });
-  var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "pager.vue"]]);
+  var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "pager.vue"]]);
 
   const isAbsent = (v) => typeof v !== "number";
   const paginationProps = buildProps({
@@ -35701,11 +35854,11 @@
     cancel: (e) => e instanceof MouseEvent
   };
 
-  const __default__$y = vue.defineComponent({
+  const __default__$z = vue.defineComponent({
     name: "ElPopconfirm"
   });
-  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$z,
     props: popconfirmProps,
     emits: popconfirmEmits,
     setup(__props, { emit }) {
@@ -35801,7 +35954,7 @@
       };
     }
   });
-  var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "popconfirm.vue"]]);
+  var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "popconfirm.vue"]]);
 
   const ElPopconfirm = withInstall(Popconfirm);
 
@@ -35867,11 +36020,11 @@
   };
 
   const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$x = vue.defineComponent({
+  const __default__$y = vue.defineComponent({
     name: "ElPopover"
   });
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$y,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -35970,7 +36123,7 @@
       };
     }
   });
-  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "popover.vue"]]);
+  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "popover.vue"]]);
 
   const attachEvents = (el, binding) => {
     const popperComponent = binding.arg || binding.value;
@@ -36059,11 +36212,11 @@
   const _hoisted_3$6 = ["d", "stroke", "stroke-linecap", "stroke-width"];
   const _hoisted_4$4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
   const _hoisted_5$3 = { key: 0 };
-  const __default__$w = vue.defineComponent({
+  const __default__$x = vue.defineComponent({
     name: "ElProgress"
   });
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$x,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -36251,7 +36404,7 @@
       };
     }
   });
-  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "progress.vue"]]);
+  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "progress.vue"]]);
 
   const ElProgress = withInstall(Progress);
 
@@ -36339,11 +36492,11 @@
 
   const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
   const _hoisted_2$c = ["onMousemove", "onClick"];
-  const __default__$v = vue.defineComponent({
+  const __default__$w = vue.defineComponent({
     name: "ElRate"
   });
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$w,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -36580,7 +36733,7 @@
       };
     }
   });
-  var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "rate.vue"]]);
+  var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "rate.vue"]]);
 
   const ElRate = withInstall(Rate);
 
@@ -36612,11 +36765,11 @@
     }
   });
 
-  const __default__$u = vue.defineComponent({
+  const __default__$v = vue.defineComponent({
     name: "ElResult"
   });
-  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$v,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -36670,7 +36823,7 @@
       };
     }
   });
-  var Result = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "result.vue"]]);
+  var Result = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "result.vue"]]);
 
   const ElResult = withInstall(Result);
 
@@ -38475,7 +38628,7 @@
   });
   var DynamicSizeGrid$1 = DynamicSizeGrid;
 
-  const _sfc_main$D = vue.defineComponent({
+  const _sfc_main$E = vue.defineComponent({
     props: {
       item: {
         type: Object,
@@ -38507,7 +38660,7 @@
       }, null, 6)
     ], 6));
   }
-  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
+  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
 
   function useOption(props, { emit }) {
     return {
@@ -38637,7 +38790,7 @@
     created: Boolean
   };
 
-  const _sfc_main$C = vue.defineComponent({
+  const _sfc_main$D = vue.defineComponent({
     props: OptionProps,
     emits: ["select", "hover"],
     setup(props, { emit }) {
@@ -38674,7 +38827,7 @@
       ])
     ], 46, _hoisted_1$h);
   }
-  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
+  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
 
   const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
@@ -39662,7 +39815,7 @@
   };
   var useSelect$2 = useSelect$1;
 
-  const _sfc_main$B = vue.defineComponent({
+  const _sfc_main$C = vue.defineComponent({
     name: "ElSelectV2",
     components: {
       ElSelectMenu,
@@ -40060,7 +40213,7 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$5], ["__file", "select.vue"]]);
+  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$5], ["__file", "select.vue"]]);
 
   Select.install = (app) => {
     app.component(Select.name, Select);
@@ -40108,11 +40261,11 @@
     }
   });
 
-  const __default__$t = vue.defineComponent({
+  const __default__$u = vue.defineComponent({
     name: "ElSkeletonItem"
   });
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$u,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -40125,13 +40278,13 @@
       };
     }
   });
-  var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "skeleton-item.vue"]]);
+  var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "skeleton-item.vue"]]);
 
-  const __default__$s = vue.defineComponent({
+  const __default__$t = vue.defineComponent({
     name: "ElSkeleton"
   });
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$t,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -40169,7 +40322,7 @@
       };
     }
   });
-  var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "skeleton.vue"]]);
+  var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "skeleton.vue"]]);
 
   const ElSkeleton = withInstall(Skeleton, {
     SkeletonItem
@@ -40782,11 +40935,11 @@
   };
 
   const _hoisted_1$f = ["tabindex"];
-  const __default__$r = vue.defineComponent({
+  const __default__$s = vue.defineComponent({
     name: "ElSliderButton"
   });
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$s,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -40866,7 +41019,7 @@
       };
     }
   });
-  var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "button.vue"]]);
+  var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "button.vue"]]);
 
   const sliderMarkerProps = buildProps({
     mark: {
@@ -40892,11 +41045,11 @@
 
   const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
   const _hoisted_2$a = { key: 1 };
-  const __default__$q = vue.defineComponent({
+  const __default__$r = vue.defineComponent({
     name: "ElSlider"
   });
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$r,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -41105,7 +41258,7 @@
       };
     }
   });
-  var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "slider.vue"]]);
+  var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "slider.vue"]]);
 
   const ElSlider = withInstall(Slider);
 
@@ -41327,11 +41480,11 @@
     }
   });
 
-  const __default__$p = vue.defineComponent({
+  const __default__$q = vue.defineComponent({
     name: "ElStatistic"
   });
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$q,
     props: statisticProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -41390,7 +41543,7 @@
       };
     }
   });
-  var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "statistic.vue"]]);
+  var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "statistic.vue"]]);
 
   const ElStatistic = withInstall(Statistic);
 
@@ -41442,11 +41595,11 @@
     return replacedText.replace(escapeRegex, "$1");
   };
 
-  const __default__$o = vue.defineComponent({
+  const __default__$p = vue.defineComponent({
     name: "ElCountdown"
   });
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$p,
     props: countdownProps,
     emits: countdownEmits,
     setup(__props, { expose, emit }) {
@@ -41510,7 +41663,7 @@
       };
     }
   });
-  var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "countdown.vue"]]);
+  var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "countdown.vue"]]);
 
   const ElCountdown = withInstall(Countdown);
 
@@ -41549,11 +41702,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$n = vue.defineComponent({
+  const __default__$o = vue.defineComponent({
     name: "ElSteps"
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$o,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -41582,7 +41735,7 @@
       };
     }
   });
-  var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "steps.vue"]]);
+  var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "steps.vue"]]);
 
   const stepProps = buildProps({
     title: {
@@ -41603,11 +41756,11 @@
     }
   });
 
-  const __default__$m = vue.defineComponent({
+  const __default__$n = vue.defineComponent({
     name: "ElStep"
   });
-  const _sfc_main$t = vue.defineComponent({
-    ...__default__$m,
+  const _sfc_main$u = vue.defineComponent({
+    ...__default__$n,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -41786,7 +41939,7 @@
       };
     }
   });
-  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "item.vue"]]);
+  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "item.vue"]]);
 
   const ElSteps = withInstall(Steps, {
     Step
@@ -41890,11 +42043,11 @@
   const _hoisted_4$2 = ["aria-hidden"];
   const _hoisted_5$1 = ["aria-hidden"];
   const COMPONENT_NAME$8 = "ElSwitch";
-  const __default__$l = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: COMPONENT_NAME$8
   });
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$m,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
@@ -42131,7 +42284,7 @@
       };
     }
   });
-  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "switch.vue"]]);
+  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "switch.vue"]]);
 
   const ElSwitch = withInstall(Switch);
 
@@ -43771,7 +43924,7 @@
   var TableLayout$1 = TableLayout;
 
   const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
-  const _sfc_main$r = vue.defineComponent({
+  const _sfc_main$s = vue.defineComponent({
     name: "ElTableFilterPanel",
     components: {
       ElCheckbox,
@@ -44029,7 +44182,7 @@
       _: 1
     }, 8, ["visible", "placement", "popper-class"]);
   }
-  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
+  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
 
   function useLayoutObserver(root) {
     const instance = vue.getCurrentInstance();
@@ -45716,7 +45869,7 @@
   };
 
   let tableIdSeed = 1;
-  const _sfc_main$q = vue.defineComponent({
+  const _sfc_main$r = vue.defineComponent({
     name: "ElTable",
     directives: {
       Mousewheel
@@ -45956,11 +46109,12 @@
                 _ctx.showHeader && _ctx.tableLayout === "auto" ? (vue.openBlock(), vue.createBlock(_component_table_header, {
                   key: 0,
                   ref: "tableHeaderRef",
+                  class: vue.normalizeClass(_ctx.ns.e("body-header")),
                   border: _ctx.border,
                   "default-sort": _ctx.defaultSort,
                   store: _ctx.store,
                   onSetDragVisible: _ctx.setDragVisible
-                }, null, 8, ["border", "default-sort", "store", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
+                }, null, 8, ["class", "border", "default-sort", "store", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(_component_table_body, {
                   context: _ctx.context,
                   highlight: _ctx.highlightCurrentRow,
@@ -46027,7 +46181,7 @@
       ])
     ], 46, _hoisted_1$b);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$3], ["__file", "table.vue"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$3], ["__file", "table.vue"]]);
 
   const defaultClassNames = {
     selection: "table-column--selection",
@@ -48744,11 +48898,11 @@
   });
 
   const COMPONENT_NAME$3 = "ElTabBar";
-  const __default__$k = vue.defineComponent({
+  const __default__$l = vue.defineComponent({
     name: COMPONENT_NAME$3
   });
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$l,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -48809,7 +48963,7 @@
       };
     }
   });
-  var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "tab-bar.vue"]]);
+  var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "tab-bar.vue"]]);
 
   const tabNavProps = buildProps({
     panes: {
@@ -49236,11 +49390,11 @@
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
   const COMPONENT_NAME$1 = "ElTabPane";
-  const __default__$j = vue.defineComponent({
+  const __default__$k = vue.defineComponent({
     name: COMPONENT_NAME$1
   });
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$k,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -49297,7 +49451,7 @@
       };
     }
   });
-  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "tab-pane.vue"]]);
+  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "tab-pane.vue"]]);
 
   const ElTabs = withInstall(Tabs, {
     TabPane
@@ -49324,11 +49478,11 @@
     }
   });
 
-  const __default__$i = vue.defineComponent({
+  const __default__$j = vue.defineComponent({
     name: "ElText"
   });
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$j,
     props: textProps,
     setup(__props) {
       const props = __props;
@@ -49352,7 +49506,7 @@
       };
     }
   });
-  var Text = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "text.vue"]]);
+  var Text = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "text.vue"]]);
 
   const ElText = withInstall(Text);
 
@@ -49458,11 +49612,11 @@
     return formatTime(next);
   };
 
-  const __default__$h = vue.defineComponent({
+  const __default__$i = vue.defineComponent({
     name: "ElTimeSelect"
   });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$i,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -49566,7 +49720,7 @@
       };
     }
   });
-  var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "time-select.vue"]]);
+  var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "time-select.vue"]]);
 
   TimeSelect.install = (app) => {
     app.component(TimeSelect.name, TimeSelect);
@@ -49627,11 +49781,11 @@
     }
   });
 
-  const __default__$g = vue.defineComponent({
+  const __default__$h = vue.defineComponent({
     name: "ElTimelineItem"
   });
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$h,
     props: timelineItemProps,
     setup(__props) {
       const props = __props;
@@ -49693,7 +49847,7 @@
       };
     }
   });
-  var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "timeline-item.vue"]]);
+  var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "timeline-item.vue"]]);
 
   const ElTimeline = withInstall(Timeline$1, {
     TimelineItem
@@ -49836,11 +49990,11 @@
   const tooltipV2ContentKey = Symbol("tooltipV2Content");
   const TOOLTIP_V2_OPEN = "tooltip_v2.open";
 
-  const __default__$f = vue.defineComponent({
+  const __default__$g = vue.defineComponent({
     name: "ElTooltipV2Root"
   });
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$g,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -49907,13 +50061,13 @@
       };
     }
   });
-  var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
+  var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "root.vue"]]);
 
-  const __default__$e = vue.defineComponent({
+  const __default__$f = vue.defineComponent({
     name: "ElTooltipV2Arrow"
   });
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$f,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -49943,7 +50097,7 @@
       };
     }
   });
-  var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "arrow.vue"]]);
+  var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "arrow.vue"]]);
 
   const visualHiddenProps = buildProps({
     style: {
@@ -49952,11 +50106,11 @@
     }
   });
 
-  const __default__$d = vue.defineComponent({
+  const __default__$e = vue.defineComponent({
     name: "ElVisuallyHidden"
   });
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$e,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -49984,14 +50138,14 @@
       };
     }
   });
-  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
+  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$9 = ["data-side"];
-  const __default__$c = vue.defineComponent({
+  const __default__$d = vue.defineComponent({
     name: "ElTooltipV2Content"
   });
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$d,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -50086,7 +50240,7 @@
       };
     }
   });
-  var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "content.vue"]]);
+  var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "content.vue"]]);
 
   const forwardRefProps = buildProps({
     setRef: {
@@ -50119,11 +50273,11 @@
     }
   });
 
-  const __default__$b = vue.defineComponent({
+  const __default__$c = vue.defineComponent({
     name: "ElTooltipV2Trigger"
   });
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$c,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -50200,13 +50354,13 @@
       };
     }
   });
-  var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
+  var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "trigger.vue"]]);
 
-  const __default__$a = vue.defineComponent({
+  const __default__$b = vue.defineComponent({
     name: "ElTooltipV2"
   });
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$b,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -50265,7 +50419,7 @@
       };
     }
   });
-  var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "tooltip.vue"]]);
+  var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "tooltip.vue"]]);
 
   const ElTooltipV2 = withInstall(TooltipV2);
 
@@ -50523,11 +50677,11 @@
     };
   };
 
-  const __default__$9 = vue.defineComponent({
+  const __default__$a = vue.defineComponent({
     name: "ElTransferPanel"
   });
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$a,
     props: transferPanelProps,
     emits: transferPanelEmits,
     setup(__props, { expose, emit }) {
@@ -50637,15 +50791,15 @@
       };
     }
   });
-  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transfer-panel.vue"]]);
+  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "transfer-panel.vue"]]);
 
   const _hoisted_1$8 = { key: 0 };
   const _hoisted_2$6 = { key: 0 };
-  const __default__$8 = vue.defineComponent({
+  const __default__$9 = vue.defineComponent({
     name: "ElTransfer"
   });
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$9,
     props: transferProps,
     emits: transferEmits,
     setup(__props, { expose, emit }) {
@@ -50780,7 +50934,7 @@
       };
     }
   });
-  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "transfer.vue"]]);
+  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transfer.vue"]]);
 
   const ElTransfer = withInstall(Transfer);
 
@@ -51528,7 +51682,7 @@
     }
   }
 
-  const _sfc_main$c = vue.defineComponent({
+  const _sfc_main$d = vue.defineComponent({
     name: "ElTreeNodeContent",
     props: {
       node: {
@@ -51548,7 +51702,7 @@
       };
     }
   });
-  var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "tree-node-content.vue"]]);
+  var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "tree-node-content.vue"]]);
 
   function useNodeExpandEventBroadcast(props) {
     const parentNodeMap = vue.inject("TreeNodeMap", null);
@@ -51718,7 +51872,7 @@
     };
   }
 
-  const _sfc_main$b = vue.defineComponent({
+  const _sfc_main$c = vue.defineComponent({
     name: "ElTreeNode",
     components: {
       ElCollapseTransition: _CollapseTransition,
@@ -52008,7 +52162,7 @@
       [vue.vShow, _ctx.node.visible]
     ]);
   }
-  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
+  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
 
   function useKeydown({ el$ }, store) {
     const ns = useNamespace("tree");
@@ -52093,7 +52247,7 @@
     };
   }
 
-  const _sfc_main$a = vue.defineComponent({
+  const _sfc_main$b = vue.defineComponent({
     name: "ElTree",
     components: { ElTreeNode: ElTreeNode$1 },
     props: {
@@ -52408,7 +52562,7 @@
       ])
     ], 2);
   }
-  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
+  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
 
   Tree.install = (app) => {
     app.component(Tree.name, Tree);
@@ -52660,7 +52814,7 @@
     }
   });
 
-  const _sfc_main$9 = vue.defineComponent({
+  const _sfc_main$a = vue.defineComponent({
     name: "ElTreeSelect",
     inheritAttrs: false,
     props: {
@@ -52724,7 +52878,7 @@
       });
     }
   });
-  var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "tree-select.vue"]]);
+  var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "tree-select.vue"]]);
 
   TreeSelect.install = (app) => {
     app.component(TreeSelect.name, TreeSelect);
@@ -53395,11 +53549,11 @@
   });
 
   const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"];
-  const __default__$7 = vue.defineComponent({
+  const __default__$8 = vue.defineComponent({
     name: "ElTreeNode"
   });
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$8,
     props: treeNodeProps,
     emits: treeNodeEmits,
     setup(__props, { emit }) {
@@ -53490,13 +53644,13 @@
       };
     }
   });
-  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "tree-node.vue"]]);
+  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "tree-node.vue"]]);
 
-  const __default__$6 = vue.defineComponent({
+  const __default__$7 = vue.defineComponent({
     name: "ElTreeV2"
   });
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$7,
     props: treeProps,
     emits: treeEmits,
     setup(__props, { expose, emit }) {
@@ -53607,7 +53761,7 @@
       };
     }
   });
-  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "tree.vue"]]);
+  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "tree.vue"]]);
 
   const ElTreeV2 = withInstall(TreeV2);
 
@@ -53826,11 +53980,11 @@
   const _hoisted_4$1 = ["title"];
   const _hoisted_5 = ["onClick"];
   const _hoisted_6 = ["onClick"];
-  const __default__$5 = vue.defineComponent({
+  const __default__$6 = vue.defineComponent({
     name: "ElUploadList"
   });
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: uploadListProps,
     emits: uploadListEmits,
     setup(__props, { emit }) {
@@ -53984,7 +54138,7 @@
       };
     }
   });
-  var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "upload-list.vue"]]);
+  var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "upload-list.vue"]]);
 
   const uploadDraggerProps = buildProps({
     disabled: {
@@ -53998,11 +54152,11 @@
 
   const _hoisted_1$4 = ["onDrop", "onDragover"];
   const COMPONENT_NAME = "ElUploadDrag";
-  const __default__$4 = vue.defineComponent({
+  const __default__$5 = vue.defineComponent({
     name: COMPONENT_NAME
   });
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
@@ -54059,7 +54213,7 @@
       };
     }
   });
-  var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "upload-dragger.vue"]]);
+  var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "upload-dragger.vue"]]);
 
   const uploadContentProps = buildProps({
     ...uploadBaseProps,
@@ -54095,12 +54249,12 @@
 
   const _hoisted_1$3 = ["onKeydown"];
   const _hoisted_2$3 = ["name", "multiple", "accept"];
-  const __default__$3 = vue.defineComponent({
+  const __default__$4 = vue.defineComponent({
     name: "ElUploadContent",
     inheritAttrs: false
   });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$4,
     props: uploadContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -54275,7 +54429,7 @@
       };
     }
   });
-  var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "upload-content.vue"]]);
+  var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "upload-content.vue"]]);
 
   const SCOPE$1 = "ElUpload";
   const revokeFileObjectURL = (file) => {
@@ -54404,11 +54558,11 @@
     };
   };
 
-  const __default__$2 = vue.defineComponent({
+  const __default__$3 = vue.defineComponent({
     name: "ElUpload"
   });
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -54512,10 +54666,333 @@
       };
     }
   });
-  var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "upload.vue"]]);
+  var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "upload.vue"]]);
 
   const ElUpload = withInstall(Upload);
 
+  const watermarkProps = buildProps({
+    zIndex: {
+      type: Number,
+      default: 9
+    },
+    rotate: {
+      type: Number,
+      default: -22
+    },
+    width: Number,
+    height: Number,
+    image: String,
+    content: {
+      type: definePropType([String, Array]),
+      default: "Element Plus"
+    },
+    font: {
+      type: definePropType(Object)
+    },
+    gap: {
+      type: definePropType(Array),
+      default: () => [100, 100]
+    },
+    offset: {
+      type: definePropType(Array)
+    }
+  });
+
+  function toLowercaseSeparator(key) {
+    return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+  }
+  function getStyleStr(style) {
+    return Object.keys(style).map((key) => `${toLowercaseSeparator(key)}: ${style[key]};`).join(" ");
+  }
+  function getPixelRatio() {
+    return window.devicePixelRatio || 1;
+  }
+  const reRendering = (mutation, watermarkElement) => {
+    let flag = false;
+    if (mutation.removedNodes.length && watermarkElement) {
+      flag = Array.from(mutation.removedNodes).includes(watermarkElement);
+    }
+    if (mutation.type === "attributes" && mutation.target === watermarkElement) {
+      flag = true;
+    }
+    return flag;
+  };
+
+  const FontGap = 3;
+  function prepareCanvas(width, height, ratio = 1) {
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    const realWidth = width * ratio;
+    const realHeight = height * ratio;
+    canvas.setAttribute("width", `${realWidth}px`);
+    canvas.setAttribute("height", `${realHeight}px`);
+    ctx.save();
+    return [ctx, canvas, realWidth, realHeight];
+  }
+  function useClips() {
+    function getClips(content, rotate, ratio, width, height, font, gapX, gapY) {
+      const [ctx, canvas, contentWidth, contentHeight] = prepareCanvas(width, height, ratio);
+      if (content instanceof HTMLImageElement) {
+        ctx.drawImage(content, 0, 0, contentWidth, contentHeight);
+      } else {
+        const { color, fontSize, fontStyle, fontWeight, fontFamily } = font;
+        const mergedFontSize = Number(fontSize) * ratio;
+        ctx.font = `${fontStyle} normal ${fontWeight} ${mergedFontSize}px/${height}px ${fontFamily}`;
+        ctx.fillStyle = color;
+        ctx.textAlign = "center";
+        ctx.textBaseline = "top";
+        const contents = Array.isArray(content) ? content : [content];
+        contents == null ? void 0 : contents.forEach((item, index) => {
+          ctx.fillText(item != null ? item : "", contentWidth / 2, index * (mergedFontSize + FontGap * ratio));
+        });
+      }
+      const angle = Math.PI / 180 * Number(rotate);
+      const maxSize = Math.max(width, height);
+      const [rCtx, rCanvas, realMaxSize] = prepareCanvas(maxSize, maxSize, ratio);
+      rCtx.translate(realMaxSize / 2, realMaxSize / 2);
+      rCtx.rotate(angle);
+      if (contentWidth > 0 && contentHeight > 0) {
+        rCtx.drawImage(canvas, -contentWidth / 2, -contentHeight / 2);
+      }
+      function getRotatePos(x, y) {
+        const targetX = x * Math.cos(angle) - y * Math.sin(angle);
+        const targetY = x * Math.sin(angle) + y * Math.cos(angle);
+        return [targetX, targetY];
+      }
+      let left = 0;
+      let right = 0;
+      let top = 0;
+      let bottom = 0;
+      const halfWidth = contentWidth / 2;
+      const halfHeight = contentHeight / 2;
+      const points = [
+        [0 - halfWidth, 0 - halfHeight],
+        [0 + halfWidth, 0 - halfHeight],
+        [0 + halfWidth, 0 + halfHeight],
+        [0 - halfWidth, 0 + halfHeight]
+      ];
+      points.forEach(([x, y]) => {
+        const [targetX, targetY] = getRotatePos(x, y);
+        left = Math.min(left, targetX);
+        right = Math.max(right, targetX);
+        top = Math.min(top, targetY);
+        bottom = Math.max(bottom, targetY);
+      });
+      const cutLeft = left + realMaxSize / 2;
+      const cutTop = top + realMaxSize / 2;
+      const cutWidth = right - left;
+      const cutHeight = bottom - top;
+      const realGapX = gapX * ratio;
+      const realGapY = gapY * ratio;
+      const filledWidth = (cutWidth + realGapX) * 2;
+      const filledHeight = cutHeight + realGapY;
+      const [fCtx, fCanvas] = prepareCanvas(filledWidth, filledHeight);
+      function drawImg(targetX = 0, targetY = 0) {
+        fCtx.drawImage(rCanvas, cutLeft, cutTop, cutWidth, cutHeight, targetX, targetY, cutWidth, cutHeight);
+      }
+      drawImg();
+      drawImg(cutWidth + realGapX, -cutHeight / 2 - realGapY / 2);
+      drawImg(cutWidth + realGapX, +cutHeight / 2 + realGapY / 2);
+      return [fCanvas.toDataURL(), filledWidth / ratio, filledHeight / ratio];
+    }
+    return getClips;
+  }
+
+  const __default__$2 = vue.defineComponent({
+    name: "ElWatermark"
+  });
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
+    props: watermarkProps,
+    setup(__props) {
+      const props = __props;
+      const style = {
+        position: "relative"
+      };
+      const color = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.font) == null ? void 0 : _a.color) != null ? _b : "rgba(0,0,0,.15)";
+      });
+      const fontSize = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.font) == null ? void 0 : _a.fontSize) != null ? _b : 16;
+      });
+      const fontWeight = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.font) == null ? void 0 : _a.fontWeight) != null ? _b : "normal";
+      });
+      const fontStyle = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.font) == null ? void 0 : _a.fontStyle) != null ? _b : "normal";
+      });
+      const fontFamily = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.font) == null ? void 0 : _a.fontFamily) != null ? _b : "sans-serif";
+      });
+      const gapX = vue.computed(() => props.gap[0]);
+      const gapY = vue.computed(() => props.gap[1]);
+      const gapXCenter = vue.computed(() => gapX.value / 2);
+      const gapYCenter = vue.computed(() => gapY.value / 2);
+      const offsetLeft = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : gapXCenter.value;
+      });
+      const offsetTop = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.offset) == null ? void 0 : _a[1]) != null ? _b : gapYCenter.value;
+      });
+      const getMarkStyle = () => {
+        const markStyle = {
+          zIndex: props.zIndex,
+          position: "absolute",
+          left: 0,
+          top: 0,
+          width: "100%",
+          height: "100%",
+          pointerEvents: "none",
+          backgroundRepeat: "repeat"
+        };
+        let positionLeft = offsetLeft.value - gapXCenter.value;
+        let positionTop = offsetTop.value - gapYCenter.value;
+        if (positionLeft > 0) {
+          markStyle.left = `${positionLeft}px`;
+          markStyle.width = `calc(100% - ${positionLeft}px)`;
+          positionLeft = 0;
+        }
+        if (positionTop > 0) {
+          markStyle.top = `${positionTop}px`;
+          markStyle.height = `calc(100% - ${positionTop}px)`;
+          positionTop = 0;
+        }
+        markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`;
+        return markStyle;
+      };
+      const containerRef = vue.shallowRef(null);
+      const watermarkRef = vue.shallowRef();
+      const stopObservation = vue.ref(false);
+      const destroyWatermark = () => {
+        if (watermarkRef.value) {
+          watermarkRef.value.remove();
+          watermarkRef.value = void 0;
+        }
+      };
+      const appendWatermark = (base64Url, markWidth) => {
+        var _a;
+        if (containerRef.value && watermarkRef.value) {
+          stopObservation.value = true;
+          watermarkRef.value.setAttribute("style", getStyleStr({
+            ...getMarkStyle(),
+            backgroundImage: `url('${base64Url}')`,
+            backgroundSize: `${Math.floor(markWidth)}px`
+          }));
+          (_a = containerRef.value) == null ? void 0 : _a.append(watermarkRef.value);
+          setTimeout(() => {
+            stopObservation.value = false;
+          });
+        }
+      };
+      const getMarkSize = (ctx) => {
+        let defaultWidth = 120;
+        let defaultHeight = 64;
+        const image = props.image;
+        const content = props.content;
+        const width = props.width;
+        const height = props.height;
+        if (!image && ctx.measureText) {
+          ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`;
+          const contents = Array.isArray(content) ? content : [content];
+          const sizes = contents.map((item) => {
+            const metrics = ctx.measureText(item);
+            return [
+              metrics.width,
+              metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent
+            ];
+          });
+          defaultWidth = Math.ceil(Math.max(...sizes.map((size) => size[0])));
+          defaultHeight = Math.ceil(Math.max(...sizes.map((size) => size[1]))) * contents.length + (contents.length - 1) * FontGap;
+        }
+        return [width != null ? width : defaultWidth, height != null ? height : defaultHeight];
+      };
+      const getClips = useClips();
+      const renderWatermark = () => {
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        const image = props.image;
+        const content = props.content;
+        const rotate = props.rotate;
+        if (ctx) {
+          if (!watermarkRef.value) {
+            watermarkRef.value = document.createElement("div");
+          }
+          const ratio = getPixelRatio();
+          const [markWidth, markHeight] = getMarkSize(ctx);
+          const drawCanvas = (drawContent) => {
+            const [textClips, clipWidth] = getClips(drawContent || "", rotate, ratio, markWidth, markHeight, {
+              color: color.value,
+              fontSize: fontSize.value,
+              fontStyle: fontStyle.value,
+              fontWeight: fontWeight.value,
+              fontFamily: fontFamily.value
+            }, gapX.value, gapY.value);
+            appendWatermark(textClips, clipWidth);
+          };
+          if (image) {
+            const img = new Image();
+            img.onload = () => {
+              drawCanvas(img);
+            };
+            img.onerror = () => {
+              drawCanvas(content);
+            };
+            img.crossOrigin = "anonymous";
+            img.referrerPolicy = "no-referrer";
+            img.src = image;
+          } else {
+            drawCanvas(content);
+          }
+        }
+      };
+      vue.onMounted(() => {
+        renderWatermark();
+      });
+      vue.watch(() => props, () => {
+        renderWatermark();
+      }, {
+        deep: true,
+        flush: "post"
+      });
+      vue.onBeforeUnmount(() => {
+        destroyWatermark();
+      });
+      const onMutate = (mutations) => {
+        if (stopObservation.value) {
+          return;
+        }
+        mutations.forEach((mutation) => {
+          if (reRendering(mutation, watermarkRef.value)) {
+            destroyWatermark();
+            renderWatermark();
+          }
+        });
+      };
+      useMutationObserver(containerRef, onMutate, {
+        attributes: true
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "containerRef",
+          ref: containerRef,
+          style: vue.normalizeStyle([style])
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 4);
+      };
+    }
+  });
+  var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "watermark.vue"]]);
+
+  const ElWatermark = withInstall(Watermark);
+
   var Components = [
     ElAffix,
     ElAlert,
@@ -54614,7 +55091,8 @@
     ElTree,
     ElTreeSelect,
     ElTreeV2,
-    ElUpload
+    ElUpload,
+    ElWatermark
   ];
 
   const SCOPE = "ElInfiniteScroll";