@element-plus/nightly 0.0.20240410 → 0.0.20240412

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240410 */
+/*! Element Plus v0.0.20240412 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, render, createApp, shallowReactive } from 'vue';
 
@@ -356,6 +356,19 @@ function onClickOutside(target, handler, options = {}) {
   return stop;
 }
 
+function useActiveElement(options = {}) {
+  const { window = defaultWindow } = options;
+  const counter = ref(0);
+  if (window) {
+    useEventListener(window, "blur", () => counter.value += 1, true);
+    useEventListener(window, "focus", () => counter.value += 1, true);
+  }
+  return computed$1(() => {
+    counter.value;
+    return window == null ? void 0 : window.document.activeElement;
+  });
+}
+
 function useSupported(callback, sync = false) {
   const isSupported = ref();
   const update = () => isSupported.value = Boolean(callback());
@@ -11537,6 +11550,44 @@ function useFocusController(target, { afterFocus, beforeBlur, afterBlur } = {})
   };
 }
 
+const SCOPE$3 = "use-empty-values";
+const DEFAULT_EMPTY_VALUES = ["", void 0, null];
+const DEFAULT_VALUE_ON_CLEAR = void 0;
+const useEmptyValuesProps = buildProps({
+  emptyValues: Array,
+  valueOnClear: {
+    type: [String, Number, Boolean, Function],
+    default: void 0,
+    validator: (val) => isFunction$1(val) ? !val() : !val
+  }
+});
+const useEmptyValues = (props, defaultValue) => {
+  const config = useGlobalConfig();
+  config.value = config.value || {};
+  const emptyValues = computed$1(() => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES);
+  const valueOnClear = computed$1(() => {
+    if (isFunction$1(props.valueOnClear)) {
+      return props.valueOnClear();
+    } else if (props.valueOnClear !== void 0) {
+      return props.valueOnClear;
+    } else if (isFunction$1(config.value.valueOnClear)) {
+      return config.value.valueOnClear();
+    } else if (config.value.valueOnClear !== void 0) {
+      return config.value.valueOnClear;
+    }
+    return defaultValue !== void 0 ? defaultValue : DEFAULT_VALUE_ON_CLEAR;
+  });
+  const isEmptyValue = (value) => {
+    return emptyValues.value.includes(value);
+  };
+  if (!emptyValues.value.includes(valueOnClear.value)) ;
+  return {
+    emptyValues,
+    valueOnClear,
+    isEmptyValue
+  };
+};
+
 const configProviderContextKey = Symbol();
 
 const globalConfig = ref();
@@ -11604,11 +11655,10 @@ const provideGlobalConfig = (config, app, global = false) => {
   return context;
 };
 const mergeConfig = (a, b) => {
-  var _a;
   const keys = [.../* @__PURE__ */ new Set([...keysOf(a), ...keysOf(b)])];
   const obj = {};
   for (const key of keys) {
-    obj[key] = (_a = b[key]) != null ? _a : a[key];
+    obj[key] = b[key] !== void 0 ? b[key] : a[key];
   }
   return obj;
 };
@@ -11639,7 +11689,8 @@ const configProviderProps = buildProps({
   namespace: {
     type: String,
     default: "el"
-  }
+  },
+  ...useEmptyValuesProps
 });
 
 const messageConfig = {};
@@ -11657,7 +11708,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20240410";
+const version$1 = "0.0.20240412";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11707,11 +11758,11 @@ var _export_sfc = (sfc, props) => {
 };
 
 const COMPONENT_NAME$n = "ElAffix";
-const __default__$1K = defineComponent({
+const __default__$1L = defineComponent({
   name: COMPONENT_NAME$n
 });
-const _sfc_main$2p = /* @__PURE__ */ defineComponent({
-  ...__default__$1K,
+const _sfc_main$2q = /* @__PURE__ */ defineComponent({
+  ...__default__$1L,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11814,7 +11865,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "affix.vue"]]);
+var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "affix.vue"]]);
 
 const ElAffix = withInstall(Affix);
 
@@ -11827,12 +11878,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1J = defineComponent({
+const __default__$1K = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$2o = /* @__PURE__ */ defineComponent({
-  ...__default__$1J,
+const _sfc_main$2p = /* @__PURE__ */ defineComponent({
+  ...__default__$1K,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11856,7 +11907,7 @@ const _sfc_main$2o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "icon.vue"]]);
 
 const ElIcon = withInstall(Icon);
 
@@ -11895,11 +11946,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1I = defineComponent({
+const __default__$1J = defineComponent({
   name: "ElAlert"
 });
-const _sfc_main$2n = /* @__PURE__ */ defineComponent({
-  ...__default__$1I,
+const _sfc_main$2o = /* @__PURE__ */ defineComponent({
+  ...__default__$1J,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11984,7 +12035,7 @@ const _sfc_main$2n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "alert.vue"]]);
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "alert.vue"]]);
 
 const ElAlert = withInstall(Alert);
 
@@ -12149,11 +12200,11 @@ const filterFields = (fields, props) => {
 };
 
 const COMPONENT_NAME$m = "ElForm";
-const __default__$1H = defineComponent({
+const __default__$1I = defineComponent({
   name: COMPONENT_NAME$m
 });
-const _sfc_main$2m = /* @__PURE__ */ defineComponent({
-  ...__default__$1H,
+const _sfc_main$2n = /* @__PURE__ */ defineComponent({
+  ...__default__$1I,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -12285,7 +12336,7 @@ const _sfc_main$2m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "form.vue"]]);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -13464,12 +13515,12 @@ var FormLabelWrap = defineComponent({
   }
 });
 
-const _hoisted_1$17 = ["role", "aria-labelledby"];
-const __default__$1G = defineComponent({
+const _hoisted_1$18 = ["role", "aria-labelledby"];
+const __default__$1H = defineComponent({
   name: "ElFormItem"
 });
-const _sfc_main$2l = /* @__PURE__ */ defineComponent({
-  ...__default__$1G,
+const _sfc_main$2m = /* @__PURE__ */ defineComponent({
+  ...__default__$1H,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13761,11 +13812,11 @@ const _sfc_main$2l = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["name"])
         ], 6)
-      ], 10, _hoisted_1$17);
+      ], 10, _hoisted_1$18);
     };
   }
 });
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "form-item.vue"]]);
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "form-item.vue"]]);
 
 const ElForm = withInstall(Form, {
   FormItem
@@ -13957,15 +14008,15 @@ const inputEmits = {
   compositionend: (evt) => evt instanceof CompositionEvent
 };
 
-const _hoisted_1$16 = ["role"];
-const _hoisted_2$I = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
+const _hoisted_1$17 = ["role"];
+const _hoisted_2$J = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
 const _hoisted_3$j = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
-const __default__$1F = defineComponent({
+const __default__$1G = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$2k = /* @__PURE__ */ defineComponent({
-  ...__default__$1F,
+const _sfc_main$2l = /* @__PURE__ */ defineComponent({
+  ...__default__$1G,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -14277,7 +14328,7 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
               onBlur: _cache[1] || (_cache[1] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_2$I),
+            }), null, 16, _hoisted_2$J),
             createCommentVNode(" suffix slot "),
             unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
               key: 1,
@@ -14384,11 +14435,11 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
             class: normalizeClass(unref(nsInput).e("count"))
           }, toDisplayString(unref(textLength)) + " / " + toDisplayString(_ctx.maxlength), 7)) : createCommentVNode("v-if", true)
         ], 64))
-      ], 16, _hoisted_1$16);
+      ], 16, _hoisted_1$17);
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "input.vue"]]);
 
 const ElInput = withInstall(Input);
 
@@ -14438,7 +14489,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$k = "Thumb";
-const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+const _sfc_main$2k = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14557,7 +14608,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -14570,7 +14621,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$2i = /* @__PURE__ */ defineComponent({
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14628,7 +14679,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -14685,11 +14736,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$j = "ElScrollbar";
-const __default__$1E = defineComponent({
+const __default__$1F = defineComponent({
   name: COMPONENT_NAME$j
 });
-const _sfc_main$2h = /* @__PURE__ */ defineComponent({
-  ...__default__$1E,
+const _sfc_main$2i = /* @__PURE__ */ defineComponent({
+  ...__default__$1F,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -14830,7 +14881,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "scrollbar.vue"]]);
+var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -14860,12 +14911,12 @@ const popperProps = buildProps({
 });
 const usePopperProps = popperProps;
 
-const __default__$1D = defineComponent({
+const __default__$1E = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$1D,
+const _sfc_main$2h = /* @__PURE__ */ defineComponent({
+  ...__default__$1E,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14888,7 +14939,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "popper.vue"]]);
 
 const popperArrowProps = buildProps({
   arrowOffset: {
@@ -14898,12 +14949,12 @@ const popperArrowProps = buildProps({
 });
 const usePopperArrowProps = popperArrowProps;
 
-const __default__$1C = defineComponent({
+const __default__$1D = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1C,
+const _sfc_main$2g = /* @__PURE__ */ defineComponent({
+  ...__default__$1D,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14929,7 +14980,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "arrow.vue"]]);
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
@@ -15017,12 +15068,12 @@ const popperTriggerProps = buildProps({
 });
 const usePopperTriggerProps = popperTriggerProps;
 
-const __default__$1B = defineComponent({
+const __default__$1C = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1B,
+const _sfc_main$2f = /* @__PURE__ */ defineComponent({
+  ...__default__$1C,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15120,7 +15171,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "trigger.vue"]]);
 
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15270,7 +15321,7 @@ const createFocusOutPreventedEvent = (detail) => {
   });
 };
 
-const _sfc_main$2d = defineComponent({
+const _sfc_main$2e = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15509,7 +15560,7 @@ const _sfc_main$2d = defineComponent({
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -15803,11 +15854,11 @@ const usePopperContentFocusTrap = (props, emit) => {
   };
 };
 
-const __default__$1A = defineComponent({
+const __default__$1B = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$2c = /* @__PURE__ */ defineComponent({
-  ...__default__$1A,
+const _sfc_main$2d = /* @__PURE__ */ defineComponent({
+  ...__default__$1B,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -15923,7 +15974,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "content.vue"]]);
 
 const ElPopper = withInstall(Popper);
 
@@ -16008,11 +16059,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1z = defineComponent({
+const __default__$1A = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$2b = /* @__PURE__ */ defineComponent({
-  ...__default__$1z,
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+  ...__default__$1A,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16071,14 +16122,14 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "trigger.vue"]]);
 
-const __default__$1y = defineComponent({
+const __default__$1z = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$1y,
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+  ...__default__$1z,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16236,15 +16287,15 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "content.vue"]]);
 
-const _hoisted_1$15 = ["innerHTML"];
-const _hoisted_2$H = { key: 1 };
-const __default__$1x = defineComponent({
+const _hoisted_1$16 = ["innerHTML"];
+const _hoisted_2$I = { key: 1 };
+const __default__$1y = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1x,
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+  ...__default__$1y,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -16381,7 +16432,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
                 _ctx.rawContent ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   innerHTML: _ctx.content
-                }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("span", _hoisted_2$H, toDisplayString(_ctx.content), 1))
+                }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("span", _hoisted_2$I, toDisplayString(_ctx.content), 1))
               ]),
               _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
                 key: 0,
@@ -16396,7 +16447,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "tooltip.vue"]]);
 
 const ElTooltip = withInstall(Tooltip);
 
@@ -16477,16 +16528,16 @@ const autocompleteEmits = {
   select: (item) => isObject$1(item)
 };
 
-const _hoisted_1$14 = ["aria-expanded", "aria-owns"];
-const _hoisted_2$G = { key: 0 };
+const _hoisted_1$15 = ["aria-expanded", "aria-owns"];
+const _hoisted_2$H = { key: 0 };
 const _hoisted_3$i = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
-const __default__$1w = defineComponent({
+const __default__$1x = defineComponent({
   name: COMPONENT_NAME$i,
   inheritAttrs: false
 });
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1w,
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+  ...__default__$1x,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -16724,7 +16775,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
               role: "listbox"
             }, {
               default: withCtx(() => [
-                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$G, [
+                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$H, [
                   renderSlot(_ctx.$slots, "loading", {}, () => [
                     createVNode(unref(ElIcon), {
                       class: normalizeClass(unref(ns).is("loading"))
@@ -16812,14 +16863,14 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
                 ])
               } : void 0
             ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
-          ], 14, _hoisted_1$14)
+          ], 14, _hoisted_1$15)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
     };
   }
 });
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "autocomplete.vue"]]);
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "autocomplete.vue"]]);
 
 const ElAutocomplete = withInstall(Autocomplete);
 
@@ -16853,12 +16904,12 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _hoisted_1$13 = ["src", "alt", "srcset"];
-const __default__$1v = defineComponent({
+const _hoisted_1$14 = ["src", "alt", "srcset"];
+const __default__$1w = defineComponent({
   name: "ElAvatar"
 });
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1v,
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+  ...__default__$1w,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -16902,7 +16953,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$13)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$14)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -16912,7 +16963,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "avatar.vue"]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "avatar.vue"]]);
 
 const ElAvatar = withInstall(Avatar);
 
@@ -16973,11 +17024,11 @@ const useBackTop = (props, emit, componentName) => {
 };
 
 const COMPONENT_NAME$h = "ElBacktop";
-const __default__$1u = defineComponent({
+const __default__$1v = defineComponent({
   name: COMPONENT_NAME$h
 });
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+  ...__default__$1v,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -17016,7 +17067,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "backtop.vue"]]);
+var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "backtop.vue"]]);
 
 const ElBacktop = withInstall(Backtop);
 
@@ -17040,15 +17091,25 @@ const badgeProps = buildProps({
     type: Boolean,
     default: true
   },
-  color: String
+  color: String,
+  dotStyle: {
+    type: definePropType([String, Object, Array])
+  },
+  offset: {
+    type: definePropType(Array),
+    default: [0, 0]
+  },
+  dotClass: {
+    type: String
+  }
 });
 
-const _hoisted_1$12 = ["textContent"];
-const __default__$1t = defineComponent({
+const _hoisted_1$13 = ["textContent"];
+const __default__$1u = defineComponent({
   name: "ElBadge"
 });
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+  ...__default__$1u,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -17064,6 +17125,17 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
       }
       return `${props.value}`;
     });
+    const style = computed$1(() => {
+      var _a, _b, _c, _d, _e;
+      return [
+        {
+          backgroundColor: props.color,
+          marginRight: addUnit(-((_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : 0)),
+          marginTop: addUnit((_d = (_c = props.offset) == null ? void 0 : _c[1]) != null ? _d : 0)
+        },
+        (_e = props.dotStyle) != null ? _e : {}
+      ];
+    });
     expose({
       content
     });
@@ -17082,11 +17154,12 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
                 unref(ns).e("content"),
                 unref(ns).em("content", _ctx.type),
                 unref(ns).is("fixed", !!_ctx.$slots.default),
-                unref(ns).is("dot", _ctx.isDot)
+                unref(ns).is("dot", _ctx.isDot),
+                _ctx.dotClass
               ]),
-              style: normalizeStyle({ backgroundColor: _ctx.color }),
+              style: normalizeStyle(unref(style)),
               textContent: toDisplayString(unref(content))
-            }, null, 14, _hoisted_1$12), [
+            }, null, 14, _hoisted_1$13), [
               [vShow, !_ctx.hidden && (unref(content) || _ctx.isDot)]
             ])
           ]),
@@ -17096,7 +17169,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "badge.vue"]]);
+var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "badge.vue"]]);
 
 const ElBadge = withInstall(Badge);
 
