sprintify-ui 0.7.11 → 0.8.1

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.
Files changed (44) hide show
  1. package/dist/sprintify-ui.es.js +10482 -10348
  2. package/dist/style.css +1 -1
  3. package/dist/types/components/BaseDataIterator.vue.d.ts +50 -4
  4. package/dist/types/components/BaseDataIteratorSectionColumns.vue.d.ts +156 -68
  5. package/dist/types/components/BaseDataTable.vue.d.ts +86 -6
  6. package/dist/types/components/BaseDataTableTemplate.vue.d.ts +44 -28
  7. package/dist/types/components/BaseTable.vue.d.ts +30 -7
  8. package/dist/types/components/BaseTableCell.vue.d.ts +19 -1
  9. package/dist/types/components/BaseTableColumn.vue.d.ts +50 -3
  10. package/dist/types/components/BaseTableHead.vue.d.ts +6 -5
  11. package/dist/types/components/BaseTableHeader.vue.d.ts +12 -2
  12. package/dist/types/components/BaseTableRow.vue.d.ts +5 -0
  13. package/dist/types/composables/isFirstColumn.d.ts +4 -0
  14. package/dist/types/composables/isLastColumn.d.ts +4 -0
  15. package/dist/types/composables/paginatedData.d.ts +5 -5
  16. package/dist/types/services/table/types.d.ts +6 -5
  17. package/dist/types/types/index.d.ts +7 -2
  18. package/dist/types/utils/getApiData.d.ts +1 -1
  19. package/package.json +2 -1
  20. package/src/assets/main.css +0 -1
  21. package/src/components/BaseAvatar.vue +1 -0
  22. package/src/components/BaseDataIterator.stories.js +96 -1
  23. package/src/components/BaseDataIterator.vue +135 -11
  24. package/src/components/BaseDataIteratorSectionColumns.vue +2 -2
  25. package/src/components/BaseDataTable.stories.js +140 -50
  26. package/src/components/BaseDataTable.vue +82 -48
  27. package/src/components/BaseDataTableTemplate.vue +208 -372
  28. package/src/components/BaseTable.stories.js +57 -15
  29. package/src/components/BaseTable.vue +71 -9
  30. package/src/components/BaseTableBody.vue +1 -1
  31. package/src/components/BaseTableCell.vue +94 -36
  32. package/src/components/BaseTableColumn.vue +25 -2
  33. package/src/components/BaseTableHead.vue +17 -5
  34. package/src/components/BaseTableHeader.vue +39 -10
  35. package/src/components/BaseTableRow.vue +27 -6
  36. package/src/composables/isFirstColumn.ts +31 -0
  37. package/src/composables/isLastColumn.ts +31 -0
  38. package/src/composables/paginatedData.ts +22 -10
  39. package/src/services/table/classes.ts +13 -9
  40. package/src/services/table/types.ts +6 -5
  41. package/src/stories/List.stories.js +5 -1
  42. package/src/types/index.ts +7 -2
  43. package/src/utils/getApiData.ts +1 -1
  44. package/src/assets/base-table.css +0 -17
