element-plus 2.8.1 → 2.8.3

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.8.1 */
+/*! Element Plus v2.8.3 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9695,7 +9695,7 @@
     vue.onBeforeMount(() => {
       if (!isClient)
         return;
-      if (!cachedContainer && !document.body.querySelector(selector.value)) {
+      if (!cachedContainer || !document.body.querySelector(selector.value)) {
         cachedContainer = createContainer(id.value);
       }
     });
@@ -11559,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.8.1";
+  const version$1 = "2.8.3";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13916,6 +13916,9 @@
       const textareaCalcStyle = vue.shallowRef(props.inputStyle);
       const _ref = vue.computed(() => input.value || textarea.value);
       const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(_ref, {
+        beforeFocus() {
+          return inputDisabled.value;
+        },
         afterBlur() {
           var _a;
           if (props.validateEvent) {
@@ -14556,6 +14559,10 @@
       type: Number,
       default: 20
     },
+    tabindex: {
+      type: [String, Number],
+      default: void 0
+    },
     id: String,
     role: String,
     ...useAriaProps(["ariaLabel", "ariaOrientation"])
@@ -14692,6 +14699,7 @@
             ref: wrapRef,
             class: vue.normalizeClass(vue.unref(wrapKls)),
             style: vue.normalizeStyle(vue.unref(wrapStyle)),
+            tabindex: _ctx.tabindex,
             onScroll: handleScroll
           }, [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
@@ -14709,7 +14717,7 @@
               ]),
               _: 3
             }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
-          ], 38),
+          ], 46, ["tabindex"]),
           !_ctx.native ? (vue.openBlock(), vue.createBlock(Bar, {
             key: 0,
             ref_key: "barRef",
@@ -16049,9 +16057,10 @@
         var _a;
         return (_a = props.style) != null ? _a : {};
       });
-      const ariaHidden = vue.computed(() => !vue.unref(open));
+      const ariaHidden = vue.ref(true);
       const onTransitionLeave = () => {
         onHide();
+        ariaHidden.value = true;
       };
       const stopWhenControlled = () => {
         if (vue.unref(controlled))
@@ -16097,6 +16106,8 @@
       vue.watch(() => vue.unref(open), (val) => {
         if (!val) {
           stopHandle == null ? void 0 : stopHandle();
+        } else {
+          ariaHidden.value = false;
         }
       }, {
         flush: "post"
@@ -16129,7 +16140,7 @@
                   ref: contentRef
                 }, _ctx.$attrs, {
                   "aria-label": _ctx.ariaLabel,
-                  "aria-hidden": vue.unref(ariaHidden),
+                  "aria-hidden": ariaHidden.value,
                   "boundaries-padding": _ctx.boundariesPadding,
                   "fallback-placements": _ctx.fallbackPlacements,
                   "gpu-acceleration": _ctx.gpuAcceleration,
@@ -19105,7 +19116,7 @@
           }
           emitChange(valueOnClear.value, true);
           showClose.value = false;
-          pickerVisible.value = false;
+          onHide();
         }
         emit("clear");
       };
@@ -20895,7 +20906,7 @@
       }
     });
     const validatedRange = vue.computed(() => {
-      if (!props.range)
+      if (!props.range || !isArray$1(props.range) || props.range.length !== 2 || props.range.some((item) => !isDate$1(item)))
         return [];
       const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value));
       const [startDayjs, endDayjs] = rangeArrDayjs;
@@ -23119,14 +23130,18 @@
           ], 2)) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(_ctx.ns.e("empty-text"))
-          }, vue.toDisplayString(_ctx.t("el.cascader.noData")), 3)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", {
+          }, [
+            vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)
+            ])
+          ], 2)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", {
             key: 2,
             ref: "hoverZone",
             class: vue.normalizeClass(_ctx.ns.e("hover-zone"))
           }, null, 2)) : vue.createCommentVNode("v-if", true)
         ];
       }),
-      _: 1
+      _: 3
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
   var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$s], ["__file", "menu.vue"]]);
@@ -23620,7 +23635,12 @@
           ref: (item) => _ctx.menuList[index] = item,
           index,
           nodes: [...menu]
-        }, null, 8, ["index", "nodes"]);
+        }, {
+          empty: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "empty")
+          ]),
+          _: 2
+        }, 1032, ["index", "nodes"]);
       }), 128))
     ], 42, ["onKeydown"]);
   }
@@ -23683,6 +23703,9 @@
       const handleClick = (event) => {
         emit("click", event);
       };
+      const handleVNodeMounted = (vnode) => {
+        vnode.component.subTree.component.bum = null;
+      };
       return (_ctx, _cache) => {
         return _ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
@@ -23708,7 +23731,8 @@
         ], 6)) : (vue.openBlock(), vue.createBlock(vue.Transition, {
           key: 1,
           name: `${vue.unref(ns).namespace.value}-zoom-in-center`,
-          appear: ""
+          appear: "",
+          onVnodeMounted: handleVNodeMounted
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", {
@@ -24363,7 +24387,12 @@
               "render-label": _ctx.$slots.default,
               onExpandChange: handleExpandChange,
               onClose: ($event) => _ctx.$nextTick(() => togglePopperVisible(false))
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "render-label", "onClose"]), [
+            }, {
+              empty: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "empty")
+              ]),
+              _: 3
+            }, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "render-label", "onClose"]), [
               [vue.vShow, !filtering.value]
             ]),
             _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElScrollbar), {
@@ -24416,6 +24445,7 @@
 
   const checkTagProps = buildProps({
     checked: Boolean,
+    disabled: Boolean,
     type: {
       type: String,
       values: ["primary", "success", "info", "warning", "danger"],
@@ -24437,12 +24467,16 @@
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("check-tag");
+      const isDisabled = vue.computed(() => props.disabled);
       const containerKls = vue.computed(() => [
         ns.b(),
         ns.is("checked", props.checked),
+        ns.is("disabled", isDisabled.value),
         ns.m(props.type || "primary")
       ]);
       const handleChange = () => {
+        if (isDisabled.value)
+          return;
         const checked = !props.checked;
         emit(CHANGE_EVENT, checked);
         emit("update:checked", checked);
@@ -24815,6 +24849,10 @@
       type: definePropType([String, Number]),
       default: void 0
     },
+    icon: {
+      type: iconPropType,
+      default: arrow_right_default
+    },
     disabled: Boolean
   });
 
@@ -24937,14 +24975,16 @@
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
             ]),
-            vue.createVNode(vue.unref(ElIcon), {
-              class: vue.normalizeClass(vue.unref(arrowKls))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(arrow_right_default))
-              ]),
-              _: 1
-            }, 8, ["class"])
+            vue.renderSlot(_ctx.$slots, "icon", { isActive: vue.unref(isActive) }, () => [
+              vue.createVNode(vue.unref(ElIcon), {
+                class: vue.normalizeClass(vue.unref(arrowKls))
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])
           ], 42, ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "onClick", "onKeydown", "onFocus", "onBlur"]),
           vue.createVNode(vue.unref(ElCollapseTransition), null, {
             default: vue.withCtx(() => [
@@ -26015,6 +26055,13 @@
           color.fromString(newVal);
         }
       });
+      vue.watch(() => props.colorFormat, () => {
+        if (props.colorFormat) {
+          color.format = props.colorFormat;
+          color.doOnChange();
+          emit(UPDATE_MODEL_EVENT, color.value);
+        }
+      });
       vue.watch(() => currentColor.value, (val) => {
         customInput.value = val;
         shouldActiveChange && emit("activeChange", val);
@@ -34064,6 +34111,7 @@
           handleResize
         });
       }
+      const ulStyle = useMenuCssVar(props, 0);
       return () => {
         var _a, _b;
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
@@ -34088,7 +34136,6 @@
             }));
           }
         }
-        const ulStyle = useMenuCssVar(props, 0);
         const directives = props.closeOnClickOutside ? [
           [
             ClickOutside,
@@ -34714,7 +34761,7 @@
       cachedOptions: /* @__PURE__ */ new Map(),
       disabledOptions: /* @__PURE__ */ new Map(),
       optionValues: [],
