@vtable-guild/vtable-guild 2.6.4 → 2.7.1

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 (64) hide show
  1. package/css/presets/antdv.css +2 -0
  2. package/css/presets/element-plus.css +2 -0
  3. package/css/style.css +19 -0
  4. package/css/tailwind3-utilities.css +15 -0
  5. package/css/tailwind3.css +4 -0
  6. package/css/tailwind4.css +4 -0
  7. package/dist/css/presets/antdv.css +2 -0
  8. package/dist/css/presets/element-plus.css +2 -0
  9. package/dist/css/style.css +19 -0
  10. package/dist/css/tailwind3-utilities.css +15 -0
  11. package/dist/css/tailwind3.css +4 -0
  12. package/dist/css/tailwind4.css +4 -0
  13. package/dist/index.full.mjs +3712 -3404
  14. package/dist/index.mjs +22 -19
  15. package/dist/table/src/components/ExpandedRowTr.d.ts +90 -0
  16. package/dist/table/src/components/ExpandedRowTr.d.ts.map +1 -0
  17. package/dist/table/src/components/ExpandedRowTr.mjs +61 -0
  18. package/dist/table/src/components/Table.d.ts +23 -3
  19. package/dist/table/src/components/Table.d.ts.map +1 -1
  20. package/dist/table/src/components/Table.mjs +355 -324
  21. package/dist/table/src/components/TableBody.d.ts.map +1 -1
  22. package/dist/table/src/components/TableBody.mjs +67 -58
  23. package/dist/table/src/components/VTable.vue.d.ts +4 -3
  24. package/dist/table/src/components/VTable.vue.d.ts.map +1 -1
  25. package/dist/table/src/components/VTable.vue.mjs +43 -37
  26. package/dist/table/src/components/VirtualTableBody.d.ts.map +1 -1
  27. package/dist/table/src/components/VirtualTableBody.mjs +110 -104
  28. package/dist/table/src/composables/index.d.ts +3 -0
  29. package/dist/table/src/composables/index.d.ts.map +1 -1
  30. package/dist/table/src/composables/useColumnDisplay.d.ts +26 -0
  31. package/dist/table/src/composables/useColumnDisplay.d.ts.map +1 -0
  32. package/dist/table/src/composables/useColumnDisplay.mjs +46 -0
  33. package/dist/table/src/composables/useColumnDisplay.test.d.ts +2 -0
  34. package/dist/table/src/composables/useColumnDisplay.test.d.ts.map +1 -0
  35. package/dist/table/src/composables/useRowDragSort.d.ts +79 -0
  36. package/dist/table/src/composables/useRowDragSort.d.ts.map +1 -0
  37. package/dist/table/src/composables/useRowDragSort.mjs +146 -0
  38. package/dist/table/src/composables/useRowDragSort.test.d.ts +2 -0
  39. package/dist/table/src/composables/useRowDragSort.test.d.ts.map +1 -0
  40. package/dist/table/src/context.d.ts +14 -0
  41. package/dist/table/src/context.d.ts.map +1 -1
  42. package/dist/table/src/index.d.ts +14 -4
  43. package/dist/table/src/index.d.ts.map +1 -1
  44. package/dist/table/src/types/column.d.ts +6 -0
  45. package/dist/table/src/types/column.d.ts.map +1 -1
  46. package/dist/table/src/types/index.d.ts +1 -1
  47. package/dist/table/src/types/index.d.ts.map +1 -1
  48. package/dist/table/src/types/table.d.ts +23 -8
  49. package/dist/table/src/types/table.d.ts.map +1 -1
  50. package/dist/table/src/utils/columnWidth.d.ts +12 -0
  51. package/dist/table/src/utils/columnWidth.d.ts.map +1 -0
  52. package/dist/table/src/utils/columnWidth.mjs +26 -0
  53. package/dist/table/src/utils/columnWidth.test.d.ts +2 -0
  54. package/dist/table/src/utils/columnWidth.test.d.ts.map +1 -0
  55. package/dist/table/src/utils/rowKey.d.ts +8 -0
  56. package/dist/table/src/utils/rowKey.d.ts.map +1 -0
  57. package/dist/table/src/utils/rowKey.mjs +6 -0
  58. package/dist/theme/src/presets/antdv/table.d.ts +3 -0
  59. package/dist/theme/src/presets/antdv/table.d.ts.map +1 -1
  60. package/dist/theme/src/presets/antdv/table.mjs +4 -0
  61. package/dist/theme/src/presets/element-plus/table.d.ts +3 -0
  62. package/dist/theme/src/presets/element-plus/table.d.ts.map +1 -1
  63. package/dist/theme/src/presets/element-plus/table.mjs +4 -0
  64. package/package.json +1 -1
