bkui-vue 0.0.2-beta.7 → 0.0.2-beta.9

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 (51) hide show
  1. package/dist/index.cjs.js +54 -54
  2. package/dist/index.esm.js +7445 -7494
  3. package/dist/index.umd.js +54 -54
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/components.d.ts +1 -1
  7. package/lib/container/index.js +1 -1
  8. package/lib/dropdown/dropdown.d.ts +1 -1
  9. package/lib/dropdown/index.d.ts +5 -5
  10. package/lib/message/index.js +1 -1
  11. package/lib/message/messageConstructor.d.ts +5 -4
  12. package/lib/plugin-popover/index.js +1 -1
  13. package/lib/popover/const.d.ts +22 -9
  14. package/lib/popover/index.d.ts +80 -45
  15. package/lib/popover/index.js +1 -1
  16. package/lib/popover/popover.d.ts +24 -16
  17. package/lib/popover/props.d.ts +4 -2
  18. package/lib/popover/use-floating.d.ts +1 -1
  19. package/lib/select/index.d.ts +0 -12
  20. package/lib/select/select.d.ts +0 -6
  21. package/lib/styles/mixins/clearfix.less +0 -10
  22. package/lib/styles/mixins/clearfix.variable.css +0 -8
  23. package/lib/table/components/table-cell.d.ts +15 -6
  24. package/lib/table/components/table-column.d.ts +108 -215
  25. package/lib/table/const.d.ts +16 -54
  26. package/lib/table/events.d.ts +180 -0
  27. package/lib/table/index.d.ts +749 -410
  28. package/lib/table/index.js +1 -1
  29. package/lib/table/plugins/head-filter.d.ts +3 -7
  30. package/lib/table/plugins/head-sort.d.ts +3 -7
  31. package/lib/table/plugins/settings.d.ts +8 -12
  32. package/lib/table/plugins/use-fixed-column.d.ts +3 -2
  33. package/lib/table/props.d.ts +147 -160
  34. package/lib/table/render.d.ts +6 -4
  35. package/lib/table/table.css +16 -2
  36. package/lib/table/table.d.ts +194 -83
  37. package/lib/table/table.less +38 -2
  38. package/lib/table/table.variable.css +16 -2
  39. package/lib/table/use-column.d.ts +47 -1
  40. package/lib/table/use-common.d.ts +22 -9
  41. package/lib/table/utils.d.ts +1 -0
  42. package/lib/table-column/index.d.ts +417 -537
  43. package/lib/table-column/index.js +1 -1
  44. package/lib/tag-input/index.d.ts +0 -6
  45. package/lib/tag-input/tag-input.d.ts +0 -4
  46. package/lib/tag-input/tag-props.d.ts +0 -2
  47. package/package.json +1 -1
  48. package/lib/styles/mixins/clearfix.css +0 -8
  49. package/lib/styles/mixins/mixins.css +0 -72
  50. package/lib/styles/mixins/mixins.less +0 -5
  51. package/lib/styles/mixins/mixins.variable.css +0 -72
