@element-plus/nightly 0.0.20240410 → 0.0.20240412

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240410 */
+/*! Element Plus v0.0.20240412 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -360,6 +360,19 @@
     return stop;
   }
 
+  function useActiveElement(options = {}) {
+    const { window = defaultWindow } = options;
+    const counter = vue.ref(0);
+    if (window) {
+      useEventListener(window, "blur", () => counter.value += 1, true);
+      useEventListener(window, "focus", () => counter.value += 1, true);
+    }
+    return vue.computed(() => {
+      counter.value;
+      return window == null ? void 0 : window.document.activeElement;
+    });
+  }
+
   function useSupported(callback, sync = false) {
     const isSupported = vue.ref();
     const update = () => isSupported.value = Boolean(callback());
@@ -11541,6 +11554,44 @@
     };
   }
 
+  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 = vue.computed(() => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES);
+    const valueOnClear = vue.computed(() => {
+      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 = vue.ref();
@@ -11608,11 +11659,10 @@
     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;
   };
@@ -11643,7 +11693,8 @@
     namespace: {
       type: String,
       default: "el"
-    }
+    },
+    ...useEmptyValuesProps
   });
 
   const messageConfig = {};
@@ -11661,7 +11712,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240410";
+  const version$1 = "0.0.20240412";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11711,11 +11762,11 @@
   };
 
   const COMPONENT_NAME$n = "ElAffix";
-  const __default__$1K = vue.defineComponent({
+  const __default__$1L = vue.defineComponent({
     name: COMPONENT_NAME$n
   });
-  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1K,
+  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1L,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11818,7 +11869,7 @@
       };
     }
   });
-  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);
 
@@ -11831,12 +11882,12 @@
     }
   });
 
-  const __default__$1J = vue.defineComponent({
+  const __default__$1K = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1J,
+  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1K,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11860,7 +11911,7 @@
       };
     }
   });
-  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);
 
@@ -11899,11 +11950,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1I = vue.defineComponent({
+  const __default__$1J = vue.defineComponent({
     name: "ElAlert"
   });
-  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1I,
+  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1J,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11988,7 +12039,7 @@
       };
     }
   });
-  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);
 
@@ -12153,11 +12204,11 @@
   };
 
   const COMPONENT_NAME$m = "ElForm";
-  const __default__$1H = vue.defineComponent({
+  const __default__$1I = vue.defineComponent({
     name: COMPONENT_NAME$m
   });
-  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1H,
+  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1I,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -12289,7 +12340,7 @@
       };
     }
   });
-  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) {
@@ -13468,12 +13519,12 @@
     }
   });
 
-  const _hoisted_1$17 = ["role", "aria-labelledby"];
-  const __default__$1G = vue.defineComponent({
+  const _hoisted_1$18 = ["role", "aria-labelledby"];
+  const __default__$1H = vue.defineComponent({
     name: "ElFormItem"
   });
-  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1G,
+  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1H,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13765,11 +13816,11 @@
               _: 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
@@ -13961,15 +14012,15 @@
     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 = vue.defineComponent({
+  const __default__$1G = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1F,
+  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1G,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14281,7 +14332,7 @@
                 onBlur: _cache[1] || (_cache[1] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, _hoisted_2$I),
+              }), null, 16, _hoisted_2$J),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -14388,11 +14439,11 @@
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(_ctx.maxlength), 7)) : vue.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);
 
@@ -14442,7 +14493,7 @@
   });
 
   const COMPONENT_NAME$k = "Thumb";
-  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14561,7 +14612,7 @@
       };
     }
   });
-  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: {
@@ -14574,7 +14625,7 @@
     }
   });
 
-  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14632,7 +14683,7 @@
       };
     }
   });
-  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: {
@@ -14689,11 +14740,11 @@
   };
 
   const COMPONENT_NAME$j = "ElScrollbar";
-  const __default__$1E = vue.defineComponent({
+  const __default__$1F = vue.defineComponent({
     name: COMPONENT_NAME$j
   });
-  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1E,
+  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1F,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14834,7 +14885,7 @@
       };
     }
   });
-  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);
 
@@ -14864,12 +14915,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1D = vue.defineComponent({
+  const __default__$1E = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1D,
+  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1E,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14892,7 +14943,7 @@
       };
     }
   });
-  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: {
@@ -14902,12 +14953,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1C = vue.defineComponent({
+  const __default__$1D = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1C,
+  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1D,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14933,7 +14984,7 @@
       };
     }
   });
-  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 = vue.defineComponent({
@@ -15021,12 +15072,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1B = vue.defineComponent({
+  const __default__$1C = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1B,
+  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1C,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15124,7 +15175,7 @@
       };
     }
   });
-  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";
@@ -15274,7 +15325,7 @@
     });
   };
 
-  const _sfc_main$2d = vue.defineComponent({
+  const _sfc_main$2e = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15513,7 +15564,7 @@
   function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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({
@@ -15807,11 +15858,11 @@
     };
   };
 
-  const __default__$1A = vue.defineComponent({
+  const __default__$1B = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1A,
+  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1B,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -15927,7 +15978,7 @@
       };
     }
   });
-  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);
 
@@ -16012,11 +16063,11 @@
     };
   };
 
-  const __default__$1z = vue.defineComponent({
+  const __default__$1A = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1z,
+  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1A,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16075,14 +16126,14 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1z,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16240,15 +16291,15 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const _hoisted_1$16 = ["innerHTML"];
+  const _hoisted_2$I = { key: 1 };
+  const __default__$1y = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1y,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16385,7 +16436,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$15)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$H, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$16)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$I, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -16400,7 +16451,7 @@
       };
     }
   });
-  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);
 
@@ -16481,16 +16532,16 @@
     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 = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: COMPONENT_NAME$i,
     inheritAttrs: false
   });
-  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1x,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -16728,7 +16779,7 @@
                 role: "listbox"
               }, {
                 default: vue.withCtx(() => [
-                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$G, [
+                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$H, [
                     vue.renderSlot(_ctx.$slots, "loading", {}, () => [
                       vue.createVNode(vue.unref(ElIcon), {
                         class: vue.normalizeClass(vue.unref(ns).is("loading"))
@@ -16816,14 +16867,14 @@
                   ])
                 } : 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);
 
@@ -16857,12 +16908,12 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$13 = ["src", "alt", "srcset"];
-  const __default__$1v = vue.defineComponent({
+  const _hoisted_1$14 = ["src", "alt", "srcset"];
+  const __default__$1w = vue.defineComponent({
     name: "ElAvatar"
   });
-  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1w,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -16906,7 +16957,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$13)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$14)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -16916,7 +16967,7 @@
       };
     }
   });
-  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);
 
@@ -16977,11 +17028,11 @@
   };
 
   const COMPONENT_NAME$h = "ElBacktop";
-  const __default__$1u = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
-  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1v,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -17020,7 +17071,7 @@
       };
     }
   });
-  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);
 
@@ -17044,15 +17095,25 @@
       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 = vue.defineComponent({
+  const _hoisted_1$13 = ["textContent"];
+  const __default__$1u = vue.defineComponent({
     name: "ElBadge"
   });
-  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1u,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -17068,6 +17129,17 @@
         }
         return `${props.value}`;
       });
+      const style = vue.computed(() => {
+        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
       });
@@ -17086,11 +17158,12 @@
                   vue.unref(ns).e("content"),
                   vue.unref(ns).em("content", _ctx.type),
                   vue.unref(ns).is("fixed", !!_ctx.$slots.default),
-                  vue.unref(ns).is("dot", _ctx.isDot)
+                  vue.unref(ns).is("dot", _ctx.isDot),
+                  _ctx.dotClass
                 ]),
-                style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
+                style: vue.normalizeStyle(vue.unref(style)),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 14, _hoisted_1$12), [
+              }, null, 14, _hoisted_1$13), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
               ])
             ]),
@@ -17100,7 +17173,7 @@
       };
     }
   });
-  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);
 
@@ -17116,12 +17189,12 @@
     }
   });
 
-  const _hoisted_1$11 = ["aria-label"];
-  const __default__$1s = vue.defineComponent({
+  const _hoisted_1$12 = ["aria-label"];
+  const __default__$1t = vue.defineComponent({
     name: "ElBreadcrumb"
   });
-  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1t,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -17144,11 +17217,11 @@
           role: "navigation"
         }, [
           vue.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: {
@@ -17161,11 +17234,11 @@
     }
   });
 
-  const __default__$1r = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
-  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1s,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -17210,7 +17283,7 @@
       };
     }
   });
-  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
@@ -18260,11 +18333,11 @@
     });
   }
 
-  const __default__$1q = vue.defineComponent({
+  const __default__$1r = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1r,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18330,18 +18403,18 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$1q = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1q,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -18359,7 +18432,7 @@
       };
     }
   });
-  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
@@ -18899,16 +18972,17 @@
       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 = vue.defineComponent({
+  const _hoisted_1$11 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_2$G = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const __default__$1p = vue.defineComponent({
     name: "Picker"
   });
-  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1p,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -18929,6 +19003,7 @@
       const nsRange = useNamespace("range");
       const { form, formItem } = useFormItem();
       const elPopperOptions = vue.inject("ElPopperOptions", {});
+      const { valueOnClear } = useEmptyValues(props, null);
       const refPopper = vue.ref();
       const inputRef = vue.ref();
       const pickerVisible = vue.ref(false);
@@ -19147,8 +19222,8 @@
         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();
@@ -19218,8 +19293,8 @@
           }
         }
         if (userInput.value === "") {
-          emitInput(null);
-          emitChange(null);
+          emitInput(valueOnClear.value);
+          emitChange(valueOnClear.value);
           userInput.value = null;
         }
       };
@@ -19477,7 +19552,7 @@
                 onChange: handleStartChange,
                 onFocus: handleFocusInput,
                 onBlur: handleBlurInput
-              }, null, 42, _hoisted_1$10),
+              }, null, 42, _hoisted_1$11),
               vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
@@ -19497,7 +19572,7 @@
                 onBlur: handleBlurInput,
                 onInput: handleEndInput,
                 onChange: handleEndChange
-              }, null, 42, _hoisted_2$F),
+              }, null, 42, _hoisted_2$G),
               _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 1,
                 class: vue.normalizeClass(vue.unref(clearIconKls)),
@@ -19536,7 +19611,7 @@
       };
     }
   });
-  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,
@@ -19844,9 +19919,9 @@
     ...disabledTimeListsProps
   });
 
-  const _hoisted_1$$ = ["onClick"];
-  const _hoisted_2$E = ["onMouseenter"];
-  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$10 = ["onClick"];
+  const _hoisted_2$F = ["onMouseenter"];
+  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
     emits: ["change", "select-range", "set-option"],
@@ -20072,7 +20147,7 @@
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(("0" + key).slice(-2)), 1)
                     ], 64))
-                  ], 10, _hoisted_1$$);
+                  ], 10, _hoisted_1$10);
                 }), 128))
               ]),
               _: 2
@@ -20126,15 +20201,15 @@
                   ], 2);
                 }), 128))
               ], 2)
-            ], 42, _hoisted_2$E);
+            ], 42, _hoisted_2$F);
           }), 128)) : vue.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__ */ vue.defineComponent({
+  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-pick",
     props: panelTimePickerProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -20286,7 +20361,7 @@
       };
     }
   });
