@vtable-guild/vtable-guild 2.6.3 → 2.7.0

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 (79) hide show
  1. package/css/presets/antdv.css +2 -0
  2. package/css/presets/element-plus.css +2 -0
  3. package/css/style.css +25 -3
  4. package/css/tailwind3-utilities.css +21 -3
  5. package/css/tailwind3.css +4 -0
  6. package/css/tailwind4.css +4 -0
  7. package/dist/core/src/components/VirtualList/VirtualList.d.ts.map +1 -1
  8. package/dist/core/src/components/VirtualList/VirtualList.mjs +97 -91
  9. package/dist/css/presets/antdv.css +2 -0
  10. package/dist/css/presets/element-plus.css +2 -0
  11. package/dist/css/style.css +25 -3
  12. package/dist/css/tailwind3-utilities.css +21 -3
  13. package/dist/css/tailwind3.css +4 -0
  14. package/dist/css/tailwind4.css +4 -0
  15. package/dist/index.full.mjs +4051 -3623
  16. package/dist/index.mjs +22 -19
  17. package/dist/table/src/components/ExpandedRowTr.d.ts +90 -0
  18. package/dist/table/src/components/ExpandedRowTr.d.ts.map +1 -0
  19. package/dist/table/src/components/ExpandedRowTr.mjs +61 -0
  20. package/dist/table/src/components/Table.d.ts +23 -3
  21. package/dist/table/src/components/Table.d.ts.map +1 -1
  22. package/dist/table/src/components/Table.mjs +421 -365
  23. package/dist/table/src/components/TableBody.d.ts.map +1 -1
  24. package/dist/table/src/components/TableBody.mjs +67 -58
  25. package/dist/table/src/components/VTable.vue.d.ts +4 -3
  26. package/dist/table/src/components/VTable.vue.d.ts.map +1 -1
  27. package/dist/table/src/components/VTable.vue.mjs +43 -37
  28. package/dist/table/src/components/VirtualTableBody.d.ts.map +1 -1
  29. package/dist/table/src/components/VirtualTableBody.mjs +151 -140
  30. package/dist/table/src/composables/index.d.ts +3 -0
  31. package/dist/table/src/composables/index.d.ts.map +1 -1
  32. package/dist/table/src/composables/useAutoHeight.d.ts +32 -0
  33. package/dist/table/src/composables/useAutoHeight.d.ts.map +1 -0
  34. package/dist/table/src/composables/useAutoHeight.mjs +66 -0
  35. package/dist/table/src/composables/useAutoHeight.test.d.ts +2 -0
  36. package/dist/table/src/composables/useAutoHeight.test.d.ts.map +1 -0
  37. package/dist/table/src/composables/useColumnDisplay.d.ts +26 -0
  38. package/dist/table/src/composables/useColumnDisplay.d.ts.map +1 -0
  39. package/dist/table/src/composables/useColumnDisplay.mjs +46 -0
  40. package/dist/table/src/composables/useColumnDisplay.test.d.ts +2 -0
  41. package/dist/table/src/composables/useColumnDisplay.test.d.ts.map +1 -0
  42. package/dist/table/src/composables/useColumnMetrics.d.ts.map +1 -1
  43. package/dist/table/src/composables/useColumnMetrics.mjs +49 -49
  44. package/dist/table/src/composables/useColumnMetrics.test.d.ts +2 -0
  45. package/dist/table/src/composables/useColumnMetrics.test.d.ts.map +1 -0
  46. package/dist/table/src/composables/useColumnWindow.mjs +16 -16
  47. package/dist/table/src/composables/useResize.d.ts.map +1 -1
  48. package/dist/table/src/composables/useResize.mjs +37 -31
  49. package/dist/table/src/composables/useRowDragSort.d.ts +79 -0
  50. package/dist/table/src/composables/useRowDragSort.d.ts.map +1 -0
  51. package/dist/table/src/composables/useRowDragSort.mjs +146 -0
  52. package/dist/table/src/composables/useRowDragSort.test.d.ts +2 -0
  53. package/dist/table/src/composables/useRowDragSort.test.d.ts.map +1 -0
  54. package/dist/table/src/composables/useScroll.d.ts +8 -0
  55. package/dist/table/src/composables/useScroll.d.ts.map +1 -1
  56. package/dist/table/src/composables/useScroll.mjs +37 -37
  57. package/dist/table/src/composables/useVirtual.d.ts +35 -0
  58. package/dist/table/src/composables/useVirtual.d.ts.map +1 -1
  59. package/dist/table/src/composables/useVirtual.mjs +44 -16
  60. package/dist/table/src/context.d.ts +14 -0
  61. package/dist/table/src/context.d.ts.map +1 -1
  62. package/dist/table/src/index.d.ts +14 -4
  63. package/dist/table/src/index.d.ts.map +1 -1
  64. package/dist/table/src/types/column.d.ts +6 -0
  65. package/dist/table/src/types/column.d.ts.map +1 -1
  66. package/dist/table/src/types/index.d.ts +1 -1
  67. package/dist/table/src/types/index.d.ts.map +1 -1
  68. package/dist/table/src/types/table.d.ts +32 -9
  69. package/dist/table/src/types/table.d.ts.map +1 -1
  70. package/dist/table/src/utils/rowKey.d.ts +8 -0
  71. package/dist/table/src/utils/rowKey.d.ts.map +1 -0
  72. package/dist/table/src/utils/rowKey.mjs +6 -0
  73. package/dist/theme/src/presets/antdv/table.d.ts +6 -1
  74. package/dist/theme/src/presets/antdv/table.d.ts.map +1 -1
  75. package/dist/theme/src/presets/antdv/table.mjs +14 -1
  76. package/dist/theme/src/presets/element-plus/table.d.ts +6 -1
  77. package/dist/theme/src/presets/element-plus/table.d.ts.map +1 -1
  78. package/dist/theme/src/presets/element-plus/table.mjs +8 -1
  79. package/package.json +1 -1
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%);
@@ -720,6 +724,9 @@
720
724
  .vtg-h-full {
721
725
  height: 100%
722
726
  }
