@element-plus/nightly 0.0.20231009 → 0.0.20231011

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231009 */
+/*! Element Plus v0.0.20231011 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, createApp, shallowReactive, render } from 'vue';
 
@@ -506,6 +506,49 @@ function useElementBounding(target, options = {}) {
   };
 }
 
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function useMutationObserver(target, callback, options = {}) {
+  const _a = options, { window = defaultWindow } = _a, mutationOptions = __objRest$1(_a, ["window"]);
+  let observer;
+  const isSupported = useSupported(() => window && "MutationObserver" in window);
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  const stopWatch = watch(() => unrefElement(target), (el) => {
+    cleanup();
+    if (isSupported.value && window && el) {
+      observer = new MutationObserver(callback);
+      observer.observe(el, mutationOptions);
+    }
+  }, { immediate: true });
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop
+  };
+}
+
 var SwipeDirection;
 (function(SwipeDirection2) {
   SwipeDirection2["UP"] = "UP";
@@ -11085,7 +11128,7 @@ const useGlobalSize = () => {
   });
 };
 
-function useFocusController(target, { afterFocus, afterBlur } = {}) {
+function useFocusController(target, { afterFocus, beforeBlur, afterBlur } = {}) {
   const instance = getCurrentInstance();
   const { emit } = instance;
   const wrapperRef = shallowRef();
@@ -11099,7 +11142,8 @@ function useFocusController(target, { afterFocus, afterBlur } = {}) {
   };
   const handleBlur = (event) => {
     var _a;
-    if (event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
+    const cancelBlur = isFunction$1(beforeBlur) ? beforeBlur(event) : false;
+    if (cancelBlur || event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
       return;
     isFocused.value = false;
     emit("blur", event);
@@ -11243,7 +11287,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20231009";
+const version$1 = "0.0.20231011";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11293,11 +11337,11 @@ var _export_sfc = (sfc, props) => {
 };
 
 const COMPONENT_NAME$n = "ElAffix";
-const __default__$1C = defineComponent({
+const __default__$1D = defineComponent({
   name: COMPONENT_NAME$n
 });
-const _sfc_main$2i = /* @__PURE__ */ defineComponent({
-  ...__default__$1C,
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+  ...__default__$1D,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11400,7 +11444,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "affix.vue"]]);
+var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "affix.vue"]]);
 
 const ElAffix = withInstall(Affix);
 
@@ -11413,12 +11457,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1B = defineComponent({
+const __default__$1C = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$2h = /* @__PURE__ */ defineComponent({
-  ...__default__$1B,
+const _sfc_main$2i = /* @__PURE__ */ defineComponent({
+  ...__default__$1C,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11442,7 +11486,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "icon.vue"]]);
 
 const ElIcon = withInstall(Icon);
 
@@ -11481,11 +11525,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1A = defineComponent({
+const __default__$1B = defineComponent({
   name: "ElAlert"
 });
-const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$1A,
+const _sfc_main$2h = /* @__PURE__ */ defineComponent({
+  ...__default__$1B,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11570,7 +11614,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "alert.vue"]]);
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "alert.vue"]]);
 
 const ElAlert = withInstall(Alert);
 
@@ -11735,11 +11779,11 @@ const filterFields = (fields, props) => {
 };
 
 const COMPONENT_NAME$m = "ElForm";
-const __default__$1z = defineComponent({
+const __default__$1A = defineComponent({
   name: COMPONENT_NAME$m
 });
-const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1z,
+const _sfc_main$2g = /* @__PURE__ */ defineComponent({
+  ...__default__$1A,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -11867,7 +11911,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "form.vue"]]);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -13047,11 +13091,11 @@ var FormLabelWrap = defineComponent({
 });
 
 const _hoisted_1$12 = ["role", "aria-labelledby"];
-const __default__$1y = defineComponent({
+const __default__$1z = defineComponent({
   name: "ElFormItem"
 });
-const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1y,
+const _sfc_main$2f = /* @__PURE__ */ defineComponent({
+  ...__default__$1z,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13346,7 +13390,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "form-item.vue"]]);
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "form-item.vue"]]);
 
 const ElForm = withInstall(Form, {
   FormItem
@@ -13533,14 +13577,14 @@ const inputEmits = {
 };
 
 const _hoisted_1$11 = ["role"];
-const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
+const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
 const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
-const __default__$1x = defineComponent({
+const __default__$1y = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1x,
+const _sfc_main$2e = /* @__PURE__ */ defineComponent({
+  ...__default__$1y,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -13852,7 +13896,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
               onBlur: _cache[1] || (_cache[1] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_2$G),
+            }), null, 16, _hoisted_2$H),
             createCommentVNode(" suffix slot "),
             unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
               key: 1,
@@ -13963,7 +14007,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "input.vue"]]);
 
 const ElInput = withInstall(Input);
 
@@ -14013,7 +14057,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$k = "Thumb";
-const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+const _sfc_main$2d = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14132,7 +14176,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -14151,7 +14195,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14188,7 +14232,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -14238,11 +14282,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$j = "ElScrollbar";
-const __default__$1w = defineComponent({
+const __default__$1x = defineComponent({
   name: COMPONENT_NAME$j
 });
-const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$1w,
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+  ...__default__$1x,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -14396,7 +14440,7 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "scrollbar.vue"]]);
+var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -14426,12 +14470,12 @@ const popperProps = buildProps({
 });
 const usePopperProps = popperProps;
 
-const __default__$1v = defineComponent({
+const __default__$1w = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1v,
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+  ...__default__$1w,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14454,7 +14498,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "popper.vue"]]);
 
 const popperArrowProps = buildProps({
   arrowOffset: {
@@ -14464,12 +14508,12 @@ const popperArrowProps = buildProps({
 });
 const usePopperArrowProps = popperArrowProps;
 
-const __default__$1u = defineComponent({
+const __default__$1v = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+  ...__default__$1v,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14495,7 +14539,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "arrow.vue"]]);
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
@@ -14583,12 +14627,12 @@ const popperTriggerProps = buildProps({
 });
 const usePopperTriggerProps = popperTriggerProps;
 
-const __default__$1t = defineComponent({
+const __default__$1u = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+  ...__default__$1u,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14686,7 +14730,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "trigger.vue"]]);
 
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -14836,7 +14880,7 @@ const createFocusOutPreventedEvent = (detail) => {
   });
 };
 
-const _sfc_main$26 = defineComponent({
+const _sfc_main$27 = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15075,7 +15119,7 @@ const _sfc_main$26 = defineComponent({
 function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$v], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$v], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -15369,11 +15413,11 @@ const usePopperContentFocusTrap = (props, emit) => {
   };
 };
 
-const __default__$1s = defineComponent({
+const __default__$1t = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+  ...__default__$1t,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -15489,7 +15533,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "content.vue"]]);
 
 const ElPopper = withInstall(Popper);
 
@@ -15574,11 +15618,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1r = defineComponent({
+const __default__$1s = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+  ...__default__$1s,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15637,14 +15681,14 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "trigger.vue"]]);
 
-const __default__$1q = defineComponent({
+const __default__$1r = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+  ...__default__$1r,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15802,15 +15846,15 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "content.vue"]]);
 
 const _hoisted_1$10 = ["innerHTML"];
-const _hoisted_2$F = { key: 1 };
-const __default__$1p = defineComponent({
+const _hoisted_2$G = { key: 1 };
+const __default__$1q = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+  ...__default__$1q,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -15947,7 +15991,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
                 _ctx.rawContent ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   innerHTML: _ctx.content
-                }, null, 8, _hoisted_1$10)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
+                }, null, 8, _hoisted_1$10)) : (openBlock(), createElementBlock("span", _hoisted_2$G, toDisplayString(_ctx.content), 1))
               ]),
               _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
                 key: 0,
@@ -15962,7 +16006,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "tooltip.vue"]]);
 
 const ElTooltip = withInstall(Tooltip);
 
@@ -16044,15 +16088,15 @@ const autocompleteEmits = {
 };
 
 const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
-const _hoisted_2$E = { key: 0 };
+const _hoisted_2$F = { key: 0 };
 const _hoisted_3$k = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
-const __default__$1o = defineComponent({
+const __default__$1p = defineComponent({
   name: COMPONENT_NAME$i,
   inheritAttrs: false
 });
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+  ...__default__$1p,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -16290,7 +16334,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
               role: "listbox"
             }, {
               default: withCtx(() => [
-                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$E, [
+                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$F, [
                   createVNode(unref(ElIcon), {
                     class: normalizeClass(unref(ns).is("loading"))
                   }, {
@@ -16383,7 +16427,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "autocomplete.vue"]]);
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "autocomplete.vue"]]);
 
 const ElAutocomplete = withInstall(Autocomplete);
 
@@ -16418,11 +16462,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$_ = ["src", "alt", "srcset"];
-const __default__$1n = defineComponent({
+const __default__$1o = defineComponent({
   name: "ElAvatar"
 });
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+  ...__default__$1o,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -16476,7 +16520,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "avatar.vue"]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "avatar.vue"]]);
 
 const ElAvatar = withInstall(Avatar);
 
@@ -16537,11 +16581,11 @@ const useBackTop = (props, emit, componentName) => {
 };
 
 const COMPONENT_NAME$h = "ElBacktop";
-const __default__$1m = defineComponent({
+const __default__$1n = defineComponent({
   name: COMPONENT_NAME$h
 });
-const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+  ...__default__$1n,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -16580,7 +16624,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "backtop.vue"]]);
+var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "backtop.vue"]]);
 
 const ElBacktop = withInstall(Backtop);
 
@@ -16603,11 +16647,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$Z = ["textContent"];
-const __default__$1l = defineComponent({
+const __default__$1m = defineComponent({
   name: "ElBadge"
 });
-const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
+  ...__default__$1m,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16651,7 +16695,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "badge.vue"]]);
+var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "badge.vue"]]);
 
 const ElBadge = withInstall(Badge);
 
@@ -16667,11 +16711,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1k = defineComponent({
+const __default__$1l = defineComponent({
   name: "ElBreadcrumb"
 });
-const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
+  ...__default__$1l,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -16697,7 +16741,7 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "breadcrumb.vue"]]);
+var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "breadcrumb.vue"]]);
 
 const breadcrumbItemProps = buildProps({
   to: {
@@ -16710,11 +16754,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1j = defineComponent({
+const __default__$1k = defineComponent({
   name: "ElBreadcrumbItem"
 });
-const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+  ...__default__$1k,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -16759,7 +16803,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "breadcrumb-item.vue"]]);
+var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "breadcrumb-item.vue"]]);
 
 const ElBreadcrumb = withInstall(Breadcrumb, {
   BreadcrumbItem
@@ -17809,11 +17853,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$1i = defineComponent({
+const __default__$1j = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
+  ...__default__$1j,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -17878,18 +17922,18 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "button.vue"]]);
 
 const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
 };
 
