@vtable-guild/vtable-guild 2.8.1 → 2.9.0-alpha.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 (171) hide show
  1. package/css/presets/antdv.css +20 -0
  2. package/css/presets/element-plus.css +20 -0
  3. package/css/style.css +341 -0
  4. package/css/tailwind3-utilities.css +301 -0
  5. package/css/tailwind3.css +40 -0
  6. package/css/tailwind4.css +40 -0
  7. package/dist/core/src/components/Tooltip.d.ts +1 -1
  8. package/dist/core/src/components/Tooltip.d.ts.map +1 -1
  9. package/dist/core/src/components/Tooltip.mjs +49 -46
  10. package/dist/core/src/components/Tooltip.test.d.ts +2 -0
  11. package/dist/core/src/components/Tooltip.test.d.ts.map +1 -0
  12. package/dist/core/src/index.d.ts +1 -1
  13. package/dist/core/src/index.d.ts.map +1 -1
  14. package/dist/core/src/utils/types.d.ts +39 -1
  15. package/dist/core/src/utils/types.d.ts.map +1 -1
  16. package/dist/css/presets/antdv.css +20 -0
  17. package/dist/css/presets/element-plus.css +20 -0
  18. package/dist/css/style.css +341 -0
  19. package/dist/css/tailwind3-utilities.css +301 -0
  20. package/dist/css/tailwind3.css +40 -0
  21. package/dist/css/tailwind4.css +40 -0
  22. package/dist/icons/src/ColumnHeightOutlinedIcon.d.ts +3 -0
  23. package/dist/icons/src/ColumnHeightOutlinedIcon.d.ts.map +1 -0
  24. package/dist/icons/src/ColumnHeightOutlinedIcon.mjs +9 -0
  25. package/dist/icons/src/FullscreenExitOutlinedIcon.d.ts +3 -0
  26. package/dist/icons/src/FullscreenExitOutlinedIcon.d.ts.map +1 -0
  27. package/dist/icons/src/FullscreenExitOutlinedIcon.mjs +9 -0
  28. package/dist/icons/src/FullscreenOutlinedIcon.d.ts +3 -0
  29. package/dist/icons/src/FullscreenOutlinedIcon.d.ts.map +1 -0
  30. package/dist/icons/src/FullscreenOutlinedIcon.mjs +9 -0
  31. package/dist/icons/src/ReloadOutlinedIcon.d.ts +3 -0
  32. package/dist/icons/src/ReloadOutlinedIcon.d.ts.map +1 -0
  33. package/dist/icons/src/ReloadOutlinedIcon.mjs +9 -0
  34. package/dist/icons/src/SettingOutlinedIcon.d.ts +3 -0
  35. package/dist/icons/src/SettingOutlinedIcon.d.ts.map +1 -0
  36. package/dist/icons/src/SettingOutlinedIcon.mjs +9 -0
  37. package/dist/icons/src/index.d.ts +5 -0
  38. package/dist/icons/src/index.d.ts.map +1 -1
  39. package/dist/index.full.mjs +6088 -4458
  40. package/dist/index.mjs +115 -87
  41. package/dist/table/src/components/FilterDropdown.d.ts +1 -1
  42. package/dist/table/src/components/Table.d.ts +31 -4
  43. package/dist/table/src/components/Table.d.ts.map +1 -1
  44. package/dist/table/src/components/Table.mjs +516 -476
  45. package/dist/table/src/components/TableBody.d.ts.map +1 -1
  46. package/dist/table/src/components/TableBody.mjs +37 -36
  47. package/dist/table/src/components/TableCell.d.ts.map +1 -1
  48. package/dist/table/src/components/TableCell.mjs +95 -83
  49. package/dist/table/src/components/TableColumnSettings.d.ts +41 -0
  50. package/dist/table/src/components/TableColumnSettings.d.ts.map +1 -0
  51. package/dist/table/src/components/TableColumnSettings.mjs +360 -0
  52. package/dist/table/src/components/TableColumnSettings.test.d.ts +2 -0
  53. package/dist/table/src/components/TableColumnSettings.test.d.ts.map +1 -0
  54. package/dist/table/src/components/TableCopyButton.d.ts +41 -0
  55. package/dist/table/src/components/TableCopyButton.d.ts.map +1 -0
  56. package/dist/table/src/components/TableCopyButton.mjs +94 -0
  57. package/dist/table/src/components/TableEnterprise.test.d.ts +2 -0
  58. package/dist/table/src/components/TableEnterprise.test.d.ts.map +1 -0
  59. package/dist/table/src/components/TableHeaderCell.d.ts.map +1 -1
  60. package/dist/table/src/components/TableHeaderCell.mjs +284 -241
  61. package/dist/table/src/components/TableSelectionAlert.d.ts +50 -0
  62. package/dist/table/src/components/TableSelectionAlert.d.ts.map +1 -0
  63. package/dist/table/src/components/TableSelectionAlert.mjs +86 -0
  64. package/dist/table/src/components/TableSelectionAlert.test.d.ts +2 -0
  65. package/dist/table/src/components/TableSelectionAlert.test.d.ts.map +1 -0
  66. package/dist/table/src/components/TableToolbar.d.ts +87 -0
  67. package/dist/table/src/components/TableToolbar.d.ts.map +1 -0
  68. package/dist/table/src/components/TableToolbar.mjs +265 -0
  69. package/dist/table/src/components/TableToolbar.test.d.ts +2 -0
  70. package/dist/table/src/components/TableToolbar.test.d.ts.map +1 -0
  71. package/dist/table/src/components/VTable.vue.d.ts.map +1 -1
  72. package/dist/table/src/components/VTable.vue.mjs +24 -15
  73. package/dist/table/src/components/VTableColumnSettings.vue.d.ts +20 -0
  74. package/dist/table/src/components/VTableColumnSettings.vue.d.ts.map +1 -0
  75. package/dist/table/src/components/VTableColumnSettings.vue.mjs +42 -0
  76. package/dist/table/src/components/VTableColumnSettings.vue2.mjs +4 -0
  77. package/dist/table/src/components/VTableSelectionAlert.vue.d.ts +19 -0
  78. package/dist/table/src/components/VTableSelectionAlert.vue.d.ts.map +1 -0
  79. package/dist/table/src/components/VTableSelectionAlert.vue.mjs +54 -0
  80. package/dist/table/src/components/VTableSelectionAlert.vue2.mjs +4 -0
  81. package/dist/table/src/components/VTableToolbar.vue.d.ts +27 -0
  82. package/dist/table/src/components/VTableToolbar.vue.d.ts.map +1 -0
  83. package/dist/table/src/components/VTableToolbar.vue.mjs +108 -0
  84. package/dist/table/src/components/VTableToolbar.vue2.mjs +4 -0
  85. package/dist/table/src/composables/useColumnState.d.ts +32 -0
  86. package/dist/table/src/composables/useColumnState.d.ts.map +1 -0
  87. package/dist/table/src/composables/useColumnState.mjs +107 -0
  88. package/dist/table/src/composables/useColumnState.test.d.ts +2 -0
  89. package/dist/table/src/composables/useColumnState.test.d.ts.map +1 -0
  90. package/dist/table/src/composables/useFilter.d.ts.map +1 -1
  91. package/dist/table/src/composables/useFilter.mjs +28 -25
  92. package/dist/table/src/composables/usePagination.d.ts +1 -0
  93. package/dist/table/src/composables/usePagination.d.ts.map +1 -1
  94. package/dist/table/src/composables/usePagination.mjs +35 -34
  95. package/dist/table/src/composables/useTableRequest.d.ts +4 -0
  96. package/dist/table/src/composables/useTableRequest.d.ts.map +1 -0
  97. package/dist/table/src/composables/useTableRequest.mjs +127 -0
  98. package/dist/table/src/composables/useTableRequest.test.d.ts +2 -0
  99. package/dist/table/src/composables/useTableRequest.test.d.ts.map +1 -0
  100. package/dist/table/src/context.d.ts +9 -2
  101. package/dist/table/src/context.d.ts.map +1 -1
  102. package/dist/table/src/index.d.ts +17 -1
  103. package/dist/table/src/index.d.ts.map +1 -1
  104. package/dist/table/src/types/column-settings.d.ts +31 -0
  105. package/dist/table/src/types/column-settings.d.ts.map +1 -0
  106. package/dist/table/src/types/column-state.typecheck.d.ts +2 -0
  107. package/dist/table/src/types/column-state.typecheck.d.ts.map +1 -0
  108. package/dist/table/src/types/column.d.ts +15 -3
  109. package/dist/table/src/types/column.d.ts.map +1 -1
  110. package/dist/table/src/types/index.d.ts +2 -0
  111. package/dist/table/src/types/index.d.ts.map +1 -1
  112. package/dist/table/src/types/presentation.d.ts +24 -0
  113. package/dist/table/src/types/presentation.d.ts.map +1 -0
  114. package/dist/table/src/types/request.d.ts +65 -0
  115. package/dist/table/src/types/request.d.ts.map +1 -0
  116. package/dist/table/src/types/request.typecheck.d.ts +13 -0
  117. package/dist/table/src/types/request.typecheck.d.ts.map +1 -0
  118. package/dist/table/src/types/selection-alert.d.ts +30 -0
  119. package/dist/table/src/types/selection-alert.d.ts.map +1 -0
  120. package/dist/table/src/types/selection-alert.typecheck.d.ts +12 -0
  121. package/dist/table/src/types/selection-alert.typecheck.d.ts.map +1 -0
  122. package/dist/table/src/types/table.d.ts +12 -1
  123. package/dist/table/src/types/table.d.ts.map +1 -1
  124. package/dist/table/src/types/toolbar.d.ts +58 -0
  125. package/dist/table/src/types/toolbar.d.ts.map +1 -0
  126. package/dist/table/src/utils/cell.d.ts +4 -0
  127. package/dist/table/src/utils/cell.d.ts.map +1 -1
  128. package/dist/table/src/utils/cell.mjs +49 -45
  129. package/dist/table/src/utils/columnSettings.d.ts +22 -0
  130. package/dist/table/src/utils/columnSettings.d.ts.map +1 -0
  131. package/dist/table/src/utils/columnSettings.mjs +107 -0
  132. package/dist/table/src/utils/columnSettings.test.d.ts +2 -0
  133. package/dist/table/src/utils/columnSettings.test.d.ts.map +1 -0
  134. package/dist/table/src/utils/manual.d.ts +3 -0
  135. package/dist/table/src/utils/manual.d.ts.map +1 -0
  136. package/dist/table/src/utils/manual.mjs +6 -0
  137. package/dist/table/src/utils/valueEnum.d.ts +7 -0
  138. package/dist/table/src/utils/valueEnum.d.ts.map +1 -0
  139. package/dist/table/src/utils/valueEnum.mjs +23 -0
  140. package/dist/theme/src/augment.d.ts +4 -0
  141. package/dist/theme/src/augment.d.ts.map +1 -1
  142. package/dist/theme/src/column-settings.d.ts +160 -0
  143. package/dist/theme/src/column-settings.d.ts.map +1 -0
  144. package/dist/theme/src/column-settings.mjs +84 -0
  145. package/dist/theme/src/index.d.ts +12 -0
  146. package/dist/theme/src/index.d.ts.map +1 -1
  147. package/dist/theme/src/presets/antdv/table-locale.d.ts +10 -0
  148. package/dist/theme/src/presets/antdv/table-locale.d.ts.map +1 -1
  149. package/dist/theme/src/presets/antdv/table-locale.mjs +2 -0
  150. package/dist/theme/src/presets/antdv/table.d.ts +4 -0
  151. package/dist/theme/src/presets/antdv/table.d.ts.map +1 -1
  152. package/dist/theme/src/presets/antdv/table.mjs +4 -0
  153. package/dist/theme/src/presets/element-plus/table-locale.d.ts +10 -0
  154. package/dist/theme/src/presets/element-plus/table-locale.d.ts.map +1 -1
  155. package/dist/theme/src/presets/element-plus/table-locale.mjs +2 -0
  156. package/dist/theme/src/presets/element-plus/table.d.ts +4 -0
  157. package/dist/theme/src/presets/element-plus/table.d.ts.map +1 -1
  158. package/dist/theme/src/presets/element-plus/table.mjs +4 -0
  159. package/dist/theme/src/presets/index.d.ts.map +1 -1
  160. package/dist/theme/src/presets/index.mjs +100 -67
  161. package/dist/theme/src/presets/types.d.ts +3 -0
  162. package/dist/theme/src/presets/types.d.ts.map +1 -1
  163. package/dist/theme/src/selection-alert.d.ts +54 -0
  164. package/dist/theme/src/selection-alert.d.ts.map +1 -0
  165. package/dist/theme/src/selection-alert.mjs +36 -0
  166. package/dist/theme/src/toolbar.d.ts +105 -0
  167. package/dist/theme/src/toolbar.d.ts.map +1 -0
  168. package/dist/theme/src/toolbar.mjs +57 -0
  169. package/dist/vtable-guild/src/augment.d.ts +4 -1
  170. package/dist/vtable-guild/src/augment.d.ts.map +1 -1
  171. package/package.json +1 -1