-      selected: props.multiple ? [] : {},
+      selected: [],
       selectionWidth: 0,
       calculatorWidth: 0,
       collapseItemWidth: 0,
@@ -34745,7 +34792,10 @@
     } = useComposition({
       afterComposition: (e) => onInput(e)
     });
-    const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
+    const { wrapperRef, isFocused } = useFocusController(inputRef, {
+      beforeFocus() {
+        return selectDisabled.value;
+      },
       afterFocus() {
         if (props.automaticDropdown && !expanded.value) {
           expanded.value = true;
@@ -34930,7 +34980,7 @@
         const value = isArray$1(props.modelValue) ? props.modelValue[0] : props.modelValue;
         const option = getOption(value);
         states.selectedLabel = option.currentLabel;
-        states.selected = option;
+        states.selected = [option];
         return;
       } else {
         states.selectedLabel = "";
@@ -34972,13 +35022,7 @@
       return newOption;
     };
     const updateHoveringIndex = () => {
-      if (!props.multiple) {
-        states.hoveringIndex = optionsArray.value.findIndex((item) => {
-          return getValueKey(item) === getValueKey(states.selected);
-        });
-      } else {
-        states.hoveringIndex = optionsArray.value.findIndex((item) => states.selected.some((selected) => getValueKey(selected) === getValueKey(item)));
-      }
+      states.hoveringIndex = optionsArray.value.findIndex((item) => states.selected.some((selected) => getValueKey(selected) === getValueKey(item)));
     };
     const resetSelectionWidth = () => {
       states.selectionWidth = selectionRef.value.getBoundingClientRect().width;
@@ -35150,17 +35194,15 @@
       (_a = inputRef.value) == null ? void 0 : _a.focus();
     };
     const blur = () => {
-      handleClickOutside();
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
     };
     const handleClearClick = (event) => {
       deleteSelected(event);
     };
-    const handleClickOutside = (event) => {
+    const handleClickOutside = () => {
       expanded.value = false;
-      if (isFocused.value) {
-        const _event = new FocusEvent("focus", event);
-        vue.nextTick(() => handleBlur(_event));
-      }
+      isFocused.value && blur();
     };
     const handleEsc = () => {
       if (states.inputValue.length > 0) {
@@ -35488,9 +35530,21 @@
       "blur"
     ],
     setup(props, { emit }) {
-      const API = useSelect$3(props, emit);
+      const modelValue = vue.computed(() => {
+        const { modelValue: rawModelValue, multiple } = props;
+        const fallback = multiple ? [] : void 0;
+        if (isArray$1(rawModelValue)) {
+          return multiple ? rawModelValue : fallback;
+        }
+        return multiple ? fallback : rawModelValue;
+      });
+      const _props = vue.reactive({
+        ...vue.toRefs(props),
+        modelValue
+      });
+      const API = useSelect$3(_props, emit);
       vue.provide(selectKey, vue.reactive({
-        props,
+        props: _props,
         states: API.states,
         optionsArray: API.optionsArray,
         handleOptionSelect: API.handleOptionSelect,
@@ -35500,7 +35554,8 @@
         setSelected: API.setSelected
       }));
       return {
-        ...API
+        ...API,
+        modelValue
       };
     }
   });
@@ -36391,9 +36446,10 @@
       const { t } = useLocale();
       const ns = useNamespace("pagination");
       const vnodeProps = vue.getCurrentInstance().vnode.props || {};
+      const _globalSize = useGlobalSize();
       const _size = vue.computed(() => {
         var _a;
-        return props.small ? "small" : (_a = props.size) != null ? _a : useGlobalSize().value;
+        return props.small ? "small" : (_a = props.size) != null ? _a : _globalSize.value;
       });
       useDeprecated({
         from: "small",
@@ -39985,6 +40041,9 @@
       afterComposition: (e) => onInput(e)
     });
     const { wrapperRef, isFocused } = useFocusController(inputRef, {
+      beforeFocus() {
+        return selectDisabled.value;
+      },
       afterFocus() {
         if (props.automaticDropdown && !expanded.value) {
           expanded.value = true;
@@ -40409,12 +40468,9 @@
         return onInputChange();
       }
     };
-    const handleClickOutside = (event) => {
+    const handleClickOutside = () => {
       expanded.value = false;
-      if (isFocused.value) {
-        const _event = new FocusEvent("focus", event);
-        handleBlur(_event);
-      }
+      isFocused.value && blur();
     };
     const handleMenuEnter = () => {
       states.isBeforeHide = false;
@@ -40427,12 +40483,18 @@
     const scrollToItem = (index) => {
       menuRef.value.scrollToItem(index);
     };
-    const getOption = (value) => {
+    const getOption = (value, cachedOptions) => {
       const selectValue = getValueKey(value);
       if (allOptionsValueMap.value.has(selectValue)) {
         const { option } = allOptionsValueMap.value.get(selectValue);
         return option;
       }
+      if (cachedOptions && cachedOptions.length) {
+        const option = cachedOptions.find((option2) => getValueKey(getValue(option2)) === selectValue);
+        if (option) {
+          return option;
+        }
+      }
       return {
         [aliasProps.value.value]: value,
         [aliasProps.value.label]: value
@@ -40441,10 +40503,11 @@
     const initStates = () => {
       if (props.multiple) {
         if (props.modelValue.length > 0) {
+          const cachedOptions = states.cachedOptions.slice();
           states.cachedOptions.length = 0;
           states.previousValue = props.modelValue.toString();
           for (const value of props.modelValue) {
-            const option = getOption(value);
+            const option = getOption(value, cachedOptions);
             states.cachedOptions.push(option);
           }
         } else {
@@ -43767,15 +43830,30 @@
         updateChildFixed(childColumn);
       });
     };
+    let selectionInitialFixed = void 0;
     const updateColumns = () => {
       _columns.value.forEach((column) => {
         updateChildFixed(column);
       });
       fixedColumns.value = _columns.value.filter((column) => column.fixed === true || column.fixed === "left");
       rightFixedColumns.value = _columns.value.filter((column) => column.fixed === "right");
-      if (fixedColumns.value.length > 0 && _columns.value[0] && _columns.value[0].type === "selection" && !_columns.value[0].fixed) {
-        _columns.value[0].fixed = true;
-        fixedColumns.value.unshift(_columns.value[0]);
+      if (isUndefined(selectionInitialFixed) && _columns.value[0] && _columns.value[0].type === "selection") {
+        selectionInitialFixed = Boolean(_columns.value[0].fixed);
+      }
+      if (fixedColumns.value.length > 0 && _columns.value[0] && _columns.value[0].type === "selection") {
+        if (!_columns.value[0].fixed) {
+          _columns.value[0].fixed = true;
+          fixedColumns.value.unshift(_columns.value[0]);
+        } else {
+          const hasNotSelectionColumns = fixedColumns.value.some((column) => column.type !== "selection");
+          if (!hasNotSelectionColumns) {
+            _columns.value[0].fixed = selectionInitialFixed;
+            if (!selectionInitialFixed)
+              fixedColumns.value.shift();
+          } else {
+            selectionInitialFixed = void 0;
+          }
+        }
       }
       const notFixedColumns = _columns.value.filter((column) => !column.fixed);
       originColumns.value = [].concat(fixedColumns.value).concat(notFixedColumns).concat(rightFixedColumns.value);
@@ -43832,13 +43910,13 @@
     const getSelectionRows = () => {
       return (selection.value || []).slice();
     };
-    const toggleRowSelection = (row, selected, emitChange = true) => {
+    const toggleRowSelection = (row, selected, emitChange = true, ignoreSelectable = false) => {
       var _a2, _b, _c, _d;
       const treeProps = {
         children: (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.childrenColumnName.value,
         checkStrictly: (_d = (_c = instance == null ? void 0 : instance.store) == null ? void 0 : _c.states) == null ? void 0 : _d.checkStrictly.value
       };
-      const changed = toggleRowStatus(selection.value, row, selected, treeProps);
+      const changed = toggleRowStatus(selection.value, row, selected, treeProps, ignoreSelectable ? void 0 : selectable.value);
       if (changed) {
         const newSelection = (selection.value || []).slice();
         if (emitChange) {
@@ -46089,8 +46167,8 @@
     const getSelectionRows = () => {
       return store.getSelectionRows();
     };
-    const toggleRowSelection = (row, selected) => {
-      store.toggleRowSelection(row, selected, false);
+    const toggleRowSelection = (row, selected, ignoreSelectable = true) => {
+      store.toggleRowSelection(row, selected, false, ignoreSelectable);
       store.updateAllSelected();
     };
     const clearSelection = () => {
@@ -46509,7 +46587,11 @@
     },
     scrollbarAlwaysOn: Boolean,
     flexible: Boolean,
-    showOverflowTooltip: [Boolean, Object]
+    showOverflowTooltip: [Boolean, Object],
+    scrollbarTabindex: {
+      type: [Number, String],
+      default: void 0
+    }
   };
 
   function hColgroup(props) {
@@ -46789,7 +46871,8 @@
             ref: "scrollBarRef",
             "view-style": _ctx.scrollbarViewStyle,
             "wrap-style": _ctx.scrollbarStyle,
-            always: _ctx.scrollbarAlwaysOn
+            always: _ctx.scrollbarAlwaysOn,
+            tabindex: _ctx.scrollbarTabindex
           }, {
             default: vue.withCtx(() => [
               vue.createElementVNode("table", {
@@ -46859,7 +46942,7 @@
               ], 2)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["view-style", "wrap-style", "always"])
+          }, 8, ["view-style", "wrap-style", "always", "tabindex"])
         ], 2),
         _ctx.showSummary && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
@@ -47481,7 +47564,8 @@
         columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? parent2.columnConfig.value : null, updateColumnOrder);
       });
       vue.onBeforeUnmount(() => {
-        const columnIndex = columnConfig.value.getColumnIndex();
+        const getColumnIndex = columnConfig.value.getColumnIndex;
+        const columnIndex = getColumnIndex ? getColumnIndex() : -1;
         columnIndex > -1 && owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? parent.columnConfig.value : null, updateColumnOrder);
       });
       instance.columnId = columnId.value;
@@ -47574,8 +47658,15 @@
   };
 
   function useColumns(props, columns, fixed) {
+    const _columns = vue.computed(() => vue.unref(columns).map((column, index) => {
+      var _a, _b;
+      return {
+        ...column,
+        key: (_b = (_a = column.key) != null ? _a : column.dataKey) != null ? _b : index
+      };
+    }));
     const visibleColumns = vue.computed(() => {
-      return vue.unref(columns).filter((column) => !column.hidden);
+      return vue.unref(_columns).filter((column) => !column.hidden);
     });
     const fixedColumnsOnLeft = vue.computed(() => vue.unref(visibleColumns).filter((column) => column.fixed === "left" || column.fixed === true));
     const fixedColumnsOnRight = vue.computed(() => vue.unref(visibleColumns).filter((column) => column.fixed === "right"));
@@ -47603,8 +47694,7 @@
       return vue.unref(fixedColumnsOnLeft).length || vue.unref(fixedColumnsOnRight).length;
     });
     const columnsStyles = vue.computed(() => {
-      const _columns = vue.unref(columns);
-      return _columns.reduce((style, column) => {
+      return vue.unref(_columns).reduce((style, column) => {
         style[column.key] = calcColumnStyle(column, vue.unref(fixed), props.fixed);
         return style;
       }, {});
@@ -47613,7 +47703,7 @@
       return vue.unref(visibleColumns).reduce((width, column) => width + column.width, 0);
     });
     const getColumn = (key) => {
-      return vue.unref(columns).find((column) => column.key === key);
+      return vue.unref(_columns).find((column) => column.key === key);
     };
     const getColumnStyle = (key) => {
       return vue.unref(columnsStyles)[key];
@@ -47636,7 +47726,7 @@
       (_a = props.onColumnSort) == null ? void 0 : _a.call(props, { column: getColumn(key), key, order });
     }
     return {
-      columns,
+      columns: _columns,
       columnsStyles,
       columnsTotalWidth,
       fixedColumnsOnLeft,
@@ -49705,11 +49795,34 @@
         };
       };
       const update = () => barStyle.value = getBarStyle();
+      const saveObserver = [];
+      const observerTabs = () => {
+        var _a;
+        saveObserver.forEach((observer) => observer.stop());
+        saveObserver.length = 0;
+        const list = (_a = instance.parent) == null ? void 0 : _a.refs;
+        if (!list)
+          return;
+        for (const key in list) {
+          if (key.startsWith("tab-")) {
+            const _el = list[key];
+            if (_el) {
+              saveObserver.push(useResizeObserver(_el, update));
+            }
+          }
+        }
+      };
       vue.watch(() => props.tabs, async () => {
         await vue.nextTick();
         update();
+        observerTabs();
       }, { immediate: true });
-      useResizeObserver(barRef, () => update());
+      const barObserever = useResizeObserver(barRef, () => update());
+      vue.onBeforeUnmount(() => {
+        saveObserver.forEach((observer) => observer.stop());
+        saveObserver.length = 0;
+        barObserever.stop();
+      });
       expose({
         ref: barRef,
         update
@@ -52780,8 +52893,9 @@
           tree.ctx.emit("node-collapse", props.node.data, props.node, instance);
           props.node.collapse();
         } else {
-          props.node.expand();
-          ctx.emit("node-expand", props.node.data, props.node, instance);
+          props.node.expand(() => {
+            ctx.emit("node-expand", props.node.data, props.node, instance);
+          });
         }
       };
       const handleCheckChange = (value, ev) => {
@@ -53515,6 +53629,14 @@
       }, (data) => getNodeValByProp("children", data));
       return options;
     });
+    const getChildCheckedKeys = () => {
+      var _a;
+      return (_a = tree.value) == null ? void 0 : _a.getCheckedKeys().filter((checkedKey) => {
+        var _a2;
+        const node = (_a2 = tree.value) == null ? void 0 : _a2.getNode(checkedKey);
+        return !isNil(node) && isEmpty(node.childNodes);
+      });
+    };
     return {
       ...pick(vue.toRefs(props), Object.keys(ElTree.props)),
       ...attrs,
@@ -53570,7 +53692,8 @@
           emit(UPDATE_MODEL_EVENT, props.multiple ? checkedKeys : checkedKeys.includes(dataValue) ? dataValue : void 0);
         } else {
           if (props.multiple) {
-            emit(UPDATE_MODEL_EVENT, cachedKeys.concat(tree.value.getCheckedKeys(true)));
+            const childKeys = getChildCheckedKeys();
+            emit(UPDATE_MODEL_EVENT, cachedKeys.concat(childKeys));
           } else {
             const firstLeaf = treeFind([data], (data2) => !isValidArray(getNodeValByProp("children", data2)) && !getNodeValByProp("disabled", data2), (data2) => getNodeValByProp("children", data2));
             const firstLeafKey = firstLeaf ? getNodeValByProp("value", firstLeaf) : void 0;
@@ -53591,6 +53714,20 @@
         });
         (_a = select.value) == null ? void 0 : _a.focus();
       },
+      onNodeExpand: (data, node, e) => {
+        var _a;
+        (_a = attrs.onNodeExpand) == null ? void 0 : _a.call(attrs, data, node, e);
+        vue.nextTick(() => {
+          if (!props.checkStrictly && props.lazy && props.multiple && node.checked) {
+            const dataMap = {};
+            const uncachedCheckedKeys = tree.value.getCheckedKeys();
+            treeEach([tree.value.store.root], (node2) => dataMap[node2.key] = node2, (node2) => node2.childNodes);
+            const cachedKeys = toValidArray(props.modelValue).filter((item) => !(item in dataMap) && !uncachedCheckedKeys.includes(item));
+            const childKeys = getChildCheckedKeys();
+            emit(UPDATE_MODEL_EVENT, cachedKeys.concat(childKeys));
+          }
+        });
+      },
       cacheOptions
     };
   };
@@ -53824,6 +53961,7 @@
     }
   });
   const NODE_CLICK = "node-click";
+  const NODE_DROP = "node-drop";
   const NODE_EXPAND = "node-expand";
   const NODE_COLLAPSE = "node-collapse";
   const CURRENT_CHANGE = "current-change";
@@ -53832,6 +53970,7 @@
   const NODE_CONTEXTMENU = "node-contextmenu";
   const treeEmits = {
     [NODE_CLICK]: (data, node, e) => data && node && e,
+    [NODE_DROP]: (data, node, e) => data && node && e,
     [NODE_EXPAND]: (data, node) => data && node,
     [NODE_COLLAPSE]: (data, node) => data && node,
     [CURRENT_CHANGE]: (data, node) => data && node,
@@ -53841,6 +53980,7 @@
   };
   const treeNodeEmits = {
     click: (node, e) => !!(node && e),
+    drop: (node, e) => !!(node && e),
     toggle: (node) => !!node,
     check: (node, checked) => node && typeof checked === "boolean"
   };
@@ -54131,34 +54271,26 @@
       return ((_a = props.props) == null ? void 0 : _a.label) || TreeOptionsEnum.LABEL;
     });
     const flattenTree = vue.computed(() => {
+      var _a;
       const expandedKeys = expandedKeySet.value;
       const hiddenKeys = hiddenNodeKeySet.value;
       const flattenNodes = [];
-      const nodes = tree.value && tree.value.treeNodes || [];
-      function traverse() {
-        const stack = [];
-        for (let i = nodes.length - 1; i >= 0; --i) {
-          stack.push(nodes[i]);
-        }
-        while (stack.length) {
-          const node = stack.pop();
-          if (!node)
-            continue;
-          if (!hiddenKeys.has(node.key)) {
-            flattenNodes.push(node);
-          }
-          if (expandedKeys.has(node.key)) {
-            const children = node.children;
-            if (children) {
-              const length = children.length;
-              for (let i = length - 1; i >= 0; --i) {
-                stack.push(children[i]);
-              }
-            }
+      const nodes = ((_a = tree.value) == null ? void 0 : _a.treeNodes) || [];
+      const stack = [];
+      for (let i = nodes.length - 1; i >= 0; --i) {
+        stack.push(nodes[i]);
+      }
+      while (stack.length) {
+        const node = stack.pop();
+        if (hiddenKeys.has(node.key))
+          continue;
+        flattenNodes.push(node);
+        if (node.children && expandedKeys.has(node.key)) {
+          for (let i = node.children.length - 1; i >= 0; --i) {
+            stack.push(node.children[i]);
           }
         }
       }
-      traverse();
       return flattenNodes;
     });
     const isNotEmpty = vue.computed(() => {
@@ -54236,7 +54368,16 @@
       }
     }
     function setExpandedKeys(keys) {
-      expandedKeySet.value = new Set(keys);
+      const expandedKeys = /* @__PURE__ */ new Set();
+      const nodeMap = tree.value.treeNodeMap;
+      keys.forEach((k) => {
+        let node = nodeMap.get(k);
+        while (node && !expandedKeys.has(node.key)) {
+          expandedKeys.add(node.key);
+          node = node.parent;
+        }
+      });
+      expandedKeySet.value = expandedKeys;
     }
     function handleNodeClick(node, e) {
       emit(NODE_CLICK, node.data, node, e);
@@ -54248,6 +54389,9 @@
         toggleCheckbox(node, !isChecked(node), true);
       }
     }
+    function handleNodeDrop(node, e) {
+      emit(NODE_DROP, node.data, node, e);
+    }
     function handleCurrentChange(node) {
       if (!isCurrent(node)) {
         currentKey.value = node.key;
@@ -54331,6 +54475,7 @@
       isCurrent,
       isForceHiddenExpandIcon,
       handleNodeClick,
+      handleNodeDrop,
       handleNodeCheck,
       getCurrentNode,
       getCurrentKey,
@@ -54388,6 +54533,9 @@
       const handleClick = (e) => {
         emit("click", props.node, e);
       };
+      const handleDrop = (e) => {
+        emit("drop", props.node, e);
+      };
       const handleExpandIconClick = () => {
         emit("toggle", props.node);
       };
@@ -54420,7 +54568,12 @@
           "aria-checked": _ctx.checked,
           "data-key": (_a = _ctx.node) == null ? void 0 : _a.key,
           onClick: vue.withModifiers(handleClick, ["stop"]),
-          onContextmenu: handleContextMenu
+          onContextmenu: handleContextMenu,
+          onDragover: vue.withModifiers(() => {
+          }, ["prevent"]),
+          onDragenter: vue.withModifiers(() => {
+          }, ["prevent"]),
+          onDrop: vue.withModifiers(handleDrop, ["stop"])
         }, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).be("node", "content")),
@@ -54457,7 +54610,7 @@
             }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : vue.createCommentVNode("v-if", true),
             vue.createVNode(vue.unref(ElNodeContent), { node: _ctx.node }, null, 8, ["node"])
           ], 6)
