@element-plus/nightly 0.0.20231010 → 0.0.20231012

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231010 */
+/*! Element Plus v0.0.20231012 */
 
 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';
 
@@ -11128,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();
@@ -11142,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);
@@ -11286,7 +11287,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20231010";
+const version$1 = "0.0.20231012";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -13089,7 +13090,7 @@ var FormLabelWrap = defineComponent({
   }
 });
 
-const _hoisted_1$12 = ["role", "aria-labelledby"];
+const _hoisted_1$13 = ["role", "aria-labelledby"];
 const __default__$1z = defineComponent({
   name: "ElFormItem"
 });
@@ -13385,7 +13386,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["name"])
         ], 6)
-      ], 10, _hoisted_1$12);
+      ], 10, _hoisted_1$13);
     };
   }
 });
@@ -13575,9 +13576,9 @@ const inputEmits = {
   compositionend: (evt) => evt instanceof CompositionEvent
 };
 
-const _hoisted_1$11 = ["role"];
-const _hoisted_2$G = ["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 _hoisted_1$12 = ["role"];
+const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
+const _hoisted_3$k = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
 const __default__$1y = defineComponent({
   name: "ElInput",
   inheritAttrs: false
@@ -13895,7 +13896,7 @@ const _sfc_main$2e = /* @__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,
@@ -13993,14 +13994,14 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
             onBlur: _cache[3] || (_cache[3] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
             onChange: handleChange,
             onKeydown: handleKeydown
-          }), null, 16, _hoisted_3$l),
+          }), null, 16, _hoisted_3$k),
           unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
             key: 0,
             style: normalizeStyle(countStyle.value),
             class: normalizeClass(unref(nsInput).e("count"))
           }, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 7)) : createCommentVNode("v-if", true)
         ], 64))
-      ], 16, _hoisted_1$11)), [
+      ], 16, _hoisted_1$12)), [
         [vShow, _ctx.type !== "hidden"]
       ]);
     };
@@ -14271,6 +14272,13 @@ const scrollbarProps = buildProps({
   minSize: {
     type: Number,
     default: 20
+  },
+  id: String,
+  role: String,
+  ariaLabel: String,
+  ariaOrientation: {
+    type: String,
+    values: ["horizontal", "vertical"]
   }
 });
 const scrollbarEmits = {
@@ -14301,13 +14309,13 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
     const barRef = ref();
     const ratioY = ref(1);
     const ratioX = ref(1);
-    const style = computed$1(() => {
-      const style2 = {};
+    const wrapStyle = computed$1(() => {
+      const style = {};
       if (props.height)
-        style2.height = addUnit(props.height);
+        style.height = addUnit(props.height);
       if (props.maxHeight)
-        style2.maxHeight = addUnit(props.maxHeight);
-      return [props.wrapStyle, style2];
+        style.maxHeight = addUnit(props.maxHeight);
+      return [props.wrapStyle, style];
     });
     const wrapKls = computed$1(() => {
       return [
@@ -14410,20 +14418,24 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
           ref_key: "wrapRef",
           ref: wrapRef,
           class: normalizeClass(unref(wrapKls)),
-          style: normalizeStyle(unref(style)),
+          style: normalizeStyle(unref(wrapStyle)),
           onScroll: handleScroll
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+            id: _ctx.id,
             ref_key: "resizeRef",
             ref: resizeRef,
             class: normalizeClass(unref(resizeKls)),
-            style: normalizeStyle(_ctx.viewStyle)
+            style: normalizeStyle(_ctx.viewStyle),
+            role: _ctx.role,
+            "aria-label": _ctx.ariaLabel,
+            "aria-orientation": _ctx.ariaOrientation
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["class", "style"]))
+          }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
         ], 38),
         !_ctx.native ? (openBlock(), createBlock(Bar, {
           key: 0,
@@ -15847,8 +15859,8 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 });
 var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "content.vue"]]);
 
-const _hoisted_1$10 = ["innerHTML"];
-const _hoisted_2$F = { key: 1 };
+const _hoisted_1$11 = ["innerHTML"];
+const _hoisted_2$G = { key: 1 };
 const __default__$1q = defineComponent({
   name: "ElTooltip"
 });
@@ -15990,7 +16002,7 @@ const _sfc_main$23 = /* @__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$11)) : (openBlock(), createElementBlock("span", _hoisted_2$G, toDisplayString(_ctx.content), 1))
               ]),
               _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
                 key: 0,
@@ -16086,9 +16098,9 @@ const autocompleteEmits = {
   select: (item) => isObject$1(item)
 };
 
-const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
-const _hoisted_2$E = { key: 0 };
-const _hoisted_3$k = ["id", "aria-selected", "onClick"];
+const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
+const _hoisted_2$F = { key: 0 };
+const _hoisted_3$j = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
 const __default__$1p = defineComponent({
   name: COMPONENT_NAME$i,
@@ -16333,7 +16345,7 @@ const _sfc_main$22 = /* @__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"))
                   }, {
@@ -16354,7 +16366,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", { item }, () => [
                       createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                     ])
-                  ], 10, _hoisted_3$k);
+                  ], 10, _hoisted_3$j);
                 }), 128))
               ]),
               _: 3
@@ -16419,7 +16431,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
                 ])
               } : void 0
             ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
-          ], 14, _hoisted_1$$)
+          ], 14, _hoisted_1$10)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -16460,7 +16472,7 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _hoisted_1$_ = ["src", "alt", "srcset"];
+const _hoisted_1$$ = ["src", "alt", "srcset"];
 const __default__$1o = defineComponent({
   name: "ElAvatar"
 });
@@ -16509,7 +16521,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$_)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$$)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -16645,7 +16657,7 @@ const badgeProps = buildProps({
   }
 });
 
-const _hoisted_1$Z = ["textContent"];
+const _hoisted_1$_ = ["textContent"];
 const __default__$1m = defineComponent({
   name: "ElBadge"
 });
@@ -16684,7 +16696,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                 unref(ns).is("dot", _ctx.isDot)
               ]),
               textContent: toDisplayString(unref(content))
-            }, null, 10, _hoisted_1$Z), [
+            }, null, 10, _hoisted_1$_), [
               [vShow, !_ctx.hidden && (unref(content) || _ctx.isDot)]
             ])
           ]),
@@ -18502,8 +18514,8 @@ const timePickerDefaultProps = buildProps({
   unlinkPanels: Boolean
 });
 
-const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const __default__$1h = defineComponent({
   name: "Picker"
 });
@@ -19076,7 +19088,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
               onChange: handleStartChange,
               onFocus: handleFocusInput,
               onBlur: handleBlurInput
-            }, null, 42, _hoisted_1$Y),
+            }, null, 42, _hoisted_1$Z),
             renderSlot(_ctx.$slots, "range-separator", {}, () => [
               createElementVNode("span", {
                 class: normalizeClass(unref(nsRange).b("separator"))
@@ -19096,7 +19108,7 @@ const _sfc_main$1W = /* @__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)),
@@ -19441,8 +19453,8 @@ const basicTimeSpinnerProps = buildProps({
   ...disabledTimeListsProps
 });
 
-const _hoisted_1$X = ["onClick"];
-const _hoisted_2$C = ["onMouseenter"];
+const _hoisted_1$Y = ["onClick"];
+const _hoisted_2$D = ["onMouseenter"];
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
   props: basicTimeSpinnerProps,
@@ -19669,7 +19681,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
                   ], 64))
-                ], 10, _hoisted_1$X);
+                ], 10, _hoisted_1$Y);
               }), 128))
             ]),
             _: 2
@@ -19723,7 +19735,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                 ], 2);
               }), 128))
             ], 2)
-          ], 42, _hoisted_2$C);
+          ], 42, _hoisted_2$D);
         }), 128)) : createCommentVNode("v-if", true)
       ], 2);
     };
@@ -19892,7 +19904,7 @@ const panelTimeRangeProps = buildProps({
   }
 });
 
-const _hoisted_1$W = ["disabled"];
+const _hoisted_1$X = ["disabled"];
 const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "panel-time-range",
   props: panelTimeRangeProps,
@@ -20155,7 +20167,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
             class: normalizeClass([unref(nsTime).be("panel", "btn"), "confirm"]),
             disabled: unref(btnConfirmDisabled),
             onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$W)
+          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$X)
         ], 2)
       ], 2)) : createCommentVNode("v-if", true);
     };
@@ -20413,8 +20425,8 @@ const useDateTable = (props, emit) => {
   };
 };
 
-const _hoisted_1$V = { key: 0 };
-const _hoisted_2$B = ["onClick"];
+const _hoisted_1$W = { key: 0 };
+const _hoisted_2$C = ["onClick"];
 const __default__$1g = defineComponent({
   name: "DateTable"
 });
@@ -20457,7 +20469,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
         cellspacing: "0",
         cellpadding: "0"
       }, [
-        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$V, [
+        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$W, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekDays), (day) => {
             return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
           }), 128))
@@ -20486,7 +20498,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", null, toDisplayString(cell.text), 1)
                     ])
                   ], 2)
-                ], 10, _hoisted_2$B);
+                ], 10, _hoisted_2$C);
               }), 128))
             ], 2);
           }), 128))
@@ -20873,11 +20885,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);
@@ -20901,6 +20915,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);
@@ -21018,8 +21037,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);
     }
@@ -21072,6 +21112,7 @@ const useCarousel = (props, emit, componentName) => {
     items,
     isVertical,
     containerStyle,
+    isItemsTwoLength,
     handleButtonEnter,
     handleButtonLeave,
     handleIndicatorClick,
@@ -21080,13 +21121,15 @@ 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_1$V = ["onMouseenter", "onClick"];
+const _hoisted_2$B = { key: 0 };
 const COMPONENT_NAME$f = "ElCarousel";
 const __default__$1d = defineComponent({
   name: COMPONENT_NAME$f
@@ -21115,6 +21158,8 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
       setActiveItem,
       prev,
       next,
+      PlaceholderItem,
+      isTwoLengthShow,
       throttledArrowClick,
       throttledIndicatorHover
     } = useCarousel(props, emit);
@@ -21212,6 +21257,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("v-if", true),
+          createVNode(unref(PlaceholderItem)),
           renderSlot(_ctx.$slots, "default")
         ], 6),
         _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
@@ -21219,7 +21265,7 @@ const _sfc_main$1P = /* @__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"),
@@ -21232,9 +21278,11 @@ const _sfc_main$1P = /* @__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$V)), [
+              [vShow, unref(isTwoLengthShow)(index)]
+            ]);
           }), 128))
         ], 2)) : createCommentVNode("v-if", true)
       ], 34);
@@ -21438,7 +21486,8 @@ const checkboxProps = {
     default: void 0
   },
   label: {
-    type: [String, Boolean, Number, Object]
+    type: [String, Boolean, Number, Object],
+    default: void 0
   },
   indeterminate: Boolean,
   disabled: Boolean,
@@ -21603,7 +21652,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,
@@ -21663,9 +21712,8 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
-const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_1$U = ["id", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_2$A = ["id", "indeterminate", "disabled", "value", "name", "tabindex"];
 const __default__$1b = defineComponent({
   name: "ElCheckbox"
 });
@@ -21715,10 +21763,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("span", {
-            class: normalizeClass(unref(spanKls)),
-            tabindex: _ctx.indeterminate ? 0 : void 0,
-            role: _ctx.indeterminate ? "checkbox" : void 0,
-            "aria-checked": _ctx.indeterminate ? "mixed" : void 0
+            class: normalizeClass(unref(spanKls))
           }, [
             _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
               key: 0,
@@ -21726,7 +21771,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
               class: normalizeClass(unref(ns).e("original")),
               type: "checkbox",
-              "aria-hidden": _ctx.indeterminate ? "true" : "false",
+              indeterminate: _ctx.indeterminate,
               name: _ctx.name,
               tabindex: _ctx.tabindex,
               disabled: unref(isDisabled),
@@ -21737,7 +21782,7 @@ const _sfc_main$1N = /* @__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_1$U)), [
               [vModelCheckbox, unref(model)]
             ]) : withDirectives((openBlock(), createElementBlock("input", {
               key: 1,
@@ -21745,7 +21790,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(model) ? model.value = $event : null),
               class: normalizeClass(unref(ns).e("original")),
               type: "checkbox",
-              "aria-hidden": _ctx.indeterminate ? "true" : "false",
+              indeterminate: _ctx.indeterminate,
               disabled: unref(isDisabled),
               value: _ctx.label,
               name: _ctx.name,
@@ -21755,13 +21800,13 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
               onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
               onClick: _cache[9] || (_cache[9] = withModifiers(() => {
               }, ["stop"]))
-            }, null, 42, _hoisted_3$j)), [
+            }, null, 42, _hoisted_2$A)), [
               [vModelCheckbox, unref(model)]
             ]),
             createElementVNode("span", {
               class: normalizeClass(unref(ns).e("inner"))
             }, null, 2)
-          ], 10, _hoisted_1$T),
+          ], 2),
           unref(hasOwnLabel) ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: normalizeClass(unref(ns).e("label"))
@@ -21779,8 +21824,8 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
 });
 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 _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
 const __default__$1a = defineComponent({
   name: "ElCheckboxButton"
 });
@@ -21839,7 +21884,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_1$S)), [
+        }, null, 42, _hoisted_1$T)), [
           [vModelCheckbox, unref(model)]
         ]) : withDirectives((openBlock(), createElementBlock("input", {
           key: 1,
@@ -21855,7 +21900,7 @@ const _sfc_main$1M = /* @__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", {
@@ -22032,7 +22077,7 @@ const useRadio = (props, emit) => {
   };
 };
 
-const _hoisted_1$R = ["value", "name", "disabled"];
+const _hoisted_1$S = ["value", "name", "disabled"];
 const __default__$18 = defineComponent({
   name: "ElRadio"
 });
@@ -22080,7 +22125,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
             onChange: handleChange,
             onClick: _cache[3] || (_cache[3] = withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$R), [
+          }, null, 42, _hoisted_1$S), [
             [vModelRadio, unref(modelValue)]
           ]),
           createElementVNode("span", {
@@ -22110,7 +22155,7 @@ const radioButtonProps = buildProps({
   }
 });
 
-const _hoisted_1$Q = ["value", "name", "disabled"];
+const _hoisted_1$R = ["value", "name", "disabled"];
 const __default__$17 = defineComponent({
   name: "ElRadioButton"
 });
@@ -22153,7 +22198,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
           onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
           onClick: _cache[3] || (_cache[3] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_1$Q), [
+        }, null, 42, _hoisted_1$R), [
           [vModelRadio, unref(modelValue)]
         ]),
         createElementVNode("span", {
@@ -22206,7 +22251,7 @@ const radioGroupProps = buildProps({
 });
 const radioGroupEmits = radioEmits;
 
-const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
+const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
 const __default__$16 = defineComponent({
   name: "ElRadioGroup"
 });
@@ -22258,7 +22303,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
         "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$P);
+      ], 10, _hoisted_1$Q);
     };
   }
 });
@@ -22405,8 +22450,8 @@ const _sfc_main$1H = 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_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+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");
@@ -22454,7 +22499,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, {
@@ -22488,7 +22533,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["class"]))
     ], 64)) : createCommentVNode("v-if", true)
-  ], 42, _hoisted_1$O);
+  ], 42, _hoisted_1$P);
 }
 var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$u], ["__file", "node.vue"]]);
 
@@ -23305,8 +23350,8 @@ const cascaderEmits = {
   removeTag: (val) => !!val
 };
 
-const _hoisted_1$N = { key: 0 };
-const _hoisted_2$w = ["placeholder", "onKeydown"];
+const _hoisted_1$O = { key: 0 };
+const _hoisted_2$x = ["placeholder", "onKeydown"];
 const _hoisted_3$i = ["onClick"];
 const COMPONENT_NAME$e = "ElCascader";
 const __default__$14 = defineComponent({
@@ -23781,7 +23826,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
                   onClose: ($event) => deleteTag(tag)
                 }, {
                   default: withCtx(() => [
-                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$N, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(unref(ElTooltip), {
+                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$O, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(unref(ElTooltip), {
                       key: 1,
                       disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
                       "fallback-placements": ["bottom", "top", "right", "left"],
@@ -23839,7 +23884,7 @@ const _sfc_main$1D = /* @__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)
@@ -24375,8 +24420,8 @@ 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 _hoisted_1$N = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
+const _hoisted_2$w = ["id", "aria-hidden", "aria-labelledby"];
 const __default__$_ = defineComponent({
   name: "ElCollapseItem"
 });
@@ -24433,7 +24478,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["class"])
-        ], 42, _hoisted_1$M),
+        ], 42, _hoisted_1$N),
         createVNode(unref(_CollapseTransition), null, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
@@ -24448,7 +24493,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "default")
               ], 2)
-            ], 10, _hoisted_2$v), [
+            ], 10, _hoisted_2$w), [
               [vShow, unref(isActive)]
             ])
           ]),
@@ -24815,7 +24860,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");
 
@@ -25148,7 +25195,7 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-const _hoisted_1$L = ["onClick"];
+const _hoisted_1$M = ["onClick"];
 function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
@@ -25169,7 +25216,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             style: normalizeStyle({ backgroundColor: item.value })
           }, null, 4)
-        ], 10, _hoisted_1$L);
+        ], 10, _hoisted_1$M);
       }), 128))
     ], 2)
   ], 2);
@@ -25246,9 +25293,9 @@ const _sfc_main$1t = defineComponent({
     };
   }
 });
-const _hoisted_1$K = /* @__PURE__ */ createElementVNode("div", null, null, -1);
-const _hoisted_2$u = [
-  _hoisted_1$K
+const _hoisted_1$L = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_2$v = [
+  _hoisted_1$L
 ];
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -25269,12 +25316,13 @@ 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$1t, [["render", _sfc_render$p], ["__file", "sv-panel.vue"]]);
 
-const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"];
+const _hoisted_1$K = ["onKeydown"];
+const _hoisted_2$u = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
 const __default__$Y = defineComponent({
   name: "ElColorPicker"
 });
@@ -25296,6 +25344,27 @@ const _sfc_main$1s = /* @__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,
@@ -25324,7 +25393,8 @@ const _sfc_main$1s = /* @__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) {
@@ -25395,6 +25465,41 @@ const _sfc_main$1s = /* @__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;
@@ -25432,7 +25537,9 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     expose({
       color,
       show,
-      hide
+      hide,
+      focus,
+      blur
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElTooltip), {
@@ -25448,10 +25555,13 @@ const _sfc_main$1s = /* @__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"))
             }, [
@@ -25487,6 +25597,8 @@ const _sfc_main$1s = /* @__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,
@@ -25518,20 +25630,25 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ], 2)
-          ])), [
-            [unref(ClickOutside), hide]
+          ], 40, _hoisted_1$K)), [
+            [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,
@@ -25573,7 +25690,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
                 ], 6)
               ], 2)
             ], 2)
-          ], 42, _hoisted_1$J)
+          ], 42, _hoisted_2$u)
         ]),
         _: 1
       }, 8, ["visible", "popper-class", "transition"]);
@@ -26408,7 +26525,7 @@ var ElDatePickerCell = defineComponent({
   }
 });
 
-const _hoisted_1$I = ["aria-label"];
+const _hoisted_1$J = ["aria-label"];
 const _hoisted_2$t = {
   key: 0,
   scope: "col"
@@ -26491,7 +26608,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$I);
+      ], 42, _hoisted_1$J);
     };
   }
 });
@@ -26502,7 +26619,7 @@ const basicMonthTableProps = buildProps({
   selectionMode: selectionModeWithDefault("month")
 });
 
-const _hoisted_1$H = ["aria-label"];
+const _hoisted_1$I = ["aria-label"];
 const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
 const _hoisted_3$g = { class: "cell" };
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
@@ -26694,7 +26811,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$H);
+      ], 42, _hoisted_1$I);
     };
   }
 });
@@ -26707,7 +26824,7 @@ const basicYearTableProps = buildProps({
   parsedValue
 });
 
-const _hoisted_1$G = ["aria-label"];
+const _hoisted_1$H = ["aria-label"];
 const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
 const _hoisted_3$f = { class: "cell" };
 const _hoisted_4$a = { key: 1 };
@@ -26801,13 +26918,13 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
             ]);
           }), 64))
         ], 512)
-      ], 10, _hoisted_1$G);
+      ], 10, _hoisted_1$H);
     };
   }
 });
 var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__file", "basic-year-table.vue"]]);
 
-const _hoisted_1$F = ["onClick"];
+const _hoisted_1$G = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
 const _hoisted_3$e = ["aria-label"];
 const _hoisted_4$9 = ["aria-label"];
@@ -27239,7 +27356,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => handleShortcutClick(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$F);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$G);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -27556,7 +27673,7 @@ const useRangePicker = (props, {
   };
 };
 
-const _hoisted_1$E = ["onClick"];
+const _hoisted_1$F = ["onClick"];
 const _hoisted_2$p = ["aria-label"];
 const _hoisted_3$d = ["aria-label"];
 const _hoisted_4$8 = ["disabled", "aria-label"];
@@ -27907,7 +28024,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$E);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$F);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -28266,7 +28383,7 @@ const useMonthRangeHeader = ({
   };
 };
 
-const _hoisted_1$D = ["onClick"];
+const _hoisted_1$E = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$c = ["disabled"];
 const unit = "year";
@@ -28372,7 +28489,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$D);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$E);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -28656,7 +28773,7 @@ const descriptionsRowProps = buildProps({
   }
 });
 
-const _hoisted_1$C = { key: 1 };
+const _hoisted_1$D = { key: 1 };
 const __default__$R = defineComponent({
   name: "ElDescriptionsRow"
 });
@@ -28687,7 +28804,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
             }, null, 8, ["cell"]);
           }), 128))
         ])
-      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$C, [
+      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$D, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, _index) => {
           return openBlock(), createElementBlock(Fragment, {
             key: `tr3-${_index}`
@@ -28983,7 +29100,7 @@ const dialogContentEmits = {
   close: () => true
 };
 
-const _hoisted_1$B = ["aria-level"];
+const _hoisted_1$C = ["aria-level"];
 const _hoisted_2$n = ["aria-label"];
 const _hoisted_3$b = ["id"];
 const __default__$P = defineComponent({ name: "ElDialogContent" });
@@ -29025,7 +29142,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
               role: "heading",
               "aria-level": _ctx.ariaLevel,
               class: normalizeClass(unref(ns).e("title"))
-            }, toDisplayString(_ctx.title), 11, _hoisted_1$B)
+            }, toDisplayString(_ctx.title), 11, _hoisted_1$C)
           ]),
           _ctx.showClose ? (openBlock(), createElementBlock("button", {
             key: 0,
@@ -29291,7 +29408,7 @@ const useDialog = (props, targetRef) => {
   };
 };
 
-const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
 const __default__$O = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
@@ -29435,7 +29552,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                ], 46, _hoisted_1$A)
+                ], 46, _hoisted_1$B)
               ]),
               _: 3
             }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -29573,7 +29690,7 @@ const _sfc_main$1b = defineComponent({
     };
   }
 });
-const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
 const _hoisted_2$m = ["id", "aria-level"];
 const _hoisted_3$a = ["aria-label"];
 const _hoisted_4$7 = ["id"];
@@ -29677,7 +29794,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                   }, [
                     renderSlot(_ctx.$slots, "footer")
                   ], 2)) : createCommentVNode("v-if", true)
-                ], 16, _hoisted_1$z)
+                ], 16, _hoisted_1$A)
               ]),
               _: 3
             }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -30493,7 +30610,7 @@ const _sfc_main$14 = defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["aria-disabled", "tabindex", "role"];
+const _hoisted_1$z = ["aria-disabled", "tabindex", "role"];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -30521,7 +30638,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })) : createCommentVNode("v-if", true),
       renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_1$y)
+    ], 16, _hoisted_1$z)
   ], 64);
 }
 var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
@@ -30702,7 +30819,7 @@ const _sfc_main$12 = defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["role", "aria-labelledby"];
+const _hoisted_1$y = ["role", "aria-labelledby"];
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
@@ -30717,7 +30834,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     onMousedown: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.onMousedown && _ctx.onMousedown(...args), ["self"]))
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 46, _hoisted_1$x);
+  ], 46, _hoisted_1$y);
 }
 var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
 
@@ -30728,7 +30845,7 @@ const ElDropdown = withInstall(Dropdown, {
 const ElDropdownItem = withNoopInstall(DropdownItem);
 const ElDropdownMenu = withNoopInstall(DropdownMenu);
 
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   viewBox: "0 0 79 86",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
@@ -30783,7 +30900,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("empty");
     const id = useId();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$w, [
+      return openBlock(), createElementBlock("svg", _hoisted_1$x, [
         createElementVNode("defs", null, [
           createElementVNode("linearGradient", {
             id: `linearGradient-1-${unref(id)}`,
@@ -30917,7 +31034,7 @@ const emptyProps = buildProps({
   }
 });
 
-const _hoisted_1$v = ["src"];
+const _hoisted_1$w = ["src"];
 const _hoisted_2$k = { key: 1 };
 const __default__$L = defineComponent({
   name: "ElEmpty"
@@ -30945,7 +31062,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             key: 0,
             src: _ctx.image,
             ondragstart: "return false"
-          }, null, 8, _hoisted_1$v)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+          }, null, 8, _hoisted_1$w)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
             createVNode(ImgEmpty)
           ])
         ], 6),
@@ -30993,6 +31110,14 @@ const imageViewerProps = buildProps({
   zoomRate: {
     type: Number,
     default: 1.2
+  },
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  maxScale: {
+    type: Number,
+    default: 7
   }
 });
 const imageViewerEmits = {
@@ -31001,7 +31126,7 @@ const imageViewerEmits = {
   rotate: (deg) => isNumber(deg)
 };
 
-const _hoisted_1$u = ["src"];
+const _hoisted_1$v = ["src"];
 const __default__$K = defineComponent({
   name: "ElImageViewer"
 });
@@ -31196,6 +31321,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     function handleActions(action, options = {}) {
       if (loading.value)
         return;
+      const { minScale, maxScale } = props;
       const { zoomRate, rotateDeg, enableTransition } = {
         zoomRate: props.zoomRate,
         rotateDeg: 90,
@@ -31204,12 +31330,12 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       };
       switch (action) {
         case "zoomOut":
-          if (transform.value.scale > 0.2) {
+          if (transform.value.scale > minScale) {
             transform.value.scale = Number.parseFloat((transform.value.scale / zoomRate).toFixed(3));
           }
           break;
         case "zoomIn":
-          if (transform.value.scale < 7) {
+          if (transform.value.scale < maxScale) {
             transform.value.scale = Number.parseFloat((transform.value.scale * zoomRate).toFixed(3));
           }
           break;
@@ -31370,7 +31496,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                     onLoad: handleImgLoad,
                     onError: handleImgError,
                     onMousedown: handleMouseDown
-                  }, null, 46, _hoisted_1$u)), [
+                  }, null, 46, _hoisted_1$v)), [
                     [vShow, i === activeIndex.value]
                   ]);
                 }), 128))
@@ -31430,6 +31556,14 @@ const imageProps = buildProps({
   zoomRate: {
     type: Number,
     default: 1.2
+  },
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  maxScale: {
+    type: Number,
+    default: 7
   }
 });
 const imageEmits = {
@@ -31440,7 +31574,7 @@ const imageEmits = {
   show: () => true
 };
 
-const _hoisted_1$t = ["src", "loading"];
+const _hoisted_1$u = ["src", "loading"];
 const _hoisted_2$j = { key: 0 };
 const __default__$J = defineComponent({
   name: "ElImage",
@@ -31612,7 +31746,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
-          }), null, 16, _hoisted_1$t)) : createCommentVNode("v-if", true),
+          }), null, 16, _hoisted_1$u)) : createCommentVNode("v-if", true),
           isLoading.value ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(unref(ns).e("wrapper"))
@@ -31631,6 +31765,8 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
             "initial-index": unref(imageIndex),
             infinite: _ctx.infinite,
             "zoom-rate": _ctx.zoomRate,
+            "min-scale": _ctx.minScale,
+            "max-scale": _ctx.maxScale,
             "url-list": _ctx.previewSrcList,
             "hide-on-click-modal": _ctx.hideOnClickModal,
             teleported: _ctx.previewTeleported,
@@ -31644,7 +31780,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
               ])) : createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : createCommentVNode("v-if", true)
+          }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : createCommentVNode("v-if", true)
         ], 64)) : createCommentVNode("v-if", true)
       ], 6);
     };
@@ -31710,7 +31846,7 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const _hoisted_1$s = ["aria-label", "onKeydown"];
+const _hoisted_1$t = ["aria-label", "onKeydown"];
 const _hoisted_2$i = ["aria-label", "onKeydown"];
 const __default__$I = defineComponent({
   name: "ElInputNumber"
@@ -31955,7 +32091,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ], 42, _hoisted_1$s)), [
+        ], 42, _hoisted_1$t)), [
           [unref(vRepeatClick), decrease]
         ]) : createCommentVNode("v-if", true),
         _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
@@ -32029,7 +32165,7 @@ const linkEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$r = ["href"];
+const _hoisted_1$s = ["href"];
 const __default__$H = defineComponent({
   name: "ElLink"
 });
@@ -32069,7 +32205,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true),
         _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$r);
+      ], 10, _hoisted_1$s);
     };
   }
 });
@@ -33057,7 +33193,7 @@ const pageHeaderEmits = {
   back: () => true
 };
 
-const _hoisted_1$q = ["aria-label"];
+const _hoisted_1$r = ["aria-label"];
 const __default__$G = defineComponent({
   name: "ElPageHeader"
 });
@@ -33117,7 +33253,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                     _: 1
                   })) : createCommentVNode("v-if", true)
                 ])
-              ], 10, _hoisted_1$q)) : createCommentVNode("v-if", true),
+              ], 10, _hoisted_1$r)) : createCommentVNode("v-if", true),
               createElementVNode("div", {
                 class: normalizeClass(unref(ns).e("title"))
               }, [
@@ -33175,7 +33311,7 @@ const paginationPrevEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$p = ["disabled", "aria-label", "aria-disabled"];
+const _hoisted_1$q = ["disabled", "aria-label", "aria-disabled"];
 const _hoisted_2$h = { key: 0 };
 const __default__$F = defineComponent({
   name: "ElPaginationPrev"
@@ -33203,7 +33339,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }))
-      ], 8, _hoisted_1$p);
+      ], 8, _hoisted_1$q);
     };
   }
 });
@@ -33227,7 +33363,7 @@ const paginationNextProps = buildProps({
   }
 });
 
-const _hoisted_1$o = ["disabled", "aria-label", "aria-disabled"];
+const _hoisted_1$p = ["disabled", "aria-label", "aria-disabled"];
 const _hoisted_2$g = { key: 0 };
 const __default__$E = defineComponent({
   name: "ElPaginationNext"
@@ -33255,7 +33391,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }))
-      ], 8, _hoisted_1$o);
+      ], 8, _hoisted_1$p);
     };
   }
 });
@@ -33369,6 +33505,7 @@ const _sfc_main$R = defineComponent({
   },
   setup(props) {
     const ns = useNamespace("select");
+    const id = useId();
     const containerKls = computed$1(() => [
       ns.be("dropdown", "item"),
       ns.is("disabled", unref(isDisabled)),
@@ -33409,6 +33546,7 @@ const _sfc_main$R = defineComponent({
     }
     return {
       ns,
+      id,
       containerKls,
       currentLabel,
       itemSelected,
@@ -33422,16 +33560,21 @@ const _sfc_main$R = defineComponent({
     };
   }
 });
+const _hoisted_1$o = ["id", "aria-disabled", "aria-selected"];
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
+    id: _ctx.id,
     class: normalizeClass(_ctx.containerKls),
+    role: "option",
+    "aria-disabled": _ctx.isDisabled || void 0,
+    "aria-selected": _ctx.itemSelected,
     onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
     onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)
     ])
-  ], 34)), [
+  ], 42, _hoisted_1$o)), [
     [vShow, _ctx.visible]
   ]);
 }
@@ -33520,7 +33663,7 @@ const useSelect$3 = (props, states, ctx) => {
   const tags = ref(null);
   const selectWrapper = ref(null);
   const scrollbar = ref(null);
-  const hoverOption = ref(-1);
+  const hoverOption = ref();
   const queryChange = shallowRef({ query: "" });
   const groupQueryChange = shallowRef("");
   const optionList = ref([]);
@@ -33714,7 +33857,8 @@ const useSelect$3 = (props, states, ctx) => {
       const input2 = reference.value.$el.querySelector("input");
       originClientHeight = originClientHeight || (input2.clientHeight > 0 ? input2.clientHeight + 2 : 0);
       const _tags = tags.value;
-      const gotSize = getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
+      const cssVarOfSelectSize = getComputedStyle(input2).getPropertyValue(ns.cssVarName("input-height"));
+      const gotSize = cssVarOfSelectSize || getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
       const sizeInMap = selectSize.value || gotSize === originClientHeight || originClientHeight <= 0 ? gotSize : originClientHeight;
       const isElHidden = input2.offsetParent === null;
       !isElHidden && (input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`);
@@ -34165,6 +34309,7 @@ const useSelect$3 = (props, states, ctx) => {
   return {
     optionList,
     optionsArray,
+    hoverOption,
     selectSize,
     handleResize,
     debouncedOnInputChange,
@@ -34392,10 +34537,12 @@ const _sfc_main$P = defineComponent({
     const nsSelect = useNamespace("select");
     const nsInput = useNamespace("input");
     const { t } = useLocale();
+    const contentId = useId();
     const states = useSelectStates(props);
     const {
       optionList,
       optionsArray,
+      hoverOption,
       selectSize,
       readonly,
       handleResize,
@@ -34637,11 +34784,13 @@ const _sfc_main$P = defineComponent({
       handleMouseLeave,
       showTagList,
       collapseTagList,
-      tagTooltipRef
+      tagTooltipRef,
+      contentId,
+      hoverOption
     };
   }
 });
-const _hoisted_1$n = ["disabled", "autocomplete", "aria-label"];
+const _hoisted_1$n = ["disabled", "autocomplete", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
 const _hoisted_2$f = ["disabled"];
 const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
@@ -34678,258 +34827,276 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       persistent: _ctx.persistent,
       onShow: _ctx.handleMenuEnter
     }, {
-      default: withCtx(() => [
-        createElementVNode("div", {
-          class: "select-trigger",
-          onMouseenter: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = true),
-          onMouseleave: _cache[21] || (_cache[21] = ($event) => _ctx.inputHovering = false)
-        }, [
-          _ctx.multiple ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            ref: "tags",
-            tabindex: "-1",
-            class: normalizeClass(_ctx.tagsKls),
-            style: normalizeStyle(_ctx.selectTagsStyle),
-            onClick: _cache[15] || (_cache[15] = (...args) => _ctx.focus && _ctx.focus(...args))
+      default: withCtx(() => {
+        var _a, _b;
+        return [
+          createElementVNode("div", {
+            class: "select-trigger",
+            onMouseenter: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = true),
+            onMouseleave: _cache[21] || (_cache[21] = ($event) => _ctx.inputHovering = false)
           }, [
-            _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createBlock(Transition, {
+            _ctx.multiple ? (openBlock(), createElementBlock("div", {
               key: 0,
-              onAfterLeave: _ctx.resetInputHeight
-            }, {
-              default: withCtx(() => [
-                createElementVNode("span", {
-                  class: normalizeClass(_ctx.tagWrapperKls)
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
-                    return openBlock(), createBlock(_component_el_tag, {
-                      key: _ctx.getValueKey(item),
-                      closable: !_ctx.selectDisabled && !item.isDisabled,
-                      size: _ctx.collapseTagSize,
-                      hit: item.hitState,
-                      type: _ctx.tagType,
-                      "disable-transitions": "",
-                      onClose: ($event) => _ctx.deleteTag($event, item)
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass(_ctx.nsSelect.e("tags-text")),
-                          style: normalizeStyle(_ctx.tagTextStyle)
-                        }, toDisplayString(item.currentLabel), 7)
-                      ]),
-                      _: 2
-                    }, 1032, ["closable", "size", "hit", "type", "onClose"]);
-                  }), 128)),
-                  _ctx.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tag, {
-                    key: 0,
-                    closable: false,
-                    size: _ctx.collapseTagSize,
-                    type: _ctx.tagType,
-                    "disable-transitions": ""
-                  }, {
-                    default: withCtx(() => [
-                      _ctx.collapseTagsTooltip ? (openBlock(), createBlock(_component_el_tooltip, {
-                        key: 0,
-                        ref: "tagTooltipRef",
-                        disabled: _ctx.dropMenuVisible,
-                        "fallback-placements": ["bottom", "top", "right", "left"],
-                        effect: _ctx.effect,
-                        placement: "bottom",
-                        teleported: _ctx.teleported
+              ref: "tags",
+              tabindex: "-1",
+              class: normalizeClass(_ctx.tagsKls),
+              style: normalizeStyle(_ctx.selectTagsStyle),
+              onClick: _cache[15] || (_cache[15] = (...args) => _ctx.focus && _ctx.focus(...args))
+            }, [
+              _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createBlock(Transition, {
+                key: 0,
+                onAfterLeave: _ctx.resetInputHeight
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("span", {
+                    class: normalizeClass(_ctx.tagWrapperKls)
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
+                      return openBlock(), createBlock(_component_el_tag, {
+                        key: _ctx.getValueKey(item),
+                        closable: !_ctx.selectDisabled && !item.isDisabled,
+                        size: _ctx.collapseTagSize,
+                        hit: item.hitState,
+                        type: _ctx.tagType,
+                        "disable-transitions": "",
+                        onClose: ($event) => _ctx.deleteTag($event, item)
                       }, {
                         default: withCtx(() => [
                           createElementVNode("span", {
-                            class: normalizeClass(_ctx.nsSelect.e("tags-text"))
-                          }, "+ " + toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3)
-                        ]),
-                        content: withCtx(() => [
-                          createElementVNode("div", {
-                            class: normalizeClass(_ctx.nsSelect.e("collapse-tags"))
-                          }, [
-                            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
-                              return openBlock(), createElementBlock("div", {
-                                key: _ctx.getValueKey(item),
-                                class: normalizeClass(_ctx.nsSelect.e("collapse-tag"))
-                              }, [
-                                createVNode(_component_el_tag, {
-                                  class: "in-tooltip",
-                                  closable: !_ctx.selectDisabled && !item.isDisabled,
-                                  size: _ctx.collapseTagSize,
-                                  hit: item.hitState,
-                                  type: _ctx.tagType,
-                                  "disable-transitions": "",
-                                  style: { margin: "2px" },
-                                  onClose: ($event) => _ctx.handleDeleteTooltipTag($event, item)
-                                }, {
-                                  default: withCtx(() => [
-                                    createElementVNode("span", {
-                                      class: normalizeClass(_ctx.nsSelect.e("tags-text")),
-                                      style: normalizeStyle({
-                                        maxWidth: _ctx.inputWidth - 75 + "px"
-                                      })
-                                    }, toDisplayString(item.currentLabel), 7)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["closable", "size", "hit", "type", "onClose"])
-                              ], 2);
-                            }), 128))
-                          ], 2)
+                            class: normalizeClass(_ctx.nsSelect.e("tags-text")),
+                            style: normalizeStyle(_ctx.tagTextStyle)
+                          }, toDisplayString(item.currentLabel), 7)
                         ]),
-                        _: 1
-                      }, 8, ["disabled", "effect", "teleported"])) : (openBlock(), createElementBlock("span", {
-                        key: 1,
-                        class: normalizeClass(_ctx.nsSelect.e("tags-text"))
-                      }, "+ " + toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3))
-                    ]),
-                    _: 1
-                  }, 8, ["size", "type"])) : createCommentVNode("v-if", true)
-                ], 2)
-              ]),
-              _: 1
-            }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
-            !_ctx.collapseTags ? (openBlock(), createBlock(Transition, {
-              key: 1,
-              onAfterLeave: _ctx.resetInputHeight
-            }, {
-              default: withCtx(() => [
-                createElementVNode("span", {
-                  class: normalizeClass(_ctx.tagWrapperKls),
-                  style: normalizeStyle(_ctx.prefixWidth && _ctx.selected.length ? { marginLeft: `${_ctx.prefixWidth}px` } : "")
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selected, (item) => {
-                    return openBlock(), createBlock(_component_el_tag, {
-                      key: _ctx.getValueKey(item),
-                      closable: !_ctx.selectDisabled && !item.isDisabled,
+                        _: 2
+                      }, 1032, ["closable", "size", "hit", "type", "onClose"]);
+                    }), 128)),
+                    _ctx.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tag, {
+                      key: 0,
+                      closable: false,
                       size: _ctx.collapseTagSize,
-                      hit: item.hitState,
                       type: _ctx.tagType,
-                      "disable-transitions": "",
-                      onClose: ($event) => _ctx.deleteTag($event, item)
+                      "disable-transitions": ""
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass(_ctx.nsSelect.e("tags-text")),
-                          style: normalizeStyle({ maxWidth: _ctx.inputWidth - 75 + "px" })
-                        }, toDisplayString(item.currentLabel), 7)
+                        _ctx.collapseTagsTooltip ? (openBlock(), createBlock(_component_el_tooltip, {
+                          key: 0,
+                          ref: "tagTooltipRef",
+                          disabled: _ctx.dropMenuVisible,
+                          "fallback-placements": ["bottom", "top", "right", "left"],
+                          effect: _ctx.effect,
+                          placement: "bottom",
+                          teleported: _ctx.teleported
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("span", {
+                              class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                            }, "+ " + toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3)
+                          ]),
+                          content: withCtx(() => [
+                            createElementVNode("div", {
+                              class: normalizeClass(_ctx.nsSelect.e("collapse-tags"))
+                            }, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
+                                return openBlock(), createElementBlock("div", {
+                                  key: _ctx.getValueKey(item),
+                                  class: normalizeClass(_ctx.nsSelect.e("collapse-tag"))
+                                }, [
+                                  createVNode(_component_el_tag, {
+                                    class: "in-tooltip",
+                                    closable: !_ctx.selectDisabled && !item.isDisabled,
+                                    size: _ctx.collapseTagSize,
+                                    hit: item.hitState,
+                                    type: _ctx.tagType,
+                                    "disable-transitions": "",
+                                    style: { margin: "2px" },
+                                    onClose: ($event) => _ctx.handleDeleteTooltipTag($event, item)
+                                  }, {
+                                    default: withCtx(() => [
+                                      createElementVNode("span", {
+                                        class: normalizeClass(_ctx.nsSelect.e("tags-text")),
+                                        style: normalizeStyle({
+                                          maxWidth: _ctx.inputWidth - 75 + "px"
+                                        })
+                                      }, toDisplayString(item.currentLabel), 7)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["closable", "size", "hit", "type", "onClose"])
+                                ], 2);
+                              }), 128))
+                            ], 2)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled", "effect", "teleported"])) : (openBlock(), createElementBlock("span", {
+                          key: 1,
+                          class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                        }, "+ " + toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3))
                       ]),
-                      _: 2
-                    }, 1032, ["closable", "size", "hit", "type", "onClose"]);
-                  }), 128))
-                ], 6)
-              ]),
-              _: 1
-            }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
-            _ctx.filterable && !_ctx.selectDisabled ? withDirectives((openBlock(), createElementBlock("input", {
-              key: 2,
-              ref: "input",
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
-              type: "text",
-              class: normalizeClass(_ctx.inputKls),
-              disabled: _ctx.selectDisabled,
-              autocomplete: _ctx.autocomplete,
-              style: normalizeStyle(_ctx.inputStyle),
-              "aria-label": _ctx.ariaLabel,
-              onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-              onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
-              onKeyup: _cache[3] || (_cache[3] = (...args) => _ctx.managePlaceholder && _ctx.managePlaceholder(...args)),
-              onKeydown: [
-                _cache[4] || (_cache[4] = (...args) => _ctx.resetInputState && _ctx.resetInputState(...args)),
-                _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
-                _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"])),
-                _cache[7] || (_cache[7] = withKeys((...args) => _ctx.handleKeydownEscape && _ctx.handleKeydownEscape(...args), ["esc"])),
-                _cache[8] || (_cache[8] = withKeys(withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
-                _cache[9] || (_cache[9] = withKeys((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["delete"])),
-                _cache[10] || (_cache[10] = withKeys(($event) => _ctx.visible = false, ["tab"]))
-              ],
-              onCompositionstart: _cache[11] || (_cache[11] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-              onCompositionupdate: _cache[12] || (_cache[12] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-              onCompositionend: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-              onInput: _cache[14] || (_cache[14] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
-            }, null, 46, _hoisted_1$n)), [
-              [vModelText, _ctx.query]
-            ]) : createCommentVNode("v-if", true)
-          ], 6)) : createCommentVNode("v-if", true),
-          createCommentVNode(" fix: https://github.com/element-plus/element-plus/issues/11415 "),
-          _ctx.isIOS && !_ctx.multiple && _ctx.filterable && _ctx.readonly ? (openBlock(), createElementBlock("input", {
-            key: 1,
-            ref: "iOSInput",
-            class: normalizeClass(_ctx.iOSInputKls),
-            disabled: _ctx.selectDisabled,
-            type: "text"
-          }, null, 10, _hoisted_2$f)) : createCommentVNode("v-if", true),
-          createVNode(_component_el_input, {
-            id: _ctx.id,
-            ref: "reference",
-            modelValue: _ctx.selectedLabel,
-            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => _ctx.selectedLabel = $event),
-            type: "text",
-            placeholder: typeof _ctx.currentPlaceholder === "function" ? _ctx.currentPlaceholder() : _ctx.currentPlaceholder,
-            name: _ctx.name,
-            autocomplete: _ctx.autocomplete,
-            size: _ctx.selectSize,
-            disabled: _ctx.selectDisabled,
-            readonly: _ctx.readonly,
-            "validate-event": false,
-            class: normalizeClass([_ctx.nsSelect.is("focus", _ctx.visible)]),
-            tabindex: _ctx.multiple && _ctx.filterable ? -1 : void 0,
-            label: _ctx.ariaLabel,
-            onFocus: _ctx.handleFocus,
-            onBlur: _ctx.handleBlur,
-            onInput: _ctx.debouncedOnInputChange,
-            onPaste: _ctx.debouncedOnInputChange,
-            onCompositionstart: _ctx.handleComposition,
-            onCompositionupdate: _ctx.handleComposition,
-            onCompositionend: _ctx.handleComposition,
-            onKeydown: [
-              _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
-              _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
-              withKeys(withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
-              withKeys(_ctx.handleKeydownEscape, ["esc"]),
-              _cache[19] || (_cache[19] = withKeys(($event) => _ctx.visible = false, ["tab"]))
-            ]
-          }, createSlots({
-            suffix: withCtx(() => [
-              _ctx.iconComponent && !_ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
-                key: 0,
-                class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                      _: 1
+                    }, 8, ["size", "type"])) : createCommentVNode("v-if", true)
+                  ], 2)
                 ]),
                 _: 1
-              }, 8, ["class"])) : createCommentVNode("v-if", true),
-              _ctx.showClose && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+              }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
+              !_ctx.collapseTags ? (openBlock(), createBlock(Transition, {
                 key: 1,
-                class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),
-                onClick: _ctx.handleClearClick
+                onAfterLeave: _ctx.resetInputHeight
               }, {
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                  createElementVNode("span", {
+                    class: normalizeClass(_ctx.tagWrapperKls),
+                    style: normalizeStyle(_ctx.prefixWidth && _ctx.selected.length ? { marginLeft: `${_ctx.prefixWidth}px` } : "")
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selected, (item) => {
+                      return openBlock(), createBlock(_component_el_tag, {
+                        key: _ctx.getValueKey(item),
+                        closable: !_ctx.selectDisabled && !item.isDisabled,
+                        size: _ctx.collapseTagSize,
+                        hit: item.hitState,
+                        type: _ctx.tagType,
+                        "disable-transitions": "",
+                        onClose: ($event) => _ctx.deleteTag($event, item)
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", {
+                            class: normalizeClass(_ctx.nsSelect.e("tags-text")),
+                            style: normalizeStyle({ maxWidth: _ctx.inputWidth - 75 + "px" })
+                          }, toDisplayString(item.currentLabel), 7)
+                        ]),
+                        _: 2
+                      }, 1032, ["closable", "size", "hit", "type", "onClose"]);
+                    }), 128))
+                  ], 6)
                 ]),
                 _: 1
-              }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
-            ]),
-            _: 2
-          }, [
-            _ctx.$slots.prefix ? {
-              name: "prefix",
-              fn: withCtx(() => [
-                createElementVNode("div", _hoisted_3$8, [
-                  renderSlot(_ctx.$slots, "prefix")
+              }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
+              _ctx.filterable && !_ctx.selectDisabled ? withDirectives((openBlock(), createElementBlock("input", {
+                key: 2,
+                ref: "input",
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
+                type: "text",
+                class: normalizeClass(_ctx.inputKls),
+                disabled: _ctx.selectDisabled,
+                autocomplete: _ctx.autocomplete,
+                style: normalizeStyle(_ctx.inputStyle),
+                role: "combobox",
+                "aria-activedescendant": ((_a = _ctx.hoverOption) == null ? void 0 : _a.id) || "",
+                "aria-controls": _ctx.contentId,
+                "aria-expanded": _ctx.dropMenuVisible,
+                "aria-label": _ctx.ariaLabel,
+                "aria-autocomplete": "none",
+                "aria-haspopup": "listbox",
+                onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+                onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+                onKeyup: _cache[3] || (_cache[3] = (...args) => _ctx.managePlaceholder && _ctx.managePlaceholder(...args)),
+                onKeydown: [
+                  _cache[4] || (_cache[4] = (...args) => _ctx.resetInputState && _ctx.resetInputState(...args)),
+                  _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
+                  _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"])),
+                  _cache[7] || (_cache[7] = withKeys((...args) => _ctx.handleKeydownEscape && _ctx.handleKeydownEscape(...args), ["esc"])),
+                  _cache[8] || (_cache[8] = withKeys(withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
+                  _cache[9] || (_cache[9] = withKeys((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["delete"])),
+                  _cache[10] || (_cache[10] = withKeys(($event) => _ctx.visible = false, ["tab"]))
+                ],
+                onCompositionstart: _cache[11] || (_cache[11] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
+                onCompositionupdate: _cache[12] || (_cache[12] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
+                onCompositionend: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
+                onInput: _cache[14] || (_cache[14] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
+              }, null, 46, _hoisted_1$n)), [
+                [vModelText, _ctx.query]
+              ]) : createCommentVNode("v-if", true)
+            ], 6)) : createCommentVNode("v-if", true),
+            _ctx.isIOS && !_ctx.multiple && _ctx.filterable && _ctx.readonly ? (openBlock(), createElementBlock("input", {
+              key: 1,
+              ref: "iOSInput",
+              class: normalizeClass(_ctx.iOSInputKls),
+              disabled: _ctx.selectDisabled,
+              type: "text"
+            }, null, 10, _hoisted_2$f)) : createCommentVNode("v-if", true),
+            createVNode(_component_el_input, {
+              id: _ctx.id,
+              ref: "reference",
+              modelValue: _ctx.selectedLabel,
+              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => _ctx.selectedLabel = $event),
+              type: "text",
+              placeholder: typeof _ctx.currentPlaceholder === "function" ? _ctx.currentPlaceholder() : _ctx.currentPlaceholder,
+              name: _ctx.name,
+              autocomplete: _ctx.autocomplete,
+              size: _ctx.selectSize,
+              disabled: _ctx.selectDisabled,
+              readonly: _ctx.readonly,
+              "validate-event": false,
+              class: normalizeClass([_ctx.nsSelect.is("focus", _ctx.visible)]),
+              tabindex: _ctx.multiple && _ctx.filterable ? -1 : void 0,
+              role: "combobox",
+              "aria-activedescendant": ((_b = _ctx.hoverOption) == null ? void 0 : _b.id) || "",
+              "aria-controls": _ctx.contentId,
+              "aria-expanded": _ctx.dropMenuVisible,
+              label: _ctx.ariaLabel,
+              "aria-autocomplete": "none",
+              "aria-haspopup": "listbox",
+              onFocus: _ctx.handleFocus,
+              onBlur: _ctx.handleBlur,
+              onInput: _ctx.debouncedOnInputChange,
+              onPaste: _ctx.debouncedOnInputChange,
+              onCompositionstart: _ctx.handleComposition,
+              onCompositionupdate: _ctx.handleComposition,
+              onCompositionend: _ctx.handleComposition,
+              onKeydown: [
+                _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+                _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+                withKeys(withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
+                withKeys(_ctx.handleKeydownEscape, ["esc"]),
+                _cache[19] || (_cache[19] = withKeys(($event) => _ctx.visible = false, ["tab"]))
+              ]
+            }, createSlots({
+              suffix: withCtx(() => [
+                _ctx.iconComponent && !_ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
+                  key: 0,
+                  class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : createCommentVNode("v-if", true),
+                _ctx.showClose && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+                  key: 1,
+                  class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),
+                  onClick: _ctx.handleClearClick
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
+              ]),
+              _: 2
+            }, [
+              _ctx.$slots.prefix ? {
+                name: "prefix",
+                fn: withCtx(() => [
+                  createElementVNode("div", _hoisted_3$8, [
+                    renderSlot(_ctx.$slots, "prefix")
+                  ])
                 ])
-              ])
-            } : void 0
-          ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "label", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
-        ], 32)
-      ]),
+              } : void 0
+            ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "aria-activedescendant", "aria-controls", "aria-expanded", "label", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
+          ], 32)
+        ];
+      }),
       content: withCtx(() => [
         createVNode(_component_el_select_menu, null, {
           default: withCtx(() => [
             withDirectives(createVNode(_component_el_scrollbar, {
+              id: _ctx.contentId,
               ref: "scrollbar",
               tag: "ul",
               "wrap-class": _ctx.nsSelect.be("dropdown", "wrap"),
               "view-class": _ctx.nsSelect.be("dropdown", "list"),
-              class: normalizeClass(_ctx.scrollbarKls)
+              class: normalizeClass(_ctx.scrollbarKls),
+              role: "listbox",
+              "aria-label": _ctx.ariaLabel,
+              "aria-orientation": "vertical"
             }, {
               default: withCtx(() => [
                 _ctx.showNewOption ? (openBlock(), createBlock(_component_el_option, {
@@ -34945,7 +35112,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8, ["onUpdateOptions"])
               ]),
               _: 3
-            }, 8, ["wrap-class", "view-class", "class"]), [
+            }, 8, ["id", "wrap-class", "view-class", "class", "aria-label"]), [
               [vShow, _ctx.options.size > 0 && !_ctx.loading]
             ]),
             _ctx.emptyText && (!_ctx.allowCreate || _ctx.loading || _ctx.allowCreate && _ctx.options.size === 0) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -45101,33 +45268,6 @@ var TableBody = defineComponent({
   }
 });
 
-function hColgroup(props) {
-  const isAuto = props.tableLayout === "auto";
-  let columns = props.columns || [];
-  if (isAuto) {
-    if (columns.every((column) => column.width === void 0)) {
-      columns = [];
-    }
-  }
-  const getPropsData = (column) => {
-    const propsData = {
-      key: `${props.tableLayout}_${column.id}`,
-      style: {},
-      name: void 0
-    };
-    if (isAuto) {
-      propsData.style = {
-        width: `${column.width}px`
-      };
-    } else {
-      propsData.name = column.id;
-    }
-    return propsData;
-  };
-  return h$1("colgroup", {}, columns.map((column) => h$1("col", getPropsData(column))));
-}
-hColgroup.props = ["columns", "tableLayout"];
-
 function useMapState() {
   const table = inject(TABLE_INJECTION_KEY);
   const store = table == null ? void 0 : table.store;
@@ -45224,14 +45364,7 @@ var TableFooter = defineComponent({
     };
   },
   render() {
-    const {
-      columns,
-      getCellStyles,
-      getCellClasses,
-      summaryMethod,
-      sumText,
-      ns
-    } = this;
+    const { columns, getCellStyles, getCellClasses, summaryMethod, sumText } = this;
     const data = this.store.states.data.value;
     let sums = [];
     if (summaryMethod) {
@@ -45270,31 +45403,21 @@ var TableFooter = defineComponent({
         }
       });
     }
-    return h$1("table", {
-      class: ns.e("footer"),
-      cellspacing: "0",
-      cellpadding: "0",
-      border: "0"
-    }, [
-      hColgroup({
-        columns
-      }),
-      h$1("tbody", [
-        h$1("tr", {}, [
-          ...columns.map((column, cellIndex) => h$1("td", {
-            key: cellIndex,
-            colspan: column.colSpan,
-            rowspan: column.rowSpan,
-            class: getCellClasses(columns, cellIndex),
-            style: getCellStyles(column, cellIndex)
-          }, [
-            h$1("div", {
-              class: ["cell", column.labelClassName]
-            }, [sums[cellIndex]])
-          ]))
-        ])
+    return h$1(h$1("tfoot", [
+      h$1("tr", {}, [
+        ...columns.map((column, cellIndex) => h$1("td", {
+          key: cellIndex,
+          colspan: column.colSpan,
+          rowspan: column.rowSpan,
+          class: getCellClasses(columns, cellIndex),
+          style: getCellStyles(column, cellIndex)
+        }, [
+          h$1("div", {
+            class: ["cell", column.labelClassName]
+          }, [sums[cellIndex]])
+        ]))
       ])
-    ]);
+    ]));
   }
 });
 
@@ -45730,6 +45853,33 @@ var defaultProps$1 = {
   showOverflowTooltip: [Boolean, Object]
 };
 
+function hColgroup(props) {
+  const isAuto = props.tableLayout === "auto";
+  let columns = props.columns || [];
+  if (isAuto) {
+    if (columns.every((column) => column.width === void 0)) {
+      columns = [];
+    }
+  }
+  const getPropsData = (column) => {
+    const propsData = {
+      key: `${props.tableLayout}_${column.id}`,
+      style: {},
+      name: void 0
+    };
+    if (isAuto) {
+      propsData.style = {
+        width: `${column.width}px`
+      };
+    } else {
+      propsData.name = column.id;
+    }
+    return propsData;
+  };
+  return h$1("colgroup", {}, columns.map((column) => h$1("col", getPropsData(column))));
+}
+hColgroup.props = ["columns", "tableLayout"];
+
 const useScrollbar$1 = () => {
   const scrollBarRef = ref();
   const scrollTo = (options, yCoord) => {
@@ -45903,8 +46053,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hColgroup = resolveComponent("hColgroup");
   const _component_table_header = resolveComponent("table-header");
   const _component_table_body = resolveComponent("table-body");
-  const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_table_footer = resolveComponent("table-footer");
+  const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _directive_mousewheel = resolveDirective("mousewheel");
   return openBlock(), createElementBlock("div", {
     ref: "tableWrapper",
@@ -45995,11 +46145,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,
@@ -46009,7 +46160,16 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                 "row-style": _ctx.rowStyle,
                 store: _ctx.store,
                 stripe: _ctx.stripe
-              }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "tooltip-options", "row-style", "store", "stripe"])
+              }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "tooltip-options", "row-style", "store", "stripe"]),
+              _ctx.showSummary && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_footer, {
+                key: 1,
+                class: normalizeClass(_ctx.ns.e("body-footer")),
+                border: _ctx.border,
+                "default-sort": _ctx.defaultSort,
+                store: _ctx.store,
+                "sum-text": _ctx.computedSumText,
+                "summary-method": _ctx.summaryMethod
+              }, null, 8, ["class", "border", "default-sort", "store", "sum-text", "summary-method"])) : createCommentVNode("v-if", true)
             ], 6),
             _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -46036,19 +46196,30 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           _: 3
         }, 8, ["view-style", "wrap-style", "always"])
       ], 2),
-      _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", {
+      _ctx.showSummary && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
         key: 1,
         ref: "footerWrapper",
         class: normalizeClass(_ctx.ns.e("footer-wrapper"))
       }, [
-        createVNode(_component_table_footer, {
-          border: _ctx.border,
-          "default-sort": _ctx.defaultSort,
-          store: _ctx.store,
-          style: normalizeStyle(_ctx.tableBodyStyles),
-          "sum-text": _ctx.computedSumText,
-          "summary-method": _ctx.summaryMethod
-        }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+        createElementVNode("table", {
+          class: normalizeClass(_ctx.ns.e("footer")),
+          cellspacing: "0",
+          cellpadding: "0",
+          border: "0",
+          style: normalizeStyle(_ctx.tableBodyStyles)
+        }, [
+          createVNode(_component_hColgroup, {
+            columns: _ctx.store.states.columns.value,
+            "table-layout": _ctx.tableLayout
+          }, null, 8, ["columns", "table-layout"]),
+          createVNode(_component_table_footer, {
+            border: _ctx.border,
+            "default-sort": _ctx.defaultSort,
+            store: _ctx.store,
+            "sum-text": _ctx.computedSumText,
+            "summary-method": _ctx.summaryMethod
+          }, null, 8, ["border", "default-sort", "store", "sum-text", "summary-method"])
+        ], 6)
       ], 2)), [
         [vShow, !_ctx.isEmpty],
         [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]