package/css/presets/antdv.css CHANGED
@@ -45,6 +45,7 @@
45
45
  --vtg-table-row-hover-bg: var(--color-surface-hover);
46
46
  --vtg-table-row-selected-bg: #e6f4ff;
47
47
  --vtg-table-row-selected-hover-bg: #bae0ff;
48
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
48
49
  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 40%);
49
50
  --vtg-table-empty-margin-block: 32px;
50
51
  --vtg-table-empty-image-height: 40px;
@@ -175,6 +176,7 @@
175
176
  --color-control-item-active-hover-bg: #112545;
176
177
  --vtg-table-row-selected-bg: #111a2c;
177
178
  --vtg-table-row-selected-hover-bg: #112545;
179
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
178
180
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 40%);
179
181
  --vtg-table-empty-image-opacity: 0.65;
180
182
  --vtg-table-empty-border-color: #434343;
package/css/presets/element-plus.css CHANGED
@@ -58,6 +58,7 @@
58
58
  --vtg-table-row-hover-bg: var(--color-surface-hover);
59
59
  --vtg-table-row-selected-bg: #ecf5ff;
60
60
  --vtg-table-row-selected-hover-bg: #d9ecff;
61
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
61
62
 
62
63
  /* 尺寸类 token */
63
64
  --vtg-table-font-size: 14px;
@@ -189,6 +190,7 @@
189
190
  --vtg-tooltip-arrow-outer-color: #4c4d4f;
190
191
  --vtg-table-row-selected-bg: #18222c;
191
192
  --vtg-table-row-selected-hover-bg: #1d3043;
193
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
192
194
 
193
195
  /* Loading overlay */
194
196
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 90%);
package/css/style.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --vtg-table-row-hover-bg: var(--color-surface-hover);
48
48
  --vtg-table-row-selected-bg: #e6f4ff;
49
49
  --vtg-table-row-selected-hover-bg: #bae0ff;
50
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
50
51
  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 40%);
51
52
  --vtg-table-empty-margin-block: 32px;
52
53
  --vtg-table-empty-image-height: 40px;
@@ -177,6 +178,7 @@
177
178
  --color-control-item-active-hover-bg: #112545;
178
179
  --vtg-table-row-selected-bg: #111a2c;
179
180
  --vtg-table-row-selected-hover-bg: #112545;
181
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
180
182
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 40%);
181
183
  --vtg-table-empty-image-opacity: 0.65;
182
184
  --vtg-table-empty-border-color: #434343;
@@ -244,6 +246,7 @@
244
246
  --vtg-table-row-hover-bg: var(--color-surface-hover);
245
247
  --vtg-table-row-selected-bg: #ecf5ff;
246
248
  --vtg-table-row-selected-hover-bg: #d9ecff;
249
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
247
250
 
248
251
  /* 尺寸类 token */
249
252
  --vtg-table-font-size: 14px;
@@ -375,6 +378,7 @@
375
378
  --vtg-tooltip-arrow-outer-color: #4c4d4f;
