@element-plus/nightly 0.0.20220915 → 0.0.20220916

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220915 */
+/*! Element Plus v0.0.20220916 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8695,7 +8695,9 @@
     const vNodes = isArray(children) ? children : [children];
     const result = [];
     vNodes.forEach((child) => {
-      if (isArray(child.children)) {
+      if (isArray(child)) {
+        result.push(...flattedChildren(child));
+      } else if (vue.isVNode(child) && isArray(child.children)) {
         result.push(...flattedChildren(child.children));
       } else {
         result.push(child);
@@ -8750,6 +8752,8 @@
 
   const carouselContextKey = Symbol("carouselContextKey");
 
+  const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
+
   const collapseContextKey = Symbol("collapseContextKey");
 
   const configProviderContextKey = Symbol();
@@ -8845,7 +8849,7 @@
     const formItem = ignore.formItem ? { size: void 0 } : vue.inject(formItemContextKey, void 0);
     return vue.computed(() => size.value || vue.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 = vue.inject(formContextKey, void 0);
     return vue.computed(() => disabled.value || vue.unref(fallback) || (form == null ? void 0 : form.disabled) || false);
@@ -11040,7 +11044,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220915";
+  const version$1 = "0.0.20220916";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11089,16 +11093,16 @@
     return target;
   };
 
-  const __default__$1q = {
-    name: "ElAffix"
-  };
+  const COMPONENT_NAME$k = "ElAffix";
+  const __default__$1r = vue.defineComponent({
+    name: COMPONENT_NAME$k
+  });
   const _sfc_main$2f = /* @__PURE__ */ vue.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 = vue.shallowRef();
       const root = vue.shallowRef();
@@ -11166,7 +11170,7 @@
         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;
         }
@@ -11209,12 +11213,12 @@
     }
   });
 
-  const __default__$1p = {
+  const __default__$1q = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
-  };
+  });
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1q,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11277,11 +11281,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1o = {
+  const __default__$1p = vue.defineComponent({
     name: "ElAlert"
-  };
+  });
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+    ...__default__$1p,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11549,12 +11553,12 @@
   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 = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
-  };
+  });
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1o,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -11585,7 +11589,7 @@
         formItemContext: formItem
       });
       const inputSize = useSize();
-      const inputDisabled = useDisabled$1();
+      const inputDisabled = useDisabled();
       const nsInput = useNamespace("input");
       const nsTextarea = useNamespace("textarea");
       const input = vue.shallowRef();
@@ -12028,16 +12032,16 @@
     always: Boolean
   });
 
+  const COMPONENT_NAME$j = "Thumb";
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
       const props = __props;
-      const COMPONENT_NAME = "Thumb";
       const scrollbar = vue.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 = vue.ref();
       const thumb = vue.ref();
       const thumbState = vue.ref({});
@@ -12250,11 +12254,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1m = {
+  const __default__$1n = vue.defineComponent({
     name: "ElScrollbar"
-  };
+  });
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1n,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12426,12 +12430,12 @@
     }
   });
 
-  const __default__$1l = {
+  const __default__$1m = vue.defineComponent({
     name: "ElPopperRoot",
     inheritAttrs: false
-  };
+  });
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1m,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12463,12 +12467,12 @@
     }
   });
 
-  const __default__$1k = {
+  const __default__$1l = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
-  };
+  });
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1l,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12566,12 +12570,12 @@
     open: Boolean
   });
 
-  const __default__$1j = {
+  const __default__$1k = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
-  };
+  });
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1k,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12973,10 +12977,10 @@
       };
     }
   });
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$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({
@@ -13133,11 +13137,11 @@
     }
   }
 
-  const __default__$1i = {
+  const __default__$1j = vue.defineComponent({
     name: "ElPopperContent"
-  };
+  });
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1j,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13508,7 +13512,7 @@
       };
     }
   });
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_content = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
       disabled: !_ctx.teleported,
@@ -13563,7 +13567,7 @@
       }, 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)) {
@@ -13628,7 +13632,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -13650,7 +13654,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$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 = vue.defineComponent({
@@ -13770,7 +13774,7 @@
   });
   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 = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -13839,7 +13843,7 @@
       _: 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);
 
@@ -13914,20 +13918,20 @@
   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 = vue.defineComponent({
+    name: COMPONENT_NAME$i,
     inheritAttrs: false
-  };
+  });
   const _sfc_main$20 = /* @__PURE__ */ vue.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 = vue.useAttrs();
-      const disabled = useDisabled$1();
+      const disabled = useDisabled();
       const ns = useNamespace("autocomplete");
       const inputRef = vue.ref();
       const regionRef = vue.ref();
@@ -13978,7 +13982,7 @@
             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;
@@ -14280,11 +14284,11 @@
   };
 
   const _hoisted_1$11 = ["src", "alt", "srcset"];
-  const __default__$1g = {
+  const __default__$1h = vue.defineComponent({
     name: "ElAvatar"
-  };
+  });
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14365,16 +14369,16 @@
   };
 
   const _hoisted_1$10 = ["onClick"];
-  const __default__$1f = {
-    name: "ElBacktop"
-  };
+  const COMPONENT_NAME$h = "ElBacktop";
+  const __default__$1g = vue.defineComponent({
+    name: COMPONENT_NAME$h
+  });
   const _sfc_main$1_ = /* @__PURE__ */ vue.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 = vue.shallowRef();
       const container = vue.shallowRef();
@@ -14418,7 +14422,7 @@
         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;
         }
@@ -14474,11 +14478,11 @@
   });
 
   const _hoisted_1$$ = ["textContent"];
-  const __default__$1e = {
+  const __default__$1f = vue.defineComponent({
     name: "ElBadge"
-  };
+  });
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14536,11 +14540,11 @@
     }
   });
 
-  const __default__$1d = {
+  const __default__$1e = vue.defineComponent({
     name: "ElBreadcrumb"
-  };
+  });
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14579,11 +14583,11 @@
     }
   });
 
-  const __default__$1c = {
+  const __default__$1d = vue.defineComponent({
     name: "ElBreadcrumbItem"
-  };
+  });
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15562,7 +15566,7 @@
     return color.mix("#141414", amount).toString();
   }
   function useButtonCustomStyle(props) {
-    const _disabled = useDisabled$1();
+    const _disabled = useDisabled();
     const ns = useNamespace("button");
     return vue.computed(() => {
       let styles = {};
@@ -15613,11 +15617,11 @@
   }
 
   const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$1b = {
+  const __default__$1c = vue.defineComponent({
     name: "ElButton"
-  };
+  });
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15635,7 +15639,7 @@
       const ns = useNamespace("button");
       const { form } = useFormItem();
       const _size = useSize(vue.computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-      const _disabled = useDisabled$1();
+      const _disabled = useDisabled();
       const _ref = vue.ref();
       const _type = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
       const autoInsertSpace = vue.computed(() => {
@@ -15725,11 +15729,11 @@
     type: buttonProps.type
   };
 
-  const __default__$1a = {
+  const __default__$1b = vue.defineComponent({
     name: "ElButtonGroup"
-  };
+  });
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16381,11 +16385,11 @@
 
   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 = vue.defineComponent({
     name: "Picker"
-  };
+  });
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -17505,7 +17509,7 @@
             return vue.openBlock(), vue.createBlock(vue.unref(ElScrollbar), {
               key: item,
               ref_for: true,
-              ref: (scollbar) => setRef(scollbar, item),
+              ref: (scrollbar) => setRef(scrollbar, item),
               class: vue.normalizeClass(vue.unref(ns).be("spinner", "wrapper")),
               "wrap-style": "max-height: inherit;",
               "view-class": vue.unref(ns).be("spinner", "list"),
@@ -18111,11 +18115,11 @@
 
   const _hoisted_1$W = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  const __default__$18 = {
+  const __default__$19 = vue.defineComponent({
     name: "DateTable"
-  };
+  });
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -18270,11 +18274,12 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$17 = {
-    name: "ElCalendar"
-  };
+  const COMPONENT_NAME$g = "ElCalendar";
+  const __default__$18 = vue.defineComponent({
+    name: COMPONENT_NAME$g
+  });
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18514,11 +18519,11 @@
     }
   });
 
-  const __default__$16 = {
+  const __default__$17 = vue.defineComponent({
     name: "ElCard"
-  };
+  });
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18610,17 +18615,17 @@
   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 = vue.defineComponent({
     name: "ElCarousel"
-  };
+  });
   const _sfc_main$1N = /* @__PURE__ */ vue.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 = vue.ref(-1);
       const timer = vue.ref(null);
       const hover = vue.ref(false);
@@ -18931,18 +18936,18 @@
     }
   });
 
