@element-plus/nightly 0.0.20220914 → 0.0.20220916

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20220914 */
+/*! Element Plus v0.0.20220916 */
 
-import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, 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, toRaw as toRaw$1, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, 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, toRaw as toRaw$1, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, shallowReactive, TransitionGroup, createApp, render } from 'vue';
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
@@ -8691,7 +8691,9 @@ const flattedChildren = (children) => {
   const vNodes = isArray(children) ? children : [children];
   const result = [];
   vNodes.forEach((child) => {
-    if (isArray(child.children)) {
+    if (isArray(child)) {
+      result.push(...flattedChildren(child));
+    } else if (isVNode(child) && isArray(child.children)) {
       result.push(...flattedChildren(child.children));
     } else {
       result.push(child);
@@ -8746,6 +8748,8 @@ const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 
 const carouselContextKey = Symbol("carouselContextKey");
 
+const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
+
 const collapseContextKey = Symbol("collapseContextKey");
 
 const configProviderContextKey = Symbol();
@@ -8841,7 +8845,7 @@ const useSize = (fallback, ignore = {}) => {
   const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
   return computed$1(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "");
 };
-const useDisabled$1 = (fallback) => {
+const useDisabled = (fallback) => {
   const disabled = useProp("disabled");
   const form = inject(formContextKey, void 0);
   return computed$1(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
@@ -11036,7 +11040,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "0.0.20220914";
+const version$1 = "0.0.20220916";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11085,16 +11089,16 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const __default__$1q = {
-  name: "ElAffix"
-};
+const COMPONENT_NAME$k = "ElAffix";
+const __default__$1r = defineComponent({
+  name: COMPONENT_NAME$k
+});
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+  ...__default__$1r,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const COMPONENT_NAME = "ElAffix";
     const ns = useNamespace("affix");
     const target = shallowRef();
     const root = shallowRef();
@@ -11162,7 +11166,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
       if (props.target) {
         target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!target.value)
-          throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`);
+          throwError(COMPONENT_NAME$k, `Target is not existed: ${props.target}`);
       } else {
         target.value = document.documentElement;
       }
@@ -11205,12 +11209,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1p = {
+const __default__$1q = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
-};
+});
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+  ...__default__$1q,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11273,11 +11277,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1o = {
+const __default__$1p = defineComponent({
   name: "ElAlert"
-};
+});
 const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+  ...__default__$1p,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11291,7 +11295,9 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
       ns.e("icon"),
       { [ns.is("big")]: !!props.description || !!slots.default }
     ]);
-    const isBoldTitle = computed$1(() => props.description || { [ns.is("bold")]: slots.default });
+    const isBoldTitle = computed$1(() => {
+      return { [ns.is("bold")]: props.description || slots.default };
+    });
     const close = (evt) => {
       visible.value = false;
       emit("close", evt);
@@ -11543,12 +11549,12 @@ const inputEmits = {
 const _hoisted_1$14 = ["role"];
 const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-const __default__$1n = {
+const __default__$1o = defineComponent({
   name: "ElInput",
   inheritAttrs: false
-};
+});
 const _sfc_main$2c = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+  ...__default__$1o,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -11579,7 +11585,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
       formItemContext: formItem
     });
     const inputSize = useSize();
-    const inputDisabled = useDisabled$1();
+    const inputDisabled = useDisabled();
     const nsInput = useNamespace("input");
     const nsTextarea = useNamespace("textarea");
     const input = shallowRef();
@@ -12022,16 +12028,16 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
+const COMPONENT_NAME$j = "Thumb";
 const _sfc_main$2b = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
     const props = __props;
-    const COMPONENT_NAME = "Thumb";
     const scrollbar = inject(scrollbarContextKey);
     const ns = useNamespace("scrollbar");
     if (!scrollbar)
-      throwError(COMPONENT_NAME, "can not inject scrollbar context");
+      throwError(COMPONENT_NAME$j, "can not inject scrollbar context");
     const instance = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -12244,11 +12250,11 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
-const __default__$1m = {
+const __default__$1n = defineComponent({
   name: "ElScrollbar"
-};
+});
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1n,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -12420,12 +12426,12 @@ const usePopperProps = buildProps({
   }
 });
 
-const __default__$1l = {
+const __default__$1m = defineComponent({
   name: "ElPopperRoot",
   inheritAttrs: false
-};
+});
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+  ...__default__$1m,
   props: usePopperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12457,12 +12463,12 @@ const usePopperArrowProps = buildProps({
   }
 });
 
-const __default__$1k = {
+const __default__$1l = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
-};
+});
 const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+  ...__default__$1l,
   props: usePopperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12560,12 +12566,12 @@ const usePopperTriggerProps = buildProps({
   open: Boolean
 });
 
-const __default__$1j = {
+const __default__$1k = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
-};
+});
 const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+  ...__default__$1k,
   props: usePopperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12967,10 +12973,10 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$D(_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$E], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$D], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const usePopperCoreConfigProps = buildProps({
@@ -13127,11 +13133,11 @@ function deriveExtraModifiers(options, modifiers) {
   }
 }
 
-const __default__$1i = {
+const __default__$1j = defineComponent({
   name: "ElPopperContent"
-};
+});
 const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+  ...__default__$1j,
   props: usePopperContentProps,
   emits: usePopperContentEmits,
   setup(__props, { expose, emit }) {
@@ -13502,7 +13508,7 @@ const _sfc_main$23 = 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_content = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
     disabled: !_ctx.teleported,
@@ -13557,7 +13563,7 @@ function _sfc_render$D(_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$D], ["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$C], ["__file", "content.vue"]]);
 
 const isTriggerType = (trigger, type) => {
   if (isArray(trigger)) {
@@ -13622,7 +13628,7 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$B(_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,
@@ -13644,7 +13650,7 @@ function _sfc_render$C(_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$C], ["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$B], ["__file", "trigger.vue"]]);
 
 const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
 const _sfc_main$21 = defineComponent({
@@ -13764,7 +13770,7 @@ const _sfc_main$21 = defineComponent({
 });
 const _hoisted_1$13 = ["innerHTML"];
 const _hoisted_2$F = { key: 1 };
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$A(_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");
@@ -13833,7 +13839,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["role"]);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$B], ["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$A], ["__file", "tooltip.vue"]]);
 
 const ElTooltip = withInstall(Tooltip);
 
@@ -13908,20 +13914,20 @@ const autocompleteEmits = {
 const _hoisted_1$12 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
 const _hoisted_3$k = ["id", "aria-selected", "onClick"];
-const __default__$1h = {
-  name: "ElAutocomplete",
+const COMPONENT_NAME$i = "ElAutocomplete";
+const __default__$1i = defineComponent({
+  name: COMPONENT_NAME$i,
   inheritAttrs: false
-};
+});
 const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1i,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const COMPONENT_NAME = "ElAutocomplete";
     const attrs = useAttrs();
     const rawAttrs = useAttrs$1();
-    const disabled = useDisabled$1();
+    const disabled = useDisabled();
     const ns = useNamespace("autocomplete");
     const inputRef = ref();
     const regionRef = ref();
@@ -13972,7 +13978,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
           suggestions.value = suggestionList;
           highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
         } else {
-          throwError(COMPONENT_NAME, "autocomplete suggestions must be an array");
+          throwError(COMPONENT_NAME$i, "autocomplete suggestions must be an array");
         }
       };
       loading.value = true;
@@ -14274,11 +14280,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$11 = ["src", "alt", "srcset"];
-const __default__$1g = {
+const __default__$1h = defineComponent({
   name: "ElAvatar"
-};
+});
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1h,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -14359,16 +14365,16 @@ const backtopEmits = {
 };
 
 const _hoisted_1$10 = ["onClick"];
-const __default__$1f = {
-  name: "ElBacktop"
-};
+const COMPONENT_NAME$h = "ElBacktop";
+const __default__$1g = defineComponent({
+  name: COMPONENT_NAME$h
+});
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1g,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
     const props = __props;
-    const COMPONENT_NAME = "ElBacktop";
     const ns = useNamespace("backtop");
     const el = shallowRef();
     const container = shallowRef();
@@ -14412,7 +14418,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
       if (props.target) {
         el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!el.value) {
-          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`);
+          throwError(COMPONENT_NAME$h, `target is not existed: ${props.target}`);
         }
         container.value = el.value;
       }
@@ -14468,11 +14474,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$$ = ["textContent"];
-const __default__$1e = {
+const __default__$1f = defineComponent({
   name: "ElBadge"
-};
+});
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1f,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14530,11 +14536,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1d = {
+const __default__$1e = defineComponent({
   name: "ElBreadcrumb"
-};
+});
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1e,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -14573,11 +14579,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1c = {
+const __default__$1d = defineComponent({
   name: "ElBreadcrumbItem"
-};
+});
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1d,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -15556,7 +15562,7 @@ function darken(color, amount = 20) {
   return color.mix("#141414", amount).toString();
 }
 function useButtonCustomStyle(props) {
-  const _disabled = useDisabled$1();
+  const _disabled = useDisabled();
   const ns = useNamespace("button");
   return computed$1(() => {
     let styles = {};
@@ -15607,11 +15613,11 @@ function useButtonCustomStyle(props) {
 }
 
 const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__$1b = {
+const __default__$1c = defineComponent({
   name: "ElButton"
-};
+});
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1c,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -15629,7 +15635,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("button");
     const { form } = useFormItem();
     const _size = useSize(computed$1(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-    const _disabled = useDisabled$1();
+    const _disabled = useDisabled();
     const _ref = ref();
     const _type = computed$1(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
     const autoInsertSpace = computed$1(() => {
@@ -15719,11 +15725,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$1a = {
+const __default__$1b = defineComponent({
   name: "ElButtonGroup"
-};
+});
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1b,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -16375,11 +16381,11 @@ const timePickerDefaultProps = buildProps({
 
 const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$19 = {
+const __default__$1a = defineComponent({
   name: "Picker"
-};
+});
 const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+  ...__default__$1a,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -17499,7 +17505,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
           return openBlock(), createBlock(unref(ElScrollbar), {
             key: item,
             ref_for: true,
-            ref: (scollbar) => setRef(scollbar, item),
+            ref: (scrollbar) => setRef(scrollbar, item),
             class: normalizeClass(unref(ns).be("spinner", "wrapper")),
             "wrap-style": "max-height: inherit;",
             "view-class": unref(ns).be("spinner", "list"),
@@ -18105,11 +18111,11 @@ const dateTableEmits = {
 
 const _hoisted_1$W = { key: 0 };
 const _hoisted_2$B = ["onClick"];
-const __default__$18 = {
+const __default__$19 = defineComponent({
   name: "DateTable"
-};
+});
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$19,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -18264,11 +18270,12 @@ const calendarEmits = {
   [INPUT_EVENT]: (value) => isDate(value)
 };
 
-const __default__$17 = {
-  name: "ElCalendar"
-};
+const COMPONENT_NAME$g = "ElCalendar";
+const __default__$18 = defineComponent({
+  name: COMPONENT_NAME$g
+});
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$18,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -18508,11 +18515,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$16 = {
+const __default__$17 = defineComponent({
   name: "ElCard"
-};
+});
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$17,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -18604,17 +18611,17 @@ const carouselEmits = {
 const _hoisted_1$V = ["onMouseenter", "onMouseleave"];
 const _hoisted_2$A = ["onMouseenter", "onClick"];
 const _hoisted_3$j = { key: 0 };
-const __default__$15 = {
+const THROTTLE_TIME = 300;
+const __default__$16 = defineComponent({
   name: "ElCarousel"
-};
+});
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$16,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
     const ns = useNamespace("carousel");
-    const THROTTLE_TIME = 300;
     const activeIndex = ref(-1);
     const timer = ref(null);
     const hover = ref(false);
@@ -18925,18 +18932,18 @@ const carouselItemProps = buildProps({
   }
 });
 
-const __default__$14 = {
+const CARD_SCALE = 0.83;
+const __default__$15 = defineComponent({
   name: "ElCarouselItem"
-};
+});
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$15,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
     const ns = useNamespace("carousel");
     const carouselContext = inject(carouselContextKey);
     const instance = getCurrentInstance();
-    const CARD_SCALE = 0.83;
     const hover = ref(false);
     const translate = ref(0);
     const scale = ref(1);
@@ -19068,50 +19075,10 @@ const ElCarousel = withInstall(Carousel, {
 });
 const ElCarouselItem = withNoopInstall(CarouselItem);
 
-const useCheckboxGroupProps = {
-  modelValue: {
-    type: Array,
-    default: () => []
-  },
-  disabled: Boolean,
-  min: {
-    type: Number,
-    default: void 0
-  },
-  max: {
-    type: Number,
-    default: void 0
-  },
-  size: useSizeProp,
-  id: {
-    type: String,
-    default: void 0
-  },
-  label: {
-    type: String,
-    default: void 0
-  },
-  fill: {
-    type: String,
-    default: void 0
-  },
-  textColor: {
-    type: String,
-    default: void 0
-  },
-  tag: {
-    type: String,
-    default: "div"
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  }
-};
 const checkboxProps = {
   modelValue: {
     type: [Number, String, Boolean],
-    default: () => void 0
+    default: void 0
   },
   label: {
     type: [String, Boolean, Number, Object]
@@ -19147,45 +19114,89 @@ const checkboxProps = {
     default: true
   }
 };
-const useCheckboxGroup = () => {
-  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 == null ? void 0 : elFormItem.size;
+const checkboxEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+  change: (val) => isString(val) || isNumber(val) || isBoolean(val)
+};
+
+const useCheckboxDisabled = ({
+  model,
+  isChecked
+}) => {
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const isLimitDisabled = computed$1(() => {
+    var _a, _b;
+    const max = (_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value;
+    const min = (_b = checkboxGroup == null ? void 0 : checkboxGroup.min) == null ? void 0 : _b.value;
+    return !isUndefined(max) && model.value.length >= max && !isChecked.value || !isUndefined(min) && model.value.length <= min && isChecked.value;
   });
+  const isDisabled = useDisabled(computed$1(() => (checkboxGroup == null ? void 0 : checkboxGroup.disabled.value) || isLimitDisabled.value));
   return {
-    isGroup,
-    checkboxGroup,
-    elForm,
-    elFormItemSize,
-    elFormItem
+    isDisabled,
+    isLimitDisabled
   };
 };
-const useCheckboxGroupId = (props, { elFormItem }) => {
-  const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
-    formItemContext: elFormItem
+
+const useCheckboxEvent = (props, {
+  model,
+  isLimitExceeded,
+  hasOwnLabel,
+  isDisabled,
+  isLabeledByFormItem
+}) => {
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const { formItem } = useFormItem();
+  const { emit } = getCurrentInstance();
+  function getLabeledValue(value) {
+    var _a, _b;
+    return value === props.trueLabel || value === true ? (_a = props.trueLabel) != null ? _a : true : (_b = props.falseLabel) != null ? _b : false;
+  }
+  function emitChangeEvent(checked, e) {
+    emit("change", getLabeledValue(checked), e);
+  }
+  function handleChange(e) {
+    if (isLimitExceeded.value)
+      return;
+    const target = e.target;
+    emit("change", getLabeledValue(target.checked), e);
+  }
+  async function onClickRoot(e) {
+    if (isLimitExceeded.value)
+      return;
+    if (!hasOwnLabel.value && !isDisabled.value && isLabeledByFormItem.value) {
+      model.value = getLabeledValue([false, props.falseLabel].includes(model.value));
+      await nextTick();
+      emitChangeEvent(model.value, e);
+    }
+  }
+  const validateEvent = computed$1(() => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props.validateEvent);
+  watch(() => props.modelValue, () => {
+    if (validateEvent.value) {
+      formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+    }
   });
   return {
-    isLabeledByFormItem,
-    groupId
+    handleChange,
+    onClickRoot
   };
 };
-const useModel = (props) => {
+
+const useCheckboxModel = (props) => {
   const selfModel = ref(false);
   const { emit } = getCurrentInstance();
-  const { isGroup, checkboxGroup, elFormItem } = useCheckboxGroup();
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const isGroup = computed$1(() => isUndefined(checkboxGroup) === false);
   const isLimitExceeded = ref(false);
   const model = computed$1({
     get() {
       var _a, _b;
-      return isGroup.value ? (_a = checkboxGroup.modelValue) == null ? void 0 : _a.value : (_b = props.modelValue) != null ? _b : selfModel.value;
+      return isGroup.value ? (_a = checkboxGroup == null ? void 0 : checkboxGroup.modelValue) == null ? void 0 : _a.value : (_b = props.modelValue) != null ? _b : selfModel.value;
     },
     set(val) {
-      var _a;
-      if (isGroup.value && Array.isArray(val)) {
-        isLimitExceeded.value = checkboxGroup.max !== void 0 && val.length > checkboxGroup.max.value;
-        isLimitExceeded.value === false && ((_a = checkboxGroup == null ? void 0 : checkboxGroup.changeEvent) == null ? void 0 : _a.call(checkboxGroup, val));
+      var _a, _b;
+      if (isGroup.value && isArray(val)) {
+        isLimitExceeded.value = ((_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value);
+        isLimitExceeded.value === false && ((_b = checkboxGroup == null ? void 0 : checkboxGroup.changeEvent) == null ? void 0 : _b.call(checkboxGroup, val));
       } else {
         emit(UPDATE_MODEL_EVENT, val);
         selfModel.value = val;
@@ -19195,19 +19206,18 @@ const useModel = (props) => {
   return {
     model,
     isGroup,
-    isLimitExceeded,
-    elFormItem
+    isLimitExceeded
   };
 };
+
 const useCheckboxStatus = (props, slots, { model }) => {
-  const { isGroup, checkboxGroup } = useCheckboxGroup();
-  const focus = ref(false);
-  const size = useSize(checkboxGroup == null ? void 0 : checkboxGroup.checkboxGroupSize, { prop: true });
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const isFocused = ref(false);
   const isChecked = computed$1(() => {
     const value = model.value;
-    if (toTypeString(value) === "[object Boolean]") {
+    if (isBoolean(value)) {
       return value;
-    } else if (Array.isArray(value)) {
+    } else if (isArray(value)) {
       return value.map(toRaw$1).includes(props.label);
     } else if (value !== null && value !== void 0) {
       return value === props.trueLabel;
@@ -19215,45 +19225,31 @@ const useCheckboxStatus = (props, slots, { model }) => {
       return !!value;
     }
   });
+  const checkboxButtonSize = useSize(computed$1(() => {
+    var _a;
+    return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
+  }), {
+    prop: true
+  });
   const checkboxSize = useSize(computed$1(() => {
     var _a;
-    return isGroup.value ? (_a = checkboxGroup == null ? void 0 : checkboxGroup.checkboxGroupSize) == null ? void 0 : _a.value : void 0;
+    return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
   }));
   const hasOwnLabel = computed$1(() => {
     return !!(slots.default || props.label);
   });
   return {
+    checkboxButtonSize,
     isChecked,
-    focus,
-    size,
+    isFocused,
     checkboxSize,
     hasOwnLabel
   };
 };
-const useDisabled = (props, {
-  model,
-  isChecked
-}) => {
-  const { elForm, isGroup, checkboxGroup } = useCheckboxGroup();
-  const isLimitDisabled = computed$1(() => {
-    var _a, _b;
-    const max = (_a = checkboxGroup.max) == null ? void 0 : _a.value;
-    const min = (_b = checkboxGroup.min) == null ? void 0 : _b.value;
-    return !!(max || min) && model.value.length >= max && !isChecked.value || model.value.length <= min && isChecked.value;
-  });
-  const isDisabled = computed$1(() => {
-    var _a, _b;
-    const disabled = props.disabled || (elForm == null ? void 0 : elForm.disabled);
-    return (_b = isGroup.value ? ((_a = checkboxGroup.disabled) == null ? void 0 : _a.value) || disabled || isLimitDisabled.value : disabled) != null ? _b : false;
-  });
-  return {
-    isDisabled,
-    isLimitDisabled
-  };
-};
+
 const setStoreValue = (props, { model }) => {
   function addToStore() {
-    if (Array.isArray(model.value) && !model.value.includes(props.label)) {
+    if (isArray(model.value) && !model.value.includes(props.label)) {
       model.value.push(props.label);
     } else {
       model.value = props.trueLabel || true;
@@ -19261,71 +19257,23 @@ const setStoreValue = (props, { model }) => {
   }
   props.checked && addToStore();
 };
-const useEvent$1 = (props, {
-  model,
-  isLimitExceeded,
-  hasOwnLabel,
-  isDisabled,
-  isLabeledByFormItem
-}) => {
-  const { elFormItem, checkboxGroup } = useCheckboxGroup();
-  const { emit } = getCurrentInstance();
-  function getLabeledValue(value) {
-    var _a, _b;
-    return value === props.trueLabel || value === true ? (_a = props.trueLabel) != null ? _a : true : (_b = props.falseLabel) != null ? _b : false;
-  }
-  function emitChangeEvent(checked, e) {
-    emit("change", getLabeledValue(checked), e);
-  }
-  function handleChange(e) {
-    if (isLimitExceeded.value)
-      return;
-    const target = e.target;
-    emit("change", getLabeledValue(target.checked), e);
-  }
-  async function onClickRoot(e) {
-    if (isLimitExceeded.value)
-      return;
-    if (!hasOwnLabel.value && !isDisabled.value && isLabeledByFormItem.value) {
-      model.value = getLabeledValue([false, props.falseLabel].includes(model.value));
-      await nextTick();
-      emitChangeEvent(model.value, e);
-    }
-  }
-  const validateEvent = computed$1(() => {
-    var _a;
-    return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
-  });
-  watch(() => props.modelValue, () => {
-    if (validateEvent.value) {
-      elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
-    }
-  });
-  return {
-    handleChange,
-    onClickRoot
-  };
-};
-const checkboxEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
-  change: (val) => isString(val) || isNumber(val) || isBoolean(val)
-};
-const checkboxGroupEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isArray(val),
-  change: (val) => isArray(val)
-};
 const useCheckbox = (props, slots) => {
-  const { model, isGroup, isLimitExceeded, elFormItem } = useModel(props);
-  const { focus, size, isChecked, checkboxSize, hasOwnLabel } = useCheckboxStatus(props, slots, {
-    model
-  });
-  const { isDisabled } = useDisabled(props, { model, isChecked });
+  const { formItem: elFormItem } = useFormItem();
+  const { model, isGroup, isLimitExceeded } = useCheckboxModel(props);
+  const {
+    isFocused,
+    isChecked,
+    checkboxButtonSize,
+    checkboxSize,
+    hasOwnLabel
+  } = useCheckboxStatus(props, slots, { model });
+  const { isDisabled } = useCheckboxDisabled({ model, isChecked });
   const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
     formItemContext: elFormItem,
     disableIdGeneration: hasOwnLabel,
     disableIdManagement: isGroup
   });
-  const { handleChange, onClickRoot } = useEvent$1(props, {
+  const { handleChange, onClickRoot } = useCheckboxEvent(props, {
     model,
     isLimitExceeded,
     hasOwnLabel,
@@ -19334,30 +19282,28 @@ const useCheckbox = (props, slots) => {
   });
   setStoreValue(props, { model });
   return {
-    elFormItem,
     inputId,
     isLabeledByFormItem,
     isChecked,
     isDisabled,
-    isGroup,
+    isFocused,
+    checkboxButtonSize,
     checkboxSize,
     hasOwnLabel,
     model,
     handleChange,
-    onClickRoot,
-    focus,
-    size
+    onClickRoot
   };
 };
 
 const _hoisted_1$U = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$i = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-const __default__$13 = {
+const __default__$14 = defineComponent({
   name: "ElCheckbox"
-};
+});
 const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$14,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19368,12 +19314,12 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
       isLabeledByFormItem,
       isChecked,
       isDisabled,
+      isFocused,
       checkboxSize,
       hasOwnLabel,
       model,
       handleChange,
-      onClickRoot,
-      focus
+      onClickRoot
     } = useCheckbox(props, slots);
     const ns = useNamespace("checkbox");
     return (_ctx, _cache) => {
@@ -19395,7 +19341,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
               unref(ns).is("disabled", unref(isDisabled)),
               unref(ns).is("checked", unref(isChecked)),
               unref(ns).is("indeterminate", _ctx.indeterminate),
-              unref(ns).is("focus", unref(focus))
+              unref(ns).is("focus", unref(isFocused))
             ]),
             tabindex: _ctx.indeterminate ? 0 : void 0,
             role: _ctx.indeterminate ? "checkbox" : void 0,
@@ -19414,8 +19360,8 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
               "true-value": _ctx.trueLabel,
               "false-value": _ctx.falseLabel,
               onChange: _cache[1] || (_cache[1] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
-              onFocus: _cache[2] || (_cache[2] = ($event) => focus.value = true),
-              onBlur: _cache[3] || (_cache[3] = ($event) => focus.value = false)
+              onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
+              onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false)
             }, null, 42, _hoisted_2$z)), [
               [vModelCheckbox, unref(model)]
             ]) : withDirectives((openBlock(), createElementBlock("input", {
@@ -19430,8 +19376,8 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
               name: _ctx.name,
               tabindex: _ctx.tabindex,
               onChange: _cache[5] || (_cache[5] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
-              onFocus: _cache[6] || (_cache[6] = ($event) => focus.value = true),
-              onBlur: _cache[7] || (_cache[7] = ($event) => focus.value = false)
+              onFocus: _cache[6] || (_cache[6] = ($event) => isFocused.value = true),
+              onBlur: _cache[7] || (_cache[7] = ($event) => isFocused.value = false)
             }, null, 42, _hoisted_3$i)), [
               [vModelCheckbox, unref(model)]
             ]),
@@ -19458,18 +19404,25 @@ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox.v
 
 const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-const __default__$12 = {
+const __default__$13 = defineComponent({
   name: "ElCheckboxButton"
-};
+});
 const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$13,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
     const props = __props;
     const slots = useSlots();
-    const { focus, isChecked, isDisabled, size, model, handleChange } = useCheckbox(props, slots);
-    const { checkboxGroup } = useCheckboxGroup();
+    const {
+      isFocused,
+      isChecked,
+      isDisabled,
+      checkboxButtonSize,
+      model,
+      handleChange
+    } = useCheckbox(props, slots);
+    const checkboxGroup = inject(checkboxGroupContextKey);
     const ns = useNamespace("checkbox");
     const activeStyle = computed$1(() => {
       var _a, _b, _c, _d;
@@ -19485,10 +19438,10 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass([
           unref(ns).b("button"),
-          unref(ns).bm("button", unref(size)),
+          unref(ns).bm("button", unref(checkboxButtonSize)),
           unref(ns).is("disabled", unref(isDisabled)),
           unref(ns).is("checked", unref(isChecked)),
-          unref(ns).is("focus", unref(focus))
+          unref(ns).is("focus", unref(isFocused))
         ])
       }, [
         _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
@@ -19502,8 +19455,8 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
           "true-value": _ctx.trueLabel,
           "false-value": _ctx.falseLabel,
           onChange: _cache[1] || (_cache[1] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
-          onFocus: _cache[2] || (_cache[2] = ($event) => focus.value = true),
-          onBlur: _cache[3] || (_cache[3] = ($event) => focus.value = false)
+          onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
+          onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false)
         }, null, 42, _hoisted_1$T)), [
           [vModelCheckbox, unref(model)]
         ]) : withDirectives((openBlock(), createElementBlock("input", {
@@ -19516,8 +19469,8 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
           disabled: unref(isDisabled),
           value: _ctx.label,
           onChange: _cache[5] || (_cache[5] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
-          onFocus: _cache[6] || (_cache[6] = ($event) => focus.value = true),
-          onBlur: _cache[7] || (_cache[7] = ($event) => focus.value = false)
+          onFocus: _cache[6] || (_cache[6] = ($event) => isFocused.value = true),
+          onBlur: _cache[7] || (_cache[7] = ($event) => isFocused.value = false)
         }, null, 42, _hoisted_2$y)), [
           [vModelCheckbox, unref(model)]
         ]),
@@ -19536,26 +19489,50 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
 });
 var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-button.vue"]]);
 
-const __default__$11 = {
-  name: "ElCheckboxGroup"
+const checkboxGroupProps = buildProps({
+  modelValue: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  disabled: Boolean,
+  min: Number,
+  max: Number,
+  size: useSizeProp,
+  label: String,
+  fill: String,
+  textColor: String,
+  tag: {
+    type: String,
+    default: "div"
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  }
+});
+const checkboxGroupEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isArray(val),
+  change: (val) => isArray(val)
 };
+
+const __default__$12 = defineComponent({
+  name: "ElCheckboxGroup"
+});
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
-  props: useCheckboxGroupProps,
+  ...__default__$12,
+  props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
     const props = __props;
-    const { elFormItem } = useCheckboxGroup();
-    const { groupId, isLabeledByFormItem } = useCheckboxGroupId(props, {
-      elFormItem
-    });
-    const checkboxGroupSize = useSize();
     const ns = useNamespace("checkbox");
-    const changeEvent = (value) => {
+    const { formItem } = useFormItem();
+    const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
+      formItemContext: formItem
+    });
+    const changeEvent = async (value) => {
       emit(UPDATE_MODEL_EVENT, value);
-      nextTick(() => {
-        emit("change", value);
-      });
+      await nextTick();
+      emit("change", value);
     };
     const modelValue = computed$1({
       get() {
@@ -19565,16 +19542,22 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
         changeEvent(val);
       }
     });
-    provide("CheckboxGroup", {
-      name: "ElCheckboxGroup",
-      ...toRefs(props),
+    provide(checkboxGroupContextKey, {
+      ...pick(toRefs(props), [
+        "size",
+        "min",
+        "max",
+        "disabled",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
       modelValue,
-      checkboxGroupSize,
       changeEvent
     });
     watch(() => props.modelValue, () => {
       if (props.validateEvent) {
-        elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
       }
     });
     return (_ctx, _cache) => {
@@ -19584,7 +19567,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
         class: normalizeClass(unref(ns).b("group")),
         role: "group",
         "aria-label": !unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? (_a = unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
+        "aria-labelledby": unref(isLabeledByFormItem) ? (_a = unref(formItem)) == null ? void 0 : _a.labelId : void 0
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -19646,7 +19629,7 @@ const useRadio = (props, emit) => {
     }
   });
   const size = useSize(computed$1(() => radioGroup == null ? void 0 : radioGroup.size));
-  const disabled = useDisabled$1(computed$1(() => radioGroup == null ? void 0 : radioGroup.disabled));
+  const disabled = useDisabled(computed$1(() => radioGroup == null ? void 0 : radioGroup.disabled));
   const focus = ref(false);
   const tabIndex = computed$1(() => {
     return disabled.value || isGroup.value && modelValue.value !== props.label ? -1 : 0;
@@ -19664,11 +19647,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$S = ["value", "name", "disabled"];
-const __default__$10 = {
+const __default__$11 = defineComponent({
   name: "ElRadio"
-};
+});
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+  ...__default__$11,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -19740,11 +19723,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$R = ["value", "name", "disabled"];
-const __default__$$ = {
+const __default__$10 = defineComponent({
   name: "ElRadioButton"
-};
+});
 const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$10,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -19834,11 +19817,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
-const __default__$_ = {
+const __default__$$ = defineComponent({
   name: "ElRadioGroup"
-};
+});
 const _sfc_main$1G = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$$,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -20034,7 +20017,7 @@ const _sfc_main$1F = defineComponent({
 });
 const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$x = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$z(_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");
@@ -20117,7 +20100,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$P);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$A], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$z], ["__file", "node.vue"]]);
 
 const _sfc_main$1E = defineComponent({
   name: "ElCascaderMenu",
@@ -20197,7 +20180,7 @@ const _sfc_main$1E = 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_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -20250,7 +20233,7 @@ function _sfc_render$z(_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$z], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$y], ["__file", "menu.vue"]]);
 
 let uid = 0;
 const calculatePathNodes = (node) => {
@@ -20721,7 +20704,7 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$x(_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)]),
@@ -20738,7 +20721,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$y], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$x], ["__file", "index.vue"]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -20776,11 +20759,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$Z = {
+const __default__$_ = defineComponent({
   name: "ElTag"
-};
+});
 const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$_,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -20886,9 +20869,9 @@ const popperOptions = {
     }
   ]
 };
-const COMPONENT_NAME$a = "ElCascader";
+const COMPONENT_NAME$f = "ElCascader";
 const _sfc_main$1B = defineComponent({
-  name: COMPONENT_NAME$a,
+  name: COMPONENT_NAME$f,
   components: {
     ElCascaderPanel: _CascaderPanel,
     ElInput,
@@ -21314,7 +21297,7 @@ const _sfc_main$1B = defineComponent({
 const _hoisted_1$O = { key: 0 };
 const _hoisted_2$w = ["placeholder"];
 const _hoisted_3$h = ["onClick"];
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_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");
@@ -21542,7 +21525,7 @@ function _sfc_render$x(_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$x], ["__file", "index.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$w], ["__file", "index.vue"]]);
 
 Cascader.install = (app) => {
   app.component(Cascader.name, Cascader);
@@ -21561,11 +21544,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$Y = {
+const __default__$Z = defineComponent({
   name: "ElCheckTag"
-};
+});
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+  ...__default__$Z,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -21633,11 +21616,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$X = {
+const __default__$Y = defineComponent({
   name: "ElCol"
-};
+});
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+  ...__default__$Y,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -21707,11 +21690,11 @@ const collapseEmits = {
   [CHANGE_EVENT]: emitChangeFn
 };
 
-const __default__$W = {
+const __default__$X = defineComponent({
   name: "ElCollapse"
-};
+});
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+  ...__default__$X,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -21762,11 +21745,11 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
 });
 var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-const __default__$V = {
+const __default__$W = defineComponent({
   name: "ElCollapseTransition"
-};
+});
 const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+  ...__default__$W,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const on = {
@@ -21854,11 +21837,11 @@ const collapseItemProps = buildProps({
 const _hoisted_1$N = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
 const _hoisted_3$g = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$U = {
+const __default__$V = defineComponent({
   name: "ElCollapseItem"
-};
+});
 const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+  ...__default__$V,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -22014,11 +21997,11 @@ const _sfc_main$1v = defineComponent({
   setup(props) {
     const ns = useNamespace("color-alpha-slider");
     const instance = getCurrentInstance();
-    const thumb = shallowRef(null);
-    const bar = shallowRef(null);
+    const thumb = shallowRef();
+    const bar = shallowRef();
     const thumbLeft = ref(0);
     const thumbTop = ref(0);
-    const background = ref(null);
+    const background = ref();
     watch(() => props.color.get("alpha"), () => {
       update();
     });
@@ -22026,6 +22009,8 @@ const _sfc_main$1v = defineComponent({
       update();
     });
     function getThumbLeft() {
+      if (!thumb.value)
+        return 0;
       if (props.vertical)
         return 0;
       const el = instance.vnode.el;
@@ -22035,6 +22020,8 @@ const _sfc_main$1v = defineComponent({
       return Math.round(alpha * (el.offsetWidth - thumb.value.offsetWidth / 2) / 100);
     }
     function getThumbTop() {
+      if (!thumb.value)
+        return 0;
       const el = instance.vnode.el;
       if (!props.vertical)
         return 0;
@@ -22048,7 +22035,7 @@ const _sfc_main$1v = defineComponent({
         const { r, g, b } = props.color.toRgb();
         return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`;
       }
-      return null;
+      return "";
     }
     function handleClick(event) {
       const target = event.target;
@@ -22057,6 +22044,8 @@ const _sfc_main$1v = defineComponent({
       }
     }
     function handleDrag(event) {
+      if (!bar.value || !thumb.value)
+        return;
       const el = instance.vnode.el;
       const rect = el.getBoundingClientRect();
       const { clientX, clientY } = getClientXY(event);
@@ -22078,6 +22067,8 @@ const _sfc_main$1v = defineComponent({
       background.value = getBackground();
     }
     onMounted(() => {
+      if (!bar.value || !thumb.value)
+        return;
       const dragConfig = {
         drag: (event) => {
           handleDrag(event);
@@ -22102,7 +22093,7 @@ const _sfc_main$1v = 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)])
   }, [
@@ -22124,7 +22115,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$w], ["__file", "alpha-slider.vue"]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$v], ["__file", "alpha-slider.vue"]]);
 
 const _sfc_main$1u = defineComponent({
   name: "ElColorHueSlider",
@@ -22138,8 +22129,8 @@ const _sfc_main$1u = defineComponent({
   setup(props) {
     const ns = useNamespace("color-hue-slider");
     const instance = getCurrentInstance();
-    const thumb = ref(null);
-    const bar = ref(null);
+    const thumb = ref();
+    const bar = ref();
     const thumbLeft = ref(0);
     const thumbTop = ref(0);
     const hueValue = computed$1(() => {
@@ -22155,6 +22146,8 @@ const _sfc_main$1u = defineComponent({
       }
     }
     function handleDrag(event) {
+      if (!bar.value || !thumb.value)
+        return;
       const el = instance.vnode.el;
       const rect = el.getBoundingClientRect();
       const { clientX, clientY } = getClientXY(event);
@@ -22173,6 +22166,8 @@ const _sfc_main$1u = defineComponent({
       props.color.set("hue", hue);
     }
     function getThumbLeft() {
+      if (!thumb.value)
+        return 0;
       const el = instance.vnode.el;
       if (props.vertical)
         return 0;
@@ -22182,6 +22177,8 @@ const _sfc_main$1u = defineComponent({
       return Math.round(hue * (el.offsetWidth - thumb.value.offsetWidth / 2) / 360);
     }
     function getThumbTop() {
+      if (!thumb.value)
+        return 0;
       const el = instance.vnode.el;
       if (!props.vertical)
         return 0;
@@ -22195,6 +22192,8 @@ const _sfc_main$1u = defineComponent({
       thumbTop.value = getThumbTop();
     }
     onMounted(() => {
+      if (!bar.value || !thumb.value)
+        return;
       const dragConfig = {
         drag: (event) => {
           handleDrag(event);
@@ -22219,7 +22218,7 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-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(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -22238,12 +22237,41 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$v], ["__file", "hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$u], ["__file", "hue-slider.vue"]]);
 
-const OPTIONS_KEY = Symbol();
-const useOptions = () => {
-  return inject(OPTIONS_KEY);
+const colorPickerProps = buildProps({
+  modelValue: String,
+  id: String,
+  showAlpha: Boolean,
+  colorFormat: String,
+  disabled: Boolean,
+  size: useSizeProp,
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  label: {
+    type: String,
+    default: void 0
+  },
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  predefine: {
+    type: definePropType(Array)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  }
+});
+const colorPickerEmits = {
+  change: (color) => isString(color),
+  activeChange: (color) => isString(color),
+  [UPDATE_MODEL_EVENT]: (color) => isString(color)
 };
+const colorPickerContextKey = Symbol("colorPickerContextKey");
 
 const hsv2hsl = function(hue, sat, val) {
   return [
@@ -22271,8 +22299,15 @@ const bound01 = function(value, max) {
   }
   return value % max / Number.parseFloat(max);
 };
-const INT_HEX_MAP = { 10: "A", 11: "B", 12: "C", 13: "D", 14: "E", 15: "F" };
-const hexOne = function(value) {
+const INT_HEX_MAP = {
+  10: "A",
+  11: "B",
+  12: "C",
+  13: "D",
+  14: "E",
+  15: "F"
+};
+const hexOne = (value) => {
   value = Math.min(Math.round(value), 255);
   const high = Math.floor(value / 16);
   const low = value % 16;
@@ -22283,7 +22318,14 @@ const toHex = function({ r, g, b }) {
     return "";
   return `#${hexOne(r)}${hexOne(g)}${hexOne(b)}`;
 };
-const HEX_INT_MAP = { A: 10, B: 11, C: 12, D: 13, E: 14, F: 15 };
+const HEX_INT_MAP = {
+  A: 10,
+  B: 11,
+  C: 12,
+  D: 13,
+  E: 14,
+  F: 15
+};
 const parseHexChannel = function(hex) {
   if (hex.length === 2) {
     return (HEX_INT_MAP[hex[0].toUpperCase()] || +hex[0]) * 16 + (HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]);
@@ -22306,7 +22348,7 @@ const hsl2hsv = function(hue, sat, light) {
     v: v * 100
   };
 };
-const rgb2hsv = function(r, g, b) {
+const rgb2hsv = (r, g, b) => {
   r = bound01(r, 255);
   g = bound01(g, 255);
   b = bound01(b, 255);
@@ -22357,7 +22399,7 @@ const hsv2rgb = function(h, s, v) {
   };
 };
 class Color {
-  constructor(options) {
+  constructor(options = {}) {
     this._hue = 0;
     this._saturation = 100;
     this._value = 100;
@@ -22365,7 +22407,6 @@ class Color {
     this.enableAlpha = false;
     this.format = "hex";
     this.value = "";
-    options = options || {};
     for (const option in options) {
       if (hasOwn(options, option)) {
         this[option] = options[option];
@@ -22518,7 +22559,10 @@ class Color {
 
 const _sfc_main$1t = defineComponent({
   props: {
-    colors: { type: Array, required: true },
+    colors: {
+      type: Array,
+      required: true
+    },
     color: {
       type: Object,
       required: true
@@ -22526,7 +22570,7 @@ const _sfc_main$1t = defineComponent({
   },
   setup(props) {
     const ns = useNamespace("color-predefine");
-    const { currentColor } = useOptions();
+    const { currentColor } = inject(colorPickerContextKey);
     const rgbaColors = ref(parseColors(props.colors, props.color));
     watch(() => currentColor.value, (val) => {
       const color = new Color();
@@ -22559,7 +22603,7 @@ const _sfc_main$1t = defineComponent({
   }
 });
 const _hoisted_1$M = ["onClick"];
-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())
   }, [
@@ -22584,7 +22628,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$u], ["__file", "predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$t], ["__file", "predefine.vue"]]);
 
 const _sfc_main$1s = defineComponent({
   name: "ElSlPanel",
@@ -22660,7 +22704,7 @@ const _hoisted_1$L = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_2$u = [
   _hoisted_1$L
 ];
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
@@ -22682,62 +22726,30 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_2$u, 6)
   ], 6);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$t], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$s], ["__file", "sv-panel.vue"]]);
 
-const _sfc_main$1r = defineComponent({
-  name: "ElColorPicker",
-  components: {
-    ElButton,
-    ElTooltip,
-    ElInput,
-    ElIcon,
-    Close: close_default,
-    ArrowDown: arrow_down_default,
-    SvPanel,
-    HueSlider,
-    AlphaSlider,
-    Predefine
-  },
-  directives: {
-    ClickOutside
-  },
-  props: {
-    modelValue: String,
-    id: String,
-    showAlpha: Boolean,
-    colorFormat: String,
-    disabled: Boolean,
-    size: {
-      type: String,
-      validator: isValidComponentSize
-    },
-    popperClass: String,
-    label: {
-      type: String,
-      default: void 0
-    },
-    tabindex: {
-      type: [String, Number],
-      default: 0
-    },
-    predefine: Array,
-    validateEvent: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["change", "active-change", UPDATE_MODEL_EVENT],
-  setup(props, { emit }) {
+const _hoisted_1$K = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"];
+const __default__$U = defineComponent({
+  name: "ElColorPicker"
+});
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+  ...__default__$U,
+  props: colorPickerProps,
+  emits: colorPickerEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
     const { t } = useLocale();
     const ns = useNamespace("color");
-    const { form, formItem } = useFormItem();
+    const { formItem } = useFormItem();
+    const colorSize = useSize();
+    const colorDisabled = useDisabled();
     const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
       formItemContext: formItem
     });
     const hue = ref();
-    const svPanel = ref();
+    const sv = ref();
     const alpha = ref();
-    const popper = ref(null);
+    const popper = ref();
     let shouldActiveChange = true;
     const color = reactive(new Color({
       enableAlpha: props.showAlpha,
@@ -22753,10 +22765,6 @@ const _sfc_main$1r = defineComponent({
       }
       return displayedRgb(color, props.showAlpha);
     });
-    const colorSize = useSize();
-    const colorDisabled = computed$1(() => {
-      return !!(props.disabled || (form == null ? void 0 : form.disabled));
-    });
     const currentColor = computed$1(() => {
       return !props.modelValue && !showPanelColor.value ? "" : color.value;
     });
@@ -22766,24 +22774,6 @@ const _sfc_main$1r = defineComponent({
     const buttonAriaLabelledby = computed$1(() => {
       return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
     });
-    watch(() => props.modelValue, (newVal) => {
-      if (!newVal) {
-        showPanelColor.value = false;
-      } else if (newVal && newVal !== color.value) {
-        shouldActiveChange = false;
-        color.fromString(newVal);
-      }
-    });
-    watch(() => currentColor.value, (val) => {
-      customInput.value = val;
-      shouldActiveChange && emit("active-change", val);
-      shouldActiveChange = true;
-    });
-    watch(() => color.value, () => {
-      if (!props.modelValue && !showPanelColor.value) {
-        showPanelColor.value = true;
-      }
-    });
     function displayedRgb(color2, showAlpha) {
       if (!(color2 instanceof Color)) {
         throw new TypeError("color should be instance of _color Class");
@@ -22852,204 +22842,189 @@ const _sfc_main$1r = defineComponent({
         customInput.value = currentColor.value;
       }
     });
+    watch(() => props.modelValue, (newVal) => {
+      if (!newVal) {
+        showPanelColor.value = false;
+      } else if (newVal && newVal !== color.value) {
+        shouldActiveChange = false;
+        color.fromString(newVal);
+      }
+    });
+    watch(() => currentColor.value, (val) => {
+      customInput.value = val;
+      shouldActiveChange && emit("activeChange", val);
+      shouldActiveChange = true;
+    });
+    watch(() => color.value, () => {
+      if (!props.modelValue && !showPanelColor.value) {
+        showPanelColor.value = true;
+      }
+    });
     watch(() => showPicker.value, () => {
       nextTick(() => {
         var _a, _b, _c;
         (_a = hue.value) == null ? void 0 : _a.update();
-        (_b = svPanel.value) == null ? void 0 : _b.update();
+        (_b = sv.value) == null ? void 0 : _b.update();
         (_c = alpha.value) == null ? void 0 : _c.update();
       });
     });
-    provide(OPTIONS_KEY, {
+    provide(colorPickerContextKey, {
       currentColor
     });
-    return {
-      color,
-      colorDisabled,
-      colorSize,
-      displayedColor,
-      showPanelColor,
-      showPicker,
-      customInput,
-      buttonId,
-      buttonAriaLabel,
-      buttonAriaLabelledby,
-      handleConfirm,
-      hide,
-      handleTrigger,
-      clear,
-      confirmValue,
-      t,
-      ns,
-      hue,
-      svPanel,
-      alpha,
-      popper
-    };
-  }
-});
-const _hoisted_1$K = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-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");
-  const _component_predefine = resolveComponent("predefine");
-  const _component_el_input = resolveComponent("el-input");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_arrow_down = resolveComponent("arrow-down");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_close = resolveComponent("close");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  const _directive_click_outside = resolveDirective("click-outside");
-  return openBlock(), createBlock(_component_el_tooltip, {
-    ref: "popper",
-    visible: _ctx.showPicker,
-    "show-arrow": false,
-    "fallback-placements": ["bottom", "top", "right", "left"],
-    offset: 0,
-    "gpu-acceleration": false,
-    "popper-class": [_ctx.ns.be("picker", "panel"), _ctx.ns.b("dropdown"), _ctx.popperClass],
-    "stop-popper-mouse-event": false,
-    effect: "light",
-    trigger: "click",
-    transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
-    persistent: ""
-  }, {
-    content: withCtx(() => [
-      withDirectives((openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.ns.be("dropdown", "main-wrapper"))
-        }, [
-          createVNode(_component_hue_slider, {
-            ref: "hue",
-            class: "hue-slider",
-            color: _ctx.color,
-            vertical: ""
-          }, null, 8, ["color"]),
-          createVNode(_component_sv_panel, {
-            ref: "svPanel",
-            color: _ctx.color
-          }, null, 8, ["color"])
-        ], 2),
-        _ctx.showAlpha ? (openBlock(), createBlock(_component_alpha_slider, {
-          key: 0,
-          ref: "alpha",
-          color: _ctx.color
-        }, null, 8, ["color"])) : createCommentVNode("v-if", true),
-        _ctx.predefine ? (openBlock(), createBlock(_component_predefine, {
-          key: 1,
-          ref: "predefine",
-          color: _ctx.color,
-          colors: _ctx.predefine
-        }, null, 8, ["color", "colors"])) : createCommentVNode("v-if", true),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.ns.be("dropdown", "btns"))
-        }, [
-          createElementVNode("span", {
-            class: normalizeClass(_ctx.ns.be("dropdown", "value"))
-          }, [
-            createVNode(_component_el_input, {
-              modelValue: _ctx.customInput,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.customInput = $event),
-              "validate-event": false,
-              size: "small",
-              onKeyup: withKeys(_ctx.handleConfirm, ["enter"]),
-              onBlur: _ctx.handleConfirm
-            }, null, 8, ["modelValue", "onKeyup", "onBlur"])
-          ], 2),
-          createVNode(_component_el_button, {
-            class: normalizeClass(_ctx.ns.be("dropdown", "link-btn")),
-            text: "",
-            size: "small",
-            onClick: _ctx.clear
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.t("el.colorpicker.clear")), 1)
-            ]),
-            _: 1
-          }, 8, ["class", "onClick"]),
-          createVNode(_component_el_button, {
-            plain: "",
-            size: "small",
-            class: normalizeClass(_ctx.ns.be("dropdown", "btn")),
-            onClick: _ctx.confirmValue
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.t("el.colorpicker.confirm")), 1)
-            ]),
-            _: 1
-          }, 8, ["class", "onClick"])
-        ], 2)
-      ])), [
-        [_directive_click_outside, _ctx.hide]
-      ])
-    ]),
-    default: withCtx(() => [
-      createElementVNode("div", {
-        id: _ctx.buttonId,
-        class: normalizeClass([
-          _ctx.ns.b("picker"),
-          _ctx.ns.is("disabled", _ctx.colorDisabled),
-          _ctx.ns.bm("picker", _ctx.colorSize)
-        ]),
-        role: "button",
-        "aria-label": _ctx.buttonAriaLabel,
-        "aria-labelledby": _ctx.buttonAriaLabelledby,
-        "aria-description": _ctx.t("el.colorpicker.description", { color: _ctx.modelValue || "" }),
-        tabindex: _ctx.tabindex,
-        onKeydown: _cache[2] || (_cache[2] = withKeys((...args) => _ctx.handleTrigger && _ctx.handleTrigger(...args), ["enter"]))
-      }, [
-        _ctx.colorDisabled ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.ns.be("picker", "mask"))
-        }, null, 2)) : createCommentVNode("v-if", true),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.ns.be("picker", "trigger")),
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleTrigger && _ctx.handleTrigger(...args))
-        }, [
-          createElementVNode("span", {
-            class: normalizeClass([_ctx.ns.be("picker", "color"), _ctx.ns.is("alpha", _ctx.showAlpha)])
-          }, [
-            createElementVNode("span", {
-              class: normalizeClass(_ctx.ns.be("picker", "color-inner")),
-              style: normalizeStyle({
-                backgroundColor: _ctx.displayedColor
-              })
+    expose({
+      color
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTooltip), {
+        ref_key: "popper",
+        ref: popper,
+        visible: showPicker.value,
+        "show-arrow": false,
+        "fallback-placements": ["bottom", "top", "right", "left"],
+        offset: 0,
+        "gpu-acceleration": false,
+        "popper-class": [unref(ns).be("picker", "panel"), unref(ns).b("dropdown"), _ctx.popperClass],
+        "stop-popper-mouse-event": false,
+        effect: "light",
+        trigger: "click",
+        transition: `${unref(ns).namespace.value}-zoom-in-top`,
+        persistent: ""
+      }, {
+        content: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", null, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).be("dropdown", "main-wrapper"))
             }, [
-              withDirectives(createVNode(_component_el_icon, {
-                class: normalizeClass([_ctx.ns.be("picker", "icon"), _ctx.ns.is("icon-arrow-down")])
+              createVNode(HueSlider, {
+                ref_key: "hue",
+                ref: hue,
+                class: "hue-slider",
+                color: unref(color),
+                vertical: ""
+              }, null, 8, ["color"]),
+              createVNode(SvPanel, {
+                ref: "svPanel",
+                color: unref(color)
+              }, null, 8, ["color"])
+            ], 2),
+            _ctx.showAlpha ? (openBlock(), createBlock(AlphaSlider, {
+              key: 0,
+              ref_key: "alpha",
+              ref: alpha,
+              color: unref(color)
+            }, null, 8, ["color"])) : createCommentVNode("v-if", true),
+            _ctx.predefine ? (openBlock(), createBlock(Predefine, {
+              key: 1,
+              ref: "predefine",
+              color: unref(color),
+              colors: _ctx.predefine
+            }, null, 8, ["color", "colors"])) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).be("dropdown", "btns"))
+            }, [
+              createElementVNode("span", {
+                class: normalizeClass(unref(ns).be("dropdown", "value"))
+              }, [
+                createVNode(unref(ElInput), {
+                  modelValue: customInput.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customInput.value = $event),
+                  "validate-event": false,
+                  size: "small",
+                  onKeyup: withKeys(handleConfirm, ["enter"]),
+                  onBlur: handleConfirm
+                }, null, 8, ["modelValue", "onKeyup"])
+              ], 2),
+              createVNode(unref(ElButton), {
+                class: normalizeClass(unref(ns).be("dropdown", "link-btn")),
+                text: "",
+                size: "small",
+                onClick: clear
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_arrow_down)
+                  createTextVNode(toDisplayString(unref(t)("el.colorpicker.clear")), 1)
                 ]),
                 _: 1
-              }, 8, ["class"]), [
-                [vShow, _ctx.modelValue || _ctx.showPanelColor]
-              ]),
-              !_ctx.modelValue && !_ctx.showPanelColor ? (openBlock(), createBlock(_component_el_icon, {
-                key: 0,
-                class: normalizeClass([_ctx.ns.be("picker", "empty"), _ctx.ns.is("icon-close")])
+              }, 8, ["class"]),
+              createVNode(unref(ElButton), {
+                plain: "",
+                size: "small",
+                class: normalizeClass(unref(ns).be("dropdown", "btn")),
+                onClick: confirmValue
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_close)
+                  createTextVNode(toDisplayString(unref(t)("el.colorpicker.confirm")), 1)
                 ]),
                 _: 1
-              }, 8, ["class"])) : createCommentVNode("v-if", true)
-            ], 6)
-          ], 2)
-        ], 2)
-      ], 42, _hoisted_1$K)
-    ]),
-    _: 1
-  }, 8, ["visible", "popper-class", "transition"]);
-}
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$s], ["__file", "index.vue"]]);
+              }, 8, ["class"])
+            ], 2)
+          ])), [
+            [unref(ClickOutside), hide]
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            id: unref(buttonId),
+            class: normalizeClass([
+              unref(ns).b("picker"),
+              unref(ns).is("disabled", unref(colorDisabled)),
+              unref(ns).bm("picker", unref(colorSize))
+            ]),
+            role: "button",
+            "aria-label": unref(buttonAriaLabel),
+            "aria-labelledby": unref(buttonAriaLabelledby),
+            "aria-description": unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
+            tabindex: _ctx.tabindex,
+            onKeydown: withKeys(handleTrigger, ["enter"])
+          }, [
+            unref(colorDisabled) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref(ns).be("picker", "mask"))
+            }, null, 2)) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).be("picker", "trigger")),
+              onClick: handleTrigger
+            }, [
+              createElementVNode("span", {
+                class: normalizeClass([unref(ns).be("picker", "color"), unref(ns).is("alpha", _ctx.showAlpha)])
+              }, [
+                createElementVNode("span", {
+                  class: normalizeClass(unref(ns).be("picker", "color-inner")),
+                  style: normalizeStyle({
+                    backgroundColor: unref(displayedColor)
+                  })
+                }, [
+                  withDirectives(createVNode(unref(ElIcon), {
+                    class: normalizeClass([unref(ns).be("picker", "icon"), unref(ns).is("icon-arrow-down")])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(arrow_down_default))
+                    ]),
+                    _: 1
+                  }, 8, ["class"]), [
+                    [vShow, _ctx.modelValue || showPanelColor.value]
+                  ]),
+                  !_ctx.modelValue && !showPanelColor.value ? (openBlock(), createBlock(unref(ElIcon), {
+                    key: 0,
+                    class: normalizeClass([unref(ns).be("picker", "empty"), unref(ns).is("icon-close")])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(close_default))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : createCommentVNode("v-if", true)
+                ], 6)
+              ], 2)
+            ], 2)
+          ], 42, _hoisted_1$K)
+        ]),
+        _: 1
+      }, 8, ["visible", "popper-class", "transition"]);
+    };
+  }
+});
+var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "color-picker.vue"]]);
 
