@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
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../../theme/src/presets/antdv/table.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB;;;;CAItB,CAAA;AAEV,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsTI,CAAA;AAIhC,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC,KAAK,CAAA;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG,OAAO,eAAe,CAAA"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../../theme/src/presets/antdv/table.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB;;;;CAItB,CAAA;AAEV,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoUI,CAAA;AAIhC,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC,KAAK,CAAA;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG,OAAO,eAAe,CAAA"}
@@ -11,6 +11,15 @@ const e = {
11
11
  "leading-[var(--vtg-table-line-height)]"
12
12
  ].join(" "),
13
13
  wrapper: "w-full overflow-auto",
14
+ // ---- scroll.y: 'auto' 自动高度布局 ----
15
+ // root 填满父容器:块级父靠 h-full,flex 父靠 flex-1(对非 flex 父无效,无副作用);
16
+ // title/footer 自然占位,wrapper 吃掉剩余高度供表体测量。box-border 防止
17
+ // 无 Tailwind preflight 环境下边框/内边距把 h-full 撑出父容器。
18
+ rootAutoHeight: "box-border flex h-full min-h-0 flex-1 flex-col",
19
+ // flex-col 必须:默认 row 会把表头/表体/summary 横排。overflow-hidden 覆盖
20
+ // wrapper 的 overflow-auto——prebuilt CSS 中 .vtg-overflow-hidden 排在
21
+ // .vtg-overflow-auto 之后(Tailwind 同组工具类的固定顺序),后者胜出成立。
22
+ wrapperAutoHeight: "flex min-h-0 flex-1 flex-col overflow-hidden",
14
23
  table: [
15
24
  "w-full border-separate border-spacing-0",
16
25
  "bg-[color:var(--vtg-table-bg)]",
@@ -121,6 +130,10 @@ const e = {
121
130
  tdSelected: "bg-[color:var(--vtg-table-row-selected-bg)]",
122
131
  tdRowHover: "bg-[color:var(--vtg-table-row-hover-bg)]",
123
132
  tdRowSelectedHover: "bg-[color:var(--vtg-table-row-selected-hover-bg)]",
133
+ // ---- 行拖拽排序 ----
134
+ trDragging: "opacity-50",
135
+ trDropAbove: "[&>td]:shadow-[inset_0_2px_0_0_var(--vtg-table-row-drop-indicator-color)]",
136
+ trDropBelow: "[&>td]:shadow-[inset_0_-2px_0_0_var(--vtg-table-row-drop-indicator-color)]",
124
137
  // ---- 选择下拉相关 ----
125
138
  selectionDropdown: [
126
139
  "rounded-[6px] bg-[color:var(--color-surface)]",
@@ -235,7 +248,7 @@ const e = {
235
248
  table: "",
236
249
  th: "border-r border-[color:var(--vtg-table-border-color)] last:border-r-0 before:hidden",
237
250
  td: "border-r border-[color:var(--vtg-table-border-color)] last:border-r-0",
238
- tbody: "[&>tr:last-child>td]:border-b-0",
251
+ tbody: "[&:not([data-vtg-preserve-last-border])>tr:last-child>td]:border-b-0",
239
252
  title: "border-b border-[color:var(--vtg-table-border-color)]",
240
253
  footer: "border-t border-[color:var(--vtg-table-border-color)]",
241
254
  summaryCell: "border-r border-[color:var(--vtg-table-border-color)] last:border-r-0"
@@ -23,6 +23,8 @@ export declare const elementPlusTableTheme: {
23
23
  readonly slots: {
24
24
  readonly root: string;
25
25
  readonly wrapper: "w-full overflow-auto";
26
+ readonly rootAutoHeight: "box-border flex h-full min-h-0 flex-1 flex-col";
27
+ readonly wrapperAutoHeight: "flex min-h-0 flex-1 flex-col overflow-hidden";
26
28
  readonly table: string;
27
29
  readonly thead: "";
28
30
  readonly tbody: "";
@@ -79,6 +81,9 @@ export declare const elementPlusTableTheme: {
79
81
  readonly tdSelected: "";
80
82
  readonly tdRowHover: "bg-[color:var(--vtg-table-row-hover-bg)]";
81
83
  readonly tdRowSelectedHover: "";
84
+ readonly trDragging: "opacity-50";
85
+ readonly trDropAbove: "[&>td]:shadow-[inset_0_2px_0_0_var(--vtg-table-row-drop-indicator-color)]";
86
+ readonly trDropBelow: "[&>td]:shadow-[inset_0_-2px_0_0_var(--vtg-table-row-drop-indicator-color)]";
82
87
  readonly selectionDropdown: string;
83
88
  readonly selectionDropdownItem: "flex items-center cursor-pointer px-3 py-1.5 rounded-sm hover:bg-[color:var(--color-control-item-hover-bg)]";
84
89
  readonly selectionExtra: "inline-flex items-center justify-center cursor-pointer ml-1 text-xs text-[color:var(--color-muted)] hover:text-[color:var(--color-primary)] transition-colors";
@@ -128,7 +133,7 @@ export declare const elementPlusTableTheme: {
128
133
  readonly table: "";
129
134
  readonly th: "border-r border-[color:var(--vtg-table-border-color)] last:border-r-0";
130
135
  readonly td: "border-r border-[color:var(--vtg-table-border-color)] last:border-r-0";
131
- readonly tbody: "[&>tr:last-child>td]:border-b-0";
136
+ readonly tbody: "[&:not([data-vtg-preserve-last-border])>tr:last-child>td]:border-b-0";
132
137
  readonly title: "border-b border-[color:var(--vtg-table-border-color)]";
133
138
  readonly footer: "border-t border-[color:var(--vtg-table-border-color)]";
134
139
  readonly summaryCell: "border-r border-[color:var(--vtg-table-border-color)] last:border-r-0";
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../../theme/src/presets/element-plus/table.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH,wBAAwB;AACxB,eAAO,MAAM,mBAAmB;;;;CAItB,CAAA;AAEV,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0QF,CAAA;AAEhC,4BAA4B;AAC5B,eAAO,MAAM,8BAA8B,OAAO,CAAA"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../../theme/src/presets/element-plus/table.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH,wBAAwB;AACxB,eAAO,MAAM,mBAAmB;;;;CAItB,CAAA;AAEV,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkRF,CAAA;AAEhC,4BAA4B;AAC5B,eAAO,MAAM,8BAA8B,OAAO,CAAA"}
@@ -7,6 +7,9 @@ const e = {
7
7
  "leading-[var(--vtg-table-line-height)]"
8
8
  ].join(" "),
9
9
  wrapper: "w-full overflow-auto",
10
+ // ---- scroll.y: 'auto' 自动高度布局(与 antdv 预设保持一致) ----
11
+ rootAutoHeight: "box-border flex h-full min-h-0 flex-1 flex-col",
12
+ wrapperAutoHeight: "flex min-h-0 flex-1 flex-col overflow-hidden",
10
13
  table: [
11
14
  "w-full border-separate border-spacing-0",
12
15
  "bg-[color:var(--vtg-table-bg)]",
@@ -111,6 +114,10 @@ const e = {
111
114
  tdSelected: "",
112
115
  tdRowHover: "bg-[color:var(--vtg-table-row-hover-bg)]",
113
116
  tdRowSelectedHover: "",
117
+ // ---- 行拖拽排序 ----
118
+ trDragging: "opacity-50",
119
+ trDropAbove: "[&>td]:shadow-[inset_0_2px_0_0_var(--vtg-table-row-drop-indicator-color)]",
120
+ trDropBelow: "[&>td]:shadow-[inset_0_-2px_0_0_var(--vtg-table-row-drop-indicator-color)]",
114
121
  // ---- 选择下拉相关 ----
115
122
  selectionDropdown: [
116
123
  "rounded bg-[color:var(--color-surface)] shadow-lg border border-[color:var(--color-default)]",
@@ -191,7 +198,7 @@ const e = {
191
198
  table: "",
192
199
  th: "border-r border-[color:var(--vtg-table-border-color)] last:border-r-0",
193
200
  td: "border-r border-[color:var(--vtg-table-border-color)] last:border-r-0",
194
- tbody: "[&>tr:last-child>td]:border-b-0",
201
+ tbody: "[&:not([data-vtg-preserve-last-border])>tr:last-child>td]:border-b-0",
195
202
  title: "border-b border-[color:var(--vtg-table-border-color)]",
196
203
  footer: "border-t border-[color:var(--vtg-table-border-color)]",
197
204
  summaryCell: "border-r border-[color:var(--vtg-table-border-color)] last:border-r-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vtable-guild/vtable-guild",
3
- "version": "2.6.3",
3
+ "version": "2.7.0",
4
4
  "description": "Vue 3 table component with built-in virtual scrolling and switchable ant-design-vue / element-plus theme presets, powered by tailwind-variants",
5
5
  "type": "module",
6
6
  "files": [