@vueye-table/headless 3.0.0-alpha.4 → 3.0.0-alpha.5
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/README.md +2 -0
- package/dist/index.d.ts +356 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +457 -33
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# @vueye-table/headless
|
|
2
2
|
|
|
3
|
+
For opt-in virtualization, place `DataTableRoot`/`DataGridRoot` inside `DataTableViewport` and pass `virtual` on the root or body. Native spacers preserve logical row indices; grids can also window columns. Use `DataTableVirtualColumns` and `injectVirtualRenderer` for custom headers. See [component virtualization](../../docs/guide/virtualization.md) and ADR 0013 in this repository.
|
|
4
|
+
|
|
3
5
|
Unstyled, accessible Vue components for vueye-table: `DataTableRoot`, header, body, row, and cell
|
|
4
6
|
components, sort buttons, selection checkboxes, search, pagination, page size, column visibility,
|
|
5
7
|
a live status region, and a keyboard-driven spreadsheet grid (`DataGridRoot`, `DataGridCell`).
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AnyDataTableBinding, DataGridBinding, DataTableBinding } from "@vueye-table/vue";
|
|
1
|
+
import { AnyDataTableBinding, DataGridBinding, DataTableBinding, VirtualBinding, VirtualColumnItem, VirtualRowItem } from "@vueye-table/vue";
|
|
2
2
|
import { PropType, SlotsType, VNode, VNodeChild } from "vue";
|
|
3
3
|
import { GridDirection, PageItem, SelectionCoverage, SortInfo, TableColumn, TableRow } from "@vueye-table/core";
|
|
4
4
|
//#region src/controls.d.ts
|
|
@@ -121,8 +121,8 @@ declare const DataTablePagination: import("vue").DefineComponent<import("vue").E
|
|
|
121
121
|
default: string;
|
|
122
122
|
};
|
|
123
123
|
}>> & Readonly<{}>, {
|
|
124
|
-
as: string;
|
|
125
124
|
label: string;
|
|
125
|
+
as: string;
|
|
126
126
|
}, SlotsType<{
|
|
127
127
|
default?: (props: {
|
|
128
128
|
page: number;
|
|
@@ -182,8 +182,8 @@ declare const DataTableColumnVisibility: import("vue").DefineComponent<import("v
|
|
|
182
182
|
default: string;
|
|
183
183
|
};
|
|
184
184
|
}>> & Readonly<{}>, {
|
|
185
|
-
as: string;
|
|
186
185
|
legend: string;
|
|
186
|
+
as: string;
|
|
187
187
|
}, SlotsType<{
|
|
188
188
|
default?: (props: {
|
|
189
189
|
columns: readonly {
|
|
@@ -221,6 +221,78 @@ declare const DataTableStatus: import("vue").DefineComponent<import("vue").Extra
|
|
|
221
221
|
}) => VNode[];
|
|
222
222
|
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
223
223
|
//#endregion
|
|
224
|
+
//#region src/virtual.d.ts
|
|
225
|
+
interface ComponentVirtualOptions {
|
|
226
|
+
readonly rowHeight?: number | ((index: number) => number) | undefined;
|
|
227
|
+
readonly overscan?: number | undefined;
|
|
228
|
+
readonly initialCount?: number | undefined;
|
|
229
|
+
readonly columnWidth?: number | undefined;
|
|
230
|
+
readonly columnOverscan?: number | undefined;
|
|
231
|
+
readonly initialColumnCount?: number | undefined;
|
|
232
|
+
}
|
|
233
|
+
/** Shared opt-in renderer props. Options are applied when the virtual renderer is created. */
|
|
234
|
+
declare const virtualProps: {
|
|
235
|
+
readonly virtual: {
|
|
236
|
+
readonly type: PropType<boolean | ComponentVirtualOptions>;
|
|
237
|
+
readonly default: false;
|
|
238
|
+
};
|
|
239
|
+
readonly height: {
|
|
240
|
+
readonly type: PropType<string | undefined>;
|
|
241
|
+
readonly default: undefined;
|
|
242
|
+
};
|
|
243
|
+
readonly rowHeight: {
|
|
244
|
+
readonly type: NumberConstructor;
|
|
245
|
+
readonly default: 40;
|
|
246
|
+
};
|
|
247
|
+
readonly overscan: {
|
|
248
|
+
readonly type: NumberConstructor;
|
|
249
|
+
readonly default: 5;
|
|
250
|
+
};
|
|
251
|
+
readonly virtualColumns: {
|
|
252
|
+
readonly type: BooleanConstructor;
|
|
253
|
+
readonly default: false;
|
|
254
|
+
};
|
|
255
|
+
readonly columnWidth: {
|
|
256
|
+
readonly type: NumberConstructor;
|
|
257
|
+
readonly default: 120;
|
|
258
|
+
};
|
|
259
|
+
};
|
|
260
|
+
interface ComponentVirtualBinding {
|
|
261
|
+
readonly rows: VirtualBinding<VirtualRowItem<unknown>>;
|
|
262
|
+
readonly columns: VirtualBinding<VirtualColumnItem<unknown>> | undefined;
|
|
263
|
+
readonly rowItems: readonly VirtualRowItem<unknown>[];
|
|
264
|
+
readonly columnItems: readonly VirtualColumnItem<unknown>[] | undefined;
|
|
265
|
+
readonly gutter: number;
|
|
266
|
+
}
|
|
267
|
+
declare function injectVirtual(): ComponentVirtualBinding | undefined;
|
|
268
|
+
/** A scroll container for a headless table/grid. It supplies its element without global reads. */
|
|
269
|
+
declare const DataTableViewport: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
270
|
+
as: {
|
|
271
|
+
readonly type: StringConstructor;
|
|
272
|
+
readonly default: string;
|
|
273
|
+
};
|
|
274
|
+
height: {
|
|
275
|
+
type: StringConstructor;
|
|
276
|
+
default: string;
|
|
277
|
+
};
|
|
278
|
+
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
279
|
+
[key: string]: any;
|
|
280
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
281
|
+
as: {
|
|
282
|
+
readonly type: StringConstructor;
|
|
283
|
+
readonly default: string;
|
|
284
|
+
};
|
|
285
|
+
height: {
|
|
286
|
+
type: StringConstructor;
|
|
287
|
+
default: string;
|
|
288
|
+
};
|
|
289
|
+
}>> & Readonly<{}>, {
|
|
290
|
+
as: string;
|
|
291
|
+
height: string;
|
|
292
|
+
}, SlotsType<{
|
|
293
|
+
default?: () => VNode[];
|
|
294
|
+
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
295
|
+
//#endregion
|
|
224
296
|
//#region src/shared.d.ts
|
|
225
297
|
/** Columns of any row type; callbacks on a column make `TableColumn<unknown>` too narrow. */
|
|
226
298
|
type AnyTableColumn = TableColumn<any>;
|
|
@@ -233,6 +305,35 @@ declare function cellId(gridId: string, row: number, column: number): string;
|
|
|
233
305
|
* undo, redo, and clipboard copy, cut, and paste all work on the selected range.
|
|
234
306
|
*/
|
|
235
307
|
declare const DataGridRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
308
|
+
/** Width reserved before data columns, for a row-number/header column. */
|
|
309
|
+
gutter: {
|
|
310
|
+
type: NumberConstructor;
|
|
311
|
+
default: number;
|
|
312
|
+
};
|
|
313
|
+
virtual: {
|
|
314
|
+
readonly type: PropType<boolean | ComponentVirtualOptions>;
|
|
315
|
+
readonly default: false;
|
|
316
|
+
};
|
|
317
|
+
height: {
|
|
318
|
+
readonly type: PropType<string | undefined>;
|
|
319
|
+
readonly default: undefined;
|
|
320
|
+
};
|
|
321
|
+
rowHeight: {
|
|
322
|
+
readonly type: NumberConstructor;
|
|
323
|
+
readonly default: 40;
|
|
324
|
+
};
|
|
325
|
+
overscan: {
|
|
326
|
+
readonly type: NumberConstructor;
|
|
327
|
+
readonly default: 5;
|
|
328
|
+
};
|
|
329
|
+
virtualColumns: {
|
|
330
|
+
readonly type: BooleanConstructor;
|
|
331
|
+
readonly default: false;
|
|
332
|
+
};
|
|
333
|
+
columnWidth: {
|
|
334
|
+
readonly type: NumberConstructor;
|
|
335
|
+
readonly default: 120;
|
|
336
|
+
};
|
|
236
337
|
table: {
|
|
237
338
|
type: PropType<AnyDataTableBinding>;
|
|
238
339
|
required: true;
|
|
@@ -248,6 +349,35 @@ declare const DataGridRoot: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
248
349
|
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
249
350
|
[key: string]: any;
|
|
250
351
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
352
|
+
/** Width reserved before data columns, for a row-number/header column. */
|
|
353
|
+
gutter: {
|
|
354
|
+
type: NumberConstructor;
|
|
355
|
+
default: number;
|
|
356
|
+
};
|
|
357
|
+
virtual: {
|
|
358
|
+
readonly type: PropType<boolean | ComponentVirtualOptions>;
|
|
359
|
+
readonly default: false;
|
|
360
|
+
};
|
|
361
|
+
height: {
|
|
362
|
+
readonly type: PropType<string | undefined>;
|
|
363
|
+
readonly default: undefined;
|
|
364
|
+
};
|
|
365
|
+
rowHeight: {
|
|
366
|
+
readonly type: NumberConstructor;
|
|
367
|
+
readonly default: 40;
|
|
368
|
+
};
|
|
369
|
+
overscan: {
|
|
370
|
+
readonly type: NumberConstructor;
|
|
371
|
+
readonly default: 5;
|
|
372
|
+
};
|
|
373
|
+
virtualColumns: {
|
|
374
|
+
readonly type: BooleanConstructor;
|
|
375
|
+
readonly default: false;
|
|
376
|
+
};
|
|
377
|
+
columnWidth: {
|
|
378
|
+
readonly type: NumberConstructor;
|
|
379
|
+
readonly default: 120;
|
|
380
|
+
};
|
|
251
381
|
table: {
|
|
252
382
|
type: PropType<AnyDataTableBinding>;
|
|
253
383
|
required: true;
|
|
@@ -261,8 +391,15 @@ declare const DataGridRoot: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
261
391
|
default: undefined;
|
|
262
392
|
};
|
|
263
393
|
}>> & Readonly<{}>, {
|
|
264
|
-
as: string;
|
|
265
394
|
label: string | undefined;
|
|
395
|
+
as: string;
|
|
396
|
+
height: string | undefined;
|
|
397
|
+
virtualColumns: boolean;
|
|
398
|
+
gutter: number;
|
|
399
|
+
virtual: boolean | ComponentVirtualOptions;
|
|
400
|
+
rowHeight: number;
|
|
401
|
+
overscan: number;
|
|
402
|
+
columnWidth: number;
|
|
266
403
|
}, SlotsType<{
|
|
267
404
|
default?: (props: {
|
|
268
405
|
table: DataTableBinding<unknown>;
|
|
@@ -282,6 +419,34 @@ interface GridCellSlotProps {
|
|
|
282
419
|
* cell that is not being edited; the `rowHeader` slot adds a leading cell to each row.
|
|
283
420
|
*/
|
|
284
421
|
declare const DataGridBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
422
|
+
colspan: {
|
|
423
|
+
type: NumberConstructor;
|
|
424
|
+
default: undefined;
|
|
425
|
+
};
|
|
426
|
+
virtual: {
|
|
427
|
+
readonly type: PropType<boolean | ComponentVirtualOptions>;
|
|
428
|
+
readonly default: false;
|
|
429
|
+
};
|
|
430
|
+
height: {
|
|
431
|
+
readonly type: PropType<string | undefined>;
|
|
432
|
+
readonly default: undefined;
|
|
433
|
+
};
|
|
434
|
+
rowHeight: {
|
|
435
|
+
readonly type: NumberConstructor;
|
|
436
|
+
readonly default: 40;
|
|
437
|
+
};
|
|
438
|
+
overscan: {
|
|
439
|
+
readonly type: NumberConstructor;
|
|
440
|
+
readonly default: 5;
|
|
441
|
+
};
|
|
442
|
+
virtualColumns: {
|
|
443
|
+
readonly type: BooleanConstructor;
|
|
444
|
+
readonly default: false;
|
|
445
|
+
};
|
|
446
|
+
columnWidth: {
|
|
447
|
+
readonly type: NumberConstructor;
|
|
448
|
+
readonly default: 120;
|
|
449
|
+
};
|
|
285
450
|
as: {
|
|
286
451
|
readonly type: StringConstructor;
|
|
287
452
|
readonly default: string;
|
|
@@ -289,12 +454,47 @@ declare const DataGridBody: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
289
454
|
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
290
455
|
[key: string]: any;
|
|
291
456
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
457
|
+
colspan: {
|
|
458
|
+
type: NumberConstructor;
|
|
459
|
+
default: undefined;
|
|
460
|
+
};
|
|
461
|
+
virtual: {
|
|
462
|
+
readonly type: PropType<boolean | ComponentVirtualOptions>;
|
|
463
|
+
readonly default: false;
|
|
464
|
+
};
|
|
465
|
+
height: {
|
|
466
|
+
readonly type: PropType<string | undefined>;
|
|
467
|
+
readonly default: undefined;
|
|
468
|
+
};
|
|
469
|
+
rowHeight: {
|
|
470
|
+
readonly type: NumberConstructor;
|
|
471
|
+
readonly default: 40;
|
|
472
|
+
};
|
|
473
|
+
overscan: {
|
|
474
|
+
readonly type: NumberConstructor;
|
|
475
|
+
readonly default: 5;
|
|
476
|
+
};
|
|
477
|
+
virtualColumns: {
|
|
478
|
+
readonly type: BooleanConstructor;
|
|
479
|
+
readonly default: false;
|
|
480
|
+
};
|
|
481
|
+
columnWidth: {
|
|
482
|
+
readonly type: NumberConstructor;
|
|
483
|
+
readonly default: 120;
|
|
484
|
+
};
|
|
292
485
|
as: {
|
|
293
486
|
readonly type: StringConstructor;
|
|
294
487
|
readonly default: string;
|
|
295
488
|
};
|
|
296
489
|
}>> & Readonly<{}>, {
|
|
297
490
|
as: string;
|
|
491
|
+
height: string | undefined;
|
|
492
|
+
virtualColumns: boolean;
|
|
493
|
+
virtual: boolean | ComponentVirtualOptions;
|
|
494
|
+
rowHeight: number;
|
|
495
|
+
overscan: number;
|
|
496
|
+
columnWidth: number;
|
|
497
|
+
colspan: number;
|
|
298
498
|
}, SlotsType<{
|
|
299
499
|
default?: (props: {
|
|
300
500
|
rows: readonly TableRow<unknown>[];
|
|
@@ -377,6 +577,30 @@ declare const DataGridCell: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
377
577
|
* slot it renders a complete header and body.
|
|
378
578
|
*/
|
|
379
579
|
declare const DataTableRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
580
|
+
virtual: {
|
|
581
|
+
readonly type: PropType<boolean | ComponentVirtualOptions>;
|
|
582
|
+
readonly default: false;
|
|
583
|
+
};
|
|
584
|
+
height: {
|
|
585
|
+
readonly type: PropType<string | undefined>;
|
|
586
|
+
readonly default: undefined;
|
|
587
|
+
};
|
|
588
|
+
rowHeight: {
|
|
589
|
+
readonly type: NumberConstructor;
|
|
590
|
+
readonly default: 40;
|
|
591
|
+
};
|
|
592
|
+
overscan: {
|
|
593
|
+
readonly type: NumberConstructor;
|
|
594
|
+
readonly default: 5;
|
|
595
|
+
};
|
|
596
|
+
virtualColumns: {
|
|
597
|
+
readonly type: BooleanConstructor;
|
|
598
|
+
readonly default: false;
|
|
599
|
+
};
|
|
600
|
+
columnWidth: {
|
|
601
|
+
readonly type: NumberConstructor;
|
|
602
|
+
readonly default: 120;
|
|
603
|
+
};
|
|
380
604
|
table: {
|
|
381
605
|
type: PropType<AnyDataTableBinding>;
|
|
382
606
|
required: true;
|
|
@@ -388,6 +612,30 @@ declare const DataTableRoot: import("vue").DefineComponent<import("vue").Extract
|
|
|
388
612
|
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
389
613
|
[key: string]: any;
|
|
390
614
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
615
|
+
virtual: {
|
|
616
|
+
readonly type: PropType<boolean | ComponentVirtualOptions>;
|
|
617
|
+
readonly default: false;
|
|
618
|
+
};
|
|
619
|
+
height: {
|
|
620
|
+
readonly type: PropType<string | undefined>;
|
|
621
|
+
readonly default: undefined;
|
|
622
|
+
};
|
|
623
|
+
rowHeight: {
|
|
624
|
+
readonly type: NumberConstructor;
|
|
625
|
+
readonly default: 40;
|
|
626
|
+
};
|
|
627
|
+
overscan: {
|
|
628
|
+
readonly type: NumberConstructor;
|
|
629
|
+
readonly default: 5;
|
|
630
|
+
};
|
|
631
|
+
virtualColumns: {
|
|
632
|
+
readonly type: BooleanConstructor;
|
|
633
|
+
readonly default: false;
|
|
634
|
+
};
|
|
635
|
+
columnWidth: {
|
|
636
|
+
readonly type: NumberConstructor;
|
|
637
|
+
readonly default: 120;
|
|
638
|
+
};
|
|
391
639
|
table: {
|
|
392
640
|
type: PropType<AnyDataTableBinding>;
|
|
393
641
|
required: true;
|
|
@@ -398,6 +646,12 @@ declare const DataTableRoot: import("vue").DefineComponent<import("vue").Extract
|
|
|
398
646
|
};
|
|
399
647
|
}>> & Readonly<{}>, {
|
|
400
648
|
as: string;
|
|
649
|
+
height: string | undefined;
|
|
650
|
+
virtualColumns: boolean;
|
|
651
|
+
virtual: boolean | ComponentVirtualOptions;
|
|
652
|
+
rowHeight: number;
|
|
653
|
+
overscan: number;
|
|
654
|
+
columnWidth: number;
|
|
401
655
|
}, SlotsType<{
|
|
402
656
|
default?: (props: {
|
|
403
657
|
table: DataTableBinding<unknown>;
|
|
@@ -457,6 +711,27 @@ declare const DataTableHeaderRow: import("vue").DefineComponent<import("vue").Ex
|
|
|
457
711
|
}, SlotsType<{
|
|
458
712
|
default?: () => VNode[];
|
|
459
713
|
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
714
|
+
/** Shared header/body column slice, with native spacer cells for omitted columns. */
|
|
715
|
+
declare const DataTableVirtualColumns: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
716
|
+
as: {
|
|
717
|
+
type: PropType<"th" | "td">;
|
|
718
|
+
default: string;
|
|
719
|
+
};
|
|
720
|
+
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
721
|
+
[key: string]: any;
|
|
722
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
723
|
+
as: {
|
|
724
|
+
type: PropType<"th" | "td">;
|
|
725
|
+
default: string;
|
|
726
|
+
};
|
|
727
|
+
}>> & Readonly<{}>, {
|
|
728
|
+
as: "td" | "th";
|
|
729
|
+
}, SlotsType<{
|
|
730
|
+
default?: (props: {
|
|
731
|
+
column: TableColumn<unknown>;
|
|
732
|
+
index: number;
|
|
733
|
+
}) => VNode[];
|
|
734
|
+
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
460
735
|
/**
|
|
461
736
|
* A column header with `aria-sort`. Without a slot it shows the header text inside a sort button
|
|
462
737
|
* for sortable columns.
|
|
@@ -530,6 +805,34 @@ declare const DataTableSortButton: import("vue").DefineComponent<import("vue").E
|
|
|
530
805
|
* a full-width row when there are none.
|
|
531
806
|
*/
|
|
532
807
|
declare const DataTableBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
808
|
+
colspan: {
|
|
809
|
+
type: PropType<number | undefined>;
|
|
810
|
+
default: undefined;
|
|
811
|
+
};
|
|
812
|
+
virtual: {
|
|
813
|
+
readonly type: PropType<boolean | ComponentVirtualOptions>;
|
|
814
|
+
readonly default: false;
|
|
815
|
+
};
|
|
816
|
+
height: {
|
|
817
|
+
readonly type: PropType<string | undefined>;
|
|
818
|
+
readonly default: undefined;
|
|
819
|
+
};
|
|
820
|
+
rowHeight: {
|
|
821
|
+
readonly type: NumberConstructor;
|
|
822
|
+
readonly default: 40;
|
|
823
|
+
};
|
|
824
|
+
overscan: {
|
|
825
|
+
readonly type: NumberConstructor;
|
|
826
|
+
readonly default: 5;
|
|
827
|
+
};
|
|
828
|
+
virtualColumns: {
|
|
829
|
+
readonly type: BooleanConstructor;
|
|
830
|
+
readonly default: false;
|
|
831
|
+
};
|
|
832
|
+
columnWidth: {
|
|
833
|
+
readonly type: NumberConstructor;
|
|
834
|
+
readonly default: 120;
|
|
835
|
+
};
|
|
533
836
|
as: {
|
|
534
837
|
readonly type: StringConstructor;
|
|
535
838
|
readonly default: string;
|
|
@@ -537,17 +840,56 @@ declare const DataTableBody: import("vue").DefineComponent<import("vue").Extract
|
|
|
537
840
|
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
538
841
|
[key: string]: any;
|
|
539
842
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
843
|
+
colspan: {
|
|
844
|
+
type: PropType<number | undefined>;
|
|
845
|
+
default: undefined;
|
|
846
|
+
};
|
|
847
|
+
virtual: {
|
|
848
|
+
readonly type: PropType<boolean | ComponentVirtualOptions>;
|
|
849
|
+
readonly default: false;
|
|
850
|
+
};
|
|
851
|
+
height: {
|
|
852
|
+
readonly type: PropType<string | undefined>;
|
|
853
|
+
readonly default: undefined;
|
|
854
|
+
};
|
|
855
|
+
rowHeight: {
|
|
856
|
+
readonly type: NumberConstructor;
|
|
857
|
+
readonly default: 40;
|
|
858
|
+
};
|
|
859
|
+
overscan: {
|
|
860
|
+
readonly type: NumberConstructor;
|
|
861
|
+
readonly default: 5;
|
|
862
|
+
};
|
|
863
|
+
virtualColumns: {
|
|
864
|
+
readonly type: BooleanConstructor;
|
|
865
|
+
readonly default: false;
|
|
866
|
+
};
|
|
867
|
+
columnWidth: {
|
|
868
|
+
readonly type: NumberConstructor;
|
|
869
|
+
readonly default: 120;
|
|
870
|
+
};
|
|
540
871
|
as: {
|
|
541
872
|
readonly type: StringConstructor;
|
|
542
873
|
readonly default: string;
|
|
543
874
|
};
|
|
544
875
|
}>> & Readonly<{}>, {
|
|
545
876
|
as: string;
|
|
877
|
+
height: string | undefined;
|
|
878
|
+
virtualColumns: boolean;
|
|
879
|
+
virtual: boolean | ComponentVirtualOptions;
|
|
880
|
+
rowHeight: number;
|
|
881
|
+
overscan: number;
|
|
882
|
+
columnWidth: number;
|
|
883
|
+
colspan: number | undefined;
|
|
546
884
|
}, SlotsType<{
|
|
547
885
|
default?: (props: {
|
|
548
886
|
rows: readonly TableRow<unknown>[];
|
|
549
887
|
}) => VNode[];
|
|
550
888
|
empty?: () => VNode[];
|
|
889
|
+
detail?: (props: {
|
|
890
|
+
row: TableRow<unknown>;
|
|
891
|
+
rowIndex: number;
|
|
892
|
+
}) => VNode[];
|
|
551
893
|
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
552
894
|
/** A body row; `aria-selected` and `data-selected` follow the selection. */
|
|
553
895
|
declare const DataTableRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -559,6 +901,10 @@ declare const DataTableRow: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
559
901
|
readonly type: StringConstructor;
|
|
560
902
|
readonly default: string;
|
|
561
903
|
};
|
|
904
|
+
rowIndex: {
|
|
905
|
+
type: PropType<number | undefined>;
|
|
906
|
+
default: undefined;
|
|
907
|
+
};
|
|
562
908
|
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
563
909
|
[key: string]: any;
|
|
564
910
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -570,8 +916,13 @@ declare const DataTableRow: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
570
916
|
readonly type: StringConstructor;
|
|
571
917
|
readonly default: string;
|
|
572
918
|
};
|
|
919
|
+
rowIndex: {
|
|
920
|
+
type: PropType<number | undefined>;
|
|
921
|
+
default: undefined;
|
|
922
|
+
};
|
|
573
923
|
}>> & Readonly<{}>, {
|
|
574
924
|
as: string;
|
|
925
|
+
rowIndex: number | undefined;
|
|
575
926
|
}, SlotsType<{
|
|
576
927
|
default?: (props: {
|
|
577
928
|
row: TableRow<unknown>;
|
|
@@ -637,5 +988,5 @@ declare const DataTableEmpty: import("vue").DefineComponent<import("vue").Extrac
|
|
|
637
988
|
default?: () => VNode[];
|
|
638
989
|
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
639
990
|
//#endregion
|
|
640
|
-
export { DataGridBody, DataGridCell, DataGridRoot, DataTableBody, DataTableCaption, DataTableCell, DataTableColumnVisibility, DataTableEmpty, DataTableHeader, DataTableHeaderCell, DataTableHeaderRow, DataTablePageSize, DataTablePagination, DataTableRoot, DataTableRow, DataTableSearch, DataTableSelectAll, DataTableSelectRow, DataTableSortButton, DataTableStatus, type GridCellSlotProps, cellId, columnStyle };
|
|
991
|
+
export { type ComponentVirtualBinding, type ComponentVirtualOptions, DataGridBody, DataGridCell, DataGridRoot, DataTableBody, DataTableCaption, DataTableCell, DataTableColumnVisibility, DataTableEmpty, DataTableHeader, DataTableHeaderCell, DataTableHeaderRow, DataTablePageSize, DataTablePagination, DataTableRoot, DataTableRow, DataTableSearch, DataTableSelectAll, DataTableSelectRow, DataTableSortButton, DataTableStatus, DataTableViewport, DataTableVirtualColumns, type GridCellSlotProps, cellId, columnStyle, injectVirtual as injectVirtualRenderer, virtualProps };
|
|
641
992
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":["_$__shared0.AnyTableColumn","_$__shared0.AnyTableColumn"],"sources":["../src/controls.ts","../src/shared.ts","../src/grid.ts","../src/table.ts"],"mappings":";;;;;;;;cA4Ba,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;EAGjB,WAAC;IAAS,OAAO;IAAmB;QAAyB;kCAoBzE;;cAGW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;EAGjB,WAAC;IAAS;IAAmB;QAAyB;kCAoBlE;;;;;cAMW,+BAAe,8BAAA;;;;;;;;;;IAKO,MAAA;;;;;;;;;;;;;;;IAAA,MAAA;;;;;;;qCAuBjC;;;;;cAMW,mCAAmB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;EAGlB,WAAC;IACT;IACA;IACA,gBAAgB;IAChB;IACA;IACA,WAAW;IACX;IACA;QACI;kCA2DR;;cAGW,iCAAiB,8BAAA;;IAGA,MAAA;;;;;;;;;;;IAAA,MAAA;;;;;;;;;;qCAuB5B;;cAGW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;EAGxB,WAAC;IACT;MAAoB,QAAQ;MAAsB;;IAClD,SAAS,kBAAkB;QACvB;kCA8BR;;;;;cAMW,+BAAe,8BAAA;;;;;;;;;;;;;;;EAGd,WAAC;IACT;IACA;IACA;IACA;IACA;QACI;kCAyBR;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":["_$__virtual0.ComponentVirtualOptions","_$__shared0.AnyTableColumn","_$__virtual0.ComponentVirtualOptions","_$__shared0.AnyTableColumn"],"sources":["../src/controls.ts","../src/virtual.ts","../src/shared.ts","../src/grid.ts","../src/table.ts"],"mappings":"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"}
|