bkui-vue 0.0.2-beta.110 → 0.0.2-beta.111

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 (185) hide show
  1. package/dist/index.cjs.js +40 -40
  2. package/dist/index.esm.js +2896 -2882
  3. package/dist/index.umd.js +40 -40
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +1 -1
  7. package/lib/affix/affix.variable.css +2 -2
  8. package/lib/alert/alert.css +1 -1
  9. package/lib/alert/alert.variable.css +2 -2
  10. package/lib/backtop/backtop.css +1 -1
  11. package/lib/backtop/backtop.variable.css +3 -3
  12. package/lib/badge/badge.css +9 -3
  13. package/lib/badge/badge.less +8 -4
  14. package/lib/badge/badge.variable.css +10 -4
  15. package/lib/breadcrumb/breadcrumb.css +1 -1
  16. package/lib/breadcrumb/breadcrumb.variable.css +3 -3
  17. package/lib/button/button-group.d.ts +2 -2
  18. package/lib/button/button.css +1 -1
  19. package/lib/button/button.variable.css +2 -2
  20. package/lib/button/index.d.ts +2 -2
  21. package/lib/card/card.css +8 -8
  22. package/lib/card/card.less +7 -7
  23. package/lib/card/card.variable.css +10 -10
  24. package/lib/cascader/cascader.css +1 -1
  25. package/lib/cascader/cascader.variable.css +3 -3
  26. package/lib/checkbox/checkbox.css +2 -2
  27. package/lib/checkbox/checkbox.d.ts +8 -8
  28. package/lib/checkbox/checkbox.less +1 -1
  29. package/lib/checkbox/checkbox.variable.css +3 -3
  30. package/lib/checkbox/index.d.ts +12 -12
  31. package/lib/code-diff/code-diff.css +1 -1
  32. package/lib/code-diff/code-diff.variable.css +2 -2
  33. package/lib/collapse/collapse.css +1 -1
  34. package/lib/collapse/collapse.variable.css +2 -2
  35. package/lib/collapse-transition/collapse-transition.css +1 -1
  36. package/lib/collapse-transition/collapse-transition.variable.css +2 -2
  37. package/lib/color-picker/color-picker.css +1 -1
  38. package/lib/color-picker/color-picker.variable.css +2 -2
  39. package/lib/config-provider/config-provider.css +1 -1
  40. package/lib/config-provider/config-provider.variable.css +2 -2
  41. package/lib/container/container.css +1 -1
  42. package/lib/container/container.variable.css +3 -3
  43. package/lib/date-picker/date-picker.css +1 -1
  44. package/lib/date-picker/date-picker.variable.css +2 -2
  45. package/lib/dialog/dialog.css +8 -7
  46. package/lib/dialog/dialog.less +7 -6
  47. package/lib/dialog/dialog.variable.css +10 -9
  48. package/lib/divider/divider.css +1 -1
  49. package/lib/divider/divider.variable.css +2 -2
  50. package/lib/dropdown/dropdown.css +2 -2
  51. package/lib/dropdown/dropdown.variable.css +4 -4
  52. package/lib/exception/exception.css +1 -1
  53. package/lib/exception/exception.variable.css +2 -2
  54. package/lib/fixed-navbar/fixed-navbar.css +1 -1
  55. package/lib/fixed-navbar/fixed-navbar.variable.css +2 -2
  56. package/lib/form/form.css +2 -2
  57. package/lib/form/form.less +2 -2
  58. package/lib/form/form.variable.css +3 -3
  59. package/lib/image/image-viewer.css +1 -1
  60. package/lib/image/image-viewer.variable.css +2 -2
  61. package/lib/image/image.css +1 -1
  62. package/lib/image/image.variable.css +3 -3
  63. package/lib/info-box/info-box.css +1 -1
  64. package/lib/info-box/info-box.variable.css +2 -2
  65. package/lib/input/index.d.ts +4 -4
  66. package/lib/input/input.css +1 -1
  67. package/lib/input/input.d.ts +3 -3
  68. package/lib/input/input.variable.css +3 -3
  69. package/lib/link/link.css +1 -1
  70. package/lib/link/link.variable.css +2 -2
  71. package/lib/loading/loading.css +10 -10
  72. package/lib/loading/loading.less +14 -9
  73. package/lib/loading/loading.variable.css +12 -12
  74. package/lib/menu/menu.css +1 -1
  75. package/lib/menu/menu.variable.css +3 -3
  76. package/lib/menu/submenu.css +1 -1
  77. package/lib/menu/submenu.variable.css +2 -2
  78. package/lib/message/message.css +1 -1
  79. package/lib/message/message.variable.css +2 -2
  80. package/lib/modal/modal.css +1 -1
  81. package/lib/modal/modal.variable.css +3 -3
  82. package/lib/navigation/navigation.css +1 -1
  83. package/lib/navigation/navigation.variable.css +2 -2
  84. package/lib/notify/notify.css +7 -7
  85. package/lib/notify/notify.less +6 -6
  86. package/lib/notify/notify.variable.css +8 -8
  87. package/lib/pagination/index.d.ts +4 -4
  88. package/lib/pagination/pagination.css +1 -1
  89. package/lib/pagination/pagination.d.ts +3 -3
  90. package/lib/pagination/pagination.variable.css +2 -2
  91. package/lib/pop-confirm/pop-confirm.css +5 -5
  92. package/lib/pop-confirm/pop-confirm.less +4 -4
  93. package/lib/pop-confirm/pop-confirm.variable.css +6 -6
  94. package/lib/popover/popover.css +2 -2
  95. package/lib/popover/popover.less +1 -1
  96. package/lib/popover/popover.variable.css +3 -3
  97. package/lib/process/process.css +1 -1
  98. package/lib/process/process.variable.css +2 -2
  99. package/lib/progress/index.d.ts +4 -4
  100. package/lib/progress/progress.css +8 -4
  101. package/lib/progress/progress.d.ts +3 -3
  102. package/lib/progress/progress.less +8 -3
  103. package/lib/progress/progress.variable.css +10 -6
  104. package/lib/radio/index.d.ts +2 -2
  105. package/lib/radio/radio-button.d.ts +3 -3
  106. package/lib/radio/radio.css +2 -2
  107. package/lib/radio/radio.less +1 -1
  108. package/lib/radio/radio.variable.css +3 -3
  109. package/lib/rate/index.d.ts +4 -4
  110. package/lib/rate/index.js +6 -2
  111. package/lib/rate/rate.css +1 -1
  112. package/lib/rate/rate.d.ts +2 -2
  113. package/lib/rate/rate.variable.css +2 -2
  114. package/lib/rate/star.css +1 -1
  115. package/lib/rate/star.variable.css +2 -2
  116. package/lib/resize-layout/resize-layout.css +1 -1
  117. package/lib/resize-layout/resize-layout.variable.css +2 -2
  118. package/lib/search-select/search-select.css +1 -1
  119. package/lib/search-select/search-select.variable.css +3 -3
  120. package/lib/select/index.d.ts +9 -9
  121. package/lib/select/index.js +1 -1
  122. package/lib/select/select.css +1 -1
  123. package/lib/select/select.d.ts +5 -5
  124. package/lib/select/select.variable.css +3 -3
  125. package/lib/shared/index.js +1 -1
  126. package/lib/shared/vue-types.d.ts +1 -1
  127. package/lib/sideslider/sideslider.css +1 -1
  128. package/lib/sideslider/sideslider.variable.css +2 -2
  129. package/lib/slider/slider.css +1 -1
  130. package/lib/slider/slider.variable.css +2 -2
  131. package/lib/steps/index.d.ts +4 -4
  132. package/lib/steps/steps.css +3 -3
  133. package/lib/steps/steps.d.ts +3 -3
  134. package/lib/steps/steps.less +2 -2
  135. package/lib/steps/steps.variable.css +4 -4
  136. package/lib/styles/mixins/animate.css +1 -1
  137. package/lib/styles/mixins/animate.variable.css +2 -2
  138. package/lib/styles/mixins/mixins.css +1 -1
  139. package/lib/styles/mixins/mixins.variable.css +1 -1
  140. package/lib/styles/mixins/popper.css +1 -1
  141. package/lib/styles/mixins/popper.variable.css +2 -2
  142. package/lib/styles/mixins/scroll.css +1 -1
  143. package/lib/styles/mixins/scroll.variable.css +2 -2
  144. package/lib/styles/reset.css +1 -1
  145. package/lib/styles/reset.variable.css +2 -2
  146. package/lib/styles/themes/themes.css +1 -1
  147. package/lib/styles/themes/themes.less +2 -1
  148. package/lib/styles/themes/themes.variable.css +1 -1
  149. package/lib/swiper/swiper.css +1 -1
  150. package/lib/swiper/swiper.variable.css +2 -2
  151. package/lib/switcher/index.d.ts +4 -4
  152. package/lib/switcher/switcher.css +1 -1
  153. package/lib/switcher/switcher.d.ts +3 -3
  154. package/lib/switcher/switcher.variable.css +3 -3
  155. package/lib/tab/tab.css +1 -1
  156. package/lib/tab/tab.variable.css +2 -2
  157. package/lib/table/index.js +31 -17
  158. package/lib/table/plugins/head-filter.css +2 -29
  159. package/lib/table/plugins/head-filter.less +2 -34
  160. package/lib/table/plugins/head-filter.variable.css +3 -30
  161. package/lib/table/plugins/head-sort.css +1 -1
  162. package/lib/table/plugins/head-sort.variable.css +2 -2
  163. package/lib/table/plugins/settings.css +1 -1
  164. package/lib/table/plugins/settings.variable.css +2 -2
  165. package/lib/table/table.css +5 -31
  166. package/lib/table/table.less +1 -0
  167. package/lib/table/table.variable.css +7 -33
  168. package/lib/tag/tag.css +1 -1
  169. package/lib/tag/tag.variable.css +2 -2
  170. package/lib/tag-input/tag-input.css +1 -1
  171. package/lib/tag-input/tag-input.variable.css +2 -2
  172. package/lib/time-picker/time-picker.css +1 -1
  173. package/lib/time-picker/time-picker.variable.css +2 -2
  174. package/lib/timeline/timeline.css +1 -1
  175. package/lib/timeline/timeline.variable.css +2 -2
  176. package/lib/transfer/transfer.css +3 -3
  177. package/lib/transfer/transfer.less +2 -2
  178. package/lib/transfer/transfer.variable.css +4 -4
  179. package/lib/tree/tree.css +2 -2
  180. package/lib/tree/tree.variable.css +4 -4
  181. package/lib/upload/upload.css +1 -1
  182. package/lib/upload/upload.variable.css +3 -3
  183. package/lib/virtual-render/virtual-render.css +1 -1
  184. package/lib/virtual-render/virtual-render.variable.css +3 -3
  185. package/package.json +1 -1
