element-plus 2.3.8 → 2.3.10

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.8 */
+/*! Element Plus v2.3.10 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9258,7 +9258,7 @@
   };
   const namespaceContextKey = Symbol("namespaceContextKey");
   const useGetDerivedNamespace = (namespaceOverrides) => {
-    const derivedNamespace = namespaceOverrides || vue.inject(namespaceContextKey, vue.ref(defaultNamespace));
+    const derivedNamespace = namespaceOverrides || (vue.getCurrentInstance() ? vue.inject(namespaceContextKey, vue.ref(defaultNamespace)) : vue.ref(defaultNamespace));
     const namespace = vue.computed(() => {
       return vue.unref(derivedNamespace) || defaultNamespace;
     });
@@ -9957,7 +9957,7 @@
   const defaultInitialZIndex = 2e3;
   const zIndexContextKey = Symbol("zIndexContextKey");
   const useZIndex = (zIndexOverrides) => {
-    const zIndexInjection = zIndexOverrides || vue.inject(zIndexContextKey, void 0);
+    const zIndexInjection = zIndexOverrides || (vue.getCurrentInstance() ? vue.inject(zIndexContextKey, void 0) : void 0);
     const initialZIndex = vue.computed(() => {
       const zIndexFromInjection = vue.unref(zIndexInjection);
       return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
@@ -11114,7 +11114,6 @@
     };
     vue.watch(wrapperRef, (el) => {
       if (el) {
-        el.setAttribute("role", "button");
         el.setAttribute("tabindex", "-1");
       }
     });
@@ -11247,7 +11246,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.3.8";
+  const version$1 = "2.3.10";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12984,8 +12983,8 @@
       const getLabelWidth = () => {
         var _a;
         if ((_a = el.value) == null ? void 0 : _a.firstElementChild) {
-          const width = window.getComputedStyle(el.value.firstElementChild).width;
-          return Math.ceil(Number.parseFloat(width));
+          const width = getStyle(el.value.firstElementChild, "width");
+          return Math.ceil(Number.parseFloat(width)) || 0;
         } else {
           return 0;
         }
@@ -13534,7 +13533,7 @@
 
   const _hoisted_1$11 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
-  const _hoisted_3$l = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
+  const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
   const __default__$1x = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
@@ -13948,7 +13947,7 @@
               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$m),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
@@ -15044,7 +15043,7 @@
           if (!releasedEvent.defaultPrevented && (focusReason.value == "keyboard" || !isFocusCausedByUserEvent() || trapContainer.contains(document.activeElement))) {
             tryFocus(lastFocusBeforeTrapped != null ? lastFocusBeforeTrapped : document.body);
           }
-          trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, trapOnFocus);
+          trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
           focusableStack.remove(focusLayer);
         }
       }
@@ -15875,10 +15874,11 @@
           open.value = false;
         }
       });
-      const isFocusInsideContent = () => {
+      const isFocusInsideContent = (event) => {
         var _a, _b;
         const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
-        return popperContent && popperContent.contains(document.activeElement);
+        const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
+        return popperContent && popperContent.contains(activeElement);
       };
       vue.onDeactivated(() => open.value && hide());
       expose({
@@ -16042,7 +16042,7 @@
 
   const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
-  const _hoisted_3$k = ["id", "aria-selected", "onClick"];
+  const _hoisted_3$l = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
   const __default__$1o = vue.defineComponent({
     name: COMPONENT_NAME$i,
@@ -16083,8 +16083,7 @@
         }
         return [];
       });
-      const onSuggestionShow = async () => {
-        await vue.nextTick();
+      const onSuggestionShow = () => {
         if (suggestionVisible.value) {
           dropdownWidth.value = `${inputRef.value.$el.offsetWidth}px`;
         }
@@ -16265,6 +16264,7 @@
           trigger: "click",
           transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
           persistent: "",
+          role: "listbox",
           onBeforeShow: onSuggestionShow,
           onHide
         }, {
@@ -16308,7 +16308,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$k);
+                    ], 10, _hoisted_3$l);
                   }), 128))
                 ]),
                 _: 3
@@ -16718,7 +16718,6 @@
       const instance = vue.getCurrentInstance();
       const breadcrumbContext = vue.inject(breadcrumbKey, void 0);
       const ns = useNamespace("breadcrumb");
-      const { separator, separatorIcon } = vue.toRefs(breadcrumbContext);
       const router = instance.appContext.config.globalProperties.$router;
       const link = vue.ref();
       const onClick = () => {
@@ -16727,6 +16726,7 @@
         props.replace ? router.replace(props.to) : router.push(props.to);
       };
       return (_ctx, _cache) => {
+        var _a, _b;
         return vue.openBlock(), vue.createElementBlock("span", {
           class: vue.normalizeClass(vue.unref(ns).e("item"))
         }, [
@@ -16739,19 +16739,19 @@
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 2),
-          vue.unref(separatorIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+          ((_a = vue.unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("separator"))
           }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(separatorIcon))))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(breadcrumbContext).separatorIcon)))
             ]),
             _: 1
           }, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
             class: vue.normalizeClass(vue.unref(ns).e("separator")),
             role: "presentation"
-          }, vue.toDisplayString(vue.unref(separator)), 3))
+          }, vue.toDisplayString((_b = vue.unref(breadcrumbContext)) == null ? void 0 : _b.separator), 3))
         ], 2);
       };
     }
@@ -20721,6 +20721,7 @@
       type: definePropType([String, Object, Array]),
       default: ""
     },
+    bodyClass: String,
     shadow: {
       type: String,
       values: ["always", "hover", "never"],
@@ -20749,7 +20750,7 @@
             ])
           ], 2)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("body")),
+            class: vue.normalizeClass([vue.unref(ns).e("body"), _ctx.bodyClass]),
             style: vue.normalizeStyle(_ctx.bodyStyle)
           }, [
             vue.renderSlot(_ctx.$slots, "default")
@@ -21616,7 +21617,7 @@
 
   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_3$k = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
   const __default__$1a = vue.defineComponent({
     name: "ElCheckbox"
   });
@@ -21685,13 +21686,15 @@
                 "false-value": _ctx.falseLabel,
                 onChange: _cache[1] || (_cache[1] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
                 onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
-                onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false)
+                onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
+                onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
+                }, ["stop"]))
               }, null, 42, _hoisted_2$z)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 1,
                 id: vue.unref(inputId),
-                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(model) ? model.value = $event : null),
+                "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",
@@ -21699,10 +21702,12 @@
                 value: _ctx.label,
                 name: _ctx.name,
                 tabindex: _ctx.tabindex,
-                onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
-                onFocus: _cache[6] || (_cache[6] = ($event) => isFocused.value = true),
-                onBlur: _cache[7] || (_cache[7] = ($event) => isFocused.value = false)
-              }, null, 42, _hoisted_3$j)), [
+                onChange: _cache[6] || (_cache[6] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
+                onFocus: _cache[7] || (_cache[7] = ($event) => isFocused.value = true),
+                onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
+                onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, null, 42, _hoisted_3$k)), [
                 [vue.vModelCheckbox, vue.unref(model)]
               ]),
               vue.createElementVNode("span", {
@@ -21783,21 +21788,25 @@
             "false-value": _ctx.falseLabel,
             onChange: _cache[1] || (_cache[1] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
             onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
-            onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false)
+            onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
+            onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
+            }, ["stop"]))
           }, null, 42, _hoisted_1$S)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(model) ? model.value = $event : null),
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(model) ? model.value = $event : null),
             class: vue.normalizeClass(vue.unref(ns).be("button", "original")),
             type: "checkbox",
             name: _ctx.name,
             tabindex: _ctx.tabindex,
             disabled: vue.unref(isDisabled),
             value: _ctx.label,
-            onChange: _cache[5] || (_cache[5] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
-            onFocus: _cache[6] || (_cache[6] = ($event) => isFocused.value = true),
-            onBlur: _cache[7] || (_cache[7] = ($event) => isFocused.value = false)
+            onChange: _cache[6] || (_cache[6] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
+            onFocus: _cache[7] || (_cache[7] = ($event) => isFocused.value = true),
+            onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
+            onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
+            }, ["stop"]))
           }, null, 42, _hoisted_2$y)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]),
@@ -22020,7 +22029,9 @@
               type: "radio",
               onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
               onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
-              onChange: handleChange
+              onChange: handleChange,
+              onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+              }, ["stop"]))
             }, null, 42, _hoisted_1$R), [
               [vue.vModelRadio, vue.unref(modelValue)]
             ]),
@@ -22030,7 +22041,7 @@
           ], 2),
           vue.createElementVNode("span", {
             class: vue.normalizeClass(vue.unref(ns).e("label")),
-            onKeydown: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+            onKeydown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
             }, ["stop"]))
           }, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
@@ -22091,14 +22102,16 @@
             name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
             disabled: vue.unref(disabled),
             onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
-            onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
+            onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
+            onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+            }, ["stop"]))
           }, null, 42, _hoisted_1$Q), [
             [vue.vModelRadio, vue.unref(modelValue)]
           ]),
           vue.createElementVNode("span", {
             class: vue.normalizeClass(vue.unref(ns).be("button", "inner")),
             style: vue.normalizeStyle(vue.unref(modelValue) === _ctx.label ? vue.unref(activeStyle) : {}),
-            onKeydown: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+            onKeydown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
             }, ["stop"]))
           }, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
@@ -22950,7 +22963,11 @@
           expandingNode.value = null;
         }
         oldNodes.forEach((node) => node.doCheck(false));
-        newNodes.forEach((node) => node.doCheck(true));
+        if (props.props.multiple) {
+          vue.reactive(newNodes).forEach((node) => node.doCheck(true));
+        } else {
+          newNodes.forEach((node) => node.doCheck(true));
+        }
         checkedNodes.value = newNodes;
         vue.nextTick(scrollToExpandingNode);
       };
@@ -23203,6 +23220,10 @@
       default: true
     },
     collapseTags: Boolean,
+    maxCollapseTags: {
+      type: Number,
+      default: 1
+    },
     collapseTagsTooltip: {
       type: Boolean,
       default: false
@@ -23238,7 +23259,7 @@
 
   const _hoisted_1$N = { key: 0 };
   const _hoisted_2$w = ["placeholder", "onKeydown"];
-  const _hoisted_3$i = ["onClick"];
+  const _hoisted_3$j = ["onClick"];
   const COMPONENT_NAME$e = "ElCascader";
   const __default__$13 = vue.defineComponent({
     name: COMPONENT_NAME$e
@@ -23399,9 +23420,9 @@
         nodes.forEach((node) => allTags.push(genTag(node)));
         allPresentTags.value = allTags;
         if (nodes.length) {
-          const [first, ...rest] = nodes;
+          nodes.slice(0, props.maxCollapseTags).forEach((node) => tags.push(genTag(node)));
+          const rest = nodes.slice(props.maxCollapseTags);
           const restCount = rest.length;
-          tags.push(genTag(first));
           if (restCount) {
             if (props.collapseTags) {
               tags.push({
@@ -23594,15 +23615,22 @@
           return;
         val ? handleFilter() : hideSuggestionPanel();
       };
+      const getInputInnerHeight = (inputInner) => Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
       vue.watch(filtering, updatePopperPosition);
       vue.watch([checkedNodes, isDisabled], calculatePresentTags);
       vue.watch(presentTags, () => {
         vue.nextTick(() => updateStyle());
       });
+      vue.watch(realSize, async () => {
+        await vue.nextTick();
+        const inputInner = input.value.input;
+        inputInitialHeight = getInputInnerHeight(inputInner) || inputInitialHeight;
+        updateStyle();
+      });
       vue.watch(presentText, syncPresentTextValue, { immediate: true });
       vue.onMounted(() => {
         const inputInner = input.value.input;
-        const inputInnerHeight = Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
+        const inputInnerHeight = getInputInnerHeight(inputInner);
         inputInitialHeight = inputInner.offsetHeight || inputInnerHeight;
         useResizeObserver(inputInner, updateStyle);
       });
@@ -23719,7 +23747,7 @@
                           vue.createElementVNode("div", {
                             class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
                           }, [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(1), (tag2, idx) => {
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(_ctx.maxCollapseTags), (tag2, idx) => {
                               return vue.openBlock(), vue.createElementBlock("div", {
                                 key: idx,
                                 class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
@@ -23813,7 +23841,7 @@
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
-                  ], 10, _hoisted_3$i);
+                  ], 10, _hoisted_3$j);
                 }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                   vue.createElementVNode("li", {
                     class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
@@ -23906,8 +23934,7 @@
     },
     align: {
       type: String,
-      values: RowAlign,
-      default: "top"
+      values: RowAlign
     }
   });
 
@@ -23935,7 +23962,7 @@
       const rowKls = vue.computed(() => [
         ns.b(),
         ns.is(`justify-${props.justify}`, props.justify !== "start"),
-        ns.is(`align-${props.align}`, props.align !== "top")
+        ns.is(`align-${props.align}`, !!props.align)
       ]);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
@@ -24148,6 +24175,12 @@
     ...__default__$_,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
+      const reset = (el) => {
+        el.style.maxHeight = "";
+        el.style.overflow = el.dataset.oldOverflow;
+        el.style.paddingTop = el.dataset.oldPaddingTop;
+        el.style.paddingBottom = el.dataset.oldPaddingBottom;
+      };
       const on = {
         beforeEnter(el) {
           if (!el.dataset)
@@ -24162,19 +24195,20 @@
           el.dataset.oldOverflow = el.style.overflow;
           if (el.scrollHeight !== 0) {
             el.style.maxHeight = `${el.scrollHeight}px`;
-            el.style.paddingTop = el.dataset.oldPaddingTop;
-            el.style.paddingBottom = el.dataset.oldPaddingBottom;
           } else {
             el.style.maxHeight = 0;
-            el.style.paddingTop = el.dataset.oldPaddingTop;
-            el.style.paddingBottom = el.dataset.oldPaddingBottom;
           }
+          el.style.paddingTop = el.dataset.oldPaddingTop;
+          el.style.paddingBottom = el.dataset.oldPaddingBottom;
           el.style.overflow = "hidden";
         },
         afterEnter(el) {
           el.style.maxHeight = "";
           el.style.overflow = el.dataset.oldOverflow;
         },
+        enterCancelled(el) {
+          reset(el);
+        },
         beforeLeave(el) {
           if (!el.dataset)
             el.dataset = {};
@@ -24192,10 +24226,10 @@
           }
         },
         afterLeave(el) {
-          el.style.maxHeight = "";
-          el.style.overflow = el.dataset.oldOverflow;
-          el.style.paddingTop = el.dataset.oldPaddingTop;
-          el.style.paddingBottom = el.dataset.oldPaddingBottom;
+          reset(el);
+        },
+        leaveCancelled(el) {
+          reset(el);
         }
       };
       return (_ctx, _cache) => {
@@ -24297,7 +24331,7 @@
 
   const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$v = ["id", "tabindex"];
-  const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
+  const _hoisted_3$i = ["id", "aria-hidden", "aria-labelledby"];
   const __default__$Z = vue.defineComponent({
     name: "ElCollapseItem"
   });
@@ -24373,7 +24407,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_3$h), [
+              ], 10, _hoisted_3$i), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -25999,7 +26033,7 @@
     key: 0,
     scope: "col"
   };
-  const _hoisted_3$g = ["aria-label"];
+  const _hoisted_3$h = ["aria-label"];
   const _hoisted_4$b = ["aria-current", "aria-selected", "tabindex"];
   const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
@@ -26317,7 +26351,7 @@
                   key,
                   scope: "col",
                   "aria-label": vue.unref(t)("el.datepicker.weeksFull." + week)
-                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$g);
+                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$h);
               }), 128))
             ]),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
@@ -26355,7 +26389,7 @@
 
   const _hoisted_1$H = ["aria-label"];
   const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-  const _hoisted_3$f = { class: "cell" };
+  const _hoisted_3$g = { class: "cell" };
   const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
@@ -26538,7 +26572,7 @@
                     ]
                   }, [
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                      vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                     ])
                   ], 42, _hoisted_2$s);
                 }), 128))
@@ -26560,7 +26594,7 @@
 
   const _hoisted_1$G = ["aria-label"];
   const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
-  const _hoisted_3$e = { class: "cell" };
+  const _hoisted_3$f = { class: "cell" };
   const _hoisted_4$a = { key: 1 };
   const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
@@ -26645,7 +26679,7 @@
                         vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
                       ]
                     }, [
-                      vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
+                      vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
                     ], 42, _hoisted_2$r)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$a))
                   ], 64);
                 }), 64))
@@ -26660,7 +26694,7 @@
 
   const _hoisted_1$F = ["onClick"];
   const _hoisted_2$q = ["aria-label"];
-  const _hoisted_3$d = ["aria-label"];
+  const _hoisted_3$e = ["aria-label"];
   const _hoisted_4$9 = ["aria-label"];
   const _hoisted_5$7 = ["aria-label"];
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
@@ -26677,11 +26711,12 @@
       const { t, lang } = useLocale();
       const pickerBase = vue.inject("EP_PICKER_BASE");
       const popper = vue.inject(TOOLTIP_INJECTION_KEY);
-      const { shortcuts, disabledDate, cellClassName, defaultTime, arrowControl } = pickerBase.props;
+      const { shortcuts, disabledDate, cellClassName, defaultTime } = pickerBase.props;
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const currentViewRef = vue.ref();
       const innerDate = vue.ref(dayjs().locale(lang.value));
       const isChangeToNow = vue.ref(false);
+      let isShortcut = false;
       const defaultTimeD = vue.computed(() => {
         return dayjs(defaultTime).locale(lang.value);
       });
@@ -26698,7 +26733,7 @@
         return selectableRange.value.length > 0 ? timeWithinRange(date, selectableRange.value, props.format || "HH:mm:ss") : true;
       };
       const formatEmit = (emitDayjs) => {
-        if (defaultTime && !visibleTime.value && !isChangeToNow.value) {
+        if (defaultTime && !visibleTime.value && !isChangeToNow.value && !isShortcut) {
           return defaultTimeD.value.year(emitDayjs.year()).month(emitDayjs.month()).date(emitDayjs.date());
         }
         if (showTime.value)
@@ -26717,6 +26752,7 @@
         userInputDate.value = null;
         userInputTime.value = null;
         isChangeToNow.value = false;
+        isShortcut = false;
       };
       const handleDatePick = (value, keepOpen) => {
         if (selectionMode.value === "date") {
@@ -26759,6 +26795,7 @@
       const handleShortcutClick = (shortcut) => {
         const shortcutValue = isFunction$1(shortcut.value) ? shortcut.value() : shortcut.value;
         if (shortcutValue) {
+          isShortcut = true;
           emit(dayjs(shortcutValue).locale(lang.value));
           return;
         }
@@ -26818,6 +26855,16 @@
       const footerVisible = vue.computed(() => {
         return showTime.value || selectionMode.value === "dates";
       });
+      const disabledConfirm = vue.computed(() => {
+        if (!disabledDate)
+          return false;
+        if (!props.parsedValue)
+          return true;
+        if (isArray$1(props.parsedValue)) {
+          return disabledDate(props.parsedValue[0].toDate());
+        }
+        return disabledDate(props.parsedValue.toDate());
+      });
       const onConfirm = () => {
         if (selectionMode.value === "dates") {
           emit(props.parsedValue);
@@ -26832,6 +26879,11 @@
           emit(result);
         }
       };
+      const disabledNow = vue.computed(() => {
+        if (!disabledDate)
+          return false;
+        return disabledDate(dayjs().locale(lang.value).toDate());
+      });
       const changeToNow = () => {
         const now = dayjs().locale(lang.value);
         const nowDate = now.toDate();
@@ -27109,10 +27161,9 @@
                   vue.createVNode(vue.unref(TimePickPanel), {
                     visible: timePickerVisible.value,
                     format: vue.unref(timeFormat),
-                    "time-arrow-control": vue.unref(arrowControl),
                     "parsed-value": innerDate.value,
                     onPick: handleTimePick
-                  }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                  }, null, 8, ["visible", "format", "parsed-value"])
                 ], 2)), [
                   [vue.unref(ClickOutside), handleTimePickClose]
                 ])
@@ -27151,7 +27202,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$d), [
+                  ], 10, _hoisted_3$e), [
                     [vue.vShow, currentView.value === "date"]
                   ])
                 ], 2),
@@ -27254,26 +27305,28 @@
               text: "",
               size: "small",
               class: vue.normalizeClass(vue.unref(ppNs).e("link-btn")),
+              disabled: vue.unref(disabledNow),
               onClick: changeToNow
             }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.datepicker.now")), 1)
               ]),
               _: 1
-            }, 8, ["class"]), [
+            }, 8, ["class", "disabled"]), [
               [vue.vShow, vue.unref(selectionMode) !== "dates"]
             ]),
             vue.createVNode(vue.unref(ElButton), {
               plain: "",
               size: "small",
               class: vue.normalizeClass(vue.unref(ppNs).e("link-btn")),
+              disabled: vue.unref(disabledConfirm),
               onClick: onConfirm
             }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 1)
               ]),
               _: 1
-            }, 8, ["class"])
+            }, 8, ["class", "disabled"])
           ], 2), [
             [vue.vShow, vue.unref(footerVisible) && currentView.value === "date"]
           ])
@@ -27390,7 +27443,7 @@
 
   const _hoisted_1$E = ["onClick"];
   const _hoisted_2$p = ["disabled"];
-  const _hoisted_3$c = ["disabled"];
+  const _hoisted_3$d = ["disabled"];
   const _hoisted_4$8 = ["disabled"];
   const _hoisted_5$6 = ["disabled"];
   const unit$1 = "month";
@@ -27406,14 +27459,7 @@
     setup(__props, { emit }) {
       const props = __props;
       const pickerBase = vue.inject("EP_PICKER_BASE");
-      const {
-        disabledDate,
-        cellClassName,
-        format,
-        defaultTime,
-        arrowControl,
-        clearable
-      } = pickerBase.props;
+      const { disabledDate, cellClassName, format, defaultTime, clearable } = pickerBase.props;
       const shortcuts = vue.toRef(pickerBase.props, "shortcuts");
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const { lang } = useLocale();
@@ -27498,6 +27544,9 @@
       const dateFormat = vue.computed(() => {
         return extractDateFormat(format);
       });
+      const isValidValue = (date) => {
+        return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
+      };
       const leftPrevYear = () => {
         leftDate.value = leftDate.value.subtract(1, "year");
         if (!props.unlinkPanels) {
@@ -27708,7 +27757,7 @@
           }
         }
       }
-      emit("set-picker-option", ["isValidValue", isValidRange]);
+      emit("set-picker-option", ["isValidValue", isValidValue]);
       emit("set-picker-option", ["parseUserInput", parseUserInput]);
       emit("set-picker-option", ["formatToString", formatToString]);
       emit("set-picker-option", ["handleClear", handleClear]);
@@ -27784,10 +27833,9 @@
                       visible: minTimePickerVisible.value,
                       format: vue.unref(timeFormat),
                       "datetime-role": "start",
-                      "time-arrow-control": vue.unref(arrowControl),
                       "parsed-value": leftDate.value,
                       onPick: handleMinTimePick
-                    }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                    }, null, 8, ["visible", "format", "parsed-value"])
                   ], 2)), [
                     [vue.unref(ClickOutside), handleMinTimeClose]
                   ])
@@ -27837,10 +27885,9 @@
                       "datetime-role": "end",
                       visible: maxTimePickerVisible.value,
                       format: vue.unref(timeFormat),
-                      "time-arrow-control": vue.unref(arrowControl),
                       "parsed-value": rightDate.value,
                       onPick: handleMaxTimePick
-                    }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                    }, null, 8, ["visible", "format", "parsed-value"])
                   ], 2)), [
                     [vue.unref(ClickOutside), handleMaxTimeClose]
                   ])
@@ -27906,7 +27953,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$d)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
                 ], 2),
                 vue.createVNode(DateTable, {
@@ -28090,7 +28137,7 @@
 
   const _hoisted_1$D = ["onClick"];
   const _hoisted_2$o = ["disabled"];
-  const _hoisted_3$b = ["disabled"];
+  const _hoisted_3$c = ["disabled"];
   const unit = "year";
   const __default__$R = vue.defineComponent({
     name: "DatePickerMonthRange"
@@ -28267,7 +28314,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$b)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -28768,14 +28815,8 @@
   const dialogInjectionKey = Symbol("dialogInjectionKey");
 
   const dialogContentProps = buildProps({
-    center: {
-      type: Boolean,
-      default: false
-    },
-    alignCenter: {
-      type: Boolean,
-      default: false
-    },
+    center: Boolean,
+    alignCenter: Boolean,
     closeIcon: {
       type: iconPropType
     },
@@ -28783,14 +28824,8 @@
       type: String,
       default: ""
     },
-    draggable: {
-      type: Boolean,
-      default: false
-    },
-    fullscreen: {
-      type: Boolean,
-      default: false
-    },
+    draggable: Boolean,
+    fullscreen: Boolean,
     showClose: {
       type: Boolean,
       default: true
@@ -28798,14 +28833,19 @@
     title: {
       type: String,
       default: ""
+    },
+    ariaLevel: {
+      type: String,
+      default: "2"
     }
   });
   const dialogContentEmits = {
     close: () => true
   };
 
-  const _hoisted_1$B = ["aria-label"];
-  const _hoisted_2$n = ["id"];
+  const _hoisted_1$B = ["aria-level"];
+  const _hoisted_2$n = ["aria-label"];
+  const _hoisted_3$b = ["id"];
   const __default__$O = vue.defineComponent({ name: "ElDialogContent" });
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     ...__default__$O,
@@ -28817,20 +28857,21 @@
       const { Close } = CloseComponents;
       const { dialogRef, headerRef, bodyId, ns, style } = vue.inject(dialogInjectionKey);
       const { focusTrapRef } = vue.inject(FOCUS_TRAP_INJECTION_KEY);
+      const dialogKls = vue.computed(() => [
+        ns.b(),
+        ns.is("fullscreen", props.fullscreen),
+        ns.is("draggable", props.draggable),
+        ns.is("align-center", props.alignCenter),
+        { [ns.m("center")]: props.center },
+        props.customClass
+      ]);
       const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
       const draggable = vue.computed(() => props.draggable);
       useDraggable(dialogRef, headerRef, draggable);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           ref: vue.unref(composedDialogRef),
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).is("fullscreen", _ctx.fullscreen),
-            vue.unref(ns).is("draggable", vue.unref(draggable)),
-            vue.unref(ns).is("align-center", _ctx.alignCenter),
-            { [vue.unref(ns).m("center")]: _ctx.center },
-            _ctx.customClass
-          ]),
+          class: vue.normalizeClass(vue.unref(dialogKls)),
           style: vue.normalizeStyle(vue.unref(style)),
           tabindex: "-1"
         }, [
@@ -28842,8 +28883,9 @@
             vue.renderSlot(_ctx.$slots, "header", {}, () => [
               vue.createElementVNode("span", {
                 role: "heading",
+                "aria-level": _ctx.ariaLevel,
                 class: vue.normalizeClass(vue.unref(ns).e("title"))
-              }, vue.toDisplayString(_ctx.title), 3)
+              }, vue.toDisplayString(_ctx.title), 11, _hoisted_1$B)
             ]),
             _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 0,
@@ -28860,14 +28902,14 @@
                 ]),
                 _: 1
               }, 8, ["class"])
-            ], 10, _hoisted_1$B)) : vue.createCommentVNode("v-if", true)
+            ], 10, _hoisted_2$n)) : vue.createCommentVNode("v-if", true)
           ], 2),
           vue.createElementVNode("div", {
             id: vue.unref(bodyId),
             class: vue.normalizeClass(vue.unref(ns).e("body"))
           }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_2$n),
+          ], 10, _hoisted_3$b),
           _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("footer", {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("footer"))
@@ -28882,17 +28924,11 @@
 
   const dialogProps = buildProps({
     ...dialogContentProps,
-    appendToBody: {
-      type: Boolean,
-      default: false
-    },
+    appendToBody: Boolean,
     beforeClose: {
       type: definePropType(Function)
     },
-    destroyOnClose: {
-      type: Boolean,
-      default: false
-    },
+    destroyOnClose: Boolean,
     closeOnClickModal: {
       type: Boolean,
       default: true
@@ -28920,10 +28956,7 @@
     top: {
       type: String
     },
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
+    modelValue: Boolean,
     modalClass: String,
     width: {
       type: [String, Number]
@@ -28934,6 +28967,10 @@
     trapFocus: {
       type: Boolean,
       default: false
+    },
+    headerAriaLevel: {
+      type: String,
+      default: "2"
     }
   });
   const dialogEmits = {
@@ -29232,6 +29269,7 @@
                           fullscreen: _ctx.fullscreen,
                           "show-close": _ctx.showClose,
                           title: _ctx.title,
+                          "aria-level": _ctx.headerAriaLevel,
                           onClose: vue.unref(handleClose)
                         }), vue.createSlots({
                           header: vue.withCtx(() => [
@@ -29253,7 +29291,7 @@
                               vue.renderSlot(_ctx.$slots, "footer")
                             ])
                           } : void 0
-                        ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
+                        ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
@@ -29343,6 +29381,10 @@
     modalFade: {
       type: Boolean,
       default: true
+    },
+    headerAriaLevel: {
+      type: String,
+      default: "2"
     }
   });
   const drawerEmits = dialogEmits;
@@ -29392,7 +29434,7 @@
     }
   });
   const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const _hoisted_2$m = ["id"];
+  const _hoisted_2$m = ["id", "aria-level"];
   const _hoisted_3$a = ["aria-label"];
   const _hoisted_4$7 = ["id"];
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
@@ -29459,6 +29501,7 @@
                           key: 0,
                           id: _ctx.titleId,
                           role: "heading",
+                          "aria-level": _ctx.headerAriaLevel,
                           class: vue.normalizeClass(_ctx.ns.e("title"))
                         }, vue.toDisplayString(_ctx.title), 11, _hoisted_2$m)) : vue.createCommentVNode("v-if", true)
                       ]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
@@ -30003,20 +30046,20 @@
         maxHeight: addUnit(props.maxHeight)
       }));
       const dropdownTriggerKls = vue.computed(() => [ns.m(dropdownSize.value)]);
+      const trigger = vue.computed(() => castArray$1(props.trigger));
       const defaultTriggerId = useId().value;
       const triggerId = vue.computed(() => {
         return props.id || defaultTriggerId;
       });
-      vue.watch([triggeringElementRef, vue.toRef(props, "trigger")], ([triggeringElement, trigger], [prevTriggeringElement]) => {
+      vue.watch([triggeringElementRef, trigger], ([triggeringElement, trigger2], [prevTriggeringElement]) => {
         var _a, _b, _c;
-        const triggerArray = isArray$1(trigger) ? trigger : [trigger];
         if ((_a = prevTriggeringElement == null ? void 0 : prevTriggeringElement.$el) == null ? void 0 : _a.removeEventListener) {
           prevTriggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
         }
         if ((_b = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _b.removeEventListener) {
           triggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
         }
-        if (((_c = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _c.addEventListener) && triggerArray.includes("hover")) {
+        if (((_c = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _c.addEventListener) && trigger2.includes("hover")) {
           triggeringElement.$el.addEventListener("pointerenter", onAutofocusTriggerEnter);
         }
       }, { immediate: true });
@@ -30049,7 +30092,7 @@
       }
       function onItemLeave() {
         const contentEl = vue.unref(contentRef);
-        contentEl == null ? void 0 : contentEl.focus();
+        trigger.value.includes("hover") && (contentEl == null ? void 0 : contentEl.focus());
         currentTabId.value = null;
       }
       function handleCurrentTabIdChange(id) {
@@ -31725,7 +31768,7 @@
         } else {
           innerInput.removeAttribute("aria-valuemin");
         }
-        innerInput.setAttribute("aria-valuenow", String(data.currentValue));
+        innerInput.setAttribute("aria-valuenow", data.currentValue || data.currentValue === 0 ? String(data.currentValue) : "");
         innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
         if (!isNumber(modelValue) && modelValue != null) {
           let val = Number(modelValue);
@@ -31736,9 +31779,9 @@
         }
       });
       vue.onUpdated(() => {
-        var _a;
+        var _a, _b;
         const innerInput = (_a = input.value) == null ? void 0 : _a.input;
-        innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${data.currentValue}`);
+        innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${(_b = data.currentValue) != null ? _b : ""}`);
       });
       expose({
         focus,
@@ -32210,6 +32253,8 @@
         "left-start"
       ] : [
         "right-start",
+        "right",
+        "right-end",
         "left-start",
         "bottom-start",
         "bottom-end",
@@ -33179,10 +33224,7 @@
       },
       label: [String, Number],
       created: Boolean,
-      disabled: {
-        type: Boolean,
-        default: false
-      }
+      disabled: Boolean
     },
     setup(props) {
       const ns = useNamespace("select");
@@ -33296,6 +33338,7 @@
     return vue.reactive({
       options: /* @__PURE__ */ new Map(),
       cachedOptions: /* @__PURE__ */ new Map(),