-  const __default__$14 = {
+  const CARD_SCALE = 0.83;
+  const __default__$15 = vue.defineComponent({
     name: "ElCarouselItem"
-  };
+  });
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
       const ns = useNamespace("carousel");
       const carouselContext = vue.inject(carouselContextKey);
       const instance = vue.getCurrentInstance();
-      const CARD_SCALE = 0.83;
       const hover = vue.ref(false);
       const translate = vue.ref(0);
       const scale = vue.ref(1);
@@ -19074,50 +19079,10 @@
   });
   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]
@@ -19153,45 +19118,89 @@
       default: true
     }
   };
-  const useCheckboxGroup = () => {
-    const { form: elForm, formItem: elFormItem } = useFormItem();
-    const checkboxGroup = vue.inject("CheckboxGroup", {});
-    const isGroup = vue.computed(() => checkboxGroup && (checkboxGroup == null ? void 0 : checkboxGroup.name) === "ElCheckboxGroup");
-    const elFormItemSize = vue.computed(() => {
-      return elFormItem == 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 = vue.inject(checkboxGroupContextKey, void 0);
+    const isLimitDisabled = vue.computed(() => {
+      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(vue.computed(() => (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 = vue.inject(checkboxGroupContextKey, void 0);
+    const { formItem } = useFormItem();
+    const { emit } = vue.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 vue.nextTick();
+        emitChangeEvent(model.value, e);
+      }
+    }
+    const validateEvent = vue.computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props.validateEvent);
+    vue.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 = vue.ref(false);
     const { emit } = vue.getCurrentInstance();
-    const { isGroup, checkboxGroup, elFormItem } = useCheckboxGroup();
+    const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
+    const isGroup = vue.computed(() => isUndefined(checkboxGroup) === false);
     const isLimitExceeded = vue.ref(false);
     const model = vue.computed({
       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;
@@ -19201,19 +19210,18 @@
     return {
       model,
       isGroup,
-      isLimitExceeded,
-      elFormItem
+      isLimitExceeded
     };
   };
+
   const useCheckboxStatus = (props, slots, { model }) => {
-    const { isGroup, checkboxGroup } = useCheckboxGroup();
-    const focus = vue.ref(false);
-    const size = useSize(checkboxGroup == null ? void 0 : checkboxGroup.checkboxGroupSize, { prop: true });
+    const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
+    const isFocused = vue.ref(false);
     const isChecked = vue.computed(() => {
       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(vue.toRaw).includes(props.label);
       } else if (value !== null && value !== void 0) {
         return value === props.trueLabel;
@@ -19221,45 +19229,31 @@
         return !!value;
       }
     });
+    const checkboxButtonSize = useSize(vue.computed(() => {
+      var _a;
+      return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
+    }), {
+      prop: true
+    });
     const checkboxSize = useSize(vue.computed(() => {
       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 = vue.computed(() => {
       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 = vue.computed(() => {
-      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 = vue.computed(() => {
-      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;
@@ -19267,71 +19261,23 @@
     }
     props.checked && addToStore();
   };
-  const useEvent$1 = (props, {
-    model,
-    isLimitExceeded,
-    hasOwnLabel,
-    isDisabled,
-    isLabeledByFormItem
-  }) => {
-    const { elFormItem, checkboxGroup } = useCheckboxGroup();
-    const { emit } = vue.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 vue.nextTick();
-        emitChangeEvent(model.value, e);
-      }
-    }
-    const validateEvent = vue.computed(() => {
-      var _a;
-      return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
-    });
-    vue.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,
@@ -19340,30 +19286,28 @@
     });
     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 = vue.defineComponent({
     name: "ElCheckbox"
-  };
+  });
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19374,12 +19318,12 @@
         isLabeledByFormItem,
         isChecked,
         isDisabled,
+        isFocused,
         checkboxSize,
         hasOwnLabel,
         model,
         handleChange,
-        onClickRoot,
-        focus
+        onClickRoot
       } = useCheckbox(props, slots);
       const ns = useNamespace("checkbox");
       return (_ctx, _cache) => {
@@ -19401,7 +19345,7 @@
                 vue.unref(ns).is("disabled", vue.unref(isDisabled)),
                 vue.unref(ns).is("checked", vue.unref(isChecked)),
                 vue.unref(ns).is("indeterminate", _ctx.indeterminate),
-                vue.unref(ns).is("focus", vue.unref(focus))
+                vue.unref(ns).is("focus", vue.unref(isFocused))
               ]),
               tabindex: _ctx.indeterminate ? 0 : void 0,
               role: _ctx.indeterminate ? "checkbox" : void 0,
@@ -19420,8 +19364,8 @@
                 "true-value": _ctx.trueLabel,
                 "false-value": _ctx.falseLabel,
                 onChange: _cache[1] || (_cache[1] = (...args) => vue.unref(handleChange) && vue.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)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -19436,8 +19380,8 @@
                 name: _ctx.name,
                 tabindex: _ctx.tabindex,
                 onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.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)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]),
@@ -19464,18 +19408,25 @@
 
   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 = vue.defineComponent({
     name: "ElCheckboxButton"
-  };
+  });
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
       const props = __props;
       const slots = vue.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 = vue.inject(checkboxGroupContextKey);
       const ns = useNamespace("checkbox");
       const activeStyle = vue.computed(() => {
         var _a, _b, _c, _d;
@@ -19491,10 +19442,10 @@
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass([
             vue.unref(ns).b("button"),
-            vue.unref(ns).bm("button", vue.unref(size)),
+            vue.unref(ns).bm("button", vue.unref(checkboxButtonSize)),
             vue.unref(ns).is("disabled", vue.unref(isDisabled)),
             vue.unref(ns).is("checked", vue.unref(isChecked)),
-            vue.unref(ns).is("focus", vue.unref(focus))
+            vue.unref(ns).is("focus", vue.unref(isFocused))
           ])
         }, [
           _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -19508,8 +19459,8 @@
             "true-value": _ctx.trueLabel,
             "false-value": _ctx.falseLabel,
             onChange: _cache[1] || (_cache[1] = (...args) => vue.unref(handleChange) && vue.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)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -19522,8 +19473,8 @@
             disabled: vue.unref(isDisabled),
             value: _ctx.label,
             onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.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)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]),
@@ -19542,26 +19493,50 @@
   });
   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 = vue.defineComponent({
+    name: "ElCheckboxGroup"
+  });
   const _sfc_main$1J = /* @__PURE__ */ vue.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);
-        vue.nextTick(() => {
-          emit("change", value);
-        });
+        await vue.nextTick();
+        emit("change", value);
       };
       const modelValue = vue.computed({
         get() {
@@ -19571,16 +19546,22 @@
           changeEvent(val);
         }
       });