@@ -17112,12 +17185,12 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const _hoisted_1$11 = ["aria-label"];
-const __default__$1s = defineComponent({
+const _hoisted_1$12 = ["aria-label"];
+const __default__$1t = defineComponent({
   name: "ElBreadcrumb"
 });
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+  ...__default__$1t,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -17140,11 +17213,11 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
         role: "navigation"
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$11);
+      ], 10, _hoisted_1$12);
     };
   }
 });
-var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "breadcrumb.vue"]]);
+var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "breadcrumb.vue"]]);
 
 const breadcrumbItemProps = buildProps({
   to: {
@@ -17157,11 +17230,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1r = defineComponent({
+const __default__$1s = defineComponent({
   name: "ElBreadcrumbItem"
 });
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+  ...__default__$1s,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -17206,7 +17279,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "breadcrumb-item.vue"]]);
+var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "breadcrumb-item.vue"]]);
 
 const ElBreadcrumb = withInstall(Breadcrumb, {
   BreadcrumbItem
@@ -18256,11 +18329,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$1q = defineComponent({
+const __default__$1r = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+  ...__default__$1r,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -18326,18 +18399,18 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "button.vue"]]);
 
 const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
 };
 
-const __default__$1p = defineComponent({
+const __default__$1q = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+  ...__default__$1q,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -18355,7 +18428,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "button-group.vue"]]);
 
 const ElButton = withInstall(Button, {
   ButtonGroup
@@ -18895,16 +18968,17 @@ const timePickerDefaultProps = buildProps({
     type: Boolean,
     default: true
   },
-  unlinkPanels: Boolean
+  unlinkPanels: Boolean,
+  ...useEmptyValuesProps
 });
 
-const _hoisted_1$10 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_2$F = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$1o = defineComponent({
+const _hoisted_1$11 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_2$G = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const __default__$1p = defineComponent({
   name: "Picker"
 });
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+  ...__default__$1p,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -18925,6 +18999,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     const nsRange = useNamespace("range");
     const { form, formItem } = useFormItem();
     const elPopperOptions = inject("ElPopperOptions", {});
+    const { valueOnClear } = useEmptyValues(props, null);
     const refPopper = ref();
     const inputRef = ref();
     const pickerVisible = ref(false);
@@ -19143,8 +19218,8 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
       if (showClose.value) {
         event.stopPropagation();
         focusOnInputBox();
-        emitInput(null);
-        emitChange(null, true);
+        emitInput(valueOnClear.value);
+        emitChange(valueOnClear.value, true);
         showClose.value = false;
         pickerVisible.value = false;
         pickerOptions.value.handleClear && pickerOptions.value.handleClear();
@@ -19214,8 +19289,8 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
         }
       }
       if (userInput.value === "") {
-        emitInput(null);
-        emitChange(null);
+        emitInput(valueOnClear.value);
+        emitChange(valueOnClear.value);
         userInput.value = null;
       }
     };
@@ -19473,7 +19548,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
               onChange: handleStartChange,
               onFocus: handleFocusInput,
               onBlur: handleBlurInput
-            }, null, 42, _hoisted_1$10),
+            }, null, 42, _hoisted_1$11),
             renderSlot(_ctx.$slots, "range-separator", {}, () => [
               createElementVNode("span", {
                 class: normalizeClass(unref(nsRange).b("separator"))
@@ -19493,7 +19568,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
               onBlur: handleBlurInput,
               onInput: handleEndInput,
               onChange: handleEndChange
-            }, null, 42, _hoisted_2$F),
+            }, null, 42, _hoisted_2$G),
             _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
               key: 1,
               class: normalizeClass(unref(clearIconKls)),
@@ -19532,7 +19607,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "picker.vue"]]);
+var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "picker.vue"]]);
 
 const panelTimePickerProps = buildProps({
   ...timePanelSharedProps,
@@ -19840,9 +19915,9 @@ const basicTimeSpinnerProps = buildProps({
   ...disabledTimeListsProps
 });
 
-const _hoisted_1$$ = ["onClick"];
-const _hoisted_2$E = ["onMouseenter"];
-const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
+const _hoisted_1$10 = ["onClick"];
+const _hoisted_2$F = ["onMouseenter"];
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
   props: basicTimeSpinnerProps,
   emits: ["change", "select-range", "set-option"],
@@ -20068,7 +20143,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
                   ], 64))
-                ], 10, _hoisted_1$$);
+                ], 10, _hoisted_1$10);
               }), 128))
             ]),
             _: 2
@@ -20122,15 +20197,15 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                 ], 2);
               }), 128))
             ], 2)
-          ], 42, _hoisted_2$E);
+          ], 42, _hoisted_2$F);
         }), 128)) : createCommentVNode("v-if", true)
       ], 2);
     };
   }
 });
-var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "basic-time-spinner.vue"]]);
+var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "basic-time-spinner.vue"]]);
 
-const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   __name: "panel-time-pick",
   props: panelTimePickerProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -20282,7 +20357,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "panel-time-pick.vue"]]);
+var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "panel-time-pick.vue"]]);
 
 const panelTimeRangeProps = buildProps({
   ...timePanelSharedProps,
@@ -20291,8 +20366,8 @@ const panelTimeRangeProps = buildProps({
   }
 });
 
-const _hoisted_1$_ = ["disabled"];
-const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+const _hoisted_1$$ = ["disabled"];
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
   __name: "panel-time-range",
   props: panelTimeRangeProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -20554,13 +20629,13 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
             class: normalizeClass([unref(nsTime).be("panel", "btn"), "confirm"]),
             disabled: unref(btnConfirmDisabled),
             onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$_)
+          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$$)
         ], 2)
       ], 2)) : createCommentVNode("v-if", true);
     };
   }
 });
-var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "panel-time-range.vue"]]);
+var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "panel-time-range.vue"]]);
 
 dayjs.extend(customParseFormat);
 var TimePicker = defineComponent({
@@ -20812,13 +20887,13 @@ const useDateTable = (props, emit) => {
   };
 };
 
-const _hoisted_1$Z = { key: 0 };
-const _hoisted_2$D = ["onClick"];
-const __default__$1n = defineComponent({
+const _hoisted_1$_ = { key: 0 };
+const _hoisted_2$E = ["onClick"];
+const __default__$1o = defineComponent({
   name: "DateTable"
 });
-const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+  ...__default__$1o,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -20856,7 +20931,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
         cellspacing: "0",
         cellpadding: "0"
       }, [
-        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$Z, [
+        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$_, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekDays), (day) => {
             return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
           }), 128))
@@ -20885,7 +20960,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", null, toDisplayString(cell.text), 1)
                     ])
                   ], 2)
-                ], 10, _hoisted_2$D);
+                ], 10, _hoisted_2$E);
               }), 128))
             ], 2);
           }), 128))
@@ -20894,7 +20969,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "date-table.vue"]]);
+var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "date-table.vue"]]);
 
 const adjacentMonth = (start, end) => {
   const firstMonthLastDay = start.endOf("month");
@@ -21023,11 +21098,11 @@ const calendarEmits = {
 };
 
 const COMPONENT_NAME$g = "ElCalendar";
-const __default__$1m = defineComponent({
+const __default__$1n = defineComponent({
   name: COMPONENT_NAME$g
 });
-const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
+  ...__default__$1n,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -21144,7 +21219,7 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "calendar.vue"]]);
+var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "calendar.vue"]]);
 
 const ElCalendar = withInstall(Calendar);
 
@@ -21169,11 +21244,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$1l = defineComponent({
+const __default__$1m = defineComponent({
   name: "ElCard"
 });
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
+  ...__default__$1m,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -21207,7 +21282,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "card.vue"]]);
+var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "card.vue"]]);
 
 const ElCard = withInstall(Card);
 
@@ -21546,8 +21621,8 @@ const useCarousel = (props, emit, componentName) => {
   };
 };
 
-const _hoisted_1$Y = ["aria-label"];
-const _hoisted_2$C = ["aria-label"];
+const _hoisted_1$Z = ["aria-label"];
+const _hoisted_2$D = ["aria-label"];
 const _hoisted_3$h = ["onMouseenter", "onClick"];
 const _hoisted_4$b = ["aria-label"];
 const _hoisted_5$7 = { key: 0 };
@@ -21575,11 +21650,11 @@ const _hoisted_8$2 = [
   _hoisted_7$2
 ];
 const COMPONENT_NAME$f = "ElCarousel";
-const __default__$1k = defineComponent({
+const __default__$1l = defineComponent({
   name: COMPONENT_NAME$f
 });
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+  ...__default__$1l,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -21671,7 +21746,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ], 42, _hoisted_1$Y), [
+            ], 42, _hoisted_1$Z), [
               [
                 vShow,
                 (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) > 0)
@@ -21700,7 +21775,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ], 42, _hoisted_2$C), [
+            ], 42, _hoisted_2$D), [
               [
                 vShow,
                 (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) < unref(items).length - 1)
@@ -21748,7 +21823,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "carousel.vue"]]);
+var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "carousel.vue"]]);
 
 const carouselItemProps = buildProps({
   name: { type: String, default: "" },
@@ -21870,11 +21945,11 @@ const useCarouselItem = (props, componentName) => {
   };
 };
 
-const __default__$1j = defineComponent({
+const __default__$1k = defineComponent({
   name: "ElCarouselItem"
 });
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
+  ...__default__$1k,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -21933,7 +22008,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "carousel-item.vue"]]);
+var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "carousel-item.vue"]]);
 
 const ElCarousel = withInstall(Carousel, {
   CarouselItem
@@ -22215,13 +22290,13 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-const _hoisted_1$X = ["id", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_2$B = ["id", "indeterminate", "disabled", "value", "name", "tabindex"];
-const __default__$1i = defineComponent({
+const _hoisted_1$Y = ["id", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_2$C = ["id", "indeterminate", "disabled", "value", "name", "tabindex"];
+const __default__$1j = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$1T = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+  ...__default__$1j,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -22288,7 +22363,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
                 onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
                 onClick: _cache[4] || (_cache[4] = withModifiers(() => {
                 }, ["stop"]))
-              }, null, 42, _hoisted_1$X)), [
+              }, null, 42, _hoisted_1$Y)), [
                 [vModelCheckbox, unref(model)]
               ]) : withDirectives((openBlock(), createElementBlock("input", {
                 key: 1,
@@ -22306,7 +22381,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
                 onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
                 onClick: _cache[9] || (_cache[9] = withModifiers(() => {
                 }, ["stop"]))
-              }, null, 42, _hoisted_2$B)), [
+              }, null, 42, _hoisted_2$C)), [
                 [vModelCheckbox, unref(model)]
               ]),
               createElementVNode("span", {
@@ -22329,15 +22404,15 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "checkbox.vue"]]);
 
-const _hoisted_1$W = ["name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_2$A = ["name", "tabindex", "disabled", "value"];
-const __default__$1h = defineComponent({
+const _hoisted_1$X = ["name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_2$B = ["name", "tabindex", "disabled", "value"];
+const __default__$1i = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$1S = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
+  ...__default__$1i,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -22393,7 +22468,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
           onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
           onClick: _cache[4] || (_cache[4] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_1$W)), [
+        }, null, 42, _hoisted_1$X)), [
           [vModelCheckbox, unref(model)]
         ]) : withDirectives((openBlock(), createElementBlock("input", {
           key: 1,
@@ -22409,7 +22484,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
           onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
           onClick: _cache[9] || (_cache[9] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_2$A)), [
+        }, null, 42, _hoisted_2$B)), [
           [vModelCheckbox, unref(model)]
         ]),
         _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -22425,7 +22500,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "checkbox-button.vue"]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "checkbox-button.vue"]]);
 
 const checkboxGroupProps = buildProps({
   modelValue: {
@@ -22453,11 +22528,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray$1(val)
 };
 
-const __default__$1g = defineComponent({
+const __default__$1h = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+  ...__default__$1h,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -22515,7 +22590,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "checkbox-group.vue"]]);
 
 const ElCheckbox = withInstall(Checkbox, {
   CheckboxButton,
@@ -22604,12 +22679,12 @@ const useRadio = (props, emit) => {
   };
 };
 
-const _hoisted_1$V = ["value", "name", "disabled"];
-const __default__$1f = defineComponent({
+const _hoisted_1$W = ["value", "name", "disabled"];
+const __default__$1g = defineComponent({
   name: "ElRadio"
 });
-const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+const _sfc_main$1R = /* @__PURE__ */ defineComponent({
+  ...__default__$1g,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -22652,7 +22727,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
             onChange: handleChange,
             onClick: _cache[3] || (_cache[3] = withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$V), [
+          }, null, 42, _hoisted_1$W), [
             [vModelRadio, unref(modelValue)]
           ]),
           createElementVNode("span", {
@@ -22672,18 +22747,18 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "radio.vue"]]);
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__file", "radio.vue"]]);
 
 const radioButtonProps = buildProps({
   ...radioPropsBase
 });
 
-const _hoisted_1$U = ["value", "name", "disabled"];
-const __default__$1e = defineComponent({
+const _hoisted_1$V = ["value", "name", "disabled"];
+const __default__$1f = defineComponent({
   name: "ElRadioButton"
 });
-const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+  ...__default__$1f,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -22721,7 +22796,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
           onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
           onClick: _cache[3] || (_cache[3] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_1$U), [
+        }, null, 42, _hoisted_1$V), [
           [vModelRadio, unref(modelValue)]
         ]),
         createElementVNode("span", {
@@ -22738,7 +22813,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "radio-button.vue"]]);
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "radio-button.vue"]]);
 
 const radioGroupProps = buildProps({
   id: {
@@ -22774,12 +22849,12 @@ const radioGroupProps = buildProps({
 });
 const radioGroupEmits = radioEmits;
 
-const _hoisted_1$T = ["id", "aria-label", "aria-labelledby"];
-const __default__$1d = defineComponent({
+const _hoisted_1$U = ["id", "aria-label", "aria-labelledby"];
+const __default__$1e = defineComponent({
   name: "ElRadioGroup"
 });
-const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+  ...__default__$1e,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -22826,11 +22901,11 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
         "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$T);
+      ], 10, _hoisted_1$U);
     };
   }
 });
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "radio-group.vue"]]);
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "radio-group.vue"]]);
 
 const ElRadio = withInstall(Radio, {
   RadioButton,
@@ -22858,7 +22933,7 @@ var NodeContent$1 = defineComponent({
 
 const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-const _sfc_main$1N = defineComponent({
+const _sfc_main$1O = defineComponent({
   name: "ElCascaderNode",
   components: {
     ElCheckbox,
@@ -22973,8 +23048,8 @@ const _sfc_main$1N = defineComponent({
     };
   }
 });
-const _hoisted_1$S = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-const _hoisted_2$z = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+const _hoisted_1$T = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _hoisted_2$A = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
@@ -23022,7 +23097,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-        _hoisted_2$z
+        _hoisted_2$A
       ]),
       _: 1
     }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (openBlock(), createBlock(_component_el_icon, {
@@ -23056,11 +23131,11 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["class"]))
     ], 64)) : createCommentVNode("v-if", true)
-  ], 42, _hoisted_1$S);
+  ], 42, _hoisted_1$T);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$t], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$t], ["__file", "node.vue"]]);
 
