@element-plus/nightly 0.0.20250602 → 0.0.20250603

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250602 */
+/*! Element Plus v0.0.20250603 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -700,6 +700,63 @@
     };
   }
 
+  function useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {
+    const { window = defaultWindow, box = "content-box" } = options;
+    const isSVG = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = unrefElement(target)) == null ? void 0 : _a.namespaceURI) == null ? void 0 : _b.includes("svg");
+    });
+    const width = vue.ref(initialSize.width);
+    const height = vue.ref(initialSize.height);
+    const { stop: stop1 } = useResizeObserver(
+      target,
+      ([entry]) => {
+        const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
+        if (window && isSVG.value) {
+          const $elem = unrefElement(target);
+          if ($elem) {
+            const rect = $elem.getBoundingClientRect();
+            width.value = rect.width;
+            height.value = rect.height;
+          }
+        } else {
+          if (boxSize) {
+            const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
+            width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
+            height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+          } else {
+            width.value = entry.contentRect.width;
+            height.value = entry.contentRect.height;
+          }
+        }
+      },
+      options
+    );
+    tryOnMounted(() => {
+      const ele = unrefElement(target);
+      if (ele) {
+        width.value = "offsetWidth" in ele ? ele.offsetWidth : initialSize.width;
+        height.value = "offsetHeight" in ele ? ele.offsetHeight : initialSize.height;
+      }
+    });
+    const stop2 = vue.watch(
+      () => unrefElement(target),
+      (ele) => {
+        width.value = ele ? initialSize.width : 0;
+        height.value = ele ? initialSize.height : 0;
+      }
+    );
+    function stop() {
+      stop1();
+      stop2();
+    }
+    return {
+      width,
+      height,
+      stop
+    };
+  }
+
   function useVModel(props, key, emit, options = {}) {
     var _a, _b, _c;
     const {
@@ -8973,7 +9030,7 @@
         const minLeft = -targetLeft + offsetX;
         const minTop = -targetTop + offsetY;
         const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
-        const maxTop = clientHeight - targetTop - targetHeight + offsetY;
+        const maxTop = clientHeight - targetTop - (targetHeight < clientHeight ? targetHeight : 0) + offsetY;
         if (!(overflow == null ? void 0 : overflow.value)) {
           moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
           moveY = Math.min(Math.max(moveY, minTop), maxTop);
@@ -11729,7 +11786,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250602";
+  const version$1 = "0.0.20250603";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11778,12 +11835,12 @@
     return target;
   };
 
-  const COMPONENT_NAME$p = "ElAffix";
-  const __default__$1U = vue.defineComponent({
-    name: COMPONENT_NAME$p
+  const COMPONENT_NAME$q = "ElAffix";
+  const __default__$1X = vue.defineComponent({
+    name: COMPONENT_NAME$q
   });
-  const _sfc_main$2x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1U,
+  const _sfc_main$2A = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1X,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11859,7 +11916,7 @@
         if (props.target) {
           target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
           if (!target.value)
-            throwError(COMPONENT_NAME$p, `Target does not exist: ${props.target}`);
+            throwError(COMPONENT_NAME$q, `Target does not exist: ${props.target}`);
         } else {
           target.value = document.documentElement;
         }
@@ -11889,7 +11946,7 @@
       };
     }
   });
-  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["__file", "affix.vue"]]);
+  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["__file", "affix.vue"]]);
 
   const ElAffix = withInstall(Affix);
 
@@ -11902,12 +11959,12 @@
     }
   });
 
-  const __default__$1T = vue.defineComponent({
+  const __default__$1W = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$2w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1T,
+  const _sfc_main$2z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1W,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11931,7 +11988,7 @@
       };
     }
   });
-  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["__file", "icon.vue"]]);
+  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["__file", "icon.vue"]]);
 
   const ElIcon = withInstall(Icon);
 
@@ -11972,11 +12029,11 @@
     close: (evt) => isUndefined(evt) || evt instanceof Event
   };
 
-  const __default__$1S = vue.defineComponent({
+  const __default__$1V = vue.defineComponent({
     name: "ElAlert"
   });
-  const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1S,
+  const _sfc_main$2y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1V,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -12071,7 +12128,7 @@
       };
     }
   });
-  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "alert.vue"]]);
+  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["__file", "alert.vue"]]);
 
   const ElAlert = withInstall(Alert);
 
@@ -12091,7 +12148,7 @@
     const form = vue.inject(formContextKey, void 0);
     return vue.computed(() => disabled.value || vue.unref(fallback) || (form == null ? void 0 : form.disabled) || false);
   };
-  const useSize = useFormSize;
+  const useSize$1 = useFormSize;
   const useDisabled = useFormDisabled;
 
   const useFormItem = () => {
@@ -12236,12 +12293,12 @@
     return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
   };
 
-  const COMPONENT_NAME$o = "ElForm";
-  const __default__$1R = vue.defineComponent({
-    name: COMPONENT_NAME$o
+  const COMPONENT_NAME$p = "ElForm";
+  const __default__$1U = vue.defineComponent({
+    name: COMPONENT_NAME$p
   });
-  const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1R,
+  const _sfc_main$2x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1U,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -12382,7 +12439,7 @@
       };
     }
   });
-  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "form.vue"]]);
+  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["__file", "form.vue"]]);
 
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -13479,9 +13536,9 @@
     }
   });
 
-  const COMPONENT_NAME$n = "ElLabelWrap";
+  const COMPONENT_NAME$o = "ElLabelWrap";
   var FormLabelWrap = vue.defineComponent({
-    name: COMPONENT_NAME$n,
+    name: COMPONENT_NAME$o,
     props: {
       isAutoWidth: Boolean,
       updateAll: Boolean
@@ -13492,7 +13549,7 @@
       const formContext = vue.inject(formContextKey, void 0);
       const formItemContext = vue.inject(formItemContextKey);
       if (!formItemContext)
-        throwError(COMPONENT_NAME$n, "usage: <el-form-item><label-wrap /></el-form-item>");
+        throwError(COMPONENT_NAME$o, "usage: <el-form-item><label-wrap /></el-form-item>");
       const ns = useNamespace("form");
       const el = vue.ref();
       const computedWidth = vue.ref(0);
@@ -13566,11 +13623,11 @@
     }
   });
 
-  const __default__$1Q = vue.defineComponent({
+  const __default__$1T = vue.defineComponent({
     name: "ElFormItem"
   });
-  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1Q,
+  const _sfc_main$2w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1T,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13871,7 +13928,7 @@
       };
     }
   });
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "form-item.vue"]]);
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["__file", "form-item.vue"]]);
 
   const ElForm = withInstall(Form, {
     FormItem
@@ -14053,13 +14110,13 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const COMPONENT_NAME$m = "ElInput";
-  const __default__$1P = vue.defineComponent({
-    name: COMPONENT_NAME$m,
+  const COMPONENT_NAME$n = "ElInput";
+  const __default__$1S = vue.defineComponent({
+    name: COMPONENT_NAME$n,
     inheritAttrs: false
   });
-  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1P,
+  const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1S,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14468,7 +14525,7 @@
       };
     }
   });
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "input.vue"]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "input.vue"]]);
 
   const ElInput = withInstall(Input);
 
@@ -14517,8 +14574,8 @@
     always: Boolean
   });
 
-  const COMPONENT_NAME$l = "Thumb";
-  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
+  const COMPONENT_NAME$m = "Thumb";
+  const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14526,7 +14583,7 @@
       const scrollbar = vue.inject(scrollbarContextKey);
       const ns = useNamespace("scrollbar");
       if (!scrollbar)
-        throwError(COMPONENT_NAME$l, "can not inject scrollbar context");
+        throwError(COMPONENT_NAME$m, "can not inject scrollbar context");
       const instance = vue.ref();
       const thumb = vue.ref();
       const thumbState = vue.ref({});
@@ -14641,7 +14698,7 @@
       };
     }
   });
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "thumb.vue"]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "thumb.vue"]]);
 
   const barProps = buildProps({
     always: {
@@ -14654,7 +14711,7 @@
     }
   });
 
-  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14712,7 +14769,7 @@
       };
     }
   });
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "bar.vue"]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "bar.vue"]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -14769,12 +14826,12 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const COMPONENT_NAME$k = "ElScrollbar";
-  const __default__$1O = vue.defineComponent({
-    name: COMPONENT_NAME$k
+  const COMPONENT_NAME$l = "ElScrollbar";
+  const __default__$1R = vue.defineComponent({
+    name: COMPONENT_NAME$l
   });
-  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1O,
+  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1R,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14943,7 +15000,7 @@
       };
     }
   });
-  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "scrollbar.vue"]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "scrollbar.vue"]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -14973,12 +15030,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1N = vue.defineComponent({
+  const __default__$1Q = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1N,
+  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1Q,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15001,14 +15058,14 @@
       };
     }
   });
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "popper.vue"]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "popper.vue"]]);
 
-  const __default__$1M = vue.defineComponent({
+  const __default__$1P = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1M,
+  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1P,
     setup(__props, { expose }) {
       const ns = useNamespace("popper");
       const { arrowRef, arrowStyle } = vue.inject(POPPER_CONTENT_INJECTION_KEY, void 0);
@@ -15029,7 +15086,7 @@
       };
     }
   });
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "arrow.vue"]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "arrow.vue"]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -15117,12 +15174,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1L = vue.defineComponent({
+  const __default__$1O = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1L,
+  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1O,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15233,7 +15290,7 @@
       };
     }
   });
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "trigger.vue"]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "trigger.vue"]]);
 
   const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
   const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15391,7 +15448,7 @@
     });
   };
 
-  const _sfc_main$2l = vue.defineComponent({
+  const _sfc_main$2o = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15636,7 +15693,7 @@
   function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$r], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$r], ["__file", "focus-trap.vue"]]);
 
   const popperArrowProps = buildProps({
     arrowOffset: {
@@ -15938,11 +15995,11 @@
     };
   };
 
-  const __default__$1K = vue.defineComponent({
+  const __default__$1N = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1K,
+  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1N,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -16056,7 +16113,7 @@
       };
     }
   });
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "content.vue"]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "content.vue"]]);
 
   const ElPopper = withInstall(Popper);
 
@@ -16070,7 +16127,7 @@
     disabled: Boolean
   });
 
-  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
     __name: "teleport",
     props: teleportProps,
     setup(__props) {
@@ -16084,7 +16141,7 @@
       };
     }
   });
-  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "teleport.vue"]]);
+  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "teleport.vue"]]);
 
   const ElTeleport = withInstall(Teleport);
   var ElTeleport$1 = ElTeleport;
@@ -16165,11 +16222,11 @@
     };
   };
 
-  const __default__$1J = vue.defineComponent({
+  const __default__$1M = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1J,
+  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1M,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16228,14 +16285,14 @@
       };
     }
   });
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "trigger.vue"]]);
 
-  const __default__$1I = vue.defineComponent({
+  const __default__$1L = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1I,
+  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1L,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16408,13 +16465,13 @@
       };
     }
   });
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "content.vue"]]);
 
-  const __default__$1H = vue.defineComponent({
+  const __default__$1K = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1H,
+  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1K,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16566,7 +16623,7 @@
       };
     }
   });
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -16646,13 +16703,13 @@
     select: (item) => isObject$1(item)
   };
 
-  const COMPONENT_NAME$j = "ElAutocomplete";
-  const __default__$1G = vue.defineComponent({
-    name: COMPONENT_NAME$j,
+  const COMPONENT_NAME$k = "ElAutocomplete";
+  const __default__$1J = vue.defineComponent({
+    name: COMPONENT_NAME$k,
     inheritAttrs: false
   });
-  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1G,
+  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1J,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -16705,7 +16762,7 @@
             suggestions.value = suggestionList;
             highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
           } else {
-            throwError(COMPONENT_NAME$j, "autocomplete suggestions must be an array");
+            throwError(COMPONENT_NAME$k, "autocomplete suggestions must be an array");
           }
         };
         loading.value = true;
@@ -16998,7 +17055,7 @@
       };
     }
   });
-  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "autocomplete.vue"]]);
+  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "autocomplete.vue"]]);
 
   const ElAutocomplete = withInstall(Autocomplete);
 
@@ -17032,11 +17089,11 @@
     error: (evt) => evt instanceof Event
   };
 
-  const __default__$1F = vue.defineComponent({
+  const __default__$1I = vue.defineComponent({
     name: "ElAvatar"
   });
-  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1F,
+  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1I,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -17090,7 +17147,7 @@
       };
     }
   });
-  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "avatar.vue"]]);
+  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "avatar.vue"]]);
 
   const ElAvatar = withInstall(Avatar);
 
@@ -17150,18 +17207,18 @@
     };
   };
 
-  const COMPONENT_NAME$i = "ElBacktop";
-  const __default__$1E = vue.defineComponent({
-    name: COMPONENT_NAME$i
+  const COMPONENT_NAME$j = "ElBacktop";
+  const __default__$1H = vue.defineComponent({
+    name: COMPONENT_NAME$j
   });
-  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1E,
+  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1H,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("backtop");
-      const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME$i);
+      const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME$j);
       const backTopStyle = vue.computed(() => ({
         right: `${props.right}px`,
         bottom: `${props.bottom}px`
@@ -17194,7 +17251,7 @@
       };
     }
   });
-  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "backtop.vue"]]);
+  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "backtop.vue"]]);
 
   const ElBacktop = withInstall(Backtop);
 
@@ -17231,11 +17288,11 @@
     }
   });
 
-  const __default__$1D = vue.defineComponent({
+  const __default__$1G = vue.defineComponent({
     name: "ElBadge"
   });
-  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1D,
+  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1G,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -17296,7 +17353,7 @@
       };
     }
   });
-  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "badge.vue"]]);
+  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "badge.vue"]]);
 
   const ElBadge = withInstall(Badge);
 
@@ -17312,11 +17369,11 @@
     }
   });
 
-  const __default__$1C = vue.defineComponent({
+  const __default__$1F = vue.defineComponent({
     name: "ElBreadcrumb"
   });
-  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1C,
+  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1F,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -17343,7 +17400,7 @@
       };
     }
   });
-  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "breadcrumb.vue"]]);
+  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "breadcrumb.vue"]]);
 
   const breadcrumbItemProps = buildProps({
     to: {
@@ -17353,11 +17410,11 @@
     replace: Boolean
   });
 
-  const __default__$1B = vue.defineComponent({
+  const __default__$1E = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
-  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1B,
+  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1E,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -17402,7 +17459,7 @@
       };
     }
   });
-  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "breadcrumb-item.vue"]]);
+  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "breadcrumb-item.vue"]]);
 
   const ElBreadcrumb = withInstall(Breadcrumb, {
     BreadcrumbItem
@@ -17548,11 +17605,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  function bound01$1(n, max) {
-    if (isOnePointZero$1(n)) {
+  function bound01(n, max) {
+    if (isOnePointZero(n)) {
       n = "100%";
     }
-    var isPercent = isPercentage$1(n);
+    var isPercent = isPercentage(n);
     n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
     if (isPercent) {
       n = parseInt(String(n * max), 10) / 100;
@@ -17570,10 +17627,10 @@
   function clamp01(val) {
     return Math.min(1, Math.max(0, val));
   }
-  function isOnePointZero$1(n) {
+  function isOnePointZero(n) {
     return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
   }
-  function isPercentage$1(n) {
+  function isPercentage(n) {
     return typeof n === "string" && n.indexOf("%") !== -1;
   }
   function boundAlpha(a) {
@@ -17595,15 +17652,15 @@
 
   function rgbToRgb(r, g, b) {
     return {
-      r: bound01$1(r, 255) * 255,
-      g: bound01$1(g, 255) * 255,
-      b: bound01$1(b, 255) * 255
+      r: bound01(r, 255) * 255,
+      g: bound01(g, 255) * 255,
+      b: bound01(b, 255) * 255
     };
   }
   function rgbToHsl(r, g, b) {
-    r = bound01$1(r, 255);
-    g = bound01$1(g, 255);
-    b = bound01$1(b, 255);
+    r = bound01(r, 255);
+    g = bound01(g, 255);
+    b = bound01(b, 255);
     var max = Math.max(r, g, b);
     var min = Math.min(r, g, b);
     var h = 0;
@@ -17652,9 +17709,9 @@
     var r;
     var g;
     var b;
-    h = bound01$1(h, 360);
-    s = bound01$1(s, 100);
-    l = bound01$1(l, 100);
+    h = bound01(h, 360);
+    s = bound01(s, 100);
+    l = bound01(l, 100);
     if (s === 0) {
       g = l;
       b = l;
@@ -17669,9 +17726,9 @@
     return { r: r * 255, g: g * 255, b: b * 255 };
   }
   function rgbToHsv(r, g, b) {
-    r = bound01$1(r, 255);
-    g = bound01$1(g, 255);
-    b = bound01$1(b, 255);
+    r = bound01(r, 255);
+    g = bound01(g, 255);
+    b = bound01(b, 255);
     var max = Math.max(r, g, b);
     var min = Math.min(r, g, b);
     var h = 0;
@@ -17697,9 +17754,9 @@
     return { h, s, v };
   }
   function hsvToRgb(h, s, v) {
-    h = bound01$1(h, 360) * 6;
-    s = bound01$1(s, 100);
-    v = bound01$1(v, 100);
+    h = bound01(h, 360) * 6;
+    s = bound01(s, 100);
+    v = bound01(v, 100);
     var i = Math.floor(h);
     var f = h - i;
     var p = v * (1 - s);
@@ -18184,7 +18241,7 @@
     };
     TinyColor2.prototype.toPercentageRgb = function() {
       var fmt = function(x) {
-        return "".concat(Math.round(bound01$1(x, 255) * 100), "%");
+        return "".concat(Math.round(bound01(x, 255) * 100), "%");
       };
       return {
         r: fmt(this.r),
@@ -18195,7 +18252,7 @@
     };
     TinyColor2.prototype.toPercentageRgbString = function() {
       var rnd = function(x) {
-        return Math.round(bound01$1(x, 255) * 100);
+        return Math.round(bound01(x, 255) * 100);
       };
       return this.a === 1 ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)") : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
     };
@@ -18479,11 +18536,11 @@
     });
   }
 
-  const __default__$1A = vue.defineComponent({
+  const __default__$1D = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1A,
+  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1D,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18559,18 +18616,18 @@
       };
     }
   });
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "button.vue"]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "button.vue"]]);
 
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
   };
 
-  const __default__$1z = vue.defineComponent({
+  const __default__$1C = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1z,
+  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1C,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -18588,7 +18645,7 @@
       };
     }
   });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "button-group.vue"]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "button-group.vue"]]);
 
   const ElButton = withInstall(Button, {
     ButtonGroup
@@ -19248,12 +19305,12 @@
   });
   const timePickerRngeTriggerProps = timePickerRangeTriggerProps;
 
-  const __default__$1y = vue.defineComponent({
+  const __default__$1B = vue.defineComponent({
     name: "PickerRangeTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1B,
     props: timePickerRangeTriggerProps,
     emits: [
       "mouseenter",
@@ -19353,13 +19410,13 @@
       };
     }
   });
-  var PickerRangeTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "picker-range-trigger.vue"]]);
+  var PickerRangeTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "picker-range-trigger.vue"]]);
 
-  const __default__$1x = vue.defineComponent({
+  const __default__$1A = vue.defineComponent({
     name: "Picker"
   });
-  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1A,
     props: timePickerDefaultProps,
     emits: [
       UPDATE_MODEL_EVENT,
@@ -19957,7 +20014,7 @@
       };
     }
   });
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "picker.vue"]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "picker.vue"]]);
 
   const panelTimePickerProps = buildProps({
     ...timePanelSharedProps,
@@ -20268,7 +20325,7 @@
     ...disabledTimeListsProps
   });
 
-  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
     emits: [CHANGE_EVENT, "select-range", "set-option"],
@@ -20563,9 +20620,9 @@
       };
     }
   });
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "basic-time-spinner.vue"]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "basic-time-spinner.vue"]]);
 
-  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-pick",
     props: panelTimePickerProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -20717,7 +20774,7 @@
       };
     }
   });
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "panel-time-pick.vue"]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "panel-time-pick.vue"]]);
 
   const panelTimeRangeProps = buildProps({
     ...timePanelSharedProps,
@@ -20726,7 +20783,7 @@
     }
   });
 
-  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -20997,7 +21054,7 @@
       };
     }
   });
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "panel-time-range.vue"]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "panel-time-range.vue"]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -21245,11 +21302,11 @@
     };
   };
 
-  const __default__$1w = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: "DateTable"
   });
-  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1z,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -21330,7 +21387,7 @@
       };
     }
   });
-  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "date-table.vue"]]);
+  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "date-table.vue"]]);
 
   const adjacentMonth = (start, end) => {
     const firstMonthLastDay = start.endOf("month");
@@ -21458,12 +21515,12 @@
     [INPUT_EVENT]: (value) => isDate$1(value)
   };
 
-  const COMPONENT_NAME$h = "ElCalendar";
-  const __default__$1v = vue.defineComponent({
-    name: COMPONENT_NAME$h
+  const COMPONENT_NAME$i = "ElCalendar";
+  const __default__$1y = vue.defineComponent({
+    name: COMPONENT_NAME$i
   });
-  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1y,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -21584,7 +21641,7 @@
       };
     }
   });
-  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "calendar.vue"]]);
+  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "calendar.vue"]]);
 
   const ElCalendar = withInstall(Calendar);
 
@@ -21611,11 +21668,11 @@
     }
   });
 
-  const __default__$1u = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: "ElCard"
   });
-  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1x,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -21649,7 +21706,7 @@
       };
     }
   });
-  var Card = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "card.vue"]]);
+  var Card = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "card.vue"]]);
 
   const ElCard = withInstall(Card);
 
@@ -21967,12 +22024,12 @@
     };
   };
 
-  const COMPONENT_NAME$g = "ElCarousel";
-  const __default__$1t = vue.defineComponent({
-    name: COMPONENT_NAME$g
+  const COMPONENT_NAME$h = "ElCarousel";
+  const __default__$1w = vue.defineComponent({
+    name: COMPONENT_NAME$h
   });
-  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1w,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -22166,7 +22223,7 @@
       };
     }
   });
-  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "carousel.vue"]]);
+  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "carousel.vue"]]);
 
   const carouselItemProps = buildProps({
     name: { type: String, default: "" },
@@ -22287,11 +22344,11 @@
     };
   };
 
-  const __default__$1s = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: CAROUSEL_ITEM_NAME
   });
-  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1v,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -22350,7 +22407,7 @@
       };
     }
   });
-  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "carousel-item.vue"]]);
+  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "carousel-item.vue"]]);
 
   const ElCarousel = withInstall(Carousel, {
     CarouselItem
@@ -22629,11 +22686,11 @@
     };
   };
 
-  const __default__$1r = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: "ElCheckbox"
   });
-  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1u,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22741,13 +22798,13 @@
       };
     }
   });
-  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "checkbox.vue"]]);
+  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "checkbox.vue"]]);
 
-  const __default__$1q = vue.defineComponent({
+  const __default__$1t = vue.defineComponent({
     name: "ElCheckboxButton"
   });
-  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1t,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22835,7 +22892,7 @@
       };
     }
   });
-  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "checkbox-button.vue"]]);
+  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "checkbox-button.vue"]]);
 
   const checkboxGroupProps = buildProps({
     modelValue: {
@@ -22863,11 +22920,11 @@
     change: (val) => isArray$1(val)
   };
 
-  const __default__$1p = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
-  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1s,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -22925,7 +22982,7 @@
       };
     }
   });
-  var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "checkbox-group.vue"]]);
+  var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "checkbox-group.vue"]]);
 
   const ElCheckbox = withInstall(Checkbox, {
     CheckboxButton,
@@ -23014,11 +23071,11 @@
     };
   };
 
-  const __default__$1o = vue.defineComponent({
+  const __default__$1r = vue.defineComponent({
     name: "ElRadio"
   });
-  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1r,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -23082,17 +23139,17 @@
       };
     }
   });
-  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "radio.vue"]]);
+  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "radio.vue"]]);
 
   const radioButtonProps = buildProps({
     ...radioPropsBase
   });
 
-  const __default__$1n = vue.defineComponent({
+  const __default__$1q = vue.defineComponent({
     name: "ElRadioButton"
   });
-  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1q,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -23147,7 +23204,7 @@
       };
     }
   });
-  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "radio-button.vue"]]);
+  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "radio-button.vue"]]);
 
   const radioGroupProps = buildProps({
     id: {
@@ -23180,11 +23237,11 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const __default__$1m = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: "ElRadioGroup"
   });
-  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1p,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -23235,7 +23292,7 @@
       };
     }
   });
-  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "radio-group.vue"]]);
+  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "radio-group.vue"]]);
 
   const ElRadio = withInstall(Radio, {
     RadioButton,
@@ -23263,7 +23320,7 @@
 
   const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-  const _sfc_main$1T = vue.defineComponent({
+  const _sfc_main$1W = vue.defineComponent({
     name: "ElCascaderNode",
     components: {
       ElCheckbox,
@@ -23461,9 +23518,9 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex", "onMouseenter", "onFocus", "onClick"]);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$q], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$q], ["__file", "node.vue"]]);
 
-  const _sfc_main$1S = vue.defineComponent({
+  const _sfc_main$1V = vue.defineComponent({
     name: "ElCascaderMenu",
     components: {
       Loading: loading_default,
@@ -23600,7 +23657,7 @@
       _: 3
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$p], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$p], ["__file", "menu.vue"]]);
 
   let uid = 0;
   const calculatePathNodes = (node) => {
@@ -23841,7 +23898,7 @@
     return res;
   };
 
-  const _sfc_main$1R = vue.defineComponent({
+  const _sfc_main$1U = vue.defineComponent({
     name: "ElCascaderPanel",
     components: {
       ElCascaderMenu
@@ -24109,7 +24166,7 @@
       }), 128))
     ], 42, ["onKeydown"]);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$o], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$o], ["__file", "index.vue"]]);
 
   const ElCascaderPanel = withInstall(CascaderPanel);
 
@@ -24139,11 +24196,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1l = vue.defineComponent({
+  const __default__$1o = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1o,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -24230,7 +24287,7 @@
       };
     }
   });
-  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "tag.vue"]]);
+  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "tag.vue"]]);
 
   const ElTag = withInstall(Tag);
 
@@ -24307,12 +24364,12 @@
     removeTag: (val) => !!val
   };
 
-  const COMPONENT_NAME$f = "ElCascader";
-  const __default__$1k = vue.defineComponent({
-    name: COMPONENT_NAME$f
+  const COMPONENT_NAME$g = "ElCascader";
+  const __default__$1n = vue.defineComponent({
+    name: COMPONENT_NAME$g
   });
-  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1n,
     props: cascaderProps,
     emits: cascaderEmits,
     setup(__props, { expose, emit }) {
@@ -24925,7 +24982,7 @@
       };
     }
   });
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "cascader.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "cascader.vue"]]);
 
   const ElCascader = withInstall(Cascader);
 
@@ -24943,11 +25000,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$1j = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: "ElCheckTag"
   });
-  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1m,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -24977,7 +25034,7 @@
       };
     }
   });
-  var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "check-tag.vue"]]);
+  var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__file", "check-tag.vue"]]);
 
   const ElCheckTag = withInstall(CheckTag);
 
@@ -25012,11 +25069,11 @@
     }
   });
 
-  const __default__$1i = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: "ElRow"
   });
-  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+  const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1l,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -25051,7 +25108,7 @@
       };
     }
   });
-  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "row.vue"]]);
+  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "row.vue"]]);
 
   const ElRow = withInstall(Row$1);
 
@@ -25098,11 +25155,11 @@
     }
   });
 
-  const __default__$1h = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: "ElCol"
   });
-  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1k,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -25155,7 +25212,7 @@
       };
     }
   });
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "col.vue"]]);
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "col.vue"]]);
 
   const ElCol = withInstall(Col);
 
@@ -25250,11 +25307,11 @@
     };
   };
 
-  const __default__$1g = vue.defineComponent({
+  const __default__$1j = vue.defineComponent({
     name: "ElCollapse"
   });
-  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1j,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -25274,13 +25331,13 @@
       };
     }
   });
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "collapse.vue"]]);
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "collapse.vue"]]);
 
-  const __default__$1f = vue.defineComponent({
+  const __default__$1i = vue.defineComponent({
     name: "ElCollapseTransition"
   });
-  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1i,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const reset = (el) => {
@@ -25358,7 +25415,7 @@
       };
     }
   });
-  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "collapse-transition.vue"]]);
+  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "collapse-transition.vue"]]);
 
   const ElCollapseTransition = withInstall(CollapseTransition);
 
@@ -25451,11 +25508,11 @@
     };
   };
 
-  const __default__$1e = vue.defineComponent({
+  const __default__$1h = vue.defineComponent({
     name: "ElCollapseItem"
   });
-  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1h,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -25539,7 +25596,7 @@
       };
     }
   });
-  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "collapse-item.vue"]]);
+  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "collapse-item.vue"]]);
 
   const ElCollapse = withInstall(Collapse, {
     CollapseItem
@@ -25732,12 +25789,12 @@
     return { rootKls, barKls, barStyle, thumbKls, thumbStyle, update };
   };
 
-  const COMPONENT_NAME$e = "ElColorAlphaSlider";
-  const __default__$1d = vue.defineComponent({
-    name: COMPONENT_NAME$e
+  const COMPONENT_NAME$f = "ElColorAlphaSlider";
+  const __default__$1g = vue.defineComponent({
+    name: COMPONENT_NAME$f
   });
-  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1g,
     props: alphaSliderProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -25789,9 +25846,9 @@
       };
     }
   });
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "alpha-slider.vue"]]);
 
-  const _sfc_main$1H = vue.defineComponent({
+  const _sfc_main$1K = vue.defineComponent({
     name: "ElColorHueSlider",
     props: {
       color: {
@@ -25911,7 +25968,7 @@
       }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$n], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$n], ["__file", "hue-slider.vue"]]);
 
   const colorPickerProps = buildProps({
     modelValue: String,
@@ -25947,139 +26004,16 @@
   };
   const colorPickerContextKey = Symbol("colorPickerContextKey");
 
-  const hsv2hsl = function(hue, sat, val) {
-    return [
-      hue,
-      sat * val / ((hue = (2 - sat) * val) < 1 ? hue : 2 - hue) || 0,
-      hue / 2
-    ];
-  };
-  const isOnePointZero = function(n) {
-    return isString$1(n) && n.includes(".") && Number.parseFloat(n) === 1;
-  };
-  const isPercentage = function(n) {
-    return isString$1(n) && n.includes("%");
-  };
-  const bound01 = function(value, max) {
-    if (isOnePointZero(value))
-      value = "100%";
-    const processPercent = isPercentage(value);
-    value = Math.min(max, Math.max(0, Number.parseFloat(`${value}`)));
-    if (processPercent) {
-      value = Number.parseInt(`${value * max}`, 10) / 100;
-    }
-    if (Math.abs(value - max) < 1e-6) {
-      return 1;
-    }
-    return value % max / Number.parseFloat(max);
-  };
-  const INT_HEX_MAP = {
-    10: "A",
-    11: "B",
-    12: "C",
-    13: "D",
-    14: "E",
-    15: "F"
-  };
-  const hexOne = (value) => {
-    value = Math.min(Math.round(value), 255);
-    const high = Math.floor(value / 16);
-    const low = value % 16;
-    return `${INT_HEX_MAP[high] || high}${INT_HEX_MAP[low] || low}`;
-  };
-  const toHex = function({ r, g, b }) {
-    if (Number.isNaN(+r) || Number.isNaN(+g) || Number.isNaN(+b))
-      return "";
-    return `#${hexOne(r)}${hexOne(g)}${hexOne(b)}`;
-  };
-  const HEX_INT_MAP = {
-    A: 10,
-    B: 11,
-    C: 12,
-    D: 13,
-    E: 14,
-    F: 15
-  };
-  const parseHexChannel = function(hex) {
-    if (hex.length === 2) {
-      return (HEX_INT_MAP[hex[0].toUpperCase()] || +hex[0]) * 16 + (HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]);
-    }
-    return HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1];
-  };
-  const hsl2hsv = function(hue, sat, light) {
-    sat = sat / 100;
-    light = light / 100;
-    let smin = sat;
-    const lmin = Math.max(light, 0.01);
-    light *= 2;
-    sat *= light <= 1 ? light : 2 - light;
-    smin *= lmin <= 1 ? lmin : 2 - lmin;
-    const v = (light + sat) / 2;
-    const sv = light === 0 ? 2 * smin / (lmin + smin) : 2 * sat / (light + sat);
-    return {
-      h: hue,
-      s: sv * 100,
-      v: v * 100
-    };
-  };
-  const rgb2hsv = (r, g, b) => {
-    r = bound01(r, 255);
-    g = bound01(g, 255);
-    b = bound01(b, 255);
-    const max = Math.max(r, g, b);
-    const min = Math.min(r, g, b);
-    let h;
-    const v = max;
-    const d = max - min;
-    const s = max === 0 ? 0 : d / max;
-    if (max === min) {
-      h = 0;
-    } else {
-      switch (max) {
-        case r: {
-          h = (g - b) / d + (g < b ? 6 : 0);
-          break;
-        }
-        case g: {
-          h = (b - r) / d + 2;
-          break;
-        }
-        case b: {
-          h = (r - g) / d + 4;
-          break;
-        }
-      }
-      h /= 6;
-    }
-    return { h: h * 360, s: s * 100, v: v * 100 };
-  };
-  const hsv2rgb = function(h, s, v) {
-    h = bound01(h, 360) * 6;
-    s = bound01(s, 100);
-    v = bound01(v, 100);
-    const i = Math.floor(h);
-    const f = h - i;
-    const p = v * (1 - s);
-    const q = v * (1 - f * s);
-    const t = v * (1 - (1 - f) * s);
-    const mod = i % 6;
-    const r = [v, q, p, p, t, v][mod];
-    const g = [t, v, v, q, p, p][mod];
-    const b = [p, p, t, v, v, q][mod];
-    return {
-      r: Math.round(r * 255),
-      g: Math.round(g * 255),
-      b: Math.round(b * 255)
-    };
-  };
   class Color {
     constructor(options = {}) {
       this._hue = 0;
       this._saturation = 100;
       this._value = 100;
       this._alpha = 100;
+      this._tiny = new TinyColor();
+      this._isValid = false;
       this.enableAlpha = false;
-      this.format = "hex";
+      this.format = "";
       this.value = "";
       for (const option in options) {
         if (hasOwn(options, option)) {
@@ -26102,136 +26036,61 @@
         return;
       }
       this[`_${prop}`] = value;
+      this._isValid = true;
       this.doOnChange();
     }
     get(prop) {
-      if (prop === "alpha") {
-        return Math.floor(this[`_${prop}`]);
+      if (["hue", "saturation", "value", "alpha"].includes(prop)) {
+        return Math.round(this[`_${prop}`]);
       }
       return this[`_${prop}`];
     }
     toRgb() {
-      return hsv2rgb(this._hue, this._saturation, this._value);
+      return this._isValid ? this._tiny.toRgb() : { r: 255, g: 255, b: 255, a: 0 };
     }
     fromString(value) {
-      if (!value) {
+      const color = new TinyColor(value);
+      this._isValid = color.isValid;
+      if (color.isValid) {
+        const { h, s, v, a } = color.toHsv();
+        this._hue = h;
+        this._saturation = s * 100;
+        this._value = v * 100;
+        this._alpha = a * 100;
+      } else {
         this._hue = 0;
         this._saturation = 100;
         this._value = 100;
-        this.doOnChange();
-        return;
-      }
-      const fromHSV = (h, s, v) => {
-        this._hue = Math.max(0, Math.min(360, h));
-        this._saturation = Math.max(0, Math.min(100, s));
-        this._value = Math.max(0, Math.min(100, v));
-        this.doOnChange();
-      };
-      if (value.includes("hsl")) {
-        const parts = value.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
-        if (parts.length === 4) {
-          this._alpha = Number.parseFloat(parts[3]) * 100;
-        } else if (parts.length === 3) {
-          this._alpha = 100;
-        }
-        if (parts.length >= 3) {
-          const { h, s, v } = hsl2hsv(parts[0], parts[1], parts[2]);
-          fromHSV(h, s, v);
-        }
-      } else if (value.includes("hsv")) {
-        const parts = value.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
-        if (parts.length === 4) {
-          this._alpha = Number.parseFloat(parts[3]) * 100;
-        } else if (parts.length === 3) {
-          this._alpha = 100;
-        }
-        if (parts.length >= 3) {
-          fromHSV(parts[0], parts[1], parts[2]);
-        }
-      } else if (value.includes("rgb")) {
-        const parts = value.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
-        if (parts.length === 4) {
-          this._alpha = Number.parseFloat(parts[3]) * 100;
-        } else if (parts.length === 3) {
-          this._alpha = 100;
-        }
-        if (parts.length >= 3) {
-          const { h, s, v } = rgb2hsv(parts[0], parts[1], parts[2]);
-          fromHSV(h, s, v);
-        }
-      } else if (value.includes("#")) {
-        const hex = value.replace("#", "").trim();
-        if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(hex))
-          return;
-        let r, g, b;
-        if (hex.length === 3) {
-          r = parseHexChannel(hex[0] + hex[0]);
-          g = parseHexChannel(hex[1] + hex[1]);
-          b = parseHexChannel(hex[2] + hex[2]);
-        } else if (hex.length === 6 || hex.length === 8) {
-          r = parseHexChannel(hex.slice(0, 2));
-          g = parseHexChannel(hex.slice(2, 4));
-          b = parseHexChannel(hex.slice(4, 6));
-        }
-        if (hex.length === 8) {
-          this._alpha = parseHexChannel(hex.slice(6)) / 255 * 100;
-        } else if (hex.length === 3 || hex.length === 6) {
-          this._alpha = 100;
-        }
-        const { h, s, v } = rgb2hsv(r, g, b);
-        fromHSV(h, s, v);
+        this._alpha = 100;
       }
+      this.doOnChange();
     }
     compare(color) {
-      return Math.abs(color._hue - this._hue) < 2 && Math.abs(color._saturation - this._saturation) < 1 && Math.abs(color._value - this._value) < 1 && Math.abs(color._alpha - this._alpha) < 1;
+      const compareColor = new TinyColor({
+        h: color._hue,
+        s: color._saturation / 100,
+        v: color._value / 100,
+        a: color._alpha / 100
+      });
+      return this._tiny.equals(compareColor);
     }
     doOnChange() {
-      const { _hue, _saturation, _value, _alpha, format } = this;
-      if (this.enableAlpha) {
-        switch (format) {
-          case "hsl": {
-            const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
-            this.value = `hsla(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%, ${this.get("alpha") / 100})`;
-            break;
-          }
-          case "hsv": {
-            this.value = `hsva(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%, ${this.get("alpha") / 100})`;
-            break;
-          }
-          case "hex": {
-            this.value = `${toHex(hsv2rgb(_hue, _saturation, _value))}${hexOne(_alpha * 255 / 100)}`;
-            break;
-          }
-          default: {
-            const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
-            this.value = `rgba(${r}, ${g}, ${b}, ${this.get("alpha") / 100})`;
-          }
-        }
-      } else {
-        switch (format) {
-          case "hsl": {
-            const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
-            this.value = `hsl(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%)`;
-            break;
-          }
-          case "hsv": {
-            this.value = `hsv(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%)`;
-            break;
-          }
-          case "rgb": {
-            const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
-            this.value = `rgb(${r}, ${g}, ${b})`;
-            break;
-          }
-          default: {
-            this.value = toHex(hsv2rgb(_hue, _saturation, _value));
-          }
-        }
+      const { _hue, _saturation, _value, _alpha, format, enableAlpha } = this;
+      let _format = format || (enableAlpha ? "rgb" : "hex");
+      if (format === "hex" && enableAlpha) {
+        _format = "hex8";
       }
+      this._tiny = new TinyColor({
+        h: _hue,
+        s: _saturation / 100,
+        v: _value / 100,
+        a: _alpha / 100
+      });
+      this.value = this._isValid ? this._tiny.toString(_format) : "";
     }
   }
 
-  const _sfc_main$1G = vue.defineComponent({
+  const _sfc_main$1J = vue.defineComponent({
     props: {
       colors: {
         type: Array,
@@ -26251,8 +26110,9 @@
       const { currentColor } = vue.inject(colorPickerContextKey);
       const rgbaColors = vue.ref(parseColors(props.colors, props.color));
       vue.watch(() => currentColor.value, (val) => {
-        const color = new Color();
-        color.fromString(val);
+        const color = new Color({
+          value: val
+        });
         rgbaColors.value.forEach((item) => {
           item.selected = color.compare(item);
         });
@@ -26265,11 +26125,10 @@
       }
       function parseColors(colors, color) {
         return colors.map((value) => {
-          const c = new Color();
-          c.enableAlpha = props.enableAlpha;
-          c.format = "rgba";
-          c.fromString(value);
-          c.selected = c.value === color.value;
+          const c = new Color({
+            value
+          });
+          c.selected = c.compare(color);
           return c;
         });
       }
@@ -26292,7 +26151,7 @@
             key: _ctx.colors[index],
             class: vue.normalizeClass([
               _ctx.ns.e("color-selector"),
-              _ctx.ns.is("alpha", item._alpha < 100),
+              _ctx.ns.is("alpha", item.get("alpha") < 100),
               { selected: item.selected }
             ]),
             onClick: ($event) => _ctx.handleSelect(index)
@@ -26305,9 +26164,9 @@
       ], 2)
     ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$m], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$m], ["__file", "predefine.vue"]]);
 
-  const _sfc_main$1F = vue.defineComponent({
+  const _sfc_main$1I = vue.defineComponent({
     name: "ElSlPanel",
     props: {
       color: {
@@ -26401,13 +26260,13 @@
       ], 6)
     ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$l], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$l], ["__file", "sv-panel.vue"]]);
 
-  const __default__$1c = vue.defineComponent({
+  const __default__$1f = vue.defineComponent({
     name: "ElColorPicker"
   });
-  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1f,
     props: colorPickerProps,
     emits: colorPickerEmits,
     setup(__props, { expose, emit }) {
@@ -26472,11 +26331,8 @@
         ];
       });
       function displayedRgb(color2, showAlpha) {
-        if (!(color2 instanceof Color)) {
-          throw new TypeError("color should be instance of _color Class");
-        }
-        const { r, g, b } = color2.toRgb();
-        return showAlpha ? `rgba(${r}, ${g}, ${b}, ${color2.get("alpha") / 100})` : `rgb(${r}, ${g}, ${b})`;
+        const { r, g, b, a } = color2.toRgb();
+        return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`;
       }
       function setShowPicker(value) {
         showPicker.value = value;
@@ -26692,9 +26548,8 @@
                     "onUpdate:modelValue": ($event) => customInput.value = $event,
                     "validate-event": false,
                     size: "small",
-                    onKeyup: vue.withKeys(handleConfirm, ["enter"]),
-                    onBlur: handleConfirm
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeyup"])
+                    onChange: handleConfirm
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ], 2),
                 vue.createVNode(vue.unref(ElButton), {
                   class: vue.normalizeClass(vue.unref(ns).be("dropdown", "link-btn")),
@@ -26783,15 +26638,15 @@
       };
     }
   });
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__file", "color-picker.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__file", "color-picker.vue"]]);
 
   const ElColorPicker = withInstall(ColorPicker);
 
-  const __default__$1b = vue.defineComponent({
+  const __default__$1e = vue.defineComponent({
     name: "ElContainer"
   });
-  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+  const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1e,
     props: {
       direction: {
         type: String
@@ -26826,13 +26681,13 @@
       };
     }
   });
-  var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "container.vue"]]);
+  var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__file", "container.vue"]]);
 
-  const __default__$1a = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: "ElAside"
   });
-  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+  const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1d,
     props: {
       width: {
         type: String,
@@ -26853,13 +26708,13 @@
       };
     }
   });
-  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "aside.vue"]]);
+  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["__file", "aside.vue"]]);
 
-  const __default__$19 = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: "ElFooter"
   });
-  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1c,
     props: {
       height: {
         type: String,
@@ -26880,13 +26735,13 @@
       };
     }
   });
-  var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "footer.vue"]]);
+  var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__file", "footer.vue"]]);
 
-  const __default__$18 = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: "ElHeader"
   });
-  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1b,
     props: {
       height: {
         type: String,
@@ -26911,13 +26766,13 @@
       };
     }
   });
-  var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "header.vue"]]);
+  var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "header.vue"]]);
 
-  const __default__$17 = vue.defineComponent({
+  const __default__$1a = vue.defineComponent({
     name: "ElMain"
   });
-  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1a,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -26929,7 +26784,7 @@
       };
     }
   });
-  var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "main.vue"]]);
+  var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "main.vue"]]);
 
   const ElContainer = withInstall(Container, {
     Aside,
@@ -27663,7 +27518,7 @@
     }
   });
 
-  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
     props: basicDateTableProps,
     emits: basicDateTableEmits,
@@ -27750,14 +27605,14 @@
       };
     }
   });
-  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "basic-date-table.vue"]]);
+  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "basic-date-table.vue"]]);
 
   const basicMonthTableProps = buildProps({
     ...datePickerSharedProps,
     selectionMode: selectionModeWithDefault("month")
   });
 
-  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
     emits: ["changerange", "pick", "select"],
@@ -27956,14 +27811,14 @@
       };
     }
   });
-  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "basic-month-table.vue"]]);
+  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "basic-month-table.vue"]]);
 
   const basicYearTableProps = buildProps({
     ...datePickerSharedProps,
     selectionMode: selectionModeWithDefault("year")
   });
 
-  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
     props: basicYearTableProps,
     emits: ["changerange", "pick", "select"],
@@ -28159,9 +28014,9 @@
       };
     }
   });
-  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "basic-year-table.vue"]]);
+  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "basic-year-table.vue"]]);
 
-  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-pick",
     props: panelDatePickProps,
     emits: ["pick", "set-picker-option", "panel-change"],
@@ -28835,7 +28690,7 @@
       };
     }
   });
-  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "panel-date-pick.vue"]]);
+  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "panel-date-pick.vue"]]);
 
   const panelDateRangeProps = buildProps({
     ...panelSharedProps,
@@ -29054,7 +28909,7 @@
   };
 
   const unit$2 = "month";
-  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-range",
     props: panelDateRangeProps,
     emits: [
@@ -29816,7 +29671,7 @@
       };
     }
   });
-  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "panel-date-range.vue"]]);
+  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "panel-date-range.vue"]]);
 
   const panelMonthRangeProps = buildProps({
     ...panelRangeSharedProps
@@ -29876,11 +29731,11 @@
   };
 
   const unit$1 = "year";
-  const __default__$16 = vue.defineComponent({
+  const __default__$19 = vue.defineComponent({
     name: "DatePickerMonthRange"
   });
-  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$19,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -30110,7 +29965,7 @@
       };
     }
   });
-  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "panel-month-range.vue"]]);
+  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "panel-month-range.vue"]]);
 
   const panelYearRangeProps = buildProps({
     ...panelRangeSharedProps
@@ -30173,11 +30028,11 @@
   };
 
   const unit = "year";
-  const __default__$15 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: "DatePickerYearRange"
   });
-  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$18,
     props: panelYearRangeProps,
     emits: panelYearRangeEmits,
     setup(__props, { emit }) {
@@ -30470,7 +30325,7 @@
       };
     }
   });
-  var YearRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "panel-year-range.vue"]]);
+  var YearRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "panel-year-range.vue"]]);
 
   const getPanel = function(type) {
     switch (type) {
@@ -30679,11 +30534,11 @@
     }
   });
 
-  const __default__$14 = vue.defineComponent({
+  const __default__$17 = vue.defineComponent({
     name: "ElDescriptionsRow"
   });
-  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$17,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -30737,7 +30592,7 @@
       };
     }
   });
-  var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "descriptions-row.vue"]]);
+  var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "descriptions-row.vue"]]);
 
   const descriptionProps = buildProps({
     border: Boolean,
@@ -30765,13 +30620,13 @@
     }
   });
 
-  const COMPONENT_NAME$d = "ElDescriptionsItem";
+  const COMPONENT_NAME$e = "ElDescriptionsItem";
 
-  const __default__$13 = vue.defineComponent({
+  const __default__$16 = vue.defineComponent({
     name: "ElDescriptions"
   });
-  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$16,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -30797,7 +30652,7 @@
           return [];
         const children = flattedChildren(slots.default()).filter((node) => {
           var _a;
-          return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === COMPONENT_NAME$d;
+          return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === COMPONENT_NAME$e;
         });
         const rows = [];
         let temp = [];
@@ -30885,7 +30740,7 @@
       };
     }
   });
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "description.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "description.vue"]]);
 
   const descriptionItemProps = buildProps({
     label: {
@@ -30931,7 +30786,7 @@
     }
   });
   const DescriptionItem = vue.defineComponent({
-    name: COMPONENT_NAME$d,
+    name: COMPONENT_NAME$e,
     props: descriptionItemProps
   });
 
@@ -31028,9 +30883,9 @@
     close: () => true
   };
 
-  const __default__$12 = vue.defineComponent({ name: "ElDialogContent" });
-  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+  const __default__$15 = vue.defineComponent({ name: "ElDialogContent" });
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$15,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props, { expose }) {
@@ -31106,7 +30961,7 @@
       };
     }
   });
-  var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "dialog-content.vue"]]);
+  var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "dialog-content.vue"]]);
 
   const dialogProps = buildProps({
     ...dialogContentProps,
@@ -31344,12 +31199,12 @@
     };
   };
 
-  const __default__$11 = vue.defineComponent({
+  const __default__$14 = vue.defineComponent({
     name: "ElDialog",
     inheritAttrs: false
   });
-  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$14,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -31504,7 +31359,7 @@
       };
     }
   });
-  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "dialog.vue"]]);
+  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "dialog.vue"]]);
 
   const ElDialog = withInstall(Dialog);
 
@@ -31525,11 +31380,11 @@
     }
   });
 
-  const __default__$10 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: "ElDivider"
   });
-  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$13,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -31555,7 +31410,7 @@
       };
     }
   });
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "divider.vue"]]);
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "divider.vue"]]);
 
   const ElDivider = withInstall(Divider);
 
@@ -31585,12 +31440,12 @@
   });
   const drawerEmits = dialogEmits;
 
-  const __default__$$ = vue.defineComponent({
+  const __default__$12 = vue.defineComponent({
     name: "ElDrawer",
     inheritAttrs: false
   });
-  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$12,
     props: drawerProps,
     emits: drawerEmits,
     setup(__props, { expose }) {
@@ -31750,26 +31605,26 @@
       };
     }
   });
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "drawer.vue"]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "drawer.vue"]]);
 
   const ElDrawer = withInstall(Drawer);
 
-  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   });
   function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$k], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$k], ["__file", "collection.vue"]]);
 
-  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
     name: "ElCollectionItem",
     inheritAttrs: false
   });
   function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$j], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$j], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -31906,7 +31761,7 @@
   const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
   const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
   const EVT_OPTS = { bubbles: false, cancelable: true };
-  const _sfc_main$1j = vue.defineComponent({
+  const _sfc_main$1m = vue.defineComponent({
     name: "ElRovingFocusGroupImpl",
     inheritAttrs: false,
     props: rovingFocusGroupProps,
@@ -31992,9 +31847,9 @@
   function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$i], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$i], ["__file", "roving-focus-group-impl.vue"]]);
 
-  const _sfc_main$1i = vue.defineComponent({
+  const _sfc_main$1l = vue.defineComponent({
     name: "ElRovingFocusGroup",
     components: {
       ElFocusGroupCollection: ElCollection$1,
@@ -32016,9 +31871,9 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$h], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$h], ["__file", "roving-focus-group.vue"]]);
 
-  const _sfc_main$1h = vue.defineComponent({
+  const _sfc_main$1k = vue.defineComponent({
     components: {
       ElRovingFocusCollectionItem: ElCollectionItem$1
     },
@@ -32116,7 +31971,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$g], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$g], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -32225,7 +32080,7 @@
   const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
   const { ButtonGroup: ElButtonGroup } = ElButton;
-  const _sfc_main$1g = vue.defineComponent({
+  const _sfc_main$1j = vue.defineComponent({
     name: "ElDropdown",
     components: {
       ElButton,
@@ -32507,9 +32362,9 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$f], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$f], ["__file", "dropdown.vue"]]);
 
-  const _sfc_main$1f = vue.defineComponent({
+  const _sfc_main$1i = vue.defineComponent({
     name: "DropdownItemImpl",
     components: {
       ElIcon
@@ -32589,7 +32444,7 @@
       ], 16, ["aria-disabled", "tabindex", "role", "onClick", "onFocus", "onKeydown", "onMousedown", "onPointermove", "onPointerleave"])
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$e], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$e], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -32600,7 +32455,7 @@
     };
   };
 
-  const _sfc_main$1e = vue.defineComponent({
+  const _sfc_main$1h = vue.defineComponent({
     name: "ElDropdownItem",
     components: {
       ElDropdownCollectionItem: ElCollectionItem,
@@ -32698,9 +32553,9 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$d], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$d], ["__file", "dropdown-item.vue"]]);
 
-  const _sfc_main$1d = vue.defineComponent({
+  const _sfc_main$1g = vue.defineComponent({
     name: "ElDropdownMenu",
     props: dropdownMenuProps,
     setup(props) {
@@ -32777,7 +32632,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 46, ["role", "aria-labelledby", "onBlur", "onFocus", "onKeydown", "onMousedown"]);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$c], ["__file", "dropdown-menu.vue"]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$c], ["__file", "dropdown-menu.vue"]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -32786,11 +32641,11 @@
   const ElDropdownItem = withNoopInstall(DropdownItem);
   const ElDropdownMenu = withNoopInstall(DropdownMenu);
 
-  const __default__$_ = vue.defineComponent({
+  const __default__$11 = vue.defineComponent({
     name: "ImgEmpty"
   });
-  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$11,
     setup(__props) {
       const ns = useNamespace("empty");
       const id = useId();
@@ -32915,7 +32770,7 @@
       };
     }
   });
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "img-empty.vue"]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "img-empty.vue"]]);
 
   const emptyProps = buildProps({
     image: {
@@ -32929,11 +32784,11 @@
     }
   });
 
-  const __default__$Z = vue.defineComponent({
+  const __default__$10 = vue.defineComponent({
     name: "ElEmpty"
   });
-  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$10,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -32974,7 +32829,7 @@
       };
     }
   });
-  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "empty.vue"]]);
+  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "empty.vue"]]);
 
   const ElEmpty = withInstall(Empty);
 
@@ -33026,11 +32881,11 @@
     rotate: (deg) => isNumber(deg)
   };
 
-  const __default__$Y = vue.defineComponent({
+  const __default__$$ = vue.defineComponent({
     name: "ElImageViewer"
   });
-  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+  const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$$,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { expose, emit }) {
@@ -33459,7 +33314,7 @@
       };
     }
   });
-  var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__file", "image-viewer.vue"]]);
+  var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "image-viewer.vue"]]);
 
   const ElImageViewer = withInstall(ImageViewer);
 
@@ -33530,12 +33385,12 @@
     show: () => true
   };
 
-  const __default__$X = vue.defineComponent({
+  const __default__$_ = vue.defineComponent({
     name: "ElImage",
     inheritAttrs: false
   });
-  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$_,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { expose, emit }) {
@@ -33743,7 +33598,7 @@
       };
     }
   });
-  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "image.vue"]]);
+  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "image.vue"]]);
 
   const ElImage = withInstall(Image$1);
 
@@ -33805,11 +33660,11 @@
     [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
-  const __default__$W = vue.defineComponent({
+  const __default__$Z = vue.defineComponent({
     name: "ElInputNumber"
   });
-  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Z,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -34135,7 +33990,7 @@
       };
     }
   });
-  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "input-number.vue"]]);
+  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "input-number.vue"]]);
 
   const ElInputNumber = withInstall(InputNumber);
 
@@ -34514,12 +34369,12 @@
     };
   }
 
-  const __default__$V = vue.defineComponent({
+  const __default__$Y = vue.defineComponent({
     name: "ElInputTag",
     inheritAttrs: false
   });
-  const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Y,
     props: inputTagProps,
     emits: inputTagEmits,
     setup(__props, { expose, emit }) {
@@ -34713,7 +34568,7 @@
       };
     }
   });
-  var InputTag = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "input-tag.vue"]]);
+  var InputTag = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__file", "input-tag.vue"]]);
 
   const ElInputTag = withInstall(InputTag);
 
@@ -34742,11 +34597,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$U = vue.defineComponent({
+  const __default__$X = vue.defineComponent({
     name: "ElLink"
   });
-  const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$X,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -34805,7 +34660,7 @@
       };
     }
   });
-  var Link = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "link.vue"]]);
+  var Link = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "link.vue"]]);
 
   const ElLink = withInstall(Link);
 
@@ -34936,11 +34791,11 @@
   }
   var Menubar = Menu$1;
 
-  const __default__$T = vue.defineComponent({
+  const __default__$W = vue.defineComponent({
     name: "ElMenuCollapseTransition"
   });
-  const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$W,
     setup(__props) {
       const ns = useNamespace("menu");
       const listeners = {
@@ -34986,7 +34841,7 @@
       };
     }
   });
-  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "menu-collapse-transition.vue"]]);
+  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "menu-collapse-transition.vue"]]);
 
   function useMenu(instance, currentIndex) {
     const indexPath = vue.computed(() => {
@@ -35060,9 +34915,9 @@
       type: iconPropType
     }
   });
-  const COMPONENT_NAME$c = "ElSubMenu";
+  const COMPONENT_NAME$d = "ElSubMenu";
   var SubMenu = vue.defineComponent({
-    name: COMPONENT_NAME$c,
+    name: COMPONENT_NAME$d,
     props: subMenuProps,
     setup(props, { slots, expose }) {
       const instance = vue.getCurrentInstance();
@@ -35071,10 +34926,10 @@
       const nsSubMenu = useNamespace("sub-menu");
       const rootMenu = vue.inject("rootMenu");
       if (!rootMenu)
-        throwError(COMPONENT_NAME$c, "can not inject root menu");
+        throwError(COMPONENT_NAME$d, "can not inject root menu");
       const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
       if (!subMenu)
-        throwError(COMPONENT_NAME$c, "can not inject sub menu");
+        throwError(COMPONENT_NAME$d, "can not inject sub menu");
       const items = vue.ref({});
       const subMenus = vue.ref({});
       let timeout;
@@ -35636,12 +35491,12 @@
     click: (item) => isString$1(item.index) && isArray$1(item.indexPath)
   };
 
-  const COMPONENT_NAME$b = "ElMenuItem";
-  const __default__$S = vue.defineComponent({
-    name: COMPONENT_NAME$b
+  const COMPONENT_NAME$c = "ElMenuItem";
+  const __default__$V = vue.defineComponent({
+    name: COMPONENT_NAME$c
   });
-  const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+  const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$V,
     props: menuItemProps,
     emits: menuItemEmits,
     setup(__props, { expose, emit }) {
@@ -35651,11 +35506,11 @@
       const nsMenu = useNamespace("menu");
       const nsMenuItem = useNamespace("menu-item");
       if (!rootMenu)
-        throwError(COMPONENT_NAME$b, "can not inject root menu");
+        throwError(COMPONENT_NAME$c, "can not inject root menu");
       const { parentMenu, indexPath } = useMenu(instance, vue.toRef(props, "index"));
       const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
       if (!subMenu)
-        throwError(COMPONENT_NAME$b, "can not inject sub menu");
+        throwError(COMPONENT_NAME$c, "can not inject sub menu");
       const active = vue.computed(() => props.index === rootMenu.activeIndex);
       const item = vue.reactive({
         index: props.index,
@@ -35725,17 +35580,17 @@
       };
     }
   });
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "menu-item.vue"]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "menu-item.vue"]]);
 
   const menuItemGroupProps = {
     title: String
   };
 
-  const __default__$R = vue.defineComponent({
+  const __default__$U = vue.defineComponent({
     name: "ElMenuItemGroup"
   });
-  const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+  const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$U,
     props: menuItemGroupProps,
     setup(__props) {
       const ns = useNamespace("menu-item-group");
@@ -35757,7 +35612,7 @@
       };
     }
   });
-  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "menu-item-group.vue"]]);
+  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "menu-item-group.vue"]]);
 
   const ElMenu = withInstall(Menu, {
     MenuItem,
@@ -35783,11 +35638,11 @@
     back: () => true
   };
 
-  const __default__$Q = vue.defineComponent({
+  const __default__$T = vue.defineComponent({
     name: "ElPageHeader"
   });
-  const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+  const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$T,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -35873,7 +35728,7 @@
       };
     }
   });
-  var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__file", "page-header.vue"]]);
+  var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "page-header.vue"]]);
 
   const ElPageHeader = withInstall(PageHeader);
 
@@ -35896,11 +35751,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$P = vue.defineComponent({
+  const __default__$S = vue.defineComponent({
     name: "ElPaginationPrev"
   });
-  const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+  const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$S,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -35926,7 +35781,7 @@
       };
     }
   });
-  var Prev = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__file", "prev.vue"]]);
+  var Prev = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "prev.vue"]]);
 
   const paginationNextProps = buildProps({
     disabled: Boolean,
@@ -35946,11 +35801,11 @@
     }
   });
 
-  const __default__$O = vue.defineComponent({
+  const __default__$R = vue.defineComponent({
     name: "ElPaginationNext"
   });
-  const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+  const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$R,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -35976,12 +35831,12 @@
       };
     }
   });
-  var Next = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "next.vue"]]);
+  var Next = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "next.vue"]]);
 
   const selectGroupKey = Symbol("ElSelectGroup");
   const selectKey = Symbol("ElSelect");
 
-  const COMPONENT_NAME$a = "ElOption";
+  const COMPONENT_NAME$b = "ElOption";
   const optionProps = buildProps({
     value: {
       type: [String, Number, Boolean, Object],
@@ -35997,7 +35852,7 @@
   function useOption$1(props, states) {
     const select = vue.inject(selectKey);
     if (!select) {
-      throwError(COMPONENT_NAME$a, "usage: <el-select><el-option /></el-select/>");
+      throwError(COMPONENT_NAME$b, "usage: <el-select><el-option /></el-select/>");
     }
     const selectGroup = vue.inject(selectGroupKey, { disabled: false });
     const itemSelected = vue.computed(() => {
@@ -36013,7 +35868,8 @@
       }
     });
     const currentLabel = vue.computed(() => {
-      return props.label || (isObject$1(props.value) ? "" : props.value);
+      var _a;
+      return (_a = props.label) != null ? _a : isObject$1(props.value) ? "" : props.value;
     });
     const currentValue = vue.computed(() => {
       return props.value || props.label || "";
@@ -36073,9 +35929,9 @@
     };
   }
 
-  const _sfc_main$$ = vue.defineComponent({
-    name: COMPONENT_NAME$a,
-    componentName: COMPONENT_NAME$a,
+  const _sfc_main$12 = vue.defineComponent({
+    name: COMPONENT_NAME$b,
+    componentName: COMPONENT_NAME$b,
     props: optionProps,
     setup(props) {
       const ns = useNamespace("select");
@@ -36155,9 +36011,9 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$b], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$b], ["__file", "option.vue"]]);
 
-  const _sfc_main$_ = vue.defineComponent({
+  const _sfc_main$11 = vue.defineComponent({
     name: "ElSelectDropdown",
     componentName: "ElSelectDropdown",
     setup() {
@@ -36204,7 +36060,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
 
   const useSelect$3 = (props, emit) => {
     const { t } = useLocale();
@@ -36997,10 +36853,10 @@
     clear: () => true
   };
 
-  const COMPONENT_NAME$9 = "ElSelect";
-  const _sfc_main$Z = vue.defineComponent({
-    name: COMPONENT_NAME$9,
-    componentName: COMPONENT_NAME$9,
+  const COMPONENT_NAME$a = "ElSelect";
+  const _sfc_main$10 = vue.defineComponent({
+    name: COMPONENT_NAME$a,
+    componentName: COMPONENT_NAME$a,
     components: {
       ElSelectMenu: ElSelectMenu$1,
       ElOption: Option,
@@ -37431,9 +37287,9 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$9], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$9], ["__file", "select.vue"]]);
 
-  const _sfc_main$Y = vue.defineComponent({
+  const _sfc_main$$ = vue.defineComponent({
     name: "ElOptionGroup",
     componentName: "ElOptionGroup",
     props: {
@@ -37507,7 +37363,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -37539,11 +37395,11 @@
     appendSizeTo: String
   });
 
-  const __default__$N = vue.defineComponent({
+  const __default__$Q = vue.defineComponent({
     name: "ElPaginationSizes"
   });
-  const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+  const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Q,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -37600,7 +37456,7 @@
       };
     }
   });
-  var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__file", "sizes.vue"]]);
+  var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "sizes.vue"]]);
 
   const paginationJumperProps = buildProps({
     size: {
@@ -37609,11 +37465,11 @@
     }
   });
 
-  const __default__$M = vue.defineComponent({
+  const __default__$P = vue.defineComponent({
     name: "ElPaginationJumper"
   });
-  const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+  const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$P,
     props: paginationJumperProps,
     setup(__props) {
       const { t } = useLocale();
@@ -37660,7 +37516,7 @@
       };
     }
   });
-  var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__file", "jumper.vue"]]);
+  var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "jumper.vue"]]);
 
   const paginationTotalProps = buildProps({
     total: {
@@ -37669,11 +37525,11 @@
     }
   });
 
-  const __default__$L = vue.defineComponent({
+  const __default__$O = vue.defineComponent({
     name: "ElPaginationTotal"
   });
-  const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+  const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$O,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -37689,7 +37545,7 @@
       };
     }
   });
-  var Total = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__file", "total.vue"]]);
+  var Total = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "total.vue"]]);
 
   const paginationPagerProps = buildProps({
     currentPage: {
@@ -37707,11 +37563,11 @@
     disabled: Boolean
   });
 
-  const __default__$K = vue.defineComponent({
+  const __default__$N = vue.defineComponent({
     name: "ElPaginationPager"
   });
-  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+  const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$N,
     props: paginationPagerProps,
     emits: [CHANGE_EVENT],
     setup(__props, { emit }) {
@@ -37909,7 +37765,7 @@
       };
     }
   });
-  var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "pager.vue"]]);
+  var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__file", "pager.vue"]]);
 
   const isAbsent = (v) => typeof v !== "number";
   const paginationProps = buildProps({
@@ -38231,11 +38087,11 @@
     cancel: (e) => e instanceof MouseEvent
   };
 
-  const __default__$J = vue.defineComponent({
+  const __default__$M = vue.defineComponent({
     name: "ElPopconfirm"
   });
-  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+  const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$M,
     props: popconfirmProps,
     emits: popconfirmEmits,
     setup(__props, { emit }) {
@@ -38336,7 +38192,7 @@
       };
     }
   });
-  var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "popconfirm.vue"]]);
+  var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__file", "popconfirm.vue"]]);
 
   const ElPopconfirm = withInstall(Popconfirm);
 
@@ -38404,11 +38260,11 @@
   };
 
   const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$I = vue.defineComponent({
+  const __default__$L = vue.defineComponent({
     name: "ElPopover"
   });
-  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+  const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$L,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -38509,7 +38365,7 @@
       };
     }
   });
-  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "popover.vue"]]);
+  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__file", "popover.vue"]]);
 
   const attachEvents = (el, binding) => {
     const popperComponent = binding.arg || binding.value;
@@ -38587,11 +38443,11 @@
     }
   });
 
-  const __default__$H = vue.defineComponent({
+  const __default__$K = vue.defineComponent({
     name: "ElProgress"
   });
-  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$K,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -38787,7 +38643,7 @@
       };
     }
   });
-  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "progress.vue"]]);
+  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "progress.vue"]]);
 
   const ElProgress = withInstall(Progress);
 
@@ -38867,11 +38723,11 @@
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
-  const __default__$G = vue.defineComponent({
+  const __default__$J = vue.defineComponent({
     name: "ElRate"
   });
-  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$J,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -39112,7 +38968,7 @@
       };
     }
   });
-  var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "rate.vue"]]);
+  var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "rate.vue"]]);
 
   const ElRate = withInstall(Rate);
 
@@ -39146,11 +39002,11 @@
     }
   });
 
-  const __default__$F = vue.defineComponent({
+  const __default__$I = vue.defineComponent({
     name: "ElResult"
   });
-  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$I,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -39204,7 +39060,7 @@
       };
     }
   });
-  var Result = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "result.vue"]]);
+  var Result = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "result.vue"]]);
 
   const ElResult = withInstall(Result);
 
@@ -41011,7 +40867,7 @@
   });
   var DynamicSizeGrid$1 = DynamicSizeGrid;
 
-  const _sfc_main$O = vue.defineComponent({
+  const _sfc_main$R = vue.defineComponent({
     props: {
       item: {
         type: Object,
@@ -41035,7 +40891,7 @@
       style: vue.normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
     }, vue.toDisplayString(_ctx.item.label), 7);
   }
-  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
+  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
 
   function useOption(props, { emit }) {
     return {
@@ -41232,7 +41088,7 @@
 
   const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
-  const _sfc_main$N = vue.defineComponent({
+  const _sfc_main$Q = vue.defineComponent({
     props: OptionProps,
     emits: optionEmits,
     setup(props, { emit }) {
@@ -41271,7 +41127,7 @@
       ])
     ], 46, ["aria-selected", "onMousemove", "onClick"]);
   }
-  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
+  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
 
   const props = {
     loading: Boolean,
@@ -42315,7 +42171,7 @@
   };
   var useSelect$2 = useSelect$1;
 
-  const _sfc_main$M = vue.defineComponent({
+  const _sfc_main$P = vue.defineComponent({
     name: "ElSelectV2",
     components: {
       ElSelectMenu,
@@ -42702,7 +42558,7 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$5], ["__file", "select.vue"]]);
+  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$5], ["__file", "select.vue"]]);
 
   const ElSelectV2 = withInstall(Select);
 
@@ -42746,11 +42602,11 @@
     }
   });
 
-  const __default__$E = vue.defineComponent({
+  const __default__$H = vue.defineComponent({
     name: "ElSkeletonItem"
   });
-  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$H,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -42763,13 +42619,13 @@
       };
     }
   });
-  var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "skeleton-item.vue"]]);
+  var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "skeleton-item.vue"]]);
 
-  const __default__$D = vue.defineComponent({
+  const __default__$G = vue.defineComponent({
     name: "ElSkeleton"
   });
-  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$G,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -42807,7 +42663,7 @@
       };
     }
   });
-  var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "skeleton.vue"]]);
+  var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "skeleton.vue"]]);
 
   const ElSkeleton = withInstall(Skeleton, {
     SkeletonItem
@@ -43441,11 +43297,11 @@
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
-  const __default__$C = vue.defineComponent({
+  const __default__$F = vue.defineComponent({
     name: "ElSliderButton"
   });
-  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$F,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -43526,7 +43382,7 @@
       };
     }
   });
-  var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "button.vue"]]);
+  var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "button.vue"]]);
 
   const sliderMarkerProps = buildProps({
     mark: {
@@ -43550,11 +43406,11 @@
     }
   });
 
-  const __default__$B = vue.defineComponent({
+  const __default__$E = vue.defineComponent({
     name: "ElSlider"
   });
-  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$E,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -43770,7 +43626,7 @@
       };
     }
   });
-  var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "slider.vue"]]);
+  var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "slider.vue"]]);
 
   const ElSlider = withInstall(Slider);
 
@@ -43990,11 +43846,11 @@
     }
   });
 
-  const __default__$A = vue.defineComponent({
+  const __default__$D = vue.defineComponent({
     name: "ElStatistic"
   });
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$D,
     props: statisticProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -44053,7 +43909,7 @@
       };
     }
   });
-  var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "statistic.vue"]]);
+  var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "statistic.vue"]]);
 
   const ElStatistic = withInstall(Statistic);
 
@@ -44105,11 +43961,11 @@
     return replacedText.replace(escapeRegex, "$1");
   };
 
-  const __default__$z = vue.defineComponent({
+  const __default__$C = vue.defineComponent({
     name: "ElCountdown"
   });
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$C,
     props: countdownProps,
     emits: countdownEmits,
     setup(__props, { expose, emit }) {
@@ -44178,7 +44034,7 @@
       };
     }
   });
-  var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "countdown.vue"]]);
+  var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "countdown.vue"]]);
 
   const ElCountdown = withInstall(Countdown);
 
@@ -44217,11 +44073,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$y = vue.defineComponent({
+  const __default__$B = vue.defineComponent({
     name: "ElSteps"
   });
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$B,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -44250,7 +44106,7 @@
       };
     }
   });
-  var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "steps.vue"]]);
+  var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "steps.vue"]]);
 
   const stepProps = buildProps({
     title: {
@@ -44271,11 +44127,11 @@
     }
   });
 
-  const __default__$x = vue.defineComponent({
+  const __default__$A = vue.defineComponent({
     name: "ElStep"
   });
-  const _sfc_main$E = vue.defineComponent({
-    ...__default__$x,
+  const _sfc_main$H = vue.defineComponent({
+    ...__default__$A,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -44454,7 +44310,7 @@
       };
     }
   });
-  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "item.vue"]]);
+  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "item.vue"]]);
 
   const ElSteps = withInstall(Steps, {
     Step
@@ -44528,12 +44384,12 @@
     [INPUT_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val)
   };
 
-  const COMPONENT_NAME$8 = "ElSwitch";
-  const __default__$w = vue.defineComponent({
-    name: COMPONENT_NAME$8
+  const COMPONENT_NAME$9 = "ElSwitch";
+  const __default__$z = vue.defineComponent({
+    name: COMPONENT_NAME$9
   });
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$z,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
@@ -44609,7 +44465,7 @@
           isBoolean(shouldChange)
         ].includes(true);
         if (!isPromiseOrBool) {
-          throwError(COMPONENT_NAME$8, "beforeChange must return type `Promise<boolean>` or `boolean`");
+          throwError(COMPONENT_NAME$9, "beforeChange must return type `Promise<boolean>` or `boolean`");
         }
         if (isPromise(shouldChange)) {
           shouldChange.then((result) => {
@@ -44742,7 +44598,7 @@
       };
     }
   });
-  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "switch.vue"]]);
+  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "switch.vue"]]);
 
   const ElSwitch = withInstall(Switch);
 
@@ -46381,7 +46237,7 @@
   var TableLayout$1 = TableLayout;
 
   const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
-  const _sfc_main$C = vue.defineComponent({
+  const _sfc_main$F = vue.defineComponent({
     name: "ElTableFilterPanel",
     components: {
       ElCheckbox,
@@ -46648,7 +46504,7 @@
       _: 3
     }, 8, ["visible", "placement", "popper-class", "append-to"]);
   }
-  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
+  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
 
   function useLayoutObserver(root) {
     const instance = vue.getCurrentInstance();
@@ -47467,11 +47323,11 @@
     };
   }
 
-  const __default__$v = vue.defineComponent({
+  const __default__$y = vue.defineComponent({
     name: "TableTdWrapper"
   });
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$y,
     props: {
       colspan: {
         type: Number,
@@ -47493,7 +47349,7 @@
       };
     }
   });
-  var TdWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "td-wrapper.vue"]]);
+  var TdWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "td-wrapper.vue"]]);
 
   function useRender$1(props) {
     const parent = vue.inject(TABLE_INJECTION_KEY);
@@ -48455,7 +48311,7 @@
   };
 
   let tableIdSeed = 1;
-  const _sfc_main$A = vue.defineComponent({
+  const _sfc_main$D = vue.defineComponent({
     name: "ElTable",
     directives: {
       Mousewheel
@@ -48802,7 +48658,7 @@
       ])
     ], 46, ["data-prefix", "onMouseleave"]);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$3], ["__file", "table.vue"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$3], ["__file", "table.vue"]]);
 
   const defaultClassNames = {
     selection: "table-column--selection",
@@ -50386,9 +50242,9 @@
   });
   var HeaderRow = TableV2HeaderRow;
 
-  const COMPONENT_NAME$7 = "ElTableV2Header";
+  const COMPONENT_NAME$8 = "ElTableV2Header";
   const TableV2Header = vue.defineComponent({
-    name: COMPONENT_NAME$7,
+    name: COMPONENT_NAME$8,
     props: tableV2HeaderProps,
     setup(props, {
       slots,
@@ -50591,9 +50447,9 @@
       onExpand
     };
   };
-  const COMPONENT_NAME$6 = "ElTableV2TableRow";
+  const COMPONENT_NAME$7 = "ElTableV2TableRow";
   const TableV2Row = vue.defineComponent({
-    name: COMPONENT_NAME$6,
+    name: COMPONENT_NAME$7,
     props: tableV2RowProps,
     setup(props, {
       expose,
@@ -50713,7 +50569,7 @@
   };
   var ExpandIcon$1 = ExpandIcon;
 
-  const COMPONENT_NAME$5 = "ElTableV2Grid";
+  const COMPONENT_NAME$6 = "ElTableV2Grid";
   const useTableGrid = (props) => {
     const headerRef = vue.ref();
     const bodyRef = vue.ref();
@@ -50825,7 +50681,7 @@
     };
   };
   const TableGrid = vue.defineComponent({
-    name: COMPONENT_NAME$5,
+    name: COMPONENT_NAME$6,
     props: tableV2GridProps,
     setup(props, {
       slots,
@@ -51304,9 +51160,9 @@
   function _isSlot(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$4 = "ElTableV2";
+  const COMPONENT_NAME$5 = "ElTableV2";
   const TableV2 = vue.defineComponent({
-    name: COMPONENT_NAME$4,
+    name: COMPONENT_NAME$5,
     props: tableV2Props,
     setup(props, {
       slots,
@@ -51608,19 +51464,19 @@
     }
   });
 
-  const COMPONENT_NAME$3 = "ElTabBar";
-  const __default__$u = vue.defineComponent({
-    name: COMPONENT_NAME$3
+  const COMPONENT_NAME$4 = "ElTabBar";
+  const __default__$x = vue.defineComponent({
+    name: COMPONENT_NAME$4
   });
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$x,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
       const instance = vue.getCurrentInstance();
       const rootTabs = vue.inject(tabsRootContextKey);
       if (!rootTabs)
-        throwError(COMPONENT_NAME$3, "<el-tabs><el-tab-bar /></el-tabs>");
+        throwError(COMPONENT_NAME$4, "<el-tabs><el-tab-bar /></el-tabs>");
       const ns = useNamespace("tabs");
       const barRef = vue.ref();
       const barStyle = vue.ref();
@@ -51695,7 +51551,7 @@
       };
     }
   });
-  var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "tab-bar.vue"]]);
+  var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "tab-bar.vue"]]);
 
   const tabNavProps = buildProps({
     panes: {
@@ -51718,9 +51574,9 @@
     tabClick: (tab, tabName, ev) => ev instanceof Event,
     tabRemove: (tab, ev) => ev instanceof Event
   };
-  const COMPONENT_NAME$2 = "ElTabNav";
+  const COMPONENT_NAME$3 = "ElTabNav";
   const TabNav = vue.defineComponent({
-    name: COMPONENT_NAME$2,
+    name: COMPONENT_NAME$3,
     props: tabNavProps,
     emits: tabNavEmits,
     setup(props, {
@@ -51729,7 +51585,7 @@
     }) {
       const rootTabs = vue.inject(tabsRootContextKey);
       if (!rootTabs)
-        throwError(COMPONENT_NAME$2, `<el-tabs><tab-nav /></el-tabs>`);
+        throwError(COMPONENT_NAME$3, `<el-tabs><tab-nav /></el-tabs>`);
       const ns = useNamespace("tabs");
       const visibility = useDocumentVisibility();
       const focused = useWindowFocus();
@@ -52124,12 +51980,12 @@
     lazy: Boolean
   });
 
-  const COMPONENT_NAME$1 = "ElTabPane";
-  const __default__$t = vue.defineComponent({
-    name: COMPONENT_NAME$1
+  const COMPONENT_NAME$2 = "ElTabPane";
+  const __default__$w = vue.defineComponent({
+    name: COMPONENT_NAME$2
   });
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$w,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -52137,7 +51993,7 @@
       const slots = vue.useSlots();
       const tabsRoot = vue.inject(tabsRootContextKey);
       if (!tabsRoot)
-        throwError(COMPONENT_NAME$1, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
+        throwError(COMPONENT_NAME$2, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
       const ns = useNamespace("tab-pane");
       const index = vue.ref();
       const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
@@ -52187,7 +52043,7 @@
       };
     }
   });
-  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "tab-pane.vue"]]);
+  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "tab-pane.vue"]]);
 
   const ElTabs = withInstall(Tabs, {
     TabPane
@@ -52215,11 +52071,11 @@
     }
   });
 
-  const __default__$s = vue.defineComponent({
+  const __default__$v = vue.defineComponent({
     name: "ElText"
   });
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$v,
     props: textProps,
     setup(__props) {
       const props = __props;
@@ -52276,7 +52132,7 @@
       };
     }
   });
-  var Text = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "text.vue"]]);
+  var Text = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "text.vue"]]);
 
   const ElText = withInstall(Text);
 
@@ -52387,11 +52243,11 @@
     return formatTime(next);
   };
 
-  const __default__$r = vue.defineComponent({
+  const __default__$u = vue.defineComponent({
     name: "ElTimeSelect"
   });
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$u,
     props: timeSelectProps,
     emits: [CHANGE_EVENT, "blur", "focus", "clear", UPDATE_MODEL_EVENT],
     setup(__props, { expose }) {
@@ -52506,7 +52362,7 @@
       };
     }
   });
-  var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "time-select.vue"]]);
+  var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "time-select.vue"]]);
 
   const ElTimeSelect = withInstall(TimeSelect);
 
@@ -52554,11 +52410,11 @@
     hollow: Boolean
   });
 
-  const __default__$q = vue.defineComponent({
+  const __default__$t = vue.defineComponent({
     name: "ElTimelineItem"
   });
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$t,
     props: timelineItemProps,
     setup(__props) {
       const props = __props;
@@ -52620,7 +52476,7 @@
       };
     }
   });
-  var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "timeline-item.vue"]]);
+  var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "timeline-item.vue"]]);
 
   const ElTimeline = withInstall(Timeline$1, {
     TimelineItem
@@ -52760,11 +52616,11 @@
   const tooltipV2ContentKey = Symbol("tooltipV2Content");
   const TOOLTIP_V2_OPEN = "tooltip_v2.open";
 
-  const __default__$p = vue.defineComponent({
+  const __default__$s = vue.defineComponent({
     name: "ElTooltipV2Root"
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$s,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -52831,13 +52687,13 @@
       };
     }
   });
-  var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "root.vue"]]);
+  var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "root.vue"]]);
 
-  const __default__$o = vue.defineComponent({
+  const __default__$r = vue.defineComponent({
     name: "ElTooltipV2Arrow"
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$r,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -52867,7 +52723,7 @@
       };
     }
   });
-  var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "arrow.vue"]]);
+  var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "arrow.vue"]]);
 
   const visualHiddenProps = buildProps({
     style: {
@@ -52876,11 +52732,11 @@
     }
   });
 
-  const __default__$n = vue.defineComponent({
+  const __default__$q = vue.defineComponent({
     name: "ElVisuallyHidden"
   });
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$q,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -52908,13 +52764,13 @@
       };
     }
   });
-  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "visual-hidden.vue"]]);
+  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "visual-hidden.vue"]]);
 
-  const __default__$m = vue.defineComponent({
+  const __default__$p = vue.defineComponent({
     name: "ElTooltipV2Content"
   });
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$p,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -53009,7 +52865,7 @@
       };
     }
   });
-  var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "content.vue"]]);
+  var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "content.vue"]]);
 
   const forwardRefProps = buildProps({
     setRef: {
@@ -53042,11 +52898,11 @@
     }
   });
 
-  const __default__$l = vue.defineComponent({
+  const __default__$o = vue.defineComponent({
     name: "ElTooltipV2Trigger"
   });
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$o,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -53123,13 +52979,13 @@
       };
     }
   });
-  var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "trigger.vue"]]);
+  var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "trigger.vue"]]);
 
-  const __default__$k = vue.defineComponent({
+  const __default__$n = vue.defineComponent({
     name: "ElTooltipV2"
   });
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$n,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -53191,7 +53047,7 @@
       };
     }
   });
-  var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "tooltip.vue"]]);
+  var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "tooltip.vue"]]);
 
   const ElTooltipV2 = withInstall(TooltipV2);
 
@@ -53449,11 +53305,11 @@
     };
   };
 
-  const __default__$j = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: "ElTransferPanel"
   });
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$m,
     props: transferPanelProps,
     emits: transferPanelEmits,
     setup(__props, { expose, emit }) {
@@ -53567,13 +53423,13 @@
       };
     }
   });
-  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "transfer-panel.vue"]]);
+  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "transfer-panel.vue"]]);
 
-  const __default__$i = vue.defineComponent({
+  const __default__$l = vue.defineComponent({
     name: "ElTransfer"
   });
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$l,
     props: transferProps,
     emits: transferEmits,
     setup(__props, { expose, emit }) {
@@ -53717,7 +53573,7 @@
       };
     }
   });
-  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "transfer.vue"]]);
+  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "transfer.vue"]]);
 
   const ElTransfer = withInstall(Transfer);
 
@@ -54493,7 +54349,7 @@
     }
   }
 
-  const _sfc_main$m = vue.defineComponent({
+  const _sfc_main$p = vue.defineComponent({
     name: "ElTreeNodeContent",
     props: {
       node: {
@@ -54515,7 +54371,7 @@
       };
     }
   });
-  var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "tree-node-content.vue"]]);
+  var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "tree-node-content.vue"]]);
 
   function useNodeExpandEventBroadcast(props) {
     const parentNodeMap = vue.inject("TreeNodeMap", null);
@@ -54695,7 +54551,7 @@
     };
   }
 
-  const _sfc_main$l = vue.defineComponent({
+  const _sfc_main$o = vue.defineComponent({
     name: "ElTreeNode",
     components: {
       ElCollapseTransition,
@@ -54996,7 +54852,7 @@
       [vue.vShow, _ctx.node.visible]
     ]);
   }
-  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
+  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
 
   function useKeydown({ el$ }, store) {
     const ns = useNamespace("tree");
@@ -55079,7 +54935,7 @@
     };
   }
 
-  const _sfc_main$k = vue.defineComponent({
+  const _sfc_main$n = vue.defineComponent({
     name: "ElTree",
     components: { ElTreeNode: ElTreeNode$1 },
     props: {
@@ -55406,7 +55262,7 @@
       ])
     ], 2);
   }
-  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
+  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
 
   const ElTree = withInstall(Tree);
 
@@ -55694,7 +55550,7 @@
     }
   });
 
-  const _sfc_main$j = vue.defineComponent({
+  const _sfc_main$m = vue.defineComponent({
     name: "ElTreeSelect",
     inheritAttrs: false,
     props: {
@@ -55758,7 +55614,7 @@
       });
     }
   });
-  var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "tree-select.vue"]]);
+  var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "tree-select.vue"]]);
 
   const ElTreeSelect = withInstall(TreeSelect);
 
@@ -56457,11 +56313,11 @@
     }
   });
 
-  const __default__$h = vue.defineComponent({
+  const __default__$k = vue.defineComponent({
     name: "ElTreeNode"
   });
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$k,
     props: treeNodeProps,
     emits: treeNodeEmits,
     setup(__props, { emit }) {
@@ -56574,13 +56430,13 @@
       };
     }
   });
-  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "tree-node.vue"]]);
+  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "tree-node.vue"]]);
 
-  const __default__$g = vue.defineComponent({
+  const __default__$j = vue.defineComponent({
     name: "ElTreeV2"
   });
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$j,
     props: treeProps,
     emits: treeEmits,
     setup(__props, { expose, emit }) {
@@ -56704,7 +56560,7 @@
       };
     }
   });
-  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "tree.vue"]]);
+  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "tree.vue"]]);
 
   const ElTreeV2 = withInstall(TreeV2);
 
@@ -56913,11 +56769,11 @@
     remove: (file) => !!file
   };
 
-  const __default__$f = vue.defineComponent({
+  const __default__$i = vue.defineComponent({
     name: "ElUploadList"
   });
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$i,
     props: uploadListProps,
     emits: uploadListEmits,
     setup(__props, { emit }) {
@@ -57077,7 +56933,7 @@
       };
     }
   });
-  var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "upload-list.vue"]]);
+  var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "upload-list.vue"]]);
 
   const uploadDraggerProps = buildProps({
     disabled: {
@@ -57089,18 +56945,18 @@
     file: (file) => isArray$1(file)
   };
 
-  const COMPONENT_NAME = "ElUploadDrag";
-  const __default__$e = vue.defineComponent({
-    name: COMPONENT_NAME
+  const COMPONENT_NAME$1 = "ElUploadDrag";
+  const __default__$h = vue.defineComponent({
+    name: COMPONENT_NAME$1
   });
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$h,
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
       const uploaderContext = vue.inject(uploadContextKey);
       if (!uploaderContext) {
-        throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
+        throwError(COMPONENT_NAME$1, "usage: <el-upload><el-upload-dragger /></el-upload>");
       }
       const ns = useNamespace("upload");
       const dragover = vue.ref(false);
@@ -57138,7 +56994,7 @@
       };
     }
   });
-  var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "upload-dragger.vue"]]);
+  var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "upload-dragger.vue"]]);
 
   const uploadContentProps = buildProps({
     ...uploadBaseProps,
@@ -57172,12 +57028,12 @@
     }
   });
 
-  const __default__$d = vue.defineComponent({
+  const __default__$g = vue.defineComponent({
     name: "ElUploadContent",
     inheritAttrs: false
   });
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$g,
     props: uploadContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -57358,7 +57214,7 @@
       };
     }
   });
-  var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "upload-content.vue"]]);
+  var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "upload-content.vue"]]);
 
   const SCOPE$1 = "ElUpload";
   const revokeFileObjectURL = (file) => {
@@ -57489,11 +57345,11 @@
     };
   };
 
-  const __default__$c = vue.defineComponent({
+  const __default__$f = vue.defineComponent({
     name: "ElUpload"
   });
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$f,
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -57607,7 +57463,7 @@
       };
     }
   });
-  var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "upload.vue"]]);
+  var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "upload.vue"]]);
 
   const ElUpload = withInstall(Upload);
 
@@ -57747,11 +57603,11 @@
     return getClips;
   }
 
-  const __default__$b = vue.defineComponent({
+  const __default__$e = vue.defineComponent({
     name: "ElWatermark"
   });
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$e,
     props: watermarkProps,
     setup(__props) {
       const props = __props;
@@ -57959,7 +57815,7 @@
       };
     }
   });
-  var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "watermark.vue"]]);
+  var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "watermark.vue"]]);
 
   const ElWatermark = withInstall(Watermark);
 
@@ -58182,12 +58038,12 @@
     };
   };
 
-  const __default__$a = vue.defineComponent({
+  const __default__$d = vue.defineComponent({
     name: "ElTourMask",
     inheritAttrs: false
   });
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$d,
     props: maskProps,
     setup(__props) {
       const props = __props;
@@ -58252,7 +58108,7 @@
       };
     }
   });
-  var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "mask.vue"]]);
+  var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "mask.vue"]]);
 
   const tourStrategies = ["absolute", "fixed"];
   const tourPlacements = [
@@ -58298,11 +58154,11 @@
     close: () => true
   };
 
-  const __default__$9 = vue.defineComponent({
+  const __default__$c = vue.defineComponent({
     name: "ElTourContent"
   });
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$c,
     props: tourContentProps,
     emits: tourContentEmits,
     setup(__props, { emit }) {
@@ -58360,7 +58216,7 @@
       };
     }
   });
-  var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "content.vue"]]);
+  var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "content.vue"]]);
 
   var ElTourSteps = vue.defineComponent({
     name: "ElTourSteps",
@@ -58470,11 +58326,11 @@
     change: (current) => isNumber(current)
   };
 
-  const __default__$8 = vue.defineComponent({
+  const __default__$b = vue.defineComponent({
     name: "ElTour"
   });
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$b,
     props: tourProps,
     emits: tourEmits,
     setup(__props, { emit }) {
@@ -58611,7 +58467,7 @@
       };
     }
   });
-  var Tour = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "tour.vue"]]);
+  var Tour = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "tour.vue"]]);
 
   const tourStepProps = buildProps({
     target: {
@@ -58656,11 +58512,11 @@
     close: () => true
   };
 
-  const __default__$7 = vue.defineComponent({
+  const __default__$a = vue.defineComponent({
     name: "ElTourStep"
   });
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$a,
     props: tourStepProps,
     emits: tourStepEmits,
     setup(__props, { emit }) {
@@ -58815,7 +58671,7 @@
       };
     }
   });
-  var TourStep = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "step.vue"]]);
+  var TourStep = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "step.vue"]]);
 
   const ElTour = withInstall(Tour, {
     TourStep
@@ -58865,11 +58721,11 @@
 
   const anchorKey = Symbol("anchor");
 
-  const __default__$6 = vue.defineComponent({
+  const __default__$9 = vue.defineComponent({
     name: "ElAnchor"
   });
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$9,
     props: anchorProps,
     emits: anchorEmits,
     setup(__props, { expose, emit }) {
@@ -59046,18 +58902,18 @@
       };
     }
   });
-  var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "anchor.vue"]]);
+  var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "anchor.vue"]]);
 
   const anchorLinkProps = buildProps({
     title: String,
     href: String
   });
 
-  const __default__$5 = vue.defineComponent({
+  const __default__$8 = vue.defineComponent({
     name: "ElAnchorLink"
   });
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$8,
     props: anchorLinkProps,
     setup(__props) {
       const props = __props;
@@ -59129,7 +58985,7 @@
       };
     }
   });
-  var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "anchor-link.vue"]]);
+  var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "anchor-link.vue"]]);
 
   const ElAnchor = withInstall(Anchor, {
     AnchorLink
@@ -59174,11 +59030,11 @@
     [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
   };
 
-  const __default__$4 = vue.defineComponent({
+  const __default__$7 = vue.defineComponent({
     name: "ElSegmented"
   });
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$7,
     props: segmentedProps,
     emits: segmentedEmits,
     setup(__props, { emit }) {
@@ -59331,7 +59187,7 @@
       };
     }
   });
-  var Segmented = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "segmented.vue"]]);
+  var Segmented = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "segmented.vue"]]);
 
   const ElSegmented = withInstall(Segmented);
 
@@ -59557,11 +59413,11 @@
     select: (option) => isString$1(option.value)
   };
 
-  const __default__$3 = vue.defineComponent({
+  const __default__$6 = vue.defineComponent({
     name: "ElMentionDropdown"
   });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: mentionDropdownProps,
     emits: mentionDropdownEmits,
     setup(__props, { expose, emit }) {
@@ -59715,14 +59571,14 @@
       };
     }
   });
-  var ElMentionDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "mention-dropdown.vue"]]);
+  var ElMentionDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "mention-dropdown.vue"]]);
 
-  const __default__$2 = vue.defineComponent({
+  const __default__$5 = vue.defineComponent({
     name: "ElMention",
     inheritAttrs: false
   });
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
     props: mentionProps,
     emits: mentionEmits,
     setup(__props, { expose, emit }) {
@@ -59988,10 +59844,570 @@
       };
     }
   });
-  var Mention = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "mention.vue"]]);
+  var Mention = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "mention.vue"]]);
 
   const ElMention = withInstall(Mention);
 
+  function useContainer(layout) {
+    const containerEl = vue.ref();
+    const { width, height } = useElementSize(containerEl);
+    const containerSize = vue.computed(() => {
+      return layout.value === "horizontal" ? width.value : height.value;
+    });
+    return { containerEl, containerSize };
+  }
+
+  function getPct(str) {
+    return Number(str.slice(0, -1)) / 100;
+  }
+  function getPx(str) {
+    return Number(str.slice(0, -2));
+  }
+  function isPct(itemSize) {
+    return isString$1(itemSize) && itemSize.endsWith("%");
+  }
+  function isPx(itemSize) {
+    return isString$1(itemSize) && itemSize.endsWith("px");
+  }
+  function useSize(panels, containerSize) {
+    const propSizes = vue.computed(() => panels.value.map((i) => i.size));
+    const panelCounts = vue.computed(() => panels.value.length);
+    const percentSizes = vue.ref([]);
+    vue.watch([propSizes, panelCounts, containerSize], () => {
+      var _a;
+      let ptgList = [];
+      let emptyCount = 0;
+      for (let i = 0; i < panelCounts.value; i += 1) {
+        const itemSize = (_a = panels.value[i]) == null ? void 0 : _a.size;
+        if (isPct(itemSize)) {
+          ptgList[i] = getPct(itemSize);
+        } else if (isPx(itemSize)) {
+          ptgList[i] = getPx(itemSize) / containerSize.value;
+        } else if (itemSize || itemSize === 0) {
+          const num = Number(itemSize);
+          if (!Number.isNaN(num)) {
+            ptgList[i] = num / containerSize.value;
+          }
+        } else {
+          emptyCount += 1;
+          ptgList[i] = void 0;
+        }
+      }
+      const totalPtg = ptgList.reduce((acc, ptg) => acc + (ptg || 0), 0);
+      if (totalPtg > 1 || !emptyCount) {
+        const scale = 1 / totalPtg;
+        ptgList = ptgList.map((ptg) => ptg === void 0 ? 0 : ptg * scale);
+      } else {
+        const avgRest = (1 - totalPtg) / emptyCount;
+        ptgList = ptgList.map((ptg) => ptg === void 0 ? avgRest : ptg);
+      }
+      percentSizes.value = ptgList;
+    });
+    const ptg2px = (ptg) => ptg * containerSize.value;
+    const pxSizes = vue.computed(() => percentSizes.value.map(ptg2px));
+    return { percentSizes, pxSizes };
+  }
+
+  function useResize(panels, containerSize, pxSizes) {
+    const ptg2px = (ptg) => ptg * containerSize.value || 0;
+    function getLimitSize(str, defaultLimit) {
+      if (isPct(str)) {
+        return ptg2px(getPct(str));
+      } else if (isPx(str)) {
+        return getPx(str);
+      }
+      return str != null ? str : defaultLimit;
+    }
+    const movingIndex = vue.ref(null);
+    let cachePxSizes = [];
+    const limitSizes = vue.computed(() => panels.value.map((item) => [item.min, item.max]));
+    const onMoveStart = (index) => {
+      movingIndex.value = { index, confirmed: false };
+      cachePxSizes = pxSizes.value;
+    };
+    const onMoving = (index, offset) => {
+      var _a, _b;
+      let confirmedIndex = null;
+      if ((!movingIndex.value || !movingIndex.value.confirmed) && offset !== 0) {
+        if (offset > 0) {
+          confirmedIndex = index;
+          movingIndex.value = { index, confirmed: true };
+        } else {
+          for (let i = index; i >= 0; i -= 1) {
+            if (cachePxSizes[i] > 0) {
+              confirmedIndex = i;
+              movingIndex.value = { index: i, confirmed: true };
+              break;
+            }
+          }
+        }
+      }
+      const mergedIndex = (_b = confirmedIndex != null ? confirmedIndex : (_a = movingIndex.value) == null ? void 0 : _a.index) != null ? _b : index;
+      const numSizes = [...cachePxSizes];
+      const nextIndex = mergedIndex + 1;
+      const startMinSize = getLimitSize(limitSizes.value[mergedIndex][0], 0);
+      const endMinSize = getLimitSize(limitSizes.value[nextIndex][0], 0);
+      const startMaxSize = getLimitSize(limitSizes.value[mergedIndex][1], containerSize.value || 0);
+      const endMaxSize = getLimitSize(limitSizes.value[nextIndex][1], containerSize.value || 0);
+      let mergedOffset = offset;
+      if (numSizes[mergedIndex] + mergedOffset < startMinSize) {
+        mergedOffset = startMinSize - numSizes[mergedIndex];
+      }
+      if (numSizes[nextIndex] - mergedOffset < endMinSize) {
+        mergedOffset = numSizes[nextIndex] - endMinSize;
+      }
+      if (numSizes[mergedIndex] + mergedOffset > startMaxSize) {
+        mergedOffset = startMaxSize - numSizes[mergedIndex];
+      }
+      if (numSizes[nextIndex] - mergedOffset > endMaxSize) {
+        mergedOffset = numSizes[nextIndex] - endMaxSize;
+      }
+      numSizes[mergedIndex] += mergedOffset;
+      numSizes[nextIndex] -= mergedOffset;
+      panels.value.forEach((panel, index2) => {
+        panel.size = numSizes[index2];
+      });
+    };
+    const onMoveEnd = () => {
+      movingIndex.value = null;
+      cachePxSizes = [];
+    };
+    const cacheCollapsedSize = [];
+    const onCollapse = (index, type) => {
+      const currentSizes = pxSizes.value;
+      const currentIndex = type === "start" ? index : index + 1;
+      const targetIndex = type === "start" ? index + 1 : index;
+      const currentSize = currentSizes[currentIndex];
+      const targetSize = currentSizes[targetIndex];
+      if (currentSize !== 0 && targetSize !== 0) {
+        currentSizes[currentIndex] = 0;
+        currentSizes[targetIndex] += currentSize;
+        cacheCollapsedSize[index] = currentSize;
+      } else {
+        const totalSize = currentSize + targetSize;
+        const targetCacheCollapsedSize = cacheCollapsedSize[index];
+        const currentCacheCollapsedSize = totalSize - targetCacheCollapsedSize;
+        currentSizes[targetIndex] = targetCacheCollapsedSize;
+        currentSizes[currentIndex] = currentCacheCollapsedSize;
+      }
+      panels.value.forEach((panel, index2) => {
+        panel.size = currentSizes[index2];
+      });
+    };
+    return { onMoveStart, onMoving, onMoveEnd, movingIndex, onCollapse };
+  }
+
+  const splitterProps = buildProps({
+    layout: {
+      type: String,
+      default: "horizontal",
+      values: ["horizontal", "vertical"]
+    }
+  });
+
+  const splitterRootContextKey = Symbol("splitterRootContextKey");
+
+  const __default__$4 = vue.defineComponent({
+    name: "ElSplitter"
+  });
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$4,
+    props: splitterProps,
+    emits: ["resizeStart", "resize", "resizeEnd"],
+    setup(__props, { emit: emits }) {
+      const props = __props;
+      const ns = useNamespace("splitter");
+      const { containerEl, containerSize } = useContainer(vue.toRef(props, "layout"));
+      const {
+        removeChild: unregisterPanel,
+        children: panels,
+        addChild: sortPanel
+      } = useOrderedChildren(vue.getCurrentInstance(), "ElSplitterPanel");
+      vue.watch(panels, () => {
+        panels.value.forEach((instance, index) => {
+          instance.setIndex(index);
+        });
+      });
+      const { percentSizes, pxSizes } = useSize(panels, containerSize);
+      const { onMoveStart, onMoving, onMoveEnd, onCollapse, movingIndex } = useResize(panels, containerSize, pxSizes);
+      const onResizeStart = (index) => {
+        onMoveStart(index);
+        emits("resizeStart", index, pxSizes.value);
+      };
+      const onResize = (index, offset) => {
+        onMoving(index, offset);
+        emits("resize", index, pxSizes.value);
+      };
+      const onResizeEnd = (index) => {
+        onMoveEnd();
+        emits("resizeEnd", index, pxSizes.value);
+      };
+      vue.provide(splitterRootContextKey, vue.reactive({
+        panels,
+        percentSizes,
+        pxSizes,
+        layout: props.layout,
+        movingIndex,
+        containerSize,
+        onMoveStart: onResizeStart,
+        onMoving: onResize,
+        onMoveEnd: onResizeEnd,
+        onCollapse,
+        registerPanel: (panel) => {
+          panels.value.push(panel);
+        },
+        sortPanel,
+        unregisterPanel
+      }));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "containerEl",
+          ref: containerEl,
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).e(_ctx.layout)])
+        }, [
+          vue.renderSlot(_ctx.$slots, "default"),
+          vue.createCommentVNode(" Prevent iframe touch events from breaking "),
+          vue.unref(movingIndex) ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass([vue.unref(ns).e("mask"), vue.unref(ns).e(`mask-${_ctx.layout}`)])
+          }, null, 2)) : vue.createCommentVNode("v-if", true)
+        ], 2);
+      };
+    }
+  });
+  var Splitter = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "splitter.vue"]]);
+
+  function getCollapsible(collapsible) {
+    if (collapsible && isObject$1(collapsible)) {
+      return collapsible;
+    }
+    return {
+      start: !!collapsible,
+      end: !!collapsible
+    };
+  }
+  function isCollapsible(panel, size, nextPanel, nextSize) {
+    if ((panel == null ? void 0 : panel.collapsible.end) && size > 0) {
+      return true;
+    }
+    if ((nextPanel == null ? void 0 : nextPanel.collapsible.start) && nextSize === 0 && size > 0) {
+      return true;
+    }
+    return false;
+  }
+
+  const __default__$3 = vue.defineComponent({
+    name: "ElSplitterBar"
+  });
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
+    props: {
+      index: {
+        type: Number,
+        required: true
+      },
+      layout: {
+        type: String,
+        values: ["horizontal", "vertical"],
+        default: "horizontal"
+      },
+      resizable: {
+        type: Boolean,
+        default: true
+      },
+      startCollapsible: {
+        type: Boolean
+      },
+      endCollapsible: {
+        type: Boolean
+      }
+    },
+    emits: ["moveStart", "moving", "moveEnd", "collapse"],
+    setup(__props, { emit }) {
+      const props = __props;
+      const ns = useNamespace("splitter-bar");
+      const isHorizontal = vue.computed(() => props.layout === "horizontal");
+      const barWrapStyles = vue.computed(() => {
+        if (isHorizontal.value) {
+          return { width: 0 };
+        }
+        return { height: 0 };
+      });
+      const draggerStyles = vue.computed(() => {
+        return {
+          width: isHorizontal.value ? "16px" : "100%",
+          height: isHorizontal.value ? "100%" : "16px",
+          cursor: isHorizontal.value ? "col-resize" : "row-resize",
+          touchAction: "none"
+        };
+      });
+      const draggerPseudoClass = vue.computed(() => {
+        const prefix = ns.e("dragger");
+        let className = isHorizontal.value ? `${prefix}-horizontal` : `${prefix}-vertical`;
+        if (startPos.value)
+          className += ` ${prefix}-active`;
+        return className;
+      });
+      const startPos = vue.ref(null);
+      const onMousedown = (e) => {
+        if (!props.resizable)
+          return;
+        startPos.value = [e.pageX, e.pageY];
+        emit("moveStart", props.index);
+        window.addEventListener("mouseup", onMouseUp);
+        window.addEventListener("mousemove", onMouseMove);
+      };
+      const onTouchStart = (e) => {
+        if (props.resizable && e.touches.length === 1) {
+          e.preventDefault();
+          const touch = e.touches[0];
+          startPos.value = [touch.pageX, touch.pageY];
+          emit("moveStart", props.index);
+          window.addEventListener("touchend", onTouchEnd);
+          window.addEventListener("touchmove", onTouchMove);
+        }
+      };
+      const onMouseMove = (e) => {
+        const { pageX, pageY } = e;
+        const offsetX = pageX - startPos.value[0];
+        const offsetY = pageY - startPos.value[1];
+        const offset = isHorizontal.value ? offsetX : offsetY;
+        emit("moving", props.index, offset);
+      };
+      const onTouchMove = (e) => {
+        if (e.touches.length === 1) {
+          e.preventDefault();
+          const touch = e.touches[0];
+          const offsetX = touch.pageX - startPos.value[0];
+          const offsetY = touch.pageY - startPos.value[1];
+          const offset = isHorizontal.value ? offsetX : offsetY;
+          emit("moving", props.index, offset);
+        }
+      };
+      const onMouseUp = () => {
+        startPos.value = null;
+        window.removeEventListener("mouseup", onMouseUp);
+        window.removeEventListener("mousemove", onMouseMove);
+        emit("moveEnd", props.index);
+      };
+      const onTouchEnd = () => {
+        startPos.value = null;
+        window.removeEventListener("touchend", onTouchEnd);
+        window.removeEventListener("touchmove", onTouchMove);
+        emit("moveEnd", props.index);
+      };
+      const StartIcon = vue.computed(() => isHorizontal.value ? arrow_left_default : arrow_up_default);
+      const EndIcon = vue.computed(() => isHorizontal.value ? arrow_right_default : arrow_down_default);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([vue.unref(ns).b()]),
+          style: vue.normalizeStyle(vue.unref(barWrapStyles))
+        }, [
+          __props.startCollapsible ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass([vue.unref(ns).e("collapse-icon"), vue.unref(ns).e(`${__props.layout}-collapse-icon-start`)]),
+            onClick: ($event) => emit("collapse", __props.index, "start")
+          }, [
+            vue.renderSlot(_ctx.$slots, "start-collapsible", {}, () => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(StartIcon)), { style: { "width": "12px", "height": "12px" } }))
+            ])
+          ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([
+              vue.unref(ns).e("dragger"),
+              vue.unref(draggerPseudoClass),
+              __props.resizable ? "" : vue.unref(ns).e("disable")
+            ]),
+            style: vue.normalizeStyle(vue.unref(draggerStyles)),
+            onMousedown,
+            onTouchstart: onTouchStart
+          }, null, 38),
+          __props.endCollapsible ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass([vue.unref(ns).e("collapse-icon"), vue.unref(ns).e(`${__props.layout}-collapse-icon-end`)]),
+            onClick: ($event) => emit("collapse", __props.index, "end")
+          }, [
+            vue.renderSlot(_ctx.$slots, "end-collapsible", {}, () => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(EndIcon)), { style: { "width": "12px", "height": "12px" } }))
+            ])
+          ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true)
+        ], 6);
+      };
+    }
+  });
+  var SplitBar = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "split-bar.vue"]]);
+
+  const splitterPanelProps = buildProps({
+    min: {
+      type: [String, Number]
+    },
+    max: {
+      type: [String, Number]
+    },
+    size: {
+      type: [String, Number]
+    },
+    resizable: {
+      type: Boolean,
+      default: true
+    },
+    collapsible: {
+      type: Boolean,
+      default: false
+    }
+  });
+
+  const COMPONENT_NAME = "ElSplitterPanel";
+  const __default__$2 = vue.defineComponent({
+    name: COMPONENT_NAME
+  });
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
+    props: splitterPanelProps,
+    emits: ["update:size"],
+    setup(__props, { emit: emits }) {
+      const props = __props;
+      const ns = useNamespace("splitter-panel");
+      const splitterContext = vue.inject(splitterRootContextKey);
+      if (!splitterContext)
+        throwError(COMPONENT_NAME, "usage: <el-splitter><el-splitter-panel /></el-splitter/>");
+      const { panels, layout, containerSize, pxSizes } = vue.toRefs(splitterContext);
+      const {
+        registerPanel,
+        sortPanel,
+        unregisterPanel,
+        onCollapse,
+        onMoveEnd,
+        onMoveStart,
+        onMoving
+      } = splitterContext;
+      const panelEl = vue.ref();
+      const uid = vue.getCurrentInstance().uid;
+      const index = vue.ref(0);
+      const panel = vue.computed(() => panels.value[index.value]);
+      const setIndex = (val) => {
+        index.value = val;
+      };
+      const panelSize = vue.computed(() => {
+        var _a;
+        if (!panel.value)
+          return 0;
+        return (_a = pxSizes.value[index.value]) != null ? _a : 0;
+      });
+      const nextSize = vue.computed(() => {
+        var _a;
+        if (!panel.value)
+          return 0;
+        return (_a = pxSizes.value[index.value + 1]) != null ? _a : 0;
+      });
+      const nextPanel = vue.computed(() => {
+        if (panel.value) {
+          return panels.value[index.value + 1];
+        }
+        return null;
+      });
+      const isResizable = vue.computed(() => {
+        var _a;
+        if (!nextPanel.value)
+          return false;
+        return props.resizable && ((_a = nextPanel.value) == null ? void 0 : _a.resizable) && (panelSize.value !== 0 || !props.min) && (nextSize.value !== 0 || !nextPanel.value.min);
+      });
+      const isShowBar = vue.computed(() => {
+        if (!panel.value)
+          return false;
+        return index.value !== panels.value.length - 1;
+      });
+      const startCollapsible = vue.computed(() => isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value));
+      const endCollapsible = vue.computed(() => isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value));
+      function sizeToPx(str) {
+        if (isPct(str)) {
+          return getPct(str) * containerSize.value || 0;
+        } else if (isPx(str)) {
+          return getPx(str);
+        }
+        return str != null ? str : 0;
+      }
+      let isSizeUpdating = false;
+      vue.watch(() => props.size, () => {
+        if (panel.value) {
+          const size = sizeToPx(props.size);
+          const maxSize = sizeToPx(props.max);
+          const minSize = sizeToPx(props.min);
+          const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size);
+          if (finalSize !== size) {
+            isSizeUpdating = true;
+            emits("update:size", finalSize);
+          }
+          panel.value.size = finalSize;
+          vue.nextTick(() => isSizeUpdating = false);
+        }
+      });
+      vue.watch(() => {
+        var _a;
+        return (_a = panel.value) == null ? void 0 : _a.size;
+      }, (val) => {
+        if (!isSizeUpdating && val !== props.size) {
+          emits("update:size", val);
+        }
+      });
+      vue.watch(() => props.resizable, (val) => {
+        if (panel.value) {
+          panel.value.resizable = val;
+        }
+      });
+      const _panel = vue.reactive({
+        el: panelEl.value,
+        uid,
+        setIndex,
+        ...props,
+        collapsible: getCollapsible(props.collapsible)
+      });
+      registerPanel(_panel);
+      vue.onMounted(() => {
+        sortPanel(_panel);
+      });
+      vue.onUnmounted(() => unregisterPanel == null ? void 0 : unregisterPanel(uid));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+          vue.createElementVNode("div", vue.mergeProps({
+            ref_key: "panelEl",
+            ref: panelEl,
+            class: [vue.unref(ns).b()],
+            style: { flexBasis: `${vue.unref(panelSize)}px` }
+          }, _ctx.$attrs), [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 16),
+          vue.unref(isShowBar) ? (vue.openBlock(), vue.createBlock(SplitBar, {
+            key: 0,
+            index: index.value,
+            layout: vue.unref(layout),
+            resizable: vue.unref(isResizable),
+            "start-collapsible": vue.unref(startCollapsible),
+            "end-collapsible": vue.unref(endCollapsible),
+            onMoveStart: vue.unref(onMoveStart),
+            onMoving: vue.unref(onMoving),
+            onMoveEnd: vue.unref(onMoveEnd),
+            onCollapse: vue.unref(onCollapse)
+          }, {
+            "start-collapsible": vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "start-collapsible")
+            ]),
+            "end-collapsible": vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "end-collapsible")
+            ]),
+            _: 3
+          }, 8, ["index", "layout", "resizable", "start-collapsible", "end-collapsible", "onMoveStart", "onMoving", "onMoveEnd", "onCollapse"])) : vue.createCommentVNode("v-if", true)
+        ], 64);
+      };
+    }
+  });
+  var SplitPanel = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "split-panel.vue"]]);
+
+  const ElSplitter = withInstall(Splitter, {
+    SplitPanel
+  });
+  const ElSplitterPanel = withNoopInstall(SplitPanel);
+
   var Components = [
     ElAffix,
     ElAlert,
@@ -60098,7 +60514,9 @@
     ElAnchor,
     ElAnchorLink,
     ElSegmented,
-    ElMention
+    ElMention,
+    ElSplitter,
+    ElSplitterPanel
   ];
 
   const SCOPE = "ElInfiniteScroll";
@@ -61952,6 +62370,8 @@
   exports.ElSkeletonItem = ElSkeletonItem;
   exports.ElSlider = ElSlider;
   exports.ElSpace = ElSpace;
+  exports.ElSplitter = ElSplitter;
+  exports.ElSplitterPanel = ElSplitterPanel;
   exports.ElStatistic = ElStatistic;
   exports.ElStep = ElStep;
   exports.ElSteps = ElSteps;
@@ -62190,6 +62610,8 @@
   exports.sliderProps = sliderProps;
   exports.spaceItemProps = spaceItemProps;
   exports.spaceProps = spaceProps;
+  exports.splitterPanelProps = splitterPanelProps;
+  exports.splitterProps = splitterProps;
   exports.statisticProps = statisticProps;
   exports.stepProps = stepProps;
   exports.stepsEmits = stepsEmits;
@@ -62290,7 +62712,7 @@
   exports.usePreventGlobal = usePreventGlobal;
   exports.useProp = useProp;
   exports.useSameTarget = useSameTarget;
-  exports.useSize = useSize;
+  exports.useSize = useSize$1;
   exports.useSizeProp = useSizeProp;
   exports.useSizeProps = useSizeProps;
   exports.useSpace = useSpace;