-      vue.provide("CheckboxGroup", {
-        name: "ElCheckboxGroup",
-        ...vue.toRefs(props),
+      vue.provide(checkboxGroupContextKey, {
+        ...pick(vue.toRefs(props), [
+          "size",
+          "min",
+          "max",
+          "disabled",
+          "validateEvent",
+          "fill",
+          "textColor"
+        ]),
         modelValue,
-        checkboxGroupSize,
         changeEvent
       });
       vue.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) => {
@@ -19590,7 +19571,7 @@
           class: vue.normalizeClass(vue.unref(ns).b("group")),
           role: "group",
           "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
-          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(formItem)) == null ? void 0 : _a.labelId : void 0
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
@@ -19652,7 +19633,7 @@
       }
     });
     const size = useSize(vue.computed(() => radioGroup == null ? void 0 : radioGroup.size));
-    const disabled = useDisabled$1(vue.computed(() => radioGroup == null ? void 0 : radioGroup.disabled));
+    const disabled = useDisabled(vue.computed(() => radioGroup == null ? void 0 : radioGroup.disabled));
     const focus = vue.ref(false);
     const tabIndex = vue.computed(() => {
       return disabled.value || isGroup.value && modelValue.value !== props.label ? -1 : 0;
@@ -19670,11 +19651,11 @@
   };
 
   const _hoisted_1$S = ["value", "name", "disabled"];
-  const __default__$10 = {
+  const __default__$11 = vue.defineComponent({
     name: "ElRadio"
-  };
+  });
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$11,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19746,11 +19727,11 @@
   });
 
   const _hoisted_1$R = ["value", "name", "disabled"];
-  const __default__$$ = {
+  const __default__$10 = vue.defineComponent({
     name: "ElRadioButton"
-  };
+  });
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$10,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19840,11 +19821,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
-  const __default__$_ = {
+  const __default__$$ = vue.defineComponent({
     name: "ElRadioGroup"
-  };
+  });
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$$,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -20040,7 +20021,7 @@
   });
   const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$x = /* @__PURE__ */ vue.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 = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -20123,7 +20104,7 @@
       ], 64)) : vue.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 = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -20203,7 +20184,7 @@
       };
     }
   });
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -20256,7 +20237,7 @@
       _: 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) => {
@@ -20727,7 +20708,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -20744,7 +20725,7 @@
       }), 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);
@@ -20782,11 +20763,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$Z = {
+  const __default__$_ = vue.defineComponent({
     name: "ElTag"
-  };
+  });
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$_,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20892,9 +20873,9 @@
       }
     ]
   };
-  const COMPONENT_NAME$a = "ElCascader";
+  const COMPONENT_NAME$f = "ElCascader";
   const _sfc_main$1B = vue.defineComponent({
-    name: COMPONENT_NAME$a,
+    name: COMPONENT_NAME$f,
     components: {
       ElCascaderPanel: _CascaderPanel,
       ElInput,
@@ -21320,7 +21301,7 @@
   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 = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -21548,7 +21529,7 @@
       _: 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);
@@ -21567,11 +21548,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$Y = {
+  const __default__$Z = vue.defineComponent({
     name: "ElCheckTag"
-  };
+  });
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$Z,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21639,11 +21620,11 @@
     }
   });
 
-  const __default__$X = {
+  const __default__$Y = vue.defineComponent({
     name: "ElCol"
-  };
+  });
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Y,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21713,11 +21694,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$W = {
+  const __default__$X = vue.defineComponent({
     name: "ElCollapse"
-  };
+  });
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$X,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21768,11 +21749,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-  const __default__$V = {
+  const __default__$W = vue.defineComponent({
     name: "ElCollapseTransition"
-  };
+  });
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$W,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21860,11 +21841,11 @@
   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 = vue.defineComponent({
     name: "ElCollapseItem"
-  };
+  });
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$V,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -22020,11 +22001,11 @@
     setup(props) {
       const ns = useNamespace("color-alpha-slider");
       const instance = vue.getCurrentInstance();
-      const thumb = vue.shallowRef(null);
-      const bar = vue.shallowRef(null);
+      const thumb = vue.shallowRef();
+      const bar = vue.shallowRef();
       const thumbLeft = vue.ref(0);
       const thumbTop = vue.ref(0);
-      const background = vue.ref(null);
+      const background = vue.ref();
       vue.watch(() => props.color.get("alpha"), () => {
         update();
       });
@@ -22032,6 +22013,8 @@
         update();
       });
       function getThumbLeft() {
+        if (!thumb.value)
+          return 0;
         if (props.vertical)
           return 0;
         const el = instance.vnode.el;
@@ -22041,6 +22024,8 @@
         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;
@@ -22054,7 +22039,7 @@
           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;
@@ -22063,6 +22048,8 @@
         }
       }
       function handleDrag(event) {
+        if (!bar.value || !thumb.value)
+          return;
         const el = instance.vnode.el;
         const rect = el.getBoundingClientRect();
         const { clientX, clientY } = getClientXY(event);
@@ -22084,6 +22071,8 @@
         background.value = getBackground();
       }
       vue.onMounted(() => {
+        if (!bar.value || !thumb.value)
+          return;
         const dragConfig = {
           drag: (event) => {
             handleDrag(event);
@@ -22108,7 +22097,7 @@
       };
     }
   });
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -22130,7 +22119,7 @@
       }, 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 = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -22144,8 +22133,8 @@
     setup(props) {
       const ns = useNamespace("color-hue-slider");
       const instance = vue.getCurrentInstance();
-      const thumb = vue.ref(null);
-      const bar = vue.ref(null);
+      const thumb = vue.ref();
+      const bar = vue.ref();
       const thumbLeft = vue.ref(0);
       const thumbTop = vue.ref(0);
       const hueValue = vue.computed(() => {
@@ -22161,6 +22150,8 @@
         }
       }
       function handleDrag(event) {
+        if (!bar.value || !thumb.value)
+          return;
         const el = instance.vnode.el;
         const rect = el.getBoundingClientRect();
         const { clientX, clientY } = getClientXY(event);
@@ -22179,6 +22170,8 @@
         props.color.set("hue", hue);
       }
       function getThumbLeft() {
+        if (!thumb.value)
+          return 0;
         const el = instance.vnode.el;
         if (props.vertical)
           return 0;
@@ -22188,6 +22181,8 @@
         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;
@@ -22201,6 +22196,8 @@
         thumbTop.value = getThumbTop();
       }
       vue.onMounted(() => {
+        if (!bar.value || !thumb.value)
+          return;
         const dragConfig = {
           drag: (event) => {
             handleDrag(event);
@@ -22225,7 +22222,7 @@
       };
     }
   });
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -22244,12 +22241,41 @@
       }, 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 vue.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 [
@@ -22277,8 +22303,15 @@
     }
     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;
@@ -22289,7 +22322,14 @@
       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]);
@@ -22312,7 +22352,7 @@
       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);
