stk-table-vue 0.8.6 → 0.8.8
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 -1
- package/lib/src/StkTable/StkTable.vue.d.ts +749 -745
- package/lib/src/StkTable/const.d.ts +33 -28
- package/lib/src/StkTable/types/index.d.ts +263 -256
- package/lib/src/StkTable/useVirtualScroll.d.ts +1 -0
- package/lib/stk-table-vue.js +83 -41
- package/lib/style.css +2 -0
- package/package.json +5 -5
- package/src/StkTable/StkTable.vue +46 -21
- package/src/StkTable/const.ts +8 -1
- package/src/StkTable/style.less +2 -0
- package/src/StkTable/types/index.ts +21 -14
- package/src/StkTable/useKeyboardArrowScroll.ts +10 -10
- package/src/StkTable/useVirtualScroll.ts +6 -10
- package/src/StkTable/utils/index.ts +24 -11
|
@@ -1,745 +1,749 @@
|
|
|
1
|
-
import { AutoRowHeightConfig, ColResizableConfig, DragRowConfig, ExpandConfig, HeaderDragConfig, HighlightConfig, Order, PrivateRowDT, PrivateStkTableColumn, SeqConfig, SortConfig, SortOption, StkTableColumn, TreeConfig, UniqKey, UniqKeyProp } from './types/index';
|
|
2
|
-
|
|
3
|
-
/** Generic stands for DataType */
|
|
4
|
-
type DT = any & PrivateRowDT;
|
|
5
|
-
/**
|
|
6
|
-
* 选中一行
|
|
7
|
-
* @param {string} rowKeyOrRow selected rowKey, undefined to unselect
|
|
8
|
-
* @param {boolean} option.silent if set true not emit `current-change`. default:false
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
*
|
|
17
|
-
* @param
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
*
|
|
26
|
-
* @param
|
|
27
|
-
* @param
|
|
28
|
-
* @param option.
|
|
29
|
-
* @param option.
|
|
30
|
-
* @
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
*
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
declare function
|
|
47
|
-
/**
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
/**
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
|
|
98
|
-
/**
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
|
|
104
|
-
/**
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
|
|
110
|
-
/**
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
/**
|
|
118
|
-
|
|
119
|
-
/**
|
|
120
|
-
|
|
121
|
-
/**
|
|
122
|
-
|
|
123
|
-
/**
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
|
|
129
|
-
/**
|
|
130
|
-
|
|
131
|
-
/**
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
|
|
135
|
-
/**
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
*
|
|
144
|
-
*
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
/**
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
*
|
|
153
|
-
*
|
|
154
|
-
* "
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
*
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
/**
|
|
166
|
-
|
|
167
|
-
/**
|
|
168
|
-
|
|
169
|
-
/**
|
|
170
|
-
|
|
171
|
-
/**
|
|
172
|
-
|
|
173
|
-
/**
|
|
174
|
-
|
|
175
|
-
/**
|
|
176
|
-
|
|
177
|
-
/**
|
|
178
|
-
|
|
179
|
-
/**
|
|
180
|
-
|
|
181
|
-
/**
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
*
|
|
185
|
-
*
|
|
186
|
-
*
|
|
187
|
-
*
|
|
188
|
-
*
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
*
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
*
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
*
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
*
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
*
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
*
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
*
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
*
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
*
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
*
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
*
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
*
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
*
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
*
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
*
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
*
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
*
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
"
|
|
387
|
-
|
|
388
|
-
}) => void;
|
|
389
|
-
"
|
|
390
|
-
select: boolean;
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
}) => void;
|
|
397
|
-
"
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
"
|
|
402
|
-
rowIndex: number;
|
|
403
|
-
}) => void;
|
|
404
|
-
"cell-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
"cell-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
"
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
"
|
|
419
|
-
"
|
|
420
|
-
"
|
|
421
|
-
"
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
* -
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
*
|
|
520
|
-
*
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
*
|
|
552
|
-
*
|
|
553
|
-
*
|
|
554
|
-
*
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
"
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
}) => any) | undefined;
|
|
644
|
-
"
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
"onRow-
|
|
657
|
-
rowIndex: number;
|
|
658
|
-
}) => any) | undefined;
|
|
659
|
-
"
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
"onCell-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
"
|
|
669
|
-
"
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
}
|
|
733
|
-
type
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
}
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
1
|
+
import { AutoRowHeightConfig, ColResizableConfig, DragRowConfig, ExpandConfig, HeaderDragConfig, HighlightConfig, Order, PrivateRowDT, PrivateStkTableColumn, SeqConfig, SortConfig, SortOption, StkTableColumn, TreeConfig, UniqKey, UniqKeyProp } from './types/index';
|
|
2
|
+
|
|
3
|
+
/** Generic stands for DataType */
|
|
4
|
+
type DT = any & PrivateRowDT;
|
|
5
|
+
/**
|
|
6
|
+
* 选中一行
|
|
7
|
+
* @param {string} rowKeyOrRow selected rowKey, undefined to unselect
|
|
8
|
+
* @param {boolean} option.silent if set true not emit `current-change`. default:false
|
|
9
|
+
* @param {boolean} option.deep if set true, deep search in children. default:false
|
|
10
|
+
*/
|
|
11
|
+
declare function setCurrentRow(rowKeyOrRow: string | undefined | DT, option?: {
|
|
12
|
+
silent: boolean;
|
|
13
|
+
deep: boolean;
|
|
14
|
+
}): void;
|
|
15
|
+
/**
|
|
16
|
+
* set highlight active cell (props.cellActive=true)
|
|
17
|
+
* @param row row if undefined, clear highlight
|
|
18
|
+
* @param col column
|
|
19
|
+
* @param option.silent if emit current-change. default:false(not emit `current-change`)
|
|
20
|
+
*/
|
|
21
|
+
declare function setSelectedCell(row?: DT, col?: StkTableColumn<DT>, option?: {
|
|
22
|
+
silent: boolean;
|
|
23
|
+
}): void;
|
|
24
|
+
/**
|
|
25
|
+
* 设置表头排序状态。
|
|
26
|
+
* @param colKey 列唯一键字段。如果你想要取消排序状态,请使用`resetSorter`
|
|
27
|
+
* @param order 正序倒序
|
|
28
|
+
* @param option.sortOption 指定排序参数。同 StkTableColumn 中排序相关字段。建议从columns中find得到。
|
|
29
|
+
* @param option.sort 是否触发排序-默认true
|
|
30
|
+
* @param option.silent 是否禁止触发回调-默认true
|
|
31
|
+
* @param option.force 是否触发排序-默认true
|
|
32
|
+
* @return 表格数据
|
|
33
|
+
*/
|
|
34
|
+
declare function setSorter(colKey: string, order: Order, option?: {
|
|
35
|
+
sortOption?: SortOption<DT>;
|
|
36
|
+
force?: boolean;
|
|
37
|
+
silent?: boolean;
|
|
38
|
+
sort?: boolean;
|
|
39
|
+
}): any[];
|
|
40
|
+
declare function resetSorter(): void;
|
|
41
|
+
/**
|
|
42
|
+
* set scroll bar position
|
|
43
|
+
* @param top null to not change
|
|
44
|
+
* @param left null to not change
|
|
45
|
+
*/
|
|
46
|
+
declare function scrollTo(top?: number | null, left?: number | null): void;
|
|
47
|
+
/** get current table data */
|
|
48
|
+
declare function getTableData(): any[];
|
|
49
|
+
/**
|
|
50
|
+
* get current sort info
|
|
51
|
+
* @return {{key:string,order:Order}[]}
|
|
52
|
+
*/
|
|
53
|
+
declare function getSortColumns(): {
|
|
54
|
+
key: string | number | symbol | undefined;
|
|
55
|
+
order: "desc" | "asc";
|
|
56
|
+
}[];
|
|
57
|
+
declare function __VLS_template(): {
|
|
58
|
+
tableHeader?(_: {
|
|
59
|
+
col: PrivateStkTableColumn<any>;
|
|
60
|
+
}): any;
|
|
61
|
+
expand?(_: {
|
|
62
|
+
row: any;
|
|
63
|
+
col: any;
|
|
64
|
+
}): any;
|
|
65
|
+
empty?(_: {}): any;
|
|
66
|
+
customBottom?(_: {}): any;
|
|
67
|
+
};
|
|
68
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
69
|
+
width?: string;
|
|
70
|
+
/** 最小表格宽度 */
|
|
71
|
+
minWidth?: string;
|
|
72
|
+
/** 表格最大宽度*/
|
|
73
|
+
maxWidth?: string;
|
|
74
|
+
/** 斑马线条纹 */
|
|
75
|
+
stripe?: boolean;
|
|
76
|
+
/** 是否使用 table-layout:fixed(低版本浏览器需要设置table) */
|
|
77
|
+
fixedMode?: boolean;
|
|
78
|
+
/** 是否隐藏表头 */
|
|
79
|
+
headless?: boolean;
|
|
80
|
+
/** 主题,亮、暗 */
|
|
81
|
+
theme?: "light" | "dark";
|
|
82
|
+
/**
|
|
83
|
+
* 行高
|
|
84
|
+
* - `props.autoRowHeight` 为 `true` 时,将表示为期望行高,用于计算。不再影响实际行高。
|
|
85
|
+
*/
|
|
86
|
+
rowHeight?: number;
|
|
87
|
+
/**
|
|
88
|
+
* 是否可变行高
|
|
89
|
+
* - 设置为 `true` 时, `props.rowHeight` 将表示为期望行高,用于计算。不再影响实际行高。
|
|
90
|
+
*/
|
|
91
|
+
autoRowHeight?: boolean | AutoRowHeightConfig<DT>;
|
|
92
|
+
/** 是否高亮鼠标悬浮的行 */
|
|
93
|
+
rowHover?: boolean;
|
|
94
|
+
/** 是否高亮选中的行 */
|
|
95
|
+
rowActive?: boolean;
|
|
96
|
+
/** 当前行再次点击否可以取消 (rowActive=true)*/
|
|
97
|
+
rowCurrentRevokable?: boolean;
|
|
98
|
+
/** 表头行高。default = rowHeight */
|
|
99
|
+
headerRowHeight?: number | string | null;
|
|
100
|
+
/** 虚拟滚动 */
|
|
101
|
+
virtual?: boolean;
|
|
102
|
+
/** x轴虚拟滚动(必须设置列宽)*/
|
|
103
|
+
virtualX?: boolean;
|
|
104
|
+
/** 表格列配置 */
|
|
105
|
+
columns?: StkTableColumn<DT>[];
|
|
106
|
+
/** 表格数据源 */
|
|
107
|
+
dataSource?: DT[];
|
|
108
|
+
/** 行唯一键 (行唯一值不能为undefined) */
|
|
109
|
+
rowKey?: UniqKeyProp;
|
|
110
|
+
/** 列唯一键 */
|
|
111
|
+
colKey?: UniqKeyProp;
|
|
112
|
+
/** 空值展示文字 */
|
|
113
|
+
emptyCellText?: string | ((option: {
|
|
114
|
+
row: DT;
|
|
115
|
+
col: StkTableColumn<DT>;
|
|
116
|
+
}) => string);
|
|
117
|
+
/** 暂无数据兜底高度是否撑满 */
|
|
118
|
+
noDataFull?: boolean;
|
|
119
|
+
/** 是否展示暂无数据 */
|
|
120
|
+
showNoData?: boolean;
|
|
121
|
+
/** 是否服务端排序,true则不排序数据 */
|
|
122
|
+
sortRemote?: boolean;
|
|
123
|
+
/** 表头是否溢出展示... */
|
|
124
|
+
showHeaderOverflow?: boolean;
|
|
125
|
+
/** 表体溢出是否展示... */
|
|
126
|
+
showOverflow?: boolean;
|
|
127
|
+
/** 是否增加行hover class $*$ rename*/
|
|
128
|
+
showTrHoverClass?: boolean;
|
|
129
|
+
/** 是否高亮鼠标悬浮的单元格 */
|
|
130
|
+
cellHover?: boolean;
|
|
131
|
+
/** 是否高亮选中的单元格 */
|
|
132
|
+
cellActive?: boolean;
|
|
133
|
+
/** 单元格再次点击否可以取消选中 (cellActive=true)*/
|
|
134
|
+
selectedCellRevokable?: boolean;
|
|
135
|
+
/** 表头是否可拖动。支持回调函数。 */
|
|
136
|
+
headerDrag?: boolean | HeaderDragConfig;
|
|
137
|
+
/**
|
|
138
|
+
* 给行附加className<br>
|
|
139
|
+
* FIXME: 是否需要优化,因为不传此prop会使表格行一直执行空函数,是否有影响
|
|
140
|
+
*/
|
|
141
|
+
rowClassName?: (row: DT, i: number) => string | undefined;
|
|
142
|
+
/**
|
|
143
|
+
* 列宽是否可拖动(需要设置v-model:columns)<br>
|
|
144
|
+
* **不要设置**列minWidth,**必须**设置width<br>
|
|
145
|
+
* 列宽拖动时,每一列都必须要有width,且minWidth/maxWidth不生效。table width会变为"fit-content"。
|
|
146
|
+
* - 会自动更新props.columns中的with属性
|
|
147
|
+
*/
|
|
148
|
+
colResizable?: boolean | ColResizableConfig<DT>;
|
|
149
|
+
/** 可拖动至最小的列宽 */
|
|
150
|
+
colMinWidth?: number;
|
|
151
|
+
/**
|
|
152
|
+
* 单元格分割线。
|
|
153
|
+
* 默认横竖都有
|
|
154
|
+
* "h" - 仅展示横线
|
|
155
|
+
* "v" - 仅展示竖线
|
|
156
|
+
* "body-v" - 仅表体展示竖线
|
|
157
|
+
*/
|
|
158
|
+
bordered?: boolean | "h" | "v" | "body-v";
|
|
159
|
+
/**
|
|
160
|
+
* 自动重新计算虚拟滚动高度宽度。默认true
|
|
161
|
+
* [非响应式]
|
|
162
|
+
* 传入方法表示resize后的回调
|
|
163
|
+
*/
|
|
164
|
+
autoResize?: boolean | (() => void);
|
|
165
|
+
/** 是否展示固定列阴影。为节省性能,默认false。 */
|
|
166
|
+
fixedColShadow?: boolean;
|
|
167
|
+
/** 优化vue2 滚动 */
|
|
168
|
+
optimizeVue2Scroll?: boolean;
|
|
169
|
+
/** 排序配置 */
|
|
170
|
+
sortConfig?: SortConfig<DT>;
|
|
171
|
+
/** 隐藏头部title。可传入colKey数组 */
|
|
172
|
+
hideHeaderTitle?: boolean | string[];
|
|
173
|
+
/** 高亮配置 */
|
|
174
|
+
highlightConfig?: HighlightConfig;
|
|
175
|
+
/** 序号列配置 */
|
|
176
|
+
seqConfig?: SeqConfig;
|
|
177
|
+
/** 展开行配置 */
|
|
178
|
+
expandConfig?: ExpandConfig;
|
|
179
|
+
/** 行拖动配置 */
|
|
180
|
+
dragRowConfig?: DragRowConfig;
|
|
181
|
+
/** 树形配置 */
|
|
182
|
+
treeConfig?: TreeConfig;
|
|
183
|
+
/**
|
|
184
|
+
* 固定头,固定列实现方式。(非响应式)
|
|
185
|
+
*
|
|
186
|
+
* relative:固定列只会放在props.columns的两侧。
|
|
187
|
+
* - 如果列宽会变动则谨慎使用。
|
|
188
|
+
* - 多级表头固定列慎用
|
|
189
|
+
*
|
|
190
|
+
* 低版本浏览器强制为'relative',
|
|
191
|
+
*/
|
|
192
|
+
cellFixedMode?: "sticky" | "relative";
|
|
193
|
+
/**
|
|
194
|
+
* 是否平滑滚动。default: chrome < 85 || chrome > 120 ? true : false
|
|
195
|
+
* - false: 使用 onwheel 滚动。为了防止滚动过快导致白屏。
|
|
196
|
+
* - true: 不使用 onwheel 滚动。鼠标滚轮滚动时更加平滑。滚动过快时会白屏。
|
|
197
|
+
*/
|
|
198
|
+
smoothScroll?: boolean;
|
|
199
|
+
/**
|
|
200
|
+
* 按整数行纵向滚动
|
|
201
|
+
* - scrollbar:仅拖动滚动条生效
|
|
202
|
+
*/
|
|
203
|
+
scrollRowByRow?: boolean | "scrollbar";
|
|
204
|
+
}>, {
|
|
205
|
+
width: string;
|
|
206
|
+
fixedMode: boolean;
|
|
207
|
+
stripe: boolean;
|
|
208
|
+
minWidth: string;
|
|
209
|
+
maxWidth: string;
|
|
210
|
+
headless: boolean;
|
|
211
|
+
theme: string;
|
|
212
|
+
rowHeight: number;
|
|
213
|
+
autoRowHeight: boolean;
|
|
214
|
+
rowHover: boolean;
|
|
215
|
+
rowActive: boolean;
|
|
216
|
+
rowCurrentRevokable: boolean;
|
|
217
|
+
headerRowHeight: number;
|
|
218
|
+
virtual: boolean;
|
|
219
|
+
virtualX: boolean;
|
|
220
|
+
columns: () => never[];
|
|
221
|
+
dataSource: () => never[];
|
|
222
|
+
rowKey: string;
|
|
223
|
+
colKey: undefined;
|
|
224
|
+
emptyCellText: string;
|
|
225
|
+
noDataFull: boolean;
|
|
226
|
+
showNoData: boolean;
|
|
227
|
+
sortRemote: boolean;
|
|
228
|
+
showHeaderOverflow: boolean;
|
|
229
|
+
showOverflow: boolean;
|
|
230
|
+
showTrHoverClass: boolean;
|
|
231
|
+
cellHover: boolean;
|
|
232
|
+
cellActive: boolean;
|
|
233
|
+
selectedCellRevokable: boolean;
|
|
234
|
+
headerDrag: boolean;
|
|
235
|
+
rowClassName: () => "";
|
|
236
|
+
colResizable: boolean;
|
|
237
|
+
colMinWidth: number;
|
|
238
|
+
bordered: boolean;
|
|
239
|
+
autoResize: boolean;
|
|
240
|
+
fixedColShadow: boolean;
|
|
241
|
+
optimizeVue2Scroll: boolean;
|
|
242
|
+
sortConfig: () => {
|
|
243
|
+
emptyToBottom: false;
|
|
244
|
+
stringLocaleCompare: false;
|
|
245
|
+
sortChildren: false;
|
|
246
|
+
};
|
|
247
|
+
hideHeaderTitle: boolean;
|
|
248
|
+
highlightConfig: () => {};
|
|
249
|
+
seqConfig: () => {};
|
|
250
|
+
expandConfig: () => {};
|
|
251
|
+
dragRowConfig: () => {};
|
|
252
|
+
treeConfig: () => {};
|
|
253
|
+
cellFixedMode: string;
|
|
254
|
+
smoothScroll: boolean;
|
|
255
|
+
scrollRowByRow: boolean;
|
|
256
|
+
}>>, {
|
|
257
|
+
/**
|
|
258
|
+
* 重新计算虚拟列表宽高
|
|
259
|
+
*
|
|
260
|
+
* en: calc virtual scroll x & y info
|
|
261
|
+
* @see {@link initVirtualScroll}
|
|
262
|
+
*/
|
|
263
|
+
initVirtualScroll: (height?: number) => void;
|
|
264
|
+
/**
|
|
265
|
+
* 重新计算虚拟列表宽度
|
|
266
|
+
*
|
|
267
|
+
* en: calc virtual scroll x
|
|
268
|
+
* @see {@link initVirtualScrollX}
|
|
269
|
+
*/
|
|
270
|
+
initVirtualScrollX: () => void;
|
|
271
|
+
/**
|
|
272
|
+
* 重新计算虚拟列表高度
|
|
273
|
+
*
|
|
274
|
+
* en: calc virtual scroll y
|
|
275
|
+
* @see {@link initVirtualScrollY}
|
|
276
|
+
*/
|
|
277
|
+
initVirtualScrollY: (height?: number) => void;
|
|
278
|
+
/**
|
|
279
|
+
* 选中一行
|
|
280
|
+
*
|
|
281
|
+
* en:select a row
|
|
282
|
+
* @see {@link setCurrentRow}
|
|
283
|
+
*/
|
|
284
|
+
setCurrentRow: typeof setCurrentRow;
|
|
285
|
+
/**
|
|
286
|
+
* 取消选中单元格
|
|
287
|
+
*
|
|
288
|
+
* en: set highlight active cell (props.cellActive=true)
|
|
289
|
+
* @see {@link setSelectedCell}
|
|
290
|
+
*/
|
|
291
|
+
setSelectedCell: typeof setSelectedCell;
|
|
292
|
+
/**
|
|
293
|
+
* 设置高亮单元格
|
|
294
|
+
*
|
|
295
|
+
* en: Set highlight cell
|
|
296
|
+
* @see {@link setHighlightDimCell}
|
|
297
|
+
*/
|
|
298
|
+
setHighlightDimCell: (rowKeyValue: UniqKey, colKeyValue: string, option?: import('./types/highlightDimOptions').HighlightDimCellOption) => void;
|
|
299
|
+
/**
|
|
300
|
+
* 设置高亮行
|
|
301
|
+
*
|
|
302
|
+
* en: Set highlight row
|
|
303
|
+
* @see {@link setHighlightDimRow}
|
|
304
|
+
*/
|
|
305
|
+
setHighlightDimRow: (rowKeyValues: UniqKey[], option?: import('./types/highlightDimOptions').HighlightDimRowOption) => void;
|
|
306
|
+
/**
|
|
307
|
+
* 表格排序列colKey
|
|
308
|
+
*
|
|
309
|
+
* en: Table sort column colKey
|
|
310
|
+
*/
|
|
311
|
+
sortCol: import('vue').Ref<string | number | symbol | undefined, string | number | symbol | undefined>;
|
|
312
|
+
/**
|
|
313
|
+
* 表格排序列顺序
|
|
314
|
+
*
|
|
315
|
+
* en: get current sort info
|
|
316
|
+
* @see {@link getSortColumns}
|
|
317
|
+
*/
|
|
318
|
+
getSortColumns: typeof getSortColumns;
|
|
319
|
+
/**
|
|
320
|
+
* 设置表头排序状态
|
|
321
|
+
*
|
|
322
|
+
* en: Set the sort status of the table header
|
|
323
|
+
* @see {@link setSorter}
|
|
324
|
+
*/
|
|
325
|
+
setSorter: typeof setSorter;
|
|
326
|
+
/**
|
|
327
|
+
* 重置sorter状态
|
|
328
|
+
*
|
|
329
|
+
* en: Reset the sorter status
|
|
330
|
+
* @see {@link resetSorter}
|
|
331
|
+
*/
|
|
332
|
+
resetSorter: typeof resetSorter;
|
|
333
|
+
/**
|
|
334
|
+
* 滚动至
|
|
335
|
+
*
|
|
336
|
+
* en: Scroll to
|
|
337
|
+
* @see {@link scrollTo}
|
|
338
|
+
*/
|
|
339
|
+
scrollTo: typeof scrollTo;
|
|
340
|
+
/**
|
|
341
|
+
* 获取表格数据
|
|
342
|
+
*
|
|
343
|
+
* en: Get table data
|
|
344
|
+
* @see {@link getTableData}
|
|
345
|
+
*/
|
|
346
|
+
getTableData: typeof getTableData;
|
|
347
|
+
/**
|
|
348
|
+
* 设置展开的行
|
|
349
|
+
*
|
|
350
|
+
* en: Set expanded rows
|
|
351
|
+
* @see {@link setRowExpand}
|
|
352
|
+
*/
|
|
353
|
+
setRowExpand: (rowKeyOrRow: string | undefined | PrivateRowDT, expand?: boolean | null, data?: {
|
|
354
|
+
col?: StkTableColumn<PrivateRowDT>;
|
|
355
|
+
silent?: boolean;
|
|
356
|
+
}) => void;
|
|
357
|
+
/**
|
|
358
|
+
* 不定行高时,如果行高有变化,则调用此方法更新行高。
|
|
359
|
+
*
|
|
360
|
+
* en: When the row height is not fixed, call this method to update the row height if the row height changes.
|
|
361
|
+
* @see {@link setAutoHeight}
|
|
362
|
+
*/
|
|
363
|
+
setAutoHeight: (rowKey: UniqKey, height?: number | null) => void;
|
|
364
|
+
/**
|
|
365
|
+
* 清除所有行高
|
|
366
|
+
*
|
|
367
|
+
* en: Clear all row heights
|
|
368
|
+
* @see {@link clearAllAutoHeight}
|
|
369
|
+
*/
|
|
370
|
+
clearAllAutoHeight: () => void;
|
|
371
|
+
/**
|
|
372
|
+
* 设置树节点展开状态
|
|
373
|
+
*
|
|
374
|
+
* en: Set tree node expand state
|
|
375
|
+
* @see {@link setTreeExpand}
|
|
376
|
+
*/
|
|
377
|
+
setTreeExpand: (row: (UniqKey | (PrivateRowDT & {
|
|
378
|
+
children?: (PrivateRowDT & /*elided*/ any)[];
|
|
379
|
+
})) | (UniqKey | (PrivateRowDT & {
|
|
380
|
+
children?: (PrivateRowDT & /*elided*/ any)[];
|
|
381
|
+
}))[], option?: {
|
|
382
|
+
expand?: boolean;
|
|
383
|
+
}) => void;
|
|
384
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
385
|
+
"sort-change": (col: StkTableColumn<any> | null, order: Order, data: any[], sortConfig: SortConfig<any>) => void;
|
|
386
|
+
"row-click": (ev: MouseEvent, row: any, data: {
|
|
387
|
+
rowIndex: number;
|
|
388
|
+
}) => void;
|
|
389
|
+
"current-change": (ev: MouseEvent | null, row: any, data: {
|
|
390
|
+
select: boolean;
|
|
391
|
+
}) => void;
|
|
392
|
+
"cell-selected": (ev: MouseEvent | null, data: {
|
|
393
|
+
select: boolean;
|
|
394
|
+
row: DT | undefined;
|
|
395
|
+
col: StkTableColumn<DT> | undefined;
|
|
396
|
+
}) => void;
|
|
397
|
+
"row-dblclick": (ev: MouseEvent, row: any, data: {
|
|
398
|
+
rowIndex: number;
|
|
399
|
+
}) => void;
|
|
400
|
+
"header-row-menu": (ev: MouseEvent) => void;
|
|
401
|
+
"row-menu": (ev: MouseEvent, row: any, data: {
|
|
402
|
+
rowIndex: number;
|
|
403
|
+
}) => void;
|
|
404
|
+
"cell-click": (ev: MouseEvent, row: any, col: StkTableColumn<any>, data: {
|
|
405
|
+
rowIndex: number;
|
|
406
|
+
}) => void;
|
|
407
|
+
"cell-mouseenter": (ev: MouseEvent, row: any, col: StkTableColumn<any>) => void;
|
|
408
|
+
"cell-mouseleave": (ev: MouseEvent, row: any, col: StkTableColumn<any>) => void;
|
|
409
|
+
"cell-mouseover": (ev: MouseEvent, row: any, col: StkTableColumn<any>) => void;
|
|
410
|
+
"cell-mousedown": (ev: MouseEvent, row: any, col: StkTableColumn<any>, data: {
|
|
411
|
+
rowIndex: number;
|
|
412
|
+
}) => void;
|
|
413
|
+
"header-cell-click": (ev: MouseEvent, col: StkTableColumn<any>) => void;
|
|
414
|
+
scroll: (ev: Event, data: {
|
|
415
|
+
startIndex: number;
|
|
416
|
+
endIndex: number;
|
|
417
|
+
}) => void;
|
|
418
|
+
"scroll-x": (ev: Event) => void;
|
|
419
|
+
"col-order-change": (dragStartKey: string, targetColKey: string) => void;
|
|
420
|
+
"th-drag-start": (dragStartKey: string) => void;
|
|
421
|
+
"th-drop": (targetColKey: string) => void;
|
|
422
|
+
"row-order-change": (dragStartKey: string, targetRowKey: string) => void;
|
|
423
|
+
"col-resize": (col: StkTableColumn<any>) => void;
|
|
424
|
+
"toggle-row-expand": (data: {
|
|
425
|
+
expanded: boolean;
|
|
426
|
+
row: DT;
|
|
427
|
+
col: StkTableColumn<DT> | null;
|
|
428
|
+
}) => void;
|
|
429
|
+
"toggle-tree-expand": (data: {
|
|
430
|
+
expanded: boolean;
|
|
431
|
+
row: DT;
|
|
432
|
+
col: StkTableColumn<DT> | null;
|
|
433
|
+
}) => void;
|
|
434
|
+
"update:columns": (cols: StkTableColumn<any>[]) => void;
|
|
435
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
436
|
+
width?: string;
|
|
437
|
+
/** 最小表格宽度 */
|
|
438
|
+
minWidth?: string;
|
|
439
|
+
/** 表格最大宽度*/
|
|
440
|
+
maxWidth?: string;
|
|
441
|
+
/** 斑马线条纹 */
|
|
442
|
+
stripe?: boolean;
|
|
443
|
+
/** 是否使用 table-layout:fixed(低版本浏览器需要设置table) */
|
|
444
|
+
fixedMode?: boolean;
|
|
445
|
+
/** 是否隐藏表头 */
|
|
446
|
+
headless?: boolean;
|
|
447
|
+
/** 主题,亮、暗 */
|
|
448
|
+
theme?: "light" | "dark";
|
|
449
|
+
/**
|
|
450
|
+
* 行高
|
|
451
|
+
* - `props.autoRowHeight` 为 `true` 时,将表示为期望行高,用于计算。不再影响实际行高。
|
|
452
|
+
*/
|
|
453
|
+
rowHeight?: number;
|
|
454
|
+
/**
|
|
455
|
+
* 是否可变行高
|
|
456
|
+
* - 设置为 `true` 时, `props.rowHeight` 将表示为期望行高,用于计算。不再影响实际行高。
|
|
457
|
+
*/
|
|
458
|
+
autoRowHeight?: boolean | AutoRowHeightConfig<DT>;
|
|
459
|
+
/** 是否高亮鼠标悬浮的行 */
|
|
460
|
+
rowHover?: boolean;
|
|
461
|
+
/** 是否高亮选中的行 */
|
|
462
|
+
rowActive?: boolean;
|
|
463
|
+
/** 当前行再次点击否可以取消 (rowActive=true)*/
|
|
464
|
+
rowCurrentRevokable?: boolean;
|
|
465
|
+
/** 表头行高。default = rowHeight */
|
|
466
|
+
headerRowHeight?: number | string | null;
|
|
467
|
+
/** 虚拟滚动 */
|
|
468
|
+
virtual?: boolean;
|
|
469
|
+
/** x轴虚拟滚动(必须设置列宽)*/
|
|
470
|
+
virtualX?: boolean;
|
|
471
|
+
/** 表格列配置 */
|
|
472
|
+
columns?: StkTableColumn<DT>[];
|
|
473
|
+
/** 表格数据源 */
|
|
474
|
+
dataSource?: DT[];
|
|
475
|
+
/** 行唯一键 (行唯一值不能为undefined) */
|
|
476
|
+
rowKey?: UniqKeyProp;
|
|
477
|
+
/** 列唯一键 */
|
|
478
|
+
colKey?: UniqKeyProp;
|
|
479
|
+
/** 空值展示文字 */
|
|
480
|
+
emptyCellText?: string | ((option: {
|
|
481
|
+
row: DT;
|
|
482
|
+
col: StkTableColumn<DT>;
|
|
483
|
+
}) => string);
|
|
484
|
+
/** 暂无数据兜底高度是否撑满 */
|
|
485
|
+
noDataFull?: boolean;
|
|
486
|
+
/** 是否展示暂无数据 */
|
|
487
|
+
showNoData?: boolean;
|
|
488
|
+
/** 是否服务端排序,true则不排序数据 */
|
|
489
|
+
sortRemote?: boolean;
|
|
490
|
+
/** 表头是否溢出展示... */
|
|
491
|
+
showHeaderOverflow?: boolean;
|
|
492
|
+
/** 表体溢出是否展示... */
|
|
493
|
+
showOverflow?: boolean;
|
|
494
|
+
/** 是否增加行hover class $*$ rename*/
|
|
495
|
+
showTrHoverClass?: boolean;
|
|
496
|
+
/** 是否高亮鼠标悬浮的单元格 */
|
|
497
|
+
cellHover?: boolean;
|
|
498
|
+
/** 是否高亮选中的单元格 */
|
|
499
|
+
cellActive?: boolean;
|
|
500
|
+
/** 单元格再次点击否可以取消选中 (cellActive=true)*/
|
|
501
|
+
selectedCellRevokable?: boolean;
|
|
502
|
+
/** 表头是否可拖动。支持回调函数。 */
|
|
503
|
+
headerDrag?: boolean | HeaderDragConfig;
|
|
504
|
+
/**
|
|
505
|
+
* 给行附加className<br>
|
|
506
|
+
* FIXME: 是否需要优化,因为不传此prop会使表格行一直执行空函数,是否有影响
|
|
507
|
+
*/
|
|
508
|
+
rowClassName?: (row: DT, i: number) => string | undefined;
|
|
509
|
+
/**
|
|
510
|
+
* 列宽是否可拖动(需要设置v-model:columns)<br>
|
|
511
|
+
* **不要设置**列minWidth,**必须**设置width<br>
|
|
512
|
+
* 列宽拖动时,每一列都必须要有width,且minWidth/maxWidth不生效。table width会变为"fit-content"。
|
|
513
|
+
* - 会自动更新props.columns中的with属性
|
|
514
|
+
*/
|
|
515
|
+
colResizable?: boolean | ColResizableConfig<DT>;
|
|
516
|
+
/** 可拖动至最小的列宽 */
|
|
517
|
+
colMinWidth?: number;
|
|
518
|
+
/**
|
|
519
|
+
* 单元格分割线。
|
|
520
|
+
* 默认横竖都有
|
|
521
|
+
* "h" - 仅展示横线
|
|
522
|
+
* "v" - 仅展示竖线
|
|
523
|
+
* "body-v" - 仅表体展示竖线
|
|
524
|
+
*/
|
|
525
|
+
bordered?: boolean | "h" | "v" | "body-v";
|
|
526
|
+
/**
|
|
527
|
+
* 自动重新计算虚拟滚动高度宽度。默认true
|
|
528
|
+
* [非响应式]
|
|
529
|
+
* 传入方法表示resize后的回调
|
|
530
|
+
*/
|
|
531
|
+
autoResize?: boolean | (() => void);
|
|
532
|
+
/** 是否展示固定列阴影。为节省性能,默认false。 */
|
|
533
|
+
fixedColShadow?: boolean;
|
|
534
|
+
/** 优化vue2 滚动 */
|
|
535
|
+
optimizeVue2Scroll?: boolean;
|
|
536
|
+
/** 排序配置 */
|
|
537
|
+
sortConfig?: SortConfig<DT>;
|
|
538
|
+
/** 隐藏头部title。可传入colKey数组 */
|
|
539
|
+
hideHeaderTitle?: boolean | string[];
|
|
540
|
+
/** 高亮配置 */
|
|
541
|
+
highlightConfig?: HighlightConfig;
|
|
542
|
+
/** 序号列配置 */
|
|
543
|
+
seqConfig?: SeqConfig;
|
|
544
|
+
/** 展开行配置 */
|
|
545
|
+
expandConfig?: ExpandConfig;
|
|
546
|
+
/** 行拖动配置 */
|
|
547
|
+
dragRowConfig?: DragRowConfig;
|
|
548
|
+
/** 树形配置 */
|
|
549
|
+
treeConfig?: TreeConfig;
|
|
550
|
+
/**
|
|
551
|
+
* 固定头,固定列实现方式。(非响应式)
|
|
552
|
+
*
|
|
553
|
+
* relative:固定列只会放在props.columns的两侧。
|
|
554
|
+
* - 如果列宽会变动则谨慎使用。
|
|
555
|
+
* - 多级表头固定列慎用
|
|
556
|
+
*
|
|
557
|
+
* 低版本浏览器强制为'relative',
|
|
558
|
+
*/
|
|
559
|
+
cellFixedMode?: "sticky" | "relative";
|
|
560
|
+
/**
|
|
561
|
+
* 是否平滑滚动。default: chrome < 85 || chrome > 120 ? true : false
|
|
562
|
+
* - false: 使用 onwheel 滚动。为了防止滚动过快导致白屏。
|
|
563
|
+
* - true: 不使用 onwheel 滚动。鼠标滚轮滚动时更加平滑。滚动过快时会白屏。
|
|
564
|
+
*/
|
|
565
|
+
smoothScroll?: boolean;
|
|
566
|
+
/**
|
|
567
|
+
* 按整数行纵向滚动
|
|
568
|
+
* - scrollbar:仅拖动滚动条生效
|
|
569
|
+
*/
|
|
570
|
+
scrollRowByRow?: boolean | "scrollbar";
|
|
571
|
+
}>, {
|
|
572
|
+
width: string;
|
|
573
|
+
fixedMode: boolean;
|
|
574
|
+
stripe: boolean;
|
|
575
|
+
minWidth: string;
|
|
576
|
+
maxWidth: string;
|
|
577
|
+
headless: boolean;
|
|
578
|
+
theme: string;
|
|
579
|
+
rowHeight: number;
|
|
580
|
+
autoRowHeight: boolean;
|
|
581
|
+
rowHover: boolean;
|
|
582
|
+
rowActive: boolean;
|
|
583
|
+
rowCurrentRevokable: boolean;
|
|
584
|
+
headerRowHeight: number;
|
|
585
|
+
virtual: boolean;
|
|
586
|
+
virtualX: boolean;
|
|
587
|
+
columns: () => never[];
|
|
588
|
+
dataSource: () => never[];
|
|
589
|
+
rowKey: string;
|
|
590
|
+
colKey: undefined;
|
|
591
|
+
emptyCellText: string;
|
|
592
|
+
noDataFull: boolean;
|
|
593
|
+
showNoData: boolean;
|
|
594
|
+
sortRemote: boolean;
|
|
595
|
+
showHeaderOverflow: boolean;
|
|
596
|
+
showOverflow: boolean;
|
|
597
|
+
showTrHoverClass: boolean;
|
|
598
|
+
cellHover: boolean;
|
|
599
|
+
cellActive: boolean;
|
|
600
|
+
selectedCellRevokable: boolean;
|
|
601
|
+
headerDrag: boolean;
|
|
602
|
+
rowClassName: () => "";
|
|
603
|
+
colResizable: boolean;
|
|
604
|
+
colMinWidth: number;
|
|
605
|
+
bordered: boolean;
|
|
606
|
+
autoResize: boolean;
|
|
607
|
+
fixedColShadow: boolean;
|
|
608
|
+
optimizeVue2Scroll: boolean;
|
|
609
|
+
sortConfig: () => {
|
|
610
|
+
emptyToBottom: false;
|
|
611
|
+
stringLocaleCompare: false;
|
|
612
|
+
sortChildren: false;
|
|
613
|
+
};
|
|
614
|
+
hideHeaderTitle: boolean;
|
|
615
|
+
highlightConfig: () => {};
|
|
616
|
+
seqConfig: () => {};
|
|
617
|
+
expandConfig: () => {};
|
|
618
|
+
dragRowConfig: () => {};
|
|
619
|
+
treeConfig: () => {};
|
|
620
|
+
cellFixedMode: string;
|
|
621
|
+
smoothScroll: boolean;
|
|
622
|
+
scrollRowByRow: boolean;
|
|
623
|
+
}>>> & Readonly<{
|
|
624
|
+
onScroll?: ((ev: Event, data: {
|
|
625
|
+
startIndex: number;
|
|
626
|
+
endIndex: number;
|
|
627
|
+
}) => any) | undefined;
|
|
628
|
+
"onUpdate:columns"?: ((cols: StkTableColumn<any>[]) => any) | undefined;
|
|
629
|
+
"onCol-resize"?: ((col: StkTableColumn<any>) => any) | undefined;
|
|
630
|
+
"onToggle-row-expand"?: ((data: {
|
|
631
|
+
expanded: boolean;
|
|
632
|
+
row: DT;
|
|
633
|
+
col: StkTableColumn<DT> | null;
|
|
634
|
+
}) => any) | undefined;
|
|
635
|
+
"onTh-drag-start"?: ((dragStartKey: string) => any) | undefined;
|
|
636
|
+
"onTh-drop"?: ((targetColKey: string) => any) | undefined;
|
|
637
|
+
"onCol-order-change"?: ((dragStartKey: string, targetColKey: string) => any) | undefined;
|
|
638
|
+
"onRow-order-change"?: ((dragStartKey: string, targetRowKey: string) => any) | undefined;
|
|
639
|
+
"onToggle-tree-expand"?: ((data: {
|
|
640
|
+
expanded: boolean;
|
|
641
|
+
row: DT;
|
|
642
|
+
col: StkTableColumn<DT> | null;
|
|
643
|
+
}) => any) | undefined;
|
|
644
|
+
"onSort-change"?: ((col: StkTableColumn<any> | null, order: Order, data: any[], sortConfig: SortConfig<any>) => any) | undefined;
|
|
645
|
+
"onRow-click"?: ((ev: MouseEvent, row: any, data: {
|
|
646
|
+
rowIndex: number;
|
|
647
|
+
}) => any) | undefined;
|
|
648
|
+
"onCurrent-change"?: ((ev: MouseEvent | null, row: any, data: {
|
|
649
|
+
select: boolean;
|
|
650
|
+
}) => any) | undefined;
|
|
651
|
+
"onCell-selected"?: ((ev: MouseEvent | null, data: {
|
|
652
|
+
select: boolean;
|
|
653
|
+
row: DT | undefined;
|
|
654
|
+
col: StkTableColumn<DT> | undefined;
|
|
655
|
+
}) => any) | undefined;
|
|
656
|
+
"onRow-dblclick"?: ((ev: MouseEvent, row: any, data: {
|
|
657
|
+
rowIndex: number;
|
|
658
|
+
}) => any) | undefined;
|
|
659
|
+
"onHeader-row-menu"?: ((ev: MouseEvent) => any) | undefined;
|
|
660
|
+
"onRow-menu"?: ((ev: MouseEvent, row: any, data: {
|
|
661
|
+
rowIndex: number;
|
|
662
|
+
}) => any) | undefined;
|
|
663
|
+
"onCell-click"?: ((ev: MouseEvent, row: any, col: StkTableColumn<any>, data: {
|
|
664
|
+
rowIndex: number;
|
|
665
|
+
}) => any) | undefined;
|
|
666
|
+
"onCell-mouseenter"?: ((ev: MouseEvent, row: any, col: StkTableColumn<any>) => any) | undefined;
|
|
667
|
+
"onCell-mouseleave"?: ((ev: MouseEvent, row: any, col: StkTableColumn<any>) => any) | undefined;
|
|
668
|
+
"onCell-mouseover"?: ((ev: MouseEvent, row: any, col: StkTableColumn<any>) => any) | undefined;
|
|
669
|
+
"onCell-mousedown"?: ((ev: MouseEvent, row: any, col: StkTableColumn<any>, data: {
|
|
670
|
+
rowIndex: number;
|
|
671
|
+
}) => any) | undefined;
|
|
672
|
+
"onHeader-cell-click"?: ((ev: MouseEvent, col: StkTableColumn<any>) => any) | undefined;
|
|
673
|
+
"onScroll-x"?: ((ev: Event) => any) | undefined;
|
|
674
|
+
}>, {
|
|
675
|
+
width: string;
|
|
676
|
+
minWidth: string;
|
|
677
|
+
maxWidth: string;
|
|
678
|
+
sortConfig: SortConfig<DT>;
|
|
679
|
+
rowHeight: number;
|
|
680
|
+
headless: boolean;
|
|
681
|
+
autoRowHeight: boolean | AutoRowHeightConfig<DT>;
|
|
682
|
+
stripe: boolean;
|
|
683
|
+
optimizeVue2Scroll: boolean;
|
|
684
|
+
rowKey: UniqKeyProp;
|
|
685
|
+
headerRowHeight: number | string | null;
|
|
686
|
+
colKey: UniqKeyProp;
|
|
687
|
+
fixedMode: boolean;
|
|
688
|
+
theme: "light" | "dark";
|
|
689
|
+
rowHover: boolean;
|
|
690
|
+
rowActive: boolean;
|
|
691
|
+
rowCurrentRevokable: boolean;
|
|
692
|
+
virtual: boolean;
|
|
693
|
+
virtualX: boolean;
|
|
694
|
+
columns: StkTableColumn<DT>[];
|
|
695
|
+
dataSource: DT[];
|
|
696
|
+
emptyCellText: string | ((option: {
|
|
697
|
+
row: DT;
|
|
698
|
+
col: StkTableColumn<DT>;
|
|
699
|
+
}) => string);
|
|
700
|
+
noDataFull: boolean;
|
|
701
|
+
showNoData: boolean;
|
|
702
|
+
sortRemote: boolean;
|
|
703
|
+
showHeaderOverflow: boolean;
|
|
704
|
+
showOverflow: boolean;
|
|
705
|
+
showTrHoverClass: boolean;
|
|
706
|
+
cellHover: boolean;
|
|
707
|
+
cellActive: boolean;
|
|
708
|
+
selectedCellRevokable: boolean;
|
|
709
|
+
headerDrag: boolean | HeaderDragConfig;
|
|
710
|
+
rowClassName: (row: DT, i: number) => string | undefined;
|
|
711
|
+
colResizable: boolean | ColResizableConfig<DT>;
|
|
712
|
+
colMinWidth: number;
|
|
713
|
+
bordered: boolean | "h" | "v" | "body-v";
|
|
714
|
+
autoResize: boolean | (() => void);
|
|
715
|
+
fixedColShadow: boolean;
|
|
716
|
+
hideHeaderTitle: boolean | string[];
|
|
717
|
+
highlightConfig: HighlightConfig;
|
|
718
|
+
seqConfig: SeqConfig;
|
|
719
|
+
expandConfig: ExpandConfig;
|
|
720
|
+
dragRowConfig: DragRowConfig;
|
|
721
|
+
treeConfig: TreeConfig;
|
|
722
|
+
cellFixedMode: "sticky" | "relative";
|
|
723
|
+
smoothScroll: boolean;
|
|
724
|
+
scrollRowByRow: boolean | "scrollbar";
|
|
725
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
726
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
727
|
+
export default _default;
|
|
728
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
729
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
730
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
731
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
732
|
+
} : {
|
|
733
|
+
type: import('vue').PropType<T[K]>;
|
|
734
|
+
required: true;
|
|
735
|
+
};
|
|
736
|
+
};
|
|
737
|
+
type __VLS_WithDefaults<P, D> = {
|
|
738
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
739
|
+
default: D[K];
|
|
740
|
+
}> : P[K];
|
|
741
|
+
};
|
|
742
|
+
type __VLS_Prettify<T> = {
|
|
743
|
+
[K in keyof T]: T[K];
|
|
744
|
+
} & {};
|
|
745
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
746
|
+
new (): {
|
|
747
|
+
$slots: S;
|
|
748
|
+
};
|
|
749
|
+
};
|