@element-plus/nightly 0.0.20261021 → 0.0.20261023

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20261021 */
+/*! Element Plus v0.0.20261023 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require("vue")) :
@@ -3630,6 +3630,18 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 		else if (isString(value)) return value;
 		/* @__PURE__ */ debugWarn(SCOPE$9, "binding value must be a string or number");
 	}
+	function percentToRatio(value) {
+		return Number(value.slice(0, -1)) / 100;
+	}
+	function parsePx(value) {
+		return Number(value.slice(0, -2));
+	}
+	function isPercent(value) {
+		return isString(value) && value.endsWith("%");
+	}
+	function isPx(value) {
+		return isString(value) && value.endsWith("px");
+	}
 
 //#endregion
 //#region ../../packages/utils/dom/scroll.ts
@@ -7939,7 +7951,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.0.20261021";
+	const version$1 = "0.0.20261023";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -32075,181 +32087,6 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		"resize-end": (evt, size) => evt instanceof MouseEvent && typeof size === "number"
 	};
 
-//#endregion
-//#region ../../packages/components/splitter/src/hooks/useContainer.ts
-	function useContainer(layout) {
-		const containerEl = (0, vue.ref)();
-		const { width, height } = useElementSize(containerEl);
-		return {
-			containerEl,
-			containerSize: (0, vue.computed)(() => {
-				return layout.value === "horizontal" ? width.value : height.value;
-			})
-		};
-	}
-
-//#endregion
-//#region ../../packages/components/splitter/src/hooks/useSize.ts
-	function getPct(str) {
-		return Number(str.slice(0, -1)) / 100;
-	}
-	function getPx(str) {
-		return Number(str.slice(0, -2));
-	}
-	function isPct(itemSize) {
-		return isString(itemSize) && itemSize.endsWith("%");
-	}
-	function isPx(itemSize) {
-		return isString(itemSize) && itemSize.endsWith("px");
-	}
-	function useSize$1(panels, containerSize) {
-		const propSizes = (0, vue.computed)(() => panels.value.map((i) => i.size));
-		const panelCounts = (0, vue.computed)(() => panels.value.length);
-		const percentSizes = (0, vue.ref)([]);
-		(0, vue.watch)([
-			propSizes,
-			panelCounts,
-			containerSize
-		], () => {
-			let ptgList = [];
-			let emptyCount = 0;
-			for (let i = 0; i < panelCounts.value; i += 1) {
-				const itemSize = panels.value[i]?.size;
-				if (isPct(itemSize)) ptgList[i] = getPct(itemSize);
-				else if (isPx(itemSize)) ptgList[i] = getPx(itemSize) / containerSize.value;
-				else if (itemSize || itemSize === 0) {
-					const num = Number(itemSize);
-					if (!Number.isNaN(num)) ptgList[i] = num / containerSize.value;
-				} else {
-					emptyCount += 1;
-					ptgList[i] = void 0;
-				}
-			}
-			const totalPtg = ptgList.reduce((acc, ptg) => acc + (ptg || 0), 0);
-			if (totalPtg > 1 || !emptyCount) {
-				const scale = 1 / totalPtg;
-				ptgList = ptgList.map((ptg) => ptg === void 0 ? 0 : ptg * scale);
-			} else {
-				const avgRest = (1 - totalPtg) / emptyCount;
-				ptgList = ptgList.map((ptg) => ptg === void 0 ? avgRest : ptg);
-			}
-			percentSizes.value = ptgList;
-		});
-		const ptg2px = (ptg) => ptg * containerSize.value;
-		return {
-			percentSizes,
-			pxSizes: (0, vue.computed)(() => percentSizes.value.map(ptg2px))
-		};
-	}
-
-//#endregion
-//#region ../../packages/components/splitter/src/hooks/useResize.ts
-	function useResize(panels, containerSize, pxSizes, lazy) {
-		const ptg2px = (ptg) => ptg * containerSize.value || 0;
-		function getLimitSize(str, defaultLimit) {
-			if (isPct(str)) return ptg2px(getPct(str));
-			else if (isPx(str)) return getPx(str);
-			return str ?? defaultLimit;
-		}
-		const lazyOffset = (0, vue.ref)(0);
-		const movingIndex = (0, vue.ref)(null);
-		let cachePxSizes = [];
-		let updatePanelSizes = NOOP;
-		const limitSizes = (0, vue.computed)(() => panels.value.map((item) => [item.min, item.max]));
-		(0, vue.watch)(lazy, () => {
-			if (lazyOffset.value) {
-				const mouseup = new MouseEvent("mouseup", { bubbles: true });
-				window.dispatchEvent(mouseup);
-			}
-		});
-		const onMoveStart = (index) => {
-			lazyOffset.value = 0;
-			movingIndex.value = {
-				index,
-				confirmed: false
-			};
-			cachePxSizes = pxSizes.value;
-		};
-		const onMoving = (index, offset) => {
-			let confirmedIndex = null;
-			if ((!movingIndex.value || !movingIndex.value.confirmed) && offset !== 0) {
-				if (offset > 0) {
-					confirmedIndex = index;
-					movingIndex.value = {
-						index,
-						confirmed: true
-					};
-				} else for (let i = index; i >= 0; i -= 1) if (cachePxSizes[i] > 0) {
-					confirmedIndex = i;
-					movingIndex.value = {
-						index: i,
-						confirmed: true
-					};
-					break;
-				}
-			}
-			const mergedIndex = confirmedIndex ?? movingIndex.value?.index ?? index;
-			const numSizes = [...cachePxSizes];
-			const nextIndex = mergedIndex + 1;
-			const startMinSize = getLimitSize(limitSizes.value[mergedIndex][0], 0);
-			const endMinSize = getLimitSize(limitSizes.value[nextIndex][0], 0);
-			const startMaxSize = getLimitSize(limitSizes.value[mergedIndex][1], containerSize.value || 0);
-			const endMaxSize = getLimitSize(limitSizes.value[nextIndex][1], containerSize.value || 0);
-			let mergedOffset = offset;
-			if (numSizes[mergedIndex] + mergedOffset < startMinSize) mergedOffset = startMinSize - numSizes[mergedIndex];
-			if (numSizes[nextIndex] - mergedOffset < endMinSize) mergedOffset = numSizes[nextIndex] - endMinSize;
-			if (numSizes[mergedIndex] + mergedOffset > startMaxSize) mergedOffset = startMaxSize - numSizes[mergedIndex];
-			if (numSizes[nextIndex] - mergedOffset > endMaxSize) mergedOffset = numSizes[nextIndex] - endMaxSize;
-			numSizes[mergedIndex] += mergedOffset;
-			numSizes[nextIndex] -= mergedOffset;
-			lazyOffset.value = mergedOffset;
-			updatePanelSizes = () => {
-				panels.value.forEach((panel, index) => {
-					panel.size = numSizes[index];
-				});
-				updatePanelSizes = NOOP;
-			};
-			if (!lazy.value) updatePanelSizes();
-		};
-		const onMoveEnd = () => {
-			if (lazy.value) updatePanelSizes();
-			lazyOffset.value = 0;
-			movingIndex.value = null;
-			cachePxSizes = [];
-		};
-		const cacheCollapsedSize = [];
-		const onCollapse = (index, type) => {
-			if (!cacheCollapsedSize.length) cacheCollapsedSize.push(...pxSizes.value.map((size, i) => size <= 0 ? getLimitSize(limitSizes.value[i]?.[0], 0) : size));
-			const currentSizes = pxSizes.value;
-			const currentIndex = type === "start" ? index : index + 1;
-			const targetIndex = type === "start" ? index + 1 : index;
-			const currentSize = currentSizes[currentIndex];
-			const targetSize = currentSizes[targetIndex];
-			if (currentSize !== 0 && targetSize !== 0) {
-				currentSizes[currentIndex] = 0;
-				currentSizes[targetIndex] += currentSize;
-				cacheCollapsedSize[index] = currentSize;
-			} else {
-				const totalSize = currentSize + targetSize;
-				const targetCacheCollapsedSize = clamp$1(cacheCollapsedSize[index], 0, totalSize);
-				const currentCacheCollapsedSize = totalSize - targetCacheCollapsedSize;
-				currentSizes[targetIndex] = targetCacheCollapsedSize;
-				currentSizes[currentIndex] = currentCacheCollapsedSize;
-			}
-			panels.value.forEach((panel, index) => {
-				panel.size = currentSizes[index];
-			});
-		};
-		return {
-			lazyOffset,
-			onMoveStart,
-			onMoving,
-			onMoveEnd,
-			movingIndex,
-			onCollapse
-		};
-	}
-
 //#endregion
 //#region ../../packages/components/drawer/src/composables/useResizable.ts
 	function useResizable(props, target, emit) {
@@ -32259,8 +32096,8 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		const windowSize = (0, vue.computed)(() => isHorizontal.value ? width.value : height.value);
 		const resizableOptions = (0, vue.computed)(() => isObject$1(props.resizable) ? props.resizable : {});
 		const parseSizeToPixels = (size, fallback) => {
-			if (isPct(size)) return getPct(size) * windowSize.value;
-			else if (isPx(size)) return getPx(size);
+			if (isPercent(size)) return percentToRatio(size) * windowSize.value;
+			else if (isPx(size)) return parsePx(size);
 			return Number(size ?? fallback);
 		};
 		const getSize = (0, vue.computed)(() => {
@@ -55691,6 +55528,169 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		collapse: (index, type, sizes) => true
 	};
 
+//#endregion
+//#region ../../packages/components/splitter/src/hooks/useContainer.ts
+	function useContainer(layout) {
+		const containerEl = (0, vue.ref)();
+		const { width, height } = useElementSize(containerEl);
+		return {
+			containerEl,
+			containerSize: (0, vue.computed)(() => {
+				return layout.value === "horizontal" ? width.value : height.value;
+			})
+		};
+	}
+
+//#endregion
+//#region ../../packages/components/splitter/src/hooks/useResize.ts
+	function useResize(panels, containerSize, pxSizes, lazy) {
+		const ptg2px = (ptg) => ptg * containerSize.value || 0;
+		function getLimitSize(str, defaultLimit) {
+			if (isPercent(str)) return ptg2px(percentToRatio(str));
+			else if (isPx(str)) return parsePx(str);
+			return str ?? defaultLimit;
+		}
+		const lazyOffset = (0, vue.ref)(0);
+		const movingIndex = (0, vue.ref)(null);
+		let cachePxSizes = [];
+		let updatePanelSizes = NOOP;
+		const limitSizes = (0, vue.computed)(() => panels.value.map((item) => [item.min, item.max]));
+		(0, vue.watch)(lazy, () => {
+			if (lazyOffset.value) {
+				const mouseup = new MouseEvent("mouseup", { bubbles: true });
+				window.dispatchEvent(mouseup);
+			}
+		});
+		const onMoveStart = (index) => {
+			lazyOffset.value = 0;
+			movingIndex.value = {
+				index,
+				confirmed: false
+			};
+			cachePxSizes = pxSizes.value;
+		};
+		const onMoving = (index, offset) => {
+			let confirmedIndex = null;
+			if ((!movingIndex.value || !movingIndex.value.confirmed) && offset !== 0) {
+				if (offset > 0) {
+					confirmedIndex = index;
+					movingIndex.value = {
+						index,
+						confirmed: true
+					};
+				} else for (let i = index; i >= 0; i -= 1) if (cachePxSizes[i] > 0) {
+					confirmedIndex = i;
+					movingIndex.value = {
+						index: i,
+						confirmed: true
+					};
+					break;
+				}
+			}
+			const mergedIndex = confirmedIndex ?? movingIndex.value?.index ?? index;
+			const numSizes = [...cachePxSizes];
+			const nextIndex = mergedIndex + 1;
+			const startMinSize = getLimitSize(limitSizes.value[mergedIndex][0], 0);
+			const endMinSize = getLimitSize(limitSizes.value[nextIndex][0], 0);
+			const startMaxSize = getLimitSize(limitSizes.value[mergedIndex][1], containerSize.value || 0);
+			const endMaxSize = getLimitSize(limitSizes.value[nextIndex][1], containerSize.value || 0);
+			let mergedOffset = offset;
+			if (numSizes[mergedIndex] + mergedOffset < startMinSize) mergedOffset = startMinSize - numSizes[mergedIndex];
+			if (numSizes[nextIndex] - mergedOffset < endMinSize) mergedOffset = numSizes[nextIndex] - endMinSize;
+			if (numSizes[mergedIndex] + mergedOffset > startMaxSize) mergedOffset = startMaxSize - numSizes[mergedIndex];
+			if (numSizes[nextIndex] - mergedOffset > endMaxSize) mergedOffset = numSizes[nextIndex] - endMaxSize;
+			numSizes[mergedIndex] += mergedOffset;
+			numSizes[nextIndex] -= mergedOffset;
+			lazyOffset.value = mergedOffset;
+			updatePanelSizes = () => {
+				panels.value.forEach((panel, index) => {
+					panel.size = numSizes[index];
+				});
+				updatePanelSizes = NOOP;
+			};
+			if (!lazy.value) updatePanelSizes();
+		};
+		const onMoveEnd = () => {
+			if (lazy.value) updatePanelSizes();
+			lazyOffset.value = 0;
+			movingIndex.value = null;
+			cachePxSizes = [];
+		};
+		const cacheCollapsedSize = [];
+		const onCollapse = (index, type) => {
+			if (!cacheCollapsedSize.length) cacheCollapsedSize.push(...pxSizes.value.map((size, i) => size <= 0 ? getLimitSize(limitSizes.value[i]?.[0], 0) : size));
+			const currentSizes = pxSizes.value;
+			const currentIndex = type === "start" ? index : index + 1;
+			const targetIndex = type === "start" ? index + 1 : index;
+			const currentSize = currentSizes[currentIndex];
+			const targetSize = currentSizes[targetIndex];
+			if (currentSize !== 0 && targetSize !== 0) {
+				currentSizes[currentIndex] = 0;
+				currentSizes[targetIndex] += currentSize;
+				cacheCollapsedSize[index] = currentSize;
+			} else {
+				const totalSize = currentSize + targetSize;
+				const targetCacheCollapsedSize = clamp$1(cacheCollapsedSize[index], 0, totalSize);
+				const currentCacheCollapsedSize = totalSize - targetCacheCollapsedSize;
+				currentSizes[targetIndex] = targetCacheCollapsedSize;
+				currentSizes[currentIndex] = currentCacheCollapsedSize;
+			}
+			panels.value.forEach((panel, index) => {
+				panel.size = currentSizes[index];
+			});
+		};
+		return {
+			lazyOffset,
+			onMoveStart,
+			onMoving,
+			onMoveEnd,
+			movingIndex,
+			onCollapse
+		};
+	}
+
+//#endregion
+//#region ../../packages/components/splitter/src/hooks/useSize.ts
+	function useSize$1(panels, containerSize) {
+		const propSizes = (0, vue.computed)(() => panels.value.map((i) => i.size));
+		const panelCounts = (0, vue.computed)(() => panels.value.length);
+		const percentSizes = (0, vue.ref)([]);
+		(0, vue.watch)([
+			propSizes,
+			panelCounts,
+			containerSize
+		], () => {
+			let ptgList = [];
+			let emptyCount = 0;
+			for (let i = 0; i < panelCounts.value; i += 1) {
+				const itemSize = panels.value[i]?.size;
+				if (isPercent(itemSize)) ptgList[i] = percentToRatio(itemSize);
+				else if (isPx(itemSize)) ptgList[i] = parsePx(itemSize) / containerSize.value;
+				else if (itemSize || itemSize === 0) {
+					const num = Number(itemSize);
+					if (!Number.isNaN(num)) ptgList[i] = num / containerSize.value;
+				} else {
+					emptyCount += 1;
+					ptgList[i] = void 0;
+				}
+			}
+			const totalPtg = ptgList.reduce((acc, ptg) => acc + (ptg || 0), 0);
+			if (totalPtg > 1 || !emptyCount) {
+				const scale = 1 / totalPtg;
+				ptgList = ptgList.map((ptg) => ptg === void 0 ? 0 : ptg * scale);
+			} else {
+				const avgRest = (1 - totalPtg) / emptyCount;
+				ptgList = ptgList.map((ptg) => ptg === void 0 ? avgRest : ptg);
+			}
+			percentSizes.value = ptgList;
+		});
+		const ptg2px = (ptg) => ptg * containerSize.value;
+		return {
+			percentSizes,
+			pxSizes: (0, vue.computed)(() => percentSizes.value.map(ptg2px))
+		};
+	}
+
 //#endregion
 //#region ../../packages/components/splitter/src/type.ts
 	const splitterRootContextKey = Symbol("splitterRootContextKey");
@@ -55996,8 +55996,8 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const startCollapsible = (0, vue.computed)(() => isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value));
 			const endCollapsible = (0, vue.computed)(() => isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value));
 			function sizeToPx(str) {
-				if (isPct(str)) return getPct(str) * containerSize.value || 0;
-				else if (isPx(str)) return getPx(str);
+				if (isPercent(str)) return percentToRatio(str) * containerSize.value || 0;
+				else if (isPx(str)) return parsePx(str);
 				return str ?? 0;
 			}
 			let isSizeUpdating = false;