@@ -22363,7 +22403,7 @@
     };
   };
   class Color {
-    constructor(options) {
+    constructor(options = {}) {
       this._hue = 0;
       this._saturation = 100;
       this._value = 100;
@@ -22371,7 +22411,6 @@
       this.enableAlpha = false;
       this.format = "hex";
       this.value = "";
-      options = options || {};
       for (const option in options) {
         if (hasOwn(options, option)) {
           this[option] = options[option];
@@ -22524,7 +22563,10 @@
 
   const _sfc_main$1t = vue.defineComponent({
     props: {
-      colors: { type: Array, required: true },
+      colors: {
+        type: Array,
+        required: true
+      },
       color: {
         type: Object,
         required: true
@@ -22532,7 +22574,7 @@
     },
     setup(props) {
       const ns = useNamespace("color-predefine");
-      const { currentColor } = useOptions();
+      const { currentColor } = vue.inject(colorPickerContextKey);
       const rgbaColors = vue.ref(parseColors(props.colors, props.color));
       vue.watch(() => currentColor.value, (val) => {
         const color = new Color();
@@ -22565,7 +22607,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -22590,7 +22632,7 @@
       ], 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 = vue.defineComponent({
     name: "ElSlPanel",
@@ -22666,7 +22708,7 @@
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
@@ -22688,62 +22730,30 @@
       }, _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 = vue.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 = vue.defineComponent({
+    name: "ElColorPicker"
+  });
+  const _sfc_main$1r = /* @__PURE__ */ vue.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 = vue.ref();
-      const svPanel = vue.ref();
+      const sv = vue.ref();
       const alpha = vue.ref();
-      const popper = vue.ref(null);
+      const popper = vue.ref();
       let shouldActiveChange = true;
       const color = vue.reactive(new Color({
         enableAlpha: props.showAlpha,
@@ -22759,10 +22769,6 @@
         }
         return displayedRgb(color, props.showAlpha);
       });
-      const colorSize = useSize();
-      const colorDisabled = vue.computed(() => {
-        return !!(props.disabled || (form == null ? void 0 : form.disabled));
-      });
       const currentColor = vue.computed(() => {
         return !props.modelValue && !showPanelColor.value ? "" : color.value;
       });
@@ -22772,24 +22778,6 @@
       const buttonAriaLabelledby = vue.computed(() => {
         return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
       });
-      vue.watch(() => props.modelValue, (newVal) => {
-        if (!newVal) {
-          showPanelColor.value = false;
-        } else if (newVal && newVal !== color.value) {
-          shouldActiveChange = false;
-          color.fromString(newVal);
-        }
-      });
-      vue.watch(() => currentColor.value, (val) => {
-        customInput.value = val;
-        shouldActiveChange && emit("active-change", val);
-        shouldActiveChange = true;
-      });
-      vue.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");
@@ -22858,204 +22846,189 @@
           customInput.value = currentColor.value;
         }
       });
+      vue.watch(() => props.modelValue, (newVal) => {
+        if (!newVal) {
+          showPanelColor.value = false;
+        } else if (newVal && newVal !== color.value) {
+          shouldActiveChange = false;
+          color.fromString(newVal);
+        }
+      });
+      vue.watch(() => currentColor.value, (val) => {
+        customInput.value = val;
+        shouldActiveChange && emit("activeChange", val);
+        shouldActiveChange = true;
+      });
+      vue.watch(() => color.value, () => {
+        if (!props.modelValue && !showPanelColor.value) {
+          showPanelColor.value = true;
+        }
+      });
       vue.watch(() => showPicker.value, () => {
         vue.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();
         });
       });
-      vue.provide(OPTIONS_KEY, {
+      vue.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 = vue.resolveComponent("hue-slider");
-    const _component_sv_panel = vue.resolveComponent("sv-panel");
-    const _component_alpha_slider = vue.resolveComponent("alpha-slider");
-    const _component_predefine = vue.resolveComponent("predefine");
-    const _component_el_input = vue.resolveComponent("el-input");
-    const _component_el_button = vue.resolveComponent("el-button");
-    const _component_arrow_down = vue.resolveComponent("arrow-down");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_close = vue.resolveComponent("close");
-    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-    const _directive_click_outside = vue.resolveDirective("click-outside");
-    return vue.openBlock(), vue.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: vue.withCtx(() => [
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", null, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(_ctx.ns.be("dropdown", "main-wrapper"))
-          }, [
-            vue.createVNode(_component_hue_slider, {
-              ref: "hue",
-              class: "hue-slider",
-              color: _ctx.color,
-              vertical: ""
-            }, null, 8, ["color"]),
-            vue.createVNode(_component_sv_panel, {
-              ref: "svPanel",
-              color: _ctx.color
-            }, null, 8, ["color"])
-          ], 2),
-          _ctx.showAlpha ? (vue.openBlock(), vue.createBlock(_component_alpha_slider, {
-            key: 0,
-            ref: "alpha",
-            color: _ctx.color
-          }, null, 8, ["color"])) : vue.createCommentVNode("v-if", true),
-          _ctx.predefine ? (vue.openBlock(), vue.createBlock(_component_predefine, {
-            key: 1,
-            ref: "predefine",
-            color: _ctx.color,
-            colors: _ctx.predefine
-          }, null, 8, ["color", "colors"])) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(_ctx.ns.be("dropdown", "btns"))
-          }, [
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass(_ctx.ns.be("dropdown", "value"))
-            }, [
-              vue.createVNode(_component_el_input, {
-                modelValue: _ctx.customInput,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.customInput = $event),
-                "validate-event": false,
-                size: "small",
-                onKeyup: vue.withKeys(_ctx.handleConfirm, ["enter"]),
-                onBlur: _ctx.handleConfirm
-              }, null, 8, ["modelValue", "onKeyup", "onBlur"])
-            ], 2),
-            vue.createVNode(_component_el_button, {
-              class: vue.normalizeClass(_ctx.ns.be("dropdown", "link-btn")),
-              text: "",
-              size: "small",
-              onClick: _ctx.clear
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.t("el.colorpicker.clear")), 1)
-              ]),
-              _: 1
-            }, 8, ["class", "onClick"]),
-            vue.createVNode(_component_el_button, {
-              plain: "",
-              size: "small",
-              class: vue.normalizeClass(_ctx.ns.be("dropdown", "btn")),
-              onClick: _ctx.confirmValue
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.t("el.colorpicker.confirm")), 1)
-              ]),
-              _: 1
-            }, 8, ["class", "onClick"])
-          ], 2)
-        ])), [
-          [_directive_click_outside, _ctx.hide]
-        ])
-      ]),
-      default: vue.withCtx(() => [
-        vue.createElementVNode("div", {
-          id: _ctx.buttonId,
-          class: vue.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] = vue.withKeys((...args) => _ctx.handleTrigger && _ctx.handleTrigger(...args), ["enter"]))
-        }, [
-          _ctx.colorDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass(_ctx.ns.be("picker", "mask"))
-          }, null, 2)) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(_ctx.ns.be("picker", "trigger")),
-            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleTrigger && _ctx.handleTrigger(...args))
-          }, [
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass([_ctx.ns.be("picker", "color"), _ctx.ns.is("alpha", _ctx.showAlpha)])
-            }, [
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass(_ctx.ns.be("picker", "color-inner")),
-                style: vue.normalizeStyle({
-                  backgroundColor: _ctx.displayedColor
-                })
+      expose({
+        color
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.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": [vue.unref(ns).be("picker", "panel"), vue.unref(ns).b("dropdown"), _ctx.popperClass],
+          "stop-popper-mouse-event": false,
+          effect: "light",
+          trigger: "click",
+          transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
+          persistent: ""
+        }, {
+          content: vue.withCtx(() => [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", null, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).be("dropdown", "main-wrapper"))
               }, [
-                vue.withDirectives(vue.createVNode(_component_el_icon, {
-                  class: vue.normalizeClass([_ctx.ns.be("picker", "icon"), _ctx.ns.is("icon-arrow-down")])
+                vue.createVNode(HueSlider, {
+                  ref_key: "hue",
+                  ref: hue,
+                  class: "hue-slider",
+                  color: vue.unref(color),
+                  vertical: ""
+                }, null, 8, ["color"]),
+                vue.createVNode(SvPanel, {
+                  ref: "svPanel",
+                  color: vue.unref(color)
+                }, null, 8, ["color"])
+              ], 2),
+              _ctx.showAlpha ? (vue.openBlock(), vue.createBlock(AlphaSlider, {
+                key: 0,
+                ref_key: "alpha",
+                ref: alpha,
+                color: vue.unref(color)
+              }, null, 8, ["color"])) : vue.createCommentVNode("v-if", true),
+              _ctx.predefine ? (vue.openBlock(), vue.createBlock(Predefine, {
+                key: 1,
+                ref: "predefine",
+                color: vue.unref(color),
+                colors: _ctx.predefine
+              }, null, 8, ["color", "colors"])) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).be("dropdown", "btns"))
+              }, [
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass(vue.unref(ns).be("dropdown", "value"))
+                }, [
+                  vue.createVNode(vue.unref(ElInput), {
+                    modelValue: customInput.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customInput.value = $event),
+                    "validate-event": false,
+                    size: "small",
+                    onKeyup: vue.withKeys(handleConfirm, ["enter"]),
+                    onBlur: handleConfirm
+                  }, null, 8, ["modelValue", "onKeyup"])
+                ], 2),
+                vue.createVNode(vue.unref(ElButton), {
+                  class: vue.normalizeClass(vue.unref(ns).be("dropdown", "link-btn")),
+                  text: "",
+                  size: "small",
+                  onClick: clear
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_arrow_down)
+                    vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.colorpicker.clear")), 1)
                   ]),
                   _: 1
