@element-plus/nightly 0.0.20250602 → 0.0.20250603

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250602 */
+/*! Element Plus v0.0.20250603 */
 
 import { unref, readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, isRef, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, toRef, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
@@ -696,6 +696,63 @@ function useElementBounding(target, options = {}) {
   };
 }
 
+function useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {
+  const { window = defaultWindow, box = "content-box" } = options;
+  const isSVG = computed(() => {
+    var _a, _b;
+    return (_b = (_a = unrefElement(target)) == null ? void 0 : _a.namespaceURI) == null ? void 0 : _b.includes("svg");
+  });
+  const width = ref(initialSize.width);
+  const height = 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 = 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 {
@@ -8969,7 +9026,7 @@ const useDraggable = (targetRef, dragRef, draggable, overflow) => {
       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);
@@ -11725,7 +11782,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20250602";
+const version$1 = "0.0.20250603";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11774,12 +11831,12 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const COMPONENT_NAME$p = "ElAffix";
-const __default__$1U = defineComponent({
-  name: COMPONENT_NAME$p
+const COMPONENT_NAME$q = "ElAffix";
+const __default__$1X = defineComponent({
+  name: COMPONENT_NAME$q
 });
-const _sfc_main$2x = /* @__PURE__ */ defineComponent({
-  ...__default__$1U,
+const _sfc_main$2A = /* @__PURE__ */ defineComponent({
+  ...__default__$1X,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11855,7 +11912,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
       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;
       }
@@ -11885,7 +11942,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -11898,12 +11955,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1T = defineComponent({
+const __default__$1W = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$2w = /* @__PURE__ */ defineComponent({
-  ...__default__$1T,
+const _sfc_main$2z = /* @__PURE__ */ defineComponent({
+  ...__default__$1W,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11927,7 +11984,7 @@ const _sfc_main$2w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -11968,11 +12025,11 @@ const alertEmits = {
   close: (evt) => isUndefined(evt) || evt instanceof Event
 };
 
-const __default__$1S = defineComponent({
+const __default__$1V = defineComponent({
   name: "ElAlert"
 });
-const _sfc_main$2v = /* @__PURE__ */ defineComponent({
-  ...__default__$1S,
+const _sfc_main$2y = /* @__PURE__ */ defineComponent({
+  ...__default__$1V,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -12067,7 +12124,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -12087,7 +12144,7 @@ const useFormDisabled = (fallback) => {
   const form = inject(formContextKey, void 0);
   return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
 };
-const useSize = useFormSize;
+const useSize$1 = useFormSize;
 const useDisabled = useFormDisabled;
 
 const useFormItem = () => {
@@ -12232,12 +12289,12 @@ const filterFields = (fields, props) => {
   return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
 };
 
-const COMPONENT_NAME$o = "ElForm";
-const __default__$1R = defineComponent({
-  name: COMPONENT_NAME$o
+const COMPONENT_NAME$p = "ElForm";
+const __default__$1U = defineComponent({
+  name: COMPONENT_NAME$p
 });
-const _sfc_main$2u = /* @__PURE__ */ defineComponent({
-  ...__default__$1R,
+const _sfc_main$2x = /* @__PURE__ */ defineComponent({
+  ...__default__$1U,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -12378,7 +12435,7 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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) {
@@ -13475,9 +13532,9 @@ const formItemProps = buildProps({
   }
 });
 
-const COMPONENT_NAME$n = "ElLabelWrap";
+const COMPONENT_NAME$o = "ElLabelWrap";
 var FormLabelWrap = defineComponent({
-  name: COMPONENT_NAME$n,
+  name: COMPONENT_NAME$o,
   props: {
     isAutoWidth: Boolean,
     updateAll: Boolean
@@ -13488,7 +13545,7 @@ var FormLabelWrap = defineComponent({
     const formContext = inject(formContextKey, void 0);
     const formItemContext = 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 = ref();
     const computedWidth = ref(0);
@@ -13562,11 +13619,11 @@ var FormLabelWrap = defineComponent({
   }
 });
 
-const __default__$1Q = defineComponent({
+const __default__$1T = defineComponent({
   name: "ElFormItem"
 });
-const _sfc_main$2t = /* @__PURE__ */ defineComponent({
-  ...__default__$1Q,
+const _sfc_main$2w = /* @__PURE__ */ defineComponent({
+  ...__default__$1T,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13867,7 +13924,7 @@ const _sfc_main$2t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -14049,13 +14106,13 @@ const inputEmits = {
   compositionend: (evt) => evt instanceof CompositionEvent
 };
 
-const COMPONENT_NAME$m = "ElInput";
-const __default__$1P = defineComponent({
-  name: COMPONENT_NAME$m,
+const COMPONENT_NAME$n = "ElInput";
+const __default__$1S = defineComponent({
+  name: COMPONENT_NAME$n,
   inheritAttrs: false
 });
-const _sfc_main$2s = /* @__PURE__ */ defineComponent({
-  ...__default__$1P,
+const _sfc_main$2v = /* @__PURE__ */ defineComponent({
+  ...__default__$1S,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -14464,7 +14521,7 @@ const _sfc_main$2s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -14513,8 +14570,8 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$l = "Thumb";
-const _sfc_main$2r = /* @__PURE__ */ defineComponent({
+const COMPONENT_NAME$m = "Thumb";
+const _sfc_main$2u = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14522,7 +14579,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
     const scrollbar = 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 = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -14637,7 +14694,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14650,7 +14707,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$2q = /* @__PURE__ */ defineComponent({
+const _sfc_main$2t = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14708,7 +14765,7 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14765,12 +14822,12 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
-const COMPONENT_NAME$k = "ElScrollbar";
-const __default__$1O = defineComponent({
-  name: COMPONENT_NAME$k
+const COMPONENT_NAME$l = "ElScrollbar";
+const __default__$1R = defineComponent({
+  name: COMPONENT_NAME$l
 });
-const _sfc_main$2p = /* @__PURE__ */ defineComponent({
-  ...__default__$1O,
+const _sfc_main$2s = /* @__PURE__ */ defineComponent({
+  ...__default__$1R,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -14939,7 +14996,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -14969,12 +15026,12 @@ const popperProps = buildProps({
 });
 const usePopperProps = popperProps;
 
-const __default__$1N = defineComponent({
+const __default__$1Q = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$2o = /* @__PURE__ */ defineComponent({
-  ...__default__$1N,
+const _sfc_main$2r = /* @__PURE__ */ defineComponent({
+  ...__default__$1Q,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14997,14 +15054,14 @@ const _sfc_main$2o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1P = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$2n = /* @__PURE__ */ defineComponent({
-  ...__default__$1M,
+const _sfc_main$2q = /* @__PURE__ */ defineComponent({
+  ...__default__$1P,
   setup(__props, { expose }) {
     const ns = useNamespace("popper");
     const { arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
@@ -15025,7 +15082,7 @@ const _sfc_main$2n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
@@ -15113,12 +15170,12 @@ const popperTriggerProps = buildProps({
 });
 const usePopperTriggerProps = popperTriggerProps;
 
-const __default__$1L = defineComponent({
+const __default__$1O = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$2m = /* @__PURE__ */ defineComponent({
-  ...__default__$1L,
+const _sfc_main$2p = /* @__PURE__ */ defineComponent({
+  ...__default__$1O,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15229,7 +15286,7 @@ const _sfc_main$2m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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";
@@ -15387,7 +15444,7 @@ const createFocusOutPreventedEvent = (detail) => {
   });
 };
 
-const _sfc_main$2l = defineComponent({
+const _sfc_main$2o = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15632,7 +15689,7 @@ const _sfc_main$2l = defineComponent({
 function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   return 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: {
@@ -15934,11 +15991,11 @@ const usePopperContentFocusTrap = (props, emit) => {
   };
 };
 
-const __default__$1K = defineComponent({
+const __default__$1N = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$2k = /* @__PURE__ */ defineComponent({
-  ...__default__$1K,
+const _sfc_main$2n = /* @__PURE__ */ defineComponent({
+  ...__default__$1N,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -16052,7 +16109,7 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16066,7 +16123,7 @@ const teleportProps = buildProps({
   disabled: Boolean
 });
 
-const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+const _sfc_main$2m = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -16080,7 +16137,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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;
@@ -16161,11 +16218,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1J = defineComponent({
+const __default__$1M = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$2i = /* @__PURE__ */ defineComponent({
-  ...__default__$1J,
+const _sfc_main$2l = /* @__PURE__ */ defineComponent({
+  ...__default__$1M,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16224,14 +16281,14 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1L = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$2h = /* @__PURE__ */ defineComponent({
-  ...__default__$1I,
+const _sfc_main$2k = /* @__PURE__ */ defineComponent({
+  ...__default__$1L,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16404,13 +16461,13 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1K = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$1H,
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+  ...__default__$1K,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -16562,7 +16619,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16642,13 +16699,13 @@ const autocompleteEmits = {
   select: (item) => isObject$1(item)
 };
 
-const COMPONENT_NAME$j = "ElAutocomplete";
-const __default__$1G = defineComponent({
-  name: COMPONENT_NAME$j,
+const COMPONENT_NAME$k = "ElAutocomplete";
+const __default__$1J = defineComponent({
+  name: COMPONENT_NAME$k,
   inheritAttrs: false
 });
-const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1G,
+const _sfc_main$2i = /* @__PURE__ */ defineComponent({
+  ...__default__$1J,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -16701,7 +16758,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
           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;
@@ -16994,7 +17051,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -17028,11 +17085,11 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const __default__$1F = defineComponent({
+const __default__$1I = defineComponent({
   name: "ElAvatar"
 });
-const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1F,
+const _sfc_main$2h = /* @__PURE__ */ defineComponent({
+  ...__default__$1I,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -17086,7 +17143,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -17146,18 +17203,18 @@ const useBackTop = (props, emit, componentName) => {
   };
 };
 
-const COMPONENT_NAME$i = "ElBacktop";
-const __default__$1E = defineComponent({
-  name: COMPONENT_NAME$i
+const COMPONENT_NAME$j = "ElBacktop";
+const __default__$1H = defineComponent({
+  name: COMPONENT_NAME$j
 });
-const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1E,
+const _sfc_main$2g = /* @__PURE__ */ 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 = computed(() => ({
       right: `${props.right}px`,
       bottom: `${props.bottom}px`
@@ -17190,7 +17247,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -17227,11 +17284,11 @@ const badgeProps = buildProps({
   }
 });
 
-const __default__$1D = defineComponent({
+const __default__$1G = defineComponent({
   name: "ElBadge"
 });
-const _sfc_main$2c = /* @__PURE__ */ defineComponent({
-  ...__default__$1D,
+const _sfc_main$2f = /* @__PURE__ */ defineComponent({
+  ...__default__$1G,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -17292,7 +17349,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -17308,11 +17365,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1C = defineComponent({
+const __default__$1F = defineComponent({
   name: "ElBreadcrumb"
 });
-const _sfc_main$2b = /* @__PURE__ */ defineComponent({
-  ...__default__$1C,
+const _sfc_main$2e = /* @__PURE__ */ defineComponent({
+  ...__default__$1F,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -17339,7 +17396,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -17349,11 +17406,11 @@ const breadcrumbItemProps = buildProps({
   replace: Boolean
 });
 
-const __default__$1B = defineComponent({
+const __default__$1E = defineComponent({
   name: "ElBreadcrumbItem"
 });
-const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$1B,
+const _sfc_main$2d = /* @__PURE__ */ defineComponent({
+  ...__default__$1E,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -17398,7 +17455,7 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -17544,11 +17601,11 @@ const buttonEmits = {
   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;
@@ -17566,10 +17623,10 @@ function bound01$1(n, max) {
 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) {
@@ -17591,15 +17648,15 @@ function pad2(c) {
 
 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;
@@ -17648,9 +17705,9 @@ function hslToRgb(h, s, l) {
   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;
@@ -17665,9 +17722,9 @@ function hslToRgb(h, s, l) {
   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;
@@ -17693,9 +17750,9 @@ function rgbToHsv(r, g, b) {
   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);
@@ -18180,7 +18237,7 @@ var TinyColor = function() {
   };
   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),
@@ -18191,7 +18248,7 @@ var TinyColor = function() {
   };
   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, ")");
   };
@@ -18475,11 +18532,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$1A = defineComponent({
+const __default__$1D = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1A,
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+  ...__default__$1D,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -18555,18 +18612,18 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1C = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1z,
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+  ...__default__$1C,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -18584,7 +18641,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -19244,12 +19301,12 @@ const timePickerRangeTriggerProps = buildProps({
 });
 const timePickerRngeTriggerProps = timePickerRangeTriggerProps;
 
-const __default__$1y = defineComponent({
+const __default__$1B = defineComponent({
   name: "PickerRangeTrigger",
   inheritAttrs: false
 });
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1y,
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+  ...__default__$1B,
   props: timePickerRangeTriggerProps,
   emits: [
     "mouseenter",
@@ -19349,13 +19406,13 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1A = defineComponent({
   name: "Picker"
 });
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1x,
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+  ...__default__$1A,
   props: timePickerDefaultProps,
   emits: [
     UPDATE_MODEL_EVENT,
@@ -19953,7 +20010,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -20264,7 +20321,7 @@ const basicTimeSpinnerProps = buildProps({
   ...disabledTimeListsProps
 });
 
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
   props: basicTimeSpinnerProps,
   emits: [CHANGE_EVENT, "select-range", "set-option"],
@@ -20559,9 +20616,9 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
   __name: "panel-time-pick",
   props: panelTimePickerProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -20713,7 +20770,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -20722,7 +20779,7 @@ const panelTimeRangeProps = buildProps({
   }
 });
 
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
   __name: "panel-time-range",
   props: panelTimeRangeProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -20993,7 +21050,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
@@ -21241,11 +21298,11 @@ const useDateTable = (props, emit) => {
   };
 };
 
-const __default__$1w = defineComponent({
+const __default__$1z = defineComponent({
   name: "DateTable"
 });
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-  ...__default__$1w,
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+  ...__default__$1z,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -21326,7 +21383,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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");
@@ -21454,12 +21511,12 @@ const calendarEmits = {
   [INPUT_EVENT]: (value) => isDate$1(value)
 };
 
-const COMPONENT_NAME$h = "ElCalendar";
-const __default__$1v = defineComponent({
-  name: COMPONENT_NAME$h
+const COMPONENT_NAME$i = "ElCalendar";
+const __default__$1y = defineComponent({
+  name: COMPONENT_NAME$i
 });
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$1v,
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+  ...__default__$1y,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -21580,7 +21637,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -21607,11 +21664,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$1u = defineComponent({
+const __default__$1x = defineComponent({
   name: "ElCard"
 });
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+  ...__default__$1x,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -21645,7 +21702,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -21963,12 +22020,12 @@ const useCarousel = (props, emit, componentName) => {
   };
 };
 
-const COMPONENT_NAME$g = "ElCarousel";
-const __default__$1t = defineComponent({
-  name: COMPONENT_NAME$g
+const COMPONENT_NAME$h = "ElCarousel";
+const __default__$1w = defineComponent({
+  name: COMPONENT_NAME$h
 });
-const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+  ...__default__$1w,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -22162,7 +22219,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: "" },
@@ -22283,11 +22340,11 @@ const useCarouselItem = (props) => {
   };
 };
 
-const __default__$1s = defineComponent({
+const __default__$1v = defineComponent({
   name: CAROUSEL_ITEM_NAME
 });
-const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+  ...__default__$1v,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -22346,7 +22403,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -22625,11 +22682,11 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-const __default__$1r = defineComponent({
+const __default__$1u = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+  ...__default__$1u,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -22737,13 +22794,13 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1t = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
+  ...__default__$1t,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -22831,7 +22888,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -22859,11 +22916,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray$1(val)
 };
 
-const __default__$1p = defineComponent({
+const __default__$1s = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
+  ...__default__$1s,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -22921,7 +22978,7 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -23010,11 +23067,11 @@ const useRadio = (props, emit) => {
   };
 };
 
-const __default__$1o = defineComponent({
+const __default__$1r = defineComponent({
   name: "ElRadio"
 });
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+  ...__default__$1r,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -23078,17 +23135,17 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1q = defineComponent({
   name: "ElRadioButton"
 });
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
+  ...__default__$1q,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -23143,7 +23200,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -23176,11 +23233,11 @@ const radioGroupProps = buildProps({
 });
 const radioGroupEmits = radioEmits;
 
-const __default__$1m = defineComponent({
+const __default__$1p = defineComponent({
   name: "ElRadioGroup"
 });
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
+  ...__default__$1p,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -23231,7 +23288,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -23259,7 +23316,7 @@ var NodeContent$1 = defineComponent({
 
 const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-const _sfc_main$1T = defineComponent({
+const _sfc_main$1W = defineComponent({
   name: "ElCascaderNode",
   components: {
     ElCheckbox,
@@ -23457,9 +23514,9 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : 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 = defineComponent({
+const _sfc_main$1V = defineComponent({
   name: "ElCascaderMenu",
   components: {
     Loading: loading_default,
@@ -23596,7 +23653,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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) => {
@@ -23837,7 +23894,7 @@ const sortByOriginalOrder = (oldNodes, newNodes) => {
   return res;
 };
 
-const _sfc_main$1R = defineComponent({
+const _sfc_main$1U = defineComponent({
   name: "ElCascaderPanel",
   components: {
     ElCascaderMenu
@@ -24105,7 +24162,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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);
 
@@ -24135,11 +24192,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1l = defineComponent({
+const __default__$1o = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
+  ...__default__$1o,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -24226,7 +24283,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24303,12 +24360,12 @@ const cascaderEmits = {
   removeTag: (val) => !!val
 };
 
-const COMPONENT_NAME$f = "ElCascader";
-const __default__$1k = defineComponent({
-  name: COMPONENT_NAME$f
+const COMPONENT_NAME$g = "ElCascader";
+const __default__$1n = defineComponent({
+  name: COMPONENT_NAME$g
 });
-const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+  ...__default__$1n,
   props: cascaderProps,
   emits: cascaderEmits,
   setup(__props, { expose, emit }) {
@@ -24921,7 +24978,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24939,11 +24996,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$1j = defineComponent({
+const __default__$1m = defineComponent({
   name: "ElCheckTag"
 });
-const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+const _sfc_main$1R = /* @__PURE__ */ defineComponent({
+  ...__default__$1m,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -24973,7 +25030,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -25008,11 +25065,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$1i = defineComponent({
+const __default__$1l = defineComponent({
   name: "ElRow"
 });
-const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+  ...__default__$1l,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -25047,7 +25104,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -25094,11 +25151,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$1h = defineComponent({
+const __default__$1k = defineComponent({
   name: "ElCol"
 });
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+  ...__default__$1k,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -25151,7 +25208,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -25246,11 +25303,11 @@ const useCollapseDOM = (props) => {
   };
 };
 
-const __default__$1g = defineComponent({
+const __default__$1j = defineComponent({
   name: "ElCollapse"
 });
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+  ...__default__$1j,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -25270,13 +25327,13 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1i = defineComponent({
   name: "ElCollapseTransition"
 });
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
+  ...__default__$1i,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const reset = (el) => {
@@ -25354,7 +25411,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -25447,11 +25504,11 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
   };
 };
 
-const __default__$1e = defineComponent({
+const __default__$1h = defineComponent({
   name: "ElCollapseItem"
 });
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+  ...__default__$1h,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -25535,7 +25592,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -25728,12 +25785,12 @@ const useAlphaSliderDOM = (props, {
   return { rootKls, barKls, barStyle, thumbKls, thumbStyle, update };
 };
 
-const COMPONENT_NAME$e = "ElColorAlphaSlider";
-const __default__$1d = defineComponent({
-  name: COMPONENT_NAME$e
+const COMPONENT_NAME$f = "ElColorAlphaSlider";
+const __default__$1g = defineComponent({
+  name: COMPONENT_NAME$f
 });
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+  ...__default__$1g,
   props: alphaSliderProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -25785,9 +25842,9 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const _sfc_main$1K = defineComponent({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -25907,7 +25964,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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,
@@ -25943,139 +26000,16 @@ const colorPickerEmits = {
 };
 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)) {
@@ -26098,136 +26032,61 @@ class Color {
       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 = defineComponent({
+const _sfc_main$1J = defineComponent({
   props: {
     colors: {
       type: Array,
@@ -26247,8 +26106,9 @@ const _sfc_main$1G = defineComponent({
     const { currentColor } = inject(colorPickerContextKey);
     const rgbaColors = ref(parseColors(props.colors, props.color));
     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);
       });
@@ -26261,11 +26121,10 @@ const _sfc_main$1G = defineComponent({
     }
     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;
       });
     }
@@ -26288,7 +26147,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
           key: _ctx.colors[index],
           class: 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)
@@ -26301,9 +26160,9 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const _sfc_main$1I = defineComponent({
   name: "ElSlPanel",
   props: {
     color: {
@@ -26397,13 +26256,13 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
+const __default__$1f = defineComponent({
   name: "ElColorPicker"
 });
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
+  ...__default__$1f,
   props: colorPickerProps,
   emits: colorPickerEmits,
   setup(__props, { expose, emit }) {
@@ -26468,11 +26327,8 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
       ];
     });
     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;
@@ -26688,9 +26544,8 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": ($event) => customInput.value = $event,
                   "validate-event": false,
                   size: "small",
-                  onKeyup: withKeys(handleConfirm, ["enter"]),
-                  onBlur: handleConfirm
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeyup"])
+                  onChange: handleConfirm
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ], 2),
               createVNode(unref(ElButton), {
                 class: normalizeClass(unref(ns).be("dropdown", "link-btn")),
@@ -26779,15 +26634,15 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1e = defineComponent({
   name: "ElContainer"
 });
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+  ...__default__$1e,
   props: {
     direction: {
       type: String
@@ -26822,13 +26677,13 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1d = defineComponent({
   name: "ElAside"
 });
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+  ...__default__$1d,
   props: {
     width: {
       type: String,
@@ -26849,13 +26704,13 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1c = defineComponent({
   name: "ElFooter"
 });
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+  ...__default__$1c,
   props: {
     height: {
       type: String,
@@ -26876,13 +26731,13 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1b = defineComponent({
   name: "ElHeader"
 });
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+  ...__default__$1b,
   props: {
     height: {
       type: String,
@@ -26907,13 +26762,13 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1a = defineComponent({
   name: "ElMain"
 });
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+  ...__default__$1a,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -26925,7 +26780,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -27659,7 +27514,7 @@ var ElDatePickerCell = defineComponent({
   }
 });
 
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   __name: "basic-date-table",
   props: basicDateTableProps,
   emits: basicDateTableEmits,
@@ -27746,14 +27601,14 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   __name: "basic-month-table",
   props: basicMonthTableProps,
   emits: ["changerange", "pick", "select"],
@@ -27952,14 +27807,14 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "basic-year-table",
   props: basicYearTableProps,
   emits: ["changerange", "pick", "select"],
@@ -28155,9 +28010,9 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
   props: panelDatePickProps,
   emits: ["pick", "set-picker-option", "panel-change"],
@@ -28831,7 +28686,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -29050,7 +28905,7 @@ const usePanelDateRange = (props, emit, leftDate, rightDate) => {
 };
 
 const unit$2 = "month";
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
   props: panelDateRangeProps,
   emits: [
@@ -29812,7 +29667,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -29872,11 +29727,11 @@ const useMonthRangeHeader = ({
 };
 
 const unit$1 = "year";
-const __default__$16 = defineComponent({
+const __default__$19 = defineComponent({
   name: "DatePickerMonthRange"
 });
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+  ...__default__$19,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -30106,7 +29961,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -30169,11 +30024,11 @@ const useYearRangeHeader = ({
 };
 
 const unit = "year";
-const __default__$15 = defineComponent({
+const __default__$18 = defineComponent({
   name: "DatePickerYearRange"
 });
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+  ...__default__$18,
   props: panelYearRangeProps,
   emits: panelYearRangeEmits,
   setup(__props, { emit }) {
@@ -30466,7 +30321,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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) {
@@ -30675,11 +30530,11 @@ const descriptionsRowProps = buildProps({
   }
 });
 
-const __default__$14 = defineComponent({
+const __default__$17 = defineComponent({
   name: "ElDescriptionsRow"
 });
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+  ...__default__$17,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -30733,7 +30588,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -30761,13 +30616,13 @@ const descriptionProps = buildProps({
   }
 });
 
-const COMPONENT_NAME$d = "ElDescriptionsItem";
+const COMPONENT_NAME$e = "ElDescriptionsItem";
 
-const __default__$13 = defineComponent({
+const __default__$16 = defineComponent({
   name: "ElDescriptions"
 });
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+  ...__default__$16,
   props: descriptionProps,
   setup(__props) {
     const props = __props;
@@ -30793,7 +30648,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
         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 = [];
@@ -30881,7 +30736,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -30927,7 +30782,7 @@ const descriptionItemProps = buildProps({
   }
 });
 const DescriptionItem = defineComponent({
-  name: COMPONENT_NAME$d,
+  name: COMPONENT_NAME$e,
   props: descriptionItemProps
 });
 
@@ -31024,9 +30879,9 @@ const dialogContentEmits = {
   close: () => true
 };
 
-const __default__$12 = defineComponent({ name: "ElDialogContent" });
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+const __default__$15 = defineComponent({ name: "ElDialogContent" });
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+  ...__default__$15,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props, { expose }) {
@@ -31102,7 +30957,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -31340,12 +31195,12 @@ const useDialog = (props, targetRef) => {
   };
 };
 
-const __default__$11 = defineComponent({
+const __default__$14 = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
 });
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+  ...__default__$14,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -31500,7 +31355,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -31521,11 +31376,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$10 = defineComponent({
+const __default__$13 = defineComponent({
   name: "ElDivider"
 });
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+  ...__default__$13,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -31551,7 +31406,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -31581,12 +31436,12 @@ const drawerProps = buildProps({
 });
 const drawerEmits = dialogEmits;
 
-const __default__$$ = defineComponent({
+const __default__$12 = defineComponent({
   name: "ElDrawer",
   inheritAttrs: false
 });
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+  ...__default__$12,
   props: drawerProps,
   emits: drawerEmits,
   setup(__props, { expose }) {
@@ -31746,26 +31601,26 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   return 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__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   return 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) => {
@@ -31902,7 +31757,7 @@ const focusFirst = (elements) => {
 const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
 const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
 const EVT_OPTS = { bubbles: false, cancelable: true };
-const _sfc_main$1j = defineComponent({
+const _sfc_main$1m = defineComponent({
   name: "ElRovingFocusGroupImpl",
   inheritAttrs: false,
   props: rovingFocusGroupProps,
@@ -31988,9 +31843,9 @@ const _sfc_main$1j = defineComponent({
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return 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 = defineComponent({
+const _sfc_main$1l = defineComponent({
   name: "ElRovingFocusGroup",
   components: {
     ElFocusGroupCollection: ElCollection$1,
@@ -32012,9 +31867,9 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
+const _sfc_main$1k = defineComponent({
   components: {
     ElRovingFocusCollectionItem: ElCollectionItem$1
   },
@@ -32112,7 +31967,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -32221,7 +32076,7 @@ const {
 const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
 const { ButtonGroup: ElButtonGroup } = ElButton;
-const _sfc_main$1g = defineComponent({
+const _sfc_main$1j = defineComponent({
   name: "ElDropdown",
   components: {
     ElButton,
@@ -32503,9 +32358,9 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     })) : 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 = defineComponent({
+const _sfc_main$1i = defineComponent({
   name: "DropdownItemImpl",
   components: {
     ElIcon
@@ -32585,7 +32440,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = inject("elDropdown", {});
@@ -32596,7 +32451,7 @@ const useDropdown = () => {
   };
 };
 
-const _sfc_main$1e = defineComponent({
+const _sfc_main$1h = defineComponent({
   name: "ElDropdownItem",
   components: {
     ElDropdownCollectionItem: ElCollectionItem,
@@ -32694,9 +32549,9 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
+const _sfc_main$1g = defineComponent({
   name: "ElDropdownMenu",
   props: dropdownMenuProps,
   setup(props) {
@@ -32773,7 +32628,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -32782,11 +32637,11 @@ const ElDropdown = withInstall(Dropdown, {
 const ElDropdownItem = withNoopInstall(DropdownItem);
 const ElDropdownMenu = withNoopInstall(DropdownMenu);
 
-const __default__$_ = defineComponent({
+const __default__$11 = defineComponent({
   name: "ImgEmpty"
 });
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+  ...__default__$11,
   setup(__props) {
     const ns = useNamespace("empty");
     const id = useId();
@@ -32911,7 +32766,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -32925,11 +32780,11 @@ const emptyProps = buildProps({
   }
 });
 
-const __default__$Z = defineComponent({
+const __default__$10 = defineComponent({
   name: "ElEmpty"
 });
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+  ...__default__$10,
   props: emptyProps,
   setup(__props) {
     const props = __props;
@@ -32970,7 +32825,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -33022,11 +32877,11 @@ const imageViewerEmits = {
   rotate: (deg) => isNumber(deg)
 };
 
-const __default__$Y = defineComponent({
+const __default__$$ = defineComponent({
   name: "ElImageViewer"
 });
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+  ...__default__$$,
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { expose, emit }) {
@@ -33455,7 +33310,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -33526,12 +33381,12 @@ const imageEmits = {
   show: () => true
 };
 
-const __default__$X = defineComponent({
+const __default__$_ = defineComponent({
   name: "ElImage",
   inheritAttrs: false
 });
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  ...__default__$_,
   props: imageProps,
   emits: imageEmits,
   setup(__props, { expose, emit }) {
@@ -33739,7 +33594,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -33801,11 +33656,11 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const __default__$W = defineComponent({
+const __default__$Z = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+  ...__default__$Z,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -34131,7 +33986,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -34510,12 +34365,12 @@ function useInputTagDom({
   };
 }
 
-const __default__$V = defineComponent({
+const __default__$Y = defineComponent({
   name: "ElInputTag",
   inheritAttrs: false
 });
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+  ...__default__$Y,
   props: inputTagProps,
   emits: inputTagEmits,
   setup(__props, { expose, emit }) {
@@ -34709,7 +34564,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -34738,11 +34593,11 @@ const linkEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$U = defineComponent({
+const __default__$X = defineComponent({
   name: "ElLink"
 });
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  ...__default__$X,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -34801,7 +34656,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -34932,11 +34787,11 @@ class Menu$1 {
 }
 var Menubar = Menu$1;
 
-const __default__$T = defineComponent({
+const __default__$W = defineComponent({
   name: "ElMenuCollapseTransition"
 });
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  ...__default__$W,
   setup(__props) {
     const ns = useNamespace("menu");
     const listeners = {
@@ -34982,7 +34837,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = computed(() => {
@@ -35056,9 +34911,9 @@ const subMenuProps = buildProps({
     type: iconPropType
   }
 });
-const COMPONENT_NAME$c = "ElSubMenu";
+const COMPONENT_NAME$d = "ElSubMenu";
 var SubMenu = defineComponent({
-  name: COMPONENT_NAME$c,
+  name: COMPONENT_NAME$d,
   props: subMenuProps,
   setup(props, { slots, expose }) {
     const instance = getCurrentInstance();
@@ -35067,10 +34922,10 @@ var SubMenu = defineComponent({
     const nsSubMenu = useNamespace("sub-menu");
     const rootMenu = inject("rootMenu");
     if (!rootMenu)
-      throwError(COMPONENT_NAME$c, "can not inject root menu");
+      throwError(COMPONENT_NAME$d, "can not inject root menu");
     const subMenu = 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 = ref({});
     const subMenus = ref({});
     let timeout;
@@ -35632,12 +35487,12 @@ const menuItemEmits = {
   click: (item) => isString$1(item.index) && isArray$1(item.indexPath)
 };
 
-const COMPONENT_NAME$b = "ElMenuItem";
-const __default__$S = defineComponent({
-  name: COMPONENT_NAME$b
+const COMPONENT_NAME$c = "ElMenuItem";
+const __default__$V = defineComponent({
+  name: COMPONENT_NAME$c
 });
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  ...__default__$V,
   props: menuItemProps,
   emits: menuItemEmits,
   setup(__props, { expose, emit }) {
@@ -35647,11 +35502,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     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, toRef(props, "index"));
     const subMenu = 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 = computed(() => props.index === rootMenu.activeIndex);
     const item = reactive({
       index: props.index,
@@ -35721,17 +35576,17 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$U = defineComponent({
   name: "ElMenuItemGroup"
 });
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  ...__default__$U,
   props: menuItemGroupProps,
   setup(__props) {
     const ns = useNamespace("menu-item-group");
@@ -35753,7 +35608,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -35779,11 +35634,11 @@ const pageHeaderEmits = {
   back: () => true
 };
 
-const __default__$Q = defineComponent({
+const __default__$T = defineComponent({
   name: "ElPageHeader"
 });
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  ...__default__$T,
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
@@ -35869,7 +35724,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -35892,11 +35747,11 @@ const paginationPrevEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$P = defineComponent({
+const __default__$S = defineComponent({
   name: "ElPaginationPrev"
 });
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+  ...__default__$S,
   props: paginationPrevProps,
   emits: paginationPrevEmits,
   setup(__props) {
@@ -35922,7 +35777,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -35942,11 +35797,11 @@ const paginationNextProps = buildProps({
   }
 });
 
-const __default__$O = defineComponent({
+const __default__$R = defineComponent({
   name: "ElPaginationNext"
 });
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  ...__default__$R,
   props: paginationNextProps,
   emits: ["click"],
   setup(__props) {
@@ -35972,12 +35827,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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],
@@ -35993,7 +35848,7 @@ const optionProps = buildProps({
 function useOption$1(props, states) {
   const select = 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 = inject(selectGroupKey, { disabled: false });
   const itemSelected = computed(() => {
@@ -36009,7 +35864,8 @@ function useOption$1(props, states) {
     }
   });
   const currentLabel = 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 = computed(() => {
     return props.value || props.label || "";
@@ -36069,9 +35925,9 @@ function useOption$1(props, states) {
   };
 }
 
-const _sfc_main$$ = defineComponent({
-  name: COMPONENT_NAME$a,
-  componentName: COMPONENT_NAME$a,
+const _sfc_main$12 = defineComponent({
+  name: COMPONENT_NAME$b,
+  componentName: COMPONENT_NAME$b,
   props: optionProps,
   setup(props) {
     const ns = useNamespace("select");
@@ -36151,9 +36007,9 @@ function _sfc_render$b(_ctx, _cache) {
     [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$_ = defineComponent({
+const _sfc_main$11 = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -36200,7 +36056,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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();
@@ -36993,10 +36849,10 @@ const selectEmits$1 = {
   clear: () => true
 };
 
-const COMPONENT_NAME$9 = "ElSelect";
-const _sfc_main$Z = defineComponent({
-  name: COMPONENT_NAME$9,
-  componentName: COMPONENT_NAME$9,
+const COMPONENT_NAME$a = "ElSelect";
+const _sfc_main$10 = defineComponent({
+  name: COMPONENT_NAME$a,
+  componentName: COMPONENT_NAME$a,
   components: {
     ElSelectMenu: ElSelectMenu$1,
     ElOption: Option,
@@ -37427,9 +37283,9 @@ function _sfc_render$9(_ctx, _cache) {
     [_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 = defineComponent({
+const _sfc_main$$ = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -37503,7 +37359,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     [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,
@@ -37535,11 +37391,11 @@ const paginationSizesProps = buildProps({
   appendSizeTo: String
 });
 
-const __default__$N = defineComponent({
+const __default__$Q = defineComponent({
   name: "ElPaginationSizes"
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  ...__default__$Q,
   props: paginationSizesProps,
   emits: ["page-size-change"],
   setup(__props, { emit }) {
@@ -37596,7 +37452,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -37605,11 +37461,11 @@ const paginationJumperProps = buildProps({
   }
 });
 
-const __default__$M = defineComponent({
+const __default__$P = defineComponent({
   name: "ElPaginationJumper"
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  ...__default__$P,
   props: paginationJumperProps,
   setup(__props) {
     const { t } = useLocale();
@@ -37656,7 +37512,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -37665,11 +37521,11 @@ const paginationTotalProps = buildProps({
   }
 });
 
-const __default__$L = defineComponent({
+const __default__$O = defineComponent({
   name: "ElPaginationTotal"
 });
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  ...__default__$O,
   props: paginationTotalProps,
   setup(__props) {
     const { t } = useLocale();
@@ -37685,7 +37541,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -37703,11 +37559,11 @@ const paginationPagerProps = buildProps({
   disabled: Boolean
 });
 
-const __default__$K = defineComponent({
+const __default__$N = defineComponent({
   name: "ElPaginationPager"
 });
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  ...__default__$N,
   props: paginationPagerProps,
   emits: [CHANGE_EVENT],
   setup(__props, { emit }) {
@@ -37905,7 +37761,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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({
@@ -38227,11 +38083,11 @@ const popconfirmEmits = {
   cancel: (e) => e instanceof MouseEvent
 };
 
-const __default__$J = defineComponent({
+const __default__$M = defineComponent({
   name: "ElPopconfirm"
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  ...__default__$M,
   props: popconfirmProps,
   emits: popconfirmEmits,
   setup(__props, { emit }) {
@@ -38332,7 +38188,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -38400,11 +38256,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$I = defineComponent({
+const __default__$L = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
+  ...__default__$L,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -38505,7 +38361,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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;
@@ -38583,11 +38439,11 @@ const progressProps = buildProps({
   }
 });
 
-const __default__$H = defineComponent({
+const __default__$K = defineComponent({
   name: "ElProgress"
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  ...__default__$K,
   props: progressProps,
   setup(__props) {
     const props = __props;
@@ -38783,7 +38639,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -38863,11 +38719,11 @@ const rateEmits = {
   [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
 };
 
-const __default__$G = defineComponent({
+const __default__$J = defineComponent({
   name: "ElRate"
 });
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...__default__$J,
   props: rateProps,
   emits: rateEmits,
   setup(__props, { expose, emit }) {
@@ -39108,7 +38964,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -39142,11 +38998,11 @@ const resultProps = buildProps({
   }
 });
 
-const __default__$F = defineComponent({
+const __default__$I = defineComponent({
   name: "ElResult"
 });
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$I,
   props: resultProps,
   setup(__props) {
     const props = __props;
@@ -39200,7 +39056,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -41007,7 +40863,7 @@ const DynamicSizeGrid = createGrid$1({
 });
 var DynamicSizeGrid$1 = DynamicSizeGrid;
 
-const _sfc_main$O = defineComponent({
+const _sfc_main$R = defineComponent({
   props: {
     item: {
       type: Object,
@@ -41031,7 +40887,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
   }, 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 {
@@ -41228,7 +41084,7 @@ const optionEmits = {
 
 const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
-const _sfc_main$N = defineComponent({
+const _sfc_main$Q = defineComponent({
   props: OptionProps,
   emits: optionEmits,
   setup(props, { emit }) {
@@ -41267,7 +41123,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -42311,7 +42167,7 @@ const useSelect$1 = (props, emit) => {
 };
 var useSelect$2 = useSelect$1;
 
-const _sfc_main$M = defineComponent({
+const _sfc_main$P = defineComponent({
   name: "ElSelectV2",
   components: {
     ElSelectMenu,
@@ -42698,7 +42554,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$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);
 
@@ -42742,11 +42598,11 @@ const skeletonItemProps = buildProps({
   }
 });
 
-const __default__$E = defineComponent({
+const __default__$H = defineComponent({
   name: "ElSkeletonItem"
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  ...__default__$H,
   props: skeletonItemProps,
   setup(__props) {
     const ns = useNamespace("skeleton");
@@ -42759,13 +42615,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$G = defineComponent({
   name: "ElSkeleton"
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...__default__$G,
   props: skeletonProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -42803,7 +42659,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -43437,11 +43293,11 @@ const sliderButtonEmits = {
   [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
 };
 
-const __default__$C = defineComponent({
+const __default__$F = defineComponent({
   name: "ElSliderButton"
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  ...__default__$F,
   props: sliderButtonProps,
   emits: sliderButtonEmits,
   setup(__props, { expose, emit }) {
@@ -43522,7 +43378,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -43546,11 +43402,11 @@ var SliderMarker = defineComponent({
   }
 });
 
-const __default__$B = defineComponent({
+const __default__$E = defineComponent({
   name: "ElSlider"
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: sliderProps,
   emits: sliderEmits,
   setup(__props, { expose, emit }) {
@@ -43766,7 +43622,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -43986,11 +43842,11 @@ const statisticProps = buildProps({
   }
 });
 
-const __default__$A = defineComponent({
+const __default__$D = defineComponent({
   name: "ElStatistic"
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: statisticProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -44049,7 +43905,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -44101,11 +43957,11 @@ const formatTime$1 = (timestamp, format) => {
   return replacedText.replace(escapeRegex, "$1");
 };
 
-const __default__$z = defineComponent({
+const __default__$C = defineComponent({
   name: "ElCountdown"
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: countdownProps,
   emits: countdownEmits,
   setup(__props, { expose, emit }) {
@@ -44174,7 +44030,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -44213,11 +44069,11 @@ const stepsEmits = {
   [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
-const __default__$y = defineComponent({
+const __default__$B = defineComponent({
   name: "ElSteps"
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   props: stepsProps,
   emits: stepsEmits,
   setup(__props, { emit }) {
@@ -44246,7 +44102,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -44267,11 +44123,11 @@ const stepProps = buildProps({
   }
 });
 
-const __default__$x = defineComponent({
+const __default__$A = defineComponent({
   name: "ElStep"
 });
-const _sfc_main$E = defineComponent({
-  ...__default__$x,
+const _sfc_main$H = defineComponent({
+  ...__default__$A,
   props: stepProps,
   setup(__props) {
     const props = __props;
@@ -44450,7 +44306,7 @@ const _sfc_main$E = defineComponent({
     };
   }
 });
-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
@@ -44524,12 +44380,12 @@ const switchEmits = {
   [INPUT_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val)
 };
 
-const COMPONENT_NAME$8 = "ElSwitch";
-const __default__$w = defineComponent({
-  name: COMPONENT_NAME$8
+const COMPONENT_NAME$9 = "ElSwitch";
+const __default__$z = defineComponent({
+  name: COMPONENT_NAME$9
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: switchProps,
   emits: switchEmits,
   setup(__props, { expose, emit }) {
@@ -44605,7 +44461,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         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) => {
@@ -44738,7 +44594,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -46377,7 +46233,7 @@ class TableLayout {
 var TableLayout$1 = TableLayout;
 
 const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
-const _sfc_main$C = defineComponent({
+const _sfc_main$F = defineComponent({
   name: "ElTableFilterPanel",
   components: {
     ElCheckbox,
@@ -46644,7 +46500,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = getCurrentInstance();
@@ -47463,11 +47319,11 @@ function useStyles$1(props) {
   };
 }
 
-const __default__$v = defineComponent({
+const __default__$y = defineComponent({
   name: "TableTdWrapper"
 });
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: {
     colspan: {
       type: Number,
@@ -47489,7 +47345,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = inject(TABLE_INJECTION_KEY);
@@ -48451,7 +48307,7 @@ const useScrollbar$1 = () => {
 };
 
 let tableIdSeed = 1;
-const _sfc_main$A = defineComponent({
+const _sfc_main$D = defineComponent({
   name: "ElTable",
   directives: {
     Mousewheel
@@ -48798,7 +48654,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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",
@@ -50382,9 +50238,9 @@ const TableV2HeaderRow = defineComponent({
 });
 var HeaderRow = TableV2HeaderRow;
 
-const COMPONENT_NAME$7 = "ElTableV2Header";
+const COMPONENT_NAME$8 = "ElTableV2Header";
 const TableV2Header = defineComponent({
-  name: COMPONENT_NAME$7,
+  name: COMPONENT_NAME$8,
   props: tableV2HeaderProps,
   setup(props, {
     slots,
@@ -50587,9 +50443,9 @@ const useTableRow = (props) => {
     onExpand
   };
 };
-const COMPONENT_NAME$6 = "ElTableV2TableRow";
+const COMPONENT_NAME$7 = "ElTableV2TableRow";
 const TableV2Row = defineComponent({
-  name: COMPONENT_NAME$6,
+  name: COMPONENT_NAME$7,
   props: tableV2RowProps,
   setup(props, {
     expose,
@@ -50709,7 +50565,7 @@ const ExpandIcon = (props) => {
 };
 var ExpandIcon$1 = ExpandIcon;
 
-const COMPONENT_NAME$5 = "ElTableV2Grid";
+const COMPONENT_NAME$6 = "ElTableV2Grid";
 const useTableGrid = (props) => {
   const headerRef = ref();
   const bodyRef = ref();
@@ -50821,7 +50677,7 @@ const useTableGrid = (props) => {
   };
 };
 const TableGrid = defineComponent({
-  name: COMPONENT_NAME$5,
+  name: COMPONENT_NAME$6,
   props: tableV2GridProps,
   setup(props, {
     slots,
@@ -51300,9 +51156,9 @@ Overlay.displayName = "ElTableV2Overlay";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const COMPONENT_NAME$4 = "ElTableV2";
+const COMPONENT_NAME$5 = "ElTableV2";
 const TableV2 = defineComponent({
-  name: COMPONENT_NAME$4,
+  name: COMPONENT_NAME$5,
   props: tableV2Props,
   setup(props, {
     slots,
@@ -51604,19 +51460,19 @@ const tabBarProps = buildProps({
   }
 });
 
-const COMPONENT_NAME$3 = "ElTabBar";
-const __default__$u = defineComponent({
-  name: COMPONENT_NAME$3
+const COMPONENT_NAME$4 = "ElTabBar";
+const __default__$x = defineComponent({
+  name: COMPONENT_NAME$4
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
     const instance = getCurrentInstance();
     const rootTabs = 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 = ref();
     const barStyle = ref();
@@ -51691,7 +51547,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -51714,9 +51570,9 @@ const tabNavEmits = {
   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 = defineComponent({
-  name: COMPONENT_NAME$2,
+  name: COMPONENT_NAME$3,
   props: tabNavProps,
   emits: tabNavEmits,
   setup(props, {
@@ -51725,7 +51581,7 @@ const TabNav = defineComponent({
   }) {
     const rootTabs = 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();
@@ -52120,12 +51976,12 @@ const tabPaneProps = buildProps({
   lazy: Boolean
 });
 
-const COMPONENT_NAME$1 = "ElTabPane";
-const __default__$t = defineComponent({
-  name: COMPONENT_NAME$1
+const COMPONENT_NAME$2 = "ElTabPane";
+const __default__$w = defineComponent({
+  name: COMPONENT_NAME$2
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: tabPaneProps,
   setup(__props) {
     const props = __props;
@@ -52133,7 +51989,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const tabsRoot = 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 = ref();
     const isClosable = computed(() => props.closable || tabsRoot.props.closable);
@@ -52183,7 +52039,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -52211,11 +52067,11 @@ const textProps = buildProps({
   }
 });
 
-const __default__$s = defineComponent({
+const __default__$v = defineComponent({
   name: "ElText"
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: textProps,
   setup(__props) {
     const props = __props;
@@ -52272,7 +52128,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -52383,11 +52239,11 @@ const nextTime = (time, step) => {
   return formatTime(next);
 };
 
-const __default__$r = defineComponent({
+const __default__$u = defineComponent({
   name: "ElTimeSelect"
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: timeSelectProps,
   emits: [CHANGE_EVENT, "blur", "focus", "clear", UPDATE_MODEL_EVENT],
   setup(__props, { expose }) {
@@ -52502,7 +52358,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -52550,11 +52406,11 @@ const timelineItemProps = buildProps({
   hollow: Boolean
 });
 
-const __default__$q = defineComponent({
+const __default__$t = defineComponent({
   name: "ElTimelineItem"
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: timelineItemProps,
   setup(__props) {
     const props = __props;
@@ -52616,7 +52472,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -52756,11 +52612,11 @@ const tooltipV2RootKey = Symbol("tooltipV2");
 const tooltipV2ContentKey = Symbol("tooltipV2Content");
 const TOOLTIP_V2_OPEN = "tooltip_v2.open";
 
-const __default__$p = defineComponent({
+const __default__$s = defineComponent({
   name: "ElTooltipV2Root"
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: tooltipV2RootProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -52827,13 +52683,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$r = defineComponent({
   name: "ElTooltipV2Arrow"
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: {
     ...tooltipV2ArrowProps,
     ...tooltipV2ArrowSpecialProps
@@ -52863,7 +52719,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -52872,11 +52728,11 @@ const visualHiddenProps = buildProps({
   }
 });
 
-const __default__$n = defineComponent({
+const __default__$q = defineComponent({
   name: "ElVisuallyHidden"
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: visualHiddenProps,
   setup(__props) {
     const props = __props;
@@ -52904,13 +52760,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$p = defineComponent({
   name: "ElTooltipV2Content"
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
   setup(__props) {
     const props = __props;
@@ -53005,7 +52861,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -53038,11 +52894,11 @@ var ForwardRef = defineComponent({
   }
 });
 
-const __default__$l = defineComponent({
+const __default__$o = defineComponent({
   name: "ElTooltipV2Trigger"
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: {
     ...tooltipV2CommonProps,
     ...tooltipV2TriggerProps
@@ -53119,13 +52975,13 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$n = defineComponent({
   name: "ElTooltipV2"
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: tooltipV2Props,
   setup(__props) {
     const props = __props;
@@ -53187,7 +53043,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -53445,11 +53301,11 @@ const useMove = (props, checkedState, emit) => {
   };
 };
 
-const __default__$j = defineComponent({
+const __default__$m = defineComponent({
   name: "ElTransferPanel"
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: transferPanelProps,
   emits: transferPanelEmits,
   setup(__props, { expose, emit }) {
@@ -53563,13 +53419,13 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$l = defineComponent({
   name: "ElTransfer"
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: transferProps,
   emits: transferEmits,
   setup(__props, { expose, emit }) {
@@ -53713,7 +53569,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -54489,7 +54345,7 @@ class TreeStore {
   }
 }
 
-const _sfc_main$m = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "ElTreeNodeContent",
   props: {
     node: {
@@ -54511,7 +54367,7 @@ const _sfc_main$m = defineComponent({
     };
   }
 });
-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 = inject("TreeNodeMap", null);
@@ -54691,7 +54547,7 @@ function useDragNodeHandler({ props, ctx, el$, dropIndicator$, store }) {
   };
 }
 
-const _sfc_main$l = defineComponent({
+const _sfc_main$o = defineComponent({
   name: "ElTreeNode",
   components: {
     ElCollapseTransition,
@@ -54992,7 +54848,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     [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");
@@ -55075,7 +54931,7 @@ function useKeydown({ el$ }, store) {
   };
 }
 
-const _sfc_main$k = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "ElTree",
   components: { ElTreeNode: ElTreeNode$1 },
   props: {
@@ -55402,7 +55258,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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);
 
@@ -55690,7 +55546,7 @@ var CacheOptions = defineComponent({
   }
 });
 
-const _sfc_main$j = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "ElTreeSelect",
   inheritAttrs: false,
   props: {
@@ -55754,7 +55610,7 @@ const _sfc_main$j = defineComponent({
     });
   }
 });
-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);
 
@@ -56453,11 +56309,11 @@ var ElNodeContent = defineComponent({
   }
 });
 
-const __default__$h = defineComponent({
+const __default__$k = defineComponent({
   name: "ElTreeNode"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: treeNodeProps,
   emits: treeNodeEmits,
   setup(__props, { emit }) {
@@ -56570,13 +56426,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$j = defineComponent({
   name: "ElTreeV2"
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: treeProps,
   emits: treeEmits,
   setup(__props, { expose, emit }) {
@@ -56700,7 +56556,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -56909,11 +56765,11 @@ const uploadListEmits = {
   remove: (file) => !!file
 };
 
-const __default__$f = defineComponent({
+const __default__$i = defineComponent({
   name: "ElUploadList"
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: uploadListProps,
   emits: uploadListEmits,
   setup(__props, { emit }) {
@@ -57073,7 +56929,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -57085,18 +56941,18 @@ const uploadDraggerEmits = {
   file: (file) => isArray$1(file)
 };
 
-const COMPONENT_NAME = "ElUploadDrag";
-const __default__$e = defineComponent({
-  name: COMPONENT_NAME
+const COMPONENT_NAME$1 = "ElUploadDrag";
+const __default__$h = defineComponent({
+  name: COMPONENT_NAME$1
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: uploadDraggerProps,
   emits: uploadDraggerEmits,
   setup(__props, { emit }) {
     const uploaderContext = 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 = ref(false);
@@ -57134,7 +56990,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -57168,12 +57024,12 @@ const uploadContentProps = buildProps({
   }
 });
 
-const __default__$d = defineComponent({
+const __default__$g = defineComponent({
   name: "ElUploadContent",
   inheritAttrs: false
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: uploadContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -57354,7 +57210,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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) => {
@@ -57485,11 +57341,11 @@ const useHandlers = (props, uploadRef) => {
   };
 };
 
-const __default__$c = defineComponent({
+const __default__$f = defineComponent({
   name: "ElUpload"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: uploadProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -57603,7 +57459,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -57743,11 +57599,11 @@ function useClips() {
   return getClips;
 }
 
-const __default__$b = defineComponent({
+const __default__$e = defineComponent({
   name: "ElWatermark"
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: watermarkProps,
   setup(__props) {
     const props = __props;
@@ -57955,7 +57811,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -58178,12 +58034,12 @@ const overflowMiddleware = () => {
   };
 };
 
-const __default__$a = defineComponent({
+const __default__$d = defineComponent({
   name: "ElTourMask",
   inheritAttrs: false
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   props: maskProps,
   setup(__props) {
     const props = __props;
@@ -58248,7 +58104,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = [
@@ -58294,11 +58150,11 @@ const tourContentEmits = {
   close: () => true
 };
 
-const __default__$9 = defineComponent({
+const __default__$c = defineComponent({
   name: "ElTourContent"
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: tourContentProps,
   emits: tourContentEmits,
   setup(__props, { emit }) {
@@ -58356,7 +58212,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "content.vue"]]);
+var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "content.vue"]]);
 
 var ElTourSteps = defineComponent({
   name: "ElTourSteps",
@@ -58466,11 +58322,11 @@ const tourEmits = {
   change: (current) => isNumber(current)
 };
 
-const __default__$8 = defineComponent({
+const __default__$b = defineComponent({
   name: "ElTour"
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: tourProps,
   emits: tourEmits,
   setup(__props, { emit }) {
@@ -58607,7 +58463,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -58652,11 +58508,11 @@ const tourStepEmits = {
   close: () => true
 };
 
-const __default__$7 = defineComponent({
+const __default__$a = defineComponent({
   name: "ElTourStep"
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: tourStepProps,
   emits: tourStepEmits,
   setup(__props, { emit }) {
@@ -58811,7 +58667,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -58861,11 +58717,11 @@ const anchorEmits = {
 
 const anchorKey = Symbol("anchor");
 
-const __default__$6 = defineComponent({
+const __default__$9 = defineComponent({
   name: "ElAnchor"
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: anchorProps,
   emits: anchorEmits,
   setup(__props, { expose, emit }) {
@@ -59042,18 +58898,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$8 = defineComponent({
   name: "ElAnchorLink"
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: anchorLinkProps,
   setup(__props) {
     const props = __props;
@@ -59125,7 +58981,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -59170,11 +59026,11 @@ const segmentedEmits = {
   [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
 };
 
-const __default__$4 = defineComponent({
+const __default__$7 = defineComponent({
   name: "ElSegmented"
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: segmentedProps,
   emits: segmentedEmits,
   setup(__props, { emit }) {
@@ -59327,7 +59183,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -59553,11 +59409,11 @@ const mentionDropdownEmits = {
   select: (option) => isString$1(option.value)
 };
 
-const __default__$3 = defineComponent({
+const __default__$6 = defineComponent({
   name: "ElMentionDropdown"
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: mentionDropdownProps,
   emits: mentionDropdownEmits,
   setup(__props, { expose, emit }) {
@@ -59711,14 +59567,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$5 = defineComponent({
   name: "ElMention",
   inheritAttrs: false
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: mentionProps,
   emits: mentionEmits,
   setup(__props, { expose, emit }) {
@@ -59984,10 +59840,570 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = ref();
+  const { width, height } = useElementSize(containerEl);
+  const containerSize = 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 = computed(() => panels.value.map((i) => i.size));
+  const panelCounts = computed(() => panels.value.length);
+  const percentSizes = ref([]);
+  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 = 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 = ref(null);
+  let cachePxSizes = [];
+  const limitSizes = 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 = defineComponent({
+  name: "ElSplitter"
+});
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
+  props: splitterProps,
+  emits: ["resizeStart", "resize", "resizeEnd"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("splitter");
+    const { containerEl, containerSize } = useContainer(toRef(props, "layout"));
+    const {
+      removeChild: unregisterPanel,
+      children: panels,
+      addChild: sortPanel
+    } = useOrderedChildren(getCurrentInstance(), "ElSplitterPanel");
+    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);
+    };
+    provide(splitterRootContextKey, 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 openBlock(), createElementBlock("div", {
+        ref_key: "containerEl",
+        ref: containerEl,
+        class: normalizeClass([unref(ns).b(), unref(ns).e(_ctx.layout)])
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createCommentVNode(" Prevent iframe touch events from breaking "),
+        unref(movingIndex) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([unref(ns).e("mask"), unref(ns).e(`mask-${_ctx.layout}`)])
+        }, null, 2)) : 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 = defineComponent({
+  name: "ElSplitterBar"
+});
+const _sfc_main$4 = /* @__PURE__ */ 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 = computed(() => props.layout === "horizontal");
+    const barWrapStyles = computed(() => {
+      if (isHorizontal.value) {
+        return { width: 0 };
+      }
+      return { height: 0 };
+    });
+    const draggerStyles = computed(() => {
+      return {
+        width: isHorizontal.value ? "16px" : "100%",
+        height: isHorizontal.value ? "100%" : "16px",
+        cursor: isHorizontal.value ? "col-resize" : "row-resize",
+        touchAction: "none"
+      };
+    });
+    const draggerPseudoClass = computed(() => {
+      const prefix = ns.e("dragger");
+      let className = isHorizontal.value ? `${prefix}-horizontal` : `${prefix}-vertical`;
+      if (startPos.value)
+        className += ` ${prefix}-active`;
+      return className;
+    });
+    const startPos = 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 = computed(() => isHorizontal.value ? arrow_left_default : arrow_up_default);
+    const EndIcon = computed(() => isHorizontal.value ? arrow_right_default : arrow_down_default);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b()]),
+        style: normalizeStyle(unref(barWrapStyles))
+      }, [
+        __props.startCollapsible ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([unref(ns).e("collapse-icon"), unref(ns).e(`${__props.layout}-collapse-icon-start`)]),
+          onClick: ($event) => emit("collapse", __props.index, "start")
+        }, [
+          renderSlot(_ctx.$slots, "start-collapsible", {}, () => [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(StartIcon)), { style: { "width": "12px", "height": "12px" } }))
+          ])
+        ], 10, ["onClick"])) : createCommentVNode("v-if", true),
+        createElementVNode("div", {
+          class: normalizeClass([
+            unref(ns).e("dragger"),
+            unref(draggerPseudoClass),
+            __props.resizable ? "" : unref(ns).e("disable")
+          ]),
+          style: normalizeStyle(unref(draggerStyles)),
+          onMousedown,
+          onTouchstart: onTouchStart
+        }, null, 38),
+        __props.endCollapsible ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass([unref(ns).e("collapse-icon"), unref(ns).e(`${__props.layout}-collapse-icon-end`)]),
+          onClick: ($event) => emit("collapse", __props.index, "end")
+        }, [
+          renderSlot(_ctx.$slots, "end-collapsible", {}, () => [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(EndIcon)), { style: { "width": "12px", "height": "12px" } }))
+          ])
+        ], 10, ["onClick"])) : 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 = defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: splitterPanelProps,
+  emits: ["update:size"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("splitter-panel");
+    const splitterContext = inject(splitterRootContextKey);
+    if (!splitterContext)
+      throwError(COMPONENT_NAME, "usage: <el-splitter><el-splitter-panel /></el-splitter/>");
+    const { panels, layout, containerSize, pxSizes } = toRefs(splitterContext);
+    const {
+      registerPanel,
+      sortPanel,
+      unregisterPanel,
+      onCollapse,
+      onMoveEnd,
+      onMoveStart,
+      onMoving
+    } = splitterContext;
+    const panelEl = ref();
+    const uid = getCurrentInstance().uid;
+    const index = ref(0);
+    const panel = computed(() => panels.value[index.value]);
+    const setIndex = (val) => {
+      index.value = val;
+    };
+    const panelSize = computed(() => {
+      var _a;
+      if (!panel.value)
+        return 0;
+      return (_a = pxSizes.value[index.value]) != null ? _a : 0;
+    });
+    const nextSize = computed(() => {
+      var _a;
+      if (!panel.value)
+        return 0;
+      return (_a = pxSizes.value[index.value + 1]) != null ? _a : 0;
+    });
+    const nextPanel = computed(() => {
+      if (panel.value) {
+        return panels.value[index.value + 1];
+      }
+      return null;
+    });
+    const isResizable = 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 = computed(() => {
+      if (!panel.value)
+        return false;
+      return index.value !== panels.value.length - 1;
+    });
+    const startCollapsible = computed(() => isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value));
+    const endCollapsible = 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;
+    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;
+        nextTick(() => isSizeUpdating = false);
+      }
+    });
+    watch(() => {
+      var _a;
+      return (_a = panel.value) == null ? void 0 : _a.size;
+    }, (val) => {
+      if (!isSizeUpdating && val !== props.size) {
+        emits("update:size", val);
+      }
+    });
+    watch(() => props.resizable, (val) => {
+      if (panel.value) {
+        panel.value.resizable = val;
+      }
+    });
+    const _panel = reactive({
+      el: panelEl.value,
+      uid,
+      setIndex,
+      ...props,
+      collapsible: getCollapsible(props.collapsible)
+    });
+    registerPanel(_panel);
+    onMounted(() => {
+      sortPanel(_panel);
+    });
+    onUnmounted(() => unregisterPanel == null ? void 0 : unregisterPanel(uid));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", mergeProps({
+          ref_key: "panelEl",
+          ref: panelEl,
+          class: [unref(ns).b()],
+          style: { flexBasis: `${unref(panelSize)}px` }
+        }, _ctx.$attrs), [
+          renderSlot(_ctx.$slots, "default")
+        ], 16),
+        unref(isShowBar) ? (openBlock(), createBlock(SplitBar, {
+          key: 0,
+          index: index.value,
+          layout: unref(layout),
+          resizable: unref(isResizable),
+          "start-collapsible": unref(startCollapsible),
+          "end-collapsible": unref(endCollapsible),
+          onMoveStart: unref(onMoveStart),
+          onMoving: unref(onMoving),
+          onMoveEnd: unref(onMoveEnd),
+          onCollapse: unref(onCollapse)
+        }, {
+          "start-collapsible": withCtx(() => [
+            renderSlot(_ctx.$slots, "start-collapsible")
+          ]),
+          "end-collapsible": withCtx(() => [
+            renderSlot(_ctx.$slots, "end-collapsible")
+          ]),
+          _: 3
+        }, 8, ["index", "layout", "resizable", "start-collapsible", "end-collapsible", "onMoveStart", "onMoving", "onMoveEnd", "onCollapse"])) : 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,
@@ -60094,7 +60510,9 @@ var Components = [
   ElAnchor,
   ElAnchorLink,
   ElSegmented,
-  ElMention
+  ElMention,
+  ElSplitter,
+  ElSplitterPanel
 ];
 
 const SCOPE = "ElInfiniteScroll";
@@ -61834,4 +62252,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CAROUSEL_ITEM_NAME, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_EMPTY_VALUES, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DEFAULT_VALUE_ON_CLEAR, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAnchor, ElAnchorLink, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElCountdown, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElInputTag, ElLink, ElLoading, vLoading$1 as ElLoadingDirective, Loading$1 as ElLoadingService, ElMain, ElMention, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSegmented, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStatistic, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElText, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTour, ElTourStep, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ElWatermark, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RowAlign, RowJustify, SCOPE$4 as SCOPE, SIZE_INJECTION_KEY, SelectProps$1 as SelectProps, TOOLTIP_INJECTION_KEY, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, ZINDEX_INJECTION_KEY, affixEmits, affixProps, alertEffects, alertEmits, alertProps, anchorEmits, anchorProps, ariaProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, cascaderEmits, cascaderProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerContextKey, colorPickerEmits, colorPickerProps, columnAlignment, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, datePickerProps, dayOrDaysToDate, dayjs, installer as default, defaultInitialZIndex, defaultNamespace, defaultProps, descriptionItemProps, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, emptyValuesContextKey, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formMetaProps, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, inputTagEmits, inputTagProps, install, linkEmits, linkProps, localeContextKey, makeInstaller, makeList, mentionEmits, mentionProps, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, namespaceContextKey, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmEmits, popconfirmProps, popoverEmits, popoverProps, popperArrowProps, popperContentEmits, popperContentProps, popperCoreConfigProps, popperProps, popperTriggerProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, segmentedEmits, segmentedProps, selectEmits$1 as selectEmits, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceItemProps, spaceProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, textProps, thumbProps, timePickerDefaultProps, timePickerRangeTriggerProps, timePickerRngeTriggerProps, timeSelectProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, tourContentEmits, tourContentProps, tourEmits, tourPlacements, tourProps, tourStepEmits, tourStepProps, tourStrategies, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAriaProps, useAttrs, useCalcInputWidth, useCascaderConfig, useComposition, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, useEmptyValues, useEmptyValuesProps, useEscapeKeydown, useFloating$1 as useFloating, useFloatingProps, useFocus, useFocusController, useFormDisabled, useFormItem, useFormItemInputId, useFormSize, useForwardRef, useForwardRefDirective, useGetDerivedNamespace, useGlobalComponentSettings, useGlobalConfig, useGlobalSize, useId, useIdInjection, useLocale, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, useNamespace, useOrderedChildren, usePopper, usePopperArrowProps, usePopperContainer, usePopperContainerId, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useSameTarget, useSize, useSizeProp, useSizeProps, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading$1 as vLoading, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps, watermarkProps, zIndexContextKey };
+export { BAR_MAP, CAROUSEL_ITEM_NAME, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_EMPTY_VALUES, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DEFAULT_VALUE_ON_CLEAR, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAnchor, ElAnchorLink, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElCountdown, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElInputTag, ElLink, ElLoading, vLoading$1 as ElLoadingDirective, Loading$1 as ElLoadingService, ElMain, ElMention, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSegmented, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElSplitter, ElSplitterPanel, ElStatistic, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElText, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTour, ElTourStep, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ElWatermark, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RowAlign, RowJustify, SCOPE$4 as SCOPE, SIZE_INJECTION_KEY, SelectProps$1 as SelectProps, TOOLTIP_INJECTION_KEY, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, ZINDEX_INJECTION_KEY, affixEmits, affixProps, alertEffects, alertEmits, alertProps, anchorEmits, anchorProps, ariaProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, cascaderEmits, cascaderProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerContextKey, colorPickerEmits, colorPickerProps, columnAlignment, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, datePickerProps, dayOrDaysToDate, dayjs, installer as default, defaultInitialZIndex, defaultNamespace, defaultProps, descriptionItemProps, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, emptyValuesContextKey, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formMetaProps, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, inputTagEmits, inputTagProps, install, linkEmits, linkProps, localeContextKey, makeInstaller, makeList, mentionEmits, mentionProps, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, namespaceContextKey, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmEmits, popconfirmProps, popoverEmits, popoverProps, popperArrowProps, popperContentEmits, popperContentProps, popperCoreConfigProps, popperProps, popperTriggerProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, segmentedEmits, segmentedProps, selectEmits$1 as selectEmits, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceItemProps, spaceProps, splitterPanelProps, splitterProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, textProps, thumbProps, timePickerDefaultProps, timePickerRangeTriggerProps, timePickerRngeTriggerProps, timeSelectProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, tourContentEmits, tourContentProps, tourEmits, tourPlacements, tourProps, tourStepEmits, tourStepProps, tourStrategies, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAriaProps, useAttrs, useCalcInputWidth, useCascaderConfig, useComposition, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, useEmptyValues, useEmptyValuesProps, useEscapeKeydown, useFloating$1 as useFloating, useFloatingProps, useFocus, useFocusController, useFormDisabled, useFormItem, useFormItemInputId, useFormSize, useForwardRef, useForwardRefDirective, useGetDerivedNamespace, useGlobalComponentSettings, useGlobalConfig, useGlobalSize, useId, useIdInjection, useLocale, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, useNamespace, useOrderedChildren, usePopper, usePopperArrowProps, usePopperContainer, usePopperContainerId, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useSameTarget, useSize$1 as useSize, useSizeProp, useSizeProps, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading$1 as vLoading, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps, watermarkProps, zIndexContextKey };