@lensui/lens-table 0.1.42 → 0.1.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +9 -3
- package/dist/index.css +3 -0
- package/dist/index.js +9 -3
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -3652,9 +3652,11 @@ function TableInner({
|
|
|
3652
3652
|
setColumnDragPreview({
|
|
3653
3653
|
sourceIndex: sourceCell.startIndex,
|
|
3654
3654
|
left: Math.max(4, Math.min(viewport.width - previewWidth - 4, clientX - rootRect.left - previewWidth / 2)),
|
|
3655
|
-
width: previewWidth
|
|
3655
|
+
width: previewWidth,
|
|
3656
|
+
snapshot: canvas.toDataURL(),
|
|
3657
|
+
sourceLeft: getDisplayedColumnLeft(sourceCell.startIndex)
|
|
3656
3658
|
});
|
|
3657
|
-
}, [metrics, viewport.width]);
|
|
3659
|
+
}, [getDisplayedColumnLeft, metrics, viewport.width]);
|
|
3658
3660
|
const activateColumnOrderPointerDrag = (0, import_react5.useCallback)((canvas, clientX) => {
|
|
3659
3661
|
const drag = columnOrderDragRef.current;
|
|
3660
3662
|
if (!drag || drag.active) return;
|
|
@@ -5290,7 +5292,11 @@ function TableInner({
|
|
|
5290
5292
|
left: columnDragPreview.left,
|
|
5291
5293
|
top: 0,
|
|
5292
5294
|
width: columnDragPreview.width,
|
|
5293
|
-
height: renderHeight
|
|
5295
|
+
height: renderHeight,
|
|
5296
|
+
backgroundImage: `url(${columnDragPreview.snapshot})`,
|
|
5297
|
+
backgroundRepeat: "no-repeat",
|
|
5298
|
+
backgroundPosition: `-${columnDragPreview.sourceLeft}px 0`,
|
|
5299
|
+
backgroundSize: `${viewport.width}px ${renderHeight}px`
|
|
5294
5300
|
},
|
|
5295
5301
|
children: [
|
|
5296
5302
|
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
package/dist/index.css
CHANGED
|
@@ -1552,6 +1552,9 @@
|
|
|
1552
1552
|
.rvg-column-drag-preview-cell.is-striped {
|
|
1553
1553
|
background: var(--rvg-color-stripe);
|
|
1554
1554
|
}
|
|
1555
|
+
.rvg-column-drag-preview-cell {
|
|
1556
|
+
visibility: hidden;
|
|
1557
|
+
}
|
|
1555
1558
|
.rvg-column-drag-preview.is-axis-selected {
|
|
1556
1559
|
background: var(--rvg-color-axis-selection-fill);
|
|
1557
1560
|
}
|
package/dist/index.js
CHANGED
|
@@ -3622,9 +3622,11 @@ function TableInner({
|
|
|
3622
3622
|
setColumnDragPreview({
|
|
3623
3623
|
sourceIndex: sourceCell.startIndex,
|
|
3624
3624
|
left: Math.max(4, Math.min(viewport.width - previewWidth - 4, clientX - rootRect.left - previewWidth / 2)),
|
|
3625
|
-
width: previewWidth
|
|
3625
|
+
width: previewWidth,
|
|
3626
|
+
snapshot: canvas.toDataURL(),
|
|
3627
|
+
sourceLeft: getDisplayedColumnLeft(sourceCell.startIndex)
|
|
3626
3628
|
});
|
|
3627
|
-
}, [metrics, viewport.width]);
|
|
3629
|
+
}, [getDisplayedColumnLeft, metrics, viewport.width]);
|
|
3628
3630
|
const activateColumnOrderPointerDrag = useCallback2((canvas, clientX) => {
|
|
3629
3631
|
const drag = columnOrderDragRef.current;
|
|
3630
3632
|
if (!drag || drag.active) return;
|
|
@@ -5260,7 +5262,11 @@ function TableInner({
|
|
|
5260
5262
|
left: columnDragPreview.left,
|
|
5261
5263
|
top: 0,
|
|
5262
5264
|
width: columnDragPreview.width,
|
|
5263
|
-
height: renderHeight
|
|
5265
|
+
height: renderHeight,
|
|
5266
|
+
backgroundImage: `url(${columnDragPreview.snapshot})`,
|
|
5267
|
+
backgroundRepeat: "no-repeat",
|
|
5268
|
+
backgroundPosition: `-${columnDragPreview.sourceLeft}px 0`,
|
|
5269
|
+
backgroundSize: `${viewport.width}px ${renderHeight}px`
|
|
5264
5270
|
},
|
|
5265
5271
|
children: [
|
|
5266
5272
|
/* @__PURE__ */ jsxs7(
|