bkui-vue 0.0.2-beta.8 → 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 +7444 -7497
  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 +746 -425
  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 +146 -167
  34. package/lib/table/render.d.ts +6 -4
  35. package/lib/table/table.css +13 -2
  36. package/lib/table/table.d.ts +192 -92
  37. package/lib/table/table.less +34 -2
  38. package/lib/table/table.variable.css +13 -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,11 +36,8 @@ declare const _default: import("vue").DefineComponent<{
31
36
  } & {
32
37
  default: boolean;
33
38
  };
34
- thead: import("vue-types").VueTypeShape<import("./props").Thead>;
35
- stripe: import("vue-types").VueTypeValidableDef<boolean> & {
36
- default: boolean;
37
- } & {
38
- default: boolean;
39
+ thead: import("vue-types").VueTypeDef<import("./props").Thead> & {
40
+ default: () => import("./props").Thead;
39
41
  };
40
42
  virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
41
43
  default: boolean;
@@ -65,22 +67,8 @@ declare const _default: import("vue").DefineComponent<{
65
67
  emptyText: import("vue-types").VueTypeValidableDef<string> & {
66
68
  default: string;
67
69
  };
68
- settings: import("vue-types").VueTypeDef<boolean | {
69
- fields: import("./props").Field[] | (() => import("./props").Field[]);
70
- checked: string[] | (() => string[]);
71
- limit: number;
72
- size: "small" | "medium" | "large";
73
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
74
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
75
- }> & {
76
- default: boolean | (() => {
77
- fields: import("./props").Field[] | (() => import("./props").Field[]);
78
- checked: string[] | (() => string[]);
79
- limit: number;
80
- size: "small" | "medium" | "large";
81
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
82
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
83
- });
70
+ settings: import("vue-types").VueTypeDef<import("./props").ISettingPropType> & {
71
+ default: boolean | (() => import("./props").Settings);
84
72
  };
85
73
  rowClass: import("vue-types").VueTypeDef<any> & {
86
74
  default: any;
@@ -119,8 +107,13 @@ declare const _default: import("vue").DefineComponent<{
119
107
  rowKey: import("vue-types").VueTypeDef<any> & {
120
108
  default: any;
121
109
  };
122
- showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
123
- 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
+ });
124
117
  };
125
118
  asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
126
119
  default: boolean;
@@ -148,24 +141,84 @@ declare const _default: import("vue").DefineComponent<{
148
141
  default: () => import("vue").CSSProperties;
149
142
  };
150
143
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
151
- columnPick: (..._args: any[]) => boolean;
152
- columnFilter: (..._args: any[]) => boolean;
153
- columnSort: (..._args: any[]) => boolean;
154
- colFilterSave: (..._args: any[]) => boolean;
155
- rowClick: (..._args: any[]) => boolean;
156
- rowDblclick: (..._args: any[]) => boolean;
157
- rowExpand: (..._args: any[]) => boolean;
158
- select: (..._args: any[]) => boolean;
159
- selectAll: (..._args: any[]) => boolean;
160
- selectionChange: (..._args: any[]) => boolean;
161
- pageLimitChange: (..._args: any[]) => boolean;
162
- pageValueChange: (..._args: any[]) => boolean;
163
- settingChange: (..._args: any[]) => boolean;
164
- scrollBottom: (..._args: any[]) => boolean;
165
- cellClick: (..._args: any[]) => boolean;
166
- cellDblclick: (..._args: any[]) => boolean;
167
- rowMouseEnter: (..._args: any[]) => boolean;
168
- 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;
169
222
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
170
223
  data: import("vue-types").VueTypeDef<any[]> & {
171
224
  default: () => any[];
@@ -180,6 +233,11 @@ declare const _default: import("vue").DefineComponent<{
180
233
  height: import("vue-types").VueTypeDef<string | number> & {
181
234
  default: string | number;
182
235
  };
236
+ stripe: import("vue-types").VueTypeValidableDef<boolean> & {
237
+ default: boolean;
238
+ } & {
239
+ default: boolean;
240
+ };
183
241
  minHeight: import("vue-types").VueTypeDef<string | number> & {
184
242
  default: string | number;
185
243
  };
@@ -199,11 +257,8 @@ declare const _default: import("vue").DefineComponent<{
199
257
  } & {
200
258
  default: boolean;
201
259
  };
202
- thead: import("vue-types").VueTypeShape<import("./props").Thead>;
203
- stripe: import("vue-types").VueTypeValidableDef<boolean> & {
204
- default: boolean;
205
- } & {
206
- default: boolean;
260
+ thead: import("vue-types").VueTypeDef<import("./props").Thead> & {
261
+ default: () => import("./props").Thead;
207
262
  };
208
263
  virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
209
264
  default: boolean;
@@ -233,22 +288,8 @@ declare const _default: import("vue").DefineComponent<{
233
288
  emptyText: import("vue-types").VueTypeValidableDef<string> & {
234
289
  default: string;
235
290
  };
236
- settings: import("vue-types").VueTypeDef<boolean | {
237
- fields: import("./props").Field[] | (() => import("./props").Field[]);
238
- checked: string[] | (() => string[]);
239
- limit: number;
240
- size: "small" | "medium" | "large";
241
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
242
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
243
- }> & {
244
- default: boolean | (() => {
245
- fields: import("./props").Field[] | (() => import("./props").Field[]);
246
- checked: string[] | (() => string[]);
247
- limit: number;
248
- size: "small" | "medium" | "large";
249
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
250
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
251
- });
291
+ settings: import("vue-types").VueTypeDef<import("./props").ISettingPropType> & {
292
+ default: boolean | (() => import("./props").Settings);
252
293
  };
253
294
  rowClass: import("vue-types").VueTypeDef<any> & {
254
295
  default: any;
@@ -287,8 +328,13 @@ declare const _default: import("vue").DefineComponent<{
287
328
  rowKey: import("vue-types").VueTypeDef<any> & {
288
329
  default: any;
289
330
  };
290
- showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
291
- 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
+ });
292
338
  };
293
339
  asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
294
340
  default: boolean;
@@ -316,26 +362,87 @@ declare const _default: import("vue").DefineComponent<{
316
362
  default: () => import("vue").CSSProperties;
317
363
  };
318
364
  }>> & {
319
- onSelect?: (...args: any[]) => any;
320
- onColumnPick?: (...args: any[]) => any;
321
- onColumnSort?: (...args: any[]) => any;
322
- onColumnFilter?: (...args: any[]) => any;
323
- onColFilterSave?: (...args: any[]) => any;
324
- onRowClick?: (...args: any[]) => any;
325
- onRowDblclick?: (...args: any[]) => any;
326
- onRowExpand?: (...args: any[]) => any;
327
- onRowMouseEnter?: (...args: any[]) => any;
328
- onRowMouseLeave?: (...args: any[]) => any;
329
- onPageLimitChange?: (...args: any[]) => any;
330
- onPageValueChange?: (...args: any[]) => any;
331
- onSettingChange?: (...args: any[]) => any;
332
- onScrollBottom?: (...args: any[]) => any;
333
- onSelectAll?: (...args: any[]) => any;
334
- onSelectionChange?: (...args: any[]) => any;
335
- onCellClick?: (...args: any[]) => any;
336
- 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;
337
443
  }, {
338
444
  data: any[];
445
+ thead: import("./props").Thead;
339
446
  height: string | number;
340
447
  maxHeight: string | number;
341
448
  border: string | ("col" | "none" | "row" | "horizontal" | "outer")[];
@@ -350,23 +457,16 @@ declare const _default: import("vue").DefineComponent<{
350
457
  scrollLoading: boolean | {
351
458
  [key: string]: any;
352
459
  };
353
- showOverflowTooltip: boolean | import("./props").IOverflowTooltip;
460
+ showOverflowTooltip: import("./props").IOverflowTooltipProp;
354
461
  columnPick: "disabled" | "single" | "multi";
462
+ stripe: boolean;
355
463
  rowHeight: any;
356
464
  showHead: boolean;
357
- stripe: boolean;
358
465
  virtualEnabled: boolean;
359
466
  paginationHeight: number;
360
467
  remotePagination: boolean;
361
468
  emptyText: string;
362
- settings: boolean | {
363
- fields: import("./props").Field[] | (() => import("./props").Field[]);
364
- checked: string[] | (() => string[]);
365
- limit: number;
366
- size: "small" | "medium" | "large";
367
- sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
368
- showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
369
- };
469
+ settings: import("./props").ISettingPropType;
370
470
  rowClass: any;
371
471
  rowStyle: any;
372
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;
@@ -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;
@@ -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
  * 获取当前行指定列的内容