@element-plus/nightly 0.0.20231010 → 0.0.20231012

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231010 */
+/*! Element Plus v0.0.20231012 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11132,7 +11132,7 @@
     });
   };
 
-  function useFocusController(target, { afterFocus, afterBlur } = {}) {
+  function useFocusController(target, { afterFocus, beforeBlur, afterBlur } = {}) {
     const instance = vue.getCurrentInstance();
     const { emit } = instance;
     const wrapperRef = vue.shallowRef();
@@ -11146,7 +11146,8 @@
     };
     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);
@@ -11290,7 +11291,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20231010";
+  const version$1 = "0.0.20231012";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13093,7 +13094,7 @@
     }
   });
 
-  const _hoisted_1$12 = ["role", "aria-labelledby"];
+  const _hoisted_1$13 = ["role", "aria-labelledby"];
   const __default__$1z = vue.defineComponent({
     name: "ElFormItem"
   });
@@ -13389,7 +13390,7 @@
               _: 3
             }, 8, ["name"])
           ], 6)
-        ], 10, _hoisted_1$12);
+        ], 10, _hoisted_1$13);
       };
     }
   });
@@ -13579,9 +13580,9 @@
     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 = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
@@ -13899,7 +13900,7 @@
                 onBlur: _cache[1] || (_cache[1] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, _hoisted_2$G),
+              }), null, 16, _hoisted_2$H),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -13997,14 +13998,14 @@
               onBlur: _cache[3] || (_cache[3] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$l),
+            }), null, 16, _hoisted_3$k),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$11)), [
+        ], 16, _hoisted_1$12)), [
           [vue.vShow, _ctx.type !== "hidden"]
         ]);
       };
@@ -14275,6 +14276,13 @@
     minSize: {
       type: Number,
       default: 20
+    },
+    id: String,
+    role: String,
+    ariaLabel: String,
+    ariaOrientation: {
+      type: String,
+      values: ["horizontal", "vertical"]
     }
   });
   const scrollbarEmits = {
@@ -14305,13 +14313,13 @@
       const barRef = vue.ref();
       const ratioY = vue.ref(1);
       const ratioX = vue.ref(1);
-      const style = vue.computed(() => {
-        const style2 = {};
+      const wrapStyle = vue.computed(() => {
+        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 = vue.computed(() => {
         return [
@@ -14414,20 +14422,24 @@
             ref_key: "wrapRef",
             ref: wrapRef,
             class: vue.normalizeClass(vue.unref(wrapKls)),
-            style: vue.normalizeStyle(vue.unref(style)),
+            style: vue.normalizeStyle(vue.unref(wrapStyle)),
             onScroll: handleScroll
           }, [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+              id: _ctx.id,
               ref_key: "resizeRef",
               ref: resizeRef,
               class: vue.normalizeClass(vue.unref(resizeKls)),
-              style: vue.normalizeStyle(_ctx.viewStyle)
+              style: vue.normalizeStyle(_ctx.viewStyle),
+              role: _ctx.role,
+              "aria-label": _ctx.ariaLabel,
+              "aria-orientation": _ctx.ariaOrientation
             }, {
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 8, ["class", "style"]))
+            }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
           ], 38),
           !_ctx.native ? (vue.openBlock(), vue.createBlock(Bar, {
             key: 0,
@@ -15851,8 +15863,8 @@
   });
   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 = vue.defineComponent({
     name: "ElTooltip"
   });
@@ -15994,7 +16006,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$10)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$11)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$G, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -16090,9 +16102,9 @@
     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 = vue.defineComponent({
     name: COMPONENT_NAME$i,
@@ -16337,7 +16349,7 @@
                 role: "listbox"
               }, {
                 default: vue.withCtx(() => [
-                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$E, [
+                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$F, [
                     vue.createVNode(vue.unref(ElIcon), {
                       class: vue.normalizeClass(vue.unref(ns).is("loading"))
                     }, {
@@ -16358,7 +16370,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$k);
+                    ], 10, _hoisted_3$j);
                   }), 128))
                 ]),
                 _: 3
@@ -16423,7 +16435,7 @@
                   ])
                 } : void 0
               ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
-            ], 14, _hoisted_1$$)
+            ], 14, _hoisted_1$10)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -16464,7 +16476,7 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$_ = ["src", "alt", "srcset"];
+  const _hoisted_1$$ = ["src", "alt", "srcset"];
   const __default__$1o = vue.defineComponent({
     name: "ElAvatar"
   });
@@ -16513,7 +16525,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$_)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$$)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -16649,7 +16661,7 @@
     }
   });
 
-  const _hoisted_1$Z = ["textContent"];
+  const _hoisted_1$_ = ["textContent"];
   const __default__$1m = vue.defineComponent({
     name: "ElBadge"
   });
@@ -16688,7 +16700,7 @@
                   vue.unref(ns).is("dot", _ctx.isDot)
                 ]),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 10, _hoisted_1$Z), [
+              }, null, 10, _hoisted_1$_), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
               ])
             ]),
@@ -18506,8 +18518,8 @@
     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 = vue.defineComponent({
     name: "Picker"
   });
@@ -19080,7 +19092,7 @@
                 onChange: handleStartChange,
                 onFocus: handleFocusInput,
                 onBlur: handleBlurInput
-              }, null, 42, _hoisted_1$Y),
+              }, null, 42, _hoisted_1$Z),
               vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
@@ -19100,7 +19112,7 @@
                 onBlur: handleBlurInput,
                 onInput: handleEndInput,
                 onChange: handleEndChange
-              }, null, 42, _hoisted_2$D),
+              }, null, 42, _hoisted_2$E),
               _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 1,
                 class: vue.normalizeClass(vue.unref(clearIconKls)),
@@ -19445,8 +19457,8 @@
     ...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__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
@@ -19673,7 +19685,7 @@
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(("0" + key).slice(-2)), 1)
                     ], 64))
-                  ], 10, _hoisted_1$X);
+                  ], 10, _hoisted_1$Y);
                 }), 128))
               ]),
               _: 2
@@ -19727,7 +19739,7 @@
                   ], 2);
                 }), 128))
               ], 2)
-            ], 42, _hoisted_2$C);
+            ], 42, _hoisted_2$D);
           }), 128)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
@@ -19896,7 +19908,7 @@
     }
   });
 
-  const _hoisted_1$W = ["disabled"];
+  const _hoisted_1$X = ["disabled"];
   const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
@@ -20159,7 +20171,7 @@
               class: vue.normalizeClass([vue.unref(nsTime).be("panel", "btn"), "confirm"]),
               disabled: vue.unref(btnConfirmDisabled),
               onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$W)
+            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$X)
           ], 2)
         ], 2)) : vue.createCommentVNode("v-if", true);
       };
@@ -20417,8 +20429,8 @@
     };
   };
 
-  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 = vue.defineComponent({
     name: "DateTable"
   });
@@ -20461,7 +20473,7 @@
           cellspacing: "0",
           cellpadding: "0"
         }, [
-          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$V, [
+          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$W, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(weekDays), (day) => {
               return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
             }), 128))
@@ -20490,7 +20502,7 @@
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
                       ])
                     ], 2)
-                  ], 10, _hoisted_2$B);
+                  ], 10, _hoisted_2$C);
                 }), 128))
               ], 2);
             }), 128))
@@ -20877,11 +20889,13 @@
       addChild: addItem,
       removeChild: removeItem
     } = useOrderedChildren(vue.getCurrentInstance(), "ElCarouselItem");
+    const slots = vue.useSlots();
     const activeIndex = vue.ref(-1);
     const timer = vue.ref(null);
     const hover = vue.ref(false);
     const root = vue.ref();
     const containerHeight = vue.ref(0);
+    const isItemsTwoLength = vue.ref(true);
     const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
     const hasLabel = vue.computed(() => {
       return items.value.some((item) => item.props.label.toString().length > 0);
@@ -20905,6 +20919,11 @@
     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);
@@ -21022,8 +21041,29 @@
         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 vue.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;
+    }
     vue.watch(() => activeIndex.value, (current, prev2) => {
       resetItemPosition(prev2);
+      if (isItemsTwoLength.value) {
+        current = current % 2;
+        prev2 = prev2 % 2;
+      }
       if (prev2 > -1) {
         emit("change", current, prev2);
       }
@@ -21076,6 +21116,7 @@
       items,
       isVertical,
       containerStyle,
+      isItemsTwoLength,
       handleButtonEnter,
       handleButtonLeave,
       handleIndicatorClick,
@@ -21084,13 +21125,15 @@
       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 = vue.defineComponent({
     name: COMPONENT_NAME$f
@@ -21119,6 +21162,8 @@
         setActiveItem,
         prev,
         next,
+        PlaceholderItem,
+        isTwoLengthShow,
         throttledArrowClick,
         throttledIndicatorHover
       } = useCarousel(props, emit);
@@ -21216,6 +21261,7 @@
               ]),
               _: 1
             })) : vue.createCommentVNode("v-if", true),
+            vue.createVNode(vue.unref(PlaceholderItem)),
             vue.renderSlot(_ctx.$slots, "default")
           ], 6),
           _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
@@ -21223,7 +21269,7 @@
             class: vue.normalizeClass(vue.unref(indicatorsClasses))
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("li", {
+              return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
                 key: index,
                 class: vue.normalizeClass([
                   vue.unref(ns).e("indicator"),
@@ -21236,9 +21282,11 @@
                 vue.createElementVNode("button", {
                   class: vue.normalizeClass(vue.unref(ns).e("button"))
                 }, [
-                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$A, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
+                  vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$B, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
                 ], 2)
-              ], 42, _hoisted_1$U);
+              ], 42, _hoisted_1$V)), [
+                [vue.vShow, vue.unref(isTwoLengthShow)(index)]
+              ]);
             }), 128))
           ], 2)) : vue.createCommentVNode("v-if", true)
         ], 34);
@@ -21442,7 +21490,8 @@
       default: void 0
     },
     label: {
-      type: [String, Boolean, Number, Object]
+      type: [String, Boolean, Number, Object],
+      default: void 0
     },
     indeterminate: Boolean,
     disabled: Boolean,
@@ -21607,7 +21656,7 @@
       return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
     }));
     const hasOwnLabel = vue.computed(() => {
-      return !!(slots.default || props.label);
+      return !!slots.default || !isNil(props.label);
     });
     return {
       checkboxButtonSize,
@@ -21667,9 +21716,8 @@
     };
   };
 
-  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 = vue.defineComponent({
     name: "ElCheckbox"
   });
@@ -21719,10 +21767,7 @@
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", {
-              class: vue.normalizeClass(vue.unref(spanKls)),
-              tabindex: _ctx.indeterminate ? 0 : void 0,
-              role: _ctx.indeterminate ? "checkbox" : void 0,
-              "aria-checked": _ctx.indeterminate ? "mixed" : void 0
+              class: vue.normalizeClass(vue.unref(spanKls))
             }, [
               _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 0,
@@ -21730,7 +21775,7 @@
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(model) ? model.value = $event : null),
                 class: vue.normalizeClass(vue.unref(ns).e("original")),
                 type: "checkbox",
-                "aria-hidden": _ctx.indeterminate ? "true" : "false",
+                indeterminate: _ctx.indeterminate,
                 name: _ctx.name,
                 tabindex: _ctx.tabindex,
                 disabled: vue.unref(isDisabled),
@@ -21741,7 +21786,7 @@
                 onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
                 onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
                 }, ["stop"]))
-              }, null, 42, _hoisted_2$z)), [
+              }, null, 42, _hoisted_1$U)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 1,
@@ -21749,7 +21794,7 @@
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(model) ? model.value = $event : null),
                 class: vue.normalizeClass(vue.unref(ns).e("original")),
                 type: "checkbox",
-                "aria-hidden": _ctx.indeterminate ? "true" : "false",
+                indeterminate: _ctx.indeterminate,
                 disabled: vue.unref(isDisabled),
                 value: _ctx.label,
                 name: _ctx.name,
@@ -21759,13 +21804,13 @@
                 onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
                 onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
                 }, ["stop"]))
-              }, null, 42, _hoisted_3$j)), [
+              }, null, 42, _hoisted_2$A)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]),
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(vue.unref(ns).e("inner"))
               }, null, 2)
-            ], 10, _hoisted_1$T),
+            ], 2),
             vue.unref(hasOwnLabel) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: vue.normalizeClass(vue.unref(ns).e("label"))
@@ -21783,8 +21828,8 @@
   });
   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 = vue.defineComponent({
     name: "ElCheckboxButton"
   });
@@ -21843,7 +21888,7 @@
             onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
             onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$S)), [
+          }, null, 42, _hoisted_1$T)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
@@ -21859,7 +21904,7 @@
             onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
             onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_2$y)), [
+          }, null, 42, _hoisted_2$z)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]),
           _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -22036,7 +22081,7 @@
     };
   };
 
-  const _hoisted_1$R = ["value", "name", "disabled"];
+  const _hoisted_1$S = ["value", "name", "disabled"];
   const __default__$18 = vue.defineComponent({
     name: "ElRadio"
   });
@@ -22084,7 +22129,7 @@
               onChange: handleChange,
               onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
               }, ["stop"]))
-            }, null, 42, _hoisted_1$R), [
+            }, null, 42, _hoisted_1$S), [
               [vue.vModelRadio, vue.unref(modelValue)]
             ]),
             vue.createElementVNode("span", {
@@ -22114,7 +22159,7 @@
     }
   });
 
-  const _hoisted_1$Q = ["value", "name", "disabled"];
+  const _hoisted_1$R = ["value", "name", "disabled"];
   const __default__$17 = vue.defineComponent({
     name: "ElRadioButton"
   });
@@ -22157,7 +22202,7 @@
             onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
             onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$Q), [
+          }, null, 42, _hoisted_1$R), [
             [vue.vModelRadio, vue.unref(modelValue)]
           ]),
           vue.createElementVNode("span", {
@@ -22210,7 +22255,7 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
+  const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
   const __default__$16 = vue.defineComponent({
     name: "ElRadioGroup"
   });
@@ -22262,7 +22307,7 @@
           "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$P);
+        ], 10, _hoisted_1$Q);
       };
     }
   });
@@ -22409,8 +22454,8 @@
       };
     }
   });
-  const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-  const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
+  const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+  const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
   function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
@@ -22458,7 +22503,7 @@
       }, {
         default: vue.withCtx(() => [
           vue.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 ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -22492,7 +22537,7 @@
           _: 1
         }, 8, ["class"]))
       ], 64)) : vue.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"]]);
 
@@ -23309,8 +23354,8 @@
     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 = vue.defineComponent({
@@ -23785,7 +23830,7 @@
                     onClose: ($event) => deleteTag(tag)
                   }, {
                     default: vue.withCtx(() => [
-                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$N, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
                         key: 1,
                         disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
                         "fallback-placements": ["bottom", "top", "right", "left"],
@@ -23843,7 +23888,7 @@
                   onCompositionend: handleComposition,
                   onFocus: handleFocus,
                   onBlur: handleBlur
-                }, null, 42, _hoisted_2$w)), [
+                }, null, 42, _hoisted_2$x)), [
                   [vue.vModelText, searchInputValue.value]
                 ]) : vue.createCommentVNode("v-if", true)
               ], 2)) : vue.createCommentVNode("v-if", true)
@@ -24379,8 +24424,8 @@
     };
   };
 
-  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__$_ = vue.defineComponent({
     name: "ElCollapseItem"
   });
@@ -24437,7 +24482,7 @@
               ]),
               _: 1
             }, 8, ["class"])
-          ], 42, _hoisted_1$M),
+          ], 42, _hoisted_1$N),
           vue.createVNode(vue.unref(_CollapseTransition), null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.createElementVNode("div", {
@@ -24452,7 +24497,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_2$v), [
+              ], 10, _hoisted_2$w), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -24819,7 +24864,9 @@
   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");
 
@@ -25152,7 +25199,7 @@
       };
     }
   });
-  const _hoisted_1$L = ["onClick"];
+  const _hoisted_1$M = ["onClick"];
   function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
@@ -25173,7 +25220,7 @@
             vue.createElementVNode("div", {
               style: vue.normalizeStyle({ backgroundColor: item.value })
             }, null, 4)
-          ], 10, _hoisted_1$L);
+          ], 10, _hoisted_1$M);
         }), 128))
       ], 2)
     ], 2);
@@ -25250,9 +25297,9 @@
       };
     }
   });
-  const _hoisted_1$K = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_2$u = [
-    _hoisted_1$K
+  const _hoisted_1$L = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+  const _hoisted_2$v = [
+    _hoisted_1$L
   ];
   function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -25273,12 +25320,13 @@
           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 = vue.defineComponent({
     name: "ElColorPicker"
   });
@@ -25300,6 +25348,27 @@
       const sv = vue.ref();
       const alpha = vue.ref();
       const popper = vue.ref();
+      const triggerRef = vue.ref();
+      const inputRef = vue.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 = vue.reactive(new Color({
         enableAlpha: props.showAlpha,
@@ -25328,7 +25397,8 @@
         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) {
@@ -25399,6 +25469,41 @@
         }
         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();
+      }
       vue.onMounted(() => {
         if (props.modelValue) {
           customInput.value = currentColor.value;
@@ -25436,7 +25541,9 @@
       expose({
         color,
         show,
-        hide
+        hide,
+        focus,
+        blur
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
@@ -25452,10 +25559,13 @@
           effect: "light",
           trigger: "click",
           transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
-          persistent: ""
+          persistent: "",
+          onHide: _cache[2] || (_cache[2] = ($event) => setShowPicker(false))
         }, {
           content: vue.withCtx(() => [
-            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", null, [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              onKeydown: vue.withKeys(handleEsc, ["esc"])
+            }, [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(ns).be("dropdown", "main-wrapper"))
               }, [
@@ -25491,6 +25601,8 @@
                   class: vue.normalizeClass(vue.unref(ns).be("dropdown", "value"))
                 }, [
                   vue.createVNode(vue.unref(ElInput), {
+                    ref_key: "inputRef",
+                    ref: inputRef,
                     modelValue: customInput.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customInput.value = $event),
                     "validate-event": false,
@@ -25522,20 +25634,25 @@
                   _: 1
                 }, 8, ["class"])
               ], 2)
-            ])), [
-              [vue.unref(ClickOutside), hide]
+            ], 40, _hoisted_1$K)), [
+              [vue.unref(ClickOutside), handleClickOutside]
             ])
           ]),
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
               id: vue.unref(buttonId),
+              ref_key: "triggerRef",
+              ref: triggerRef,
               class: vue.normalizeClass(vue.unref(btnKls)),
               role: "button",
               "aria-label": vue.unref(buttonAriaLabel),
               "aria-labelledby": vue.unref(buttonAriaLabelledby),
               "aria-description": vue.unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
-              tabindex: _ctx.tabindex,
-              onKeydown: vue.withKeys(handleTrigger, ["enter"])
+              "aria-disabled": vue.unref(colorDisabled),
+              tabindex: vue.unref(colorDisabled) ? -1 : _ctx.tabindex,
+              onKeydown: handleKeyDown,
+              onFocus: handleFocus,
+              onBlur: _cache[1] || (_cache[1] = (...args) => vue.unref(handleBlur) && vue.unref(handleBlur)(...args))
             }, [
               vue.unref(colorDisabled) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
@@ -25577,7 +25694,7 @@
                   ], 6)
                 ], 2)
               ], 2)
-            ], 42, _hoisted_1$J)
+            ], 42, _hoisted_2$u)
           ]),
           _: 1
         }, 8, ["visible", "popper-class", "transition"]);
@@ -26412,7 +26529,7 @@
     }
   });
 
-  const _hoisted_1$I = ["aria-label"];
+  const _hoisted_1$J = ["aria-label"];
   const _hoisted_2$t = {
     key: 0,
     scope: "col"
@@ -26495,7 +26612,7 @@
               ], 2);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$I);
+        ], 42, _hoisted_1$J);
       };
     }
   });
@@ -26506,7 +26623,7 @@
     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__ */ vue.defineComponent({
@@ -26698,7 +26815,7 @@
               ]);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$H);
