@v-c/table 1.1.4 → 1.1.5

package/dist/Body/BodyRow.js

@@ -105,6 +105,7 @@ var BodyRow = /* @__PURE__ */ defineComponent({
 					"renderIndex": renderIndex,
 					"dataIndex": dataIndex,
 					"render": render,
+					"shouldCellUpdate": column.shouldCellUpdate,
 					"scope": scope,
 					"rowType": "body"
 				}, fixedInfo, {

package/dist/Cell/index.js

@@ -2,7 +2,7 @@ import { useInjectTableContext } from "../context/TableContext.js";
 import { useInjectPerfContext } from "../context/PerfContext.js";
 import { validateValue } from "../utils/valueUtil.js";
 import useHoverState from "./useHoverState.js";
-import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef, toRaw, watch } from "vue";
 import { clsx, warning } from "@v-c/util";
 import { filterEmpty, getStylePxValue } from "@v-c/util/dist/props-util";
 import getValue from "@v-c/util/dist/utils/get";
@@ -90,10 +90,11 @@ var Cell = /* @__PURE__ */ defineComponent({
 			const [absScroll = 0, scrollWidth = 0] = tableContext.scrollInfo || [];
 			return [isFixStart.value && fixedStartShadow ? absScroll - (offsetFixedStartShadow || 0) >= 1 : false, isFixEnd && fixedEndShadow ? scrollWidth - absScroll - (offsetFixedEndShadow || 0) > 1 : false];
 		});
-		return () => {
-			const { component: Component = "td", ellipsis, scope, prefixCls, className, style, align, record, index, colIndex, renderIndex, dataIndex, render, column, rowType, colSpan, rowSpan, hoverRowSpan, fixStart, fixEnd, fixedStartShadow, fixedEndShadow, zIndex, zIndexReverse, additionalProps = {}, isSticky, appendNode } = props;
-			const cellPrefixCls = `${prefixCls}-cell`;
-			const mergedAppendNode = appendNode ?? slots?.appendNode?.();
+		const computeContent = () => {
+			const { record, dataIndex, index, renderIndex, render, rowType } = props;
+			const rawProps = toRaw(props);
+			const column = rawProps.column;
+			const colIndex = rawProps.colIndex;
 			const mergedRenderIndex = renderIndex ?? index ?? 0;
 			const [childNode, legacyCellProps] = resolveCellRender({
 				record,
@@ -103,6 +104,69 @@ var Cell = /* @__PURE__ */ defineComponent({
 				render,
 				perfRecord
 			});
+			let rawChildNode = childNode;
+			const renderCell = rowType === "header" ? tableContext.headerCell : rowType === "body" ? tableContext.bodyCell : void 0;
+			if (renderCell && column) {
+				const ctxIndex = rowType === "header" ? colIndex ?? 0 : mergedRenderIndex;
+				const renderCellNode = rowType === "body" ? renderCell({
+					column,
+					index: ctxIndex,
+					text: childNode,
+					record
+				}) : renderCell({
+					column,
+					index: ctxIndex,
+					text: childNode
+				});
+				if (Array.isArray(renderCellNode)) {
+					const filteredNodes = filterEmpty(renderCellNode);
+					if (filteredNodes.length > 0) rawChildNode = filteredNodes;
+				} else if (renderCellNode !== null && renderCellNode !== void 0) rawChildNode = renderCellNode;
+			}
+			return {
+				rawChildNode,
+				legacyCellProps
+			};
+		};
+		let readContent;
+		if (typeof props.shouldCellUpdate === "function") {
+			let dirty = true;
+			let cached;
+			const tick = shallowRef(0);
+			watch([
+				() => props.record,
+				() => props.dataIndex,
+				() => props.index,
+				() => props.renderIndex,
+				() => props.render,
+				() => props.rowType,
+				() => props.children,
+				() => tableContext.bodyCell,
+				() => tableContext.headerCell
+			], (next, prev) => {
+				const nextRecord = next[0];
+				const prevRecord = prev[0];
+				if (props.shouldCellUpdate && !props.shouldCellUpdate(nextRecord, prevRecord)) return;
+				dirty = true;
+				tick.value += 1;
+			});
+			readContent = () => {
+				tick.value;
+				if (dirty || !cached) {
+					cached = computeContent();
+					dirty = false;
+				}
+				return cached;
+			};
+		} else {
+			const contentMemo = computed(computeContent);
+			readContent = () => contentMemo.value;
+		}
+		return () => {
+			const { component: Component = "td", ellipsis, scope, prefixCls, className, style, align, record, index, rowType, colSpan, rowSpan, hoverRowSpan, fixStart, fixEnd, fixedStartShadow, fixedEndShadow, zIndex, zIndexReverse, additionalProps = {}, isSticky, appendNode } = props;
+			const cellPrefixCls = `${prefixCls}-cell`;
+			const mergedAppendNode = appendNode ?? slots?.appendNode?.();
+			const { rawChildNode, legacyCellProps } = readContent();
 			const fixedStyle = {};
 			const [showFixStartShadow, showFixEndShadow] = shadowInfo.value;
 			if (isFixStart.value) {
@@ -128,25 +192,7 @@ var Cell = /* @__PURE__ */ defineComponent({
 				(additionalProps.onMouseLeave || additionalProps.onMouseleave)?.(event);
 			};
 			if (mergedColSpan === 0 || mergedRowSpan === 0) return null;
-			let mergedChildNode = childNode;
-			const renderCell = rowType === "header" ? tableContext.headerCell : rowType === "body" ? tableContext.bodyCell : void 0;
-			if (renderCell && column) {
-				const ctxIndex = rowType === "header" ? colIndex ?? 0 : mergedRenderIndex;
-				const renderCellNode = rowType === "body" ? renderCell({
-					column,
-					index: ctxIndex,
-					text: childNode,
-					record
-				}) : renderCell({
-					column,
-					index: ctxIndex,
-					text: childNode
-				});
-				if (Array.isArray(renderCellNode)) {
-					const filteredNodes = filterEmpty(renderCellNode);
-					if (filteredNodes.length > 0) mergedChildNode = filteredNodes;
-				} else if (renderCellNode !== null && renderCellNode !== void 0) mergedChildNode = renderCellNode;
-			}
+			let mergedChildNode = rawChildNode;
 			const title = additionalProps.title ?? getTitleFromCellRenderChildren({
 				rowType,
 				ellipsis,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/table",
   "type": "module",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -20,8 +20,8 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
+    "@v-c/resize-observer": "^1.1.2",
     "@v-c/util": "^1.0.19",
-    "@v-c/resize-observer": "^1.1.0",
     "@v-c/virtual-list": "^1.0.8"
   },
   "publishConfig": {