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

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 (197) hide show
  1. package/dist/index.cjs.js +43 -43
  2. package/dist/index.esm.js +5300 -5283
  3. package/dist/index.umd.js +43 -43
  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 +17 -1
  67. package/lib/input/input.d.ts +3 -3
  68. package/lib/input/input.less +19 -0
  69. package/lib/input/input.variable.css +19 -3
  70. package/lib/link/link.css +1 -1
  71. package/lib/link/link.variable.css +2 -2
  72. package/lib/loading/loading.css +10 -10
  73. package/lib/loading/loading.less +14 -9
  74. package/lib/loading/loading.variable.css +12 -12
  75. package/lib/menu/menu.css +1 -1
  76. package/lib/menu/menu.variable.css +3 -3
  77. package/lib/menu/submenu.css +1 -1
  78. package/lib/menu/submenu.variable.css +2 -2
  79. package/lib/message/message.css +1 -1
  80. package/lib/message/message.variable.css +2 -2
  81. package/lib/modal/modal.css +1 -1
  82. package/lib/modal/modal.variable.css +3 -3
  83. package/lib/navigation/navigation.css +1 -1
  84. package/lib/navigation/navigation.variable.css +2 -2
  85. package/lib/notify/notify.css +7 -7
  86. package/lib/notify/notify.less +6 -6
  87. package/lib/notify/notify.variable.css +8 -8
  88. package/lib/pagination/index.d.ts +4 -4
  89. package/lib/pagination/pagination.css +1 -1
  90. package/lib/pagination/pagination.d.ts +3 -3
  91. package/lib/pagination/pagination.variable.css +2 -2
  92. package/lib/plugin-popover/index.js +17 -101
  93. package/lib/pop-confirm/pop-confirm.css +5 -5
  94. package/lib/pop-confirm/pop-confirm.less +4 -4
  95. package/lib/pop-confirm/pop-confirm.variable.css +6 -6
  96. package/lib/popover/index.js +17 -101
  97. package/lib/popover/popover.css +2 -2
  98. package/lib/popover/popover.less +1 -1
  99. package/lib/popover/popover.variable.css +3 -3
  100. package/lib/process/process.css +1 -1
  101. package/lib/process/process.variable.css +2 -2
  102. package/lib/progress/index.d.ts +4 -4
  103. package/lib/progress/progress.css +8 -4
  104. package/lib/progress/progress.d.ts +3 -3
  105. package/lib/progress/progress.less +8 -3
  106. package/lib/progress/progress.variable.css +10 -6
  107. package/lib/radio/index.d.ts +2 -2
  108. package/lib/radio/radio-button.d.ts +3 -3
  109. package/lib/radio/radio.css +2 -2
  110. package/lib/radio/radio.less +1 -1
  111. package/lib/radio/radio.variable.css +3 -3
  112. package/lib/rate/index.d.ts +4 -4
  113. package/lib/rate/index.js +6 -2
  114. package/lib/rate/rate.css +1 -1
  115. package/lib/rate/rate.d.ts +2 -2
  116. package/lib/rate/rate.variable.css +2 -2
  117. package/lib/rate/star.css +1 -1
  118. package/lib/rate/star.variable.css +2 -2
  119. package/lib/resize-layout/resize-layout.css +1 -1
  120. package/lib/resize-layout/resize-layout.variable.css +2 -2
  121. package/lib/search-select/search-select.css +1 -1
  122. package/lib/search-select/search-select.variable.css +3 -3
  123. package/lib/select/index.d.ts +9 -9
  124. package/lib/select/index.js +1 -1
  125. package/lib/select/select.css +1 -1
  126. package/lib/select/select.d.ts +5 -5
  127. package/lib/select/select.variable.css +3 -3
  128. package/lib/shared/index.js +1 -1
  129. package/lib/shared/vue-types.d.ts +1 -1
  130. package/lib/sideslider/sideslider.css +1 -1
  131. package/lib/sideslider/sideslider.variable.css +2 -2
  132. package/lib/slider/slider.css +1 -1
  133. package/lib/slider/slider.variable.css +2 -2
  134. package/lib/steps/index.d.ts +4 -4
  135. package/lib/steps/steps.css +3 -3
  136. package/lib/steps/steps.d.ts +3 -3
  137. package/lib/steps/steps.less +2 -2
  138. package/lib/steps/steps.variable.css +4 -4
  139. package/lib/styles/mixins/animate.css +1 -1
  140. package/lib/styles/mixins/animate.variable.css +2 -2
  141. package/lib/styles/mixins/mixins.css +1 -1
  142. package/lib/styles/mixins/mixins.variable.css +1 -1
  143. package/lib/styles/mixins/popper.css +1 -1
  144. package/lib/styles/mixins/popper.variable.css +2 -2
  145. package/lib/styles/mixins/scroll.css +1 -1
  146. package/lib/styles/mixins/scroll.variable.css +2 -2
  147. package/lib/styles/reset.css +1 -1
  148. package/lib/styles/reset.variable.css +2 -2
  149. package/lib/styles/themes/themes.css +1 -1
  150. package/lib/styles/themes/themes.less +2 -1
  151. package/lib/styles/themes/themes.variable.css +1 -1
  152. package/lib/swiper/swiper.css +1 -1
  153. package/lib/swiper/swiper.variable.css +2 -2
  154. package/lib/switcher/index.d.ts +4 -4
  155. package/lib/switcher/switcher.css +1 -1
  156. package/lib/switcher/switcher.d.ts +3 -3
  157. package/lib/switcher/switcher.variable.css +3 -3
  158. package/lib/tab/tab.css +1 -1
  159. package/lib/tab/tab.variable.css +2 -2
  160. package/lib/table/components/table-column.d.ts +4 -4
  161. package/lib/table/index.d.ts +4 -4
  162. package/lib/table/index.js +31 -17
  163. package/lib/table/plugins/head-filter.css +2 -29
  164. package/lib/table/plugins/head-filter.less +2 -34
  165. package/lib/table/plugins/head-filter.variable.css +3 -30
  166. package/lib/table/plugins/head-sort.css +1 -1
  167. package/lib/table/plugins/head-sort.variable.css +2 -2
  168. package/lib/table/plugins/settings.css +1 -1
  169. package/lib/table/plugins/settings.variable.css +2 -2
  170. package/lib/table/props.d.ts +1 -1
  171. package/lib/table/table.css +5 -31
  172. package/lib/table/table.less +1 -0
  173. package/lib/table/table.variable.css +7 -33
  174. package/lib/table-column/index.d.ts +10 -10
  175. package/lib/tag/tag.css +1 -1
  176. package/lib/tag/tag.variable.css +2 -2
  177. package/lib/tag-input/tag-input.css +1 -1
  178. package/lib/tag-input/tag-input.variable.css +2 -2
  179. package/lib/time-picker/time-picker.css +1 -1
  180. package/lib/time-picker/time-picker.variable.css +2 -2
  181. package/lib/timeline/timeline.css +1 -1
  182. package/lib/timeline/timeline.variable.css +2 -2
  183. package/lib/transfer/transfer.css +3 -3
  184. package/lib/transfer/transfer.less +2 -2
  185. package/lib/transfer/transfer.variable.css +4 -4
  186. package/lib/tree/index.js +47 -1
  187. package/lib/tree/tree.css +2 -2
  188. package/lib/tree/tree.d.ts +4 -0
  189. package/lib/tree/tree.variable.css +4 -4
  190. package/lib/upload/upload.css +1 -1
  191. package/lib/upload/upload.variable.css +3 -3
  192. package/lib/virtual-render/index.js +71 -30
  193. package/lib/virtual-render/use-fix-top.d.ts +18 -0
  194. package/lib/virtual-render/v-virtual-render.d.ts +5 -0
  195. package/lib/virtual-render/virtual-render.css +1 -1
  196. package/lib/virtual-render/virtual-render.variable.css +3 -3
  197. package/package.json +1 -1