-        ], 42, ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick"]);
+        ], 42, ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick", "onDragover", "onDragenter", "onDrop"]);
       };
     }
   });
@@ -54497,6 +54650,7 @@
         isCurrent,
         isForceHiddenExpandIcon,
         handleNodeClick,
+        handleNodeDrop,
         handleNodeCheck,
         toggleCheckbox,
         getCurrentNode,
@@ -54569,8 +54723,9 @@
                 "hidden-expand-icon": vue.unref(isForceHiddenExpandIcon)(data[index]),
                 onClick: vue.unref(handleNodeClick),
                 onToggle: vue.unref(toggleExpand),
-                onCheck: vue.unref(handleNodeCheck)
-              }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "item-size", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"]))
+                onCheck: vue.unref(handleNodeCheck),
+                onDrop: vue.unref(handleNodeDrop)
+              }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "item-size", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck", "onDrop"]))
             ]),
             _: 1
           }, 8, ["class-name", "data", "total", "height", "item-size", "perf-mode"])) : (vue.openBlock(), vue.createElementBlock("div", {
@@ -57559,6 +57714,7 @@
       const props = __props;
       const passInputProps = vue.computed(() => pick(props, Object.keys(inputProps)));
       const ns = useNamespace("mention");
+      const disabled = useFormDisabled();
       const contentId = useId();
       const elInputRef = vue.ref();
       const tooltipRef = vue.ref();
@@ -57637,6 +57793,9 @@
         }
       };
       const { wrapperRef } = useFocusController(elInputRef, {
+        beforeFocus() {
+          return disabled.value;
+        },
         afterFocus() {
           syncAfterCursorMove();
         },
@@ -57731,6 +57890,7 @@
             ref_key: "elInputRef",
             ref: elInputRef,
             "model-value": _ctx.modelValue,
+            disabled: vue.unref(disabled),
             role: vue.unref(dropdownVisible) ? "combobox" : void 0,
             "aria-activedescendant": vue.unref(dropdownVisible) ? vue.unref(hoveringId) || "" : void 0,
             "aria-controls": vue.unref(dropdownVisible) ? vue.unref(contentId) : void 0,
@@ -57750,7 +57910,7 @@
                 ])
               };
             })