-ColorPicker.install = (app) => {
-  app.component(ColorPicker.name, ColorPicker);
-};
-const _ColorPicker = ColorPicker;
-const ElColorPicker = _ColorPicker;
+const ElColorPicker = withInstall(ColorPicker);
 
 const messageConfig = {};
 const configProviderProps = buildProps({
@@ -23094,9 +23069,9 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const __default__$T = {
+const __default__$T = defineComponent({
   name: "ElContainer"
-};
+});
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   ...__default__$T,
   props: {
@@ -23135,9 +23110,9 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-const __default__$S = {
+const __default__$S = defineComponent({
   name: "ElAside"
-};
+});
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   ...__default__$S,
   props: {
@@ -23162,9 +23137,9 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
 });
 var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-const __default__$R = {
+const __default__$R = defineComponent({
   name: "ElFooter"
-};
+});
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   ...__default__$R,
   props: {
@@ -23189,9 +23164,9 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
 });
 var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-const __default__$Q = {
+const __default__$Q = defineComponent({
   name: "ElHeader"
-};
+});
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   ...__default__$Q,
   props: {
@@ -23220,9 +23195,9 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
 });
 var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-const __default__$P = {
+const __default__$P = defineComponent({
   name: "ElMain"
-};
+});
 const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   ...__default__$P,
   setup(__props) {
@@ -24973,6 +24948,7 @@ const _hoisted_2$p = ["disabled"];
 const _hoisted_3$b = ["disabled"];
 const _hoisted_4$8 = ["disabled"];
 const _hoisted_5$6 = ["disabled"];
+const unit$1 = "month";
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
   props: panelDateRangeProps,
@@ -24984,7 +24960,6 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { emit }) {
     const props = __props;
-    const unit = "month";
     const pickerBase = inject("EP_PICKER_BASE");
     const {
       disabledDate,
@@ -24998,7 +24973,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     const defaultValue = toRef(pickerBase.props, "defaultValue");
     const { lang } = useLocale();
     const leftDate = ref(dayjs().locale(lang.value));
-    const rightDate = ref(dayjs().locale(lang.value).add(1, unit));
+    const rightDate = ref(dayjs().locale(lang.value).add(1, unit$1));
     const {
       minDate,
       maxDate,
@@ -25014,7 +24989,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
       defaultValue,
       leftDate,
       rightDate,
-      unit,
+      unit: unit$1,
       onParsedValueChanged
     });
     const dateUserInput = ref({
@@ -25280,9 +25255,9 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
         const minDateMonth = (minDate2 == null ? void 0 : minDate2.month()) || 0;
         const maxDateYear = maxDate2.year();
         const maxDateMonth = maxDate2.month();
-        rightDate.value = minDateYear === maxDateYear && minDateMonth === maxDateMonth ? maxDate2.add(1, unit) : maxDate2;
+        rightDate.value = minDateYear === maxDateYear && minDateMonth === maxDateMonth ? maxDate2.add(1, unit$1) : maxDate2;
       } else {
-        rightDate.value = leftDate.value.add(1, unit);
+        rightDate.value = leftDate.value.add(1, unit$1);
         if (maxDate2) {
           rightDate.value = rightDate.value.hour(maxDate2.hour()).minute(maxDate2.minute()).second(maxDate2.second());
         }
@@ -25671,16 +25646,16 @@ const useMonthRangeHeader = ({
 const _hoisted_1$E = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$a = ["disabled"];
-const __default__$O = {
+const unit = "year";
+const __default__$O = defineComponent({
   name: "DatePickerMonthRange"
-};
+});
 const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   ...__default__$O,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
     const props = __props;
-    const unit = "year";
     const { lang } = useLocale();
     const pickerBase = inject("EP_PICKER_BASE");
     const { shortcuts, disabledDate, format } = pickerBase.props;
@@ -26056,9 +26031,9 @@ const descriptionsRowProps = buildProps({
 });
 
 const _hoisted_1$D = { key: 1 };
-const __default__$N = {
+const __default__$N = defineComponent({
   name: "ElDescriptionsRow"
-};
+});
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   ...__default__$N,
   props: descriptionsRowProps,
@@ -26141,9 +26116,9 @@ const descriptionProps = buildProps({
   }
 });
 
-const __default__$M = {
+const __default__$M = defineComponent({
   name: "ElDescriptions"
-};
+});
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   ...__default__$M,
   props: descriptionProps,
@@ -26386,7 +26361,7 @@ const dialogContentEmits = {
 
 const _hoisted_1$C = ["aria-label"];
 const _hoisted_2$n = ["id"];
-const __default__$L = { name: "ElDialogContent" };
+const __default__$L = defineComponent({ name: "ElDialogContent" });
 const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   ...__default__$L,
   props: dialogContentProps,
@@ -26690,10 +26665,10 @@ const useDialog = (props, targetRef) => {
 };
 
 const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$K = {
+const __default__$K = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
-};
+});
 const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   ...__default__$K,
   props: dialogProps,
@@ -26864,9 +26839,9 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$J = {
+const __default__$J = defineComponent({
   name: "ElDivider"
-};
+});
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   ...__default__$J,
   props: dividerProps,
@@ -27075,18 +27050,18 @@ var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$r
 
 const ElDrawer = withInstall(Drawer);
 
-const _sfc_main$19 = {
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
-};
+});
 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$q], ["__file", "collection.vue"]]);
 
