sprintify-ui 0.10.29 → 0.10.31
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 +231 -223
- package/dist/types/components/BaseDataTable.vue.d.ts +74 -8
- package/dist/types/components/BaseDataTableTemplate.vue.d.ts +18 -0
- package/package.json +1 -1
- package/src/components/BaseAutocompleteDrawer.vue +7 -9
- package/src/components/BaseDataTable.stories.js +3 -0
- package/src/components/BaseDataTable.vue +8 -0
- package/src/components/BaseDataTableTemplate.vue +5 -0
|
@@ -38,6 +38,7 @@ declare const table: import("vue").Ref<({
|
|
|
38
38
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
39
39
|
onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
40
40
|
rowKey: ((row: CollectionItem) => string | number) | undefined;
|
|
41
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
41
42
|
}> & Omit<{
|
|
42
43
|
readonly data: import("@/types").Row[];
|
|
43
44
|
readonly size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -57,6 +58,7 @@ declare const table: import("vue").Ref<({
|
|
|
57
58
|
readonly rowHref?: ((row: CollectionItem) => string) | undefined;
|
|
58
59
|
readonly onRowClick?: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
59
60
|
readonly rowKey?: ((row: CollectionItem) => string | number) | undefined;
|
|
61
|
+
readonly rowSelected?: ((row: CollectionItem) => boolean) | undefined;
|
|
60
62
|
readonly onSort?: ((...args: any[]) => any) | undefined;
|
|
61
63
|
readonly onCheck?: ((...args: any[]) => any) | undefined;
|
|
62
64
|
readonly "onCheck-all"?: ((...args: any[]) => any) | undefined;
|
|
@@ -66,7 +68,7 @@ declare const table: import("vue").Ref<({
|
|
|
66
68
|
readonly "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
|
|
67
69
|
readonly "onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
68
70
|
readonly "onRow-click"?: ((...args: any[]) => any) | undefined;
|
|
69
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey">;
|
|
71
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected">;
|
|
70
72
|
$attrs: {
|
|
71
73
|
[x: string]: unknown;
|
|
72
74
|
};
|
|
@@ -150,6 +152,10 @@ declare const table: import("vue").Ref<({
|
|
|
150
152
|
default: undefined;
|
|
151
153
|
type: PropType<((row: CollectionItem) => string | number) | undefined>;
|
|
152
154
|
};
|
|
155
|
+
rowSelected: {
|
|
156
|
+
default: undefined;
|
|
157
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
158
|
+
};
|
|
153
159
|
virtualScrolling: {
|
|
154
160
|
default: boolean;
|
|
155
161
|
type: BooleanConstructor;
|
|
@@ -219,6 +225,7 @@ declare const table: import("vue").Ref<({
|
|
|
219
225
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
220
226
|
onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
221
227
|
rowKey: ((row: CollectionItem) => string | number) | undefined;
|
|
228
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
222
229
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
|
|
223
230
|
beforeCreate?: (() => void) | (() => void)[];
|
|
224
231
|
created?: (() => void) | (() => void)[];
|
|
@@ -238,7 +245,13 @@ declare const table: import("vue").Ref<({
|
|
|
238
245
|
};
|
|
239
246
|
$forceUpdate: () => void;
|
|
240
247
|
$nextTick: typeof import("vue").nextTick;
|
|
241
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (
|
|
248
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (
|
|
249
|
+
/**
|
|
250
|
+
* Checked rows array
|
|
251
|
+
*/
|
|
252
|
+
... /**
|
|
253
|
+
* Checked rows array
|
|
254
|
+
*/args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
|
|
242
255
|
} & Readonly<{
|
|
243
256
|
data: import("@/types").Row[];
|
|
244
257
|
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -258,6 +271,7 @@ declare const table: import("vue").Ref<({
|
|
|
258
271
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
259
272
|
onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
260
273
|
rowKey: ((row: CollectionItem) => string | number) | undefined;
|
|
274
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
261
275
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
262
276
|
data: {
|
|
263
277
|
type: PropType<import("@/types").Row[]>;
|
|
@@ -327,6 +341,10 @@ declare const table: import("vue").Ref<({
|
|
|
327
341
|
default: undefined;
|
|
328
342
|
type: PropType<((row: CollectionItem) => string | number) | undefined>;
|
|
329
343
|
};
|
|
344
|
+
rowSelected: {
|
|
345
|
+
default: undefined;
|
|
346
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
347
|
+
};
|
|
330
348
|
virtualScrolling: {
|
|
331
349
|
default: boolean;
|
|
332
350
|
type: BooleanConstructor;
|
|
@@ -341,7 +359,7 @@ declare const table: import("vue").Ref<({
|
|
|
341
359
|
"onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
|
|
342
360
|
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
343
361
|
"onRow-click"?: ((...args: any[]) => any) | undefined;
|
|
344
|
-
}>, "scrollTop" | "newColumns" | "uncheckAll" | ("data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey")> & import("vue").ShallowUnwrapRef<{
|
|
362
|
+
}>, "scrollTop" | "newColumns" | "uncheckAll" | ("data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected")> & import("vue").ShallowUnwrapRef<{
|
|
345
363
|
newColumns: import("vue").ComputedRef<{
|
|
346
364
|
id: string;
|
|
347
365
|
label: string;
|
|
@@ -398,6 +416,7 @@ declare const table: import("vue").Ref<({
|
|
|
398
416
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
399
417
|
onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
400
418
|
rowKey: ((row: CollectionItem) => string | number) | undefined;
|
|
419
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
401
420
|
}> & Omit<{
|
|
402
421
|
readonly data: import("@/types").Row[];
|
|
403
422
|
readonly size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -417,6 +436,7 @@ declare const table: import("vue").Ref<({
|
|
|
417
436
|
readonly rowHref?: ((row: CollectionItem) => string) | undefined;
|
|
418
437
|
readonly onRowClick?: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
419
438
|
readonly rowKey?: ((row: CollectionItem) => string | number) | undefined;
|
|
439
|
+
readonly rowSelected?: ((row: CollectionItem) => boolean) | undefined;
|
|
420
440
|
readonly onSort?: ((...args: any[]) => any) | undefined;
|
|
421
441
|
readonly onCheck?: ((...args: any[]) => any) | undefined;
|
|
422
442
|
readonly "onCheck-all"?: ((...args: any[]) => any) | undefined;
|
|
@@ -426,7 +446,7 @@ declare const table: import("vue").Ref<({
|
|
|
426
446
|
readonly "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
|
|
427
447
|
readonly "onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
428
448
|
readonly "onRow-click"?: ((...args: any[]) => any) | undefined;
|
|
429
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey">;
|
|
449
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected">;
|
|
430
450
|
$attrs: {
|
|
431
451
|
[x: string]: unknown;
|
|
432
452
|
};
|
|
@@ -510,6 +530,10 @@ declare const table: import("vue").Ref<({
|
|
|
510
530
|
default: undefined;
|
|
511
531
|
type: PropType<((row: CollectionItem) => string | number) | undefined>;
|
|
512
532
|
};
|
|
533
|
+
rowSelected: {
|
|
534
|
+
default: undefined;
|
|
535
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
536
|
+
};
|
|
513
537
|
virtualScrolling: {
|
|
514
538
|
default: boolean;
|
|
515
539
|
type: BooleanConstructor;
|
|
@@ -579,6 +603,7 @@ declare const table: import("vue").Ref<({
|
|
|
579
603
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
580
604
|
onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
581
605
|
rowKey: ((row: CollectionItem) => string | number) | undefined;
|
|
606
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
582
607
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
|
|
583
608
|
beforeCreate?: (() => void) | (() => void)[];
|
|
584
609
|
created?: (() => void) | (() => void)[];
|
|
@@ -598,7 +623,13 @@ declare const table: import("vue").Ref<({
|
|
|
598
623
|
};
|
|
599
624
|
$forceUpdate: () => void;
|
|
600
625
|
$nextTick: typeof import("vue").nextTick;
|
|
601
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (
|
|
626
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (
|
|
627
|
+
/**
|
|
628
|
+
* Checked rows array
|
|
629
|
+
*/
|
|
630
|
+
... /**
|
|
631
|
+
* Checked rows array
|
|
632
|
+
*/args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
|
|
602
633
|
} & Readonly<{
|
|
603
634
|
data: import("@/types").Row[];
|
|
604
635
|
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -618,6 +649,7 @@ declare const table: import("vue").Ref<({
|
|
|
618
649
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
619
650
|
onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
620
651
|
rowKey: ((row: CollectionItem) => string | number) | undefined;
|
|
652
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
621
653
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
622
654
|
data: {
|
|
623
655
|
type: PropType<import("@/types").Row[]>;
|
|
@@ -687,6 +719,10 @@ declare const table: import("vue").Ref<({
|
|
|
687
719
|
default: undefined;
|
|
688
720
|
type: PropType<((row: CollectionItem) => string | number) | undefined>;
|
|
689
721
|
};
|
|
722
|
+
rowSelected: {
|
|
723
|
+
default: undefined;
|
|
724
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
725
|
+
};
|
|
690
726
|
virtualScrolling: {
|
|
691
727
|
default: boolean;
|
|
692
728
|
type: BooleanConstructor;
|
|
@@ -701,7 +737,7 @@ declare const table: import("vue").Ref<({
|
|
|
701
737
|
"onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
|
|
702
738
|
"onCell-click"?: ((...args: any[]) => any) | undefined;
|
|
703
739
|
"onRow-click"?: ((...args: any[]) => any) | undefined;
|
|
704
|
-
}>, "scrollTop" | "newColumns" | "uncheckAll" | ("data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey")> & import("vue").ShallowUnwrapRef<{
|
|
740
|
+
}>, "scrollTop" | "newColumns" | "uncheckAll" | ("data" | "size" | "loading" | "sortField" | "sortDirection" | "maxHeight" | "virtualScrolling" | "visibleColumns" | "columnOrder" | "detailed" | "checkable" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "rowTo" | "rowHref" | "onRowClick" | "rowKey" | "rowSelected")> & import("vue").ShallowUnwrapRef<{
|
|
705
741
|
newColumns: import("vue").ComputedRef<{
|
|
706
742
|
id: string;
|
|
707
743
|
label: string;
|
|
@@ -919,7 +955,13 @@ declare const dataIteratorRef: import("vue").Ref<({
|
|
|
919
955
|
};
|
|
920
956
|
$forceUpdate: () => void;
|
|
921
957
|
$nextTick: typeof import("vue").nextTick;
|
|
922
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (
|
|
958
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (
|
|
959
|
+
/**
|
|
960
|
+
* Checked rows array
|
|
961
|
+
*/
|
|
962
|
+
... /**
|
|
963
|
+
* Checked rows array
|
|
964
|
+
*/args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
|
|
923
965
|
} & Readonly<{
|
|
924
966
|
search: (items: Collection, search: string | null) => Collection;
|
|
925
967
|
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -1261,7 +1303,13 @@ declare const dataIteratorRef: import("vue").Ref<({
|
|
|
1261
1303
|
};
|
|
1262
1304
|
$forceUpdate: () => void;
|
|
1263
1305
|
$nextTick: typeof import("vue").nextTick;
|
|
1264
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (
|
|
1306
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (
|
|
1307
|
+
/**
|
|
1308
|
+
* Checked rows array
|
|
1309
|
+
*/
|
|
1310
|
+
... /**
|
|
1311
|
+
* Checked rows array
|
|
1312
|
+
*/args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
|
|
1265
1313
|
} & Readonly<{
|
|
1266
1314
|
search: (items: Collection, search: string | null) => Collection;
|
|
1267
1315
|
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -1551,6 +1599,10 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
1551
1599
|
default: undefined;
|
|
1552
1600
|
type: PropType<((row: CollectionItem) => string) | undefined>;
|
|
1553
1601
|
};
|
|
1602
|
+
rowSelected: {
|
|
1603
|
+
default: undefined;
|
|
1604
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
1605
|
+
};
|
|
1554
1606
|
onRowClick: {
|
|
1555
1607
|
default: undefined;
|
|
1556
1608
|
type: PropType<(row: CollectionItem, index: number, event: MouseEvent) => void>;
|
|
@@ -1835,6 +1887,10 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
1835
1887
|
default: undefined;
|
|
1836
1888
|
type: PropType<((row: CollectionItem) => string) | undefined>;
|
|
1837
1889
|
};
|
|
1890
|
+
rowSelected: {
|
|
1891
|
+
default: undefined;
|
|
1892
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
1893
|
+
};
|
|
1838
1894
|
onRowClick: {
|
|
1839
1895
|
default: undefined;
|
|
1840
1896
|
type: PropType<(row: CollectionItem, index: number, event: MouseEvent) => void>;
|
|
@@ -2059,6 +2115,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
2059
2115
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
2060
2116
|
onRowClick: (row: CollectionItem, index: number, event: MouseEvent) => void;
|
|
2061
2117
|
rowKey: (row: CollectionItem) => string | number;
|
|
2118
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
2062
2119
|
showUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
|
|
2063
2120
|
editButton: boolean;
|
|
2064
2121
|
editUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
|
|
@@ -2124,6 +2181,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
2124
2181
|
default: undefined;
|
|
2125
2182
|
type: PropType<((row: CollectionItem) => string) | undefined>;
|
|
2126
2183
|
};
|
|
2184
|
+
rowSelected: {
|
|
2185
|
+
default: undefined;
|
|
2186
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
2187
|
+
};
|
|
2127
2188
|
onRowClick: {
|
|
2128
2189
|
default: undefined;
|
|
2129
2190
|
type: PropType<(row: CollectionItem, index: number, event: MouseEvent) => void>;
|
|
@@ -2380,6 +2441,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
2380
2441
|
default: undefined;
|
|
2381
2442
|
type: PropType<((row: CollectionItem) => string) | undefined>;
|
|
2382
2443
|
};
|
|
2444
|
+
rowSelected: {
|
|
2445
|
+
default: undefined;
|
|
2446
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
2447
|
+
};
|
|
2383
2448
|
onRowClick: {
|
|
2384
2449
|
default: undefined;
|
|
2385
2450
|
type: PropType<(row: CollectionItem, index: number, event: MouseEvent) => void>;
|
|
@@ -2604,6 +2669,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
2604
2669
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
2605
2670
|
onRowClick: (row: CollectionItem, index: number, event: MouseEvent) => void;
|
|
2606
2671
|
rowKey: (row: CollectionItem) => string | number;
|
|
2672
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
2607
2673
|
showUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
|
|
2608
2674
|
editButton: boolean;
|
|
2609
2675
|
editUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
|
|
@@ -408,6 +408,10 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
408
408
|
default: undefined;
|
|
409
409
|
type: PropType<((row: CollectionItem) => string | number) | undefined>;
|
|
410
410
|
};
|
|
411
|
+
rowSelected: {
|
|
412
|
+
default: undefined;
|
|
413
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
414
|
+
};
|
|
411
415
|
virtualScrolling: {
|
|
412
416
|
default: boolean;
|
|
413
417
|
type: BooleanConstructor;
|
|
@@ -532,6 +536,10 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
532
536
|
default: undefined;
|
|
533
537
|
type: PropType<((row: CollectionItem) => string | number) | undefined>;
|
|
534
538
|
};
|
|
539
|
+
rowSelected: {
|
|
540
|
+
default: undefined;
|
|
541
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
542
|
+
};
|
|
535
543
|
virtualScrolling: {
|
|
536
544
|
default: boolean;
|
|
537
545
|
type: BooleanConstructor;
|
|
@@ -565,6 +573,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
565
573
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
566
574
|
onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
567
575
|
rowKey: ((row: CollectionItem) => string | number) | undefined;
|
|
576
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
568
577
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
569
578
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
570
579
|
/** Table data */
|
|
@@ -647,6 +656,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
647
656
|
default: undefined;
|
|
648
657
|
type: PropType<((row: CollectionItem) => string | number) | undefined>;
|
|
649
658
|
};
|
|
659
|
+
rowSelected: {
|
|
660
|
+
default: undefined;
|
|
661
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
662
|
+
};
|
|
650
663
|
virtualScrolling: {
|
|
651
664
|
default: boolean;
|
|
652
665
|
type: BooleanConstructor;
|
|
@@ -768,6 +781,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
768
781
|
default: undefined;
|
|
769
782
|
type: PropType<((row: CollectionItem) => string | number) | undefined>;
|
|
770
783
|
};
|
|
784
|
+
rowSelected: {
|
|
785
|
+
default: undefined;
|
|
786
|
+
type: PropType<((row: CollectionItem) => boolean) | undefined>;
|
|
787
|
+
};
|
|
771
788
|
virtualScrolling: {
|
|
772
789
|
default: boolean;
|
|
773
790
|
type: BooleanConstructor;
|
|
@@ -801,6 +818,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
801
818
|
rowHref: ((row: CollectionItem) => string) | undefined;
|
|
802
819
|
onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
|
|
803
820
|
rowKey: ((row: CollectionItem) => string | number) | undefined;
|
|
821
|
+
rowSelected: ((row: CollectionItem) => boolean) | undefined;
|
|
804
822
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
805
823
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
806
824
|
export default _default;
|
package/package.json
CHANGED
|
@@ -266,15 +266,13 @@ function onKeydown(event: KeyboardEvent) {
|
|
|
266
266
|
|
|
267
267
|
// Infinite scroll
|
|
268
268
|
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
()
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
);
|
|
277
|
-
});
|
|
269
|
+
useInfiniteScroll(
|
|
270
|
+
drawerRef,
|
|
271
|
+
() => {
|
|
272
|
+
emit('scrollBottom');
|
|
273
|
+
},
|
|
274
|
+
{ distance: 100 }
|
|
275
|
+
);
|
|
278
276
|
|
|
279
277
|
function scrollToFocus() {
|
|
280
278
|
if (!drawerRef.value) {
|
|
@@ -67,6 +67,7 @@
|
|
|
67
67
|
:row-to="rowToInternal"
|
|
68
68
|
:row-href="rowHref"
|
|
69
69
|
:row-key="rowKey"
|
|
70
|
+
:row-selected="rowSelected"
|
|
70
71
|
:virtual-scrolling="virtualScrolling"
|
|
71
72
|
@update:checked-rows="onCheckedRowsUpdate"
|
|
72
73
|
@sort="dataIteratorProps.onSortChange"
|
|
@@ -319,6 +320,13 @@ const props = defineProps({
|
|
|
319
320
|
>,
|
|
320
321
|
},
|
|
321
322
|
|
|
323
|
+
rowSelected: {
|
|
324
|
+
default: undefined,
|
|
325
|
+
type: Function as PropType<
|
|
326
|
+
((row: CollectionItem) => boolean) | undefined
|
|
327
|
+
>,
|
|
328
|
+
},
|
|
329
|
+
|
|
322
330
|
onRowClick: {
|
|
323
331
|
default: undefined,
|
|
324
332
|
type: Function as PropType<(row: CollectionItem, index: number, event: MouseEvent) => void>,
|
|
@@ -109,6 +109,7 @@
|
|
|
109
109
|
>
|
|
110
110
|
<BaseTableRow
|
|
111
111
|
:to="rowTo ? rowTo(row) : undefined"
|
|
112
|
+
:selected="rowSelected ? rowSelected(row) : false"
|
|
112
113
|
v-bind="rowBindings(row, index)"
|
|
113
114
|
>
|
|
114
115
|
<BaseTableCell
|
|
@@ -303,6 +304,10 @@ const props = defineProps({
|
|
|
303
304
|
default: undefined,
|
|
304
305
|
type: Function as PropType<((row: CollectionItem) => string | number) | undefined>,
|
|
305
306
|
},
|
|
307
|
+
rowSelected: {
|
|
308
|
+
default: undefined,
|
|
309
|
+
type: Function as PropType<((row: CollectionItem) => boolean) | undefined>,
|
|
310
|
+
},
|
|
306
311
|
virtualScrolling: {
|
|
307
312
|
default: false,
|
|
308
313
|
type: Boolean,
|