-          ]), 1040, ["model-value", "role", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "aria-autocomplete", "aria-haspopup"]),
+          ]), 1040, ["model-value", "disabled", "role", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "aria-autocomplete", "aria-haspopup"]),
           vue.createVNode(vue.unref(ElTooltip), {
             ref_key: "tooltipRef",
             ref: tooltipRef,
@@ -57776,7 +57936,7 @@
                   ref_key: "dropdownRef",
                   ref: dropdownRef,
                   options: vue.unref(filteredOptions),
-                  disabled: _ctx.disabled,
+                  disabled: vue.unref(disabled),
                   loading: _ctx.loading,
                   "content-id": vue.unref(contentId),
                   "aria-label": _ctx.ariaLabel,
@@ -58587,6 +58747,18 @@
       }
       normalized.appendTo = appendTo;
     }
+    if (isBoolean(messageConfig.grouping) && !normalized.grouping) {
+      normalized.grouping = messageConfig.grouping;
+    }
+    if (isNumber(messageConfig.duration) && normalized.duration === 3e3) {
+      normalized.duration = messageConfig.duration;
+    }
+    if (isNumber(messageConfig.offset) && normalized.offset === 16) {
+      normalized.offset = messageConfig.offset;
+    }
+    if (isBoolean(messageConfig.showClose) && !normalized.showClose) {
+      normalized.showClose = messageConfig.showClose;
+    }
     return normalized;
   };
   const closeMessage = (instance) => {
@@ -58636,9 +58808,6 @@
   const message = (options = {}, context) => {
     if (!isClient)
       return { close: () => void 0 };
-    if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {
-      return { close: () => void 0 };
-    }
     const normalized = normalizeOptions(options);
     if (normalized.grouping && instances.length) {
       const instance2 = instances.find(({ vnode: vm }) => {
@@ -58651,6 +58820,9 @@
         return instance2.handler;
       }
     }
+    if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {
+      return { close: () => void 0 };
+    }
     const instance = createMessage(normalized, context);
     instances.push(instance);
     return instance.handler;