@lensui/lens-table 0.1.34 → 0.1.35

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.
Files changed (3) hide show
  1. package/dist/index.cjs +5 -2
  2. package/dist/index.js +5 -2
  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 isSelectedColumnDropTarget = Boolean(
2334
+ columnDropTarget && columns.slice(columnDropTarget.startIndex, columnDropTarget.endIndex + 1).some((column) => selectedColumnKeySet.has(column.key))
2335
+ );
2333
2336
  const themeColors = {
2334
2337
  background: readThemeColor(themeStyles, "--rvg-color-bg", "#ffffff"),
2335
2338
  header: readThemeColor(themeStyles, "--rvg-color-header-bg", "#f5f6f7"),
@@ -2340,8 +2343,8 @@ function TableInner({
2340
2343
  borderStrong: readThemeColor(themeStyles, "--rvg-color-border-strong", "#b8bec4"),
2341
2344
  selection: readThemeColor(themeStyles, "--rvg-color-primary", "#1677ff"),
2342
2345
  selectionFill: readThemeColor(themeStyles, "--rvg-color-selection-fill", "#edf4ff"),
2343
- axisSelectionFill: columnDragPreview && selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key) ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-fill", "#d8e8f8") : readThemeColor(themeStyles, "--rvg-color-axis-selection-fill", "#e8f2ff"),
2344
- axisSelectionText: columnDragPreview && selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key) ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-text", "#325b88") : readThemeColor(themeStyles, "--rvg-color-axis-selection-text", readThemeColor(themeStyles, "--rvg-color-text", "#202124")),
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")),
2345
2348
  rowHoverFill: readThemeColor(themeStyles, "--rvg-color-row-hover-fill", "#f6f9fc"),
2346
2349
  editedFill: editedCellHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-edited-fill", "#fff1b8"),
2347
2350
  insertedFill: insertedRowHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-inserted-fill", "#c8ead4"),
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 isSelectedColumnDropTarget = Boolean(
2304
+ columnDropTarget && columns.slice(columnDropTarget.startIndex, columnDropTarget.endIndex + 1).some((column) => selectedColumnKeySet.has(column.key))
2305
+ );
2303
2306
  const themeColors = {
2304
2307
  background: readThemeColor(themeStyles, "--rvg-color-bg", "#ffffff"),
2305
2308
  header: readThemeColor(themeStyles, "--rvg-color-header-bg", "#f5f6f7"),
@@ -2310,8 +2313,8 @@ function TableInner({
2310
2313
  borderStrong: readThemeColor(themeStyles, "--rvg-color-border-strong", "#b8bec4"),
2311
2314
  selection: readThemeColor(themeStyles, "--rvg-color-primary", "#1677ff"),
2312
2315
  selectionFill: readThemeColor(themeStyles, "--rvg-color-selection-fill", "#edf4ff"),
2313
- axisSelectionFill: columnDragPreview && selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key) ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-fill", "#d8e8f8") : readThemeColor(themeStyles, "--rvg-color-axis-selection-fill", "#e8f2ff"),
2314
- axisSelectionText: columnDragPreview && selectedColumnKeySet.has(columns[columnDragPreview.sourceIndex]?.key) ? readThemeColor(themeStyles, "--rvg-color-axis-selection-drag-text", "#325b88") : readThemeColor(themeStyles, "--rvg-color-axis-selection-text", readThemeColor(themeStyles, "--rvg-color-text", "#202124")),
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")),
2315
2318
  rowHoverFill: readThemeColor(themeStyles, "--rvg-color-row-hover-fill", "#f6f9fc"),
2316
2319
  editedFill: editedCellHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-edited-fill", "#fff1b8"),
2317
2320
  insertedFill: insertedRowHighlightColor ?? readThemeColor(themeStyles, "--rvg-color-inserted-fill", "#c8ead4"),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lensui/lens-table",
3
- "version": "0.1.34",
3
+ "version": "0.1.35",
4
4
  "description": "A lightweight, canvas-rendered React table component for LensUI.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",