element-pe 2.14.2-3 → 2.14.2-4

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.14.2-3 */
+/*! Element Plus v2.14.2-4 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -7848,7 +7848,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "2.14.2-3";
+	const version$1 = "2.14.2-4";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -42066,29 +42066,6 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		};
 	}
 
-//#endregion
-//#region ../../packages/components/table/src/table-body/defaults.ts
-	const defaultProps$1 = {
-		store: {
-			required: true,
-			type: Object
-		},
-		stripe: Boolean,
-		tooltipEffect: String,
-		tooltipOptions: { type: Object },
-		context: {
-			default: () => ({}),
-			type: Object
-		},
-		rowClassName: [String, Function],
-		rowStyle: [Object, Function],
-		fixed: {
-			type: String,
-			default: ""
-		},
-		highlight: Boolean
-	};
-
 //#endregion
 //#region ../../packages/components/table/src/store/watcher.ts
 	const sortData = (data, states) => {
@@ -42136,12 +42113,6 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		const sortProp = (0, vue.ref)(null);
 		const sortOrder = (0, vue.ref)(null);
 		const hoverRow = (0, vue.ref)(null);
-		const renderRange = (0, vue.ref)([
-			-1,
-			-1,
-			32
-		]);
-		const oldRenderRange = (0, vue.ref)([-1, -1]);
 		let halfSelection = [];
 		const selectedMap = (0, vue.computed)(() => {
 			return rowKey.value ? getKeysMap(selection.value, rowKey.value) : void 0;
@@ -42543,61 +42514,6 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			if (columns.value.some(({ type }) => type === "expand")) toggleRowExpansion(row, expanded);
 			else toggleTreeExpansion(row, expanded);
 		};
-		const onScroll = (evt) => {
-			const scrollBarRef = instance.setupState.scrollBarRef;
-			if (scrollBarRef) {
-				const rows = scrollBarRef.wrapRef.querySelectorAll(".el-table .el-table__body tbody>tr");
-				if (rows.length > 0) {
-					const wrapRect = scrollBarRef.wrapRef.getBoundingClientRect();
-					const wrapStart = wrapRect.y;
-					const wrapEnd = wrapRect.y + wrapRect.height;
-					let firstIndex = -1;
-					let lastIndex = -1;
-					const lastRect = rows[rows.length - 1].getBoundingClientRect();
-					if (lastRect.y + lastRect.height < wrapEnd) lastIndex = rows.length - 1;
-					if (evt) {
-						let rowTop = 0;
-						for (let i = 0; i < rows.length; i++) {
-							const row = rows[i];
-							if (row.style.display !== "none") {
-								rowTop += row.getBoundingClientRect().height;
-								if (firstIndex === -1 && rowTop >= evt.scrollTop) firstIndex = i;
-								if (lastIndex === -1 && rowTop >= evt.scrollTop + wrapRect.height) {
-									lastIndex = i;
-									break;
-								}
-							}
-						}
-					} else for (let i = 0; i < rows.length; i++) {
-						if (firstIndex !== -1 && lastIndex !== -1) break;
-						const rowRect = rows[i].getBoundingClientRect();
-						if (rowRect.y <= wrapStart && rowRect.y + rowRect.height > wrapStart) firstIndex = i;
-						if (rowRect.y + rowRect.height >= wrapEnd && rowRect.y < wrapEnd) lastIndex = i;
-					}
-					if (firstIndex !== -1 && lastIndex !== -1) {
-						if (firstIndex !== oldRenderRange.value[0] || lastIndex !== oldRenderRange.value[1]) {
-							let startIndex = firstIndex;
-							let beforeCount = 0;
-							while (startIndex > 0 && beforeCount < 20) if (rows[startIndex - 1].style.display !== "none") {
-								startIndex -= 1;
-								beforeCount += 1;
-							} else startIndex -= 1;
-							let endIndex = lastIndex;
-							let afterCount = 0;
-							while (endIndex < rows.length - 1 && afterCount < 20) if (rows[endIndex + 1].style.display !== "none") {
-								endIndex += 1;
-								afterCount += 1;
-							} else endIndex += 1;
-							renderRange.value[0] = startIndex;
-							renderRange.value[1] = endIndex;
-							renderRange.value[2] = (rows[firstIndex].getBoundingClientRect().height + rows[lastIndex].getBoundingClientRect().height) / 2;
-							oldRenderRange.value[0] = firstIndex;
-							oldRenderRange.value[1] = lastIndex;
-						}
-					}
-				}
-			}
-		};
 		watch(() => treeStates.checkStrictly.value, (value) => {
 			if (value) {
 				selectionIndeterminate.value = {};
@@ -42654,7 +42570,6 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			loadOrToggle,
 			updateTreeData,
 			updateKeyChildren,
-			onScroll,
 			states: {
 				tableSize,
 				rowKey,
@@ -42686,7 +42601,6 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				sortProp,
 				sortOrder,
 				hoverRow,
-				renderRange,
 				...expandStates,
 				...treeStates,
 				...currentData
@@ -43800,7 +43714,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 					scope: column.colSpan > 1 ? "colgroup" : "col",
 					ariaSort: column.sortable ? column.order : void 0,
 					style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-					widget: column.widget ? "table-column:header:" + column.widget.split(":")[1] : void 0,
+					widget: column.widget ? `table-column:header:${column.widget.split(":")[1]}` : void 0,
 					onClick: ($event) => {
 						if ($event.currentTarget?.classList.contains("noclick")) return;
 						handleHeaderClick($event, column);
@@ -44103,18 +44017,9 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			if ($index === 0) displayIndex = -1;
 			if (props.stripe && display) displayIndex++;
 			rowClasses.push(...getRowClass(row, $index, displayIndex));
-			const displayStyle = display ? null : { display: "none" };
-			const startIndex = props.store.states.renderRange.value[0];
-			const endIndex = props.store.states.renderRange.value[1];
-			const rowHeight = props.store.states.renderRange.value[2];
-			if (startIndex === -1 || endIndex === -1 || $index < startIndex || $index > endIndex) return (0, vue.h)("tr", {
-				style: [`display: ${display ? "block" : "none"}; min-height: ${rowHeight}px; opacity: 0`],
-				"row-index": $index
-			});
 			return (0, vue.h)("tr", {
-				style: [displayStyle, getRowStyle(row, $index)],
+				style: [display ? null : { display: "none" }, getRowStyle(row, $index)],
 				class: rowClasses,
-				"row-index": $index,
 				key: getKeyOfRow(row, $index),
 				onDblclick: ($event) => handleDoubleClick($event, row),
 				onClick: ($event) => handleClick($event, row),
@@ -44157,7 +44062,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 					colspan,
 					onMouseenter: ($event) => handleCellMouseEnter($event, row, mergedTooltipOptions),
 					onMouseleave: handleCellMouseLeave,
-					widget: column.widget ? "table-column:default:" + column.widget.split(":")[1] : void 0
+					widget: column.widget ? `table-column:default:${column.widget.split(":")[1]}` : void 0
 				}, { default: () => cellChildren(cellIndex, column, data) });
 			}));
 		};
@@ -44252,6 +44157,29 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		};
 	}
 
+//#endregion
+//#region ../../packages/components/table/src/table-body/defaults.ts
+	const defaultProps$1 = {
+		store: {
+			required: true,
+			type: Object
+		},
+		stripe: Boolean,
+		tooltipEffect: String,
+		tooltipOptions: { type: Object },
+		context: {
+			default: () => ({}),
+			type: Object
+		},
+		rowClassName: [String, Function],
+		rowStyle: [Object, Function],
+		fixed: {
+			type: String,
+			default: ""
+		},
+		highlight: Boolean
+	};
+
 //#endregion
 //#region ../../packages/components/table/src/table-body/index.ts
 	var table_body_default = (0, vue.defineComponent)({
@@ -44578,7 +44506,6 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			layout.updateColumnsWidth();
 			if (typeof window === "undefined") return;
 			requestAnimationFrame(syncPosition);
-			store.onScroll();
 		};
 		(0, vue.onMounted)(async () => {
 			await (0, vue.nextTick)();
@@ -44601,9 +44528,6 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				});
 			});
 			table.$ready = true;
-			setTimeout(() => {
-				store.onScroll();
-			});
 		});
 		const setScrollClassByEl = (el, className) => {
 			if (!el) return;
@@ -44903,8 +44827,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				scrollTo,
 				setScrollLeft,
 				setScrollTop,
-				allowDragLastColumn: props.allowDragLastColumn,
-				onScroll
+				allowDragLastColumn: props.allowDragLastColumn
 			});
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -44930,7 +44853,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 					]),
 					style: (0, vue.normalizeStyle)(__props.style),
 					"data-prefix": (0, vue.unref)(ns).namespace.value,
-					onMouseleave: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleMouseLeave) && (0, vue.unref)(handleMouseLeave)(...args))
+					onMouseleave: _cache[1] || (_cache[1] = (...args) => (0, vue.unref)(handleMouseLeave) && (0, vue.unref)(handleMouseLeave)(...args))
 				}, [(0, vue.createElementVNode)("div", {
 					ref: "tableInnerWrapper",
 					class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("inner-wrapper"))
@@ -44977,7 +44900,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						always: __props.scrollbarAlwaysOn,
 						tabindex: __props.scrollbarTabindex,
 						native: __props.nativeScrollbar,
-						onScroll: (0, vue.unref)(onScroll)
+						onScroll: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("scroll", $event))
 					}, {
 						default: (0, vue.withCtx)(() => [
 							(0, vue.createElementVNode)("table", {
@@ -45066,8 +44989,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						"wrap-style",
 						"always",
 						"tabindex",
-						"native",
-						"onScroll"
+						"native"
 					])], 2),
 					__props.showSummary && (0, vue.unref)(tableLayout) === "fixed" ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 1,