@element-plus/nightly 0.0.20231011 → 0.0.20231013

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231011 */
+/*! Element Plus v0.0.20231013 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, createApp, shallowReactive, render } from 'vue';
 
@@ -11287,7 +11287,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20231011";
+const version$1 = "0.0.20231013";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -13090,7 +13090,7 @@ var FormLabelWrap = defineComponent({
   }
 });
 
-const _hoisted_1$12 = ["role", "aria-labelledby"];
+const _hoisted_1$13 = ["role", "aria-labelledby"];
 const __default__$1z = defineComponent({
   name: "ElFormItem"
 });
@@ -13386,7 +13386,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["name"])
         ], 6)
-      ], 10, _hoisted_1$12);
+      ], 10, _hoisted_1$13);
     };
   }
 });
@@ -13576,9 +13576,9 @@ const inputEmits = {
   compositionend: (evt) => evt instanceof CompositionEvent
 };
 
-const _hoisted_1$11 = ["role"];
+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$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
+const _hoisted_3$k = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
 const __default__$1y = defineComponent({
   name: "ElInput",
   inheritAttrs: false
@@ -13994,14 +13994,14 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
             onBlur: _cache[3] || (_cache[3] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
             onChange: handleChange,
             onKeydown: handleKeydown
-          }), null, 16, _hoisted_3$l),
+          }), null, 16, _hoisted_3$k),
           unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
             key: 0,
             style: normalizeStyle(countStyle.value),
             class: normalizeClass(unref(nsInput).e("count"))
           }, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 7)) : createCommentVNode("v-if", true)
         ], 64))
-      ], 16, _hoisted_1$11)), [
+      ], 16, _hoisted_1$12)), [
         [vShow, _ctx.type !== "hidden"]
       ]);
     };
@@ -14272,6 +14272,13 @@ const scrollbarProps = buildProps({
   minSize: {
     type: Number,
     default: 20
+  },
+  id: String,
+  role: String,
+  ariaLabel: String,
+  ariaOrientation: {
+    type: String,
+    values: ["horizontal", "vertical"]
   }
 });
 const scrollbarEmits = {
@@ -14302,13 +14309,13 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
     const barRef = ref();
     const ratioY = ref(1);
     const ratioX = ref(1);
-    const style = computed$1(() => {
-      const style2 = {};
+    const wrapStyle = computed$1(() => {
+      const style = {};
       if (props.height)
-        style2.height = addUnit(props.height);
+        style.height = addUnit(props.height);
       if (props.maxHeight)
-        style2.maxHeight = addUnit(props.maxHeight);
-      return [props.wrapStyle, style2];
+        style.maxHeight = addUnit(props.maxHeight);
+      return [props.wrapStyle, style];
     });
     const wrapKls = computed$1(() => {
       return [
@@ -14411,20 +14418,24 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
           ref_key: "wrapRef",
           ref: wrapRef,
           class: normalizeClass(unref(wrapKls)),
-          style: normalizeStyle(unref(style)),
+          style: normalizeStyle(unref(wrapStyle)),
           onScroll: handleScroll
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+            id: _ctx.id,
             ref_key: "resizeRef",
             ref: resizeRef,
             class: normalizeClass(unref(resizeKls)),
-            style: normalizeStyle(_ctx.viewStyle)
+            style: normalizeStyle(_ctx.viewStyle),
+            role: _ctx.role,
+            "aria-label": _ctx.ariaLabel,
+            "aria-orientation": _ctx.ariaOrientation
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["class", "style"]))
+          }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
         ], 38),
         !_ctx.native ? (openBlock(), createBlock(Bar, {
           key: 0,
@@ -15848,7 +15859,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 });
 var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "content.vue"]]);
 
-const _hoisted_1$10 = ["innerHTML"];
+const _hoisted_1$11 = ["innerHTML"];
 const _hoisted_2$G = { key: 1 };
 const __default__$1q = defineComponent({
   name: "ElTooltip"
@@ -15991,7 +16002,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
                 _ctx.rawContent ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   innerHTML: _ctx.content
-                }, null, 8, _hoisted_1$10)) : (openBlock(), createElementBlock("span", _hoisted_2$G, toDisplayString(_ctx.content), 1))
+                }, null, 8, _hoisted_1$11)) : (openBlock(), createElementBlock("span", _hoisted_2$G, toDisplayString(_ctx.content), 1))
               ]),
               _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
                 key: 0,
@@ -16087,9 +16098,9 @@ const autocompleteEmits = {
   select: (item) => isObject$1(item)
 };
 
-const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
+const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$F = { key: 0 };
-const _hoisted_3$k = ["id", "aria-selected", "onClick"];
+const _hoisted_3$j = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
 const __default__$1p = defineComponent({
   name: COMPONENT_NAME$i,
@@ -16355,7 +16366,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", { item }, () => [
                       createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                     ])
-                  ], 10, _hoisted_3$k);
+                  ], 10, _hoisted_3$j);
                 }), 128))
               ]),
               _: 3
@@ -16420,7 +16431,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
                 ])
               } : void 0
             ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
-          ], 14, _hoisted_1$$)
+          ], 14, _hoisted_1$10)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -16461,7 +16472,7 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _hoisted_1$_ = ["src", "alt", "srcset"];
+const _hoisted_1$$ = ["src", "alt", "srcset"];
 const __default__$1o = defineComponent({
   name: "ElAvatar"
 });
@@ -16510,7 +16521,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$_)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$$)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -16646,7 +16657,7 @@ const badgeProps = buildProps({
   }
 });
 
-const _hoisted_1$Z = ["textContent"];
+const _hoisted_1$_ = ["textContent"];
 const __default__$1m = defineComponent({
   name: "ElBadge"
 });
@@ -16685,7 +16696,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                 unref(ns).is("dot", _ctx.isDot)
               ]),
               textContent: toDisplayString(unref(content))
-            }, null, 10, _hoisted_1$Z), [
+            }, null, 10, _hoisted_1$_), [
               [vShow, !_ctx.hidden && (unref(content) || _ctx.isDot)]
             ])
           ]),
@@ -18416,6 +18427,8 @@ const timePickerDefaultProps = buildProps({
   },
   format: String,
   valueFormat: String,
+  dateFormat: String,
+  timeFormat: String,
   type: {
     type: String,
     default: ""
@@ -18503,7 +18516,7 @@ const timePickerDefaultProps = buildProps({
   unlinkPanels: Boolean
 });
 
-const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const __default__$1h = defineComponent({
   name: "Picker"
@@ -19077,7 +19090,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
               onChange: handleStartChange,
               onFocus: handleFocusInput,
               onBlur: handleBlurInput
-            }, null, 42, _hoisted_1$Y),
+            }, null, 42, _hoisted_1$Z),
             renderSlot(_ctx.$slots, "range-separator", {}, () => [
               createElementVNode("span", {
                 class: normalizeClass(unref(nsRange).b("separator"))
@@ -19116,6 +19129,8 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
             actualVisible: pickerActualVisible.value,
             parsedValue: unref(parsedValue),
             format: _ctx.format,
+            dateFormat: _ctx.dateFormat,
+            timeFormat: _ctx.timeFormat,
             unlinkPanels: _ctx.unlinkPanels,
             type: _ctx.type,
             defaultValue: _ctx.defaultValue,
@@ -19442,7 +19457,7 @@ const basicTimeSpinnerProps = buildProps({
   ...disabledTimeListsProps
 });
 
-const _hoisted_1$X = ["onClick"];
+const _hoisted_1$Y = ["onClick"];
 const _hoisted_2$D = ["onMouseenter"];
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
@@ -19670,7 +19685,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
                   ], 64))
-                ], 10, _hoisted_1$X);
+                ], 10, _hoisted_1$Y);
               }), 128))
             ]),
             _: 2
@@ -19893,7 +19908,7 @@ const panelTimeRangeProps = buildProps({
   }
 });
 
-const _hoisted_1$W = ["disabled"];
+const _hoisted_1$X = ["disabled"];
 const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "panel-time-range",
   props: panelTimeRangeProps,
@@ -20156,7 +20171,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
             class: normalizeClass([unref(nsTime).be("panel", "btn"), "confirm"]),
             disabled: unref(btnConfirmDisabled),
             onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$W)
+          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$X)
         ], 2)
       ], 2)) : createCommentVNode("v-if", true);
     };
@@ -20414,7 +20429,7 @@ const useDateTable = (props, emit) => {
   };
 };
 
-const _hoisted_1$V = { key: 0 };
+const _hoisted_1$W = { key: 0 };
 const _hoisted_2$C = ["onClick"];
 const __default__$1g = defineComponent({
   name: "DateTable"
@@ -20458,7 +20473,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
         cellspacing: "0",
         cellpadding: "0"
       }, [
-        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$V, [
+        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$W, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekDays), (day) => {
             return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
           }), 128))
@@ -21117,7 +21132,7 @@ const useCarousel = (props, emit, componentName) => {
   };
 };
 
-const _hoisted_1$U = ["onMouseenter", "onClick"];
+const _hoisted_1$V = ["onMouseenter", "onClick"];
 const _hoisted_2$B = { key: 0 };
 const COMPONENT_NAME$f = "ElCarousel";
 const __default__$1d = defineComponent({
@@ -21269,7 +21284,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
               }, [
                 unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_2$B, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
               ], 2)
-            ], 42, _hoisted_1$U)), [
+            ], 42, _hoisted_1$V)), [
               [vShow, unref(isTwoLengthShow)(index)]
             ]);
           }), 128))
@@ -21701,9 +21716,8 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
-const _hoisted_2$A = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
-const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_1$U = ["id", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_2$A = ["id", "indeterminate", "disabled", "value", "name", "tabindex"];
 const __default__$1b = defineComponent({
   name: "ElCheckbox"
 });
@@ -21753,10 +21767,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("span", {
-            class: normalizeClass(unref(spanKls)),
-            tabindex: _ctx.indeterminate ? 0 : void 0,
-            role: _ctx.indeterminate ? "checkbox" : void 0,
-            "aria-checked": _ctx.indeterminate ? "mixed" : void 0
+            class: normalizeClass(unref(spanKls))
           }, [
             _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
               key: 0,
@@ -21764,7 +21775,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
               class: normalizeClass(unref(ns).e("original")),
               type: "checkbox",
-              "aria-hidden": _ctx.indeterminate ? "true" : "false",
+              indeterminate: _ctx.indeterminate,
               name: _ctx.name,
               tabindex: _ctx.tabindex,
               disabled: unref(isDisabled),
@@ -21775,7 +21786,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
               onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
               onClick: _cache[4] || (_cache[4] = withModifiers(() => {
               }, ["stop"]))
-            }, null, 42, _hoisted_2$A)), [
+            }, null, 42, _hoisted_1$U)), [
               [vModelCheckbox, unref(model)]
             ]) : withDirectives((openBlock(), createElementBlock("input", {
               key: 1,
@@ -21783,7 +21794,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(model) ? model.value = $event : null),
               class: normalizeClass(unref(ns).e("original")),
               type: "checkbox",
-              "aria-hidden": _ctx.indeterminate ? "true" : "false",
+              indeterminate: _ctx.indeterminate,
               disabled: unref(isDisabled),
               value: _ctx.label,
               name: _ctx.name,
@@ -21793,13 +21804,13 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
               onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
               onClick: _cache[9] || (_cache[9] = withModifiers(() => {
               }, ["stop"]))
-            }, null, 42, _hoisted_3$j)), [
+            }, null, 42, _hoisted_2$A)), [
               [vModelCheckbox, unref(model)]
             ]),
             createElementVNode("span", {
               class: normalizeClass(unref(ns).e("inner"))
             }, null, 2)
-          ], 10, _hoisted_1$T),
+          ], 2),
           unref(hasOwnLabel) ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: normalizeClass(unref(ns).e("label"))
@@ -21817,7 +21828,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
 });
 var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "checkbox.vue"]]);
 
-const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
 const __default__$1a = defineComponent({
   name: "ElCheckboxButton"
@@ -21877,7 +21888,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
           onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
           onClick: _cache[4] || (_cache[4] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_1$S)), [
+        }, null, 42, _hoisted_1$T)), [
           [vModelCheckbox, unref(model)]
         ]) : withDirectives((openBlock(), createElementBlock("input", {
           key: 1,
@@ -22070,7 +22081,7 @@ const useRadio = (props, emit) => {
   };
 };
 
-const _hoisted_1$R = ["value", "name", "disabled"];
+const _hoisted_1$S = ["value", "name", "disabled"];
 const __default__$18 = defineComponent({
   name: "ElRadio"
 });
@@ -22118,7 +22129,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
             onChange: handleChange,
             onClick: _cache[3] || (_cache[3] = withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$R), [
+          }, null, 42, _hoisted_1$S), [
             [vModelRadio, unref(modelValue)]
           ]),
           createElementVNode("span", {
@@ -22148,7 +22159,7 @@ const radioButtonProps = buildProps({
   }
 });
 
-const _hoisted_1$Q = ["value", "name", "disabled"];
+const _hoisted_1$R = ["value", "name", "disabled"];
 const __default__$17 = defineComponent({
   name: "ElRadioButton"
 });
@@ -22191,7 +22202,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
           onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
           onClick: _cache[3] || (_cache[3] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_1$Q), [
+        }, null, 42, _hoisted_1$R), [
           [vModelRadio, unref(modelValue)]
         ]),
         createElementVNode("span", {
@@ -22244,7 +22255,7 @@ const radioGroupProps = buildProps({
 });
 const radioGroupEmits = radioEmits;
 
-const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
+const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
 const __default__$16 = defineComponent({
   name: "ElRadioGroup"
 });
@@ -22296,7 +22307,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
         "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$P);
+      ], 10, _hoisted_1$Q);
     };
   }
 });
@@ -22443,7 +22454,7 @@ const _sfc_main$1H = defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$y = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -22526,7 +22537,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["class"]))
     ], 64)) : createCommentVNode("v-if", true)
-  ], 42, _hoisted_1$O);
+  ], 42, _hoisted_1$P);
 }
 var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$u], ["__file", "node.vue"]]);
 
@@ -23343,7 +23354,7 @@ const cascaderEmits = {
   removeTag: (val) => !!val
 };
 
-const _hoisted_1$N = { key: 0 };
+const _hoisted_1$O = { key: 0 };
 const _hoisted_2$x = ["placeholder", "onKeydown"];
 const _hoisted_3$i = ["onClick"];
 const COMPONENT_NAME$e = "ElCascader";
@@ -23819,7 +23830,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
                   onClose: ($event) => deleteTag(tag)
                 }, {
                   default: withCtx(() => [
-                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$N, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(unref(ElTooltip), {
+                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$O, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(unref(ElTooltip), {
                       key: 1,
                       disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
                       "fallback-placements": ["bottom", "top", "right", "left"],
@@ -24413,7 +24424,7 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
   };
 };
 
-const _hoisted_1$M = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
+const _hoisted_1$N = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
 const _hoisted_2$w = ["id", "aria-hidden", "aria-labelledby"];
 const __default__$_ = defineComponent({
   name: "ElCollapseItem"
@@ -24471,7 +24482,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["class"])
-        ], 42, _hoisted_1$M),
+        ], 42, _hoisted_1$N),
         createVNode(unref(_CollapseTransition), null, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
@@ -25188,7 +25199,7 @@ const _sfc_main$1u = defineComponent({
     };
   }
 });
-const _hoisted_1$L = ["onClick"];
+const _hoisted_1$M = ["onClick"];
 function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
@@ -25209,7 +25220,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             style: normalizeStyle({ backgroundColor: item.value })
           }, null, 4)
-        ], 10, _hoisted_1$L);
+        ], 10, _hoisted_1$M);
       }), 128))
     ], 2)
   ], 2);
@@ -25286,9 +25297,9 @@ const _sfc_main$1t = defineComponent({
     };
   }
 });
-const _hoisted_1$K = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_1$L = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_2$v = [
-  _hoisted_1$K
+  _hoisted_1$L
 ];
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -25314,7 +25325,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$p], ["__file", "sv-panel.vue"]]);
 
-const _hoisted_1$J = ["onKeydown"];
+const _hoisted_1$K = ["onKeydown"];
 const _hoisted_2$u = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
 const __default__$Y = defineComponent({
   name: "ElColorPicker"
@@ -25623,7 +25634,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ], 2)
-          ], 40, _hoisted_1$J)), [
+          ], 40, _hoisted_1$K)), [
             [unref(ClickOutside), handleClickOutside]
           ])
         ]),
@@ -26035,7 +26046,9 @@ const panelSharedProps = buildProps({
     type: definePropType(String),
     required: true,
     values: datePickTypes
-  }
+  },
+  dateFormat: String,
+  timeFormat: String
 });
 const panelRangeSharedProps = buildProps({
   unlinkPanels: Boolean,
@@ -26518,7 +26531,7 @@ var ElDatePickerCell = defineComponent({
   }
 });
 
-const _hoisted_1$I = ["aria-label"];
+const _hoisted_1$J = ["aria-label"];
 const _hoisted_2$t = {
   key: 0,
   scope: "col"
@@ -26601,7 +26614,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$I);
+      ], 42, _hoisted_1$J);
     };
   }
 });
@@ -26612,7 +26625,7 @@ const basicMonthTableProps = buildProps({
   selectionMode: selectionModeWithDefault("month")
 });
 
-const _hoisted_1$H = ["aria-label"];
+const _hoisted_1$I = ["aria-label"];
 const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
 const _hoisted_3$g = { class: "cell" };
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
@@ -26804,7 +26817,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$H);
+      ], 42, _hoisted_1$I);
     };
   }
 });
@@ -26817,7 +26830,7 @@ const basicYearTableProps = buildProps({
   parsedValue
 });
 
-const _hoisted_1$G = ["aria-label"];
+const _hoisted_1$H = ["aria-label"];
 const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
 const _hoisted_3$f = { class: "cell" };
 const _hoisted_4$a = { key: 1 };
@@ -26911,13 +26924,13 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
             ]);
           }), 64))
         ], 512)
-      ], 10, _hoisted_1$G);
+      ], 10, _hoisted_1$H);
     };
   }
 });
 var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__file", "basic-year-table.vue"]]);
 
-const _hoisted_1$F = ["onClick"];
+const _hoisted_1$G = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
 const _hoisted_3$e = ["aria-label"];
 const _hoisted_4$9 = ["aria-label"];
@@ -27119,10 +27132,10 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
       }
     };
     const timeFormat = computed$1(() => {
-      return extractTimeFormat(props.format);
+      return props.timeFormat || extractTimeFormat(props.format);
     });
     const dateFormat = computed$1(() => {
-      return extractDateFormat(props.format);
+      return props.dateFormat || extractDateFormat(props.format);
     });
     const visibleTime = computed$1(() => {
       if (userInputTime.value)
@@ -27349,7 +27362,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => handleShortcutClick(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$F);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$G);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -27666,7 +27679,7 @@ const useRangePicker = (props, {
   };
 };
 
-const _hoisted_1$E = ["onClick"];
+const _hoisted_1$F = ["onClick"];
 const _hoisted_2$p = ["aria-label"];
 const _hoisted_3$d = ["aria-label"];
 const _hoisted_4$8 = ["disabled", "aria-label"];
@@ -27768,10 +27781,10 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
       return "";
     });
     const timeFormat = computed$1(() => {
-      return extractTimeFormat(format);
+      return props.timeFormat || extractTimeFormat(format);
     });
     const dateFormat = computed$1(() => {
-      return extractDateFormat(format);
+      return props.dateFormat || extractDateFormat(format);
     });
     const isValidValue = (date) => {
       return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
@@ -28017,7 +28030,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$E);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$F);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -28376,7 +28389,7 @@ const useMonthRangeHeader = ({
   };
 };
 
-const _hoisted_1$D = ["onClick"];
+const _hoisted_1$E = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$c = ["disabled"];
 const unit = "year";
@@ -28482,7 +28495,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$D);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$E);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -28766,7 +28779,7 @@ const descriptionsRowProps = buildProps({
   }
 });
 
-const _hoisted_1$C = { key: 1 };
+const _hoisted_1$D = { key: 1 };
 const __default__$R = defineComponent({
   name: "ElDescriptionsRow"
 });
@@ -28797,7 +28810,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
             }, null, 8, ["cell"]);
           }), 128))
         ])
-      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$C, [
+      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$D, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, _index) => {
           return openBlock(), createElementBlock(Fragment, {
             key: `tr3-${_index}`
@@ -29093,7 +29106,7 @@ const dialogContentEmits = {
   close: () => true
 };
 
-const _hoisted_1$B = ["aria-level"];
+const _hoisted_1$C = ["aria-level"];
 const _hoisted_2$n = ["aria-label"];
 const _hoisted_3$b = ["id"];
 const __default__$P = defineComponent({ name: "ElDialogContent" });
@@ -29135,7 +29148,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
               role: "heading",
               "aria-level": _ctx.ariaLevel,
               class: normalizeClass(unref(ns).e("title"))
-            }, toDisplayString(_ctx.title), 11, _hoisted_1$B)
+            }, toDisplayString(_ctx.title), 11, _hoisted_1$C)
           ]),
           _ctx.showClose ? (openBlock(), createElementBlock("button", {
             key: 0,
@@ -29401,7 +29414,7 @@ const useDialog = (props, targetRef) => {
   };
 };
 
-const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
 const __default__$O = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
@@ -29545,7 +29558,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                ], 46, _hoisted_1$A)
+                ], 46, _hoisted_1$B)
               ]),
               _: 3
             }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -29683,7 +29696,7 @@ const _sfc_main$1b = defineComponent({
     };
   }
 });
-const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
 const _hoisted_2$m = ["id", "aria-level"];
 const _hoisted_3$a = ["aria-label"];
 const _hoisted_4$7 = ["id"];
@@ -29787,7 +29800,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                   }, [
                     renderSlot(_ctx.$slots, "footer")
                   ], 2)) : createCommentVNode("v-if", true)
-                ], 16, _hoisted_1$z)
+                ], 16, _hoisted_1$A)
               ]),
               _: 3
             }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -30603,7 +30616,7 @@ const _sfc_main$14 = defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["aria-disabled", "tabindex", "role"];
+const _hoisted_1$z = ["aria-disabled", "tabindex", "role"];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -30631,7 +30644,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })) : createCommentVNode("v-if", true),
       renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_1$y)
+    ], 16, _hoisted_1$z)
   ], 64);
 }
 var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$h], ["__file", "dropdown-item-impl.vue"]]);
@@ -30812,7 +30825,7 @@ const _sfc_main$12 = defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["role", "aria-labelledby"];
+const _hoisted_1$y = ["role", "aria-labelledby"];
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
@@ -30827,7 +30840,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     onMousedown: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.onMousedown && _ctx.onMousedown(...args), ["self"]))
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 46, _hoisted_1$x);
+  ], 46, _hoisted_1$y);
 }
 var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$f], ["__file", "dropdown-menu.vue"]]);
 
@@ -30838,7 +30851,7 @@ const ElDropdown = withInstall(Dropdown, {
 const ElDropdownItem = withNoopInstall(DropdownItem);
 const ElDropdownMenu = withNoopInstall(DropdownMenu);
 
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   viewBox: "0 0 79 86",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
@@ -30893,7 +30906,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("empty");
     const id = useId();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$w, [
+      return openBlock(), createElementBlock("svg", _hoisted_1$x, [
         createElementVNode("defs", null, [
           createElementVNode("linearGradient", {
             id: `linearGradient-1-${unref(id)}`,
@@ -31027,7 +31040,7 @@ const emptyProps = buildProps({
   }
 });
 
-const _hoisted_1$v = ["src"];
+const _hoisted_1$w = ["src"];
 const _hoisted_2$k = { key: 1 };
 const __default__$L = defineComponent({
   name: "ElEmpty"
@@ -31055,7 +31068,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             key: 0,
             src: _ctx.image,
             ondragstart: "return false"
-          }, null, 8, _hoisted_1$v)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+          }, null, 8, _hoisted_1$w)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
             createVNode(ImgEmpty)
           ])
         ], 6),
@@ -31103,6 +31116,14 @@ const imageViewerProps = buildProps({
   zoomRate: {
     type: Number,
     default: 1.2
+  },
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  maxScale: {
+    type: Number,
+    default: 7
   }
 });
 const imageViewerEmits = {
@@ -31111,7 +31132,7 @@ const imageViewerEmits = {
   rotate: (deg) => isNumber(deg)
 };
 
-const _hoisted_1$u = ["src"];
+const _hoisted_1$v = ["src"];
 const __default__$K = defineComponent({
   name: "ElImageViewer"
 });
@@ -31306,6 +31327,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     function handleActions(action, options = {}) {
       if (loading.value)
         return;
+      const { minScale, maxScale } = props;
       const { zoomRate, rotateDeg, enableTransition } = {
         zoomRate: props.zoomRate,
         rotateDeg: 90,
@@ -31314,12 +31336,12 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       };
       switch (action) {
         case "zoomOut":
-          if (transform.value.scale > 0.2) {
+          if (transform.value.scale > minScale) {
             transform.value.scale = Number.parseFloat((transform.value.scale / zoomRate).toFixed(3));
           }
           break;
         case "zoomIn":
-          if (transform.value.scale < 7) {
+          if (transform.value.scale < maxScale) {
             transform.value.scale = Number.parseFloat((transform.value.scale * zoomRate).toFixed(3));
           }
           break;
@@ -31480,7 +31502,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                     onLoad: handleImgLoad,
                     onError: handleImgError,
                     onMousedown: handleMouseDown
-                  }, null, 46, _hoisted_1$u)), [
+                  }, null, 46, _hoisted_1$v)), [
                     [vShow, i === activeIndex.value]
                   ]);
                 }), 128))
@@ -31540,6 +31562,14 @@ const imageProps = buildProps({
   zoomRate: {
     type: Number,
     default: 1.2
+  },
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  maxScale: {
+    type: Number,
+    default: 7
   }
 });
 const imageEmits = {
@@ -31550,7 +31580,7 @@ const imageEmits = {
   show: () => true
 };
 
-const _hoisted_1$t = ["src", "loading"];
+const _hoisted_1$u = ["src", "loading"];
 const _hoisted_2$j = { key: 0 };
 const __default__$J = defineComponent({
   name: "ElImage",
@@ -31722,7 +31752,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
-          }), null, 16, _hoisted_1$t)) : createCommentVNode("v-if", true),
+          }), null, 16, _hoisted_1$u)) : createCommentVNode("v-if", true),
           isLoading.value ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(unref(ns).e("wrapper"))
@@ -31741,6 +31771,8 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
             "initial-index": unref(imageIndex),
             infinite: _ctx.infinite,
             "zoom-rate": _ctx.zoomRate,
+            "min-scale": _ctx.minScale,
+            "max-scale": _ctx.maxScale,
             "url-list": _ctx.previewSrcList,
             "hide-on-click-modal": _ctx.hideOnClickModal,
             teleported: _ctx.previewTeleported,
@@ -31754,7 +31786,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
               ])) : createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : createCommentVNode("v-if", true)
+          }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : createCommentVNode("v-if", true)
         ], 64)) : createCommentVNode("v-if", true)
       ], 6);
     };
@@ -31820,7 +31852,7 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const _hoisted_1$s = ["aria-label", "onKeydown"];
+const _hoisted_1$t = ["aria-label", "onKeydown"];
 const _hoisted_2$i = ["aria-label", "onKeydown"];
 const __default__$I = defineComponent({
   name: "ElInputNumber"
@@ -32065,7 +32097,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ], 42, _hoisted_1$s)), [
+        ], 42, _hoisted_1$t)), [
           [unref(vRepeatClick), decrease]
         ]) : createCommentVNode("v-if", true),
         _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
@@ -32139,7 +32171,7 @@ const linkEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$r = ["href"];
+const _hoisted_1$s = ["href"];
 const __default__$H = defineComponent({
   name: "ElLink"
 });
@@ -32179,7 +32211,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true),
         _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$r);
+      ], 10, _hoisted_1$s);
     };
   }
 });
@@ -32529,9 +32561,6 @@ var SubMenu = defineComponent({
       });
       return isActive;
     });
-    const backgroundColor = computed$1(() => rootMenu.props.backgroundColor || "");
-    const activeTextColor = computed$1(() => rootMenu.props.activeTextColor || "");
-    const textColor = computed$1(() => rootMenu.props.textColor || "");
     const mode = computed$1(() => rootMenu.props.mode);
     const item = reactive({
       index: props.index,
@@ -32539,17 +32568,6 @@ var SubMenu = defineComponent({
       active
     });
     const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
-    const titleStyle = computed$1(() => {
-      if (mode.value !== "horizontal") {
-        return {
-          color: textColor.value
-        };
-      }
-      return {
-        borderBottomColor: active.value ? rootMenu.props.activeTextColor ? activeTextColor.value : "" : "transparent",
-        color: active.value ? activeTextColor.value : textColor.value
-      };
-    });
     const doDestroy = () => {
       var _a, _b, _c;
       return (_c = (_b = (_a = vPopper.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.popperInstanceRef) == null ? void 0 : _c.destroy();
@@ -32678,19 +32696,11 @@ var SubMenu = defineComponent({
         },
         default: () => h$1("div", {
           class: nsSubMenu.e("title"),
-          style: [
-            titleStyle.value,
-            { backgroundColor: backgroundColor.value }
-          ],
           onClick: handleClick
         }, titleTag)
       }) : h$1(Fragment, {}, [
         h$1("div", {
           class: nsSubMenu.e("title"),
-          style: [
-            titleStyle.value,
-            { backgroundColor: backgroundColor.value }
-          ],
           ref: verticalTitleRef,
           onClick: handleClick
         }, titleTag),
@@ -33167,7 +33177,7 @@ const pageHeaderEmits = {
   back: () => true
 };
 
-const _hoisted_1$q = ["aria-label"];
+const _hoisted_1$r = ["aria-label"];
 const __default__$G = defineComponent({
   name: "ElPageHeader"
 });
@@ -33227,7 +33237,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                     _: 1
                   })) : createCommentVNode("v-if", true)
                 ])
-              ], 10, _hoisted_1$q)) : createCommentVNode("v-if", true),
+              ], 10, _hoisted_1$r)) : createCommentVNode("v-if", true),
               createElementVNode("div", {
                 class: normalizeClass(unref(ns).e("title"))
               }, [
@@ -33285,7 +33295,7 @@ const paginationPrevEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$p = ["disabled", "aria-label", "aria-disabled"];
+const _hoisted_1$q = ["disabled", "aria-label", "aria-disabled"];
 const _hoisted_2$h = { key: 0 };
 const __default__$F = defineComponent({
   name: "ElPaginationPrev"
@@ -33313,7 +33323,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }))
-      ], 8, _hoisted_1$p);
+      ], 8, _hoisted_1$q);
     };
   }
 });
@@ -33337,7 +33347,7 @@ const paginationNextProps = buildProps({
   }
 });
 
-const _hoisted_1$o = ["disabled", "aria-label", "aria-disabled"];
+const _hoisted_1$p = ["disabled", "aria-label", "aria-disabled"];
 const _hoisted_2$g = { key: 0 };
 const __default__$E = defineComponent({
   name: "ElPaginationNext"
@@ -33365,7 +33375,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }))
-      ], 8, _hoisted_1$o);
+      ], 8, _hoisted_1$p);
     };
   }
 });
@@ -33479,6 +33489,7 @@ const _sfc_main$R = defineComponent({
   },
   setup(props) {
     const ns = useNamespace("select");
+    const id = useId();
     const containerKls = computed$1(() => [
       ns.be("dropdown", "item"),
       ns.is("disabled", unref(isDisabled)),
@@ -33519,6 +33530,7 @@ const _sfc_main$R = defineComponent({
     }
     return {
       ns,
+      id,
       containerKls,
       currentLabel,
       itemSelected,
@@ -33532,16 +33544,21 @@ const _sfc_main$R = defineComponent({
     };
   }
 });
+const _hoisted_1$o = ["id", "aria-disabled", "aria-selected"];
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
+    id: _ctx.id,
     class: normalizeClass(_ctx.containerKls),
+    role: "option",
+    "aria-disabled": _ctx.isDisabled || void 0,
+    "aria-selected": _ctx.itemSelected,
     onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
     onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)
     ])
-  ], 34)), [
+  ], 42, _hoisted_1$o)), [
     [vShow, _ctx.visible]
   ]);
 }
@@ -33630,7 +33647,7 @@ const useSelect$3 = (props, states, ctx) => {
   const tags = ref(null);
   const selectWrapper = ref(null);
   const scrollbar = ref(null);
-  const hoverOption = ref(-1);
+  const hoverOption = ref();
   const queryChange = shallowRef({ query: "" });
   const groupQueryChange = shallowRef("");
   const optionList = ref([]);
@@ -33824,7 +33841,8 @@ const useSelect$3 = (props, states, ctx) => {
       const input2 = reference.value.$el.querySelector("input");
       originClientHeight = originClientHeight || (input2.clientHeight > 0 ? input2.clientHeight + 2 : 0);
       const _tags = tags.value;
-      const gotSize = getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
+      const cssVarOfSelectSize = getComputedStyle(input2).getPropertyValue(ns.cssVarName("input-height"));
+      const gotSize = cssVarOfSelectSize || getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
       const sizeInMap = selectSize.value || gotSize === originClientHeight || originClientHeight <= 0 ? gotSize : originClientHeight;
       const isElHidden = input2.offsetParent === null;
       !isElHidden && (input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`);
@@ -34275,6 +34293,7 @@ const useSelect$3 = (props, states, ctx) => {
   return {
     optionList,
     optionsArray,
+    hoverOption,
     selectSize,
     handleResize,
     debouncedOnInputChange,
@@ -34502,10 +34521,12 @@ const _sfc_main$P = defineComponent({
     const nsSelect = useNamespace("select");
     const nsInput = useNamespace("input");
     const { t } = useLocale();
+    const contentId = useId();
     const states = useSelectStates(props);
     const {
       optionList,
       optionsArray,
+      hoverOption,
       selectSize,
       readonly,
       handleResize,
@@ -34747,11 +34768,13 @@ const _sfc_main$P = defineComponent({
       handleMouseLeave,
       showTagList,
       collapseTagList,
-      tagTooltipRef
+      tagTooltipRef,
+      contentId,
+      hoverOption
     };
   }
 });
-const _hoisted_1$n = ["disabled", "autocomplete", "aria-label"];
+const _hoisted_1$n = ["disabled", "autocomplete", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
 const _hoisted_2$f = ["disabled"];
 const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
@@ -34788,258 +34811,276 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       persistent: _ctx.persistent,
       onShow: _ctx.handleMenuEnter
     }, {
-      default: withCtx(() => [
-        createElementVNode("div", {
-          class: "select-trigger",
-          onMouseenter: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = true),
-          onMouseleave: _cache[21] || (_cache[21] = ($event) => _ctx.inputHovering = false)
-        }, [
-          _ctx.multiple ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            ref: "tags",
-            tabindex: "-1",
-            class: normalizeClass(_ctx.tagsKls),
-            style: normalizeStyle(_ctx.selectTagsStyle),
-            onClick: _cache[15] || (_cache[15] = (...args) => _ctx.focus && _ctx.focus(...args))
+      default: withCtx(() => {
+        var _a, _b;
+        return [
+          createElementVNode("div", {
+            class: "select-trigger",
+            onMouseenter: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = true),
+            onMouseleave: _cache[21] || (_cache[21] = ($event) => _ctx.inputHovering = false)
           }, [
-            _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createBlock(Transition, {
+            _ctx.multiple ? (openBlock(), createElementBlock("div", {
               key: 0,
-              onAfterLeave: _ctx.resetInputHeight
-            }, {
-              default: withCtx(() => [
-                createElementVNode("span", {
-                  class: normalizeClass(_ctx.tagWrapperKls)
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
-                    return openBlock(), createBlock(_component_el_tag, {
-                      key: _ctx.getValueKey(item),
-                      closable: !_ctx.selectDisabled && !item.isDisabled,
-                      size: _ctx.collapseTagSize,
-                      hit: item.hitState,
-                      type: _ctx.tagType,
-                      "disable-transitions": "",
-                      onClose: ($event) => _ctx.deleteTag($event, item)
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass(_ctx.nsSelect.e("tags-text")),
-                          style: normalizeStyle(_ctx.tagTextStyle)
-                        }, toDisplayString(item.currentLabel), 7)
-                      ]),
-                      _: 2
-                    }, 1032, ["closable", "size", "hit", "type", "onClose"]);
-                  }), 128)),
-                  _ctx.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tag, {
-                    key: 0,
-                    closable: false,
-                    size: _ctx.collapseTagSize,
-                    type: _ctx.tagType,
-                    "disable-transitions": ""
-                  }, {
-                    default: withCtx(() => [
-                      _ctx.collapseTagsTooltip ? (openBlock(), createBlock(_component_el_tooltip, {
-                        key: 0,
-                        ref: "tagTooltipRef",
-                        disabled: _ctx.dropMenuVisible,
-                        "fallback-placements": ["bottom", "top", "right", "left"],
-                        effect: _ctx.effect,
-                        placement: "bottom",
-                        teleported: _ctx.teleported
+              ref: "tags",
+              tabindex: "-1",
+              class: normalizeClass(_ctx.tagsKls),
+              style: normalizeStyle(_ctx.selectTagsStyle),
+              onClick: _cache[15] || (_cache[15] = (...args) => _ctx.focus && _ctx.focus(...args))
+            }, [
+              _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createBlock(Transition, {
+                key: 0,
+                onAfterLeave: _ctx.resetInputHeight
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("span", {
+                    class: normalizeClass(_ctx.tagWrapperKls)
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
+                      return openBlock(), createBlock(_component_el_tag, {
+                        key: _ctx.getValueKey(item),
+                        closable: !_ctx.selectDisabled && !item.isDisabled,
+                        size: _ctx.collapseTagSize,
+                        hit: item.hitState,
+                        type: _ctx.tagType,
+                        "disable-transitions": "",
+                        onClose: ($event) => _ctx.deleteTag($event, item)
                       }, {
                         default: withCtx(() => [
                           createElementVNode("span", {
-                            class: normalizeClass(_ctx.nsSelect.e("tags-text"))
-                          }, "+ " + toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3)
-                        ]),
-                        content: withCtx(() => [
-                          createElementVNode("div", {
-                            class: normalizeClass(_ctx.nsSelect.e("collapse-tags"))
-                          }, [
-                            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
-                              return openBlock(), createElementBlock("div", {
-                                key: _ctx.getValueKey(item),
-                                class: normalizeClass(_ctx.nsSelect.e("collapse-tag"))
-                              }, [
-                                createVNode(_component_el_tag, {
-                                  class: "in-tooltip",
-                                  closable: !_ctx.selectDisabled && !item.isDisabled,
-                                  size: _ctx.collapseTagSize,
-                                  hit: item.hitState,
-                                  type: _ctx.tagType,
-                                  "disable-transitions": "",
-                                  style: { margin: "2px" },
-                                  onClose: ($event) => _ctx.handleDeleteTooltipTag($event, item)
-                                }, {
-                                  default: withCtx(() => [
-                                    createElementVNode("span", {
-                                      class: normalizeClass(_ctx.nsSelect.e("tags-text")),
-                                      style: normalizeStyle({
-                                        maxWidth: _ctx.inputWidth - 75 + "px"
-                                      })
-                                    }, toDisplayString(item.currentLabel), 7)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["closable", "size", "hit", "type", "onClose"])
-                              ], 2);
-                            }), 128))
-                          ], 2)
+                            class: normalizeClass(_ctx.nsSelect.e("tags-text")),
+                            style: normalizeStyle(_ctx.tagTextStyle)
+                          }, toDisplayString(item.currentLabel), 7)
                         ]),
-                        _: 1
-                      }, 8, ["disabled", "effect", "teleported"])) : (openBlock(), createElementBlock("span", {
-                        key: 1,
-                        class: normalizeClass(_ctx.nsSelect.e("tags-text"))
-                      }, "+ " + toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3))
-                    ]),
-                    _: 1
-                  }, 8, ["size", "type"])) : createCommentVNode("v-if", true)
-                ], 2)
-              ]),
-              _: 1
-            }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
-            !_ctx.collapseTags ? (openBlock(), createBlock(Transition, {
-              key: 1,
-              onAfterLeave: _ctx.resetInputHeight
-            }, {
-              default: withCtx(() => [
-                createElementVNode("span", {
-                  class: normalizeClass(_ctx.tagWrapperKls),
-                  style: normalizeStyle(_ctx.prefixWidth && _ctx.selected.length ? { marginLeft: `${_ctx.prefixWidth}px` } : "")
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selected, (item) => {
-                    return openBlock(), createBlock(_component_el_tag, {
-                      key: _ctx.getValueKey(item),
-                      closable: !_ctx.selectDisabled && !item.isDisabled,
+                        _: 2
+                      }, 1032, ["closable", "size", "hit", "type", "onClose"]);
+                    }), 128)),
+                    _ctx.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tag, {
+                      key: 0,
+                      closable: false,
                       size: _ctx.collapseTagSize,
-                      hit: item.hitState,
                       type: _ctx.tagType,
-                      "disable-transitions": "",
-                      onClose: ($event) => _ctx.deleteTag($event, item)
+                      "disable-transitions": ""
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass(_ctx.nsSelect.e("tags-text")),
-                          style: normalizeStyle({ maxWidth: _ctx.inputWidth - 75 + "px" })
-                        }, toDisplayString(item.currentLabel), 7)
+                        _ctx.collapseTagsTooltip ? (openBlock(), createBlock(_component_el_tooltip, {
+                          key: 0,
+                          ref: "tagTooltipRef",
+                          disabled: _ctx.dropMenuVisible,
+                          "fallback-placements": ["bottom", "top", "right", "left"],
+                          effect: _ctx.effect,
+                          placement: "bottom",
+                          teleported: _ctx.teleported
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("span", {
+                              class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                            }, "+ " + toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3)
+                          ]),
+                          content: withCtx(() => [
+                            createElementVNode("div", {
+                              class: normalizeClass(_ctx.nsSelect.e("collapse-tags"))
+                            }, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
+                                return openBlock(), createElementBlock("div", {
+                                  key: _ctx.getValueKey(item),
+                                  class: normalizeClass(_ctx.nsSelect.e("collapse-tag"))
+                                }, [
+                                  createVNode(_component_el_tag, {
+                                    class: "in-tooltip",
+                                    closable: !_ctx.selectDisabled && !item.isDisabled,
+                                    size: _ctx.collapseTagSize,
+                                    hit: item.hitState,
+                                    type: _ctx.tagType,
+                                    "disable-transitions": "",
+                                    style: { margin: "2px" },
+                                    onClose: ($event) => _ctx.handleDeleteTooltipTag($event, item)
+                                  }, {
+                                    default: withCtx(() => [
+                                      createElementVNode("span", {
+                                        class: normalizeClass(_ctx.nsSelect.e("tags-text")),
+                                        style: normalizeStyle({
+                                          maxWidth: _ctx.inputWidth - 75 + "px"
+                                        })
+                                      }, toDisplayString(item.currentLabel), 7)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["closable", "size", "hit", "type", "onClose"])
+                                ], 2);
+                              }), 128))
+                            ], 2)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled", "effect", "teleported"])) : (openBlock(), createElementBlock("span", {
+                          key: 1,
+                          class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                        }, "+ " + toDisplayString(_ctx.selected.length - _ctx.maxCollapseTags), 3))
                       ]),
-                      _: 2
-                    }, 1032, ["closable", "size", "hit", "type", "onClose"]);
-                  }), 128))
-                ], 6)
-              ]),
-              _: 1
-            }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
-            _ctx.filterable && !_ctx.selectDisabled ? withDirectives((openBlock(), createElementBlock("input", {
-              key: 2,
-              ref: "input",
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
-              type: "text",
-              class: normalizeClass(_ctx.inputKls),
-              disabled: _ctx.selectDisabled,
-              autocomplete: _ctx.autocomplete,
-              style: normalizeStyle(_ctx.inputStyle),
-              "aria-label": _ctx.ariaLabel,
-              onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-              onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
-              onKeyup: _cache[3] || (_cache[3] = (...args) => _ctx.managePlaceholder && _ctx.managePlaceholder(...args)),
-              onKeydown: [
-                _cache[4] || (_cache[4] = (...args) => _ctx.resetInputState && _ctx.resetInputState(...args)),
-                _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
-                _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"])),
-                _cache[7] || (_cache[7] = withKeys((...args) => _ctx.handleKeydownEscape && _ctx.handleKeydownEscape(...args), ["esc"])),
-                _cache[8] || (_cache[8] = withKeys(withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
-                _cache[9] || (_cache[9] = withKeys((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["delete"])),
-                _cache[10] || (_cache[10] = withKeys(($event) => _ctx.visible = false, ["tab"]))
-              ],
-              onCompositionstart: _cache[11] || (_cache[11] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-              onCompositionupdate: _cache[12] || (_cache[12] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-              onCompositionend: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-              onInput: _cache[14] || (_cache[14] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
-            }, null, 46, _hoisted_1$n)), [
-              [vModelText, _ctx.query]
-            ]) : createCommentVNode("v-if", true)
-          ], 6)) : createCommentVNode("v-if", true),
-          createCommentVNode(" fix: https://github.com/element-plus/element-plus/issues/11415 "),
-          _ctx.isIOS && !_ctx.multiple && _ctx.filterable && _ctx.readonly ? (openBlock(), createElementBlock("input", {
-            key: 1,
-            ref: "iOSInput",
-            class: normalizeClass(_ctx.iOSInputKls),
-            disabled: _ctx.selectDisabled,
-            type: "text"
-          }, null, 10, _hoisted_2$f)) : createCommentVNode("v-if", true),
-          createVNode(_component_el_input, {
-            id: _ctx.id,
-            ref: "reference",
-            modelValue: _ctx.selectedLabel,
-            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => _ctx.selectedLabel = $event),
-            type: "text",
-            placeholder: typeof _ctx.currentPlaceholder === "function" ? _ctx.currentPlaceholder() : _ctx.currentPlaceholder,
-            name: _ctx.name,
-            autocomplete: _ctx.autocomplete,
-            size: _ctx.selectSize,
-            disabled: _ctx.selectDisabled,
-            readonly: _ctx.readonly,
-            "validate-event": false,
-            class: normalizeClass([_ctx.nsSelect.is("focus", _ctx.visible)]),
-            tabindex: _ctx.multiple && _ctx.filterable ? -1 : void 0,
-            label: _ctx.ariaLabel,
-            onFocus: _ctx.handleFocus,
-            onBlur: _ctx.handleBlur,
-            onInput: _ctx.debouncedOnInputChange,
-            onPaste: _ctx.debouncedOnInputChange,
-            onCompositionstart: _ctx.handleComposition,
-            onCompositionupdate: _ctx.handleComposition,
-            onCompositionend: _ctx.handleComposition,
-            onKeydown: [
-              _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
-              _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
-              withKeys(withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
-              withKeys(_ctx.handleKeydownEscape, ["esc"]),
-              _cache[19] || (_cache[19] = withKeys(($event) => _ctx.visible = false, ["tab"]))
-            ]
-          }, createSlots({
-            suffix: withCtx(() => [
-              _ctx.iconComponent && !_ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
-                key: 0,
-                class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                      _: 1
+                    }, 8, ["size", "type"])) : createCommentVNode("v-if", true)
+                  ], 2)
                 ]),
                 _: 1
-              }, 8, ["class"])) : createCommentVNode("v-if", true),
-              _ctx.showClose && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+              }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
+              !_ctx.collapseTags ? (openBlock(), createBlock(Transition, {
                 key: 1,
-                class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),
-                onClick: _ctx.handleClearClick
+                onAfterLeave: _ctx.resetInputHeight
               }, {
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                  createElementVNode("span", {
+                    class: normalizeClass(_ctx.tagWrapperKls),
+                    style: normalizeStyle(_ctx.prefixWidth && _ctx.selected.length ? { marginLeft: `${_ctx.prefixWidth}px` } : "")
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selected, (item) => {
+                      return openBlock(), createBlock(_component_el_tag, {
+                        key: _ctx.getValueKey(item),
+                        closable: !_ctx.selectDisabled && !item.isDisabled,
+                        size: _ctx.collapseTagSize,
+                        hit: item.hitState,
+                        type: _ctx.tagType,
+                        "disable-transitions": "",
+                        onClose: ($event) => _ctx.deleteTag($event, item)
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", {
+                            class: normalizeClass(_ctx.nsSelect.e("tags-text")),
+                            style: normalizeStyle({ maxWidth: _ctx.inputWidth - 75 + "px" })
+                          }, toDisplayString(item.currentLabel), 7)
+                        ]),
+                        _: 2
+                      }, 1032, ["closable", "size", "hit", "type", "onClose"]);
+                    }), 128))
+                  ], 6)
                 ]),
                 _: 1
-              }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
-            ]),
-            _: 2
-          }, [
-            _ctx.$slots.prefix ? {
-              name: "prefix",
-              fn: withCtx(() => [
-                createElementVNode("div", _hoisted_3$8, [
-                  renderSlot(_ctx.$slots, "prefix")
+              }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
+              _ctx.filterable && !_ctx.selectDisabled ? withDirectives((openBlock(), createElementBlock("input", {
+                key: 2,
+                ref: "input",
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
+                type: "text",
+                class: normalizeClass(_ctx.inputKls),
+                disabled: _ctx.selectDisabled,
+                autocomplete: _ctx.autocomplete,
+                style: normalizeStyle(_ctx.inputStyle),
+                role: "combobox",
+                "aria-activedescendant": ((_a = _ctx.hoverOption) == null ? void 0 : _a.id) || "",
+                "aria-controls": _ctx.contentId,
+                "aria-expanded": _ctx.dropMenuVisible,
+                "aria-label": _ctx.ariaLabel,
+                "aria-autocomplete": "none",
+                "aria-haspopup": "listbox",
+                onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+                onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+                onKeyup: _cache[3] || (_cache[3] = (...args) => _ctx.managePlaceholder && _ctx.managePlaceholder(...args)),
+                onKeydown: [
+                  _cache[4] || (_cache[4] = (...args) => _ctx.resetInputState && _ctx.resetInputState(...args)),
+                  _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
+                  _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"])),
+                  _cache[7] || (_cache[7] = withKeys((...args) => _ctx.handleKeydownEscape && _ctx.handleKeydownEscape(...args), ["esc"])),
+                  _cache[8] || (_cache[8] = withKeys(withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
+                  _cache[9] || (_cache[9] = withKeys((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["delete"])),
+                  _cache[10] || (_cache[10] = withKeys(($event) => _ctx.visible = false, ["tab"]))
+                ],
+                onCompositionstart: _cache[11] || (_cache[11] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
+                onCompositionupdate: _cache[12] || (_cache[12] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
+                onCompositionend: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
+                onInput: _cache[14] || (_cache[14] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
+              }, null, 46, _hoisted_1$n)), [
+                [vModelText, _ctx.query]
+              ]) : createCommentVNode("v-if", true)
+            ], 6)) : createCommentVNode("v-if", true),
+            _ctx.isIOS && !_ctx.multiple && _ctx.filterable && _ctx.readonly ? (openBlock(), createElementBlock("input", {
+              key: 1,
+              ref: "iOSInput",
+              class: normalizeClass(_ctx.iOSInputKls),
+              disabled: _ctx.selectDisabled,
+              type: "text"
+            }, null, 10, _hoisted_2$f)) : createCommentVNode("v-if", true),
+            createVNode(_component_el_input, {
+              id: _ctx.id,
+              ref: "reference",
+              modelValue: _ctx.selectedLabel,
+              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => _ctx.selectedLabel = $event),
+              type: "text",
+              placeholder: typeof _ctx.currentPlaceholder === "function" ? _ctx.currentPlaceholder() : _ctx.currentPlaceholder,
+              name: _ctx.name,
+              autocomplete: _ctx.autocomplete,
+              size: _ctx.selectSize,
+              disabled: _ctx.selectDisabled,
+              readonly: _ctx.readonly,
+              "validate-event": false,
+              class: normalizeClass([_ctx.nsSelect.is("focus", _ctx.visible)]),
+              tabindex: _ctx.multiple && _ctx.filterable ? -1 : void 0,
+              role: "combobox",
+              "aria-activedescendant": ((_b = _ctx.hoverOption) == null ? void 0 : _b.id) || "",
+              "aria-controls": _ctx.contentId,
+              "aria-expanded": _ctx.dropMenuVisible,
+              label: _ctx.ariaLabel,
+              "aria-autocomplete": "none",
+              "aria-haspopup": "listbox",
+              onFocus: _ctx.handleFocus,
+              onBlur: _ctx.handleBlur,
+              onInput: _ctx.debouncedOnInputChange,
+              onPaste: _ctx.debouncedOnInputChange,
+              onCompositionstart: _ctx.handleComposition,
+              onCompositionupdate: _ctx.handleComposition,
+              onCompositionend: _ctx.handleComposition,
+              onKeydown: [
+                _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+                _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+                withKeys(withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
+                withKeys(_ctx.handleKeydownEscape, ["esc"]),
+                _cache[19] || (_cache[19] = withKeys(($event) => _ctx.visible = false, ["tab"]))
+              ]
+            }, createSlots({
+              suffix: withCtx(() => [
+                _ctx.iconComponent && !_ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
+                  key: 0,
+                  class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : createCommentVNode("v-if", true),
+                _ctx.showClose && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+                  key: 1,
+                  class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),
+                  onClick: _ctx.handleClearClick
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
+              ]),
+              _: 2
+            }, [
+              _ctx.$slots.prefix ? {
+                name: "prefix",
+                fn: withCtx(() => [
+                  createElementVNode("div", _hoisted_3$8, [
+                    renderSlot(_ctx.$slots, "prefix")
+                  ])
                 ])
-              ])
-            } : void 0
-          ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "label", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
-        ], 32)
-      ]),
+              } : void 0
+            ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "aria-activedescendant", "aria-controls", "aria-expanded", "label", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
+          ], 32)
+        ];
+      }),
       content: withCtx(() => [
         createVNode(_component_el_select_menu, null, {
           default: withCtx(() => [
             withDirectives(createVNode(_component_el_scrollbar, {
+              id: _ctx.contentId,
               ref: "scrollbar",
               tag: "ul",
               "wrap-class": _ctx.nsSelect.be("dropdown", "wrap"),
               "view-class": _ctx.nsSelect.be("dropdown", "list"),
-              class: normalizeClass(_ctx.scrollbarKls)
+              class: normalizeClass(_ctx.scrollbarKls),
+              role: "listbox",
+              "aria-label": _ctx.ariaLabel,
+              "aria-orientation": "vertical"
             }, {
               default: withCtx(() => [
                 _ctx.showNewOption ? (openBlock(), createBlock(_component_el_option, {
@@ -35055,7 +35096,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8, ["onUpdateOptions"])
               ]),
               _: 3
-            }, 8, ["wrap-class", "view-class", "class"]), [
+            }, 8, ["id", "wrap-class", "view-class", "class", "aria-label"]), [
               [vShow, _ctx.options.size > 0 && !_ctx.loading]
             ]),
             _ctx.emptyText && (!_ctx.allowCreate || _ctx.loading || _ctx.allowCreate && _ctx.options.size === 0) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -38872,7 +38913,7 @@ var ElSelectMenu = defineComponent({
         return arr.includes(target);
       }
       return arr && arr.some((item) => {
-        return get(item, valueKey) === get(target, valueKey);
+        return toRaw$1(get(item, valueKey)) === get(target, valueKey);
       });
     };
     const isEqual = (selected, target) => {
@@ -38886,13 +38927,10 @@ var ElSelectMenu = defineComponent({
       }
     };
     const isItemSelected = (modelValue, target) => {
-      const {
-        valueKey
-      } = select.props;
       if (select.props.multiple) {
-        return contains(modelValue, get(target, valueKey));
+        return contains(modelValue, target.value);
       }
-      return isEqual(modelValue, get(target, valueKey));
+      return isEqual(modelValue, target.value);
     };
     const isItemDisabled = (modelValue, selected) => {
       const {
@@ -39284,7 +39322,7 @@ const useSelect$1 = (props, emit) => {
   const filteredOptionsValueMap = computed$1(() => {
     const valueMap = /* @__PURE__ */ new Map();
     filteredOptions.value.forEach((option, index) => {
-      valueMap.set(getValueKey(option), { option, index });
+      valueMap.set(getValueKey(option.value), { option, index });
     });
     return valueMap;
   });
