@lensui/lens-table 0.1.39 → 0.1.41

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;
@@ -5306,12 +5293,15 @@ function TableInner({
           height: renderHeight
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "div",
             {
               className: `rvg-column-drag-preview-header${selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key) ? " is-axis-selected" : ""}`,
               style: { top: headerLeafTop, height: headerLeafHeight },
-              children: columns[columnDragPreview.sourceIndex]?.renderHeader?.(columns[columnDragPreview.sourceIndex]) ?? columns[columnDragPreview.sourceIndex]?.title
+              children: [
+                columns[columnDragPreview.sourceIndex]?.renderHeader?.(columns[columnDragPreview.sourceIndex]) ?? columns[columnDragPreview.sourceIndex]?.title,
+                renderHeaderIcons(columnDragPreview.sourceIndex, 0)
+              ]
             }
           ),
           rows.slice(domRange.rowStart, domRange.rowEnd).map((_row, visibleRowOffset) => {

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;
@@ -5276,12 +5263,15 @@ function TableInner({
           height: renderHeight
         },
         children: [
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsxs7(
             "div",
             {
               className: `rvg-column-drag-preview-header${selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key) ? " is-axis-selected" : ""}`,
               style: { top: headerLeafTop, height: headerLeafHeight },
-              children: columns[columnDragPreview.sourceIndex]?.renderHeader?.(columns[columnDragPreview.sourceIndex]) ?? columns[columnDragPreview.sourceIndex]?.title
+              children: [
+                columns[columnDragPreview.sourceIndex]?.renderHeader?.(columns[columnDragPreview.sourceIndex]) ?? columns[columnDragPreview.sourceIndex]?.title,
+                renderHeaderIcons(columnDragPreview.sourceIndex, 0)
+              ]
             }
           ),
           rows.slice(domRange.rowStart, domRange.rowEnd).map((_row, visibleRowOffset) => {

package/package.json

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