@element-plus/nightly 0.0.20261107 → 0.0.20261110

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20261107 */
+/*! Element Plus v0.0.20261110 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require("vue")) :
@@ -7951,7 +7951,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.0.20261107";
+	const version$1 = "0.0.20261110";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -45118,6 +45118,10 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		const headerScrollHeight = (0, vue.ref)(0);
 		const footerScrollHeight = (0, vue.ref)(0);
 		const appendScrollHeight = (0, vue.ref)(0);
+		let isUnmounted = false;
+		let layoutFrame = null;
+		let syncFrame = null;
+		const stopFns = [];
 		(0, vue.watch)(() => props.height, (value) => {
 			layout.setHeight(value ?? null);
 		}, { immediate: true });
@@ -45152,16 +45156,24 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			return { width: layout.bodyWidth.value ? `${layout.bodyWidth.value}px` : "" };
 		});
 		const doLayout = () => {
+			if (isUnmounted) return;
 			if (shouldUpdateHeight.value) layout.updateElsHeight();
 			layout.updateColumnsWidth();
 			if (typeof window === "undefined") return;
-			requestAnimationFrame(syncPosition);
+			if (syncFrame === null) syncFrame = requestAnimationFrame(() => {
+				syncFrame = null;
+				if (!isUnmounted) syncPosition();
+			});
 		};
 		(0, vue.onMounted)(async () => {
 			await (0, vue.nextTick)();
+			if (isUnmounted) return;
 			store.updateColumns();
 			bindEvents();
-			requestAnimationFrame(doLayout);
+			layoutFrame = requestAnimationFrame(() => {
+				layoutFrame = null;
+				doLayout();
+			});
 			const el = table.vnode.el;
 			const tableHeader = table.refs.headerWrapper;
 			if (props.flexible && el && el.parentElement) el.parentElement.style.minWidth = "0";
@@ -45211,18 +45223,21 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			else setScrollClass("is-scrolling-middle");
 		};
 		const bindEvents = () => {
-			if (!table.refs.scrollBarRef) return;
-			if (table.refs.scrollBarRef.wrapRef) useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, { passive: true });
-			if (props.fit) useResizeObserver(table.vnode.el, resizeListener);
-			else useEventListener(window, "resize", resizeListener);
-			useResizeObserver(table.refs.tableInnerWrapper, () => {
+			if (isUnmounted || !table.refs.scrollBarRef) return;
+			if (table.refs.scrollBarRef.wrapRef) stopFns.push(useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, { passive: true }));
+			if (props.fit) {
+				const { stop } = useResizeObserver(table.vnode.el, resizeListener);
+				stopFns.push(stop);
+			} else stopFns.push(useEventListener(window, "resize", resizeListener));
+			const { stop } = useResizeObserver(table.refs.tableInnerWrapper, () => {
 				resizeListener();
 				table.refs?.scrollBarRef?.update();
 			});
+			stopFns.push(stop);
 		};
 		const resizeListener = () => {
 			const el = table.vnode.el;
-			if (!table.$ready || !el) return;
+			if (isUnmounted || !table.$ready || !el) return;
 			let shouldUpdateLayout = false;
 			const { width: oldWidth, height: oldHeight, headerHeight: oldHeaderHeight } = resizeState.value;
 			const width = tableWidth.value = el.offsetWidth;
@@ -45254,6 +45269,28 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			if (props.maxHeight) return "fixed";
 			return props.tableLayout;
 		});
+		const emptyBlockStyle = (0, vue.computed)(() => {
+			if (props.data && props.data.length) return;
+			let height = "100%";
+			if (props.height && bodyScrollHeight.value) height = `${bodyScrollHeight.value}px`;
+			const width = tableWidth.value;
+			return {
+				width: width ? `${width}px` : "",
+				height
+			};
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			isUnmounted = true;
+			if (layoutFrame !== null) {
+				cancelAnimationFrame(layoutFrame);
+				layoutFrame = null;
+			}
+			if (syncFrame !== null) {
+				cancelAnimationFrame(syncFrame);
+				syncFrame = null;
+			}
+			stopFns.forEach((stop) => stop());
+		});
 		return {
 			isHidden,
 			renderExpanded,
@@ -45262,16 +45299,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			handleMouseLeave,
 			handleHeaderFooterMousewheel,
 			tableSize,
-			emptyBlockStyle: (0, vue.computed)(() => {
-				if (props.data && props.data.length) return;
-				let height = "100%";
-				if (props.height && bodyScrollHeight.value) height = `${bodyScrollHeight.value}px`;
-				const width = tableWidth.value;
-				return {
-					width: width ? `${width}px` : "",
-					height
-				};
-			}),
+			emptyBlockStyle,
 			resizeProxyVisible,
 			bodyWidth,
 			resizeState,