-const _sfc_main$1M = defineComponent({
+const _sfc_main$1N = defineComponent({
   name: "ElCascaderMenu",
   components: {
     Loading: loading_default,
@@ -23191,7 +23266,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$s], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc_render$s], ["__file", "menu.vue"]]);
 
 let uid = 0;
 const calculatePathNodes = (node) => {
@@ -23424,7 +23499,7 @@ const sortByOriginalOrder = (oldNodes, newNodes) => {
   return res;
 };
 
-const _sfc_main$1L = defineComponent({
+const _sfc_main$1M = defineComponent({
   name: "ElCascaderPanel",
   components: {
     ElCascaderMenu
@@ -23686,7 +23761,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$r], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$r], ["__file", "index.vue"]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -23720,11 +23795,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1c = defineComponent({
+const __default__$1d = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+  ...__default__$1d,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -23804,7 +23879,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "tag.vue"]]);
+var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "tag.vue"]]);
 
 const ElTag = withInstall(Tag);
 
@@ -23853,11 +23928,12 @@ const cascaderProps = buildProps({
   validateEvent: {
     type: Boolean,
     default: true
-  }
+  },
+  ...useEmptyValuesProps
 });
 const cascaderEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => !!val || val === null,
-  [CHANGE_EVENT]: (val) => !!val || val === null,
+  [UPDATE_MODEL_EVENT]: (_) => true,
+  [CHANGE_EVENT]: (_) => true,
   focus: (evt) => evt instanceof FocusEvent,
   blur: (evt) => evt instanceof FocusEvent,
   visibleChange: (val) => isBoolean(val),
@@ -23865,15 +23941,15 @@ const cascaderEmits = {
   removeTag: (val) => !!val
 };
 
-const _hoisted_1$R = { key: 0 };
-const _hoisted_2$y = ["placeholder", "onKeydown"];
+const _hoisted_1$S = { key: 0 };
+const _hoisted_2$z = ["placeholder", "onKeydown"];
 const _hoisted_3$g = ["onClick"];
 const COMPONENT_NAME$e = "ElCascader";
-const __default__$1b = defineComponent({
+const __default__$1c = defineComponent({
   name: COMPONENT_NAME$e
 });
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+  ...__default__$1c,
   props: cascaderProps,
   emits: cascaderEmits,
   setup(__props, { expose, emit }) {
@@ -23901,6 +23977,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     const nsInput = useNamespace("input");
     const { t } = useLocale();
     const { form, formItem } = useFormItem();
+    const { valueOnClear } = useEmptyValues(props);
     const tooltipRef = ref(null);
     const input = ref(null);
     const tagWrapper = ref(null);
@@ -23947,8 +24024,9 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
         return cloneDeep(props.modelValue);
       },
       set(val) {
-        emit(UPDATE_MODEL_EVENT, val);
-        emit(CHANGE_EVENT, val);
+        const value = val || valueOnClear.value;
+        emit(UPDATE_MODEL_EVENT, value);
+        emit(CHANGE_EVENT, value);
         if (props.validateEvent) {
           formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
@@ -24345,7 +24423,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
                   onClose: ($event) => deleteTag(tag)
                 }, {
                   default: withCtx(() => [
-                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$R, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(unref(ElTooltip), {
+                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$S, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(unref(ElTooltip), {
                       key: 1,
                       disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
                       "fallback-placements": ["bottom", "top", "right", "left"],
@@ -24403,7 +24481,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
                 onCompositionend: handleComposition,
                 onFocus: handleFocus,
                 onBlur: handleBlur
-              }, null, 42, _hoisted_2$y)), [
+              }, null, 42, _hoisted_2$z)), [
                 [vModelText, searchInputValue.value]
               ]) : createCommentVNode("v-if", true)
             ], 2)) : createCommentVNode("v-if", true)
@@ -24470,7 +24548,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "cascader.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "cascader.vue"]]);
 
 Cascader.install = (app) => {
   app.component(Cascader.name, Cascader);
@@ -24494,11 +24572,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$1a = defineComponent({
+const __default__$1b = defineComponent({
   name: "ElCheckTag"
 });
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+  ...__default__$1b,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -24524,7 +24602,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "check-tag.vue"]]);
+var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "check-tag.vue"]]);
 
 const ElCheckTag = withInstall(CheckTag);
 
@@ -24559,11 +24637,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$19 = defineComponent({
+const __default__$1a = defineComponent({
   name: "ElRow"
 });
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+  ...__default__$1a,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -24598,7 +24676,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__file", "row.vue"]]);
+var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "row.vue"]]);
 
 const ElRow = withInstall(Row$1);
 
@@ -24645,11 +24723,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$18 = defineComponent({
+const __default__$19 = defineComponent({
   name: "ElCol"
 });
-const _sfc_main$1G = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
+  ...__default__$19,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -24702,7 +24780,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__file", "col.vue"]]);
+var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__file", "col.vue"]]);
 
 const ElCol = withInstall(Col);
 
@@ -24761,11 +24839,11 @@ const useCollapseDOM = () => {
   };
 };
 
-const __default__$17 = defineComponent({
+const __default__$18 = defineComponent({
   name: "ElCollapse"
 });
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+  ...__default__$18,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -24785,13 +24863,13 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["__file", "collapse.vue"]]);
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__file", "collapse.vue"]]);
 
-const __default__$16 = defineComponent({
+const __default__$17 = defineComponent({
   name: "ElCollapseTransition"
 });
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+  ...__default__$17,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const reset = (el) => {
@@ -24869,7 +24947,7 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__file", "collapse-transition.vue"]]);
+var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["__file", "collapse-transition.vue"]]);
 
 CollapseTransition.install = (app) => {
   app.component(CollapseTransition.name, CollapseTransition);
@@ -24960,13 +25038,13 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
   };
 };
 
-const _hoisted_1$Q = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
-const _hoisted_2$x = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$15 = defineComponent({
+const _hoisted_1$R = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
+const _hoisted_2$y = ["id", "aria-hidden", "aria-labelledby"];
+const __default__$16 = defineComponent({
   name: "ElCollapseItem"
 });
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+  ...__default__$16,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -25018,7 +25096,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["class"])
-        ], 42, _hoisted_1$Q),
+        ], 42, _hoisted_1$R),
         createVNode(unref(_CollapseTransition), null, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
@@ -25033,7 +25111,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "default")
               ], 2)
-            ], 10, _hoisted_2$x), [
+            ], 10, _hoisted_2$y), [
               [vShow, unref(isActive)]
             ])
           ]),
@@ -25043,7 +25121,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "collapse-item.vue"]]);
+var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__file", "collapse-item.vue"]]);
 
 const ElCollapse = withInstall(Collapse, {
   CollapseItem
@@ -25206,11 +25284,11 @@ const useAlphaSliderDOM = (props, {
 };
 
 const COMPONENT_NAME$d = "ElColorAlphaSlider";
-const __default__$14 = defineComponent({
+const __default__$15 = defineComponent({
   name: COMPONENT_NAME$d
 });
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+  ...__default__$15,
   props: alphaSliderProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -25246,9 +25324,9 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "alpha-slider.vue"]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "alpha-slider.vue"]]);
 
-const _sfc_main$1B = defineComponent({
+const _sfc_main$1C = defineComponent({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -25368,7 +25446,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$q], ["__file", "hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$q], ["__file", "hue-slider.vue"]]);
 
 const colorPickerProps = buildProps({
   modelValue: String,
@@ -25690,7 +25768,7 @@ class Color {
   }
 }
 
-const _sfc_main$1A = defineComponent({
+const _sfc_main$1B = defineComponent({
   props: {
     colors: {
       type: Array,
@@ -25735,7 +25813,7 @@ const _sfc_main$1A = defineComponent({
     };
   }
 });
-const _hoisted_1$P = ["onClick"];
+const _hoisted_1$Q = ["onClick"];
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
@@ -25756,14 +25834,14 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             style: normalizeStyle({ backgroundColor: item.value })
           }, null, 4)
-        ], 10, _hoisted_1$P);
+        ], 10, _hoisted_1$Q);
       }), 128))
     ], 2)
   ], 2);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$p], ["__file", "predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$p], ["__file", "predefine.vue"]]);
 
-const _sfc_main$1z = defineComponent({
+const _sfc_main$1A = defineComponent({
   name: "ElSlPanel",
   props: {
     color: {
@@ -25833,9 +25911,9 @@ const _sfc_main$1z = defineComponent({
     };
   }
 });
-const _hoisted_1$O = /* @__PURE__ */ createElementVNode("div", null, null, -1);
-const _hoisted_2$w = [
-  _hoisted_1$O
+const _hoisted_1$P = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_2$x = [
+  _hoisted_1$P
 ];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -25856,18 +25934,18 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
         top: _ctx.cursorTop + "px",
         left: _ctx.cursorLeft + "px"
       })
-    }, _hoisted_2$w, 6)
+    }, _hoisted_2$x, 6)
   ], 6);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$o], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$o], ["__file", "sv-panel.vue"]]);
 
-const _hoisted_1$N = ["onKeydown"];
-const _hoisted_2$v = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
-const __default__$13 = defineComponent({
+const _hoisted_1$O = ["onKeydown"];
+const _hoisted_2$w = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
+const __default__$14 = defineComponent({
   name: "ElColorPicker"
 });
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+  ...__default__$14,
   props: colorPickerProps,
   emits: colorPickerEmits,
   setup(__props, { expose, emit }) {
@@ -26170,7 +26248,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ], 2)
-          ], 40, _hoisted_1$N)), [
+          ], 40, _hoisted_1$O)), [
             [unref(ClickOutside), handleClickOutside]
           ])
         ]),
@@ -26230,22 +26308,22 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
                 ], 6)
               ], 2)
             ], 2)
-          ], 42, _hoisted_2$v)
+          ], 42, _hoisted_2$w)
         ]),
         _: 1
       }, 8, ["visible", "popper-class", "transition"]);
     };
   }
 });
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "color-picker.vue"]]);
+var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "color-picker.vue"]]);
 
 const ElColorPicker = withInstall(ColorPicker);
 
-const __default__$12 = defineComponent({
+const __default__$13 = defineComponent({
   name: "ElContainer"
 });
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+  ...__default__$13,
   props: {
     direction: {
       type: String
@@ -26280,13 +26358,13 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "container.vue"]]);
+var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "container.vue"]]);
 
-const __default__$11 = defineComponent({
+const __default__$12 = defineComponent({
   name: "ElAside"
 });
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+  ...__default__$12,
   props: {
     width: {
       type: String,
@@ -26307,13 +26385,13 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "aside.vue"]]);
+var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "aside.vue"]]);
 
-const __default__$10 = defineComponent({
+const __default__$11 = defineComponent({
   name: "ElFooter"
 });
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+  ...__default__$11,
   props: {
     height: {
       type: String,
@@ -26334,13 +26412,13 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "footer.vue"]]);
+var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "footer.vue"]]);
 
-const __default__$$ = defineComponent({
+const __default__$10 = defineComponent({
   name: "ElHeader"
 });
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+  ...__default__$10,
   props: {
     height: {
       type: String,
@@ -26365,13 +26443,13 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "header.vue"]]);
+var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "header.vue"]]);
 
-const __default__$_ = defineComponent({
+const __default__$$ = defineComponent({
   name: "ElMain"
 });
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+  ...__default__$$,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -26383,7 +26461,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "main.vue"]]);
+var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "main.vue"]]);
 
 const ElContainer = withInstall(Container, {
   Aside,
@@ -27069,14 +27147,14 @@ var ElDatePickerCell = defineComponent({
   }
 });
 
-const _hoisted_1$M = ["aria-label"];
-const _hoisted_2$u = {
+const _hoisted_1$N = ["aria-label"];
+const _hoisted_2$v = {
   key: 0,
   scope: "col"
 };
 const _hoisted_3$f = ["aria-label"];
 const _hoisted_4$a = ["aria-current", "aria-selected", "tabindex"];
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "basic-date-table",
   props: basicDateTableProps,
   emits: basicDateTableEmits,
@@ -27121,7 +27199,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
           ref: tbodyRef
         }, [
           createElementVNode("tr", null, [
-            _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_2$u, toDisplayString(unref(weekLabel)), 1)) : createCommentVNode("v-if", true),
+            _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_2$v, toDisplayString(unref(weekLabel)), 1)) : createCommentVNode("v-if", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(WEEKS), (week, key) => {
               return openBlock(), createElementBlock("th", {
                 key,
@@ -27152,21 +27230,21 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$M);
+      ], 42, _hoisted_1$N);
     };
   }
 });
-var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "basic-date-table.vue"]]);
+var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "basic-date-table.vue"]]);
 
 const basicMonthTableProps = buildProps({
   ...datePickerSharedProps,
   selectionMode: selectionModeWithDefault("month")
 });
 
-const _hoisted_1$L = ["aria-label"];
-const _hoisted_2$t = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
+const _hoisted_1$M = ["aria-label"];
+const _hoisted_2$u = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
 const _hoisted_3$e = { class: "cell" };
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "basic-month-table",
   props: basicMonthTableProps,
   emits: ["changerange", "pick", "select"],
@@ -27350,16 +27428,16 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", null, [
                     createElementVNode("span", _hoisted_3$e, toDisplayString(unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                   ])
-                ], 42, _hoisted_2$t);
+                ], 42, _hoisted_2$u);
               }), 128))
             ]);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$L);
+      ], 42, _hoisted_1$M);
     };
   }
 });
-var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "basic-month-table.vue"]]);
+var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "basic-month-table.vue"]]);
 
 const { date, disabledDate, parsedValue } = datePickerSharedProps;
 const basicYearTableProps = buildProps({
@@ -27369,11 +27447,11 @@ const basicYearTableProps = buildProps({
   selectionMode: selectionModeWithDefault("year")
 });
 
-const _hoisted_1$K = ["aria-label"];
-const _hoisted_2$s = ["aria-selected", "tabindex", "onKeydown"];
+const _hoisted_1$L = ["aria-label"];
+const _hoisted_2$t = ["aria-selected", "tabindex", "onKeydown"];
 const _hoisted_3$d = { class: "cell" };
 const _hoisted_4$9 = { key: 1 };
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "basic-year-table",
   props: basicYearTableProps,
   emits: ["pick"],
@@ -27468,24 +27546,24 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", null, [
                       createElementVNode("span", _hoisted_3$d, toDisplayString(unref(startYear) + i * 4 + j), 1)
                     ])
-                  ], 42, _hoisted_2$s)) : (openBlock(), createElementBlock("td", _hoisted_4$9))
+                  ], 42, _hoisted_2$t)) : (openBlock(), createElementBlock("td", _hoisted_4$9))
                 ], 64);
               }), 64))
             ]);
           }), 64))
         ], 512)
-      ], 10, _hoisted_1$K);
+      ], 10, _hoisted_1$L);
     };
   }
 });
-var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "basic-year-table.vue"]]);
+var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "basic-year-table.vue"]]);
 
-const _hoisted_1$J = ["onClick"];
-const _hoisted_2$r = ["aria-label"];
+const _hoisted_1$K = ["onClick"];
+const _hoisted_2$s = ["aria-label"];
 const _hoisted_3$c = ["aria-label"];
 const _hoisted_4$8 = ["aria-label"];
 const _hoisted_5$6 = ["aria-label"];
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
   props: panelDatePickProps,
   emits: ["pick", "set-picker-option", "panel-change"],
