element-plus 2.8.1 → 2.8.3

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.8.1 */
+/*! Element Plus v2.8.3 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
@@ -9691,7 +9691,7 @@ const usePopperContainer = () => {
   onBeforeMount(() => {
     if (!isClient)
       return;
-    if (!cachedContainer && !document.body.querySelector(selector.value)) {
+    if (!cachedContainer || !document.body.querySelector(selector.value)) {
       cachedContainer = createContainer(id.value);
     }
   });
@@ -11555,7 +11555,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "2.8.1";
+const version$1 = "2.8.3";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -13912,6 +13912,9 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
     const textareaCalcStyle = shallowRef(props.inputStyle);
     const _ref = computed(() => input.value || textarea.value);
     const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(_ref, {
+      beforeFocus() {
+        return inputDisabled.value;
+      },
       afterBlur() {
         var _a;
         if (props.validateEvent) {
@@ -14552,6 +14555,10 @@ const scrollbarProps = buildProps({
     type: Number,
     default: 20
   },
+  tabindex: {
+    type: [String, Number],
+    default: void 0
+  },
   id: String,
   role: String,
   ...useAriaProps(["ariaLabel", "ariaOrientation"])
@@ -14688,6 +14695,7 @@ const _sfc_main$2m = /* @__PURE__ */ defineComponent({
           ref: wrapRef,
           class: normalizeClass(unref(wrapKls)),
           style: normalizeStyle(unref(wrapStyle)),
+          tabindex: _ctx.tabindex,
           onScroll: handleScroll
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
@@ -14705,7 +14713,7 @@ const _sfc_main$2m = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
-        ], 38),
+        ], 46, ["tabindex"]),
         !_ctx.native ? (openBlock(), createBlock(Bar, {
           key: 0,
           ref_key: "barRef",
@@ -16045,9 +16053,10 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = props.style) != null ? _a : {};
     });
-    const ariaHidden = computed(() => !unref(open));
+    const ariaHidden = ref(true);
     const onTransitionLeave = () => {
       onHide();
+      ariaHidden.value = true;
     };
     const stopWhenControlled = () => {
       if (unref(controlled))
@@ -16093,6 +16102,8 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
     watch(() => unref(open), (val) => {
       if (!val) {
         stopHandle == null ? void 0 : stopHandle();
+      } else {
+        ariaHidden.value = false;
       }
     }, {
       flush: "post"
@@ -16125,7 +16136,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
                 ref: contentRef
               }, _ctx.$attrs, {
                 "aria-label": _ctx.ariaLabel,
-                "aria-hidden": unref(ariaHidden),
+                "aria-hidden": ariaHidden.value,
                 "boundaries-padding": _ctx.boundariesPadding,
                 "fallback-placements": _ctx.fallbackPlacements,
                 "gpu-acceleration": _ctx.gpuAcceleration,
@@ -19101,7 +19112,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
         }
         emitChange(valueOnClear.value, true);
         showClose.value = false;
-        pickerVisible.value = false;
+        onHide();
       }
       emit("clear");
     };
@@ -20891,7 +20902,7 @@ const useCalendar = (props, emit, componentName) => {
     }
   });
   const validatedRange = 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;
@@ -23115,14 +23126,18 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
         ], 2)) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(_ctx.ns.e("empty-text"))
-        }, toDisplayString(_ctx.t("el.cascader.noData")), 3)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", {
+        }, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            createTextVNode(toDisplayString(_ctx.t("el.cascader.noData")), 1)
+          ])
+        ], 2)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", {
           key: 2,
           ref: "hoverZone",
           class: normalizeClass(_ctx.ns.e("hover-zone"))
         }, null, 2)) : 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"]]);
@@ -23616,7 +23631,12 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
         ref: (item) => _ctx.menuList[index] = item,
         index,
         nodes: [...menu]
