bkui-vue 0.0.2-beta.130 → 0.0.2-beta.131

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 (94) hide show
  1. package/dist/index.cjs.js +27 -27
  2. package/dist/index.esm.js +6093 -6062
  3. package/dist/index.umd.js +27 -27
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.variable.css +3 -3
  7. package/lib/alert/alert.variable.css +3 -3
  8. package/lib/backtop/backtop.variable.css +3 -3
  9. package/lib/badge/badge.variable.css +3 -3
  10. package/lib/breadcrumb/breadcrumb.variable.css +3 -3
  11. package/lib/button/button.css +5 -5
  12. package/lib/button/button.d.ts +1 -1
  13. package/lib/button/button.variable.css +3 -3
  14. package/lib/button/index.d.ts +3 -3
  15. package/lib/card/card.variable.css +3 -3
  16. package/lib/cascader/cascader.variable.css +3 -3
  17. package/lib/checkbox/checkbox.css +12 -0
  18. package/lib/checkbox/checkbox.d.ts +1 -0
  19. package/lib/checkbox/checkbox.less +14 -0
  20. package/lib/checkbox/checkbox.variable.css +15 -3
  21. package/lib/checkbox/common.d.ts +1 -0
  22. package/lib/checkbox/index.d.ts +3 -0
  23. package/lib/checkbox/index.js +33 -9
  24. package/lib/code-diff/code-diff.variable.css +3 -3
  25. package/lib/collapse/collapse.variable.css +3 -3
  26. package/lib/collapse-transition/collapse-transition.variable.css +3 -3
  27. package/lib/color-picker/color-picker.variable.css +3 -3
  28. package/lib/config-provider/config-provider.variable.css +3 -3
  29. package/lib/container/container.variable.css +3 -3
  30. package/lib/date-picker/date-picker.variable.css +3 -3
  31. package/lib/dialog/dialog.variable.css +3 -3
  32. package/lib/divider/divider.variable.css +3 -3
  33. package/lib/dropdown/dropdown.variable.css +3 -3
  34. package/lib/exception/exception.variable.css +3 -3
  35. package/lib/fixed-navbar/fixed-navbar.variable.css +3 -3
  36. package/lib/form/form.variable.css +3 -3
  37. package/lib/icon/index.d.ts +1 -0
  38. package/lib/icon/index.js +58 -25
  39. package/lib/icon/loading.d.ts +4 -0
  40. package/lib/icon/loading.js +276 -0
  41. package/lib/image/image-viewer.variable.css +3 -3
  42. package/lib/image/image.variable.css +3 -3
  43. package/lib/info-box/info-box.variable.css +3 -3
  44. package/lib/input/input.variable.css +3 -3
  45. package/lib/link/link.variable.css +3 -3
  46. package/lib/loading/index.d.ts +3 -3
  47. package/lib/loading/loading.d.ts +1 -1
  48. package/lib/loading/loading.variable.css +3 -3
  49. package/lib/menu/menu.variable.css +3 -3
  50. package/lib/menu/submenu.variable.css +3 -3
  51. package/lib/message/message.variable.css +3 -3
  52. package/lib/modal/modal.variable.css +3 -3
  53. package/lib/navigation/navigation.variable.css +3 -3
  54. package/lib/notify/notify.variable.css +3 -3
  55. package/lib/pagination/pagination.variable.css +3 -3
  56. package/lib/pop-confirm/pop-confirm.variable.css +3 -3
  57. package/lib/popover/popover.variable.css +3 -3
  58. package/lib/process/process.variable.css +3 -3
  59. package/lib/progress/progress.variable.css +3 -3
  60. package/lib/radio/radio.css +3 -3
  61. package/lib/radio/radio.variable.css +3 -3
  62. package/lib/rate/rate.variable.css +3 -3
  63. package/lib/rate/star.variable.css +3 -3
  64. package/lib/resize-layout/resize-layout.variable.css +3 -3
  65. package/lib/search-select/search-select.variable.css +3 -3
  66. package/lib/select/index.d.ts +3 -3
  67. package/lib/select/select.d.ts +1 -1
  68. package/lib/select/select.variable.css +3 -3
  69. package/lib/sideslider/sideslider.variable.css +3 -3
  70. package/lib/slider/slider.variable.css +3 -3
  71. package/lib/steps/steps.variable.css +3 -3
  72. package/lib/styles/mixins/animate.variable.css +3 -3
  73. package/lib/styles/mixins/popper.variable.css +3 -3
  74. package/lib/styles/mixins/scroll.variable.css +3 -3
  75. package/lib/styles/reset.variable.css +3 -3
  76. package/lib/styles/themes/themes.less +3 -3
  77. package/lib/swiper/swiper.variable.css +3 -3
  78. package/lib/switcher/switcher.variable.css +3 -3
  79. package/lib/tab/tab.variable.css +3 -3
  80. package/lib/table/plugins/head-filter.variable.css +3 -3
  81. package/lib/table/plugins/head-sort.variable.css +3 -3
  82. package/lib/table/plugins/settings.variable.css +3 -3
  83. package/lib/table/table.css +17 -5
  84. package/lib/table/table.variable.css +20 -8
  85. package/lib/tag/tag.variable.css +3 -3
  86. package/lib/tag-input/tag-input.variable.css +3 -3
  87. package/lib/time-picker/time-picker.variable.css +3 -3
  88. package/lib/timeline/timeline.variable.css +3 -3
  89. package/lib/transfer/transfer.variable.css +3 -3
  90. package/lib/tree/tree.css +12 -0
  91. package/lib/tree/tree.variable.css +15 -3
  92. package/lib/upload/upload.variable.css +3 -3
  93. package/lib/virtual-render/virtual-render.variable.css +3 -3
  94. package/package.json +1 -1
