@element-plus/nightly 0.0.20241128 → 0.0.20241129

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20241128 */
+/*! Element Plus v0.0.20241129 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -7680,6 +7680,16 @@
       return element.style[key];
     }
   };
+  const setStyle = (element, styleName, value) => {
+    if (!element || !styleName)
+      return;
+    if (isObject$1(styleName)) {
+      entriesOf(styleName).forEach(([prop, value2]) => setStyle(element, prop, value2));
+    } else {
+      const key = camelize(styleName);
+      element.style[key] = value;
+    }
+  };
   function addUnit(value, defaultUnit = "px") {
     if (!value)
       return "";
@@ -8802,6 +8812,25 @@
     });
   };
 
+  function useCalcInputWidth() {
+    const calculatorRef = vue.shallowRef();
+    const calculatorWidth = vue.ref(0);
+    const MINIMUM_INPUT_WIDTH = 11;
+    const inputStyle = vue.computed(() => ({
+      minWidth: `${Math.max(calculatorWidth.value, MINIMUM_INPUT_WIDTH)}px`
+    }));
+    const resetCalculatorWidth = () => {
+      var _a, _b;
+      calculatorWidth.value = (_b = (_a = calculatorRef.value) == null ? void 0 : _a.getBoundingClientRect().width) != null ? _b : 0;
+    };
+    useResizeObserver(calculatorRef, resetCalculatorWidth);
+    return {
+      calculatorRef,
+      calculatorWidth,
+      inputStyle
+    };
+  }
+
   const useDeprecated = ({ from, replacement, scope, version, ref, type = "API" }, condition) => {
     vue.watch(() => vue.unref(condition), (val) => {
     }, {
@@ -11567,7 +11596,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20241128";
+  const version$1 = "0.0.20241129";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11617,11 +11646,11 @@
   };
 
   const COMPONENT_NAME$n = "ElAffix";
-  const __default__$1Q = vue.defineComponent({
+  const __default__$1R = vue.defineComponent({
     name: COMPONENT_NAME$n
   });
-  const _sfc_main$2w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1Q,
+  const _sfc_main$2x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1R,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11726,7 +11755,7 @@
       };
     }
   });
-  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["__file", "affix.vue"]]);
+  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["__file", "affix.vue"]]);
 
   const ElAffix = withInstall(Affix);
 
@@ -11739,12 +11768,12 @@
     }
   });
 
-  const __default__$1P = vue.defineComponent({
+  const __default__$1Q = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1P,
+  const _sfc_main$2w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1Q,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11768,7 +11797,7 @@
       };
     }
   });
-  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "icon.vue"]]);
+  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["__file", "icon.vue"]]);
 
   const ElIcon = withInstall(Icon);
 
@@ -11807,11 +11836,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1O = vue.defineComponent({
+  const __default__$1P = vue.defineComponent({
     name: "ElAlert"
   });
-  const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1O,
+  const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1P,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11896,7 +11925,7 @@
       };
     }
   });
-  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "alert.vue"]]);
+  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "alert.vue"]]);
 
   const ElAlert = withInstall(Alert);
 
@@ -12061,11 +12090,11 @@
   };
 
   const COMPONENT_NAME$m = "ElForm";
-  const __default__$1N = vue.defineComponent({
+  const __default__$1O = vue.defineComponent({
     name: COMPONENT_NAME$m
   });
-  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1N,
+  const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1O,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -12198,7 +12227,7 @@
       };
     }
   });
-  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "form.vue"]]);
+  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "form.vue"]]);
 
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -13382,11 +13411,11 @@
     }
   });
 
-  const __default__$1M = vue.defineComponent({
+  const __default__$1N = vue.defineComponent({
     name: "ElFormItem"
   });
-  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1M,
+  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1N,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13686,7 +13715,7 @@
       };
     }
   });
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "form-item.vue"]]);
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "form-item.vue"]]);
 
   const ElForm = withInstall(Form, {
     FormItem
@@ -13864,12 +13893,12 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const __default__$1L = vue.defineComponent({
+  const __default__$1M = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1L,
+  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1M,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14274,7 +14303,7 @@
       };
     }
   });
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "input.vue"]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "input.vue"]]);
 
   const ElInput = withInstall(Input);
 
@@ -14324,7 +14353,7 @@
   });
 
   const COMPONENT_NAME$k = "Thumb";
-  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14443,7 +14472,7 @@
       };
     }
   });
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "thumb.vue"]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "thumb.vue"]]);
 
   const barProps = buildProps({
     always: {
@@ -14456,7 +14485,7 @@
     }
   });
 
-  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14514,7 +14543,7 @@
       };
     }
   });
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "bar.vue"]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "bar.vue"]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -14571,11 +14600,11 @@
   };
 
   const COMPONENT_NAME$j = "ElScrollbar";
-  const __default__$1K = vue.defineComponent({
+  const __default__$1L = vue.defineComponent({
     name: COMPONENT_NAME$j
   });
-  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1K,
+  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1L,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14727,7 +14756,7 @@
       };
     }
   });
-  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "scrollbar.vue"]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "scrollbar.vue"]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -14757,12 +14786,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1J = vue.defineComponent({
+  const __default__$1K = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1J,
+  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1K,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14785,7 +14814,7 @@
       };
     }
   });
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "popper.vue"]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "popper.vue"]]);
 
   const popperArrowProps = buildProps({
     arrowOffset: {
@@ -14795,12 +14824,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1I = vue.defineComponent({
+  const __default__$1J = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1I,
+  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1J,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14826,7 +14855,7 @@
       };
     }
   });
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "arrow.vue"]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "arrow.vue"]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -14914,12 +14943,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1H = vue.defineComponent({
+  const __default__$1I = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1H,
+  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1I,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15030,7 +15059,7 @@
       };
     }
   });
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "trigger.vue"]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "trigger.vue"]]);
 
   const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
   const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15180,7 +15209,7 @@
     });
   };
 
-  const _sfc_main$2k = vue.defineComponent({
+  const _sfc_main$2l = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15425,7 +15454,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$2k, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const popperCoreConfigProps = buildProps({
@@ -15716,11 +15745,11 @@
     };
   };
 
-  const __default__$1G = vue.defineComponent({
+  const __default__$1H = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1G,
+  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1H,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -15836,7 +15865,7 @@
       };
     }
   });
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "content.vue"]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "content.vue"]]);
 
   const ElPopper = withInstall(Popper);
 
@@ -15918,11 +15947,11 @@
     };
   };
 
-  const __default__$1F = vue.defineComponent({
+  const __default__$1G = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1F,
+  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1G,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15981,7 +16010,7 @@
       };
     }
   });
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "trigger.vue"]]);
 
   const teleportProps = buildProps({
     to: {
@@ -15991,7 +16020,7 @@
     disabled: Boolean
   });
 
-  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
     __name: "teleport",
     props: teleportProps,
     setup(__props) {
@@ -16005,17 +16034,17 @@
       };
     }
   });
-  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "teleport.vue"]]);
+  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "teleport.vue"]]);
 
   const ElTeleport = withInstall(Teleport);
   var ElTeleport$1 = ElTeleport;
 
-  const __default__$1E = vue.defineComponent({
+  const __default__$1F = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1E,
+  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1F,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16178,13 +16207,13 @@
       };
     }
   });
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "content.vue"]]);
 
-  const __default__$1D = vue.defineComponent({
+  const __default__$1E = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1D,
+  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1E,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16336,7 +16365,7 @@
       };
     }
   });
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -16416,12 +16445,12 @@
   };
 
   const COMPONENT_NAME$i = "ElAutocomplete";
-  const __default__$1C = vue.defineComponent({
+  const __default__$1D = vue.defineComponent({
     name: COMPONENT_NAME$i,
     inheritAttrs: false
   });
-  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1C,
+  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1D,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -16761,7 +16790,7 @@
       };
     }
   });
-  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "autocomplete.vue"]]);
+  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "autocomplete.vue"]]);
 
   const ElAutocomplete = withInstall(Autocomplete);
 
@@ -16795,11 +16824,11 @@
     error: (evt) => evt instanceof Event
   };
 
-  const __default__$1B = vue.defineComponent({
+  const __default__$1C = vue.defineComponent({
     name: "ElAvatar"
   });
-  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1B,
+  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1C,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -16853,7 +16882,7 @@
       };
     }
   });
-  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "avatar.vue"]]);
+  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "avatar.vue"]]);
 
   const ElAvatar = withInstall(Avatar);
 
@@ -16914,11 +16943,11 @@
   };
 
   const COMPONENT_NAME$h = "ElBacktop";
-  const __default__$1A = vue.defineComponent({
+  const __default__$1B = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
-  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1A,
+  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1B,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -16957,7 +16986,7 @@
       };
     }
   });
-  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "backtop.vue"]]);
+  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "backtop.vue"]]);
 
   const ElBacktop = withInstall(Backtop);
 
@@ -16994,11 +17023,11 @@
     }
   });
 
-  const __default__$1z = vue.defineComponent({
+  const __default__$1A = vue.defineComponent({
     name: "ElBadge"
   });
-  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1z,
+  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1A,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -17056,7 +17085,7 @@
       };
     }
   });
-  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "badge.vue"]]);
+  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "badge.vue"]]);
 
   const ElBadge = withInstall(Badge);
 
@@ -17072,11 +17101,11 @@
     }
   });
 
-  const __default__$1y = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: "ElBreadcrumb"
   });
-  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1z,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -17103,7 +17132,7 @@
       };
     }
   });
-  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "breadcrumb.vue"]]);
+  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "breadcrumb.vue"]]);
 
   const breadcrumbItemProps = buildProps({
     to: {
@@ -17113,11 +17142,11 @@
     replace: Boolean
   });
 
-  const __default__$1x = vue.defineComponent({
+  const __default__$1y = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
-  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1y,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -17162,7 +17191,7 @@
       };
     }
   });
-  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "breadcrumb-item.vue"]]);
+  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "breadcrumb-item.vue"]]);
 
   const ElBreadcrumb = withInstall(Breadcrumb, {
     BreadcrumbItem
@@ -18220,11 +18249,11 @@
     });
   }
 
-  const __default__$1w = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1x,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18290,18 +18319,18 @@
       };
     }
   });
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "button.vue"]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "button.vue"]]);
 
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
   };
 
-  const __default__$1v = vue.defineComponent({
+  const __default__$1w = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1w,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -18319,7 +18348,7 @@
       };
     }
   });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "button-group.vue"]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "button-group.vue"]]);
 
   const ElButton = withInstall(Button, {
     ButtonGroup
@@ -18977,12 +19006,12 @@
     endPlaceholder: String
   });
 
-  const __default__$1u = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: "PickerRangeTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1v,
     props: timePickerRngeTriggerProps,
     emits: [
       "mouseenter",
@@ -19049,7 +19078,7 @@
           onClick: handleClick,
           onMouseenter: handleMouseEnter,
           onMouseleave: handleMouseLeave,
-          onTouchstart: handleTouchStart
+          onTouchstartPassive: handleTouchStart
         }, [
           vue.renderSlot(_ctx.$slots, "prefix"),
           vue.createElementVNode("input", vue.mergeProps(vue.unref(attrs), {
@@ -19080,13 +19109,13 @@
       };
     }
   });
-  var PickerRangeTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "picker-range-trigger.vue"]]);
+  var PickerRangeTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "picker-range-trigger.vue"]]);
 
-  const __default__$1t = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: "Picker"
   });
-  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1u,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -19683,7 +19712,7 @@
       };
     }
   });
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "picker.vue"]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "picker.vue"]]);
 
   const panelTimePickerProps = buildProps({
     ...timePanelSharedProps,
@@ -19994,7 +20023,7 @@
     ...disabledTimeListsProps
   });
 
-  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
     emits: ["change", "select-range", "set-option"],
@@ -20287,9 +20316,9 @@
       };
     }
   });
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "basic-time-spinner.vue"]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "basic-time-spinner.vue"]]);
 
-  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-pick",
     props: panelTimePickerProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -20441,7 +20470,7 @@
       };
     }
   });
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "panel-time-pick.vue"]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "panel-time-pick.vue"]]);
 
   const panelTimeRangeProps = buildProps({
     ...timePanelSharedProps,
@@ -20450,7 +20479,7 @@
     }
   });
 
-  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -20517,6 +20546,9 @@
         return parsedDate[0].isSame(result[0]) && parsedDate[1].isSame(result[1]);
       };
       const handleChange = (start, end) => {
+        if (!props.visible) {
+          return;
+        }
         emit("pick", [start, end], true);
       };
       const btnConfirmDisabled = vue.computed(() => {
@@ -20718,7 +20750,7 @@
       };
     }
   });
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "panel-time-range.vue"]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "panel-time-range.vue"]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -20966,11 +20998,11 @@
     };
   };
 
-  const __default__$1s = vue.defineComponent({
+  const __default__$1t = vue.defineComponent({
     name: "DateTable"
   });
-  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1t,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -21051,7 +21083,7 @@
       };
     }
   });
-  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "date-table.vue"]]);
+  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "date-table.vue"]]);
 
   const adjacentMonth = (start, end) => {
     const firstMonthLastDay = start.endOf("month");
@@ -21180,11 +21212,11 @@
   };
 
   const COMPONENT_NAME$g = "ElCalendar";
-  const __default__$1r = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: COMPONENT_NAME$g
   });
-  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1s,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -21305,7 +21337,7 @@
       };
     }
   });
-  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "calendar.vue"]]);
+  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "calendar.vue"]]);
 
   const ElCalendar = withInstall(Calendar);
 
@@ -21330,11 +21362,11 @@
     }
   });
 
-  const __default__$1q = vue.defineComponent({
+  const __default__$1r = vue.defineComponent({
     name: "ElCard"
   });
-  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1r,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -21368,7 +21400,7 @@
       };
     }
   });
-  var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "card.vue"]]);
+  var Card = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "card.vue"]]);
 
   const ElCard = withInstall(Card);
 
@@ -21712,11 +21744,11 @@
   };
 
   const COMPONENT_NAME$f = "ElCarousel";
-  const __default__$1p = vue.defineComponent({
+  const __default__$1q = vue.defineComponent({
     name: COMPONENT_NAME$f
   });
-  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1q,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -21906,7 +21938,7 @@
       };
     }
   });
-  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "carousel.vue"]]);
+  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "carousel.vue"]]);
 
   const carouselItemProps = buildProps({
     name: { type: String, default: "" },
@@ -22027,11 +22059,11 @@
     };
   };
 
-  const __default__$1o = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: CAROUSEL_ITEM_NAME
   });
-  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1p,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -22090,7 +22122,7 @@
       };
     }
   });
-  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "carousel-item.vue"]]);
+  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "carousel-item.vue"]]);
 
   const ElCarousel = withInstall(Carousel, {
     CarouselItem
@@ -22369,11 +22401,11 @@
     };
   };
 
-  const __default__$1n = vue.defineComponent({
+  const __default__$1o = vue.defineComponent({
     name: "ElCheckbox"
   });
-  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1o,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22481,13 +22513,13 @@
       };
     }
   });
-  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "checkbox.vue"]]);
+  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "checkbox.vue"]]);
 
-  const __default__$1m = vue.defineComponent({
+  const __default__$1n = vue.defineComponent({
     name: "ElCheckboxButton"
   });
-  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1n,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22575,7 +22607,7 @@
       };
     }
   });
-  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "checkbox-button.vue"]]);
+  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "checkbox-button.vue"]]);
 
   const checkboxGroupProps = buildProps({
     modelValue: {
@@ -22603,11 +22635,11 @@
     change: (val) => isArray$1(val)
   };
 
-  const __default__$1l = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
-  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1m,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -22665,7 +22697,7 @@
       };
     }
   });
-  var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "checkbox-group.vue"]]);
+  var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "checkbox-group.vue"]]);
 
   const ElCheckbox = withInstall(Checkbox, {
     CheckboxButton,
@@ -22754,11 +22786,11 @@
     };
   };
 
-  const __default__$1k = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: "ElRadio"
   });
-  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1l,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -22822,17 +22854,17 @@
       };
     }
   });
-  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "radio.vue"]]);
+  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "radio.vue"]]);
 
   const radioButtonProps = buildProps({
     ...radioPropsBase
   });
 
-  const __default__$1j = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: "ElRadioButton"
   });
-  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1k,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -22887,7 +22919,7 @@
       };
     }
   });
-  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "radio-button.vue"]]);
+  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "radio-button.vue"]]);
 
   const radioGroupProps = buildProps({
     id: {
@@ -22920,11 +22952,11 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const __default__$1i = vue.defineComponent({
+  const __default__$1j = vue.defineComponent({
     name: "ElRadioGroup"
   });
-  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1j,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -22975,7 +23007,7 @@
       };
     }
   });
-  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "radio-group.vue"]]);
+  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "radio-group.vue"]]);
 
   const ElRadio = withInstall(Radio, {
     RadioButton,
@@ -23003,7 +23035,7 @@
 
   const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-  const _sfc_main$1S = vue.defineComponent({
+  const _sfc_main$1T = vue.defineComponent({
     name: "ElCascaderNode",
     components: {
       ElCheckbox,
@@ -23201,9 +23233,9 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex", "onMouseenter", "onFocus", "onClick"]);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$t], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$t], ["__file", "node.vue"]]);
 
-  const _sfc_main$1R = vue.defineComponent({
+  const _sfc_main$1S = vue.defineComponent({
     name: "ElCascaderMenu",
     components: {
       Loading: loading_default,
@@ -23338,7 +23370,7 @@
       _: 3
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$s], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$s], ["__file", "menu.vue"]]);
 
   let uid = 0;
   const calculatePathNodes = (node) => {
@@ -23571,7 +23603,7 @@
     return res;
   };
 
-  const _sfc_main$1Q = vue.defineComponent({
+  const _sfc_main$1R = vue.defineComponent({
     name: "ElCascaderPanel",
     components: {
       ElCascaderMenu
@@ -23839,7 +23871,7 @@
       }), 128))
     ], 42, ["onKeydown"]);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$r], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$r], ["__file", "index.vue"]]);
 
   const ElCascaderPanel = withInstall(CascaderPanel);
 
@@ -23869,11 +23901,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1h = vue.defineComponent({
+  const __default__$1i = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+  const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1i,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -23960,7 +23992,7 @@
       };
     }
   });
-  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "tag.vue"]]);
+  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "tag.vue"]]);
 
   const ElTag = withInstall(Tag);
 
@@ -24038,11 +24070,11 @@
   };
 
   const COMPONENT_NAME$e = "ElCascader";
-  const __default__$1g = vue.defineComponent({
+  const __default__$1h = vue.defineComponent({
     name: COMPONENT_NAME$e
   });
-  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1h,
     props: cascaderProps,
     emits: cascaderEmits,
     setup(__props, { expose, emit }) {
@@ -24640,7 +24672,7 @@
       };
     }
   });
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "cascader.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "cascader.vue"]]);
 
   const ElCascader = withInstall(Cascader);
 
@@ -24658,11 +24690,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$1f = vue.defineComponent({
+  const __default__$1g = vue.defineComponent({
     name: "ElCheckTag"
   });
-  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1g,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -24692,7 +24724,7 @@
       };
     }
   });
-  var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "check-tag.vue"]]);
+  var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "check-tag.vue"]]);
 
   const ElCheckTag = withInstall(CheckTag);
 
@@ -24727,11 +24759,11 @@
     }
   });
 
-  const __default__$1e = vue.defineComponent({
+  const __default__$1f = vue.defineComponent({
     name: "ElRow"
   });
-  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1f,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -24766,7 +24798,7 @@
       };
     }
   });
-  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "row.vue"]]);
+  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "row.vue"]]);
 
   const ElRow = withInstall(Row$1);
 
@@ -24813,11 +24845,11 @@
     }
   });
 
-  const __default__$1d = vue.defineComponent({
+  const __default__$1e = vue.defineComponent({
     name: "ElCol"
   });
-  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1e,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -24870,7 +24902,7 @@
       };
     }
   });
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "col.vue"]]);
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "col.vue"]]);
 
   const ElCol = withInstall(Col);
 
@@ -24929,11 +24961,11 @@
     };
   };
 
-  const __default__$1c = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: "ElCollapse"
   });
-  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1d,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -24953,13 +24985,13 @@
       };
     }
   });
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "collapse.vue"]]);
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "collapse.vue"]]);
 
-  const __default__$1b = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: "ElCollapseTransition"
   });
-  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1c,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const reset = (el) => {
@@ -25037,7 +25069,7 @@
       };
     }
   });
-  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "collapse-transition.vue"]]);
+  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "collapse-transition.vue"]]);
 
   const ElCollapseTransition = withInstall(CollapseTransition);
 
@@ -25128,11 +25160,11 @@
     };
   };
 
-  const __default__$1a = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: "ElCollapseItem"
   });
-  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1b,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -25211,7 +25243,7 @@
       };
     }
   });
-  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "collapse-item.vue"]]);
+  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "collapse-item.vue"]]);
 
   const ElCollapse = withInstall(Collapse, {
     CollapseItem
@@ -25405,11 +25437,11 @@
   };
 
   const COMPONENT_NAME$d = "ElColorAlphaSlider";
-  const __default__$19 = vue.defineComponent({
+  const __default__$1a = vue.defineComponent({
     name: COMPONENT_NAME$d
   });
-  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1a,
     props: alphaSliderProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -25461,9 +25493,9 @@
       };
     }
   });
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "alpha-slider.vue"]]);
 
-  const _sfc_main$1G = vue.defineComponent({
+  const _sfc_main$1H = vue.defineComponent({
     name: "ElColorHueSlider",
     props: {
       color: {
@@ -25583,7 +25615,7 @@
       }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$q], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$q], ["__file", "hue-slider.vue"]]);
 
   const colorPickerProps = buildProps({
     modelValue: String,
@@ -25903,7 +25935,7 @@
     }
   }
 
-  const _sfc_main$1F = vue.defineComponent({
+  const _sfc_main$1G = vue.defineComponent({
     props: {
       colors: {
         type: Array,
@@ -25977,9 +26009,9 @@
       ], 2)
     ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$p], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$p], ["__file", "predefine.vue"]]);
 
-  const _sfc_main$1E = vue.defineComponent({
+  const _sfc_main$1F = vue.defineComponent({
     name: "ElSlPanel",
     props: {
       color: {
@@ -26073,13 +26105,13 @@
       ], 6)
     ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$o], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$o], ["__file", "sv-panel.vue"]]);
 
-  const __default__$18 = vue.defineComponent({
+  const __default__$19 = vue.defineComponent({
     name: "ElColorPicker"
   });
-  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$19,
     props: colorPickerProps,
     emits: colorPickerEmits,
     setup(__props, { expose, emit }) {
@@ -26450,15 +26482,15 @@
       };
     }
   });
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "color-picker.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__file", "color-picker.vue"]]);
 
   const ElColorPicker = withInstall(ColorPicker);
 
-  const __default__$17 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: "ElContainer"
   });
-  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$18,
     props: {
       direction: {
         type: String
@@ -26493,13 +26525,13 @@
       };
     }
   });
-  var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "container.vue"]]);
+  var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "container.vue"]]);
 
-  const __default__$16 = vue.defineComponent({
+  const __default__$17 = vue.defineComponent({
     name: "ElAside"
   });
-  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$17,
     props: {
       width: {
         type: String,
@@ -26520,13 +26552,13 @@
       };
     }
   });
-  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "aside.vue"]]);
+  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "aside.vue"]]);
 
-  const __default__$15 = vue.defineComponent({
+  const __default__$16 = vue.defineComponent({
     name: "ElFooter"
   });
-  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$16,
     props: {
       height: {
         type: String,
@@ -26547,13 +26579,13 @@
       };
     }
   });
-  var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "footer.vue"]]);
+  var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "footer.vue"]]);
 
-  const __default__$14 = vue.defineComponent({
+  const __default__$15 = vue.defineComponent({
     name: "ElHeader"
   });
-  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$15,
     props: {
       height: {
         type: String,
@@ -26578,13 +26610,13 @@
       };
     }
   });
-  var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "header.vue"]]);
+  var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "header.vue"]]);
 
-  const __default__$13 = vue.defineComponent({
+  const __default__$14 = vue.defineComponent({
     name: "ElMain"
   });
-  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$14,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -26596,7 +26628,7 @@
       };
     }
   });
-  var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "main.vue"]]);
+  var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "main.vue"]]);
 
   const ElContainer = withInstall(Container, {
     Aside,
@@ -27318,7 +27350,7 @@
     }
   });
 
-  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
     props: basicDateTableProps,
     emits: basicDateTableEmits,
@@ -27401,14 +27433,14 @@
       };
     }
   });
-  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "basic-date-table.vue"]]);
+  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "basic-date-table.vue"]]);
 
   const basicMonthTableProps = buildProps({
     ...datePickerSharedProps,
     selectionMode: selectionModeWithDefault("month")
   });
 
-  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
     emits: ["changerange", "pick", "select"],
@@ -27607,14 +27639,14 @@
       };
     }
   });
-  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "basic-month-table.vue"]]);
+  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "basic-month-table.vue"]]);
 
   const basicYearTableProps = buildProps({
     ...datePickerSharedProps,
     selectionMode: selectionModeWithDefault("year")
   });
 
-  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
     props: basicYearTableProps,
     emits: ["changerange", "pick", "select"],
@@ -27810,9 +27842,9 @@
       };
     }
   });
-  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "basic-year-table.vue"]]);
+  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "basic-year-table.vue"]]);
 
-  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-pick",
     props: panelDatePickProps,
     emits: ["pick", "set-picker-option", "panel-change"],
@@ -28482,7 +28514,7 @@
       };
     }
   });
-  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "panel-date-pick.vue"]]);
+  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "panel-date-pick.vue"]]);
 
   const panelDateRangeProps = buildProps({
     ...panelSharedProps,
@@ -28593,7 +28625,7 @@
   };
 
   const unit$2 = "month";
-  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-range",
     props: panelDateRangeProps,
     emits: [
@@ -29260,7 +29292,7 @@
       };
     }
   });
-  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "panel-date-range.vue"]]);
+  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "panel-date-range.vue"]]);
 
   const panelMonthRangeProps = buildProps({
     ...panelRangeSharedProps
@@ -29320,11 +29352,11 @@
   };
 
   const unit$1 = "year";
-  const __default__$12 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: "DatePickerMonthRange"
   });
-  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$13,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -29553,7 +29585,7 @@
       };
     }
   });
-  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "panel-month-range.vue"]]);
+  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "panel-month-range.vue"]]);
 
   const panelYearRangeProps = buildProps({
     ...panelRangeSharedProps
@@ -29616,11 +29648,11 @@
   };
 
   const unit = "year";
-  const __default__$11 = vue.defineComponent({
+  const __default__$12 = vue.defineComponent({
     name: "DatePickerYearRange"
   });
-  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$12,
     props: panelYearRangeProps,
     emits: panelYearRangeEmits,
     setup(__props, { emit }) {
@@ -29912,7 +29944,7 @@
       };
     }
   });
-  var YearRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "panel-year-range.vue"]]);
+  var YearRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "panel-year-range.vue"]]);
 
   const getPanel = function(type) {
     switch (type) {
@@ -30110,11 +30142,11 @@
     }
   });
 
-  const __default__$10 = vue.defineComponent({
+  const __default__$11 = vue.defineComponent({
     name: "ElDescriptionsRow"
   });
-  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$11,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -30168,7 +30200,7 @@
       };
     }
   });
-  var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "descriptions-row.vue"]]);
+  var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "descriptions-row.vue"]]);
 
   const descriptionProps = buildProps({
     border: Boolean,
@@ -30196,11 +30228,11 @@
     }
   });
 
-  const __default__$$ = vue.defineComponent({
+  const __default__$10 = vue.defineComponent({
     name: "ElDescriptions"
   });
-  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$10,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -30314,7 +30346,7 @@
       };
     }
   });
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "description.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "description.vue"]]);
 
   const descriptionItemProps = buildProps({
     label: {
@@ -30453,9 +30485,9 @@
     close: () => true
   };
 
-  const __default__$_ = vue.defineComponent({ name: "ElDialogContent" });
-  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+  const __default__$$ = vue.defineComponent({ name: "ElDialogContent" });
+  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$$,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props, { expose }) {
@@ -30530,7 +30562,7 @@
       };
     }
   });
-  var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "dialog-content.vue"]]);
+  var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "dialog-content.vue"]]);
 
   const dialogProps = buildProps({
     ...dialogContentProps,
@@ -30763,12 +30795,12 @@
     };
   };
 
-  const __default__$Z = vue.defineComponent({
+  const __default__$_ = vue.defineComponent({
     name: "ElDialog",
     inheritAttrs: false
   });
-  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$_,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -30919,7 +30951,7 @@
       };
     }
   });
-  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "dialog.vue"]]);
+  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "dialog.vue"]]);
 
   const ElDialog = withInstall(Dialog);
 
@@ -30940,11 +30972,11 @@
     }
   });
 
-  const __default__$Y = vue.defineComponent({
+  const __default__$Z = vue.defineComponent({
     name: "ElDivider"
   });
-  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Z,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -30970,7 +31002,7 @@
       };
     }
   });
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "divider.vue"]]);
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "divider.vue"]]);
 
   const ElDivider = withInstall(Divider);
 
@@ -31000,12 +31032,12 @@
   });
   const drawerEmits = dialogEmits;
 
-  const __default__$X = vue.defineComponent({
+  const __default__$Y = vue.defineComponent({
     name: "ElDrawer",
     inheritAttrs: false
   });
-  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Y,
     props: drawerProps,
     emits: drawerEmits,
     setup(__props, { expose }) {
@@ -31165,26 +31197,26 @@
       };
     }
   });
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__file", "drawer.vue"]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "drawer.vue"]]);
 
   const ElDrawer = withInstall(Drawer);
 
-  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1l = /* @__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$1k, [["render", _sfc_render$n], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$n], ["__file", "collection.vue"]]);
 
-  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1k = /* @__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$1j, [["render", _sfc_render$m], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$m], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -31321,7 +31353,7 @@
   const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
   const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
   const EVT_OPTS = { bubbles: false, cancelable: true };
-  const _sfc_main$1i = vue.defineComponent({
+  const _sfc_main$1j = vue.defineComponent({
     name: "ElRovingFocusGroupImpl",
     inheritAttrs: false,
     props: rovingFocusGroupProps,
@@ -31407,9 +31439,9 @@
   function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$l], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$l], ["__file", "roving-focus-group-impl.vue"]]);
 
-  const _sfc_main$1h = vue.defineComponent({
+  const _sfc_main$1i = vue.defineComponent({
     name: "ElRovingFocusGroup",
     components: {
       ElFocusGroupCollection: ElCollection$1,
@@ -31431,9 +31463,9 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$k], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$k], ["__file", "roving-focus-group.vue"]]);
 
-  const _sfc_main$1g = vue.defineComponent({
+  const _sfc_main$1h = vue.defineComponent({
     components: {
       ElRovingFocusCollectionItem: ElCollectionItem$1
     },
@@ -31531,7 +31563,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$j], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$j], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -31626,7 +31658,7 @@
   const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
   const { ButtonGroup: ElButtonGroup } = ElButton;
-  const _sfc_main$1f = vue.defineComponent({
+  const _sfc_main$1g = vue.defineComponent({
     name: "ElDropdown",
     components: {
       ElButton,
@@ -31914,9 +31946,9 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$i], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$i], ["__file", "dropdown.vue"]]);
 
-  const _sfc_main$1e = vue.defineComponent({
+  const _sfc_main$1f = vue.defineComponent({
     name: "DropdownItemImpl",
     components: {
       ElIcon
@@ -31996,7 +32028,7 @@
       ], 16, ["aria-disabled", "tabindex", "role", "onClick", "onFocus", "onKeydown", "onMousedown", "onPointermove", "onPointerleave"])
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -32007,7 +32039,7 @@
     };
   };
 
-  const _sfc_main$1d = vue.defineComponent({
+  const _sfc_main$1e = vue.defineComponent({
     name: "ElDropdownItem",
     components: {
       ElDropdownCollectionItem: ElCollectionItem,
@@ -32105,9 +32137,9 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$g], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$g], ["__file", "dropdown-item.vue"]]);
 
-  const _sfc_main$1c = vue.defineComponent({
+  const _sfc_main$1d = vue.defineComponent({
     name: "ElDropdownMenu",
     props: dropdownMenuProps,
     setup(props) {
@@ -32184,7 +32216,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 46, ["role", "aria-labelledby", "onBlur", "onFocus", "onKeydown", "onMousedown"]);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -32193,11 +32225,11 @@
   const ElDropdownItem = withNoopInstall(DropdownItem);
   const ElDropdownMenu = withNoopInstall(DropdownMenu);
 
-  const __default__$W = vue.defineComponent({
+  const __default__$X = vue.defineComponent({
     name: "ImgEmpty"
   });
-  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$X,
     setup(__props) {
       const ns = useNamespace("empty");
       const id = useId();
@@ -32345,7 +32377,7 @@
       };
     }
   });
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "img-empty.vue"]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "img-empty.vue"]]);
 
   const emptyProps = buildProps({
     image: {
@@ -32359,11 +32391,11 @@
     }
   });
 
-  const __default__$V = vue.defineComponent({
+  const __default__$W = vue.defineComponent({
     name: "ElEmpty"
   });
-  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$W,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -32404,7 +32436,7 @@
       };
     }
   });
-  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__file", "empty.vue"]]);
+  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "empty.vue"]]);
 
   const ElEmpty = withInstall(Empty);
 
@@ -32452,11 +32484,11 @@
     rotate: (deg) => isNumber(deg)
   };
 
-  const __default__$U = vue.defineComponent({
+  const __default__$V = vue.defineComponent({
     name: "ElImageViewer"
   });
-  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$V,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { expose, emit }) {
@@ -32850,7 +32882,7 @@
       };
     }
   });
-  var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "image-viewer.vue"]]);
+  var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__file", "image-viewer.vue"]]);
 
   const ElImageViewer = withInstall(ImageViewer);
 
@@ -32917,12 +32949,12 @@
     show: () => true
   };
 
-  const __default__$T = vue.defineComponent({
+  const __default__$U = vue.defineComponent({
     name: "ElImage",
     inheritAttrs: false
   });
-  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$U,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -33136,7 +33168,7 @@
       };
     }
   });
-  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "image.vue"]]);
+  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "image.vue"]]);
 
   const ElImage = withInstall(Image$1);
 
@@ -33196,11 +33228,11 @@
     [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
-  const __default__$S = vue.defineComponent({
+  const __default__$T = vue.defineComponent({
     name: "ElInputNumber"
   });
-  const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$T,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -33376,7 +33408,7 @@
       const handleBlur = (event) => {
         var _a, _b;
         data.userInput = null;
-        if (data.currentValue === null && ((_a = input.value) == null ? void 0 : _a.input)) {
+        if (isFirefox() && data.currentValue === null && ((_a = input.value) == null ? void 0 : _a.input)) {
           input.value.input.value = "";
         }
         emit("blur", event);
@@ -33526,10 +33558,566 @@
       };
     }
   });
-  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "input-number.vue"]]);
+  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "input-number.vue"]]);
 
   const ElInputNumber = withInstall(InputNumber);
 
+  const inputTagProps = buildProps({
+    modelValue: {
+      type: definePropType(Array)
+    },
+    max: Number,
+    tagType: { ...tagProps.type, default: "info" },
+    tagEffect: tagProps.effect,
+    trigger: {
+      type: definePropType(String),
+      default: EVENT_CODE.enter
+    },
+    draggable: {
+      type: Boolean,
+      default: false
+    },
+    size: useSizeProp,
+    clearable: Boolean,
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    },
+    readonly: Boolean,
+    autofocus: Boolean,
+    id: {
+      type: String,
+      default: void 0
+    },
+    tabindex: {
+      type: [String, Number],
+      default: 0
+    },
+    maxlength: {
+      type: [String, Number]
+    },
+    minlength: {
+      type: [String, Number]
+    },
+    placeholder: String,
+    autocomplete: {
+      type: String,
+      default: "off"
+    },
+    ariaLabel: String
+  });
+  const inputTagEmits = {
+    [UPDATE_MODEL_EVENT]: (value) => isArray$1(value) || isUndefined(value),
+    [CHANGE_EVENT]: (value) => isArray$1(value) || isUndefined(value),
+    [INPUT_EVENT]: (value) => isString$1(value),
+    "add-tag": (value) => isString$1(value),
+    "remove-tag": (value) => isString$1(value),
+    focus: (evt) => evt instanceof FocusEvent,
+    blur: (evt) => evt instanceof FocusEvent,
+    clear: () => true
+  };
+
+  function useDragTag({
+    wrapperRef,
+    handleDragged,
+    afterDragged
+  }) {
+    const ns = useNamespace("input-tag");
+    const dropIndicatorRef = vue.shallowRef();
+    const showDropIndicator = vue.ref(false);
+    let draggingIndex;
+    let draggingTag;
+    let dropIndex;
+    let dropType;
+    function getTagClassName(index) {
+      return `.${ns.e("inner")} .${ns.namespace.value}-tag:nth-child(${index + 1})`;
+    }
+    function handleDragStart(event, index) {
+      draggingIndex = index;
+      draggingTag = wrapperRef.value.querySelector(getTagClassName(index));
+      if (draggingTag) {
+        draggingTag.style.opacity = "0.5";
+      }
+      event.dataTransfer.effectAllowed = "move";
+    }
+    function handleDragOver(event, index) {
+      dropIndex = index;
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "move";
+      if (isUndefined(draggingIndex) || draggingIndex === index) {
+        showDropIndicator.value = false;
+        return;
+      }
+      const dropPosition = wrapperRef.value.querySelector(getTagClassName(index)).getBoundingClientRect();
+      const dropPrev = !(draggingIndex + 1 === index);
+      const dropNext = !(draggingIndex - 1 === index);
+      const distance = event.clientX - dropPosition.left;
+      const prevPercent = dropPrev ? dropNext ? 0.5 : 1 : -1;
+      const nextPercent = dropNext ? dropPrev ? 0.5 : 0 : 1;
+      if (distance <= dropPosition.width * prevPercent) {
+        dropType = "before";
+      } else if (distance > dropPosition.width * nextPercent) {
+        dropType = "after";
+      } else {
+        dropType = void 0;
+      }
+      const innerEl = wrapperRef.value.querySelector(`.${ns.e("inner")}`);
+      const innerPosition = innerEl.getBoundingClientRect();
+      const gap = Number.parseFloat(getStyle(innerEl, "gap")) / 2;
+      const indicatorTop = dropPosition.top - innerPosition.top;
+      let indicatorLeft = -9999;
+      if (dropType === "before") {
+        indicatorLeft = Math.max(dropPosition.left - innerPosition.left - gap, Math.floor(-gap / 2));
+      } else if (dropType === "after") {
+        const left = dropPosition.right - innerPosition.left;
+        indicatorLeft = left + (innerPosition.width === left ? Math.floor(gap / 2) : gap);
+      }
+      setStyle(dropIndicatorRef.value, {
+        top: `${indicatorTop}px`,
+        left: `${indicatorLeft}px`
+      });
+      showDropIndicator.value = !!dropType;
+    }
+    function handleDragEnd(event) {
+      event.preventDefault();
+      if (draggingTag) {
+        draggingTag.style.opacity = "";
+      }
+      if (dropType && !isUndefined(draggingIndex) && !isUndefined(dropIndex) && draggingIndex !== dropIndex) {
+        handleDragged(draggingIndex, dropIndex, dropType);
+      }
+      showDropIndicator.value = false;
+      draggingIndex = void 0;
+      draggingTag = null;
+      dropIndex = void 0;
+      dropType = void 0;
+      afterDragged == null ? void 0 : afterDragged();
+    }
+    return {
+      dropIndicatorRef,
+      showDropIndicator,
+      handleDragStart,
+      handleDragOver,
+      handleDragEnd
+    };
+  }
+
+  function useHovering() {
+    const hovering = vue.ref(false);
+    const handleMouseEnter = () => {
+      hovering.value = true;
+    };
+    const handleMouseLeave = () => {
+      hovering.value = false;
+    };
+    return {
+      hovering,
+      handleMouseEnter,
+      handleMouseLeave
+    };
+  }
+
+  function useInputTag({ props, emit, formItem }) {
+    const disabled = useFormDisabled();
+    const size = useFormSize();
+    const inputRef = vue.shallowRef();
+    const inputValue = vue.ref();
+    const tagSize = vue.computed(() => {
+      return ["small"].includes(size.value) ? "small" : "default";
+    });
+    const placeholder = vue.computed(() => {
+      var _a;
+      return ((_a = props.modelValue) == null ? void 0 : _a.length) ? void 0 : props.placeholder;
+    });
+    const closable = vue.computed(() => !(props.readonly || disabled.value));
+    const inputLimit = vue.computed(() => {
+      var _a, _b;
+      return isUndefined(props.max) ? false : ((_b = (_a = props.modelValue) == null ? void 0 : _a.length) != null ? _b : 0) >= props.max;
+    });
+    const handleInput = (event) => {
+      if (inputLimit.value) {
+        inputValue.value = void 0;
+        return;
+      }
+      if (isComposing.value)
+        return;
+      emit(INPUT_EVENT, event.target.value);
+    };
+    const handleKeydown = (event) => {
+      var _a;
+      switch (event.code) {
+        case props.trigger:
+          event.preventDefault();
+          event.stopPropagation();
+          handleAddTag();
+          break;
+        case EVENT_CODE.numpadEnter:
+          if (props.trigger === EVENT_CODE.enter) {
+            event.preventDefault();
+            event.stopPropagation();
+            handleAddTag();
+          }
+          break;
+        case EVENT_CODE.backspace:
+          if (!inputValue.value && ((_a = props.modelValue) == null ? void 0 : _a.length)) {
+            event.preventDefault();
+            event.stopPropagation();
+            handleRemoveTag(props.modelValue.length - 1);
+          }
+          break;
+      }
+    };
+    const handleAddTag = () => {
+      var _a, _b;
+      const value = (_a = inputValue.value) == null ? void 0 : _a.trim();
+      if (!value || inputLimit.value)
+        return;
+      const list = [...(_b = props.modelValue) != null ? _b : [], value];
+      emit(UPDATE_MODEL_EVENT, list);
+      emit(CHANGE_EVENT, list);
+      emit("add-tag", value);
+      inputValue.value = void 0;
+    };
+    const handleRemoveTag = (index) => {
+      var _a;
+      const value = ((_a = props.modelValue) != null ? _a : []).slice();
+      const [item] = value.splice(index, 1);
+      emit(UPDATE_MODEL_EVENT, value);
+      emit(CHANGE_EVENT, value);
+      emit("remove-tag", item);
+    };
+    const handleClear = () => {
+      inputValue.value = void 0;
+      emit(UPDATE_MODEL_EVENT, void 0);
+      emit(CHANGE_EVENT, void 0);
+      emit("clear");
+    };
+    const handleDragged = (draggingIndex, dropIndex, type) => {
+      var _a;
+      const value = ((_a = props.modelValue) != null ? _a : []).slice();
+      const [draggedItem] = value.splice(draggingIndex, 1);
+      const step = dropIndex > draggingIndex && type === "before" ? -1 : dropIndex < draggingIndex && type === "after" ? 1 : 0;
+      value.splice(dropIndex + step, 0, draggedItem);
+      emit(UPDATE_MODEL_EVENT, value);
+      emit(CHANGE_EVENT, value);
+    };
+    const focus = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+    };
+    const blur = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+    };
+    const { wrapperRef, isFocused } = useFocusController(inputRef, {
+      beforeFocus() {
+        return disabled.value;
+      },
+      afterBlur() {
+        var _a;
+        handleAddTag();
+        if (props.validateEvent) {
+          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+        }
+      }
+    });
+    const {
+      isComposing,
+      handleCompositionStart,
+      handleCompositionUpdate,
+      handleCompositionEnd
+    } = useComposition({ afterComposition: handleInput });
+    vue.watch(() => props.modelValue, () => {
+      var _a;
+      if (props.validateEvent) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, CHANGE_EVENT).catch((err) => debugWarn());
+      }
+    });
+    return {
+      inputRef,
+      wrapperRef,
+      isFocused,
+      isComposing,
+      inputValue,
+      size,
+      tagSize,
+      placeholder,
+      closable,
+      disabled,
+      inputLimit,
+      handleDragged,
+      handleInput,
+      handleKeydown,
+      handleAddTag,
+      handleRemoveTag,
+      handleClear,
+      handleCompositionStart,
+      handleCompositionUpdate,
+      handleCompositionEnd,
+      focus,
+      blur
+    };
+  }
+
+  function useInputTagDom({
+    props,
+    isFocused,
+    hovering,
+    disabled,
+    inputValue,
+    size,
+    validateState,
+    validateIcon,
+    needStatusIcon
+  }) {
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    const ns = useNamespace("input-tag");
+    const nsInput = useNamespace("input");
+    const containerKls = vue.computed(() => [
+      ns.b(),
+      ns.is("focused", isFocused.value),
+      ns.is("hovering", hovering.value),
+      ns.is("disabled", disabled.value),
+      ns.m(size.value),
+      ns.e("wrapper"),
+      attrs.class
+    ]);
+    const containerStyle = vue.computed(() => [attrs.style]);
+    const innerKls = vue.computed(() => {
+      var _a, _b;
+      return [
+        ns.e("inner"),
+        ns.is("draggable", props.draggable),
+        ns.is("left-space", !((_a = props.modelValue) == null ? void 0 : _a.length) && !slots.prefix),
+        ns.is("right-space", !((_b = props.modelValue) == null ? void 0 : _b.length) && !showSuffix.value)
+      ];
+    });
+    const showClear = vue.computed(() => {
+      var _a;
+      return props.clearable && !disabled.value && !props.readonly && (((_a = props.modelValue) == null ? void 0 : _a.length) || inputValue.value) && (isFocused.value || hovering.value);
+    });
+    const showSuffix = vue.computed(() => {
+      return slots.suffix || showClear.value || validateState.value && validateIcon.value && needStatusIcon.value;
+    });
+    return {
+      ns,
+      nsInput,
+      containerKls,
+      containerStyle,
+      innerKls,
+      showClear,
+      showSuffix
+    };
+  }
+
+  const __default__$S = vue.defineComponent({
+    name: "ElInputTag",
+    inheritAttrs: false
+  });
+  const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$S,
+    props: inputTagProps,
+    emits: inputTagEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
+      const attrs = useAttrs();
+      const slots = vue.useSlots();
+      const { form, formItem } = useFormItem();
+      const { inputId } = useFormItemInputId(props, { formItemContext: formItem });
+      const needStatusIcon = vue.computed(() => {
+        var _a;
+        return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+      });
+      const validateState = vue.computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
+      const validateIcon = vue.computed(() => {
+        return validateState.value && ValidateComponentsMap[validateState.value];
+      });
+      const {
+        inputRef,
+        wrapperRef,
+        isFocused,
+        inputValue,
+        size,
+        tagSize,
+        placeholder,
+        closable,
+        disabled,
+        handleDragged,
+        handleInput,
+        handleKeydown,
+        handleRemoveTag,
+        handleClear,
+        handleCompositionStart,
+        handleCompositionUpdate,
+        handleCompositionEnd,
+        focus,
+        blur
+      } = useInputTag({ props, emit, formItem });
+      const { hovering, handleMouseEnter, handleMouseLeave } = useHovering();
+      const { calculatorRef, inputStyle } = useCalcInputWidth();
+      const {
+        dropIndicatorRef,
+        showDropIndicator,
+        handleDragStart,
+        handleDragOver,
+        handleDragEnd
+      } = useDragTag({ wrapperRef, handleDragged, afterDragged: focus });
+      const {
+        ns,
+        nsInput,
+        containerKls,
+        containerStyle,
+        innerKls,
+        showClear,
+        showSuffix
+      } = useInputTagDom({
+        props,
+        hovering,
+        isFocused,
+        inputValue,
+        disabled,
+        size,
+        validateState,
+        validateIcon,
+        needStatusIcon
+      });
+      expose({
+        focus,
+        blur
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "wrapperRef",
+          ref: wrapperRef,
+          class: vue.normalizeClass(vue.unref(containerKls)),
+          style: vue.normalizeStyle(vue.unref(containerStyle)),
+          onMouseenter: vue.unref(handleMouseEnter),
+          onMouseleave: vue.unref(handleMouseLeave)
+        }, [
+          vue.unref(slots).prefix ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("prefix"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "prefix")
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(innerKls))
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.modelValue, (item, index) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
+                key: index,
+                size: vue.unref(tagSize),
+                closable: vue.unref(closable),
+                type: _ctx.tagType,
+                effect: _ctx.tagEffect,
+                draggable: vue.unref(closable) && _ctx.draggable,
+                "disable-transitions": "",
+                onClose: ($event) => vue.unref(handleRemoveTag)(index),
+                onDragstart: (event) => vue.unref(handleDragStart)(event, index),
+                onDragover: (event) => vue.unref(handleDragOver)(event, index),
+                onDragend: vue.unref(handleDragEnd),
+                onDrop: vue.withModifiers(() => {
+                }, ["stop"])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "tag", {
+                    value: item,
+                    index
+                  }, () => [
+                    vue.createTextVNode(vue.toDisplayString(item), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["size", "closable", "type", "effect", "draggable", "onClose", "onDragstart", "onDragover", "onDragend", "onDrop"]);
+            }), 128)),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("input-wrapper"))
+            }, [
+              vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
+                id: vue.unref(inputId),
+                ref_key: "inputRef",
+                ref: inputRef,
+                "onUpdate:modelValue": ($event) => vue.isRef(inputValue) ? inputValue.value = $event : null
+              }, vue.unref(attrs), {
+                type: "text",
+                minlength: _ctx.minlength,
+                maxlength: _ctx.maxlength,
+                disabled: vue.unref(disabled),
+                readonly: _ctx.readonly,
+                autocomplete: _ctx.autocomplete,
+                tabindex: _ctx.tabindex,
+                placeholder: vue.unref(placeholder),
+                autofocus: _ctx.autofocus,
+                ariaLabel: _ctx.ariaLabel,
+                class: vue.unref(ns).e("input"),
+                style: vue.unref(inputStyle),
+                onCompositionstart: vue.unref(handleCompositionStart),
+                onCompositionupdate: vue.unref(handleCompositionUpdate),
+                onCompositionend: vue.unref(handleCompositionEnd),
+                onInput: vue.unref(handleInput),
+                onKeydown: vue.unref(handleKeydown)
+              }), null, 16, ["id", "onUpdate:modelValue", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onKeydown"]), [
+                [vue.vModelText, vue.unref(inputValue)]
+              ]),
+              vue.createElementVNode("span", {
+                ref_key: "calculatorRef",
+                ref: calculatorRef,
+                "aria-hidden": "true",
+                class: vue.normalizeClass(vue.unref(ns).e("input-calculator")),
+                textContent: vue.toDisplayString(vue.unref(inputValue))
+              }, null, 10, ["textContent"])
+            ], 2),
+            vue.withDirectives(vue.createElementVNode("div", {
+              ref_key: "dropIndicatorRef",
+              ref: dropIndicatorRef,
+              class: vue.normalizeClass(vue.unref(ns).e("drop-indicator"))
+            }, null, 2), [
+              [vue.vShow, vue.unref(showDropIndicator)]
+            ])
+          ], 2),
+          vue.unref(showSuffix) ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).e("suffix"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "suffix"),
+            vue.unref(showClear) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).e("clear")]),
+              onMousedown: vue.withModifiers(vue.unref(NOOP), ["prevent"]),
+              onClick: vue.unref(handleClear)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(circle_close_default))
+              ]),
+              _: 1
+            }, 8, ["class", "onMousedown", "onClick"])) : vue.createCommentVNode("v-if", true),
+            vue.unref(validateState) && vue.unref(validateIcon) && vue.unref(needStatusIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+              key: 1,
+              class: vue.normalizeClass([
+                vue.unref(nsInput).e("icon"),
+                vue.unref(nsInput).e("validateIcon"),
+                vue.unref(nsInput).is("loading", vue.unref(validateState) === "validating")
+              ])
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(validateIcon))))
+              ]),
+              _: 1
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+          ], 2)) : vue.createCommentVNode("v-if", true)
+        ], 46, ["onMouseenter", "onMouseleave"]);
+      };
+    }
+  });
+  var InputTag = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "input-tag.vue"]]);
+
+  const ElInputTag = withInstall(InputTag);
+
   const linkProps = buildProps({
     type: {
       type: String,
@@ -58555,6 +59143,7 @@
     ElImageViewer,
     ElInput,
     ElInputNumber,
+    ElInputTag,
     ElLink,
     ElMenu,
     ElMenuItem,
@@ -60208,7 +60797,7 @@
   };
   const GAP_SIZE = 16;
   let seed = 1;
-  const notify = function(options = {}, context = null) {
+  const notify = function(options = {}, context) {
     if (!isClient)
       return { close: () => void 0 };
     if (isString$1(options) || vue.isVNode(options)) {
@@ -60242,7 +60831,7 @@
     }
     const container = document.createElement("div");
     const vm = vue.createVNode(NotificationConstructor, props, isFunction$1(props.message) ? props.message : () => props.message);
-    vm.appContext = context != null ? context : notify._context;
+    vm.appContext = isUndefined(context) ? notify._context : context;
     vm.props.onDestroy = () => {
       vue.render(null, container);
     };
@@ -60256,16 +60845,13 @@
     };
   };
   notificationTypes.forEach((type) => {
-    notify[type] = (options = {}) => {
+    notify[type] = (options = {}, appContext) => {
       if (isString$1(options) || vue.isVNode(options)) {
         options = {
           message: options
         };
       }
-      return notify({
-        ...options,
-        type
-      });
+      return notify({ ...options, type }, appContext);
     };
   });
   function close(id, position, userOnClose) {
@@ -60393,6 +60979,7 @@
   exports.ElInfiniteScroll = ElInfiniteScroll;
   exports.ElInput = ElInput;
   exports.ElInputNumber = ElInputNumber;
+  exports.ElInputTag = ElInputTag;
   exports.ElLink = ElLink;
   exports.ElLoading = ElLoading;
   exports.ElLoadingDirective = vLoading;
@@ -60593,6 +61180,8 @@
   exports.inputNumberEmits = inputNumberEmits;
   exports.inputNumberProps = inputNumberProps;
   exports.inputProps = inputProps;
+  exports.inputTagEmits = inputTagEmits;
+  exports.inputTagProps = inputTagProps;
   exports.install = install;
   exports.linkEmits = linkEmits;
   exports.linkProps = linkProps;
@@ -60713,6 +61302,7 @@
   exports.uploadProps = uploadProps;
   exports.useAriaProps = useAriaProps;
   exports.useAttrs = useAttrs;
+  exports.useCalcInputWidth = useCalcInputWidth;
   exports.useCascaderConfig = useCascaderConfig;
   exports.useComposition = useComposition;
   exports.useCursor = useCursor;