@element-plus/nightly 0.0.20220803 → 0.0.20220806

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220803 */
+/*! Element Plus v0.0.20220806 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10902,7 +10902,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220803";
+  const version$1 = "0.0.20220806";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10951,11 +10951,11 @@
     return target;
   };
 
-  const __default__$1p = {
+  const __default__$1q = {
     name: "ElAffix"
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1q,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11070,12 +11070,12 @@
     }
   });
 
-  const __default__$1o = {
+  const __default__$1p = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+    ...__default__$1p,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11137,11 +11137,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1n = {
+  const __default__$1o = {
     name: "ElAlert"
   };
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1o,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11409,12 +11409,12 @@
   const _hoisted_1$13 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
   const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const __default__$1m = {
+  const __default__$1n = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1n,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -12108,11 +12108,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1l = {
+  const __default__$1m = {
     name: "ElScrollbar"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1m,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12275,12 +12275,12 @@
     }
   });
 
-  const __default__$1k = {
+  const __default__$1l = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1l,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12312,12 +12312,12 @@
     }
   });
 
-  const __default__$1j = {
+  const __default__$1k = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1k,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12414,12 +12414,12 @@
     open: Boolean
   });
 
-  const __default__$1i = {
+  const __default__$1j = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1j,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12821,10 +12821,10 @@
       };
     }
   });
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$F], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$E], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -12981,11 +12981,11 @@
     }
   }
 
-  const __default__$1h = {
+  const __default__$1i = {
     name: "ElPopperContent"
   };
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1i,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13356,7 +13356,7 @@
       };
     }
   });
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_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,
@@ -13411,7 +13411,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$E], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$D], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13476,7 +13476,7 @@
       };
     }
   });
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$C(_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,
@@ -13498,7 +13498,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$D], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$C], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$21 = vue.defineComponent({
@@ -13618,7 +13618,7 @@
   });
   const _hoisted_1$12 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$B(_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");
@@ -13687,7 +13687,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$C], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$B], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -13762,12 +13762,12 @@
   const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$l = ["id", "aria-selected", "onClick"];
-  const __default__$1g = {
+  const __default__$1h = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -14126,11 +14126,11 @@
   };
 
   const _hoisted_1$10 = ["src", "alt", "srcset"];
-  const __default__$1f = {
+  const __default__$1g = {
     name: "ElAvatar"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14211,11 +14211,11 @@
   };
 
   const _hoisted_1$$ = ["onClick"];
-  const __default__$1e = {
+  const __default__$1f = {
     name: "ElBacktop"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14320,11 +14320,11 @@
   });
 
   const _hoisted_1$_ = ["textContent"];
-  const __default__$1d = {
+  const __default__$1e = {
     name: "ElBadge"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14383,11 +14383,11 @@
     }
   });
 
-  const __default__$1c = {
+  const __default__$1d = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14426,11 +14426,11 @@
     }
   });
 
-  const __default__$1b = {
+  const __default__$1c = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15461,11 +15461,11 @@
   }
 
   const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$1a = {
+  const __default__$1b = {
     name: "ElButton"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15573,11 +15573,11 @@
     type: buttonProps.type
   };
 
-  const __default__$19 = {
+  const __default__$1a = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16229,11 +16229,11 @@
 
   const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$18 = {
+  const __default__$19 = {
     name: "Picker"
   };
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -16251,8 +16251,7 @@
       const nsDate = useNamespace("date");
       const nsInput = useNamespace("input");
       const nsRange = useNamespace("range");
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const elPopperOptions = vue.inject("ElPopperOptions", {});
       const refPopper = vue.ref();
       const inputRef = vue.ref();
@@ -16272,10 +16271,9 @@
         }
       });
       const emitChange = (val, isClear) => {
-        var _a;
         if (isClear || !valueEquals(val, valueOnOpen.value)) {
           emit("change", val);
-          props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn()));
+          props.validateEvent && (formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
         }
       };
       const emitInput = (input) => {
@@ -16369,7 +16367,7 @@
       const handleBlurInput = (e) => {
         const handleBlurDefer = async () => {
           setTimeout(() => {
-            var _a, _b;
+            var _a;
             if (currentHandleBlurDeferCallback === handleBlurDefer) {
               if (!(((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent()) && !hasJustTabExitedInput) && refInput.value.filter((input) => {
                 return input.contains(document.activeElement);
@@ -16377,7 +16375,7 @@
                 handleChange();
                 pickerVisible.value = false;
                 emit("blur", e);
-                props.validateEvent && ((_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "blur").catch((err) => debugWarn()));
+                props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn()));
               }
               hasJustTabExitedInput = false;
             }
@@ -16387,7 +16385,7 @@
         handleBlurDefer();
       };
       const pickerDisabled = vue.computed(() => {
-        return props.disabled || elForm.disabled;
+        return props.disabled || (form == null ? void 0 : form.disabled);
       });
       const parsedValue = vue.computed(() => {
         let dayOrDays;
@@ -17931,11 +17929,11 @@
 
   const _hoisted_1$V = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  const __default__$17 = {
+  const __default__$18 = {
     name: "DateTable"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -18090,11 +18088,11 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$16 = {
+  const __default__$17 = {
     name: "ElCalendar"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18325,11 +18323,11 @@
     }
   });
 
-  const __default__$15 = {
+  const __default__$16 = {
     name: "ElCard"
   };
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$16,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18421,11 +18419,11 @@
   const _hoisted_1$U = ["onMouseenter", "onMouseleave"];
   const _hoisted_2$A = ["onMouseenter", "onClick"];
   const _hoisted_3$k = { key: 0 };
-  const __default__$14 = {
+  const __default__$15 = {
     name: "ElCarousel"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -18742,11 +18740,11 @@
     }
   });
 
-  const __default__$13 = {
+  const __default__$14 = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -18965,12 +18963,11 @@
     }
   };
   const useCheckboxGroup = () => {
-    const elForm = vue.inject(formContextKey, {});
-    const elFormItem = vue.inject(formItemContextKey, {});
+    const { form: elForm, formItem: elFormItem } = useFormItem();
     const checkboxGroup = vue.inject("CheckboxGroup", {});
     const isGroup = vue.computed(() => checkboxGroup && (checkboxGroup == null ? void 0 : checkboxGroup.name) === "ElCheckboxGroup");
     const elFormItemSize = vue.computed(() => {
-      return elFormItem.size;
+      return elFormItem == null ? void 0 : elFormItem.size;
     });
     return {
       isGroup,
@@ -19115,9 +19112,8 @@
       return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
     });
     vue.watch(() => props.modelValue, () => {
-      var _a;
       if (validateEvent.value) {
-        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
       }
     });
     return {
@@ -19172,11 +19168,11 @@
   const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-  const __default__$12 = {
+  const __default__$13 = {
     name: "ElCheckbox"
   };
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19277,11 +19273,11 @@
 
   const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-  const __default__$11 = {
+  const __default__$12 = {
     name: "ElCheckboxButton"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$12,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19355,11 +19351,11 @@
   });
   var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-button.vue"]]);
 
-  const __default__$10 = {
+  const __default__$11 = {
     name: "ElCheckboxGroup"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$11,
     props: useCheckboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19392,18 +19388,18 @@
         changeEvent
       });
       vue.watch(() => props.modelValue, () => {
-        var _a;
         if (props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
         }
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
           id: vue.unref(groupId),
           class: vue.normalizeClass(vue.unref(ns).b("group")),
           role: "group",
           "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
-          "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(elFormItem).labelId : void 0
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
@@ -19483,11 +19479,11 @@
   };
 
   const _hoisted_1$R = ["value", "name", "disabled"];
-  const __default__$$ = {
+  const __default__$10 = {
     name: "ElRadio"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$10,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19559,11 +19555,11 @@
   });
 
   const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$_ = {
+  const __default__$$ = {
     name: "ElRadioButton"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$$,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19653,11 +19649,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
-  const __default__$Z = {
+  const __default__$_ = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$_,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19858,7 +19854,7 @@
   });
   const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_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");
@@ -19941,7 +19937,7 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$O);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$B], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$A], ["__file", "node.vue"]]);
 
   const _sfc_main$1E = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -20021,7 +20017,7 @@
       };
     }
   });
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_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");
@@ -20074,7 +20070,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$A], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$z], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -20549,7 +20545,7 @@
       };
     }
   });
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_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)]),
@@ -20566,7 +20562,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$z], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$y], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -20604,11 +20600,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$Y = {
+  const __default__$Z = {
     name: "ElTag"
   };
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$Z,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20794,8 +20790,7 @@
       const nsCascader = useNamespace("cascader");
       const nsInput = useNamespace("input");
       const { t } = useLocale();
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const tooltipRef = vue.ref(null);
       const input = vue.ref(null);
       const tagWrapper = vue.ref(null);
@@ -20810,7 +20805,7 @@
       const allPresentTags = vue.ref([]);
       const suggestions = vue.ref([]);
       const isOnComposition = vue.ref(false);
-      const isDisabled = vue.computed(() => props.disabled || elForm.disabled);
+      const isDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
       const inputPlaceholder = vue.computed(() => props.placeholder || t("el.cascader.placeholder"));
       const realSize = useSize();
       const tagSize = vue.computed(() => ["small"].includes(realSize.value) ? "small" : "default");
@@ -20836,11 +20831,10 @@
           return props.modelValue;
         },
         set(val) {
-          var _a;
           emit(UPDATE_MODEL_EVENT, val);
           emit(CHANGE_EVENT, val);
           if (props.validateEvent) {
-            (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+            formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
           }
         }
       });
@@ -21138,7 +21132,7 @@
   const _hoisted_1$N = { key: 0 };
   const _hoisted_2$w = ["placeholder"];
   const _hoisted_3$i = ["onClick"];
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_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");
@@ -21366,7 +21360,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$y], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$x], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21385,11 +21379,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$X = {
+  const __default__$Y = {
     name: "ElCheckTag"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Y,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21457,11 +21451,11 @@
     }
   });
 
-  const __default__$W = {
+  const __default__$X = {
     name: "ElCol"
   };
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$X,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21531,11 +21525,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$V = {
+  const __default__$W = {
     name: "ElCollapse"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$W,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21586,11 +21580,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-  const __default__$U = {
+  const __default__$V = {
     name: "ElCollapseTransition"
   };
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$V,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21678,11 +21672,11 @@
   const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
   const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$T = {
+  const __default__$U = {
     name: "ElCollapseItem"
   };
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$U,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -21926,7 +21920,7 @@
       };
     }
   });
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -21948,7 +21942,7 @@
       }, null, 6)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$x], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$w], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -22043,7 +22037,7 @@
       };
     }
   });
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -22062,7 +22056,7 @@
       }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$w], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$v], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22383,7 +22377,7 @@
     }
   });
   const _hoisted_1$L = ["onClick"];
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -22408,7 +22402,7 @@
       ], 2)
     ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$v], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$u], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1s = vue.defineComponent({
     name: "ElSlPanel",
@@ -22484,7 +22478,7 @@
   const _hoisted_2$u = [
     _hoisted_1$K
   ];
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
@@ -22506,7 +22500,7 @@
       }, _hoisted_2$u, 6)
     ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$u], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$t], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1r = vue.defineComponent({
     name: "ElColorPicker",
@@ -22554,10 +22548,9 @@
     setup(props, { emit }) {
       const { t } = useLocale();
       const ns = useNamespace("color");
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
-        formItemContext: elFormItem
+        formItemContext: formItem
       });
       const hue = vue.ref();
       const svPanel = vue.ref();
@@ -22580,7 +22573,7 @@
       });
       const colorSize = useSize();
       const colorDisabled = vue.computed(() => {
-        return !!(props.disabled || elForm.disabled);
+        return !!(props.disabled || (form == null ? void 0 : form.disabled));
       });
       const currentColor = vue.computed(() => {
         return !props.modelValue && !showPanelColor.value ? "" : color.value;
@@ -22589,7 +22582,7 @@
         return !isLabeledByFormItem.value ? props.label || t("el.colorpicker.defaultLabel") : void 0;
       });
       const buttonAriaLabelledby = vue.computed(() => {
-        return isLabeledByFormItem.value ? elFormItem.labelId : void 0;
+        return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
       });
       vue.watch(() => props.modelValue, (newVal) => {
         if (!newVal) {
@@ -22645,12 +22638,11 @@
         color.fromString(customInput.value);
       }
       function confirmValue() {
-        var _a;
         const value = color.value;
         emit(UPDATE_MODEL_EVENT, value);
         emit("change", value);
         if (props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         debounceSetShowPicker(false);
         vue.nextTick(() => {
@@ -22665,12 +22657,11 @@
         });
       }
       function clear() {
-        var _a;
         debounceSetShowPicker(false);
         emit(UPDATE_MODEL_EVENT, null);
         emit("change", null);
         if (props.modelValue !== null && props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         resetColor();
       }
@@ -22716,7 +22707,7 @@
     }
   });
   const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$s(_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");
@@ -22870,7 +22861,7 @@
       _: 1
     }, 8, ["visible", "popper-class"]);
   }
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$t], ["__file", "index.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$s], ["__file", "index.vue"]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -22921,11 +22912,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$S = {
+  const __default__$T = {
     name: "ElContainer"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$T,
     props: {
       direction: {
         type: String
@@ -22962,11 +22953,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-  const __default__$R = {
+  const __default__$S = {
     name: "ElAside"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$S,
     props: {
       width: {
         type: String,
@@ -22989,11 +22980,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-  const __default__$Q = {
+  const __default__$R = {
     name: "ElFooter"
   };
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$R,
     props: {
       height: {
         type: String,
@@ -23016,11 +23007,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-  const __default__$P = {
+  const __default__$Q = {
     name: "ElHeader"
   };
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$Q,
     props: {
       height: {
         type: String,
@@ -23047,11 +23038,11 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-  const __default__$O = {
+  const __default__$P = {
     name: "ElMain"
   };
   const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$P,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -25492,11 +25483,11 @@
   const _hoisted_1$D = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
-  const __default__$N = {
+  const __default__$O = {
     name: "DatePickerMonthRange"
   };
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$O,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -25869,11 +25860,11 @@
   });
 
   const _hoisted_1$C = { key: 1 };
-  const __default__$M = {
+  const __default__$N = {
     name: "ElDescriptionsRow"
   };
   const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$N,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -25954,11 +25945,11 @@
     }
   });
 
-  const __default__$L = {
+  const __default__$M = {
     name: "ElDescriptions"
   };
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$M,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -26208,9 +26199,9 @@
 
   const _hoisted_1$B = ["aria-label"];
   const _hoisted_2$n = ["id"];
-  const __default__$K = { name: "ElDialogContent" };
+  const __default__$L = { name: "ElDialogContent" };
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+    ...__default__$L,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -26504,11 +26495,11 @@
   };
 
   const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$J = {
+  const __default__$K = {
     name: "ElDialog"
   };
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+    ...__default__$K,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -26665,11 +26656,11 @@
     }
   });
 
-  const __default__$I = {
+  const __default__$J = {
     name: "ElDivider"
   };
   const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+    ...__default__$J,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -26760,7 +26751,7 @@
   const _hoisted_2$m = ["id"];
   const _hoisted_3$a = ["aria-label"];
   const _hoisted_4$7 = ["id"];
-  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$r(_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");
@@ -26872,26 +26863,26 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
     ], 8, ["disabled"]);
   }
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$s], ["__file", "drawer.vue"]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$r], ["__file", "drawer.vue"]]);
 
   const ElDrawer = withInstall(Drawer);
 
   const _sfc_main$19 = {
     inheritAttrs: false
   };
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$r], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$q], ["__file", "collection.vue"]]);
 
   const _sfc_main$18 = {
     name: "ElCollectionItem",
     inheritAttrs: false
   };
-  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$q], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$p], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -27111,10 +27102,10 @@
       useEventListener(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
     }
   });
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$p], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$o], ["__file", "roving-focus-group-impl.vue"]]);
 
   const _sfc_main$16 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -27123,7 +27114,7 @@
       ElRovingFocusGroupImpl
     }
   });
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_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, {
@@ -27138,7 +27129,7 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$o], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$n], ["__file", "roving-focus-group.vue"]]);
 
   const _sfc_main$15 = vue.defineComponent({
     components: {
@@ -27225,7 +27216,7 @@
       };
     }
   });
-  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_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,
@@ -27238,7 +27229,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$n], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$m], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -27464,7 +27455,7 @@
       };
     }
   });
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_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");
@@ -27596,7 +27587,7 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$m], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$l], ["__file", "dropdown.vue"]]);
 
   const _sfc_main$13 = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -27650,7 +27641,7 @@
     }
   });
   const _hoisted_1$y = ["aria-disabled", "tabindex", "role"];
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$k(_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({
@@ -27680,7 +27671,7 @@
       ], 16, _hoisted_1$y)
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$l], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$k], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -27756,7 +27747,7 @@
       };
     }
   });
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_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");
@@ -27787,7 +27778,7 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$k], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$j], ["__file", "dropdown-item.vue"]]);
 
   const _sfc_main$11 = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -27853,7 +27844,7 @@
     }
   });
   const _hoisted_1$x = ["role", "aria-labelledby"];
-  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("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -27869,7 +27860,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 46, _hoisted_1$x);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$j], ["__file", "dropdown-menu.vue"]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$i], ["__file", "dropdown-menu.vue"]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -27935,7 +27926,7 @@
   const _hoisted_21 = ["fill", "xlink:href"];
   const _hoisted_22 = ["fill", "mask"];
   const _hoisted_23 = ["fill"];
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
@@ -28054,7 +28045,7 @@
       ])
     ]);
   }
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$i], ["__file", "img-empty.vue"]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$h], ["__file", "img-empty.vue"]]);
 
   const emptyProps = {
     image: {
@@ -28070,11 +28061,11 @@
 
   const _hoisted_1$v = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$H = {
+  const __default__$I = {
     name: "ElEmpty"
   };
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+    ...__default__$I,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -28200,11 +28191,11 @@
     return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
   };
 
-  const __default__$G = {
+  const __default__$H = {
     name: "ElForm"
   };
   const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+    ...__default__$H,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -29509,11 +29500,11 @@
   });
 
   const _hoisted_1$u = ["role", "aria-labelledby"];
-  const __default__$F = {
+  const __default__$G = {
     name: "ElFormItem"
   };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$G,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -29836,11 +29827,11 @@
   };
 
   const _hoisted_1$t = ["src"];
-  const __default__$E = {
+  const __default__$F = {
     name: "ElImageViewer"
   };
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$F,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { emit }) {
@@ -30280,12 +30271,12 @@
 
   const _hoisted_1$s = ["src", "loading"];
   const _hoisted_2$j = { key: 0 };
-  const __default__$D = {
+  const __default__$E = {
     name: "ElImage",
     inheritAttrs: false
   };
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+    ...__default__$E,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -30545,11 +30536,11 @@
 
   const _hoisted_1$r = ["aria-label", "onKeydown"];
   const _hoisted_2$i = ["aria-label", "onKeydown"];
-  const __default__$C = {
+  const __default__$D = {
     name: "ElInputNumber"
   };
   const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+    ...__default__$D,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -30846,11 +30837,11 @@
   };
 
   const _hoisted_1$q = ["href"];
-  const __default__$B = {
+  const __default__$C = {
     name: "ElLink"
   };
   const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$C,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -31060,7 +31051,7 @@
       };
     }
   });
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_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")
@@ -31068,7 +31059,7 @@
       _: 3
     }, 16);
   }
-  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$h], ["__file", "menu-collapse-transition.vue"]]);
+  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$g], ["__file", "menu-collapse-transition.vue"]]);
 
   function useMenu(instance, currentIndex) {
     const indexPath = vue.computed(() => {
@@ -31726,7 +31717,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.createElementBlock("li", {
       class: vue.normalizeClass([
@@ -31762,7 +31753,7 @@
       ], 64))
     ], 2);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$g], ["__file", "menu-item.vue"]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$f], ["__file", "menu-item.vue"]]);
 
   const menuItemGroupProps = {
     title: String
@@ -31779,7 +31770,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("li", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -31795,7 +31786,7 @@
       ])
     ], 2);
   }
-  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$f], ["__file", "menu-item-group.vue"]]);
+  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$e], ["__file", "menu-item-group.vue"]]);
 
   const ElMenu = withInstall(Menu, {
     MenuItem,
@@ -31821,11 +31812,11 @@
     back: () => true
   };
 
-  const __default__$A = {
+  const __default__$B = {
     name: "ElPageHeader"
   };
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$B,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -31894,11 +31885,11 @@
 
   const _hoisted_1$p = ["disabled", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
-  const __default__$z = {
+  const __default__$A = {
     name: "ElPaginationPrev"
   };
   const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+    ...__default__$A,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -31941,11 +31932,11 @@
 
   const _hoisted_1$o = ["disabled", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
-  const __default__$y = {
+  const __default__$z = {
     name: "ElPaginationNext"
   };
   const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+    ...__default__$z,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -32124,7 +32115,7 @@
       };
     }
   });
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
         _ctx.ns.be("dropdown", "item"),
@@ -32144,7 +32135,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$e], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$d], ["__file", "option.vue"]]);
 
   const _sfc_main$N = vue.defineComponent({
     name: "ElSelectDropdown",
@@ -32173,7 +32164,7 @@
       };
     }
   });
-  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", {
       class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
       style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -32181,7 +32172,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$d], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$c], ["__file", "select-dropdown.vue"]]);
 
   function useSelectStates(props) {
     const { t } = useLocale();
@@ -32223,10 +32214,9 @@
     const hoverOption = vue.ref(-1);
     const queryChange = vue.shallowRef({ query: "" });
     const groupQueryChange = vue.shallowRef("");
-    const elForm = vue.inject(formContextKey, {});
-    const elFormItem = vue.inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const readonly = vue.computed(() => !props.filterable || props.multiple || !states.visible);
-    const selectDisabled = vue.computed(() => props.disabled || elForm.disabled);
+    const selectDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
     const showClose = vue.computed(() => {
       const hasValue = props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
       const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasValue;
@@ -32270,7 +32260,7 @@
         states.visible = val;
       }
     });
-    vue.watch([() => selectDisabled.value, () => selectSize.value, () => elForm.size], () => {
+    vue.watch([() => selectDisabled.value, () => selectSize.value, () => form == null ? void 0 : form.size], () => {
       vue.nextTick(() => {
         resetInputHeight();
       });
@@ -32279,7 +32269,6 @@
       states.cachedPlaceHolder = states.currentPlaceholder = val;
     });
     vue.watch(() => props.modelValue, (val, oldVal) => {
-      var _a;
       if (props.multiple) {
         resetInputHeight();
         if (val && val.length > 0 || input.value && states.query !== "") {
@@ -32297,7 +32286,7 @@
         states.inputLength = 20;
       }
       if (!isEqual$1(val, oldVal) && props.validateEvent) {
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
       }
     }, {
       flush: "post",
@@ -32390,7 +32379,7 @@
           return;
         const input2 = reference.value.$el.querySelector("input");
         const _tags = tags.value;
-        const sizeInMap = getComponentSize(selectSize.value || elForm.size);
+        const sizeInMap = getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
         input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`;
         states.tagInMultiLine = Number.parseFloat(input2.style.height) >= sizeInMap;
         if (states.visible && emptyText.value !== false) {
@@ -33160,7 +33149,7 @@
   const _hoisted_1$n = { 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$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_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");
@@ -33461,7 +33450,7 @@
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$c], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$b], ["__file", "select.vue"]]);
 
   const _sfc_main$L = vue.defineComponent({
     name: "ElOptionGroup",
@@ -33509,7 +33498,7 @@
       };
     }
   });
-  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
     }, [
@@ -33527,7 +33516,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$b], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$a], ["__file", "option-group.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -33557,11 +33546,11 @@
     }
   });
 
-  const __default__$x = {
+  const __default__$y = {
     name: "ElPaginationSizes"
   };
   const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+    ...__default__$y,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -33618,11 +33607,11 @@
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
   const _hoisted_1$m = ["disabled"];
-  const __default__$w = {
+  const __default__$x = {
     name: "ElPaginationJumper"
   };
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+    ...__default__$x,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -33672,11 +33661,11 @@
   });
 
   const _hoisted_1$l = ["disabled"];
-  const __default__$v = {
+  const __default__$w = {
     name: "ElPaginationTotal"
   };
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+    ...__default__$w,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -33716,11 +33705,11 @@
   const _hoisted_4$5 = ["aria-current", "tabindex"];
   const _hoisted_5$4 = ["tabindex"];
   const _hoisted_6$1 = ["aria-current", "tabindex"];
-  const __default__$u = {
+  const __default__$v = {
     name: "ElPaginationPager"
   };
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$v,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -34202,11 +34191,11 @@
     }
   });
 
-  const __default__$t = {
+  const __default__$u = {
     name: "ElPopconfirm"
   };
   const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$u,
     props: popconfirmProps,
     setup(__props) {
       const props = __props;
@@ -34368,11 +34357,11 @@
     "after-leave": () => true
   };
 
-  const __default__$s = {
+  const __default__$t = {
     name: "ElPopover"
   };
   const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$t,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -34559,11 +34548,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__$r = {
+  const __default__$s = {
     name: "ElProgress"
   };
   const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$s,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -34843,11 +34832,11 @@
 
   const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
   const _hoisted_2$c = ["onMousemove", "onClick"];
-  const __default__$q = {
+  const __default__$r = {
     name: "ElRate"
   };
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$r,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -35108,11 +35097,11 @@
     }
   });
 
-  const __default__$p = {
+  const __default__$q = {
     name: "ElResult"
   };
   const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$q,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -35200,11 +35189,11 @@
     }
   });
 
-  const __default__$o = {
+  const __default__$p = {
     name: "ElRow"
   };
   const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$p,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -37056,7 +37045,7 @@
       };
     }
   });
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$9(_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")),
@@ -37072,7 +37061,7 @@
       }, null, 6)
     ], 6));
   }
-  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$a], ["__file", "group-item.vue"]]);
+  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$9], ["__file", "group-item.vue"]]);
 
   function useOption(props, { emit }) {
     return {
@@ -37207,7 +37196,7 @@
     }
   });
   const _hoisted_1$h = ["aria-selected"];
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
       style: vue.normalizeStyle(_ctx.style),
@@ -37230,7 +37219,7 @@
       ])
     ], 46, _hoisted_1$h);
   }
-  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$9], ["__file", "option-item.vue"]]);
+  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$8], ["__file", "option-item.vue"]]);
 
   const selectV2InjectionKey = "ElSelectV2Injection";
 
@@ -38237,7 +38226,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$8(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_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");
@@ -38578,7 +38567,7 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$8], ["__file", "select.vue"]]);
+  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$7], ["__file", "select.vue"]]);
 
   Select.install = (app) => {
     app.component(Select.name, Select);
@@ -38626,11 +38615,11 @@
     }
   });
 
-  const __default__$n = {
+  const __default__$o = {
     name: "ElSkeletonItem"
   };
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$o,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -38645,11 +38634,11 @@
   });
   var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "skeleton-item.vue"]]);
 
-  const __default__$m = {
+  const __default__$n = {
     name: "ElSkeleton"
   };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$n,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -39299,11 +39288,11 @@
   };
 
   const _hoisted_1$f = ["tabindex"];
-  const __default__$l = {
+  const __default__$m = {
     name: "ElSliderButton"
   };
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$m,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -39409,11 +39398,11 @@
 
   const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
   const _hoisted_2$a = { key: 1 };
-  const __default__$k = {
+  const __default__$l = {
     name: "ElSlider"
   };
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$l,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -39853,11 +39842,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$j = {
+  const __default__$k = {
     name: "ElSteps"
   };
   const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+    ...__default__$k,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -39903,11 +39892,11 @@
     }
   });
 
-  const __default__$i = {
+  const __default__$j = {
     name: "ElStep"
   };
   const _sfc_main$s = vue.defineComponent({
-    ...__default__$i,
+    ...__default__$j,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -40180,11 +40169,11 @@
   const _hoisted_4$2 = ["aria-hidden"];
   const _hoisted_5$1 = ["aria-hidden"];
   const _hoisted_6 = ["aria-hidden"];
-  const __default__$h = {
+  const __default__$i = {
     name: "ElSwitch"
   };
   const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+    ...__default__$i,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
@@ -42138,7 +42127,7 @@
   const _hoisted_1$c = { key: 0 };
   const _hoisted_2$8 = ["disabled"];
   const _hoisted_3$3 = ["label", "onClick"];
-  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_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");
@@ -42251,7 +42240,7 @@
       _: 1
     }, 8, ["visible", "placement", "popper-class"]);
   }
-  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$7], ["__file", "filter-panel.vue"]]);
+  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$6], ["__file", "filter-panel.vue"]]);
 
   function useLayoutObserver(root) {
     const instance = vue.getCurrentInstance();
@@ -44029,7 +44018,7 @@
     ref: "hiddenColumns",
     class: "hidden-columns"
   };
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$5(_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");
@@ -44195,7 +44184,7 @@
       ])
     ], 46, _hoisted_1$b);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$6], ["__file", "table.vue"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$5], ["__file", "table.vue"]]);
 
   const defaultClassNames = {
     selection: "table-column--selection",
@@ -46876,11 +46865,11 @@
     }
   });
 
-  const __default__$g = {
+  const __default__$h = {
     name: "ElTabBar"
   };
   const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+    ...__default__$h,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47363,11 +47352,11 @@
   });
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$f = {
+  const __default__$g = {
     name: "ElTabPane"
   };
   const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+    ...__default__$g,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -47534,11 +47523,11 @@
     return formatTime(next);
   };
 
-  const __default__$e = {
+  const __default__$f = {
     name: "ElTimeSelect"
   };
   const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+    ...__default__$f,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -47702,11 +47691,11 @@
     }
   });
 
-  const __default__$d = {
+  const __default__$e = {
     name: "ElTimelineItem"
   };
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+    ...__default__$e,
     props: timelineItemProps,
     setup(__props) {
       const ns = useNamespace("timeline-item");
@@ -47905,11 +47894,11 @@
     }
   });
 
-  const __default__$c = {
+  const __default__$d = {
     name: "ElTooltipV2Root"
   };
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+    ...__default__$d,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47978,11 +47967,11 @@
   });
   var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-  const __default__$b = {
+  const __default__$c = {
     name: "ElTooltipV2Arrow"
   };
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+    ...__default__$c,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -48021,11 +48010,11 @@
     }
   });
 
-  const __default__$a = {
+  const __default__$b = {
     name: "ElVisuallyHidden"
   };
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+    ...__default__$b,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -48056,11 +48045,11 @@
   var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$9 = ["data-side"];
-  const __default__$9 = {
+  const __default__$a = {
     name: "ElTooltipV2Content"
   };
   const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+    ...__default__$a,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -48188,11 +48177,11 @@
     }
   });
 
-  const __default__$8 = {
+  const __default__$9 = {
     name: "ElTooltipV2Trigger"
   };
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$9,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -48271,11 +48260,11 @@
   });
   var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-  const __default__$7 = {
+  const __default__$8 = {
     name: "ElTooltipV2"
   };
   const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$8,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -48592,11 +48581,11 @@
     };
   };
 
-  const __default__$6 = {
+  const __default__$7 = {
     name: "ElTransferPanel"
   };
   const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...__default__$7,
     props: transferPanelProps,
     emits: transferPanelEmits,
     setup(__props, { expose, emit }) {
@@ -48709,11 +48698,11 @@
 
   const _hoisted_1$8 = { key: 0 };
   const _hoisted_2$6 = { key: 0 };
-  const __default__$5 = {
+  const __default__$6 = {
     name: "ElTransfer"
   };
   const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+    ...__default__$6,
     props: transferProps,
     emits: transferEmits,
     setup(__props, { expose, emit }) {
@@ -49965,7 +49954,7 @@
   });
   const _hoisted_1$7 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
   const _hoisted_2$5 = ["aria-expanded"];
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_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");
@@ -50070,7 +50059,7 @@
       [vue.vShow, _ctx.node.visible]
     ]);
   }
-  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$5], ["__file", "tree-node.vue"]]);
+  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$4], ["__file", "tree-node.vue"]]);
 
   function useKeydown({ el$ }, store) {
     const ns = useNamespace("tree");
@@ -50419,7 +50408,7 @@
       };
     }
   });
-  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_tree_node = vue.resolveComponent("el-tree-node");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -50461,7 +50450,7 @@
       ])
     ], 2);
   }
-  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$4], ["__file", "tree.vue"]]);
+  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$3], ["__file", "tree.vue"]]);
 
   Tree.install = (app) => {
     app.component(Tree.name, Tree);
@@ -51406,7 +51395,7 @@
     }
   });
   const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2(_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");
@@ -51463,7 +51452,7 @@
       ], 6)
     ], 42, _hoisted_1$6);
   }
-  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__file", "tree-node.vue"]]);
+  var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
 
   const _sfc_main$7 = vue.defineComponent({
     name: "ElTreeV2",
@@ -51545,7 +51534,7 @@
       };
     }
   });
-  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1(_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");
@@ -51590,7 +51579,7 @@
       ], 2))
     ], 2);
   }
-  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2], ["__file", "tree.vue"]]);
+  var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
 
   const ElTreeV2 = withInstall(TreeV2);
 
@@ -51806,11 +51795,11 @@
   const _hoisted_3$2 = ["onClick"];
   const _hoisted_4$1 = ["onClick"];
   const _hoisted_5 = ["onClick"];
-  const __default__$4 = {
+  const __default__$5 = {
     name: "ElUploadList"
   };
   const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+    ...__default__$5,
     props: uploadListProps,
     emits: uploadListEmits,
     setup(__props, { emit }) {
@@ -51979,11 +51968,11 @@
   };
 
   const _hoisted_1$4 = ["onDrop", "onDragover"];
-  const __default__$3 = {
+  const __default__$4 = {
     name: "ElUploadDrag"
   };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+    ...__default__$4,
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
@@ -52076,12 +52065,12 @@
 
   const _hoisted_1$3 = ["onKeydown"];
   const _hoisted_2$3 = ["name", "multiple", "accept"];
-  const __default__$2 = {
+  const __default__$3 = {
     name: "ElUploadContent",
     inheritAttrs: false
   };
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+    ...__default__$3,
     props: uploadContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -52362,11 +52351,11 @@
     };
   };
 
-  const __default__$1 = {
+  const __default__$2 = {
     name: "ElUpload"
   };
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+    ...__default__$2,
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -53082,11 +53071,11 @@
 
   const _hoisted_1$2 = ["id"];
   const _hoisted_2$2 = ["innerHTML"];
-  const __default__ = {
+  const __default__$1 = {
     name: "ElMessage"
   };
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+    ...__default__$1,
     props: messageProps,
     emits: messageEmits,
     setup(__props, { expose }) {
@@ -53589,7 +53578,7 @@
   const _hoisted_1$1 = ["aria-label", "aria-describedby"];
   const _hoisted_2$1 = ["aria-label"];
   const _hoisted_3$1 = ["id"];
-  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_close = vue.resolveComponent("close");
     const _component_el_input = vue.resolveComponent("el-input");
@@ -53787,7 +53776,7 @@
       _: 3
     });
   }
-  var MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "index.vue"]]);
+  var MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "index.vue"]]);
 
   const messageInstance = /* @__PURE__ */ new Map();
   const initInstance = (props, container, appContext = null) => {
@@ -53987,16 +53976,21 @@
     destroy: () => true
   };
 