-const __default__$1h = defineComponent({
+const __default__$1i = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
+  ...__default__$1i,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -17907,7 +17951,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "button-group.vue"]]);
 
 const ElButton = withInstall(Button, {
   ButtonGroup
@@ -18460,12 +18504,12 @@ const timePickerDefaultProps = buildProps({
 });
 
 const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$1g = defineComponent({
+const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const __default__$1h = defineComponent({
   name: "Picker"
 });
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+  ...__default__$1h,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -19053,7 +19097,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
               onBlur: handleBlurInput,
               onInput: handleEndInput,
               onChange: handleEndChange
-            }, null, 42, _hoisted_2$D),
+            }, null, 42, _hoisted_2$E),
             _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
               key: 1,
               class: normalizeClass(unref(clearIconKls)),
@@ -19090,7 +19134,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "picker.vue"]]);
+var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "picker.vue"]]);
 
 const panelTimePickerProps = buildProps({
   ...timePanelSharedProps,
@@ -19399,8 +19443,8 @@ const basicTimeSpinnerProps = buildProps({
 });
 
 const _hoisted_1$X = ["onClick"];
-const _hoisted_2$C = ["onMouseenter"];
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+const _hoisted_2$D = ["onMouseenter"];
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
   props: basicTimeSpinnerProps,
   emits: ["change", "select-range", "set-option"],
@@ -19680,15 +19724,15 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
                 ], 2);
               }), 128))
             ], 2)
-          ], 42, _hoisted_2$C);
+          ], 42, _hoisted_2$D);
         }), 128)) : createCommentVNode("v-if", true)
       ], 2);
     };
   }
 });
-var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "basic-time-spinner.vue"]]);
+var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "basic-time-spinner.vue"]]);
 
-const _sfc_main$1T = /* @__PURE__ */ defineComponent({
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
   __name: "panel-time-pick",
   props: panelTimePickerProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -19840,7 +19884,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "panel-time-pick.vue"]]);
+var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "panel-time-pick.vue"]]);
 
 const panelTimeRangeProps = buildProps({
   ...timePanelSharedProps,
@@ -19850,7 +19894,7 @@ const panelTimeRangeProps = buildProps({
 });
 
 const _hoisted_1$W = ["disabled"];
-const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "panel-time-range",
   props: panelTimeRangeProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -20118,7 +20162,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "panel-time-range.vue"]]);
+var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "panel-time-range.vue"]]);
 
 dayjs.extend(customParseFormat);
 var TimePicker = defineComponent({
@@ -20371,12 +20415,12 @@ const useDateTable = (props, emit) => {
 };
 
 const _hoisted_1$V = { key: 0 };
-const _hoisted_2$B = ["onClick"];
-const __default__$1f = defineComponent({
+const _hoisted_2$C = ["onClick"];
+const __default__$1g = defineComponent({
   name: "DateTable"
 });
-const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+  ...__default__$1g,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -20443,7 +20487,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", null, toDisplayString(cell.text), 1)
                     ])
                   ], 2)
-                ], 10, _hoisted_2$B);
+                ], 10, _hoisted_2$C);
               }), 128))
             ], 2);
           }), 128))
@@ -20452,7 +20496,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__file", "date-table.vue"]]);
+var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "date-table.vue"]]);
 
 const adjacentMonth = (start, end) => {
   const firstMonthLastDay = start.endOf("month");
@@ -20590,11 +20634,11 @@ const calendarEmits = {
 };
 
 const COMPONENT_NAME$g = "ElCalendar";
-const __default__$1e = defineComponent({
+const __default__$1f = defineComponent({
   name: COMPONENT_NAME$g
 });
-const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+const _sfc_main$1R = /* @__PURE__ */ defineComponent({
+  ...__default__$1f,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -20711,7 +20755,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "calendar.vue"]]);
+var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__file", "calendar.vue"]]);
 
 const ElCalendar = withInstall(Calendar);
 
@@ -20732,11 +20776,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$1d = defineComponent({
+const __default__$1e = defineComponent({
   name: "ElCard"
 });
-const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+  ...__default__$1e,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -20762,7 +20806,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "card.vue"]]);
+var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "card.vue"]]);
 
 const ElCard = withInstall(Card);
 
@@ -20830,11 +20874,13 @@ const useCarousel = (props, emit, componentName) => {
     addChild: addItem,
     removeChild: removeItem
   } = useOrderedChildren(getCurrentInstance(), "ElCarouselItem");
+  const slots = useSlots();
   const activeIndex = ref(-1);
   const timer = ref(null);
   const hover = ref(false);
   const root = ref();
   const containerHeight = ref(0);
+  const isItemsTwoLength = ref(true);
   const arrowDisplay = computed$1(() => props.arrow !== "never" && !unref(isVertical));
   const hasLabel = computed$1(() => {
     return items.value.some((item) => item.props.label.toString().length > 0);
@@ -20858,6 +20904,11 @@ const useCarousel = (props, emit, componentName) => {
   const throttledIndicatorHover = throttle((index) => {
     handleIndicatorHover(index);
   }, THROTTLE_TIME);
+  const isTwoLengthShow = (index) => {
+    if (!isItemsTwoLength.value)
+      return true;
+    return activeIndex.value <= 1 ? index <= 1 : index > 1;
+  };
   function pauseTimer() {
     if (timer.value) {
       clearInterval(timer.value);
@@ -20975,8 +21026,29 @@ const useCarousel = (props, emit, componentName) => {
       return;
     containerHeight.value = height;
   }
+  function PlaceholderItem() {
+    var _a;
+    const defaultSlots = (_a = slots.default) == null ? void 0 : _a.call(slots);
+    if (!defaultSlots)
+      return null;
+    const flatSlots = flattedChildren(defaultSlots);
+    const carouselItemsName = "ElCarouselItem";
+    const normalizeSlots = flatSlots.filter((slot) => {
+      return isVNode(slot) && slot.type.name === carouselItemsName;
+    });
+    if ((normalizeSlots == null ? void 0 : normalizeSlots.length) === 2 && props.loop && !isCardType.value) {
+      isItemsTwoLength.value = true;
+      return normalizeSlots;
+    }
+    isItemsTwoLength.value = false;
+    return null;
+  }
   watch(() => activeIndex.value, (current, prev2) => {
     resetItemPosition(prev2);
+    if (isItemsTwoLength.value) {
+      current = current % 2;
+      prev2 = prev2 % 2;
+    }
     if (prev2 > -1) {
       emit("change", current, prev2);
     }
@@ -21029,6 +21101,7 @@ const useCarousel = (props, emit, componentName) => {
     items,
     isVertical,
     containerStyle,
+    isItemsTwoLength,
     handleButtonEnter,
     handleButtonLeave,
     handleIndicatorClick,
@@ -21037,19 +21110,21 @@ const useCarousel = (props, emit, componentName) => {
     setActiveItem,
     prev,
     next,
+    PlaceholderItem,
+    isTwoLengthShow,
     throttledArrowClick,
     throttledIndicatorHover
   };
 };
 
 const _hoisted_1$U = ["onMouseenter", "onClick"];
-const _hoisted_2$A = { key: 0 };
+const _hoisted_2$B = { key: 0 };
 const COMPONENT_NAME$f = "ElCarousel";
-const __default__$1c = defineComponent({
+const __default__$1d = defineComponent({
   name: COMPONENT_NAME$f
 });
-const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+  ...__default__$1d,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -21072,6 +21147,8 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
       setActiveItem,
       prev,
       next,
+      PlaceholderItem,
+      isTwoLengthShow,
       throttledArrowClick,
       throttledIndicatorHover
     } = useCarousel(props, emit);
@@ -21169,6 +21246,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("v-if", true),
+          createVNode(unref(PlaceholderItem)),
           renderSlot(_ctx.$slots, "default")
         ], 6),
         _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
@@ -21176,7 +21254,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(indicatorsClasses))
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
-            return openBlock(), createElementBlock("li", {
+            return withDirectives((openBlock(), createElementBlock("li", {
               key: index,
               class: normalizeClass([
                 unref(ns).e("indicator"),
@@ -21189,16 +21267,18 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
               createElementVNode("button", {
                 class: normalizeClass(unref(ns).e("button"))
               }, [
-                unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_2$A, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
+                unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_2$B, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
               ], 2)
-            ], 42, _hoisted_1$U);
+            ], 42, _hoisted_1$U)), [
+              [vShow, unref(isTwoLengthShow)(index)]
+            ]);
           }), 128))
         ], 2)) : createCommentVNode("v-if", true)
       ], 34);
     };
   }
 });