-                }, 8, ["class"]), [
-                  [vue.vShow, _ctx.modelValue || _ctx.showPanelColor]
-                ]),
-                !_ctx.modelValue && !_ctx.showPanelColor ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                  key: 0,
-                  class: vue.normalizeClass([_ctx.ns.be("picker", "empty"), _ctx.ns.is("icon-close")])
+                }, 8, ["class"]),
+                vue.createVNode(vue.unref(ElButton), {
+                  plain: "",
+                  size: "small",
+                  class: vue.normalizeClass(vue.unref(ns).be("dropdown", "btn")),
+                  onClick: confirmValue
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_close)
+                    vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.colorpicker.confirm")), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : vue.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)
+            ])), [
+              [vue.unref(ClickOutside), hide]
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              id: vue.unref(buttonId),
+              class: vue.normalizeClass([
+                vue.unref(ns).b("picker"),
+                vue.unref(ns).is("disabled", vue.unref(colorDisabled)),
+                vue.unref(ns).bm("picker", vue.unref(colorSize))
+              ]),
+              role: "button",
+              "aria-label": vue.unref(buttonAriaLabel),
+              "aria-labelledby": vue.unref(buttonAriaLabelledby),
+              "aria-description": vue.unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
+              tabindex: _ctx.tabindex,
+              onKeydown: vue.withKeys(handleTrigger, ["enter"])
+            }, [
+              vue.unref(colorDisabled) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).be("picker", "mask"))
+              }, null, 2)) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).be("picker", "trigger")),
+                onClick: handleTrigger
+              }, [
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass([vue.unref(ns).be("picker", "color"), vue.unref(ns).is("alpha", _ctx.showAlpha)])
+                }, [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(vue.unref(ns).be("picker", "color-inner")),
+                    style: vue.normalizeStyle({
+                      backgroundColor: vue.unref(displayedColor)
+                    })
+                  }, [
+                    vue.withDirectives(vue.createVNode(vue.unref(ElIcon), {
+                      class: vue.normalizeClass([vue.unref(ns).be("picker", "icon"), vue.unref(ns).is("icon-arrow-down")])
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(arrow_down_default))
+                      ]),
+                      _: 1
+                    }, 8, ["class"]), [
+                      [vue.vShow, _ctx.modelValue || showPanelColor.value]
+                    ]),
+                    !_ctx.modelValue && !showPanelColor.value ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                      key: 0,
+                      class: vue.normalizeClass([vue.unref(ns).be("picker", "empty"), vue.unref(ns).is("icon-close")])
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(close_default))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : vue.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({
@@ -23100,9 +23073,9 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$T = {
+  const __default__$T = vue.defineComponent({
     name: "ElContainer"
-  };
+  });
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     ...__default__$T,
     props: {
@@ -23141,9 +23114,9 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-  const __default__$S = {
+  const __default__$S = vue.defineComponent({
     name: "ElAside"
-  };
+  });
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
     ...__default__$S,
     props: {
@@ -23168,9 +23141,9 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-  const __default__$R = {
+  const __default__$R = vue.defineComponent({
     name: "ElFooter"
-  };
+  });
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
     ...__default__$R,
     props: {
@@ -23195,9 +23168,9 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-  const __default__$Q = {
+  const __default__$Q = vue.defineComponent({
     name: "ElHeader"
-  };
+  });
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
     ...__default__$Q,
     props: {
@@ -23226,9 +23199,9 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-  const __default__$P = {
+  const __default__$P = vue.defineComponent({
     name: "ElMain"
-  };
+  });
   const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     ...__default__$P,
     setup(__props) {
@@ -24979,6 +24952,7 @@
   const _hoisted_3$b = ["disabled"];
   const _hoisted_4$8 = ["disabled"];
   const _hoisted_5$6 = ["disabled"];
+  const unit$1 = "month";
   const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-range",
     props: panelDateRangeProps,
@@ -24990,7 +24964,6 @@
     ],
     setup(__props, { emit }) {
       const props = __props;
-      const unit = "month";
       const pickerBase = vue.inject("EP_PICKER_BASE");
       const {
         disabledDate,
@@ -25004,7 +24977,7 @@
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const { lang } = useLocale();
       const leftDate = vue.ref(dayjs().locale(lang.value));
-      const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit));
+      const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit$1));
       const {
         minDate,
         maxDate,
@@ -25020,7 +24993,7 @@
         defaultValue,
         leftDate,
         rightDate,
-        unit,
+        unit: unit$1,
         onParsedValueChanged
       });
       const dateUserInput = vue.ref({
@@ -25286,9 +25259,9 @@
           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());
           }
@@ -25677,16 +25650,16 @@
   const _hoisted_1$E = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$a = ["disabled"];
-  const __default__$O = {
+  const unit = "year";
+  const __default__$O = vue.defineComponent({
     name: "DatePickerMonthRange"
-  };
+  });
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
     ...__default__$O,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
       const props = __props;
-      const unit = "year";
       const { lang } = useLocale();
       const pickerBase = vue.inject("EP_PICKER_BASE");
       const { shortcuts, disabledDate, format } = pickerBase.props;
@@ -26062,9 +26035,9 @@
   });
 
   const _hoisted_1$D = { key: 1 };
-  const __default__$N = {
+  const __default__$N = vue.defineComponent({
     name: "ElDescriptionsRow"
-  };
+  });
   const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     ...__default__$N,
     props: descriptionsRowProps,
@@ -26147,9 +26120,9 @@
     }
   });
 
-  const __default__$M = {
+  const __default__$M = vue.defineComponent({
     name: "ElDescriptions"
-  };
+  });
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     ...__default__$M,
     props: descriptionProps,
@@ -26392,7 +26365,7 @@
 
   const _hoisted_1$C = ["aria-label"];
   const _hoisted_2$n = ["id"];
-  const __default__$L = { name: "ElDialogContent" };
+  const __default__$L = vue.defineComponent({ name: "ElDialogContent" });
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     ...__default__$L,
     props: dialogContentProps,
@@ -26696,10 +26669,10 @@
   };
 
   const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$K = {
+  const __default__$K = vue.defineComponent({
     name: "ElDialog",
     inheritAttrs: false
-  };
+  });
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     ...__default__$K,
     props: dialogProps,
@@ -26870,9 +26843,9 @@
     }
   });
 
-  const __default__$J = {
+  const __default__$J = vue.defineComponent({
     name: "ElDivider"
-  };
+  });
   const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     ...__default__$J,
     props: dividerProps,
@@ -27081,18 +27054,18 @@
 
   const ElDrawer = withInstall(Drawer);
 
-  const _sfc_main$19 = {
+  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
-  };
+  });
   function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
   var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$q], ["__file", "collection.vue"]]);
 
-  const _sfc_main$18 = {
+  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     name: "ElCollectionItem",
     inheritAttrs: false
-  };
+  });
   function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
@@ -28275,9 +28248,9 @@
 
   const _hoisted_1$w = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$I = {
+  const __default__$I = vue.defineComponent({
     name: "ElEmpty"
-  };
+  });
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     ...__default__$I,
     props: emptyProps,