@@ -27922,7 +28000,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => handleShortcutClick(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$J);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$K);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -27987,7 +28065,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_2$r),
+                ], 10, _hoisted_2$s),
                 withDirectives(createElementVNode("button", {
                   type: "button",
                   "aria-label": unref(t)(`el.datepicker.prevMonth`),
@@ -28133,7 +28211,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "panel-date-pick.vue"]]);
+var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "panel-date-pick.vue"]]);
 
 const panelDateRangeProps = buildProps({
   ...panelSharedProps,
@@ -28240,8 +28318,8 @@ const useRangePicker = (props, {
   };
 };
 
-const _hoisted_1$I = ["onClick"];
-const _hoisted_2$q = ["aria-label"];
+const _hoisted_1$J = ["onClick"];
+const _hoisted_2$r = ["aria-label"];
 const _hoisted_3$b = ["aria-label"];
 const _hoisted_4$7 = ["disabled", "aria-label"];
 const _hoisted_5$5 = ["disabled", "aria-label"];
@@ -28250,7 +28328,7 @@ const _hoisted_7$1 = ["disabled", "aria-label"];
 const _hoisted_8$1 = ["aria-label"];
 const _hoisted_9$1 = ["aria-label"];
 const unit$1 = "month";
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
   props: panelDateRangeProps,
   emits: [
@@ -28593,7 +28671,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$I);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$J);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -28716,7 +28794,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_2$q),
+                ], 10, _hoisted_2$r),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-left"]),
@@ -28893,7 +28971,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "panel-date-range.vue"]]);
+var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "panel-date-range.vue"]]);
 
 const panelMonthRangeProps = buildProps({
   ...panelRangeSharedProps
@@ -28952,15 +29030,15 @@ const useMonthRangeHeader = ({
   };
 };
 
-const _hoisted_1$H = ["onClick"];
-const _hoisted_2$p = ["disabled"];
+const _hoisted_1$I = ["onClick"];
+const _hoisted_2$q = ["disabled"];
 const _hoisted_3$a = ["disabled"];
 const unit = "year";
-const __default__$Z = defineComponent({
+const __default__$_ = defineComponent({
   name: "DatePickerMonthRange"
 });
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+  ...__default__$_,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -29058,7 +29136,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$H);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$I);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -29098,7 +29176,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_2$p)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_2$q)) : createCommentVNode("v-if", true),
                 createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
               ], 2),
               createVNode(MonthTable, {
@@ -29165,7 +29243,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "panel-month-range.vue"]]);
+var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "panel-month-range.vue"]]);
 
 const getPanel = function(type) {
   switch (type) {
@@ -29342,12 +29420,12 @@ const descriptionsRowProps = buildProps({
   }
 });
 
-const _hoisted_1$G = { key: 1 };
-const __default__$Y = defineComponent({
+const _hoisted_1$H = { key: 1 };
+const __default__$Z = defineComponent({
   name: "ElDescriptionsRow"
 });
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+  ...__default__$Z,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -29373,7 +29451,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             }, null, 8, ["cell"]);
           }), 128))
         ])
-      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$G, [
+      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$H, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, _index) => {
           return openBlock(), createElementBlock(Fragment, {
             key: `tr3-${_index}`
@@ -29401,7 +29479,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "descriptions-row.vue"]]);
+var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "descriptions-row.vue"]]);
 
 const descriptionProps = buildProps({
   border: {
@@ -29428,11 +29506,11 @@ const descriptionProps = buildProps({
   }
 });
 
-const __default__$X = defineComponent({
+const __default__$Y = defineComponent({
   name: "ElDescriptions"
 });
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+  ...__default__$Y,
   props: descriptionProps,
   setup(__props) {
     const props = __props;
@@ -29531,7 +29609,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__file", "description.vue"]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "description.vue"]]);
 
 const descriptionItemProps = buildProps({
   label: {
@@ -29666,12 +29744,12 @@ const dialogContentEmits = {
   close: () => true
 };
 
-const _hoisted_1$F = ["aria-level"];
-const _hoisted_2$o = ["aria-label"];
+const _hoisted_1$G = ["aria-level"];
+const _hoisted_2$p = ["aria-label"];
 const _hoisted_3$9 = ["id"];
-const __default__$W = defineComponent({ name: "ElDialogContent" });
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+const __default__$X = defineComponent({ name: "ElDialogContent" });
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+  ...__default__$X,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -29708,7 +29786,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
               role: "heading",
               "aria-level": _ctx.ariaLevel,
               class: normalizeClass(unref(ns).e("title"))
-            }, toDisplayString(_ctx.title), 11, _hoisted_1$F)
+            }, toDisplayString(_ctx.title), 11, _hoisted_1$G)
           ]),
           _ctx.showClose ? (openBlock(), createElementBlock("button", {
             key: 0,
@@ -29725,7 +29803,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])
-          ], 10, _hoisted_2$o)) : createCommentVNode("v-if", true)
+          ], 10, _hoisted_2$p)) : createCommentVNode("v-if", true)
         ], 2),
         createElementVNode("div", {
           id: unref(bodyId),
@@ -29743,7 +29821,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__file", "dialog-content.vue"]]);
+var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__file", "dialog-content.vue"]]);
 
 const dialogProps = buildProps({
   ...dialogContentProps,
@@ -29979,13 +30057,13 @@ const useDialog = (props, targetRef) => {
   };
 };
 
-const _hoisted_1$E = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$V = defineComponent({
+const _hoisted_1$F = ["aria-label", "aria-labelledby", "aria-describedby"];
+const __default__$W = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
 });
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+  ...__default__$W,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -30115,7 +30193,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                ], 46, _hoisted_1$E)
+                ], 46, _hoisted_1$F)
               ]),
               _: 3
             }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -30128,7 +30206,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "dialog.vue"]]);
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__file", "dialog.vue"]]);
 
 const ElDialog = withInstall(Dialog);
 
@@ -30149,11 +30227,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$U = defineComponent({
+const __default__$V = defineComponent({
   name: "ElDivider"
 });
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+  ...__default__$V,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -30179,7 +30257,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "divider.vue"]]);
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "divider.vue"]]);
 
 const ElDivider = withInstall(Divider);
 
@@ -30209,16 +30287,16 @@ const drawerProps = buildProps({
 });
 const drawerEmits = dialogEmits;
 
-const _hoisted_1$D = ["aria-label", "aria-labelledby", "aria-describedby"];
-const _hoisted_2$n = ["id", "aria-level"];
+const _hoisted_1$E = ["aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_2$o = ["id", "aria-level"];
 const _hoisted_3$8 = ["aria-label"];
 const _hoisted_4$6 = ["id"];
-const __default__$T = defineComponent({
+const __default__$U = defineComponent({
   name: "ElDrawer",
   inheritAttrs: false
 });
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+  ...__default__$U,
   props: drawerProps,
   emits: drawerEmits,
   setup(__props, { expose }) {
@@ -30325,7 +30403,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                             role: "heading",
                             "aria-level": _ctx.headerAriaLevel,
                             class: normalizeClass(unref(ns).e("title"))
-                          }, toDisplayString(_ctx.title), 11, _hoisted_2$n)) : createCommentVNode("v-if", true)
+                          }, toDisplayString(_ctx.title), 11, _hoisted_2$o)) : createCommentVNode("v-if", true)
                         ]) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
                           createCommentVNode(" DEPRECATED SLOT ")
                         ]),
@@ -30359,7 +30437,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                       }, [
                         renderSlot(_ctx.$slots, "footer")
                       ], 2)) : createCommentVNode("v-if", true)
-                    ], 16, _hoisted_1$D)
+                    ], 16, _hoisted_1$E)
                   ]),
                   _: 3
                 }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
@@ -30375,26 +30453,26 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__file", "drawer.vue"]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "drawer.vue"]]);
 
 const ElDrawer = withInstall(Drawer);
 
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$n], ["__file", "collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$n], ["__file", "collection.vue"]]);
 
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$m], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$m], ["__file", "collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -30531,7 +30609,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$1e = defineComponent({
+const _sfc_main$1f = defineComponent({
   name: "ElRovingFocusGroupImpl",
   inheritAttrs: false,
   props: rovingFocusGroupProps,
@@ -30617,9 +30695,9 @@ const _sfc_main$1e = defineComponent({
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$l], ["__file", "roving-focus-group-impl.vue"]]);
+var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$l], ["__file", "roving-focus-group-impl.vue"]]);
 
-const _sfc_main$1d = defineComponent({
+const _sfc_main$1e = defineComponent({
   name: "ElRovingFocusGroup",
   components: {
     ElFocusGroupCollection: ElCollection$1,
@@ -30641,9 +30719,9 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$k], ["__file", "roving-focus-group.vue"]]);
+var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$k], ["__file", "roving-focus-group.vue"]]);
 
-const _sfc_main$1c = defineComponent({
+const _sfc_main$1d = defineComponent({
   components: {
     ElRovingFocusCollectionItem: ElCollectionItem$1
   },
@@ -30741,7 +30819,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "focusable", "active"]);
 }
-var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$j], ["__file", "roving-focus-item.vue"]]);
+var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$j], ["__file", "roving-focus-item.vue"]]);
 
 const dropdownProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,
@@ -30839,7 +30917,7 @@ const {
 const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
 const { ButtonGroup: ElButtonGroup } = ElButton;
-const _sfc_main$1b = defineComponent({
+const _sfc_main$1c = defineComponent({
   name: "ElDropdown",
   components: {
     ElButton,
@@ -31124,9 +31202,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$i], ["__file", "dropdown.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$i], ["__file", "dropdown.vue"]]);
 
-const _sfc_main$1a = defineComponent({
+const _sfc_main$1b = defineComponent({
   name: "DropdownItemImpl",
   components: {
     ElIcon
@@ -31177,7 +31255,7 @@ const _sfc_main$1a = defineComponent({
     };
   }
 });
-const _hoisted_1$C = ["aria-disabled", "tabindex", "role"];
+const _hoisted_1$D = ["aria-disabled", "tabindex", "role"];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -31205,10 +31283,10 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })) : createCommentVNode("v-if", true),
       renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_1$C)
+    ], 16, _hoisted_1$D)
   ], 64);
 }
-var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
+var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
 
 const useDropdown = () => {
   const elDropdown = inject("elDropdown", {});
@@ -31219,7 +31297,7 @@ const useDropdown = () => {
   };
 };
 
-const _sfc_main$19 = defineComponent({
+const _sfc_main$1a = defineComponent({
   name: "ElDropdownItem",
   components: {
     ElDropdownCollectionItem: ElCollectionItem,
@@ -31321,9 +31399,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["disabled", "text-value"]);
 }
-var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$g], ["__file", "dropdown-item.vue"]]);
+var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$g], ["__file", "dropdown-item.vue"]]);
 
-const _sfc_main$18 = defineComponent({
+const _sfc_main$19 = defineComponent({
   name: "ElDropdownMenu",
   props: dropdownMenuProps,
   setup(props) {
@@ -31386,7 +31464,7 @@ const _sfc_main$18 = defineComponent({
     };
   }
 });
-const _hoisted_1$B = ["role", "aria-labelledby"];
+const _hoisted_1$C = ["role", "aria-labelledby"];
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
@@ -31401,9 +31479,9 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     onMousedown: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.onMousedown && _ctx.onMousedown(...args), ["self"]))
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 46, _hoisted_1$B);
+  ], 46, _hoisted_1$C);
 }
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
 
 const ElDropdown = withInstall(Dropdown, {
   DropdownItem,
@@ -31412,13 +31490,13 @@ const ElDropdown = withInstall(Dropdown, {
 const ElDropdownItem = withNoopInstall(DropdownItem);
 const ElDropdownMenu = withNoopInstall(DropdownMenu);
 
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   viewBox: "0 0 79 86",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
-const _hoisted_2$m = ["id"];
+const _hoisted_2$n = ["id"];
 const _hoisted_3$7 = ["stop-color"];
 const _hoisted_4$5 = ["stop-color"];
 const _hoisted_5$4 = ["id"];
@@ -31458,16 +31536,16 @@ const _hoisted_20 = {
 const _hoisted_21 = ["fill", "xlink:href"];
 const _hoisted_22 = ["fill", "mask"];
 const _hoisted_23 = ["fill"];
-const __default__$S = defineComponent({
+const __default__$T = defineComponent({
   name: "ImgEmpty"
 });
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  ...__default__$T,
   setup(__props) {
     const ns = useNamespace("empty");
     const id = useId();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$A, [
+      return openBlock(), createElementBlock("svg", _hoisted_1$B, [
         createElementVNode("defs", null, [
           createElementVNode("linearGradient", {
             id: `linearGradient-1-${unref(id)}`,
@@ -31484,7 +31562,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-4")})`,
               offset: "100%"
             }, null, 8, _hoisted_4$5)
-          ], 8, _hoisted_2$m),
+          ], 8, _hoisted_2$n),
           createElementVNode("linearGradient", {
             id: `linearGradient-2-${unref(id)}`,
             x1: "0%",
@@ -31587,7 +31665,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "img-empty.vue"]]);
+var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "img-empty.vue"]]);
 
 const emptyProps = buildProps({
   image: {
@@ -31601,13 +31679,13 @@ const emptyProps = buildProps({
   }
 });
 
-const _hoisted_1$z = ["src"];
-const _hoisted_2$l = { key: 1 };
-const __default__$R = defineComponent({
+const _hoisted_1$A = ["src"];
+const _hoisted_2$m = { key: 1 };
+const __default__$S = defineComponent({
   name: "ElEmpty"
 });
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  ...__default__$S,
   props: emptyProps,
   setup(__props) {
     const props = __props;
@@ -31629,14 +31707,14 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             key: 0,
             src: _ctx.image,
             ondragstart: "return false"
-          }, null, 8, _hoisted_1$z)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+          }, null, 8, _hoisted_1$A)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
             createVNode(ImgEmpty)
           ])
         ], 6),
         createElementVNode("div", {
           class: normalizeClass(unref(ns).e("description"))
         }, [
-          _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_2$l, toDisplayString(unref(emptyDescription)), 1))
+          _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_2$m, toDisplayString(unref(emptyDescription)), 1))
         ], 2),
         _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -31648,7 +31726,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "empty.vue"]]);
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "empty.vue"]]);
 
 const ElEmpty = withInstall(Empty);
 
@@ -31696,12 +31774,12 @@ const imageViewerEmits = {
   rotate: (deg) => isNumber(deg)
 };
 
-const _hoisted_1$y = ["src", "crossorigin"];
-const __default__$Q = defineComponent({
+const _hoisted_1$z = ["src", "crossorigin"];
+const __default__$R = defineComponent({
   name: "ElImageViewer"
 });
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  ...__default__$R,
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { expose, emit }) {
@@ -32066,7 +32144,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                     onLoad: handleImgLoad,
                     onError: handleImgError,
                     onMousedown: handleMouseDown
-                  }, null, 46, _hoisted_1$y)), [
+                  }, null, 46, _hoisted_1$z)), [
                     [vShow, i === activeIndex.value]
                   ]);
                 }), 128))
@@ -32080,7 +32158,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "image-viewer.vue"]]);
+var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "image-viewer.vue"]]);
 
 const ElImageViewer = withInstall(ImageViewer);
 
@@ -32147,14 +32225,14 @@ const imageEmits = {
   show: () => true
 };
 
-const _hoisted_1$x = ["src", "loading", "crossorigin"];
-const _hoisted_2$k = { key: 0 };
-const __default__$P = defineComponent({
+const _hoisted_1$y = ["src", "loading", "crossorigin"];
+const _hoisted_2$l = { key: 0 };
+const __default__$Q = defineComponent({
   name: "ElImage",
   inheritAttrs: false
 });
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  ...__default__$Q,
   props: imageProps,
   emits: imageEmits,
   setup(__props, { emit }) {
@@ -32320,7 +32398,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
-          }), null, 16, _hoisted_1$x)) : createCommentVNode("v-if", true),
+          }), null, 16, _hoisted_1$y)) : createCommentVNode("v-if", true),
           isLoading.value ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(unref(ns).e("wrapper"))