@@ -1,6 +1,21 @@
1
+ .vtg-sr-only {
2
+ position: absolute;
3
+ width: 1px;
4
+ height: 1px;
5
+ padding: 0;
6
+ margin: -1px;
7
+ overflow: hidden;
8
+ clip: rect(0, 0, 0, 0);
9
+ white-space: nowrap;
10
+ border-width: 0;
11
+ border-style: solid
12
+ }
1
13
  .vtg-pointer-events-none {
2
14
  pointer-events: none
3
15
  }
16
+ .\!vtg-visible {
17
+ visibility: visible !important
18
+ }
4
19
  .vtg-visible {
5
20
  visibility: visible
6
21
  }
@@ -67,6 +82,9 @@
67
82
  .vtg-top-\[5px\] {
68
83
  top: 5px
69
84
  }
85
+ .vtg-z-0 {
86
+ z-index: 0
87
+ }
70
88
  .vtg-z-\[2\] {
71
89
  z-index: 2
72
90
  }
@@ -97,6 +115,9 @@
97
115
  .-vtg-me-2 {
98
116
  margin-inline-end: -0.5rem
99
117
  }
118
+ .-vtg-mr-px {
119
+ margin-right: -1px
120
+ }
100
121
  .-vtg-mt-\[0\.225em\] {
101
122
  margin-top: -0.225em
102
123
  }