+      disabledOptions: /* @__PURE__ */ new Map(),
       createdLabel: null,
       createdSelected: false,
       selected: props.multiple ? [] : {},
@@ -33314,10 +33357,10 @@
       menuVisibleOnFocus: false,
       isOnComposition: false,
       prefixWidth: 11,
-      mouseEnter: false
+      mouseEnter: false,
+      focused: false
     });
   }
-  let ignoreFocusEvent = false;
   const useSelect$3 = (props, states, ctx) => {
     const { t } = useLocale();
     const ns = useNamespace("select");
@@ -33351,6 +33394,7 @@
     });
     const iconComponent = vue.computed(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
     const iconReverse = vue.computed(() => ns.is("reverse", iconComponent.value && states.visible && props.suffixTransition));
+    const showStatusIconAndState = vue.computed(() => (form == null ? void 0 : form.statusIcon) && (formItem == null ? void 0 : formItem.validateState) && ValidateComponentsMap[formItem == null ? void 0 : formItem.validateState]);
     const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
     const emptyText = vue.computed(() => {
       if (props.loading) {
@@ -33444,7 +33488,6 @@
             props.remoteMethod("");
           }
         }
-        input.value && input.value.blur();
         states.query = "";
         states.previousQuery = null;
         states.selectedLabel = "";
@@ -33503,7 +33546,7 @@
         resetInputHeight();
       }
       const inputs = ((_c = selectWrapper.value) == null ? void 0 : _c.querySelectorAll("input")) || [];
-      if (!Array.from(inputs).includes(document.activeElement)) {
+      if (!props.filterable && !props.defaultFirstOption && !isUndefined(props.modelValue) || !Array.from(inputs).includes(document.activeElement)) {
         setSelected();
       }
       if (props.defaultFirstOption && (props.filterable || props.remote) && states.filteredOptionsCount) {
@@ -33555,9 +33598,11 @@
       states.hoverIndex = -1;
       if (props.multiple && props.filterable) {
         vue.nextTick(() => {
-          const length = input.value.value.length * 15 + 20;
-          states.inputLength = props.collapseTags ? Math.min(50, length) : length;
-          managePlaceholder();
+          if (!selectDisabled.value) {
+            const length = input.value.value.length * 15 + 20;
+            states.inputLength = props.collapseTags ? Math.min(50, length) : length;
+            managePlaceholder();
+          }
           resetInputHeight();
         });
       }
@@ -33622,7 +33667,7 @@
       let option;
       const isObjectValue = toRawType(value).toLowerCase() === "object";
       const isNull = toRawType(value).toLowerCase() === "null";
-      const isUndefined = toRawType(value).toLowerCase() === "undefined";
+      const isUndefined2 = toRawType(value).toLowerCase() === "undefined";
       for (let i = states.cachedOptions.size - 1; i >= 0; i--) {
         const cachedOption = cachedOptionsArray.value[i];
         const isEqualValue = isObjectValue ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey) : cachedOption.value === value;
@@ -33637,7 +33682,7 @@
       }
       if (option)
         return option;
-      const label = isObjectValue ? value.label : !isNull && !isUndefined ? value : "";
+      const label = isObjectValue ? value.label : !isNull && !isUndefined2 ? value : "";
       const newOption = {
         value,
         currentLabel: label
@@ -33694,12 +33739,16 @@
         ctx.emit(CHANGE_EVENT, val);
       }
     };
+    const getLastNotDisabledIndex = (value) => findLastIndex(value, (it) => !states.disabledOptions.has(it));
     const deletePrevTag = (e) => {
       if (e.code === EVENT_CODE.delete)
         return;
       if (e.target.value.length <= 0 && !toggleLastOptionHitState()) {
         const value = props.modelValue.slice();
-        value.pop();
+        const lastNotDisabledIndex = getLastNotDisabledIndex(value);
+        if (lastNotDisabledIndex < 0)
+          return;
+        value.splice(lastNotDisabledIndex, 1);
         ctx.emit(UPDATE_MODEL_EVENT, value);
         emitChange(value);
       }
@@ -33717,6 +33766,7 @@
         ctx.emit("remove-tag", tag.value);
       }
       event.stopPropagation();
+      focus();
     };
     const deleteSelected = (event) => {
       event.stopPropagation();
@@ -33732,6 +33782,7 @@
       states.hoverIndex = -1;
       states.visible = false;
       ctx.emit("clear");
+      focus();
     };
     const handleOptionSelect = (option) => {
       var _a;
@@ -33807,6 +33858,7 @@
       states.filteredOptionsCount++;
       states.options.set(vm.value, vm);
       states.cachedOptions.set(vm.value, vm);
+      vm.disabled && states.disabledOptions.set(vm.value, vm);
     };
     const onOptionDestroy = (key, vm) => {
       if (states.options.get(key) === vm) {
@@ -33824,7 +33876,8 @@
     const toggleLastOptionHitState = (hit) => {
       if (!Array.isArray(states.selected))
         return;
-      const option = states.selected[states.selected.length - 1];
+      const lastNotDisabledIndex = getLastNotDisabledIndex(states.selected.map((it) => it.value));
+      const option = states.selected[lastNotDisabledIndex];
       if (!option)
         return;
       if (hit === true || hit === false) {
@@ -33848,16 +33901,23 @@
       vue.nextTick(() => scrollToOption(states.selected));
     };
     const handleFocus = (event) => {
-      if (!ignoreFocusEvent) {
+      if (!states.focused) {
         if (props.automaticDropdown || props.filterable) {
           if (props.filterable && !states.visible) {
             states.menuVisibleOnFocus = true;
           }
           states.visible = true;
         }
+        states.focused = true;
         ctx.emit("focus", event);
+      }
+    };
+    const focus = () => {
+      var _a, _b;
+      if (states.visible) {
+        (_a = input.value || reference.value) == null ? void 0 : _a.focus();
       } else {
-        ignoreFocusEvent = false;
+        (_b = reference.value) == null ? void 0 : _b.focus();
       }
     };
     const blur = () => {
@@ -33867,15 +33927,13 @@
       (_c = (_b = iOSInput.value) == null ? void 0 : _b.blur) == null ? void 0 : _c.call(_b);
     };
     const handleBlur = (event) => {
-      setTimeout(() => {
-        var _a;
-        if ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent()) {
-          ignoreFocusEvent = true;
-          return;
-        }
-        states.visible && handleClose();
-        ctx.emit("blur", event);
-      });
+      var _a, _b, _c;
+      if (((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent(event)) || ((_b = tagTooltipRef.value) == null ? void 0 : _b.isFocusInsideContent(event)) || ((_c = selectWrapper.value) == null ? void 0 : _c.contains(event.relatedTarget))) {
+        return;
+      }
+      states.visible && handleClose();
+      states.focused = false;
+      ctx.emit("blur", event);
     };
     const handleClearClick = (event) => {
       deleteSelected(event);
@@ -33891,7 +33949,6 @@
       }
     };
     const toggleMenu = (e) => {
-      var _a;
       if (e && !states.mouseEnter) {
         return;
       }
@@ -33903,9 +33960,7 @@
             states.visible = !states.visible;
           }
         }
-        if (states.visible) {
-          (_a = input.value || reference.value) == null ? void 0 : _a.focus();
-        }
+        focus();
       }
     };
     const selectOption = () => {
@@ -33962,6 +34017,10 @@
       deleteTag(event, tag);
       (_b = (_a = tagTooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
     };
+    const selectTagsStyle = vue.computed(() => ({
+      maxWidth: `${vue.unref(states.inputWidth) - 32 - (showStatusIconAndState.value ? 22 : 0)}px`,
+      width: "100%"
+    }));
     return {
       optionList,
       optionsArray,
@@ -33992,6 +34051,7 @@
       onOptionDestroy,
       handleMenuEnter,
       handleFocus,
+      focus,
       blur,
       handleBlur,
       handleClearClick,
@@ -34007,6 +34067,7 @@
       groupQueryChange,
       showTagList,
       collapseTagList,
+      selectTagsStyle,
       reference,
       input,
       iOSInput,
@@ -34138,10 +34199,7 @@
         default: "value"
       },
       collapseTags: Boolean,
-      collapseTagsTooltip: {
-        type: Boolean,
-        default: false
-      },
+      collapseTagsTooltip: Boolean,
       maxCollapseTags: {
         type: Number,
         default: 1
@@ -34155,10 +34213,7 @@
         type: iconPropType,
         default: circle_close_default
       },
-      fitInputWidth: {
-        type: Boolean,
-        default: false
-      },
+      fitInputWidth: Boolean,
       suffixIcon: {
         type: iconPropType,
         default: arrow_down_default
@@ -34168,10 +34223,7 @@
         type: Boolean,
         default: true
       },
-      remoteShowSuffix: {
-        type: Boolean,
-        default: false
-      },
+      remoteShowSuffix: Boolean,
       suffixTransition: {
         type: Boolean,
         default: true
@@ -34180,6 +34232,10 @@
         type: String,
         values: Ee,
         default: "bottom-start"
+      },
+      ariaLabel: {
+        type: String,
+        default: void 0
       }
     },
     emits: [
@@ -34226,6 +34282,7 @@
         onOptionDestroy,
         handleMenuEnter,
         handleFocus,
+        focus,
         blur,
         handleBlur,
         handleClearClick,
@@ -34250,9 +34307,9 @@
         handleMouseEnter,
         handleMouseLeave,
         showTagList,
-        collapseTagList
+        collapseTagList,
+        selectTagsStyle
       } = useSelect$3(props, states, ctx);
-      const { focus } = useFocus(reference);
       const {
         inputWidth,
         selected,
@@ -34303,10 +34360,6 @@
       const scrollbarKls = vue.computed(() => [
         nsSelect.is("empty", !props.allowCreate && Boolean(vue.unref(query)) && vue.unref(filteredOptionsCount) === 0)
       ]);
-      const selectTagsStyle = vue.computed(() => ({
-        maxWidth: `${vue.unref(inputWidth) - 32}px`,
-        width: "100%"
-      }));
       const tagTextStyle = vue.computed(() => {
         const maxWidth = vue.unref(inputWidth) > 123 ? vue.unref(inputWidth) - 123 : vue.unref(inputWidth) - 75;
         return { maxWidth: `${maxWidth}px` };
@@ -34410,6 +34463,7 @@
         handleComposition,
         handleMenuEnter,
         handleFocus,
+        focus,
         blur,
         handleBlur,
         handleClearClick,
@@ -34420,7 +34474,6 @@
         getValueKey,
         navigateOptions,
         dropMenuVisible,
-        focus,
         reference,
         input,
         iOSInput,
@@ -34447,7 +34500,7 @@
       };
     }
   });