@@ -32349,7 +32427,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             onSwitch: switchViewer
           }, {
             default: withCtx(() => [
-              _ctx.$slots.viewer ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
+              _ctx.$slots.viewer ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
                 renderSlot(_ctx.$slots, "viewer")
               ])) : createCommentVNode("v-if", true)
             ]),
@@ -32360,7 +32438,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "image.vue"]]);
+var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "image.vue"]]);
 
 const ElImage = withInstall(Image$1);
 
@@ -32420,13 +32498,13 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const _hoisted_1$w = ["aria-label", "onKeydown"];
-const _hoisted_2$j = ["aria-label", "onKeydown"];
-const __default__$O = defineComponent({
+const _hoisted_1$x = ["aria-label", "onKeydown"];
+const _hoisted_2$k = ["aria-label", "onKeydown"];
+const __default__$P = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+  ...__default__$P,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -32680,7 +32758,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
               _: 1
             })
           ])
-        ], 42, _hoisted_1$w)), [
+        ], 42, _hoisted_1$x)), [
           [unref(vRepeatClick), decrease]
         ]) : createCommentVNode("v-if", true),
         _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
@@ -32698,7 +32776,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
               _: 1
             })
           ])
-        ], 42, _hoisted_2$j)), [
+        ], 42, _hoisted_2$k)), [
           [unref(vRepeatClick), increase]
         ]) : createCommentVNode("v-if", true),
         createVNode(unref(ElInput), {
@@ -32731,7 +32809,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "input-number.vue"]]);
 
 const ElInputNumber = withInstall(InputNumber);
 
@@ -32759,12 +32837,12 @@ const linkEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$v = ["href", "target"];
-const __default__$N = defineComponent({
+const _hoisted_1$w = ["href", "target"];
+const __default__$O = defineComponent({
   name: "ElLink"
 });
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  ...__default__$O,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -32800,11 +32878,11 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true),
         _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$v);
+      ], 10, _hoisted_1$w);
     };
   }
 });
-var Link = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__file", "link.vue"]]);
+var Link = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "link.vue"]]);
 
 const ElLink = withInstall(Link);
 
@@ -32933,7 +33011,7 @@ class Menu$1 {
 }
 var Menubar = Menu$1;
 
-const _sfc_main$11 = defineComponent({
+const _sfc_main$12 = defineComponent({
   name: "ElMenuCollapseTransition",
   setup() {
     const ns = useNamespace("menu");
@@ -32984,7 +33062,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16);
 }
-var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$e], ["__file", "menu-collapse-transition.vue"]]);
+var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$e], ["__file", "menu-collapse-transition.vue"]]);
 
 function useMenu(instance, currentIndex) {
   const indexPath = computed$1(() => {
@@ -33659,7 +33737,7 @@ const menuItemEmits = {
 };
 
 const COMPONENT_NAME$b = "ElMenuItem";
-const _sfc_main$10 = defineComponent({
+const _sfc_main$11 = defineComponent({
   name: COMPONENT_NAME$b,
   components: {
     ElTooltip
@@ -33747,14 +33825,14 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$d], ["__file", "menu-item.vue"]]);
+var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$d], ["__file", "menu-item.vue"]]);
 
 const menuItemGroupProps = {
   title: String
 };
 
 const COMPONENT_NAME$a = "ElMenuItemGroup";
-const _sfc_main$$ = defineComponent({
+const _sfc_main$10 = defineComponent({
   name: COMPONENT_NAME$a,
   props: menuItemGroupProps,
   setup() {
@@ -33780,7 +33858,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$c], ["__file", "menu-item-group.vue"]]);
+var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$c], ["__file", "menu-item-group.vue"]]);
 
 const ElMenu = withInstall(Menu, {
   MenuItem,
@@ -33806,12 +33884,12 @@ const pageHeaderEmits = {
   back: () => true
 };
 
-const _hoisted_1$u = ["aria-label"];
-const __default__$M = defineComponent({
+const _hoisted_1$v = ["aria-label"];
+const __default__$N = defineComponent({
   name: "ElPageHeader"
 });
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  ...__default__$N,
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
@@ -33866,7 +33944,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
                     _: 1
                   })) : createCommentVNode("v-if", true)
                 ])
-              ], 10, _hoisted_1$u)) : createCommentVNode("v-if", true),
+              ], 10, _hoisted_1$v)) : createCommentVNode("v-if", true),
               createElementVNode("div", {
                 class: normalizeClass(unref(ns).e("title"))
               }, [
@@ -33901,7 +33979,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "page-header.vue"]]);
+var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "page-header.vue"]]);
 
 const ElPageHeader = withInstall(PageHeader);
 
@@ -33924,13 +34002,13 @@ const paginationPrevEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$t = ["disabled", "aria-label", "aria-disabled"];
-const _hoisted_2$i = { key: 0 };
-const __default__$L = defineComponent({
+const _hoisted_1$u = ["disabled", "aria-label", "aria-disabled"];
+const _hoisted_2$j = { key: 0 };
+const __default__$M = defineComponent({
   name: "ElPaginationPrev"
 });
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  ...__default__$M,
   props: paginationPrevProps,
   emits: paginationPrevEmits,
   setup(__props) {
@@ -33946,17 +34024,17 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         "aria-disabled": unref(internalDisabled),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
       }, [
-        _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2$i, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2$j, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
           ]),
           _: 1
         }))
-      ], 8, _hoisted_1$t);
+      ], 8, _hoisted_1$u);
     };
   }
 });
-var Prev = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "prev.vue"]]);
+var Prev = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "prev.vue"]]);
 
 const paginationNextProps = buildProps({
   disabled: Boolean,
@@ -33976,13 +34054,13 @@ const paginationNextProps = buildProps({
   }
 });
 
-const _hoisted_1$s = ["disabled", "aria-label", "aria-disabled"];
-const _hoisted_2$h = { key: 0 };
-const __default__$K = defineComponent({
+const _hoisted_1$t = ["disabled", "aria-label", "aria-disabled"];
+const _hoisted_2$i = { key: 0 };
+const __default__$L = defineComponent({
   name: "ElPaginationNext"
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  ...__default__$L,
   props: paginationNextProps,
   emits: ["click"],
   setup(__props) {
@@ -33998,17 +34076,17 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         "aria-disabled": unref(internalDisabled),
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
       }, [
-        _ctx.nextText ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        _ctx.nextText ? (openBlock(), createElementBlock("span", _hoisted_2$i, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon)))
           ]),
           _: 1
         }))
-      ], 8, _hoisted_1$s);
+      ], 8, _hoisted_1$t);
     };
   }
 });
-var Next = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "next.vue"]]);
+var Next = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "next.vue"]]);
 
 const selectGroupKey = Symbol("ElSelectGroup");
 const selectKey = Symbol("ElSelect");
@@ -34091,7 +34169,7 @@ function useOption$1(props, states) {
   };
 }
 
-const _sfc_main$X = defineComponent({
+const _sfc_main$Y = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -34165,7 +34243,7 @@ const _sfc_main$X = defineComponent({
     };
   }
 });
-const _hoisted_1$r = ["id", "aria-disabled", "aria-selected"];
+const _hoisted_1$s = ["id", "aria-disabled", "aria-selected"];
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     id: _ctx.id,
@@ -34179,13 +34257,13 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)
     ])
-  ], 42, _hoisted_1$r)), [
+  ], 42, _hoisted_1$s)), [
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$b], ["__file", "option.vue"]]);
+var Option = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$b], ["__file", "option.vue"]]);
 
-const _sfc_main$W = defineComponent({
+const _sfc_main$X = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -34232,7 +34310,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$W, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
+var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
 
 function useInput(handleInput) {
   const isComposing = ref(false);
@@ -34316,14 +34394,13 @@ const useSelect$3 = (props, emit) => {
   const { inputId } = useFormItemInputId(props, {
     formItemContext: formItem
   });
+  const { valueOnClear, isEmptyValue } = useEmptyValues(props);
   const selectDisabled = computed$1(() => props.disabled || (form == null ? void 0 : form.disabled));
-  const hasEmptyStringOption = computed$1(() => optionsArray.value.some((option) => option.value === ""));
   const hasModelValue = computed$1(() => {
-    return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isNil(props.modelValue) && (props.modelValue !== "" || hasEmptyStringOption.value);
+    return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
   });
   const showClose = computed$1(() => {
-    const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
-    return criteria;
+    return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
   });
   const iconComponent = computed$1(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
   const iconReverse = computed$1(() => nsSelect.is("reverse", iconComponent.value && expanded.value));
@@ -34594,7 +34671,7 @@ const useSelect$3 = (props, emit) => {
   };
   const deleteSelected = (event) => {
     event.stopPropagation();
-    const value = props.multiple ? [] : void 0;
+    const value = props.multiple ? [] : valueOnClear.value;
     if (props.multiple) {
       for (const item of states.selected) {
         if (item.isDisabled)
@@ -34689,6 +34766,7 @@ const useSelect$3 = (props, emit) => {
     return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
   });
   const handleMenuEnter = () => {
+    states.isBeforeHide = false;
     nextTick(() => scrollToOption(states.selected));
   };
   const focus = () => {
@@ -35012,11 +35090,12 @@ const SelectProps$1 = buildProps({
   ariaLabel: {
     type: String,
     default: void 0
-  }
+  },
+  ...useEmptyValuesProps
 });
 
 const COMPONENT_NAME$9 = "ElSelect";
-const _sfc_main$V = defineComponent({
+const _sfc_main$W = defineComponent({
   name: COMPONENT_NAME$9,
   componentName: COMPONENT_NAME$9,
   components: {
@@ -35057,8 +35136,8 @@ const _sfc_main$V = defineComponent({
     };
   }
 });
-const _hoisted_1$q = ["id", "disabled", "autocomplete", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
-const _hoisted_2$g = ["textContent"];
+const _hoisted_1$r = ["id", "disabled", "autocomplete", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
+const _hoisted_2$h = ["textContent"];
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -35245,7 +35324,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                   onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
                   onInput: _cache[11] || (_cache[11] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
                   onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
-                }, null, 46, _hoisted_1$q), [
+                }, null, 46, _hoisted_1$r), [
                   [vModelText, _ctx.states.inputValue]
                 ]),
                 _ctx.filterable ? (openBlock(), createElementBlock("span", {
@@ -35254,7 +35333,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                   "aria-hidden": "true",
                   class: normalizeClass(_ctx.nsSelect.e("input-calculator")),
                   textContent: toDisplayString(_ctx.states.inputValue)
-                }, null, 10, _hoisted_2$g)) : createCommentVNode("v-if", true)
+                }, null, 10, _hoisted_2$h)) : createCommentVNode("v-if", true)
               ], 2)) : createCommentVNode("v-if", true),
               _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
                 key: 2,
@@ -35373,9 +35452,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$9], ["__file", "select.vue"]]);
+var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$9], ["__file", "select.vue"]]);
 
-const _sfc_main$U = defineComponent({
+const _sfc_main$V = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -35444,7 +35523,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
 
 const ElSelect = withInstall(Select$1, {
   Option,
@@ -35475,11 +35554,11 @@ const paginationSizesProps = buildProps({
   }
 });
 
-const __default__$J = defineComponent({
+const __default__$K = defineComponent({
   name: "ElPaginationSizes"
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  ...__default__$K,
   props: paginationSizesProps,
   emits: ["page-size-change"],
   setup(__props, { emit }) {
@@ -35535,7 +35614,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "sizes.vue"]]);
+var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "sizes.vue"]]);
 
 const paginationJumperProps = buildProps({
   size: {
@@ -35544,12 +35623,12 @@ const paginationJumperProps = buildProps({
   }
 });
 
-const _hoisted_1$p = ["disabled"];
-const __default__$I = defineComponent({
+const _hoisted_1$q = ["disabled"];
+const __default__$J = defineComponent({
   name: "ElPaginationJumper"
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...__default__$J,
   props: paginationJumperProps,
   setup(__props) {
     const { t } = useLocale();
@@ -35592,11 +35671,11 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         createElementVNode("span", {
           class: normalizeClass([unref(ns).e("classifier")])
         }, toDisplayString(unref(t)("el.pagination.pageClassifier")), 3)
-      ], 10, _hoisted_1$p);
+      ], 10, _hoisted_1$q);
     };
   }
 });
-var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "jumper.vue"]]);
+var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "jumper.vue"]]);
 
 const paginationTotalProps = buildProps({
   total: {
@@ -35605,12 +35684,12 @@ const paginationTotalProps = buildProps({
   }
 });
 
-const _hoisted_1$o = ["disabled"];
-const __default__$H = defineComponent({
+const _hoisted_1$p = ["disabled"];
+const __default__$I = defineComponent({
   name: "ElPaginationTotal"
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$I,
   props: paginationTotalProps,
   setup(__props) {
     const { t } = useLocale();
@@ -35622,11 +35701,11 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
         disabled: unref(disabled)
       }, toDisplayString(unref(t)("el.pagination.total", {
         total: _ctx.total
-      })), 11, _hoisted_1$o);
+      })), 11, _hoisted_1$p);
     };
   }
 });
-var Total = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "total.vue"]]);
+var Total = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "total.vue"]]);
 
 const paginationPagerProps = buildProps({
   currentPage: {
@@ -35644,17 +35723,17 @@ const paginationPagerProps = buildProps({
   disabled: Boolean
 });
 
-const _hoisted_1$n = ["onKeyup"];
-const _hoisted_2$f = ["aria-current", "aria-label", "tabindex"];
+const _hoisted_1$o = ["onKeyup"];
+const _hoisted_2$g = ["aria-current", "aria-label", "tabindex"];
 const _hoisted_3$6 = ["tabindex", "aria-label"];
 const _hoisted_4$4 = ["aria-current", "aria-label", "tabindex"];
 const _hoisted_5$3 = ["tabindex", "aria-label"];
 const _hoisted_6$1 = ["aria-current", "aria-label", "tabindex"];
-const __default__$G = defineComponent({
+const __default__$H = defineComponent({
   name: "ElPaginationPager"
 });
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  ...__default__$H,
   props: paginationPagerProps,
   emits: ["change"],
   setup(__props, { emit }) {
@@ -35801,7 +35880,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           "aria-current": _ctx.currentPage === 1,
           "aria-label": unref(t)("el.pagination.currentPage", { pager: 1 }),
           tabindex: unref(tabindex)
-        }, " 1 ", 10, _hoisted_2$f)) : createCommentVNode("v-if", true),
+        }, " 1 ", 10, _hoisted_2$g)) : createCommentVNode("v-if", true),
         showPrevMore.value ? (openBlock(), createElementBlock("li", {
           key: 1,
           class: normalizeClass(unref(prevMoreKls)),
@@ -35848,11 +35927,11 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           "aria-label": unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
           tabindex: unref(tabindex)
         }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$1)) : createCommentVNode("v-if", true)
-      ], 42, _hoisted_1$n);
+      ], 42, _hoisted_1$o);
     };
   }
 });
-var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "pager.vue"]]);
+var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "pager.vue"]]);
 
 const isAbsent = (v) => typeof v !== "number";
 const paginationProps = buildProps({
@@ -36161,11 +36240,11 @@ const popconfirmEmits = {
   cancel: (e) => e instanceof MouseEvent
 };
 
-const __default__$F = defineComponent({
+const __default__$G = defineComponent({
   name: "ElPopconfirm"
 });
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  ...__default__$G,
   props: popconfirmProps,
   emits: popconfirmEmits,
   setup(__props, { emit }) {
@@ -36261,7 +36340,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "popconfirm.vue"]]);
+var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "popconfirm.vue"]]);
 
 const ElPopconfirm = withInstall(Popconfirm);
 
