@prefabs.tech/vue3-tanstack-table 0.18.0 → 0.20.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/dist/PrefabsTechVue3TanstackTable.es.js +419 -405
- package/dist/PrefabsTechVue3TanstackTable.umd.js +4 -4
- package/dist/src/components/FilesTable/Index.vue.d.ts +9 -3
- package/dist/src/components/FilesTable/Index.vue.d.ts.map +1 -1
- package/dist/src/components/Table.vue.d.ts +30 -16
- package/dist/src/components/Table.vue.d.ts.map +1 -1
- package/dist/src/components/TableDataActions.vue.d.ts +15 -7
- package/dist/src/components/TableDataActions.vue.d.ts.map +1 -1
- package/dist/vue3-tanstack-table.css +1 -1
- package/package.json +5 -5
|
@@ -28,7 +28,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
28
28
|
default: undefined;
|
|
29
29
|
type: StringConstructor;
|
|
30
30
|
};
|
|
31
|
-
persistState:
|
|
31
|
+
persistState: {
|
|
32
|
+
default: boolean;
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
};
|
|
32
35
|
persistStateStorage: {
|
|
33
36
|
default: string;
|
|
34
37
|
type: StringConstructor;
|
|
@@ -79,7 +82,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
79
82
|
default: undefined;
|
|
80
83
|
type: StringConstructor;
|
|
81
84
|
};
|
|
82
|
-
persistState:
|
|
85
|
+
persistState: {
|
|
86
|
+
default: boolean;
|
|
87
|
+
type: BooleanConstructor;
|
|
88
|
+
};
|
|
83
89
|
persistStateStorage: {
|
|
84
90
|
default: string;
|
|
85
91
|
type: StringConstructor;
|
|
@@ -116,9 +122,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
116
122
|
locale: string;
|
|
117
123
|
isLoading: boolean;
|
|
118
124
|
isServerTable: boolean;
|
|
119
|
-
persistState: boolean;
|
|
120
125
|
columnsData: TableColumnDefinition<any>[];
|
|
121
126
|
initialSorting: SortingState;
|
|
127
|
+
persistState: boolean;
|
|
122
128
|
persistStateStorage: string;
|
|
123
129
|
tableOptions: Record<string, any>;
|
|
124
130
|
totalRecords: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Index.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FilesTable/Index.vue.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,YAAY,EACZ,qBAAqB,EAEtB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;
|
|
1
|
+
{"version":3,"file":"Index.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FilesTable/Index.vue.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,YAAY,EACZ,qBAAqB,EAEtB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;cA0SjB,QAAQ,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,CAAC;;;;;;;cAOtC,QAAQ,CAAC,YAAY,CAAC;;;;cAItB,QAAQ,CAAC,KAAK,EAAE,CAAC;;;;;;;;;;;;;;;;;;;2BAmBb,MAAM;;;;cAKT,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;;;;cAcxB,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;cAjDlB,QAAQ,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,CAAC;;;;;;;cAOtC,QAAQ,CAAC,YAAY,CAAC;;;;cAItB,QAAQ,CAAC,KAAK,EAAE,CAAC;;;;;;;;;;;;;;;;;;;2BAmBb,MAAM;;;;cAKT,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;;;;cAcxB,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA8H5B,CAAC,CAAC,IAAiB,KAAK,GAAG;YAC5B,CAAC,CAAC,IAAiB,KAAK,GAAG;gBACvB,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAxdvC,wBA2ec;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
|
|
@@ -2,6 +2,15 @@ import type { DataActionsMenuItem } from "../types";
|
|
|
2
2
|
import type { ColumnDef, ColumnFiltersState, SortingState } from "@tanstack/vue-table";
|
|
3
3
|
import type { PropType } from "vue";
|
|
4
4
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
|
+
actionsMode: {
|
|
6
|
+
default: string;
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
validator: (value: string) => boolean;
|
|
9
|
+
};
|
|
10
|
+
autoModeCount: {
|
|
11
|
+
default: number;
|
|
12
|
+
type: NumberConstructor;
|
|
13
|
+
};
|
|
5
14
|
dataActionMenu: {
|
|
6
15
|
default: () => never[];
|
|
7
16
|
type: PropType<DataActionsMenuItem[]>;
|
|
@@ -69,7 +78,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
69
78
|
default: () => {};
|
|
70
79
|
type: ObjectConstructor;
|
|
71
80
|
};
|
|
72
|
-
persistState:
|
|
81
|
+
persistState: {
|
|
82
|
+
default: boolean;
|
|
83
|
+
type: BooleanConstructor;
|
|
84
|
+
};
|
|
73
85
|
persistStateStorage: {
|
|
74
86
|
default: string;
|
|
75
87
|
type: StringConstructor;
|
|
@@ -89,11 +101,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
89
101
|
};
|
|
90
102
|
showColumnAction: BooleanConstructor;
|
|
91
103
|
showResetButton: BooleanConstructor;
|
|
92
|
-
singleActionMode: {
|
|
93
|
-
default: string;
|
|
94
|
-
type: StringConstructor;
|
|
95
|
-
validator: (value: string) => boolean;
|
|
96
|
-
};
|
|
97
104
|
tableOptions: {
|
|
98
105
|
default: () => {};
|
|
99
106
|
type: ObjectConstructor;
|
|
@@ -113,7 +120,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
113
120
|
default: () => never[];
|
|
114
121
|
type: PropType<string[]>;
|
|
115
122
|
};
|
|
116
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("action:
|
|
123
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("action:select" | "change:rowSelection" | "update:request")[], "action:select" | "change:rowSelection" | "update:request", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
124
|
+
actionsMode: {
|
|
125
|
+
default: string;
|
|
126
|
+
type: StringConstructor;
|
|
127
|
+
validator: (value: string) => boolean;
|
|
128
|
+
};
|
|
129
|
+
autoModeCount: {
|
|
130
|
+
default: number;
|
|
131
|
+
type: NumberConstructor;
|
|
132
|
+
};
|
|
117
133
|
dataActionMenu: {
|
|
118
134
|
default: () => never[];
|
|
119
135
|
type: PropType<DataActionsMenuItem[]>;
|
|
@@ -181,7 +197,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
181
197
|
default: () => {};
|
|
182
198
|
type: ObjectConstructor;
|
|
183
199
|
};
|
|
184
|
-
persistState:
|
|
200
|
+
persistState: {
|
|
201
|
+
default: boolean;
|
|
202
|
+
type: BooleanConstructor;
|
|
203
|
+
};
|
|
185
204
|
persistStateStorage: {
|
|
186
205
|
default: string;
|
|
187
206
|
type: StringConstructor;
|
|
@@ -201,11 +220,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
201
220
|
};
|
|
202
221
|
showColumnAction: BooleanConstructor;
|
|
203
222
|
showResetButton: BooleanConstructor;
|
|
204
|
-
singleActionMode: {
|
|
205
|
-
default: string;
|
|
206
|
-
type: StringConstructor;
|
|
207
|
-
validator: (value: string) => boolean;
|
|
208
|
-
};
|
|
209
223
|
tableOptions: {
|
|
210
224
|
default: () => {};
|
|
211
225
|
type: ObjectConstructor;
|
|
@@ -226,7 +240,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
226
240
|
type: PropType<string[]>;
|
|
227
241
|
};
|
|
228
242
|
}>> & Readonly<{
|
|
229
|
-
"onAction:click"?: ((...args: any[]) => any) | undefined;
|
|
230
243
|
"onAction:select"?: ((...args: any[]) => any) | undefined;
|
|
231
244
|
"onChange:rowSelection"?: ((...args: any[]) => any) | undefined;
|
|
232
245
|
"onUpdate:request"?: ((...args: any[]) => any) | undefined;
|
|
@@ -237,9 +250,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
237
250
|
enableRowSelection: boolean;
|
|
238
251
|
customFormatters: Record<string, (value: unknown) => unknown>;
|
|
239
252
|
emptyTableMessage: string;
|
|
253
|
+
autoModeCount: number;
|
|
240
254
|
data: unknown[];
|
|
241
255
|
displayActions: boolean | ((data: object) => boolean);
|
|
242
|
-
singleActionMode: string;
|
|
243
256
|
showColumnAction: boolean;
|
|
244
257
|
showResetButton: boolean;
|
|
245
258
|
columnActionButtonLabel: string;
|
|
@@ -247,7 +260,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
247
260
|
highlightActiveHeaderColumn: boolean;
|
|
248
261
|
isLoading: boolean;
|
|
249
262
|
isServerTable: boolean;
|
|
250
|
-
|
|
263
|
+
actionsMode: string;
|
|
251
264
|
dataActionMenu: DataActionsMenuItem[];
|
|
252
265
|
columnsData: ColumnDef<any>[];
|
|
253
266
|
enableSortingRemoval: boolean;
|
|
@@ -255,6 +268,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
255
268
|
initialSorting: SortingState;
|
|
256
269
|
paginated: boolean;
|
|
257
270
|
paginationOptions: Record<string, any>;
|
|
271
|
+
persistState: boolean;
|
|
258
272
|
persistStateStorage: string;
|
|
259
273
|
rowPerPage: number;
|
|
260
274
|
rowPerPageOptions: number[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Table.vue.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,mBAAmB,EAAwB,MAAM,UAAU,CAAC;AAE1E,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EAElB,YAAY,EAEb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC
|
|
1
|
+
{"version":3,"file":"Table.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Table.vue.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,mBAAmB,EAAwB,MAAM,UAAU,CAAC;AAE1E,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EAElB,YAAY,EAEb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;2BA2fb,MAAM;;;;;;;;cAQV,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;cAQ/B,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;;;;;cAKzB,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;;;;;;;;cAQpC,QAAQ,CACnC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CACtC;;;;;;;;;;;;;;;;;;;;;cAqBc,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA2BlB,MAAM;;;;;;;;;;;;cAaV,MAAM,MAAM,EAAE;;;;;;;;;;cAUb,MAAM;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE;;;;;;;;cAQvC,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;2BAlHd,MAAM;;;;;;;;cAQV,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;cAQ/B,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;;;;;cAKzB,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;;;;;;;;cAQpC,QAAQ,CACnC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CACtC;;;;;;;;;;;;;;;;;;;;;cAqBc,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA2BlB,MAAM;;;;;;;;;;;;cAaV,MAAM,MAAM,EAAE;;;;;;;;;;cAUb,MAAM;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE;;;;;;;;cAQvC,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;6CA7FY,OAAO,KAAK,OAAO;;;;sCAS5C,MAAM,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;;;cA4ER,MAAM;gBAAU,MAAM;;;;;aAuM/C,CAAC,CAAC,IAAgB,KAAK,GAAG;YAC3B,CAAC,CAAC,IAAiB,KAAK,GAAG;gBACvB,CAAC,CAAC,IAAiB,KAAK,GAAG;;AA3yBvC,wBAm0Bc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
|
|
@@ -5,6 +5,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
5
5
|
type: PropType<DataActionsMenuItem[]>;
|
|
6
6
|
required: true;
|
|
7
7
|
};
|
|
8
|
+
autoModeCount: {
|
|
9
|
+
default: number;
|
|
10
|
+
type: NumberConstructor;
|
|
11
|
+
};
|
|
8
12
|
data: {
|
|
9
13
|
default: () => {};
|
|
10
14
|
type: ObjectConstructor;
|
|
@@ -13,16 +17,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
13
17
|
default: boolean;
|
|
14
18
|
type: PropType<boolean | ((data: object) => boolean)>;
|
|
15
19
|
};
|
|
16
|
-
|
|
17
|
-
default:
|
|
20
|
+
mode: {
|
|
21
|
+
default: undefined;
|
|
18
22
|
type: StringConstructor;
|
|
19
23
|
validator: (value: string) => boolean;
|
|
20
24
|
};
|
|
21
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
25
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action:select"[], "action:select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
26
|
actions: {
|
|
23
27
|
type: PropType<DataActionsMenuItem[]>;
|
|
24
28
|
required: true;
|
|
25
29
|
};
|
|
30
|
+
autoModeCount: {
|
|
31
|
+
default: number;
|
|
32
|
+
type: NumberConstructor;
|
|
33
|
+
};
|
|
26
34
|
data: {
|
|
27
35
|
default: () => {};
|
|
28
36
|
type: ObjectConstructor;
|
|
@@ -31,18 +39,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
31
39
|
default: boolean;
|
|
32
40
|
type: PropType<boolean | ((data: object) => boolean)>;
|
|
33
41
|
};
|
|
34
|
-
|
|
35
|
-
default:
|
|
42
|
+
mode: {
|
|
43
|
+
default: undefined;
|
|
36
44
|
type: StringConstructor;
|
|
37
45
|
validator: (value: string) => boolean;
|
|
38
46
|
};
|
|
39
47
|
}>> & Readonly<{
|
|
40
|
-
"onAction:click"?: ((...args: any[]) => any) | undefined;
|
|
41
48
|
"onAction:select"?: ((...args: any[]) => any) | undefined;
|
|
42
49
|
}>, {
|
|
50
|
+
mode: string;
|
|
51
|
+
autoModeCount: number;
|
|
43
52
|
data: Record<string, any>;
|
|
44
53
|
displayActions: boolean | ((data: object) => boolean);
|
|
45
|
-
singleActionMode: string;
|
|
46
54
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
47
55
|
trigger: (_: {}) => any;
|
|
48
56
|
confirmationModal: (_: {}) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableDataActions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TableDataActions.vue.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;
|
|
1
|
+
{"version":3,"file":"TableDataActions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TableDataActions.vue.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;cA6EjB,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;cAajB,QAAQ,CACnC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CACtC;;;;;2BAKkB,MAAM;;;;cApBV,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;cAajB,QAAQ,CACnC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CACtC;;;;;2BAKkB,MAAM;;;;;;;;sCANL,MAAM,KAAK,OAAO;;aA6MjC,CAAC,CAAC,IAAiB,KAAK,GAAG;uBACjB,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAtS9C,wBA6Tc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--pagination-bg-color: var(--table-header-footer-bg, transparent);--pagination-padding: .8rem;--pagination-gap: .5rem;--pagination-buttons-bg-color: var(--dz-primary-color);--pagination-buttons-bg-color-hover: #0056b3;--pagination-buttons-bg-color-active: #0056b3;--pagination-buttons-bg-color-disabled: #e4e4e4;--pagination-buttons-color-disabled: inherit;--pagination-border-color: var(--dz-primary-color)}.pagination{align-items:center;background-color:var(--pagination-bg-color);display:flex;flex-wrap:wrap-reverse;justify-content:space-between;gap:var(--pagination-gap);list-style:none;padding:var(--pagination-padding)}.pagination .pagination-buttons-wrapper,.pagination .pagination-buttons-wrapper>div{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pagination-gap);justify-content:center;width:fit-content}.pagination .pagination-buttons-wrapper{margin-left:auto;padding:.5rem 0}.pagination .pagination-buttons-wrapper svg{font-size:1.5rem;max-width:fit-content}.page-button.active{background-color:var(--pagination-buttons-bg-color-active)}.items-per-page-control,.page-input-control{align-items:center;color:#495057;display:flex}.items-per-page-control span,.page-input-control span{margin-right:8px}.items-per-page-control select,.page-input-control input{padding:.375rem;width:4rem}.items-per-page-control select{background:var(--table-header-footer-bg, transparent);border:1px solid var(--border-color);border-radius:4px}.items-per-page-control select:focus{border-color:var(--pagination-border-color);box-shadow:0 0 0 .2rem #007bff40;outline:none}:root{--table-border: 1px solid rgb(226, 226, 226);--table-header-bg: var(--table-header-footer-bg, transparent);--table-overlay-bg: rgba(255, 255, 255, .6);--table-header-active-bg: var(--active-bg, #eff6ff);--table-row-hover-bg: var(--hover-bg, #f0f2f7ad);--table-column-padding: .8rem;--table-row-selected-bg: var(--active-bg, #eff6ff);--table-body-bg: transparent;--table-stripe-color: transparent;--table-actions-column-width: 4rem;--table-loading-icon-color: black}.table-container{display:flex;flex-direction:column;width:100%;position:relative}.table-container>span{font-weight:700;text-align:center;padding:.2rem 0;margin:0;font-size:1rem}.table-container>span[data-align=left]{text-align:left}.table-container>span[data-align=right]{text-align:right}.table-container .loading-overlay{align-items:center;background:var(--table-overlay-bg);display:flex;justify-content:center;inset:0;position:absolute;z-index:1}.table-container .loading-overlay>.loading{color:var(--table-loading-icon-color, #ffffff);font-size:.5rem}.table-container .toolbar{align-items:center;background:var(--table-header-bg);display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding:var(--table-column-padding);width:100%}.table-container .table-wrapper{width:100%;overflow-x:auto}.table-container .table-wrapper>table{min-width:100%;border-collapse:collapse}.table-container .table-wrapper>table>tbody{background:var(--table-body-bg)}.table-container .table-wrapper>table>tfoot>tr{background:var(--table-header-footer-bg, transparent)}.table-container .toolbar,.table-container .table-wrapper>table,.table-container .table-wrapper>table tr,.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th,.table-container .pagination{border:var(--table-border)}.table-container .pagination{border-top:none}.table-container .toolbar{border-bottom:none}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{overflow:hidden}.table-container .table-wrapper>table>tbody>tr>td>.tooltip-container{height:100%;width:100%}.table-container .table-wrapper>table>thead>tr>th.filter{overflow:visible}.table-container .table-wrapper>table tr>td[data-align=center]>*{margin:auto}.table-container .table-wrapper>table tr>th{text-align:left}.table-container .table-wrapper>table tr>td[data-align=center],.table-container .table-wrapper>table tr>th[data-align=center]{text-align:center}.table-container .table-wrapper>table tr>td[data-align=center]>svg,.table-container .table-wrapper>table tr>th[data-align=center]>svg{display:inline-flex;width:100%}.table-container .table-wrapper>table tr>td .dropdown-menu-trigger>svg{max-width:max-content}.table-container .table-wrapper>table tr>td[data-align=right]{text-align:right;padding-right:2rem}.table-container .table-wrapper>table tr>th.sortable{cursor:pointer}.table-container .table-wrapper>table tr>th .sort-state{margin-left:.5rem}.table-container .table-wrapper>table tr>th .sort-state .sort-icon{display:inline-block;vertical-align:text-bottom}.table-container .table-wrapper>table tr>th.highlight,.table-container .table-wrapper>table tr>td.highlight{background:var(--table-header-active-bg)}.table-container .table-wrapper>table>tbody>tr:nth-child(2n){background:var(--table-stripe-color)}.table-container .table-wrapper>table>tbody>tr[data-selected=true]{background:var(--table-row-selected-bg)!important}.table-container .table-wrapper>table>tbody>tr[data-selected=true]:hover,.table-wrapper>table>tbody>tr:hover{background:var(--table-row-hover-bg)!important;transition:background var(--transition-duration) ease}.table-wrapper>table .header-row{background:var(--table-header-bg);font-size:1rem}.table-wrapper>table tr.filters>th.range>.number-range-filter{display:flex;gap:.25rem}.table-wrapper>table tr.filters>th>div input{width:100%;min-width:fit-content;font-weight:400;background:#fff}.table-wrapper>table tr.filters>th.multiselect>div,.table-wrapper>table tr.filters>th.select>div{background:#fff;font-weight:400}.table-wrapper>table tr.filters>th:last-child .multiselect>ul{right:0}.table-wrapper>table tr.filters>th.multiselect>div .input-field-select{margin-top:0}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{padding:var(--table-column-padding)}.table-container .table-wrapper>table>thead>tr>th.column-actions,.table-container .table-wrapper>table>thead>tr>th.column-select{width:var(--table-actions-column-width);max-width:var(--table-actions-column-width);min-width:var(--table-actions-column-width)}.table-container tbody td.cell-actions ul.dropdown-menu{text-align:left}.table-container tbody td.cell-select .checkbox-wrapper:not(:has(label)),.table-container thead th.column-select .checkbox-wrapper:not(:has(label)){display:block}.table-container .pagination .page-input-control input{background:#fff}.table-files .column-description{max-width:15rem;min-width:15rem;width:15rem}.table-files .column-downloadCount{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-lastDownloadedAt{max-width:13rem;min-width:13rem;width:13rem}.table-files .column-uploadedAt{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-uploadedBy{max-width:10rem;min-width:10rem;width:10rem}.table-files .column-actions{max-width:4rem;min-width:4rem;width:4rem}
|
|
1
|
+
:root{--pagination-bg-color: var(--table-header-footer-bg, transparent);--pagination-padding: .8rem;--pagination-gap: .5rem;--pagination-buttons-bg-color: var(--dz-primary-color);--pagination-buttons-bg-color-hover: #0056b3;--pagination-buttons-bg-color-active: #0056b3;--pagination-buttons-bg-color-disabled: #e4e4e4;--pagination-buttons-color-disabled: inherit;--pagination-border-color: var(--dz-primary-color)}.pagination{align-items:center;background-color:var(--pagination-bg-color);display:flex;flex-wrap:wrap-reverse;justify-content:space-between;gap:var(--pagination-gap);list-style:none;padding:var(--pagination-padding)}.pagination .pagination-buttons-wrapper,.pagination .pagination-buttons-wrapper>div{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pagination-gap);justify-content:center;width:fit-content}.pagination .pagination-buttons-wrapper{margin-left:auto;padding:.5rem 0}.pagination .pagination-buttons-wrapper svg{font-size:1.5rem;max-width:fit-content}.page-button.active{background-color:var(--pagination-buttons-bg-color-active)}.items-per-page-control,.page-input-control{align-items:center;color:#495057;display:flex}.items-per-page-control span,.page-input-control span{margin-right:8px}.items-per-page-control select,.page-input-control input{padding:.375rem;width:4rem}.items-per-page-control select{background:var(--table-header-footer-bg, transparent);border:1px solid var(--border-color);border-radius:4px}.items-per-page-control select:focus{border-color:var(--pagination-border-color);box-shadow:0 0 0 .2rem #007bff40;outline:none}:root{--table-border: 1px solid rgb(226, 226, 226);--table-header-bg: var(--table-header-footer-bg, transparent);--table-overlay-bg: rgba(255, 255, 255, .6);--table-header-active-bg: var(--active-bg, #eff6ff);--table-row-hover-bg: var(--hover-bg, #f0f2f7ad);--table-column-padding: .8rem;--table-row-selected-bg: var(--active-bg, #eff6ff);--table-body-bg: transparent;--table-stripe-color: transparent;--table-actions-column-width: 4rem;--table-loading-icon-color: black}.table-container{display:flex;flex-direction:column;width:100%;position:relative}.table-container>span{font-weight:700;text-align:center;padding:.2rem 0;margin:0;font-size:1rem}.table-container>span[data-align=left]{text-align:left}.table-container>span[data-align=right]{text-align:right}.table-container .loading-overlay{align-items:center;background:var(--table-overlay-bg);display:flex;justify-content:center;inset:0;position:absolute;z-index:1}.table-container .loading-overlay>.loading{color:var(--table-loading-icon-color, #ffffff);font-size:.5rem}.table-container .toolbar{align-items:center;background:var(--table-header-bg);display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding:var(--table-column-padding);width:100%}.table-container .table-wrapper{width:100%;overflow-x:auto}.table-container .table-wrapper>table{min-width:100%;border-collapse:collapse}.table-container .table-wrapper>table>tbody{background:var(--table-body-bg)}.table-container .table-wrapper>table>tfoot>tr{background:var(--table-header-footer-bg, transparent)}.table-container .toolbar,.table-container .table-wrapper>table,.table-container .table-wrapper>table tr,.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th,.table-container .pagination{border:var(--table-border)}.table-container .table-wrapper>table>tbody>tr>td .data-actions{display:flex;gap:.25rem}.table-container .pagination{border-top:none}.table-container .toolbar{border-bottom:none}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{overflow:hidden}.table-container .table-wrapper>table>tbody>tr>td>.tooltip-container{height:100%;width:100%}.table-container .table-wrapper>table>thead>tr>th.filter{overflow:visible}.table-container .table-wrapper>table tr>td[data-align=center]>*{margin:auto}.table-container .table-wrapper>table tr>th{text-align:left}.table-container .table-wrapper>table tr>td[data-align=center],.table-container .table-wrapper>table tr>th[data-align=center],.table-container .table-wrapper>table tr>th[data-align=right]{text-align:center}.table-container .table-wrapper>table tr>td[data-align=center]>svg,.table-container .table-wrapper>table tr>th[data-align=center]>svg{display:inline-flex;width:100%}.table-container .table-wrapper>table tr>td .dropdown-menu-trigger>svg{max-width:max-content}.table-container .table-wrapper>table tr>td[data-align=right]{text-align:right;padding-right:2rem}.table-container .table-wrapper>table tr>th.sortable{cursor:pointer}.table-container .table-wrapper>table tr>th .sort-state{margin-left:.5rem}.table-container .table-wrapper>table tr>th .sort-state .sort-icon{display:inline-block;vertical-align:text-bottom}.table-container .table-wrapper>table tr>th.highlight,.table-container .table-wrapper>table tr>td.highlight{background:var(--table-header-active-bg)}.table-container .table-wrapper>table>tbody>tr:nth-child(2n){background:var(--table-stripe-color)}.table-container .table-wrapper>table>tbody>tr[data-selected=true]{background:var(--table-row-selected-bg)!important}.table-container .table-wrapper>table>tbody>tr[data-selected=true]:hover,.table-wrapper>table>tbody>tr:hover{background:var(--table-row-hover-bg)!important;transition:background var(--transition-duration) ease}.table-wrapper>table .header-row{background:var(--table-header-bg);font-size:1rem}.table-wrapper>table tr.filters>th.range>.number-range-filter{display:flex;gap:.25rem}.table-wrapper>table tr.filters>th>div input{width:100%;min-width:fit-content;font-weight:400;background:#fff}.table-wrapper>table tr.filters>th.multiselect>div,.table-wrapper>table tr.filters>th.select>div{background:#fff;font-weight:400}.table-wrapper>table tr.filters>th:last-child .multiselect>ul{right:0}.table-wrapper>table tr.filters>th.multiselect>div .input-field-select{margin-top:0}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{padding:var(--table-column-padding)}.table-container .table-wrapper>table>thead>tr>th.column-actions,.table-container .table-wrapper>table>thead>tr>th.column-select{width:var(--table-actions-column-width);max-width:var(--table-actions-column-width);min-width:var(--table-actions-column-width)}.table-container tbody td.cell-actions ul.dropdown-menu{text-align:left}.table-container tbody td.cell-select .checkbox-wrapper:not(:has(label)),.table-container thead th.column-select .checkbox-wrapper:not(:has(label)){display:block}.table-container .pagination .page-input-control input{background:#fff}.table-files .column-description{max-width:15rem;min-width:15rem;width:15rem}.table-files .column-downloadCount{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-lastDownloadedAt{max-width:13rem;min-width:13rem;width:13rem}.table-files .column-uploadedAt{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-uploadedBy{max-width:10rem;min-width:10rem;width:10rem}.table-files .column-actions{max-width:4rem;min-width:4rem;width:4rem}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prefabs.tech/vue3-tanstack-table",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.20.0",
|
|
4
4
|
"description": "Vue3 Tanstack Table Component Library",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@prefabs.tech/eslint-config": "0.2.0",
|
|
24
24
|
"@prefabs.tech/tsconfig": "0.2.0",
|
|
25
|
-
"@prefabs.tech/vue3-form": "0.
|
|
26
|
-
"@prefabs.tech/vue3-ui": "0.
|
|
25
|
+
"@prefabs.tech/vue3-form": "0.20.0",
|
|
26
|
+
"@prefabs.tech/vue3-ui": "0.20.0",
|
|
27
27
|
"@iconify/vue": "4.3.0",
|
|
28
28
|
"@types/node": "22.13.5",
|
|
29
29
|
"@typescript-eslint/eslint-plugin": "8.24.1",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
"vue-tsc": "1.2.0"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@prefabs.tech/vue3-form": "0.
|
|
54
|
-
"@prefabs.tech/vue3-ui": "0.
|
|
53
|
+
"@prefabs.tech/vue3-form": "0.20.0",
|
|
54
|
+
"@prefabs.tech/vue3-ui": "0.20.0",
|
|
55
55
|
"vue": ">=3.2"
|
|
56
56
|
},
|
|
57
57
|
"engines": {
|