-  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,
@@ -20295,8 +20370,8 @@
     }
   });
 
-  const _hoisted_1$_ = ["disabled"];
-  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$$ = ["disabled"];
+  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -20558,13 +20633,13 @@
               class: vue.normalizeClass([vue.unref(nsTime).be("panel", "btn"), "confirm"]),
               disabled: vue.unref(btnConfirmDisabled),
               onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$_)
+            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$$)
           ], 2)
         ], 2)) : vue.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 = vue.defineComponent({
@@ -20816,13 +20891,13 @@
     };
   };
 
-  const _hoisted_1$Z = { key: 0 };
-  const _hoisted_2$D = ["onClick"];
-  const __default__$1n = vue.defineComponent({
+  const _hoisted_1$_ = { key: 0 };
+  const _hoisted_2$E = ["onClick"];
+  const __default__$1o = vue.defineComponent({
     name: "DateTable"
   });
-  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1o,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -20860,7 +20935,7 @@
           cellspacing: "0",
           cellpadding: "0"
         }, [
-          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$Z, [
+          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$_, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(weekDays), (day) => {
               return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
             }), 128))
@@ -20889,7 +20964,7 @@
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
                       ])
                     ], 2)
-                  ], 10, _hoisted_2$D);
+                  ], 10, _hoisted_2$E);
                 }), 128))
               ], 2);
             }), 128))
@@ -20898,7 +20973,7 @@
       };
     }
   });
-  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");
@@ -21027,11 +21102,11 @@
   };
 
   const COMPONENT_NAME$g = "ElCalendar";
-  const __default__$1m = vue.defineComponent({
+  const __default__$1n = vue.defineComponent({
     name: COMPONENT_NAME$g
   });
-  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1n,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -21148,7 +21223,7 @@
       };
     }
   });
-  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);
 
@@ -21173,11 +21248,11 @@
     }
   });
 
-  const __default__$1l = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: "ElCard"
   });
-  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1m,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -21211,7 +21286,7 @@
       };
     }
   });
-  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);
 
@@ -21550,8 +21625,8 @@
     };
   };
 
-  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 };
@@ -21579,11 +21654,11 @@
     _hoisted_7$2
   ];
   const COMPONENT_NAME$f = "ElCarousel";
-  const __default__$1k = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: COMPONENT_NAME$f
   });
-  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1l,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -21675,7 +21750,7 @@
                   ]),
                   _: 1
                 })
-              ], 42, _hoisted_1$Y), [
+              ], 42, _hoisted_1$Z), [
                 [
                   vue.vShow,
                   (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) > 0)
@@ -21704,7 +21779,7 @@
                   ]),
                   _: 1
                 })
-              ], 42, _hoisted_2$C), [
+              ], 42, _hoisted_2$D), [
                 [
                   vue.vShow,
                   (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) < vue.unref(items).length - 1)
@@ -21752,7 +21827,7 @@
       };
     }
   });
-  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: "" },
@@ -21874,11 +21949,11 @@
     };
   };
 
-  const __default__$1j = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: "ElCarouselItem"
   });
-  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1k,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -21937,7 +22012,7 @@
       };
     }
   });
-  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
@@ -22219,13 +22294,13 @@
     };
   };
 
-  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 = vue.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 = vue.defineComponent({
     name: "ElCheckbox"
   });
-  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1j,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22292,7 +22367,7 @@
                   onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
                   onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
                   }, ["stop"]))
-                }, null, 42, _hoisted_1$X)), [
+                }, null, 42, _hoisted_1$Y)), [
                   [vue.vModelCheckbox, vue.unref(model)]
                 ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                   key: 1,
@@ -22310,7 +22385,7 @@
                   onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
                   onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
                   }, ["stop"]))
-                }, null, 42, _hoisted_2$B)), [
+                }, null, 42, _hoisted_2$C)), [
                   [vue.vModelCheckbox, vue.unref(model)]
                 ]),
                 vue.createElementVNode("span", {
@@ -22333,15 +22408,15 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const _hoisted_1$X = ["name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_2$B = ["name", "tabindex", "disabled", "value"];
+  const __default__$1i = vue.defineComponent({
     name: "ElCheckboxButton"
   });
-  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1i,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22397,7 +22472,7 @@
             onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
             onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$W)), [
+          }, null, 42, _hoisted_1$X)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
@@ -22413,7 +22488,7 @@
             onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
             onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_2$A)), [
+          }, null, 42, _hoisted_2$B)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]),
           _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -22429,7 +22504,7 @@
       };
     }
   });
-  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: {
@@ -22457,11 +22532,11 @@
     change: (val) => isArray$1(val)
   };
 
-  const __default__$1g = vue.defineComponent({
+  const __default__$1h = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
-  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1h,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -22519,7 +22594,7 @@
       };
     }
   });
-  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,
@@ -22608,12 +22683,12 @@
     };
   };
 
-  const _hoisted_1$V = ["value", "name", "disabled"];
-  const __default__$1f = vue.defineComponent({
+  const _hoisted_1$W = ["value", "name", "disabled"];
+  const __default__$1g = vue.defineComponent({
     name: "ElRadio"
   });
-  const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1g,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -22656,7 +22731,7 @@
               onChange: handleChange,
               onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
               }, ["stop"]))
-            }, null, 42, _hoisted_1$V), [
+            }, null, 42, _hoisted_1$W), [
               [vue.vModelRadio, vue.unref(modelValue)]
             ]),
             vue.createElementVNode("span", {
@@ -22676,18 +22751,18 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const _hoisted_1$V = ["value", "name", "disabled"];
+  const __default__$1f = vue.defineComponent({
     name: "ElRadioButton"
   });
-  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+  const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1f,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -22725,7 +22800,7 @@
             onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
             onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$U), [
+          }, null, 42, _hoisted_1$V), [
             [vue.vModelRadio, vue.unref(modelValue)]
           ]),
           vue.createElementVNode("span", {
@@ -22742,7 +22817,7 @@
       };
     }
   });
-  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: {
@@ -22778,12 +22853,12 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const _hoisted_1$T = ["id", "aria-label", "aria-labelledby"];
-  const __default__$1d = vue.defineComponent({
+  const _hoisted_1$U = ["id", "aria-label", "aria-labelledby"];
+  const __default__$1e = vue.defineComponent({
     name: "ElRadioGroup"
   });
-  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1e,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -22830,11 +22905,11 @@
           "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
         }, [
           vue.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,
@@ -22862,7 +22937,7 @@
 
   const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-  const _sfc_main$1N = vue.defineComponent({
+  const _sfc_main$1O = vue.defineComponent({
     name: "ElCascaderNode",
     components: {
       ElCheckbox,
@@ -22977,8 +23052,8 @@
       };
     }
   });
-  const _hoisted_1$S = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-  const _hoisted_2$z = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
+  const _hoisted_1$T = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+  const _hoisted_2$A = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
   function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
@@ -23026,7 +23101,7 @@
       }, {
         default: vue.withCtx(() => [
           vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-          _hoisted_2$z
+          _hoisted_2$A
         ]),
         _: 1
       }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -23060,11 +23135,11 @@
           _: 1
         }, 8, ["class"]))
       ], 64)) : vue.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 = vue.defineComponent({
+  const _sfc_main$1N = vue.defineComponent({
     name: "ElCascaderMenu",
     components: {
       Loading: loading_default,
@@ -23195,7 +23270,7 @@
       _: 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) => {
@@ -23428,7 +23503,7 @@
     return res;
   };
 
-  const _sfc_main$1L = vue.defineComponent({
+  const _sfc_main$1M = vue.defineComponent({
     name: "ElCascaderPanel",
     components: {
       ElCascaderMenu
@@ -23690,7 +23765,7 @@
       }), 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);
@@ -23724,11 +23799,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1c = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1d,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -23808,7 +23883,7 @@
       };
     }
   });
-  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);
 
@@ -23857,11 +23932,12 @@
     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),
@@ -23869,15 +23945,15 @@
     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 = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: COMPONENT_NAME$e
   });
-  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1c,
     props: cascaderProps,
     emits: cascaderEmits,
     setup(__props, { expose, emit }) {
@@ -23905,6 +23981,7 @@
       const nsInput = useNamespace("input");
       const { t } = useLocale();
       const { form, formItem } = useFormItem();
+      const { valueOnClear } = useEmptyValues(props);
       const tooltipRef = vue.ref(null);
       const input = vue.ref(null);
       const tagWrapper = vue.ref(null);
@@ -23951,8 +24028,9 @@
           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());
           }