-var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "carousel.vue"]]);
+var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__file", "carousel.vue"]]);
 
 const carouselItemProps = buildProps({
   name: { type: String, default: "" },
@@ -21320,11 +21400,11 @@ const useCarouselItem = (props, componentName) => {
   };
 };
 
-const __default__$1b = defineComponent({
+const __default__$1c = defineComponent({
   name: "ElCarouselItem"
 });
-const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+  ...__default__$1c,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -21382,7 +21462,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "carousel-item.vue"]]);
+var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "carousel-item.vue"]]);
 
 const ElCarousel = withInstall(Carousel, {
   CarouselItem
@@ -21395,7 +21475,8 @@ const checkboxProps = {
     default: void 0
   },
   label: {
-    type: [String, Boolean, Number, Object]
+    type: [String, Boolean, Number, Object],
+    default: void 0
   },
   indeterminate: Boolean,
   disabled: Boolean,
@@ -21560,7 +21641,7 @@ const useCheckboxStatus = (props, slots, { model }) => {
     return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
   }));
   const hasOwnLabel = computed$1(() => {
-    return !!(slots.default || props.label);
+    return !!slots.default || !isNil(props.label);
   });
   return {
     checkboxButtonSize,
@@ -21621,13 +21702,13 @@ const useCheckbox = (props, slots) => {
 };
 
 const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
-const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_2$A = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-const __default__$1a = defineComponent({
+const __default__$1b = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
+  ...__default__$1b,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -21694,7 +21775,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
               onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
               onClick: _cache[4] || (_cache[4] = withModifiers(() => {
               }, ["stop"]))
-            }, null, 42, _hoisted_2$z)), [
+            }, null, 42, _hoisted_2$A)), [
               [vModelCheckbox, unref(model)]
             ]) : withDirectives((openBlock(), createElementBlock("input", {
               key: 1,
@@ -21734,15 +21815,15 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "checkbox.vue"]]);
 
 const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-const __default__$19 = defineComponent({
+const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
+const __default__$1a = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+  ...__default__$1a,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -21812,7 +21893,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
           onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
           onClick: _cache[9] || (_cache[9] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_2$y)), [
+        }, null, 42, _hoisted_2$z)), [
           [vModelCheckbox, unref(model)]
         ]),
         _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -21828,7 +21909,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox-button.vue"]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "checkbox-button.vue"]]);
 
 const checkboxGroupProps = buildProps({
   modelValue: {
@@ -21856,11 +21937,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray$1(val)
 };
 
-const __default__$18 = defineComponent({
+const __default__$19 = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+  ...__default__$19,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -21918,7 +21999,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox-group.vue"]]);
 
 const ElCheckbox = withInstall(Checkbox, {
   CheckboxButton,
@@ -21990,11 +22071,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$R = ["value", "name", "disabled"];
-const __default__$17 = defineComponent({
+const __default__$18 = defineComponent({
   name: "ElRadio"
 });
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+  ...__default__$18,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -22057,7 +22138,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "radio.vue"]]);
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "radio.vue"]]);
 
 const radioButtonProps = buildProps({
   ...radioPropsBase,
@@ -22068,11 +22149,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$Q = ["value", "name", "disabled"];
-const __default__$16 = defineComponent({
+const __default__$17 = defineComponent({
   name: "ElRadioButton"
 });
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+  ...__default__$17,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -22127,7 +22208,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "radio-button.vue"]]);
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "radio-button.vue"]]);
 
 const radioGroupProps = buildProps({
   id: {
@@ -22164,11 +22245,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
-const __default__$15 = defineComponent({
+const __default__$16 = defineComponent({
   name: "ElRadioGroup"
 });
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+  ...__default__$16,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -22219,7 +22300,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__file", "radio-group.vue"]]);
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "radio-group.vue"]]);
 
 const ElRadio = withInstall(Radio, {
   RadioButton,
@@ -22247,7 +22328,7 @@ var NodeContent$1 = defineComponent({
 
 const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-const _sfc_main$1G = defineComponent({
+const _sfc_main$1H = defineComponent({
   name: "ElCascaderNode",
   components: {
     ElCheckbox,
@@ -22363,7 +22444,7 @@ const _sfc_main$1G = defineComponent({
   }
 });
 const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-const _hoisted_2$x = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+const _hoisted_2$y = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
@@ -22411,7 +22492,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-        _hoisted_2$x
+        _hoisted_2$y
       ]),
       _: 1
     }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (openBlock(), createBlock(_component_el_icon, {
@@ -22447,9 +22528,9 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$O);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$u], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$u], ["__file", "node.vue"]]);
 
-const _sfc_main$1F = defineComponent({
+const _sfc_main$1G = defineComponent({
   name: "ElCascaderMenu",
   components: {
     Loading: loading_default,
@@ -22580,7 +22661,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$t], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$t], ["__file", "menu.vue"]]);
 
 let uid = 0;
 const calculatePathNodes = (node) => {
@@ -22813,7 +22894,7 @@ const sortByOriginalOrder = (oldNodes, newNodes) => {
   return res;
 };
 
-const _sfc_main$1E = defineComponent({
+const _sfc_main$1F = defineComponent({
   name: "ElCascaderPanel",
   components: {
     ElCascaderMenu
@@ -23079,7 +23160,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$s], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$s], ["__file", "index.vue"]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -23117,11 +23198,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$14 = defineComponent({
+const __default__$15 = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+  ...__default__$15,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -23201,7 +23282,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "tag.vue"]]);
+var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__file", "tag.vue"]]);
 
 const ElTag = withInstall(Tag);
 
@@ -23263,14 +23344,14 @@ const cascaderEmits = {
 };
 
 const _hoisted_1$N = { key: 0 };
-const _hoisted_2$w = ["placeholder", "onKeydown"];
+const _hoisted_2$x = ["placeholder", "onKeydown"];
 const _hoisted_3$i = ["onClick"];
 const COMPONENT_NAME$e = "ElCascader";
-const __default__$13 = defineComponent({
+const __default__$14 = defineComponent({
   name: COMPONENT_NAME$e
 });
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+  ...__default__$14,
   props: cascaderProps,
   emits: cascaderEmits,
   setup(__props, { expose, emit }) {
@@ -23796,7 +23877,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
                 onCompositionend: handleComposition,
                 onFocus: handleFocus,
                 onBlur: handleBlur
-              }, null, 42, _hoisted_2$w)), [
+              }, null, 42, _hoisted_2$x)), [
                 [vModelText, searchInputValue.value]
               ]) : createCommentVNode("v-if", true)
             ], 2)) : createCommentVNode("v-if", true)
@@ -23863,7 +23944,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "cascader.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "cascader.vue"]]);
 
 Cascader.install = (app) => {
   app.component(Cascader.name, Cascader);
@@ -23882,11 +23963,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$12 = defineComponent({
+const __default__$13 = defineComponent({
   name: "ElCheckTag"
 });
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+  ...__default__$13,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -23908,7 +23989,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "check-tag.vue"]]);
+var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "check-tag.vue"]]);
 
 const ElCheckTag = withInstall(CheckTag);
 
@@ -23943,11 +24024,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$11 = defineComponent({
+const __default__$12 = defineComponent({
   name: "ElRow"
 });
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+  ...__default__$12,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -23982,7 +24063,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "row.vue"]]);
+var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "row.vue"]]);
 
 const ElRow = withInstall(Row$1);
 
@@ -24029,11 +24110,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$10 = defineComponent({
+const __default__$11 = defineComponent({
   name: "ElCol"
 });
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+  ...__default__$11,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -24086,7 +24167,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "col.vue"]]);
+var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "col.vue"]]);
 
 const ElCol = withInstall(Col);
 
@@ -24145,11 +24226,11 @@ const useCollapseDOM = () => {
   };
 };
 
-const __default__$$ = defineComponent({
+const __default__$10 = defineComponent({
   name: "ElCollapse"
 });
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+  ...__default__$10,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -24169,13 +24250,13 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "collapse.vue"]]);
 
-const __default__$_ = defineComponent({
+const __default__$$ = defineComponent({
   name: "ElCollapseTransition"
 });
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+  ...__default__$$,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const reset = (el) => {
@@ -24247,7 +24328,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "collapse-transition.vue"]]);
+var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse-transition.vue"]]);
 
 CollapseTransition.install = (app) => {
   app.component(CollapseTransition.name, CollapseTransition);
@@ -24333,12 +24414,12 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
 };
 
 const _hoisted_1$M = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
-const _hoisted_2$v = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$Z = defineComponent({
+const _hoisted_2$w = ["id", "aria-hidden", "aria-labelledby"];
+const __default__$_ = defineComponent({
   name: "ElCollapseItem"
 });
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+  ...__default__$_,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -24405,7 +24486,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "default")
               ], 2)
-            ], 10, _hoisted_2$v), [
+            ], 10, _hoisted_2$w), [
               [vShow, unref(isActive)]
             ])
           ]),
@@ -24415,7 +24496,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "collapse-item.vue"]]);
+var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "collapse-item.vue"]]);
 
 const ElCollapse = withInstall(Collapse, {
   CollapseItem
@@ -24578,11 +24659,11 @@ const useAlphaSliderDOM = (props, {
 };
 
 const COMPONENT_NAME$d = "ElColorAlphaSlider";
-const __default__$Y = defineComponent({
+const __default__$Z = defineComponent({
   name: COMPONENT_NAME$d
 });
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+  ...__default__$Z,
   props: alphaSliderProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -24618,9 +24699,9 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "alpha-slider.vue"]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "alpha-slider.vue"]]);
 
-const _sfc_main$1u = defineComponent({
+const _sfc_main$1v = defineComponent({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -24740,7 +24821,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$r], ["__file", "hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$r], ["__file", "hue-slider.vue"]]);
 
 const colorPickerProps = buildProps({
   modelValue: String,
@@ -24772,7 +24853,9 @@ const colorPickerProps = buildProps({
 const colorPickerEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNil(val),
   [CHANGE_EVENT]: (val) => isString$1(val) || isNil(val),
-  activeChange: (val) => isString$1(val) || isNil(val)
+  activeChange: (val) => isString$1(val) || isNil(val),
+  focus: (event) => event instanceof FocusEvent,
+  blur: (event) => event instanceof FocusEvent
 };
 const colorPickerContextKey = Symbol("colorPickerContextKey");
 
@@ -25060,7 +25143,7 @@ class Color {
   }
 }
 
-const _sfc_main$1t = defineComponent({
+const _sfc_main$1u = defineComponent({
   props: {
     colors: {
       type: Array,
@@ -25131,9 +25214,9 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$q], ["__file", "predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$q], ["__file", "predefine.vue"]]);
 
-const _sfc_main$1s = defineComponent({
+const _sfc_main$1t = defineComponent({
   name: "ElSlPanel",
   props: {
     color: {
@@ -25204,7 +25287,7 @@ const _sfc_main$1s = defineComponent({
   }
 });
 const _hoisted_1$K = /* @__PURE__ */ createElementVNode("div", null, null, -1);
-const _hoisted_2$u = [
+const _hoisted_2$v = [
   _hoisted_1$K
 ];
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
@@ -25226,17 +25309,18 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
         top: _ctx.cursorTop + "px",
         left: _ctx.cursorLeft + "px"
       })
-    }, _hoisted_2$u, 6)
+    }, _hoisted_2$v, 6)
   ], 6);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$p], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$p], ["__file", "sv-panel.vue"]]);
 
-const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"];
-const __default__$X = defineComponent({
+const _hoisted_1$J = ["onKeydown"];
+const _hoisted_2$u = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
+const __default__$Y = defineComponent({
   name: "ElColorPicker"
 });
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+  ...__default__$Y,
   props: colorPickerProps,
   emits: colorPickerEmits,
   setup(__props, { expose, emit }) {
@@ -25253,6 +25337,27 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     const sv = ref();
     const alpha = ref();
     const popper = ref();
+    const triggerRef = ref();
+    const inputRef = ref();
+    const {
+      isFocused,
+      handleFocus: _handleFocus,
+      handleBlur
+    } = useFocusController(triggerRef, {
+      beforeBlur(event) {
+        var _a;
+        return (_a = popper.value) == null ? void 0 : _a.isFocusInsideContent(event);
+      },
+      afterBlur() {
+        setShowPicker(false);
+        resetColor();
+      }
+    });
+    const handleFocus = (event) => {
+      if (colorDisabled.value)
+        return blur();
+      _handleFocus(event);
+    };
     let shouldActiveChange = true;
     const color = reactive(new Color({
       enableAlpha: props.showAlpha,
@@ -25281,7 +25386,8 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
       return [
         ns.b("picker"),
         ns.is("disabled", colorDisabled.value),
-        ns.bm("picker", colorSize.value)
+        ns.bm("picker", colorSize.value),
+        ns.is("focused", isFocused.value)
       ];
     });
     function displayedRgb(color2, showAlpha) {
@@ -25352,6 +25458,41 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
       }
       resetColor();
     }
+    function handleClickOutside(event) {
+      if (!showPicker.value)
+        return;
+      hide();
+      if (isFocused.value) {
+        const _event = new FocusEvent("focus", event);
+        handleBlur(_event);
+      }
+    }
+    function handleEsc(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      setShowPicker(false);
+      resetColor();
+    }
+    function handleKeyDown(event) {
+      switch (event.code) {
+        case EVENT_CODE.enter:
+        case EVENT_CODE.space:
+          event.preventDefault();
+          event.stopPropagation();
+          show();
+          inputRef.value.focus();
+          break;
+        case EVENT_CODE.esc:
+          handleEsc(event);
+          break;
+      }
+    }
+    function focus() {
+      triggerRef.value.focus();
+    }
+    function blur() {
+      triggerRef.value.blur();
+    }
     onMounted(() => {
       if (props.modelValue) {
         customInput.value = currentColor.value;
@@ -25389,7 +25530,9 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     expose({
       color,
       show,
-      hide
+      hide,
+      focus,
+      blur
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElTooltip), {
@@ -25405,10 +25548,13 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
         effect: "light",
         trigger: "click",
         transition: `${unref(ns).namespace.value}-zoom-in-top`,
-        persistent: ""
+        persistent: "",
+        onHide: _cache[2] || (_cache[2] = ($event) => setShowPicker(false))
       }, {
         content: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", null, [
+          withDirectives((openBlock(), createElementBlock("div", {
+            onKeydown: withKeys(handleEsc, ["esc"])
+          }, [
             createElementVNode("div", {
               class: normalizeClass(unref(ns).be("dropdown", "main-wrapper"))
             }, [
@@ -25444,6 +25590,8 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(unref(ns).be("dropdown", "value"))
               }, [
                 createVNode(unref(ElInput), {
+                  ref_key: "inputRef",
+                  ref: inputRef,
                   modelValue: customInput.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customInput.value = $event),
                   "validate-event": false,
@@ -25475,20 +25623,25 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ], 2)
-          ])), [
-            [unref(ClickOutside), hide]
+          ], 40, _hoisted_1$J)), [
+            [unref(ClickOutside), handleClickOutside]
           ])
         ]),
         default: withCtx(() => [
           createElementVNode("div", {
             id: unref(buttonId),
+            ref_key: "triggerRef",
+            ref: triggerRef,
             class: normalizeClass(unref(btnKls)),
             role: "button",
             "aria-label": unref(buttonAriaLabel),
             "aria-labelledby": unref(buttonAriaLabelledby),
             "aria-description": unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
-            tabindex: _ctx.tabindex,
-            onKeydown: withKeys(handleTrigger, ["enter"])
+            "aria-disabled": unref(colorDisabled),
+            tabindex: unref(colorDisabled) ? -1 : _ctx.tabindex,
+            onKeydown: handleKeyDown,
+            onFocus: handleFocus,
+            onBlur: _cache[1] || (_cache[1] = (...args) => unref(handleBlur) && unref(handleBlur)(...args))
           }, [
             unref(colorDisabled) ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -25530,22 +25683,22 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                 ], 6)
               ], 2)
             ], 2)
-          ], 42, _hoisted_1$J)
+          ], 42, _hoisted_2$u)
         ]),
         _: 1
       }, 8, ["visible", "popper-class", "transition"]);
     };
   }
 });
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "color-picker.vue"]]);
+var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "color-picker.vue"]]);
 
 const ElColorPicker = withInstall(ColorPicker);
 