376
379
  --vtg-table-row-selected-bg: #18222c;
377
380
  --vtg-table-row-selected-hover-bg: #1d3043;
381
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
378
382
 
379
383
  /* Loading overlay */
380
384
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 90%);
@@ -1507,6 +1511,11 @@
1507
1511
  --tw-shadow-colored: 0 6px 16px 0 var(--tw-shadow-color), 0 3px 6px -4px var(--tw-shadow-color), 0 9px 28px 8px var(--tw-shadow-color);
1508
1512
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1509
1513
  }
1514
+ .vtg-shadow-\[inset_0_2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\] {
1515
+ --tw-shadow: inset 0 2px 0 0 var(--vtg-table-row-drop-indicator-color);
1516
+ --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
1517
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1518
+ }
1510
1519
  .vtg-shadow-lg {
1511
1520
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1512
1521
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2067,4 +2076,14 @@
2067
2076
  }
2068
2077
  .\[\&\>svg\]\:vtg-w-auto>svg {
2069
2078
  width: auto
2079
+ }
2080
+ .\[\&\>td\]\:vtg-shadow-\[inset_0_-2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\]>td {
2081
+ --tw-shadow: inset 0 -2px 0 0 var(--vtg-table-row-drop-indicator-color);
2082
+ --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
2083
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
2084
+ }
2085
+ .\[\&\>td\]\:vtg-shadow-\[inset_0_2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\]>td {
2086
+ --tw-shadow: inset 0 2px 0 0 var(--vtg-table-row-drop-indicator-color);
2087
+ --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
2088
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
2070
2089
  }
package/css/tailwind3-utilities.css CHANGED
@@ -1006,6 +1006,11 @@
1006
1006
  --tw-shadow-colored: 0 6px 16px 0 var(--tw-shadow-color), 0 3px 6px -4px var(--tw-shadow-color), 0 9px 28px 8px var(--tw-shadow-color);
1007
1007
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1008
1008
  }
1009
+ .vtg-shadow-\[inset_0_2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\] {
1010
+ --tw-shadow: inset 0 2px 0 0 var(--vtg-table-row-drop-indicator-color);
1011
+ --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
1012
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1013
+ }
1009
1014
  .vtg-shadow-lg {
1010
1015
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1011
1016
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1566,4 +1571,14 @@
1566
1571
  }
1567
1572
  .\[\&\>svg\]\:vtg-w-auto>svg {
1568
1573
  width: auto
1574
+ }
1575
+ .\[\&\>td\]\:vtg-shadow-\[inset_0_-2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\]>td {
1576
+ --tw-shadow: inset 0 -2px 0 0 var(--vtg-table-row-drop-indicator-color);
1577
+ --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
1578
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1579
+ }
1580
+ .\[\&\>td\]\:vtg-shadow-\[inset_0_2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\]>td {
1581
+ --tw-shadow: inset 0 2px 0 0 var(--vtg-table-row-drop-indicator-color);
1582
+ --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
1583
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1569
1584
  }
package/css/tailwind3.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --vtg-table-row-hover-bg: var(--color-surface-hover);
48
48
  --vtg-table-row-selected-bg: #e6f4ff;
49
49
  --vtg-table-row-selected-hover-bg: #bae0ff;
50
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
50
51
  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 40%);
51
52
  --vtg-table-empty-margin-block: 32px;
52
53
  --vtg-table-empty-image-height: 40px;
@@ -177,6 +178,7 @@
177
178
  --color-control-item-active-hover-bg: #112545;
178
179
  --vtg-table-row-selected-bg: #111a2c;
179
180
  --vtg-table-row-selected-hover-bg: #112545;
181
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
180
182
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 40%);
181
183
  --vtg-table-empty-image-opacity: 0.65;
182
184
  --vtg-table-empty-border-color: #434343;
@@ -244,6 +246,7 @@
244
246
  --vtg-table-row-hover-bg: var(--color-surface-hover);