@@ -24349,7 +24427,7 @@
                     onClose: ($event) => deleteTag(tag)
                   }, {
                     default: vue.withCtx(() => [
-                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$R, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$S, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
                         key: 1,
                         disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
                         "fallback-placements": ["bottom", "top", "right", "left"],
@@ -24407,7 +24485,7 @@
                   onCompositionend: handleComposition,
                   onFocus: handleFocus,
                   onBlur: handleBlur
-                }, null, 42, _hoisted_2$y)), [
+                }, null, 42, _hoisted_2$z)), [
                   [vue.vModelText, searchInputValue.value]
                 ]) : vue.createCommentVNode("v-if", true)
               ], 2)) : vue.createCommentVNode("v-if", true)
@@ -24474,7 +24552,7 @@
       };
     }
   });
-  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);
@@ -24498,11 +24576,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$1a = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: "ElCheckTag"
   });
-  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1b,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -24528,7 +24606,7 @@
       };
     }
   });
-  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);
 
@@ -24563,11 +24641,11 @@
     }
   });
 
-  const __default__$19 = vue.defineComponent({
+  const __default__$1a = vue.defineComponent({
     name: "ElRow"
   });
-  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1a,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -24602,7 +24680,7 @@
       };
     }
   });
-  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);
 
@@ -24649,11 +24727,11 @@
     }
   });
 
-  const __default__$18 = vue.defineComponent({
+  const __default__$19 = vue.defineComponent({
     name: "ElCol"
   });
-  const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$19,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -24706,7 +24784,7 @@
       };
     }
   });
-  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);
 
@@ -24765,11 +24843,11 @@
     };
   };
 
-  const __default__$17 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: "ElCollapse"
   });
-  const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+  const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$18,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -24789,13 +24867,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$17 = vue.defineComponent({
     name: "ElCollapseTransition"
   });
-  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+  const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$17,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const reset = (el) => {
@@ -24873,7 +24951,7 @@
       };
     }
   });
-  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);
@@ -24964,13 +25042,13 @@
     };
   };
 
-  const _hoisted_1$Q = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
-  const _hoisted_2$x = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$15 = vue.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 = vue.defineComponent({
     name: "ElCollapseItem"
   });
-  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$16,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -25022,7 +25100,7 @@
               ]),
               _: 1
             }, 8, ["class"])
-          ], 42, _hoisted_1$Q),
+          ], 42, _hoisted_1$R),
           vue.createVNode(vue.unref(_CollapseTransition), null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.createElementVNode("div", {
@@ -25037,7 +25115,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_2$x), [
+              ], 10, _hoisted_2$y), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -25047,7 +25125,7 @@
       };
     }
   });
-  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
@@ -25210,11 +25288,11 @@
   };
 
   const COMPONENT_NAME$d = "ElColorAlphaSlider";
-  const __default__$14 = vue.defineComponent({
+  const __default__$15 = vue.defineComponent({
     name: COMPONENT_NAME$d
   });
-  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$15,
     props: alphaSliderProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -25250,9 +25328,9 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const _sfc_main$1C = vue.defineComponent({
     name: "ElColorHueSlider",
     props: {
       color: {
@@ -25372,7 +25450,7 @@
       }, 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,
@@ -25694,7 +25772,7 @@
     }
   }
 
-  const _sfc_main$1A = vue.defineComponent({
+  const _sfc_main$1B = vue.defineComponent({
     props: {
       colors: {
         type: Array,
@@ -25739,7 +25817,7 @@
       };
     }
   });
-  const _hoisted_1$P = ["onClick"];
+  const _hoisted_1$Q = ["onClick"];
   function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
@@ -25760,14 +25838,14 @@
             vue.createElementVNode("div", {
               style: vue.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 = vue.defineComponent({
+  const _sfc_main$1A = vue.defineComponent({
     name: "ElSlPanel",
     props: {
       color: {
@@ -25837,9 +25915,9 @@
       };
     }
   });
-  const _hoisted_1$O = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_2$w = [
-    _hoisted_1$O
+  const _hoisted_1$P = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+  const _hoisted_2$x = [
+    _hoisted_1$P
   ];
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -25860,18 +25938,18 @@
           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 = vue.defineComponent({
+  const _hoisted_1$O = ["onKeydown"];
+  const _hoisted_2$w = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
+  const __default__$14 = vue.defineComponent({
     name: "ElColorPicker"
   });
-  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$14,
     props: colorPickerProps,
     emits: colorPickerEmits,
     setup(__props, { expose, emit }) {
@@ -26174,7 +26252,7 @@
                   _: 1
                 }, 8, ["class"])
               ], 2)
-            ], 40, _hoisted_1$N)), [
+            ], 40, _hoisted_1$O)), [
               [vue.unref(ClickOutside), handleClickOutside]
             ])
           ]),
@@ -26234,22 +26312,22 @@
                   ], 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 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: "ElContainer"
   });
-  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$13,
     props: {
       direction: {
         type: String
@@ -26284,13 +26362,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$12 = vue.defineComponent({
     name: "ElAside"
   });
-  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$12,
     props: {
       width: {
         type: String,
@@ -26311,13 +26389,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$11 = vue.defineComponent({
     name: "ElFooter"
   });
-  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$11,
     props: {
       height: {
         type: String,
@@ -26338,13 +26416,13 @@
       };
     }
   });
-  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__$$ = vue.defineComponent({
+  const __default__$10 = vue.defineComponent({
     name: "ElHeader"
   });
-  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$10,
     props: {
       height: {
         type: String,
@@ -26369,13 +26447,13 @@
       };
     }
   });
-  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__$_ = vue.defineComponent({
+  const __default__$$ = vue.defineComponent({
     name: "ElMain"
   });
-  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$$,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -26387,7 +26465,7 @@
       };
     }
   });
-  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,
@@ -27073,14 +27151,14 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
     props: basicDateTableProps,
     emits: basicDateTableEmits,
@@ -27125,7 +27203,7 @@
             ref: tbodyRef
           }, [
             vue.createElementVNode("tr", null, [
-              _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_2$u, vue.toDisplayString(vue.unref(weekLabel)), 1)) : vue.createCommentVNode("v-if", true),
+              _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_2$v, vue.toDisplayString(vue.unref(weekLabel)), 1)) : vue.createCommentVNode("v-if", true),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(WEEKS), (week, key) => {
                 return vue.openBlock(), vue.createElementBlock("th", {
                   key,
@@ -27156,21 +27234,21 @@
               ], 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__ */ vue.defineComponent({
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
     emits: ["changerange", "pick", "select"],
@@ -27354,16 +27432,16 @@
                     vue.createElementVNode("div", null, [
                       vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(vue.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({
@@ -27373,11 +27451,11 @@
     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__ */ vue.defineComponent({
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
     props: basicYearTableProps,
     emits: ["pick"],
@@ -27472,24 +27550,24 @@
                       vue.createElementVNode("div", null, [
                         vue.createElementVNode("span", _hoisted_3$d, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
                       ])
-                    ], 42, _hoisted_2$s)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$9))
+                    ], 42, _hoisted_2$t)) : (vue.openBlock(), vue.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__ */ vue.defineComponent({
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-pick",
     props: panelDatePickProps,
     emits: ["pick", "set-picker-option", "panel-change"],
@@ -27926,7 +28004,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => handleShortcutClick(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$J);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$K);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -27991,7 +28069,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_2$r),
+                  ], 10, _hoisted_2$s),
                   vue.withDirectives(vue.createElementVNode("button", {
                     type: "button",
                     "aria-label": vue.unref(t)(`el.datepicker.prevMonth`),
@@ -28137,7 +28215,7 @@
       };
     }
   });
-  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,
@@ -28244,8 +28322,8 @@
     };
   };
 
-  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"];
@@ -28254,7 +28332,7 @@
   const _hoisted_8$1 = ["aria-label"];
   const _hoisted_9$1 = ["aria-label"];
   const unit$1 = "month";
-  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-range",
     props: panelDateRangeProps,
     emits: [
@@ -28597,7 +28675,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$I);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$J);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -28720,7 +28798,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_2$q),
+                  ], 10, _hoisted_2$r),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "arrow-left"]),
@@ -28897,7 +28975,7 @@
       };
     }
   });
-  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
@@ -28956,15 +29034,15 @@
     };
   };
 
-  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 = vue.defineComponent({
+  const __default__$_ = vue.defineComponent({
     name: "DatePickerMonthRange"
   });
-  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$_,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -29062,7 +29140,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$H);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$I);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -29102,7 +29180,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_2$p)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_2$q)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
                 ], 2),
                 vue.createVNode(MonthTable, {
@@ -29169,7 +29247,7 @@
       };
     }
   });
-  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) {
@@ -29346,12 +29424,12 @@
     }
   });
 
-  const _hoisted_1$G = { key: 1 };
-  const __default__$Y = vue.defineComponent({
+  const _hoisted_1$H = { key: 1 };
+  const __default__$Z = vue.defineComponent({
     name: "ElDescriptionsRow"
   });
-  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Z,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -29377,7 +29455,7 @@
               }, null, 8, ["cell"]);
             }), 128))
           ])
-        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$G, [
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$H, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, _index) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: `tr3-${_index}`
@@ -29405,7 +29483,7 @@
       };
     }
   });
-  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: {
@@ -29432,11 +29510,11 @@
     }
   });
 
-  const __default__$X = vue.defineComponent({
+  const __default__$Y = vue.defineComponent({
     name: "ElDescriptions"
   });
-  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Y,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -29535,7 +29613,7 @@
       };
     }
   });
-  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: {
@@ -29670,12 +29748,12 @@
     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 = vue.defineComponent({ name: "ElDialogContent" });
-  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+  const __default__$X = vue.defineComponent({ name: "ElDialogContent" });
+  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$X,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -29712,7 +29790,7 @@
                 role: "heading",
                 "aria-level": _ctx.ariaLevel,
                 class: vue.normalizeClass(vue.unref(ns).e("title"))
-              }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$F)
+              }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$G)
             ]),
             _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 0,
@@ -29729,7 +29807,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])
-            ], 10, _hoisted_2$o)) : vue.createCommentVNode("v-if", true)
+            ], 10, _hoisted_2$p)) : vue.createCommentVNode("v-if", true)
           ], 2),
           vue.createElementVNode("div", {
             id: vue.unref(bodyId),
@@ -29747,7 +29825,7 @@
       };
     }
   });