-      }, null, 8, ["index", "nodes"]);
+      }, {
+        empty: withCtx(() => [
+          renderSlot(_ctx.$slots, "empty")
+        ]),
+        _: 2
+      }, 1032, ["index", "nodes"]);
     }), 128))
   ], 42, ["onKeydown"]);
 }
@@ -23679,6 +23699,9 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
     const handleClick = (event) => {
       emit("click", event);
     };
+    const handleVNodeMounted = (vnode) => {
+      vnode.component.subTree.component.bum = null;
+    };
     return (_ctx, _cache) => {
       return _ctx.disableTransitions ? (openBlock(), createElementBlock("span", {
         key: 0,
@@ -23704,7 +23727,8 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
       ], 6)) : (openBlock(), createBlock(Transition, {
         key: 1,
         name: `${unref(ns).namespace.value}-zoom-in-center`,
-        appear: ""
+        appear: "",
+        onVnodeMounted: handleVNodeMounted
       }, {
         default: withCtx(() => [
           createElementVNode("span", {
@@ -24359,7 +24383,12 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
             "render-label": _ctx.$slots.default,
             onExpandChange: handleExpandChange,
             onClose: ($event) => _ctx.$nextTick(() => togglePopperVisible(false))
-          }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "render-label", "onClose"]), [
+          }, {
+            empty: withCtx(() => [
+              renderSlot(_ctx.$slots, "empty")
+            ]),
+            _: 3
+          }, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "render-label", "onClose"]), [
             [vShow, !filtering.value]
           ]),
           _ctx.filterable ? withDirectives((openBlock(), createBlock(unref(ElScrollbar), {
@@ -24412,6 +24441,7 @@ const ElCascader = withInstall(Cascader);
 
 const checkTagProps = buildProps({
   checked: Boolean,
+  disabled: Boolean,
   type: {
     type: String,
     values: ["primary", "success", "info", "warning", "danger"],
@@ -24433,12 +24463,16 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const ns = useNamespace("check-tag");
+    const isDisabled = computed(() => props.disabled);
     const containerKls = 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);
@@ -24811,6 +24845,10 @@ const collapseItemProps = buildProps({
     type: definePropType([String, Number]),
     default: void 0
   },
+  icon: {
+    type: iconPropType,
+    default: arrow_right_default
+  },
   disabled: Boolean
 });
 
@@ -24933,14 +24971,16 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "title", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ]),
-          createVNode(unref(ElIcon), {
-            class: normalizeClass(unref(arrowKls))
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(arrow_right_default))
-            ]),
-            _: 1
-          }, 8, ["class"])
+          renderSlot(_ctx.$slots, "icon", { isActive: unref(isActive) }, () => [
+            createVNode(unref(ElIcon), {
+              class: normalizeClass(unref(arrowKls))
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ])
         ], 42, ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "onClick", "onKeydown", "onFocus", "onBlur"]),
         createVNode(unref(ElCollapseTransition), null, {
           default: withCtx(() => [
@@ -26011,6 +26051,13 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
         color.fromString(newVal);
       }
     });
+    watch(() => props.colorFormat, () => {
+      if (props.colorFormat) {
+        color.format = props.colorFormat;
+        color.doOnChange();
+        emit(UPDATE_MODEL_EVENT, color.value);
+      }
+    });
     watch(() => currentColor.value, (val) => {
       customInput.value = val;
       shouldActiveChange && emit("activeChange", val);
@@ -34060,6 +34107,7 @@ var Menu = defineComponent({
         handleResize
       });
     }
+    const ulStyle = useMenuCssVar(props, 0);
     return () => {
       var _a, _b;
       let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
@@ -34084,7 +34132,6 @@ var Menu = defineComponent({
           }));
         }
       }
-      const ulStyle = useMenuCssVar(props, 0);
       const directives = props.closeOnClickOutside ? [
         [
           ClickOutside,
@@ -34710,7 +34757,7 @@ const useSelect$3 = (props, emit) => {
     cachedOptions: /* @__PURE__ */ new Map(),
     disabledOptions: /* @__PURE__ */ new Map(),
     optionValues: [],
-    selected: props.multiple ? [] : {},
+    selected: [],
     selectionWidth: 0,
     calculatorWidth: 0,
     collapseItemWidth: 0,
@@ -34741,7 +34788,10 @@ const useSelect$3 = (props, emit) => {
   } = 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;
@@ -34926,7 +34976,7 @@ const useSelect$3 = (props, emit) => {
       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 = "";
@@ -34968,13 +35018,7 @@ const useSelect$3 = (props, emit) => {
     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;
@@ -35146,17 +35190,15 @@ const useSelect$3 = (props, emit) => {
     (_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);
-      nextTick(() => handleBlur(_event));
-    }
+    isFocused.value && blur();
   };
   const handleEsc = () => {
     if (states.inputValue.length > 0) {
@@ -35484,9 +35526,21 @@ const _sfc_main$Y = defineComponent({
     "blur"
   ],
   setup(props, { emit }) {
-    const API = useSelect$3(props, emit);
+    const modelValue = 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 = reactive({
+      ...toRefs(props),
+      modelValue
+    });
+    const API = useSelect$3(_props, emit);
     provide(selectKey, reactive({
-      props,
+      props: _props,
       states: API.states,
       optionsArray: API.optionsArray,
       handleOptionSelect: API.handleOptionSelect,
@@ -35496,7 +35550,8 @@ const _sfc_main$Y = defineComponent({
       setSelected: API.setSelected
     }));
     return {
-      ...API
+      ...API,
+      modelValue
     };
   }
 });
@@ -36387,9 +36442,10 @@ var Pagination = defineComponent({
     const { t } = useLocale();
     const ns = useNamespace("pagination");
     const vnodeProps = getCurrentInstance().vnode.props || {};
+    const _globalSize = useGlobalSize();
     const _size = 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",
@@ -39981,6 +40037,9 @@ const useSelect$1 = (props, emit) => {
     afterComposition: (e) => onInput(e)
   });
   const { wrapperRef, isFocused } = useFocusController(inputRef, {
+    beforeFocus() {
+      return selectDisabled.value;
+    },
     afterFocus() {
       if (props.automaticDropdown && !expanded.value) {
         expanded.value = true;
@@ -40405,12 +40464,9 @@ const useSelect$1 = (props, emit) => {
       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;
@@ -40423,12 +40479,18 @@ const useSelect$1 = (props, emit) => {
   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
@@ -40437,10 +40499,11 @@ const useSelect$1 = (props, emit) => {
   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 {
@@ -43763,15 +43826,30 @@ function useWatcher$1() {
       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);
@@ -43828,13 +43906,13 @@ function useWatcher$1() {
   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) {
@@ -46085,8 +46163,8 @@ function useUtils(store) {
   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 = () => {
@@ -46505,7 +46583,11 @@ var defaultProps$1 = {
   },
   scrollbarAlwaysOn: Boolean,
   flexible: Boolean,
-  showOverflowTooltip: [Boolean, Object]
+  showOverflowTooltip: [Boolean, Object],
+  scrollbarTabindex: {
+    type: [Number, String],
+    default: void 0
+  }
 };
 
 function hColgroup(props) {
@@ -46785,7 +46867,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           ref: "scrollBarRef",
           "view-style": _ctx.scrollbarViewStyle,
           "wrap-style": _ctx.scrollbarStyle,
-          always: _ctx.scrollbarAlwaysOn
+          always: _ctx.scrollbarAlwaysOn,
+          tabindex: _ctx.scrollbarTabindex
         }, {
           default: withCtx(() => [
             createElementVNode("table", {
@@ -46855,7 +46938,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2)) : createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["view-style", "wrap-style", "always"])
+        }, 8, ["view-style", "wrap-style", "always", "tabindex"])
       ], 2),
       _ctx.showSummary && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
         key: 1,
@@ -47477,7 +47560,8 @@ var ElTableColumn$1 = defineComponent({
       columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? parent2.columnConfig.value : null, updateColumnOrder);
     });
     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;
@@ -47570,8 +47654,15 @@ const calcColumnStyle = (column, fixedColumn, fixed) => {
 };
 
 function useColumns(props, columns, fixed) {
+  const _columns = computed(() => unref(columns).map((column, index) => {
+    var _a, _b;
+    return {
+      ...column,
+      key: (_b = (_a = column.key) != null ? _a : column.dataKey) != null ? _b : index
+    };
+  }));
   const visibleColumns = computed(() => {
-    return unref(columns).filter((column) => !column.hidden);
+    return unref(_columns).filter((column) => !column.hidden);
   });
   const fixedColumnsOnLeft = computed(() => unref(visibleColumns).filter((column) => column.fixed === "left" || column.fixed === true));
   const fixedColumnsOnRight = computed(() => unref(visibleColumns).filter((column) => column.fixed === "right"));
@@ -47599,8 +47690,7 @@ function useColumns(props, columns, fixed) {
     return unref(fixedColumnsOnLeft).length || unref(fixedColumnsOnRight).length;
   });
   const columnsStyles = computed(() => {
-    const _columns = unref(columns);
-    return _columns.reduce((style, column) => {
+    return unref(_columns).reduce((style, column) => {
       style[column.key] = calcColumnStyle(column, unref(fixed), props.fixed);
       return style;
     }, {});
@@ -47609,7 +47699,7 @@ function useColumns(props, columns, fixed) {
     return unref(visibleColumns).reduce((width, column) => width + column.width, 0);
   });
   const getColumn = (key) => {
-    return unref(columns).find((column) => column.key === key);
+    return unref(_columns).find((column) => column.key === key);
   };
   const getColumnStyle = (key) => {
     return unref(columnsStyles)[key];
@@ -47632,7 +47722,7 @@ function useColumns(props, columns, fixed) {
     (_a = props.onColumnSort) == null ? void 0 : _a.call(props, { column: getColumn(key), key, order });
   }
   return {
-    columns,
+    columns: _columns,
     columnsStyles,
     columnsTotalWidth,
     fixedColumnsOnLeft,
@@ -49701,11 +49791,34 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       };
     };
     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));
+          }
+        }
+      }
+    };
     watch(() => props.tabs, async () => {
       await nextTick();
       update();
+      observerTabs();
     }, { immediate: true });
-    useResizeObserver(barRef, () => update());
+    const barObserever = useResizeObserver(barRef, () => update());
+    onBeforeUnmount(() => {
+      saveObserver.forEach((observer) => observer.stop());
+      saveObserver.length = 0;
+      barObserever.stop();
+    });
     expose({
       ref: barRef,
       update
@@ -52776,8 +52889,9 @@ const _sfc_main$l = defineComponent({
         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) => {
@@ -53511,6 +53625,14 @@ const useTree$1 = (props, { attrs, slots, emit }, {
     }, (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(toRefs(props), Object.keys(ElTree.props)),
     ...attrs,
@@ -53566,7 +53688,8 @@ const useTree$1 = (props, { attrs, slots, emit }, {
         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;
@@ -53587,6 +53710,20 @@ const useTree$1 = (props, { attrs, slots, emit }, {
       });
       (_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);
+      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
   };
 };
@@ -53820,6 +53957,7 @@ const treeNodeContentProps = buildProps({
   }
 });
 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";
@@ -53828,6 +53966,7 @@ const NODE_CHECK_CHANGE = "check-change";
 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,
@@ -53837,6 +53976,7 @@ const treeEmits = {
 };
 const treeNodeEmits = {
   click: (node, e) => !!(node && e),
+  drop: (node, e) => !!(node && e),
   toggle: (node) => !!node,
   check: (node, checked) => node && typeof checked === "boolean"
 };
@@ -54127,34 +54267,26 @@ function useTree(props, emit) {
     return ((_a = props.props) == null ? void 0 : _a.label) || TreeOptionsEnum.LABEL;
   });
   const flattenTree = 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 = computed(() => {
@@ -54232,7 +54364,16 @@ function useTree(props, emit) {
     }
   }
   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);
@@ -54244,6 +54385,9 @@ function useTree(props, emit) {
       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;
@@ -54327,6 +54471,7 @@ function useTree(props, emit) {
     isCurrent,
     isForceHiddenExpandIcon,
     handleNodeClick,
+    handleNodeDrop,
     handleNodeCheck,
     getCurrentNode,
     getCurrentKey,
@@ -54384,6 +54529,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const handleClick = (e) => {
       emit("click", props.node, e);
     };
+    const handleDrop = (e) => {
+      emit("drop", props.node, e);
+    };
     const handleExpandIconClick = () => {
       emit("toggle", props.node);
     };
@@ -54416,7 +54564,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         "aria-checked": _ctx.checked,
         "data-key": (_a = _ctx.node) == null ? void 0 : _a.key,
         onClick: withModifiers(handleClick, ["stop"]),
-        onContextmenu: handleContextMenu
+        onContextmenu: handleContextMenu,
+        onDragover: withModifiers(() => {
+        }, ["prevent"]),
+        onDragenter: withModifiers(() => {
+        }, ["prevent"]),
+        onDrop: withModifiers(handleDrop, ["stop"])
       }, [
         createElementVNode("div", {
           class: normalizeClass(unref(ns).be("node", "content")),
@@ -54453,7 +54606,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : createCommentVNode("v-if", true),
           createVNode(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"]);
     };
   }
 });
@@ -54493,6 +54646,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       isCurrent,
       isForceHiddenExpandIcon,
       handleNodeClick,
+      handleNodeDrop,
       handleNodeCheck,
       toggleCheckbox,
       getCurrentNode,
@@ -54565,8 +54719,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               "hidden-expand-icon": unref(isForceHiddenExpandIcon)(data[index]),
               onClick: unref(handleNodeClick),
               onToggle: unref(toggleExpand),
-              onCheck: unref(handleNodeCheck)
-            }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "item-size", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"]))
+              onCheck: unref(handleNodeCheck),
+              onDrop: 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"])) : (openBlock(), createElementBlock("div", {
@@ -57555,6 +57710,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const passInputProps = computed(() => pick(props, Object.keys(inputProps)));
     const ns = useNamespace("mention");
+    const disabled = useFormDisabled();
     const contentId = useId();
     const elInputRef = ref();
     const tooltipRef = ref();
@@ -57633,6 +57789,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     };
     const { wrapperRef } = useFocusController(elInputRef, {
+      beforeFocus() {
+        return disabled.value;
+      },
       afterFocus() {
         syncAfterCursorMove();
       },
@@ -57727,6 +57886,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           ref_key: "elInputRef",
           ref: elInputRef,
           "model-value": _ctx.modelValue,
+          disabled: unref(disabled),
           role: unref(dropdownVisible) ? "combobox" : void 0,
           "aria-activedescendant": unref(dropdownVisible) ? unref(hoveringId) || "" : void 0,
           "aria-controls": unref(dropdownVisible) ? unref(contentId) : void 0,
@@ -57746,7 +57906,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 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"]),
         createVNode(unref(ElTooltip), {
           ref_key: "tooltipRef",
           ref: tooltipRef,
@@ -57772,7 +57932,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 ref_key: "dropdownRef",
                 ref: dropdownRef,
                 options: unref(filteredOptions),
-                disabled: _ctx.disabled,
+                disabled: unref(disabled),
                 loading: _ctx.loading,
                 "content-id": unref(contentId),
                 "aria-label": _ctx.ariaLabel,
@@ -58583,6 +58743,18 @@ const normalizeOptions = (params) => {
     }
     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) => {
@@ -58632,9 +58804,6 @@ const createMessage = ({ appendTo, ...options }, context) => {
 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 }) => {
@@ -58647,6 +58816,9 @@ const message = (options = {}, context) => {
       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;