@element-plus/nightly 0.0.20231008 → 0.0.20231010

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231008 */
+/*! Element Plus v0.0.20231010 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, createApp, shallowReactive, render } from 'vue';
 
@@ -506,6 +506,49 @@ function useElementBounding(target, options = {}) {
   };
 }
 
+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 = 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";
@@ -11243,7 +11286,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20231008";
+const version$1 = "0.0.20231010";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11293,11 +11336,11 @@ var _export_sfc = (sfc, props) => {
 };
 
 const COMPONENT_NAME$n = "ElAffix";
-const __default__$1C = defineComponent({
+const __default__$1D = defineComponent({
   name: COMPONENT_NAME$n
 });
-const _sfc_main$2i = /* @__PURE__ */ defineComponent({
-  ...__default__$1C,
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+  ...__default__$1D,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11400,7 +11443,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -11413,12 +11456,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1B = defineComponent({
+const __default__$1C = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$2h = /* @__PURE__ */ defineComponent({
-  ...__default__$1B,
+const _sfc_main$2i = /* @__PURE__ */ defineComponent({
+  ...__default__$1C,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11442,7 +11485,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -11481,11 +11524,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1A = defineComponent({
+const __default__$1B = defineComponent({
   name: "ElAlert"
 });
-const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$1A,
+const _sfc_main$2h = /* @__PURE__ */ defineComponent({
+  ...__default__$1B,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11570,7 +11613,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -11735,11 +11778,11 @@ const filterFields = (fields, props) => {
 };
 
 const COMPONENT_NAME$m = "ElForm";
-const __default__$1z = defineComponent({
+const __default__$1A = defineComponent({
   name: COMPONENT_NAME$m
 });
-const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1z,
+const _sfc_main$2g = /* @__PURE__ */ defineComponent({
+  ...__default__$1A,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -11867,7 +11910,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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) {
@@ -13047,11 +13090,11 @@ var FormLabelWrap = defineComponent({
 });
 
 const _hoisted_1$12 = ["role", "aria-labelledby"];
-const __default__$1y = defineComponent({
+const __default__$1z = defineComponent({
   name: "ElFormItem"
 });
-const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1y,
+const _sfc_main$2f = /* @__PURE__ */ defineComponent({
+  ...__default__$1z,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13346,7 +13389,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -13535,12 +13578,12 @@ const inputEmits = {
 const _hoisted_1$11 = ["role"];
 const _hoisted_2$G = ["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 = defineComponent({
+const __default__$1y = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1x,
+const _sfc_main$2e = /* @__PURE__ */ defineComponent({
+  ...__default__$1y,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -13963,7 +14006,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -14013,7 +14056,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$k = "Thumb";
-const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+const _sfc_main$2d = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14132,7 +14175,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14151,7 +14194,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14188,7 +14231,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14238,11 +14281,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$j = "ElScrollbar";
-const __default__$1w = defineComponent({
+const __default__$1x = defineComponent({
   name: COMPONENT_NAME$j
 });
-const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$1w,
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+  ...__default__$1x,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -14396,7 +14439,7 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -14426,12 +14469,12 @@ const popperProps = buildProps({
 });
 const usePopperProps = popperProps;
 
-const __default__$1v = defineComponent({
+const __default__$1w = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1v,
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+  ...__default__$1w,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14454,7 +14497,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14464,12 +14507,12 @@ const popperArrowProps = buildProps({
 });
 const usePopperArrowProps = popperArrowProps;
 
-const __default__$1u = defineComponent({
+const __default__$1v = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+  ...__default__$1v,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14495,7 +14538,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
@@ -14583,12 +14626,12 @@ const popperTriggerProps = buildProps({
 });
 const usePopperTriggerProps = popperTriggerProps;
 
-const __default__$1t = defineComponent({
+const __default__$1u = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+  ...__default__$1u,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14686,7 +14729,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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";
@@ -14836,7 +14879,7 @@ const createFocusOutPreventedEvent = (detail) => {
   });
 };
 
-const _sfc_main$26 = defineComponent({
+const _sfc_main$27 = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15075,7 +15118,7 @@ const _sfc_main$26 = defineComponent({
 function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return 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({
@@ -15369,11 +15412,11 @@ const usePopperContentFocusTrap = (props, emit) => {
   };
 };
 
-const __default__$1s = defineComponent({
+const __default__$1t = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+  ...__default__$1t,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -15489,7 +15532,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -15574,11 +15617,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1r = defineComponent({
+const __default__$1s = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+  ...__default__$1s,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15637,14 +15680,14 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1r = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+  ...__default__$1r,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15802,15 +15845,15 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1q = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+  ...__default__$1q,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -15962,7 +16005,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16047,12 +16090,12 @@ const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
 const _hoisted_3$k = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
-const __default__$1o = defineComponent({
+const __default__$1p = defineComponent({
   name: COMPONENT_NAME$i,
   inheritAttrs: false
 });
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+  ...__default__$1p,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -16383,7 +16426,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16418,11 +16461,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$_ = ["src", "alt", "srcset"];
-const __default__$1n = defineComponent({
+const __default__$1o = defineComponent({
   name: "ElAvatar"
 });
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+  ...__default__$1o,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -16476,7 +16519,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16537,11 +16580,11 @@ const useBackTop = (props, emit, componentName) => {
 };
 
 const COMPONENT_NAME$h = "ElBacktop";
-const __default__$1m = defineComponent({
+const __default__$1n = defineComponent({
   name: COMPONENT_NAME$h
 });
-const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+  ...__default__$1n,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -16580,7 +16623,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16603,11 +16646,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$Z = ["textContent"];
-const __default__$1l = defineComponent({
+const __default__$1m = defineComponent({
   name: "ElBadge"
 });
-const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
+  ...__default__$1m,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16651,7 +16694,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16667,11 +16710,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1k = defineComponent({
+const __default__$1l = defineComponent({
   name: "ElBreadcrumb"
 });
-const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
+  ...__default__$1l,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -16697,7 +16740,7 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -16710,11 +16753,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1j = defineComponent({
+const __default__$1k = defineComponent({
   name: "ElBreadcrumbItem"
 });
-const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+  ...__default__$1k,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -16759,7 +16802,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -17809,11 +17852,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$1i = defineComponent({
+const __default__$1j = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
+  ...__default__$1j,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -17878,18 +17921,18 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1i = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
+  ...__default__$1i,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -17907,7 +17950,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -18461,11 +18504,11 @@ const timePickerDefaultProps = buildProps({
 
 const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$1g = defineComponent({
+const __default__$1h = defineComponent({
   name: "Picker"
 });
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+  ...__default__$1h,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -19090,7 +19133,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -19400,7 +19443,7 @@ const basicTimeSpinnerProps = buildProps({
 
 const _hoisted_1$X = ["onClick"];
 const _hoisted_2$C = ["onMouseenter"];
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
   props: basicTimeSpinnerProps,
   emits: ["change", "select-range", "set-option"],
@@ -19686,9 +19729,9 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
   __name: "panel-time-pick",
   props: panelTimePickerProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -19840,7 +19883,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -19850,7 +19893,7 @@ const panelTimeRangeProps = buildProps({
 });
 
 const _hoisted_1$W = ["disabled"];
-const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "panel-time-range",
   props: panelTimeRangeProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -20118,7 +20161,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
@@ -20372,11 +20415,11 @@ const useDateTable = (props, emit) => {
 
 const _hoisted_1$V = { key: 0 };
 const _hoisted_2$B = ["onClick"];
-const __default__$1f = defineComponent({
+const __default__$1g = defineComponent({
   name: "DateTable"
 });
-const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+  ...__default__$1g,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -20452,7 +20495,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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");
@@ -20590,11 +20633,11 @@ const calendarEmits = {
 };
 
 const COMPONENT_NAME$g = "ElCalendar";
-const __default__$1e = defineComponent({
+const __default__$1f = defineComponent({
   name: COMPONENT_NAME$g
 });
-const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+const _sfc_main$1R = /* @__PURE__ */ defineComponent({
+  ...__default__$1f,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -20711,7 +20754,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -20732,11 +20775,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$1d = defineComponent({
+const __default__$1e = defineComponent({
   name: "ElCard"
 });
-const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+  ...__default__$1e,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -20762,7 +20805,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -21045,11 +21088,11 @@ const useCarousel = (props, emit, componentName) => {
 const _hoisted_1$U = ["onMouseenter", "onClick"];
 const _hoisted_2$A = { key: 0 };
 const COMPONENT_NAME$f = "ElCarousel";
-const __default__$1c = defineComponent({
+const __default__$1d = defineComponent({
   name: COMPONENT_NAME$f
 });
-const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+  ...__default__$1d,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -21198,7 +21241,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: "" },
@@ -21320,11 +21363,11 @@ const useCarouselItem = (props, componentName) => {
   };
 };
 
-const __default__$1b = defineComponent({
+const __default__$1c = defineComponent({
   name: "ElCarouselItem"
 });
-const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+  ...__default__$1c,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -21382,7 +21425,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -21623,11 +21666,11 @@ const useCheckbox = (props, slots) => {
 const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-const __default__$1a = defineComponent({
+const __default__$1b = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
+  ...__default__$1b,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -21734,15 +21777,15 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1a = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+  ...__default__$1a,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -21828,7 +21871,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -21856,11 +21899,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray$1(val)
 };
 
-const __default__$18 = defineComponent({
+const __default__$19 = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+  ...__default__$19,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -21918,7 +21961,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -21990,11 +22033,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$R = ["value", "name", "disabled"];
-const __default__$17 = defineComponent({
+const __default__$18 = defineComponent({
   name: "ElRadio"
 });
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+  ...__default__$18,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -22057,7 +22100,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -22068,11 +22111,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$Q = ["value", "name", "disabled"];
-const __default__$16 = defineComponent({
+const __default__$17 = defineComponent({
   name: "ElRadioButton"
 });
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+  ...__default__$17,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -22127,7 +22170,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -22164,11 +22207,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
-const __default__$15 = defineComponent({
+const __default__$16 = defineComponent({
   name: "ElRadioGroup"
 });
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+  ...__default__$16,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -22219,7 +22262,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -22247,7 +22290,7 @@ var NodeContent$1 = defineComponent({
 
 const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-const _sfc_main$1G = defineComponent({
+const _sfc_main$1H = defineComponent({
   name: "ElCascaderNode",
   components: {
     ElCheckbox,
@@ -22447,9 +22490,9 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : 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 = defineComponent({
+const _sfc_main$1G = defineComponent({
   name: "ElCascaderMenu",
   components: {
     Loading: loading_default,
@@ -22580,7 +22623,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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) => {
@@ -22813,7 +22856,7 @@ const sortByOriginalOrder = (oldNodes, newNodes) => {
   return res;
 };
 
-const _sfc_main$1E = defineComponent({
+const _sfc_main$1F = defineComponent({
   name: "ElCascaderPanel",
   components: {
     ElCascaderMenu
@@ -23079,7 +23122,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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);
@@ -23117,11 +23160,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$14 = defineComponent({
+const __default__$15 = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+  ...__default__$15,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -23201,7 +23244,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -23266,11 +23309,11 @@ const _hoisted_1$N = { key: 0 };
 const _hoisted_2$w = ["placeholder", "onKeydown"];
 const _hoisted_3$i = ["onClick"];
 const COMPONENT_NAME$e = "ElCascader";
-const __default__$13 = defineComponent({
+const __default__$14 = defineComponent({
   name: COMPONENT_NAME$e
 });
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+  ...__default__$14,
   props: cascaderProps,
   emits: cascaderEmits,
   setup(__props, { expose, emit }) {
@@ -23863,7 +23906,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
@@ -23882,11 +23925,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$12 = defineComponent({
+const __default__$13 = defineComponent({
   name: "ElCheckTag"
 });
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+  ...__default__$13,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -23908,7 +23951,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -23943,11 +23986,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$11 = defineComponent({
+const __default__$12 = defineComponent({
   name: "ElRow"
 });
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+  ...__default__$12,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -23982,7 +24025,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24029,11 +24072,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$10 = defineComponent({
+const __default__$11 = defineComponent({
   name: "ElCol"
 });
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+  ...__default__$11,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -24086,7 +24129,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24145,11 +24188,11 @@ const useCollapseDOM = () => {
   };
 };
 
-const __default__$$ = defineComponent({
+const __default__$10 = defineComponent({
   name: "ElCollapse"
 });
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+  ...__default__$10,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -24169,13 +24212,13 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "collapse.vue"]]);
 
-const __default__$_ = defineComponent({
+const __default__$$ = defineComponent({
   name: "ElCollapseTransition"
 });
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+  ...__default__$$,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const reset = (el) => {
@@ -24247,7 +24290,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
@@ -24334,11 +24377,11 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
 
 const _hoisted_1$M = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
 const _hoisted_2$v = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$Z = defineComponent({
+const __default__$_ = defineComponent({
   name: "ElCollapseItem"
 });
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+  ...__default__$_,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -24415,7 +24458,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -24578,11 +24621,11 @@ const useAlphaSliderDOM = (props, {
 };
 
 const COMPONENT_NAME$d = "ElColorAlphaSlider";
-const __default__$Y = defineComponent({
+const __default__$Z = defineComponent({
   name: COMPONENT_NAME$d
 });
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+  ...__default__$Z,
   props: alphaSliderProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -24618,9 +24661,9 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const _sfc_main$1v = defineComponent({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -24740,7 +24783,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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,
@@ -25060,7 +25103,7 @@ class Color {
   }
 }
 
-const _sfc_main$1t = defineComponent({
+const _sfc_main$1u = defineComponent({
   props: {
     colors: {
       type: Array,
@@ -25131,9 +25174,9 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$1t = defineComponent({
   name: "ElSlPanel",
   props: {
     color: {
@@ -25229,14 +25272,14 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_2$u, 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 = defineComponent({
+const __default__$Y = defineComponent({
   name: "ElColorPicker"
 });
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+  ...__default__$Y,
   props: colorPickerProps,
   emits: colorPickerEmits,
   setup(__props, { expose, emit }) {
@@ -25294,7 +25337,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     function setShowPicker(value) {
       showPicker.value = value;
     }
-    const debounceSetShowPicker = debounce(setShowPicker, 100);
+    const debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true });
     function show() {
       if (colorDisabled.value)
         return;
@@ -25537,15 +25580,15 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$X = defineComponent({
   name: "ElContainer"
 });
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+  ...__default__$X,
   props: {
     direction: {
       type: String
@@ -25580,13 +25623,13 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$W = defineComponent({
   name: "ElAside"
 });
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+  ...__default__$W,
   props: {
     width: {
       type: String,
@@ -25607,13 +25650,13 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$V = defineComponent({
   name: "ElFooter"
 });
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+  ...__default__$V,
   props: {
     height: {
       type: String,
@@ -25634,13 +25677,13 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$U = defineComponent({
   name: "ElHeader"
 });
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+  ...__default__$U,
   props: {
     height: {
       type: String,
@@ -25665,13 +25708,13 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$T = defineComponent({
   name: "ElMain"
 });
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+  ...__default__$T,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -25683,7 +25726,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -26372,7 +26415,7 @@ const _hoisted_2$t = {
 };
 const _hoisted_3$h = ["aria-label"];
 const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "basic-date-table",
   props: basicDateTableProps,
   emits: basicDateTableEmits,
@@ -26452,7 +26495,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -26462,7 +26505,7 @@ const basicMonthTableProps = buildProps({
 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__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "basic-month-table",
   props: basicMonthTableProps,
   emits: ["changerange", "pick", "select"],
@@ -26655,7 +26698,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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({
@@ -26668,7 +26711,7 @@ const _hoisted_1$G = ["aria-label"];
 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__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "basic-year-table",
   props: basicYearTableProps,
   emits: ["pick"],
@@ -26762,14 +26805,14 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
   props: panelDatePickProps,
   emits: ["pick", "set-picker-option", "panel-change"],
@@ -27406,7 +27449,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -27523,7 +27566,7 @@ const _hoisted_7$1 = ["disabled", "aria-label"];
 const _hoisted_8$1 = ["aria-label"];
 const _hoisted_9$1 = ["aria-label"];
 const unit$1 = "month";
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
   props: panelDateRangeProps,
   emits: [
@@ -28164,7 +28207,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -28227,11 +28270,11 @@ const _hoisted_1$D = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$c = ["disabled"];
 const unit = "year";
-const __default__$R = defineComponent({
+const __default__$S = defineComponent({
   name: "DatePickerMonthRange"
 });
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+  ...__default__$S,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -28436,7 +28479,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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) {
@@ -28614,11 +28657,11 @@ const descriptionsRowProps = buildProps({
 });
 
 const _hoisted_1$C = { key: 1 };
-const __default__$Q = defineComponent({
+const __default__$R = defineComponent({
   name: "ElDescriptionsRow"
 });
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+  ...__default__$R,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -28672,7 +28715,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -28699,11 +28742,11 @@ const descriptionProps = buildProps({
   }
 });
 
-const __default__$P = defineComponent({
+const __default__$Q = defineComponent({
   name: "ElDescriptions"
 });
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+  ...__default__$Q,
   props: descriptionProps,
   setup(__props) {
     const props = __props;
@@ -28802,7 +28845,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -28943,9 +28986,9 @@ const dialogContentEmits = {
 const _hoisted_1$B = ["aria-level"];
 const _hoisted_2$n = ["aria-label"];
 const _hoisted_3$b = ["id"];
-const __default__$O = defineComponent({ name: "ElDialogContent" });
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+const __default__$P = defineComponent({ name: "ElDialogContent" });
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+  ...__default__$P,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -29017,7 +29060,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -29249,12 +29292,12 @@ const useDialog = (props, targetRef) => {
 };
 
 const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$N = defineComponent({
+const __default__$O = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
 });
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+  ...__default__$O,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -29405,7 +29448,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -29426,11 +29469,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$M = defineComponent({
+const __default__$N = defineComponent({
   name: "ElDivider"
 });
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  ...__default__$N,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -29456,7 +29499,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -29486,7 +29529,7 @@ const drawerProps = buildProps({
 });
 const drawerEmits = dialogEmits;
 
-const _sfc_main$1a = defineComponent({
+const _sfc_main$1b = defineComponent({
   name: "ElDrawer",
   components: {
     ElOverlay,
@@ -29648,26 +29691,26 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return 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__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return 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) => {
@@ -29804,7 +29847,7 @@ const focusFirst = (elements) => {
 const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
 const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
 const EVT_OPTS = { bubbles: false, cancelable: true };
-const _sfc_main$17 = defineComponent({
+const _sfc_main$18 = defineComponent({
   name: "ElRovingFocusGroupImpl",
   inheritAttrs: false,
   props: rovingFocusGroupProps,
@@ -29890,9 +29933,9 @@ const _sfc_main$17 = defineComponent({
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return 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 = defineComponent({
+const _sfc_main$17 = defineComponent({
   name: "ElRovingFocusGroup",
   components: {
     ElFocusGroupCollection: ElCollection$1,
@@ -29914,9 +29957,9 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
+const _sfc_main$16 = defineComponent({
   components: {
     ElRovingFocusCollectionItem: ElCollectionItem$1
   },
@@ -30014,7 +30057,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -30112,7 +30155,7 @@ const {
 const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
 const { ButtonGroup: ElButtonGroup } = ElButton;
-const _sfc_main$14 = defineComponent({
+const _sfc_main$15 = defineComponent({
   name: "ElDropdown",
   components: {
     ElButton,
@@ -30397,9 +30440,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     })) : 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 = defineComponent({
+const _sfc_main$14 = defineComponent({
   name: "DropdownItemImpl",
   components: {
     ElIcon
@@ -30481,7 +30524,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = inject("elDropdown", {});
@@ -30492,7 +30535,7 @@ const useDropdown = () => {
   };
 };
 
-const _sfc_main$12 = defineComponent({
+const _sfc_main$13 = defineComponent({
   name: "ElDropdownItem",
   components: {
     ElDropdownCollectionItem: ElCollectionItem,
@@ -30594,9 +30637,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
+const _sfc_main$12 = defineComponent({
   name: "ElDropdownMenu",
   props: dropdownMenuProps,
   setup(props) {
@@ -30676,7 +30719,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -30731,11 +30774,11 @@ const _hoisted_20 = {
 const _hoisted_21 = ["fill", "xlink:href"];
 const _hoisted_22 = ["fill", "mask"];
 const _hoisted_23 = ["fill"];
-const __default__$L = defineComponent({
+const __default__$M = defineComponent({
   name: "ImgEmpty"
 });
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  ...__default__$M,
   setup(__props) {
     const ns = useNamespace("empty");
     const id = useId();
@@ -30860,7 +30903,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -30876,11 +30919,11 @@ const emptyProps = buildProps({
 
 const _hoisted_1$v = ["src"];
 const _hoisted_2$k = { key: 1 };
-const __default__$K = defineComponent({
+const __default__$L = defineComponent({
   name: "ElEmpty"
 });
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  ...__default__$L,
   props: emptyProps,
   setup(__props) {
     const props = __props;
@@ -30921,7 +30964,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -30959,11 +31002,11 @@ const imageViewerEmits = {
 };
 
 const _hoisted_1$u = ["src"];
-const __default__$J = defineComponent({
+const __default__$K = defineComponent({
   name: "ElImageViewer"
 });
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  ...__default__$K,
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { expose, emit }) {
@@ -31341,7 +31384,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -31399,12 +31442,12 @@ const imageEmits = {
 
 const _hoisted_1$t = ["src", "loading"];
 const _hoisted_2$j = { key: 0 };
-const __default__$I = defineComponent({
+const __default__$J = defineComponent({
   name: "ElImage",
   inheritAttrs: false
 });
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  ...__default__$J,
   props: imageProps,
   emits: imageEmits,
   setup(__props, { emit }) {
@@ -31607,9 +31650,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -31669,11 +31712,11 @@ const inputNumberEmits = {
 
 const _hoisted_1$s = ["aria-label", "onKeydown"];
 const _hoisted_2$i = ["aria-label", "onKeydown"];
-const __default__$H = defineComponent({
+const __default__$I = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  ...__default__$I,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -31962,7 +32005,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -31987,11 +32030,11 @@ const linkEmits = {
 };
 
 const _hoisted_1$r = ["href"];
-const __default__$G = defineComponent({
+const __default__$H = defineComponent({
   name: "ElLink"
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  ...__default__$H,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -32030,7 +32073,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -32159,7 +32202,7 @@ class Menu$1 {
 }
 var Menubar = Menu$1;
 
-const _sfc_main$W = defineComponent({
+const _sfc_main$X = defineComponent({
   name: "ElMenuCollapseTransition",
   setup() {
     const ns = useNamespace("menu");
@@ -32210,7 +32253,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = computed$1(() => {
@@ -32867,7 +32910,7 @@ const menuItemEmits = {
 };
 
 const COMPONENT_NAME$b = "ElMenuItem";
-const _sfc_main$V = defineComponent({
+const _sfc_main$W = defineComponent({
   name: COMPONENT_NAME$b,
   components: {
     ElTooltip
@@ -32955,14 +32998,14 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$V = defineComponent({
   name: COMPONENT_NAME$a,
   props: menuItemGroupProps,
   setup() {
@@ -32988,7 +33031,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -33015,11 +33058,11 @@ const pageHeaderEmits = {
 };
 
 const _hoisted_1$q = ["aria-label"];
-const __default__$F = defineComponent({
+const __default__$G = defineComponent({
   name: "ElPageHeader"
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  ...__default__$G,
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
@@ -33109,7 +33152,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -33134,11 +33177,11 @@ const paginationPrevEmits = {
 
 const _hoisted_1$p = ["disabled", "aria-label", "aria-disabled"];
 const _hoisted_2$h = { key: 0 };
-const __default__$E = defineComponent({
+const __default__$F = defineComponent({
   name: "ElPaginationPrev"
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...__default__$F,
   props: paginationPrevProps,
   emits: paginationPrevEmits,
   setup(__props) {
@@ -33164,7 +33207,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -33186,11 +33229,11 @@ const paginationNextProps = buildProps({
 
 const _hoisted_1$o = ["disabled", "aria-label", "aria-disabled"];
 const _hoisted_2$g = { key: 0 };
-const __default__$D = defineComponent({
+const __default__$E = defineComponent({
   name: "ElPaginationNext"
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: paginationNextProps,
   emits: ["click"],
   setup(__props) {
@@ -33216,7 +33259,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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");
@@ -33312,7 +33355,7 @@ function useOption$1(props, states) {
   };
 }
 
-const _sfc_main$Q = defineComponent({
+const _sfc_main$R = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -33392,9 +33435,9 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     [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 = defineComponent({
+const _sfc_main$Q = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -33429,7 +33472,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     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();
@@ -34226,7 +34269,7 @@ var ElOptions = defineComponent({
 });
 
 const COMPONENT_NAME$9 = "ElSelect";
-const _sfc_main$O = defineComponent({
+const _sfc_main$P = defineComponent({
   name: COMPONENT_NAME$9,
   componentName: COMPONENT_NAME$9,
   components: {
@@ -34921,9 +34964,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     [_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 = defineComponent({
+const _sfc_main$O = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -34984,7 +35027,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     [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,
@@ -35015,11 +35058,11 @@ const paginationSizesProps = buildProps({
   }
 });
 
-const __default__$C = defineComponent({
+const __default__$D = defineComponent({
   name: "ElPaginationSizes"
 });
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: paginationSizesProps,
   emits: ["page-size-change"],
   setup(__props, { emit }) {
@@ -35075,7 +35118,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -35085,11 +35128,11 @@ const paginationJumperProps = buildProps({
 });
 
 const _hoisted_1$m = ["disabled"];
-const __default__$B = defineComponent({
+const __default__$C = defineComponent({
   name: "ElPaginationJumper"
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: paginationJumperProps,
   setup(__props) {
     const { t } = useLocale();
@@ -35136,7 +35179,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -35146,11 +35189,11 @@ const paginationTotalProps = buildProps({
 });
 
 const _hoisted_1$l = ["disabled"];
-const __default__$A = defineComponent({
+const __default__$B = defineComponent({
   name: "ElPaginationTotal"
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   props: paginationTotalProps,
   setup(__props) {
     const { t } = useLocale();
@@ -35166,7 +35209,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -35190,11 +35233,11 @@ const _hoisted_3$7 = ["tabindex", "aria-label"];
 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 = defineComponent({
+const __default__$A = defineComponent({
   name: "ElPaginationPager"
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: paginationPagerProps,
   emits: ["change"],
   setup(__props, { emit }) {
@@ -35392,7 +35435,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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({
@@ -35697,11 +35740,11 @@ const popconfirmEmits = {
   cancel: (e) => e instanceof MouseEvent
 };
 
-const __default__$y = defineComponent({
+const __default__$z = defineComponent({
   name: "ElPopconfirm"
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: popconfirmProps,
   emits: popconfirmEmits,
   setup(__props, { emit }) {
@@ -35797,7 +35840,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -35863,11 +35906,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$x = defineComponent({
+const __default__$y = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -35966,7 +36009,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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;
@@ -36055,11 +36098,11 @@ const _hoisted_2$d = { viewBox: "0 0 100 100" };
 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 = defineComponent({
+const __default__$x = defineComponent({
   name: "ElProgress"
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: progressProps,
   setup(__props) {
     const props = __props;
@@ -36247,7 +36290,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -36335,11 +36378,11 @@ const rateEmits = {
 
 const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
 const _hoisted_2$c = ["onMousemove", "onClick"];
-const __default__$v = defineComponent({
+const __default__$w = defineComponent({
   name: "ElRate"
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: rateProps,
   emits: rateEmits,
   setup(__props, { expose, emit }) {
@@ -36576,7 +36619,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -36608,11 +36651,11 @@ const resultProps = buildProps({
   }
 });
 
-const __default__$u = defineComponent({
+const __default__$v = defineComponent({
   name: "ElResult"
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: resultProps,
   setup(__props) {
     const props = __props;
@@ -36666,7 +36709,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -38471,7 +38514,7 @@ const DynamicSizeGrid = createGrid$1({
 });
 var DynamicSizeGrid$1 = DynamicSizeGrid;
 
-const _sfc_main$D = defineComponent({
+const _sfc_main$E = defineComponent({
   props: {
     item: {
       type: Object,
@@ -38503,7 +38546,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 {
@@ -38633,7 +38676,7 @@ const OptionProps = {
   created: Boolean
 };
 
-const _sfc_main$C = defineComponent({
+const _sfc_main$D = defineComponent({
   props: OptionProps,
   emits: ["select", "hover"],
   setup(props, { emit }) {
@@ -38670,7 +38713,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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");
 
@@ -39658,7 +39701,7 @@ const useSelect$1 = (props, emit) => {
 };
 var useSelect$2 = useSelect$1;
 
-const _sfc_main$B = defineComponent({
+const _sfc_main$C = defineComponent({
   name: "ElSelectV2",
   components: {
     ElSelectMenu,
@@ -40056,7 +40099,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     [_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);
@@ -40104,11 +40147,11 @@ const skeletonItemProps = buildProps({
   }
 });
 
-const __default__$t = defineComponent({
+const __default__$u = defineComponent({
   name: "ElSkeletonItem"
 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: skeletonItemProps,
   setup(__props) {
     const ns = useNamespace("skeleton");
@@ -40121,13 +40164,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$t = defineComponent({
   name: "ElSkeleton"
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: skeletonProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -40165,7 +40208,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -40778,11 +40821,11 @@ const sliderButtonEmits = {
 };
 
 const _hoisted_1$f = ["tabindex"];
-const __default__$r = defineComponent({
+const __default__$s = defineComponent({
   name: "ElSliderButton"
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: sliderButtonProps,
   emits: sliderButtonEmits,
   setup(__props, { expose, emit }) {
@@ -40862,7 +40905,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -40888,11 +40931,11 @@ var SliderMarker = defineComponent({
 
 const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
 const _hoisted_2$a = { key: 1 };
-const __default__$q = defineComponent({
+const __default__$r = defineComponent({
   name: "ElSlider"
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: sliderProps,
   emits: sliderEmits,
   setup(__props, { expose, emit }) {
@@ -41101,7 +41144,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -41323,11 +41366,11 @@ const statisticProps = buildProps({
   }
 });
 
-const __default__$p = defineComponent({
+const __default__$q = defineComponent({
   name: "ElStatistic"
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: statisticProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -41386,7 +41429,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -41438,11 +41481,11 @@ const formatTime$1 = (timestamp, format) => {
   return replacedText.replace(escapeRegex, "$1");
 };
 
-const __default__$o = defineComponent({
+const __default__$p = defineComponent({
   name: "ElCountdown"
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: countdownProps,
   emits: countdownEmits,
   setup(__props, { expose, emit }) {
@@ -41506,7 +41549,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -41545,11 +41588,11 @@ const stepsEmits = {
   [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
-const __default__$n = defineComponent({
+const __default__$o = defineComponent({
   name: "ElSteps"
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: stepsProps,
   emits: stepsEmits,
   setup(__props, { emit }) {
@@ -41578,7 +41621,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -41599,11 +41642,11 @@ const stepProps = buildProps({
   }
 });
 
-const __default__$m = defineComponent({
+const __default__$n = defineComponent({
   name: "ElStep"
 });
-const _sfc_main$t = defineComponent({
-  ...__default__$m,
+const _sfc_main$u = defineComponent({
+  ...__default__$n,
   props: stepProps,
   setup(__props) {
     const props = __props;
@@ -41782,7 +41825,7 @@ const _sfc_main$t = defineComponent({
     };
   }
 });
-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
@@ -41886,11 +41929,11 @@ const _hoisted_3$4 = ["aria-hidden"];
 const _hoisted_4$2 = ["aria-hidden"];
 const _hoisted_5$1 = ["aria-hidden"];
 const COMPONENT_NAME$8 = "ElSwitch";
-const __default__$l = defineComponent({
+const __default__$m = defineComponent({
   name: COMPONENT_NAME$8
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: switchProps,
   emits: switchEmits,
   setup(__props, { expose, emit }) {
@@ -42127,7 +42170,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -43767,7 +43810,7 @@ class TableLayout {
 var TableLayout$1 = TableLayout;
 
 const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
-const _sfc_main$r = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "ElTableFilterPanel",
   components: {
     ElCheckbox,
@@ -44025,7 +44068,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = getCurrentInstance();
@@ -45712,7 +45755,7 @@ const useScrollbar$1 = () => {
 };
 
 let tableIdSeed = 1;
-const _sfc_main$q = defineComponent({
+const _sfc_main$r = defineComponent({
   name: "ElTable",
   directives: {
     Mousewheel
@@ -46023,7 +46066,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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",
@@ -48740,11 +48783,11 @@ const tabBarProps = buildProps({
 });
 
 const COMPONENT_NAME$3 = "ElTabBar";
-const __default__$k = defineComponent({
+const __default__$l = defineComponent({
   name: COMPONENT_NAME$3
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -48805,7 +48848,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -49232,11 +49275,11 @@ const tabPaneProps = buildProps({
 
 const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
 const COMPONENT_NAME$1 = "ElTabPane";
-const __default__$j = defineComponent({
+const __default__$k = defineComponent({
   name: COMPONENT_NAME$1
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: tabPaneProps,
   setup(__props) {
     const props = __props;
@@ -49293,7 +49336,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -49320,11 +49363,11 @@ const textProps = buildProps({
   }
 });
 
-const __default__$i = defineComponent({
+const __default__$j = defineComponent({
   name: "ElText"
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: textProps,
   setup(__props) {
     const props = __props;
@@ -49348,7 +49391,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -49454,11 +49497,11 @@ const nextTime = (time, step) => {
   return formatTime(next);
 };
 
-const __default__$h = defineComponent({
+const __default__$i = defineComponent({
   name: "ElTimeSelect"
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: timeSelectProps,
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(__props, { expose }) {
@@ -49562,7 +49605,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
@@ -49623,11 +49666,11 @@ const timelineItemProps = buildProps({
   }
 });
 
-const __default__$g = defineComponent({
+const __default__$h = defineComponent({
   name: "ElTimelineItem"
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: timelineItemProps,
   setup(__props) {
     const props = __props;
@@ -49689,7 +49732,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -49832,11 +49875,11 @@ const tooltipV2RootKey = Symbol("tooltipV2");
 const tooltipV2ContentKey = Symbol("tooltipV2Content");
 const TOOLTIP_V2_OPEN = "tooltip_v2.open";
 
-const __default__$f = defineComponent({
+const __default__$g = defineComponent({
   name: "ElTooltipV2Root"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: tooltipV2RootProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -49903,13 +49946,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$f = defineComponent({
   name: "ElTooltipV2Arrow"
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: {
     ...tooltipV2ArrowProps,
     ...tooltipV2ArrowSpecialProps
@@ -49939,7 +49982,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -49948,11 +49991,11 @@ const visualHiddenProps = buildProps({
   }
 });
 
-const __default__$d = defineComponent({
+const __default__$e = defineComponent({
   name: "ElVisuallyHidden"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: visualHiddenProps,
   setup(__props) {
     const props = __props;
@@ -49980,14 +50023,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$d = defineComponent({
   name: "ElTooltipV2Content"
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
   setup(__props) {
     const props = __props;
@@ -50082,7 +50125,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -50115,11 +50158,11 @@ var ForwardRef = defineComponent({
   }
 });
 
-const __default__$b = defineComponent({
+const __default__$c = defineComponent({
   name: "ElTooltipV2Trigger"
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: {
     ...tooltipV2CommonProps,
     ...tooltipV2TriggerProps
@@ -50196,13 +50239,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$b = defineComponent({
   name: "ElTooltipV2"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: tooltipV2Props,
   setup(__props) {
     const props = __props;
@@ -50261,7 +50304,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -50519,11 +50562,11 @@ const useMove = (props, checkedState, emit) => {
   };
 };
 
-const __default__$9 = defineComponent({
+const __default__$a = defineComponent({
   name: "ElTransferPanel"
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: transferPanelProps,
   emits: transferPanelEmits,
   setup(__props, { expose, emit }) {
@@ -50633,15 +50676,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$9 = defineComponent({
   name: "ElTransfer"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: transferProps,
   emits: transferEmits,
   setup(__props, { expose, emit }) {
@@ -50776,7 +50819,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -51524,7 +51567,7 @@ class TreeStore {
   }
 }
 
-const _sfc_main$c = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "ElTreeNodeContent",
   props: {
     node: {
@@ -51544,7 +51587,7 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-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 = inject("TreeNodeMap", null);
@@ -51714,7 +51757,7 @@ function useDragNodeHandler({ props, ctx, el$, dropIndicator$, store }) {
   };
 }
 
-const _sfc_main$b = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "ElTreeNode",
   components: {
     ElCollapseTransition: _CollapseTransition,
@@ -52004,7 +52047,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     [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");
@@ -52089,7 +52132,7 @@ function useKeydown({ el$ }, store) {
   };
 }
 
-const _sfc_main$a = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "ElTree",
   components: { ElTreeNode: ElTreeNode$1 },
   props: {
@@ -52404,7 +52447,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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);
@@ -52656,7 +52699,7 @@ var CacheOptions = defineComponent({
   }
 });
 
-const _sfc_main$9 = defineComponent({
+const _sfc_main$a = defineComponent({
   name: "ElTreeSelect",
   inheritAttrs: false,
   props: {
@@ -52720,7 +52763,7 @@ const _sfc_main$9 = defineComponent({
     });
   }
 });
-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);
@@ -53391,11 +53434,11 @@ var ElNodeContent = defineComponent({
 });
 
 const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"];
-const __default__$7 = defineComponent({
+const __default__$8 = defineComponent({
   name: "ElTreeNode"
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: treeNodeProps,
   emits: treeNodeEmits,
   setup(__props, { emit }) {
@@ -53486,13 +53529,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$7 = defineComponent({
   name: "ElTreeV2"
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: treeProps,
   emits: treeEmits,
   setup(__props, { expose, emit }) {
@@ -53603,7 +53646,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -53822,11 +53865,11 @@ const _hoisted_3$2 = ["onClick"];
 const _hoisted_4$1 = ["title"];
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
-const __default__$5 = defineComponent({
+const __default__$6 = defineComponent({
   name: "ElUploadList"
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: uploadListProps,
   emits: uploadListEmits,
   setup(__props, { emit }) {
@@ -53980,7 +54023,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -53994,11 +54037,11 @@ const uploadDraggerEmits = {
 
 const _hoisted_1$4 = ["onDrop", "onDragover"];
 const COMPONENT_NAME = "ElUploadDrag";
-const __default__$4 = defineComponent({
+const __default__$5 = defineComponent({
   name: COMPONENT_NAME
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: uploadDraggerProps,
   emits: uploadDraggerEmits,
   setup(__props, { emit }) {
@@ -54055,7 +54098,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -54091,12 +54134,12 @@ const uploadContentProps = buildProps({
 
 const _hoisted_1$3 = ["onKeydown"];
 const _hoisted_2$3 = ["name", "multiple", "accept"];
-const __default__$3 = defineComponent({
+const __default__$4 = defineComponent({
   name: "ElUploadContent",
   inheritAttrs: false
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: uploadContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -54271,7 +54314,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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) => {
@@ -54400,11 +54443,11 @@ const useHandlers = (props, uploadRef) => {
   };
 };
 
-const __default__$2 = defineComponent({
+const __default__$3 = defineComponent({
   name: "ElUpload"
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: uploadProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -54508,10 +54551,333 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+  name: "ElWatermark"
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: watermarkProps,
+  setup(__props) {
+    const props = __props;
+    const style = {
+      position: "relative"
+    };
+    const color = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.color) != null ? _b : "rgba(0,0,0,.15)";
+    });
+    const fontSize = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontSize) != null ? _b : 16;
+    });
+    const fontWeight = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontWeight) != null ? _b : "normal";
+    });
+    const fontStyle = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontStyle) != null ? _b : "normal";
+    });
+    const fontFamily = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontFamily) != null ? _b : "sans-serif";
+    });
+    const gapX = computed$1(() => props.gap[0]);
+    const gapY = computed$1(() => props.gap[1]);
+    const gapXCenter = computed$1(() => gapX.value / 2);
+    const gapYCenter = computed$1(() => gapY.value / 2);
+    const offsetLeft = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : gapXCenter.value;
+    });
+    const offsetTop = computed$1(() => {
+      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 = shallowRef(null);
+    const watermarkRef = shallowRef();
+    const stopObservation = 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);
+        }
+      }
+    };
+    onMounted(() => {
+      renderWatermark();
+    });
+    watch(() => props, () => {
+      renderWatermark();
+    }, {
+      deep: true,
+      flush: "post"
+    });
+    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 openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        style: normalizeStyle([style])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
+  }
+});
+var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "watermark.vue"]]);
+
+const ElWatermark = withInstall(Watermark);
+
 var Components = [
   ElAffix,
   ElAlert,
@@ -54610,7 +54976,8 @@ var Components = [
   ElTree,
   ElTreeSelect,
   ElTreeV2,
-  ElUpload
+  ElUpload,
+  ElWatermark
 ];
 
 const SCOPE = "ElInfiniteScroll";