package/lib/affix/affix.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/affix/affix.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/alert/alert.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/alert/alert.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/backtop/backtop.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/backtop/backtop.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);
package/lib/badge/badge.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);
@@ -160,10 +160,12 @@
160
160
  .bk-badge-main .bk-badge.pinned.bottom-right {
161
161
  right: 0;
162
162
  bottom: 0;
163
+ transform: translate(50%, 50%) scale(1, 1);
163
164
  }
164
165
  .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-enter,
165
166
  .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-leave-active {
166
167
  opacity: 0;
168
+ transform: translate(50%, 50%) scale(0, 0);
167
169
  }
168
170
  .bk-badge-main .bk-badge.pinned.top-left {
169
171
  top: 0;
@@ -233,8 +235,12 @@
233
235
  border: 1px solid var(--white-color);
234
236
  }
235
237
  .bk-badge-main .bk-badge.bk-badge-icon {
236
- display: inline-block;
238
+ margin: 0;
237
239
  padding: 0;
238
- padding-bottom: 1px;
239
240
  font-size: 16px;
241
+ display: flex;
242
+ align-items: center;
243
+ justify-content: center;
244
+ height: 16px;
245
+ width: 16px;
240
246
  }
package/lib/badge/badge.less CHANGED
@@ -55,12 +55,12 @@
55
55
  &.bottom-right {
56
56
  right: 0;
57
57
  bottom: 0;
58
- //transform: translate(50%, 50%) scale(1, 1);
58
+ transform: translate(50%, 50%) scale(1, 1);
59
59
 
60
60
  &.fade-center-enter,
61
61
  &.fade-center-leave-active {
62
62
  opacity: 0;
63
- //transform: translate(50%, 50%) scale(0, 0);
63
+ transform: translate(50%, 50%) scale(0, 0);
64
64
  }
65
65
  }