@@ -187,9 +208,15 @@
187
208
  .vtg-h-6 {
188
209
  height: 1.5rem
189
210
  }
211
+ .vtg-h-8 {
212
+ height: 2rem
213
+ }
190
214
  .vtg-h-\[17px\] {
191
215
  height: 17px
192
216
  }
217
+ .vtg-h-\[1em\] {
218
+ height: 1em
219
+ }
193
220
  .vtg-h-\[22px\] {
194
221
  height: 22px
195
222
  }
@@ -217,6 +244,9 @@
217
244
  .vtg-h-\[var\(--vtg-checkbox-size\)\] {
218
245
  height: var(--vtg-checkbox-size)
219
246
  }
247
+ .vtg-h-\[var\(--vtg-column-settings-pin-icon-size\,14px\)\] {
248
+ height: var(--vtg-column-settings-pin-icon-size,14px)
249
+ }
220
250
  .vtg-h-\[var\(--vtg-input-height\)\] {
221
251
  height: var(--vtg-input-height)
222
252
  }
@@ -235,18 +265,27 @@
235
265
  .vtg-h-\[var\(--vtg-table-empty-image-height\)\] {
236
266
  height: var(--vtg-table-empty-image-height)
237
267
  }
268
+ .vtg-h-\[var\(--vtg-toolbar-search-height\,32px\)\] {
269
+ height: var(--vtg-toolbar-search-height,32px)
270
+ }
238
271
  .vtg-h-auto {
239
272
  height: auto
240
273
  }
241
274
  .vtg-h-full {
242
275
  height: 100%
243
276
  }
277
+ .vtg-max-h-\[280px\] {
278
+ max-height: 280px
279
+ }
244
280
  .vtg-min-h-0 {
245
281
  min-height: 0px
246
282
  }
247
283
  .vtg-min-h-6 {
248
284
  min-height: 1.5rem
249
285
  }
286
+ .vtg-min-h-8 {
287
+ min-height: 2rem
288
+ }
250
289
  .vtg-min-h-\[var\(--vtg-pagination-option-height\)\] {
251
290
  min-height: var(--vtg-pagination-option-height)
252
291
  }
@@ -271,6 +310,9 @@
271
310
  .vtg-w-\[17px\] {
272
311
  width: 17px
273
312
  }
313
+ .vtg-w-\[1em\] {
314
+ width: 1em
315
+ }
274
316
  .vtg-w-\[23px\] {
275
317
  width: 23px
276
318
  }
@@ -286,6 +328,12 @@
286
328
  .vtg-w-\[var\(--vtg-checkbox-size\)\] {
287
329
  width: var(--vtg-checkbox-size)
288
330
  }
331
+ .vtg-w-\[var\(--vtg-column-settings-pin-icon-size\,14px\)\] {
332
+ width: var(--vtg-column-settings-pin-icon-size,14px)
333
+ }
334
+ .vtg-w-\[var\(--vtg-column-settings-width\)\] {
335
+ width: var(--vtg-column-settings-width)
336
+ }
289
337
  .vtg-w-\[var\(--vtg-pagination-icon-size\)\] {
290
338
  width: var(--vtg-pagination-icon-size)
291
339
  }
@@ -304,6 +352,12 @@
304
352
  .vtg-w-\[var\(--vtg-scrollbar-thumb-width\)\] {
305
353
  width: var(--vtg-scrollbar-thumb-width)
306
354
  }
355
+ .vtg-w-\[var\(--vtg-toolbar-search-height\,32px\)\] {
356
+ width: var(--vtg-toolbar-search-height,32px)
357
+ }
358
+ .vtg-w-\[var\(--vtg-toolbar-search-width\,240px\)\] {
359
+ width: var(--vtg-toolbar-search-width,240px)
360
+ }
307
361
  .vtg-w-auto {
308
362
  width: auto
309
363
  }
