element-plus 2.3.9 → 2.3.10

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.9 */
+/*! Element Plus v2.3.10 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11246,7 +11246,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.3.9";
+  const version$1 = "2.3.10";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12983,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;
         }
@@ -13533,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
@@ -13947,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),
@@ -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`;
         }
@@ -16309,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
@@ -20722,6 +20721,7 @@
       type: definePropType([String, Object, Array]),
       default: ""
     },
+    bodyClass: String,
     shadow: {
       type: String,
       values: ["always", "hover", "never"],
@@ -20750,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")
@@ -21617,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"
   });
@@ -21686,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",
@@ -21700,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", {
@@ -21784,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)]
           ]),
@@ -22021,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)]
             ]),
@@ -22031,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", {}, () => [
@@ -22092,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", {}, () => [
@@ -23208,6 +23220,10 @@
       default: true
     },
     collapseTags: Boolean,
+    maxCollapseTags: {
+      type: Number,
+      default: 1
+    },
     collapseTagsTooltip: {
       type: Boolean,
       default: false
@@ -23243,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
@@ -23404,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({
@@ -23731,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"))
@@ -23825,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"))
@@ -24315,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"
   });
@@ -24391,7 +24407,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_3$h), [
+              ], 10, _hoisted_3$i), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -26017,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",
@@ -26335,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) => {
@@ -26373,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,
@@ -26556,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))
@@ -26578,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",
@@ -26663,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))
@@ -26678,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({
@@ -26695,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);
       });
@@ -26716,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)
@@ -26735,6 +26752,7 @@
         userInputDate.value = null;
         userInputTime.value = null;
         isChangeToNow.value = false;
+        isShortcut = false;
       };
       const handleDatePick = (value, keepOpen) => {
         if (selectionMode.value === "date") {
@@ -26777,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;
         }
@@ -27142,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]
                 ])
@@ -27184,7 +27202,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$d), [
+                  ], 10, _hoisted_3$e), [
                     [vue.vShow, currentView.value === "date"]
                   ])
                 ], 2),
@@ -27425,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";
@@ -27441,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();
@@ -27533,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) {
@@ -27743,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]);
@@ -27819,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]
                   ])
@@ -27872,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]
                   ])
@@ -27941,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, {
@@ -28125,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"
@@ -28302,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"]),
@@ -28821,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,
@@ -28866,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,
@@ -28884,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"))
@@ -28949,6 +28967,10 @@
     trapFocus: {
       type: Boolean,
       default: false
+    },
+    headerAriaLevel: {
+      type: String,
+      default: "2"
     }
   });
   const dialogEmits = {
@@ -29247,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(() => [
@@ -29268,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"])
@@ -29358,6 +29381,10 @@
     modalFade: {
       type: Boolean,
       default: true
+    },
+    headerAriaLevel: {
+      type: String,
+      default: "2"
     }
   });
   const drawerEmits = dialogEmits;
@@ -29407,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) {
@@ -29474,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 }, () => [
@@ -30018,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 });
@@ -30064,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) {
@@ -31740,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);
@@ -31751,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,
@@ -33196,10 +33224,7 @@
       },
       label: [String, Number],
       created: Boolean,
-      disabled: {
-        type: Boolean,
-        default: false
-      }
+      disabled: Boolean
     },
     setup(props) {
       const ns = useNamespace("select");
@@ -33313,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 ? [] : {},
@@ -33520,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) {
@@ -33572,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();
         });
       }
@@ -33639,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;
@@ -33654,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
@@ -33711,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);
       }
@@ -33826,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) {
@@ -33843,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) {
@@ -34165,10 +34199,7 @@
         default: "value"
       },
       collapseTags: Boolean,
-      collapseTagsTooltip: {
-        type: Boolean,
-        default: false
-      },
+      collapseTagsTooltip: Boolean,
       maxCollapseTags: {
         type: Number,
         default: 1
@@ -34182,10 +34213,7 @@
         type: iconPropType,
         default: circle_close_default
       },
-      fitInputWidth: {
-        type: Boolean,
-        default: false
-      },
+      fitInputWidth: Boolean,
       suffixIcon: {
         type: iconPropType,
         default: arrow_down_default
@@ -34195,10 +34223,7 @@
         type: Boolean,
         default: true
       },
-      remoteShowSuffix: {
-        type: Boolean,
-        default: false
-      },
+      remoteShowSuffix: Boolean,
       suffixTransition: {
         type: Boolean,
         default: true
@@ -34207,6 +34232,10 @@
         type: String,
         values: Ee,
         default: "bottom-start"
+      },
+      ariaLabel: {
+        type: String,
+        default: void 0
       }
     },
     emits: [
@@ -34471,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) {
@@ -34657,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)),
@@ -34700,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,
@@ -34746,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(() => [
@@ -34799,10 +34830,7 @@
     componentName: "ElOptionGroup",
     props: {
       label: String,
-      disabled: {
-        type: Boolean,
-        default: false
-      }
+      disabled: Boolean
     },
     setup(props) {
       const ns = useNamespace("select");
@@ -44702,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,
@@ -44887,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];
@@ -45927,7 +45951,7 @@
   };
   const cellForced = {
     selection: {
-      renderHeader({ store }) {
+      renderHeader({ store, column }) {
         function isDisabled() {
           return store.states.data.value && store.states.data.value.length === 0;
         }
@@ -45936,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({
@@ -45952,7 +45977,8 @@
             store.commit("rowSelectedChanged", row);
           },
           onClick: (event) => event.stopPropagation(),
-          modelValue: store.isSelected(row)
+          modelValue: store.isSelected(row),
+          ariaLabel: column.label
         });
       },
       sortable: false,
@@ -48393,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),
@@ -51624,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];
@@ -53187,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;
@@ -53523,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);
@@ -54262,7 +54288,6 @@
     props: uploadProps,
     setup(__props, { expose }) {
       const props = __props;
-      const slots = vue.useSlots();
       const disabled = useFormDisabled();
       const uploadRef = vue.shallowRef();
       const {
@@ -54318,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)
@@ -54339,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),