@@ -39458,7 +39496,7 @@ const useSelect$1 = (props, emit) => {
     var _a, _b;
     if (props.multiple) {
       let selectedOptions = props.modelValue.slice();
-      const index = getValueIndex(selectedOptions, getValueKey(option));
+      const index = getValueIndex(selectedOptions, option.value);
       if (index > -1) {
         selectedOptions = [
           ...selectedOptions.slice(0, index),
@@ -39467,7 +39505,7 @@ const useSelect$1 = (props, emit) => {
         states.cachedOptions.splice(index, 1);
         removeNewOption(option);
       } else if (props.multipleLimit <= 0 || selectedOptions.length < props.multipleLimit) {
-        selectedOptions = [...selectedOptions, getValueKey(option)];
+        selectedOptions = [...selectedOptions, option.value];
         states.cachedOptions.push(option);
         selectNewOption(option);
         updateHoveringIndex(idx);
@@ -39490,7 +39528,7 @@ const useSelect$1 = (props, emit) => {
     } else {
       selectedIndex.value = idx;
       states.selectedLabel = option.label;
-      update(getValueKey(option));
+      update(option.value);
       expanded.value = false;
       states.isComposing = false;
       states.isSilentBlur = byClick;
@@ -39501,19 +39539,19 @@ const useSelect$1 = (props, emit) => {
       updateHoveringIndex(idx);
     }
   };
-  const deleteTag = (event, tag) => {
-    const { valueKey } = props;
-    const index = props.modelValue.indexOf(get(tag, valueKey));
+  const deleteTag = (event, option) => {
+    let selectedOptions = props.modelValue.slice();
+    const index = getValueIndex(selectedOptions, option.value);
     if (index > -1 && !selectDisabled.value) {
-      const value = [
+      selectedOptions = [
         ...props.modelValue.slice(0, index),
         ...props.modelValue.slice(index + 1)
       ];
       states.cachedOptions.splice(index, 1);
-      update(value);
-      emit("remove-tag", get(tag, valueKey));
+      update(selectedOptions);
+      emit("remove-tag", option.value);
       states.softFocus = true;
-      removeNewOption(tag);
+      removeNewOption(option);
       return nextTick(focusAndUpdatePopup);
     }
     event.stopPropagation();
@@ -39676,8 +39714,9 @@ const useSelect$1 = (props, emit) => {
         states.cachedOptions.length = 0;
         states.previousValue = props.modelValue.toString();
         for (const value of props.modelValue) {
-          if (filteredOptionsValueMap.value.has(value)) {
-            const { index, option } = filteredOptionsValueMap.value.get(value);
+          const selectValue = getValueKey(value);
+          if (filteredOptionsValueMap.value.has(selectValue)) {
+            const { index, option } = filteredOptionsValueMap.value.get(selectValue);
             states.cachedOptions.push(option);
             if (!initHovering) {
               updateHoveringIndex(index);
@@ -39693,7 +39732,7 @@ const useSelect$1 = (props, emit) => {
       if (hasModelValue.value) {
         states.previousValue = props.modelValue;
         const options = filteredOptions.value;
-        const selectedItemIndex = options.findIndex((option) => getValueKey(option) === getValueKey(props.modelValue));
+        const selectedItemIndex = options.findIndex((option) => getValueKey(option.value) === getValueKey(props.modelValue));
         if (~selectedItemIndex) {
           states.selectedLabel = options[selectedItemIndex].label;
           updateHoveringIndex(selectedItemIndex);
@@ -45211,33 +45250,6 @@ var TableBody = defineComponent({
   }
 });
 
-function hColgroup(props) {
-  const isAuto = props.tableLayout === "auto";
-  let columns = props.columns || [];
-  if (isAuto) {
-    if (columns.every((column) => column.width === void 0)) {
-      columns = [];
-    }
-  }
-  const getPropsData = (column) => {
-    const propsData = {
-      key: `${props.tableLayout}_${column.id}`,
-      style: {},
-      name: void 0
-    };
-    if (isAuto) {
-      propsData.style = {
-        width: `${column.width}px`
-      };
-    } else {
-      propsData.name = column.id;
-    }
-    return propsData;
-  };
-  return h$1("colgroup", {}, columns.map((column) => h$1("col", getPropsData(column))));
-}
-hColgroup.props = ["columns", "tableLayout"];
-
 function useMapState() {
   const table = inject(TABLE_INJECTION_KEY);
   const store = table == null ? void 0 : table.store;
@@ -45334,14 +45346,7 @@ var TableFooter = defineComponent({
     };
   },
   render() {
-    const {
-      columns,
-      getCellStyles,
-      getCellClasses,
-      summaryMethod,
-      sumText,
-      ns
-    } = this;
+    const { columns, getCellStyles, getCellClasses, summaryMethod, sumText } = this;
     const data = this.store.states.data.value;
     let sums = [];
     if (summaryMethod) {
@@ -45380,31 +45385,21 @@ var TableFooter = defineComponent({
         }
       });
     }
-    return h$1("table", {
-      class: ns.e("footer"),
-      cellspacing: "0",
-      cellpadding: "0",
-      border: "0"
-    }, [
-      hColgroup({
-        columns
-      }),
-      h$1("tbody", [
-        h$1("tr", {}, [
-          ...columns.map((column, cellIndex) => h$1("td", {
-            key: cellIndex,
-            colspan: column.colSpan,
-            rowspan: column.rowSpan,
-            class: getCellClasses(columns, cellIndex),
-            style: getCellStyles(column, cellIndex)
-          }, [
-            h$1("div", {
-              class: ["cell", column.labelClassName]
-            }, [sums[cellIndex]])
-          ]))
-        ])
+    return h$1(h$1("tfoot", [
+      h$1("tr", {}, [
+        ...columns.map((column, cellIndex) => h$1("td", {
+          key: cellIndex,
+          colspan: column.colSpan,
+          rowspan: column.rowSpan,
+          class: getCellClasses(columns, cellIndex),
+          style: getCellStyles(column, cellIndex)
+        }, [
+          h$1("div", {
+            class: ["cell", column.labelClassName]
+          }, [sums[cellIndex]])
+        ]))
       ])
-    ]);
+    ]));
   }
 });
 
@@ -45840,6 +45835,33 @@ var defaultProps$1 = {
   showOverflowTooltip: [Boolean, Object]
 };
 
+function hColgroup(props) {
+  const isAuto = props.tableLayout === "auto";
+  let columns = props.columns || [];
+  if (isAuto) {
+    if (columns.every((column) => column.width === void 0)) {
+      columns = [];
+    }
+  }
+  const getPropsData = (column) => {
+    const propsData = {
+      key: `${props.tableLayout}_${column.id}`,
+      style: {},
+      name: void 0
+    };
+    if (isAuto) {
+      propsData.style = {
+        width: `${column.width}px`
+      };
+    } else {
+      propsData.name = column.id;
+    }
+    return propsData;
+  };
+  return h$1("colgroup", {}, columns.map((column) => h$1("col", getPropsData(column))));
+}
+hColgroup.props = ["columns", "tableLayout"];
+
 const useScrollbar$1 = () => {
   const scrollBarRef = ref();
   const scrollTo = (options, yCoord) => {
@@ -46013,8 +46035,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hColgroup = resolveComponent("hColgroup");
   const _component_table_header = resolveComponent("table-header");
   const _component_table_body = resolveComponent("table-body");
-  const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_table_footer = resolveComponent("table-footer");
+  const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _directive_mousewheel = resolveDirective("mousewheel");
   return openBlock(), createElementBlock("div", {
     ref: "tableWrapper",
@@ -46120,7 +46142,16 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                 "row-style": _ctx.rowStyle,
                 store: _ctx.store,
                 stripe: _ctx.stripe
-              }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "tooltip-options", "row-style", "store", "stripe"])
+              }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "tooltip-options", "row-style", "store", "stripe"]),
+              _ctx.showSummary && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_footer, {
+                key: 1,
+                class: normalizeClass(_ctx.ns.e("body-footer")),
+                border: _ctx.border,
+                "default-sort": _ctx.defaultSort,
+                store: _ctx.store,
+                "sum-text": _ctx.computedSumText,
+                "summary-method": _ctx.summaryMethod
+              }, null, 8, ["class", "border", "default-sort", "store", "sum-text", "summary-method"])) : createCommentVNode("v-if", true)
             ], 6),
             _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -46147,19 +46178,30 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           _: 3
         }, 8, ["view-style", "wrap-style", "always"])
       ], 2),
-      _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", {
+      _ctx.showSummary && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
         key: 1,
         ref: "footerWrapper",
         class: normalizeClass(_ctx.ns.e("footer-wrapper"))
       }, [
-        createVNode(_component_table_footer, {
-          border: _ctx.border,
-          "default-sort": _ctx.defaultSort,
-          store: _ctx.store,
-          style: normalizeStyle(_ctx.tableBodyStyles),
-          "sum-text": _ctx.computedSumText,
-          "summary-method": _ctx.summaryMethod
-        }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
+        createElementVNode("table", {
+          class: normalizeClass(_ctx.ns.e("footer")),
+          cellspacing: "0",
+          cellpadding: "0",
+          border: "0",
+          style: normalizeStyle(_ctx.tableBodyStyles)
+        }, [
+          createVNode(_component_hColgroup, {
+            columns: _ctx.store.states.columns.value,
+            "table-layout": _ctx.tableLayout
+          }, null, 8, ["columns", "table-layout"]),
+          createVNode(_component_table_footer, {
+            border: _ctx.border,
+            "default-sort": _ctx.defaultSort,
+            store: _ctx.store,
+            "sum-text": _ctx.computedSumText,
+            "summary-method": _ctx.summaryMethod
+          }, null, 8, ["border", "default-sort", "store", "sum-text", "summary-method"])
+        ], 6)
       ], 2)), [
         [vShow, !_ctx.isEmpty],
         [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
@@ -49468,6 +49510,9 @@ const textProps = buildProps({
   truncated: {
     type: Boolean
   },
+  lineClamp: {
+    type: [String, Number]
+  },
   tag: {
     type: String,
     default: "span"
@@ -49488,17 +49533,19 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       ns.b(),
       ns.m(props.type),
       ns.m(textSize.value),
-      ns.is("truncated", props.truncated)
+      ns.is("truncated", props.truncated),
+      ns.is("line-clamp", !isUndefined(props.lineClamp))
     ]);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-        class: normalizeClass(unref(textKls))
+        class: normalizeClass(unref(textKls)),
+        style: normalizeStyle({ "-webkit-line-clamp": _ctx.lineClamp })
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class"]);
+      }, 8, ["class", "style"]);
     };
   }
 });