+        ], 42, _hoisted_1$I);
       };
     }
   });
@@ -26711,7 +26828,7 @@
     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 };
@@ -26805,13 +26922,13 @@
               ]);
             }), 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"];
@@ -27243,7 +27360,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => handleShortcutClick(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$F);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$G);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -27560,7 +27677,7 @@
     };
   };
 
-  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"];
@@ -27911,7 +28028,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$E);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$F);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -28270,7 +28387,7 @@
     };
   };
 
-  const _hoisted_1$D = ["onClick"];
+  const _hoisted_1$E = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$c = ["disabled"];
   const unit = "year";
@@ -28376,7 +28493,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$D);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$E);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -28660,7 +28777,7 @@
     }
   });
 
-  const _hoisted_1$C = { key: 1 };
+  const _hoisted_1$D = { key: 1 };
   const __default__$R = vue.defineComponent({
     name: "ElDescriptionsRow"
   });
@@ -28691,7 +28808,7 @@
               }, null, 8, ["cell"]);
             }), 128))
           ])
-        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$C, [
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$D, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, _index) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: `tr3-${_index}`
@@ -28987,7 +29104,7 @@
     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 = vue.defineComponent({ name: "ElDialogContent" });
@@ -29029,7 +29146,7 @@
                 role: "heading",
                 "aria-level": _ctx.ariaLevel,
                 class: vue.normalizeClass(vue.unref(ns).e("title"))