package/lib/pagination/pagination.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/pop-confirm/pop-confirm.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/popover/popover.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/process/process.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/progress/progress.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/radio/radio.css CHANGED
@@ -86,13 +86,13 @@
86
86
  }
87
87
  .bk-radio-button.bk-radio-button-small .bk-radio-button-label {
88
88
  height: 26px;
89
- padding: var(--component-size-small-padding);
89
+ padding: 0 12px;
90
90
  font-size: 12px;
91
91
  line-height: 26px;
92
92
  }
93
93
  .bk-radio-button.bk-radio-button-large .bk-radio-button-label {
94
94
  height: 40px;
95
- padding: var(--component-size-large-padding);
95
+ padding: 0 16px;
96
96
  font-size: 16px;
97
97
  line-height: 40px;
98
98
  }
@@ -108,7 +108,7 @@
108
108
  }
109
109
  .bk-radio-button .bk-radio-button-label {
110
110
  width: 100%;
111
- padding: var(--component-size-base-padding);
111
+ padding: 0 14px;
112
112
  font-size: 12px;
113
113
  font-style: normal;
114
114
  font-weight: normal;
package/lib/radio/radio.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/rate/rate.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/rate/star.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/resize-layout/resize-layout.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/search-select/search-select.variable.css CHANGED
@@ -22,9 +22,9 @@
22
22
  --component-size-small: 26px;
23
23
  --component-size-base: 32px;
24
24
  --component-size-large: 40px;
25
- --component-size-small-padding: var(--component-size-small-padding);
26
- --component-size-base-padding: var(--component-size-base-padding);
27
- --component-size-large-padding: var(--component-size-large-padding);
25
+ --component-size-small-padding: 0 12px;
26
+ --component-size-base-padding: 0 14px;
27
+ --component-size-large-padding: 0 16px;
28
28
  --border-width-base: 1px;
29
29
  --border-style-base: solid;
30
30
  --border-radius-base: 2px;
package/lib/select/index.d.ts CHANGED
@@ -12,10 +12,10 @@ declare const BkSelect: {
12
12
  showOnInit?: boolean;
13
13
  placeholder?: string;
14
14
  list?: any[];
15
+ loading?: boolean;
15
16
  tagTheme?: "" | "info" | "success" | "warning" | "danger";
16
17
  behavior?: "normal" | "simplicity";
17
18
  selectedStyle?: "checkbox" | "check";
18
- loading?: boolean;
19
19
  scrollHeight?: number;
20
20
  clearable?: boolean;
21
21
  withValidate?: boolean;
@@ -836,10 +836,10 @@ declare const BkSelect: {
836
836
  showOnInit: boolean;
837
837
  placeholder: string;
838
838
  list: any[];
839
+ loading: boolean;
839
840
  tagTheme: "" | "info" | "success" | "warning" | "danger";
840
841
  behavior: "normal" | "simplicity";
841
842
  selectedStyle: "checkbox" | "check";
842
- loading: boolean;
843
843
  scrollHeight: number;
844
844
  clearable: boolean;
845
845
  withValidate: boolean;
@@ -2325,10 +2325,10 @@ declare const BkSelect: {
2325
2325
  showOnInit: boolean;
2326
2326
  placeholder: string;
2327
2327
  list: any[];
2328
+ loading: boolean;
2328
2329
  tagTheme: "" | "info" | "success" | "warning" | "danger";
2329
2330
  behavior: "normal" | "simplicity";
2330
2331
  selectedStyle: "checkbox" | "check";
2331
- loading: boolean;
2332
2332
  scrollHeight: number;
2333
2333
  clearable: boolean;
2334
2334
  withValidate: boolean;
package/lib/select/select.d.ts CHANGED
@@ -1017,10 +1017,10 @@ declare const _default: import("vue").DefineComponent<{
1017
1017
  showOnInit: boolean;
1018
1018
  placeholder: string;
1019
1019
  list: any[];
1020
+ loading: boolean;
1020
1021
  tagTheme: "" | "info" | "success" | "warning" | "danger";
1021
1022
  behavior: "normal" | "simplicity";
1022
1023
  selectedStyle: "checkbox" | "check";
1023
- loading: boolean;
1024
1024
  scrollHeight: number;
1025
1025
  clearable: boolean;
1026
1026
  withValidate: boolean;
package/lib/select/select.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/sideslider/sideslider.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/slider/slider.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/steps/steps.variable.css CHANGED
@@ -22,9 +22,9 @@
22
22
  --component-size-small: 26px;
23
23
  --component-size-base: 32px;
24
24
  --component-size-large: 40px;
25
- --component-size-small-padding: var(--component-size-small-padding);
26
- --component-size-base-padding: var(--component-size-base-padding);
27
- --component-size-large-padding: var(--component-size-large-padding);
25
+ --component-size-small-padding: 0 12px;
26
+ --component-size-base-padding: 0 14px;
27
+ --component-size-large-padding: 0 16px;
28
28
  --border-width-base: 1px;
29
29
  --border-style-base: solid;
30
30
  --border-radius-base: 2px;
package/lib/styles/mixins/animate.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/styles/mixins/popper.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/styles/mixins/scroll.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/styles/reset.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/styles/themes/themes.less CHANGED
@@ -27,9 +27,9 @@
27
27
  @component-size-base: 32px;
28
28
  @component-size-large: 40px;
29
29
 
30
- @component-size-small-padding: var(--component-size-small-padding);
31
- @component-size-base-padding: var(--component-size-base-padding);
32
- @component-size-large-padding: var(--component-size-large-padding);
30
+ @component-size-small-padding: 0 12px;
31
+ @component-size-base-padding: 0 14px;
32
+ @component-size-large-padding: 0 16px;
33
33
 
34
34
  @border-width-base: 1px;
35
35
  @border-style-base: solid;
package/lib/swiper/swiper.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/switcher/switcher.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/tab/tab.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/table/plugins/head-filter.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/table/plugins/head-sort.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/table/plugins/settings.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/table/table.css CHANGED
@@ -109,6 +109,12 @@
109
109
  .bk-checkbox.is-disabled.is-checked .bk-checkbox-input::after {
110
110
  background: #a3c5fd;
111
111
  }
112
+ .bk-checkbox.is-prechecking {
113
+ position: relative;
114
+ }
115
+ .bk-checkbox.is-prechecking .bk-checkbox-input {
116
+ visibility: hidden;
117
+ }
112
118
  .bk-checkbox-input {
113
119
  position: relative;
114
120
  display: inline-block;
@@ -135,10 +141,16 @@
135
141
  margin-left: 6px;
136
142
  vertical-align: middle;
137
143
  }
144
+ .bk-checkbox-checking {
145
+ position: absolute;
146
+ font-size: 16px;
147
+ color: #3a84ff;
148
+ animation: loading 1s linear infinite;
149
+ }
138
150
  .bk-button {
139
151
  display: inline-flex;
140
152
  height: 32px;
141
- padding: var(--component-size-base-padding);
153
+ padding: 0 14px;
142
154
  font-size: 14px;
143
155
  color: #63656e;
144
156
  text-decoration: none;
@@ -360,12 +372,12 @@
360
372
  }
361
373
  .bk-button.bk-button-small {
362
374
  height: 26px;
363
- padding: var(--component-size-small-padding);
375
+ padding: 0 12px;
364
376
  font-size: 12px;
365
377
  }
366
378
  .bk-button.bk-button-large {
367
379
  height: 40px;
368
- padding: var(--component-size-large-padding);
380
+ padding: 0 16px;
369
381
  font-size: 16px;
370
382
  }
371
383
  .bk-button .bk-button-text {
@@ -414,12 +426,12 @@
414
426
  }
415
427
  .bk-button-group.bk-button-group-small .bk-button {
416
428
  height: 26px;
417
- padding: var(--component-size-small-padding);
429
+ padding: 0 12px;
418
430
  font-size: 12px;
419
431
  }
420
432
  .bk-button-group.bk-button-group-large .bk-button {
421
433
  height: 40px;
422
- padding: var(--component-size-large-padding);
434
+ padding: 0 16px;
423
435
  font-size: 16px;
424
436
  }
425
437
  .bk-button-group .bk-button {
package/lib/table/table.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
@@ -235,6 +235,12 @@
235
235
  .bk-checkbox.is-disabled.is-checked .bk-checkbox-input::after {
236
236
  background: #a3c5fd;
237
237
  }
238
+ .bk-checkbox.is-prechecking {
239
+ position: relative;
240
+ }
241
+ .bk-checkbox.is-prechecking .bk-checkbox-input {
242
+ visibility: hidden;
243
+ }
238
244
  .bk-checkbox-input {
239
245
  position: relative;
240
246
  display: inline-block;
@@ -261,10 +267,16 @@
261
267
  margin-left: 6px;
262
268
  vertical-align: middle;
263
269
  }
270
+ .bk-checkbox-checking {
271
+ position: absolute;
272
+ font-size: 16px;
273
+ color: #3a84ff;
274
+ animation: loading 1s linear infinite;
275
+ }
264
276
  .bk-button {
265
277
  display: inline-flex;
266
278
  height: 32px;
267
- padding: var(--component-size-base-padding);
279
+ padding: 0 14px;
268
280
  font-size: 14px;
269
281
  color: #63656e;
270
282
  text-decoration: none;
@@ -486,12 +498,12 @@
486
498
  }
487
499
  .bk-button.bk-button-small {
488
500
  height: 26px;
489
- padding: var(--component-size-small-padding);
501
+ padding: 0 12px;
490
502
  font-size: 12px;
491
503
  }
492
504
  .bk-button.bk-button-large {
493
505
  height: 40px;
494
- padding: var(--component-size-large-padding);
506
+ padding: 0 16px;
495
507
  font-size: 16px;
496
508
  }
497
509
  .bk-button .bk-button-text {
@@ -540,12 +552,12 @@
540
552
  }
541
553
  .bk-button-group.bk-button-group-small .bk-button {
542
554
  height: 26px;
543
- padding: var(--component-size-small-padding);
555
+ padding: 0 12px;
544
556
  font-size: 12px;
545
557
  }
546
558
  .bk-button-group.bk-button-group-large .bk-button {
547
559
  height: 40px;
548
- padding: var(--component-size-large-padding);
560
+ padding: 0 16px;
549
561
  font-size: 16px;
550
562
  }
551
563
  .bk-button-group .bk-button {
package/lib/tag/tag.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/tag-input/tag-input.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/time-picker/time-picker.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/timeline/timeline.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;
package/lib/transfer/transfer.variable.css CHANGED
@@ -21,9 +21,9 @@
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
23
  --component-size-large: 40px;
24
- --component-size-small-padding: var(--component-size-small-padding);
25
- --component-size-base-padding: var(--component-size-base-padding);
26
- --component-size-large-padding: var(--component-size-large-padding);
24
+ --component-size-small-padding: 0 12px;
25
+ --component-size-base-padding: 0 14px;
26
+ --component-size-large-padding: 0 16px;
27
27
  --border-width-base: 1px;
28
28
  --border-style-base: solid;
29
29
  --border-radius-base: 2px;