@element-plus/nightly 0.0.20250513 → 0.0.20250515

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250513 */
+/*! Element Plus v0.0.20250515 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11549,7 +11549,7 @@
   }
 
   const emptyValuesContextKey = Symbol("emptyValuesContextKey");
-  const SCOPE$3 = "use-empty-values";
+  const SCOPE$4 = "use-empty-values";
   const DEFAULT_EMPTY_VALUES = ["", void 0, null];
   const DEFAULT_VALUE_ON_CLEAR = void 0;
   const useEmptyValuesProps = buildProps({
@@ -11722,7 +11722,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250513";
+  const version$1 = "0.0.20250515";
 
   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"]
           }
@@ -25079,11 +25110,14 @@
     accordion: Boolean,
     modelValue: {
       type: definePropType([Array, String, Number]),
-      default: () => void 0
+      default: () => mutable([])
     },
     expandIconPosition: {
       type: definePropType([String]),
       default: "right"
+    },
+    beforeCollapse: {
+      type: definePropType(Function)
     }
   });
   const collapseEmits = {
@@ -25093,24 +25127,20 @@
 
   const collapseContextKey = Symbol("collapseContextKey");
 
+  const SCOPE$3 = "ElCollapse";
   const useCollapse = (props, emit) => {
-    const activeNames = vue.ref([]);
-    const computedActiveNames = vue.computed(() => {
-      var _a;
-      const activeKeys = (_a = props.modelValue) != null ? _a : activeNames.value;
-      return castArray$1(activeKeys);
-    });
+    const activeNames = vue.ref(castArray$1(props.modelValue));
     const setActiveNames = (_activeNames) => {
       activeNames.value = _activeNames;
       const value = props.accordion ? activeNames.value[0] : activeNames.value;
       emit(UPDATE_MODEL_EVENT, value);
       emit(CHANGE_EVENT, value);
     };
-    const handleItemClick = (name) => {
+    const handleChange = (name) => {
       if (props.accordion) {
-        setActiveNames([computedActiveNames.value[0] === name ? "" : name]);
+        setActiveNames([activeNames.value[0] === name ? "" : name]);
       } else {
-        const _activeNames = [...computedActiveNames.value];
+        const _activeNames = [...activeNames.value];
         const index = _activeNames.indexOf(name);
         if (index > -1) {
           _activeNames.splice(index, 1);
@@ -25120,12 +25150,38 @@
         setActiveNames(_activeNames);
       }
     };
+    const handleItemClick = async (name) => {
+      const { beforeCollapse } = props;
+      if (!beforeCollapse) {
+        handleChange(name);
+        return;
+      }
+      const shouldChange = beforeCollapse(name);
+      const isPromiseOrBool = [
+        isPromise(shouldChange),
+        isBoolean(shouldChange)
+      ].includes(true);
+      if (!isPromiseOrBool) {
+        throwError(SCOPE$3, "beforeCollapse must return type `Promise<boolean>` or `boolean`");
+      }
+      if (isPromise(shouldChange)) {
+        shouldChange.then((result) => {
+          if (result !== false) {
+            handleChange(name);
+          }
+        }).catch((e) => {
+        });
+      } else if (shouldChange) {
+        handleChange(name);
+      }
+    };
+    vue.watch(() => props.modelValue, () => activeNames.value = castArray$1(props.modelValue), { deep: true });
     vue.provide(collapseContextKey, {
-      activeNames: computedActiveNames,
+      activeNames,
       handleItemClick
     });
     return {
-      activeNames: computedActiveNames,
+      activeNames,
       setActiveNames
     };
   };
@@ -39388,15 +39444,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)) {
@@ -39412,7 +39467,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);
@@ -39465,7 +39520,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);
         });
       };
@@ -49675,7 +49730,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) {
@@ -49726,7 +49780,6 @@
       mainTableHeight,
       leftTableWidth,
       rightTableWidth,
-      headerWidth,
       windowHeight,
       footerHeight,
       emptyStyle,
@@ -49838,7 +49891,6 @@
       mainTableHeight,
       leftTableWidth,
       rightTableWidth,
-      headerWidth,
       windowHeight,
       footerHeight,
       emptyStyle,
@@ -49902,7 +49954,6 @@
       bodyWidth,
       emptyStyle,
       rootStyle,
-      headerWidth,
       footerHeight,
       mainTableHeight,
       fixedTableHeight,
@@ -51180,7 +51231,6 @@
         bodyWidth,
         emptyStyle,
         rootStyle,
-        headerWidth,
         footerHeight,
         showEmpty,
         scrollTo,
@@ -51240,9 +51290,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,
@@ -51281,7 +51331,6 @@
           onScroll: onVerticalScroll
         };
         const rightColumnsWidth = vue.unref(rightTableWidth);
-        const rightColumnsWidthWithScrollbar = rightColumnsWidth + vScrollbarSize;
         const rightTableProps = {
           cache,
           class: ns.e("right"),
@@ -51291,15 +51340,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,
@@ -52082,7 +52131,7 @@
       ]);
       const inheritTitle = vue.useAttrs().title;
       const bindTitle = () => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         if (inheritTitle)
           return;
         let shouldAddTitle = false;
@@ -52101,9 +52150,9 @@
           }
         }
         if (shouldAddTitle) {
-          textRef.value.setAttribute("title", text);
+          (_f = textRef.value) == null ? void 0 : _f.setAttribute("title", text);
         } else {
-          textRef.value.removeAttribute("title");
+          (_g = textRef.value) == null ? void 0 : _g.removeAttribute("title");
         }
       };
       vue.onMounted(bindTitle);
@@ -56025,16 +56074,6 @@
     const currentKey = vue.ref();
     const tree = vue.shallowRef();
     const listRef = vue.ref();
-    vue.watch(() => props.currentNodeKey, (key) => {
-      currentKey.value = key;
-    }, {
-      immediate: true
-    });
-    vue.watch(() => props.data, (data) => {
-      setData(data);
-    }, {
-      immediate: true
-    });
     const {
       isIndeterminate,
       isChecked,
@@ -56235,7 +56274,7 @@
       currentKey.value = key;
     }
     function setData(data) {
-      vue.nextTick(() => tree.value = createTree(data));
+      tree.value = createTree(data);
     }
     function getNode(data) {
       var _a;
@@ -56252,6 +56291,16 @@
       var _a;
       (_a = listRef.value) == null ? void 0 : _a.scrollTo(offset);
     }
+    vue.watch(() => props.currentNodeKey, (key) => {
+      currentKey.value = key;
+    }, {
+      immediate: true
+    });
+    vue.watch(() => props.data, (data) => {
+      setData(data);
+    }, {
+      immediate: true
+    });
     return {
       tree,
       flattenTree,
@@ -60647,6 +60696,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) => {
@@ -61834,7 +61886,7 @@
   exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
   exports.RowAlign = RowAlign;
   exports.RowJustify = RowJustify;
-  exports.SCOPE = SCOPE$3;
+  exports.SCOPE = SCOPE$4;
   exports.SIZE_INJECTION_KEY = SIZE_INJECTION_KEY;
   exports.SelectProps = SelectProps$1;
   exports.TOOLTIP_INJECTION_KEY = TOOLTIP_INJECTION_KEY;