@@ -28410,9 +28383,10 @@
     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 = vue.defineComponent({
+    name: COMPONENT_NAME$e
+  });
   const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     ...__default__$H,
     props: formProps,
@@ -29633,9 +29607,9 @@
     }
   });
 
-  const COMPONENT_NAME$9 = "ElLabelWrap";
+  const COMPONENT_NAME$d = "ElLabelWrap";
   var FormLabelWrap = vue.defineComponent({
-    name: COMPONENT_NAME$9,
+    name: COMPONENT_NAME$d,
     props: {
       isAutoWidth: Boolean,
       updateAll: Boolean
@@ -29646,7 +29620,7 @@
       const formContext = vue.inject(formContextKey, void 0);
       const formItemContext = vue.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 = vue.ref();
       const computedWidth = vue.ref(0);
@@ -29719,9 +29693,9 @@
   });
 
   const _hoisted_1$v = ["role", "aria-labelledby"];
-  const __default__$G = {
+  const __default__$G = vue.defineComponent({
     name: "ElFormItem"
-  };
+  });
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     ...__default__$G,
     props: formItemProps,
@@ -30059,9 +30033,9 @@
   };
 
   const _hoisted_1$u = ["src"];
-  const __default__$F = {
+  const __default__$F = vue.defineComponent({
     name: "ElImageViewer"
-  };
+  });
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     ...__default__$F,
     props: imageViewerProps,
@@ -30508,10 +30482,10 @@
 
   const _hoisted_1$t = ["src", "loading"];
   const _hoisted_2$j = { key: 0 };
-  const __default__$E = {
+  const __default__$E = vue.defineComponent({
     name: "ElImage",
     inheritAttrs: false
-  };
+  });
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     ...__default__$E,
     props: imageProps,
@@ -30774,9 +30748,9 @@
 
   const _hoisted_1$s = ["aria-label", "onKeydown"];
   const _hoisted_2$i = ["aria-label", "onKeydown"];
-  const __default__$D = {
+  const __default__$D = vue.defineComponent({
     name: "ElInputNumber"
-  };
+  });
   const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     ...__default__$D,
     props: inputNumberProps,
@@ -30806,7 +30780,7 @@
         return props.controls && props.controlsPosition === "right";
       });
       const inputNumberSize = useSize();
-      const inputNumberDisabled = useDisabled$1();
+      const inputNumberDisabled = useDisabled();
       const displayValue = vue.computed(() => {
         if (data.userInput !== null) {
           return data.userInput;
@@ -31075,9 +31049,9 @@
   };
 
   const _hoisted_1$r = ["href"];
-  const __default__$C = {
+  const __default__$C = vue.defineComponent({
     name: "ElLink"
-  };
+  });
   const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     ...__default__$C,
     props: linkProps,
@@ -31386,9 +31360,9 @@
       type: iconPropType
     }
   });
-  const COMPONENT_NAME$8 = "ElSubMenu";
+  const COMPONENT_NAME$c = "ElSubMenu";
   var SubMenu = vue.defineComponent({
-    name: COMPONENT_NAME$8,
+    name: COMPONENT_NAME$c,
     props: subMenuProps,
     setup(props, { slots, expose }) {
       const instance = vue.getCurrentInstance();
@@ -31397,10 +31371,10 @@
       const nsSubMenu = useNamespace("sub-menu");
       const rootMenu = vue.inject("rootMenu");
       if (!rootMenu)
-        throwError(COMPONENT_NAME$8, "can not inject root menu");
+        throwError(COMPONENT_NAME$c, "can not inject root menu");
       const subMenu = vue.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 = vue.ref({});
       const subMenus = vue.ref({});
       let timeout;
@@ -31930,9 +31904,9 @@
     click: (item) => isString(item.index) && Array.isArray(item.indexPath)
   };
 
-  const COMPONENT_NAME$7 = "ElMenuItem";
+  const COMPONENT_NAME$b = "ElMenuItem";
   const _sfc_main$T = vue.defineComponent({
-    name: COMPONENT_NAME$7,
+    name: COMPONENT_NAME$b,
     components: {
       ElTooltip
     },
@@ -31944,11 +31918,11 @@
       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, vue.toRef(props, "index"));
       const subMenu = vue.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 = vue.computed(() => props.index === rootMenu.activeIndex);
       const item = vue.reactive({
         index: props.index,
@@ -32026,9 +32000,9 @@
     title: String
   };
 
-  const COMPONENT_NAME$6 = "ElMenuItemGroup";
+  const COMPONENT_NAME$a = "ElMenuItemGroup";
   const _sfc_main$S = vue.defineComponent({
-    name: COMPONENT_NAME$6,
+    name: COMPONENT_NAME$a,
     props: menuItemGroupProps,
     setup() {
       const ns = useNamespace("menu-item-group");
@@ -32080,9 +32054,9 @@
   };
 
   const _hoisted_1$q = ["aria-label"];
-  const __default__$B = {
+  const __default__$B = vue.defineComponent({
     name: "ElPageHeader"
-  };
+  });
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     ...__default__$B,
     props: pageHeaderProps,
@@ -32196,9 +32170,9 @@
 
   const _hoisted_1$p = ["disabled", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
-  const __default__$A = {
+  const __default__$A = vue.defineComponent({
     name: "ElPaginationPrev"
-  };
+  });
   const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     ...__default__$A,
     props: paginationPrevProps,
@@ -32246,9 +32220,9 @@
 
   const _hoisted_1$o = ["disabled", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
-  const __default__$z = {
+  const __default__$z = vue.defineComponent({
     name: "ElPaginationNext"
-  };
+  });
   const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     ...__default__$z,
     props: paginationNextProps,
@@ -33161,10 +33135,10 @@
     };
   };
 
-  const COMPONENT_NAME$5 = "ElSelect";
+  const COMPONENT_NAME$9 = "ElSelect";
   const _sfc_main$M = vue.defineComponent({
-    name: COMPONENT_NAME$5,
-    componentName: COMPONENT_NAME$5,
+    name: COMPONENT_NAME$9,
+    componentName: COMPONENT_NAME$9,
     components: {
       ElInput,
       ElSelectMenu: ElSelectMenu$1,
@@ -33887,9 +33861,9 @@
     }
   });
 
-  const __default__$y = {
+  const __default__$y = vue.defineComponent({
     name: "ElPaginationSizes"
-  };
+  });
   const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     ...__default__$y,
     props: paginationSizesProps,
@@ -33949,9 +33923,9 @@
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
   const _hoisted_1$m = ["disabled"];
-  const __default__$x = {
+  const __default__$x = vue.defineComponent({
     name: "ElPaginationJumper"
-  };
+  });
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     ...__default__$x,
     setup(__props) {
@@ -34004,9 +33978,9 @@
   });
 
   const _hoisted_1$l = ["disabled"];
-  const __default__$w = {
+  const __default__$w = vue.defineComponent({
     name: "ElPaginationTotal"
-  };
+  });
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     ...__default__$w,
     props: paginationTotalProps,
@@ -34048,9 +34022,9 @@
   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 = vue.defineComponent({
     name: "ElPaginationPager"
-  };
+  });
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     ...__default__$v,
     props: paginationPagerProps,
@@ -34544,9 +34518,9 @@
     }
   });
 
-  const __default__$u = {
+  const __default__$u = vue.defineComponent({
     name: "ElPopconfirm"
-  };
+  });
   const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     ...__default__$u,
     props: popconfirmProps,
@@ -34710,16 +34684,16 @@
     "after-leave": () => true
   };
 
-  const __default__$t = {
+  const updateEventKeyRaw = `onUpdate:visible`;
+  const __default__$t = vue.defineComponent({
     name: "ElPopover"
-  };
+  });
   const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     ...__default__$t,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      const updateEventKeyRaw = `onUpdate:visible`;
       const onUpdateVisible = vue.computed(() => {
         return props[updateEventKeyRaw];
       });