@@ -325,6 +379,12 @@
325
379
  .vtg-min-w-\[140px\] {
326
380
  min-width: 140px
327
381
  }
382
+ .vtg-min-w-\[48px\] {
383
+ min-width: 48px
384
+ }
385
+ .vtg-min-w-\[80px\] {
386
+ min-width: 80px
387
+ }
328
388
  .vtg-min-w-\[var\(--vtg-pagination-size\)\] {
329
389
  min-width: var(--vtg-pagination-size)
330
390
  }
@@ -334,6 +394,9 @@
334
394
  .vtg-max-w-\[250px\] {
335
395
  max-width: 250px
336
396
  }
397
+ .vtg-max-w-\[calc\(100vw-16px\)\] {
398
+ max-width: calc(100vw - 16px)
399
+ }
337
400
  .vtg-max-w-full {
338
401
  max-width: 100%
339
402
  }
@@ -424,6 +487,12 @@
424
487
  .vtg-cursor-default {
425
488
  cursor: default
426
489
  }
490
+ .vtg-cursor-grab {
491
+ cursor: grab
492
+ }
493
+ .vtg-cursor-help {
494
+ cursor: help
495
+ }
427
496
  .vtg-cursor-not-allowed {
428
497
  cursor: not-allowed
429
498
  }
@@ -442,6 +511,9 @@
442
511
  .vtg-list-none {
443
512
  list-style-type: none
444
513
  }
514
+ .vtg-appearance-none {
515
+ appearance: none
516
+ }
445
517
  .vtg-flex-row-reverse {
446
518
  flex-direction: row-reverse
447
519
  }
@@ -457,6 +529,9 @@
457
529
  .vtg-items-center {
458
530
  align-items: center
459
531
  }
532
+ .vtg-items-stretch {
533
+ align-items: stretch
534
+ }
460
535
  .vtg-justify-start {
461
536
  justify-content: flex-start
462
537
  }
@@ -472,6 +547,9 @@
472
547
  .vtg-gap-0 {
473
548
  gap: 0px
474
549
  }
550
+ .vtg-gap-0\.5 {
551
+ gap: 0.125rem
552
+ }
475
553
  .vtg-gap-1 {
476
554
  gap: 0.25rem
477
555
  }
@@ -493,6 +571,15 @@
493
571
  .vtg-gap-\[var\(--vtg-pagination-page-gap\)\] {
494
572
  gap: var(--vtg-pagination-page-gap)
495
573
  }
574
+ .vtg-gap-x-4 {
575
+ column-gap: 1rem
576
+ }
577
+ .vtg-gap-y-2 {
578
+ row-gap: 0.5rem
579
+ }
580
+ .vtg-gap-y-3 {
581
+ row-gap: 0.75rem
582
+ }
496
583
  .vtg-self-stretch {
497
584
  align-self: stretch
498
585
  }
@@ -511,6 +598,11 @@
511
598
  .vtg-overflow-y-auto {
512
599
  overflow-y: auto
513
600
  }
601
+ .vtg-truncate {
602
+ overflow: hidden;
603
+ text-overflow: ellipsis;
604
+ white-space: nowrap
605
+ }
514
606
  .vtg-text-ellipsis {
515
607
  text-overflow: ellipsis
516
608
  }
@@ -538,6 +630,9 @@
538
630
  .vtg-rounded-\[var\(--vtg-btn-border-radius\)\] {
539
631
  border-radius: var(--vtg-btn-border-radius)
540
632
  }
633
+ .vtg-rounded-\[var\(--vtg-btn-border-radius-sm\)\] {
634
+ border-radius: var(--vtg-btn-border-radius-sm)
635
+ }
541
636
  .vtg-rounded-\[var\(--vtg-btn-border-radius-sm\,3px\)\] {
542
637
  border-radius: var(--vtg-btn-border-radius-sm,3px)
543
638
  }
@@ -547,6 +642,9 @@
547
642
  .vtg-rounded-\[var\(--vtg-checkbox-border-radius\)\] {
548
643
  border-radius: var(--vtg-checkbox-border-radius)
549
644
  }
645
+ .vtg-rounded-\[var\(--vtg-column-settings-radius\)\] {
646
+ border-radius: var(--vtg-column-settings-radius)
647
+ }
550
648
  .vtg-rounded-\[var\(--vtg-input-border-radius\)\] {
551
649
  border-radius: var(--vtg-input-border-radius)
552
650
  }
@@ -559,6 +657,12 @@
559
657
  .vtg-rounded-\[var\(--vtg-scrollbar-thumb-radius\)\] {
560
658
  border-radius: var(--vtg-scrollbar-thumb-radius)
561
659
  }
660
+ .vtg-rounded-\[var\(--vtg-selection-alert-radius\,4px\)\] {
661
+ border-radius: var(--vtg-selection-alert-radius,4px)
662
+ }
663
+ .vtg-rounded-\[var\(--vtg-selection-alert-radius\,6px\)\] {
664
+ border-radius: var(--vtg-selection-alert-radius,6px)
665
+ }
562
666
  .vtg-rounded-\[var\(--vtg-tooltip-border-radius\)\] {
563
667
  border-radius: var(--vtg-tooltip-border-radius)
564
668
  }
@@ -574,6 +678,14 @@
574
678
  .vtg-rounded-sm {
575
679
  border-radius: 0.125rem
576
680
  }