66
66
 
@@ -126,10 +126,14 @@
126
126
  border: 1px solid @white-color;
127
127
  }
128
128
  &.@{bk-prefix}-badge-icon {
129
- display: inline-block;
129
+ margin: 0;
130
130
  padding: 0;
131
- padding-bottom: 1px;
132
131
  font-size: 16px;
132
+ display: flex;
133
+ align-items: center;
134
+ justify-content: center;
135
+ height: 16px;
136
+ width: 16px;
133
137
  }
134
138
  }
135
139
  }
package/lib/badge/badge.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);
@@ -404,10 +404,12 @@
404
404
  .bk-badge-main .bk-badge.pinned.bottom-right {
405
405
  right: 0;
406
406
  bottom: 0;
407
+ transform: translate(50%, 50%) scale(1, 1);
407
408
  }
408
409
  .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-enter,
409
410
  .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-leave-active {
410
411
  opacity: 0;
412
+ transform: translate(50%, 50%) scale(0, 0);
411
413
  }
412
414
  .bk-badge-main .bk-badge.pinned.top-left {
413
415
  top: 0;
@@ -477,8 +479,12 @@
477
479
  border: 1px solid var(--white-color);
478
480
  }
479
481
  .bk-badge-main .bk-badge.bk-badge-icon {
480
- display: inline-block;
482
+ margin: 0;
481
483
  padding: 0;
482
- padding-bottom: 1px;
483
484
  font-size: 16px;
485
+ display: flex;
486
+ align-items: center;
487
+ justify-content: center;
488
+ height: 16px;
489
+ width: 16px;
484
490
  }
package/lib/breadcrumb/breadcrumb.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/breadcrumb/breadcrumb.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);
package/lib/button/button-group.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
2
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
3
3
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
4
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
4
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
5
5
  }>>, {}, {}>;
6
6
  export default _default;
package/lib/button/button.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/button/button.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/button/index.d.ts CHANGED
@@ -253,9 +253,9 @@ declare const BkButton: {
253
253
  nativeType: "reset" | "submit" | "button";
254
254
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
255
255
  ButtonGroup: import("vue").DefineComponent<{
256
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
256
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
257
257
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
258
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
258
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
259
259
  }>>, {}, {}>;
260
260
  }>;
