@lensui/lens-table 0.1.36 → 0.1.38
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 +6 -3
- package/dist/index.css +6 -0
- package/dist/index.js +6 -3
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2330,6 +2330,9 @@ function TableInner({
|
|
|
2330
2330
|
if (!context) return;
|
|
2331
2331
|
const themeStyles = getComputedStyle(canvas);
|
|
2332
2332
|
const bodyFontSize = readThemePixel(themeStyles, "--rvg-font-size-body", 13);
|
|
2333
|
+
const isSelectedColumnDrag = Boolean(
|
|
2334
|
+
columnDragPreview && selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key)
|
|
2335
|
+
);
|
|
2333
2336
|
const isSelectedColumnDropTarget = Boolean(
|
|
2334
2337
|
columnDropTarget && columns.slice(columnDropTarget.startIndex, columnDropTarget.endIndex + 1).some((column) => selectedColumnKeySet.has(column.key))
|
|
2335
2338
|
);
|
|
@@ -2343,8 +2346,8 @@ function TableInner({
|
|
|
2343
2346
|
borderStrong: readThemeColor(themeStyles, "--rvg-color-border-strong", "#b8bec4"),
|
|
2344
2347
|
selection: readThemeColor(themeStyles, "--rvg-color-primary", "#1677ff"),
|
|
2345
2348
|
selectionFill: readThemeColor(themeStyles, "--rvg-color-selection-fill", "#edf4ff"),
|
|
2346
|
-
axisSelectionFill: isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-fill", "#d8e8f8") : readThemeColor(themeStyles, "--rvg-color-axis-selection-fill", "#e8f2ff"),
|
|
2347
|
-
axisSelectionText: isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-text", "#325b88") : readThemeColor(themeStyles, "--rvg-color-axis-selection-text", readThemeColor(themeStyles, "--rvg-color-text", "#202124")),
|
|
2349
|
+
axisSelectionFill: isSelectedColumnDrag || isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-fill", "#d8e8f8") : readThemeColor(themeStyles, "--rvg-color-axis-selection-fill", "#e8f2ff"),
|
|
2350
|
+
axisSelectionText: isSelectedColumnDrag || isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-text", "#325b88") : readThemeColor(themeStyles, "--rvg-color-axis-selection-text", readThemeColor(themeStyles, "--rvg-color-text", "#202124")),
|
|
2348
2351
|
rowHoverFill: readThemeColor(themeStyles, "--rvg-color-row-hover-fill", "#f6f9fc"),
|
|
2349
2352
|
editedFill: editedCellHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-edited-fill", "#fff1b8"),
|
|
2350
2353
|
insertedFill: insertedRowHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-inserted-fill", "#c8ead4"),
|
|
@@ -5295,7 +5298,7 @@ function TableInner({
|
|
|
5295
5298
|
"div",
|
|
5296
5299
|
{
|
|
5297
5300
|
"aria-hidden": "true",
|
|
5298
|
-
className:
|
|
5301
|
+
className: `rvg-column-drag-preview${selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key) ? " is-axis-selected" : ""}`,
|
|
5299
5302
|
style: {
|
|
5300
5303
|
left: columnDragPreview.left,
|
|
5301
5304
|
top: 0,
|
package/dist/index.css
CHANGED
|
@@ -1552,6 +1552,12 @@
|
|
|
1552
1552
|
.rvg-column-drag-preview-cell.is-striped {
|
|
1553
1553
|
background: var(--rvg-color-stripe);
|
|
1554
1554
|
}
|
|
1555
|
+
.rvg-column-drag-preview.is-axis-selected {
|
|
1556
|
+
background: var(--rvg-color-axis-selection-fill);
|
|
1557
|
+
}
|
|
1558
|
+
.rvg-column-drag-preview.is-axis-selected .rvg-column-drag-preview-cell {
|
|
1559
|
+
background: var(--rvg-color-axis-selection-fill);
|
|
1560
|
+
}
|
|
1555
1561
|
.rvg-column-drag-preview-header .rvg-preview-header-icon {
|
|
1556
1562
|
position: absolute;
|
|
1557
1563
|
top: 50%;
|
package/dist/index.js
CHANGED
|
@@ -2300,6 +2300,9 @@ function TableInner({
|
|
|
2300
2300
|
if (!context) return;
|
|
2301
2301
|
const themeStyles = getComputedStyle(canvas);
|
|
2302
2302
|
const bodyFontSize = readThemePixel(themeStyles, "--rvg-font-size-body", 13);
|
|
2303
|
+
const isSelectedColumnDrag = Boolean(
|
|
2304
|
+
columnDragPreview && selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key)
|
|
2305
|
+
);
|
|
2303
2306
|
const isSelectedColumnDropTarget = Boolean(
|
|
2304
2307
|
columnDropTarget && columns.slice(columnDropTarget.startIndex, columnDropTarget.endIndex + 1).some((column) => selectedColumnKeySet.has(column.key))
|
|
2305
2308
|
);
|
|
@@ -2313,8 +2316,8 @@ function TableInner({
|
|
|
2313
2316
|
borderStrong: readThemeColor(themeStyles, "--rvg-color-border-strong", "#b8bec4"),
|
|
2314
2317
|
selection: readThemeColor(themeStyles, "--rvg-color-primary", "#1677ff"),
|
|
2315
2318
|
selectionFill: readThemeColor(themeStyles, "--rvg-color-selection-fill", "#edf4ff"),
|
|
2316
|
-
axisSelectionFill: isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-fill", "#d8e8f8") : readThemeColor(themeStyles, "--rvg-color-axis-selection-fill", "#e8f2ff"),
|
|
2317
|
-
axisSelectionText: isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-text", "#325b88") : readThemeColor(themeStyles, "--rvg-color-axis-selection-text", readThemeColor(themeStyles, "--rvg-color-text", "#202124")),
|
|
2319
|
+
axisSelectionFill: isSelectedColumnDrag || isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-fill", "#d8e8f8") : readThemeColor(themeStyles, "--rvg-color-axis-selection-fill", "#e8f2ff"),
|
|
2320
|
+
axisSelectionText: isSelectedColumnDrag || isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-text", "#325b88") : readThemeColor(themeStyles, "--rvg-color-axis-selection-text", readThemeColor(themeStyles, "--rvg-color-text", "#202124")),
|
|
2318
2321
|
rowHoverFill: readThemeColor(themeStyles, "--rvg-color-row-hover-fill", "#f6f9fc"),
|
|
2319
2322
|
editedFill: editedCellHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-edited-fill", "#fff1b8"),
|
|
2320
2323
|
insertedFill: insertedRowHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-inserted-fill", "#c8ead4"),
|
|
@@ -5265,7 +5268,7 @@ function TableInner({
|
|
|
5265
5268
|
"div",
|
|
5266
5269
|
{
|
|
5267
5270
|
"aria-hidden": "true",
|
|
5268
|
-
className:
|
|
5271
|
+
className: `rvg-column-drag-preview${selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key) ? " is-axis-selected" : ""}`,
|
|
5269
5272
|
style: {
|
|
5270
5273
|
left: columnDragPreview.left,
|
|
5271
5274
|
top: 0,
|