-const __default__$W = defineComponent({
+const __default__$X = defineComponent({
   name: "ElContainer"
 });
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+  ...__default__$X,
   props: {
     direction: {
       type: String
@@ -25580,13 +25733,13 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
+var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "container.vue"]]);
 
-const __default__$V = defineComponent({
+const __default__$W = defineComponent({
   name: "ElAside"
 });
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+  ...__default__$W,
   props: {
     width: {
       type: String,
@@ -25607,13 +25760,13 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
+var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "aside.vue"]]);
 
-const __default__$U = defineComponent({
+const __default__$V = defineComponent({
   name: "ElFooter"
 });
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+  ...__default__$V,
   props: {
     height: {
       type: String,
@@ -25634,13 +25787,13 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
+var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "footer.vue"]]);
 
-const __default__$T = defineComponent({
+const __default__$U = defineComponent({
   name: "ElHeader"
 });
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+  ...__default__$U,
   props: {
     height: {
       type: String,
@@ -25665,13 +25818,13 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
+var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "header.vue"]]);
 
-const __default__$S = defineComponent({
+const __default__$T = defineComponent({
   name: "ElMain"
 });
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+  ...__default__$T,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -25683,7 +25836,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "main.vue"]]);
+var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "main.vue"]]);
 
 const ElContainer = withInstall(Container, {
   Aside,
@@ -26372,7 +26525,7 @@ const _hoisted_2$t = {
 };
 const _hoisted_3$h = ["aria-label"];
 const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "basic-date-table",
   props: basicDateTableProps,
   emits: basicDateTableEmits,
@@ -26452,7 +26605,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__file", "basic-date-table.vue"]]);
+var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "basic-date-table.vue"]]);
 
 const basicMonthTableProps = buildProps({
   ...datePickerSharedProps,
@@ -26462,7 +26615,7 @@ const basicMonthTableProps = buildProps({
 const _hoisted_1$H = ["aria-label"];
 const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
 const _hoisted_3$g = { class: "cell" };
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "basic-month-table",
   props: basicMonthTableProps,
   emits: ["changerange", "pick", "select"],
@@ -26655,7 +26808,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__file", "basic-month-table.vue"]]);
+var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__file", "basic-month-table.vue"]]);
 
 const { date, disabledDate, parsedValue } = datePickerSharedProps;
 const basicYearTableProps = buildProps({
@@ -26668,7 +26821,7 @@ const _hoisted_1$G = ["aria-label"];
 const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
 const _hoisted_3$f = { class: "cell" };
 const _hoisted_4$a = { key: 1 };
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "basic-year-table",
   props: basicYearTableProps,
   emits: ["pick"],
@@ -26762,14 +26915,14 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "basic-year-table.vue"]]);
+var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__file", "basic-year-table.vue"]]);
 
 const _hoisted_1$F = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
 const _hoisted_3$e = ["aria-label"];
 const _hoisted_4$9 = ["aria-label"];
 const _hoisted_5$7 = ["aria-label"];
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
   props: panelDatePickProps,
   emits: ["pick", "set-picker-option", "panel-change"],
@@ -27406,7 +27559,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "panel-date-pick.vue"]]);
+var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "panel-date-pick.vue"]]);
 
 const panelDateRangeProps = buildProps({
   ...panelSharedProps,
@@ -27523,7 +27676,7 @@ const _hoisted_7$1 = ["disabled", "aria-label"];
 const _hoisted_8$1 = ["aria-label"];
 const _hoisted_9$1 = ["aria-label"];
 const unit$1 = "month";
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
   props: panelDateRangeProps,
   emits: [
@@ -28164,7 +28317,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__file", "panel-date-range.vue"]]);
+var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "panel-date-range.vue"]]);
 
 const panelMonthRangeProps = buildProps({
   ...panelRangeSharedProps
@@ -28227,11 +28380,11 @@ const _hoisted_1$D = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$c = ["disabled"];
 const unit = "year";
-const __default__$R = defineComponent({
+const __default__$S = defineComponent({
   name: "DatePickerMonthRange"
 });
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+  ...__default__$S,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -28436,7 +28589,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__file", "panel-month-range.vue"]]);
+var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__file", "panel-month-range.vue"]]);
 
 const getPanel = function(type) {
   switch (type) {
@@ -28614,11 +28767,11 @@ const descriptionsRowProps = buildProps({
 });
 
 const _hoisted_1$C = { key: 1 };
-const __default__$Q = defineComponent({
+const __default__$R = defineComponent({
   name: "ElDescriptionsRow"
 });
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+  ...__default__$R,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -28672,7 +28825,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "descriptions-row.vue"]]);
+var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__file", "descriptions-row.vue"]]);
 
 const descriptionProps = buildProps({
   border: {
@@ -28699,11 +28852,11 @@ const descriptionProps = buildProps({
   }
 });
 
-const __default__$P = defineComponent({
+const __default__$Q = defineComponent({
   name: "ElDescriptions"
 });
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+  ...__default__$Q,
   props: descriptionProps,
   setup(__props) {
     const props = __props;
@@ -28802,7 +28955,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "description.vue"]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "description.vue"]]);
 
 const descriptionItemProps = buildProps({
   label: {
@@ -28943,9 +29096,9 @@ const dialogContentEmits = {
 const _hoisted_1$B = ["aria-level"];
 const _hoisted_2$n = ["aria-label"];
 const _hoisted_3$b = ["id"];
-const __default__$O = defineComponent({ name: "ElDialogContent" });
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+const __default__$P = defineComponent({ name: "ElDialogContent" });
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+  ...__default__$P,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -29017,7 +29170,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "dialog-content.vue"]]);
+var ElDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "dialog-content.vue"]]);
 
 const dialogProps = buildProps({
   ...dialogContentProps,
@@ -29249,12 +29402,12 @@ const useDialog = (props, targetRef) => {
 };
 
 const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$N = defineComponent({
+const __default__$O = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
 });
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+  ...__default__$O,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -29405,7 +29558,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "dialog.vue"]]);
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "dialog.vue"]]);
 
 const ElDialog = withInstall(Dialog);
 
@@ -29426,11 +29579,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$M = defineComponent({
+const __default__$N = defineComponent({
   name: "ElDivider"
 });
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  ...__default__$N,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -29456,7 +29609,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "divider.vue"]]);
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "divider.vue"]]);
 
 const ElDivider = withInstall(Divider);
 
@@ -29486,7 +29639,7 @@ const drawerProps = buildProps({
 });
 const drawerEmits = dialogEmits;
 
-const _sfc_main$1a = defineComponent({
+const _sfc_main$1b = defineComponent({
   name: "ElDrawer",
   components: {
     ElOverlay,
@@ -29648,26 +29801,26 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
   ], 8, ["disabled"]);
 }
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$o], ["__file", "drawer.vue"]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$o], ["__file", "drawer.vue"]]);
 
 const ElDrawer = withInstall(Drawer);
 
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$n], ["__file", "collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$n], ["__file", "collection.vue"]]);
 
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$m], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$m], ["__file", "collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -29804,7 +29957,7 @@ const focusFirst = (elements) => {
 const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
 const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
 const EVT_OPTS = { bubbles: false, cancelable: true };
-const _sfc_main$17 = defineComponent({
+const _sfc_main$18 = defineComponent({
   name: "ElRovingFocusGroupImpl",
   inheritAttrs: false,
   props: rovingFocusGroupProps,
@@ -29890,9 +30043,9 @@ const _sfc_main$17 = defineComponent({
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$l], ["__file", "roving-focus-group-impl.vue"]]);
+var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$l], ["__file", "roving-focus-group-impl.vue"]]);
 
-const _sfc_main$16 = defineComponent({
+const _sfc_main$17 = defineComponent({
   name: "ElRovingFocusGroup",
   components: {
     ElFocusGroupCollection: ElCollection$1,
@@ -29914,9 +30067,9 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$k], ["__file", "roving-focus-group.vue"]]);
+var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$k], ["__file", "roving-focus-group.vue"]]);
 
