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.
- package/dist/index.cjs.js +54 -54
- package/dist/index.esm.js +7444 -7497
- package/dist/index.umd.js +54 -54
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/components.d.ts +1 -1
- package/lib/container/index.js +1 -1
- package/lib/dropdown/dropdown.d.ts +1 -1
- package/lib/dropdown/index.d.ts +5 -5
- package/lib/message/index.js +1 -1
- package/lib/message/messageConstructor.d.ts +5 -4
- package/lib/plugin-popover/index.js +1 -1
- package/lib/popover/const.d.ts +22 -9
- package/lib/popover/index.d.ts +80 -45
- package/lib/popover/index.js +1 -1
- package/lib/popover/popover.d.ts +24 -16
- package/lib/popover/props.d.ts +4 -2
- package/lib/popover/use-floating.d.ts +1 -1
- package/lib/select/index.d.ts +0 -12
- package/lib/select/select.d.ts +0 -6
- package/lib/styles/mixins/clearfix.less +0 -10
- package/lib/styles/mixins/clearfix.variable.css +0 -8
- package/lib/table/components/table-cell.d.ts +15 -6
- package/lib/table/components/table-column.d.ts +108 -215
- package/lib/table/const.d.ts +16 -54
- package/lib/table/events.d.ts +180 -0
- package/lib/table/index.d.ts +746 -425
- package/lib/table/index.js +1 -1
- package/lib/table/plugins/head-filter.d.ts +3 -7
- package/lib/table/plugins/head-sort.d.ts +3 -7
- package/lib/table/plugins/settings.d.ts +8 -12
- package/lib/table/plugins/use-fixed-column.d.ts +3 -2
- package/lib/table/props.d.ts +146 -167
- package/lib/table/render.d.ts +6 -4
- package/lib/table/table.css +13 -2
- package/lib/table/table.d.ts +192 -92
- package/lib/table/table.less +34 -2
- package/lib/table/table.variable.css +13 -2
- package/lib/table/use-column.d.ts +47 -1
- package/lib/table/use-common.d.ts +22 -9
- package/lib/table/utils.d.ts +1 -0
- package/lib/table-column/index.d.ts +417 -537
- package/lib/table-column/index.js +1 -1
- package/lib/tag-input/index.d.ts +0 -6
- package/lib/tag-input/tag-input.d.ts +0 -4
- package/lib/tag-input/tag-props.d.ts +0 -2
- package/package.json +1 -1
- package/lib/styles/mixins/clearfix.css +0 -8
- package/lib/styles/mixins/mixins.css +0 -72
- package/lib/styles/mixins/mixins.less +0 -5
- package/lib/styles/mixins/mixins.variable.css +0 -72
package/lib/table/table.d.ts
CHANGED
@@ -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").
|
35
|
-
|
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<
|
69
|
-
|
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<
|
123
|
-
default: boolean | (() =>
|
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: (
|
152
|
-
columnFilter: (
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
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").
|
203
|
-
|
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<
|
237
|
-
|
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<
|
291
|
-
default: boolean | (() =>
|
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?: (
|
320
|
-
|
321
|
-
|
322
|
-
|
323
|
-
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
328
|
-
|
329
|
-
|
330
|
-
|
331
|
-
|
332
|
-
|
333
|
-
|
334
|
-
|
335
|
-
|
336
|
-
|
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:
|
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:
|
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;
|
package/lib/table/table.less
CHANGED
@@ -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:
|
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:
|
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 {
|
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:
|
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:
|
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
|
76
|
+
fields?: {
|
67
77
|
label: string;
|
68
78
|
field?: string;
|
69
79
|
disabled?: boolean;
|
80
|
+
id?: string;
|
81
|
+
name?: string;
|
70
82
|
}[];
|
71
|
-
checked
|
72
|
-
limit
|
73
|
-
size
|
74
|
-
sizeList
|
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
|
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) => {
|