-  const _hoisted_1$n = ["disabled", "autocomplete"];
+  const _hoisted_1$n = ["disabled", "autocomplete", "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) {
@@ -34463,9 +34516,9 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectWrapper",
       class: vue.normalizeClass(_ctx.wrapperKls),
-      onMouseenter: _cache[21] || (_cache[21] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
-      onMouseleave: _cache[22] || (_cache[22] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
-      onClick: _cache[23] || (_cache[23] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
+      onMouseenter: _cache[22] || (_cache[22] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
+      onMouseleave: _cache[23] || (_cache[23] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
+      onClick: _cache[24] || (_cache[24] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
@@ -34487,14 +34540,16 @@
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
             class: "select-trigger",
-            onMouseenter: _cache[19] || (_cache[19] = ($event) => _ctx.inputHovering = true),
-            onMouseleave: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = false)
+            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)
+              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,
@@ -34631,6 +34686,7 @@
                 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)),
@@ -34663,7 +34719,7 @@
               id: _ctx.id,
               ref: "reference",
               modelValue: _ctx.selectedLabel,
-              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => _ctx.selectedLabel = $event),
+              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => _ctx.selectedLabel = $event),
               type: "text",
               placeholder: typeof _ctx.currentPlaceholder === "function" ? _ctx.currentPlaceholder() : _ctx.currentPlaceholder,
               name: _ctx.name,
@@ -34674,6 +34730,7 @@
               "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,
@@ -34682,11 +34739,11 @@
               onCompositionupdate: _ctx.handleComposition,
               onCompositionend: _ctx.handleComposition,
               onKeydown: [
-                _cache[16] || (_cache[16] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
-                _cache[17] || (_cache[17] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+                _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[18] || (_cache[18] = vue.withKeys(($event) => _ctx.visible = false, ["tab"]))
+                _cache[19] || (_cache[19] = vue.withKeys(($event) => _ctx.visible = false, ["tab"]))
               ]
             }, vue.createSlots({
               suffix: vue.withCtx(() => [
@@ -34720,7 +34777,7 @@
                   ])
                 ])
               } : void 0
-            ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
+            ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "label", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
           ], 32)
         ]),
         content: vue.withCtx(() => [
@@ -34773,10 +34830,7 @@
     componentName: "ElOptionGroup",
     props: {
       label: String,
-      disabled: {
-        type: Boolean,
-        default: false
-      }
+      disabled: Boolean
     },
     setup(props) {
       const ns = useNamespace("select");
@@ -41654,6 +41708,12 @@
       type: Boolean,
       default: false
     },
+    inactiveActionIcon: {
+      type: iconPropType
+    },
+    activeActionIcon: {
+      type: iconPropType
+    },
     activeIcon: {
       type: iconPropType
     },
@@ -41929,7 +41989,17 @@
                   vue.createVNode(vue.unref(loading_default))
                 ]),
                 _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+              }, 8, ["class"])) : _ctx.activeActionIcon && vue.unref(checked) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeActionIcon)))