@@ -36327,11 +36406,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$E = defineComponent({
+const __default__$F = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  ...__default__$F,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -36430,7 +36509,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "popover.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "popover.vue"]]);
 
 const attachEvents = (el, binding) => {
   const popperComponent = binding.arg || binding.value;
@@ -36514,16 +36593,16 @@ const progressProps = buildProps({
   }
 });
 
-const _hoisted_1$m = ["aria-valuenow"];
-const _hoisted_2$e = { viewBox: "0 0 100 100" };
+const _hoisted_1$n = ["aria-valuenow"];
+const _hoisted_2$f = { viewBox: "0 0 100 100" };
 const _hoisted_3$5 = ["d", "stroke", "stroke-linecap", "stroke-width"];
 const _hoisted_4$3 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
 const _hoisted_5$2 = { key: 0 };
-const __default__$D = defineComponent({
+const __default__$E = defineComponent({
   name: "ElProgress"
 });
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: progressProps,
   setup(__props) {
     const props = __props;
@@ -36671,7 +36750,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(ns).b("circle")),
           style: normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
         }, [
-          (openBlock(), createElementBlock("svg", _hoisted_2$e, [
+          (openBlock(), createElementBlock("svg", _hoisted_2$f, [
             createElementVNode("path", {
               class: normalizeClass(unref(ns).be("circle", "track")),
               d: unref(trackPath),
@@ -36707,11 +36786,11 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             }))
           ])
         ], 6)) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$m);
+      ], 10, _hoisted_1$n);
     };
   }
 });
-var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "progress.vue"]]);
+var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "progress.vue"]]);
 
 const ElProgress = withInstall(Progress);
 
@@ -36797,13 +36876,13 @@ const rateEmits = {
   [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
 };
 
-const _hoisted_1$l = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
-const _hoisted_2$d = ["onMousemove", "onClick"];
-const __default__$C = defineComponent({
+const _hoisted_1$m = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
+const _hoisted_2$e = ["onMousemove", "onClick"];
+const __default__$D = defineComponent({
   name: "ElRate"
 });
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: rateProps,
   emits: rateEmits,
   setup(__props, { expose, emit }) {
@@ -37033,18 +37112,18 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["class"])
-          ], 42, _hoisted_2$d);
+          ], 42, _hoisted_2$e);
         }), 128)),
         _ctx.showText || _ctx.showScore ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: normalizeClass(unref(ns).e("text")),
           style: normalizeStyle({ color: _ctx.textColor })
         }, toDisplayString(unref(text)), 7)) : createCommentVNode("v-if", true)
-      ], 46, _hoisted_1$l);
+      ], 46, _hoisted_1$m);
     };
   }
 });
-var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "rate.vue"]]);
+var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "rate.vue"]]);
 
 const ElRate = withInstall(Rate);
 
@@ -37076,11 +37155,11 @@ const resultProps = buildProps({
   }
 });
 
-const __default__$B = defineComponent({
+const __default__$C = defineComponent({
   name: "ElResult"
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: resultProps,
   setup(__props) {
     const props = __props;
@@ -37134,7 +37213,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Result = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "result.vue"]]);
+var Result = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "result.vue"]]);
 
 const ElResult = withInstall(Result);
 
@@ -38939,7 +39018,7 @@ const DynamicSizeGrid = createGrid$1({
 });
 var DynamicSizeGrid$1 = DynamicSizeGrid;
 
-const _sfc_main$K = defineComponent({
+const _sfc_main$L = defineComponent({
   props: {
     item: {
       type: Object,
@@ -38971,7 +39050,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 6));
 }
-var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
+var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
 
 function useOption(props, { emit }) {
   return {
@@ -39114,7 +39193,8 @@ const SelectProps = buildProps({
   ariaLabel: {
     type: String,
     default: void 0
-  }
+  },
+  ...useEmptyValuesProps
 });
 const OptionProps = buildProps({
   data: Array,
@@ -39132,7 +39212,7 @@ const OptionProps = buildProps({
 
 const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
-const _sfc_main$J = defineComponent({
+const _sfc_main$K = defineComponent({
   props: OptionProps,
   emits: ["select", "hover"],
   setup(props, { emit }) {
@@ -39148,7 +39228,7 @@ const _sfc_main$J = defineComponent({
     };
   }
 });
-const _hoisted_1$k = ["aria-selected"];
+const _hoisted_1$l = ["aria-selected"];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     "aria-selected": _ctx.selected,
@@ -39170,9 +39250,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, () => [
       createElementVNode("span", null, toDisplayString(_ctx.getLabel(_ctx.item)), 1)
     ])
-  ], 46, _hoisted_1$k);
+  ], 46, _hoisted_1$l);
 }
-var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
+var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
 
 var ElSelectMenu = defineComponent({
   name: "ElSelectDropdown",
@@ -39485,6 +39565,7 @@ const useSelect$1 = (props, emit) => {
     formItemContext: elFormItem
   });
   const { getLabel, getValue, getDisabled, getOptions } = useProps(props);
+  const { valueOnClear, isEmptyValue } = useEmptyValues(props);
   const states = reactive({
     inputValue: "",
     cachedOptions: [],
@@ -39537,13 +39618,11 @@ const useSelect$1 = (props, emit) => {
     const totalHeight = filteredOptions.value.length * props.itemHeight;
     return totalHeight > props.height ? props.height : totalHeight;
   });
-  const hasEmptyStringOption = computed$1(() => allOptions.value.some((option) => getValue(option) === ""));
   const hasModelValue = computed$1(() => {
-    return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isNil(props.modelValue) && (props.modelValue !== "" || hasEmptyStringOption.value);
+    return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
   });
   const showClearBtn = computed$1(() => {
-    const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
-    return criteria;
+    return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
   });
   const iconComponent = computed$1(() => props.remote && props.filterable ? "" : arrow_down_default);
   const iconReverse = computed$1(() => iconComponent.value && nsSelect.is("reverse", expanded.value));
@@ -39744,7 +39823,7 @@ const useSelect$1 = (props, emit) => {
   const update = (val) => {
     emit(UPDATE_MODEL_EVENT, val);
     emitChange(val);
-    states.previousValue = String(val);
+    states.previousValue = props.multiple ? String(val) : val;
   };
   const getValueIndex = (arr = [], value) => {
     if (!isObject$1(value)) {
@@ -39874,7 +39953,7 @@ const useSelect$1 = (props, emit) => {
     if (isArray$1(props.modelValue)) {
       emptyValue = [];
     } else {
-      emptyValue = void 0;
+      emptyValue = valueOnClear.value;
     }
     if (props.multiple) {
       states.cachedOptions = [];
@@ -39953,6 +40032,7 @@ const useSelect$1 = (props, emit) => {
     }
   };
   const handleMenuEnter = () => {
+    states.isBeforeHide = false;
     return nextTick(() => {
       if (~indexRef.value) {
         scrollToItem(states.hoveringIndex);
@@ -40017,7 +40097,7 @@ const useSelect$1 = (props, emit) => {
   });
   watch(() => props.modelValue, (val, oldVal) => {
     var _a;
-    if (!val || val.toString() !== states.previousValue) {
+    if (!val || props.multiple && val.toString() !== states.previousValue || !props.multiple && getValueKey(val) !== getValueKey(states.previousValue)) {
       initStates();
     }
     if (!isEqual$1(val, oldVal) && props.validateEvent) {
@@ -40147,7 +40227,7 @@ const useSelect$1 = (props, emit) => {
 };
 var useSelect$2 = useSelect$1;
 
-const _sfc_main$I = defineComponent({
+const _sfc_main$J = defineComponent({
   name: "ElSelectV2",
   components: {
     ElSelectMenu,
@@ -40197,8 +40277,8 @@ const _sfc_main$I = defineComponent({
     };
   }
 });
-const _hoisted_1$j = ["id", "autocomplete", "aria-expanded", "aria-label", "disabled", "readonly", "name"];
-const _hoisted_2$c = ["textContent"];
+const _hoisted_1$k = ["id", "autocomplete", "aria-expanded", "aria-label", "disabled", "readonly", "name"];
+const _hoisted_2$d = ["textContent"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -40380,7 +40460,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
                 ],
                 onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
-              }, null, 46, _hoisted_1$j), [
+              }, null, 46, _hoisted_1$k), [
                 [vModelText, _ctx.states.inputValue]
               ]),
               _ctx.filterable ? (openBlock(), createElementBlock("span", {
@@ -40389,7 +40469,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-hidden": "true",
                 class: normalizeClass(_ctx.nsSelect.e("input-calculator")),
                 textContent: toDisplayString(_ctx.states.inputValue)
-              }, null, 10, _hoisted_2$c)) : createCommentVNode("v-if", true)
+              }, null, 10, _hoisted_2$d)) : createCommentVNode("v-if", true)
             ], 2)) : createCommentVNode("v-if", true),
             _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
               key: 2,
@@ -40501,7 +40581,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$I, [["render", _sfc_render$5], ["__file", "select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$5], ["__file", "select.vue"]]);
 
 Select.install = (app) => {
   app.component(Select.name, Select);
@@ -40549,11 +40629,11 @@ const skeletonItemProps = buildProps({
   }
 });
 
-const __default__$A = defineComponent({
+const __default__$B = defineComponent({
   name: "ElSkeletonItem"
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   props: skeletonItemProps,
   setup(__props) {
     const ns = useNamespace("skeleton");
@@ -40566,13 +40646,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "skeleton-item.vue"]]);
+var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "skeleton-item.vue"]]);
 
-const __default__$z = defineComponent({
+const __default__$A = defineComponent({
   name: "ElSkeleton"
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: skeletonProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -40610,7 +40690,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "skeleton.vue"]]);
+var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "skeleton.vue"]]);
 
 const ElSkeleton = withInstall(Skeleton, {
   SkeletonItem
@@ -41222,12 +41302,12 @@ const sliderButtonEmits = {
   [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
 };
 
-const _hoisted_1$i = ["tabindex"];
-const __default__$y = defineComponent({
+const _hoisted_1$j = ["tabindex"];
+const __default__$z = defineComponent({
   name: "ElSliderButton"
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: sliderButtonProps,
   emits: sliderButtonEmits,
   setup(__props, { expose, emit }) {
@@ -41303,11 +41383,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["visible", "placement", "popper-class", "disabled"])
-      ], 46, _hoisted_1$i);
+      ], 46, _hoisted_1$j);
     };
   }
 });
-var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "button.vue"]]);
+var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "button.vue"]]);
 
 const sliderMarkerProps = buildProps({
   mark: {
@@ -41331,13 +41411,13 @@ var SliderMarker = defineComponent({
   }
 });
 
-const _hoisted_1$h = ["id", "role", "aria-label", "aria-labelledby"];
-const _hoisted_2$b = { key: 1 };
-const __default__$x = defineComponent({
+const _hoisted_1$i = ["id", "role", "aria-label", "aria-labelledby"];
+const _hoisted_2$c = { key: 1 };
+const __default__$y = defineComponent({
   name: "ElSlider"
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: sliderProps,
   emits: sliderEmits,
   setup(__props, { expose, emit }) {
@@ -41495,7 +41575,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             "aria-disabled": unref(sliderDisabled),
             "onUpdate:modelValue": unref(setSecondValue)
           }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : createCommentVNode("v-if", true),
-          _ctx.showStops ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
+          _ctx.showStops ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(stops), (item, key) => {
               return openBlock(), createElementBlock("div", {
                 key,
@@ -41542,11 +41622,11 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": unref(setFirstValue),
           onChange: unref(emitChange)
         }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : createCommentVNode("v-if", true)
-      ], 42, _hoisted_1$h);
+      ], 42, _hoisted_1$i);
     };
   }
 });
-var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "slider.vue"]]);
+var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "slider.vue"]]);
 
 const ElSlider = withInstall(Slider);
 
@@ -41767,11 +41847,11 @@ const statisticProps = buildProps({
   }
 });
 
-const __default__$w = defineComponent({
+const __default__$x = defineComponent({
   name: "ElStatistic"
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: statisticProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -41830,7 +41910,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "statistic.vue"]]);
+var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "statistic.vue"]]);
 
 const ElStatistic = withInstall(Statistic);
 
@@ -41882,11 +41962,11 @@ const formatTime$1 = (timestamp, format) => {
   return replacedText.replace(escapeRegex, "$1");
 };
 
-const __default__$v = defineComponent({
+const __default__$w = defineComponent({
   name: "ElCountdown"
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: countdownProps,
   emits: countdownEmits,
   setup(__props, { expose, emit }) {
@@ -41950,7 +42030,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "countdown.vue"]]);
+var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "countdown.vue"]]);
 
 const ElCountdown = withInstall(Countdown);
 
@@ -41989,11 +42069,11 @@ const stepsEmits = {
   [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
-const __default__$u = defineComponent({
+const __default__$v = defineComponent({
   name: "ElSteps"
 });
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: stepsProps,
   emits: stepsEmits,
   setup(__props, { emit }) {
@@ -42022,7 +42102,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "steps.vue"]]);
+var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "steps.vue"]]);
 
 const stepProps = buildProps({
   title: {
@@ -42043,11 +42123,11 @@ const stepProps = buildProps({
   }
 });
 
-const __default__$t = defineComponent({
+const __default__$u = defineComponent({
   name: "ElStep"
 });
-const _sfc_main$A = defineComponent({
-  ...__default__$t,
+const _sfc_main$B = defineComponent({
+  ...__default__$u,
   props: stepProps,
   setup(__props) {
     const props = __props;
@@ -42226,7 +42306,7 @@ const _sfc_main$A = defineComponent({
     };
   }
 });
-var Step = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "item.vue"]]);
+var Step = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "item.vue"]]);
 
 const ElSteps = withInstall(Steps, {
   Step
@@ -42312,17 +42392,17 @@ const switchEmits = {
   [INPUT_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val)
 };
 
-const _hoisted_1$g = ["onClick"];
-const _hoisted_2$a = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"];
+const _hoisted_1$h = ["onClick"];
+const _hoisted_2$b = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"];
 const _hoisted_3$4 = ["aria-hidden"];
 const _hoisted_4$2 = ["aria-hidden"];
 const _hoisted_5$1 = ["aria-hidden"];
 const COMPONENT_NAME$8 = "ElSwitch";
-const __default__$s = defineComponent({
+const __default__$t = defineComponent({
   name: COMPONENT_NAME$8
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: switchProps,
   emits: switchEmits,
   setup(__props, { expose, emit }) {
@@ -42444,7 +42524,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           tabindex: _ctx.tabindex,
           onChange: handleChange,
           onKeydown: withKeys(switchValue, ["enter"])
-        }, null, 42, _hoisted_2$a),
+        }, null, 42, _hoisted_2$b),
         !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: normalizeClass(unref(labelLeftKls))
@@ -42527,11 +42607,11 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             "aria-hidden": !unref(checked)
           }, toDisplayString(_ctx.activeText), 9, _hoisted_5$1)) : createCommentVNode("v-if", true)
         ], 2)) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$h);
     };
   }
 });
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "switch.vue"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "switch.vue"]]);
 
 const ElSwitch = withInstall(Switch);
 
