bkui-vue 0.0.3-beta.4 → 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.
Files changed (72) hide show
  1. package/dist/index.cjs.js +36 -36
  2. package/dist/index.esm.js +9815 -10064
  3. package/dist/index.umd.js +36 -36
  4. package/dist/locale/en.esm.js +1 -1
  5. package/dist/locale/en.esm.js.map +1 -1
  6. package/dist/locale/en.umd.js +1 -1
  7. package/dist/locale/en.umd.js.map +1 -1
  8. package/dist/locale/zh-cn.esm.js +1 -1
  9. package/dist/locale/zh-cn.esm.js.map +1 -1
  10. package/dist/locale/zh-cn.umd.js +1 -1
  11. package/dist/locale/zh-cn.umd.js.map +1 -1
  12. package/dist/style.css +1 -1
  13. package/dist/style.variable.css +1 -1
  14. package/lib/config-provider/config-provider.d.ts +9 -0
  15. package/lib/config-provider/index.d.ts +12 -0
  16. package/lib/config-provider/token.d.ts +3 -0
  17. package/lib/dialog/dialog.css +61 -35
  18. package/lib/dialog/dialog.d.ts +20 -11
  19. package/lib/dialog/dialog.less +2 -2
  20. package/lib/dialog/dialog.variable.css +61 -35
  21. package/lib/dialog/index.d.ts +38 -22
  22. package/lib/dialog/index.js +4 -3
  23. package/lib/dialog/props.d.ts +8 -4
  24. package/lib/form/form.css +3 -0
  25. package/lib/form/form.less +3 -0
  26. package/lib/form/form.variable.css +3 -0
  27. package/lib/form/index.js +4 -1
  28. package/lib/info-box/index.d.ts +1 -0
  29. package/lib/info-box/index.js +113 -17333
  30. package/lib/info-box/info-box.css +10 -10
  31. package/lib/info-box/info-box.d.ts +4 -3
  32. package/lib/info-box/info-box.less +37 -34
  33. package/lib/info-box/info-box.variable.css +10 -10
  34. package/lib/loading/index.d.ts +4 -4
  35. package/lib/loading/loading.d.ts +3 -3
  36. package/lib/locale/index.js +8 -10
  37. package/lib/locale/lang/en.d.ts +3 -0
  38. package/lib/modal/index.d.ts +108 -65
  39. package/lib/modal/index.js +160 -103
  40. package/lib/modal/modal.css +36 -10
  41. package/lib/modal/modal.d.ts +40 -22
  42. package/lib/modal/modal.less +34 -0
  43. package/lib/modal/modal.variable.css +36 -10
  44. package/lib/modal/props.mixin.d.ts +8 -4
  45. package/lib/preset.d.ts +6 -0
  46. package/lib/resize-layout/index.d.ts +3 -3
  47. package/lib/resize-layout/resize-layout.d.ts +1 -1
  48. package/lib/shared/index.d.ts +1 -2
  49. package/lib/shared/index.js +486 -1133
  50. package/lib/shared/mask.d.ts +11 -0
  51. package/lib/sideslider/index.d.ts +38 -22
  52. package/lib/sideslider/index.js +0 -1
  53. package/lib/sideslider/sideslider.css +12 -11
  54. package/lib/sideslider/sideslider.d.ts +20 -11
  55. package/lib/sideslider/sideslider.less +79 -77
  56. package/lib/sideslider/sideslider.variable.css +12 -11
  57. package/lib/styles/index.d.ts +1 -0
  58. package/lib/table/components/table-column.d.ts +1 -0
  59. package/lib/table/index.d.ts +1 -0
  60. package/lib/table/index.js +2 -1
  61. package/lib/table/props.d.ts +1 -0
  62. package/lib/table/use-column.d.ts +3 -0
  63. package/lib/table-column/index.d.ts +3 -0
  64. package/lib/version-log/index.d.ts +298 -0
  65. package/lib/version-log/index.js +9045 -0
  66. package/lib/version-log/version-log.css +224 -0
  67. package/lib/version-log/version-log.d.ts +203 -0
  68. package/lib/version-log/version-log.less +239 -0
  69. package/lib/version-log/version-log.variable.css +350 -0
  70. package/package.json +2 -1
  71. package/lib/shared/mask-manager.d.ts +0 -89
  72. package/lib/shared/pop-manager.d.ts +0 -41
@@ -0,0 +1,11 @@
1
+ type IMaskOption = {
2
+ el: HTMLElement;
3
+ mask?: HTMLElement;
4
+ backgroundColor?: string;
5
+ showMask?: boolean;
6
+ };
7
+ export declare const mask: {
8
+ showMask: (options: IMaskOption) => void;
9
+ hideMask: (options: IMaskOption) => void;
10
+ };
11
+ export {};
@@ -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?: "loading" | "success" | "warning" | "danger";
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<"loading" | "success" | "warning" | "danger">;
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<"loading" | "success" | "warning" | "danger">;
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<"loading" | "success" | "warning" | "danger">;
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;
@@ -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-wrapper.bk-sideslider-wrapper {
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-wrapper.bk-sideslider-wrapper.scroll-able .bk-modal-content {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right::before {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left::before {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title.right {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-footer {
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<"loading" | "success" | "warning" | "danger">;
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<"loading" | "success" | "warning" | "danger">;
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-wrapper {
52
+ .@{bk-prefix}-modal-ctx {
53
53
  &.@{bk-prefix}-sideslider-wrapper {
54
- position: absolute;
55
- top: 0;
56
- bottom: 0;
57
- left: auto;
58
- //background: #fff;
59
- transform: initial;
60
- //box-shadow: -5px 0 8px -5px rgb(0 0 0 / 20%);
61
-
62
- &.scroll-able {
63
- .@{bk-prefix}-modal-content {
64
- overflow: auto;
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
- .@{bk-prefix}-sideslider-header {
69
- width: 100%;
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
- 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);
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
- &.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);
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-title {
136
+ .@{bk-prefix}-sideslider-footer {
122
137
  display: flex;
123
- height: 52px;
124
- padding-left: 30px;
125
- font-size: 16px;
126
- color: #313238;
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-wrapper.bk-sideslider-wrapper {
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-wrapper.bk-sideslider-wrapper.scroll-able .bk-modal-content {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right::before {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left::before {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title.right {
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-wrapper.bk-sideslider-wrapper .bk-sideslider-footer {
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;
@@ -57,3 +57,4 @@ import '../pop-confirm/pop-confirm.less';
57
57
  import '../image/image.less';
58
58
  import '../image/image-viewer.less';
59
59
  import '../overflow-title/overflow-title.less';
60
+ import '../version-log/version-log.less';
@@ -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;
@@ -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;
@@ -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
- disabled = false;
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;
@@ -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;