@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.
- package/css/presets/antdv.css +2 -0
- package/css/presets/element-plus.css +2 -0
- package/css/style.css +25 -3
- package/css/tailwind3-utilities.css +21 -3
- package/css/tailwind3.css +4 -0
- package/css/tailwind4.css +4 -0
- package/dist/core/src/components/VirtualList/VirtualList.d.ts.map +1 -1
- package/dist/core/src/components/VirtualList/VirtualList.mjs +97 -91
- package/dist/css/presets/antdv.css +2 -0
- package/dist/css/presets/element-plus.css +2 -0
- package/dist/css/style.css +25 -3
- package/dist/css/tailwind3-utilities.css +21 -3
- package/dist/css/tailwind3.css +4 -0
- package/dist/css/tailwind4.css +4 -0
- package/dist/index.full.mjs +4051 -3623
- package/dist/index.mjs +22 -19
- package/dist/table/src/components/ExpandedRowTr.d.ts +90 -0
- package/dist/table/src/components/ExpandedRowTr.d.ts.map +1 -0
- package/dist/table/src/components/ExpandedRowTr.mjs +61 -0
- package/dist/table/src/components/Table.d.ts +23 -3
- package/dist/table/src/components/Table.d.ts.map +1 -1
- package/dist/table/src/components/Table.mjs +421 -365
- package/dist/table/src/components/TableBody.d.ts.map +1 -1
- package/dist/table/src/components/TableBody.mjs +67 -58
- package/dist/table/src/components/VTable.vue.d.ts +4 -3
- package/dist/table/src/components/VTable.vue.d.ts.map +1 -1
- package/dist/table/src/components/VTable.vue.mjs +43 -37
- package/dist/table/src/components/VirtualTableBody.d.ts.map +1 -1
- package/dist/table/src/components/VirtualTableBody.mjs +151 -140
- package/dist/table/src/composables/index.d.ts +3 -0
- package/dist/table/src/composables/index.d.ts.map +1 -1
- package/dist/table/src/composables/useAutoHeight.d.ts +32 -0
- package/dist/table/src/composables/useAutoHeight.d.ts.map +1 -0
- package/dist/table/src/composables/useAutoHeight.mjs +66 -0
- package/dist/table/src/composables/useAutoHeight.test.d.ts +2 -0
- package/dist/table/src/composables/useAutoHeight.test.d.ts.map +1 -0
- package/dist/table/src/composables/useColumnDisplay.d.ts +26 -0
- package/dist/table/src/composables/useColumnDisplay.d.ts.map +1 -0
- package/dist/table/src/composables/useColumnDisplay.mjs +46 -0
- package/dist/table/src/composables/useColumnDisplay.test.d.ts +2 -0
- package/dist/table/src/composables/useColumnDisplay.test.d.ts.map +1 -0
- package/dist/table/src/composables/useColumnMetrics.d.ts.map +1 -1
- package/dist/table/src/composables/useColumnMetrics.mjs +49 -49
- package/dist/table/src/composables/useColumnMetrics.test.d.ts +2 -0
- package/dist/table/src/composables/useColumnMetrics.test.d.ts.map +1 -0
- package/dist/table/src/composables/useColumnWindow.mjs +16 -16
- package/dist/table/src/composables/useResize.d.ts.map +1 -1
- package/dist/table/src/composables/useResize.mjs +37 -31
- package/dist/table/src/composables/useRowDragSort.d.ts +79 -0
- package/dist/table/src/composables/useRowDragSort.d.ts.map +1 -0
- package/dist/table/src/composables/useRowDragSort.mjs +146 -0
- package/dist/table/src/composables/useRowDragSort.test.d.ts +2 -0
- package/dist/table/src/composables/useRowDragSort.test.d.ts.map +1 -0
- package/dist/table/src/composables/useScroll.d.ts +8 -0
- package/dist/table/src/composables/useScroll.d.ts.map +1 -1
- package/dist/table/src/composables/useScroll.mjs +37 -37
- package/dist/table/src/composables/useVirtual.d.ts +35 -0
- package/dist/table/src/composables/useVirtual.d.ts.map +1 -1
- package/dist/table/src/composables/useVirtual.mjs +44 -16
- package/dist/table/src/context.d.ts +14 -0
- package/dist/table/src/context.d.ts.map +1 -1
- package/dist/table/src/index.d.ts +14 -4
- package/dist/table/src/index.d.ts.map +1 -1
- package/dist/table/src/types/column.d.ts +6 -0
- package/dist/table/src/types/column.d.ts.map +1 -1
- package/dist/table/src/types/index.d.ts +1 -1
- package/dist/table/src/types/index.d.ts.map +1 -1
- package/dist/table/src/types/table.d.ts +32 -9
- package/dist/table/src/types/table.d.ts.map +1 -1
- package/dist/table/src/utils/rowKey.d.ts +8 -0
- package/dist/table/src/utils/rowKey.d.ts.map +1 -0
- package/dist/table/src/utils/rowKey.mjs +6 -0
- package/dist/theme/src/presets/antdv/table.d.ts +6 -1
- package/dist/theme/src/presets/antdv/table.d.ts.map +1 -1
- package/dist/theme/src/presets/antdv/table.mjs +14 -1
- package/dist/theme/src/presets/element-plus/table.d.ts +6 -1
- package/dist/theme/src/presets/element-plus/table.d.ts.map +1 -1
- package/dist/theme/src/presets/element-plus/table.mjs +8 -1
- 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
|
|
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: "[
|
|
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: "[
|
|
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
|
|
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: "[
|
|
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.
|
|
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": [
|