-              }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$B)
+              }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$C)
             ]),
             _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 0,
@@ -29295,7 +29412,7 @@
     };
   };
 
-  const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
+  const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
   const __default__$O = vue.defineComponent({
     name: "ElDialog",
     inheritAttrs: false
@@ -29439,7 +29556,7 @@
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                  ], 46, _hoisted_1$A)
+                  ], 46, _hoisted_1$B)
                 ]),
                 _: 3
               }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -29577,7 +29694,7 @@
       };
     }
   });
-  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"];
@@ -29681,7 +29798,7 @@
                     }, [
                       vue.renderSlot(_ctx.$slots, "footer")
                     ], 2)) : vue.createCommentVNode("v-if", true)
-                  ], 16, _hoisted_1$z)
+                  ], 16, _hoisted_1$A)
                 ]),
                 _: 3
               }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -30497,7 +30614,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -30525,7 +30642,7 @@
           _: 1
         })) : vue.createCommentVNode("v-if", true),
         vue.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"]]);
@@ -30706,7 +30823,7 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
@@ -30721,7 +30838,7 @@
       onMousedown: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.onMousedown && _ctx.onMousedown(...args), ["self"]))
     }, [
       vue.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"]]);
 
@@ -30732,7 +30849,7 @@
   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",
@@ -30787,7 +30904,7 @@
       const ns = useNamespace("empty");
       const id = useId();
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [
+        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [
           vue.createElementVNode("defs", null, [
             vue.createElementVNode("linearGradient", {
               id: `linearGradient-1-${vue.unref(id)}`,
@@ -30921,7 +31038,7 @@
     }
   });
 
-  const _hoisted_1$v = ["src"];
+  const _hoisted_1$w = ["src"];
   const _hoisted_2$k = { key: 1 };
   const __default__$L = vue.defineComponent({
     name: "ElEmpty"
@@ -30949,7 +31066,7 @@
               key: 0,
               src: _ctx.image,
               ondragstart: "return false"
-            }, null, 8, _hoisted_1$v)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+            }, null, 8, _hoisted_1$w)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
               vue.createVNode(ImgEmpty)
             ])
           ], 6),