-const _sfc_main$15 = defineComponent({
+const _sfc_main$16 = defineComponent({
   components: {
     ElRovingFocusCollectionItem: ElCollectionItem$1
   },
@@ -30014,7 +30167,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "focusable", "active"]);
 }
-var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$j], ["__file", "roving-focus-item.vue"]]);
+var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$j], ["__file", "roving-focus-item.vue"]]);
 
 const dropdownProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,
@@ -30112,7 +30265,7 @@ const {
 const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
 const { ButtonGroup: ElButtonGroup } = ElButton;
-const _sfc_main$14 = defineComponent({
+const _sfc_main$15 = defineComponent({
   name: "ElDropdown",
   components: {
     ElButton,
@@ -30397,9 +30550,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$i], ["__file", "dropdown.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$i], ["__file", "dropdown.vue"]]);
 
-const _sfc_main$13 = defineComponent({
+const _sfc_main$14 = defineComponent({
   name: "DropdownItemImpl",
   components: {
     ElIcon
@@ -30481,7 +30634,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     ], 16, _hoisted_1$y)
   ], 64);
 }
-var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
+var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
 
 const useDropdown = () => {
   const elDropdown = inject("elDropdown", {});
@@ -30492,7 +30645,7 @@ const useDropdown = () => {
   };
 };
 
-const _sfc_main$12 = defineComponent({
+const _sfc_main$13 = defineComponent({
   name: "ElDropdownItem",
   components: {
     ElDropdownCollectionItem: ElCollectionItem,
@@ -30594,9 +30747,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["disabled", "text-value"]);
 }
-var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$g], ["__file", "dropdown-item.vue"]]);
+var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$g], ["__file", "dropdown-item.vue"]]);
 
-const _sfc_main$11 = defineComponent({
+const _sfc_main$12 = defineComponent({
   name: "ElDropdownMenu",
   props: dropdownMenuProps,
   setup(props) {
@@ -30676,7 +30829,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 46, _hoisted_1$x);
 }
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
 
 const ElDropdown = withInstall(Dropdown, {
   DropdownItem,
@@ -30731,11 +30884,11 @@ const _hoisted_20 = {
 const _hoisted_21 = ["fill", "xlink:href"];
 const _hoisted_22 = ["fill", "mask"];
 const _hoisted_23 = ["fill"];
-const __default__$L = defineComponent({
+const __default__$M = defineComponent({
   name: "ImgEmpty"
 });
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  ...__default__$M,
   setup(__props) {
     const ns = useNamespace("empty");
     const id = useId();
@@ -30860,7 +31013,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "img-empty.vue"]]);
+var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__file", "img-empty.vue"]]);
 
 const emptyProps = buildProps({
   image: {
@@ -30876,11 +31029,11 @@ const emptyProps = buildProps({
 
 const _hoisted_1$v = ["src"];
 const _hoisted_2$k = { key: 1 };
-const __default__$K = defineComponent({
+const __default__$L = defineComponent({
   name: "ElEmpty"
 });
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  ...__default__$L,
   props: emptyProps,
   setup(__props) {
     const props = __props;
@@ -30921,7 +31074,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "empty.vue"]]);
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "empty.vue"]]);
 
 const ElEmpty = withInstall(Empty);
 
@@ -30959,11 +31112,11 @@ const imageViewerEmits = {
 };
 
 const _hoisted_1$u = ["src"];
-const __default__$J = defineComponent({
+const __default__$K = defineComponent({
   name: "ElImageViewer"
 });
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  ...__default__$K,
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { expose, emit }) {
@@ -31341,7 +31494,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "image-viewer.vue"]]);
+var ImageViewer = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "image-viewer.vue"]]);
 
 const ElImageViewer = withInstall(ImageViewer);
 
@@ -31399,12 +31552,12 @@ const imageEmits = {
 
 const _hoisted_1$t = ["src", "loading"];
 const _hoisted_2$j = { key: 0 };
-const __default__$I = defineComponent({
+const __default__$J = defineComponent({
   name: "ElImage",
   inheritAttrs: false
 });
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  ...__default__$J,
   props: imageProps,
   emits: imageEmits,
   setup(__props, { emit }) {
@@ -31607,9 +31760,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Image = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "image.vue"]]);
+var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "image.vue"]]);
 
-const ElImage = withInstall(Image);
+const ElImage = withInstall(Image$1);
 
 const inputNumberProps = buildProps({
   id: {
@@ -31669,11 +31822,11 @@ const inputNumberEmits = {
 
 const _hoisted_1$s = ["aria-label", "onKeydown"];
 const _hoisted_2$i = ["aria-label", "onKeydown"];
-const __default__$H = defineComponent({
+const __default__$I = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  ...__default__$I,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -31962,7 +32115,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "input-number.vue"]]);
 
 const ElInputNumber = withInstall(InputNumber);
 
@@ -31987,11 +32140,11 @@ const linkEmits = {
 };
 
 const _hoisted_1$r = ["href"];
-const __default__$G = defineComponent({
+const __default__$H = defineComponent({
   name: "ElLink"
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  ...__default__$H,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -32030,7 +32183,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Link = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__file", "link.vue"]]);
+var Link = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "link.vue"]]);
 
 const ElLink = withInstall(Link);
 
@@ -32159,7 +32312,7 @@ class Menu$1 {
 }
 var Menubar = Menu$1;
 
-const _sfc_main$W = defineComponent({
+const _sfc_main$X = defineComponent({
   name: "ElMenuCollapseTransition",
   setup() {
     const ns = useNamespace("menu");
@@ -32210,7 +32363,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16);
 }
-var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$e], ["__file", "menu-collapse-transition.vue"]]);
+var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$e], ["__file", "menu-collapse-transition.vue"]]);
 
 function useMenu(instance, currentIndex) {
   const indexPath = computed$1(() => {
@@ -32867,7 +33020,7 @@ const menuItemEmits = {
 };
 
 const COMPONENT_NAME$b = "ElMenuItem";
-const _sfc_main$V = defineComponent({
+const _sfc_main$W = defineComponent({
   name: COMPONENT_NAME$b,
   components: {
     ElTooltip
@@ -32955,14 +33108,14 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$d], ["__file", "menu-item.vue"]]);
+var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$d], ["__file", "menu-item.vue"]]);
 
 const menuItemGroupProps = {
   title: String
 };
 
 const COMPONENT_NAME$a = "ElMenuItemGroup";
-const _sfc_main$U = defineComponent({
+const _sfc_main$V = defineComponent({
   name: COMPONENT_NAME$a,
   props: menuItemGroupProps,
   setup() {
@@ -32988,7 +33141,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$c], ["__file", "menu-item-group.vue"]]);
+var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$c], ["__file", "menu-item-group.vue"]]);
 
 const ElMenu = withInstall(Menu, {
   MenuItem,
@@ -33015,11 +33168,11 @@ const pageHeaderEmits = {
 };
 
 const _hoisted_1$q = ["aria-label"];
-const __default__$F = defineComponent({
+const __default__$G = defineComponent({
   name: "ElPageHeader"
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  ...__default__$G,
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
@@ -33109,7 +33262,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "page-header.vue"]]);
+var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "page-header.vue"]]);
 
 const ElPageHeader = withInstall(PageHeader);
 
@@ -33134,11 +33287,11 @@ const paginationPrevEmits = {
 
 const _hoisted_1$p = ["disabled", "aria-label", "aria-disabled"];
 const _hoisted_2$h = { key: 0 };
-const __default__$E = defineComponent({
+const __default__$F = defineComponent({
   name: "ElPaginationPrev"
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...__default__$F,
   props: paginationPrevProps,
   emits: paginationPrevEmits,
   setup(__props) {
@@ -33164,7 +33317,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Prev = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "prev.vue"]]);
+var Prev = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "prev.vue"]]);
 
 const paginationNextProps = buildProps({
   disabled: Boolean,
@@ -33186,11 +33339,11 @@ const paginationNextProps = buildProps({
 
 const _hoisted_1$o = ["disabled", "aria-label", "aria-disabled"];
 const _hoisted_2$g = { key: 0 };
-const __default__$D = defineComponent({
+const __default__$E = defineComponent({
   name: "ElPaginationNext"
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: paginationNextProps,
   emits: ["click"],
   setup(__props) {
@@ -33216,7 +33369,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Next = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "next.vue"]]);
+var Next = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "next.vue"]]);
 
 const selectGroupKey = Symbol("ElSelectGroup");
 const selectKey = Symbol("ElSelect");
@@ -33312,7 +33465,7 @@ function useOption$1(props, states) {
   };
 }
 
-const _sfc_main$Q = defineComponent({
+const _sfc_main$R = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -33392,9 +33545,9 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$b], ["__file", "option.vue"]]);
+var Option = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$b], ["__file", "option.vue"]]);
 
-const _sfc_main$P = defineComponent({
+const _sfc_main$Q = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -33429,7 +33582,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
+var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
 
 function useSelectStates(props) {
   const { t } = useLocale();
@@ -34226,7 +34379,7 @@ var ElOptions = defineComponent({
 });
 
 const COMPONENT_NAME$9 = "ElSelect";
-const _sfc_main$O = defineComponent({
+const _sfc_main$P = defineComponent({
   name: COMPONENT_NAME$9,
   componentName: COMPONENT_NAME$9,
   components: {
@@ -34921,9 +35074,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
   ]);
 }
-var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$9], ["__file", "select.vue"]]);
+var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$9], ["__file", "select.vue"]]);
 
-const _sfc_main$N = defineComponent({
+const _sfc_main$O = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -34984,7 +35137,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
 
 const ElSelect = withInstall(Select$1, {
   Option,
@@ -35015,11 +35168,11 @@ const paginationSizesProps = buildProps({
   }
 });
 
-const __default__$C = defineComponent({
+const __default__$D = defineComponent({
   name: "ElPaginationSizes"
 });
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: paginationSizesProps,
   emits: ["page-size-change"],
   setup(__props, { emit }) {
@@ -35075,7 +35228,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "sizes.vue"]]);
+var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "sizes.vue"]]);
 
 const paginationJumperProps = buildProps({
   size: {
@@ -35085,11 +35238,11 @@ const paginationJumperProps = buildProps({
 });
 
 const _hoisted_1$m = ["disabled"];
-const __default__$B = defineComponent({
+const __default__$C = defineComponent({
   name: "ElPaginationJumper"
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: paginationJumperProps,
   setup(__props) {
     const { t } = useLocale();
@@ -35136,7 +35289,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "jumper.vue"]]);
+var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "jumper.vue"]]);
 
 const paginationTotalProps = buildProps({
   total: {
@@ -35146,11 +35299,11 @@ const paginationTotalProps = buildProps({
 });
 
 const _hoisted_1$l = ["disabled"];
-const __default__$A = defineComponent({
+const __default__$B = defineComponent({
   name: "ElPaginationTotal"
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   props: paginationTotalProps,
   setup(__props) {
     const { t } = useLocale();
@@ -35166,7 +35319,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Total = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "total.vue"]]);
+var Total = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "total.vue"]]);
 
 const paginationPagerProps = buildProps({
   currentPage: {
@@ -35190,11 +35343,11 @@ const _hoisted_3$7 = ["tabindex", "aria-label"];
 const _hoisted_4$5 = ["aria-current", "aria-label", "tabindex"];
 const _hoisted_5$4 = ["tabindex", "aria-label"];
 const _hoisted_6$1 = ["aria-current", "aria-label", "tabindex"];
-const __default__$z = defineComponent({
+const __default__$A = defineComponent({
   name: "ElPaginationPager"
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: paginationPagerProps,
   emits: ["change"],
   setup(__props, { emit }) {
@@ -35392,7 +35545,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "pager.vue"]]);
+var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "pager.vue"]]);
 
 const isAbsent = (v) => typeof v !== "number";
 const paginationProps = buildProps({
@@ -35697,11 +35850,11 @@ const popconfirmEmits = {
   cancel: (e) => e instanceof MouseEvent
 };
 
-const __default__$y = defineComponent({
+const __default__$z = defineComponent({
   name: "ElPopconfirm"
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: popconfirmProps,
   emits: popconfirmEmits,
   setup(__props, { emit }) {
@@ -35797,7 +35950,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "popconfirm.vue"]]);
+var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "popconfirm.vue"]]);
 
 const ElPopconfirm = withInstall(Popconfirm);
 
@@ -35863,11 +36016,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$x = defineComponent({
+const __default__$y = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -35966,7 +36119,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "popover.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "popover.vue"]]);
 
 const attachEvents = (el, binding) => {
   const popperComponent = binding.arg || binding.value;
@@ -36055,11 +36208,11 @@ const _hoisted_2$d = { viewBox: "0 0 100 100" };
 const _hoisted_3$6 = ["d", "stroke", "stroke-linecap", "stroke-width"];
 const _hoisted_4$4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
 const _hoisted_5$3 = { key: 0 };
-const __default__$w = defineComponent({
+const __default__$x = defineComponent({
   name: "ElProgress"
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: progressProps,
   setup(__props) {
     const props = __props;
@@ -36247,7 +36400,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "progress.vue"]]);
+var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "progress.vue"]]);
 
 const ElProgress = withInstall(Progress);
 
@@ -36335,11 +36488,11 @@ const rateEmits = {
 
 const _hoisted_1$i = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
 const _hoisted_2$c = ["onMousemove", "onClick"];
-const __default__$v = defineComponent({
+const __default__$w = defineComponent({
   name: "ElRate"
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: rateProps,
   emits: rateEmits,
   setup(__props, { expose, emit }) {
@@ -36576,7 +36729,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "rate.vue"]]);
+var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "rate.vue"]]);
 
 const ElRate = withInstall(Rate);
 
@@ -36608,11 +36761,11 @@ const resultProps = buildProps({
   }
 });
 
-const __default__$u = defineComponent({
+const __default__$v = defineComponent({
   name: "ElResult"
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: resultProps,
   setup(__props) {
     const props = __props;
@@ -36666,7 +36819,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Result = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "result.vue"]]);
+var Result = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "result.vue"]]);
 
 const ElResult = withInstall(Result);
 
@@ -38471,7 +38624,7 @@ const DynamicSizeGrid = createGrid$1({
 });
 var DynamicSizeGrid$1 = DynamicSizeGrid;
 
-const _sfc_main$D = defineComponent({
+const _sfc_main$E = defineComponent({
   props: {
     item: {
       type: Object,
@@ -38503,7 +38656,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 6));
 }
-var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
+var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
 
 function useOption(props, { emit }) {
   return {
@@ -38633,7 +38786,7 @@ const OptionProps = {
   created: Boolean
 };
 
-const _sfc_main$C = defineComponent({
+const _sfc_main$D = defineComponent({
   props: OptionProps,
   emits: ["select", "hover"],
   setup(props, { emit }) {
@@ -38670,7 +38823,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 46, _hoisted_1$h);
 }
-var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
+var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
 
 const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
@@ -39658,7 +39811,7 @@ const useSelect$1 = (props, emit) => {
 };
 var useSelect$2 = useSelect$1;
 
-const _sfc_main$B = defineComponent({
+const _sfc_main$C = defineComponent({
   name: "ElSelectV2",
   components: {
     ElSelectMenu,
@@ -40056,7 +40209,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$5], ["__file", "select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$5], ["__file", "select.vue"]]);
 
 Select.install = (app) => {
   app.component(Select.name, Select);
@@ -40104,11 +40257,11 @@ const skeletonItemProps = buildProps({
   }
 });
 
-const __default__$t = defineComponent({
+const __default__$u = defineComponent({
   name: "ElSkeletonItem"
 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: skeletonItemProps,
   setup(__props) {
     const ns = useNamespace("skeleton");
@@ -40121,13 +40274,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "skeleton-item.vue"]]);
+var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "skeleton-item.vue"]]);
 
-const __default__$s = defineComponent({
+const __default__$t = defineComponent({
   name: "ElSkeleton"
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: skeletonProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -40165,7 +40318,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "skeleton.vue"]]);
+var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "skeleton.vue"]]);
 
 const ElSkeleton = withInstall(Skeleton, {
   SkeletonItem
@@ -40778,11 +40931,11 @@ const sliderButtonEmits = {
 };
 
 const _hoisted_1$f = ["tabindex"];
-const __default__$r = defineComponent({
+const __default__$s = defineComponent({
   name: "ElSliderButton"
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: sliderButtonProps,
   emits: sliderButtonEmits,
   setup(__props, { expose, emit }) {
@@ -40862,7 +41015,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "button.vue"]]);
+var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "button.vue"]]);
 
 const sliderMarkerProps = buildProps({
   mark: {
@@ -40888,11 +41041,11 @@ var SliderMarker = defineComponent({
 
 const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
 const _hoisted_2$a = { key: 1 };
-const __default__$q = defineComponent({
+const __default__$r = defineComponent({
   name: "ElSlider"
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: sliderProps,
   emits: sliderEmits,
   setup(__props, { expose, emit }) {
@@ -41101,7 +41254,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "slider.vue"]]);
+var Slider = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "slider.vue"]]);
 
 const ElSlider = withInstall(Slider);
 
@@ -41323,11 +41476,11 @@ const statisticProps = buildProps({
   }
 });
 
-const __default__$p = defineComponent({
+const __default__$q = defineComponent({
   name: "ElStatistic"
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: statisticProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -41386,7 +41539,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "statistic.vue"]]);
+var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "statistic.vue"]]);
 
 const ElStatistic = withInstall(Statistic);
 
@@ -41438,11 +41591,11 @@ const formatTime$1 = (timestamp, format) => {
   return replacedText.replace(escapeRegex, "$1");
 };
 
-const __default__$o = defineComponent({
+const __default__$p = defineComponent({
   name: "ElCountdown"
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: countdownProps,
   emits: countdownEmits,
   setup(__props, { expose, emit }) {
@@ -41506,7 +41659,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "countdown.vue"]]);
+var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "countdown.vue"]]);
 
 const ElCountdown = withInstall(Countdown);
 
@@ -41545,11 +41698,11 @@ const stepsEmits = {
   [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
 };
 
-const __default__$n = defineComponent({
+const __default__$o = defineComponent({
   name: "ElSteps"
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: stepsProps,
   emits: stepsEmits,
   setup(__props, { emit }) {
@@ -41578,7 +41731,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "steps.vue"]]);
+var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "steps.vue"]]);
 
 const stepProps = buildProps({
   title: {
@@ -41599,11 +41752,11 @@ const stepProps = buildProps({
   }
 });
 
-const __default__$m = defineComponent({
+const __default__$n = defineComponent({
   name: "ElStep"
 });
-const _sfc_main$t = defineComponent({
-  ...__default__$m,
+const _sfc_main$u = defineComponent({
+  ...__default__$n,
   props: stepProps,
   setup(__props) {
     const props = __props;
@@ -41782,7 +41935,7 @@ const _sfc_main$t = defineComponent({
     };
   }
 });
-var Step = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "item.vue"]]);
+var Step = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "item.vue"]]);
 
 const ElSteps = withInstall(Steps, {
   Step
@@ -41886,11 +42039,11 @@ const _hoisted_3$4 = ["aria-hidden"];
 const _hoisted_4$2 = ["aria-hidden"];
 const _hoisted_5$1 = ["aria-hidden"];
 const COMPONENT_NAME$8 = "ElSwitch";
-const __default__$l = defineComponent({
+const __default__$m = defineComponent({
   name: COMPONENT_NAME$8
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: switchProps,
   emits: switchEmits,
   setup(__props, { expose, emit }) {
@@ -42127,7 +42280,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "switch.vue"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "switch.vue"]]);
 
 const ElSwitch = withInstall(Switch);
 
@@ -43767,7 +43920,7 @@ class TableLayout {
 var TableLayout$1 = TableLayout;
 
 const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
-const _sfc_main$r = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "ElTableFilterPanel",
   components: {
     ElCheckbox,
@@ -44025,7 +44178,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "placement", "popper-class"]);
 }
-var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
+var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
 
 function useLayoutObserver(root) {
   const instance = getCurrentInstance();
@@ -45712,7 +45865,7 @@ const useScrollbar$1 = () => {
 };
 
 let tableIdSeed = 1;
-const _sfc_main$q = defineComponent({
+const _sfc_main$r = defineComponent({
   name: "ElTable",
   directives: {
     Mousewheel
@@ -45952,11 +46105,12 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.showHeader && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_header, {
                 key: 0,
                 ref: "tableHeaderRef",
+                class: normalizeClass(_ctx.ns.e("body-header")),
                 border: _ctx.border,
                 "default-sort": _ctx.defaultSort,
                 store: _ctx.store,
                 onSetDragVisible: _ctx.setDragVisible
-              }, null, 8, ["border", "default-sort", "store", "onSetDragVisible"])) : createCommentVNode("v-if", true),
+              }, null, 8, ["class", "border", "default-sort", "store", "onSetDragVisible"])) : createCommentVNode("v-if", true),
               createVNode(_component_table_body, {
                 context: _ctx.context,
                 highlight: _ctx.highlightCurrentRow,
@@ -46023,7 +46177,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 46, _hoisted_1$b);
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$3], ["__file", "table.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$3], ["__file", "table.vue"]]);
 
 const defaultClassNames = {
   selection: "table-column--selection",
@@ -48740,11 +48894,11 @@ const tabBarProps = buildProps({
 });
 
 const COMPONENT_NAME$3 = "ElTabBar";
-const __default__$k = defineComponent({
+const __default__$l = defineComponent({
   name: COMPONENT_NAME$3
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: tabBarProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -48805,7 +48959,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "tab-bar.vue"]]);
+var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "tab-bar.vue"]]);
 
 const tabNavProps = buildProps({
   panes: {
@@ -49232,11 +49386,11 @@ const tabPaneProps = buildProps({
 
 const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
 const COMPONENT_NAME$1 = "ElTabPane";
-const __default__$j = defineComponent({
+const __default__$k = defineComponent({
   name: COMPONENT_NAME$1
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: tabPaneProps,
   setup(__props) {
     const props = __props;
@@ -49293,7 +49447,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "tab-pane.vue"]]);
+var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "tab-pane.vue"]]);
 
 const ElTabs = withInstall(Tabs, {
   TabPane
@@ -49320,11 +49474,11 @@ const textProps = buildProps({
   }
 });
 
-const __default__$i = defineComponent({
+const __default__$j = defineComponent({
   name: "ElText"
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: textProps,
   setup(__props) {
     const props = __props;
@@ -49348,7 +49502,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "text.vue"]]);
+var Text = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "text.vue"]]);
 
 const ElText = withInstall(Text);
 
@@ -49454,11 +49608,11 @@ const nextTime = (time, step) => {
   return formatTime(next);
 };
 
-const __default__$h = defineComponent({
+const __default__$i = defineComponent({
   name: "ElTimeSelect"
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: timeSelectProps,
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(__props, { expose }) {
@@ -49562,7 +49716,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "time-select.vue"]]);
+var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "time-select.vue"]]);
 
 TimeSelect.install = (app) => {
   app.component(TimeSelect.name, TimeSelect);
@@ -49623,11 +49777,11 @@ const timelineItemProps = buildProps({
   }
 });
 
-const __default__$g = defineComponent({
+const __default__$h = defineComponent({
   name: "ElTimelineItem"
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: timelineItemProps,
   setup(__props) {
     const props = __props;
@@ -49689,7 +49843,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "timeline-item.vue"]]);
+var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "timeline-item.vue"]]);
 
 const ElTimeline = withInstall(Timeline$1, {
   TimelineItem
@@ -49832,11 +49986,11 @@ const tooltipV2RootKey = Symbol("tooltipV2");
 const tooltipV2ContentKey = Symbol("tooltipV2Content");
 const TOOLTIP_V2_OPEN = "tooltip_v2.open";
 
-const __default__$f = defineComponent({
+const __default__$g = defineComponent({
   name: "ElTooltipV2Root"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: tooltipV2RootProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -49903,13 +50057,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
+var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "root.vue"]]);
 
-const __default__$e = defineComponent({
+const __default__$f = defineComponent({
   name: "ElTooltipV2Arrow"
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: {
     ...tooltipV2ArrowProps,
     ...tooltipV2ArrowSpecialProps
@@ -49939,7 +50093,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "arrow.vue"]]);
+var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "arrow.vue"]]);
 
 const visualHiddenProps = buildProps({
   style: {
@@ -49948,11 +50102,11 @@ const visualHiddenProps = buildProps({
   }
 });
 
-const __default__$d = defineComponent({
+const __default__$e = defineComponent({
   name: "ElVisuallyHidden"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: visualHiddenProps,
   setup(__props) {
     const props = __props;
@@ -49980,14 +50134,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "visual-hidden.vue"]]);
 
 const _hoisted_1$9 = ["data-side"];
-const __default__$c = defineComponent({
+const __default__$d = defineComponent({
   name: "ElTooltipV2Content"
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
   setup(__props) {
     const props = __props;
@@ -50082,7 +50236,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "content.vue"]]);
+var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "content.vue"]]);
 
 const forwardRefProps = buildProps({
   setRef: {
@@ -50115,11 +50269,11 @@ var ForwardRef = defineComponent({
   }
 });
 
-const __default__$b = defineComponent({
+const __default__$c = defineComponent({
   name: "ElTooltipV2Trigger"
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: {
     ...tooltipV2CommonProps,
     ...tooltipV2TriggerProps
@@ -50196,13 +50350,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
+var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "trigger.vue"]]);
 
-const __default__$a = defineComponent({
+const __default__$b = defineComponent({
   name: "ElTooltipV2"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: tooltipV2Props,
   setup(__props) {
     const props = __props;
@@ -50261,7 +50415,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "tooltip.vue"]]);
+var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "tooltip.vue"]]);
 
 const ElTooltipV2 = withInstall(TooltipV2);
 
@@ -50519,11 +50673,11 @@ const useMove = (props, checkedState, emit) => {
   };
 };
 
-const __default__$9 = defineComponent({
+const __default__$a = defineComponent({
   name: "ElTransferPanel"
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: transferPanelProps,
   emits: transferPanelEmits,
   setup(__props, { expose, emit }) {
@@ -50633,15 +50787,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transfer-panel.vue"]]);
+var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "transfer-panel.vue"]]);
 
 const _hoisted_1$8 = { key: 0 };
 const _hoisted_2$6 = { key: 0 };
-const __default__$8 = defineComponent({
+const __default__$9 = defineComponent({
   name: "ElTransfer"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: transferProps,
   emits: transferEmits,
   setup(__props, { expose, emit }) {
@@ -50776,7 +50930,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "transfer.vue"]]);
+var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transfer.vue"]]);
 
 const ElTransfer = withInstall(Transfer);
 
@@ -51524,7 +51678,7 @@ class TreeStore {
   }
 }
 
-const _sfc_main$c = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "ElTreeNodeContent",
   props: {
     node: {
@@ -51544,7 +51698,7 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "tree-node-content.vue"]]);
+var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "tree-node-content.vue"]]);
 
 function useNodeExpandEventBroadcast(props) {
   const parentNodeMap = inject("TreeNodeMap", null);
@@ -51714,7 +51868,7 @@ function useDragNodeHandler({ props, ctx, el$, dropIndicator$, store }) {
   };
 }
 
-const _sfc_main$b = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "ElTreeNode",
   components: {
     ElCollapseTransition: _CollapseTransition,
@@ -52004,7 +52158,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.node.visible]
   ]);
 }
-var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
+var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
 
 function useKeydown({ el$ }, store) {
   const ns = useNamespace("tree");
@@ -52089,7 +52243,7 @@ function useKeydown({ el$ }, store) {
   };
 }
 
-const _sfc_main$a = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "ElTree",
   components: { ElTreeNode: ElTreeNode$1 },
   props: {
@@ -52404,7 +52558,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
+var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
 
 Tree.install = (app) => {
   app.component(Tree.name, Tree);
@@ -52656,7 +52810,7 @@ var CacheOptions = defineComponent({
   }
 });
 
-const _sfc_main$9 = defineComponent({
+const _sfc_main$a = defineComponent({
   name: "ElTreeSelect",
   inheritAttrs: false,
   props: {
@@ -52720,7 +52874,7 @@ const _sfc_main$9 = defineComponent({
     });
   }
 });
-var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "tree-select.vue"]]);
+var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "tree-select.vue"]]);
 
 TreeSelect.install = (app) => {
   app.component(TreeSelect.name, TreeSelect);
@@ -53391,11 +53545,11 @@ var ElNodeContent = defineComponent({
 });
 
 const _hoisted_1$6 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"];
-const __default__$7 = defineComponent({
+const __default__$8 = defineComponent({
   name: "ElTreeNode"
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: treeNodeProps,
   emits: treeNodeEmits,
   setup(__props, { emit }) {
@@ -53486,13 +53640,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "tree-node.vue"]]);
+var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "tree-node.vue"]]);
 
-const __default__$6 = defineComponent({
+const __default__$7 = defineComponent({
   name: "ElTreeV2"
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: treeProps,
   emits: treeEmits,
   setup(__props, { expose, emit }) {
@@ -53603,7 +53757,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "tree.vue"]]);
+var TreeV2 = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "tree.vue"]]);
 
 const ElTreeV2 = withInstall(TreeV2);
 
@@ -53822,11 +53976,11 @@ const _hoisted_3$2 = ["onClick"];
 const _hoisted_4$1 = ["title"];
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
-const __default__$5 = defineComponent({
+const __default__$6 = defineComponent({
   name: "ElUploadList"
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: uploadListProps,
   emits: uploadListEmits,
   setup(__props, { emit }) {
@@ -53980,7 +54134,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "upload-list.vue"]]);
+var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "upload-list.vue"]]);
 
 const uploadDraggerProps = buildProps({
   disabled: {
@@ -53994,11 +54148,11 @@ const uploadDraggerEmits = {
 
 const _hoisted_1$4 = ["onDrop", "onDragover"];
 const COMPONENT_NAME = "ElUploadDrag";
-const __default__$4 = defineComponent({
+const __default__$5 = defineComponent({
   name: COMPONENT_NAME
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: uploadDraggerProps,
   emits: uploadDraggerEmits,
   setup(__props, { emit }) {
@@ -54055,7 +54209,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "upload-dragger.vue"]]);
+var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "upload-dragger.vue"]]);
 
 const uploadContentProps = buildProps({
   ...uploadBaseProps,
@@ -54091,12 +54245,12 @@ const uploadContentProps = buildProps({
 
 const _hoisted_1$3 = ["onKeydown"];
 const _hoisted_2$3 = ["name", "multiple", "accept"];
-const __default__$3 = defineComponent({
+const __default__$4 = defineComponent({
   name: "ElUploadContent",
   inheritAttrs: false
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: uploadContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -54271,7 +54425,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "upload-content.vue"]]);
+var UploadContent = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "upload-content.vue"]]);
 
 const SCOPE$1 = "ElUpload";
 const revokeFileObjectURL = (file) => {
@@ -54400,11 +54554,11 @@ const useHandlers = (props, uploadRef) => {
   };
 };
 
-const __default__$2 = defineComponent({
+const __default__$3 = defineComponent({
   name: "ElUpload"
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: uploadProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -54508,10 +54662,333 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "upload.vue"]]);
+var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "upload.vue"]]);
 
 const ElUpload = withInstall(Upload);
 
+const watermarkProps = buildProps({
+  zIndex: {
+    type: Number,
+    default: 9
+  },
+  rotate: {
+    type: Number,
+    default: -22
+  },
+  width: Number,
+  height: Number,
+  image: String,
+  content: {
+    type: definePropType([String, Array]),
+    default: "Element Plus"
+  },
+  font: {
+    type: definePropType(Object)
+  },
+  gap: {
+    type: definePropType(Array),
+    default: () => [100, 100]
+  },
+  offset: {
+    type: definePropType(Array)
+  }
+});
+
+function toLowercaseSeparator(key) {
+  return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function getStyleStr(style) {
+  return Object.keys(style).map((key) => `${toLowercaseSeparator(key)}: ${style[key]};`).join(" ");
+}
+function getPixelRatio() {
+  return window.devicePixelRatio || 1;
+}
+const reRendering = (mutation, watermarkElement) => {
+  let flag = false;
+  if (mutation.removedNodes.length && watermarkElement) {
+    flag = Array.from(mutation.removedNodes).includes(watermarkElement);
+  }
+  if (mutation.type === "attributes" && mutation.target === watermarkElement) {
+    flag = true;
+  }
+  return flag;
+};
+
+const FontGap = 3;
+function prepareCanvas(width, height, ratio = 1) {
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  const realWidth = width * ratio;
+  const realHeight = height * ratio;
+  canvas.setAttribute("width", `${realWidth}px`);
+  canvas.setAttribute("height", `${realHeight}px`);
+  ctx.save();
+  return [ctx, canvas, realWidth, realHeight];
+}
+function useClips() {
+  function getClips(content, rotate, ratio, width, height, font, gapX, gapY) {
+    const [ctx, canvas, contentWidth, contentHeight] = prepareCanvas(width, height, ratio);
+    if (content instanceof HTMLImageElement) {
+      ctx.drawImage(content, 0, 0, contentWidth, contentHeight);
+    } else {
+      const { color, fontSize, fontStyle, fontWeight, fontFamily } = font;
+      const mergedFontSize = Number(fontSize) * ratio;
+      ctx.font = `${fontStyle} normal ${fontWeight} ${mergedFontSize}px/${height}px ${fontFamily}`;
+      ctx.fillStyle = color;
+      ctx.textAlign = "center";
+      ctx.textBaseline = "top";
+      const contents = Array.isArray(content) ? content : [content];
+      contents == null ? void 0 : contents.forEach((item, index) => {
+        ctx.fillText(item != null ? item : "", contentWidth / 2, index * (mergedFontSize + FontGap * ratio));
+      });
+    }
+    const angle = Math.PI / 180 * Number(rotate);
+    const maxSize = Math.max(width, height);
+    const [rCtx, rCanvas, realMaxSize] = prepareCanvas(maxSize, maxSize, ratio);
+    rCtx.translate(realMaxSize / 2, realMaxSize / 2);
+    rCtx.rotate(angle);
+    if (contentWidth > 0 && contentHeight > 0) {
+      rCtx.drawImage(canvas, -contentWidth / 2, -contentHeight / 2);
+    }
+    function getRotatePos(x, y) {
+      const targetX = x * Math.cos(angle) - y * Math.sin(angle);
+      const targetY = x * Math.sin(angle) + y * Math.cos(angle);
+      return [targetX, targetY];
+    }
+    let left = 0;
+    let right = 0;
+    let top = 0;
+    let bottom = 0;
+    const halfWidth = contentWidth / 2;
+    const halfHeight = contentHeight / 2;
+    const points = [
+      [0 - halfWidth, 0 - halfHeight],
+      [0 + halfWidth, 0 - halfHeight],
+      [0 + halfWidth, 0 + halfHeight],
+      [0 - halfWidth, 0 + halfHeight]
+    ];
+    points.forEach(([x, y]) => {
+      const [targetX, targetY] = getRotatePos(x, y);
+      left = Math.min(left, targetX);
+      right = Math.max(right, targetX);
+      top = Math.min(top, targetY);
+      bottom = Math.max(bottom, targetY);
+    });
+    const cutLeft = left + realMaxSize / 2;
+    const cutTop = top + realMaxSize / 2;
+    const cutWidth = right - left;
+    const cutHeight = bottom - top;
+    const realGapX = gapX * ratio;
+    const realGapY = gapY * ratio;
+    const filledWidth = (cutWidth + realGapX) * 2;
+    const filledHeight = cutHeight + realGapY;
+    const [fCtx, fCanvas] = prepareCanvas(filledWidth, filledHeight);
+    function drawImg(targetX = 0, targetY = 0) {
+      fCtx.drawImage(rCanvas, cutLeft, cutTop, cutWidth, cutHeight, targetX, targetY, cutWidth, cutHeight);
+    }
+    drawImg();
+    drawImg(cutWidth + realGapX, -cutHeight / 2 - realGapY / 2);
+    drawImg(cutWidth + realGapX, +cutHeight / 2 + realGapY / 2);
+    return [fCanvas.toDataURL(), filledWidth / ratio, filledHeight / ratio];
+  }
+  return getClips;
+}
+
+const __default__$2 = defineComponent({
+  name: "ElWatermark"
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: watermarkProps,
+  setup(__props) {
+    const props = __props;
+    const style = {
+      position: "relative"
+    };
+    const color = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.color) != null ? _b : "rgba(0,0,0,.15)";
+    });
+    const fontSize = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontSize) != null ? _b : 16;
+    });
+    const fontWeight = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontWeight) != null ? _b : "normal";
+    });
+    const fontStyle = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontStyle) != null ? _b : "normal";
+    });
+    const fontFamily = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontFamily) != null ? _b : "sans-serif";
+    });
+    const gapX = computed$1(() => props.gap[0]);
+    const gapY = computed$1(() => props.gap[1]);
+    const gapXCenter = computed$1(() => gapX.value / 2);
+    const gapYCenter = computed$1(() => gapY.value / 2);
+    const offsetLeft = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : gapXCenter.value;
+    });
+    const offsetTop = computed$1(() => {
+      var _a, _b;
+      return (_b = (_a = props.offset) == null ? void 0 : _a[1]) != null ? _b : gapYCenter.value;
+    });
+    const getMarkStyle = () => {
+      const markStyle = {
+        zIndex: props.zIndex,
+        position: "absolute",
+        left: 0,
+        top: 0,
+        width: "100%",
+        height: "100%",
+        pointerEvents: "none",
+        backgroundRepeat: "repeat"
+      };
+      let positionLeft = offsetLeft.value - gapXCenter.value;
+      let positionTop = offsetTop.value - gapYCenter.value;
+      if (positionLeft > 0) {
+        markStyle.left = `${positionLeft}px`;
+        markStyle.width = `calc(100% - ${positionLeft}px)`;
+        positionLeft = 0;
+      }
+      if (positionTop > 0) {
+        markStyle.top = `${positionTop}px`;
+        markStyle.height = `calc(100% - ${positionTop}px)`;
+        positionTop = 0;
+      }
+      markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`;
+      return markStyle;
+    };
+    const containerRef = shallowRef(null);
+    const watermarkRef = shallowRef();
+    const stopObservation = ref(false);
+    const destroyWatermark = () => {
+      if (watermarkRef.value) {
+        watermarkRef.value.remove();
+        watermarkRef.value = void 0;
+      }
+    };
+    const appendWatermark = (base64Url, markWidth) => {
+      var _a;
+      if (containerRef.value && watermarkRef.value) {
+        stopObservation.value = true;
+        watermarkRef.value.setAttribute("style", getStyleStr({
+          ...getMarkStyle(),
+          backgroundImage: `url('${base64Url}')`,
+          backgroundSize: `${Math.floor(markWidth)}px`
+        }));
+        (_a = containerRef.value) == null ? void 0 : _a.append(watermarkRef.value);
+        setTimeout(() => {
+          stopObservation.value = false;
+        });
+      }
+    };
+    const getMarkSize = (ctx) => {
+      let defaultWidth = 120;
+      let defaultHeight = 64;
+      const image = props.image;
+      const content = props.content;
+      const width = props.width;
+      const height = props.height;
+      if (!image && ctx.measureText) {
+        ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`;
+        const contents = Array.isArray(content) ? content : [content];
+        const sizes = contents.map((item) => {
+          const metrics = ctx.measureText(item);
+          return [
+            metrics.width,
+            metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent
+          ];
+        });
+        defaultWidth = Math.ceil(Math.max(...sizes.map((size) => size[0])));
+        defaultHeight = Math.ceil(Math.max(...sizes.map((size) => size[1]))) * contents.length + (contents.length - 1) * FontGap;
+      }
+      return [width != null ? width : defaultWidth, height != null ? height : defaultHeight];
+    };
+    const getClips = useClips();
+    const renderWatermark = () => {
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      const image = props.image;
+      const content = props.content;
+      const rotate = props.rotate;
+      if (ctx) {
+        if (!watermarkRef.value) {
+          watermarkRef.value = document.createElement("div");
+        }
+        const ratio = getPixelRatio();
+        const [markWidth, markHeight] = getMarkSize(ctx);
+        const drawCanvas = (drawContent) => {
+          const [textClips, clipWidth] = getClips(drawContent || "", rotate, ratio, markWidth, markHeight, {
+            color: color.value,
+            fontSize: fontSize.value,
+            fontStyle: fontStyle.value,
+            fontWeight: fontWeight.value,
+            fontFamily: fontFamily.value
+          }, gapX.value, gapY.value);
+          appendWatermark(textClips, clipWidth);
+        };
+        if (image) {
+          const img = new Image();
+          img.onload = () => {
+            drawCanvas(img);
+          };
+          img.onerror = () => {
+            drawCanvas(content);
+          };
+          img.crossOrigin = "anonymous";
+          img.referrerPolicy = "no-referrer";
+          img.src = image;
+        } else {
+          drawCanvas(content);
+        }
+      }
+    };
+    onMounted(() => {
+      renderWatermark();
+    });
+    watch(() => props, () => {
+      renderWatermark();
+    }, {
+      deep: true,
+      flush: "post"
+    });
+    onBeforeUnmount(() => {
+      destroyWatermark();
+    });
+    const onMutate = (mutations) => {
+      if (stopObservation.value) {
+        return;
+      }
+      mutations.forEach((mutation) => {
+        if (reRendering(mutation, watermarkRef.value)) {
+          destroyWatermark();
+          renderWatermark();
+        }
+      });
+    };
+    useMutationObserver(containerRef, onMutate, {
+      attributes: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        style: normalizeStyle([style])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
+  }
+});
+var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "watermark.vue"]]);
+
+const ElWatermark = withInstall(Watermark);
+
 var Components = [
   ElAffix,
   ElAlert,
@@ -54610,7 +55087,8 @@ var Components = [
   ElTree,
   ElTreeSelect,
   ElTreeV2,
-  ElUpload
+  ElUpload,
+  ElWatermark
 ];
 
 const SCOPE = "ElInfiniteScroll";