-  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,
@@ -29983,13 +30061,13 @@
     };
   };
 
-  const _hoisted_1$E = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$V = vue.defineComponent({
+  const _hoisted_1$F = ["aria-label", "aria-labelledby", "aria-describedby"];
+  const __default__$W = vue.defineComponent({
     name: "ElDialog",
     inheritAttrs: false
   });
-  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$W,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -30119,7 +30197,7 @@
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                  ], 46, _hoisted_1$E)
+                  ], 46, _hoisted_1$F)
                 ]),
                 _: 3
               }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -30132,7 +30210,7 @@
       };
     }
   });
-  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);
 
@@ -30153,11 +30231,11 @@
     }
   });
 
-  const __default__$U = vue.defineComponent({
+  const __default__$V = vue.defineComponent({
     name: "ElDivider"
   });
-  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$V,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -30183,7 +30261,7 @@
       };
     }
   });
-  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);
 
@@ -30213,16 +30291,16 @@
   });
   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 = vue.defineComponent({
+  const __default__$U = vue.defineComponent({
     name: "ElDrawer",
     inheritAttrs: false
   });
-  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$U,
     props: drawerProps,
     emits: drawerEmits,
     setup(__props, { expose }) {
@@ -30329,7 +30407,7 @@
                               role: "heading",
                               "aria-level": _ctx.headerAriaLevel,
                               class: vue.normalizeClass(vue.unref(ns).e("title"))
-                            }, vue.toDisplayString(_ctx.title), 11, _hoisted_2$n)) : vue.createCommentVNode("v-if", true)
+                            }, vue.toDisplayString(_ctx.title), 11, _hoisted_2$o)) : vue.createCommentVNode("v-if", true)
                           ]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
                             vue.createCommentVNode(" DEPRECATED SLOT ")
                           ]),
@@ -30363,7 +30441,7 @@
                         }, [
                           vue.renderSlot(_ctx.$slots, "footer")
                         ], 2)) : vue.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"])
@@ -30379,26 +30457,26 @@
       };
     }
   });