@@ -34901,9 +34875,9 @@
   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 = vue.defineComponent({
     name: "ElProgress"
-  };
+  });
   const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     ...__default__$s,
     props: progressProps,
@@ -35185,9 +35159,9 @@
 
   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 = vue.defineComponent({
     name: "ElRate"
-  };
+  });
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     ...__default__$r,
     props: rateProps,
@@ -35454,9 +35428,9 @@
     }
   });
 
-  const __default__$q = {
+  const __default__$q = vue.defineComponent({
     name: "ElResult"
-  };
+  });
   const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     ...__default__$q,
     props: resultProps,
@@ -35546,9 +35520,9 @@
     }
   });
 
-  const __default__$p = {
+  const __default__$p = vue.defineComponent({
     name: "ElRow"
-  };
+  });
   const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     ...__default__$p,
     props: rowProps,
@@ -35797,7 +35771,10 @@
     initScrollTop: initScrollOffset,
     itemKey: {
       type: definePropType(Function),
-      default: ({ columnIndex, rowIndex }) => `${rowIndex}:${columnIndex}`
+      default: ({
+        columnIndex,
+        rowIndex
+      }) => `${rowIndex}:${columnIndex}`
     },
     rowCache: cache,
     rowHeight: itemSize,
@@ -38979,9 +38956,9 @@
     }
   });
 
-  const __default__$o = {
+  const __default__$o = vue.defineComponent({
     name: "ElSkeletonItem"
-  };
+  });
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...__default__$o,
     props: skeletonItemProps,
@@ -38998,9 +38975,9 @@
   });
   var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "skeleton-item.vue"]]);
 
-  const __default__$n = {
+  const __default__$n = vue.defineComponent({
     name: "ElSkeleton"
-  };
+  });
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...__default__$n,
     props: skeletonProps,
@@ -39652,9 +39629,9 @@
   };
 
   const _hoisted_1$f = ["tabindex"];
-  const __default__$m = {
+  const __default__$m = vue.defineComponent({
     name: "ElSliderButton"
-  };
+  });
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...__default__$m,
     props: sliderButtonProps,
@@ -39762,9 +39739,9 @@
 
   const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
   const _hoisted_2$a = { key: 1 };
-  const __default__$l = {
+  const __default__$l = vue.defineComponent({
     name: "ElSlider"
-  };
+  });
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...__default__$l,
     props: sliderProps,
@@ -40206,9 +40183,9 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$k = {
+  const __default__$k = vue.defineComponent({
     name: "ElSteps"
-  };
+  });
   const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...__default__$k,
     props: stepsProps,
@@ -40256,9 +40233,9 @@
     }
   });
 
-  const __default__$j = {
+  const __default__$j = vue.defineComponent({
     name: "ElStep"
-  };
+  });
   const _sfc_main$s = vue.defineComponent({
     ...__default__$j,
     props: stepProps,
@@ -40538,16 +40515,16 @@
   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 = vue.defineComponent({
+    name: COMPONENT_NAME$8
+  });
   const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...__default__$i,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      const COMPONENT_NAME = "ElSwitch";
       const vm = vue.getCurrentInstance();
       const { formItem } = useFormItem();
       const switchSize = useSize();
@@ -40555,7 +40532,7 @@
       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"
@@ -40566,7 +40543,7 @@
       const { inputId } = useFormItemInputId(props, {
         formItemContext: formItem
       });
-      const switchDisabled = useDisabled$1(vue.computed(() => props.loading));
+      const switchDisabled = useDisabled(vue.computed(() => props.loading));
       const isControlled = vue.ref(props.modelValue !== false);
       const input = vue.ref();
       const core = vue.ref();
@@ -40624,7 +40601,7 @@
           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) => {
@@ -46076,9 +46053,9 @@
   });
   var HeaderRow = TableV2HeaderRow;
 
-  const COMPONENT_NAME$4 = "ElTableV2Header";
+  const COMPONENT_NAME$7 = "ElTableV2Header";
   const TableV2Header = vue.defineComponent({
-    name: COMPONENT_NAME$4,
+    name: COMPONENT_NAME$7,
     props: tableV2HeaderProps,
     setup(props, {
       slots,
@@ -46274,9 +46251,9 @@
       onExpand
     };
   };
-  const COMPONENT_NAME$3 = "ElTableV2TableRow";
+  const COMPONENT_NAME$6 = "ElTableV2TableRow";
   const TableV2Row = vue.defineComponent({
-    name: COMPONENT_NAME$3,
+    name: COMPONENT_NAME$6,
     props: tableV2RowProps,
     setup(props, {
       expose,
@@ -46394,7 +46371,7 @@
   };
   var ExpandIcon$1 = ExpandIcon;
 
-  const COMPONENT_NAME$2 = "ElTableV2Grid";
+  const COMPONENT_NAME$5 = "ElTableV2Grid";
   const useTableGrid = (props) => {
     const headerRef = vue.ref();
     const bodyRef = vue.ref();
@@ -46497,7 +46474,7 @@
     };
   };
   const TableGrid = vue.defineComponent({
-    name: COMPONENT_NAME$2,
+    name: COMPONENT_NAME$5,
     props: tableV2GridProps,
     setup(props, {
       slots,
@@ -46945,9 +46922,9 @@
   function _isSlot(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1 = "ElTableV2";
+  const COMPONENT_NAME$4 = "ElTableV2";
   const TableV2 = vue.defineComponent({
-    name: COMPONENT_NAME$1,
+    name: COMPONENT_NAME$4,
     props: tableV2Props,
     setup(props, {
       slots,
@@ -47250,19 +47227,19 @@
     }
   });
 
-  const __default__$h = {
-    name: "ElTabBar"
-  };
+  const COMPONENT_NAME$3 = "ElTabBar";
+  const __default__$h = vue.defineComponent({
+    name: COMPONENT_NAME$3
+  });
   const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     ...__default__$h,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
-      const COMPONENT_NAME = "ElTabBar";
       const instance = vue.getCurrentInstance();
       const rootTabs = vue.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 = vue.ref();
       const barStyle = vue.ref();
@@ -47339,9 +47316,9 @@
     tabClick: (tab, tabName, ev) => ev instanceof Event,
     tabRemove: (tab, ev) => ev instanceof Event
   };
-  const COMPONENT_NAME = "ElTabNav";
+  const COMPONENT_NAME$2 = "ElTabNav";
   const TabNav = vue.defineComponent({
-    name: COMPONENT_NAME,
+    name: COMPONENT_NAME$2,
     props: tabNavProps,
     emits: tabNavEmits,
     setup(props, {
@@ -47351,7 +47328,7 @@
       const vm = vue.getCurrentInstance();
       const rootTabs = vue.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();
@@ -47571,6 +47548,19 @@
     }
   });
 
+  const getTabPanes = (vm) => {
+    const nodes = flattedChildren(vm.subTree);
+    return nodes.filter((n) => {
+      var _a;
+      return vue.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,
@@ -47616,9 +47606,11 @@
       expose
     }) {
       var _a, _b;
+      const vm = vue.getCurrentInstance();
       const ns = useNamespace("tabs");
       const nav$ = vue.ref();
-      const panes = vue.reactive({});
+      const panes = vue.shallowReactive({});
+      const orderedPanes = vue.shallowRef([]);
       const currentName = vue.ref((_b = (_a = props.modelValue) != null ? _a : props.activeName) != null ? _b : "0");
       const changeCurrentName = (value) => {
         currentName.value = value;
@@ -47671,8 +47663,14 @@
         (_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);
+        };
         vue.provide(tabsRootContextKey, {
           props,
           currentName,
@@ -47704,7 +47702,7 @@
           "currentName": currentName.value,
           "editable": props.editable,
           "type": props.type,
-          "panes": Object.values(panes),
+          "panes": orderedPanes.value,
           "stretch": props.stretch,
           "onTabClick": handleTabClick,
           "onTabRemove": handleTabRemove
@@ -47736,20 +47734,20 @@
   });
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$g = {
-    name: "ElTabPane"
-  };
+  const COMPONENT_NAME$1 = "ElTabPane";
+  const __default__$g = vue.defineComponent({
+    name: COMPONENT_NAME$1
+  });
   const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...__default__$g,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
-      const COMPONENT_NAME = "ElTabPane";
       const instance = vue.getCurrentInstance();
       const slots = vue.useSlots();
       const tabsRoot = vue.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 = vue.ref();
       const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
@@ -47907,9 +47905,9 @@
     return formatTime(next);
   };
 
-  const __default__$f = {
+  const __default__$f = vue.defineComponent({
     name: "ElTimeSelect"
-  };
+  });
   const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...__default__$f,
     props: timeSelectProps,
@@ -47920,7 +47918,7 @@
       const { Option: ElOption } = ElSelect;
       const nsInput = useNamespace("input");
       const select = vue.ref();
-      const _disabled = useDisabled$1();
+      const _disabled = useDisabled();
       const value = vue.computed(() => props.modelValue);
       const start = vue.computed(() => {
         const time = parseTime(props.start);
@@ -48075,9 +48073,9 @@
     }
   });
 
-  const __default__$e = {
+  const __default__$e = vue.defineComponent({
     name: "ElTimelineItem"
-  };
+  });
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...__default__$e,
     props: timelineItemProps,
@@ -48278,9 +48276,9 @@
     }
   });
 
-  const __default__$d = {
+  const __default__$d = vue.defineComponent({
     name: "ElTooltipV2Root"
-  };
+  });
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...__default__$d,
     props: tooltipV2RootProps,
@@ -48351,9 +48349,9 @@
   });
   var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-  const __default__$c = {
+  const __default__$c = vue.defineComponent({
     name: "ElTooltipV2Arrow"
-  };
+  });
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...__default__$c,
     props: {
@@ -48394,9 +48392,9 @@
     }
   });
 
-  const __default__$b = {
+  const __default__$b = vue.defineComponent({
     name: "ElVisuallyHidden"
-  };
+  });
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...__default__$b,
     props: visualHiddenProps,
@@ -48429,9 +48427,9 @@
   var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$9 = ["data-side"];
-  const __default__$a = {
+  const __default__$a = vue.defineComponent({
     name: "ElTooltipV2Content"
-  };
+  });
   const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...__default__$a,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
@@ -48561,9 +48559,9 @@
     }
   });
 
