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/image/image-viewer.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/image/image.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/image/image.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/info-box/info-box.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/info-box/info-box.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/input/index.d.ts CHANGED
@@ -85,7 +85,7 @@ declare const BkInput: {
85
85
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
86
86
  [key: string]: any;
87
87
  }>) => void)[];
88
- readonly size?: "default" | "small" | "large";
88
+ readonly size?: "default" | "small" | "large" | "huge";
89
89
  readonly modelValue?: string | number;
90
90
  onClear?: () => any;
91
91
  "onUpdate:modelValue"?: (_value: any, _evt: KeyboardEvent) => any;
@@ -175,7 +175,7 @@ declare const BkInput: {
175
175
  validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
176
176
  };
177
177
  modelValue: import("vue-types").VueTypeDef<string | number>;
178
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
178
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
179
179
  rows: import("vue-types").VueTypeValidableDef<number> & {
180
180
  default: number;
181
181
  };
@@ -361,7 +361,7 @@ declare const BkInput: {
361
361
  validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
362
362
  };
363
363
  modelValue: import("vue-types").VueTypeDef<string | number>;
364
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
364
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
365
365
  rows: import("vue-types").VueTypeValidableDef<number> & {
366
366
  default: number;
367
367
  };
@@ -488,7 +488,7 @@ declare const BkInput: {
488
488
  validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
489
489
  };
490
490
  modelValue: import("vue-types").VueTypeDef<string | number>;
491
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
491
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
492
492
  rows: import("vue-types").VueTypeValidableDef<number> & {
493
493
  default: number;
494
494
  };
package/lib/input/input.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);
@@ -502,3 +502,19 @@
502
502
  .bk-input--number-control span:not(.is-disabled):hover {
503
503
  background-color: var(--input-block-hover-color);
504
504
  }
505
+ /* 针对 Chrome、Safari 和新版 Edge 的样式 */
506
+ input:-webkit-autofill,
507
+ input:-webkit-autofill:hover,
508
+ input:-webkit-autofill:focus,
509
+ input:-webkit-autofill:active {
510
+ -webkit-box-shadow: 0 0 0 100px var(--input-bg) inset !important;
511
+ box-shadow: 0 0 0 100px var(--input-bg) inset !important;
512
+ }
513
+ /* 针对 Firefox 的样式 */
514
+ input:-moz-autofill,
515
+ input:-moz-autofill:hover,
516
+ input:-moz-autofill:focus,
517
+ input:-moz-autofill:active {
518
+ -moz-box-shadow: 0 0 0 100px var(--input-bg) inset !important;
519
+ box-shadow: 0 0 0 100px var(--input-bg) inset !important;
520
+ }
package/lib/input/input.d.ts CHANGED
@@ -74,7 +74,7 @@ export declare const inputType: {
74
74
  validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
75
75
  };
76
76
  modelValue: import("vue-types").VueTypeDef<string | number>;
77
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
77
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
78
78
  rows: import("vue-types").VueTypeValidableDef<number> & {
79
79
  default: number;
80
80
  };
@@ -219,7 +219,7 @@ declare const _default: import("vue").DefineComponent<{
219
219
  validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
220
220
  };
221
221
  modelValue: import("vue-types").VueTypeDef<string | number>;
222
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
222
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
223
223
  rows: import("vue-types").VueTypeValidableDef<number> & {
224
224
  default: number;
225
225
  };
@@ -342,7 +342,7 @@ declare const _default: import("vue").DefineComponent<{
342
342
  validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
343
343
  };
344
344
  modelValue: import("vue-types").VueTypeDef<string | number>;
345
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
345
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
346
346
  rows: import("vue-types").VueTypeValidableDef<number> & {
347
347
  default: number;
348
348
  };
package/lib/input/input.less CHANGED
@@ -344,4 +344,23 @@
344
344
  background-color: @input-block-hover-color;
345
345
  }
346
346
  }
347
+ }
348
+
349
+ // 去掉自动填充时的背景颜色
350
+ /* 针对 Chrome、Safari 和新版 Edge 的样式 */
351
+ input:-webkit-autofill,
352
+ input:-webkit-autofill:hover,
353
+ input:-webkit-autofill:focus,
354
+ input:-webkit-autofill:active {
355
+ -webkit-box-shadow: 0 0 0 100px @input-bg inset !important;
356
+ box-shadow: 0 0 0 100px @input-bg inset !important;
357
+ }
358
+
359
+ /* 针对 Firefox 的样式 */
360
+ input:-moz-autofill,
361
+ input:-moz-autofill:hover,
362
+ input:-moz-autofill:focus,
363
+ input:-moz-autofill:active {
364
+ -moz-box-shadow: 0 0 0 100px @input-bg inset !important;
365
+ box-shadow: 0 0 0 100px @input-bg inset !important;
347
366
  }