245
247
  --vtg-table-row-selected-bg: #ecf5ff;
246
248
  --vtg-table-row-selected-hover-bg: #d9ecff;
249
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
247
250
 
248
251
  /* 尺寸类 token */
249
252
  --vtg-table-font-size: 14px;
@@ -375,6 +378,7 @@
375
378
  --vtg-tooltip-arrow-outer-color: #4c4d4f;
376
379
  --vtg-table-row-selected-bg: #18222c;
377
380
  --vtg-table-row-selected-hover-bg: #1d3043;
381
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
378
382
 
379
383
  /* Loading overlay */
380
384
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 90%);
package/css/tailwind4.css CHANGED
@@ -88,6 +88,7 @@
88
88
  --vtg-table-row-hover-bg: var(--color-surface-hover);
89
89
  --vtg-table-row-selected-bg: #e6f4ff;
90
90
  --vtg-table-row-selected-hover-bg: #bae0ff;
91
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
91
92
  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 40%);
92
93
  --vtg-table-empty-margin-block: 32px;
93
94
  --vtg-table-empty-image-height: 40px;
@@ -218,6 +219,7 @@
218
219
  --color-control-item-active-hover-bg: #112545;
219
220
  --vtg-table-row-selected-bg: #111a2c;
220
221
  --vtg-table-row-selected-hover-bg: #112545;
222
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
221
223
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 40%);
222
224
  --vtg-table-empty-image-opacity: 0.65;
223
225
  --vtg-table-empty-border-color: #434343;
@@ -285,6 +287,7 @@
285
287
  --vtg-table-row-hover-bg: var(--color-surface-hover);
286
288
  --vtg-table-row-selected-bg: #ecf5ff;
287
289
  --vtg-table-row-selected-hover-bg: #d9ecff;
290
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
288
291
 
289
292
  /* 尺寸类 token */
290
293
  --vtg-table-font-size: 14px;
@@ -416,6 +419,7 @@
416
419
  --vtg-tooltip-arrow-outer-color: #4c4d4f;
417
420
  --vtg-table-row-selected-bg: #18222c;
418
421
  --vtg-table-row-selected-hover-bg: #1d3043;
422
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
419
423
 
420
424
  /* Loading overlay */
421
425
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 90%);
package/dist/css/presets/antdv.css CHANGED
@@ -45,6 +45,7 @@
45
45
  --vtg-table-row-hover-bg: var(--color-surface-hover);
46
46
  --vtg-table-row-selected-bg: #e6f4ff;
47
47
  --vtg-table-row-selected-hover-bg: #bae0ff;
48
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
48
49
  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 40%);
49
50
  --vtg-table-empty-margin-block: 32px;
50
51
  --vtg-table-empty-image-height: 40px;
@@ -175,6 +176,7 @@
175
176
  --color-control-item-active-hover-bg: #112545;
176
177
  --vtg-table-row-selected-bg: #111a2c;
177
178
  --vtg-table-row-selected-hover-bg: #112545;
179
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
178
180
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 40%);
179
181
  --vtg-table-empty-image-opacity: 0.65;
180
182
  --vtg-table-empty-border-color: #434343;
package/dist/css/presets/element-plus.css CHANGED
@@ -58,6 +58,7 @@
58
58
  --vtg-table-row-hover-bg: var(--color-surface-hover);
59
59
  --vtg-table-row-selected-bg: #ecf5ff;
60
60
  --vtg-table-row-selected-hover-bg: #d9ecff;
61
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
61
62
 
62
63
  /* 尺寸类 token */
63
64
  --vtg-table-font-size: 14px;
@@ -189,6 +190,7 @@
189
190
  --vtg-tooltip-arrow-outer-color: #4c4d4f;
190
191
  --vtg-table-row-selected-bg: #18222c;
191
192
  --vtg-table-row-selected-hover-bg: #1d3043;
