@element-plus/nightly 0.0.20250512 → 0.0.20250514

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250512 */
+/*! Element Plus v0.0.20250514 */
 
 import { unref, readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, isRef, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, 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';
 
@@ -11718,7 +11718,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20250512";
+const version$1 = "0.0.20250514";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -17371,11 +17371,22 @@ const useButton = (props, emit) => {
   const _disabled = useFormDisabled();
   const _ref = ref();
   const slots = useSlots();
-  const _type = computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
+  const _type = computed(() => {
+    var _a;
+    return props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || ((_a = globalConfig.value) == null ? void 0 : _a.type) || "";
+  });
   const autoInsertSpace = computed(() => {
     var _a, _b, _c;
     return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
   });
+  const _plain = computed(() => {
+    var _a, _b, _c;
+    return (_c = (_b = props.plain) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.plain) != null ? _c : false;
+  });
+  const _round = computed(() => {
+    var _a, _b, _c;
+    return (_c = (_b = props.round) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.round) != null ? _c : false;
+  });
   const _props = computed(() => {
     if (props.tag === "button") {
       return {
@@ -17415,6 +17426,8 @@ const useButton = (props, emit) => {
     _type,
     _ref,
     _props,
+    _plain,
+    _round,
     shouldAddSpace,
     handleClick
   };
@@ -17452,12 +17465,18 @@ const buttonProps = buildProps({
     type: iconPropType,
     default: () => loading_default
   },
-  plain: Boolean,
+  plain: {
+    type: Boolean,
+    default: void 0
+  },
   text: Boolean,
   link: Boolean,
   bg: Boolean,
   autofocus: Boolean,
-  round: Boolean,
+  round: {
+    type: Boolean,
+    default: void 0
+  },
   circle: Boolean,
   color: String,
   dark: Boolean,
@@ -18416,15 +18435,25 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const buttonStyle = useButtonCustomStyle(props);
     const ns = useNamespace("button");
-    const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
+    const {
+      _ref,
+      _size,
+      _type,
+      _disabled,
+      _props,
+      _plain,
+      _round,
+      shouldAddSpace,
+      handleClick
+    } = useButton(props, emit);
     const buttonKls = computed(() => [
       ns.b(),
       ns.m(_type.value),
       ns.m(_size.value),
       ns.is("disabled", _disabled.value),
       ns.is("loading", props.loading),
-      ns.is("plain", props.plain),
-      ns.is("round", props.round),
+      ns.is("plain", _plain.value),
+      ns.is("round", _round.value),
       ns.is("circle", props.circle),
       ns.is("text", props.text),
       ns.is("link", props.link),
@@ -24243,7 +24272,9 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
             const { modifiersData, placement } = state;
             if (["right", "left", "bottom", "top"].includes(placement))
               return;
-            modifiersData.arrow.x = 35;
+            if (modifiersData.arrow) {
+              modifiersData.arrow.x = 35;
+            }
           },
           requires: ["arrow"]
         }
@@ -28849,6 +28880,94 @@ const useRangePicker = (props, {
   };
 };
 
+const usePanelDateRange = (props, emit, leftDate, rightDate) => {
+  const leftCurrentView = ref("date");
+  const leftCurrentViewRef = ref();
+  const rightCurrentView = ref("date");
+  const rightCurrentViewRef = ref();
+  const pickerBase = inject("EP_PICKER_BASE");
+  const { disabledDate } = pickerBase.props;
+  const { t, lang } = useLocale();
+  const leftYear = computed(() => {
+    return leftDate.value.year();
+  });
+  const leftMonth = computed(() => {
+    return leftDate.value.month();
+  });
+  const rightYear = computed(() => {
+    return rightDate.value.year();
+  });
+  const rightMonth = computed(() => {
+    return rightDate.value.month();
+  });
+  function computedYearLabel(currentView, yearValue) {
+    const yearTranslation = t("el.datepicker.year");
+    if (currentView.value === "year") {
+      const startYear = Math.floor(yearValue.value / 10) * 10;
+      return yearTranslation ? `${startYear} ${yearTranslation} - ${startYear + 9} ${yearTranslation}` : `${startYear} - ${startYear + 9}`;
+    }
+    return `${yearValue.value} ${yearTranslation}`;
+  }
+  function focusPicker(currentViewRef) {
+    currentViewRef == null ? void 0 : currentViewRef.focus();
+  }
+  async function showPicker(pickerType, view) {
+    const currentView = pickerType === "left" ? leftCurrentView : rightCurrentView;
+    const currentViewRef = pickerType === "left" ? leftCurrentViewRef : rightCurrentViewRef;
+    currentView.value = view;
+    await nextTick();
+    focusPicker(currentViewRef.value);
+  }
+  async function handlePick(mode, pickerType, value) {
+    const isLeftPicker = pickerType === "left";
+    const startDate = isLeftPicker ? leftDate : rightDate;
+    const endDate = isLeftPicker ? rightDate : leftDate;
+    const currentView = isLeftPicker ? leftCurrentView : rightCurrentView;
+    const currentViewRef = isLeftPicker ? leftCurrentViewRef : rightCurrentViewRef;
+    if (mode === "year") {
+      const data = startDate.value.year(value);
+      startDate.value = getValidDateOfYear(data, lang.value, disabledDate);
+    }
+    if (mode === "month") {
+      startDate.value = getValidDateOfMonth(startDate.value.year(), value, lang.value, disabledDate);
+    }
+    if (!props.unlinkPanels) {
+      endDate.value = pickerType === "left" ? startDate.value.add(1, "month") : startDate.value.subtract(1, "month");
+    }
+    currentView.value = mode === "year" ? "month" : "date";
+    await nextTick();
+    focusPicker(currentViewRef.value);
+    handlePanelChange(mode);
+  }
+  function handlePanelChange(mode) {
+    emit("panel-change", [leftDate.value.toDate(), rightDate.value.toDate()], mode);
+  }
+  function adjustDateByView(currentView, date, forward) {
+    const action = forward ? "add" : "subtract";
+    return currentView === "year" ? date[action](10, "year") : date[action](1, "year");
+  }
+  return {
+    leftCurrentView,
+    rightCurrentView,
+    leftCurrentViewRef,
+    rightCurrentViewRef,
+    leftYear,
+    rightYear,
+    leftMonth,
+    rightMonth,
+    leftYearLabel: computed(() => computedYearLabel(leftCurrentView, leftYear)),
+    rightYearLabel: computed(() => computedYearLabel(rightCurrentView, rightYear)),
+    showLeftPicker: (view) => showPicker("left", view),
+    showRightPicker: (view) => showPicker("right", view),
+    handleLeftYearPick: (year) => handlePick("year", "left", year),
+    handleRightYearPick: (year) => handlePick("year", "right", year),
+    handleLeftMonthPick: (month) => handlePick("month", "left", month),
+    handleRightMonthPick: (month) => handlePick("month", "right", month),
+    handlePanelChange,
+    adjustDateByView
+  };
+};
+
 const unit$2 = "month";
 const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
@@ -28904,24 +29023,26 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
       min: null,
       max: null
     });
-    const leftLabel = computed(() => {
-      return `${leftDate.value.year()} ${t("el.datepicker.year")} ${t(`el.datepicker.month${leftDate.value.month() + 1}`)}`;
-    });
-    const rightLabel = computed(() => {
-      return `${rightDate.value.year()} ${t("el.datepicker.year")} ${t(`el.datepicker.month${rightDate.value.month() + 1}`)}`;
-    });
-    const leftYear = computed(() => {
-      return leftDate.value.year();
-    });
-    const leftMonth = computed(() => {
-      return leftDate.value.month();
-    });
-    const rightYear = computed(() => {
-      return rightDate.value.year();
-    });
-    const rightMonth = computed(() => {
-      return rightDate.value.month();
-    });
+    const {
+      leftCurrentView,
+      rightCurrentView,
+      leftCurrentViewRef,
+      rightCurrentViewRef,
+      leftYear,
+      rightYear,
+      leftMonth,
+      rightMonth,
+      leftYearLabel,
+      rightYearLabel,
+      showLeftPicker,
+      showRightPicker,
+      handleLeftYearPick,
+      handleRightYearPick,
+      handleLeftMonthPick,
+      handleRightMonthPick,
+      handlePanelChange,
+      adjustDateByView
+    } = usePanelDateRange(props, emit, leftDate, rightDate);
     const hasShortcuts = computed(() => !!shortcuts.value.length);
     const minVisibleDate = computed(() => {
       if (dateUserInput.value.min !== null)
@@ -28961,7 +29082,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
       return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
     };
     const leftPrevYear = () => {
-      leftDate.value = leftDate.value.subtract(1, "year");
+      leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, false);
       if (!props.unlinkPanels) {
         rightDate.value = leftDate.value.add(1, "month");
       }
@@ -28976,10 +29097,10 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     };
     const rightNextYear = () => {
       if (!props.unlinkPanels) {
-        leftDate.value = leftDate.value.add(1, "year");
+        leftDate.value = adjustDateByView(rightCurrentView.value, leftDate.value, true);
         rightDate.value = leftDate.value.add(1, "month");
       } else {
-        rightDate.value = rightDate.value.add(1, "year");
+        rightDate.value = adjustDateByView(rightCurrentView.value, rightDate.value, true);
       }
       handlePanelChange("year");
     };
@@ -28993,7 +29114,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
       handlePanelChange("month");
     };
     const leftNextYear = () => {
-      leftDate.value = leftDate.value.add(1, "year");
+      leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true);
       handlePanelChange("year");
     };
     const leftNextMonth = () => {
@@ -29001,16 +29122,13 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
       handlePanelChange("month");
     };
     const rightPrevYear = () => {
-      rightDate.value = rightDate.value.subtract(1, "year");
+      rightDate.value = adjustDateByView(rightCurrentView.value, rightDate.value, false);
       handlePanelChange("year");
     };
     const rightPrevMonth = () => {
       rightDate.value = rightDate.value.subtract(1, "month");
       handlePanelChange("month");
     };
-    const handlePanelChange = (mode) => {
-      emit("panel-change", [leftDate.value.toDate(), rightDate.value.toDate()], mode);
-    };
     const enableMonthArrow = computed(() => {
       const nextMonth = (leftMonth.value + 1) % 12;
       const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0;
@@ -29096,7 +29214,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
         }
       }
     };
-    const handleTimeChange = (value, type) => {
+    const handleTimeChange = (_value, type) => {
       timeUserInput.value[type] = null;
       if (type === "min") {
         leftDate.value = minDate.value;
@@ -29329,7 +29447,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                     })
                   ])
                 ], 10, ["aria-label"]),