package/lib/notify/notify.less CHANGED
@@ -4,7 +4,7 @@
4
4
  position: fixed;
5
5
  display: flex;
6
6
  width: 360px;
7
- padding: 24px;
7
+ padding: 16px 24px;
8
8
  font-size: 14px;
9
9
  line-height: 20px;
10
10
  color: @message-color;
@@ -15,7 +15,7 @@
15
15
 
16
16
  .@{bk-prefix}-notify-icon {
17
17
  position: absolute;
18
- top: 24px;
18
+ top: 17px;
19
19
  margin-right: 5px;
20
20
  font-size: 18px;
21
21
  color: @primary-color;
@@ -34,8 +34,8 @@
34
34
  }
35
35
 
36
36
  .@{bk-prefix}-notify-icon.@{bk-prefix}-notify-close {
37
- top: 8px;
38
- right: 12px;
37
+ top: 6px;
38
+ right: 6px;
39
39
  margin-right: 0;
40
40
  font-size: 18px;
41
41
  color: @light-gray;
@@ -48,9 +48,9 @@
48
48
 
49
49
  .@{bk-prefix}-notify-content-header {
50
50
  display: inline-block;
51
- padding-left: 23px;
51
+ padding-left: 25px;
52
52
  margin-top: 0;
53
- margin-bottom: 7px;
53
+ margin-bottom: 8px;
54
54
  font-size: 16px;
55
55
  font-weight: 700;
56
56
  color: #313238;
package/lib/notify/notify.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
@@ -368,7 +368,7 @@
368
368
  position: fixed;
369
369
  display: flex;
370
370
  width: 360px;
371
- padding: 24px;
371
+ padding: 16px 24px;
372
372
  font-size: 14px;
373
373
  line-height: 20px;
374
374
  color: var(--message-color);
@@ -379,7 +379,7 @@
379
379
  }
380
380
  .bk-notify .bk-notify-icon {
381
381
  position: absolute;
382
- top: 24px;
382
+ top: 17px;
383
383
  margin-right: 5px;
384
384
  font-size: 18px;
385
385
  color: var(--primary-color);
@@ -394,8 +394,8 @@
394
394
  color: var(--danger-color);
395
395
  }
396
396
  .bk-notify .bk-notify-icon.bk-notify-close {
397
- top: 8px;
398
- right: 12px;
397
+ top: 6px;
398
+ right: 6px;
399
399
  margin-right: 0;
400
400
  font-size: 18px;
401
401
  color: var(--light-gray);
@@ -406,9 +406,9 @@
406
406
  }
407
407
  .bk-notify .bk-notify-content-header {
408
408
  display: inline-block;
409
- padding-left: 23px;
409
+ padding-left: 25px;
410
410
  margin-top: 0;
411
- margin-bottom: 7px;
411
+ margin-bottom: 8px;
412
412
  font-size: 16px;
413
413
  font-weight: 700;
414
414
  color: #313238;
package/lib/pagination/index.d.ts CHANGED
@@ -63,7 +63,7 @@ declare const BkPagination: {
63
63
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
64
64
  [key: string]: any;
65
65
  }>) => void)[];