193
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
192
194
 
193
195
  /* Loading overlay */
194
196
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 90%);
package/dist/css/style.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --vtg-table-row-hover-bg: var(--color-surface-hover);
48
48
  --vtg-table-row-selected-bg: #e6f4ff;
49
49
  --vtg-table-row-selected-hover-bg: #bae0ff;
50
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
50
51
  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 40%);
51
52
  --vtg-table-empty-margin-block: 32px;
52
53
  --vtg-table-empty-image-height: 40px;
@@ -177,6 +178,7 @@
177
178
  --color-control-item-active-hover-bg: #112545;
178
179
  --vtg-table-row-selected-bg: #111a2c;
179
180
  --vtg-table-row-selected-hover-bg: #112545;
181
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
180
182
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 40%);
181
183
  --vtg-table-empty-image-opacity: 0.65;
182
184
  --vtg-table-empty-border-color: #434343;
@@ -244,6 +246,7 @@
244
246
  --vtg-table-row-hover-bg: var(--color-surface-hover);
245
247
  --vtg-table-row-selected-bg: #ecf5ff;
246
248
  --vtg-table-row-selected-hover-bg: #d9ecff;
249
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
247
250
 
248
251
  /* 尺寸类 token */
249
252
  --vtg-table-font-size: 14px;
@@ -375,6 +378,7 @@
375
378
  --vtg-tooltip-arrow-outer-color: #4c4d4f;
376
379
  --vtg-table-row-selected-bg: #18222c;
377
380
  --vtg-table-row-selected-hover-bg: #1d3043;
381
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
378
382
 
379
383
  /* Loading overlay */
380
384
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 90%);
@@ -1507,6 +1511,11 @@
1507
1511
  --tw-shadow-colored: 0 6px 16px 0 var(--tw-shadow-color), 0 3px 6px -4px var(--tw-shadow-color), 0 9px 28px 8px var(--tw-shadow-color);
1508
1512
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1509
1513
  }
1514
+ .vtg-shadow-\[inset_0_2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\] {
1515
+ --tw-shadow: inset 0 2px 0 0 var(--vtg-table-row-drop-indicator-color);
1516
+ --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
1517
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1518
+ }
1510
1519
  .vtg-shadow-lg {
1511
1520
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1512
1521
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2067,4 +2076,14 @@
2067
2076
  }
2068
2077
  .\[\&\>svg\]\:vtg-w-auto>svg {
2069
2078
  width: auto
2079
+ }
2080
+ .\[\&\>td\]\:vtg-shadow-\[inset_0_-2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\]>td {
2081
+ --tw-shadow: inset 0 -2px 0 0 var(--vtg-table-row-drop-indicator-color);
2082
+ --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
2083
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
2084
+ }
2085
+ .\[\&\>td\]\:vtg-shadow-\[inset_0_2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\]>td {
2086
+ --tw-shadow: inset 0 2px 0 0 var(--vtg-table-row-drop-indicator-color);
2087
+ --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
2088
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
2070
2089
  }
package/dist/css/tailwind3-utilities.css CHANGED
@@ -1006,6 +1006,11 @@
1006
1006
  --tw-shadow-colored: 0 6px 16px 0 var(--tw-shadow-color), 0 3px 6px -4px var(--tw-shadow-color), 0 9px 28px 8px var(--tw-shadow-color);
1007
1007
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1008
1008
  }
1009
+ .vtg-shadow-\[inset_0_2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\] {
1010
+ --tw-shadow: inset 0 2px 0 0 var(--vtg-table-row-drop-indicator-color);
1011
+ --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
1012
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1013
+ }
1009
1014
  .vtg-shadow-lg {
1010
1015
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1011
1016
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1566,4 +1571,14 @@
1566
1571
  }