-  const __default__$9 = {
+  const __default__$9 = vue.defineComponent({
     name: "ElTooltipV2Trigger"
-  };
+  });
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...__default__$9,
     props: {
@@ -48644,9 +48642,9 @@
   });
   var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-  const __default__$8 = {
+  const __default__$8 = vue.defineComponent({
     name: "ElTooltipV2"
-  };
+  });
   const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     ...__default__$8,
     props: tooltipV2Props,
@@ -48965,9 +48963,9 @@
     };
   };
 
-  const __default__$7 = {
+  const __default__$7 = vue.defineComponent({
     name: "ElTransferPanel"
-  };
+  });
   const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     ...__default__$7,
     props: transferPanelProps,
@@ -49086,9 +49084,9 @@
 
   const _hoisted_1$8 = { key: 0 };
   const _hoisted_2$6 = { key: 0 };
-  const __default__$6 = {
+  const __default__$6 = vue.defineComponent({
     name: "ElTransfer"
-  };
+  });
   const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ...__default__$6,
     props: transferProps,
@@ -52202,9 +52200,9 @@
   const _hoisted_3$2 = ["onClick"];
   const _hoisted_4$1 = ["onClick"];
   const _hoisted_5 = ["onClick"];
-  const __default__$5 = {
+  const __default__$5 = vue.defineComponent({
     name: "ElUploadList"
-  };
+  });
   const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$5,
     props: uploadListProps,
@@ -52371,16 +52369,16 @@
   };
 
   const _hoisted_1$4 = ["onDrop", "onDragover"];
-  const __default__$4 = {
-    name: "ElUploadDrag"
-  };
+  const COMPONENT_NAME = "ElUploadDrag";
+  const __default__$4 = vue.defineComponent({
+    name: COMPONENT_NAME
+  });
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$4,
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
       const props = __props;
-      const COMPONENT_NAME = "ElUploadDrag";
       const uploaderContext = vue.inject(uploadContextKey);
       if (!uploaderContext) {
         throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
@@ -52468,10 +52466,10 @@
 
   const _hoisted_1$3 = ["onKeydown"];
   const _hoisted_2$3 = ["name", "multiple", "accept"];
-  const __default__$3 = {
+  const __default__$3 = vue.defineComponent({
     name: "ElUploadContent",
     inheritAttrs: false
-  };
+  });
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$3,
     props: uploadContentProps,
@@ -52754,16 +52752,16 @@
     };
   };
 
-  const __default__$2 = {
+  const __default__$2 = vue.defineComponent({
     name: "ElUpload"
-  };
+  });
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$2,
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
       const slots = vue.useSlots();
-      const disabled = useDisabled$1();
+      const disabled = useDisabled();
       const uploadRef = vue.shallowRef();
       const {
         abort,
@@ -53469,9 +53467,9 @@
 
   const _hoisted_1$2 = ["id"];
   const _hoisted_2$2 = ["innerHTML"];
-  const __default__$1 = {
+  const __default__$1 = vue.defineComponent({
     name: "ElMessage"
-  };
+  });
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1,
     props: messageProps,
@@ -54372,9 +54370,9 @@
   const _hoisted_2 = ["textContent"];
   const _hoisted_3 = { key: 0 };
   const _hoisted_4 = ["innerHTML"];
-  const __default__ = {
+  const __default__ = vue.defineComponent({
     name: "ElNotification"
-  };
+  });
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     ...__default__,
     props: notificationProps,
@@ -54821,13 +54819,18 @@
   exports.checkTagEmits = checkTagEmits;
   exports.checkTagProps = checkTagProps;
   exports.checkboxEmits = checkboxEmits;
+  exports.checkboxGroupContextKey = checkboxGroupContextKey;
   exports.checkboxGroupEmits = checkboxGroupEmits;
+  exports.checkboxGroupProps = checkboxGroupProps;
   exports.checkboxProps = checkboxProps;
   exports.colProps = colProps;
   exports.collapseContextKey = collapseContextKey;
   exports.collapseEmits = collapseEmits;
   exports.collapseItemProps = collapseItemProps;
   exports.collapseProps = collapseProps;
+  exports.colorPickerContextKey = colorPickerContextKey;
+  exports.colorPickerEmits = colorPickerEmits;
+  exports.colorPickerProps = colorPickerProps;
   exports.componentSizeMap = componentSizeMap;
   exports.componentSizes = componentSizes;
   exports.configProviderContextKey = configProviderContextKey;
@@ -54966,17 +54969,13 @@
   exports.uploadProps = uploadProps;
   exports.useAttrs = useAttrs;
   exports.useCascaderConfig = useCascaderConfig;
-  exports.useCheckbox = useCheckbox;
-  exports.useCheckboxGroup = useCheckboxGroup;
-  exports.useCheckboxGroupId = useCheckboxGroupId;
-  exports.useCheckboxGroupProps = useCheckboxGroupProps;
   exports.useCursor = useCursor;
   exports.useDelayedRender = useDelayedRender;
   exports.useDelayedToggle = useDelayedToggle;
   exports.useDelayedToggleProps = useDelayedToggleProps;
   exports.useDeprecated = useDeprecated;
   exports.useDialog = useDialog;
-  exports.useDisabled = useDisabled$1;
+  exports.useDisabled = useDisabled;
   exports.useDraggable = useDraggable;
   exports.useEscapeKeydown = useEscapeKeydown;
   exports.useFloating = useFloating;