@@ -12,6 +12,11 @@ declare const _default: import("vue").DefineComponent<{
12
12
  height: import("vue-types").VueTypeDef<string | number> & {
13
13
  default: string | number;
14
14
  };
15
+ stripe: import("vue-types").VueTypeValidableDef<boolean> & {
16
+ default: boolean;
17
+ } & {
18
+ default: boolean;
19
+ };
15
20
  minHeight: import("vue-types").VueTypeDef<string | number> & {
16
21
  default: string | number;
17
22
  };
@@ -31,7 +36,9 @@ declare const _default: import("vue").DefineComponent<{
31
36
  } & {
32
37
  default: boolean;
33
38
  };
34
- thead: import("vue-types").VueTypeShape<import("./props").Thead>;
39
+ thead: import("vue-types").VueTypeDef<import("./props").Thead> & {
40
+ default: () => import("./props").Thead;
41
+ };
35
42
  virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
36
43
  default: boolean;
37
44
  } & {
@@ -60,22 +67,8 @@ declare const _default: import("vue").DefineComponent<{
60
67
  emptyText: import("vue-types").VueTypeValidableDef<string> & {
61
68
  default: string;
62
69
  };
63
- settings: import("vue-types").VueTypeDef<boolean | {
64
- fields: import("./props").Field[] | (() => import("./props").Field[]);
65
- checked: string[] | (() => string[]);
66
- limit: number;
67
- size: "small" | "medium" | "large";
68
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
69
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
70
- }> & {
71
- default: boolean | (() => {
72
- fields: import("./props").Field[] | (() => import("./props").Field[]);
73
- checked: string[] | (() => string[]);
74
- limit: number;
75
- size: "small" | "medium" | "large";
76
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
77
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
78
- });
70
+ settings: import("vue-types").VueTypeDef<import("./props").ISettingPropType> & {
71
+ default: boolean | (() => import("./props").Settings);
79
72
  };
80
73
  rowClass: import("vue-types").VueTypeDef<any> & {
81
74
  default: any;
@@ -114,8 +107,13 @@ declare const _default: import("vue").DefineComponent<{
114
107
  rowKey: import("vue-types").VueTypeDef<any> & {
115
108
  default: any;
116
109
  };
117
- showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
118
- default: boolean | (() => import("./props").IOverflowTooltip);
110
+ showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp> & {
111
+ default: boolean | (() => {
112
+ content: string | Function;
113
+ disabled?: boolean;
114
+ watchCellResize?: boolean;
115
+ mode?: "auto" | "static";
116
+ });
119
117
  };
120
118
  asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
121
119
  default: boolean;
@@ -143,24 +141,84 @@ declare const _default: import("vue").DefineComponent<{
143
141
  default: () => import("vue").CSSProperties;
144
142
  };
145
143
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
146
- columnPick: (..._args: any[]) => boolean;
147
- columnFilter: (..._args: any[]) => boolean;
148
- columnSort: (..._args: any[]) => boolean;
149
- colFilterSave: (..._args: any[]) => boolean;
150
- rowClick: (..._args: any[]) => boolean;
151
- rowDblclick: (..._args: any[]) => boolean;
152
- rowExpand: (..._args: any[]) => boolean;
153
- select: (..._args: any[]) => boolean;
154
- selectAll: (..._args: any[]) => boolean;
155
- selectionChange: (..._args: any[]) => boolean;
156
- pageLimitChange: (..._args: any[]) => boolean;
157
- pageValueChange: (..._args: any[]) => boolean;
158
- settingChange: (..._args: any[]) => boolean;
159
- scrollBottom: (..._args: any[]) => boolean;
160
- cellClick: (..._args: any[]) => boolean;
161
- cellDblclick: (..._args: any[]) => boolean;
162
- rowMouseEnter: (..._args: any[]) => boolean;
163
- rowMouseLeave: (..._args: any[]) => boolean;
144
+ columnPick: (_cols: import("./props").IColumnActive[]) => boolean;
145
+ columnFilter: (_args: {
146
+ checked: string[];
147
+ column: import("./props").Column;
148
+ index: number;
149
+ }) => boolean;
150
+ columnSort: (_args: {
151
+ column: import("./props").Column;
152
+ index: number;
153
+ type: import("./const").SORT_OPTION;
154
+ }) => boolean;
155
+ colFilterSave: (_args: {
156
+ column: import("./props").Column;
157
+ values: Record<string, any>[];
158
+ }) => boolean;
159
+ rowClick: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => boolean;
160
+ rowDblclick: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => boolean;
161
+ rowExpand: (_args: {
162
+ row: Record<string, any>;
163
+ column: import("./props").Column;
164
+ index: Number;
165
+ rows: Record<string, any>[];
166
+ e: MouseEvent;
167
+ }) => boolean;
168
+ select: (_args: {
169
+ row: Record<string, any>;
170
+ index: Number;
171
+ checked: string;
172
+ data: Record<string, any>[];
173
+ }) => boolean;
174
+ selectAll: (_args: {
175
+ checked: string;
176
+ data: Record<string, any>[];
177
+ }) => boolean;
178
+ selectionChange: (_args: {
179
+ row: Record<string, any>;
180
+ index: Number;
181
+ checked: string;
182
+ data: Record<string, any>[];
183
+ isAll: boolean;
184
+ }) => boolean;
185
+ pageLimitChange: (_arg: number) => boolean;
186
+ pageValueChange: (_arg: number) => boolean;
187
+ settingChange: (_args: {
188
+ checked: string[];
189
+ size: string;
190
+ height: number;
191
+ fields: Record<string, any>[];
192
+ }) => boolean;
193
+ scrollBottom: (_args: {
194
+ translateX: number;
195
+ translateY: number;
196
+ scrollTop: number;
197
+ scrollLeft: number;
198
+ bottom: number;
199
+ }) => boolean;
200
+ cellClick: (_args: {
201
+ event: MouseEvent;
202
+ row: Record<string, any>;
203
+ column: import("./props").Column;
204
+ cell: {
205
+ getValue: () => string;
206
+ };
207
+ rowIndex: number;
208
+ columnIndex: number;
209
+ }) => boolean;
210
+ cellDblclick: (_args: {
211
+ event: MouseEvent;
212
+ row: Record<string, any>;
213
+ column: import("./props").Column;
214
+ cell: {
215
+ getValue: () => string;
216
+ };
217
+ rowIndex: number;
218
+ columnIndex: number;
219
+ }) => boolean;
220
+ rowMouseEnter: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => boolean;
221
+ rowMouseLeave: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => boolean;
164
222
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
165
223
  data: import("vue-types").VueTypeDef<any[]> & {
166
224
  default: () => any[];
@@ -175,6 +233,11 @@ declare const _default: import("vue").DefineComponent<{
175
233
  height: import("vue-types").VueTypeDef<string | number> & {
176
234
  default: string | number;
177
235
  };
236
+ stripe: import("vue-types").VueTypeValidableDef<boolean> & {
237
+ default: boolean;
238
+ } & {
239
+ default: boolean;
240
+ };
178
241
  minHeight: import("vue-types").VueTypeDef<string | number> & {
179
242
  default: string | number;
180
243
  };
@@ -194,7 +257,9 @@ declare const _default: import("vue").DefineComponent<{
194
257
  } & {
195
258
  default: boolean;
196
259
  };
197
- thead: import("vue-types").VueTypeShape<import("./props").Thead>;
260
+ thead: import("vue-types").VueTypeDef<import("./props").Thead> & {
261
+ default: () => import("./props").Thead;
262
+ };
198
263
  virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
199
264
  default: boolean;
200
265
  } & {
@@ -223,22 +288,8 @@ declare const _default: import("vue").DefineComponent<{
223
288
  emptyText: import("vue-types").VueTypeValidableDef<string> & {
224
289
  default: string;
225
290
  };
226
- settings: import("vue-types").VueTypeDef<boolean | {
227
- fields: import("./props").Field[] | (() => import("./props").Field[]);
228
- checked: string[] | (() => string[]);
229
- limit: number;
230
- size: "small" | "medium" | "large";
231
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
232
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
233
- }> & {
234
- default: boolean | (() => {
235
- fields: import("./props").Field[] | (() => import("./props").Field[]);
236
- checked: string[] | (() => string[]);
237
- limit: number;
238
- size: "small" | "medium" | "large";
239
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
240
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
241
- });
291
+ settings: import("vue-types").VueTypeDef<import("./props").ISettingPropType> & {
292
+ default: boolean | (() => import("./props").Settings);
242
293
  };
243
294
  rowClass: import("vue-types").VueTypeDef<any> & {
244
295
  default: any;
@@ -277,8 +328,13 @@ declare const _default: import("vue").DefineComponent<{
277
328
  rowKey: import("vue-types").VueTypeDef<any> & {
278
329
  default: any;
279
330
  };
280
- showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
281
- default: boolean | (() => import("./props").IOverflowTooltip);
331
+ showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp> & {
332
+ default: boolean | (() => {
333
+ content: string | Function;
334
+ disabled?: boolean;
335
+ watchCellResize?: boolean;
336
+ mode?: "auto" | "static";
337
+ });
282
338
  };
283
339
  asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
284
340
  default: boolean;
@@ -306,26 +362,87 @@ declare const _default: import("vue").DefineComponent<{
306
362
  default: () => import("vue").CSSProperties;
307
363
  };
308
364
  }>> & {
309
- onSelect?: (...args: any[]) => any;
310
- onColumnPick?: (...args: any[]) => any;
311
- onColumnSort?: (...args: any[]) => any;
312
- onColumnFilter?: (...args: any[]) => any;
313
- onColFilterSave?: (...args: any[]) => any;
314
- onRowClick?: (...args: any[]) => any;
315
- onRowDblclick?: (...args: any[]) => any;
316
- onRowExpand?: (...args: any[]) => any;
317
- onRowMouseEnter?: (...args: any[]) => any;
318
- onRowMouseLeave?: (...args: any[]) => any;
319
- onPageLimitChange?: (...args: any[]) => any;
320
- onPageValueChange?: (...args: any[]) => any;
321
- onSettingChange?: (...args: any[]) => any;
322
- onScrollBottom?: (...args: any[]) => any;
323
- onSelectAll?: (...args: any[]) => any;
324
- onSelectionChange?: (...args: any[]) => any;
325
- onCellClick?: (...args: any[]) => any;
326
- onCellDblclick?: (...args: any[]) => any;
365
+ onSelect?: (_args: {
366
+ row: Record<string, any>;
367
+ index: Number;
368
+ checked: string;
369
+ data: Record<string, any>[];
370
+ }) => any;
371
+ onColumnPick?: (_cols: import("./props").IColumnActive[]) => any;
372
+ onColumnSort?: (_args: {
373
+ column: import("./props").Column;
374
+ index: number;
375
+ type: import("./const").SORT_OPTION;
376
+ }) => any;
377
+ onColumnFilter?: (_args: {
378
+ checked: string[];
379
+ column: import("./props").Column;
380
+ index: number;
381
+ }) => any;
382
+ onColFilterSave?: (_args: {
383
+ column: import("./props").Column;
384
+ values: Record<string, any>[];
385
+ }) => any;
386
+ onRowClick?: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => any;
387
+ onRowDblclick?: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => any;
388
+ onRowExpand?: (_args: {
389
+ row: Record<string, any>;
390
+ column: import("./props").Column;
391
+ index: Number;
392
+ rows: Record<string, any>[];
393
+ e: MouseEvent;
394
+ }) => any;
395
+ onRowMouseEnter?: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => any;
396
+ onRowMouseLeave?: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => any;
397
+ onPageLimitChange?: (_arg: number) => any;
398
+ onPageValueChange?: (_arg: number) => any;
399
+ onSettingChange?: (_args: {
400
+ checked: string[];
401
+ size: string;
402
+ height: number;
403
+ fields: Record<string, any>[];
404
+ }) => any;
405
+ onScrollBottom?: (_args: {
406
+ translateX: number;
407
+ translateY: number;
408
+ scrollTop: number;
409
+ scrollLeft: number;
410
+ bottom: number;
411
+ }) => any;
412
+ onSelectAll?: (_args: {
413
+ checked: string;
414
+ data: Record<string, any>[];
415
+ }) => any;
416
+ onSelectionChange?: (_args: {
417
+ row: Record<string, any>;
418
+ index: Number;
419
+ checked: string;
420
+ data: Record<string, any>[];
421
+ isAll: boolean;
422
+ }) => any;
423
+ onCellClick?: (_args: {
424
+ event: MouseEvent;
425
+ row: Record<string, any>;
426
+ column: import("./props").Column;
427
+ cell: {
428
+ getValue: () => string;
429
+ };
430
+ rowIndex: number;
431
+ columnIndex: number;
432
+ }) => any;
433
+ onCellDblclick?: (_args: {
434
+ event: MouseEvent;
435
+ row: Record<string, any>;
436
+ column: import("./props").Column;
437
+ cell: {
438
+ getValue: () => string;
439
+ };
440
+ rowIndex: number;
441
+ columnIndex: number;
442
+ }) => any;
327
443
  }, {
328
444
  data: any[];
445
+ thead: import("./props").Thead;
329
446
  height: string | number;
330
447
  maxHeight: string | number;
331
448
  border: string | ("col" | "none" | "row" | "horizontal" | "outer")[];
@@ -340,22 +457,16 @@ declare const _default: import("vue").DefineComponent<{
340
457
  scrollLoading: boolean | {
341
458
  [key: string]: any;
342
459
  };
343
- showOverflowTooltip: boolean | import("./props").IOverflowTooltip;
460
+ showOverflowTooltip: import("./props").IOverflowTooltipProp;
344
461
  columnPick: "disabled" | "single" | "multi";
462
+ stripe: boolean;
345
463
  rowHeight: any;
346
464
  showHead: boolean;
347
465
  virtualEnabled: boolean;
348
466
  paginationHeight: number;
349
467
  remotePagination: boolean;
350
468
  emptyText: string;
351
- settings: boolean | {
352
- fields: import("./props").Field[] | (() => import("./props").Field[]);
353
- checked: string[] | (() => string[]);
354
- limit: number;
355
- size: "small" | "medium" | "large";
356
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
357
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
358
- };
469
+ settings: import("./props").ISettingPropType;
359
470
  rowClass: any;
360
471
  rowStyle: any;
361
472
  cellStyle: any;
@@ -42,6 +42,26 @@
42
42
  }
43
43
  }
44
44
 
45
+ .@{bk-prefix}-table-body-content {
46
+ &.@{bk-prefix}-stripe {
47
+ table {
48
+ tbody {
49
+ tr {
50
+ &:nth-child(even) {
51
+ td {
52
+ background-color: #FAFBFD;
53
+ }
54
+ }
55
+
56
+ td {
57
+ border-bottom: none;
58
+ }
59
+ }
60
+ }
61
+ }
62
+ }
63
+ }
64
+
45
65
  .@{bk-prefix}-fixed-bottom-border {
46
66
  position: sticky;
47
67
  bottom: 0;
@@ -82,6 +102,7 @@
82
102
  width: 100%;
83
103
  height: 100%;
84
104
  padding-bottom: 20px;
105
+ position: relative;
85
106
  }
86
107
 
87
108
  }
@@ -97,6 +118,7 @@
97
118
  height: var(--row-height);
98
119
  min-width: 30px;
99
120
  clear: both;
121
+ background-color: #fff;
100
122
 
101
123
  &.expand-row {
102
124
  .expand-btn-action {
@@ -147,7 +169,6 @@
147
169
  &.column_fixed {
148
170
  position: sticky;
149
171
  z-index: 1;
150
- background: #fff;
151
172
 
152
173
  &.column_fixed_left {
153
174
  left: 0;
@@ -278,6 +299,16 @@
278
299
  height: 1rem;
279
300
  }
280
301
  }
302
+
303
+ .@{bk-prefix}-table-fixed {
304
+ .column_fixed {
305
+ &.column_fixed_right {
306
+ &.shadow {
307
+ box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.12);
308
+ }
309
+ }
310
+ }
311
+ }
281
312
  }
282
313
 
283
314
  .@{bk-prefix}-table-footer {
@@ -358,13 +389,14 @@
358
389
  position: absolute;
359
390
  top: 0;
360
391
  right: 0;
361
- bottom: var(--footer-height);
392
+ bottom: 0;
362
393
  left: 0;
363
394
  // width: 100%;
364
395
  pointer-events: none;
365
396
 
366
397
  .column_fixed {
367
398
  position: absolute;
399
+ transform: translate(var(--var-scroll-left), var(--var-scroll-top));
368
400
 
369
401
  &.column_fixed_left {
370
402
  top: 0;
@@ -415,4 +447,8 @@
415
447
  margin-left: auto;
416
448
  }
417
449
  }
450
+
451
+ .stripe-row {
452
+ background: #FAFBFD;
453
+ }
418
454
  }
@@ -1126,6 +1126,12 @@
1126
1126
  .bk-table .bk-table-body .prepend-row {
1127
1127
  transform: translateX(var(--prepend-left));
1128
1128
  }
1129
+ .bk-table .bk-table-body-content.bk-stripe table tbody tr:nth-child(even) td {
1130
+ background-color: #FAFBFD;
1131
+ }
1132
+ .bk-table .bk-table-body-content.bk-stripe table tbody tr td {
1133
+ border-bottom: none;
1134
+ }
1129
1135
  .bk-table .bk-fixed-bottom-border {
1130
1136
  position: sticky;
1131
1137
  bottom: 0;
@@ -1166,6 +1172,7 @@
1166
1172
  width: 100%;
1167
1173
  height: 100%;
1168
1174
  padding-bottom: 20px;
1175
+ position: relative;
1169
1176
  }
1170
1177
  .bk-table .bk-table-head table,
1171
1178
  .bk-table .bk-table-body table {
@@ -1181,6 +1188,7 @@
1181
1188
  height: var(--row-height);
1182
1189
  min-width: 30px;
1183
1190
  clear: both;
1191
+ background-color: #fff;
1184
1192
  }
1185
1193
  .bk-table .bk-table-head table th.expand-row .expand-btn-action,
1186
1194
  .bk-table .bk-table-body table th.expand-row .expand-btn-action,
@@ -1245,7 +1253,6 @@
1245
1253
  .bk-table .bk-table-body table td.column_fixed {
1246
1254
  position: sticky;
1247
1255
  z-index: 1;
1248
- background: #fff;
1249
1256
  }
1250
1257
  .bk-table .bk-table-head table th.column_fixed.column_fixed_left,
1251
1258
  .bk-table .bk-table-body table th.column_fixed.column_fixed_left,
@@ -1362,6 +1369,9 @@
1362
1369
  width: 1rem;
1363
1370
  height: 1rem;
1364
1371
  }
1372
+ .bk-table .bk-table-head .bk-table-fixed .column_fixed.column_fixed_right.shadow {
1373
+ box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.12);
1374
+ }
1365
1375
  .bk-table .bk-table-footer {
1366
1376
  height: var(--footer-height);
1367
1377
  line-height: var(--footer-height);
@@ -1413,12 +1423,13 @@
1413
1423
  position: absolute;
1414
1424
  top: 0;
1415
1425
  right: 0;
1416
- bottom: var(--footer-height);
1426
+ bottom: 0;
1417
1427
  left: 0;
1418
1428
  pointer-events: none;
1419
1429
  }
1420
1430
  .bk-table .bk-table-fixed .column_fixed {
1421
1431
  position: absolute;
1432
+ transform: translate(var(--var-scroll-left), var(--var-scroll-top));
1422
1433
  }
1423
1434
  .bk-table .bk-table-fixed .column_fixed.column_fixed_left {
1424
1435
  top: 0;
@@ -1453,3 +1464,6 @@
1453
1464
  .bk-table .bk-pagination .is-last {
1454
1465
  margin-left: auto;
1455
1466
  }
1467
+ .bk-table .stripe-row {
1468
+ background: #FAFBFD;
1469
+ }
@@ -7,6 +7,52 @@ import { TablePropTypes } from './props';
7
7
  */
8
8
  declare const _default: (props: TablePropTypes, targetColumns: ITableColumn[]) => {
9
9
  initColumns: (column: ITableColumn | ITableColumn[], remove?: boolean) => void;
10
- getColumns: () => import("./props").Column[];
10
+ getColumns: () => import("./props").Column[] | Partial<import("vue").ExtractPropTypes<{
11
+ label: import("vue-types").VueTypeDef<any>;
12
+ field: import("vue-types").VueTypeDef<any>;
13
+ render: import("vue-types").VueTypeDef<any>;
14
+ width: import("vue-types").VueTypeDef<string | number>;
15
+ minWidth: import("vue-types").VueTypeDef<string | number> & {
16
+ default: string | number;
17
+ };
18
+ columnKey: import("vue-types").VueTypeValidableDef<string> & {
19
+ default: string;
20
+ } & {
21
+ default: string;
22
+ };
23
+ showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp> & {
24
+ default: boolean | (() => {
25
+ content: string | Function;
26
+ disabled?: boolean;
27
+ watchCellResize?: boolean;
28
+ mode?: "auto" | "static";
29
+ });
30
+ };
31
+ type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
32
+ resizable: import("vue-types").VueTypeValidableDef<boolean> & {
33
+ default: boolean;
34
+ } & {
35
+ default: boolean;
36
+ };
37
+ fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
38
+ default: boolean | "right" | "left";
39
+ };
40
+ sort: import("vue-types").VueTypeDef<import("./props").ISortPropShape> & {
41
+ default: string | boolean | (() => import("./props").ISortShape);
42
+ };
43
+ filter: import("vue-types").VueTypeDef<import("./props").IFilterPropShape> & {
44
+ default: string | boolean | (() => import("./props").IFilterShape);
45
+ };
46
+ colspan: import("vue-types").VueTypeDef<any>;
47
+ rowspan: import("vue-types").VueTypeDef<any>;
48
+ align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
49
+ className: import("vue-types").VueTypeDef<any>;
50
+ prop: import("vue-types").VueTypeDef<any>;
51
+ index: import("vue-types").VueTypeValidableDef<number> & {
52
+ default: number;
53
+ } & {
54
+ default: number;
55
+ };
56
+ }>>[];
11
57
  };
12
58
  export default _default;
@@ -1,4 +1,5 @@
1
- import { Colgroups, Column, Settings, TablePropTypes } from './props';
1
+ import { ITableColumn } from './components/table-column';
2
+ import { Colgroups, Settings, TablePropTypes } from './props';
2
3
  /**
3
4
  * 渲染class settings
4
5
  * @param props: TablePropTypes
@@ -7,7 +8,7 @@ import { Colgroups, Column, Settings, TablePropTypes } from './props';
7
8
  * @param reactiveProp 组件内部定义的响应式对象
8
9
  * @param pageData 当前页数据
9
10
  */
10
- export declare const useClass: (props: TablePropTypes, targetColumns: Column[], root?: any, reactiveProp?: any, pageData?: any[]) => {
11
+ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColumn[], root?: any, reactiveProp?: any, pageData?: any[]) => {
11
12
  tableClass: import("vue").ComputedRef<string>;
12
13
  headClass: string;
13
14
  contentClass: {
@@ -31,6 +32,15 @@ export declare const useClass: (props: TablePropTypes, targetColumns: Column[],
31
32
  '--scroll-head-left': string;
32
33
  '--scroll-left': string;
33
34
  }>;
35
+ offsetXVarStyle: import("vue").ComputedRef<{
36
+ '--var-scroll-left': string;
37
+ '--var-scroll-top': string;
38
+ }>;
39
+ headOffsetXVarStyle: import("vue").ComputedRef<{
40
+ '--var-scroll-left': string;
41
+ '--var-scroll-top': string;
42
+ right: string;
43
+ }>;
34
44
  resetTableHeight: (rootEl: HTMLElement) => void;
35
45
  updateBorderClass: (root: HTMLElement) => void;
36
46
  getColumnsWidthOffsetWidth: () => number;
@@ -43,7 +53,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: Column[],
43
53
  * @param props: TablePropTypes
44
54
  * @param targetColumns 解析之后的column配置(主要用来处理通过<bk-column>配置的数据结构)
45
55
  */
46
- export declare const useInit: (props: TablePropTypes, targetColumns: Column[]) => {
56
+ export declare const useInit: (props: TablePropTypes, targetColumns: ITableColumn[]) => {
47
57
  colgroups: Colgroups[];
48
58
  dragOffsetXStyle: import("vue").ComputedRef<{
49
59
  readonly position: "absolute";
@@ -63,20 +73,22 @@ export declare const useInit: (props: TablePropTypes, targetColumns: Column[]) =
63
73
  };
64
74
  activeColumns: any[];
65
75
  settings: boolean | {
66
- fields: (() => import("./props").Field[]) | {
76
+ fields?: {
67
77
  label: string;
68
78
  field?: string;
69
79
  disabled?: boolean;
80
+ id?: string;
81
+ name?: string;
70
82
  }[];
71
- checked: string[] | (() => string[]);
72
- limit: number;
73
- size: "small" | "medium" | "large";
74
- sizeList: (object & (() => import("./props").SizeItem[])) | {
83
+ checked?: string[];
84
+ limit?: number;
85
+ size?: string;
86
+ sizeList?: {
75
87
  value?: string;
76
88
  label?: string;
77
89
  height?: number;
78
90
  }[];
79
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
91
+ showLineHeight?: boolean;
80
92
  };
81
93
  setting: {
82
94
  size: string;
@@ -93,6 +105,7 @@ export declare const useInit: (props: TablePropTypes, targetColumns: Column[]) =
93
105
  }[]>;
94
106
  resolveColumnStyle: (colPos: string) => {
95
107
  width: string;
108
+ backgroundColor: string;
96
109
  bottom: string;
97
110
  };
98
111
  resolveColumnClass: (column: import("./props").GroupColumn, scrollX?: any, offsetRight?: any) => {
@@ -83,6 +83,7 @@ export declare const resolveHeadConfig: (props: TablePropTypes) => {
83
83
  height?: Number;
84
84
  isShow?: boolean;
85
85
  cellFn?: Function;
86
+ color?: string;
86
87
  };
87
88
  /**
88
89
  * 获取当前行指定列的内容