727
+ .vtg-min-h-0 {
728
+ min-height: 0px
729
+ }
723
730
  .vtg-min-h-6 {
724
731
  min-height: 1.5rem
725
732
  }
@@ -1504,6 +1511,11 @@
1504
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);
1505
1512
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1506
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
+ }
1507
1519
  .vtg-shadow-lg {
1508
1520
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1509
1521
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2045,6 +2057,10 @@
2045
2057
  .vtg-group:hover .group-hover\:vtg-opacity-100 {
2046
2058
  opacity: 1
2047
2059
  }
2060
+ .\[\&\:not\(\[data-vtg-preserve-last-border\]\)\>tr\:last-child\>td\]\:vtg-border-b-0:not([data-vtg-preserve-last-border])>tr:last-child>td {
2061
+ border-bottom-width: 0px;
2062
+ border-bottom-style: solid
2063
+ }
2048
2064
  .\[\&\>svg\]\:vtg-mx-auto>svg {
2049
2065
  margin-left: auto;
2050
2066
  margin-right: auto
@@ -2061,7 +2077,13 @@
2061
2077
  .\[\&\>svg\]\:vtg-w-auto>svg {
2062
2078
  width: auto
2063
2079
  }
2064
- .\[\&\>tr\:last-child\>td\]\:vtg-border-b-0>tr:last-child>td {
2065
- border-bottom-width: 0px;
2066
- border-bottom-style: solid
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)
2067
2089
  }
package/dist/css/tailwind3-utilities.css CHANGED
@@ -219,6 +219,9 @@
219
219
  .vtg-h-full {
220
220
  height: 100%
221
221
  }
222
+ .vtg-min-h-0 {
223
+ min-height: 0px
224
+ }
222
225
  .vtg-min-h-6 {
223
226
  min-height: 1.5rem
224
227
  }
@@ -1003,6 +1006,11 @@
1003
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);
1004
1007
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1005
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
+ }
1006
1014
  .vtg-shadow-lg {
1007
1015
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1008
1016
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1544,6 +1552,10 @@
1544
1552
  .vtg-group:hover .group-hover\:vtg-opacity-100 {
1545
1553
  opacity: 1
1546
1554
  }
1555
+ .\[\&\:not\(\[data-vtg-preserve-last-border\]\)\>tr\:last-child\>td\]\:vtg-border-b-0:not([data-vtg-preserve-last-border])>tr:last-child>td {
1556
+ border-bottom-width: 0px;
1557
+ border-bottom-style: solid
1558
+ }
1547
1559
  .\[\&\>svg\]\:vtg-mx-auto>svg {
1548
1560
  margin-left: auto;
1549
1561
  margin-right: auto
@@ -1560,7 +1572,13 @@
1560
1572
  .\[\&\>svg\]\:vtg-w-auto>svg {
1561
1573
  width: auto
1562
1574
  }
1563
- .\[\&\>tr\:last-child\>td\]\:vtg-border-b-0>tr:last-child>td {
1564
- border-bottom-width: 0px;
1565
- border-bottom-style: solid
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)
1566
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%);