package/lib/input/input.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);
@@ -868,3 +868,19 @@
868
868
  .bk-input--number-control span:not(.is-disabled):hover {
869
869
  background-color: var(--input-block-hover-color);
870
870
  }
871
+ /* 针对 Chrome、Safari 和新版 Edge 的样式 */
872
+ input:-webkit-autofill,
873
+ input:-webkit-autofill:hover,
874
+ input:-webkit-autofill:focus,
875
+ input:-webkit-autofill:active {
876
+ -webkit-box-shadow: 0 0 0 100px var(--input-bg) inset !important;
877
+ box-shadow: 0 0 0 100px var(--input-bg) inset !important;
878
+ }
879
+ /* 针对 Firefox 的样式 */
880
+ input:-moz-autofill,
881
+ input:-moz-autofill:hover,
882
+ input:-moz-autofill:focus,
883
+ input:-moz-autofill:active {
884
+ -moz-box-shadow: 0 0 0 100px var(--input-bg) inset !important;
885
+ box-shadow: 0 0 0 100px var(--input-bg) inset !important;
886
+ }
package/lib/link/link.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/link/link.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/loading/loading.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);
@@ -241,7 +241,7 @@
241
241
  animation-duration: 1.2s;
242
242
  animation-iteration-count: infinite;
243
243
  animation-name: fade;
244
- transform-origin: center 20px;
244
+ transform-origin: center 24px;
245
245
  }
246
246
  .bk-loading-wrapper .bk-loading-mask {
247
247
  position: absolute;
@@ -361,8 +361,8 @@
361
361
  position: relative;
362
362
  display: inline-flex;
363
363
  justify-content: center;
364
- width: 40px;
365
- height: 40px;
364
+ width: 48px;
365
+ height: 48px;
366
366
  }
367
367
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
368
368
  height: 16px;
@@ -386,8 +386,8 @@
386
386
  font-size: var(--font-size-medium);
387
387
  }
388
388
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
389
- height: 22px;
390
- width: 22px;
389
+ height: 32px;
390
+ width: 32px;
391
391
  }
392
392
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
393
393
  width: 6px;
@@ -401,14 +401,14 @@
401
401
  width: 4px;
402
402
  height: 5px;
403
403
  border-radius: 5px;
404
- transform-origin: center 11px;
404
+ transform-origin: center 16px;
405
405
  }
406
406
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
407
407
  font-size: var(--font-size-base);
408
408
  }
409
409
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
410
- height: 52px;
411
- width: 52px;
410
+ height: 68px;
411
+ width: 68px;
412
412
  }
413
413
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
414
414
  width: 20px;
@@ -422,7 +422,7 @@
422
422
  width: 8px;
423
423
  height: 12px;
424
424
  border-radius: 12px;
425
- transform-origin: center 26px;
425
+ transform-origin: center 34px;
426
426
  }
427
427
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
428
428
  font-size: var(--font-size-medium);
package/lib/loading/loading.less CHANGED
@@ -7,24 +7,28 @@
7
7
  @ovalHeight: 8px;
8
8
  @ovalGap: 20px;
9
9
  @titleMarginTop: 8px;
10
+ @spinOvalGap: 24px;
10
11
 
11
12
  @miniDotSize: 3px;
12
13
  @miniDotGap: 3px;
13
14
  @miniOvalWidth: 2px;
14
15
  @miniOvalHeight: 3px;
15
16
  @miniOvalGap: 8px;
17
+ @miniSpinOvalGap: 8px;
16
18
 
17
19
  @smallDotSize: 6px;
18
20
  @smallDotGap: 6px;
19
21
  @smallOvalWidth: 4px;
20
22
  @smallOvalHeight: 5px;
21
23
  @smallOvalGap: 11px;
24
+ @smallSpinOvalGap: 16px;
22
25
 
23
26
  @largeDotSize: 20px;
24
27
  @largeDotGap: 12px;
25
28
  @largeOvalWidth: 8px;
26
29
  @largeOvalHeight: 12px;
27
30
  @largeOvalGap: 26px;
31
+ @largeSpinOvalGap: 34px;
28
32
 