261
261
  export default BkButton;
package/lib/card/card.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,7 +210,7 @@
210
210
  display: flex;
211
211
  width: 100%;
212
212
  height: 50px;
213
- padding: 0 20px;
213
+ padding: 0 24px;
214
214
  line-height: 50px;
215
215
  border-bottom: 1px solid #f0f2f5;
216
216
  }
@@ -235,8 +235,8 @@
235
235
  }
236
236
  .bk-card .bk-card-head .bk-card-icon {
237
237
  position: absolute;
238
- top: 2px;
239
- font-size: 18px;
238
+ top: 3px;
239
+ font-size: 20px;
240
240
  color: #979ba5;
241
241
  cursor: pointer;
242
242
  }
@@ -250,21 +250,21 @@
250
250
  }
251
251
  .bk-card .bk-card-head-left {
252
252
  padding-right: 20px;
253
- padding-left: 30px;
253
+ padding-left: 24px;
254
254
  }
255
255
  .bk-card .bk-card-head-left .bk-card-icon {
256
- left: 10px;
256
+ left: 6px;
257
257
  }
258
258
  .bk-card .bk-card-head-right {
259
259
  padding-right: 30px;
260
- padding-left: 20px;
260
+ padding-left: 24px;
261
261
  }
262
262
  .bk-card .bk-card-head-right .bk-card-icon {
263
263
  right: 10px;
264
264
  }
265
265
  .bk-card .bk-card-body {
266
266
  width: 100%;
267
- padding: 0 20px;
267
+ padding: 0 24px;
268
268
  text-align: left;
269
269
  }
270
270
  .bk-card .bk-card-footer {
package/lib/card/card.less CHANGED
@@ -21,7 +21,7 @@
21
21
  display: flex;
22
22
  width: 100%;
23
23
  height: 50px;
24
- padding: 0 20px;
24
+ padding: 0 24px;
25
25
  line-height: 50px;
26
26
  border-bottom: 1px solid @border-color;
27
27
 
@@ -45,8 +45,8 @@
45
45
  }
46
46
  .@{bk-prefix}-card-icon {
47
47
  position: absolute;
48
- top: 2px;
49
- font-size: 18px;
48
+ top: 3px;
49
+ font-size: 20px;
50
50
  color: #979ba5;
51
51
  cursor: pointer;
52
52
  }
@@ -61,21 +61,21 @@
61
61
  }
62
62
  .@{bk-prefix}-card-head-left {
63
63
  padding-right: 20px;
64
- padding-left: 30px;
64
+ padding-left: 24px;
65
65
  .@{bk-prefix}-card-icon {
66
- left: 10px;
66
+ left: 6px;
67
67
  }
68
68
  }
69
69
  .@{bk-prefix}-card-head-right {
70
70
  padding-right: 30px;
71
- padding-left: 20px;
71
+ padding-left: 24px;
72
72
  .@{bk-prefix}-card-icon {
73
73
  right: 10px;
74
74
  }
75
75
  }
76
76
  .@{bk-prefix}-card-body {
77
77
  width: 100%;
78
- padding: 0 20px;
78
+ padding: 0 24px;
79
79
  text-align: left;
80
80
  }
81
81
  .@{bk-prefix}-card-footer {
package/lib/card/card.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,7 +576,7 @@
576
576
  display: flex;
577
577
  width: 100%;
578
578
  height: 50px;
579
- padding: 0 20px;
579
+ padding: 0 24px;
580
580
  line-height: 50px;
581
581
  border-bottom: 1px solid #f0f2f5;
582
582
  }
@@ -601,8 +601,8 @@
601
601
  }
602
602
  .bk-card .bk-card-head .bk-card-icon {
603
603
  position: absolute;
604
- top: 2px;
605
- font-size: 18px;
604
+ top: 3px;
605
+ font-size: 20px;
606
606
  color: #979ba5;
607
607
  cursor: pointer;
608
608
  }
@@ -616,21 +616,21 @@
616
616
  }
