element-plus 2.2.12 → 2.2.13

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.12 */
+/*! Element Plus v2.2.13 */
 
 import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, watch, unref, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw as toRaw$1, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
 
@@ -9360,12 +9360,11 @@ const useLockscreen = (trigger) => {
   }
   let scrollBarWidth = 0;
   let withoutHiddenClass = false;
-  let bodyPaddingRight = "0";
-  let computedBodyPaddingRight = 0;
+  let bodyWidth = "0";
   const cleanup = () => {
     removeClass(document.body, hiddenCls.value);
     if (withoutHiddenClass) {
-      document.body.style.paddingRight = bodyPaddingRight;
+      document.body.style.width = bodyWidth;
     }
   };
   watch(trigger, (val) => {
@@ -9375,14 +9374,13 @@ const useLockscreen = (trigger) => {
     }
     withoutHiddenClass = !hasClass(document.body, hiddenCls.value);
     if (withoutHiddenClass) {
-      bodyPaddingRight = document.body.style.paddingRight;
-      computedBodyPaddingRight = Number.parseInt(getStyle(document.body, "paddingRight"), 10);
+      bodyWidth = document.body.style.width;
     }
     scrollBarWidth = getScrollBarWidth(ns.namespace.value);
     const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
     const bodyOverflowY = getStyle(document.body, "overflowY");
     if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
-      document.body.style.paddingRight = `${computedBodyPaddingRight + scrollBarWidth}px`;
+      document.body.style.width = `calc(100% - ${scrollBarWidth}px)`;
     }
     addClass(document.body, hiddenCls.value);
   });