-  const _sfc_main = vue.defineComponent({
-    name: "ElNotification",
-    components: {
-      ElIcon,
-      ...TypeComponents
-    },
+  const _hoisted_1 = ["id"];
+  const _hoisted_2 = ["textContent"];
+  const _hoisted_3 = { key: 0 };
+  const _hoisted_4 = ["innerHTML"];
+  const __default__ = {
+    name: "ElNotification"
+  };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
     props: notificationProps,
     emits: notificationEmits,
-    setup(props) {
+    setup(__props, { expose }) {
+      const props = __props;
       const ns = useNamespace("notification");
+      const { Close } = CloseComponents;
       const visible = vue.ref(false);
       let timer = void 0;
       const typeClass = vue.computed(() => {
@@ -54004,7 +53998,9 @@
         return type && TypeComponentsMap[props.type] ? ns.m(type) : "";
       });
       const iconComponent = vue.computed(() => {
-        return TypeComponentsMap[props.type] || props.icon || "";
+        if (!props.type)
+          return "";
+        return TypeComponentsMap[props.type] || props.icon;
       });
       const horizontalClass = vue.computed(() => props.position.endsWith("right") ? "right" : "left");
       const verticalProperty = vue.computed(() => props.position.startsWith("top") ? "top" : "bottom");
@@ -54044,91 +54040,77 @@
         visible.value = true;
       });
       useEventListener(document, "keydown", onKeydown);
-      return {
-        ns,
-        horizontalClass,
-        typeClass,
-        iconComponent,
-        positionStyle,
+      expose({
         visible,
-        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[1] || (_cache[1] = ($event) => _ctx.$emit("destroy")),
+          persisted: ""
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              id: _ctx.id,
+              class: vue.normalizeClass([vue.unref(ns).b(), _ctx.customClass, vue.unref(horizontalClass)]),
+              style: vue.normalizeStyle(vue.unref(positionStyle)),
+              role: "alert",
+              onMouseenter: clearTimer,
+              onMouseleave: startTimer,
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+            }, [
+              vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 0,
+                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.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("group"))
+              }, [
+                vue.createElementVNode("h2", {
+                  class: vue.normalizeClass(vue.unref(ns).e("title")),
+                  textContent: vue.toDisplayString(_ctx.title)
+                }, null, 10, _hoisted_2),
+                vue.withDirectives(vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("content")),
+                  style: vue.normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                    !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, vue.toDisplayString(_ctx.message), 1)) : (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", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
+                    ], 2112))
+                  ])
+                ], 6), [
+                  [vue.vShow, _ctx.message]
+                ]),
+                _ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 0,
+                  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)
+              ], 2)
+            ], 46, _hoisted_1), [
+              [vue.vShow, visible.value]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name", "onBeforeLeave"]);
       };
     }
   });