617
617
  .bk-card .bk-card-head-left {
618
618
  padding-right: 20px;
619
- padding-left: 30px;
619
+ padding-left: 24px;
620
620
  }
621
621
  .bk-card .bk-card-head-left .bk-card-icon {
622
- left: 10px;
622
+ left: 6px;
623
623
  }
624
624
  .bk-card .bk-card-head-right {
625
625
  padding-right: 30px;
626
- padding-left: 20px;
626
+ padding-left: 24px;
627
627
  }
628
628
  .bk-card .bk-card-head-right .bk-card-icon {
629
629
  right: 10px;
630
630
  }
631
631
  .bk-card .bk-card-body {
632
632
  width: 100%;
633
- padding: 0 20px;
633
+ padding: 0 24px;
634
634
  text-align: left;
635
635
  }
636
636
  .bk-card .bk-card-footer {
package/lib/cascader/cascader.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/cascader/cascader.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);
package/lib/checkbox/checkbox.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);
@@ -135,7 +135,7 @@
135
135
  user-select: none;
136
136
  }
137
137
  .bk-checkbox ~ .bk-checkbox {
138
- margin-left: 30px;
138
+ margin-left: 24px;
139
139
  }
140
140
  .bk-checkbox.is-checked .bk-checkbox-input {
141
141
  background: var(--primary-color);
package/lib/checkbox/checkbox.d.ts CHANGED
@@ -24,8 +24,8 @@ export declare const checkboxProps: {
24
24
  beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
25
25
  default: (...args: any[]) => any;
26
26
  };
27
- size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
28
- default: "default" | "small" | "large";
27
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
28
+ default: "default" | "small" | "large" | "huge";
29
29
  };
30
30
  immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
31
31
  default: boolean;
@@ -59,8 +59,8 @@ declare const _default: import("vue").DefineComponent<{
59
59
  beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
60
60
  default: (...args: any[]) => any;
61
61
  };
62
- size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
63
- default: "default" | "small" | "large";
62
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
63
+ default: "default" | "small" | "large" | "huge";
64
64
  };
65
65
  immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
66
66
  default: boolean;
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
76
76
  handleBlur: () => void;
77
77
  handleFocus: () => void;
78
78
  handleChange: (event: Event) => void;
79
- size: "default" | "small" | "large";
79
+ size: "default" | "small" | "large" | "huge";
80
80
  resolveClassName: (cls: string) => string;
81
81
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
82
82
  'update:modelValue': (value: any) => boolean;
@@ -107,8 +107,8 @@ declare const _default: import("vue").DefineComponent<{
107
107
  beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
108
108
  default: (...args: any[]) => any;
109
109
  };
110
- size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
111
- default: "default" | "small" | "large";
110
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
111
+ default: "default" | "small" | "large" | "huge";
112
112
  };
113
113
  immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
114
114
  default: boolean;
@@ -121,7 +121,7 @@ declare const _default: import("vue").DefineComponent<{
121
121
  "onUpdate:modelValue"?: (value: any) => any;
122
122
  }, {
123
123
  disabled: boolean;
124
- size: "default" | "small" | "large";
124
+ size: "default" | "small" | "large" | "huge";
125
125
  trueLabel: string | number | boolean;
126
126
  falseLabel: string | number | boolean;
127
127
  checked: boolean;
package/lib/checkbox/checkbox.less CHANGED
@@ -16,7 +16,7 @@
16
16
  user-select: none;
17
17
 
18
18
  & ~ .@{bk-prefix}-checkbox {
19
- margin-left: 30px;
19
+ margin-left: 24px;
20
20
  }
21
21
 
22
22
  &.is-checked {
package/lib/checkbox/checkbox.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);
@@ -379,7 +379,7 @@
379
379
  user-select: none;
380
380
  }
381
381
  .bk-checkbox ~ .bk-checkbox {
382
- margin-left: 30px;
382
+ margin-left: 24px;
383
383
  }
384
384
  .bk-checkbox.is-checked .bk-checkbox-input {
385
385
  background: var(--primary-color);