@dcodegroup-au/dsg-vue 0.1.29 → 0.1.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/components/Table/DsgTable.vue.d.ts +85 -4
- package/dist/components/Table/DsgTableComponent.vue.d.ts +24 -0
- package/dist/dsg-vue.cjs +1 -1
- package/dist/dsg-vue.css +1 -1
- package/dist/dsg-vue.esm.js +210 -201
- package/dist/dsg-vue.table.cjs +2 -2
- package/dist/dsg-vue.table.esm.js +654 -578
- package/dist/table.d.ts +116 -4
- package/package.json +4 -4
|
@@ -45,6 +45,26 @@ export interface DsgTableProps {
|
|
|
45
45
|
replaceState?: boolean;
|
|
46
46
|
/** Strategy for updating URL state - 'window' uses History API. Defaults to 'window'. */
|
|
47
47
|
replaceStrategy?: "window" | "inertia";
|
|
48
|
+
/** Enable detail/expandable rows. When true, each row can have an expandable detail section. */
|
|
49
|
+
hasDetailRow?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Whether detail rows are expandable (toggled per row). When true, each row gets an
|
|
52
|
+
* expand/collapse toggle button and the detail row is only visible when expanded.
|
|
53
|
+
* When false, all detail rows are always visible if hasDetailRow is true.
|
|
54
|
+
*/
|
|
55
|
+
expandableRows?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Whether to allow multiple rows to be expanded simultaneously.
|
|
58
|
+
* When false (default), expanding a row collapses the previously expanded row (accordion mode).
|
|
59
|
+
* When true, any number of rows can be expanded at the same time.
|
|
60
|
+
*/
|
|
61
|
+
expandMultiple?: boolean;
|
|
62
|
+
/** Show the expand/collapse column header. Defaults to true. */
|
|
63
|
+
showExpandDetail?: boolean;
|
|
64
|
+
/** Transition name for the detail row. Defaults to 'fade'. */
|
|
65
|
+
detailRowTransition?: string;
|
|
66
|
+
/** Options object passed to the detail row slot. */
|
|
67
|
+
detailRowOptions?: Object;
|
|
48
68
|
}
|
|
49
69
|
declare function __VLS_template(): {
|
|
50
70
|
attrs: Partial<{}>;
|
|
@@ -145,6 +165,8 @@ declare function __VLS_template(): {
|
|
|
145
165
|
} | undefined | undefined;
|
|
146
166
|
readonly hasDetailRow?: boolean | undefined;
|
|
147
167
|
readonly showExpandDetail?: boolean | undefined;
|
|
168
|
+
readonly expandableRows?: boolean | undefined;
|
|
169
|
+
readonly expandMultiple?: boolean | undefined;
|
|
148
170
|
readonly initialPage?: number | undefined;
|
|
149
171
|
readonly firstPage?: number | undefined;
|
|
150
172
|
readonly sortOrder?: Array<any> | undefined;
|
|
@@ -178,6 +200,8 @@ declare function __VLS_template(): {
|
|
|
178
200
|
readonly "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
179
201
|
readonly "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
180
202
|
readonly "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
203
|
+
readonly "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
204
|
+
readonly "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
181
205
|
readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined;
|
|
182
206
|
readonly "onUpdate:perPage"?: ((value: any) => any) | undefined;
|
|
183
207
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
@@ -193,7 +217,7 @@ declare function __VLS_template(): {
|
|
|
193
217
|
$root: import('vue').ComponentPublicInstance | null;
|
|
194
218
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
195
219
|
$host: Element | null;
|
|
196
|
-
$emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
|
|
220
|
+
$emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-expanded", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "dsg-table:row-collapsed", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
|
|
197
221
|
$el: HTMLDivElement;
|
|
198
222
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
199
223
|
filterParams?: any;
|
|
@@ -208,6 +232,8 @@ declare function __VLS_template(): {
|
|
|
208
232
|
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
209
233
|
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
210
234
|
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
235
|
+
"onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
236
|
+
"onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
211
237
|
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
|
|
212
238
|
"onUpdate:perPage"?: ((value: any) => any) | undefined;
|
|
213
239
|
}>, {
|
|
@@ -216,6 +242,13 @@ declare function __VLS_template(): {
|
|
|
216
242
|
getData: () => any[] | null;
|
|
217
243
|
setData: (rows: any[] | null) => void;
|
|
218
244
|
setLoading: (loadingState: boolean) => void;
|
|
245
|
+
expandRow: (item: any) => void;
|
|
246
|
+
collapseRow: (item: any) => void;
|
|
247
|
+
toggleRowExpand: (item: any, itemIndex: number) => void;
|
|
248
|
+
expandAllRows: () => void;
|
|
249
|
+
collapseAllRows: () => void;
|
|
250
|
+
getExpandedRows: () => Set<any>;
|
|
251
|
+
isRowExpanded: (item: any) => boolean;
|
|
219
252
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
220
253
|
"update:filterParams": (value: any) => any;
|
|
221
254
|
"update:perPage": (value: any) => any;
|
|
@@ -229,6 +262,8 @@ declare function __VLS_template(): {
|
|
|
229
262
|
"dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
230
263
|
"dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
231
264
|
"dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
265
|
+
"dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
|
|
266
|
+
"dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
|
|
232
267
|
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
233
268
|
beforeCreate?: (() => void) | (() => void)[];
|
|
234
269
|
created?: (() => void) | (() => void)[];
|
|
@@ -262,14 +297,23 @@ declare function __VLS_template(): {
|
|
|
262
297
|
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
263
298
|
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
264
299
|
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
300
|
+
"onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
301
|
+
"onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
265
302
|
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
|
|
266
303
|
"onUpdate:perPage"?: ((value: any) => any) | undefined;
|
|
267
|
-
}>, "changePage" | "reload" | "getData" | "setData" | "setLoading"> & import('vue').ShallowUnwrapRef<{
|
|
304
|
+
}>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded"> & import('vue').ShallowUnwrapRef<{
|
|
268
305
|
changePage: (page: "next" | "prev" | number) => void;
|
|
269
306
|
reload: () => void;
|
|
270
307
|
getData: () => any[] | null;
|
|
271
308
|
setData: (rows: any[] | null) => void;
|
|
272
309
|
setLoading: (loadingState: boolean) => void;
|
|
310
|
+
expandRow: (item: any) => void;
|
|
311
|
+
collapseRow: (item: any) => void;
|
|
312
|
+
toggleRowExpand: (item: any, itemIndex: number) => void;
|
|
313
|
+
expandAllRows: () => void;
|
|
314
|
+
collapseAllRows: () => void;
|
|
315
|
+
getExpandedRows: () => Set<any>;
|
|
316
|
+
isRowExpanded: (item: any) => boolean;
|
|
273
317
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
274
318
|
$slots: Partial<Record<string, (_: {
|
|
275
319
|
rowData: any;
|
|
@@ -284,6 +328,7 @@ declare function __VLS_template(): {
|
|
|
284
328
|
rowData: any;
|
|
285
329
|
rowIndex: number;
|
|
286
330
|
options: Object;
|
|
331
|
+
isExpanded: boolean;
|
|
287
332
|
}): any;
|
|
288
333
|
'dsg-table-empty-result'?(_: {}): any;
|
|
289
334
|
'dsg-table-footer'?(_: {
|
|
@@ -355,6 +400,13 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
355
400
|
[key: string]: any;
|
|
356
401
|
};
|
|
357
402
|
setLoading: (loadingState: boolean) => void;
|
|
403
|
+
expandRow: (item: any) => void;
|
|
404
|
+
collapseRow: (item: any) => void;
|
|
405
|
+
toggleRowExpand: (item: any, itemIndex: number) => void;
|
|
406
|
+
expandAllRows: () => void;
|
|
407
|
+
collapseAllRows: () => void;
|
|
408
|
+
getExpandedRows: () => Set<any>;
|
|
409
|
+
onChangePage: (page: any) => void;
|
|
358
410
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
359
411
|
"dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
|
|
360
412
|
"dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
|
|
@@ -367,6 +419,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
367
419
|
"dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
368
420
|
"dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
369
421
|
"dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
422
|
+
"dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
|
|
423
|
+
"dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
|
|
370
424
|
"dsg-table:data-loaded": (data: any) => any;
|
|
371
425
|
}, string, import('vue').PublicProps, Readonly<DsgTableProps> & Readonly<{
|
|
372
426
|
"onDsg-table:action-edit"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
|
|
@@ -380,6 +434,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
380
434
|
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
381
435
|
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
382
436
|
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
437
|
+
"onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
438
|
+
"onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
383
439
|
"onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
|
|
384
440
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
385
441
|
dsgTableSearchHeaderEl: HTMLDivElement;
|
|
@@ -408,6 +464,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
408
464
|
} | undefined | undefined;
|
|
409
465
|
readonly hasDetailRow?: boolean | undefined;
|
|
410
466
|
readonly showExpandDetail?: boolean | undefined;
|
|
467
|
+
readonly expandableRows?: boolean | undefined;
|
|
468
|
+
readonly expandMultiple?: boolean | undefined;
|
|
411
469
|
readonly initialPage?: number | undefined;
|
|
412
470
|
readonly firstPage?: number | undefined;
|
|
413
471
|
readonly sortOrder?: Array<any> | undefined;
|
|
@@ -441,6 +499,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
441
499
|
readonly "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
442
500
|
readonly "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
443
501
|
readonly "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
502
|
+
readonly "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
503
|
+
readonly "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
444
504
|
readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined;
|
|
445
505
|
readonly "onUpdate:perPage"?: ((value: any) => any) | undefined;
|
|
446
506
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
@@ -456,7 +516,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
456
516
|
$root: import('vue').ComponentPublicInstance | null;
|
|
457
517
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
458
518
|
$host: Element | null;
|
|
459
|
-
$emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
|
|
519
|
+
$emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-expanded", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "dsg-table:row-collapsed", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
|
|
460
520
|
$el: HTMLDivElement;
|
|
461
521
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
462
522
|
filterParams?: any;
|
|
@@ -471,6 +531,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
471
531
|
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
472
532
|
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
473
533
|
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
534
|
+
"onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
535
|
+
"onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
474
536
|
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
|
|
475
537
|
"onUpdate:perPage"?: ((value: any) => any) | undefined;
|
|
476
538
|
}>, {
|
|
@@ -479,6 +541,13 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
479
541
|
getData: () => any[] | null;
|
|
480
542
|
setData: (rows: any[] | null) => void;
|
|
481
543
|
setLoading: (loadingState: boolean) => void;
|
|
544
|
+
expandRow: (item: any) => void;
|
|
545
|
+
collapseRow: (item: any) => void;
|
|
546
|
+
toggleRowExpand: (item: any, itemIndex: number) => void;
|
|
547
|
+
expandAllRows: () => void;
|
|
548
|
+
collapseAllRows: () => void;
|
|
549
|
+
getExpandedRows: () => Set<any>;
|
|
550
|
+
isRowExpanded: (item: any) => boolean;
|
|
482
551
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
483
552
|
"update:filterParams": (value: any) => any;
|
|
484
553
|
"update:perPage": (value: any) => any;
|
|
@@ -492,6 +561,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
492
561
|
"dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
493
562
|
"dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
494
563
|
"dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
564
|
+
"dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
|
|
565
|
+
"dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
|
|
495
566
|
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
496
567
|
beforeCreate?: (() => void) | (() => void)[];
|
|
497
568
|
created?: (() => void) | (() => void)[];
|
|
@@ -525,14 +596,23 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
525
596
|
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
526
597
|
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
527
598
|
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
599
|
+
"onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
600
|
+
"onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
528
601
|
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
|
|
529
602
|
"onUpdate:perPage"?: ((value: any) => any) | undefined;
|
|
530
|
-
}>, "changePage" | "reload" | "getData" | "setData" | "setLoading"> & import('vue').ShallowUnwrapRef<{
|
|
603
|
+
}>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded"> & import('vue').ShallowUnwrapRef<{
|
|
531
604
|
changePage: (page: "next" | "prev" | number) => void;
|
|
532
605
|
reload: () => void;
|
|
533
606
|
getData: () => any[] | null;
|
|
534
607
|
setData: (rows: any[] | null) => void;
|
|
535
608
|
setLoading: (loadingState: boolean) => void;
|
|
609
|
+
expandRow: (item: any) => void;
|
|
610
|
+
collapseRow: (item: any) => void;
|
|
611
|
+
toggleRowExpand: (item: any, itemIndex: number) => void;
|
|
612
|
+
expandAllRows: () => void;
|
|
613
|
+
collapseAllRows: () => void;
|
|
614
|
+
getExpandedRows: () => Set<any>;
|
|
615
|
+
isRowExpanded: (item: any) => boolean;
|
|
536
616
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
537
617
|
$slots: Partial<Record<string, (_: {
|
|
538
618
|
rowData: any;
|
|
@@ -547,6 +627,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
547
627
|
rowData: any;
|
|
548
628
|
rowIndex: number;
|
|
549
629
|
options: Object;
|
|
630
|
+
isExpanded: boolean;
|
|
550
631
|
}): any;
|
|
551
632
|
'dsg-table-empty-result'?(_: {}): any;
|
|
552
633
|
'dsg-table-footer'?(_: {
|
|
@@ -60,6 +60,18 @@ export interface DsgTableComponentProp {
|
|
|
60
60
|
} | undefined;
|
|
61
61
|
hasDetailRow?: boolean;
|
|
62
62
|
showExpandDetail?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Whether detail rows are expandable (toggled per row). When true, each row gets an
|
|
65
|
+
* expand/collapse toggle button and the detail row is only visible when expanded.
|
|
66
|
+
* When false (default), all detail rows are always visible if hasDetailRow is true.
|
|
67
|
+
*/
|
|
68
|
+
expandableRows?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Whether to allow multiple rows to be expanded simultaneously.
|
|
71
|
+
* When false (default), expanding a row collapses the previously expanded row (accordion mode).
|
|
72
|
+
* When true, any number of rows can be expanded at the same time.
|
|
73
|
+
*/
|
|
74
|
+
expandMultiple?: boolean;
|
|
63
75
|
initialPage?: number;
|
|
64
76
|
firstPage?: number;
|
|
65
77
|
sortOrder?: Array<any>;
|
|
@@ -113,6 +125,7 @@ declare function __VLS_template(): {
|
|
|
113
125
|
rowData: any;
|
|
114
126
|
rowIndex: number;
|
|
115
127
|
options: Object;
|
|
128
|
+
isExpanded: boolean;
|
|
116
129
|
}): any;
|
|
117
130
|
'dsg-table-empty-result'?(_: {}): any;
|
|
118
131
|
'dsg-table-footer'?(_: {
|
|
@@ -132,6 +145,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
132
145
|
getData: () => any[] | null;
|
|
133
146
|
setData: (rows: any[] | null) => void;
|
|
134
147
|
setLoading: (loadingState: boolean) => void;
|
|
148
|
+
expandRow: (item: any) => void;
|
|
149
|
+
collapseRow: (item: any) => void;
|
|
150
|
+
toggleRowExpand: (item: any, itemIndex: number) => void;
|
|
151
|
+
expandAllRows: () => void;
|
|
152
|
+
collapseAllRows: () => void;
|
|
153
|
+
getExpandedRows: () => Set<any>;
|
|
154
|
+
isRowExpanded: (item: any) => boolean;
|
|
135
155
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
136
156
|
"update:filterParams": (value: any) => any;
|
|
137
157
|
"update:perPage": (value: any) => any;
|
|
@@ -145,6 +165,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
145
165
|
"dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
146
166
|
"dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
147
167
|
"dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
|
|
168
|
+
"dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
|
|
169
|
+
"dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
|
|
148
170
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
149
171
|
"onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
|
|
150
172
|
"onDsg-table:loaded"?: (() => any) | undefined;
|
|
@@ -155,6 +177,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
155
177
|
"onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
156
178
|
"onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
157
179
|
"onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
|
|
180
|
+
"onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
181
|
+
"onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
|
|
158
182
|
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
|
|
159
183
|
"onUpdate:perPage"?: ((value: any) => any) | undefined;
|
|
160
184
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|