-                createElementVNode("button", {
+                withDirectives(createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-left"]),
                   "aria-label": unref(t)(`el.datepicker.prevMonth`),
@@ -29343,7 +29461,9 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                       _: 1
                     })
                   ])
-                ], 10, ["aria-label"]),
+                ], 10, ["aria-label"]), [
+                  [vShow, unref(leftCurrentView) === "date"]
+                ]),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   type: "button",
@@ -29361,7 +29481,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                     })
                   ])
                 ], 10, ["disabled", "aria-label"])) : createCommentVNode("v-if", true),
-                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                _ctx.unlinkPanels && unref(leftCurrentView) === "date" ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
                   disabled: !unref(enableMonthArrow),
@@ -29381,9 +29501,34 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                     })
                   ])
                 ], 10, ["disabled", "aria-label"])) : createCommentVNode("v-if", true),
-                createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
+                createElementVNode("div", null, [
+                  createElementVNode("span", {
+                    role: "button",
+                    class: normalizeClass(unref(drpNs).e("header-label")),
+                    "aria-live": "polite",
+                    tabindex: "0",
+                    onKeydown: withKeys(($event) => unref(showLeftPicker)("year"), ["enter"]),
+                    onClick: ($event) => unref(showLeftPicker)("year")
+                  }, toDisplayString(unref(leftYearLabel)), 43, ["onKeydown", "onClick"]),
+                  withDirectives(createElementVNode("span", {
+                    role: "button",
+                    "aria-live": "polite",
+                    tabindex: "0",
+                    class: normalizeClass([
+                      unref(drpNs).e("header-label"),
+                      { active: unref(leftCurrentView) === "month" }
+                    ]),
+                    onKeydown: withKeys(($event) => unref(showLeftPicker)("month"), ["enter"]),
+                    onClick: ($event) => unref(showLeftPicker)("month")
+                  }, toDisplayString(unref(t)(`el.datepicker.month${leftDate.value.month() + 1}`)), 43, ["onKeydown", "onClick"]), [
+                    [vShow, unref(leftCurrentView) === "date"]
+                  ])
+                ])
               ], 2),
-              createVNode(DateTable, {
+              unref(leftCurrentView) === "date" ? (openBlock(), createBlock(DateTable, {
+                key: 0,
+                ref_key: "leftCurrentViewRef",
+                ref: leftCurrentViewRef,
                 "selection-mode": "range",
                 date: leftDate.value,
                 "min-date": unref(minDate),
@@ -29394,7 +29539,27 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                 onChangerange: unref(handleChangeRange),
                 onPick: handleRangePick,
                 onSelect: unref(onSelect)
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])) : createCommentVNode("v-if", true),
+              unref(leftCurrentView) === "year" ? (openBlock(), createBlock(YearTable, {
+                key: 1,
+                ref_key: "leftCurrentViewRef",
+                ref: leftCurrentViewRef,
+                "selection-mode": "year",
+                date: leftDate.value,
+                "disabled-date": unref(disabledDate),
+                "parsed-value": _ctx.parsedValue,
+                onPick: unref(handleLeftYearPick)
+              }, null, 8, ["date", "disabled-date", "parsed-value", "onPick"])) : createCommentVNode("v-if", true),
+              unref(leftCurrentView) === "month" ? (openBlock(), createBlock(MonthTable, {
+                key: 2,
+                ref_key: "leftCurrentViewRef",
+                ref: leftCurrentViewRef,
+                "selection-mode": "month",
+                date: leftDate.value,
+                "parsed-value": _ctx.parsedValue,
+                "disabled-date": unref(disabledDate),
+                onPick: unref(handleLeftMonthPick)
+              }, null, 8, ["date", "parsed-value", "disabled-date", "onPick"])) : createCommentVNode("v-if", true)
             ], 2),
             createElementVNode("div", {
               class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"])
@@ -29419,7 +29584,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                     })
                   ])
                 ], 10, ["disabled", "aria-label"])) : createCommentVNode("v-if", true),
-                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                _ctx.unlinkPanels && unref(rightCurrentView) === "date" ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
                   disabled: !unref(enableMonthArrow),
@@ -29454,7 +29619,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                     })
                   ])
                 ], 10, ["aria-label"]),
-                createElementVNode("button", {
+                withDirectives(createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-right"]),
                   "aria-label": unref(t)(`el.datepicker.nextMonth`),
@@ -29468,10 +29633,37 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                       _: 1
                     })
                   ])
-                ], 10, ["aria-label"]),
-                createElementVNode("div", null, toDisplayString(unref(rightLabel)), 1)
+                ], 10, ["aria-label"]), [
+                  [vShow, unref(rightCurrentView) === "date"]
+                ]),
+                createElementVNode("div", null, [
+                  createElementVNode("span", {
+                    role: "button",
+                    class: normalizeClass(unref(drpNs).e("header-label")),
+                    "aria-live": "polite",
+                    tabindex: "0",
+                    onKeydown: withKeys(($event) => unref(showRightPicker)("year"), ["enter"]),
+                    onClick: ($event) => unref(showRightPicker)("year")
+                  }, toDisplayString(unref(rightYearLabel)), 43, ["onKeydown", "onClick"]),
+                  withDirectives(createElementVNode("span", {
+                    role: "button",
+                    "aria-live": "polite",
+                    tabindex: "0",
+                    class: normalizeClass([
+                      unref(drpNs).e("header-label"),
+                      { active: unref(rightCurrentView) === "month" }
+                    ]),
+                    onKeydown: withKeys(($event) => unref(showRightPicker)("month"), ["enter"]),
+                    onClick: ($event) => unref(showRightPicker)("month")
+                  }, toDisplayString(unref(t)(`el.datepicker.month${rightDate.value.month() + 1}`)), 43, ["onKeydown", "onClick"]), [
+                    [vShow, unref(rightCurrentView) === "date"]
+                  ])
+                ])
               ], 2),
-              createVNode(DateTable, {
+              unref(rightCurrentView) === "date" ? (openBlock(), createBlock(DateTable, {
+                key: 0,
+                ref_key: "rightCurrentViewRef",
+                ref: rightCurrentViewRef,
                 "selection-mode": "range",
                 date: rightDate.value,
                 "min-date": unref(minDate),
@@ -29482,7 +29674,27 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                 onChangerange: unref(handleChangeRange),
                 onPick: handleRangePick,
                 onSelect: unref(onSelect)
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])) : createCommentVNode("v-if", true),
+              unref(rightCurrentView) === "year" ? (openBlock(), createBlock(YearTable, {
+                key: 1,
+                ref_key: "rightCurrentViewRef",
+                ref: rightCurrentViewRef,
+                "selection-mode": "year",
+                date: rightDate.value,
+                "disabled-date": unref(disabledDate),
+                "parsed-value": _ctx.parsedValue,
+                onPick: unref(handleRightYearPick)
+              }, null, 8, ["date", "disabled-date", "parsed-value", "onPick"])) : createCommentVNode("v-if", true),
+              unref(rightCurrentView) === "month" ? (openBlock(), createBlock(MonthTable, {
+                key: 2,
+                ref_key: "rightCurrentViewRef",
+                ref: rightCurrentViewRef,
+                "selection-mode": "month",
+                date: rightDate.value,
+                "parsed-value": _ctx.parsedValue,
+                "disabled-date": unref(disabledDate),
+                onPick: unref(handleRightMonthPick)
+              }, null, 8, ["date", "parsed-value", "disabled-date", "onPick"])) : createCommentVNode("v-if", true)
             ], 2)
           ], 2)
         ], 2),
@@ -39203,15 +39415,14 @@ const ScrollBar = defineComponent({
     }));
     const thumbSize = computed(() => {
       const ratio = props.ratio;
-      const clientSize = props.clientSize;
       if (ratio >= 100) {
         return Number.POSITIVE_INFINITY;
       }
       if (ratio >= 50) {
-        return ratio * clientSize / 100;
+        return ratio * trackSize.value / 100;
       }
-      const SCROLLBAR_MAX_SIZE = clientSize / 3;
-      return Math.floor(Math.min(Math.max(ratio * clientSize, SCROLLBAR_MIN_SIZE), SCROLLBAR_MAX_SIZE));
+      const SCROLLBAR_MAX_SIZE = trackSize.value / 3;
+      return Math.floor(Math.min(Math.max(ratio * trackSize.value, SCROLLBAR_MIN_SIZE), SCROLLBAR_MAX_SIZE));
     });
     const thumbStyle = computed(() => {
       if (!Number.isFinite(thumbSize.value)) {
@@ -39227,7 +39438,7 @@ const ScrollBar = defineComponent({
       }, props.layout);
       return style;
     });
-    const totalSteps = computed(() => Math.floor(props.clientSize - thumbSize.value - unref(GAP)));
+    const totalSteps = computed(() => Math.ceil(props.clientSize - thumbSize.value - unref(GAP)));
     const attachEvents = () => {
       window.addEventListener("mousemove", onMouseMove);
       window.addEventListener("mouseup", onMouseUp);
@@ -39280,7 +39491,7 @@ const ScrollBar = defineComponent({
       const thumbClickPosition = thumbRef.value[bar.value.offset] - prevPage;
       const distance = offset - thumbClickPosition;
       frameHandle = rAF(() => {
-        state.traveled = Math.max(props.startGap, Math.min(distance, totalSteps.value));
+        state.traveled = Math.max(0, Math.min(distance, totalSteps.value));
         emit("scroll", distance, totalSteps.value);
       });
     };
@@ -45081,6 +45292,7 @@ function useTree$2(watcherData) {
     updateTreeData(true);
   });
   watch(() => normalizedData.value, () => {
+    isInitTree = true;
     updateTreeData();
   });
   watch(() => normalizedLazyNode.value, () => {
@@ -49489,7 +49701,6 @@ const useStyles = (props, {
     const ret = width - vScrollbarSize;
     return fixed ? Math.max(Math.round(unref(columnsTotalWidth)), ret) : ret;
   });
-  const headerWidth = computed(() => unref(bodyWidth) + props.vScrollbarSize);
   const mainTableHeight = computed(() => {
     const { height = 0, maxHeight = 0, footerHeight: footerHeight2, hScrollbarSize } = props;
     if (maxHeight > 0) {
@@ -49540,7 +49751,6 @@ const useStyles = (props, {
     mainTableHeight,
     leftTableWidth,
     rightTableWidth,
-    headerWidth,
     windowHeight,
     footerHeight,
     emptyStyle,
@@ -49652,7 +49862,6 @@ function useTable(props) {
     mainTableHeight,
     leftTableWidth,
     rightTableWidth,
-    headerWidth,
     windowHeight,
     footerHeight,
     emptyStyle,
@@ -49716,7 +49925,6 @@ function useTable(props) {
     bodyWidth,
     emptyStyle,
     rootStyle,
-    headerWidth,
     footerHeight,
     mainTableHeight,
     fixedTableHeight,
@@ -50994,7 +51202,6 @@ const TableV2 = defineComponent({
       bodyWidth,
       emptyStyle,
       rootStyle,
-      headerWidth,
       footerHeight,
       showEmpty,
       scrollTo,
@@ -51054,9 +51261,9 @@ const TableV2 = defineComponent({
         data: _data,
         fixedData,
         estimatedRowHeight,
-        bodyWidth: unref(bodyWidth) + vScrollbarSize,
+        bodyWidth: unref(bodyWidth),
         headerHeight,
-        headerWidth: unref(headerWidth),
+        headerWidth: unref(bodyWidth),
         height: unref(mainTableHeight),
         mainTableRef,
         rowKey,
@@ -51095,7 +51302,6 @@ const TableV2 = defineComponent({
         onScroll: onVerticalScroll
       };
       const rightColumnsWidth = unref(rightTableWidth);
-      const rightColumnsWidthWithScrollbar = rightColumnsWidth + vScrollbarSize;
       const rightTableProps = {
         cache,
         class: ns.e("right"),
@@ -51105,15 +51311,15 @@ const TableV2 = defineComponent({
         estimatedRowHeight,
         rightTableRef,
         rowHeight,
-        bodyWidth: rightColumnsWidthWithScrollbar,
-        headerWidth: rightColumnsWidthWithScrollbar,
+        bodyWidth: rightColumnsWidth,
+        headerWidth: rightColumnsWidth,
         headerHeight,
         height: _fixedTableHeight,
         rowKey,
         scrollbarAlwaysOn,
         scrollbarStartGap: 2,
         scrollbarEndGap: vScrollbarSize,
-        width: rightColumnsWidthWithScrollbar,
+        width: rightColumnsWidth,
         style: `--${unref(ns.namespace)}-table-scrollbar-size: ${vScrollbarSize}px`,
         useIsScrolling,
         getRowHeight,
@@ -60461,6 +60667,9 @@ const normalizeOptions = (params) => {
   if (isBoolean(messageConfig.showClose) && !normalized.showClose) {
     normalized.showClose = messageConfig.showClose;
   }
+  if (isBoolean(messageConfig.plain) && !normalized.plain) {
+    normalized.plain = messageConfig.plain;
+  }
   return normalized;
 };
 const closeMessage = (instance) => {

package/dist/locale/af.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250512 */
+/*! Element Plus v0.0.20250514 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/dist/locale/af.min.js

@@ -1,2 +1,2 @@
-/*! Element Plus v0.0.20250512 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};return e});
+/*! Element Plus v0.0.20250514 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};return e});
 //# sourceMappingURL=af.min.js.map

package/dist/locale/af.min.mjs

@@ -1,2 +1,2 @@
-/*! Element Plus v0.0.20250512 */var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};export{e as default};
+/*! Element Plus v0.0.20250514 */var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};export{e as default};
 //# sourceMappingURL=af.min.mjs.map

package/dist/locale/af.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250512 */
+/*! Element Plus v0.0.20250514 */
 
 var af = {
   name: "af",