@@ -44076,7 +44156,7 @@ class TableLayout {
 var TableLayout$1 = TableLayout;
 
 const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
-const _sfc_main$y = defineComponent({
+const _sfc_main$z = defineComponent({
   name: "ElTableFilterPanel",
   components: {
     ElCheckbox,
@@ -44225,8 +44305,8 @@ const _sfc_main$y = defineComponent({
     };
   }
 });
-const _hoisted_1$f = { key: 0 };
-const _hoisted_2$9 = ["disabled"];
+const _hoisted_1$g = { key: 0 };
+const _hoisted_2$a = ["disabled"];
 const _hoisted_3$3 = ["label", "onClick"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -44251,7 +44331,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     persistent: ""
   }, {
     content: withCtx(() => [
-      _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+      _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
         createElementVNode("div", {
           class: normalizeClass(_ctx.ns.e("content"))
         }, [
@@ -44291,7 +44371,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             disabled: _ctx.filteredValue.length === 0,
             type: "button",
             onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleConfirm && _ctx.handleConfirm(...args))
-          }, toDisplayString(_ctx.t("el.table.confirmFilter")), 11, _hoisted_2$9),
+          }, toDisplayString(_ctx.t("el.table.confirmFilter")), 11, _hoisted_2$a),
           createElementVNode("button", {
             type: "button",
             onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
@@ -44341,7 +44421,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "placement", "popper-class"]);
 }
-var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
+var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
 
 function useLayoutObserver(root) {
   const instance = getCurrentInstance();
@@ -45357,20 +45437,23 @@ var TableBody = defineComponent({
       let rowNum = newVal;
       const childNodes = (_a = rows[rowNum]) == null ? void 0 : _a.childNodes;
       if (childNodes == null ? void 0 : childNodes.length) {
+        let control = 0;
         const indexes = Array.from(childNodes).reduce((acc, item, index) => {
           var _a2, _b;
-          const pre = ((_a2 = childNodes[index - 1]) == null ? void 0 : _a2.colSpan) > 1;
-          const next = ((_b = childNodes[index + 1]) == null ? void 0 : _b.colSpan) > 1;
-          if (item.nodeName !== "TD" && !pre && !next) {
+          if (((_a2 = childNodes[index]) == null ? void 0 : _a2.colSpan) > 1) {
+            control = (_b = childNodes[index]) == null ? void 0 : _b.colSpan;
+          }
+          if (item.nodeName !== "TD" && control === 0) {
             acc.push(index);
           }
+          control > 0 && control--;
           return acc;
         }, []);
         indexes.forEach((rowIndex) => {
           var _a2;
           while (rowNum > 0) {
             const preChildNodes = (_a2 = rows[rowNum - 1]) == null ? void 0 : _a2.childNodes;
-            if (preChildNodes[rowIndex] && preChildNodes[rowIndex].nodeName === "TD") {
+            if (preChildNodes[rowIndex] && preChildNodes[rowIndex].nodeName === "TD" && preChildNodes[rowIndex].rowSpan > 1) {
               addClass(preChildNodes[rowIndex], "hover-cell");
               hoveredCellList.push(preChildNodes[rowIndex]);
               break;
@@ -46053,7 +46136,7 @@ const useScrollbar$1 = () => {
 };
 
 let tableIdSeed = 1;
-const _sfc_main$x = defineComponent({
+const _sfc_main$y = defineComponent({
   name: "ElTable",
   directives: {
     Mousewheel
@@ -46192,8 +46275,8 @@ const _sfc_main$x = defineComponent({
     };
   }
 });
-const _hoisted_1$e = ["data-prefix"];
-const _hoisted_2$8 = {
+const _hoisted_1$f = ["data-prefix"];
+const _hoisted_2$9 = {
   ref: "hiddenColumns",
   class: "hidden-columns"
 };
@@ -46233,7 +46316,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.ns.e("inner-wrapper")),
       style: normalizeStyle(_ctx.tableInnerStyle)
     }, [
-      createElementVNode("div", _hoisted_2$8, [
+      createElementVNode("div", _hoisted_2$9, [
         renderSlot(_ctx.$slots, "default")
       ], 512),
       _ctx.showHeader && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
@@ -46383,9 +46466,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 2), [
       [vShow, _ctx.resizeProxyVisible]
     ])
-  ], 46, _hoisted_1$e);
+  ], 46, _hoisted_1$f);
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$3], ["__file", "table.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$3], ["__file", "table.vue"]]);
 
 const defaultClassNames = {
   selection: "table-column--selection",
@@ -49140,11 +49223,11 @@ const tabBarProps = buildProps({
 });
 
 const COMPONENT_NAME$3 = "ElTabBar";
-const __default__$r = defineComponent({
+const __default__$s = defineComponent({
   name: COMPONENT_NAME$3
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -49205,7 +49288,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "tab-bar.vue"]]);
+var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "tab-bar.vue"]]);
 
 const tabNavProps = buildProps({
   panes: {
@@ -49618,13 +49701,13 @@ const tabPaneProps = buildProps({
   lazy: Boolean
 });
 
-const _hoisted_1$d = ["id", "aria-hidden", "aria-labelledby"];
+const _hoisted_1$e = ["id", "aria-hidden", "aria-labelledby"];
 const COMPONENT_NAME$1 = "ElTabPane";
-const __default__$q = defineComponent({
+const __default__$r = defineComponent({
   name: COMPONENT_NAME$1
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: tabPaneProps,
   setup(__props) {
     const props = __props;
@@ -49675,13 +49758,13 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         "aria-labelledby": `tab-${unref(paneName)}`
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$d)), [
+      ], 10, _hoisted_1$e)), [
         [vShow, unref(active)]
       ]) : createCommentVNode("v-if", true);
     };
   }
 });
-var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "tab-pane.vue"]]);
+var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "tab-pane.vue"]]);
 
 const ElTabs = withInstall(Tabs, {
   TabPane
@@ -49711,11 +49794,11 @@ const textProps = buildProps({
   }
 });
 
-const __default__$p = defineComponent({
+const __default__$q = defineComponent({
   name: "ElText"
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: textProps,
   setup(__props) {
     const props = __props;
@@ -49741,7 +49824,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "text.vue"]]);
+var Text = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "text.vue"]]);
 
 const ElText = withInstall(Text);
 
@@ -49788,7 +49871,8 @@ const timeSelectProps = buildProps({
   clearIcon: {
     type: definePropType([String, Object]),
     default: () => circle_close_default
-  }
+  },
+  ...useEmptyValuesProps
 });
 
 const parseTime = (time) => {
@@ -49847,11 +49931,11 @@ const nextTime = (time, step) => {
   return formatTime(next);
 };
 
-const __default__$o = defineComponent({
+const __default__$p = defineComponent({
   name: "ElTimeSelect"
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: timeSelectProps,
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(__props, { expose }) {
@@ -49924,6 +50008,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         placeholder: _ctx.placeholder,
         "default-first-option": "",
         filterable: _ctx.editable,
+        "empty-values": _ctx.emptyValues,
+        "value-on-clear": _ctx.valueOnClear,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = (event) => _ctx.$emit("update:modelValue", event)),
         onChange: _cache[1] || (_cache[1] = (event) => _ctx.$emit("change", event)),
         onBlur: _cache[2] || (_cache[2] = (event) => _ctx.$emit("blur", event)),
@@ -49951,11 +50037,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 8, ["model-value", "disabled", "clearable", "clear-icon", "size", "effect", "placeholder", "filterable"]);
+      }, 8, ["model-value", "disabled", "clearable", "clear-icon", "size", "effect", "placeholder", "filterable", "empty-values", "value-on-clear"]);
     };
   }
 });
-var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "time-select.vue"]]);
+var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "time-select.vue"]]);
 
 TimeSelect.install = (app) => {
   app.component(TimeSelect.name, TimeSelect);
@@ -50016,11 +50102,11 @@ const timelineItemProps = buildProps({
   }
 });
 
-const __default__$n = defineComponent({
+const __default__$o = defineComponent({
   name: "ElTimelineItem"
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: timelineItemProps,
   setup(__props) {
     const props = __props;
@@ -50082,7 +50168,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "timeline-item.vue"]]);
+var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "timeline-item.vue"]]);
 
 const ElTimeline = withInstall(Timeline$1, {
   TimelineItem
@@ -50225,11 +50311,11 @@ const tooltipV2RootKey = Symbol("tooltipV2");
 const tooltipV2ContentKey = Symbol("tooltipV2Content");
 const TOOLTIP_V2_OPEN = "tooltip_v2.open";
 
-const __default__$m = defineComponent({
+const __default__$n = defineComponent({
   name: "ElTooltipV2Root"
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: tooltipV2RootProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -50296,13 +50382,13 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "root.vue"]]);
+var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "root.vue"]]);
 
-const __default__$l = defineComponent({
+const __default__$m = defineComponent({
   name: "ElTooltipV2Arrow"
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: {
     ...tooltipV2ArrowProps,
     ...tooltipV2ArrowSpecialProps
@@ -50332,7 +50418,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "arrow.vue"]]);
+var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "arrow.vue"]]);
 
 const visualHiddenProps = buildProps({
   style: {
@@ -50341,11 +50427,11 @@ const visualHiddenProps = buildProps({
   }
 });
 
-const __default__$k = defineComponent({
+const __default__$l = defineComponent({
   name: "ElVisuallyHidden"
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: visualHiddenProps,
   setup(__props) {
     const props = __props;
@@ -50373,14 +50459,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "visual-hidden.vue"]]);
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "visual-hidden.vue"]]);
 
-const _hoisted_1$c = ["data-side"];
-const __default__$j = defineComponent({
+const _hoisted_1$d = ["data-side"];
+const __default__$k = defineComponent({
   name: "ElTooltipV2Content"
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
   setup(__props) {
     const props = __props;
@@ -50470,12 +50556,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(unref(arrowStyle)),
             side: unref(side)
           })
-        ], 10, _hoisted_1$c)) : createCommentVNode("v-if", true)
+        ], 10, _hoisted_1$d)) : createCommentVNode("v-if", true)
       ], 4);
     };
   }
 });
-var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "content.vue"]]);
+var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "content.vue"]]);
 
 const forwardRefProps = buildProps({
   setRef: {
@@ -50508,11 +50594,11 @@ var ForwardRef = defineComponent({
   }
 });
 
-const __default__$i = defineComponent({
+const __default__$j = defineComponent({
   name: "ElTooltipV2Trigger"
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: {
     ...tooltipV2CommonProps,
     ...tooltipV2TriggerProps
@@ -50589,13 +50675,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "trigger.vue"]]);
+var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "trigger.vue"]]);
 
-const __default__$h = defineComponent({
+const __default__$i = defineComponent({
   name: "ElTooltipV2"
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: tooltipV2Props,
   setup(__props) {
     const props = __props;
@@ -50654,7 +50740,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "tooltip.vue"]]);
+var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "tooltip.vue"]]);
 
 const ElTooltipV2 = withInstall(TooltipV2);
 
@@ -50912,11 +50998,11 @@ const useMove = (props, checkedState, emit) => {
   };
 };
 
-const __default__$g = defineComponent({
+const __default__$h = defineComponent({
   name: "ElTransferPanel"
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: transferPanelProps,
   emits: transferPanelEmits,
   setup(__props, { expose, emit }) {
@@ -51026,15 +51112,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "transfer-panel.vue"]]);
+var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "transfer-panel.vue"]]);
 
-const _hoisted_1$b = { key: 0 };
-const _hoisted_2$7 = { key: 0 };
-const __default__$f = defineComponent({
+const _hoisted_1$c = { key: 0 };
+const _hoisted_2$8 = { key: 0 };
+const __default__$g = defineComponent({
   name: "ElTransfer"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: transferProps,
   emits: transferEmits,
   setup(__props, { expose, emit }) {
@@ -51124,7 +51210,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              !unref(isUndefined)(_ctx.buttonTexts[0]) ? (openBlock(), createElementBlock("span", _hoisted_1$b, toDisplayString(_ctx.buttonTexts[0]), 1)) : createCommentVNode("v-if", true)
+              !unref(isUndefined)(_ctx.buttonTexts[0]) ? (openBlock(), createElementBlock("span", _hoisted_1$c, toDisplayString(_ctx.buttonTexts[0]), 1)) : createCommentVNode("v-if", true)
             ]),
             _: 1
           }, 8, ["class", "disabled", "onClick"]),
@@ -51135,7 +51221,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             onClick: unref(addToRight)
           }, {
             default: withCtx(() => [
-              !unref(isUndefined)(_ctx.buttonTexts[1]) ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(_ctx.buttonTexts[1]), 1)) : createCommentVNode("v-if", true),
+              !unref(isUndefined)(_ctx.buttonTexts[1]) ? (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(_ctx.buttonTexts[1]), 1)) : createCommentVNode("v-if", true),
               createVNode(unref(ElIcon), null, {
                 default: withCtx(() => [
                   createVNode(unref(arrow_right_default))
@@ -51169,7 +51255,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "transfer.vue"]]);
+var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "transfer.vue"]]);
 
 const ElTransfer = withInstall(Transfer);
 
@@ -51943,7 +52029,7 @@ class TreeStore {
   }
 }
 
-const _sfc_main$j = defineComponent({
+const _sfc_main$k = defineComponent({
   name: "ElTreeNodeContent",
   props: {
     node: {
@@ -51965,7 +52051,7 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "tree-node-content.vue"]]);
+var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "tree-node-content.vue"]]);
 
 function useNodeExpandEventBroadcast(props) {
   const parentNodeMap = inject("TreeNodeMap", null);
@@ -52143,7 +52229,7 @@ function useDragNodeHandler({ props, ctx, el$, dropIndicator$, store }) {
   };
 }
 
-const _sfc_main$i = defineComponent({
+const _sfc_main$j = defineComponent({
   name: "ElTreeNode",
   components: {
     ElCollapseTransition: _CollapseTransition,
@@ -52327,8 +52413,8 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
-const _hoisted_2$6 = ["aria-expanded"];
+const _hoisted_1$b = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
+const _hoisted_2$7 = ["aria-expanded"];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -52424,17 +52510,17 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               onNodeExpand: _ctx.handleChildNodeExpand
             }, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "accordion", "props", "onNodeExpand"]);
           }), 128))
-        ], 10, _hoisted_2$6)), [
+        ], 10, _hoisted_2$7)), [
           [vShow, _ctx.expanded]
         ]) : createCommentVNode("v-if", true)
       ]),
       _: 1
     })
-  ], 42, _hoisted_1$a)), [
+  ], 42, _hoisted_1$b)), [
     [vShow, _ctx.node.visible]
   ]);
 }
-var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
+var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
 
 function useKeydown({ el$ }, store) {
   const ns = useNamespace("tree");
@@ -52519,7 +52605,7 @@ function useKeydown({ el$ }, store) {
   };
 }
 
-const _sfc_main$h = defineComponent({
+const _sfc_main$i = defineComponent({
   name: "ElTree",
   components: { ElTreeNode: ElTreeNode$1 },
   props: {
@@ -52834,7 +52920,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
+var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
 
 Tree.install = (app) => {
   app.component(Tree.name, Tree);
@@ -53093,7 +53179,7 @@ var CacheOptions = defineComponent({
   }
 });
 
-const _sfc_main$g = defineComponent({
+const _sfc_main$h = defineComponent({
   name: "ElTreeSelect",
   inheritAttrs: false,
   props: {
@@ -53157,7 +53243,7 @@ const _sfc_main$g = defineComponent({
     });
   }
 });
-var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "tree-select.vue"]]);
+var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "tree-select.vue"]]);
 
 TreeSelect.install = (app) => {
   app.component(TreeSelect.name, TreeSelect);
@@ -53829,12 +53915,12 @@ var ElNodeContent = defineComponent({
   }
 });
 
-const _hoisted_1$9 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"];
-const __default__$e = defineComponent({
+const _hoisted_1$a = ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"];
+const __default__$f = defineComponent({
   name: "ElTreeNode"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: treeNodeProps,
   emits: treeNodeEmits,
   setup(__props, { emit }) {
@@ -53921,17 +54007,17 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           }, null, 8, ["model-value", "indeterminate", "disabled"])) : createCommentVNode("v-if", true),
           createVNode(unref(ElNodeContent), { node: _ctx.node }, null, 8, ["node"])
         ], 6)
-      ], 42, _hoisted_1$9);
+      ], 42, _hoisted_1$a);
     };
   }
 });