-const _sfc_main$18 = {
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
-};
+});
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
@@ -28269,9 +28244,9 @@ const emptyProps = {
 
 const _hoisted_1$w = ["src"];
 const _hoisted_2$k = { key: 1 };
-const __default__$I = {
+const __default__$I = defineComponent({
   name: "ElEmpty"
-};
+});
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   ...__default__$I,
   props: emptyProps,
@@ -28404,9 +28379,10 @@ const filterFields = (fields, props) => {
   return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
 };
 
-const __default__$H = {
-  name: "ElForm"
-};
+const COMPONENT_NAME$e = "ElForm";
+const __default__$H = defineComponent({
+  name: COMPONENT_NAME$e
+});
 const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   ...__default__$H,
   props: formProps,
@@ -29627,9 +29603,9 @@ const formItemProps = buildProps({
   }
 });
 
-const COMPONENT_NAME$9 = "ElLabelWrap";
+const COMPONENT_NAME$d = "ElLabelWrap";
 var FormLabelWrap = defineComponent({
-  name: COMPONENT_NAME$9,
+  name: COMPONENT_NAME$d,
   props: {
     isAutoWidth: Boolean,
     updateAll: Boolean
@@ -29640,7 +29616,7 @@ var FormLabelWrap = defineComponent({
     const formContext = inject(formContextKey, void 0);
     const formItemContext = inject(formItemContextKey);
     if (!formItemContext)
-      throwError(COMPONENT_NAME$9, "usage: <el-form-item><label-wrap /></el-form-item>");
+      throwError(COMPONENT_NAME$d, "usage: <el-form-item><label-wrap /></el-form-item>");
     const ns = useNamespace("form");
     const el = ref();
     const computedWidth = ref(0);
@@ -29713,9 +29689,9 @@ var FormLabelWrap = defineComponent({
 });
 
 const _hoisted_1$v = ["role", "aria-labelledby"];
-const __default__$G = {
+const __default__$G = defineComponent({
   name: "ElFormItem"
-};
+});
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   ...__default__$G,
   props: formItemProps,
@@ -30053,9 +30029,9 @@ const imageViewerEmits = {
 };
 
 const _hoisted_1$u = ["src"];
-const __default__$F = {
+const __default__$F = defineComponent({
   name: "ElImageViewer"
-};
+});
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   ...__default__$F,
   props: imageViewerProps,
@@ -30502,10 +30478,10 @@ const imageEmits = {
 
 const _hoisted_1$t = ["src", "loading"];
 const _hoisted_2$j = { key: 0 };
-const __default__$E = {
+const __default__$E = defineComponent({
   name: "ElImage",
   inheritAttrs: false
-};
+});
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
   ...__default__$E,
   props: imageProps,
@@ -30768,9 +30744,9 @@ const inputNumberEmits = {
 
 const _hoisted_1$s = ["aria-label", "onKeydown"];
 const _hoisted_2$i = ["aria-label", "onKeydown"];
-const __default__$D = {
+const __default__$D = defineComponent({
   name: "ElInputNumber"
-};
+});
 const _sfc_main$W = /* @__PURE__ */ defineComponent({
   ...__default__$D,
   props: inputNumberProps,
@@ -30800,7 +30776,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       return props.controls && props.controlsPosition === "right";
     });
     const inputNumberSize = useSize();
-    const inputNumberDisabled = useDisabled$1();
+    const inputNumberDisabled = useDisabled();
     const displayValue = computed$1(() => {
       if (data.userInput !== null) {
         return data.userInput;
@@ -31069,9 +31045,9 @@ const linkEmits = {
 };
 
 const _hoisted_1$r = ["href"];
-const __default__$C = {
+const __default__$C = defineComponent({
   name: "ElLink"
-};
+});
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...__default__$C,
   props: linkProps,
@@ -31380,9 +31356,9 @@ const subMenuProps = buildProps({
     type: iconPropType
   }
 });
-const COMPONENT_NAME$8 = "ElSubMenu";
+const COMPONENT_NAME$c = "ElSubMenu";
 var SubMenu = defineComponent({
-  name: COMPONENT_NAME$8,
+  name: COMPONENT_NAME$c,
   props: subMenuProps,
   setup(props, { slots, expose }) {
     const instance = getCurrentInstance();
@@ -31391,10 +31367,10 @@ var SubMenu = defineComponent({
     const nsSubMenu = useNamespace("sub-menu");
     const rootMenu = inject("rootMenu");
     if (!rootMenu)
-      throwError(COMPONENT_NAME$8, "can not inject root menu");
+      throwError(COMPONENT_NAME$c, "can not inject root menu");
     const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
     if (!subMenu)
-      throwError(COMPONENT_NAME$8, "can not inject sub menu");
+      throwError(COMPONENT_NAME$c, "can not inject sub menu");
     const items = ref({});
     const subMenus = ref({});
     let timeout;
@@ -31924,9 +31900,9 @@ const menuItemEmits = {
   click: (item) => isString(item.index) && Array.isArray(item.indexPath)
 };
 
-const COMPONENT_NAME$7 = "ElMenuItem";
+const COMPONENT_NAME$b = "ElMenuItem";
 const _sfc_main$T = defineComponent({
-  name: COMPONENT_NAME$7,
+  name: COMPONENT_NAME$b,
   components: {
     ElTooltip
   },
@@ -31938,11 +31914,11 @@ const _sfc_main$T = defineComponent({
     const nsMenu = useNamespace("menu");
     const nsMenuItem = useNamespace("menu-item");
     if (!rootMenu)
-      throwError(COMPONENT_NAME$7, "can not inject root menu");
+      throwError(COMPONENT_NAME$b, "can not inject root menu");
     const { parentMenu, indexPath } = useMenu(instance, toRef(props, "index"));
     const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
     if (!subMenu)
-      throwError(COMPONENT_NAME$7, "can not inject sub menu");
+      throwError(COMPONENT_NAME$b, "can not inject sub menu");
     const active = computed$1(() => props.index === rootMenu.activeIndex);
     const item = reactive({
       index: props.index,
@@ -32020,9 +31996,9 @@ const menuItemGroupProps = {
   title: String
 };
 
-const COMPONENT_NAME$6 = "ElMenuItemGroup";
+const COMPONENT_NAME$a = "ElMenuItemGroup";
 const _sfc_main$S = defineComponent({
-  name: COMPONENT_NAME$6,
+  name: COMPONENT_NAME$a,
   props: menuItemGroupProps,
   setup() {
     const ns = useNamespace("menu-item-group");
@@ -32074,9 +32050,9 @@ const pageHeaderEmits = {
 };
 
 const _hoisted_1$q = ["aria-label"];
-const __default__$B = {
+const __default__$B = defineComponent({
   name: "ElPageHeader"
-};
+});
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...__default__$B,
   props: pageHeaderProps,
@@ -32190,9 +32166,9 @@ const paginationPrevEmits = {
 
 const _hoisted_1$p = ["disabled", "aria-disabled"];
 const _hoisted_2$h = { key: 0 };
-const __default__$A = {
+const __default__$A = defineComponent({
   name: "ElPaginationPrev"
-};
+});
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...__default__$A,
   props: paginationPrevProps,
@@ -32240,9 +32216,9 @@ const paginationNextProps = buildProps({
 
 const _hoisted_1$o = ["disabled", "aria-disabled"];
 const _hoisted_2$g = { key: 0 };
-const __default__$z = {
+const __default__$z = defineComponent({
   name: "ElPaginationNext"
-};
+});
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...__default__$z,
   props: paginationNextProps,
@@ -33155,10 +33131,10 @@ const useSelect$3 = (props, states, ctx) => {
   };
 };
 
-const COMPONENT_NAME$5 = "ElSelect";
+const COMPONENT_NAME$9 = "ElSelect";
 const _sfc_main$M = defineComponent({
-  name: COMPONENT_NAME$5,
-  componentName: COMPONENT_NAME$5,
+  name: COMPONENT_NAME$9,
+  componentName: COMPONENT_NAME$9,
   components: {
     ElInput,
     ElSelectMenu: ElSelectMenu$1,
@@ -33881,9 +33857,9 @@ const paginationSizesProps = buildProps({
   }
 });
 
-const __default__$y = {
+const __default__$y = defineComponent({
   name: "ElPaginationSizes"
-};
+});
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...__default__$y,
   props: paginationSizesProps,
@@ -33943,9 +33919,9 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
 const _hoisted_1$m = ["disabled"];
-const __default__$x = {
+const __default__$x = defineComponent({
   name: "ElPaginationJumper"
-};
+});
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...__default__$x,
   setup(__props) {
@@ -33998,9 +33974,9 @@ const paginationTotalProps = buildProps({
 });
 
 const _hoisted_1$l = ["disabled"];
-const __default__$w = {
+const __default__$w = defineComponent({
   name: "ElPaginationTotal"
-};
+});
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...__default__$w,
   props: paginationTotalProps,
@@ -34042,9 +34018,9 @@ 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__$v = {
+const __default__$v = defineComponent({
   name: "ElPaginationPager"
-};
+});
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...__default__$v,
   props: paginationPagerProps,
@@ -34538,9 +34514,9 @@ const popconfirmProps = buildProps({
   }
 });
 
-const __default__$u = {
+const __default__$u = defineComponent({
   name: "ElPopconfirm"
-};
+});
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...__default__$u,
   props: popconfirmProps,
@@ -34704,16 +34680,16 @@ const popoverEmits = {
   "after-leave": () => true
 };
 
-const __default__$t = {
+const updateEventKeyRaw = `onUpdate:visible`;
+const __default__$t = defineComponent({
   name: "ElPopover"
-};
+});
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...__default__$t,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const updateEventKeyRaw = `onUpdate:visible`;
     const onUpdateVisible = computed$1(() => {
       return props[updateEventKeyRaw];
     });
@@ -34895,9 +34871,9 @@ 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__$s = {
+const __default__$s = defineComponent({
   name: "ElProgress"
-};
+});
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...__default__$s,
   props: progressProps,
@@ -35179,9 +35155,9 @@ 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__$r = {
+const __default__$r = defineComponent({
   name: "ElRate"
-};
+});
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...__default__$r,
   props: rateProps,
@@ -35448,9 +35424,9 @@ const resultProps = buildProps({
   }
 });
 
-const __default__$q = {
+const __default__$q = defineComponent({
   name: "ElResult"
-};
+});
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...__default__$q,
   props: resultProps,
@@ -35540,9 +35516,9 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$p = {
+const __default__$p = defineComponent({
   name: "ElRow"
-};
+});
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...__default__$p,
   props: rowProps,
@@ -35791,7 +35767,10 @@ const virtualizedGridProps = buildProps({
   initScrollTop: initScrollOffset,
   itemKey: {
     type: definePropType(Function),
-    default: ({ columnIndex, rowIndex }) => `${rowIndex}:${columnIndex}`
+    default: ({
+      columnIndex,
+      rowIndex
+    }) => `${rowIndex}:${columnIndex}`
   },
   rowCache: cache,
   rowHeight: itemSize,
@@ -38973,9 +38952,9 @@ const skeletonItemProps = buildProps({
   }
 });
 
-const __default__$o = {
+const __default__$o = defineComponent({
   name: "ElSkeletonItem"
-};
+});
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...__default__$o,
   props: skeletonItemProps,
@@ -38992,9 +38971,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 });
 var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "skeleton-item.vue"]]);
 
-const __default__$n = {
+const __default__$n = defineComponent({
   name: "ElSkeleton"
-};
+});
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...__default__$n,
   props: skeletonProps,
@@ -39646,9 +39625,9 @@ const sliderButtonEmits = {
 };
 
 const _hoisted_1$f = ["tabindex"];
-const __default__$m = {
+const __default__$m = defineComponent({
   name: "ElSliderButton"
-};
+});
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...__default__$m,
   props: sliderButtonProps,
@@ -39756,9 +39735,9 @@ var SliderMarker = defineComponent({
 
 const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
 const _hoisted_2$a = { key: 1 };
-const __default__$l = {
+const __default__$l = defineComponent({
   name: "ElSlider"
-};
+});
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...__default__$l,
   props: sliderProps,
@@ -40200,9 +40179,9 @@ const stepsEmits = {
   [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
-const __default__$k = {
+const __default__$k = defineComponent({
   name: "ElSteps"
-};
+});
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...__default__$k,
   props: stepsProps,
@@ -40250,9 +40229,9 @@ const stepProps = buildProps({
   }
 });
 
-const __default__$j = {
+const __default__$j = defineComponent({
   name: "ElStep"
-};
+});
 const _sfc_main$s = defineComponent({
   ...__default__$j,
   props: stepProps,
@@ -40532,16 +40511,16 @@ 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__$i = {
-  name: "ElSwitch"
-};
+const COMPONENT_NAME$8 = "ElSwitch";
+const __default__$i = defineComponent({
+  name: COMPONENT_NAME$8
+});
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...__default__$i,
   props: switchProps,
   emits: switchEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const COMPONENT_NAME = "ElSwitch";
     const vm = getCurrentInstance();
     const { formItem } = useFormItem();
     const switchSize = useSize();
@@ -40549,7 +40528,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     useDeprecated({
       from: '"value"',
       replacement: '"model-value" or "v-model"',
-      scope: COMPONENT_NAME,
+      scope: COMPONENT_NAME$8,
       version: "2.3.0",
       ref: "https://element-plus.org/en-US/component/switch.html#attributes",
       type: "Attribute"
@@ -40560,7 +40539,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const { inputId } = useFormItemInputId(props, {
       formItemContext: formItem
     });
-    const switchDisabled = useDisabled$1(computed$1(() => props.loading));
+    const switchDisabled = useDisabled(computed$1(() => props.loading));
     const isControlled = ref(props.modelValue !== false);
     const input = ref();
     const core = ref();
@@ -40618,7 +40597,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         isBoolean(shouldChange)
       ].includes(true);
       if (!isPromiseOrBool) {
-        throwError(COMPONENT_NAME, "beforeChange must return type `Promise<boolean>` or `boolean`");
+        throwError(COMPONENT_NAME$8, "beforeChange must return type `Promise<boolean>` or `boolean`");
       }
       if (isPromise(shouldChange)) {
         shouldChange.then((result) => {
@@ -46070,9 +46049,9 @@ const TableV2HeaderRow = defineComponent({
 });
 var HeaderRow = TableV2HeaderRow;
 
-const COMPONENT_NAME$4 = "ElTableV2Header";
+const COMPONENT_NAME$7 = "ElTableV2Header";
 const TableV2Header = defineComponent({
-  name: COMPONENT_NAME$4,
+  name: COMPONENT_NAME$7,
   props: tableV2HeaderProps,
   setup(props, {
     slots,
@@ -46268,9 +46247,9 @@ const useTableRow = (props) => {
     onExpand
   };
 };
-const COMPONENT_NAME$3 = "ElTableV2TableRow";
+const COMPONENT_NAME$6 = "ElTableV2TableRow";
 const TableV2Row = defineComponent({
-  name: COMPONENT_NAME$3,
+  name: COMPONENT_NAME$6,
   props: tableV2RowProps,
   setup(props, {
     expose,
@@ -46388,7 +46367,7 @@ const ExpandIcon = (props) => {
 };
 var ExpandIcon$1 = ExpandIcon;
 
-const COMPONENT_NAME$2 = "ElTableV2Grid";
+const COMPONENT_NAME$5 = "ElTableV2Grid";
 const useTableGrid = (props) => {
   const headerRef = ref();
   const bodyRef = ref();
@@ -46491,7 +46470,7 @@ const useTableGrid = (props) => {
   };
 };
 const TableGrid = defineComponent({
-  name: COMPONENT_NAME$2,
+  name: COMPONENT_NAME$5,
   props: tableV2GridProps,
   setup(props, {
     slots,
@@ -46939,9 +46918,9 @@ Overlay.displayName = "ElTableV2Overlay";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const COMPONENT_NAME$1 = "ElTableV2";
+const COMPONENT_NAME$4 = "ElTableV2";
 const TableV2 = defineComponent({
-  name: COMPONENT_NAME$1,
+  name: COMPONENT_NAME$4,
   props: tableV2Props,
   setup(props, {
     slots,
@@ -47244,19 +47223,19 @@ const tabBarProps = buildProps({
   }
 });
 
-const __default__$h = {
-  name: "ElTabBar"
-};
+const COMPONENT_NAME$3 = "ElTabBar";
+const __default__$h = defineComponent({
+  name: COMPONENT_NAME$3
+});
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...__default__$h,
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
-    const COMPONENT_NAME = "ElTabBar";
     const instance = getCurrentInstance();
     const rootTabs = inject(tabsRootContextKey);
     if (!rootTabs)
-      throwError(COMPONENT_NAME, "<el-tabs><el-tab-bar /></el-tabs>");
+      throwError(COMPONENT_NAME$3, "<el-tabs><el-tab-bar /></el-tabs>");
     const ns = useNamespace("tabs");
     const barRef = ref();
     const barStyle = ref();
@@ -47333,9 +47312,9 @@ const tabNavEmits = {
   tabClick: (tab, tabName, ev) => ev instanceof Event,
   tabRemove: (tab, ev) => ev instanceof Event
 };
-const COMPONENT_NAME = "ElTabNav";
+const COMPONENT_NAME$2 = "ElTabNav";
 const TabNav = defineComponent({
-  name: COMPONENT_NAME,
+  name: COMPONENT_NAME$2,
   props: tabNavProps,
   emits: tabNavEmits,
   setup(props, {
@@ -47345,7 +47324,7 @@ const TabNav = defineComponent({
     const vm = getCurrentInstance();
     const rootTabs = inject(tabsRootContextKey);
     if (!rootTabs)
-      throwError(COMPONENT_NAME, `<el-tabs><tab-nav /></el-tabs>`);
+      throwError(COMPONENT_NAME$2, `<el-tabs><tab-nav /></el-tabs>`);
     const ns = useNamespace("tabs");
     const visibility = useDocumentVisibility();
     const focused = useWindowFocus();
@@ -47565,6 +47544,19 @@ const TabNav = defineComponent({
   }
 });
 
+const getTabPanes = (vm) => {
+  const nodes = flattedChildren(vm.subTree);
+  return nodes.filter((n) => {
+    var _a;
+    return isVNode(n) && ((_a = n.type) == null ? void 0 : _a.name) === "ElTabPane" && !!n.component;
+  });
+};
+const getOrderedPanes = (vm, panes) => {
+  const nodes = getTabPanes(vm);
+  const uids = nodes.map((n) => n.component.uid);
+  return uids.map((uid) => panes[uid]).filter((p) => !!p);
+};
+
 const tabsProps = buildProps({
   type: {
     type: String,
@@ -47610,9 +47602,11 @@ var Tabs = defineComponent({
     expose
   }) {
     var _a, _b;
+    const vm = getCurrentInstance();
     const ns = useNamespace("tabs");
     const nav$ = ref();
-    const panes = reactive({});
+    const panes = shallowReactive({});
+    const orderedPanes = shallowRef([]);
     const currentName = ref((_b = (_a = props.modelValue) != null ? _a : props.activeName) != null ? _b : "0");
     const changeCurrentName = (value) => {
       currentName.value = value;
@@ -47665,8 +47659,14 @@ var Tabs = defineComponent({
       (_a2 = nav$.value) == null ? void 0 : _a2.scrollToActiveTab();
     });
     {
-      const registerPane = (pane) => panes[pane.uid] = pane;
-      const unregisterPane = (uid) => delete panes[uid];
+      const registerPane = (pane) => {
+        panes[pane.uid] = pane;
+        orderedPanes.value = getOrderedPanes(vm, panes);
+      };
+      const unregisterPane = (uid) => {
+        delete panes[uid];
+        orderedPanes.value = getOrderedPanes(vm, panes);
+      };
       provide(tabsRootContextKey, {
         props,
         currentName,
@@ -47698,7 +47698,7 @@ var Tabs = defineComponent({
         "currentName": currentName.value,
         "editable": props.editable,
         "type": props.type,
-        "panes": Object.values(panes),
+        "panes": orderedPanes.value,
         "stretch": props.stretch,
         "onTabClick": handleTabClick,
         "onTabRemove": handleTabRemove
@@ -47730,20 +47730,20 @@ const tabPaneProps = buildProps({
 });
 
 const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$g = {
-  name: "ElTabPane"
-};
+const COMPONENT_NAME$1 = "ElTabPane";
+const __default__$g = defineComponent({
+  name: COMPONENT_NAME$1
+});
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...__default__$g,
   props: tabPaneProps,
   setup(__props) {
     const props = __props;
-    const COMPONENT_NAME = "ElTabPane";
     const instance = getCurrentInstance();
     const slots = useSlots();
     const tabsRoot = inject(tabsRootContextKey);
     if (!tabsRoot)
-      throwError(COMPONENT_NAME, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
+      throwError(COMPONENT_NAME$1, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
     const ns = useNamespace("tab-pane");
     const index = ref();
     const isClosable = computed$1(() => props.closable || tabsRoot.props.closable);
@@ -47901,9 +47901,9 @@ const nextTime = (time, step) => {
   return formatTime(next);
 };
 
-const __default__$f = {
+const __default__$f = defineComponent({
   name: "ElTimeSelect"
-};
+});
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$f,
   props: timeSelectProps,
@@ -47914,7 +47914,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const { Option: ElOption } = ElSelect;
     const nsInput = useNamespace("input");
     const select = ref();
-    const _disabled = useDisabled$1();
+    const _disabled = useDisabled();
     const value = computed$1(() => props.modelValue);
     const start = computed$1(() => {
       const time = parseTime(props.start);
@@ -48069,9 +48069,9 @@ const timelineItemProps = buildProps({
   }
 });
 
-const __default__$e = {
+const __default__$e = defineComponent({
   name: "ElTimelineItem"
-};
+});
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...__default__$e,
   props: timelineItemProps,
@@ -48272,9 +48272,9 @@ const tooltipV2Props = buildProps({
   }
 });
 
-const __default__$d = {
+const __default__$d = defineComponent({
   name: "ElTooltipV2Root"
-};
+});
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__$d,
   props: tooltipV2RootProps,
@@ -48345,9 +48345,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-const __default__$c = {
+const __default__$c = defineComponent({
   name: "ElTooltipV2Arrow"
-};
+});
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...__default__$c,
   props: {
@@ -48388,9 +48388,9 @@ const visualHiddenProps = buildProps({
   }
 });
 
-const __default__$b = {
+const __default__$b = defineComponent({
   name: "ElVisuallyHidden"
-};
+});
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...__default__$b,
   props: visualHiddenProps,
@@ -48423,9 +48423,9 @@ 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__$a = {
+const __default__$a = defineComponent({
   name: "ElTooltipV2Content"
-};
+});
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...__default__$a,
   props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
@@ -48555,9 +48555,9 @@ var ForwardRef = defineComponent({
   }
 });
 
-const __default__$9 = {
+const __default__$9 = defineComponent({
   name: "ElTooltipV2Trigger"
-};
+});
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...__default__$9,
   props: {
@@ -48638,9 +48638,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-const __default__$8 = {
+const __default__$8 = defineComponent({
   name: "ElTooltipV2"
-};
+});
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...__default__$8,
   props: tooltipV2Props,
@@ -48959,9 +48959,9 @@ const useMove = (props, checkedState, emit) => {
   };
 };
 
-const __default__$7 = {
+const __default__$7 = defineComponent({
   name: "ElTransferPanel"
-};
+});
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...__default__$7,
   props: transferPanelProps,
@@ -49080,9 +49080,9 @@ var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transf
 
 const _hoisted_1$8 = { key: 0 };
 const _hoisted_2$6 = { key: 0 };
-const __default__$6 = {
+const __default__$6 = defineComponent({
   name: "ElTransfer"
-};
+});
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   props: transferProps,
@@ -52196,9 +52196,9 @@ const _hoisted_2$4 = ["src"];
 const _hoisted_3$2 = ["onClick"];
 const _hoisted_4$1 = ["onClick"];
 const _hoisted_5 = ["onClick"];
-const __default__$5 = {
+const __default__$5 = defineComponent({
   name: "ElUploadList"
-};
+});
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   props: uploadListProps,
@@ -52365,16 +52365,16 @@ const uploadDraggerEmits = {
 };
 
 const _hoisted_1$4 = ["onDrop", "onDragover"];
-const __default__$4 = {
-  name: "ElUploadDrag"
-};
+const COMPONENT_NAME = "ElUploadDrag";
+const __default__$4 = defineComponent({
+  name: COMPONENT_NAME
+});
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: uploadDraggerProps,
   emits: uploadDraggerEmits,
   setup(__props, { emit }) {
     const props = __props;
-    const COMPONENT_NAME = "ElUploadDrag";
     const uploaderContext = inject(uploadContextKey);
     if (!uploaderContext) {
       throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
@@ -52462,10 +52462,10 @@ const uploadContentProps = buildProps({
 
 const _hoisted_1$3 = ["onKeydown"];
 const _hoisted_2$3 = ["name", "multiple", "accept"];
-const __default__$3 = {
+const __default__$3 = defineComponent({
   name: "ElUploadContent",
   inheritAttrs: false
-};
+});
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: uploadContentProps,
@@ -52748,16 +52748,16 @@ const useHandlers = (props, uploadRef) => {
   };
 };
 
-const __default__$2 = {
+const __default__$2 = defineComponent({
   name: "ElUpload"
-};
+});
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: uploadProps,
   setup(__props, { expose }) {
     const props = __props;
     const slots = useSlots();
-    const disabled = useDisabled$1();
+    const disabled = useDisabled();
     const uploadRef = shallowRef();
     const {
       abort,
@@ -53463,9 +53463,9 @@ const getLastOffset = (id) => {
 
 const _hoisted_1$2 = ["id"];
 const _hoisted_2$2 = ["innerHTML"];
-const __default__$1 = {
+const __default__$1 = defineComponent({
   name: "ElMessage"
-};
+});
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: messageProps,
@@ -54366,9 +54366,9 @@ const _hoisted_1 = ["id"];
 const _hoisted_2 = ["textContent"];
 const _hoisted_3 = { key: 0 };
 const _hoisted_4 = ["innerHTML"];
-const __default__ = {
+const __default__ = defineComponent({
   name: "ElNotification"
-};
+});
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: notificationProps,
@@ -54621,4 +54621,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RepeatClick, RowAlign, RowJustify, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupEmits, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, dateEquals, datePickTypes, dayjs, installer as default, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmProps, popoverEmits, popoverProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timeUnits, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCheckbox, useCheckboxGroup, useCheckboxGroupId, useCheckboxGroupProps, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RepeatClick, RowAlign, RowJustify, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerContextKey, colorPickerEmits, colorPickerProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, dateEquals, datePickTypes, dayjs, installer as default, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmProps, popoverEmits, popoverProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timeUnits, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };