@element-plus/nightly 0.0.20250512 → 0.0.20250514

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250512 */
+/*! Element Plus v0.0.20250514 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11722,7 +11722,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250512";
+  const version$1 = "0.0.20250514";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -17375,11 +17375,22 @@
     const _disabled = useFormDisabled();
     const _ref = vue.ref();
     const slots = vue.useSlots();
-    const _type = vue.computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
+    const _type = vue.computed(() => {
+      var _a;
+      return props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || ((_a = globalConfig.value) == null ? void 0 : _a.type) || "";
+    });
     const autoInsertSpace = vue.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 = vue.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 = vue.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 = vue.computed(() => {
       if (props.tag === "button") {
         return {
@@ -17419,6 +17430,8 @@
       _type,
       _ref,
       _props,
+      _plain,
+      _round,
       shouldAddSpace,
       handleClick
     };
@@ -17456,12 +17469,18 @@
       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,
@@ -18420,15 +18439,25 @@
       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 = vue.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),
@@ -24247,7 +24276,9 @@
               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"]
           }
@@ -28853,6 +28884,94 @@
     };
   };
 
+  const usePanelDateRange = (props, emit, leftDate, rightDate) => {
+    const leftCurrentView = vue.ref("date");
+    const leftCurrentViewRef = vue.ref();
+    const rightCurrentView = vue.ref("date");
+    const rightCurrentViewRef = vue.ref();
+    const pickerBase = vue.inject("EP_PICKER_BASE");
+    const { disabledDate } = pickerBase.props;
+    const { t, lang } = useLocale();
+    const leftYear = vue.computed(() => {
+      return leftDate.value.year();
+    });
+    const leftMonth = vue.computed(() => {
+      return leftDate.value.month();
+    });
+    const rightYear = vue.computed(() => {
+      return rightDate.value.year();
+    });
+    const rightMonth = vue.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 vue.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 vue.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: vue.computed(() => computedYearLabel(leftCurrentView, leftYear)),
+      rightYearLabel: vue.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__ */ vue.defineComponent({
     __name: "panel-date-range",
@@ -28908,24 +29027,26 @@
         min: null,
         max: null
       });
-      const leftLabel = vue.computed(() => {
-        return `${leftDate.value.year()} ${t("el.datepicker.year")} ${t(`el.datepicker.month${leftDate.value.month() + 1}`)}`;
-      });
-      const rightLabel = vue.computed(() => {
-        return `${rightDate.value.year()} ${t("el.datepicker.year")} ${t(`el.datepicker.month${rightDate.value.month() + 1}`)}`;
-      });
-      const leftYear = vue.computed(() => {
-        return leftDate.value.year();
-      });
-      const leftMonth = vue.computed(() => {
-        return leftDate.value.month();
-      });
-      const rightYear = vue.computed(() => {
-        return rightDate.value.year();
-      });
-      const rightMonth = vue.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 = vue.computed(() => !!shortcuts.value.length);
       const minVisibleDate = vue.computed(() => {
         if (dateUserInput.value.min !== null)
@@ -28965,7 +29086,7 @@
         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");
         }
@@ -28980,10 +29101,10 @@
       };
       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");
       };
@@ -28997,7 +29118,7 @@
         handlePanelChange("month");
       };
       const leftNextYear = () => {
-        leftDate.value = leftDate.value.add(1, "year");
+        leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true);
         handlePanelChange("year");
       };
       const leftNextMonth = () => {
@@ -29005,16 +29126,13 @@
         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 = vue.computed(() => {
         const nextMonth = (leftMonth.value + 1) % 12;
         const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0;
@@ -29100,7 +29218,7 @@
           }
         }
       };
-      const handleTimeChange = (value, type) => {
+      const handleTimeChange = (_value, type) => {
         timeUserInput.value[type] = null;
         if (type === "min") {
           leftDate.value = minDate.value;
@@ -29333,7 +29451,7 @@
                       })
                     ])
                   ], 10, ["aria-label"]),
-                  vue.createElementVNode("button", {
+                  vue.withDirectives(vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "arrow-left"]),
                     "aria-label": vue.unref(t)(`el.datepicker.prevMonth`),
@@ -29347,7 +29465,9 @@
                         _: 1
                       })
                     ])
-                  ], 10, ["aria-label"]),
+                  ], 10, ["aria-label"]), [
+                    [vue.vShow, vue.unref(leftCurrentView) === "date"]
+                  ]),
                   _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 0,
                     type: "button",
@@ -29365,7 +29485,7 @@
                       })
                     ])
                   ], 10, ["disabled", "aria-label"])) : vue.createCommentVNode("v-if", true),
-                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                  _ctx.unlinkPanels && vue.unref(leftCurrentView) === "date" ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 1,
                     type: "button",
                     disabled: !vue.unref(enableMonthArrow),
@@ -29385,9 +29505,34 @@
                       })
                     ])
                   ], 10, ["disabled", "aria-label"])) : vue.createCommentVNode("v-if", true),
-                  vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
+                  vue.createElementVNode("div", null, [
+                    vue.createElementVNode("span", {
+                      role: "button",
+                      class: vue.normalizeClass(vue.unref(drpNs).e("header-label")),
+                      "aria-live": "polite",
+                      tabindex: "0",
+                      onKeydown: vue.withKeys(($event) => vue.unref(showLeftPicker)("year"), ["enter"]),
+                      onClick: ($event) => vue.unref(showLeftPicker)("year")
+                    }, vue.toDisplayString(vue.unref(leftYearLabel)), 43, ["onKeydown", "onClick"]),
+                    vue.withDirectives(vue.createElementVNode("span", {
+                      role: "button",
+                      "aria-live": "polite",
+                      tabindex: "0",
+                      class: vue.normalizeClass([
+                        vue.unref(drpNs).e("header-label"),
+                        { active: vue.unref(leftCurrentView) === "month" }
+                      ]),
+                      onKeydown: vue.withKeys(($event) => vue.unref(showLeftPicker)("month"), ["enter"]),
+                      onClick: ($event) => vue.unref(showLeftPicker)("month")
+                    }, vue.toDisplayString(vue.unref(t)(`el.datepicker.month${leftDate.value.month() + 1}`)), 43, ["onKeydown", "onClick"]), [
+                      [vue.vShow, vue.unref(leftCurrentView) === "date"]
+                    ])
+                  ])
                 ], 2),
-                vue.createVNode(DateTable, {
+                vue.unref(leftCurrentView) === "date" ? (vue.openBlock(), vue.createBlock(DateTable, {
+                  key: 0,
+                  ref_key: "leftCurrentViewRef",
+                  ref: leftCurrentViewRef,
                   "selection-mode": "range",
                   date: leftDate.value,
                   "min-date": vue.unref(minDate),
@@ -29398,7 +29543,27 @@
                   onChangerange: vue.unref(handleChangeRange),
                   onPick: handleRangePick,
                   onSelect: vue.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"])) : vue.createCommentVNode("v-if", true),
+                vue.unref(leftCurrentView) === "year" ? (vue.openBlock(), vue.createBlock(YearTable, {
+                  key: 1,
+                  ref_key: "leftCurrentViewRef",
+                  ref: leftCurrentViewRef,
+                  "selection-mode": "year",
+                  date: leftDate.value,
+                  "disabled-date": vue.unref(disabledDate),
+                  "parsed-value": _ctx.parsedValue,
+                  onPick: vue.unref(handleLeftYearPick)
+                }, null, 8, ["date", "disabled-date", "parsed-value", "onPick"])) : vue.createCommentVNode("v-if", true),
+                vue.unref(leftCurrentView) === "month" ? (vue.openBlock(), vue.createBlock(MonthTable, {
+                  key: 2,
+                  ref_key: "leftCurrentViewRef",
+                  ref: leftCurrentViewRef,
+                  "selection-mode": "month",
+                  date: leftDate.value,
+                  "parsed-value": _ctx.parsedValue,
+                  "disabled-date": vue.unref(disabledDate),
+                  onPick: vue.unref(handleLeftMonthPick)
+                }, null, 8, ["date", "parsed-value", "disabled-date", "onPick"])) : vue.createCommentVNode("v-if", true)
               ], 2),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([[vue.unref(ppNs).e("content"), vue.unref(drpNs).e("content")], "is-right"])
@@ -29423,7 +29588,7 @@
                       })
                     ])
                   ], 10, ["disabled", "aria-label"])) : vue.createCommentVNode("v-if", true),
-                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                  _ctx.unlinkPanels && vue.unref(rightCurrentView) === "date" ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 1,
                     type: "button",
                     disabled: !vue.unref(enableMonthArrow),
@@ -29458,7 +29623,7 @@
                       })
                     ])
                   ], 10, ["aria-label"]),
-                  vue.createElementVNode("button", {
+                  vue.withDirectives(vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "arrow-right"]),
                     "aria-label": vue.unref(t)(`el.datepicker.nextMonth`),
@@ -29472,10 +29637,37 @@
                         _: 1
                       })
                     ])
-                  ], 10, ["aria-label"]),
-                  vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(rightLabel)), 1)
+                  ], 10, ["aria-label"]), [
+                    [vue.vShow, vue.unref(rightCurrentView) === "date"]
+                  ]),
+                  vue.createElementVNode("div", null, [
+                    vue.createElementVNode("span", {
+                      role: "button",
+                      class: vue.normalizeClass(vue.unref(drpNs).e("header-label")),
+                      "aria-live": "polite",
+                      tabindex: "0",
+                      onKeydown: vue.withKeys(($event) => vue.unref(showRightPicker)("year"), ["enter"]),
+                      onClick: ($event) => vue.unref(showRightPicker)("year")
+                    }, vue.toDisplayString(vue.unref(rightYearLabel)), 43, ["onKeydown", "onClick"]),
+                    vue.withDirectives(vue.createElementVNode("span", {
+                      role: "button",
+                      "aria-live": "polite",
+                      tabindex: "0",
+                      class: vue.normalizeClass([
+                        vue.unref(drpNs).e("header-label"),
+                        { active: vue.unref(rightCurrentView) === "month" }
+                      ]),
+                      onKeydown: vue.withKeys(($event) => vue.unref(showRightPicker)("month"), ["enter"]),
+                      onClick: ($event) => vue.unref(showRightPicker)("month")
+                    }, vue.toDisplayString(vue.unref(t)(`el.datepicker.month${rightDate.value.month() + 1}`)), 43, ["onKeydown", "onClick"]), [
+                      [vue.vShow, vue.unref(rightCurrentView) === "date"]
+                    ])
+                  ])
                 ], 2),
-                vue.createVNode(DateTable, {
+                vue.unref(rightCurrentView) === "date" ? (vue.openBlock(), vue.createBlock(DateTable, {
+                  key: 0,
+                  ref_key: "rightCurrentViewRef",
+                  ref: rightCurrentViewRef,
                   "selection-mode": "range",
                   date: rightDate.value,
                   "min-date": vue.unref(minDate),
@@ -29486,7 +29678,27 @@
                   onChangerange: vue.unref(handleChangeRange),
                   onPick: handleRangePick,
                   onSelect: vue.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"])) : vue.createCommentVNode("v-if", true),
+                vue.unref(rightCurrentView) === "year" ? (vue.openBlock(), vue.createBlock(YearTable, {
+                  key: 1,
+                  ref_key: "rightCurrentViewRef",
+                  ref: rightCurrentViewRef,
+                  "selection-mode": "year",
+                  date: rightDate.value,
+                  "disabled-date": vue.unref(disabledDate),
+                  "parsed-value": _ctx.parsedValue,
+                  onPick: vue.unref(handleRightYearPick)
+                }, null, 8, ["date", "disabled-date", "parsed-value", "onPick"])) : vue.createCommentVNode("v-if", true),
+                vue.unref(rightCurrentView) === "month" ? (vue.openBlock(), vue.createBlock(MonthTable, {
+                  key: 2,
+                  ref_key: "rightCurrentViewRef",
+                  ref: rightCurrentViewRef,
+                  "selection-mode": "month",
+                  date: rightDate.value,
+                  "parsed-value": _ctx.parsedValue,
+                  "disabled-date": vue.unref(disabledDate),
+                  onPick: vue.unref(handleRightMonthPick)
+                }, null, 8, ["date", "parsed-value", "disabled-date", "onPick"])) : vue.createCommentVNode("v-if", true)
               ], 2)
             ], 2)
           ], 2),
