@lensui/lens-table 0.1.70 → 0.1.72

package/dist/index.cjs

@@ -2907,7 +2907,7 @@ function TableInner({
     horizontalTrack.style.display = "block";
     horizontalTrack.style.left = `${trackLeft}px`;
     horizontalTrack.style.right = `${trackRight}px`;
-    horizontalTrack.style.bottom = `${bottomSummaryHeight + 2}px`;
+    horizontalTrack.style.bottom = `${bottomSummaryHeight}px`;
     horizontalThumb.style.width = `${Math.min(trackWidth, thumbWidth)}px`;
     horizontalThumb.style.transform = `translateX(${thumbLeft}px)`;
   }, [autoHeight, bodyTop, bottomSummaryHeight, effectiveHeight, fixedHeader, fixedWidth, realContentHeight, renderHeight, rightFixedWidth, viewport.width]);
@@ -3769,6 +3769,9 @@ function TableInner({
     const metric = metrics[editing.columnIndex];
     const column = columns[editing.columnIndex];
     if (!metric || !column) return void 0;
+    const row = rows[editing.rowIndex];
+    const cellValue = column.dataIndex === void 0 ? void 0 : row?.[column.dataIndex];
+    const backgroundColor = row ? column.cellStyle?.(cellValue, row, editing.rowIndex).backgroundColor ?? rowStyle?.(row, editing.rowIndex).backgroundColor : void 0;
     const fixedSide = column.fixed;
     const span = getCellSpan(editing.rowIndex, editing.columnIndex);
     const cellWidth = getCellDisplayWidth(editing.columnIndex, span?.colSpan ?? 1);
@@ -3787,7 +3790,8 @@ function TableInner({
         left: visibleLeft,
         top: visibleTop,
         width: Math.max(0, visibleRight - visibleLeft),
-        height: Math.max(0, visibleBottom - visibleTop)
+        height: Math.max(0, visibleBottom - visibleTop),
+        backgroundColor
       };
     }
     return {
@@ -3796,9 +3800,10 @@ function TableInner({
       width: cellWidth,
       height: cellHeight,
       textAlign: column.align ?? "left",
+      backgroundColor,
       clipPath: `inset(${Math.max(0, visibleTop - cellTop)}px ${Math.max(0, cellLeft + cellWidth - visibleRight)}px ${Math.max(0, cellTop + cellHeight - visibleBottom)}px ${Math.max(0, visibleLeft - cellLeft)}px)`
     };
-  }, [bodyTop, columns, editing, fixedHeader, fixedWidth, getCellDisplayWidth, getCellSpan, getScrollableColumnLeft, leftFixedOffsets, metrics, renderHeight, rightFixedOffsets, rightFixedWidth, rowHeight, viewport.width]);
+  }, [bodyTop, columns, editing, fixedHeader, fixedWidth, getCellDisplayWidth, getCellSpan, getScrollableColumnLeft, leftFixedOffsets, metrics, renderHeight, rightFixedOffsets, rightFixedWidth, rowHeight, rows, rowStyle, viewport.width]);
   const handleColumnPointerDown = (0, import_react8.useCallback)((event) => {
     const rect = event.currentTarget.getBoundingClientRect();
     const localY = event.clientY - rect.top;

package/dist/index.js

@@ -2877,7 +2877,7 @@ function TableInner({
     horizontalTrack.style.display = "block";
     horizontalTrack.style.left = `${trackLeft}px`;
     horizontalTrack.style.right = `${trackRight}px`;
-    horizontalTrack.style.bottom = `${bottomSummaryHeight + 2}px`;
+    horizontalTrack.style.bottom = `${bottomSummaryHeight}px`;
     horizontalThumb.style.width = `${Math.min(trackWidth, thumbWidth)}px`;
     horizontalThumb.style.transform = `translateX(${thumbLeft}px)`;
   }, [autoHeight, bodyTop, bottomSummaryHeight, effectiveHeight, fixedHeader, fixedWidth, realContentHeight, renderHeight, rightFixedWidth, viewport.width]);
@@ -3739,6 +3739,9 @@ function TableInner({
     const metric = metrics[editing.columnIndex];
     const column = columns[editing.columnIndex];
     if (!metric || !column) return void 0;
+    const row = rows[editing.rowIndex];
+    const cellValue = column.dataIndex === void 0 ? void 0 : row?.[column.dataIndex];
+    const backgroundColor = row ? column.cellStyle?.(cellValue, row, editing.rowIndex).backgroundColor ?? rowStyle?.(row, editing.rowIndex).backgroundColor : void 0;
     const fixedSide = column.fixed;
     const span = getCellSpan(editing.rowIndex, editing.columnIndex);
     const cellWidth = getCellDisplayWidth(editing.columnIndex, span?.colSpan ?? 1);
@@ -3757,7 +3760,8 @@ function TableInner({
         left: visibleLeft,
         top: visibleTop,
         width: Math.max(0, visibleRight - visibleLeft),
-        height: Math.max(0, visibleBottom - visibleTop)
+        height: Math.max(0, visibleBottom - visibleTop),
+        backgroundColor
       };
     }
     return {
@@ -3766,9 +3770,10 @@ function TableInner({
       width: cellWidth,
       height: cellHeight,
       textAlign: column.align ?? "left",
+      backgroundColor,
       clipPath: `inset(${Math.max(0, visibleTop - cellTop)}px ${Math.max(0, cellLeft + cellWidth - visibleRight)}px ${Math.max(0, cellTop + cellHeight - visibleBottom)}px ${Math.max(0, visibleLeft - cellLeft)}px)`
     };
-  }, [bodyTop, columns, editing, fixedHeader, fixedWidth, getCellDisplayWidth, getCellSpan, getScrollableColumnLeft, leftFixedOffsets, metrics, renderHeight, rightFixedOffsets, rightFixedWidth, rowHeight, viewport.width]);
+  }, [bodyTop, columns, editing, fixedHeader, fixedWidth, getCellDisplayWidth, getCellSpan, getScrollableColumnLeft, leftFixedOffsets, metrics, renderHeight, rightFixedOffsets, rightFixedWidth, rowHeight, rows, rowStyle, viewport.width]);
   const handleColumnPointerDown = useCallback2((event) => {
     const rect = event.currentTarget.getBoundingClientRect();
     const localY = event.clientY - rect.top;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lensui/lens-table",
-  "version": "0.1.70",
+  "version": "0.1.72",
   "description": "A lightweight, canvas-rendered React table component for LensUI.",
   "type": "module",
   "main": "./dist/index.cjs",