@lensui/lens-table 0.1.46 → 0.1.48
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 +5 -2
- package/dist/index.css +8 -5
- package/dist/index.js +5 -2
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2349,7 +2349,10 @@ function TableInner({
|
|
|
2349
2349
|
selection: readThemeColor(themeStyles, "--rvg-color-primary", "#1677ff"),
|
|
2350
2350
|
selectionFill: readThemeColor(themeStyles, "--rvg-color-selection-fill", "#edf4ff"),
|
|
2351
2351
|
axisSelectionFill: isSelectedColumnDrag || isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-fill", "#d8e8f8") : readThemeColor(themeStyles, "--rvg-color-axis-selection-fill", "#e8f2ff"),
|
|
2352
|
-
|
|
2352
|
+
// Keep zebra striping while a selected column is being dragged. The
|
|
2353
|
+
// regular and drag fills intentionally differ, but odd rows should
|
|
2354
|
+
// continue to use the dedicated stripe color in both states.
|
|
2355
|
+
axisSelectionStripeFill: readThemeColor(themeStyles, "--rvg-color-axis-selection-stripe-fill", "#dfeeff"),
|
|
2353
2356
|
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")),
|
|
2354
2357
|
rowHoverFill: readThemeColor(themeStyles, "--rvg-color-row-hover-fill", "#f6f9fc"),
|
|
2355
2358
|
editedFill: editedCellHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-edited-fill", "#fff1b8"),
|
|
@@ -3902,7 +3905,7 @@ function TableInner({
|
|
|
3902
3905
|
columnIndex,
|
|
3903
3906
|
action,
|
|
3904
3907
|
left: placement === "above" ? anchorX : placement === "right" ? anchorX + 8 : Math.max(8, anchorLeft - 8),
|
|
3905
|
-
top: placement === "above" ? anchorY -
|
|
3908
|
+
top: placement === "above" ? anchorY - 14 : anchorY,
|
|
3906
3909
|
label,
|
|
3907
3910
|
placement
|
|
3908
3911
|
};
|
package/dist/index.css
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
}
|
|
36
36
|
.rvg-root {
|
|
37
37
|
position: relative;
|
|
38
|
-
overflow:
|
|
38
|
+
overflow: visible;
|
|
39
39
|
border: 0;
|
|
40
40
|
border-radius: 0;
|
|
41
41
|
background: var(--rvg-color-bg);
|
|
@@ -958,13 +958,13 @@
|
|
|
958
958
|
transform: translate(-50%, -100%);
|
|
959
959
|
}
|
|
960
960
|
.rvg-header-tooltip.is-above::after {
|
|
961
|
-
bottom: -
|
|
961
|
+
bottom: -6px;
|
|
962
962
|
left: 50%;
|
|
963
963
|
transform: translateX(-50%);
|
|
964
|
-
border-right:
|
|
965
|
-
border-top:
|
|
964
|
+
border-right: 6px solid transparent;
|
|
965
|
+
border-top: 6px solid var(--rvg-color-tooltip-bg);
|
|
966
966
|
border-bottom: 0;
|
|
967
|
-
border-left:
|
|
967
|
+
border-left: 6px solid transparent;
|
|
968
968
|
}
|
|
969
969
|
.rvg-header-tooltip.is-below,
|
|
970
970
|
.rvg-cell-tooltip.is-below {
|
|
@@ -1575,6 +1575,9 @@
|
|
|
1575
1575
|
border-bottom-color: color-mix(in srgb, var(--rvg-color-axis-selection-text) 34%, transparent);
|
|
1576
1576
|
background: var(--rvg-color-axis-selection-fill);
|
|
1577
1577
|
}
|
|
1578
|
+
.rvg-column-drag-preview.is-axis-selected .rvg-column-drag-preview-cell.is-striped {
|
|
1579
|
+
background: var(--rvg-color-axis-selection-stripe-fill);
|
|
1580
|
+
}
|
|
1578
1581
|
.rvg-column-drag-preview-header .rvg-preview-header-icon {
|
|
1579
1582
|
position: absolute;
|
|
1580
1583
|
top: 50%;
|
package/dist/index.js
CHANGED
|
@@ -2319,7 +2319,10 @@ function TableInner({
|
|
|
2319
2319
|
selection: readThemeColor(themeStyles, "--rvg-color-primary", "#1677ff"),
|
|
2320
2320
|
selectionFill: readThemeColor(themeStyles, "--rvg-color-selection-fill", "#edf4ff"),
|
|
2321
2321
|
axisSelectionFill: isSelectedColumnDrag || isSelectedColumnDropTarget ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-fill", "#d8e8f8") : readThemeColor(themeStyles, "--rvg-color-axis-selection-fill", "#e8f2ff"),
|
|
2322
|
-
|
|
2322
|
+
// Keep zebra striping while a selected column is being dragged. The
|
|
2323
|
+
// regular and drag fills intentionally differ, but odd rows should
|
|
2324
|
+
// continue to use the dedicated stripe color in both states.
|
|
2325
|
+
axisSelectionStripeFill: readThemeColor(themeStyles, "--rvg-color-axis-selection-stripe-fill", "#dfeeff"),
|
|
2323
2326
|
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")),
|
|
2324
2327
|
rowHoverFill: readThemeColor(themeStyles, "--rvg-color-row-hover-fill", "#f6f9fc"),
|
|
2325
2328
|
editedFill: editedCellHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-edited-fill", "#fff1b8"),
|
|
@@ -3872,7 +3875,7 @@ function TableInner({
|
|
|
3872
3875
|
columnIndex,
|
|
3873
3876
|
action,
|
|
3874
3877
|
left: placement === "above" ? anchorX : placement === "right" ? anchorX + 8 : Math.max(8, anchorLeft - 8),
|
|
3875
|
-
top: placement === "above" ? anchorY -
|
|
3878
|
+
top: placement === "above" ? anchorY - 14 : anchorY,
|
|
3876
3879
|
label,
|
|
3877
3880
|
placement
|
|
3878
3881
|
};
|