@@ -30997,6 +31114,14 @@
     zoomRate: {
       type: Number,
       default: 1.2
+    },
+    minScale: {
+      type: Number,
+      default: 0.2
+    },
+    maxScale: {
+      type: Number,
+      default: 7
     }
   });
   const imageViewerEmits = {
@@ -31005,7 +31130,7 @@
     rotate: (deg) => isNumber(deg)
   };
 
-  const _hoisted_1$u = ["src"];
+  const _hoisted_1$v = ["src"];
   const __default__$K = vue.defineComponent({
     name: "ElImageViewer"
   });
@@ -31200,6 +31325,7 @@
       function handleActions(action, options = {}) {
         if (loading.value)
           return;
+        const { minScale, maxScale } = props;
         const { zoomRate, rotateDeg, enableTransition } = {
           zoomRate: props.zoomRate,
           rotateDeg: 90,
@@ -31208,12 +31334,12 @@
         };
         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;
@@ -31374,7 +31500,7 @@
                       onLoad: handleImgLoad,
                       onError: handleImgError,
                       onMousedown: handleMouseDown
-                    }, null, 46, _hoisted_1$u)), [
+                    }, null, 46, _hoisted_1$v)), [
                       [vue.vShow, i === activeIndex.value]
                     ]);
                   }), 128))