29
33
  .create-rotate(@time, @deg) {
30
34
  transform: rotate(@deg);
@@ -108,7 +112,7 @@
108
112
  animation-duration: 1.2s;
109
113
  animation-iteration-count: infinite;
110
114
  animation-name: fade;
111
- transform-origin: center @ovalGap;
115
+ transform-origin: center @spinOvalGap;
112
116
  }
113
117
 
114
118
  .@{bk-prefix}-loading-mask {
@@ -129,7 +133,7 @@
129
133
  .loading-theme(@value);
130
134
  }
131
135
  })
132
-
136
+
133
137
  each(@selectors, {
134
138
  .dot-@{index} {
135
139
  background-color: @value;
@@ -155,8 +159,8 @@
155
159
  position: relative;
156
160
  display: inline-flex;
157
161
  justify-content: center;
158
- width: 2 * @ovalGap;
159
- height: 2 * @ovalGap;
162
+ width: 2 * @spinOvalGap;
163
+ height: 2 * @spinOvalGap;
160
164
  }
161
165
 
162
166
  each(@sizeSelectors, {
@@ -165,11 +169,12 @@
165
169
  @sizedOvalWidth: '@{value}OvalWidth';
166
170
  @sizedOvalHeight: '@{value}OvalHeight';
167
171
  @sizedOvalGap: '@{value}OvalGap';
168
-
172
+ @sizedSpinOvalGap: '@{value}SpinOvalGap';
173
+
169
174
  &.@{bk-prefix}-loading-size-@{value} {
170
175
  .@{bk-prefix}-spin-indicator {
171
- height: 2 * @@sizedOvalGap;
172
- width: 2 * @@sizedOvalGap;
176
+ height: 2 * @@sizedSpinOvalGap;
177
+ width: 2 * @@sizedSpinOvalGap;
173
178
  }
174
179
  .dot {
175
180
  width: @@sizedDotSize;
@@ -183,12 +188,12 @@
183
188
  width: @@sizedOvalWidth;
184
189
  height: @@sizedOvalHeight;
185
190
  border-radius: @@sizedOvalHeight;
186
- transform-origin: center @@sizedOvalGap;
191
+ transform-origin: center @@sizedSpinOvalGap;
187
192
  }
188
193
  .@{bk-prefix}-loading-title {
189
194
  font-size: if(@value = small, @font-size-base, @font-size-medium);
190
195
  }
191
- }
196
+ }
192
197
  })
193
198
  .@{bk-prefix}-loading-title {
194
199
  margin-top: @titleMarginTop;
package/lib/loading/loading.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);
@@ -607,7 +607,7 @@
607
607
  animation-duration: 1.2s;
608
608
  animation-iteration-count: infinite;
609
609
  animation-name: fade;
610
- transform-origin: center 20px;
610
+ transform-origin: center 24px;
611
611
  }
612
612
  .bk-loading-wrapper .bk-loading-mask {
613
613
  position: absolute;
@@ -727,8 +727,8 @@
727
727
  position: relative;
728
728
  display: inline-flex;
729
729
  justify-content: center;
730
- width: 40px;
731
- height: 40px;
730
+ width: 48px;
731
+ height: 48px;
732
732
  }
733
733
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
734
734
  height: 16px;
@@ -752,8 +752,8 @@
752
752
  font-size: var(--font-size-medium);
753
753
  }
754
754
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
755
- height: 22px;
756
- width: 22px;
755
+ height: 32px;
756
+ width: 32px;
757
757
  }
758
758
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
759
759
  width: 6px;
@@ -767,14 +767,14 @@
767
767
  width: 4px;
768
768
  height: 5px;
769
769
  border-radius: 5px;
770
- transform-origin: center 11px;
770
+ transform-origin: center 16px;
771
771
  }
772
772
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
773
773
  font-size: var(--font-size-base);
774
774
  }
775
775
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
776
- height: 52px;
777
- width: 52px;
776
+ height: 68px;
777
+ width: 68px;
778
778
  }
779
779
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
780
780
  width: 20px;
@@ -788,7 +788,7 @@
788
788
  width: 8px;
789
789
  height: 12px;
790
790
  border-radius: 12px;
791
- transform-origin: center 26px;
791
+ transform-origin: center 34px;
792
792
  }
793
793
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
794
794
  font-size: var(--font-size-medium);
package/lib/menu/menu.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/menu/menu.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/menu/submenu.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/menu/submenu.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/message/message.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/message/message.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/modal/modal.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/modal/modal.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/navigation/navigation.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);