+                ]),
+                _: 1
+              })) : _ctx.inactiveActionIcon && !vue.unref(checked) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 2 }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveActionIcon)))
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("v-if", true)
             ], 2)
           ], 6),
           !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -44462,8 +44532,16 @@
       const range = document.createRange();
       range.setStart(cellChild, 0);
       range.setEnd(cellChild, cellChild.childNodes.length);
-      const rangeWidth = Math.round(range.getBoundingClientRect().width);
-      const rangeHeight = Math.round(range.getBoundingClientRect().height);
+      let rangeWidth = range.getBoundingClientRect().width;
+      let rangeHeight = range.getBoundingClientRect().height;
+      const offsetWidth = rangeWidth - Math.floor(rangeWidth);
+      if (offsetWidth < 1e-3) {
+        rangeWidth = Math.floor(rangeWidth);
+      }
+      const offsetHeight = rangeHeight - Math.floor(rangeHeight);
+      if (offsetHeight < 1e-3) {
+        rangeHeight = Math.floor(rangeHeight);
+      }
       const { top, left, right, bottom } = getPadding(cellChild);
       const horizontalPadding = left + right;
       const verticalPadding = top + bottom;
@@ -44652,7 +44730,7 @@
         if (!rowspan || !colspan) {
           return null;
         }