@@ -10898,7 +10896,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "2.2.12";
+const version$1 = "2.2.13";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -10947,11 +10945,11 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const __default__$1p = {
+const __default__$1q = {
   name: "ElAffix"
 };
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+  ...__default__$1q,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11066,12 +11064,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1o = {
+const __default__$1p = {
   name: "ElIcon",
   inheritAttrs: false
 };
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+  ...__default__$1p,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11133,11 +11131,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1n = {
+const __default__$1o = {
   name: "ElAlert"
 };
 const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+  ...__default__$1o,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11405,12 +11403,12 @@ const inputEmits = {
 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__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1n,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -12104,11 +12102,11 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
-const __default__$1l = {
+const __default__$1m = {
   name: "ElScrollbar"
 };
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+  ...__default__$1m,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -12271,12 +12269,12 @@ const usePopperProps = buildProps({
   }
 });
 
-const __default__$1k = {
+const __default__$1l = {
   name: "ElPopperRoot",
   inheritAttrs: false
 };
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+  ...__default__$1l,
   props: usePopperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12308,12 +12306,12 @@ const usePopperArrowProps = buildProps({
   }
 });
 
-const __default__$1j = {
+const __default__$1k = {
   name: "ElPopperArrow",
   inheritAttrs: false
 };
 const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+  ...__default__$1k,
   props: usePopperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12410,12 +12408,12 @@ const usePopperTriggerProps = buildProps({
   open: Boolean
 });
 
-const __default__$1i = {
+const __default__$1j = {
   name: "ElPopperTrigger",
   inheritAttrs: false
 };
 const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+  ...__default__$1j,
   props: usePopperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12817,10 +12815,10 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   return 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({
@@ -12977,11 +12975,11 @@ function deriveExtraModifiers(options, modifiers) {
   }
 }
 
-const __default__$1h = {
+const __default__$1i = {
   name: "ElPopperContent"
 };
 const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1i,
   props: usePopperContentProps,
   emits: usePopperContentEmits,
   setup(__props, { expose, emit }) {
@@ -13352,7 +13350,7 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
     disabled: !_ctx.teleported,
@@ -13407,7 +13405,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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)) {
@@ -13472,7 +13470,7 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-popper-trigger");
   return openBlock(), createBlock(_component_el_popper_trigger, {
     id: _ctx.id,
@@ -13494,7 +13492,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
@@ -13614,7 +13612,7 @@ const _sfc_main$21 = defineComponent({
 });
 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 = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -13683,7 +13681,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
 
@@ -13758,12 +13756,12 @@ const autocompleteEmits = {
 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__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1h,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -14122,11 +14120,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$10 = ["src", "alt", "srcset"];
-const __default__$1f = {
+const __default__$1g = {
   name: "ElAvatar"
 };
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1g,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -14207,11 +14205,11 @@ const backtopEmits = {
 };
 
 const _hoisted_1$$ = ["onClick"];
-const __default__$1e = {
+const __default__$1f = {
   name: "ElBacktop"
 };
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1f,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -14316,11 +14314,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$_ = ["textContent"];
-const __default__$1d = {
+const __default__$1e = {
   name: "ElBadge"
 };
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1e,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14379,11 +14377,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1c = {
+const __default__$1d = {
   name: "ElBreadcrumb"
 };
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1d,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -14422,11 +14420,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1b = {
+const __default__$1c = {
   name: "ElBreadcrumbItem"
 };
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1c,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -15457,11 +15455,11 @@ function useButtonCustomStyle(props) {
 }
 
 const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__$1a = {
+const __default__$1b = {
   name: "ElButton"
 };
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1b,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -15569,11 +15567,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$19 = {
+const __default__$1a = {
   name: "ElButtonGroup"
 };
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+  ...__default__$1a,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -16225,11 +16223,11 @@ const timePickerDefaultProps = buildProps({
 
 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__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$19,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -16247,8 +16245,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     const nsDate = useNamespace("date");
     const nsInput = useNamespace("input");
     const nsRange = useNamespace("range");
-    const elForm = inject(formContextKey, {});
-    const elFormItem = inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const elPopperOptions = inject("ElPopperOptions", {});
     const refPopper = ref();
     const inputRef = ref();
@@ -16268,10 +16265,9 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
       }
     });
     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) => {
@@ -16365,7 +16361,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     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);
@@ -16373,7 +16369,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
               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;
           }
@@ -16383,7 +16379,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
       handleBlurDefer();
     };
     const pickerDisabled = computed$1(() => {
-      return props.disabled || elForm.disabled;
+      return props.disabled || (form == null ? void 0 : form.disabled);
     });
     const parsedValue = computed$1(() => {
       let dayOrDays;
@@ -17247,13 +17243,21 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
         emitSelectRange("hours");
       }
       const label = currentScrollbar.value;
-      let now = unref(timePartials)[label];
+      const now = unref(timePartials)[label];
       const total = currentScrollbar.value === "hours" ? 24 : 60;
-      now = (now + step + total) % total;
-      modifyDateField(label, now);
-      adjustSpinner(label, now);
+      const next = findNextUnDisabled(label, now, step, total);
+      modifyDateField(label, next);
+      adjustSpinner(label, next);
       nextTick(() => emitSelectRange(label));
     };
+    const findNextUnDisabled = (type, now, step, total) => {
+      let next = (now + step + total) % total;
+      const list = unref(timeList)[type];
+      while (list[next] && next !== now) {
+        next = (next + step + total) % total;
+      }
+      return next;
+    };
     const modifyDateField = (type, value) => {
       const list = unref(timeList)[type];
       const isDisabled = list[value];
@@ -17927,11 +17931,11 @@ const dateTableEmits = {
 
 const _hoisted_1$V = { key: 0 };
 const _hoisted_2$B = ["onClick"];
-const __default__$17 = {
+const __default__$18 = {
   name: "DateTable"
 };
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$18,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -18086,11 +18090,11 @@ const calendarEmits = {
   [INPUT_EVENT]: (value) => isDate(value)
 };
 
-const __default__$16 = {
+const __default__$17 = {
   name: "ElCalendar"
 };
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$17,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -18321,11 +18325,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$15 = {
+const __default__$16 = {
   name: "ElCard"
 };
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$16,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -18417,11 +18421,11 @@ const carouselEmits = {
 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__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$15,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -18738,11 +18742,11 @@ const carouselItemProps = buildProps({
   }
 });
 
-const __default__$13 = {
+const __default__$14 = {
   name: "ElCarouselItem"
 };
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$14,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -18961,12 +18965,11 @@ const checkboxProps = {
   }
 };
 const useCheckboxGroup = () => {
-  const elForm = inject(formContextKey, {});
-  const elFormItem = inject(formItemContextKey, {});
+  const { form: elForm, formItem: elFormItem } = useFormItem();
   const checkboxGroup = inject("CheckboxGroup", {});
   const isGroup = computed$1(() => checkboxGroup && (checkboxGroup == null ? void 0 : checkboxGroup.name) === "ElCheckboxGroup");
   const elFormItemSize = computed$1(() => {
-    return elFormItem.size;
+    return elFormItem == null ? void 0 : elFormItem.size;
   });
   return {
     isGroup,
@@ -19111,9 +19114,8 @@ const useEvent$1 = (props, {
     return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
   });
   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 {
@@ -19168,11 +19170,11 @@ const useCheckbox = (props, slots) => {
 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__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$13,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19273,11 +19275,11 @@ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox.v
 
 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__ */ defineComponent({
-  ...__default__$11,
+  ...__default__$12,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19351,11 +19353,11 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$10,
+  ...__default__$11,
   props: useCheckboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -19388,18 +19390,18 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
       changeEvent
     });
     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 openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
         id: unref(groupId),
         class: normalizeClass(unref(ns).b("group")),
         role: "group",
         "aria-label": !unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? unref(elFormItem).labelId : void 0
+        "aria-labelledby": unref(isLabeledByFormItem) ? (_a = unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -19479,11 +19481,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$R = ["value", "name", "disabled"];
-const __default__$$ = {
+const __default__$10 = {
   name: "ElRadio"
 };
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$10,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -19555,11 +19557,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$Q = ["value", "name", "disabled"];
-const __default__$_ = {
+const __default__$$ = {
   name: "ElRadioButton"
 };
 const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$$,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -19649,11 +19651,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
-const __default__$Z = {
+const __default__$_ = {
   name: "ElRadioGroup"
 };
 const _sfc_main$1G = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$_,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -19854,7 +19856,7 @@ const _sfc_main$1F = defineComponent({
 });
 const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$x = /* @__PURE__ */ 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 = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -19937,7 +19939,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : 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 = defineComponent({
   name: "ElCascaderMenu",
@@ -20017,7 +20019,7 @@ const _sfc_main$1E = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -20070,7 +20072,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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";
@@ -20545,7 +20547,7 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20562,7 +20564,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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);
@@ -20600,11 +20602,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$Y = {
+const __default__$Z = {
   name: "ElTag"
 };
 const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+  ...__default__$Z,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -20790,8 +20792,7 @@ const _sfc_main$1B = defineComponent({
     const nsCascader = useNamespace("cascader");
     const nsInput = useNamespace("input");
     const { t } = useLocale();
-    const elForm = inject(formContextKey, {});
-    const elFormItem = inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const tooltipRef = ref(null);
     const input = ref(null);
     const tagWrapper = ref(null);
@@ -20806,7 +20807,7 @@ const _sfc_main$1B = defineComponent({
     const allPresentTags = ref([]);
     const suggestions = ref([]);
     const isOnComposition = ref(false);
-    const isDisabled = computed$1(() => props.disabled || elForm.disabled);
+    const isDisabled = computed$1(() => props.disabled || (form == null ? void 0 : form.disabled));
     const inputPlaceholder = computed$1(() => props.placeholder || t("el.cascader.placeholder"));
     const realSize = useSize();
     const tagSize = computed$1(() => ["small"].includes(realSize.value) ? "small" : "default");
@@ -20832,11 +20833,10 @@ const _sfc_main$1B = defineComponent({
         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());
         }
       }
     });
@@ -21134,7 +21134,7 @@ const _sfc_main$1B = defineComponent({
 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 = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -21362,7 +21362,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
@@ -21381,11 +21381,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$X = {
+const __default__$Y = {
   name: "ElCheckTag"
 };
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+  ...__default__$Y,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -21453,11 +21453,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$W = {
+const __default__$X = {
   name: "ElCol"
 };
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+  ...__default__$X,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -21527,11 +21527,11 @@ const collapseEmits = {
   [CHANGE_EVENT]: emitChangeFn
 };
 
-const __default__$V = {
+const __default__$W = {
   name: "ElCollapse"
 };
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+  ...__default__$W,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -21582,11 +21582,11 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
 });
 var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-const __default__$U = {
+const __default__$V = {
   name: "ElCollapseTransition"
 };
 const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+  ...__default__$V,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const on = {
@@ -21674,11 +21674,11 @@ const collapseItemProps = buildProps({
 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__ */ defineComponent({
-  ...__default__$T,
+  ...__default__$U,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -21922,7 +21922,7 @@ const _sfc_main$1v = defineComponent({
     };
   }
 });
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -21944,7 +21944,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = defineComponent({
   name: "ElColorHueSlider",
@@ -22039,7 +22039,7 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -22058,7 +22058,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = () => {
@@ -22379,7 +22379,7 @@ const _sfc_main$1t = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -22404,7 +22404,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
   name: "ElSlPanel",
@@ -22480,7 +22480,7 @@ const _hoisted_1$K = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 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 openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
@@ -22502,7 +22502,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     }, _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 = defineComponent({
   name: "ElColorPicker",
@@ -22550,10 +22550,9 @@ const _sfc_main$1r = defineComponent({
   setup(props, { emit }) {
     const { t } = useLocale();
     const ns = useNamespace("color");
-    const elForm = inject(formContextKey, {});
-    const elFormItem = inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext: elFormItem
+      formItemContext: formItem
     });
     const hue = ref();
     const svPanel = ref();
@@ -22576,7 +22575,7 @@ const _sfc_main$1r = defineComponent({
     });
     const colorSize = useSize();
     const colorDisabled = computed$1(() => {
-      return !!(props.disabled || elForm.disabled);
+      return !!(props.disabled || (form == null ? void 0 : form.disabled));
     });
     const currentColor = computed$1(() => {
       return !props.modelValue && !showPanelColor.value ? "" : color.value;
@@ -22585,7 +22584,7 @@ const _sfc_main$1r = defineComponent({
       return !isLabeledByFormItem.value ? props.label || t("el.colorpicker.defaultLabel") : void 0;
     });
     const buttonAriaLabelledby = computed$1(() => {
-      return isLabeledByFormItem.value ? elFormItem.labelId : void 0;
+      return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
     });
     watch(() => props.modelValue, (newVal) => {
       if (!newVal) {
@@ -22641,12 +22640,11 @@ const _sfc_main$1r = defineComponent({
       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);
       nextTick(() => {
@@ -22661,12 +22659,11 @@ const _sfc_main$1r = defineComponent({
       });
     }
     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();
     }
@@ -22712,7 +22709,7 @@ const _sfc_main$1r = defineComponent({
   }
 });
 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 = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
   const _component_alpha_slider = resolveComponent("alpha-slider");
@@ -22866,7 +22863,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
@@ -22917,11 +22914,11 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const __default__$S = {
+const __default__$T = {
   name: "ElContainer"
 };
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+  ...__default__$T,
   props: {
     direction: {
       type: String
@@ -22958,11 +22955,11 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-const __default__$R = {
+const __default__$S = {
   name: "ElAside"
 };
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+  ...__default__$S,
   props: {
     width: {
       type: String,
@@ -22985,11 +22982,11 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
 });
 var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-const __default__$Q = {
+const __default__$R = {
   name: "ElFooter"
 };
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+  ...__default__$R,
   props: {
     height: {
       type: String,
@@ -23012,11 +23009,11 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$P,
+  ...__default__$Q,
   props: {
     height: {
       type: String,
@@ -23043,11 +23040,11 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$O,
+  ...__default__$P,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -25488,11 +25485,11 @@ const useMonthRangeHeader = ({
 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__ */ defineComponent({
-  ...__default__$N,
+  ...__default__$O,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -25865,11 +25862,11 @@ const descriptionsRowProps = buildProps({
 });
 
 const _hoisted_1$C = { key: 1 };
-const __default__$M = {
+const __default__$N = {
   name: "ElDescriptionsRow"
 };
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+  ...__default__$N,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -25950,11 +25947,11 @@ const descriptionProps = buildProps({
   }
 });
 
-const __default__$L = {
+const __default__$M = {
   name: "ElDescriptions"
 };
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+  ...__default__$M,
   props: descriptionProps,
   setup(__props) {
     const props = __props;
@@ -26204,9 +26201,9 @@ const dialogContentEmits = {
 
 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__ */ defineComponent({
-  ...__default__$K,
+  ...__default__$L,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -26500,11 +26497,11 @@ const useDialog = (props, targetRef) => {
 };
 
 const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$J = {
+const __default__$K = {
   name: "ElDialog"
 };
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+  ...__default__$K,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -26661,11 +26658,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$I = {
+const __default__$J = {
   name: "ElDivider"
 };
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+  ...__default__$J,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -26756,7 +26753,7 @@ const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
 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 = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_focus_trap = resolveComponent("el-focus-trap");
@@ -26868,26 +26865,26 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 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 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) => {
@@ -27107,10 +27104,10 @@ const _sfc_main$17 = defineComponent({
     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 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 = defineComponent({
   name: "ElRovingFocusGroup",
@@ -27119,7 +27116,7 @@ const _sfc_main$16 = defineComponent({
     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 = resolveComponent("el-roving-focus-group-impl");
   const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
   return openBlock(), createBlock(_component_el_focus_group_collection, null, {
@@ -27134,7 +27131,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
   components: {
@@ -27221,7 +27218,7 @@ const _sfc_main$15 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-roving-focus-collection-item");
   return openBlock(), createBlock(_component_el_roving_focus_collection_item, {
     id: _ctx.id,
@@ -27234,7 +27231,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -27460,7 +27457,7 @@ const _sfc_main$14 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
@@ -27592,7 +27589,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     })) : 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 = defineComponent({
   name: "DropdownItemImpl",
@@ -27646,7 +27643,7 @@ const _sfc_main$13 = defineComponent({
   }
 });
 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 = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.divided ? (openBlock(), createElementBlock("li", mergeProps({
@@ -27676,7 +27673,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = inject("elDropdown", {});
@@ -27752,7 +27749,7 @@ const _sfc_main$12 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
@@ -27783,7 +27780,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
   name: "ElDropdownMenu",
@@ -27849,7 +27846,7 @@ const _sfc_main$11 = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
     class: normalizeClass(_ctx.dropdownKls),
@@ -27865,7 +27862,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -27931,7 +27928,7 @@ const _hoisted_20 = {
 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 openBlock(), createElementBlock("svg", _hoisted_1$w, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
@@ -28050,7 +28047,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-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: {
@@ -28066,11 +28063,11 @@ const emptyProps = {
 
 const _hoisted_1$v = ["src"];
 const _hoisted_2$k = { key: 1 };
-const __default__$H = {
+const __default__$I = {
   name: "ElEmpty"
 };
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+  ...__default__$I,
   props: emptyProps,
   setup(__props) {
     const props = __props;
@@ -28196,11 +28193,11 @@ const filterFields = (fields, props) => {
   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__ */ defineComponent({
-  ...__default__$G,
+  ...__default__$H,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -29505,11 +29502,11 @@ var FormLabelWrap = defineComponent({
 });
 
 const _hoisted_1$u = ["role", "aria-labelledby"];
-const __default__$F = {
+const __default__$G = {
   name: "ElFormItem"
 };
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+  ...__default__$G,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -29832,11 +29829,11 @@ const imageViewerEmits = {
 };
 
 const _hoisted_1$t = ["src"];
-const __default__$E = {
+const __default__$F = {
   name: "ElImageViewer"
 };
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+  ...__default__$F,
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { emit }) {
@@ -30276,12 +30273,12 @@ const imageEmits = {
 
 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__ */ defineComponent({
-  ...__default__$D,
+  ...__default__$E,
   props: imageProps,
   emits: imageEmits,
   setup(__props, { emit }) {
@@ -30541,11 +30538,11 @@ const inputNumberEmits = {
 
 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__ */ defineComponent({
-  ...__default__$C,
+  ...__default__$D,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -30842,11 +30839,11 @@ const linkEmits = {
 };
 
 const _hoisted_1$q = ["href"];
-const __default__$B = {
+const __default__$C = {
   name: "ElLink"
 };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+  ...__default__$C,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -31056,7 +31053,7 @@ const _sfc_main$U = defineComponent({
     };
   }
 });
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, mergeProps({ mode: "out-in" }, _ctx.listeners), {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
@@ -31064,7 +31061,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = computed$1(() => {
@@ -31722,7 +31719,7 @@ const _sfc_main$T = defineComponent({
     };
   }
 });
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = resolveComponent("el-tooltip");
   return openBlock(), createElementBlock("li", {
     class: normalizeClass([
@@ -31758,7 +31755,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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
@@ -31775,7 +31772,7 @@ const _sfc_main$S = defineComponent({
     };
   }
 });
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -31791,7 +31788,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -31817,11 +31814,11 @@ const pageHeaderEmits = {
   back: () => true
 };
 
-const __default__$A = {
+const __default__$B = {
   name: "ElPageHeader"
 };
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+  ...__default__$B,
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
@@ -31890,11 +31887,11 @@ const paginationPrevEmits = {
 
 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__ */ defineComponent({
-  ...__default__$z,
+  ...__default__$A,
   props: paginationPrevProps,
   emits: paginationPrevEmits,
   setup(__props) {
@@ -31937,11 +31934,11 @@ const paginationNextProps = buildProps({
 
 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__ */ defineComponent({
-  ...__default__$y,
+  ...__default__$z,
   props: paginationNextProps,
   emits: ["click"],
   setup(__props) {
@@ -32120,7 +32117,7 @@ const _sfc_main$O = defineComponent({
     };
   }
 });
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     class: normalizeClass([
       _ctx.ns.be("dropdown", "item"),
@@ -32140,7 +32137,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     [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 = defineComponent({
   name: "ElSelectDropdown",
@@ -32169,7 +32166,7 @@ const _sfc_main$N = defineComponent({
     };
   }
 });
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
     style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -32177,7 +32174,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     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();
@@ -32219,10 +32216,9 @@ const useSelect$3 = (props, states, ctx) => {
   const hoverOption = ref(-1);
   const queryChange = shallowRef({ query: "" });
   const groupQueryChange = shallowRef("");
-  const elForm = inject(formContextKey, {});
-  const elFormItem = inject(formItemContextKey, {});
+  const { form, formItem } = useFormItem();
   const readonly = computed$1(() => !props.filterable || props.multiple || !states.visible);
-  const selectDisabled = computed$1(() => props.disabled || elForm.disabled);
+  const selectDisabled = computed$1(() => props.disabled || (form == null ? void 0 : form.disabled));
   const showClose = computed$1(() => {
     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;
@@ -32266,7 +32262,7 @@ const useSelect$3 = (props, states, ctx) => {
       states.visible = val;
     }
   });
-  watch([() => selectDisabled.value, () => selectSize.value, () => elForm.size], () => {
+  watch([() => selectDisabled.value, () => selectSize.value, () => form == null ? void 0 : form.size], () => {
     nextTick(() => {
       resetInputHeight();
     });
@@ -32275,7 +32271,6 @@ const useSelect$3 = (props, states, ctx) => {
     states.cachedPlaceHolder = states.currentPlaceholder = val;
   });
   watch(() => props.modelValue, (val, oldVal) => {
-    var _a;
     if (props.multiple) {
       resetInputHeight();
       if (val && val.length > 0 || input.value && states.query !== "") {
@@ -32293,7 +32288,7 @@ const useSelect$3 = (props, states, ctx) => {
       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",
@@ -32386,7 +32381,7 @@ const useSelect$3 = (props, states, ctx) => {
         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) {
@@ -33156,7 +33151,7 @@ const _sfc_main$M = defineComponent({
 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 = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -33457,7 +33452,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     [_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 = defineComponent({
   name: "ElOptionGroup",
@@ -33505,7 +33500,7 @@ const _sfc_main$L = defineComponent({
     };
   }
 });
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("ul", {
     class: normalizeClass(_ctx.ns.be("group", "wrap"))
   }, [
@@ -33523,7 +33518,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     [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,
@@ -33553,11 +33548,11 @@ const paginationSizesProps = buildProps({
   }
 });
 
-const __default__$x = {
+const __default__$y = {
   name: "ElPaginationSizes"
 };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+  ...__default__$y,
   props: paginationSizesProps,
   emits: ["page-size-change"],
   setup(__props, { emit }) {
@@ -33614,11 +33609,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 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__ */ defineComponent({
-  ...__default__$w,
+  ...__default__$x,
   setup(__props) {
     const { t } = useLocale();
     const ns = useNamespace("pagination");
@@ -33668,11 +33663,11 @@ const paginationTotalProps = buildProps({
 });
 
 const _hoisted_1$l = ["disabled"];
-const __default__$v = {
+const __default__$w = {
   name: "ElPaginationTotal"
 };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+  ...__default__$w,
   props: paginationTotalProps,
   setup(__props) {
     const { t } = useLocale();
@@ -33712,11 +33707,11 @@ const _hoisted_3$7 = ["tabindex"];
 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__ */ defineComponent({
-  ...__default__$u,
+  ...__default__$v,
   props: paginationPagerProps,
   emits: ["change"],
   setup(__props, { emit }) {
@@ -34191,14 +34186,18 @@ const popconfirmProps = buildProps({
     type: definePropType(Function)
   },
   teleported: useTooltipContentProps.teleported,
-  persistent: useTooltipContentProps.persistent
+  persistent: useTooltipContentProps.persistent,
+  width: {
+    type: [String, Number],
+    default: 150
+  }
 });
 
-const __default__$t = {
+const __default__$u = {
   name: "ElPopconfirm"
 };
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+  ...__default__$u,
   props: popconfirmProps,
   setup(__props) {
     const props = __props;
@@ -34209,6 +34208,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       var _a, _b;
       (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
     };
+    const style = computed$1(() => {
+      return {
+        width: addUnit(props.width)
+      };
+    });
     const confirm = (e) => {
       var _a;
       (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
@@ -34222,17 +34226,19 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const finalConfirmButtonText = computed$1(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
     const finalCancelButtonText = computed$1(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTooltip), {
+      return openBlock(), createBlock(unref(ElTooltip), mergeProps({
         ref_key: "tooltipRef",
         ref: tooltipRef,
         trigger: "click",
-        effect: "light",
+        effect: "light"
+      }, _ctx.$attrs, {
         "popper-class": `${unref(ns).namespace.value}-popover`,
+        "popper-style": unref(style),
         teleported: _ctx.teleported,
         "fallback-placements": ["bottom", "top", "right", "left"],
         "hide-after": _ctx.hideAfter,
         persistent: _ctx.persistent
-      }, {
+      }), {
         content: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(unref(ns).b())
@@ -34284,7 +34290,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
         ]),
         _: 3
-      }, 8, ["popper-class", "teleported", "hide-after", "persistent"]);
+      }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]);
     };
   }
 });
@@ -34353,11 +34359,11 @@ const popoverEmits = {
   "after-leave": () => true
 };
 
-const __default__$s = {
+const __default__$t = {
   name: "ElPopover"
 };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+  ...__default__$t,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -34544,11 +34550,11 @@ const _hoisted_2$d = { viewBox: "0 0 100 100" };
 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__ */ defineComponent({
-  ...__default__$r,
+  ...__default__$s,
   props: progressProps,
   setup(__props) {
     const props = __props;
@@ -34828,11 +34834,11 @@ const rateEmits = {
 
 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__ */ defineComponent({
-  ...__default__$q,
+  ...__default__$r,
   props: rateProps,
   emits: rateEmits,
   setup(__props, { expose, emit }) {
@@ -35093,11 +35099,11 @@ const resultProps = buildProps({
   }
 });
 
-const __default__$p = {
+const __default__$q = {
   name: "ElResult"
 };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+  ...__default__$q,
   props: resultProps,
   setup(__props) {
     const props = __props;
@@ -35185,11 +35191,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$o = {
+const __default__$p = {
   name: "ElRow"
 };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+  ...__default__$p,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -37041,7 +37047,7 @@ const _sfc_main$A = defineComponent({
     };
   }
 });
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.item.isTitle ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(_ctx.ns.be("group", "title")),
@@ -37057,7 +37063,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 {
@@ -37192,7 +37198,7 @@ const _sfc_main$z = defineComponent({
   }
 });
 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 openBlock(), createElementBlock("li", {
     "aria-selected": _ctx.selected,
     style: normalizeStyle(_ctx.style),
@@ -37215,7 +37221,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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";
 
@@ -38222,7 +38228,7 @@ const _hoisted_2$b = ["id", "autocomplete", "aria-expanded", "aria-labelledby",
 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 = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -38563,7 +38569,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     [_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);
@@ -38611,11 +38617,11 @@ const skeletonItemProps = buildProps({
   }
 });
 
-const __default__$n = {
+const __default__$o = {
   name: "ElSkeletonItem"
 };
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+  ...__default__$o,
   props: skeletonItemProps,
   setup(__props) {
     const ns = useNamespace("skeleton");
@@ -38630,11 +38636,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
-  ...__default__$m,
+  ...__default__$n,
   props: skeletonProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -39284,11 +39290,11 @@ const sliderButtonEmits = {
 };
 
 const _hoisted_1$f = ["tabindex"];
-const __default__$l = {
+const __default__$m = {
   name: "ElSliderButton"
 };
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+  ...__default__$m,
   props: sliderButtonProps,
   emits: sliderButtonEmits,
   setup(__props, { expose, emit }) {
@@ -39394,11 +39400,11 @@ var SliderMarker = defineComponent({
 
 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__ */ defineComponent({
-  ...__default__$k,
+  ...__default__$l,
   props: sliderProps,
   emits: sliderEmits,
   setup(__props, { expose, emit }) {
@@ -39838,11 +39844,11 @@ const stepsEmits = {
   [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
-const __default__$j = {
+const __default__$k = {
   name: "ElSteps"
 };
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+  ...__default__$k,
   props: stepsProps,
   emits: stepsEmits,
   setup(__props, { emit }) {
@@ -39888,11 +39894,11 @@ const stepProps = buildProps({
   }
 });
 
-const __default__$i = {
+const __default__$j = {
   name: "ElStep"
 };
 const _sfc_main$s = defineComponent({
-  ...__default__$i,
+  ...__default__$j,
   props: stepProps,
   setup(__props) {
     const props = __props;
@@ -40165,11 +40171,11 @@ const _hoisted_3$4 = ["aria-hidden"];
 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__ */ defineComponent({
-  ...__default__$h,
+  ...__default__$i,
   props: switchProps,
   emits: switchEmits,
   setup(__props, { expose, emit }) {
@@ -40704,6 +40710,7 @@ function createTablePopper(parentNode, trigger, popperContent, popperOptions, to
   function showPopper() {
     popperInstance && popperInstance.update();
   }
+  removePopper == null ? void 0 : removePopper();
   removePopper = () => {
     try {
       popperInstance && popperInstance.destroy();
@@ -42122,7 +42129,7 @@ const _sfc_main$q = defineComponent({
 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 = resolveComponent("el-checkbox");
   const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
@@ -42235,7 +42242,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = getCurrentInstance();
@@ -42810,7 +42817,7 @@ function useEvents(props) {
   const handleMouseLeave = debounce(() => {
     props.store.commit("setHoverRow", null);
   }, 30);
-  const handleCellMouseEnter = (event, row) => {
+  const handleCellMouseEnter = (event, row, tooltipEffect) => {
     var _a;
     const table = parent;
     const cell = getCell(event);
@@ -42835,7 +42842,7 @@ function useEvents(props) {
       createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, {
         placement: "top",
         strategy: "fixed"
-      }, row.tooltipEffect);
+      }, tooltipEffect);
     }
   };
   const handleCellMouseLeave = (event) => {
@@ -43054,7 +43061,7 @@ function useRender$1(props) {
         key: `${patchKey}${baseKey}`,
         rowspan,
         colspan,
-        onMouseenter: ($event) => handleCellMouseEnter($event, { ...row, tooltipEffect }),
+        onMouseenter: ($event) => handleCellMouseEnter($event, row, tooltipEffect),
         onMouseleave: handleCellMouseLeave
       }, [tdChildren]);
     }));
@@ -43219,10 +43226,6 @@ var TableBody = defineComponent({
       var _a;
       (_a = removePopper) == null ? void 0 : _a();
     });
-    onUpdated(() => {
-      var _a;
-      (_a = removePopper) == null ? void 0 : _a();
-    });
     return {
       ns,
       onColumnsChange,
@@ -43687,7 +43690,7 @@ function useStyle(props, layout, store, table) {
     if (props.data && props.data.length)
       return null;
     let height = "100%";
-    if (bodyScrollHeight.value) {
+    if (props.height && bodyScrollHeight.value) {
       height = `${bodyScrollHeight.value}px`;
     }
     const width = tableWidth.value;
@@ -44017,7 +44020,7 @@ const _hoisted_2$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 = resolveComponent("hColgroup");
   const _component_table_header = resolveComponent("table-header");
   const _component_table_body = resolveComponent("table-body");
@@ -44183,7 +44186,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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",
@@ -46864,11 +46867,11 @@ const tabBarProps = buildProps({
   }
 });
 
-const __default__$g = {
+const __default__$h = {
   name: "ElTabBar"
 };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+  ...__default__$h,
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -47351,11 +47354,11 @@ const tabPaneProps = buildProps({
 });
 
 const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$f = {
+const __default__$g = {
   name: "ElTabPane"
 };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+  ...__default__$g,
   props: tabPaneProps,
   setup(__props) {
     const props = __props;
@@ -47522,11 +47525,11 @@ const nextTime = (time, step) => {
   return formatTime(next);
 };
 
-const __default__$e = {
+const __default__$f = {
   name: "ElTimeSelect"
 };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+  ...__default__$f,
   props: timeSelectProps,
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(__props, { expose }) {
@@ -47690,11 +47693,11 @@ const timelineItemProps = buildProps({
   }
 });
 
-const __default__$d = {
+const __default__$e = {
   name: "ElTimelineItem"
 };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+  ...__default__$e,
   props: timelineItemProps,
   setup(__props) {
     const ns = useNamespace("timeline-item");
@@ -47893,11 +47896,11 @@ const tooltipV2Props = buildProps({
   }
 });
 
-const __default__$c = {
+const __default__$d = {
   name: "ElTooltipV2Root"
 };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+  ...__default__$d,
   props: tooltipV2RootProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -47966,11 +47969,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-const __default__$b = {
+const __default__$c = {
   name: "ElTooltipV2Arrow"
 };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+  ...__default__$c,
   props: {
     ...tooltipV2ArrowProps,
     ...tooltipV2ArrowSpecialProps
@@ -48009,11 +48012,11 @@ const visualHiddenProps = buildProps({
   }
 });
 
-const __default__$a = {
+const __default__$b = {
   name: "ElVisuallyHidden"
 };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+  ...__default__$b,
   props: visualHiddenProps,
   setup(__props) {
     const props = __props;
@@ -48044,11 +48047,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 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__ */ defineComponent({
-  ...__default__$9,
+  ...__default__$a,
   props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
   setup(__props) {
     const props = __props;
@@ -48176,11 +48179,11 @@ var ForwardRef = defineComponent({
   }
 });
 
-const __default__$8 = {
+const __default__$9 = {
   name: "ElTooltipV2Trigger"
 };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+  ...__default__$9,
   props: {
     ...tooltipV2CommonProps,
     ...tooltipV2TriggerProps
@@ -48259,11 +48262,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-const __default__$7 = {
+const __default__$8 = {
   name: "ElTooltipV2"
 };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+  ...__default__$8,
   props: tooltipV2Props,
   setup(__props) {
     const props = __props;
@@ -48580,11 +48583,11 @@ const useMove = (props, checkedState, emit) => {
   };
 };
 
-const __default__$6 = {
+const __default__$7 = {
   name: "ElTransferPanel"
 };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+  ...__default__$7,
   props: transferPanelProps,
   emits: transferPanelEmits,
   setup(__props, { expose, emit }) {
@@ -48697,11 +48700,11 @@ var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transf
 
 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__ */ defineComponent({
-  ...__default__$5,
+  ...__default__$6,
   props: transferProps,
   emits: transferEmits,
   setup(__props, { expose, emit }) {
@@ -49342,7 +49345,7 @@ class TreeStore {
   getNode(data) {
     if (data instanceof Node$1)
       return data;
-    const key = typeof data !== "object" ? data : getNodeKey(this.key, data);
+    const key = isObject$1(data) ? getNodeKey(this.key, data) : data;
     return this.nodesMap[key] || null;
   }
   insertBefore(data, refData) {
@@ -49953,7 +49956,7 @@ const _sfc_main$b = defineComponent({
 });
 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 = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_loading = resolveComponent("loading");
@@ -50058,7 +50061,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     [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");
@@ -50407,7 +50410,7 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-tree-node");
   return openBlock(), createElementBlock("div", {
@@ -50449,7 +50452,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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);
@@ -51224,9 +51227,9 @@ function useTree(props, emit) {
   function toggleExpand(node) {
     const expandedKeys = expandedKeySet.value;
     if (expandedKeys.has(node.key)) {
-      collapse(node);
+      collapseNode(node);
     } else {
-      expand(node);
+      expandNode(node);
     }
   }
   function handleNodeClick(node, e) {
@@ -51248,9 +51251,9 @@ function useTree(props, emit) {
   function handleNodeCheck(node, checked) {
     toggleCheckbox(node, checked);
   }
-  function expand(node) {
+  function expandNode(node) {
     const keySet = expandedKeySet.value;
-    if ((tree == null ? void 0 : tree.value) && props.accordion) {
+    if (tree.value && props.accordion) {
       const { treeNodeMap } = tree.value;
       keySet.forEach((key) => {
         const node2 = treeNodeMap.get(key);
@@ -51262,7 +51265,7 @@ function useTree(props, emit) {
     keySet.add(node.key);
     emit(NODE_EXPAND, node.data, node);
   }
-  function collapse(node) {
+  function collapseNode(node) {
     expandedKeySet.value.delete(node.key);
     emit(NODE_COLLAPSE, node.data, node);
   }
@@ -51280,7 +51283,7 @@ function useTree(props, emit) {
     var _a, _b;
     if (!currentKey.value)
       return void 0;
-    return (_b = (_a = tree == null ? void 0 : tree.value) == null ? void 0 : _a.treeNodeMap.get(currentKey.value)) == null ? void 0 : _b.data;
+    return (_b = (_a = tree.value) == null ? void 0 : _a.treeNodeMap.get(currentKey.value)) == null ? void 0 : _b.data;
   }
   function getCurrentKey() {
     return currentKey.value;
@@ -51291,6 +51294,11 @@ function useTree(props, emit) {
   function setData(data) {
     nextTick(() => tree.value = createTree(data));
   }
+  function getNode(data) {
+    var _a;
+    const key = isObject$1(data) ? getKey(data) : data;
+    return (_a = tree.value) == null ? void 0 : _a.treeNodeMap.get(key);
+  }
   return {
     tree,
     flattenTree,
@@ -51317,7 +51325,10 @@ function useTree(props, emit) {
     setChecked,
     setCheckedKeys,
     filter,
-    setData
+    setData,
+    getNode,
+    expandNode,
+    collapseNode
   };
 }
 
@@ -51386,7 +51397,7 @@ const _sfc_main$8 = defineComponent({
   }
 });
 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 = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -51443,7 +51454,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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 = defineComponent({
   name: "ElTreeV2",
@@ -51485,7 +51496,10 @@ const _sfc_main$7 = defineComponent({
       setChecked,
       setCheckedKeys,
       filter,
-      setData
+      setData,
+      getNode,
+      expandNode,
+      collapseNode
     } = useTree(props, ctx.emit);
     ctx.expose({
       getCurrentNode,
@@ -51498,7 +51512,10 @@ const _sfc_main$7 = defineComponent({
       setChecked,
       setCheckedKeys,
       filter,
-      setData
+      setData,
+      getNode,
+      expandNode,
+      collapseNode
     });
     return {
       t,
@@ -51519,7 +51536,7 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-tree-node");
   const _component_fixed_size_list = resolveComponent("fixed-size-list");
@@ -51564,7 +51581,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ], 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);
 
@@ -51780,11 +51797,11 @@ const _hoisted_2$4 = ["src"];
 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__ */ defineComponent({
-  ...__default__$4,
+  ...__default__$5,
   props: uploadListProps,
   emits: uploadListEmits,
   setup(__props, { emit }) {
@@ -51953,11 +51970,11 @@ const uploadDraggerEmits = {
 };
 
 const _hoisted_1$4 = ["onDrop", "onDragover"];
-const __default__$3 = {
+const __default__$4 = {
   name: "ElUploadDrag"
 };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+  ...__default__$4,
   props: uploadDraggerProps,
   emits: uploadDraggerEmits,
   setup(__props, { emit }) {
@@ -52050,12 +52067,12 @@ const uploadContentProps = buildProps({
 
 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__ */ defineComponent({
-  ...__default__$2,
+  ...__default__$3,
   props: uploadContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -52336,11 +52353,11 @@ const useHandlers = (props, uploadRef) => {
   };
 };
 
-const __default__$1 = {
+const __default__$2 = {
   name: "ElUpload"
 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+  ...__default__$2,
   props: uploadProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -53056,11 +53073,11 @@ const getLastOffset = (id) => {
 
 const _hoisted_1$2 = ["id"];
 const _hoisted_2$2 = ["innerHTML"];
-const __default__ = {
+const __default__$1 = {
   name: "ElMessage"
 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__,
+  ...__default__$1,
   props: messageProps,
   emits: messageEmits,
   setup(__props, { expose }) {
@@ -53563,7 +53580,7 @@ const _sfc_main$1 = defineComponent({
 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 = resolveComponent("el-icon");
   const _component_close = resolveComponent("close");
   const _component_el_input = resolveComponent("el-input");
@@ -53761,7 +53778,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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) => {
@@ -53961,16 +53978,21 @@ const notificationEmits = {
   destroy: () => true
 };
 
-const _sfc_main = 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__ */ defineComponent({
+  ...__default__,
   props: notificationProps,
   emits: notificationEmits,
-  setup(props) {
+  setup(__props, { expose }) {
+    const props = __props;
     const ns = useNamespace("notification");
+    const { Close } = CloseComponents;
     const visible = ref(false);
     let timer = void 0;
     const typeClass = computed$1(() => {
@@ -53978,7 +54000,9 @@ const _sfc_main = defineComponent({
       return type && TypeComponentsMap[props.type] ? ns.m(type) : "";
     });
     const iconComponent = computed$1(() => {
-      return TypeComponentsMap[props.type] || props.icon || "";
+      if (!props.type)
+        return "";
+      return TypeComponentsMap[props.type] || props.icon;
     });
     const horizontalClass = computed$1(() => props.position.endsWith("right") ? "right" : "left");
     const verticalProperty = computed$1(() => props.position.startsWith("top") ? "top" : "bottom");
@@ -54018,91 +54042,77 @@ const _sfc_main = defineComponent({
       visible.value = true;
     });
     useEventListener(document, "keydown", onKeydown);
-    return {
-      ns,
-      horizontalClass,
-      typeClass,
-      iconComponent,
-      positionStyle,
+    expose({
       visible,
-      close,
-      clearTimer,
-      startTimer
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: unref(ns).b("fade"),
+        onBeforeLeave: _ctx.onClose,
+        onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy")),
+        persisted: ""
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            id: _ctx.id,
+            class: normalizeClass([unref(ns).b(), _ctx.customClass, unref(horizontalClass)]),
+            style: normalizeStyle(unref(positionStyle)),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer,
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+          }, [
+            unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 0,
+              class: normalizeClass([unref(ns).e("icon"), unref(typeClass)])
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
+              ]),
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("group"))
+            }, [
+              createElementVNode("h2", {
+                class: normalizeClass(unref(ns).e("title")),
+                textContent: toDisplayString(_ctx.title)
+              }, null, 10, _hoisted_2),
+              withDirectives(createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("content")),
+                style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                    createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
+                  ], 2112))
+                ])
+              ], 6), [
+                [vShow, _ctx.message]
+              ]),
+              _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass(unref(ns).e("closeBtn")),
+                onClick: withModifiers(close, ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Close))
+                ]),
+                _: 1
+              }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
+            ], 2)
+          ], 46, _hoisted_1), [
+            [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 = resolveComponent("el-icon");
-  const _component_close = resolveComponent("close");
-  return openBlock(), createBlock(Transition, {
-    name: _ctx.ns.b("fade"),
-    onBeforeLeave: _ctx.onClose,
-    onAfterLeave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("destroy")),
-    persisted: ""
-  }, {
-    default: withCtx(() => [
-      withDirectives(createElementVNode("div", {
-        id: _ctx.id,
-        class: normalizeClass([_ctx.ns.b(), _ctx.customClass, _ctx.horizontalClass]),
-        style: 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 ? (openBlock(), createBlock(_component_el_icon, {
-          key: 0,
-          class: normalizeClass([_ctx.ns.e("icon"), _ctx.typeClass])
-        }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-          ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("v-if", true),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.ns.e("group"))
-        }, [
-          createElementVNode("h2", {
-            class: normalizeClass(_ctx.ns.e("title")),
-            textContent: toDisplayString(_ctx.title)
-          }, null, 10, _hoisted_2),
-          withDirectives(createElementVNode("div", {
-            class: normalizeClass(_ctx.ns.e("content")),
-            style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createCommentVNode(" Caution here, message could've been compromized, nerver use user's input as message "),
-                createCommentVNode(" eslint-disable-next-line "),
-                createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
-              ], 2112))
-            ])
-          ], 6), [
-            [vShow, _ctx.message]
-          ]),
-          _ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0,
-            class: normalizeClass(_ctx.ns.e("closeBtn")),
-            onClick: withModifiers(_ctx.close, ["stop"])
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_close)
-            ]),
-            _: 1
-          }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
-        ], 2)
-      ], 46, _hoisted_1), [
-        [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": [],