66
- readonly size?: "default" | "small" | "large";
66
+ readonly size?: "default" | "small" | "large" | "huge";
67
67
  "onUpdate:modelValue"?: (...args: any[]) => any;
68
68
  "onUpdate:limit"?: (...args: any[]) => any;
69
69
  onLimitChange?: (...args: any[]) => any;
@@ -116,7 +116,7 @@ declare const BkPagination: {
116
116
  align: import("vue-types").VueTypeDef<string> & {
117
117
  default: string;
118
118
  };
119
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
119
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
120
120
  small: import("vue-types").VueTypeValidableDef<boolean> & {
121
121
  default: boolean;
122
122
  } & {
@@ -236,7 +236,7 @@ declare const BkPagination: {
236
236
  align: import("vue-types").VueTypeDef<string> & {
237
237
  default: string;
238
238
  };
239
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
239
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
240
240
  small: import("vue-types").VueTypeValidableDef<boolean> & {
241
241
  default: boolean;
242
242
  } & {
@@ -324,7 +324,7 @@ declare const BkPagination: {
324
324
  align: import("vue-types").VueTypeDef<string> & {
325
325
  default: string;
326
326
  };
327
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
327
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
328
328
  small: import("vue-types").VueTypeValidableDef<boolean> & {
329
329
  default: boolean;
330
330
  } & {
package/lib/pagination/pagination.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/pagination/pagination.d.ts CHANGED
@@ -34,7 +34,7 @@ export declare const paginationProps: {
34
34
  align: import("vue-types").VueTypeDef<string> & {
35
35
  default: string;
36
36
  };
37
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
37
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
38
38
  small: import("vue-types").VueTypeValidableDef<boolean> & {
39
39
  default: boolean;
40
40
  } & {
@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
99
99
  align: import("vue-types").VueTypeDef<string> & {
100
100
  default: string;
101
101
  };
102
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
102
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
103
103
  small: import("vue-types").VueTypeValidableDef<boolean> & {
104
104
  default: boolean;
105
105
  } & {
@@ -178,7 +178,7 @@ declare const _default: import("vue").DefineComponent<{
178
178
  align: import("vue-types").VueTypeDef<string> & {
179
179
  default: string;
180
180
  };
181
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
181
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
182
182
  small: import("vue-types").VueTypeValidableDef<boolean> & {
183
183
  default: boolean;
184
184
  } & {
package/lib/pagination/pagination.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
package/lib/pop-confirm/pop-confirm.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
@@ -121,12 +121,12 @@
121
121
  --search-select-menu-border-color: var(--disable-color);
122
122
  }
123
123
  .bk-popover.bk-pop-confirm-box {
124
- padding: 16px 24px;
124
+ padding: 16px;
125
125
  }
126
126
  .bk-pop-confirm-title {
127
127
  font-size: 14px;
128
128
  color: #313238;
129
- padding-bottom: 12px;
129
+ padding-bottom: 16px;
130
130
  }
131
131
  .bk-pop-confirm-icon {
132
132
  color: #FF5656;
@@ -134,8 +134,8 @@
134
134
  }
135
135
  .bk-pop-confirm-content {
136
136
  font-size: 12px;
137
- color: #63656E;
138
- padding: 0 0 20px;
137
+ color: #63656e;
138
+ padding: 0 0 16px;
139
139
  }
140
140
  .bk-pop-confirm-simple {
141
141
  font-size: 14px;
package/lib/pop-confirm/pop-confirm.less CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
3
  .@{bk-prefix}-popover.@{bk-prefix}-pop-confirm-box{
4
- padding: 16px 24px;
4
+ padding: 16px;
5
5
  }
6
6
  //.@{bk-prefix}-pop-confirm {
7
7
  .@{bk-prefix}-pop-confirm {
@@ -9,7 +9,7 @@
9
9
  &-title {
10
10
  font-size: 14px;
11
11
  color: #313238;
12
- padding-bottom: 12px;
12
+ padding-bottom: 16px;
13
13
  }
14
14
  &-icon {
15
15
  color: #FF5656;
@@ -17,8 +17,8 @@
17
17
  }
18
18
  &-content {
19
19
  font-size: 12px;
20
- color: #63656E;
21
- padding: 0 0 20px;
20
+ color: #63656e;
21
+ padding: 0 0 16px;
22
22
  }
23
23
  &-simple {
24
24
  font-size: 14px;
package/lib/pop-confirm/pop-confirm.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
@@ -365,12 +365,12 @@
365
365
  --search-select-menu-border-color: var(--disable-color);
366
366
  }
367
367
  .bk-popover.bk-pop-confirm-box {
368
- padding: 16px 24px;
368
+ padding: 16px;
369
369
  }
370
370
  .bk-pop-confirm-title {
371
371
  font-size: 14px;
372
372
  color: #313238;
373
- padding-bottom: 12px;
373
+ padding-bottom: 16px;
374
374
  }
375
375
  .bk-pop-confirm-icon {
376
376
  color: #FF5656;
@@ -378,8 +378,8 @@
378
378
  }
379
379
  .bk-pop-confirm-content {
380
380
  font-size: 12px;
381
- color: #63656E;
382
- padding: 0 0 20px;
381
+ color: #63656e;
382
+ padding: 0 0 16px;
383
383
  }
384
384
  .bk-pop-confirm-simple {
385
385
  font-size: 14px;
package/lib/popover/popover.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
@@ -123,7 +123,7 @@
123
123
  .bk-popover.bk-pop2-content {
124
124
  position: absolute;
125
125
  display: none;
126
- padding: 7px 14px;
126
+ padding: 12px;
127
127
  font-size: 12px;
128
128
  color: #fff;
129
129
  background: #26323d;
package/lib/popover/popover.less CHANGED
@@ -6,7 +6,7 @@
6
6
  position: absolute;
7
7
  display: none;
8
8
 
9
- padding: 7px 14px;
9
+ padding: 12px;
10
10
 
11
11
  font-size: 12px;
12
12
  color: #fff;
package/lib/popover/popover.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
@@ -367,7 +367,7 @@
367
367
  .bk-popover.bk-pop2-content {
368
368
  position: absolute;
369
369
  display: none;
370
- padding: 7px 14px;
370
+ padding: 12px;
371
371
  font-size: 12px;
372
372
  color: #fff;
373
373
  background: #26323d;
package/lib/process/process.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/process/process.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
package/lib/progress/index.d.ts CHANGED
@@ -63,7 +63,7 @@ declare const BkProgress: {
63
63
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
64
64
  [key: string]: any;
65
65
  }>) => void)[];
66
- readonly size?: "default" | "small" | "large";
66
+ readonly size?: "default" | "small" | "large" | "huge";
67
67
  };
68
68
  $attrs: {
69
69
  [x: string]: unknown;
@@ -93,7 +93,7 @@ declare const BkProgress: {
93
93
  theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
94
94
  default: "success" | "warning" | "danger" | "primary";
95
95
  };
96
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
96
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
97
97
  width: import("vue-types").VueTypeValidableDef<number> & {
98
98
  default: number;
99
99
  } & {
@@ -203,7 +203,7 @@ declare const BkProgress: {
203
203
  theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
204
204
  default: "success" | "warning" | "danger" | "primary";
205
205
  };
206
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
206
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
207
207
  width: import("vue-types").VueTypeValidableDef<number> & {
208
208
  default: number;
209
209
  } & {
@@ -280,7 +280,7 @@ declare const BkProgress: {
280
280
  theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
281
281
  default: "success" | "warning" | "danger" | "primary";
282
282
  };
283
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
283
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
284
284
  width: import("vue-types").VueTypeValidableDef<number> & {
285
285
  default: number;
286
286
  } & {
package/lib/progress/progress.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
@@ -210,14 +210,18 @@
210
210
  border-radius: 50px;
211
211
  }
212
212
  .bk-progress .progress-bar.bk-progress-small {
213
- height: 2px;
214
- }
215
- .bk-progress .progress-bar.bk-progress-normal {
216
213
  height: 4px;
217
214
  }
215
+ .bk-progress .progress-bar.bk-progress-normal,
216
+ .bk-progress .progress-bar.bk-progress-default {
217
+ height: 8px;
218
+ }
218
219
  .bk-progress .progress-bar.bk-progress-large {
219
220
  height: 12px;
220
221
  }
222
+ .bk-progress .progress-bar.bk-progress-huge {
223
+ height: 16px;
224
+ }
221
225
  .bk-progress .progress-inner {
222
226
  position: absolute;
223
227
  top: 0;
package/lib/progress/progress.d.ts CHANGED
@@ -14,7 +14,7 @@ export declare const progressType: {
14
14
  theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
15
15
  default: "success" | "warning" | "danger" | "primary";
16
16
  };
17
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
17
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
18
18
  width: import("vue-types").VueTypeValidableDef<number> & {
19
19
  default: number;
20
20
  } & {
@@ -82,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
82
82
  theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
83
83
  default: "success" | "warning" | "danger" | "primary";
84
84
  };
85
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
85
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
86
86
  width: import("vue-types").VueTypeValidableDef<number> & {
87
87
  default: number;
88
88
  } & {
@@ -157,7 +157,7 @@ declare const _default: import("vue").DefineComponent<{
157
157
  theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
158
158
  default: "success" | "warning" | "danger" | "primary";
159
159
  };
160
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
160
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
161
161
  width: import("vue-types").VueTypeValidableDef<number> & {
162
162
  default: number;
163
163
  } & {
package/lib/progress/progress.less CHANGED
@@ -20,16 +20,21 @@
20
20
  border-radius: 50px;
21
21
 
22
22
  &.@{bk-prefix}-progress-small {
23
- height: 2px;
23
+ height: 4px;
24
24
  }
25
25
 
26
- &.@{bk-prefix}-progress-normal {
27
- height: 4px;
26
+ &.@{bk-prefix}-progress-normal,
27
+ &.@{bk-prefix}-progress-default {
28
+ height: 8px;
28
29
  }
29
30
 
30
31
  &.@{bk-prefix}-progress-large {
31
32
  height: 12px;
32
33
  }
34
+
35
+ &.@{bk-prefix}-progress-huge {
36
+ height: 16px;
37
+ }
33
38
  }
34
39
 
35
40
  .progress-inner {
package/lib/progress/progress.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
@@ -398,7 +398,7 @@
398
398
  --input-border-color: var(--light-gray);
399
399
  --input-broder-radius: 3px;
400
400
  --input-shadow-color: #a3c5fd;
401
- --input-horizontal-padding: 10px;
401
+ --input-horizontal-padding: 8px;
402
402
  --input-block-color: #f5f7fa;
403
403
  --input-block-hover-color: #eaebf0;
404
404
  --input-icon-size: var(--font-size-medium);
@@ -576,14 +576,18 @@
576
576
  border-radius: 50px;
577
577
  }
578
578
  .bk-progress .progress-bar.bk-progress-small {
579
- height: 2px;
580
- }
581
- .bk-progress .progress-bar.bk-progress-normal {
582
579
  height: 4px;
583
580
  }
581
+ .bk-progress .progress-bar.bk-progress-normal,
582
+ .bk-progress .progress-bar.bk-progress-default {
583
+ height: 8px;
584
+ }
584
585
  .bk-progress .progress-bar.bk-progress-large {
585
586
  height: 12px;
586
587
  }
588
+ .bk-progress .progress-bar.bk-progress-huge {
589
+ height: 16px;
590
+ }
587
591
  .bk-progress .progress-inner {
588
592
  position: absolute;
589
593
  top: 0;
package/lib/radio/index.d.ts CHANGED
@@ -285,7 +285,7 @@ declare const BkRadio: {
285
285
  } & {
286
286
  default: boolean;
287
287
  };
288
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
288
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
289
289
  }, {
290
290
  isFocused: import("vue").Ref<boolean>;
291
291
  isChecked: import("vue").Ref<boolean>;
@@ -320,7 +320,7 @@ declare const BkRadio: {
320
320
  } & {
321
321
  default: boolean;
322
322
  };
323
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
323
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
324
324
  }>> & {
325
325
  onChange?: (value: any) => any;
326
326
  "onUpdate:modelValue"?: (value: any) => any;
package/lib/radio/radio-button.d.ts CHANGED
@@ -21,7 +21,7 @@ declare const radioButtonProps: {
21
21
  } & {
22
22
  default: boolean;
23
23
  };
24
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
24
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
25
25
  };
26
26
  export type RadioButtonProps = Readonly<ExtractPropTypes<typeof radioButtonProps>>;
27
27
  declare const _default: import("vue").DefineComponent<{
@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
46
46
  } & {
47
47
  default: boolean;
48
48
  };
49
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
49
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
50
50
  }, {
51
51
  isFocused: import("vue").Ref<boolean>;
52
52
  isChecked: import("vue").Ref<boolean>;
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
81
81
  } & {
82
82
  default: boolean;
83
83
  };
84
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
84
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
85
85
  }>> & {
86
86
  onChange?: (value: any) => any;
87
87
  "onUpdate:modelValue"?: (value: any) => any;
package/lib/radio/radio.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
@@ -137,7 +137,7 @@
137
137
  user-select: none;
138
138
  }
139
139
  .bk-radio ~ .bk-radio {
140
- margin-left: 30px;
140
+ margin-left: 24px;
141
141
  }
142
142
  .bk-radio.is-checked .bk-radio-input {
143
143
  padding: 3px;
package/lib/radio/radio.less CHANGED
@@ -19,7 +19,7 @@
19
19
  user-select: none;
20
20
 
21
21
  & ~ .@{bk-prefix}-radio {
22
- margin-left: 30px;
22
+ margin-left: 24px;
23
23
  }
24
24
 
25
25
  &.is-checked {
package/lib/radio/radio.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
@@ -381,7 +381,7 @@
381
381
  user-select: none;
382
382
  }
383
383
  .bk-radio ~ .bk-radio {
384
- margin-left: 30px;
384
+ margin-left: 24px;
385
385
  }
386
386
  .bk-radio.is-checked .bk-radio-input {
387
387
  padding: 3px;