@lensui/lens-table 0.1.40 → 0.1.42

package/dist/index.cjs

@@ -3648,26 +3648,13 @@ function TableInner({
   const updateColumnDragPreview = (0, import_react5.useCallback)((sourceCell, clientX, canvas) => {
     const rootRect = rootRef.current?.getBoundingClientRect() ?? canvas.getBoundingClientRect();
     const sourceWidth = metrics[sourceCell.startIndex]?.width ?? 100;
-    const sourceColumn = columns[sourceCell.startIndex];
-    const previewContext = canvas.getContext("2d");
-    const previewStyles = rootRef.current ? getComputedStyle(rootRef.current) : null;
-    const previewFontSize = previewStyles ? readThemePixel(previewStyles, "--rvg-font-size-body", 13) : 13;
-    if (previewContext) previewContext.font = `${previewFontSize}px Inter, ui-sans-serif, system-ui, sans-serif`;
-    const measurePreviewText = (value) => previewContext?.measureText(value).width ?? value.length * previewFontSize * 0.58;
-    const previewContentWidth = Math.max(
-      measurePreviewText(sourceColumn?.title ?? ""),
-      ...rows.slice(0, 100).map((_row, rowIndex) => measurePreviewText(getCellLabel(rowIndex, sourceCell.startIndex)))
-    ) + 24;
-    const previewWidth = Math.min(
-      Math.max(sourceWidth, Math.ceil(previewContentWidth)),
-      Math.max(60, Math.min(360, viewport.width - 16))
-    );
+    const previewWidth = sourceWidth;
     setColumnDragPreview({
       sourceIndex: sourceCell.startIndex,
       left: Math.max(4, Math.min(viewport.width - previewWidth - 4, clientX - rootRect.left - previewWidth / 2)),
       width: previewWidth
     });
-  }, [columns, getCellLabel, metrics, rows, viewport.width]);
+  }, [metrics, viewport.width]);
   const activateColumnOrderPointerDrag = (0, import_react5.useCallback)((canvas, clientX) => {
     const drag = columnOrderDragRef.current;
     if (!drag || drag.active) return;

package/dist/index.css

@@ -1536,12 +1536,12 @@
   border-bottom: 1px solid var(--rvg-color-grid);
   color: var(--rvg-color-text);
   font:
-    13px Inter,
+    var(--rvg-font-size-body) Inter,
     ui-sans-serif,
     system-ui,
     sans-serif;
   white-space: nowrap;
-  text-overflow: ellipsis;
+  text-overflow: clip;
   box-sizing: border-box;
 }
 .rvg-column-drag-preview-header {
@@ -1556,6 +1556,7 @@
   background: var(--rvg-color-axis-selection-fill);
 }
 .rvg-column-drag-preview.is-axis-selected .rvg-column-drag-preview-cell {
+  border-bottom-color: color-mix(in srgb, var(--rvg-color-axis-selection-text) 34%, transparent);
   background: var(--rvg-color-axis-selection-fill);
 }
 .rvg-column-drag-preview-header .rvg-preview-header-icon {

package/dist/index.js

@@ -3618,26 +3618,13 @@ function TableInner({
   const updateColumnDragPreview = useCallback2((sourceCell, clientX, canvas) => {
     const rootRect = rootRef.current?.getBoundingClientRect() ?? canvas.getBoundingClientRect();
     const sourceWidth = metrics[sourceCell.startIndex]?.width ?? 100;
-    const sourceColumn = columns[sourceCell.startIndex];
-    const previewContext = canvas.getContext("2d");
-    const previewStyles = rootRef.current ? getComputedStyle(rootRef.current) : null;
-    const previewFontSize = previewStyles ? readThemePixel(previewStyles, "--rvg-font-size-body", 13) : 13;
-    if (previewContext) previewContext.font = `${previewFontSize}px Inter, ui-sans-serif, system-ui, sans-serif`;
-    const measurePreviewText = (value) => previewContext?.measureText(value).width ?? value.length * previewFontSize * 0.58;
-    const previewContentWidth = Math.max(
-      measurePreviewText(sourceColumn?.title ?? ""),
-      ...rows.slice(0, 100).map((_row, rowIndex) => measurePreviewText(getCellLabel(rowIndex, sourceCell.startIndex)))
-    ) + 24;
-    const previewWidth = Math.min(
-      Math.max(sourceWidth, Math.ceil(previewContentWidth)),
-      Math.max(60, Math.min(360, viewport.width - 16))
-    );
+    const previewWidth = sourceWidth;
     setColumnDragPreview({
       sourceIndex: sourceCell.startIndex,
       left: Math.max(4, Math.min(viewport.width - previewWidth - 4, clientX - rootRect.left - previewWidth / 2)),
       width: previewWidth
     });
-  }, [columns, getCellLabel, metrics, rows, viewport.width]);
+  }, [metrics, viewport.width]);
   const activateColumnOrderPointerDrag = useCallback2((canvas, clientX) => {
     const drag = columnOrderDragRef.current;
     if (!drag || drag.active) return;

package/package.json

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