bkui-vue 0.0.3-beta.5 → 0.0.3-beta.6
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 +36 -36
- package/dist/index.esm.js +9814 -10065
- package/dist/index.umd.js +36 -36
- package/dist/locale/en.esm.js +1 -1
- package/dist/locale/en.esm.js.map +1 -1
- package/dist/locale/en.umd.js +1 -1
- package/dist/locale/en.umd.js.map +1 -1
- package/dist/locale/zh-cn.esm.js +1 -1
- package/dist/locale/zh-cn.esm.js.map +1 -1
- package/dist/locale/zh-cn.umd.js +1 -1
- package/dist/locale/zh-cn.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/config-provider/config-provider.d.ts +9 -0
- package/lib/config-provider/index.d.ts +12 -0
- package/lib/config-provider/token.d.ts +3 -0
- package/lib/dialog/dialog.css +61 -35
- package/lib/dialog/dialog.d.ts +20 -11
- package/lib/dialog/dialog.less +2 -2
- package/lib/dialog/dialog.variable.css +61 -35
- package/lib/dialog/index.d.ts +38 -22
- package/lib/dialog/index.js +4 -3
- package/lib/dialog/props.d.ts +8 -4
- package/lib/form/form.css +3 -0
- package/lib/form/form.less +3 -0
- package/lib/form/form.variable.css +3 -0
- package/lib/form/index.js +4 -1
- package/lib/info-box/index.d.ts +1 -0
- package/lib/info-box/index.js +112 -17332
- package/lib/info-box/info-box.css +10 -10
- package/lib/info-box/info-box.d.ts +4 -3
- package/lib/info-box/info-box.less +37 -34
- package/lib/info-box/info-box.variable.css +10 -10
- package/lib/loading/index.d.ts +4 -4
- package/lib/loading/loading.d.ts +3 -3
- package/lib/locale/index.js +8 -10
- package/lib/locale/lang/en.d.ts +3 -0
- package/lib/modal/index.d.ts +108 -65
- package/lib/modal/index.js +160 -103
- package/lib/modal/modal.css +36 -10
- package/lib/modal/modal.d.ts +40 -22
- package/lib/modal/modal.less +34 -0
- package/lib/modal/modal.variable.css +36 -10
- package/lib/modal/props.mixin.d.ts +8 -4
- package/lib/preset.d.ts +6 -0
- package/lib/resize-layout/index.d.ts +3 -3
- package/lib/resize-layout/resize-layout.d.ts +1 -1
- package/lib/shared/index.d.ts +1 -2
- package/lib/shared/index.js +486 -1133
- package/lib/shared/mask.d.ts +11 -0
- package/lib/sideslider/index.d.ts +38 -22
- package/lib/sideslider/index.js +0 -1
- package/lib/sideslider/sideslider.css +12 -11
- package/lib/sideslider/sideslider.d.ts +20 -11
- package/lib/sideslider/sideslider.less +79 -77
- package/lib/sideslider/sideslider.variable.css +12 -11
- package/lib/styles/index.d.ts +1 -0
- package/lib/table/components/table-column.d.ts +1 -0
- package/lib/table/index.d.ts +1 -0
- package/lib/table/index.js +2 -1
- package/lib/table/props.d.ts +1 -0
- package/lib/table/use-column.d.ts +3 -0
- package/lib/table-column/index.d.ts +3 -0
- package/lib/version-log/index.d.ts +298 -0
- package/lib/version-log/index.js +9045 -0
- package/lib/version-log/version-log.css +224 -0
- package/lib/version-log/version-log.d.ts +203 -0
- package/lib/version-log/version-log.less +239 -0
- package/lib/version-log/version-log.variable.css +350 -0
- package/package.json +2 -1
- package/lib/shared/mask-manager.d.ts +0 -89
- package/lib/shared/pop-manager.d.ts +0 -41
@@ -8,23 +8,25 @@ declare const BkSideslider: {
|
|
8
8
|
height?: string | number;
|
9
9
|
maxHeight?: string;
|
10
10
|
extCls?: string | unknown[];
|
11
|
+
top?: string;
|
12
|
+
left?: string;
|
11
13
|
isShow?: boolean;
|
12
|
-
zIndex?: string | number;
|
13
14
|
draggable?: boolean;
|
14
15
|
transfer?: string | boolean | HTMLElement;
|
15
|
-
showMask?: boolean;
|
16
|
-
multiInstance?: boolean;
|
17
16
|
direction?: string;
|
18
17
|
renderDirective?: "show" | "if";
|
19
18
|
quickClose?: boolean;
|
20
19
|
scrollable?: boolean;
|
20
|
+
showMask?: boolean;
|
21
21
|
closeIcon?: boolean;
|
22
22
|
escClose?: boolean;
|
23
23
|
fullscreen?: boolean;
|
24
24
|
animateType?: string;
|
25
|
+
multiInstance?: boolean;
|
25
26
|
class?: unknown;
|
26
27
|
style?: unknown;
|
27
28
|
ref?: import("vue").VNodeRef;
|
29
|
+
readonly zIndex?: string | number;
|
28
30
|
key?: string | number | symbol;
|
29
31
|
ref_for?: boolean;
|
30
32
|
ref_key?: string;
|
@@ -71,7 +73,7 @@ declare const BkSideslider: {
|
|
71
73
|
onShown?: (...args: any[]) => any;
|
72
74
|
onHidden?: (...args: any[]) => any;
|
73
75
|
readonly beforeClose?: unknown;
|
74
|
-
readonly infoType?: "
|
76
|
+
readonly infoType?: "success" | "warning" | "danger" | "primary";
|
75
77
|
onClosed?: (...args: any[]) => any;
|
76
78
|
"onUpdate:isShow"?: (...args: any[]) => any;
|
77
79
|
"onAnimation-end"?: (...args: any[]) => any;
|
@@ -150,9 +152,7 @@ declare const BkSideslider: {
|
|
150
152
|
transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
|
151
153
|
default: string | boolean | (() => HTMLElement);
|
152
154
|
};
|
153
|
-
zIndex: import("vue-types").VueTypeDef<string | number
|
154
|
-
default: string | number;
|
155
|
-
};
|
155
|
+
zIndex: import("vue-types").VueTypeDef<string | number>;
|
156
156
|
maxHeight: import("vue-types").VueTypeValidableDef<string> & {
|
157
157
|
default: string;
|
158
158
|
};
|
@@ -176,7 +176,13 @@ declare const BkSideslider: {
|
|
176
176
|
} & {
|
177
177
|
default: boolean;
|
178
178
|
};
|
179
|
-
infoType: import("vue-types").VueTypeDef<"
|
179
|
+
infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
|
180
|
+
left: import("vue-types").VueTypeValidableDef<string> & {
|
181
|
+
default: string;
|
182
|
+
};
|
183
|
+
top: import("vue-types").VueTypeValidableDef<string> & {
|
184
|
+
default: string;
|
185
|
+
};
|
180
186
|
}>> & {
|
181
187
|
onShown?: (...args: any[]) => any;
|
182
188
|
onHidden?: (...args: any[]) => any;
|
@@ -189,20 +195,21 @@ declare const BkSideslider: {
|
|
189
195
|
height: string | number;
|
190
196
|
maxHeight: string;
|
191
197
|
extCls: string | unknown[];
|
198
|
+
top: string;
|
199
|
+
left: string;
|
192
200
|
isShow: boolean;
|
193
|
-
zIndex: string | number;
|
194
201
|
draggable: boolean;
|
195
202
|
transfer: string | boolean | HTMLElement;
|
196
|
-
showMask: boolean;
|
197
|
-
multiInstance: boolean;
|
198
203
|
direction: string;
|
199
204
|
renderDirective: "show" | "if";
|
200
205
|
quickClose: boolean;
|
201
206
|
scrollable: boolean;
|
207
|
+
showMask: boolean;
|
202
208
|
closeIcon: boolean;
|
203
209
|
escClose: boolean;
|
204
210
|
fullscreen: boolean;
|
205
211
|
animateType: string;
|
212
|
+
multiInstance: boolean;
|
206
213
|
}, {}, string, {}> & {
|
207
214
|
beforeCreate?: (() => void) | (() => void)[];
|
208
215
|
created?: (() => void) | (() => void)[];
|
@@ -284,9 +291,7 @@ declare const BkSideslider: {
|
|
284
291
|
transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
|
285
292
|
default: string | boolean | (() => HTMLElement);
|
286
293
|
};
|
287
|
-
zIndex: import("vue-types").VueTypeDef<string | number
|
288
|
-
default: string | number;
|
289
|
-
};
|
294
|
+
zIndex: import("vue-types").VueTypeDef<string | number>;
|
290
295
|
maxHeight: import("vue-types").VueTypeValidableDef<string> & {
|
291
296
|
default: string;
|
292
297
|
};
|
@@ -310,7 +315,13 @@ declare const BkSideslider: {
|
|
310
315
|
} & {
|
311
316
|
default: boolean;
|
312
317
|
};
|
313
|
-
infoType: import("vue-types").VueTypeDef<"
|
318
|
+
infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
|
319
|
+
left: import("vue-types").VueTypeValidableDef<string> & {
|
320
|
+
default: string;
|
321
|
+
};
|
322
|
+
top: import("vue-types").VueTypeValidableDef<string> & {
|
323
|
+
default: string;
|
324
|
+
};
|
314
325
|
}>> & {
|
315
326
|
onShown?: (...args: any[]) => any;
|
316
327
|
onHidden?: (...args: any[]) => any;
|
@@ -382,9 +393,7 @@ declare const BkSideslider: {
|
|
382
393
|
transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
|
383
394
|
default: string | boolean | (() => HTMLElement);
|
384
395
|
};
|
385
|
-
zIndex: import("vue-types").VueTypeDef<string | number
|
386
|
-
default: string | number;
|
387
|
-
};
|
396
|
+
zIndex: import("vue-types").VueTypeDef<string | number>;
|
388
397
|
maxHeight: import("vue-types").VueTypeValidableDef<string> & {
|
389
398
|
default: string;
|
390
399
|
};
|
@@ -408,7 +417,13 @@ declare const BkSideslider: {
|
|
408
417
|
} & {
|
409
418
|
default: boolean;
|
410
419
|
};
|
411
|
-
infoType: import("vue-types").VueTypeDef<"
|
420
|
+
infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
|
421
|
+
left: import("vue-types").VueTypeValidableDef<string> & {
|
422
|
+
default: string;
|
423
|
+
};
|
424
|
+
top: import("vue-types").VueTypeValidableDef<string> & {
|
425
|
+
default: string;
|
426
|
+
};
|
412
427
|
}>> & {
|
413
428
|
onShown?: (...args: any[]) => any;
|
414
429
|
onHidden?: (...args: any[]) => any;
|
@@ -421,19 +436,20 @@ declare const BkSideslider: {
|
|
421
436
|
height: string | number;
|
422
437
|
maxHeight: string;
|
423
438
|
extCls: string | unknown[];
|
439
|
+
top: string;
|
440
|
+
left: string;
|
424
441
|
isShow: boolean;
|
425
|
-
zIndex: string | number;
|
426
442
|
draggable: boolean;
|
427
443
|
transfer: string | boolean | HTMLElement;
|
428
|
-
showMask: boolean;
|
429
|
-
multiInstance: boolean;
|
430
444
|
direction: string;
|
431
445
|
renderDirective: "show" | "if";
|
432
446
|
quickClose: boolean;
|
433
447
|
scrollable: boolean;
|
448
|
+
showMask: boolean;
|
434
449
|
closeIcon: boolean;
|
435
450
|
escClose: boolean;
|
436
451
|
fullscreen: boolean;
|
437
452
|
animateType: string;
|
453
|
+
multiInstance: boolean;
|
438
454
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
|
439
455
|
export default BkSideslider;
|
package/lib/sideslider/index.js
CHANGED
@@ -656,7 +656,6 @@ sliderPops.height["default"] = '100%';
|
|
656
656
|
return (0,external_vue_namespaceObject.createVNode)(external_modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(props, {
|
657
657
|
"maxHeight": maxHeight,
|
658
658
|
"class": className,
|
659
|
-
"style": "".concat(props.direction, ": 0;"),
|
660
659
|
"onHidden": handleHidden,
|
661
660
|
"onShown": handleShown,
|
662
661
|
"onClose": handleClose
|
@@ -37,23 +37,24 @@
|
|
37
37
|
opacity: 1;
|
38
38
|
}
|
39
39
|
}
|
40
|
-
.bk-modal-
|
40
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper {
|
41
41
|
position: absolute;
|
42
42
|
top: 0;
|
43
43
|
bottom: 0;
|
44
44
|
left: auto;
|
45
45
|
transform: initial;
|
46
46
|
}
|
47
|
-
.bk-modal-
|
47
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper.scroll-able .bk-modal-content {
|
48
48
|
overflow: auto;
|
49
|
+
height: 100%;
|
49
50
|
}
|
50
|
-
.bk-modal-
|
51
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header {
|
51
52
|
width: 100%;
|
52
53
|
height: 52px;
|
53
54
|
background: #fff;
|
54
55
|
border-bottom: 1px solid #dcdee5;
|
55
56
|
}
|
56
|
-
.bk-modal-
|
57
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close {
|
57
58
|
position: absolute;
|
58
59
|
top: 0;
|
59
60
|
width: 30px;
|
@@ -65,10 +66,10 @@
|
|
65
66
|
cursor: pointer;
|
66
67
|
background-color: #3a84ff;
|
67
68
|
}
|
68
|
-
.bk-modal-
|
69
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.right {
|
69
70
|
left: 0;
|
70
71
|
}
|
71
|
-
.bk-modal-
|
72
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.right::before {
|
72
73
|
top: 50%;
|
73
74
|
left: 50%;
|
74
75
|
display: inline-block;
|
@@ -79,10 +80,10 @@
|
|
79
80
|
content: '';
|
80
81
|
transform: translate(-50%, -50%) rotate(45deg);
|
81
82
|
}
|
82
|
-
.bk-modal-
|
83
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.left {
|
83
84
|
right: 0;
|
84
85
|
}
|
85
|
-
.bk-modal-
|
86
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.left::before {
|
86
87
|
top: 50%;
|
87
88
|
left: 50%;
|
88
89
|
display: inline-block;
|
@@ -93,7 +94,7 @@
|
|
93
94
|
content: '';
|
94
95
|
transform: translate(50%, -50%) rotate(-45deg);
|
95
96
|
}
|
96
|
-
.bk-modal-
|
97
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-title {
|
97
98
|
display: flex;
|
98
99
|
height: 52px;
|
99
100
|
padding-left: 30px;
|
@@ -101,11 +102,11 @@
|
|
101
102
|
color: #313238;
|
102
103
|
align-items: center;
|
103
104
|
}
|
104
|
-
.bk-modal-
|
105
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-title.right {
|
105
106
|
width: 100%;
|
106
107
|
padding: 0 0 0 46px;
|
107
108
|
}
|
108
|
-
.bk-modal-
|
109
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-footer {
|
109
110
|
display: flex;
|
110
111
|
width: 100%;
|
111
112
|
height: 54px;
|
@@ -59,9 +59,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
59
59
|
transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
|
60
60
|
default: string | boolean | (() => HTMLElement);
|
61
61
|
};
|
62
|
-
zIndex: import("vue-types").VueTypeDef<string | number
|
63
|
-
default: string | number;
|
64
|
-
};
|
62
|
+
zIndex: import("vue-types").VueTypeDef<string | number>;
|
65
63
|
maxHeight: import("vue-types").VueTypeValidableDef<string> & {
|
66
64
|
default: string;
|
67
65
|
};
|
@@ -85,7 +83,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
85
83
|
} & {
|
86
84
|
default: boolean;
|
87
85
|
};
|
88
|
-
infoType: import("vue-types").VueTypeDef<"
|
86
|
+
infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
|
87
|
+
left: import("vue-types").VueTypeValidableDef<string> & {
|
88
|
+
default: string;
|
89
|
+
};
|
90
|
+
top: import("vue-types").VueTypeValidableDef<string> & {
|
91
|
+
default: string;
|
92
|
+
};
|
89
93
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], "shown" | "hidden" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
90
94
|
direction: {
|
91
95
|
type: StringConstructor;
|
@@ -147,9 +151,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
147
151
|
transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
|
148
152
|
default: string | boolean | (() => HTMLElement);
|
149
153
|
};
|
150
|
-
zIndex: import("vue-types").VueTypeDef<string | number
|
151
|
-
default: string | number;
|
152
|
-
};
|
154
|
+
zIndex: import("vue-types").VueTypeDef<string | number>;
|
153
155
|
maxHeight: import("vue-types").VueTypeValidableDef<string> & {
|
154
156
|
default: string;
|
155
157
|
};
|
@@ -173,7 +175,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
173
175
|
} & {
|
174
176
|
default: boolean;
|
175
177
|
};
|
176
|
-
infoType: import("vue-types").VueTypeDef<"
|
178
|
+
infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
|
179
|
+
left: import("vue-types").VueTypeValidableDef<string> & {
|
180
|
+
default: string;
|
181
|
+
};
|
182
|
+
top: import("vue-types").VueTypeValidableDef<string> & {
|
183
|
+
default: string;
|
184
|
+
};
|
177
185
|
}>> & {
|
178
186
|
onShown?: (...args: any[]) => any;
|
179
187
|
onHidden?: (...args: any[]) => any;
|
@@ -186,19 +194,20 @@ declare const _default: import("vue").DefineComponent<{
|
|
186
194
|
height: string | number;
|
187
195
|
maxHeight: string;
|
188
196
|
extCls: string | unknown[];
|
197
|
+
top: string;
|
198
|
+
left: string;
|
189
199
|
isShow: boolean;
|
190
|
-
zIndex: string | number;
|
191
200
|
draggable: boolean;
|
192
201
|
transfer: string | boolean | HTMLElement;
|
193
|
-
showMask: boolean;
|
194
|
-
multiInstance: boolean;
|
195
202
|
direction: string;
|
196
203
|
renderDirective: "show" | "if";
|
197
204
|
quickClose: boolean;
|
198
205
|
scrollable: boolean;
|
206
|
+
showMask: boolean;
|
199
207
|
closeIcon: boolean;
|
200
208
|
escClose: boolean;
|
201
209
|
fullscreen: boolean;
|
202
210
|
animateType: string;
|
211
|
+
multiInstance: boolean;
|
203
212
|
}, {}>;
|
204
213
|
export default _default;
|
@@ -49,99 +49,101 @@
|
|
49
49
|
}
|
50
50
|
}
|
51
51
|
|
52
|
-
.@{bk-prefix}-modal-
|
52
|
+
.@{bk-prefix}-modal-ctx {
|
53
53
|
&.@{bk-prefix}-sideslider-wrapper {
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
54
|
+
.@{bk-prefix}-modal-wrapper {
|
55
|
+
position: absolute;
|
56
|
+
top: 0;
|
57
|
+
bottom: 0;
|
58
|
+
left: auto;
|
59
|
+
transform: initial;
|
60
|
+
|
61
|
+
&.scroll-able {
|
62
|
+
.@{bk-prefix}-modal-content {
|
63
|
+
overflow: auto;
|
64
|
+
height: 100%;
|
65
|
+
}
|
65
66
|
}
|
66
|
-
}
|
67
67
|
|
68
|
-
|
69
|
-
|
70
|
-
height: 52px;
|
71
|
-
background: #fff;
|
72
|
-
border-bottom: 1px solid #dcdee5;
|
73
|
-
|
74
|
-
.@{bk-prefix}-sideslider-close {
|
75
|
-
position: absolute;
|
76
|
-
top: 0;
|
77
|
-
width: 30px;
|
68
|
+
.@{bk-prefix}-sideslider-header {
|
69
|
+
width: 100%;
|
78
70
|
height: 52px;
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
71
|
+
background: #fff;
|
72
|
+
border-bottom: 1px solid #dcdee5;
|
73
|
+
|
74
|
+
.@{bk-prefix}-sideslider-close {
|
75
|
+
position: absolute;
|
76
|
+
top: 0;
|
77
|
+
width: 30px;
|
78
|
+
height: 52px;
|
79
|
+
font-size: 24px;
|
80
|
+
line-height: 52px;
|
81
|
+
color: #fff;
|
82
|
+
text-align: center;
|
83
|
+
cursor: pointer;
|
84
|
+
background-color: @primary-color;
|
85
|
+
|
86
|
+
&.right {
|
87
|
+
left: 0;
|
88
|
+
|
89
|
+
&::before {
|
90
|
+
top: 50%;
|
91
|
+
left: 50%;
|
92
|
+
display: inline-block;
|
93
|
+
width: 8px;
|
94
|
+
height: 8px;
|
95
|
+
border-top: solid 2px #fff;
|
96
|
+
border-right: solid 2px #fff;
|
97
|
+
content: '';
|
98
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
99
|
+
}
|
99
100
|
}
|
100
|
-
}
|
101
101
|
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
102
|
+
&.left {
|
103
|
+
right: 0;
|
104
|
+
|
105
|
+
&::before {
|
106
|
+
top: 50%;
|
107
|
+
left: 50%;
|
108
|
+
display: inline-block;
|
109
|
+
width: 8px;
|
110
|
+
height: 8px;
|
111
|
+
border-top: solid 2px #fff;
|
112
|
+
border-left: solid 2px #fff;
|
113
|
+
content: '';
|
114
|
+
transform: translate(50%, -50%) rotate(-45deg);
|
115
|
+
}
|
115
116
|
}
|
116
|
-
}
|
117
117
|
|
118
118
|
|
119
|
+
}
|
120
|
+
|
121
|
+
.@{bk-prefix}-sideslider-title {
|
122
|
+
display: flex;
|
123
|
+
height: 52px;
|
124
|
+
padding-left: 30px;
|
125
|
+
font-size: 16px;
|
126
|
+
color: #313238;
|
127
|
+
align-items: center;
|
128
|
+
|
129
|
+
&.right {
|
130
|
+
width: 100%;
|
131
|
+
padding: 0 0 0 30+16px;
|
132
|
+
}
|
133
|
+
}
|
119
134
|
}
|
120
135
|
|
121
|
-
.@{bk-prefix}-sideslider-
|
136
|
+
.@{bk-prefix}-sideslider-footer {
|
122
137
|
display: flex;
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
138
|
+
width: 100%;
|
139
|
+
height: 54px;
|
140
|
+
background: #fff;
|
141
|
+
border-top: 1px solid transparent;
|
127
142
|
align-items: center;
|
128
|
-
|
129
|
-
&.right {
|
130
|
-
width: 100%;
|
131
|
-
padding: 0 0 0 30+16px;
|
132
|
-
}
|
143
|
+
box-shadow: rgb(0 0 0 / 6%) 0 -2px 4px 0;
|
133
144
|
}
|
134
145
|
}
|
135
146
|
|
136
|
-
.@{bk-prefix}-sideslider-footer {
|
137
|
-
display: flex;
|
138
|
-
width: 100%;
|
139
|
-
height: 54px;
|
140
|
-
background: #fff;
|
141
|
-
border-top: 1px solid transparent;
|
142
|
-
align-items: center;
|
143
|
-
box-shadow: rgb(0 0 0 / 6%) 0 -2px 4px 0;
|
144
|
-
}
|
145
147
|
}
|
146
148
|
}
|
147
149
|
|
@@ -163,23 +163,24 @@
|
|
163
163
|
opacity: 1;
|
164
164
|
}
|
165
165
|
}
|
166
|
-
.bk-modal-
|
166
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper {
|
167
167
|
position: absolute;
|
168
168
|
top: 0;
|
169
169
|
bottom: 0;
|
170
170
|
left: auto;
|
171
171
|
transform: initial;
|
172
172
|
}
|
173
|
-
.bk-modal-
|
173
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper.scroll-able .bk-modal-content {
|
174
174
|
overflow: auto;
|
175
|
+
height: 100%;
|
175
176
|
}
|
176
|
-
.bk-modal-
|
177
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header {
|
177
178
|
width: 100%;
|
178
179
|
height: 52px;
|
179
180
|
background: #fff;
|
180
181
|
border-bottom: 1px solid #dcdee5;
|
181
182
|
}
|
182
|
-
.bk-modal-
|
183
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close {
|
183
184
|
position: absolute;
|
184
185
|
top: 0;
|
185
186
|
width: 30px;
|
@@ -191,10 +192,10 @@
|
|
191
192
|
cursor: pointer;
|
192
193
|
background-color: var(--primary-color);
|
193
194
|
}
|
194
|
-
.bk-modal-
|
195
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.right {
|
195
196
|
left: 0;
|
196
197
|
}
|
197
|
-
.bk-modal-
|
198
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.right::before {
|
198
199
|
top: 50%;
|
199
200
|
left: 50%;
|
200
201
|
display: inline-block;
|
@@ -205,10 +206,10 @@
|
|
205
206
|
content: '';
|
206
207
|
transform: translate(-50%, -50%) rotate(45deg);
|
207
208
|
}
|
208
|
-
.bk-modal-
|
209
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.left {
|
209
210
|
right: 0;
|
210
211
|
}
|
211
|
-
.bk-modal-
|
212
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.left::before {
|
212
213
|
top: 50%;
|
213
214
|
left: 50%;
|
214
215
|
display: inline-block;
|
@@ -219,7 +220,7 @@
|
|
219
220
|
content: '';
|
220
221
|
transform: translate(50%, -50%) rotate(-45deg);
|
221
222
|
}
|
222
|
-
.bk-modal-
|
223
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-title {
|
223
224
|
display: flex;
|
224
225
|
height: 52px;
|
225
226
|
padding-left: 30px;
|
@@ -227,11 +228,11 @@
|
|
227
228
|
color: #313238;
|
228
229
|
align-items: center;
|
229
230
|
}
|
230
|
-
.bk-modal-
|
231
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-title.right {
|
231
232
|
width: 100%;
|
232
233
|
padding: 0 0 0 46px;
|
233
234
|
}
|
234
|
-
.bk-modal-
|
235
|
+
.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-footer {
|
235
236
|
display: flex;
|
236
237
|
width: 100%;
|
237
238
|
height: 54px;
|
package/lib/styles/index.d.ts
CHANGED
@@ -172,6 +172,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
172
172
|
mode?: "auto" | "static";
|
173
173
|
popoverOption?: any;
|
174
174
|
resizerWay?: import("../props").ResizerWay;
|
175
|
+
showHead?: boolean;
|
175
176
|
};
|
176
177
|
field: import("../props").LabelFunctionString;
|
177
178
|
prop?: import("../props").LabelFunctionString;
|
package/lib/table/index.d.ts
CHANGED
@@ -1369,6 +1369,7 @@ declare const BkTable: {
|
|
1369
1369
|
mode?: "auto" | "static";
|
1370
1370
|
popoverOption?: any;
|
1371
1371
|
resizerWay?: import("./props").ResizerWay;
|
1372
|
+
showHead?: boolean;
|
1372
1373
|
};
|
1373
1374
|
field: import("./props").LabelFunctionString;
|
1374
1375
|
prop?: import("./props").LabelFunctionString;
|
package/lib/table/index.js
CHANGED
@@ -4394,7 +4394,8 @@ const external_directives_namespaceObject = external_directives_x({ ["bkEllipsis
|
|
4394
4394
|
disabled = Reflect.apply(disabled, _this, [props.column, props.row]);
|
4395
4395
|
}
|
4396
4396
|
if (props.isHead) {
|
4397
|
-
|
4397
|
+
var _props$column$showOve, _props$column;
|
4398
|
+
disabled = !((_props$column$showOve = (_props$column = props.column) === null || _props$column === void 0 || (_props$column = _props$column.showOverflowTooltip) === null || _props$column === void 0 ? void 0 : _props$column.showHead) !== null && _props$column$showOve !== void 0 ? _props$column$showOve : true);
|
4398
4399
|
mode = 'auto';
|
4399
4400
|
content = function content() {
|
4400
4401
|
var _getEllipsisTarget;
|
package/lib/table/props.d.ts
CHANGED
@@ -50,6 +50,7 @@ export type IOverflowTooltipProp = {
|
|
50
50
|
mode?: `${OverflowModeEnum}`;
|
51
51
|
popoverOption?: any;
|
52
52
|
resizerWay?: ResizerWay;
|
53
|
+
showHead?: boolean;
|
53
54
|
} | boolean;
|
54
55
|
export type IOverflowTooltip = IOverflowTooltipProp;
|
55
56
|
export declare const IOverflowTooltipPropType: import("vue-types").VueTypeDef<IOverflowTooltipProp>;
|
@@ -23,6 +23,7 @@ declare const _default: (props: TablePropTypes, targetColumns: ITableColumn[]) =
|
|
23
23
|
mode?: "auto" | "static";
|
24
24
|
popoverOption?: any;
|
25
25
|
resizerWay?: import("./props").ResizerWay;
|
26
|
+
showHead?: boolean;
|
26
27
|
};
|
27
28
|
type?: string;
|
28
29
|
fixed?: string | boolean;
|
@@ -110,6 +111,7 @@ declare const _default: (props: TablePropTypes, targetColumns: ITableColumn[]) =
|
|
110
111
|
mode?: "auto" | "static";
|
111
112
|
popoverOption?: any;
|
112
113
|
resizerWay?: import("./props").ResizerWay;
|
114
|
+
showHead?: boolean;
|
113
115
|
};
|
114
116
|
type?: string;
|
115
117
|
fixed?: string | boolean;
|
@@ -197,6 +199,7 @@ declare const _default: (props: TablePropTypes, targetColumns: ITableColumn[]) =
|
|
197
199
|
mode?: "auto" | "static";
|
198
200
|
popoverOption?: any;
|
199
201
|
resizerWay?: import("./props").ResizerWay;
|
202
|
+
showHead?: boolean;
|
200
203
|
};
|
201
204
|
type?: string;
|
202
205
|
fixed?: string | boolean;
|