-  const _hoisted_1 = ["id"];
-  const _hoisted_2 = ["textContent"];
-  const _hoisted_3 = { key: 0 };
-  const _hoisted_4 = ["innerHTML"];
-  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-    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[3] || (_cache[3] = ($event) => _ctx.$emit("destroy")),
-      persisted: ""
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createElementVNode("div", {
-          id: _ctx.id,
-          class: vue.normalizeClass([_ctx.ns.b(), _ctx.customClass, _ctx.horizontalClass]),
-          style: vue.normalizeStyle(_ctx.positionStyle),
-          role: "alert",
-          onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
-          onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args)),
-          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-        }, [
-          _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 0,
-            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.createElementVNode("div", {
-            class: vue.normalizeClass(_ctx.ns.e("group"))
-          }, [
-            vue.createElementVNode("h2", {
-              class: vue.normalizeClass(_ctx.ns.e("title")),
-              textContent: vue.toDisplayString(_ctx.title)
-            }, null, 10, _hoisted_2),
-            vue.withDirectives(vue.createElementVNode("div", {
-              class: vue.normalizeClass(_ctx.ns.e("content")),
-              style: vue.normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
-            }, [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  vue.createCommentVNode(" Caution here, message could've been compromized, nerver use user's input as message "),
-                  vue.createCommentVNode(" eslint-disable-next-line "),
-                  vue.createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
-                ], 2112))
-              ])
-            ], 6), [
-              [vue.vShow, _ctx.message]
-            ]),
-            _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-              key: 0,
-              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)
-          ], 2)
-        ], 46, _hoisted_1), [
-          [vue.vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onBeforeLeave"]);
-  }
-  var NotificationConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "notification.vue"]]);
+  var NotificationConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "notification.vue"]]);
 
   const notifications = {
     "top-left": [],