@@ -39207,15 +39419,14 @@
       }));
       const thumbSize = vue.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 = vue.computed(() => {
         if (!Number.isFinite(thumbSize.value)) {
@@ -39231,7 +39442,7 @@
         }, props.layout);
         return style;
       });
-      const totalSteps = vue.computed(() => Math.floor(props.clientSize - thumbSize.value - vue.unref(GAP)));
+      const totalSteps = vue.computed(() => Math.ceil(props.clientSize - thumbSize.value - vue.unref(GAP)));
       const attachEvents = () => {
         window.addEventListener("mousemove", onMouseMove);
         window.addEventListener("mouseup", onMouseUp);
@@ -39284,7 +39495,7 @@
         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);
         });
       };
@@ -45085,6 +45296,7 @@
       updateTreeData(true);
     });
     vue.watch(() => normalizedData.value, () => {
+      isInitTree = true;
       updateTreeData();
     });
     vue.watch(() => normalizedLazyNode.value, () => {
@@ -49493,7 +49705,6 @@
       const ret = width - vScrollbarSize;
       return fixed ? Math.max(Math.round(vue.unref(columnsTotalWidth)), ret) : ret;
     });
-    const headerWidth = vue.computed(() => vue.unref(bodyWidth) + props.vScrollbarSize);
     const mainTableHeight = vue.computed(() => {
       const { height = 0, maxHeight = 0, footerHeight: footerHeight2, hScrollbarSize } = props;
       if (maxHeight > 0) {
@@ -49544,7 +49755,6 @@
       mainTableHeight,
       leftTableWidth,
       rightTableWidth,
-      headerWidth,
       windowHeight,
       footerHeight,
       emptyStyle,
@@ -49656,7 +49866,6 @@
       mainTableHeight,
       leftTableWidth,
       rightTableWidth,
-      headerWidth,
       windowHeight,
       footerHeight,
       emptyStyle,
@@ -49720,7 +49929,6 @@
       bodyWidth,
       emptyStyle,
       rootStyle,
-      headerWidth,
       footerHeight,
       mainTableHeight,
       fixedTableHeight,
@@ -50998,7 +51206,6 @@
         bodyWidth,
         emptyStyle,
         rootStyle,
-        headerWidth,
         footerHeight,
         showEmpty,
         scrollTo,
@@ -51058,9 +51265,9 @@
           data: _data,
           fixedData,
           estimatedRowHeight,
-          bodyWidth: vue.unref(bodyWidth) + vScrollbarSize,
+          bodyWidth: vue.unref(bodyWidth),
           headerHeight,
-          headerWidth: vue.unref(headerWidth),
+          headerWidth: vue.unref(bodyWidth),
           height: vue.unref(mainTableHeight),
           mainTableRef,
           rowKey,
@@ -51099,7 +51306,6 @@
           onScroll: onVerticalScroll
         };
         const rightColumnsWidth = vue.unref(rightTableWidth);
-        const rightColumnsWidthWithScrollbar = rightColumnsWidth + vScrollbarSize;
         const rightTableProps = {
           cache,
           class: ns.e("right"),
@@ -51109,15 +51315,15 @@
           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: `--${vue.unref(ns.namespace)}-table-scrollbar-size: ${vScrollbarSize}px`,
           useIsScrolling,
           getRowHeight,
@@ -60465,6 +60671,9 @@
     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) => {