-var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "tree-node.vue"]]);
+var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "tree-node.vue"]]);
 
-const __default__$d = defineComponent({
+const __default__$e = defineComponent({
   name: "ElTreeV2"
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: treeProps,
   emits: treeEmits,
   setup(__props, { expose, emit }) {
@@ -54042,7 +54128,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "tree.vue"]]);
+var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "tree.vue"]]);
 
 const ElTreeV2 = withInstall(TreeV2);
 
@@ -54257,17 +54343,17 @@ const uploadListEmits = {
   remove: (file) => !!file
 };
 
-const _hoisted_1$8 = ["onKeydown"];
-const _hoisted_2$5 = ["src", "crossorigin"];
+const _hoisted_1$9 = ["onKeydown"];
+const _hoisted_2$6 = ["src", "crossorigin"];
 const _hoisted_3$2 = ["onClick"];
 const _hoisted_4$1 = ["title"];
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
-const __default__$c = defineComponent({
+const __default__$d = defineComponent({
   name: "ElUploadList"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   props: uploadListProps,
   emits: uploadListEmits,
   setup(__props, { emit }) {
@@ -54314,7 +54400,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   src: file.url,
                   crossorigin: _ctx.crossorigin,
                   alt: ""
-                }, null, 10, _hoisted_2$5)) : createCommentVNode("v-if", true),
+                }, null, 10, _hoisted_2$6)) : createCommentVNode("v-if", true),
                 file.status === "uploading" || _ctx.listType !== "picture-card" ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   class: normalizeClass(unref(nsUpload).be("list", "item-info"))
@@ -54415,7 +54501,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   ], 10, _hoisted_6)) : createCommentVNode("v-if", true)
                 ], 2)) : createCommentVNode("v-if", true)
               ])
-            ], 42, _hoisted_1$8);
+            ], 42, _hoisted_1$9);
           }), 128)),
           renderSlot(_ctx.$slots, "append")
         ]),
@@ -54424,7 +54510,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "upload-list.vue"]]);
+var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "upload-list.vue"]]);
 
 const uploadDraggerProps = buildProps({
   disabled: {
@@ -54436,13 +54522,13 @@ const uploadDraggerEmits = {
   file: (file) => isArray$1(file)
 };
 
-const _hoisted_1$7 = ["onDrop", "onDragover"];
+const _hoisted_1$8 = ["onDrop", "onDragover"];
 const COMPONENT_NAME = "ElUploadDrag";
-const __default__$b = defineComponent({
+const __default__$c = defineComponent({
   name: COMPONENT_NAME
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: uploadDraggerProps,
   emits: uploadDraggerEmits,
   setup(__props, { emit }) {
@@ -54473,11 +54559,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         onDragleave: _cache[0] || (_cache[0] = withModifiers(($event) => dragover.value = false, ["prevent"]))
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 42, _hoisted_1$7);
+      ], 42, _hoisted_1$8);
     };
   }
 });
-var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "upload-dragger.vue"]]);
+var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "upload-dragger.vue"]]);
 
 const uploadContentProps = buildProps({
   ...uploadBaseProps,
@@ -54511,14 +54597,14 @@ const uploadContentProps = buildProps({
   }
 });
 
-const _hoisted_1$6 = ["onKeydown"];
-const _hoisted_2$4 = ["name", "multiple", "accept"];
-const __default__$a = defineComponent({
+const _hoisted_1$7 = ["onKeydown"];
+const _hoisted_2$5 = ["name", "multiple", "accept"];
+const __default__$b = defineComponent({
   name: "ElUploadContent",
   inheritAttrs: false
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: uploadContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -54688,12 +54774,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           onChange: handleChange,
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_2$4)
-      ], 42, _hoisted_1$6);
+        }, null, 42, _hoisted_2$5)
+      ], 42, _hoisted_1$7);
     };
   }
 });
-var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "upload-content.vue"]]);
+var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "upload-content.vue"]]);
 
 const SCOPE$1 = "ElUpload";
 const revokeFileObjectURL = (file) => {
@@ -54822,11 +54908,11 @@ const useHandlers = (props, uploadRef) => {
   };
 };
 
-const __default__$9 = defineComponent({
+const __default__$a = defineComponent({
   name: "ElUpload"
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: uploadProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -54932,7 +55018,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "upload.vue"]]);
+var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "upload.vue"]]);
 
 const ElUpload = withInstall(Upload);
 
@@ -55072,11 +55158,11 @@ function useClips() {
   return getClips;
 }
 
-const __default__$8 = defineComponent({
+const __default__$9 = defineComponent({
   name: "ElWatermark"
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: watermarkProps,
   setup(__props) {
     const props = __props;
@@ -55275,7 +55361,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "watermark.vue"]]);
+var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "watermark.vue"]]);
 
 const ElWatermark = withInstall(Watermark);
 
@@ -55498,17 +55584,17 @@ const overflowMiddleware = () => {
   };
 };
 
-const _hoisted_1$5 = { style: {
+const _hoisted_1$6 = { style: {
   width: "100%",
   height: "100%"
 } };
-const _hoisted_2$3 = ["d"];
-const __default__$7 = defineComponent({
+const _hoisted_2$4 = ["d"];
+const __default__$8 = defineComponent({
   name: "ElTourMask",
   inheritAttrs: false
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: maskProps,
   setup(__props) {
     const props = __props;
@@ -55559,18 +55645,18 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           pointerEvents: _ctx.pos && _ctx.targetAreaClickable ? "none" : "auto"
         }
       }, _ctx.$attrs), [
-        (openBlock(), createElementBlock("svg", _hoisted_1$5, [
+        (openBlock(), createElementBlock("svg", _hoisted_1$6, [
           createElementVNode("path", {
             class: normalizeClass(unref(ns).e("hollow")),
             style: normalizeStyle(unref(pathStyle)),
             d: unref(path)
-          }, null, 14, _hoisted_2$3)
+          }, null, 14, _hoisted_2$4)
         ]))
       ], 16)) : createCommentVNode("v-if", true);
     };
   }
 });
-var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "mask.vue"]]);
+var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "mask.vue"]]);
 
 const tourStrategies = ["absolute", "fixed"];
 const tourPlacements = [
@@ -55616,12 +55702,12 @@ const tourContentEmits = {
   close: () => true
 };
 
-const _hoisted_1$4 = ["data-side"];
-const __default__$6 = defineComponent({
+const _hoisted_1$5 = ["data-side"];
+const __default__$7 = defineComponent({
   name: "ElTourContent"
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: tourContentProps,
   emits: tourContentEmits,
   setup(__props, { emit }) {
@@ -55675,11 +55761,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(unref(arrowStyle)),
           class: normalizeClass(unref(ns).e("arrow"))
         }, null, 6)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$4);
+      ], 14, _hoisted_1$5);
     };
   }
 });
-var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "content.vue"]]);
+var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "content.vue"]]);
 
 var ElTourSteps = defineComponent({
   name: "ElTourSteps",
@@ -55789,11 +55875,11 @@ const tourEmits = {
   change: (current) => isNumber(current)
 };
 
-const __default__$5 = defineComponent({
+const __default__$6 = defineComponent({
   name: "ElTour"
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: tourProps,
   emits: tourEmits,
   setup(__props, { emit }) {
@@ -55925,7 +56011,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tour = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "tour.vue"]]);
+var Tour = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "tour.vue"]]);
 
 const tourStepProps = buildProps({
   target: {
@@ -55970,11 +56056,11 @@ const tourStepEmits = {
   close: () => true
 };
 
-const __default__$4 = defineComponent({
+const __default__$5 = defineComponent({
   name: "ElTourStep"
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: tourStepProps,
   emits: tourStepEmits,
   setup(__props, { emit }) {
@@ -56129,7 +56215,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TourStep = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "step.vue"]]);
+var TourStep = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "step.vue"]]);
 
 const ElTour = withInstall(Tour, {
   TourStep
@@ -56175,11 +56261,11 @@ const anchorEmits = {
 
 const anchorKey = Symbol("anchor");
 
-const __default__$3 = defineComponent({
+const __default__$4 = defineComponent({
   name: "ElAnchor"
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: anchorProps,
   emits: anchorEmits,
   setup(__props, { expose, emit }) {
@@ -56356,19 +56442,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "anchor.vue"]]);
+var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "anchor.vue"]]);
 
 const anchorLinkProps = buildProps({
   title: String,
   href: String
 });
 
-const _hoisted_1$3 = ["href"];
-const __default__$2 = defineComponent({
+const _hoisted_1$4 = ["href"];
+const __default__$3 = defineComponent({
   name: "ElAnchorLink"
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: anchorLinkProps,
   setup(__props) {
     const props = __props;
@@ -56429,7 +56515,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ])
-        ], 10, _hoisted_1$3),
+        ], 10, _hoisted_1$4),
         _ctx.$slots["sub-link"] && unref(direction) === "vertical" ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(unref(ns).e("list"))
@@ -56440,13 +56526,192 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "anchor-link.vue"]]);
+var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "anchor-link.vue"]]);
 
 const ElAnchor = withInstall(Anchor, {
   AnchorLink
 });
 const ElAnchorLink = withNoopInstall(AnchorLink);
 
+const segmentedProps = buildProps({
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  block: Boolean,
+  size: useSizeProp,
+  disabled: Boolean,
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  id: String,
+  name: String,
+  ariaLabel: String
+});
+const segmentedEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val),
+  [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val)
+};
+
+const _hoisted_1$3 = ["id", "aria-label", "aria-labelledby"];
+const _hoisted_2$3 = ["name", "disabled", "checked", "onChange"];
+const __default__$2 = defineComponent({
+  name: "ElSegmented"
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: segmentedProps,
+  emits: segmentedEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("segmented");
+    const segmentedId = useId();
+    const segmentedSize = useFormSize();
+    const _disabled = useFormDisabled();
+    const { formItem } = useFormItem();
+    const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
+      formItemContext: formItem
+    });
+    const segmentedRef = ref(null);
+    const activeElement = useActiveElement();
+    const state = reactive({
+      isInit: false,
+      width: 0,
+      translateX: 0,
+      disabled: false,
+      focusVisible: false
+    });
+    const handleChange = (item) => {
+      const value = getValue(item);
+      emit(UPDATE_MODEL_EVENT, value);
+      emit(CHANGE_EVENT, value);
+    };
+    const getValue = (item) => {
+      return isObject$1(item) ? item.value : item;
+    };
+    const getLabel = (item) => {
+      return isObject$1(item) ? item.label : item;
+    };
+    const getDisabled = (item) => {
+      return !!(_disabled.value || (isObject$1(item) ? item.disabled : false));
+    };
+    const getSelected = (item) => {
+      return props.modelValue === getValue(item);
+    };
+    const getOption = (value) => {
+      return props.options.find((item) => getValue(item) === value);
+    };
+    const getItemCls = (item) => {
+      return [
+        ns.e("item"),
+        ns.is("selected", getSelected(item)),
+        ns.is("disabled", getDisabled(item))
+      ];
+    };
+    const updateSelect = () => {
+      if (!segmentedRef.value)
+        return;
+      const selectedItem = segmentedRef.value.querySelector(".is-selected");
+      const selectedItemInput = segmentedRef.value.querySelector(".is-selected input");
+      if (!selectedItem || !selectedItemInput) {
+        state.width = 0;
+        state.translateX = 0;
+        state.disabled = false;
+        state.focusVisible = false;
+        return;
+      }
+      const rect = selectedItem.getBoundingClientRect();
+      state.isInit = true;
+      state.width = rect.width;
+      state.translateX = selectedItem.offsetLeft;
+      state.disabled = getDisabled(getOption(props.modelValue));
+      try {
+        state.focusVisible = selectedItemInput.matches(":focus-visible");
+      } catch (e) {
+      }
+    };
+    const segmentedCls = computed$1(() => [
+      ns.b(),
+      ns.m(segmentedSize.value),
+      ns.is("block", props.block)
+    ]);
+    const selectedStyle = computed$1(() => ({
+      width: `${state.width}px`,
+      transform: `translateX(${state.translateX}px)`,
+      display: state.isInit ? "block" : "none"
+    }));
+    const selectedCls = computed$1(() => [
+      ns.e("item-selected"),
+      ns.is("disabled", state.disabled),
+      ns.is("focus-visible", state.focusVisible)
+    ]);
+    const name = computed$1(() => {
+      return props.name || segmentedId.value;
+    });
+    useResizeObserver(segmentedRef, updateSelect);
+    watch(activeElement, updateSelect);
+    watch(() => props.modelValue, () => {
+      var _a;
+      updateSelect();
+      if (props.validateEvent) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+      }
+    }, {
+      flush: "post"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: unref(inputId),
+        ref_key: "segmentedRef",
+        ref: segmentedRef,
+        class: normalizeClass(unref(segmentedCls)),
+        role: "radiogroup",
+        "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "segmented" : void 0,
+        "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("group"))
+        }, [
+          createElementVNode("div", {
+            style: normalizeStyle(unref(selectedStyle)),
+            class: normalizeClass(unref(selectedCls))
+          }, null, 6),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
+            return openBlock(), createElementBlock("label", {
+              key: index,
+              class: normalizeClass(getItemCls(item))
+            }, [
+              createElementVNode("input", {
+                class: normalizeClass(unref(ns).e("item-input")),
+                type: "radio",
+                name: unref(name),
+                disabled: getDisabled(item),
+                checked: getSelected(item),
+                onChange: ($event) => handleChange(item)
+              }, null, 42, _hoisted_2$3),
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("item-label"))
+              }, [
+                renderSlot(_ctx.$slots, "default", { item }, () => [
+                  createTextVNode(toDisplayString(getLabel(item)), 1)
+                ])
+              ], 2)
+            ], 2);
+          }), 128))
+        ], 2)
+      ], 10, _hoisted_1$3);
+    };
+  }
+});
+var Segmented = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "segmented.vue"]]);
+
+const ElSegmented = withInstall(Segmented);
+
 var Components = [
   ElAffix,
   ElAlert,
@@ -56550,7 +56815,8 @@ var Components = [
   ElTour,
   ElTourStep,
   ElAnchor,
-  ElAnchorLink
+  ElAnchorLink,
+  ElSegmented
 ];
 
 const SCOPE = "ElInfiniteScroll";
@@ -58249,4 +58515,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, 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, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, 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, 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, SIZE_INJECTION_KEY, 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, 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, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, datePickerProps, dayjs, installer as default, defaultInitialZIndex, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeContextKey, makeInstaller, makeList, 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, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, textProps, thumbProps, timePickerDefaultProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, tourEmits, tourProps, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, 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, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps, watermarkProps, zIndexContextKey };
+export { BAR_MAP, 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, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, 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$3 as SCOPE, SIZE_INJECTION_KEY, 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, 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, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, datePickerProps, dayjs, installer as default, defaultInitialZIndex, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, localeContextKey, makeInstaller, makeList, 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, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, textProps, thumbProps, timePickerDefaultProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, tourEmits, tourProps, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, 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, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps, watermarkProps, zIndexContextKey };