@@ -31434,6 +31560,14 @@
     zoomRate: {
       type: Number,
       default: 1.2
+    },
+    minScale: {
+      type: Number,
+      default: 0.2
+    },
+    maxScale: {
+      type: Number,
+      default: 7
     }
   });
   const imageEmits = {
@@ -31444,7 +31578,7 @@
     show: () => true
   };
 
-  const _hoisted_1$t = ["src", "loading"];
+  const _hoisted_1$u = ["src", "loading"];
   const _hoisted_2$j = { key: 0 };
   const __default__$J = vue.defineComponent({
     name: "ElImage",
@@ -31616,7 +31750,7 @@
               onClick: clickHandler,
               onLoad: handleLoad,
               onError: handleError
-            }), null, 16, _hoisted_1$t)) : vue.createCommentVNode("v-if", true),
+            }), null, 16, _hoisted_1$u)) : vue.createCommentVNode("v-if", true),
             isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
@@ -31635,6 +31769,8 @@
               "initial-index": vue.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,
@@ -31648,7 +31784,7 @@
                 ])) : vue.createCommentVNode("v-if", true)
               ]),
               _: 3
-            }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.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"])) : vue.createCommentVNode("v-if", true)
           ], 64)) : vue.createCommentVNode("v-if", true)
         ], 6);
       };
@@ -31714,7 +31850,7 @@
     [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 = vue.defineComponent({
     name: "ElInputNumber"
@@ -31959,7 +32095,7 @@
               ]),
               _: 1
             })
-          ], 42, _hoisted_1$s)), [
+          ], 42, _hoisted_1$t)), [
             [vue.unref(vRepeatClick), decrease]
           ]) : vue.createCommentVNode("v-if", true),
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -32033,7 +32169,7 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$r = ["href"];
+  const _hoisted_1$s = ["href"];
   const __default__$H = vue.defineComponent({
     name: "ElLink"
   });
@@ -32073,7 +32209,7 @@
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true),
           _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.createCommentVNode("v-if", true)
-        ], 10, _hoisted_1$r);
+        ], 10, _hoisted_1$s);
       };
     }
   });
@@ -33061,7 +33197,7 @@
     back: () => true
   };
 
-  const _hoisted_1$q = ["aria-label"];
+  const _hoisted_1$r = ["aria-label"];
   const __default__$G = vue.defineComponent({
     name: "ElPageHeader"
   });
@@ -33121,7 +33257,7 @@
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
                   ])
-                ], 10, _hoisted_1$q)) : vue.createCommentVNode("v-if", true),
+                ], 10, _hoisted_1$r)) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(ns).e("title"))
                 }, [
@@ -33179,7 +33315,7 @@
     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 = vue.defineComponent({
     name: "ElPaginationPrev"
@@ -33207,7 +33343,7 @@
             ]),
             _: 1
           }))
-        ], 8, _hoisted_1$p);
+        ], 8, _hoisted_1$q);
       };
     }
   });
@@ -33231,7 +33367,7 @@
     }
   });
 
-  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 = vue.defineComponent({
     name: "ElPaginationNext"
@@ -33259,7 +33395,7 @@
             ]),
             _: 1
           }))
-        ], 8, _hoisted_1$o);
+        ], 8, _hoisted_1$p);
       };
     }
   });
@@ -33373,6 +33509,7 @@
     },
     setup(props) {
       const ns = useNamespace("select");
+      const id = useId();
       const containerKls = vue.computed(() => [
         ns.be("dropdown", "item"),
         ns.is("disabled", vue.unref(isDisabled)),
@@ -33413,6 +33550,7 @@
       }
       return {
         ns,
+        id,
         containerKls,
         currentLabel,
         itemSelected,
@@ -33426,16 +33564,21 @@
       };
     }
   });
+  const _hoisted_1$o = ["id", "aria-disabled", "aria-selected"];
   function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
+      id: _ctx.id,
       class: vue.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] = vue.withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
     }, [
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
       ])
-    ], 34)), [
+    ], 42, _hoisted_1$o)), [
       [vue.vShow, _ctx.visible]
     ]);
   }
@@ -33524,7 +33667,7 @@
     const tags = vue.ref(null);
     const selectWrapper = vue.ref(null);
     const scrollbar = vue.ref(null);
-    const hoverOption = vue.ref(-1);
+    const hoverOption = vue.ref();
     const queryChange = vue.shallowRef({ query: "" });
     const groupQueryChange = vue.shallowRef("");
     const optionList = vue.ref([]);