-  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__ */ vue.defineComponent({
+  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   });
   function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$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__ */ vue.defineComponent({
+  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
     name: "ElCollectionItem",
     inheritAttrs: false
   });
   function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$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) => {
@@ -30535,7 +30613,7 @@
   const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
   const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
   const EVT_OPTS = { bubbles: false, cancelable: true };
-  const _sfc_main$1e = vue.defineComponent({
+  const _sfc_main$1f = vue.defineComponent({
     name: "ElRovingFocusGroupImpl",
     inheritAttrs: false,
     props: rovingFocusGroupProps,
@@ -30621,9 +30699,9 @@
   function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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 = vue.defineComponent({
+  const _sfc_main$1e = vue.defineComponent({
     name: "ElRovingFocusGroup",
     components: {
       ElFocusGroupCollection: ElCollection$1,
@@ -30645,9 +30723,9 @@
       _: 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 = vue.defineComponent({
+  const _sfc_main$1d = vue.defineComponent({
     components: {
       ElRovingFocusCollectionItem: ElCollectionItem$1
     },
@@ -30745,7 +30823,7 @@
       _: 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,
@@ -30843,7 +30921,7 @@
   const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
   const { ButtonGroup: ElButtonGroup } = ElButton;
-  const _sfc_main$1b = vue.defineComponent({
+  const _sfc_main$1c = vue.defineComponent({
     name: "ElDropdown",
     components: {
       ElButton,
@@ -31128,9 +31206,9 @@
       })) : vue.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 = vue.defineComponent({
+  const _sfc_main$1b = vue.defineComponent({
     name: "DropdownItemImpl",
     components: {
       ElIcon
@@ -31181,7 +31259,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -31209,10 +31287,10 @@
           _: 1
         })) : vue.createCommentVNode("v-if", true),
         vue.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 = vue.inject("elDropdown", {});
@@ -31223,7 +31301,7 @@
     };
   };
 
-  const _sfc_main$19 = vue.defineComponent({
+  const _sfc_main$1a = vue.defineComponent({
     name: "ElDropdownItem",
     components: {
       ElDropdownCollectionItem: ElCollectionItem,
@@ -31325,9 +31403,9 @@
       _: 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 = vue.defineComponent({
+  const _sfc_main$19 = vue.defineComponent({
     name: "ElDropdownMenu",
     props: dropdownMenuProps,
     setup(props) {
@@ -31390,7 +31468,7 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
@@ -31405,9 +31483,9 @@
       onMousedown: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.onMousedown && _ctx.onMousedown(...args), ["self"]))
     }, [
       vue.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,
@@ -31416,13 +31494,13 @@
   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"];
@@ -31462,16 +31540,16 @@
   const _hoisted_21 = ["fill", "xlink:href"];
   const _hoisted_22 = ["fill", "mask"];
   const _hoisted_23 = ["fill"];
-  const __default__$S = vue.defineComponent({
+  const __default__$T = vue.defineComponent({
     name: "ImgEmpty"
   });
-  const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$T,
     setup(__props) {
       const ns = useNamespace("empty");
       const id = useId();
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$A, [
+        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$B, [
           vue.createElementVNode("defs", null, [
             vue.createElementVNode("linearGradient", {
               id: `linearGradient-1-${vue.unref(id)}`,
@@ -31488,7 +31566,7 @@
                 "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-4")})`,
                 offset: "100%"
               }, null, 8, _hoisted_4$5)
-            ], 8, _hoisted_2$m),
+            ], 8, _hoisted_2$n),
             vue.createElementVNode("linearGradient", {
               id: `linearGradient-2-${vue.unref(id)}`,
               x1: "0%",
@@ -31591,7 +31669,7 @@
       };
     }
   });
-  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: {
@@ -31605,13 +31683,13 @@
     }
   });
 
-  const _hoisted_1$z = ["src"];
-  const _hoisted_2$l = { key: 1 };
-  const __default__$R = vue.defineComponent({
+  const _hoisted_1$A = ["src"];
+  const _hoisted_2$m = { key: 1 };
+  const __default__$S = vue.defineComponent({
     name: "ElEmpty"
   });
-  const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+  const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$S,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -31633,14 +31711,14 @@
               key: 0,
               src: _ctx.image,
               ondragstart: "return false"
-            }, null, 8, _hoisted_1$z)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+            }, null, 8, _hoisted_1$A)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
               vue.createVNode(ImgEmpty)
             ])
           ], 6),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).e("description"))
           }, [
-            _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$l, vue.toDisplayString(vue.unref(emptyDescription)), 1))
+            _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$m, vue.toDisplayString(vue.unref(emptyDescription)), 1))
           ], 2),
           _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
@@ -31652,7 +31730,7 @@
       };
     }
   });
-  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);
 
@@ -31700,12 +31778,12 @@
     rotate: (deg) => isNumber(deg)
   };
 
-  const _hoisted_1$y = ["src", "crossorigin"];
-  const __default__$Q = vue.defineComponent({
+  const _hoisted_1$z = ["src", "crossorigin"];
+  const __default__$R = vue.defineComponent({
     name: "ElImageViewer"
   });
-  const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+  const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$R,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { expose, emit }) {
@@ -32070,7 +32148,7 @@
                       onLoad: handleImgLoad,
                       onError: handleImgError,
                       onMousedown: handleMouseDown
-                    }, null, 46, _hoisted_1$y)), [
+                    }, null, 46, _hoisted_1$z)), [
                       [vue.vShow, i === activeIndex.value]
                     ]);
                   }), 128))
@@ -32084,7 +32162,7 @@
       };
     }
   });
-  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);
 
@@ -32151,14 +32229,14 @@
     show: () => true
   };
 
-  const _hoisted_1$x = ["src", "loading", "crossorigin"];
-  const _hoisted_2$k = { key: 0 };
-  const __default__$P = vue.defineComponent({
+  const _hoisted_1$y = ["src", "loading", "crossorigin"];
+  const _hoisted_2$l = { key: 0 };
+  const __default__$Q = vue.defineComponent({
     name: "ElImage",
     inheritAttrs: false
   });
-  const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+  const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Q,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -32324,7 +32402,7 @@
               onClick: clickHandler,
               onLoad: handleLoad,
               onError: handleError
-            }), null, 16, _hoisted_1$x)) : vue.createCommentVNode("v-if", true),
+            }), null, 16, _hoisted_1$y)) : vue.createCommentVNode("v-if", true),
             isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
@@ -32353,7 +32431,7 @@
               onSwitch: switchViewer
             }, {
               default: vue.withCtx(() => [
-                _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, [
+                _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$l, [
                   vue.renderSlot(_ctx.$slots, "viewer")
                 ])) : vue.createCommentVNode("v-if", true)
               ]),
@@ -32364,7 +32442,7 @@
       };
     }
   });
-  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);
 
@@ -32424,13 +32502,13 @@
     [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 = vue.defineComponent({
+  const _hoisted_1$x = ["aria-label", "onKeydown"];
+  const _hoisted_2$k = ["aria-label", "onKeydown"];
+  const __default__$P = vue.defineComponent({
     name: "ElInputNumber"
   });
-  const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+  const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$P,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -32684,7 +32762,7 @@
                 _: 1
               })
             ])
-          ], 42, _hoisted_1$w)), [
+          ], 42, _hoisted_1$x)), [
             [vue.unref(vRepeatClick), decrease]
           ]) : vue.createCommentVNode("v-if", true),
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -32702,7 +32780,7 @@
                 _: 1
               })
             ])
-          ], 42, _hoisted_2$j)), [
+          ], 42, _hoisted_2$k)), [
             [vue.unref(vRepeatClick), increase]
           ]) : vue.createCommentVNode("v-if", true),
           vue.createVNode(vue.unref(ElInput), {
@@ -32735,7 +32813,7 @@
       };
     }
   });
-  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);
 
@@ -32763,12 +32841,12 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$v = ["href", "target"];
-  const __default__$N = vue.defineComponent({
+  const _hoisted_1$w = ["href", "target"];
+  const __default__$O = vue.defineComponent({
     name: "ElLink"
   });
-  const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+  const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$O,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -32804,11 +32882,11 @@
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true),
           _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.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);
 
@@ -32937,7 +33015,7 @@
   }
   var Menubar = Menu$1;
 
-  const _sfc_main$11 = vue.defineComponent({
+  const _sfc_main$12 = vue.defineComponent({
     name: "ElMenuCollapseTransition",
     setup() {
       const ns = useNamespace("menu");
@@ -32988,7 +33066,7 @@
       _: 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 = vue.computed(() => {
@@ -33663,7 +33741,7 @@
   };
 
   const COMPONENT_NAME$b = "ElMenuItem";
-  const _sfc_main$10 = vue.defineComponent({
+  const _sfc_main$11 = vue.defineComponent({
     name: COMPONENT_NAME$b,
     components: {
       ElTooltip
@@ -33751,14 +33829,14 @@
       ], 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$$ = vue.defineComponent({
+  const _sfc_main$10 = vue.defineComponent({
     name: COMPONENT_NAME$a,
     props: menuItemGroupProps,
     setup() {
@@ -33784,7 +33862,7 @@
       ])
     ], 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,
@@ -33810,12 +33888,12 @@
     back: () => true
   };
 
-  const _hoisted_1$u = ["aria-label"];
-  const __default__$M = vue.defineComponent({
+  const _hoisted_1$v = ["aria-label"];
+  const __default__$N = vue.defineComponent({
     name: "ElPageHeader"
   });
-  const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+  const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$N,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -33870,7 +33948,7 @@
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
                   ])
-                ], 10, _hoisted_1$u)) : vue.createCommentVNode("v-if", true),
+                ], 10, _hoisted_1$v)) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(ns).e("title"))
                 }, [
@@ -33905,7 +33983,7 @@
       };
     }
   });
-  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);
 
@@ -33928,13 +34006,13 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$t = ["disabled", "aria-label", "aria-disabled"];
-  const _hoisted_2$i = { key: 0 };
-  const __default__$L = vue.defineComponent({
+  const _hoisted_1$u = ["disabled", "aria-label", "aria-disabled"];
+  const _hoisted_2$j = { key: 0 };
+  const __default__$M = vue.defineComponent({
     name: "ElPaginationPrev"
   });
-  const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+  const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$M,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -33950,17 +34028,17 @@
           "aria-disabled": vue.unref(internalDisabled),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
         }, [
-          _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$i, vue.toDisplayString(_ctx.prevText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$j, vue.toDisplayString(_ctx.prevText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.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,
@@ -33980,13 +34058,13 @@
     }
   });
 
-  const _hoisted_1$s = ["disabled", "aria-label", "aria-disabled"];
-  const _hoisted_2$h = { key: 0 };
-  const __default__$K = vue.defineComponent({
+  const _hoisted_1$t = ["disabled", "aria-label", "aria-disabled"];
+  const _hoisted_2$i = { key: 0 };
+  const __default__$L = vue.defineComponent({
     name: "ElPaginationNext"
   });
-  const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+  const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$L,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -34002,17 +34080,17 @@
           "aria-disabled": vue.unref(internalDisabled),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
         }, [
-          _ctx.nextText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(_ctx.nextText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          _ctx.nextText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$i, vue.toDisplayString(_ctx.nextText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.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");
@@ -34095,7 +34173,7 @@
     };
   }
 
-  const _sfc_main$X = vue.defineComponent({
+  const _sfc_main$Y = vue.defineComponent({
     name: "ElOption",
     componentName: "ElOption",
     props: {
@@ -34169,7 +34247,7 @@
       };
     }
   });
-  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 vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       id: _ctx.id,
@@ -34183,13 +34261,13 @@
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
       ])
-    ], 42, _hoisted_1$r)), [
+    ], 42, _hoisted_1$s)), [
       [vue.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 = vue.defineComponent({
+  const _sfc_main$X = vue.defineComponent({
     name: "ElSelectDropdown",
     componentName: "ElSelectDropdown",
     setup() {
@@ -34236,7 +34314,7 @@
       ], 2)) : vue.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 = vue.ref(false);
@@ -34320,14 +34398,13 @@
     const { inputId } = useFormItemInputId(props, {
       formItemContext: formItem
     });
+    const { valueOnClear, isEmptyValue } = useEmptyValues(props);
     const selectDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
-    const hasEmptyStringOption = vue.computed(() => optionsArray.value.some((option) => option.value === ""));
     const hasModelValue = vue.computed(() => {
-      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 = vue.computed(() => {
-      const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
-      return criteria;
+      return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
     });
     const iconComponent = vue.computed(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
     const iconReverse = vue.computed(() => nsSelect.is("reverse", iconComponent.value && expanded.value));
@@ -34598,7 +34675,7 @@
     };
     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)
@@ -34693,6 +34770,7 @@
       return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
     const handleMenuEnter = () => {
+      states.isBeforeHide = false;
       vue.nextTick(() => scrollToOption(states.selected));
     };
     const focus = () => {
@@ -35016,11 +35094,12 @@
     ariaLabel: {
       type: String,
       default: void 0
-    }
+    },
+    ...useEmptyValuesProps
   });
 
   const COMPONENT_NAME$9 = "ElSelect";
-  const _sfc_main$V = vue.defineComponent({
+  const _sfc_main$W = vue.defineComponent({
     name: COMPONENT_NAME$9,
     componentName: COMPONENT_NAME$9,
     components: {
@@ -35061,8 +35140,8 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -35249,7 +35328,7 @@
                     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] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
-                  }, null, 46, _hoisted_1$q), [
+                  }, null, 46, _hoisted_1$r), [
                     [vue.vModelText, _ctx.states.inputValue]
                   ]),
                   _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -35258,7 +35337,7 @@
                     "aria-hidden": "true",
                     class: vue.normalizeClass(_ctx.nsSelect.e("input-calculator")),
                     textContent: vue.toDisplayString(_ctx.states.inputValue)
-                  }, null, 10, _hoisted_2$g)) : vue.createCommentVNode("v-if", true)
+                  }, null, 10, _hoisted_2$h)) : vue.createCommentVNode("v-if", true)
                 ], 2)) : vue.createCommentVNode("v-if", true),
                 _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 2,
@@ -35377,9 +35456,9 @@
       [_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 = vue.defineComponent({
+  const _sfc_main$V = vue.defineComponent({
     name: "ElOptionGroup",
     componentName: "ElOptionGroup",
     props: {
@@ -35448,7 +35527,7 @@
       [vue.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,
@@ -35479,11 +35558,11 @@
     }
   });
 
-  const __default__$J = vue.defineComponent({
+  const __default__$K = vue.defineComponent({
     name: "ElPaginationSizes"
   });
-  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$K,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -35539,7 +35618,7 @@
       };
     }
   });
-  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: {
@@ -35548,12 +35627,12 @@
     }
   });
 
-  const _hoisted_1$p = ["disabled"];
-  const __default__$I = vue.defineComponent({
+  const _hoisted_1$q = ["disabled"];
+  const __default__$J = vue.defineComponent({
     name: "ElPaginationJumper"
   });
-  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$J,
     props: paginationJumperProps,
     setup(__props) {
       const { t } = useLocale();
@@ -35596,11 +35675,11 @@
           vue.createElementVNode("span", {
             class: vue.normalizeClass([vue.unref(ns).e("classifier")])
           }, vue.toDisplayString(vue.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: {
@@ -35609,12 +35688,12 @@
     }
   });
 
-  const _hoisted_1$o = ["disabled"];
-  const __default__$H = vue.defineComponent({
+  const _hoisted_1$p = ["disabled"];
+  const __default__$I = vue.defineComponent({
     name: "ElPaginationTotal"
   });
-  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$I,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -35626,11 +35705,11 @@
           disabled: vue.unref(disabled)
         }, vue.toDisplayString(vue.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: {
@@ -35648,17 +35727,17 @@
     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 = vue.defineComponent({
+  const __default__$H = vue.defineComponent({
     name: "ElPaginationPager"
   });
-  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$H,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -35805,7 +35884,7 @@
             "aria-current": _ctx.currentPage === 1,
             "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: 1 }),
             tabindex: vue.unref(tabindex)
-          }, " 1 ", 10, _hoisted_2$f)) : vue.createCommentVNode("v-if", true),
+          }, " 1 ", 10, _hoisted_2$g)) : vue.createCommentVNode("v-if", true),
           showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 1,
             class: vue.normalizeClass(vue.unref(prevMoreKls)),
@@ -35852,11 +35931,11 @@
             "aria-label": vue.unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
             tabindex: vue.unref(tabindex)
           }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6$1)) : vue.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({
@@ -36165,11 +36244,11 @@
     cancel: (e) => e instanceof MouseEvent
   };
 
-  const __default__$F = vue.defineComponent({
+  const __default__$G = vue.defineComponent({
     name: "ElPopconfirm"
   });
-  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$G,
     props: popconfirmProps,
     emits: popconfirmEmits,
     setup(__props, { emit }) {
@@ -36265,7 +36344,7 @@
       };
     }
   });
-  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);
 
@@ -36331,11 +36410,11 @@
   };
 
   const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$E = vue.defineComponent({
+  const __default__$F = vue.defineComponent({
     name: "ElPopover"
   });
-  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$F,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -36434,7 +36513,7 @@
       };
     }
   });
-  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;
@@ -36518,16 +36597,16 @@
     }
   });
 
-  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 = vue.defineComponent({
+  const __default__$E = vue.defineComponent({
     name: "ElProgress"
   });
-  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$E,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -36675,7 +36754,7 @@
             class: vue.normalizeClass(vue.unref(ns).b("circle")),
             style: vue.normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
           }, [
-            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$e, [
+            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$f, [
               vue.createElementVNode("path", {
                 class: vue.normalizeClass(vue.unref(ns).be("circle", "track")),
                 d: vue.unref(trackPath),
@@ -36711,11 +36790,11 @@
               }))
             ])
           ], 6)) : vue.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);
 
@@ -36801,13 +36880,13 @@
     [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 = vue.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 = vue.defineComponent({
     name: "ElRate"
   });
-  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$D,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -37037,18 +37116,18 @@
                 ]),
                 _: 2
               }, 1032, ["class"])
-            ], 42, _hoisted_2$d);
+            ], 42, _hoisted_2$e);
           }), 128)),
           _ctx.showText || _ctx.showScore ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("text")),
             style: vue.normalizeStyle({ color: _ctx.textColor })
           }, vue.toDisplayString(vue.unref(text)), 7)) : vue.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);
 
@@ -37080,11 +37159,11 @@
     }
   });
 
-  const __default__$B = vue.defineComponent({
+  const __default__$C = vue.defineComponent({
     name: "ElResult"
   });
-  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$C,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -37138,7 +37217,7 @@
       };
     }
   });
-  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);
 
@@ -38943,7 +39022,7 @@
   });
   var DynamicSizeGrid$1 = DynamicSizeGrid;
 
-  const _sfc_main$K = vue.defineComponent({
+  const _sfc_main$L = vue.defineComponent({
     props: {
       item: {
         type: Object,
@@ -38975,7 +39054,7 @@
       }, 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 {
@@ -39118,7 +39197,8 @@
     ariaLabel: {
       type: String,
       default: void 0
-    }
+    },
+    ...useEmptyValuesProps
   });
   const OptionProps = buildProps({
     data: Array,
@@ -39136,7 +39216,7 @@
 
   const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
-  const _sfc_main$J = vue.defineComponent({
+  const _sfc_main$K = vue.defineComponent({
     props: OptionProps,
     emits: ["select", "hover"],
     setup(props, { emit }) {
@@ -39152,7 +39232,7 @@
       };
     }
   });
-  const _hoisted_1$k = ["aria-selected"];
+  const _hoisted_1$l = ["aria-selected"];
   function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
@@ -39174,9 +39254,9 @@
       }, () => [
         vue.createElementVNode("span", null, vue.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 = vue.defineComponent({
     name: "ElSelectDropdown",
@@ -39489,6 +39569,7 @@
       formItemContext: elFormItem
     });
     const { getLabel, getValue, getDisabled, getOptions } = useProps(props);
+    const { valueOnClear, isEmptyValue } = useEmptyValues(props);
     const states = vue.reactive({
       inputValue: "",
       cachedOptions: [],
@@ -39541,13 +39622,11 @@
       const totalHeight = filteredOptions.value.length * props.itemHeight;
       return totalHeight > props.height ? props.height : totalHeight;
     });
-    const hasEmptyStringOption = vue.computed(() => allOptions.value.some((option) => getValue(option) === ""));
     const hasModelValue = vue.computed(() => {
-      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 = vue.computed(() => {
-      const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
-      return criteria;
+      return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
     });
     const iconComponent = vue.computed(() => props.remote && props.filterable ? "" : arrow_down_default);
     const iconReverse = vue.computed(() => iconComponent.value && nsSelect.is("reverse", expanded.value));
@@ -39748,7 +39827,7 @@
     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)) {
@@ -39878,7 +39957,7 @@
       if (isArray$1(props.modelValue)) {
         emptyValue = [];
       } else {
-        emptyValue = void 0;
+        emptyValue = valueOnClear.value;
       }
       if (props.multiple) {
         states.cachedOptions = [];
@@ -39957,6 +40036,7 @@
       }
     };
     const handleMenuEnter = () => {
+      states.isBeforeHide = false;
       return vue.nextTick(() => {
         if (~indexRef.value) {
           scrollToItem(states.hoveringIndex);
@@ -40021,7 +40101,7 @@
     });
     vue.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) {
@@ -40151,7 +40231,7 @@
   };
   var useSelect$2 = useSelect$1;
 
-  const _sfc_main$I = vue.defineComponent({
+  const _sfc_main$J = vue.defineComponent({
     name: "ElSelectV2",
     components: {
       ElSelectMenu,
@@ -40201,8 +40281,8 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -40384,7 +40464,7 @@
                     _cache[11] || (_cache[11] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
                   ],
                   onClick: _cache[12] || (_cache[12] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
-                }, null, 46, _hoisted_1$j), [
+                }, null, 46, _hoisted_1$k), [
                   [vue.vModelText, _ctx.states.inputValue]
                 ]),
                 _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -40393,7 +40473,7 @@
                   "aria-hidden": "true",
                   class: vue.normalizeClass(_ctx.nsSelect.e("input-calculator")),
                   textContent: vue.toDisplayString(_ctx.states.inputValue)
-                }, null, 10, _hoisted_2$c)) : vue.createCommentVNode("v-if", true)
+                }, null, 10, _hoisted_2$d)) : vue.createCommentVNode("v-if", true)
               ], 2)) : vue.createCommentVNode("v-if", true),
               _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 2,
@@ -40505,7 +40585,7 @@
       [_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);
@@ -40553,11 +40633,11 @@
     }
   });
 
-  const __default__$A = vue.defineComponent({
+  const __default__$B = vue.defineComponent({
     name: "ElSkeletonItem"
   });
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$B,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -40570,13 +40650,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$A = vue.defineComponent({
     name: "ElSkeleton"
   });
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$A,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -40614,7 +40694,7 @@
       };
     }
   });
-  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
@@ -41226,12 +41306,12 @@
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
-  const _hoisted_1$i = ["tabindex"];
-  const __default__$y = vue.defineComponent({
+  const _hoisted_1$j = ["tabindex"];
+  const __default__$z = vue.defineComponent({
     name: "ElSliderButton"
   });
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$z,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -41307,11 +41387,11 @@
             ]),
             _: 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: {
@@ -41335,13 +41415,13 @@
     }
   });
 
-  const _hoisted_1$h = ["id", "role", "aria-label", "aria-labelledby"];
-  const _hoisted_2$b = { key: 1 };
-  const __default__$x = vue.defineComponent({
+  const _hoisted_1$i = ["id", "role", "aria-label", "aria-labelledby"];
+  const _hoisted_2$c = { key: 1 };
+  const __default__$y = vue.defineComponent({
     name: "ElSlider"
   });
-  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$y,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -41499,7 +41579,7 @@
               "aria-disabled": vue.unref(sliderDisabled),
               "onUpdate:modelValue": vue.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"])) : vue.createCommentVNode("v-if", true),
-            _ctx.showStops ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
+            _ctx.showStops ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(stops), (item, key) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key,
@@ -41546,11 +41626,11 @@
             "onUpdate:modelValue": vue.unref(setFirstValue),
             onChange: vue.unref(emitChange)
           }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : vue.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);
 
@@ -41771,11 +41851,11 @@
     }
   });
 
-  const __default__$w = vue.defineComponent({
+  const __default__$x = vue.defineComponent({
     name: "ElStatistic"
   });
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$x,
     props: statisticProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -41834,7 +41914,7 @@
       };
     }
   });
-  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);
 
@@ -41886,11 +41966,11 @@
     return replacedText.replace(escapeRegex, "$1");
   };
 
-  const __default__$v = vue.defineComponent({
+  const __default__$w = vue.defineComponent({
     name: "ElCountdown"
   });
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$w,
     props: countdownProps,
     emits: countdownEmits,
     setup(__props, { expose, emit }) {
@@ -41954,7 +42034,7 @@
       };
     }
   });
-  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);
 
@@ -41993,11 +42073,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$u = vue.defineComponent({
+  const __default__$v = vue.defineComponent({
     name: "ElSteps"
   });
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$v,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -42026,7 +42106,7 @@
       };
     }
   });
-  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: {
@@ -42047,11 +42127,11 @@
     }
   });
 
-  const __default__$t = vue.defineComponent({
+  const __default__$u = vue.defineComponent({
     name: "ElStep"
   });
-  const _sfc_main$A = vue.defineComponent({
-    ...__default__$t,
+  const _sfc_main$B = vue.defineComponent({
+    ...__default__$u,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -42230,7 +42310,7 @@
       };
     }
   });
-  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
@@ -42316,17 +42396,17 @@
     [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 = vue.defineComponent({
+  const __default__$t = vue.defineComponent({
     name: COMPONENT_NAME$8
   });
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$t,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
@@ -42448,7 +42528,7 @@
             tabindex: _ctx.tabindex,
             onChange: handleChange,
             onKeydown: vue.withKeys(switchValue, ["enter"])
-          }, null, 42, _hoisted_2$a),
+          }, null, 42, _hoisted_2$b),
           !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             class: vue.normalizeClass(vue.unref(labelLeftKls))
@@ -42531,11 +42611,11 @@
               "aria-hidden": !vue.unref(checked)
             }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_5$1)) : vue.createCommentVNode("v-if", true)
           ], 2)) : vue.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);
 
@@ -44080,7 +44160,7 @@
   var TableLayout$1 = TableLayout;
 
   const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
-  const _sfc_main$y = vue.defineComponent({
+  const _sfc_main$z = vue.defineComponent({
     name: "ElTableFilterPanel",
     components: {
       ElCheckbox,
@@ -44229,8 +44309,8 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-checkbox");
@@ -44255,7 +44335,7 @@
       persistent: ""
     }, {
       content: vue.withCtx(() => [
-        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(_ctx.ns.e("content"))
           }, [
@@ -44295,7 +44375,7 @@
               disabled: _ctx.filteredValue.length === 0,
               type: "button",
               onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleConfirm && _ctx.handleConfirm(...args))
-            }, vue.toDisplayString(_ctx.t("el.table.confirmFilter")), 11, _hoisted_2$9),
+            }, vue.toDisplayString(_ctx.t("el.table.confirmFilter")), 11, _hoisted_2$a),
             vue.createElementVNode("button", {
               type: "button",
               onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
@@ -44345,7 +44425,7 @@
       _: 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 = vue.getCurrentInstance();
@@ -45361,20 +45441,23 @@
         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;
@@ -46057,7 +46140,7 @@
   };
 
   let tableIdSeed = 1;
-  const _sfc_main$x = vue.defineComponent({
+  const _sfc_main$y = vue.defineComponent({
     name: "ElTable",
     directives: {
       Mousewheel
@@ -46196,8 +46279,8 @@
       };
     }
   });
-  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"
   };
@@ -46237,7 +46320,7 @@
         class: vue.normalizeClass(_ctx.ns.e("inner-wrapper")),
         style: vue.normalizeStyle(_ctx.tableInnerStyle)
       }, [
-        vue.createElementVNode("div", _hoisted_2$8, [
+        vue.createElementVNode("div", _hoisted_2$9, [
           vue.renderSlot(_ctx.$slots, "default")
         ], 512),
         _ctx.showHeader && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
@@ -46387,9 +46470,9 @@
       }, null, 2), [
         [vue.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",
@@ -49144,11 +49227,11 @@
   });
 
   const COMPONENT_NAME$3 = "ElTabBar";
-  const __default__$r = vue.defineComponent({
+  const __default__$s = vue.defineComponent({
     name: COMPONENT_NAME$3
   });
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$s,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -49209,7 +49292,7 @@
       };
     }
   });
-  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: {
@@ -49622,13 +49705,13 @@
     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 = vue.defineComponent({
+  const __default__$r = vue.defineComponent({
     name: COMPONENT_NAME$1
   });
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$r,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -49679,13 +49762,13 @@
           "aria-labelledby": `tab-${vue.unref(paneName)}`
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$d)), [
+        ], 10, _hoisted_1$e)), [
           [vue.vShow, vue.unref(active)]
         ]) : vue.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
@@ -49715,11 +49798,11 @@
     }
   });
 
-  const __default__$p = vue.defineComponent({
+  const __default__$q = vue.defineComponent({
     name: "ElText"
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$q,
     props: textProps,
     setup(__props) {
       const props = __props;
@@ -49745,7 +49828,7 @@
       };
     }
   });
-  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);
 
@@ -49792,7 +49875,8 @@
     clearIcon: {
       type: definePropType([String, Object]),
       default: () => circle_close_default
-    }
+    },
+    ...useEmptyValuesProps
   });
 
   const parseTime = (time) => {
@@ -49851,11 +49935,11 @@
     return formatTime(next);
   };
 
-  const __default__$o = vue.defineComponent({
+  const __default__$p = vue.defineComponent({
     name: "ElTimeSelect"
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$p,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -49928,6 +50012,8 @@
           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)),
@@ -49955,11 +50041,11 @@
             }), 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);
@@ -50020,11 +50106,11 @@
     }
   });
 
-  const __default__$n = vue.defineComponent({
+  const __default__$o = vue.defineComponent({
     name: "ElTimelineItem"
   });
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$o,
     props: timelineItemProps,
     setup(__props) {
       const props = __props;
@@ -50086,7 +50172,7 @@
       };
     }
   });
-  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
@@ -50229,11 +50315,11 @@
   const tooltipV2ContentKey = Symbol("tooltipV2Content");
   const TOOLTIP_V2_OPEN = "tooltip_v2.open";
 
-  const __default__$m = vue.defineComponent({
+  const __default__$n = vue.defineComponent({
     name: "ElTooltipV2Root"
   });
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$n,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -50300,13 +50386,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: "ElTooltipV2Arrow"
   });
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$m,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -50336,7 +50422,7 @@
       };
     }
   });
-  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: {
@@ -50345,11 +50431,11 @@
     }
   });
 
-  const __default__$k = vue.defineComponent({
+  const __default__$l = vue.defineComponent({
     name: "ElVisuallyHidden"
   });
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$l,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -50377,14 +50463,14 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const _hoisted_1$d = ["data-side"];
+  const __default__$k = vue.defineComponent({
     name: "ElTooltipV2Content"
   });
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$k,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -50474,12 +50560,12 @@
               style: vue.normalizeStyle(vue.unref(arrowStyle)),
               side: vue.unref(side)
             })
-          ], 10, _hoisted_1$c)) : vue.createCommentVNode("v-if", true)
+          ], 10, _hoisted_1$d)) : vue.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: {
@@ -50512,11 +50598,11 @@
     }
   });
 
-  const __default__$i = vue.defineComponent({
+  const __default__$j = vue.defineComponent({
     name: "ElTooltipV2Trigger"
   });
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$j,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -50593,13 +50679,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$i = vue.defineComponent({
     name: "ElTooltipV2"
   });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$i,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -50658,7 +50744,7 @@
       };
     }
   });
-  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);
 
@@ -50916,11 +51002,11 @@
     };
   };
 
-  const __default__$g = vue.defineComponent({
+  const __default__$h = vue.defineComponent({
     name: "ElTransferPanel"
   });
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$h,
     props: transferPanelProps,
     emits: transferPanelEmits,
     setup(__props, { expose, emit }) {
@@ -51030,15 +51116,15 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const _hoisted_1$c = { key: 0 };
+  const _hoisted_2$8 = { key: 0 };
+  const __default__$g = vue.defineComponent({
     name: "ElTransfer"
   });
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$g,
     props: transferProps,
     emits: transferEmits,
     setup(__props, { expose, emit }) {
@@ -51128,7 +51214,7 @@
                   ]),
                   _: 1
                 }),
-                !vue.unref(isUndefined)(_ctx.buttonTexts[0]) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$b, vue.toDisplayString(_ctx.buttonTexts[0]), 1)) : vue.createCommentVNode("v-if", true)
+                !vue.unref(isUndefined)(_ctx.buttonTexts[0]) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$c, vue.toDisplayString(_ctx.buttonTexts[0]), 1)) : vue.createCommentVNode("v-if", true)
               ]),
               _: 1
             }, 8, ["class", "disabled", "onClick"]),
@@ -51139,7 +51225,7 @@
               onClick: vue.unref(addToRight)
             }, {
               default: vue.withCtx(() => [
-                !vue.unref(isUndefined)(_ctx.buttonTexts[1]) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$7, vue.toDisplayString(_ctx.buttonTexts[1]), 1)) : vue.createCommentVNode("v-if", true),
+                !vue.unref(isUndefined)(_ctx.buttonTexts[1]) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$8, vue.toDisplayString(_ctx.buttonTexts[1]), 1)) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(vue.unref(ElIcon), null, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(arrow_right_default))
@@ -51173,7 +51259,7 @@
       };
     }
   });
-  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);
 
@@ -51947,7 +52033,7 @@
     }
   }
 
-  const _sfc_main$j = vue.defineComponent({
+  const _sfc_main$k = vue.defineComponent({
     name: "ElTreeNodeContent",
     props: {
       node: {
@@ -51969,7 +52055,7 @@
       };
     }
   });
-  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 = vue.inject("TreeNodeMap", null);
@@ -52147,7 +52233,7 @@
     };
   }
 
-  const _sfc_main$i = vue.defineComponent({
+  const _sfc_main$j = vue.defineComponent({
     name: "ElTreeNode",
     components: {
       ElCollapseTransition: _CollapseTransition,
@@ -52331,8 +52417,8 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-icon");
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
@@ -52428,17 +52514,17 @@
                 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)), [
             [vue.vShow, _ctx.expanded]
           ]) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
       })
-    ], 42, _hoisted_1$a)), [
+    ], 42, _hoisted_1$b)), [
       [vue.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");
@@ -52523,7 +52609,7 @@
     };
   }
 
-  const _sfc_main$h = vue.defineComponent({
+  const _sfc_main$i = vue.defineComponent({
     name: "ElTree",
     components: { ElTreeNode: ElTreeNode$1 },
     props: {
@@ -52838,7 +52924,7 @@
       ])
     ], 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);
@@ -53097,7 +53183,7 @@
     }
   });
 
-  const _sfc_main$g = vue.defineComponent({
+  const _sfc_main$h = vue.defineComponent({
     name: "ElTreeSelect",
     inheritAttrs: false,
     props: {
@@ -53161,7 +53247,7 @@
       });
     }
   });
-  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);
@@ -53833,12 +53919,12 @@
     }
   });
 
-  const _hoisted_1$9 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"];
-  const __default__$e = vue.defineComponent({
+  const _hoisted_1$a = ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"];
+  const __default__$f = vue.defineComponent({
     name: "ElTreeNode"
   });
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$f,
     props: treeNodeProps,
     emits: treeNodeEmits,
     setup(__props, { emit }) {
@@ -53925,17 +54011,17 @@
             }, null, 8, ["model-value", "indeterminate", "disabled"])) : vue.createCommentVNode("v-if", true),
             vue.createVNode(vue.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 = vue.defineComponent({
+  const __default__$e = vue.defineComponent({
     name: "ElTreeV2"
   });
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$e,
     props: treeProps,
     emits: treeEmits,
     setup(__props, { expose, emit }) {
@@ -54046,7 +54132,7 @@
       };
     }
   });
-  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);
 
@@ -54261,17 +54347,17 @@
     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 = vue.defineComponent({
+  const __default__$d = vue.defineComponent({
     name: "ElUploadList"
   });
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$d,
     props: uploadListProps,
     emits: uploadListEmits,
     setup(__props, { emit }) {
@@ -54318,7 +54404,7 @@
                     src: file.url,
                     crossorigin: _ctx.crossorigin,
                     alt: ""
-                  }, null, 10, _hoisted_2$5)) : vue.createCommentVNode("v-if", true),
+                  }, null, 10, _hoisted_2$6)) : vue.createCommentVNode("v-if", true),
                   file.status === "uploading" || _ctx.listType !== "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 1,
                     class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-info"))
@@ -54419,7 +54505,7 @@
                     ], 10, _hoisted_6)) : vue.createCommentVNode("v-if", true)
                   ], 2)) : vue.createCommentVNode("v-if", true)
                 ])
-              ], 42, _hoisted_1$8);
+              ], 42, _hoisted_1$9);
             }), 128)),
             vue.renderSlot(_ctx.$slots, "append")
           ]),
@@ -54428,7 +54514,7 @@
       };
     }
   });
-  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: {
@@ -54440,13 +54526,13 @@
     file: (file) => isArray$1(file)
   };
 
-  const _hoisted_1$7 = ["onDrop", "onDragover"];
+  const _hoisted_1$8 = ["onDrop", "onDragover"];
   const COMPONENT_NAME = "ElUploadDrag";
-  const __default__$b = vue.defineComponent({
+  const __default__$c = vue.defineComponent({
     name: COMPONENT_NAME
   });
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$c,
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
@@ -54477,11 +54563,11 @@
           onDragleave: _cache[0] || (_cache[0] = vue.withModifiers(($event) => dragover.value = false, ["prevent"]))
         }, [
           vue.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,
@@ -54515,14 +54601,14 @@
     }
   });
 
-  const _hoisted_1$6 = ["onKeydown"];
-  const _hoisted_2$4 = ["name", "multiple", "accept"];
-  const __default__$a = vue.defineComponent({
+  const _hoisted_1$7 = ["onKeydown"];
+  const _hoisted_2$5 = ["name", "multiple", "accept"];
+  const __default__$b = vue.defineComponent({
     name: "ElUploadContent",
     inheritAttrs: false
   });
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$b,
     props: uploadContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -54692,12 +54778,12 @@
             onChange: handleChange,
             onClick: _cache[0] || (_cache[0] = vue.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) => {
@@ -54826,11 +54912,11 @@
     };
   };
 
-  const __default__$9 = vue.defineComponent({
+  const __default__$a = vue.defineComponent({
     name: "ElUpload"
   });
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$a,
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -54936,7 +55022,7 @@
       };
     }
   });
-  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);
 
@@ -55076,11 +55162,11 @@
     return getClips;
   }
 
-  const __default__$8 = vue.defineComponent({
+  const __default__$9 = vue.defineComponent({
     name: "ElWatermark"
   });
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$9,
     props: watermarkProps,
     setup(__props) {
       const props = __props;
@@ -55279,7 +55365,7 @@
       };
     }
   });
-  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);
 
@@ -55502,17 +55588,17 @@
     };
   };
 
-  const _hoisted_1$5 = { style: {
+  const _hoisted_1$6 = { style: {
     width: "100%",
     height: "100%"
   } };
-  const _hoisted_2$3 = ["d"];
-  const __default__$7 = vue.defineComponent({
+  const _hoisted_2$4 = ["d"];
+  const __default__$8 = vue.defineComponent({
     name: "ElTourMask",
     inheritAttrs: false
   });
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$8,
     props: maskProps,
     setup(__props) {
       const props = __props;
@@ -55563,18 +55649,18 @@
             pointerEvents: _ctx.pos && _ctx.targetAreaClickable ? "none" : "auto"
           }
         }, _ctx.$attrs), [
-          (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, [
+          (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, [
             vue.createElementVNode("path", {
               class: vue.normalizeClass(vue.unref(ns).e("hollow")),
               style: vue.normalizeStyle(vue.unref(pathStyle)),
               d: vue.unref(path)
-            }, null, 14, _hoisted_2$3)
+            }, null, 14, _hoisted_2$4)
           ]))
         ], 16)) : vue.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 = [
@@ -55620,12 +55706,12 @@
     close: () => true
   };
 
-  const _hoisted_1$4 = ["data-side"];
-  const __default__$6 = vue.defineComponent({
+  const _hoisted_1$5 = ["data-side"];
+  const __default__$7 = vue.defineComponent({
     name: "ElTourContent"
   });
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$7,
     props: tourContentProps,
     emits: tourContentEmits,
     setup(__props, { emit }) {
@@ -55679,11 +55765,11 @@
             style: vue.normalizeStyle(vue.unref(arrowStyle)),
             class: vue.normalizeClass(vue.unref(ns).e("arrow"))
           }, null, 6)) : vue.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 = vue.defineComponent({
     name: "ElTourSteps",
@@ -55793,11 +55879,11 @@
     change: (current) => isNumber(current)
   };
 
-  const __default__$5 = vue.defineComponent({
+  const __default__$6 = vue.defineComponent({
     name: "ElTour"
   });
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: tourProps,
     emits: tourEmits,
     setup(__props, { emit }) {
@@ -55929,7 +56015,7 @@
       };
     }
   });
-  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: {
@@ -55974,11 +56060,11 @@
     close: () => true
   };
 
-  const __default__$4 = vue.defineComponent({
+  const __default__$5 = vue.defineComponent({
     name: "ElTourStep"
   });
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
     props: tourStepProps,
     emits: tourStepEmits,
     setup(__props, { emit }) {
@@ -56133,7 +56219,7 @@
       };
     }
   });
-  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
@@ -56179,11 +56265,11 @@
 
   const anchorKey = Symbol("anchor");
 
-  const __default__$3 = vue.defineComponent({
+  const __default__$4 = vue.defineComponent({
     name: "ElAnchor"
   });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$4,
     props: anchorProps,
     emits: anchorEmits,
     setup(__props, { expose, emit }) {
@@ -56360,19 +56446,19 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const _hoisted_1$4 = ["href"];
+  const __default__$3 = vue.defineComponent({
     name: "ElAnchorLink"
   });
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
     props: anchorLinkProps,
     setup(__props) {
       const props = __props;
@@ -56433,7 +56519,7 @@
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
             ])
-          ], 10, _hoisted_1$3),
+          ], 10, _hoisted_1$4),
           _ctx.$slots["sub-link"] && vue.unref(direction) === "vertical" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("list"))
@@ -56444,13 +56530,192 @@
       };
     }
   });
-  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 = vue.defineComponent({
+    name: "ElSegmented"
+  });
+  const _sfc_main$3 = /* @__PURE__ */ vue.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 = vue.ref(null);
+      const activeElement = useActiveElement();
+      const state = vue.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 = vue.computed(() => [
+        ns.b(),
+        ns.m(segmentedSize.value),
+        ns.is("block", props.block)
+      ]);
+      const selectedStyle = vue.computed(() => ({
+        width: `${state.width}px`,
+        transform: `translateX(${state.translateX}px)`,
+        display: state.isInit ? "block" : "none"
+      }));
+      const selectedCls = vue.computed(() => [
+        ns.e("item-selected"),
+        ns.is("disabled", state.disabled),
+        ns.is("focus-visible", state.focusVisible)
+      ]);
+      const name = vue.computed(() => {
+        return props.name || segmentedId.value;
+      });
+      useResizeObserver(segmentedRef, updateSelect);
+      vue.watch(activeElement, updateSelect);
+      vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          id: vue.unref(inputId),
+          ref_key: "segmentedRef",
+          ref: segmentedRef,
+          class: vue.normalizeClass(vue.unref(segmentedCls)),
+          role: "radiogroup",
+          "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.ariaLabel || "segmented" : void 0,
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("group"))
+          }, [
+            vue.createElementVNode("div", {
+              style: vue.normalizeStyle(vue.unref(selectedStyle)),
+              class: vue.normalizeClass(vue.unref(selectedCls))
+            }, null, 6),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("label", {
+                key: index,
+                class: vue.normalizeClass(getItemCls(item))
+              }, [
+                vue.createElementVNode("input", {
+                  class: vue.normalizeClass(vue.unref(ns).e("item-input")),
+                  type: "radio",
+                  name: vue.unref(name),
+                  disabled: getDisabled(item),
+                  checked: getSelected(item),
+                  onChange: ($event) => handleChange(item)
+                }, null, 42, _hoisted_2$3),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("item-label"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", { item }, () => [
+                    vue.createTextVNode(vue.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,
@@ -56554,7 +56819,8 @@
     ElTour,
     ElTourStep,
     ElAnchor,
-    ElAnchorLink
+    ElAnchorLink,
+    ElSegmented
   ];
 
   const SCOPE = "ElInfiniteScroll";
@@ -58259,9 +58525,11 @@
   exports.ClickOutside = ClickOutside;
   exports.CommonPicker = CommonPicker;
   exports.CommonProps = CommonProps;
+  exports.DEFAULT_EMPTY_VALUES = DEFAULT_EMPTY_VALUES;
   exports.DEFAULT_FORMATS_DATE = DEFAULT_FORMATS_DATE;
   exports.DEFAULT_FORMATS_DATEPICKER = DEFAULT_FORMATS_DATEPICKER;
   exports.DEFAULT_FORMATS_TIME = DEFAULT_FORMATS_TIME;
+  exports.DEFAULT_VALUE_ON_CLEAR = DEFAULT_VALUE_ON_CLEAR;
   exports.DROPDOWN_COLLECTION_INJECTION_KEY = COLLECTION_INJECTION_KEY;
   exports.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
   exports.DROPDOWN_INJECTION_KEY = DROPDOWN_INJECTION_KEY;
@@ -58355,6 +58623,7 @@
   exports.ElResult = ElResult;
   exports.ElRow = ElRow;
   exports.ElScrollbar = ElScrollbar;
+  exports.ElSegmented = ElSegmented;
   exports.ElSelect = ElSelect;
   exports.ElSelectV2 = ElSelectV2;
   exports.ElSkeleton = ElSkeleton;
@@ -58406,6 +58675,7 @@
   exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
   exports.RowAlign = RowAlign;
   exports.RowJustify = RowJustify;
+  exports.SCOPE = SCOPE$3;
   exports.SIZE_INJECTION_KEY = SIZE_INJECTION_KEY;
   exports.TOOLTIP_INJECTION_KEY = TOOLTIP_INJECTION_KEY;
   exports.TableV2 = TableV2$1;
@@ -58573,6 +58843,8 @@
   exports.scrollbarContextKey = scrollbarContextKey;
   exports.scrollbarEmits = scrollbarEmits;
   exports.scrollbarProps = scrollbarProps;
+  exports.segmentedEmits = segmentedEmits;
+  exports.segmentedProps = segmentedProps;
   exports.selectGroupKey = selectGroupKey;
   exports.selectKey = selectKey;
   exports.selectV2InjectionKey = selectV2InjectionKey;
@@ -58631,6 +58903,8 @@
   exports.useDialog = useDialog;
   exports.useDisabled = useDisabled;
   exports.useDraggable = useDraggable;
+  exports.useEmptyValues = useEmptyValues;
+  exports.useEmptyValuesProps = useEmptyValuesProps;
   exports.useEscapeKeydown = useEscapeKeydown;
   exports.useFloating = useFloating$1;
   exports.useFloatingProps = useFloatingProps;