1567
1572
  .\[\&\>svg\]\:vtg-w-auto>svg {
1568
1573
  width: auto
1574
+ }
1575
+ .\[\&\>td\]\:vtg-shadow-\[inset_0_-2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\]>td {
1576
+ --tw-shadow: inset 0 -2px 0 0 var(--vtg-table-row-drop-indicator-color);
1577
+ --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
1578
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1579
+ }
1580
+ .\[\&\>td\]\:vtg-shadow-\[inset_0_2px_0_0_var\(--vtg-table-row-drop-indicator-color\)\]>td {
1581
+ --tw-shadow: inset 0 2px 0 0 var(--vtg-table-row-drop-indicator-color);
1582
+ --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
1583
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1569
1584
  }
package/dist/css/tailwind3.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --vtg-table-row-hover-bg: var(--color-surface-hover);
48
48
  --vtg-table-row-selected-bg: #e6f4ff;
49
49
  --vtg-table-row-selected-hover-bg: #bae0ff;
50
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
50
51
  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 40%);
51
52
  --vtg-table-empty-margin-block: 32px;
52
53
  --vtg-table-empty-image-height: 40px;
@@ -177,6 +178,7 @@
177
178
  --color-control-item-active-hover-bg: #112545;
178
179
  --vtg-table-row-selected-bg: #111a2c;
179
180
  --vtg-table-row-selected-hover-bg: #112545;
181
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
180
182
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 40%);
181
183
  --vtg-table-empty-image-opacity: 0.65;
182
184
  --vtg-table-empty-border-color: #434343;
@@ -244,6 +246,7 @@
244
246
  --vtg-table-row-hover-bg: var(--color-surface-hover);
245
247
  --vtg-table-row-selected-bg: #ecf5ff;
246
248
  --vtg-table-row-selected-hover-bg: #d9ecff;
249
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
247
250
 
248
251
  /* 尺寸类 token */
249
252
  --vtg-table-font-size: 14px;
@@ -375,6 +378,7 @@
375
378
  --vtg-tooltip-arrow-outer-color: #4c4d4f;
376
379
  --vtg-table-row-selected-bg: #18222c;
377
380
  --vtg-table-row-selected-hover-bg: #1d3043;
381
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
378
382
 
379
383
  /* Loading overlay */
380
384
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 90%);
package/dist/css/tailwind4.css CHANGED
@@ -89,6 +89,7 @@
89
89
  --vtg-table-row-hover-bg: var(--color-surface-hover);
90
90
  --vtg-table-row-selected-bg: #e6f4ff;
91
91
  --vtg-table-row-selected-hover-bg: #bae0ff;
92
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
92
93
  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 40%);
93
94
  --vtg-table-empty-margin-block: 32px;
94
95
  --vtg-table-empty-image-height: 40px;
@@ -219,6 +220,7 @@
219
220
  --color-control-item-active-hover-bg: #112545;
220
221
  --vtg-table-row-selected-bg: #111a2c;
221
222
  --vtg-table-row-selected-hover-bg: #112545;
223
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
222
224
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 40%);
223
225
  --vtg-table-empty-image-opacity: 0.65;
224
226
  --vtg-table-empty-border-color: #434343;
@@ -286,6 +288,7 @@
286
288
  --vtg-table-row-hover-bg: var(--color-surface-hover);
287
289
  --vtg-table-row-selected-bg: #ecf5ff;
288
290
  --vtg-table-row-selected-hover-bg: #d9ecff;
291
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
289
292
 
290
293
  /* 尺寸类 token */
291
294
  --vtg-table-font-size: 14px;
@@ -417,6 +420,7 @@
417
420
  --vtg-tooltip-arrow-outer-color: #4c4d4f;
418
421
  --vtg-table-row-selected-bg: #18222c;
419
422
  --vtg-table-row-selected-hover-bg: #1d3043;
423
+ --vtg-table-row-drop-indicator-color: var(--color-primary);
420
424
 
421
425
  /* Loading overlay */
422
426
  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 90%);