@element-plus/nightly 0.0.20220618 → 0.0.20220621

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220618 */
+/*! Element Plus v0.0.20220621 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10724,7 +10724,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220618";
+  const version$1 = "0.0.20220621";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10773,11 +10773,11 @@
     return target;
   };
 
-  const __default__$1i = {
+  const __default__$1j = {
     name: "ElAffix"
   };
   const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1j,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -10892,12 +10892,12 @@
     }
   });
 
-  const __default__$1h = {
+  const __default__$1i = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1i,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -10959,11 +10959,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1g = {
+  const __default__$1h = {
     name: "ElAlert"
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11231,12 +11231,12 @@
   const _hoisted_1$12 = ["role"];
   const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
   const _hoisted_3$o = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const __default__$1f = {
+  const __default__$1g = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -11930,11 +11930,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1e = {
+  const __default__$1f = {
     name: "ElScrollbar"
   };
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12095,12 +12095,12 @@
     }
   });
 
-  const __default__$1d = {
+  const __default__$1e = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12132,12 +12132,12 @@
     }
   });
 
-  const __default__$1c = {
+  const __default__$1d = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12235,12 +12235,12 @@
     open: Boolean
   });
 
-  const __default__$1b = {
+  const __default__$1c = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12642,10 +12642,10 @@
       };
     }
   });
-  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$N], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$M], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -12802,11 +12802,11 @@
     }
   }
 
-  const __default__$1a = {
+  const __default__$1b = {
     name: "ElPopperContent"
   };
   const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13177,7 +13177,7 @@
       };
     }
   });
-  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_content = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
       disabled: !_ctx.teleported,
@@ -13232,7 +13232,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$M], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$L], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13297,7 +13297,7 @@
       };
     }
   });
-  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_trigger = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -13319,7 +13319,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$L], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$K], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$22 = vue.defineComponent({
@@ -13422,6 +13422,7 @@
         const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
         return popperContent && popperContent.contains(document.activeElement);
       };
+      vue.onDeactivated(() => open.value && hide());
       return {
         compatShowAfter,
         compatShowArrow,
@@ -13438,7 +13439,7 @@
   });
   const _hoisted_1$11 = ["innerHTML"];
   const _hoisted_2$G = { key: 1 };
-  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip_trigger = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -13507,7 +13508,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$K], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$J], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -13578,12 +13579,12 @@
   const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$F = { key: 0 };
   const _hoisted_3$n = ["id", "aria-selected", "onClick"];
-  const __default__$19 = {
+  const __default__$1a = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -13591,12 +13592,13 @@
       const COMPONENT_NAME = "ElAutocomplete";
       const attrs = useAttrs();
       const rawAttrs = vue.useAttrs();
+      const disabled = useDisabled$1();
       const ns = useNamespace("autocomplete");
       const inputRef = vue.ref();
       const regionRef = vue.ref();
       const popperRef = vue.ref();
       const listboxRef = vue.ref();
-      let isClear = false;
+      let ignoreFocusEvent = false;
       const suggestions = vue.ref([]);
       const highlightedIndex = vue.ref(-1);
       const dropdownWidth = vue.ref("");
@@ -13610,12 +13612,25 @@
         return (isValidData || loading.value) && activated.value;
       });
       const suggestionLoading = vue.computed(() => !props.hideLoading && loading.value);
+      const refInput = vue.computed(() => {
+        if (inputRef.value) {
+          return Array.from(inputRef.value.$el.querySelectorAll("input"));
+        }
+        return [];
+      });
       const onSuggestionShow = async () => {
         await vue.nextTick();
         if (suggestionVisible.value) {
           dropdownWidth.value = `${inputRef.value.$el.offsetWidth}px`;
         }
       };
+      const onShow = () => {
+        ignoreFocusEvent = true;
+      };
+      const onHide = () => {
+        ignoreFocusEvent = false;
+        highlightedIndex.value = -1;
+      };
       const getData = async (queryString) => {
         if (suggestionDisabled.value)
           return;
@@ -13645,21 +13660,28 @@
         emit(INPUT_EVENT, value);
         emit(UPDATE_MODEL_EVENT, value);
         suggestionDisabled.value = false;
-        activated.value || (activated.value = isClear && valuePresented);
+        activated.value || (activated.value = valuePresented);
         if (!props.triggerOnFocus && !value) {
           suggestionDisabled.value = true;
           suggestions.value = [];
           return;
         }
-        if (isClear && valuePresented) {
-          isClear = false;
-        }
         debouncedGetData(value);
       };
+      const handleMouseDown = (event) => {
+        var _a;
+        if (disabled.value)
+          return;
+        if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
+          activated.value = true;
+        }
+      };
       const handleChange = (value) => {
         emit(CHANGE_EVENT, value);
       };
       const handleFocus = (evt) => {
+        if (ignoreFocusEvent)
+          return;
         activated.value = true;
         emit("focus", evt);
         if (props.triggerOnFocus) {
@@ -13667,11 +13689,12 @@
         }
       };
       const handleBlur = (evt) => {
+        if (ignoreFocusEvent)
+          return;
         emit("blur", evt);
       };
       const handleClear = () => {
         activated.value = false;
-        isClear = true;
         emit(UPDATE_MODEL_EVENT, "");
         emit("clear");
       };
@@ -13680,7 +13703,6 @@
           handleSelect(suggestions.value[highlightedIndex.value]);
         } else if (props.selectWhenUnmatched) {
           emit("select", { value: props.modelValue });
-          await vue.nextTick();
           suggestions.value = [];
           highlightedIndex.value = -1;
         }
@@ -13703,7 +13725,6 @@
         emit(INPUT_EVENT, item[props.valueKey]);
         emit(UPDATE_MODEL_EVENT, item[props.valueKey]);
         emit("select", item);
-        await vue.nextTick();
         suggestions.value = [];
         highlightedIndex.value = -1;
       };
@@ -13731,7 +13752,9 @@
         highlightedIndex.value = index;
         inputRef.value.ref.setAttribute("aria-activedescendant", `${listboxId.value}-item-${highlightedIndex.value}`);
       };
-      onClickOutside(listboxRef, close);
+      onClickOutside(listboxRef, () => {
+        suggestionVisible.value && close();
+      });
       vue.onMounted(() => {
         inputRef.value.ref.setAttribute("role", "textbox");
         inputRef.value.ref.setAttribute("aria-autocomplete", "list");
@@ -13768,7 +13791,9 @@
           trigger: "click",
           transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
           persistent: "",
-          onBeforeShow: onSuggestionShow
+          onBeforeShow: onSuggestionShow,
+          onShow,
+          onHide
         }, {
           content: vue.withCtx(() => [
             vue.createElementVNode("div", {
@@ -13841,7 +13866,8 @@
                   vue.withKeys(handleKeyEnter, ["enter"]),
                   vue.withKeys(close, ["tab"]),
                   vue.withKeys(handleKeyEscape, ["esc"])
-                ]
+                ],
+                onMousedown: handleMouseDown
               }), vue.createSlots({ _: 2 }, [
                 _ctx.$slots.prepend ? {
                   name: "prepend",
@@ -13910,11 +13936,11 @@
   };
 
   const _hoisted_1$$ = ["src", "alt", "srcset"];
-  const __default__$18 = {
+  const __default__$19 = {
     name: "ElAvatar"
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -13995,11 +14021,11 @@
   };
 
   const _hoisted_1$_ = ["onClick"];
-  const __default__$17 = {
+  const __default__$18 = {
     name: "ElBacktop"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14104,11 +14130,11 @@
   });
 
   const _hoisted_1$Z = ["textContent"];
-  const __default__$16 = {
+  const __default__$17 = {
     name: "ElBadge"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14167,11 +14193,11 @@
     }
   });
 
-  const __default__$15 = {
+  const __default__$16 = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$16,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14210,11 +14236,11 @@
     }
   });
 
-  const __default__$14 = {
+  const __default__$15 = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15245,11 +15271,11 @@
   }
 
   const _hoisted_1$Y = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$13 = {
+  const __default__$14 = {
     name: "ElButton"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15357,11 +15383,11 @@
     type: buttonProps.type
   };
 
-  const __default__$12 = {
+  const __default__$13 = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16013,11 +16039,11 @@
 
   const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$11 = {
+  const __default__$12 = {
     name: "Picker"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$12,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -17723,11 +17749,11 @@
 
   const _hoisted_1$U = { key: 0 };
   const _hoisted_2$C = ["onClick"];
-  const __default__$10 = {
+  const __default__$11 = {
     name: "DateTable"
   };
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$11,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -17882,11 +17908,11 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$$ = {
+  const __default__$10 = {
     name: "ElCalendar"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$10,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18117,11 +18143,11 @@
     }
   });
 
-  const __default__$_ = {
+  const __default__$$ = {
     name: "ElCard"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$$,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18213,11 +18239,11 @@
   const _hoisted_1$T = ["onMouseenter", "onMouseleave"];
   const _hoisted_2$B = ["onMouseenter", "onClick"];
   const _hoisted_3$m = { key: 0 };
-  const __default__$Z = {
+  const __default__$_ = {
     name: "ElCarousel"
   };
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$_,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -18526,11 +18552,11 @@
     }
   });
 
-  const __default__$Y = {
+  const __default__$Z = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$Z,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -18942,11 +18968,11 @@
   const _hoisted_1$S = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$A = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_3$l = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-  const __default__$X = {
+  const __default__$Y = {
     name: "ElCheckbox"
   };
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Y,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19047,11 +19073,11 @@
 
   const _hoisted_1$R = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
-  const __default__$W = {
+  const __default__$X = {
     name: "ElCheckboxButton"
   };
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$X,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19125,11 +19151,11 @@
   });
   var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox-button.vue"]]);
 
-  const __default__$V = {
+  const __default__$W = {
     name: "ElCheckboxGroup"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$W,
     props: useCheckboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19251,11 +19277,11 @@
   };
 
   const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$U = {
+  const __default__$V = {
     name: "ElRadio"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$V,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19327,11 +19353,11 @@
   });
 
   const _hoisted_1$P = ["value", "name", "disabled"];
-  const __default__$T = {
+  const __default__$U = {
     name: "ElRadioButton"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$U,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19417,11 +19443,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$O = ["id", "aria-label", "aria-labelledby"];
-  const __default__$S = {
+  const __default__$T = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$T,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19618,7 +19644,7 @@
   });
   const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -19701,7 +19727,7 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$N);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$J], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$I], ["__file", "node.vue"]]);
 
   const _sfc_main$1F = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -19781,7 +19807,7 @@
       };
     }
   });
-  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -19834,7 +19860,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$I], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$H], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -20309,7 +20335,7 @@
       };
     }
   });
-  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_menu = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20326,7 +20352,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$H], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$G], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -20364,11 +20390,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$R = {
+  const __default__$S = {
     name: "ElTag"
   };
   const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$S,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20893,7 +20919,7 @@
   const _hoisted_2$x = { class: "el-cascader__collapse-tags" };
   const _hoisted_3$k = ["placeholder"];
   const _hoisted_4$d = ["onClick"];
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -21120,7 +21146,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$G], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$F], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21139,11 +21165,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$Q = {
+  const __default__$R = {
     name: "ElCheckTag"
   };
   const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$R,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21211,11 +21237,11 @@
     }
   });
 
-  const __default__$P = {
+  const __default__$Q = {
     name: "ElCol"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$Q,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21285,11 +21311,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$O = {
+  const __default__$P = {
     name: "ElCollapse"
   };
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$P,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21340,11 +21366,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "collapse.vue"]]);
 
-  const __default__$N = {
+  const __default__$O = {
     name: "ElCollapseTransition"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$O,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21432,11 +21458,11 @@
   const _hoisted_1$L = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$w = ["id", "tabindex", "onKeypress"];
   const _hoisted_3$j = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$M = {
+  const __default__$N = {
     name: "ElCollapseItem"
   };
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$N,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -21678,7 +21704,7 @@
       };
     }
   });
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -21700,7 +21726,7 @@
       }, null, 4)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$F], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$E], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1v = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -21793,7 +21819,7 @@
       };
     }
   });
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -21812,7 +21838,7 @@
       }, null, 4)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$E], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$D], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22133,7 +22159,7 @@
   const _hoisted_1$K = { class: "el-color-predefine" };
   const _hoisted_2$v = { class: "el-color-predefine__colors" };
   const _hoisted_3$i = ["onClick"];
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
       vue.createElementVNode("div", _hoisted_2$v, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
@@ -22150,7 +22176,7 @@
       ])
     ]);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$D], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$C], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1t = vue.defineComponent({
     name: "ElSlPanel",
@@ -22226,7 +22252,7 @@
   const _hoisted_4$c = [
     _hoisted_3$h
   ];
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: "el-color-svpanel",
       style: vue.normalizeStyle({
@@ -22244,7 +22270,7 @@
       }, _hoisted_4$c, 4)
     ], 4);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$C], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$B], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1s = vue.defineComponent({
     name: "ElColorPicker",
@@ -22445,7 +22471,7 @@
     }
   });
   const _hoisted_1$I = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hue_slider = vue.resolveComponent("hue-slider");
     const _component_sv_panel = vue.resolveComponent("sv-panel");
     const _component_alpha_slider = vue.resolveComponent("alpha-slider");
@@ -22600,7 +22626,7 @@
       _: 1
     }, 8, ["visible", "popper-class"]);
   }
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$B], ["__file", "index.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$A], ["__file", "index.vue"]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -22651,11 +22677,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$L = {
+  const __default__$M = {
     name: "ElContainer"
   };
   const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$M,
     props: {
       direction: {
         type: String
@@ -22692,11 +22718,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "container.vue"]]);
 
-  const __default__$K = {
+  const __default__$L = {
     name: "ElAside"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+    ...__default__$L,
     props: {
       width: {
         type: String,
@@ -22719,11 +22745,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "aside.vue"]]);
 
-  const __default__$J = {
+  const __default__$K = {
     name: "ElFooter"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+    ...__default__$K,
     props: {
       height: {
         type: String,
@@ -22746,11 +22772,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "footer.vue"]]);
 
-  const __default__$I = {
+  const __default__$J = {
     name: "ElHeader"
   };
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+    ...__default__$J,
     props: {
       height: {
         type: String,
@@ -22777,11 +22803,11 @@
   });
   var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "header.vue"]]);
 
-  const __default__$H = {
+  const __default__$I = {
     name: "ElMain"
   };
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+    ...__default__$I,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -25209,11 +25235,11 @@
   const _hoisted_1$C = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
-  const __default__$G = {
+  const __default__$H = {
     name: "DatePickerMonthRange"
   };
   const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+    ...__default__$H,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -25596,7 +25622,7 @@
     }
   });
   const _hoisted_1$B = { key: 1 };
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_descriptions_cell = vue.resolveComponent("el-descriptions-cell");
     return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
       vue.createElementVNode("tr", null, [
@@ -25645,7 +25671,7 @@
       }), 128))
     ]));
   }
-  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$A], ["__file", "descriptions-row.vue"]]);
+  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$z], ["__file", "descriptions-row.vue"]]);
 
   const _sfc_main$1f = vue.defineComponent({
     name: "ElDescriptions",
@@ -25751,7 +25777,7 @@
       };
     }
   });
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_descriptions_row = vue.resolveComponent("el-descriptions-row");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.descriptionKls)
@@ -25793,7 +25819,7 @@
       ], 2)
     ], 2);
   }
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$z], ["__file", "index.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$y], ["__file", "index.vue"]]);
 
   var DescriptionsItem = vue.defineComponent({
     name: "ElDescriptionsItem",
@@ -25933,9 +25959,9 @@
 
   const _hoisted_1$A = ["aria-label"];
   const _hoisted_2$n = ["id"];
-  const __default__$F = { name: "ElDialogContent" };
+  const __default__$G = { name: "ElDialogContent" };
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$G,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -26229,11 +26255,11 @@
   };
 
   const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$E = {
+  const __default__$F = {
     name: "ElDialog"
   };
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$F,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -26391,11 +26417,11 @@
     }
   });
 
-  const __default__$D = {
+  const __default__$E = {
     name: "ElDivider"
   };
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+    ...__default__$E,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -26486,7 +26512,7 @@
   const _hoisted_2$m = ["id"];
   const _hoisted_3$a = ["aria-label"];
   const _hoisted_4$7 = ["id"];
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_close = vue.resolveComponent("close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
@@ -26598,26 +26624,26 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
     ], 8, ["disabled"]);
   }
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$y], ["__file", "drawer.vue"]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$x], ["__file", "drawer.vue"]]);
 
   const ElDrawer = withInstall(Drawer);
 
   const _sfc_main$1a = {
     inheritAttrs: false
   };
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$x], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$w], ["__file", "collection.vue"]]);
 
   const _sfc_main$19 = {
     name: "ElCollectionItem",
     inheritAttrs: false
   };
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$w], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$v], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -26844,10 +26870,10 @@
       });
     }
   });
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$v], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$u], ["__file", "roving-focus-group-impl.vue"]]);
 
   const _sfc_main$17 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -26856,7 +26882,7 @@
       ElRovingFocusGroupImpl
     }
   });
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_group_impl = vue.resolveComponent("el-roving-focus-group-impl");
     const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
     return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
@@ -26871,7 +26897,7 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$u], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$t], ["__file", "roving-focus-group.vue"]]);
 
   const _sfc_main$16 = vue.defineComponent({
     components: {
@@ -26958,7 +26984,7 @@
       };
     }
   });
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_collection_item = vue.resolveComponent("el-roving-focus-collection-item");
     return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
       id: _ctx.id,
@@ -26971,7 +26997,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$t], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$s], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -27194,7 +27220,7 @@
       };
     }
   });
-  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_collection = vue.resolveComponent("el-dropdown-collection");
     const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
@@ -27325,7 +27351,7 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$s], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$r], ["__file", "dropdown.vue"]]);
 
   const _sfc_main$14 = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -27379,7 +27405,7 @@
     }
   });
   const _hoisted_1$x = ["aria-disabled", "tabindex", "role"];
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       _ctx.divided ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -27409,7 +27435,7 @@
       ], 16, _hoisted_1$x)
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$r], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$q], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -27485,7 +27511,7 @@
       };
     }
   });
-  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_item_impl = vue.resolveComponent("el-dropdown-item-impl");
     const _component_el_roving_focus_item = vue.resolveComponent("el-roving-focus-item");
@@ -27516,7 +27542,7 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$q], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$p], ["__file", "dropdown-item.vue"]]);
 
   const _sfc_main$12 = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -27582,7 +27608,7 @@
     }
   });
   const _hoisted_1$w = ["role", "aria-labelledby"];
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -27598,7 +27624,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 46, _hoisted_1$w);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$p], ["__file", "dropdown-menu.vue"]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$o], ["__file", "dropdown-menu.vue"]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -27664,7 +27690,7 @@
   const _hoisted_21 = ["fill", "xlink:href"];
   const _hoisted_22 = ["fill", "mask"];
   const _hoisted_23 = ["fill"];
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
@@ -27783,7 +27809,7 @@
       ])
     ]);
   }
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$o], ["__file", "img-empty.vue"]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$n], ["__file", "img-empty.vue"]]);
 
   const emptyProps = {
     image: {
@@ -27799,11 +27825,11 @@
 
   const _hoisted_1$u = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$C = {
+  const __default__$D = {
     name: "ElEmpty"
   };
   const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+    ...__default__$D,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -27929,11 +27955,11 @@
     return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
   };
 
-  const __default__$B = {
+  const __default__$C = {
     name: "ElForm"
   };
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$C,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -29200,11 +29226,11 @@
   });
 
   const _hoisted_1$t = ["role", "aria-labelledby"];
-  const __default__$A = {
+  const __default__$B = {
     name: "ElFormItem"
   };
   const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$B,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -29527,11 +29553,11 @@
   };
 
   const _hoisted_1$s = ["src"];
-  const __default__$z = {
+  const __default__$A = {
     name: "ElImageViewer"
   };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+    ...__default__$A,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { emit }) {
@@ -29970,12 +29996,12 @@
 
   const _hoisted_1$r = ["src", "loading"];
   const _hoisted_2$j = { key: 0 };
-  const __default__$y = {
+  const __default__$z = {
     name: "ElImage",
     inheritAttrs: false
   };
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+    ...__default__$z,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -30230,11 +30256,11 @@
 
   const _hoisted_1$q = ["aria-label", "onKeydown"];
   const _hoisted_2$i = ["aria-label", "onKeydown"];
-  const __default__$x = {
+  const __default__$y = {
     name: "ElInputNumber"
   };
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+    ...__default__$y,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -30527,11 +30553,11 @@
   };
 
   const _hoisted_1$p = ["href"];
-  const __default__$w = {
+  const __default__$x = {
     name: "ElLink"
   };
   const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+    ...__default__$x,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -30738,7 +30764,7 @@
       };
     }
   });
-  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "default")
@@ -30746,7 +30772,7 @@
       _: 3
     }, 16);
   }
-  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$n], ["__file", "menu-collapse-transition.vue"]]);
+  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$m], ["__file", "menu-collapse-transition.vue"]]);
 
   function useMenu(instance, currentIndex) {
     const indexPath = vue.computed(() => {
@@ -31401,7 +31427,7 @@
       };
     }
   });
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
@@ -31437,7 +31463,7 @@
       ], 64))
     ], 2);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$m], ["__file", "menu-item.vue"]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$l], ["__file", "menu-item.vue"]]);
 
   const menuItemGroupProps = {
     title: String
@@ -31454,7 +31480,7 @@
       };
     }
   });
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -31470,7 +31496,7 @@
       ])
     ], 2);
   }
-  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$l], ["__file", "menu-item-group.vue"]]);
+  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$k], ["__file", "menu-item-group.vue"]]);
 
   const ElMenu = withInstall(Menu, {
     MenuItem,
@@ -31496,11 +31522,11 @@
     back: () => true
   };
 
-  const __default__$v = {
+  const __default__$w = {
     name: "ElPageHeader"
   };
   const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+    ...__default__$w,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -31569,11 +31595,11 @@
 
   const _hoisted_1$o = ["disabled", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
-  const __default__$u = {
+  const __default__$v = {
     name: "ElPaginationPrev"
   };
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$v,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -31616,11 +31642,11 @@
 
   const _hoisted_1$n = ["disabled", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
-  const __default__$t = {
+  const __default__$u = {
     name: "ElPaginationNext"
   };
   const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$u,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -31799,7 +31825,7 @@
       };
     }
   });
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
         _ctx.ns.be("dropdown", "item"),
@@ -31819,7 +31845,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$k], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$j], ["__file", "option.vue"]]);
 
   const _sfc_main$O = vue.defineComponent({
     name: "ElSelectDropdown",
@@ -31848,7 +31874,7 @@
       };
     }
   });
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
       style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -31856,7 +31882,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$j], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$i], ["__file", "select-dropdown.vue"]]);
 
   function useSelectStates(props) {
     const { t } = useLocale();
@@ -32833,7 +32859,7 @@
   const _hoisted_1$m = { class: "select-trigger" };
   const _hoisted_2$f = ["disabled", "autocomplete"];
   const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -33135,7 +33161,7 @@
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$i], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$h], ["__file", "select.vue"]]);
 
   const _sfc_main$M = vue.defineComponent({
     name: "ElOptionGroup",
@@ -33183,7 +33209,7 @@
       };
     }
   });
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
     }, [
@@ -33201,7 +33227,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$h], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$g], ["__file", "option-group.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -33231,11 +33257,11 @@
     }
   });
 
-  const __default__$s = {
+  const __default__$t = {
     name: "ElPaginationSizes"
   };
   const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$t,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -33292,11 +33318,11 @@
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "sizes.vue"]]);
 
   const _hoisted_1$l = ["disabled"];
-  const __default__$r = {
+  const __default__$s = {
     name: "ElPaginationJumper"
   };
   const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$s,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -33346,11 +33372,11 @@
   });
 
   const _hoisted_1$k = ["disabled"];
-  const __default__$q = {
+  const __default__$r = {
     name: "ElPaginationTotal"
   };
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$r,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -33390,11 +33416,11 @@
   const _hoisted_4$5 = ["aria-current", "tabindex"];
   const _hoisted_5$4 = ["tabindex"];
   const _hoisted_6 = ["aria-current", "tabindex"];
-  const __default__$p = {
+  const __default__$q = {
     name: "ElPaginationPager"
   };
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$q,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -33873,11 +33899,11 @@
     persistent: useTooltipContentProps.persistent
   });
 
-  const __default__$o = {
+  const __default__$p = {
     name: "ElPopconfirm"
   };
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$p,
     props: popconfirmProps,
     setup(__props) {
       const props = __props;
@@ -34099,7 +34125,7 @@
       };
     }
   });
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createBlock(_component_el_tooltip, vue.mergeProps({ ref: "tooltipRef" }, _ctx.$attrs, {
       trigger: _ctx.trigger,
@@ -34144,7 +34170,7 @@
       _: 3
     }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
   }
-  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$g], ["__file", "index.vue"]]);
+  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$f], ["__file", "index.vue"]]);
 
   const attachEvents = (el, binding) => {
     const popperComponent = binding.arg || binding.value;
@@ -34238,11 +34264,11 @@
   const _hoisted_3$6 = ["d", "stroke", "stroke-width"];
   const _hoisted_4$4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
   const _hoisted_5$3 = { key: 0 };
-  const __default__$n = {
+  const __default__$o = {
     name: "ElProgress"
   };
   const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$o,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -34522,11 +34548,11 @@
 
   const _hoisted_1$h = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
   const _hoisted_2$c = ["onMousemove", "onClick"];
-  const __default__$m = {
+  const __default__$n = {
     name: "ElRate"
   };
   const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$n,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -34786,11 +34812,11 @@
     }
   });
 
-  const __default__$l = {
+  const __default__$m = {
     name: "ElResult"
   };
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$m,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -34878,11 +34904,11 @@
     }
   });
 
-  const __default__$k = {
+  const __default__$l = {
     name: "ElRow"
   };
   const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$l,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -36726,7 +36752,7 @@
       };
     }
   });
-  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.item.isTitle ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
@@ -36742,7 +36768,7 @@
       }, null, 6)
     ], 6));
   }
-  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$f], ["__file", "group-item.vue"]]);
+  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$e], ["__file", "group-item.vue"]]);
 
   function useOption(props, { emit }) {
     return {
@@ -36873,7 +36899,7 @@
     }
   });
   const _hoisted_1$g = ["aria-selected"];
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
       style: vue.normalizeStyle(_ctx.style),
@@ -36896,7 +36922,7 @@
       ])
     ], 46, _hoisted_1$g);
   }
-  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$e], ["__file", "option-item.vue"]]);
+  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$d], ["__file", "option-item.vue"]]);
 
   const selectV2InjectionKey = "ElSelectV2Injection";
 
@@ -37901,7 +37927,7 @@
   const _hoisted_3$5 = ["textContent"];
   const _hoisted_4$3 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
   const _hoisted_5$2 = ["textContent"];
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -38243,7 +38269,7 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$d], ["__file", "select.vue"]]);
+  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$c], ["__file", "select.vue"]]);
 
   Select.install = (app) => {
     app.component(Select.name, Select);
@@ -38291,11 +38317,11 @@
     }
   });
 
-  const __default__$j = {
+  const __default__$k = {
     name: "ElSkeletonItem"
   };
   const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+    ...__default__$k,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -38310,11 +38336,11 @@
   });
   var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "skeleton-item.vue"]]);
 
-  const __default__$i = {
+  const __default__$j = {
     name: "ElSkeleton"
   };
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+    ...__default__$j,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -38942,11 +38968,11 @@
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
-  const __default__$h = {
+  const __default__$i = {
     name: "ElSliderButton"
   };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+    ...__default__$i,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -39051,11 +39077,11 @@
 
   const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
   const _hoisted_2$a = { key: 1 };
-  const __default__$g = {
+  const __default__$h = {
     name: "ElSlider"
   };
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+    ...__default__$h,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -39282,14 +39308,14 @@
       };
     }
   });
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Item = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$c], ["__file", "item.vue"]]);
+  var Item = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$b], ["__file", "item.vue"]]);
 
   const SIZE_MAP = {
     small: 8,
@@ -39500,11 +39526,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$f = {
+  const __default__$g = {
     name: "ElSteps"
   };
   const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+    ...__default__$g,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -39550,11 +39576,11 @@
     }
   });
 
-  const __default__$e = {
+  const __default__$f = {
     name: "ElStep"
   };
   const _sfc_main$s = vue.defineComponent({
-    ...__default__$e,
+    ...__default__$f,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -39952,7 +39978,7 @@
   const _hoisted_3$4 = ["aria-hidden"];
   const _hoisted_4$2 = ["aria-hidden"];
   const _hoisted_5$1 = ["aria-hidden"];
-  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_loading = vue.resolveComponent("loading");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -40071,7 +40097,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 6);
   }
-  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$b], ["__file", "switch.vue"]]);
+  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$a], ["__file", "switch.vue"]]);
 
   const ElSwitch = withInstall(Switch);
 
@@ -41849,7 +41875,7 @@
   const _hoisted_1$c = { key: 0 };
   const _hoisted_2$8 = ["disabled"];
   const _hoisted_3$3 = ["label", "onClick"];
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
@@ -41963,7 +41989,7 @@
       _: 1
     }, 8, ["visible", "placement", "popper-class"]);
   }
-  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$a], ["__file", "filter-panel.vue"]]);
+  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$9], ["__file", "filter-panel.vue"]]);
 
   function useLayoutObserver(root) {
     const instance = vue.getCurrentInstance();
@@ -43775,7 +43801,7 @@
     ref: "hiddenColumns",
     class: "hidden-columns"
   };
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hColgroup = vue.resolveComponent("hColgroup");
     const _component_table_header = vue.resolveComponent("table-header");
     const _component_table_body = vue.resolveComponent("table-body");
@@ -43941,7 +43967,7 @@
       ])
     ], 46, _hoisted_1$b);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$9], ["__file", "table.vue"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$8], ["__file", "table.vue"]]);
 
   const defaultClassNames = {
     selection: "table-column--selection",
@@ -46614,11 +46640,11 @@
     }
   });
 
-  const __default__$d = {
+  const __default__$e = {
     name: "ElTabBar"
   };
   const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+    ...__default__$e,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47094,11 +47120,11 @@
   });
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$c = {
+  const __default__$d = {
     name: "ElTabPane"
   };
   const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+    ...__default__$d,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -47259,11 +47285,11 @@
     return formatTime(next);
   };
 
-  const __default__$b = {
+  const __default__$c = {
     name: "ElTimeSelect"
   };
   const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+    ...__default__$c,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -47426,11 +47452,11 @@
     }
   });
 
-  const __default__$a = {
+  const __default__$b = {
     name: "ElTimelineItem"
   };
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+    ...__default__$b,
     props: timelineItemProps,
     setup(__props) {
       const ns = useNamespace("timeline-item");
@@ -47629,11 +47655,11 @@
     }
   });
 
-  const __default__$9 = {
+  const __default__$a = {
     name: "ElTooltipV2Root"
   };
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+    ...__default__$a,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47702,11 +47728,11 @@
   });
   var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-  const __default__$8 = {
+  const __default__$9 = {
     name: "ElTooltipV2Arrow"
   };
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$9,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -47745,11 +47771,11 @@
     }
   });
 
-  const __default__$7 = {
+  const __default__$8 = {
     name: "ElVisuallyHidden"
   };
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$8,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -47780,11 +47806,11 @@
   var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$9 = ["data-side"];
-  const __default__$6 = {
+  const __default__$7 = {
     name: "ElTooltipV2Content"
   };
   const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...__default__$7,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -47912,11 +47938,11 @@
     }
   });
 
-  const __default__$5 = {
+  const __default__$6 = {
     name: "ElTooltipV2Trigger"
   };
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+    ...__default__$6,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -47995,11 +48021,11 @@
   });
   var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-  const __default__$4 = {
+  const __default__$5 = {
     name: "ElTooltipV2"
   };
   const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+    ...__default__$5,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -48225,7 +48251,7 @@
       };
     }
   });
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_option_content = vue.resolveComponent("option-content");
@@ -48304,7 +48330,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$8], ["__file", "transfer-panel.vue"]]);
+  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$7], ["__file", "transfer-panel.vue"]]);
 
   const useComputedData = (props) => {
     const propsKey = vue.computed(() => props.props.key);
@@ -48518,7 +48544,7 @@
   });
   const _hoisted_1$8 = { key: 0 };
   const _hoisted_2$6 = { key: 0 };
-  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_transfer_panel = vue.resolveComponent("transfer-panel");
     const _component_arrow_left = vue.resolveComponent("arrow-left");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -48603,7 +48629,7 @@
       }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
     ], 2);
   }
-  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$7], ["__file", "index.vue"]]);
+  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$6], ["__file", "index.vue"]]);
 
   Transfer.install = (app) => {
     app.component(Transfer.name, Transfer);
@@ -49723,7 +49749,7 @@
   });
   const _hoisted_1$7 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
   const _hoisted_2$5 = ["aria-expanded"];
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_loading = vue.resolveComponent("loading");
@@ -49828,7 +49854,7 @@
       [vue.vShow, _ctx.node.visible]
     ]);
   }
-  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$6], ["__file", "tree-node.vue"]]);
+  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$5], ["__file", "tree-node.vue"]]);
 
   function useKeydown({ el$ }, store) {
     const ns = useNamespace("tree");
@@ -50180,7 +50206,7 @@
       };
     }
   });
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -50222,7 +50248,7 @@
       ])
     ], 2);
   }
-  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$5], ["__file", "tree.vue"]]);
+  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$4], ["__file", "tree.vue"]]);
 
   Tree.install = (app) => {
     app.component(Tree.name, Tree);
@@ -51123,7 +51149,7 @@
     }
   });
   const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
-  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     var _a, _b, _c;
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
@@ -51180,7 +51206,7 @@
       ], 6)
     ], 42, _hoisted_1$6);
   }
-  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$4], ["__file", "tree-node.vue"]]);
+  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__file", "tree-node.vue"]]);
 
   const _sfc_main$7 = vue.defineComponent({
     name: "ElTreeV2",
@@ -51256,7 +51282,7 @@
       };
     }
   });
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     const _component_fixed_size_list = vue.resolveComponent("fixed-size-list");
@@ -51301,7 +51327,7 @@
       ], 2))
     ], 2);
   }
-  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3], ["__file", "tree.vue"]]);
+  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2], ["__file", "tree.vue"]]);
 
   const ElTreeV2 = withInstall(TreeV2);
 
@@ -51517,11 +51543,11 @@
   const _hoisted_3$2 = ["onClick"];
   const _hoisted_4$1 = ["onClick"];
   const _hoisted_5 = ["onClick"];
-  const __default__$3 = {
+  const __default__$4 = {
     name: "ElUploadList"
   };
   const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+    ...__default__$4,
     props: uploadListProps,
     emits: uploadListEmits,
     setup(__props, { emit }) {
@@ -51690,11 +51716,11 @@
   };
 
   const _hoisted_1$4 = ["onDrop", "onDragover"];
-  const __default__$2 = {
+  const __default__$3 = {
     name: "ElUploadDrag"
   };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+    ...__default__$3,
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
@@ -51787,12 +51813,12 @@
 
   const _hoisted_1$3 = ["onKeydown"];
   const _hoisted_2$3 = ["name", "multiple", "accept"];
-  const __default__$1 = {
+  const __default__$2 = {
     name: "ElUploadContent",
     inheritAttrs: false
   };
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+    ...__default__$2,
     props: uploadContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -52073,11 +52099,11 @@
     };
   };
 
-  const __default__ = {
+  const __default__$1 = {
     name: "ElUpload"
   };
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+    ...__default__$1,
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -52689,30 +52715,47 @@
   };
 
   const messageTypes = ["success", "info", "warning", "error"];
+  const messageDefaults = mutable({
+    customClass: "",
+    center: false,
+    dangerouslyUseHTMLString: false,
+    duration: 3e3,
+    icon: "",
+    id: "",
+    message: "",
+    onClose: void 0,
+    showClose: false,
+    type: "info",
+    offset: 20,
+    zIndex: 0,
+    grouping: false,
+    repeatNum: 1,
+    appendTo: isClient ? document.body : void 0
+  });
   const messageProps = buildProps({
     customClass: {
       type: String,
-      default: ""
+      default: messageDefaults.customClass
     },
     center: {
       type: Boolean,
-      default: false
+      default: messageDefaults.center
     },
     dangerouslyUseHTMLString: {
       type: Boolean,
-      default: false
+      default: messageDefaults.dangerouslyUseHTMLString
     },
     duration: {
       type: Number,
-      default: 3e3
+      default: messageDefaults.duration
     },
     icon: {
       type: iconPropType,
-      default: ""
+      default: messageDefaults.icon
     },
     id: {
       type: String,
-      default: ""
+      default: messageDefaults.id
     },
     message: {
       type: definePropType([
@@ -52720,7 +52763,7 @@
         Object,
         Function
       ]),
-      default: ""
+      default: messageDefaults.message
     },
     onClose: {
       type: definePropType(Function),
@@ -52728,44 +52771,46 @@
     },
     showClose: {
       type: Boolean,
-      default: false
+      default: messageDefaults.showClose
     },
     type: {
       type: String,
       values: messageTypes,
-      default: "info"
+      default: messageDefaults.type
     },
     offset: {
       type: Number,
-      default: 20
+      default: messageDefaults.offset
     },
     zIndex: {
       type: Number,
-      default: 0
+      default: messageDefaults.zIndex
     },
     grouping: {
       type: Boolean,
-      default: false
+      default: messageDefaults.grouping
     },
     repeatNum: {
       type: Number,
-      default: 1
+      default: messageDefaults.repeatNum
     }
   });
   const messageEmits = {
     destroy: () => true
   };
 
-  const _sfc_main$2 = vue.defineComponent({
-    name: "ElMessage",
-    components: {
-      ElBadge,
-      ElIcon,
-      ...TypeComponents
-    },
+  const _hoisted_1$2 = ["id"];
+  const _hoisted_2$2 = ["innerHTML"];
+  const __default__ = {
+    name: "ElMessage"
+  };
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
     props: messageProps,
     emits: messageEmits,
-    setup(props) {
+    setup(__props, { expose }) {
+      const props = __props;
+      const { Close } = TypeComponents;
       const ns = useNamespace("message");
       const visible = vue.ref(false);
       const badgeType = vue.ref(props.type ? props.type === "error" ? "danger" : props.type : "info");
@@ -52774,20 +52819,17 @@
         const type = props.type;
         return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
       });
-      const iconComponent = vue.computed(() => {
-        return props.icon || TypeComponentsMap[props.type] || "";
-      });
+      const iconComponent = vue.computed(() => props.icon || TypeComponentsMap[props.type] || "");
       const customStyle = vue.computed(() => ({
         top: `${props.offset}px`,
         zIndex: props.zIndex
       }));
       function startTimer() {
-        if (props.duration > 0) {
-          ({ stop: stopTimer } = useTimeoutFn(() => {
-            if (visible.value)
-              close();
-          }, props.duration));
-        }
+        if (props.duration === 0)
+          return;
+        ({ stop: stopTimer } = useTimeoutFn(() => {
+          close();
+        }, props.duration));
       }
       function clearTimer() {
         stopTimer == null ? void 0 : stopTimer();
@@ -52797,11 +52839,7 @@
       }
       function keydown({ code }) {
         if (code === EVENT_CODE.esc) {
-          if (visible.value) {
-            close();
-          }
-        } else {
-          startTimer();
+          close();
         }
       }
       vue.onMounted(() => {
@@ -52813,194 +52851,186 @@
         startTimer();
       });
       useEventListener(document, "keydown", keydown);
-      return {
-        ns,
-        typeClass,
-        iconComponent,
-        customStyle,
+      expose({
         visible,
-        badgeType,
-        close,
-        clearTimer,
-        startTimer
+        close
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Transition, {
+          name: vue.unref(ns).b("fade"),
+          onBeforeLeave: _ctx.onClose,
+          onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy")),
+          persisted: ""
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              id: _ctx.id,
+              class: vue.normalizeClass([
+                vue.unref(ns).b(),
+                { [vue.unref(ns).m(_ctx.type)]: _ctx.type && !_ctx.icon },
+                vue.unref(ns).is("center", _ctx.center),
+                vue.unref(ns).is("closable", _ctx.showClose),
+                _ctx.customClass
+              ]),
+              style: vue.normalizeStyle(vue.unref(customStyle)),
+              role: "alert",
+              onMouseenter: clearTimer,
+              onMouseleave: startTimer
+            }, [
+              _ctx.repeatNum > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(ElBadge), {
+                key: 0,
+                value: _ctx.repeatNum,
+                type: badgeType.value,
+                class: vue.normalizeClass(vue.unref(ns).e("badge"))
+              }, null, 8, ["value", "type", "class"])) : vue.createCommentVNode("v-if", true),
+              vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 1,
+                class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(typeClass)])
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
+                  key: 0,
+                  class: vue.normalizeClass(vue.unref(ns).e("content"))
+                }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                  vue.createElementVNode("p", {
+                    class: vue.normalizeClass(vue.unref(ns).e("content")),
+                    innerHTML: _ctx.message
+                  }, null, 10, _hoisted_2$2)
+                ], 2112))
+              ]),
+              _ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 2,
+                class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
+                onClick: vue.withModifiers(close, ["stop"])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(Close))
+                ]),
+                _: 1
+              }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+            ], 46, _hoisted_1$2), [
+              [vue.vShow, visible.value]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name", "onBeforeLeave"]);
       };
     }
   });
-  const _hoisted_1$2 = ["id"];
-  const _hoisted_2$2 = ["innerHTML"];
-  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_badge = vue.resolveComponent("el-badge");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_close = vue.resolveComponent("close");
-    return vue.openBlock(), vue.createBlock(vue.Transition, {
-      name: _ctx.ns.b("fade"),
-      onBeforeLeave: _ctx.onClose,
-      onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("destroy")),
-      persisted: ""
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createElementVNode("div", {
-          id: _ctx.id,
-          class: vue.normalizeClass([
-            _ctx.ns.b(),
-            { [_ctx.ns.m(_ctx.type)]: _ctx.type && !_ctx.icon },
-            _ctx.ns.is("center", _ctx.center),
-            _ctx.ns.is("closable", _ctx.showClose),
-            _ctx.customClass
-          ]),
-          style: vue.normalizeStyle(_ctx.customStyle),
-          role: "alert",
-          onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
-          onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args))
-        }, [
-          _ctx.repeatNum > 1 ? (vue.openBlock(), vue.createBlock(_component_el_badge, {
-            key: 0,
-            value: _ctx.repeatNum,
-            type: _ctx.badgeType,
-            class: vue.normalizeClass(_ctx.ns.e("badge"))
-          }, null, 8, ["value", "type", "class"])) : vue.createCommentVNode("v-if", true),
-          _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 1,
-            class: vue.normalizeClass([_ctx.ns.e("icon"), _ctx.typeClass])
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
-              key: 0,
-              class: vue.normalizeClass(_ctx.ns.e("content"))
-            }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
-              vue.createElementVNode("p", {
-                class: vue.normalizeClass(_ctx.ns.e("content")),
-                innerHTML: _ctx.message
-              }, null, 10, _hoisted_2$2)
-            ], 2112))
-          ]),
-          _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 2,
-            class: vue.normalizeClass(_ctx.ns.e("closeBtn")),
-            onClick: vue.withModifiers(_ctx.close, ["stop"])
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_close)
-            ]),
-            _: 1
-          }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-        ], 46, _hoisted_1$2), [
-          [vue.vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onBeforeLeave"]);
-  }
-  var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "message.vue"]]);
+  var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "message.vue"]]);
 
   const instances = [];
   let seed$1 = 1;
-  const message = function(options = {}, context) {
-    if (!isClient)
-      return { close: () => void 0 };
-    if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {
-      return { close: () => void 0 };
-    }
-    if (!vue.isVNode(options) && isObject$1(options) && options.grouping && !vue.isVNode(options.message) && instances.length) {
-      const tempVm = instances.find((item) => {
-        var _a, _b, _c;
-        return `${(_b = (_a = item.vm.props) == null ? void 0 : _a.message) != null ? _b : ""}` === `${(_c = options.message) != null ? _c : ""}`;
-      });
-      if (tempVm) {
-        tempVm.vm.component.props.repeatNum += 1;
-        tempVm.vm.component.props.type = (options == null ? void 0 : options.type) || "info";
-        return {
-          close: () => vm.component.proxy.visible = false
-        };
+  const normalizeOptions = (params) => {
+    const options = !params || isString(params) || vue.isVNode(params) || isFunction(params) ? { message: params } : params;
+    const normalized = {
+      ...messageDefaults,
+      ...options
+    };
+    if (isString(normalized.appendTo)) {
+      let appendTo = document.querySelector(normalized.appendTo);
+      if (!isElement$1(appendTo)) {
+        appendTo = document.body;
       }
+      normalized.appendTo = appendTo;
     }
-    if (isString(options) || vue.isVNode(options)) {
-      options = { message: options };
+    return normalized;
+  };
+  const closeMessage = (instance) => {
+    const idx = instances.indexOf(instance);
+    if (idx === -1)
+      return;
+    instances.splice(idx, 1);
+    const { vnode, handler } = instance;
+    handler.close();
+    const removedHeight = vnode.el.offsetHeight;
+    const len = instances.length;
+    if (len < 1)
+      return;
+    for (let i = idx; i < len; i++) {
+      const pos = Number.parseInt(instances[i].vnode.el.style["top"], 10) - removedHeight - 16;
+      instances[i].vnode.component.props.offset = pos;
     }
-    let verticalOffset = options.offset || 20;
-    instances.forEach(({ vm: vm2 }) => {
-      var _a;
-      verticalOffset += (((_a = vm2.el) == null ? void 0 : _a.offsetHeight) || 0) + 16;
-    });
-    verticalOffset += 16;
+  };
+  const createMessage = ({ appendTo, ...options }, context) => {
+    var _a;
     const { nextZIndex } = useZIndex();
     const id = `message_${seed$1++}`;
     const userOnClose = options.onClose;
+    let verticalOffset = options.offset;
+    instances.forEach(({ vnode: vm2 }) => {
+      var _a2;
+      verticalOffset += (((_a2 = vm2.el) == null ? void 0 : _a2.offsetHeight) || 0) + 16;
+    });
+    verticalOffset += 16;
+    const container = document.createElement("div");
     const props = {
-      zIndex: nextZIndex(),
       ...options,
+      zIndex: (_a = options.zIndex) != null ? _a : nextZIndex(),
       offset: verticalOffset,
       id,
       onClose: () => {
-        close$1(id, userOnClose);
+        userOnClose == null ? void 0 : userOnClose();
+        closeMessage(instance);
+      },
+      onDestroy: () => {
+        vue.render(null, container);
       }
     };
-    let appendTo = document.body;
-    if (isElement$1(options.appendTo)) {
-      appendTo = options.appendTo;
-    } else if (isString(options.appendTo)) {
-      appendTo = document.querySelector(options.appendTo);
-    }
-    if (!isElement$1(appendTo)) {
-      appendTo = document.body;
-    }
-    const container = document.createElement("div");
-    container.className = `container_${id}`;
-    const messageContent = props.message;
-    const vm = vue.createVNode(MessageConstructor, props, isFunction(messageContent) ? { default: messageContent } : vue.isVNode(messageContent) ? { default: () => messageContent } : null);
-    vm.appContext = context || message._context;
-    vm.props.onDestroy = () => {
-      vue.render(null, container);
-    };
-    vue.render(vm, container);
-    instances.push({ vm });
+    const vnode = vue.createVNode(MessageConstructor, props, isFunction(props.message) || vue.isVNode(props.message) ? { default: props.message } : null);
+    vnode.appContext = context || message._context;
+    vue.render(vnode, container);
     appendTo.appendChild(container.firstElementChild);
-    return {
-      close: () => vm.component.proxy.visible = false
+    const vm = vnode.component.proxy;
+    const handler = {
+      close: () => {
+        vm.visible = false;
+      }
     };
+    const instance = {
+      vnode,
+      vm,
+      handler
+    };
+    return instance;
+  };
+  const message = (options = {}, context) => {
+    if (!isClient)
+      return { close: () => void 0 };
+    if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {
+      return { close: () => void 0 };
+    }
+    const normalized = normalizeOptions(options);
+    if (normalized.grouping && instances.length) {
+      const instance2 = instances.find(({ vnode: vm }) => {
+        var _a;
+        return ((_a = vm.props) == null ? void 0 : _a.message) === normalized.message;
+      });
+      if (instance2) {
+        instance2.vnode.component.props.repeatNum += 1;
+        instance2.vnode.component.props.type = normalized.type;
+        return instance2.handler;
+      }
+    }
+    const instance = createMessage(normalized, context);
+    instances.push(instance);
+    return instance.handler;
   };
   messageTypes.forEach((type) => {
     message[type] = (options = {}, appContext) => {
-      if (isString(options) || vue.isVNode(options)) {
-        options = {
-          message: options
-        };
-      }
-      return message({
-        ...options,
-        type
-      }, appContext);
+      const normalized = normalizeOptions(options);
+      return message({ ...normalized, type }, appContext);
     };
   });
-  function close$1(id, userOnClose) {
-    const idx = instances.findIndex(({ vm: vm2 }) => id === vm2.component.props.id);
-    if (idx === -1)
-      return;
-    const { vm } = instances[idx];
-    if (!vm)
-      return;
-    userOnClose == null ? void 0 : userOnClose(vm);
-    const removedHeight = vm.el.offsetHeight;
-    instances.splice(idx, 1);
-    const len = instances.length;
-    if (len < 1)
-      return;
-    for (let i = idx; i < len; i++) {
-      const pos = Number.parseInt(instances[i].vm.el.style["top"], 10) - removedHeight - 16;
-      instances[i].vm.component.props.offset = pos;
-    }
-  }
   function closeAll$1() {
-    var _a;
-    for (let i = instances.length - 1; i >= 0; i--) {
-      const instance = instances[i].vm.component;
-      (_a = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a.close();
+    for (const instance of instances) {
+      instance.handler.close();
     }
   }
   message.closeAll = closeAll$1;
@@ -53130,7 +53160,7 @@
       vue.watch(() => visible.value, (val) => {
         var _a, _b;
         if (val) {
-          if (props.boxType === "alert" || props.boxType === "confirm") {
+          if (props.boxType !== "prompt") {
             focusStartRef.value = (_b = (_a = confirmRef.value) == null ? void 0 : _a.$el) != null ? _b : rootRef.value;
           }
           state.zIndex = nextZIndex();
@@ -54185,6 +54215,7 @@
   exports.menuItemProps = menuItemProps;
   exports.menuProps = menuProps;
   exports.messageConfig = messageConfig;
+  exports.messageDefaults = messageDefaults;
   exports.messageEmits = messageEmits;
   exports.messageProps = messageProps;
   exports.messageTypes = messageTypes;