sprintify-ui 0.0.179 → 0.0.181
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/sprintify-ui.es.js +6896 -6710
- package/dist/style.css +1 -1
- package/dist/types/src/components/BaseDataIterator.vue.d.ts +69 -14
- package/dist/types/src/components/BaseDataIteratorSectionBox.vue.d.ts +23 -0
- package/dist/types/src/components/BaseDataIteratorSectionButton.vue.d.ts +20 -0
- package/dist/types/src/components/{BaseDataTableToggleColumns.vue.d.ts → BaseDataIteratorSectionColumns.vue.d.ts} +10 -40
- package/dist/types/src/components/BaseDataIteratorSectionModal.vue.d.ts +29 -0
- package/dist/types/src/components/BaseDataTable.vue.d.ts +65 -11
- package/dist/types/src/components/BaseDataTableRowAction.vue.d.ts +18 -0
- package/dist/types/src/components/BaseMenu.vue.d.ts +9 -0
- package/dist/types/src/components/BaseMenuItem.vue.d.ts +9 -0
- package/dist/types/src/components/BaseTable.vue.d.ts +3 -17
- package/dist/types/src/index.d.ts +12 -0
- package/dist/types/src/types/index.d.ts +15 -0
- package/package.json +1 -1
- package/src/assets/main.css +23 -0
- package/src/components/BaseActionItem.vue +3 -1
- package/src/components/BaseDataIterator.vue +135 -81
- package/src/components/BaseDataIteratorSectionBox.vue +33 -0
- package/src/components/BaseDataIteratorSectionButton.vue +34 -0
- package/src/components/{BaseDataTableToggleColumns.vue → BaseDataIteratorSectionColumns.vue} +3 -3
- package/src/components/BaseDataIteratorSectionModal.vue +41 -0
- package/src/components/BaseDataTable.stories.js +45 -14
- package/src/components/BaseDataTable.vue +251 -78
- package/src/components/BaseDataTableRowAction.vue +28 -0
- package/src/components/BaseMenu.vue +7 -0
- package/src/components/BaseMenuItem.vue +17 -1
- package/src/components/BaseTable.vue +44 -85
- package/src/lang/en.json +3 -0
- package/src/lang/fr.json +3 -0
- package/src/types/index.ts +17 -0
|
@@ -13,7 +13,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
13
13
|
visibleColumns: number[];
|
|
14
14
|
detailed: boolean;
|
|
15
15
|
checkable: boolean;
|
|
16
|
-
checkableActions: import("../types").MenuItemInterface[];
|
|
17
16
|
checkboxPosition: "left" | "right";
|
|
18
17
|
isRowCheckable: Function;
|
|
19
18
|
checkedRows: import("../types").Row[];
|
|
@@ -42,10 +41,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
42
41
|
default: boolean;
|
|
43
42
|
type: BooleanConstructor;
|
|
44
43
|
};
|
|
45
|
-
checkableActions: {
|
|
46
|
-
default: undefined;
|
|
47
|
-
type: PropType<import("../types").MenuItemInterface[]>;
|
|
48
|
-
};
|
|
49
44
|
checkboxPosition: {
|
|
50
45
|
type: PropType<"left" | "right">;
|
|
51
46
|
default: string;
|
|
@@ -91,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
91
86
|
"onDetails-close"?: ((...args: any[]) => any) | undefined;
|
|
92
87
|
"onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
|
|
93
88
|
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
94
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "
|
|
89
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
|
|
95
90
|
$attrs: {
|
|
96
91
|
[x: string]: unknown;
|
|
97
92
|
};
|
|
@@ -126,10 +121,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
126
121
|
default: boolean;
|
|
127
122
|
type: BooleanConstructor;
|
|
128
123
|
};
|
|
129
|
-
checkableActions: {
|
|
130
|
-
default: undefined;
|
|
131
|
-
type: PropType<import("../types").MenuItemInterface[]>;
|
|
132
|
-
};
|
|
133
124
|
checkboxPosition: {
|
|
134
125
|
type: PropType<"left" | "right">;
|
|
135
126
|
default: string;
|
|
@@ -197,6 +188,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
197
188
|
thAttrs: (column: import("../types").BaseTableColumn) => Record<string, any>;
|
|
198
189
|
tdAttrs: (row: import("../types").Row, column: import("../types").BaseTableColumn) => Record<string, any>;
|
|
199
190
|
}[]>;
|
|
191
|
+
uncheckAll: () => void;
|
|
192
|
+
scrollTop: () => void;
|
|
200
193
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort" | "check" | "check-all" | "update:checkedRows" | "details-open" | "details-close" | "update:openedDetailed" | "cell-click")[], string, {
|
|
201
194
|
data: import("../types").Row[];
|
|
202
195
|
loading: boolean;
|
|
@@ -205,7 +198,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
205
198
|
visibleColumns: number[];
|
|
206
199
|
detailed: boolean;
|
|
207
200
|
checkable: boolean;
|
|
208
|
-
checkableActions: import("../types").MenuItemInterface[];
|
|
209
201
|
checkboxPosition: "left" | "right";
|
|
210
202
|
isRowCheckable: Function;
|
|
211
203
|
checkedRows: import("../types").Row[];
|
|
@@ -254,10 +246,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
254
246
|
default: boolean;
|
|
255
247
|
type: BooleanConstructor;
|
|
256
248
|
};
|
|
257
|
-
checkableActions: {
|
|
258
|
-
default: undefined;
|
|
259
|
-
type: PropType<import("../types").MenuItemInterface[]>;
|
|
260
|
-
};
|
|
261
249
|
checkboxPosition: {
|
|
262
250
|
type: PropType<"left" | "right">;
|
|
263
251
|
default: string;
|
|
@@ -325,14 +313,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
325
313
|
thAttrs: (column: import("../types").BaseTableColumn) => Record<string, any>;
|
|
326
314
|
tdAttrs: (row: import("../types").Row, column: import("../types").BaseTableColumn) => Record<string, any>;
|
|
327
315
|
}[]>;
|
|
316
|
+
uncheckAll: () => void;
|
|
317
|
+
scrollTop: () => void;
|
|
328
318
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
329
319
|
$slots: {
|
|
330
320
|
default: (_: {}) => any;
|
|
331
|
-
checkedHeader: (_: {
|
|
332
|
-
uncheckAll: () => void;
|
|
333
|
-
count: number;
|
|
334
|
-
checkRows: import("../types").Row[];
|
|
335
|
-
}) => any;
|
|
336
321
|
detail: (_: {
|
|
337
322
|
row: import("../types").Row;
|
|
338
323
|
index: number;
|
|
@@ -360,7 +345,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
360
345
|
visibleColumns: number[];
|
|
361
346
|
detailed: boolean;
|
|
362
347
|
checkable: boolean;
|
|
363
|
-
checkableActions: import("../types").MenuItemInterface[];
|
|
364
348
|
checkboxPosition: "left" | "right";
|
|
365
349
|
isRowCheckable: Function;
|
|
366
350
|
checkedRows: import("../types").Row[];
|
|
@@ -389,10 +373,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
389
373
|
default: boolean;
|
|
390
374
|
type: BooleanConstructor;
|
|
391
375
|
};
|
|
392
|
-
checkableActions: {
|
|
393
|
-
default: undefined;
|
|
394
|
-
type: PropType<import("../types").MenuItemInterface[]>;
|
|
395
|
-
};
|
|
396
376
|
checkboxPosition: {
|
|
397
377
|
type: PropType<"left" | "right">;
|
|
398
378
|
default: string;
|
|
@@ -438,7 +418,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
438
418
|
"onDetails-close"?: ((...args: any[]) => any) | undefined;
|
|
439
419
|
"onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
|
|
440
420
|
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
441
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "
|
|
421
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "loading" | "sortField" | "sortDirection" | "visibleColumns" | "detailed" | "checkable" | "checkboxPosition" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowKey" | "detailTransition" | "maxHeight">;
|
|
442
422
|
$attrs: {
|
|
443
423
|
[x: string]: unknown;
|
|
444
424
|
};
|
|
@@ -473,10 +453,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
473
453
|
default: boolean;
|
|
474
454
|
type: BooleanConstructor;
|
|
475
455
|
};
|
|
476
|
-
checkableActions: {
|
|
477
|
-
default: undefined;
|
|
478
|
-
type: PropType<import("../types").MenuItemInterface[]>;
|
|
479
|
-
};
|
|
480
456
|
checkboxPosition: {
|
|
481
457
|
type: PropType<"left" | "right">;
|
|
482
458
|
default: string;
|
|
@@ -544,6 +520,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
544
520
|
thAttrs: (column: import("../types").BaseTableColumn) => Record<string, any>;
|
|
545
521
|
tdAttrs: (row: import("../types").Row, column: import("../types").BaseTableColumn) => Record<string, any>;
|
|
546
522
|
}[]>;
|
|
523
|
+
uncheckAll: () => void;
|
|
524
|
+
scrollTop: () => void;
|
|
547
525
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort" | "check" | "check-all" | "update:checkedRows" | "details-open" | "details-close" | "update:openedDetailed" | "cell-click")[], string, {
|
|
548
526
|
data: import("../types").Row[];
|
|
549
527
|
loading: boolean;
|
|
@@ -552,7 +530,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
552
530
|
visibleColumns: number[];
|
|
553
531
|
detailed: boolean;
|
|
554
532
|
checkable: boolean;
|
|
555
|
-
checkableActions: import("../types").MenuItemInterface[];
|
|
556
533
|
checkboxPosition: "left" | "right";
|
|
557
534
|
isRowCheckable: Function;
|
|
558
535
|
checkedRows: import("../types").Row[];
|
|
@@ -601,10 +578,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
601
578
|
default: boolean;
|
|
602
579
|
type: BooleanConstructor;
|
|
603
580
|
};
|
|
604
|
-
checkableActions: {
|
|
605
|
-
default: undefined;
|
|
606
|
-
type: PropType<import("../types").MenuItemInterface[]>;
|
|
607
|
-
};
|
|
608
581
|
checkboxPosition: {
|
|
609
582
|
type: PropType<"left" | "right">;
|
|
610
583
|
default: string;
|
|
@@ -672,14 +645,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
672
645
|
thAttrs: (column: import("../types").BaseTableColumn) => Record<string, any>;
|
|
673
646
|
tdAttrs: (row: import("../types").Row, column: import("../types").BaseTableColumn) => Record<string, any>;
|
|
674
647
|
}[]>;
|
|
648
|
+
uncheckAll: () => void;
|
|
649
|
+
scrollTop: () => void;
|
|
675
650
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
676
651
|
$slots: {
|
|
677
652
|
default: (_: {}) => any;
|
|
678
|
-
checkedHeader: (_: {
|
|
679
|
-
uncheckAll: () => void;
|
|
680
|
-
count: number;
|
|
681
|
-
checkRows: import("../types").Row[];
|
|
682
|
-
}) => any;
|
|
683
653
|
detail: (_: {
|
|
684
654
|
row: import("../types").Row;
|
|
685
655
|
index: number;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { DataIteratorSection } from '@/types';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
modelValue: boolean;
|
|
4
|
+
section: DataIteratorSection;
|
|
5
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6
|
+
"update:modelValue": (value: boolean) => void;
|
|
7
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
8
|
+
modelValue: boolean;
|
|
9
|
+
section: DataIteratorSection;
|
|
10
|
+
}>>> & {
|
|
11
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
12
|
+
}, {}>, {
|
|
13
|
+
default: (_: {}) => any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
17
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
18
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
19
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
20
|
+
} : {
|
|
21
|
+
type: import('vue').PropType<T[K]>;
|
|
22
|
+
required: true;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { CollectionItem, DataTableQuery, MenuItemInterface } from '@/types';
|
|
2
|
+
import { CollectionItem, DataIteratorSection, DataTableQuery, MenuItemInterface, RowAction } from '@/types';
|
|
3
3
|
import { RouteLocationRaw } from 'vue-router';
|
|
4
4
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
5
5
|
/**
|
|
@@ -133,11 +133,37 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
133
133
|
default: undefined;
|
|
134
134
|
type: NumberConstructor;
|
|
135
135
|
};
|
|
136
|
+
/**
|
|
137
|
+
* Layout type
|
|
138
|
+
*/
|
|
139
|
+
layout: {
|
|
140
|
+
default: string;
|
|
141
|
+
type: PropType<"default" | "compact">;
|
|
142
|
+
};
|
|
143
|
+
sections: {
|
|
144
|
+
default: undefined;
|
|
145
|
+
type: PropType<DataIteratorSection[]>;
|
|
146
|
+
};
|
|
147
|
+
rowActions: {
|
|
148
|
+
default: undefined;
|
|
149
|
+
type: PropType<RowAction[]>;
|
|
150
|
+
};
|
|
151
|
+
numberOfVisibleRowActions: {
|
|
152
|
+
default: number;
|
|
153
|
+
type: NumberConstructor;
|
|
154
|
+
};
|
|
155
|
+
/**
|
|
156
|
+
* Scroll to top when fetching new data
|
|
157
|
+
*/
|
|
158
|
+
scrollTopOnFetch: {
|
|
159
|
+
default: boolean;
|
|
160
|
+
type: BooleanConstructor;
|
|
161
|
+
};
|
|
136
162
|
}, {
|
|
137
163
|
fetch: () => void;
|
|
138
164
|
fetchWithoutLoading: () => void;
|
|
139
165
|
query: import("vue").ComputedRef<DataTableQuery | null>;
|
|
140
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "
|
|
166
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:checked-rows" | "cell-click")[], "delete" | "update:checked-rows" | "cell-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
141
167
|
/**
|
|
142
168
|
* Base URL from which to make requests
|
|
143
169
|
*/
|
|
@@ -269,11 +295,35 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
269
295
|
default: undefined;
|
|
270
296
|
type: NumberConstructor;
|
|
271
297
|
};
|
|
298
|
+
/**
|
|
299
|
+
* Layout type
|
|
300
|
+
*/
|
|
301
|
+
layout: {
|
|
302
|
+
default: string;
|
|
303
|
+
type: PropType<"default" | "compact">;
|
|
304
|
+
};
|
|
305
|
+
sections: {
|
|
306
|
+
default: undefined;
|
|
307
|
+
type: PropType<DataIteratorSection[]>;
|
|
308
|
+
};
|
|
309
|
+
rowActions: {
|
|
310
|
+
default: undefined;
|
|
311
|
+
type: PropType<RowAction[]>;
|
|
312
|
+
};
|
|
313
|
+
numberOfVisibleRowActions: {
|
|
314
|
+
default: number;
|
|
315
|
+
type: NumberConstructor;
|
|
316
|
+
};
|
|
317
|
+
/**
|
|
318
|
+
* Scroll to top when fetching new data
|
|
319
|
+
*/
|
|
320
|
+
scrollTopOnFetch: {
|
|
321
|
+
default: boolean;
|
|
322
|
+
type: BooleanConstructor;
|
|
323
|
+
};
|
|
272
324
|
}>> & {
|
|
273
325
|
onDelete?: ((...args: any[]) => any) | undefined;
|
|
274
|
-
onCheckAll?: ((...args: any[]) => any) | undefined;
|
|
275
326
|
"onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
|
|
276
|
-
onCheck?: ((...args: any[]) => any) | undefined;
|
|
277
327
|
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
278
328
|
}, {
|
|
279
329
|
actions: MenuItemInterface[];
|
|
@@ -281,9 +331,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
281
331
|
defaultQuery: DataTableQuery;
|
|
282
332
|
searchable: boolean;
|
|
283
333
|
historyMode: boolean;
|
|
334
|
+
layout: "default" | "compact";
|
|
335
|
+
sections: DataIteratorSection[];
|
|
336
|
+
scrollTopOnFetch: boolean;
|
|
284
337
|
detailed: boolean;
|
|
285
338
|
checkable: boolean;
|
|
286
|
-
checkableActions: MenuItemInterface[];
|
|
287
339
|
isRowCheckable: Function;
|
|
288
340
|
checkedRows: Record<string, any>[];
|
|
289
341
|
hasDetailedVisible: (row: any) => boolean;
|
|
@@ -293,8 +345,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
293
345
|
editUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
|
|
294
346
|
deleteButton: boolean;
|
|
295
347
|
deleteUrl: ((row: CollectionItem) => string) | undefined;
|
|
348
|
+
checkableActions: MenuItemInterface[];
|
|
296
349
|
toggleable: boolean;
|
|
297
|
-
|
|
350
|
+
rowActions: RowAction[];
|
|
351
|
+
numberOfVisibleRowActions: number;
|
|
352
|
+
}>, Record<string, (_: {}) => any> & {
|
|
298
353
|
default: (_: {}) => any;
|
|
299
354
|
rowActions: (_: {
|
|
300
355
|
row: any;
|
|
@@ -303,11 +358,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
303
358
|
row: import("@/types").Row;
|
|
304
359
|
index: number;
|
|
305
360
|
}) => any;
|
|
306
|
-
checkedHeader: (_:
|
|
307
|
-
uncheckAll: () => void;
|
|
308
|
-
count: number;
|
|
309
|
-
checkRows: import("@/types").Row[];
|
|
310
|
-
}) => any;
|
|
361
|
+
checkedHeader: (_: any) => any;
|
|
311
362
|
filters: (_: {
|
|
312
363
|
query: {
|
|
313
364
|
[x: string]: any;
|
|
@@ -322,6 +373,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
322
373
|
sidebarTop: (_: {
|
|
323
374
|
paginationMetadata: import("@/types").PaginationMetadata | null;
|
|
324
375
|
}) => any;
|
|
376
|
+
sidebarBottom: (_: {
|
|
377
|
+
paginationMetadata: import("@/types").PaginationMetadata | null;
|
|
378
|
+
}) => any;
|
|
325
379
|
}>;
|
|
326
380
|
export default _default;
|
|
327
381
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { CollectionItem, RowAction } from '@/types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
row: CollectionItem;
|
|
4
|
+
rowAction: RowAction;
|
|
5
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
6
|
+
row: CollectionItem;
|
|
7
|
+
rowAction: RowAction;
|
|
8
|
+
}>>>, {}>;
|
|
9
|
+
export default _default;
|
|
10
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
11
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
12
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
13
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
14
|
+
} : {
|
|
15
|
+
type: import('vue').PropType<T[K]>;
|
|
16
|
+
required: true;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -13,6 +13,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
13
13
|
default: string;
|
|
14
14
|
type: PropType<"custom" | "bottom-left" | "bottom-right">;
|
|
15
15
|
};
|
|
16
|
+
size: {
|
|
17
|
+
default: string;
|
|
18
|
+
type: PropType<"xs" | "sm" | "md">;
|
|
19
|
+
};
|
|
16
20
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
21
|
items: {
|
|
18
22
|
default: undefined;
|
|
@@ -26,7 +30,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
26
30
|
default: string;
|
|
27
31
|
type: PropType<"custom" | "bottom-left" | "bottom-right">;
|
|
28
32
|
};
|
|
33
|
+
size: {
|
|
34
|
+
default: string;
|
|
35
|
+
type: PropType<"xs" | "sm" | "md">;
|
|
36
|
+
};
|
|
29
37
|
}>>, {
|
|
38
|
+
size: "xs" | "sm" | "md";
|
|
30
39
|
items: MenuItemInterface[];
|
|
31
40
|
menuClass: string | Record<string, any> | unknown[];
|
|
32
41
|
position: "custom" | "bottom-left" | "bottom-right";
|
|
@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
20
20
|
default: string;
|
|
21
21
|
type: PropType<"dark" | "light" | "danger" | "success" | "warning">;
|
|
22
22
|
};
|
|
23
|
+
size: {
|
|
24
|
+
default: string;
|
|
25
|
+
type: PropType<"xs" | "sm" | "md">;
|
|
26
|
+
};
|
|
23
27
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
28
|
label: {
|
|
25
29
|
default: undefined;
|
|
@@ -41,11 +45,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
41
45
|
default: string;
|
|
42
46
|
type: PropType<"dark" | "light" | "danger" | "success" | "warning">;
|
|
43
47
|
};
|
|
48
|
+
size: {
|
|
49
|
+
default: string;
|
|
50
|
+
type: PropType<"xs" | "sm" | "md">;
|
|
51
|
+
};
|
|
44
52
|
}>>, {
|
|
45
53
|
label: string;
|
|
46
54
|
active: boolean;
|
|
47
55
|
color: "dark" | "light" | "danger" | "success" | "warning";
|
|
48
56
|
icon: string;
|
|
49
57
|
count: number;
|
|
58
|
+
size: "xs" | "sm" | "md";
|
|
50
59
|
}>;
|
|
51
60
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { BaseTableColumn,
|
|
2
|
+
import { BaseTableColumn, Row } from '@/types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
/** Table data */
|
|
5
5
|
data: {
|
|
@@ -25,11 +25,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
25
25
|
default: boolean;
|
|
26
26
|
type: BooleanConstructor;
|
|
27
27
|
};
|
|
28
|
-
/** Define checkable actions */
|
|
29
|
-
checkableActions: {
|
|
30
|
-
default: undefined;
|
|
31
|
-
type: PropType<MenuItemInterface[]>;
|
|
32
|
-
};
|
|
33
28
|
/**
|
|
34
29
|
* Position of the checkbox (if checkable is true)
|
|
35
30
|
* @values left, right
|
|
@@ -101,6 +96,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
101
96
|
thAttrs: (column: BaseTableColumn) => Record<string, any>;
|
|
102
97
|
tdAttrs: (row: Row, column: BaseTableColumn) => Record<string, any>;
|
|
103
98
|
}[]>;
|
|
99
|
+
uncheckAll: () => void;
|
|
100
|
+
scrollTop: () => void;
|
|
104
101
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort" | "check" | "check-all" | "update:checkedRows" | "details-open" | "details-close" | "update:openedDetailed" | "cell-click")[], "sort" | "check" | "check-all" | "update:checkedRows" | "details-open" | "details-close" | "update:openedDetailed" | "cell-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
105
102
|
/** Table data */
|
|
106
103
|
data: {
|
|
@@ -126,11 +123,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
126
123
|
default: boolean;
|
|
127
124
|
type: BooleanConstructor;
|
|
128
125
|
};
|
|
129
|
-
/** Define checkable actions */
|
|
130
|
-
checkableActions: {
|
|
131
|
-
default: undefined;
|
|
132
|
-
type: PropType<MenuItemInterface[]>;
|
|
133
|
-
};
|
|
134
126
|
/**
|
|
135
127
|
* Position of the checkbox (if checkable is true)
|
|
136
128
|
* @values left, right
|
|
@@ -197,7 +189,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
197
189
|
visibleColumns: number[];
|
|
198
190
|
detailed: boolean;
|
|
199
191
|
checkable: boolean;
|
|
200
|
-
checkableActions: MenuItemInterface[];
|
|
201
192
|
checkboxPosition: "left" | "right";
|
|
202
193
|
isRowCheckable: Function;
|
|
203
194
|
checkedRows: Row[];
|
|
@@ -207,11 +198,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
207
198
|
maxHeight: number;
|
|
208
199
|
}>, {
|
|
209
200
|
default: (_: {}) => any;
|
|
210
|
-
checkedHeader: (_: {
|
|
211
|
-
uncheckAll: () => void;
|
|
212
|
-
count: number;
|
|
213
|
-
checkRows: Row[];
|
|
214
|
-
}) => any;
|
|
215
201
|
detail: (_: {
|
|
216
202
|
row: Row;
|
|
217
203
|
index: number;
|
|
@@ -13,6 +13,7 @@ declare const messages: {
|
|
|
13
13
|
address_1_placeholder: string;
|
|
14
14
|
address_2_description: string;
|
|
15
15
|
and: string;
|
|
16
|
+
apply: string;
|
|
16
17
|
apply_filters: string;
|
|
17
18
|
autocomplete_placeholder: string;
|
|
18
19
|
cancel: string;
|
|
@@ -26,10 +27,12 @@ declare const messages: {
|
|
|
26
27
|
country: string;
|
|
27
28
|
create_new: string;
|
|
28
29
|
day: string;
|
|
30
|
+
delete: string;
|
|
29
31
|
delete_record: string;
|
|
30
32
|
delete_record_description: string;
|
|
31
33
|
deselect_all: string;
|
|
32
34
|
drop_or_click_to_upload: string;
|
|
35
|
+
edit: string;
|
|
33
36
|
error: string;
|
|
34
37
|
file_must_be_of_type: string;
|
|
35
38
|
filters: string;
|
|
@@ -88,6 +91,7 @@ declare const messages: {
|
|
|
88
91
|
address_1_placeholder: string;
|
|
89
92
|
address_2_description: string;
|
|
90
93
|
and: string;
|
|
94
|
+
apply: string;
|
|
91
95
|
apply_filters: string;
|
|
92
96
|
autocomplete_placeholder: string;
|
|
93
97
|
cancel: string;
|
|
@@ -101,10 +105,12 @@ declare const messages: {
|
|
|
101
105
|
country: string;
|
|
102
106
|
create_new: string;
|
|
103
107
|
day: string;
|
|
108
|
+
delete: string;
|
|
104
109
|
delete_record: string;
|
|
105
110
|
delete_record_description: string;
|
|
106
111
|
deselect_all: string;
|
|
107
112
|
drop_or_click_to_upload: string;
|
|
113
|
+
edit: string;
|
|
108
114
|
error: string;
|
|
109
115
|
file_must_be_of_type: string;
|
|
110
116
|
filters: string;
|
|
@@ -180,6 +186,7 @@ declare const config: {
|
|
|
180
186
|
address_1_placeholder: string;
|
|
181
187
|
address_2_description: string;
|
|
182
188
|
and: string;
|
|
189
|
+
apply: string;
|
|
183
190
|
apply_filters: string;
|
|
184
191
|
autocomplete_placeholder: string;
|
|
185
192
|
cancel: string;
|
|
@@ -193,10 +200,12 @@ declare const config: {
|
|
|
193
200
|
country: string;
|
|
194
201
|
create_new: string;
|
|
195
202
|
day: string;
|
|
203
|
+
delete: string;
|
|
196
204
|
delete_record: string;
|
|
197
205
|
delete_record_description: string;
|
|
198
206
|
deselect_all: string;
|
|
199
207
|
drop_or_click_to_upload: string;
|
|
208
|
+
edit: string;
|
|
200
209
|
error: string;
|
|
201
210
|
file_must_be_of_type: string;
|
|
202
211
|
filters: string;
|
|
@@ -255,6 +264,7 @@ declare const config: {
|
|
|
255
264
|
address_1_placeholder: string;
|
|
256
265
|
address_2_description: string;
|
|
257
266
|
and: string;
|
|
267
|
+
apply: string;
|
|
258
268
|
apply_filters: string;
|
|
259
269
|
autocomplete_placeholder: string;
|
|
260
270
|
cancel: string;
|
|
@@ -268,10 +278,12 @@ declare const config: {
|
|
|
268
278
|
country: string;
|
|
269
279
|
create_new: string;
|
|
270
280
|
day: string;
|
|
281
|
+
delete: string;
|
|
271
282
|
delete_record: string;
|
|
272
283
|
delete_record_description: string;
|
|
273
284
|
deselect_all: string;
|
|
274
285
|
drop_or_click_to_upload: string;
|
|
286
|
+
edit: string;
|
|
275
287
|
error: string;
|
|
276
288
|
file_must_be_of_type: string;
|
|
277
289
|
filters: string;
|
|
@@ -68,6 +68,7 @@ export interface ActionItem {
|
|
|
68
68
|
action?: () => Promise<void> | void;
|
|
69
69
|
icon?: string;
|
|
70
70
|
count?: number;
|
|
71
|
+
disabled?: boolean;
|
|
71
72
|
meta?: Record<string, any>;
|
|
72
73
|
actions?: ActionItem[];
|
|
73
74
|
}
|
|
@@ -173,3 +174,17 @@ export interface SelectConfiguration {
|
|
|
173
174
|
options: SelectConfigurationOption[];
|
|
174
175
|
onChange?: (option: SelectConfigurationOption | null) => void;
|
|
175
176
|
}
|
|
177
|
+
export interface DataIteratorSection {
|
|
178
|
+
name: string;
|
|
179
|
+
title: string;
|
|
180
|
+
closeText: string;
|
|
181
|
+
icon: string;
|
|
182
|
+
opened?: boolean;
|
|
183
|
+
}
|
|
184
|
+
export interface RowAction {
|
|
185
|
+
label: string;
|
|
186
|
+
icon: string;
|
|
187
|
+
action?: (row: CollectionItem) => Promise<void> | void;
|
|
188
|
+
to?: (row: CollectionItem) => RouteLocationRaw;
|
|
189
|
+
disabled?: (row: CollectionItem) => boolean;
|
|
190
|
+
}
|
package/package.json
CHANGED
package/src/assets/main.css
CHANGED
|
@@ -4,3 +4,26 @@
|
|
|
4
4
|
[aria-label][role~='tooltip']::after {
|
|
5
5
|
white-space: pre-line;
|
|
6
6
|
}
|
|
7
|
+
|
|
8
|
+
.btn-group {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
margin: 0 -0.5rem;
|
|
13
|
+
|
|
14
|
+
& .btn:first-child:not(:last-child) {
|
|
15
|
+
border-bottom-right-radius: 0;
|
|
16
|
+
border-top-right-radius: 0;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
& .btn:last-child:not(:first-child) {
|
|
20
|
+
border-bottom-left-radius: 0;
|
|
21
|
+
border-top-left-radius: 0;
|
|
22
|
+
border-left: 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
& .btn:not(:first-child):not(:last-child) {
|
|
26
|
+
border-radius: 0;
|
|
27
|
+
border-left: 0;
|
|
28
|
+
}
|
|
29
|
+
}
|