@element-plus/nightly 0.0.20260818 → 0.0.20260820

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260818 */
+/*! Element Plus v0.0.20260820 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -183,7 +183,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 	const BORDER_HORIZONTAL_WIDTH = 2;
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+shared@14.3.0_vue@3.5.25/node_modules/@vueuse/shared/dist/index.js
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.4.0_vue@3.5.25/node_modules/@vueuse/shared/dist/index.js
 	function computedEager(fn, options) {
 		var _options$flush;
 		const result = (0, vue.shallowRef)();
@@ -235,19 +235,26 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 				})).then(resolve).catch(reject);
 			});
 		}
+		if ("cancel" in filter) Object.assign(wrapper, {
+			cancel: filter.cancel,
+			flush: filter.flush,
+			isPending: filter.isPending
+		});
 		return wrapper;
 	}
 	function debounceFilter(ms, options = {}) {
 		let timer;
 		let maxTimer;
 		let lastRejector = noop$1;
+		let lastResolve = noop$1;
+		const _pending = (0, vue.shallowRef)(false);
 		const _clearTimeout = (timer) => {
 			clearTimeout(timer);
 			lastRejector();
 			lastRejector = noop$1;
 		};
 		let lastInvoker;
-		const filter = (invoke) => {
+		const handler = (invoke) => {
 			const duration = (0, vue.toValue)(ms);
 			const maxDuration = (0, vue.toValue)(options.maxWait);
 			if (timer) _clearTimeout(timer);
@@ -256,24 +263,60 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 					_clearTimeout(maxTimer);
 					maxTimer = void 0;
 				}
+				_pending.value = false;
 				return Promise.resolve(invoke());
 			}
+			_pending.value = true;
 			return new Promise((resolve, reject) => {
 				lastRejector = options.rejectOnCancel ? reject : resolve;
+				lastResolve = resolve;
 				lastInvoker = invoke;
 				if (maxDuration && !maxTimer) maxTimer = setTimeout(() => {
 					if (timer) _clearTimeout(timer);
 					maxTimer = void 0;
+					_pending.value = false;
 					resolve(lastInvoker());
 				}, maxDuration);
 				timer = setTimeout(() => {
 					if (maxTimer) _clearTimeout(maxTimer);
 					maxTimer = void 0;
+					_pending.value = false;
 					resolve(invoke());
 				}, duration);
 			});
 		};
-		return filter;
+		return Object.assign(handler, {
+			cancel: () => {
+				if (timer) {
+					_clearTimeout(timer);
+					timer = void 0;
+				}
+				if (maxTimer) {
+					_clearTimeout(maxTimer);
+					maxTimer = void 0;
+				}
+				_pending.value = false;
+				lastResolve = noop$1;
+			},
+			flush: () => {
+				if (_pending.value) {
+					if (timer) {
+						clearTimeout(timer);
+						timer = void 0;
+					}
+					if (maxTimer) {
+						clearTimeout(maxTimer);
+						maxTimer = void 0;
+					}
+					_pending.value = false;
+					const resolve = lastResolve;
+					lastRejector = noop$1;
+					lastResolve = noop$1;
+					resolve(lastInvoker());
+				}
+			},
+			isPending: (0, vue.shallowReadonly)(_pending)
+		});
 	}
 	function throttleFilter(...args) {
 		let lastExec = 0;
@@ -471,7 +514,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 	}
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.25/node_modules/@vueuse/core/dist/index.js
+//#region ../../node_modules/.pnpm/@vueuse+core@14.4.0_vue@3.5.25/node_modules/@vueuse/core/dist/index.js
 	const defaultWindow = isClient ? window : void 0;
 	const defaultDocument = isClient ? window.document : void 0;
 	const defaultNavigator = isClient ? window.navigator : void 0;
@@ -910,9 +953,21 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 		}, options);
 		tryOnMounted(() => {
 			const ele = unrefElement(target);
-			if (ele) {
-				width.value = "offsetWidth" in ele ? ele.offsetWidth : initialSize.width;
-				height.value = "offsetHeight" in ele ? ele.offsetHeight : initialSize.height;
+			if (ele && "offsetWidth" in ele) if (box === "content-box" && window) {
+				const cs = window.getComputedStyle(ele);
+				const padX = Number.parseFloat(cs.paddingLeft) + Number.parseFloat(cs.paddingRight);
+				const padY = Number.parseFloat(cs.paddingTop) + Number.parseFloat(cs.paddingBottom);
+				const bdX = Number.parseFloat(cs.borderLeftWidth) + Number.parseFloat(cs.borderRightWidth);
+				const bdY = Number.parseFloat(cs.borderTopWidth) + Number.parseFloat(cs.borderBottomWidth);
+				width.value = ele.offsetWidth - padX - bdX;
+				height.value = ele.offsetHeight - padY - bdY;
+			} else {
+				width.value = ele.offsetWidth;
+				height.value = ele.offsetHeight;
+			}
+			else if (ele) {
+				width.value = initialSize.width;
+				height.value = initialSize.height;
 			}
 		});
 		const stop2 = (0, vue.watch)(() => unrefElement(target), (ele) => {
@@ -7770,7 +7825,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.0.20260818";
+	const version$1 = "0.0.20260820";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -47496,7 +47551,15 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const ns = useNamespace("tabs");
 			const barRef = (0, vue.ref)();
 			const barStyle = (0, vue.ref)();
-			const renderActiveBar = (0, vue.computed)(() => isUndefined(rootTabs.props.defaultValue) || Boolean(barStyle.value?.transform));
+			const barReady = (0, vue.ref)(false);
+			const mergedBarStyle = (0, vue.computed)(() => {
+				if (barReady.value) return barStyle.value;
+				return {
+					...barStyle.value,
+					transition: "none"
+				};
+			});
+			const barVisible = (0, vue.computed)(() => isUndefined(rootTabs.props.defaultValue) || Boolean(barStyle.value?.transform));
 			const getBarStyle = () => {
 				let offset = 0;
 				let tabSize = 0;
@@ -47522,7 +47585,12 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 					transform: `translate${capitalize(sizeDir)}(${offset}px)`
 				};
 			};
-			const update = () => barStyle.value = getBarStyle();
+			const update = () => {
+				barStyle.value = getBarStyle();
+				if (!barReady.value) rAF(() => rAF(() => {
+					barReady.value = true;
+				}));
+			};
 			const tabObservers = [];
 			const observerTabs = () => {
 				tabObservers.forEach((observer) => observer.stop());
@@ -47547,13 +47615,16 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				update
 			});
 			return (_ctx, _cache) => {
-				return renderActiveBar.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-					key: 0,
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					ref_key: "barRef",
 					ref: barRef,
-					class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("active-bar"), (0, vue.unref)(ns).is((0, vue.unref)(rootTabs).props.tabPosition)]),
-					style: (0, vue.normalizeStyle)(barStyle.value)
-				}, null, 6)) : (0, vue.createCommentVNode)("v-if", true);
+					class: (0, vue.normalizeClass)([
+						(0, vue.unref)(ns).e("active-bar"),
+						(0, vue.unref)(ns).is((0, vue.unref)(rootTabs).props.tabPosition),
+						(0, vue.unref)(ns).is("hidden", !barVisible.value)
+					]),
+					style: (0, vue.normalizeStyle)(mergedBarStyle.value)
+				}, null, 6);
 			};
 		}
 	});