package/dist/types/components/BaseDataIteratorSectionColumns.vue.d.ts CHANGED
@@ -10,6 +10,9 @@ declare const _default: import("vue").DefineComponent<{
10
10
  loading: boolean;
11
11
  sortField: string;
12
12
  sortDirection: string;
13
+ rowTo: ((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined;
14
+ rowHref: ((row: import("@/index.js").CollectionItem) => string) | undefined;
15
+ onRowClick: ((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined;
13
16
  detailed: boolean;
14
17
  hasDetailedVisible: Function;
15
18
  checkable: boolean;
@@ -17,8 +20,7 @@ declare const _default: import("vue").DefineComponent<{
17
20
  isRowCheckable: Function;
18
21
  maxHeight: number;
19
22
  data: import("@/index.js").Row[];
20
- visibleColumns: number[];
21
- checkboxPosition: "right" | "left";
23
+ visibleColumns: string[];
22
24
  detailTransition: string;
23
25
  }> & Omit<{
24
26
  readonly size: "xs" | "sm" | "md" | "lg" | "xl";
@@ -31,18 +33,21 @@ declare const _default: import("vue").DefineComponent<{
31
33
  readonly checkedRows: import("@/index.js").Row[];
32
34
  readonly isRowCheckable: Function;
33
35
  readonly data: import("@/index.js").Row[];
34
- readonly checkboxPosition: "right" | "left";
35
36
  readonly detailTransition: string;
37
+ readonly rowTo?: ((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined;
38
+ readonly rowHref?: ((row: import("@/index.js").CollectionItem) => string) | undefined;
39
+ readonly onRowClick?: ((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined;
36
40
  readonly maxHeight?: number | undefined;
37
- readonly visibleColumns?: number[] | undefined;
41
+ readonly visibleColumns?: string[] | undefined;
38
42
  onCheck?: ((...args: any[]) => any) | undefined;
39
- "onCell-click"?: ((...args: any[]) => any) | undefined;
40
43
  onSort?: ((...args: any[]) => any) | undefined;
41
44
  "onCheck-all"?: ((...args: any[]) => any) | undefined;
42
45
  "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
43
46
  "onDetails-open"?: ((...args: any[]) => any) | undefined;
44
47
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
45
48
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
49
+ "onCell-click"?: ((...args: any[]) => any) | undefined;
50
+ "onRow-click"?: ((...args: any[]) => any) | undefined;
46
51
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
47
52
  data: {
48
53
  type: PropType<import("@/index.js").Row[]>;
@@ -54,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
54
59
  };
55
60
  visibleColumns: {
56
61
  default: undefined;
57
- type: PropType<number[]>;
62
+ type: PropType<string[]>;
58
63
  };
59
64
  detailed: {
60
65
  default: boolean;
@@ -64,10 +69,6 @@ declare const _default: import("vue").DefineComponent<{
64
69
  default: boolean;
65
70
  type: BooleanConstructor;
66
71
  };
67
- checkboxPosition: {
68
- type: PropType<"right" | "left">;
69
- default: string;
70
- };
71
72
  isRowCheckable: {
72
73
  type: FunctionConstructor;
73
74
  default: () => boolean;
@@ -100,16 +101,29 @@ declare const _default: import("vue").DefineComponent<{
100
101
  type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
101
102
  default: string;
102
103
  };
104
+ rowTo: {
105
+ default: undefined;
106
+ type: PropType<((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined>;
107
+ };
108
+ rowHref: {
109
+ default: undefined;
110
+ type: PropType<((row: import("@/index.js").CollectionItem) => string) | undefined>;
111
+ };
112
+ onRowClick: {
113
+ default: undefined;
114
+ type: PropType<((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
115
+ };
103
116
  }>> & {
104
117
  onCheck?: ((...args: any[]) => any) | undefined;
105
- "onCell-click"?: ((...args: any[]) => any) | undefined;
106
118
  onSort?: ((...args: any[]) => any) | undefined;
107
119
  "onCheck-all"?: ((...args: any[]) => any) | undefined;
108
120
  "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
109
121
  "onDetails-open"?: ((...args: any[]) => any) | undefined;
110
122
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
111
123
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
112
- }, "size" | "loading" | "sortField" | "sortDirection" | "detailed" | "hasDetailedVisible" | "checkable" | "checkedRows" | "isRowCheckable" | "maxHeight" | "data" | "visibleColumns" | "checkboxPosition" | "detailTransition">;
124
+ "onCell-click"?: ((...args: any[]) => any) | undefined;
125
+ "onRow-click"?: ((...args: any[]) => any) | undefined;
126
+ }, "size" | "loading" | "sortField" | "sortDirection" | "rowTo" | "rowHref" | "onRowClick" | "detailed" | "hasDetailedVisible" | "checkable" | "checkedRows" | "isRowCheckable" | "maxHeight" | "data" | "visibleColumns" | "detailTransition">;
113
127
  $attrs: {
114
128
  [x: string]: unknown;
115
129
  };
@@ -121,7 +135,7 @@ declare const _default: import("vue").DefineComponent<{
121
135
  }>;
122
136
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
123
137
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
124
- $emit: ((event: "sort", ...args: any[]) => void) & ((event: "check", ...args: any[]) => void) & ((event: "cell-click", ...args: any[]) => void) & ((event: "check-all", ...args: any[]) => void) & ((event: "update:checkedRows", ...args: any[]) => void) & ((event: "details-open", ...args: any[]) => void) & ((event: "details-close", ...args: any[]) => void) & ((event: "update:openedDetailed", ...args: any[]) => void);
138
+ $emit: ((event: "sort", ...args: any[]) => void) & ((event: "check", ...args: any[]) => void) & ((event: "check-all", ...args: any[]) => void) & ((event: "update:checkedRows", ...args: any[]) => void) & ((event: "details-open", ...args: any[]) => void) & ((event: "details-close", ...args: any[]) => void) & ((event: "update:openedDetailed", ...args: any[]) => void) & ((event: "cell-click", ...args: any[]) => void) & ((event: "row-click", ...args: any[]) => void);
125
139
  $el: any;
126
140
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
127
141
  data: {
@@ -134,7 +148,7 @@ declare const _default: import("vue").DefineComponent<{
134
148
  };
135
149
  visibleColumns: {
136
150
  default: undefined;
137
- type: PropType<number[]>;
151
+ type: PropType<string[]>;
138
152
  };
139
153
  detailed: {
140
154
  default: boolean;
@@ -144,10 +158,6 @@ declare const _default: import("vue").DefineComponent<{
144
158
  default: boolean;
145
159
  type: BooleanConstructor;
146
160
  };
147
- checkboxPosition: {
148
- type: PropType<"right" | "left">;
149
- default: string;
150
- };
151
161
  isRowCheckable: {
152
162
  type: FunctionConstructor;
153
163
  default: () => boolean;
@@ -180,30 +190,48 @@ declare const _default: import("vue").DefineComponent<{
180
190
  type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
181
191
  default: string;
182
192
  };
193
+ rowTo: {
194
+ default: undefined;
195
+ type: PropType<((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined>;
196
+ };
197
+ rowHref: {
198
+ default: undefined;
199
+ type: PropType<((row: import("@/index.js").CollectionItem) => string) | undefined>;
200
+ };
201
+ onRowClick: {
202
+ default: undefined;
203
+ type: PropType<((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
204
+ };
183
205
  }>> & {
184
206
  onCheck?: ((...args: any[]) => any) | undefined;
185
- "onCell-click"?: ((...args: any[]) => any) | undefined;
186
207
  onSort?: ((...args: any[]) => any) | undefined;
187
208
  "onCheck-all"?: ((...args: any[]) => any) | undefined;
188
209
  "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
189
210
  "onDetails-open"?: ((...args: any[]) => any) | undefined;
190
211
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
191
212
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
213
+ "onCell-click"?: ((...args: any[]) => any) | undefined;
214
+ "onRow-click"?: ((...args: any[]) => any) | undefined;
192
215
  }, {
193
216
  newColumns: import("vue").ComputedRef<{
194
217
  id: string;
195
218
  label: string;
196
219
  field: string;
197
220
  meta: Record<string, any> | undefined;
198
- newKey: number;
221
+ newKey: string;
199
222
  numeric: boolean;
200
223
  position: "right" | "left";
201
224
  searchable: boolean;
202
225
  sortable: boolean;
203
- clickable: boolean;
226
+ ignoreRowInteractions: boolean;
204
227
  toggle: boolean;
205
228
  toggleDefault: boolean;
206
229
  width: number;
230
+ class?: string | string[] | undefined;
231
+ to?: ((row: import("@/index.js").Row) => import("vue-router").RouteLocationRaw) | undefined;
232
+ href?: ((row: import("@/index.js").Row) => string) | undefined;
233
+ target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
234
+ onClick?: ((row: import("@/index.js").Row, index: number, column: import("@/index.js").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
207
235
  style: {
208
236
  width: number | undefined;
209
237
  };
@@ -215,17 +243,21 @@ declare const _default: import("vue").DefineComponent<{
215
243
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
216
244
  sort: (...args: any[]) => void;
217
245
  check: (...args: any[]) => void;
218
- "cell-click": (...args: any[]) => void;
219
246
  "check-all": (...args: any[]) => void;
220
247
  "update:checkedRows": (...args: any[]) => void;
221
248
  "details-open": (...args: any[]) => void;
222
249
  "details-close": (...args: any[]) => void;
223
250
  "update:openedDetailed": (...args: any[]) => void;
251
+ "cell-click": (...args: any[]) => void;
252
+ "row-click": (...args: any[]) => void;
224
253
  }, string, {
225
254
  size: "xs" | "sm" | "md" | "lg" | "xl";
226
255
  loading: boolean;
227
256
  sortField: string;
228
257
  sortDirection: string;
258
+ rowTo: ((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined;
259
+ rowHref: ((row: import("@/index.js").CollectionItem) => string) | undefined;
260
+ onRowClick: ((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined;
229
261
  detailed: boolean;
230
262
  hasDetailedVisible: Function;
231
263
  checkable: boolean;
@@ -233,8 +265,7 @@ declare const _default: import("vue").DefineComponent<{
233
265
  isRowCheckable: Function;
234
266
  maxHeight: number;
235
267
  data: import("@/index.js").Row[];
236
- visibleColumns: number[];
237
- checkboxPosition: "right" | "left";
268
+ visibleColumns: string[];
238
269
  detailTransition: string;
239
270
  }, {}, string, {}> & {
240
271
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -267,7 +298,7 @@ declare const _default: import("vue").DefineComponent<{
267
298
  };
268
299
  visibleColumns: {
269
300
  default: undefined;
270
- type: PropType<number[]>;
301
+ type: PropType<string[]>;
271
302
  };
272
303
  detailed: {
273
304
  default: boolean;
@@ -277,10 +308,6 @@ declare const _default: import("vue").DefineComponent<{
277
308
  default: boolean;
278
309
  type: BooleanConstructor;
279
310
  };
280
- checkboxPosition: {
281
- type: PropType<"right" | "left">;
282
- default: string;
283
- };
284
311
  isRowCheckable: {
285
312
  type: FunctionConstructor;
286
313
  default: () => boolean;
@@ -313,30 +340,48 @@ declare const _default: import("vue").DefineComponent<{
313
340
  type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
314
341
  default: string;
315
342
  };
343
+ rowTo: {
344
+ default: undefined;
345
+ type: PropType<((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined>;
346
+ };
347
+ rowHref: {
348
+ default: undefined;
349
+ type: PropType<((row: import("@/index.js").CollectionItem) => string) | undefined>;
350
+ };
351
+ onRowClick: {
352
+ default: undefined;
353
+ type: PropType<((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
354
+ };
316
355
  }>> & {
317
356
  onCheck?: ((...args: any[]) => any) | undefined;
318
- "onCell-click"?: ((...args: any[]) => any) | undefined;
319
357
  onSort?: ((...args: any[]) => any) | undefined;
320
358
  "onCheck-all"?: ((...args: any[]) => any) | undefined;
321
359
  "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
322
360
  "onDetails-open"?: ((...args: any[]) => any) | undefined;
323
361
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
324
362
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
363
+ "onCell-click"?: ((...args: any[]) => any) | undefined;
364
+ "onRow-click"?: ((...args: any[]) => any) | undefined;
325
365
  }, "newColumns" | "uncheckAll" | "scrollTop"> & import("vue").ShallowUnwrapRef<{
326
366
  newColumns: import("vue").ComputedRef<{
327
367
  id: string;
328
368
  label: string;
329
369
  field: string;
330
370
  meta: Record<string, any> | undefined;
331
- newKey: number;
371
+ newKey: string;
332
372
  numeric: boolean;
333
373
  position: "right" | "left";
334
374
  searchable: boolean;
335
375
  sortable: boolean;
336
- clickable: boolean;
376
+ ignoreRowInteractions: boolean;
337
377
  toggle: boolean;
338
378
  toggleDefault: boolean;
339
379
  width: number;
380
+ class?: string | string[] | undefined;
381
+ to?: ((row: import("@/index.js").Row) => import("vue-router").RouteLocationRaw) | undefined;
382
+ href?: ((row: import("@/index.js").Row) => string) | undefined;
383
+ target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
384
+ onClick?: ((row: import("@/index.js").Row, index: number, column: import("@/index.js").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
340
385
  style: {
341
386
  width: number | undefined;
342
387
  };
@@ -353,13 +398,12 @@ declare const _default: import("vue").DefineComponent<{
353
398
  index: number;
354
399
  }): any;
355
400
  empty?(_: {}): any;
356
- loading?(_: {}): any;
357
401
  };
358
402
  }) | null>;
359
403
  };
360
404
  visibleColumns: {
361
405
  required: true;
362
- type: PropType<number[]>;
406
+ type: PropType<string[]>;
363
407
  };
364
408
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
365
409
  "update:visibleColumns": (...args: any[]) => void;
@@ -374,6 +418,9 @@ declare const _default: import("vue").DefineComponent<{
374
418
  loading: boolean;
375
419
  sortField: string;
376
420
  sortDirection: string;
421
+ rowTo: ((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined;
422
+ rowHref: ((row: import("@/index.js").CollectionItem) => string) | undefined;
423
+ onRowClick: ((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined;
377
424
  detailed: boolean;
378
425
  hasDetailedVisible: Function;
379
426
  checkable: boolean;
@@ -381,8 +428,7 @@ declare const _default: import("vue").DefineComponent<{
381
428
  isRowCheckable: Function;
382
429
  maxHeight: number;
383
430
  data: import("@/index.js").Row[];
384
- visibleColumns: number[];
385
- checkboxPosition: "right" | "left";
431
+ visibleColumns: string[];
386
432
  detailTransition: string;
387
433
  }> & Omit<{
388
434
  readonly size: "xs" | "sm" | "md" | "lg" | "xl";
@@ -395,18 +441,21 @@ declare const _default: import("vue").DefineComponent<{
395
441
  readonly checkedRows: import("@/index.js").Row[];
396
442
  readonly isRowCheckable: Function;
397
443
  readonly data: import("@/index.js").Row[];
398
- readonly checkboxPosition: "right" | "left";
399
444
  readonly detailTransition: string;
445
+ readonly rowTo?: ((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined;
446
+ readonly rowHref?: ((row: import("@/index.js").CollectionItem) => string) | undefined;
447
+ readonly onRowClick?: ((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined;
400
448
  readonly maxHeight?: number | undefined;
401
- readonly visibleColumns?: number[] | undefined;
449
+ readonly visibleColumns?: string[] | undefined;
402
450
  onCheck?: ((...args: any[]) => any) | undefined;
403
- "onCell-click"?: ((...args: any[]) => any) | undefined;
404
451
  onSort?: ((...args: any[]) => any) | undefined;
405
452
  "onCheck-all"?: ((...args: any[]) => any) | undefined;
406
453
  "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
407
454
  "onDetails-open"?: ((...args: any[]) => any) | undefined;
408
455
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
409
456
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
457
+ "onCell-click"?: ((...args: any[]) => any) | undefined;
458
+ "onRow-click"?: ((...args: any[]) => any) | undefined;
410
459
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
411
460
  data: {
412
461
  type: PropType<import("@/index.js").Row[]>;
@@ -418,7 +467,7 @@ declare const _default: import("vue").DefineComponent<{
418
467
  };
419
468
  visibleColumns: {
420
469
  default: undefined;
421
- type: PropType<number[]>;
470
+ type: PropType<string[]>;
422
471
  };
423
472
  detailed: {
424
473
  default: boolean;
@@ -428,10 +477,6 @@ declare const _default: import("vue").DefineComponent<{
428
477
  default: boolean;
429
478
  type: BooleanConstructor;
430
479
  };
431
- checkboxPosition: {
432
- type: PropType<"right" | "left">;
433
- default: string;
434
- };
435
480
  isRowCheckable: {
436
481
  type: FunctionConstructor;
437
482
  default: () => boolean;
@@ -464,16 +509,29 @@ declare const _default: import("vue").DefineComponent<{
464
509
  type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
465
510
  default: string;
466
511
  };
512
+ rowTo: {
513
+ default: undefined;
514
+ type: PropType<((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined>;
515
+ };
516
+ rowHref: {
517
+ default: undefined;
518
+ type: PropType<((row: import("@/index.js").CollectionItem) => string) | undefined>;
519
+ };
520
+ onRowClick: {
521
+ default: undefined;
522
+ type: PropType<((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
523
+ };
467
524
  }>> & {
468
525
  onCheck?: ((...args: any[]) => any) | undefined;
469
- "onCell-click"?: ((...args: any[]) => any) | undefined;
470
526
  onSort?: ((...args: any[]) => any) | undefined;
471
527
  "onCheck-all"?: ((...args: any[]) => any) | undefined;
472
528
  "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
473
529
  "onDetails-open"?: ((...args: any[]) => any) | undefined;
474
530
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
475
531
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
476
- }, "size" | "loading" | "sortField" | "sortDirection" | "detailed" | "hasDetailedVisible" | "checkable" | "checkedRows" | "isRowCheckable" | "maxHeight" | "data" | "visibleColumns" | "checkboxPosition" | "detailTransition">;
532
+ "onCell-click"?: ((...args: any[]) => any) | undefined;
533
+ "onRow-click"?: ((...args: any[]) => any) | undefined;
534
+ }, "size" | "loading" | "sortField" | "sortDirection" | "rowTo" | "rowHref" | "onRowClick" | "detailed" | "hasDetailedVisible" | "checkable" | "checkedRows" | "isRowCheckable" | "maxHeight" | "data" | "visibleColumns" | "detailTransition">;
477
535
  $attrs: {
478
536
  [x: string]: unknown;
479
537
  };
@@ -485,7 +543,7 @@ declare const _default: import("vue").DefineComponent<{
485
543
  }>;
486
544
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
487
545
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
488
- $emit: ((event: "sort", ...args: any[]) => void) & ((event: "check", ...args: any[]) => void) & ((event: "cell-click", ...args: any[]) => void) & ((event: "check-all", ...args: any[]) => void) & ((event: "update:checkedRows", ...args: any[]) => void) & ((event: "details-open", ...args: any[]) => void) & ((event: "details-close", ...args: any[]) => void) & ((event: "update:openedDetailed", ...args: any[]) => void);
546
+ $emit: ((event: "sort", ...args: any[]) => void) & ((event: "check", ...args: any[]) => void) & ((event: "check-all", ...args: any[]) => void) & ((event: "update:checkedRows", ...args: any[]) => void) & ((event: "details-open", ...args: any[]) => void) & ((event: "details-close", ...args: any[]) => void) & ((event: "update:openedDetailed", ...args: any[]) => void) & ((event: "cell-click", ...args: any[]) => void) & ((event: "row-click", ...args: any[]) => void);
489
547
  $el: any;
490
548
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
491
549
  data: {
@@ -498,7 +556,7 @@ declare const _default: import("vue").DefineComponent<{
498
556
  };
499
557
  visibleColumns: {
500
558
  default: undefined;
501
- type: PropType<number[]>;
559
+ type: PropType<string[]>;
502
560
  };
503
561
  detailed: {
504
562
  default: boolean;
@@ -508,10 +566,6 @@ declare const _default: import("vue").DefineComponent<{
508
566
  default: boolean;
509
567
  type: BooleanConstructor;
510
568
  };
511
- checkboxPosition: {
512
- type: PropType<"right" | "left">;
513
- default: string;
514
- };
515
569
  isRowCheckable: {
516
570
  type: FunctionConstructor;
517
571
  default: () => boolean;
@@ -544,30 +598,48 @@ declare const _default: import("vue").DefineComponent<{
544
598
  type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
545
599
  default: string;
546
600
  };
601
+ rowTo: {
602
+ default: undefined;
603
+ type: PropType<((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined>;
604
+ };
605
+ rowHref: {
606
+ default: undefined;
607
+ type: PropType<((row: import("@/index.js").CollectionItem) => string) | undefined>;
608
+ };
609
+ onRowClick: {
610
+ default: undefined;
611
+ type: PropType<((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
612
+ };
547
613
  }>> & {
548
614
  onCheck?: ((...args: any[]) => any) | undefined;
549
- "onCell-click"?: ((...args: any[]) => any) | undefined;
550
615
  onSort?: ((...args: any[]) => any) | undefined;
551
616
  "onCheck-all"?: ((...args: any[]) => any) | undefined;
552
617
  "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
553
618
  "onDetails-open"?: ((...args: any[]) => any) | undefined;
554
619
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
555
620
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
621
+ "onCell-click"?: ((...args: any[]) => any) | undefined;
622
+ "onRow-click"?: ((...args: any[]) => any) | undefined;
556
623
  }, {
557
624
  newColumns: import("vue").ComputedRef<{
558
625
  id: string;
559
626
  label: string;
560
627
  field: string;
561
628
  meta: Record<string, any> | undefined;
562
- newKey: number;
629
+ newKey: string;
563
630
  numeric: boolean;
564
631
  position: "right" | "left";
565
632
  searchable: boolean;
566
633
  sortable: boolean;
567
- clickable: boolean;
634
+ ignoreRowInteractions: boolean;
568
635
  toggle: boolean;
569
636
  toggleDefault: boolean;
570
637
  width: number;
638
+ class?: string | string[] | undefined;
639
+ to?: ((row: import("@/index.js").Row) => import("vue-router").RouteLocationRaw) | undefined;
640
+ href?: ((row: import("@/index.js").Row) => string) | undefined;
641
+ target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
642
+ onClick?: ((row: import("@/index.js").Row, index: number, column: import("@/index.js").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
571
643
  style: {
572
644
  width: number | undefined;
573
645
  };
@@ -579,17 +651,21 @@ declare const _default: import("vue").DefineComponent<{
579
651
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
580
652
  sort: (...args: any[]) => void;
581
653
  check: (...args: any[]) => void;
582
- "cell-click": (...args: any[]) => void;
583
654
  "check-all": (...args: any[]) => void;
584
655
  "update:checkedRows": (...args: any[]) => void;
585
656
  "details-open": (...args: any[]) => void;
586
657
  "details-close": (...args: any[]) => void;
587
658
  "update:openedDetailed": (...args: any[]) => void;
659
+ "cell-click": (...args: any[]) => void;
660
+ "row-click": (...args: any[]) => void;
588
661
  }, string, {
589
662
  size: "xs" | "sm" | "md" | "lg" | "xl";
590
663
  loading: boolean;
591
664
  sortField: string;
592
665
  sortDirection: string;
666
+ rowTo: ((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined;
667
+ rowHref: ((row: import("@/index.js").CollectionItem) => string) | undefined;
668
+ onRowClick: ((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined;
593
669
  detailed: boolean;
594
670
  hasDetailedVisible: Function;
595
671
  checkable: boolean;
@@ -597,8 +673,7 @@ declare const _default: import("vue").DefineComponent<{
597
673
  isRowCheckable: Function;
598
674
  maxHeight: number;
599
675
  data: import("@/index.js").Row[];
600
- visibleColumns: number[];
601
- checkboxPosition: "right" | "left";
676
+ visibleColumns: string[];
602
677
  detailTransition: string;
603
678
  }, {}, string, {}> & {
604
679
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -631,7 +706,7 @@ declare const _default: import("vue").DefineComponent<{
631
706
  };
632
707
  visibleColumns: {
633
708
  default: undefined;
634
- type: PropType<number[]>;
709
+ type: PropType<string[]>;
635
710
  };
636
711
  detailed: {
637
712
  default: boolean;
@@ -641,10 +716,6 @@ declare const _default: import("vue").DefineComponent<{
641
716
  default: boolean;
642
717
  type: BooleanConstructor;
643
718
  };
644
- checkboxPosition: {
645
- type: PropType<"right" | "left">;
646
- default: string;
647
- };
648
719
  isRowCheckable: {
649
720
  type: FunctionConstructor;
650
721
  default: () => boolean;
@@ -677,30 +748,48 @@ declare const _default: import("vue").DefineComponent<{
677
748
  type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
678
749
  default: string;
679
750
  };
751
+ rowTo: {
752
+ default: undefined;
753
+ type: PropType<((row: import("@/index.js").CollectionItem) => import("vue-router").RouteLocationRaw) | undefined>;
754
+ };
755
+ rowHref: {
756
+ default: undefined;
757
+ type: PropType<((row: import("@/index.js").CollectionItem) => string) | undefined>;
758
+ };
759
+ onRowClick: {
760
+ default: undefined;
761
+ type: PropType<((row: import("@/index.js").CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
762
+ };
680
763
  }>> & {
681
764
  onCheck?: ((...args: any[]) => any) | undefined;
682
- "onCell-click"?: ((...args: any[]) => any) | undefined;
683
765
  onSort?: ((...args: any[]) => any) | undefined;
684
766
  "onCheck-all"?: ((...args: any[]) => any) | undefined;
685
767
  "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
686
768
  "onDetails-open"?: ((...args: any[]) => any) | undefined;
687
769
  "onDetails-close"?: ((...args: any[]) => any) | undefined;
688
770
  "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
771
+ "onCell-click"?: ((...args: any[]) => any) | undefined;
772
+ "onRow-click"?: ((...args: any[]) => any) | undefined;
689
773
  }, "newColumns" | "uncheckAll" | "scrollTop"> & import("vue").ShallowUnwrapRef<{
690
774
  newColumns: import("vue").ComputedRef<{
691
775
  id: string;
692
776
  label: string;
693
777
  field: string;
694
778
  meta: Record<string, any> | undefined;
695
- newKey: number;
779
+ newKey: string;
696
780
  numeric: boolean;
697
781
  position: "right" | "left";
698
782
  searchable: boolean;
699
783
  sortable: boolean;
700
- clickable: boolean;
784
+ ignoreRowInteractions: boolean;
701
785
  toggle: boolean;
702
786
  toggleDefault: boolean;
703
787
  width: number;
788
+ class?: string | string[] | undefined;
789
+ to?: ((row: import("@/index.js").Row) => import("vue-router").RouteLocationRaw) | undefined;
790
+ href?: ((row: import("@/index.js").Row) => string) | undefined;
791
+ target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
792
+ onClick?: ((row: import("@/index.js").Row, index: number, column: import("@/index.js").BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
704
793
  style: {
705
794
  width: number | undefined;
706
795
  };
@@ -717,13 +806,12 @@ declare const _default: import("vue").DefineComponent<{
717
806
  index: number;
718
807
  }): any;
719
808
  empty?(_: {}): any;
720
- loading?(_: {}): any;
721
809
  };
722
810
  }) | null>;
723
811
  };
724
812
  visibleColumns: {
725
813
  required: true;
726
- type: PropType<number[]>;
814
+ type: PropType<string[]>;
727
815
  };
728
816
  }>> & {
729
817
  "onUpdate:visibleColumns"?: ((...args: any[]) => any) | undefined;