681
+ .vtg-rounded-l-\[var\(--vtg-input-border-radius\)\] {
682
+ border-top-left-radius: var(--vtg-input-border-radius);
683
+ border-bottom-left-radius: var(--vtg-input-border-radius)
684
+ }
685
+ .vtg-rounded-r-\[var\(--vtg-input-border-radius\)\] {
686
+ border-top-right-radius: var(--vtg-input-border-radius);
687
+ border-bottom-right-radius: var(--vtg-input-border-radius)
688
+ }
577
689
  .vtg-border {
578
690
  border-width: 1px;
579
691
  border-style: solid
@@ -663,6 +775,9 @@
663
775
  .vtg-border-transparent {
664
776
  border-color: transparent
665
777
  }
778
+ .vtg-bg-\[color\:var\(--color-bg-disabled\)\] {
779
+ background-color: var(--color-bg-disabled)
780
+ }
666
781
  .vtg-bg-\[color\:var\(--color-bg-disabled\,\#f5f7fa\)\] {
667
782
  background-color: var(--color-bg-disabled,#f5f7fa)
668
783
  }
@@ -702,6 +817,9 @@
702
817
  .vtg-bg-\[color\:var\(--vtg-scrollbar-thumb-bg\)\] {
703
818
  background-color: var(--vtg-scrollbar-thumb-bg)
704
819
  }
820
+ .vtg-bg-\[color\:var\(--vtg-selection-alert-bg\,\#fafafa\)\] {
821
+ background-color: var(--vtg-selection-alert-bg,#fafafa)
822
+ }
705
823
  .vtg-bg-\[color\:var\(--vtg-table-bg\)\] {
706
824
  background-color: var(--vtg-table-bg)
707
825
  }
@@ -781,6 +899,9 @@
781
899
  .vtg-p-2 {
782
900
  padding: 0.5rem
783
901
  }
902
+ .vtg-p-3 {
903
+ padding: 0.75rem
904
+ }
784
905
  .vtg-p-\[var\(--vtg-tooltip-padding\)\] {
785
906
  padding: var(--vtg-tooltip-padding)
786
907
  }
@@ -844,6 +965,10 @@
844
965
  padding-left: var(--vtg-pagination-select-padding);
845
966
  padding-right: var(--vtg-pagination-select-padding)
846
967
  }
968
+ .vtg-px-\[var\(--vtg-selection-alert-padding-inline\,24px\)\] {
969
+ padding-left: var(--vtg-selection-alert-padding-inline,24px);
970
+ padding-right: var(--vtg-selection-alert-padding-inline,24px)
971
+ }
847
972
  .vtg-px-\[var\(--vtg-table-cell-padding-inline-lg\)\] {
848
973
  padding-left: var(--vtg-table-cell-padding-inline-lg);
849
974
  padding-right: var(--vtg-table-cell-padding-inline-lg)
@@ -860,6 +985,10 @@
860
985
  padding-top: 0px;
861
986
  padding-bottom: 0px
862
987
  }
988
+ .vtg-py-1 {
989
+ padding-top: 0.25rem;
990
+ padding-bottom: 0.25rem
991
+ }
863
992
  .vtg-py-1\.5 {
864
993
  padding-top: 0.375rem;
865
994
  padding-bottom: 0.375rem
@@ -888,6 +1017,10 @@
888
1017
  padding-top: var(--vtg-pagination-popup-padding);
889
1018
  padding-bottom: var(--vtg-pagination-popup-padding)
890
1019
  }
1020
+ .vtg-py-\[var\(--vtg-selection-alert-padding-block\,8px\)\] {
1021
+ padding-top: var(--vtg-selection-alert-padding-block,8px);
1022
+ padding-bottom: var(--vtg-selection-alert-padding-block,8px)
1023
+ }
891
1024
  .vtg-py-\[var\(--vtg-table-cell-padding-block-lg\)\] {
892
1025
  padding-top: var(--vtg-table-cell-padding-block-lg);
893
1026
  padding-bottom: var(--vtg-table-cell-padding-block-lg)
@@ -906,6 +1039,12 @@
906
1039
  .vtg-pb-1 {
907
1040
  padding-bottom: 0.25rem
908
1041
  }
1042
+ .vtg-pl-4 {
1043
+ padding-left: 1rem
1044
+ }
1045
+ .vtg-pl-6 {
1046
+ padding-left: 1.5rem
1047
+ }
909
1048
  .vtg-pt-2 {
910
1049
  padding-top: 0.5rem
911
1050
  }
@@ -924,6 +1063,9 @@
924
1063
  .vtg-align-sub {
925
1064
  vertical-align: sub
926
1065
  }
1066
+ .vtg-font-\[family-name\:var\(--font-family-base\)\] {
1067
+ font-family: var(--font-family-base)
1068
+ }
927
1069
  .vtg-font-\[family-name\:var\(--vtg-table-font-family\)\] {
928
1070
  font-family: var(--vtg-table-font-family)
929
1071
  }
@@ -951,6 +1093,9 @@
951
1093
  .vtg-text-\[length\:42px\] {
952
1094
  font-size: 42px
953
1095
  }
1096
+ .vtg-text-\[length\:var\(--vtg-column-settings-icon-size\)\] {
1097
+ font-size: var(--vtg-column-settings-icon-size)
1098
+ }
954
1099
  .vtg-text-\[length\:var\(--vtg-input-font-size\)\] {
955
1100
  font-size: var(--vtg-input-font-size)
956
1101
  }
@@ -960,6 +1105,12 @@
960
1105
  .vtg-text-\[length\:var\(--vtg-table-font-size\)\] {
961
1106
  font-size: var(--vtg-table-font-size)
962
1107
  }
1108
+ .vtg-text-\[length\:var\(--vtg-toolbar-search-font-size\,14px\)\] {
1109
+ font-size: var(--vtg-toolbar-search-font-size,14px)
1110
+ }
1111
+ .vtg-text-\[length\:var\(--vtg-toolbar-title-font-size\)\] {
1112
+ font-size: var(--vtg-toolbar-title-font-size)
1113
+ }
963
1114
  .vtg-text-\[length\:var\(--vtg-tooltip-font-size\)\] {
964
1115
  font-size: var(--vtg-tooltip-font-size)
965
1116
  }
@@ -974,6 +1125,9 @@
974
1125
  .vtg-font-\[number\:var\(--vtg-pagination-active-weight\)\] {
975
1126
  font-weight: var(--vtg-pagination-active-weight)
976
1127
  }
1128
+ .vtg-font-\[number\:var\(--vtg-toolbar-title-font-weight\)\] {
1129
+ font-weight: var(--vtg-toolbar-title-font-weight)
1130
+ }
977
1131
  .vtg-font-bold {
978
1132
  font-weight: 700
979
1133
  }
@@ -1163,6 +1317,10 @@
1163
1317
  --tw-shadow-colored: 0 0 #0000;
1164
1318
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1165
1319
  }
1320
+ .vtg-shadow-\[var\(--vtg-column-settings-shadow\)\] {
1321
+ --tw-shadow-color: var(--vtg-column-settings-shadow);
1322
+ --tw-shadow: var(--tw-shadow-colored, 0 0 #0000)
1323
+ }
1166
1324
  .vtg-shadow-\[var\(--vtg-pagination-popup-shadow\)\] {
1167
1325
  --tw-shadow-color: var(--vtg-pagination-popup-shadow);
1168
1326
  --tw-shadow: var(--tw-shadow-colored, 0 0 #0000)
@@ -1353,6 +1511,11 @@
1353
1511
  content: var(--tw-content, '');
1354
1512
  display: none
1355
1513
  }
1514
+ .before\:vtg-size-1\.5::before {
1515
+ content: var(--tw-content, '');
1516
+ width: 0.375rem;
1517
+ height: 0.375rem
1518
+ }
1356
1519
  .before\:vtg-h-\[1\.6em\]::before {
1357
1520
  content: var(--tw-content, '');
1358
1521
  height: 1.6em
@@ -1370,10 +1533,18 @@
1370
1533
  --tw-translate-y: -50%;
1371
1534
  transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
1372
1535
  }
1536
+ .before\:vtg-rounded-full::before {
1537
+ content: var(--tw-content, '');
1538
+ border-radius: 9999px
1539
+ }
1373
1540
  .before\:\!vtg-bg-transparent::before {
1374
1541
  content: var(--tw-content, '');
1375
1542
  background-color: transparent !important
1376
1543
  }
1544
+ .before\:vtg-bg-\[color\:var\(--color-muted\)\]::before {
1545
+ content: var(--tw-content, '');
1546
+ background-color: var(--color-muted)
1547
+ }
1377
1548
  .before\:vtg-bg-\[color\:var\(--vtg-table-header-split-color\)\]::before {
1378
1549
  content: var(--tw-content, '');
1379
1550
  background-color: var(--vtg-table-header-split-color)
@@ -1539,15 +1710,41 @@
1539
1710
  content: var(--tw-content, '');
1540
1711
  background-color: transparent
1541
1712
  }
1713
+ .checked\:vtg-border-\[color\:var\(--color-primary\)\]:checked {
1714
+ border-color: var(--color-primary)
1715
+ }
1716
+ .checked\:vtg-bg-\[color\:var\(--color-primary\)\]:checked {
1717
+ background-color: var(--color-primary)
1718
+ }
1719
+ .indeterminate\:vtg-border-\[color\:var\(--color-primary\)\]:indeterminate {
1720
+ border-color: var(--color-primary)
1721
+ }
1722
+ .indeterminate\:vtg-bg-\[color\:var\(--color-primary\)\]:indeterminate {
1723
+ background-color: var(--color-primary)
1724
+ }
1725
+ .focus-within\:vtg-z-10:focus-within {
1726
+ z-index: 10
1727
+ }
1542
1728
  .focus-within\:vtg-border-\[\#4096ff\]:focus-within {
1543
1729
  --tw-border-opacity: 1;
1544
1730
  border-color: rgb(64 150 255 / var(--tw-border-opacity, 1))
1545
1731
  }
1732
+ .focus-within\:vtg-border-\[color\:var\(--color-primary\)\]:focus-within {
1733
+ border-color: var(--color-primary)
1734
+ }
1546
1735
  .focus-within\:vtg-shadow-\[0_0_0_2px_rgba\(5\2c 145\2c 255\2c 0\.1\)\]:focus-within {
1547
1736
  --tw-shadow: 0 0 0 2px rgba(5,145,255,0.1);
1548
1737
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
1549
1738
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1550
1739
  }
1740
+ .focus-within\:vtg-shadow-none:focus-within {
1741
+ --tw-shadow: 0 0 #0000;
1742
+ --tw-shadow-colored: 0 0 #0000;
1743
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1744
+ }
1745
+ .hover\:vtg-z-10:hover {
1746
+ z-index: 10
1747
+ }
1551
1748
  .hover\:vtg-border-\[\#4096ff\]:hover {
1552
1749
  --tw-border-opacity: 1;
1553
1750
  border-color: rgb(64 150 255 / var(--tw-border-opacity, 1))
@@ -1558,6 +1755,9 @@
1558
1755
  .hover\:vtg-border-\[color\:var\(--color-border\2c \#dcdfe6\)\]:hover {
1559
1756
  border-color: var(--color-border,#dcdfe6)
1560
1757
  }
1758
+ .hover\:vtg-border-\[color\:var\(--color-border-hover\)\]:hover {
1759
+ border-color: var(--color-border-hover)
1760
+ }
1561
1761
  .hover\:vtg-border-\[color\:var\(--color-border-hover\2c \#c0c4cc\)\]:hover {
1562
1762
  border-color: var(--color-border-hover,#c0c4cc)
1563
1763
  }
@@ -1621,6 +1821,9 @@
1621
1821
  .hover\:vtg-bg-transparent:hover {
1622
1822
  background-color: transparent
1623
1823
  }
1824
+ .hover\:vtg-text-\[color\:var\(--color-muted\)\]:hover {
1825
+ color: var(--color-muted)
1826
+ }
1624
1827
  .hover\:vtg-text-\[color\:var\(--color-primary\)\]:hover {
1625
1828
  color: var(--color-primary)
1626
1829
  }
@@ -1644,6 +1847,9 @@
1644
1847
  content: var(--tw-content, '');
1645
1848
  background-color: var(--color-primary,#1677ff)
1646
1849
  }
1850
+ .focus-within\:hover\:vtg-border-\[color\:var\(--color-primary\)\]:hover:focus-within {
1851
+ border-color: var(--color-primary)
1852
+ }
1647
1853
  .focus\:vtg-border-\[color\:var\(--color-primary\)\]:focus {
1648
1854
  border-color: var(--color-primary)
1649
1855
  }
@@ -1669,6 +1875,26 @@
1669
1875
  --tw-shadow-colored: 0 0 #0000;
1670
1876
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1671
1877
  }
1878
+ .focus-visible\:vtg-z-10:focus-visible {
1879
+ z-index: 10
1880
+ }
1881
+ .focus-visible\:vtg-border-\[color\:var\(--color-primary\)\]:focus-visible {
1882
+ border-color: var(--color-primary)
1883
+ }
1884
+ .focus-visible\:vtg-shadow-\[0_0_0_2px_rgba\(5\2c 145\2c 255\2c 0\.1\)\]:focus-visible {
1885
+ --tw-shadow: 0 0 0 2px rgba(5,145,255,0.1);
1886
+ --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
1887
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1888
+ }
1889
+ .focus-visible\:vtg-shadow-none:focus-visible {
1890
+ --tw-shadow: 0 0 #0000;
1891
+ --tw-shadow-colored: 0 0 #0000;
1892
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1893
+ }
1894
+ .focus-visible\:vtg-outline-none:focus-visible {
1895
+ outline: 2px solid transparent;
1896
+ outline-offset: 2px
1897
+ }
1672
1898
  .focus-visible\:vtg-outline:focus-visible {
1673
1899
  outline-style: solid
1674
1900
  }
@@ -1687,6 +1913,9 @@
1687
1913
  .focus-visible\:vtg-outline-\[color\:var\(--color-primary\)\]:focus-visible {
1688
1914
  outline-color: var(--color-primary)
1689
1915
  }
1916
+ .active\:vtg-cursor-grabbing:active {
1917
+ cursor: grabbing
1918
+ }
1690
1919
  .active\:vtg-border-\[color\:var\(--color-primary\)\]:active {
1691
1920
  border-color: var(--color-primary)
1692
1921
  }
@@ -1765,6 +1994,12 @@
1765
1994
  .disabled\:vtg-text-\[color\:var\(--color-text-placeholder\)\]:disabled {
1766
1995
  color: var(--color-text-placeholder)
1767
1996
  }
1997
+ .disabled\:vtg-opacity-50:disabled {
1998
+ opacity: 0.5
1999
+ }
2000
+ .disabled\:hover\:vtg-border-\[color\:var\(--color-border\)\]:hover:disabled {
2001
+ border-color: var(--color-border)
2002
+ }
1768
2003
  .vtg-group\/row:nth-child(even) .group-even\/row\:vtg-bg-\[color\:var\(--vtg-table-row-hover-bg\)\] {
1769
2004
  background-color: var(--vtg-table-row-hover-bg)
1770
2005
  }
@@ -1787,6 +2022,15 @@
1787
2022
  .vtg-group:hover .group-hover\:vtg-opacity-100 {
1788
2023
  opacity: 1
1789
2024
  }
2025
+ .vtg-group:hover .group-hover\:enabled\:vtg-border-\[color\:var\(--color-primary\)\]:enabled {
2026
+ border-color: var(--color-primary)
2027
+ }
2028
+ .vtg-group:hover .group-hover\:enabled\:checked\:vtg-border-transparent:checked:enabled {
2029
+ border-color: transparent
2030
+ }
2031
+ .vtg-group:hover .group-hover\:enabled\:checked\:vtg-bg-\[color\:var\(--color-primary-hover\)\]:checked:enabled {
2032
+ background-color: var(--color-primary-hover)
2033
+ }
1790
2034
  .vtg-group:not([aria-disabled=true]):focus-visible .group-\[\:not\(\[aria-disabled\=true\]\)\:focus-visible\]\:vtg-opacity-0 {
1791
2035
  opacity: 0
1792
2036
  }
@@ -1799,6 +2043,24 @@
1799
2043
  .vtg-group:not([aria-disabled=true]):hover .group-\[\:not\(\[aria-disabled\=true\]\)\:hover\]\:vtg-opacity-100 {
1800
2044
  opacity: 1
1801
2045
  }
2046
+ .vtg-peer:disabled ~ .peer-disabled\:vtg-border-\[color\:var\(--color-text-disabled\)\] {
2047
+ border-color: var(--color-text-disabled)
2048
+ }
2049
+ .vtg-peer:disabled ~ .peer-disabled\:vtg-border-\[color\:var\(--color-text-placeholder\)\] {
2050
+ border-color: var(--color-text-placeholder)
2051
+ }
2052
+ .has-\[\:disabled\]\:vtg-cursor-not-allowed:has(:disabled) {
2053
+ cursor: not-allowed
2054
+ }
2055
+ .has-\[\:disabled\]\:vtg-text-\[color\:var\(--color-text-disabled\)\]:has(:disabled) {
2056
+ color: var(--color-text-disabled)
2057
+ }
2058
+ .aria-checked\:vtg-bg-\[color\:var\(--color-control-item-active-bg\)\][aria-checked="true"] {
2059
+ background-color: var(--color-control-item-active-bg)
2060
+ }
2061
+ .aria-checked\:vtg-text-\[color\:var\(--color-primary\)\][aria-checked="true"] {
2062
+ color: var(--color-primary)
2063
+ }
1802
2064
  .aria-disabled\:vtg-cursor-not-allowed[aria-disabled="true"] {
1803
2065
  cursor: not-allowed
1804
2066
  }
@@ -1835,6 +2097,23 @@
1835
2097
  --tw-shadow-color: var(--vtg-pagination-focus-shadow);
1836
2098
  --tw-shadow: var(--tw-shadow-colored, 0 0 #0000)
1837
2099
  }
2100
+ .aria-pressed\:vtg-text-\[color\:var\(--color-primary\)\][aria-pressed="true"] {
2101
+ color: var(--color-primary)
2102
+ }
2103
+ .data-\[disabled\]\:vtg-cursor-not-allowed[data-disabled] {
2104
+ cursor: not-allowed
2105
+ }
2106
+ .data-\[disabled\]\:vtg-bg-\[color\:var\(--color-bg-disabled\)\][data-disabled] {
2107
+ background-color: var(--color-bg-disabled)
2108
+ }
2109
+ .data-\[disabled\]\:hover\:vtg-border-\[color\:var\(--color-border\)\]:hover[data-disabled] {
2110
+ border-color: var(--color-border)
2111
+ }
2112
+ @media (prefers-reduced-motion: reduce) {
2113
+ .motion-reduce\:vtg-animate-none {
2114
+ animation: none
2115
+ }
2116
+ }
1838
2117
  .\[\&\:\:-webkit-inner-spin-button\]\:vtg-appearance-none::-webkit-inner-spin-button {
1839
2118
  appearance: none
1840
2119
  }
@@ -1881,6 +2160,12 @@
1881
2160
  border-bottom-width: 0px;
1882
2161
  border-bottom-style: solid
1883
2162
  }
2163
+ .\[\&\:not\(\[draggable\=true\]\)\]\:vtg-cursor-not-allowed:not([draggable=true]) {
2164
+ cursor: not-allowed
2165
+ }
2166
+ .\[\&\>div\]\:vtg-min-w-0>div {
2167
+ min-width: 0px
2168
+ }
1884
2169
  .\[\&\>svg\]\:vtg-mx-auto>svg {
1885
2170
  margin-left: auto;
1886
2171
  margin-right: auto
@@ -1907,6 +2192,22 @@
1907
2192
  --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
1908
2193
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
1909
2194
  }
2195
+ .\[\&\[data-status\=error\]\]\:before\:vtg-bg-\[color\:var\(--vtg-cell-error\)\][data-status=error]::before {
2196
+ content: var(--tw-content, '');
2197
+ background-color: var(--vtg-cell-error)
2198
+ }
2199
+ .\[\&\[data-status\=processing\]\]\:before\:vtg-bg-\[color\:var\(--color-primary\)\][data-status=processing]::before {
2200
+ content: var(--tw-content, '');
2201
+ background-color: var(--color-primary)
2202
+ }
2203
+ .\[\&\[data-status\=success\]\]\:before\:vtg-bg-\[color\:var\(--vtg-cell-success\)\][data-status=success]::before {
2204
+ content: var(--tw-content, '');
2205
+ background-color: var(--vtg-cell-success)
2206
+ }
2207
+ .\[\&\[data-status\=warning\]\]\:before\:vtg-bg-\[color\:var\(--vtg-cell-warning\)\][data-status=warning]::before {
2208
+ content: var(--tw-content, '');
2209
+ background-color: var(--vtg-cell-warning)
2210
+ }
1910
2211
  .\[\&_svg\]\:vtg-text-\[color\:var\(--color-text-placeholder\)\] svg {
1911
2212
  color: var(--color-text-placeholder)
1912
2213
  }
@@ -11,6 +11,23 @@
11
11
 
12
12
  :where(:root),
13
13
  [data-vtg-preset='antdv'] {
14
+ --vtg-column-settings-width: 224px;
15
+ --vtg-toolbar-title-font-size: 16px;
16
+ --vtg-toolbar-title-font-weight: 500;
17
+ --vtg-toolbar-search-width: 240px;
18
+ --vtg-toolbar-search-height: 32px;
19
+ --vtg-toolbar-search-font-size: 14px;
20
+ --vtg-selection-alert-radius: 6px;
21
+ --vtg-selection-alert-bg: rgb(0 0 0 / 2%);
22
+ --vtg-selection-alert-padding-inline: 24px;
23
+ --vtg-selection-alert-padding-block: 8px;
24
+ --vtg-cell-success: #52c41a;
25
+ --vtg-cell-warning: #faad14;
26
+ --vtg-cell-error: #ff4d4f;
27
+ --vtg-column-settings-radius: 8px;
28
+ --vtg-column-settings-icon-size: 16px;
29
+ --vtg-column-settings-z: 1050;
30
+ --vtg-column-settings-shadow: var(--vtg-pagination-popup-shadow);
14
31
  --vtg-pagination-size: 32px;
15
32
  --vtg-pagination-size-sm: 24px;
16
33
  --vtg-pagination-gap: 8px;
@@ -220,6 +237,9 @@
220
237
  --vtg-table-empty-border-color: #434343;
221
238
  --vtg-table-empty-shadow-color: #303030;
222
239
  --vtg-table-empty-content-color: #262626;
240
+
241
+ /* 批量提示条中性底 — 暗色翻转为 2% 白 */
242
+ --vtg-selection-alert-bg: rgb(255 255 255 / 2%);
223
243
  }
224
244
 
225
245
  /* @vtable-guild/theme/css/presets — Element Plus 预设 */
@@ -236,6 +256,23 @@
236
256
  */
237
257
 
238
258
  [data-vtg-preset='element-plus'] {
259
+ --vtg-column-settings-width: 280px;
260
+ --vtg-toolbar-title-font-size: 16px;
261
+ --vtg-toolbar-title-font-weight: 500;
262
+ --vtg-toolbar-search-width: 240px;
263
+ --vtg-toolbar-search-height: 32px;
264
+ --vtg-toolbar-search-font-size: 14px;
265
+ --vtg-selection-alert-radius: 4px;
266
+ --vtg-selection-alert-bg: #fafafa;
267
+ --vtg-selection-alert-padding-inline: 24px;
268
+ --vtg-selection-alert-padding-block: 8px;
269
+ --vtg-cell-success: #67c23a;
270
+ --vtg-cell-warning: #e6a23c;
271
+ --vtg-cell-error: #f56c6c;
272
+ --vtg-column-settings-radius: 4px;
273
+ --vtg-column-settings-icon-size: 16px;
274
+ --vtg-column-settings-z: 2000;
275
+ --vtg-column-settings-shadow: var(--vtg-pagination-popup-shadow);
239
276
  --vtg-pagination-size: 32px;
240
277
  --vtg-pagination-size-sm: 24px;
241
278
  --vtg-pagination-font-size: 14px;
@@ -459,6 +496,9 @@
459
496
 
460
497
  /* Striped 行背景 */
461
498
  --vtg-table-row-striped-bg: #1d1d1d;
499
+
500
+ /* 批量提示条中性底 — 暗色翻转为 2% 白 */
501
+ --vtg-selection-alert-bg: rgb(255 255 255 / 2%);
462
502
  }
463
503
 
464
504
  /* ===== 下拉菜单过渡(FilterDropdown / SelectionDropdown) ===== */