@@ -33718,7 +33861,8 @@
         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`);
@@ -34169,6 +34313,7 @@
     return {
       optionList,
       optionsArray,
+      hoverOption,
       selectSize,
       handleResize,
       debouncedOnInputChange,
@@ -34396,10 +34541,12 @@
       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,
@@ -34641,11 +34788,13 @@
         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) {
@@ -34682,258 +34831,276 @@
         persistent: _ctx.persistent,
         onShow: _ctx.handleMenuEnter
       }, {
-        default: vue.withCtx(() => [
-          vue.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 ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              ref: "tags",
-              tabindex: "-1",
-              class: vue.normalizeClass(_ctx.tagsKls),
-              style: vue.normalizeStyle(_ctx.selectTagsStyle),
-              onClick: _cache[15] || (_cache[15] = (...args) => _ctx.focus && _ctx.focus(...args))
+        default: vue.withCtx(() => {
+          var _a, _b;
+          return [
+            vue.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 ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+              _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                onAfterLeave: _ctx.resetInputHeight
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(_ctx.tagWrapperKls)
-                  }, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
-                      return vue.openBlock(), vue.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: vue.withCtx(() => [
-                          vue.createElementVNode("span", {
-                            class: vue.normalizeClass(_ctx.nsSelect.e("tags-text")),
-                            style: vue.normalizeStyle(_ctx.tagTextStyle)
-                          }, vue.toDisplayString(item.currentLabel), 7)
-                        ]),
-                        _: 2
-                      }, 1032, ["closable", "size", "hit", "type", "onClose"]);
-                    }), 128)),
-                    _ctx.selected.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tag, {
-                      key: 0,
-                      closable: false,
-                      size: _ctx.collapseTagSize,
-                      type: _ctx.tagType,
-                      "disable-transitions": ""
-                    }, {
-                      default: vue.withCtx(() => [
-                        _ctx.collapseTagsTooltip ? (vue.openBlock(), vue.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: vue.normalizeClass(_ctx.tagsKls),
+                style: vue.normalizeStyle(_ctx.selectTagsStyle),
+                onClick: _cache[15] || (_cache[15] = (...args) => _ctx.focus && _ctx.focus(...args))
+              }, [
+                _ctx.collapseTags && _ctx.selected.length ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+                  key: 0,
+                  onAfterLeave: _ctx.resetInputHeight
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("span", {
+                      class: vue.normalizeClass(_ctx.tagWrapperKls)
+                    }, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
+                        return vue.openBlock(), vue.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: vue.withCtx(() => [
                             vue.createElementVNode("span", {
-                              class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                            }, "+ " + vue.toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3)
-                          ]),
-                          content: vue.withCtx(() => [
-                            vue.createElementVNode("div", {
-                              class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tags"))
-                            }, [
-                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (item) => {
-                                return vue.openBlock(), vue.createElementBlock("div", {
-                                  key: _ctx.getValueKey(item),
-                                  class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tag"))
-                                }, [
-                                  vue.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: vue.withCtx(() => [
-                                      vue.createElementVNode("span", {
-                                        class: vue.normalizeClass(_ctx.nsSelect.e("tags-text")),
-                                        style: vue.normalizeStyle({
-                                          maxWidth: _ctx.inputWidth - 75 + "px"
-                                        })
-                                      }, vue.toDisplayString(item.currentLabel), 7)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["closable", "size", "hit", "type", "onClose"])
-                                ], 2);
-                              }), 128))
-                            ], 2)
+                              class: vue.normalizeClass(_ctx.nsSelect.e("tags-text")),
+                              style: vue.normalizeStyle(_ctx.tagTextStyle)
+                            }, vue.toDisplayString(item.currentLabel), 7)
                           ]),
-                          _: 1
-                        }, 8, ["disabled", "effect", "teleported"])) : (vue.openBlock(), vue.createElementBlock("span", {
-                          key: 1,
-                          class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                        }, "+ " + vue.toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3))
-                      ]),
-                      _: 1
-                    }, 8, ["size", "type"])) : vue.createCommentVNode("v-if", true)
-                  ], 2)
-                ]),
-                _: 1
-              }, 8, ["onAfterLeave"])) : vue.createCommentVNode("v-if", true),
-              !_ctx.collapseTags ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-                key: 1,
-                onAfterLeave: _ctx.resetInputHeight
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(_ctx.tagWrapperKls),
-                    style: vue.normalizeStyle(_ctx.prefixWidth && _ctx.selected.length ? { marginLeft: `${_ctx.prefixWidth}px` } : "")
-                  }, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected, (item) => {
-                      return vue.openBlock(), vue.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 ? (vue.openBlock(), vue.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: vue.withCtx(() => [
-                          vue.createElementVNode("span", {
-                            class: vue.normalizeClass(_ctx.nsSelect.e("tags-text")),
-                            style: vue.normalizeStyle({ maxWidth: _ctx.inputWidth - 75 + "px" })
-                          }, vue.toDisplayString(item.currentLabel), 7)
+                          _ctx.collapseTagsTooltip ? (vue.openBlock(), vue.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: vue.withCtx(() => [
+                              vue.createElementVNode("span", {
+                                class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                              }, "+ " + vue.toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3)
+                            ]),
+                            content: vue.withCtx(() => [
+                              vue.createElementVNode("div", {
+                                class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tags"))
+                              }, [
+                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (item) => {
+                                  return vue.openBlock(), vue.createElementBlock("div", {
+                                    key: _ctx.getValueKey(item),
+                                    class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tag"))
+                                  }, [
+                                    vue.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: vue.withCtx(() => [
+                                        vue.createElementVNode("span", {
+                                          class: vue.normalizeClass(_ctx.nsSelect.e("tags-text")),
+                                          style: vue.normalizeStyle({
+                                            maxWidth: _ctx.inputWidth - 75 + "px"
+                                          })
+                                        }, vue.toDisplayString(item.currentLabel), 7)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["closable", "size", "hit", "type", "onClose"])
+                                  ], 2);
+                                }), 128))
+                              ], 2)
+                            ]),
+                            _: 1
+                          }, 8, ["disabled", "effect", "teleported"])) : (vue.openBlock(), vue.createElementBlock("span", {
+                            key: 1,
+                            class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                          }, "+ " + vue.toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3))
                         ]),
-                        _: 2
-                      }, 1032, ["closable", "size", "hit", "type", "onClose"]);
-                    }), 128))
-                  ], 6)
-                ]),
-                _: 1
-              }, 8, ["onAfterLeave"])) : vue.createCommentVNode("v-if", true),
-              _ctx.filterable && !_ctx.selectDisabled ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-                key: 2,
-                ref: "input",
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
-                type: "text",
-                class: vue.normalizeClass(_ctx.inputKls),
-                disabled: _ctx.selectDisabled,
-                autocomplete: _ctx.autocomplete,
-                style: vue.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
-                  _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"])),
-                  _cache[7] || (_cache[7] = vue.withKeys((...args) => _ctx.handleKeydownEscape && _ctx.handleKeydownEscape(...args), ["esc"])),
-                  _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
-                  _cache[9] || (_cache[9] = vue.withKeys((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["delete"])),
-                  _cache[10] || (_cache[10] = vue.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)), [
-                [vue.vModelText, _ctx.query]
-              ]) : vue.createCommentVNode("v-if", true)
-            ], 6)) : vue.createCommentVNode("v-if", true),
-            vue.createCommentVNode(" fix: https://github.com/element-plus/element-plus/issues/11415 "),
-            _ctx.isIOS && !_ctx.multiple && _ctx.filterable && _ctx.readonly ? (vue.openBlock(), vue.createElementBlock("input", {
-              key: 1,
-              ref: "iOSInput",
-              class: vue.normalizeClass(_ctx.iOSInputKls),
-              disabled: _ctx.selectDisabled,
-              type: "text"
-            }, null, 10, _hoisted_2$f)) : vue.createCommentVNode("v-if", true),
-            vue.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: vue.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
-                _cache[18] || (_cache[18] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
-                vue.withKeys(vue.withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
-                vue.withKeys(_ctx.handleKeydownEscape, ["esc"]),
-                _cache[19] || (_cache[19] = vue.withKeys(($event) => _ctx.visible = false, ["tab"]))
-              ]
-            }, vue.createSlots({
-              suffix: vue.withCtx(() => [
-                _ctx.iconComponent && !_ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                  key: 0,
-                  class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
+                        _: 1
+                      }, 8, ["size", "type"])) : vue.createCommentVNode("v-if", true)
+                    ], 2)
                   ]),
                   _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-                _ctx.showClose && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                }, 8, ["onAfterLeave"])) : vue.createCommentVNode("v-if", true),
+                !_ctx.collapseTags ? (vue.openBlock(), vue.createBlock(vue.Transition, {
                   key: 1,
-                  class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),
-                  onClick: _ctx.handleClearClick
+                  onAfterLeave: _ctx.resetInputHeight
                 }, {
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
+                    vue.createElementVNode("span", {
+                      class: vue.normalizeClass(_ctx.tagWrapperKls),
+                      style: vue.normalizeStyle(_ctx.prefixWidth && _ctx.selected.length ? { marginLeft: `${_ctx.prefixWidth}px` } : "")
+                    }, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected, (item) => {
+                        return vue.openBlock(), vue.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: vue.withCtx(() => [
+                            vue.createElementVNode("span", {
+                              class: vue.normalizeClass(_ctx.nsSelect.e("tags-text")),
+                              style: vue.normalizeStyle({ maxWidth: _ctx.inputWidth - 75 + "px" })
+                            }, vue.toDisplayString(item.currentLabel), 7)
+                          ]),
+                          _: 2
+                        }, 1032, ["closable", "size", "hit", "type", "onClose"]);
+                      }), 128))
+                    ], 6)
                   ]),
                   _: 1
-                }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-              ]),
-              _: 2
-            }, [
-              _ctx.$slots.prefix ? {
-                name: "prefix",
-                fn: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_3$8, [
-                    vue.renderSlot(_ctx.$slots, "prefix")
+                }, 8, ["onAfterLeave"])) : vue.createCommentVNode("v-if", true),
+                _ctx.filterable && !_ctx.selectDisabled ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                  key: 2,
+                  ref: "input",
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
+                  type: "text",
+                  class: vue.normalizeClass(_ctx.inputKls),
+                  disabled: _ctx.selectDisabled,
+                  autocomplete: _ctx.autocomplete,
+                  style: vue.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
+                    _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"])),
+                    _cache[7] || (_cache[7] = vue.withKeys((...args) => _ctx.handleKeydownEscape && _ctx.handleKeydownEscape(...args), ["esc"])),
+                    _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
+                    _cache[9] || (_cache[9] = vue.withKeys((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["delete"])),
+                    _cache[10] || (_cache[10] = vue.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)), [
+                  [vue.vModelText, _ctx.query]
+                ]) : vue.createCommentVNode("v-if", true)
+              ], 6)) : vue.createCommentVNode("v-if", true),
+              _ctx.isIOS && !_ctx.multiple && _ctx.filterable && _ctx.readonly ? (vue.openBlock(), vue.createElementBlock("input", {
+                key: 1,
+                ref: "iOSInput",
+                class: vue.normalizeClass(_ctx.iOSInputKls),
+                disabled: _ctx.selectDisabled,
+                type: "text"
+              }, null, 10, _hoisted_2$f)) : vue.createCommentVNode("v-if", true),
+              vue.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: vue.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+                  _cache[18] || (_cache[18] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+                  vue.withKeys(vue.withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
+                  vue.withKeys(_ctx.handleKeydownEscape, ["esc"]),
+                  _cache[19] || (_cache[19] = vue.withKeys(($event) => _ctx.visible = false, ["tab"]))
+                ]
+              }, vue.createSlots({
+                suffix: vue.withCtx(() => [
+                  _ctx.iconComponent && !_ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                    key: 0,
+                    class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+                  _ctx.showClose && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                    key: 1,
+                    class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),
+                    onClick: _ctx.handleClearClick
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
+                    ]),
+                    _: 1
+                  }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+                ]),
+                _: 2
+              }, [
+                _ctx.$slots.prefix ? {
+                  name: "prefix",
+                  fn: vue.withCtx(() => [
+                    vue.createElementVNode("div", _hoisted_3$8, [
+                      vue.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: vue.withCtx(() => [
           vue.createVNode(_component_el_select_menu, null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.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: vue.normalizeClass(_ctx.scrollbarKls)
+                class: vue.normalizeClass(_ctx.scrollbarKls),
+                role: "listbox",
+                "aria-label": _ctx.ariaLabel,
+                "aria-orientation": "vertical"
               }, {
                 default: vue.withCtx(() => [
                   _ctx.showNewOption ? (vue.openBlock(), vue.createBlock(_component_el_option, {
@@ -34949,7 +35116,7 @@
                   }, 8, ["onUpdateOptions"])
                 ]),
                 _: 3
-              }, 8, ["wrap-class", "view-class", "class"]), [
+              }, 8, ["id", "wrap-class", "view-class", "class", "aria-label"]), [
                 [vue.vShow, _ctx.options.size > 0 && !_ctx.loading]
               ]),
               _ctx.emptyText && (!_ctx.allowCreate || _ctx.loading || _ctx.allowCreate && _ctx.options.size === 0) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -45105,33 +45272,6 @@
     }
   });
 
-  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 vue.h("colgroup", {}, columns.map((column) => vue.h("col", getPropsData(column))));
-  }
-  hColgroup.props = ["columns", "tableLayout"];
-
   function useMapState() {
     const table = vue.inject(TABLE_INJECTION_KEY);
     const store = table == null ? void 0 : table.store;
@@ -45228,14 +45368,7 @@
       };
     },
     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) {
@@ -45274,31 +45407,21 @@
           }
         });
       }
-      return vue.h("table", {
-        class: ns.e("footer"),
-        cellspacing: "0",
-        cellpadding: "0",
-        border: "0"
-      }, [
-        hColgroup({
-          columns
-        }),
-        vue.h("tbody", [
-          vue.h("tr", {}, [
-            ...columns.map((column, cellIndex) => vue.h("td", {
-              key: cellIndex,
-              colspan: column.colSpan,
-              rowspan: column.rowSpan,
-              class: getCellClasses(columns, cellIndex),
-              style: getCellStyles(column, cellIndex)
-            }, [
-              vue.h("div", {
-                class: ["cell", column.labelClassName]
-              }, [sums[cellIndex]])
-            ]))
-          ])
+      return vue.h(vue.h("tfoot", [
+        vue.h("tr", {}, [
+          ...columns.map((column, cellIndex) => vue.h("td", {
+            key: cellIndex,
+            colspan: column.colSpan,
+            rowspan: column.rowSpan,
+            class: getCellClasses(columns, cellIndex),
+            style: getCellStyles(column, cellIndex)
+          }, [
+            vue.h("div", {
+              class: ["cell", column.labelClassName]
+            }, [sums[cellIndex]])
+          ]))
         ])
-      ]);
+      ]));
     }
   });
 
@@ -45734,6 +45857,33 @@
     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 vue.h("colgroup", {}, columns.map((column) => vue.h("col", getPropsData(column))));
+  }
+  hColgroup.props = ["columns", "tableLayout"];
+
   const useScrollbar$1 = () => {
     const scrollBarRef = vue.ref();
     const scrollTo = (options, yCoord) => {
@@ -45907,8 +46057,8 @@
     const _component_hColgroup = vue.resolveComponent("hColgroup");
     const _component_table_header = vue.resolveComponent("table-header");
     const _component_table_body = vue.resolveComponent("table-body");
-    const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_table_footer = vue.resolveComponent("table-footer");
+    const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _directive_mousewheel = vue.resolveDirective("mousewheel");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "tableWrapper",
@@ -45999,11 +46149,12 @@
                 _ctx.showHeader && _ctx.tableLayout === "auto" ? (vue.openBlock(), vue.createBlock(_component_table_header, {
                   key: 0,
                   ref: "tableHeaderRef",
+                  class: vue.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"])) : vue.createCommentVNode("v-if", true),
+                }, null, 8, ["class", "border", "default-sort", "store", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(_component_table_body, {
                   context: _ctx.context,
                   highlight: _ctx.highlightCurrentRow,
@@ -46013,7 +46164,16 @@
                   "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" ? (vue.openBlock(), vue.createBlock(_component_table_footer, {
+                  key: 1,
+                  class: vue.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"])) : vue.createCommentVNode("v-if", true)
               ], 6),
               _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
@@ -46040,19 +46200,30 @@
             _: 3
           }, 8, ["view-style", "wrap-style", "always"])
         ], 2),
-        _ctx.showSummary ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        _ctx.showSummary && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           ref: "footerWrapper",
           class: vue.normalizeClass(_ctx.ns.e("footer-wrapper"))
         }, [
-          vue.createVNode(_component_table_footer, {
-            border: _ctx.border,
-            "default-sort": _ctx.defaultSort,
-            store: _ctx.store,
-            style: vue.normalizeStyle(_ctx.tableBodyStyles),
-            "sum-text": _ctx.computedSumText,
-            "summary-method": _ctx.summaryMethod
-          }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+          vue.createElementVNode("table", {
+            class: vue.normalizeClass(_ctx.ns.e("footer")),
+            cellspacing: "0",
+            cellpadding: "0",
+            border: "0",
+            style: vue.normalizeStyle(_ctx.tableBodyStyles)
+          }, [
+            vue.createVNode(_component_hColgroup, {
+              columns: _ctx.store.states.columns.value,
+              "table-layout": _ctx.tableLayout
+            }, null, 8, ["columns", "table-layout"]),
+            vue.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)), [
           [vue.vShow, !_ctx.isEmpty],
           [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]