-        const columnData = { ...column };
+        const columnData = Object.assign({}, column);
         columnData.realWidth = getColspanRealWidth(columns.value, colspan, cellIndex);
         const data = {
           store: props.store,
@@ -44837,11 +44915,7 @@
       vue.watch(props.store.states.hoverRow, (newVal, oldVal) => {
         if (!props.store.states.isComplex.value || !isClient)
           return;
-        let raf = window.requestAnimationFrame;
-        if (!raf) {
-          raf = (fn) => window.setTimeout(fn, 16);
-        }
-        raf(() => {
+        rAF(() => {
           const el = instance == null ? void 0 : instance.vnode.el;
           const rows = Array.from((el == null ? void 0 : el.children) || []).filter((e) => e == null ? void 0 : e.classList.contains(`${ns.e("row")}`));
           const oldRow = rows[oldVal];
@@ -45877,7 +45951,7 @@
   };
   const cellForced = {
     selection: {
-      renderHeader({ store }) {
+      renderHeader({ store, column }) {
         function isDisabled() {
           return store.states.data.value && store.states.data.value.length === 0;
         }
@@ -45886,7 +45960,8 @@
           size: store.states.tableSize.value,
           indeterminate: store.states.selection.value.length > 0 && !store.states.isAllSelected.value,
           "onUpdate:modelValue": store.toggleAllSelection,
-          modelValue: store.states.isAllSelected.value
+          modelValue: store.states.isAllSelected.value,
+          ariaLabel: column.label
         });
       },
       renderCell({
@@ -45902,7 +45977,8 @@
             store.commit("rowSelectedChanged", row);
           },
           onClick: (event) => event.stopPropagation(),
-          modelValue: store.isSelected(row)
+          modelValue: store.isSelected(row),
+          ariaLabel: column.label
         });
       },
       sortable: false,
@@ -46075,6 +46151,7 @@
         "label",
         "filters",
         "filterMultiple",
+        "filteredValue",
         "sortable",
         "index",
         "formatter",
@@ -48342,7 +48419,7 @@
           data: _data,
           fixedData,
           estimatedRowHeight,
-          bodyWidth: vue.unref(bodyWidth),
+          bodyWidth: vue.unref(bodyWidth) + vScrollbarSize,
           headerHeight,
           headerWidth: vue.unref(headerWidth),
           height: vue.unref(mainTableHeight),
@@ -51573,7 +51650,7 @@
         expanded.value = true;
         childNodeRendered.value = true;
       }
-      const childrenKey = tree.props["children"] || "children";
+      const childrenKey = tree.props.props["children"] || "children";
       vue.watch(() => {
         const children = props.node.data[childrenKey];
         return children && [...children];
@@ -53136,7 +53213,7 @@
     }
     function isCurrent(node) {
       const current = currentKey.value;
-      return !!current && current === node.key;
+      return current !== void 0 && current === node.key;
     }
     function getCurrentNode() {
       var _a, _b;
@@ -53472,7 +53549,7 @@
     const formData = new FormData();
     if (option.data) {
       for (const [key, value] of Object.entries(option.data)) {
-        if (Array.isArray(value))
+        if (isArray$1(value) && value.length)
           formData.append(key, ...value);
         else
           formData.append(key, value);
@@ -54211,7 +54288,6 @@
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
-      const slots = vue.useSlots();
       const disabled = useFormDisabled();
       const uploadRef = vue.shallowRef();
       const {
@@ -54267,8 +54343,8 @@
                 ref: uploadRef
               }, vue.unref(uploadContentProps)), {
                 default: vue.withCtx(() => [
-                  vue.unref(slots).trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("v-if", true),
-                  !vue.unref(slots).trigger && vue.unref(slots).default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
+                  _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("v-if", true),
+                  !_ctx.$slots.trigger && _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 3
               }, 16)
@@ -54288,8 +54364,8 @@
             ref: uploadRef
           }, vue.unref(uploadContentProps)), {
             default: vue.withCtx(() => [
-              vue.unref(slots).trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("v-if", true),
-              !vue.unref(slots).trigger && vue.unref(slots).default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
+              _ctx.$slots.trigger ? vue.renderSlot(_ctx.$slots, "trigger", { key: 0 }) : vue.createCommentVNode("v-if", true),
+              !_ctx.$slots.trigger && _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
           }, 16)) : vue.createCommentVNode("v-if", true),