bkui-vue 1.0.3-beta.26 → 1.0.3-beta.28

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 (287) hide show
  1. package/dist/index.cjs.js +46 -46
  2. package/dist/index.esm.js +6162 -6148
  3. package/dist/index.umd.js +46 -46
  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.less +2 -2
  8. package/lib/affix/affix.variable.css +3 -3
  9. package/lib/affix/index.js +13 -15
  10. package/lib/alert/alert.css +21 -21
  11. package/lib/alert/alert.less +16 -17
  12. package/lib/alert/alert.variable.css +23 -23
  13. package/lib/alert/index.js +22 -24
  14. package/lib/animate-number/index.js +5 -6
  15. package/lib/backtop/backtop.css +11 -11
  16. package/lib/backtop/backtop.less +3 -3
  17. package/lib/backtop/backtop.variable.css +13 -13
  18. package/lib/backtop/index.js +20 -22
  19. package/lib/badge/badge.css +32 -32
  20. package/lib/badge/badge.less +5 -5
  21. package/lib/badge/badge.variable.css +34 -34
  22. package/lib/badge/index.js +19 -21
  23. package/lib/breadcrumb/breadcrumb.css +31 -31
  24. package/lib/breadcrumb/breadcrumb.less +8 -8
  25. package/lib/breadcrumb/breadcrumb.variable.css +33 -33
  26. package/lib/breadcrumb/index.js +24 -26
  27. package/lib/button/button.css +69 -69
  28. package/lib/button/button.less +5 -3
  29. package/lib/button/button.variable.css +71 -71
  30. package/lib/button/index.js +28 -37
  31. package/lib/card/card.css +31 -31
  32. package/lib/card/card.less +4 -4
  33. package/lib/card/card.variable.css +33 -33
  34. package/lib/card/index.js +35 -43
  35. package/lib/cascader/cascader.css +63 -63
  36. package/lib/cascader/cascader.less +11 -12
  37. package/lib/cascader/cascader.variable.css +65 -65
  38. package/lib/cascader/index.js +80 -100
  39. package/lib/checkbox/checkbox.css +21 -21
  40. package/lib/checkbox/checkbox.less +8 -8
  41. package/lib/checkbox/checkbox.variable.css +23 -23
  42. package/lib/checkbox/index.js +32 -34
  43. package/lib/code-diff/code-diff.css +97 -97
  44. package/lib/code-diff/code-diff.less +4 -3
  45. package/lib/code-diff/code-diff.variable.css +99 -99
  46. package/lib/code-diff/index.js +12 -14
  47. package/lib/collapse/collapse.css +30 -30
  48. package/lib/collapse/collapse.less +24 -25
  49. package/lib/collapse/collapse.variable.css +32 -32
  50. package/lib/collapse/index.js +39 -41
  51. package/lib/collapse-transition/collapse-transition.css +32 -32
  52. package/lib/collapse-transition/collapse-transition.less +48 -59
  53. package/lib/collapse-transition/collapse-transition.variable.css +34 -34
  54. package/lib/collapse-transition/index.js +8 -9
  55. package/lib/color-picker/color-picker.css +57 -57
  56. package/lib/color-picker/color-picker.less +30 -36
  57. package/lib/color-picker/color-picker.variable.css +59 -59
  58. package/lib/color-picker/index.js +48 -50
  59. package/lib/components.js +505 -60
  60. package/lib/config-provider/config-provider.variable.css +2 -2
  61. package/lib/config-provider/index.js +8 -9
  62. package/lib/container/container.css +19 -19
  63. package/lib/container/container.less +3 -3
  64. package/lib/container/container.variable.css +21 -21
  65. package/lib/container/index.js +19 -21
  66. package/lib/date-picker/date-picker.css +92 -92
  67. package/lib/date-picker/date-picker.d.ts +1 -0
  68. package/lib/date-picker/date-picker.less +54 -55
  69. package/lib/date-picker/date-picker.variable.css +94 -94
  70. package/lib/date-picker/index.d.ts +3 -0
  71. package/lib/date-picker/index.js +69 -77
  72. package/lib/date-picker/time-picker.d.ts +1 -0
  73. package/lib/dialog/dialog.css +51 -51
  74. package/lib/dialog/dialog.less +1 -1
  75. package/lib/dialog/dialog.variable.css +53 -53
  76. package/lib/dialog/index.js +49 -63
  77. package/lib/directives/index.js +12 -13
  78. package/lib/dist.index.js +62 -5
  79. package/lib/divider/divider.css +8 -8
  80. package/lib/divider/divider.less +8 -5
  81. package/lib/divider/divider.variable.css +10 -10
  82. package/lib/divider/index.js +13 -15
  83. package/lib/dropdown/dropdown.css +15 -15
  84. package/lib/dropdown/dropdown.less +6 -6
  85. package/lib/dropdown/dropdown.variable.css +17 -17
  86. package/lib/dropdown/index.js +24 -32
  87. package/lib/exception/exception.css +13 -13
  88. package/lib/exception/exception.less +6 -6
  89. package/lib/exception/exception.variable.css +15 -15
  90. package/lib/exception/index.js +11 -13
  91. package/lib/fixed-navbar/fixed-navbar.css +9 -9
  92. package/lib/fixed-navbar/fixed-navbar.less +2 -1
  93. package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
  94. package/lib/fixed-navbar/index.js +13 -15
  95. package/lib/form/form.css +63 -63
  96. package/lib/form/form.less +16 -14
  97. package/lib/form/form.variable.css +65 -65
  98. package/lib/form/index.js +48 -50
  99. package/lib/hooks.js +48 -1
  100. package/lib/icon/index.js +0 -1
  101. package/lib/image/image-viewer.css +23 -23
  102. package/lib/image/image-viewer.less +25 -24
  103. package/lib/image/image-viewer.variable.css +25 -25
  104. package/lib/image/image.css +29 -29
  105. package/lib/image/image.less +8 -6
  106. package/lib/image/image.variable.css +31 -31
  107. package/lib/image/index.js +38 -39
  108. package/lib/index.js +72 -7
  109. package/lib/info-box/index.js +13 -21
  110. package/lib/info-box/info-box.css +10 -10
  111. package/lib/info-box/info-box.less +2 -1
  112. package/lib/info-box/info-box.variable.css +12 -12
  113. package/lib/input/index.js +59 -61
  114. package/lib/input/input.css +104 -102
  115. package/lib/input/input.less +33 -27
  116. package/lib/input/input.variable.css +106 -104
  117. package/lib/link/index.js +13 -15
  118. package/lib/link/link.css +18 -18
  119. package/lib/link/link.less +3 -1
  120. package/lib/link/link.variable.css +20 -20
  121. package/lib/loading/index.js +17 -19
  122. package/lib/loading/loading.css +94 -94
  123. package/lib/loading/loading.less +4 -4
  124. package/lib/loading/loading.variable.css +96 -96
  125. package/lib/locale/index.js +0 -1
  126. package/lib/menu/index.js +13 -15
  127. package/lib/menu/menu.css +38 -38
  128. package/lib/menu/menu.less +10 -10
  129. package/lib/menu/menu.variable.css +40 -40
  130. package/lib/menu/submenu.css +1 -1
  131. package/lib/menu/submenu.less +1 -1
  132. package/lib/menu/submenu.variable.css +3 -3
  133. package/lib/message/index.js +38 -40
  134. package/lib/message/message.css +59 -59
  135. package/lib/message/message.less +24 -25
  136. package/lib/message/message.variable.css +61 -61
  137. package/lib/modal/index.js +41 -43
  138. package/lib/modal/modal.css +26 -26
  139. package/lib/modal/modal.less +12 -8
  140. package/lib/modal/modal.variable.css +28 -28
  141. package/lib/navigation/index.js +14 -16
  142. package/lib/navigation/navigation.css +25 -25
  143. package/lib/navigation/navigation.less +9 -9
  144. package/lib/navigation/navigation.variable.css +27 -27
  145. package/lib/notify/index.js +31 -33
  146. package/lib/notify/notify.css +17 -17
  147. package/lib/notify/notify.less +6 -8
  148. package/lib/notify/notify.variable.css +19 -19
  149. package/lib/overflow-title/index.js +14 -22
  150. package/lib/pagination/index.js +50 -65
  151. package/lib/pagination/pagination.css +60 -60
  152. package/lib/pagination/pagination.less +25 -24
  153. package/lib/pagination/pagination.variable.css +62 -62
  154. package/lib/plugin-popover/index.js +53 -54
  155. package/lib/plugins/index.js +0 -1
  156. package/lib/pop-confirm/index.js +28 -42
  157. package/lib/pop-confirm/pop-confirm.css +10 -10
  158. package/lib/pop-confirm/pop-confirm.less +11 -14
  159. package/lib/pop-confirm/pop-confirm.variable.css +12 -12
  160. package/lib/popover/index.js +52 -54
  161. package/lib/popover/popover.css +5 -5
  162. package/lib/popover/popover.less +6 -5
  163. package/lib/popover/popover.variable.css +7 -7
  164. package/lib/popover2/index.js +3 -4
  165. package/lib/preset.js +64 -18
  166. package/lib/process/index.js +26 -27
  167. package/lib/process/process.css +33 -36
  168. package/lib/process/process.less +7 -8
  169. package/lib/process/process.variable.css +35 -38
  170. package/lib/progress/index.js +26 -28
  171. package/lib/progress/progress.css +33 -33
  172. package/lib/progress/progress.less +5 -6
  173. package/lib/progress/progress.variable.css +35 -35
  174. package/lib/radio/index.js +32 -34
  175. package/lib/radio/radio.css +51 -51
  176. package/lib/radio/radio.less +20 -13
  177. package/lib/radio/radio.variable.css +53 -53
  178. package/lib/rate/index.js +22 -24
  179. package/lib/rate/rate.css +2 -2
  180. package/lib/rate/rate.less +1 -1
  181. package/lib/rate/rate.variable.css +4 -4
  182. package/lib/rate/star.css +7 -7
  183. package/lib/rate/star.less +1 -1
  184. package/lib/rate/star.variable.css +9 -9
  185. package/lib/resize-layout/index.js +25 -27
  186. package/lib/resize-layout/resize-layout.css +42 -42
  187. package/lib/resize-layout/resize-layout.less +10 -17
  188. package/lib/resize-layout/resize-layout.variable.css +44 -44
  189. package/lib/search-select/index.js +49 -68
  190. package/lib/search-select/search-select.css +15 -15
  191. package/lib/search-select/search-select.variable.css +17 -17
  192. package/lib/select/index.js +129 -168
  193. package/lib/select/select.css +87 -87
  194. package/lib/select/select.less +22 -27
  195. package/lib/select/select.variable.css +89 -89
  196. package/lib/shared/index.js +4 -7
  197. package/lib/sideslider/index.js +14 -22
  198. package/lib/sideslider/sideslider.css +14 -14
  199. package/lib/sideslider/sideslider.less +13 -9
  200. package/lib/sideslider/sideslider.variable.css +16 -16
  201. package/lib/slider/index.js +22 -36
  202. package/lib/slider/slider.css +31 -31
  203. package/lib/slider/slider.less +8 -8
  204. package/lib/slider/slider.variable.css +33 -33
  205. package/lib/steps/index.js +28 -30
  206. package/lib/steps/steps.css +134 -134
  207. package/lib/steps/steps.less +48 -44
  208. package/lib/steps/steps.variable.css +136 -136
  209. package/lib/styles/mixins/animate.css +4 -4
  210. package/lib/styles/mixins/animate.less +3 -3
  211. package/lib/styles/mixins/animate.variable.css +6 -6
  212. package/lib/styles/mixins/mixins.css +15 -15
  213. package/lib/styles/mixins/mixins.variable.css +15 -15
  214. package/lib/styles/mixins/popper.css +11 -11
  215. package/lib/styles/mixins/popper.less +6 -6
  216. package/lib/styles/mixins/popper.variable.css +13 -13
  217. package/lib/styles/mixins/scroll.css +5 -5
  218. package/lib/styles/mixins/scroll.less +4 -4
  219. package/lib/styles/mixins/scroll.variable.css +7 -7
  220. package/lib/styles/reset.css +6 -6
  221. package/lib/styles/reset.less +5 -4
  222. package/lib/styles/reset.variable.css +8 -8
  223. package/lib/styles/themes/themes.less +10 -3
  224. package/lib/swiper/index.js +14 -16
  225. package/lib/swiper/swiper.css +15 -15
  226. package/lib/swiper/swiper.less +8 -8
  227. package/lib/swiper/swiper.variable.css +17 -17
  228. package/lib/switcher/index.js +29 -31
  229. package/lib/switcher/switcher.css +57 -57
  230. package/lib/switcher/switcher.less +22 -14
  231. package/lib/switcher/switcher.variable.css +59 -59
  232. package/lib/tab/index.js +44 -46
  233. package/lib/tab/tab.css +78 -78
  234. package/lib/tab/tab.less +39 -40
  235. package/lib/tab/tab.variable.css +80 -80
  236. package/lib/table/components/table-column.d.ts +1 -0
  237. package/lib/table/index.d.ts +1 -0
  238. package/lib/table/index.js +168 -207
  239. package/lib/table/plugins/head-filter.css +13 -13
  240. package/lib/table/plugins/head-filter.less +3 -3
  241. package/lib/table/plugins/head-filter.variable.css +15 -15
  242. package/lib/table/plugins/head-sort.css +5 -5
  243. package/lib/table/plugins/head-sort.less +2 -2
  244. package/lib/table/plugins/head-sort.variable.css +7 -7
  245. package/lib/table/plugins/settings.css +26 -26
  246. package/lib/table/plugins/settings.less +3 -1
  247. package/lib/table/plugins/settings.variable.css +28 -28
  248. package/lib/table/table.css +380 -380
  249. package/lib/table/table.less +14 -10
  250. package/lib/table/table.variable.css +382 -382
  251. package/lib/table-column/index.d.ts +3 -0
  252. package/lib/table-column/index.js +57 -43
  253. package/lib/tag/index.js +19 -21
  254. package/lib/tag/tag.css +51 -51
  255. package/lib/tag/tag.less +34 -34
  256. package/lib/tag/tag.variable.css +53 -53
  257. package/lib/tag-input/index.js +65 -80
  258. package/lib/tag-input/tag-input.css +38 -38
  259. package/lib/tag-input/tag-input.less +3 -3
  260. package/lib/tag-input/tag-input.variable.css +40 -40
  261. package/lib/time-picker/index.d.ts +3 -0
  262. package/lib/time-picker/index.js +7 -9
  263. package/lib/time-picker/time-picker.css +40 -40
  264. package/lib/time-picker/time-picker.less +44 -76
  265. package/lib/time-picker/time-picker.variable.css +42 -42
  266. package/lib/timeline/index.js +12 -13
  267. package/lib/timeline/timeline.css +69 -69
  268. package/lib/timeline/timeline.less +12 -6
  269. package/lib/timeline/timeline.variable.css +71 -71
  270. package/lib/transfer/index.js +36 -51
  271. package/lib/transfer/transfer.css +89 -89
  272. package/lib/transfer/transfer.less +1 -1
  273. package/lib/transfer/transfer.variable.css +91 -91
  274. package/lib/tree/index.js +72 -92
  275. package/lib/tree/tree.css +49 -49
  276. package/lib/tree/tree.less +7 -6
  277. package/lib/tree/tree.variable.css +51 -51
  278. package/lib/upload/index.js +48 -63
  279. package/lib/upload/upload.css +98 -98
  280. package/lib/upload/upload.less +69 -68
  281. package/lib/upload/upload.variable.css +100 -100
  282. package/lib/virtual-render/index.js +33 -35
  283. package/lib/virtual-render/virtual-render.css +9 -9
  284. package/lib/virtual-render/virtual-render.less +1 -1
  285. package/lib/virtual-render/virtual-render.variable.css +11 -11
  286. package/package.json +2 -2
  287. package/lib/styles/themes/themes copy.less +0 -167
package/lib/steps/steps.variable.css CHANGED
@@ -13,13 +13,13 @@
13
13
  --whitesmoke-color: #fafbfd;
14
14
  --disable-color: #dcdee5;
15
15
  --disable-bg-color: #f9fafd;
16
+ --border-color: #dcdee5;
16
17
  --font-size-base: 12px;
17
18
  --font-size-medium: 14px;
18
19
  --font-size-large: 16px;
19
20
  --line-height-base: 16px;
20
21
  --line-height-medium: 16px;
21
22
  --line-height-large: 18px;
22
- --border-color: #dcdee5;
23
23
  --component-size-small: 26px;
24
24
  --component-size-base: 32px;
25
25
  --component-size-large: 40px;
@@ -112,7 +112,7 @@
112
112
  --table-border-color: #dcdee5;
113
113
  --table-head-bg-color: #fafbfd;
114
114
  --table-head-font-color: #313238;
115
- --table-body-font-color: #63656e;
115
+ --table-body-font-color: #63656E;
116
116
  --table-row-hover-bg-color: #f5f7fa;
117
117
  --table-row-active-bg-color: #f0f1f5;
118
118
  --cascader-panel-border-color: #dcdee5;
@@ -136,92 +136,12 @@
136
136
  transform: rotate(360deg);
137
137
  }
138
138
  }
139
- :where(.bk-steps) {
139
+ .bk-steps {
140
140
  display: flex;
141
141
  width: 100%;
142
142
  font-size: 0;
143
143
  }
144
- :where(.bk-steps) .bk-steps-primary .bk-step.done .bk-step-number,
145
- :where(.bk-steps) .bk-steps-primary .bk-step.done .bk-step-icon,
146
- :where(.bk-steps) .bk-steps-primary .bk-step.done .bk-step-text {
147
- color: var(--primary-color);
148
- border-color: var(--primary-color);
149
- }
150
- :where(.bk-steps) .bk-steps-primary .bk-step.done .bk-step-title::after,
151
- :where(.bk-steps) .bk-steps-primary .bk-step.done .bk-step-indicator::after {
152
- background-image: linear-gradient(to right, var(--primary-color) 50%, transparent 0%);
153
- }
154
- :where(.bk-steps) .bk-steps-primary .bk-step.done::after {
155
- background-image: linear-gradient(var(--primary-color) 50%, transparent 0%);
156
- }
157
- :where(.bk-steps) .bk-steps-primary .bk-step.current .bk-step-number,
158
- :where(.bk-steps) .bk-steps-primary .bk-step.current .bk-step-icon,
159
- :where(.bk-steps) .bk-steps-primary .bk-step.current .bk-step-text {
160
- color: #fff;
161
- background-color: var(--primary-color);
162
- border-color: var(--primary-color);
163
- }
164
- :where(.bk-steps) .bk-steps-warning .bk-step.done .bk-step-number,
165
- :where(.bk-steps) .bk-steps-warning .bk-step.done .bk-step-icon,
166
- :where(.bk-steps) .bk-steps-warning .bk-step.done .bk-step-text {
167
- color: var(--warning-color);
168
- border-color: var(--warning-color);
169
- }
170
- :where(.bk-steps) .bk-steps-warning .bk-step.done .bk-step-title::after,
171
- :where(.bk-steps) .bk-steps-warning .bk-step.done .bk-step-indicator::after {
172
- background-image: linear-gradient(to right, var(--warning-color) 50%, transparent 0%);
173
- }
174
- :where(.bk-steps) .bk-steps-warning .bk-step.done::after {
175
- background-image: linear-gradient(var(--warning-color) 50%, transparent 0%);
176
- }
177
- :where(.bk-steps) .bk-steps-warning .bk-step.current .bk-step-number,
178
- :where(.bk-steps) .bk-steps-warning .bk-step.current .bk-step-icon,
179
- :where(.bk-steps) .bk-steps-warning .bk-step.current .bk-step-text {
180
- color: #fff;
181
- background-color: var(--warning-color);
182
- border-color: var(--warning-color);
183
- }
184
- :where(.bk-steps) .bk-steps-success .bk-step.done .bk-step-number,
185
- :where(.bk-steps) .bk-steps-success .bk-step.done .bk-step-icon,
186
- :where(.bk-steps) .bk-steps-success .bk-step.done .bk-step-text {
187
- color: var(--success-color);
188
- border-color: var(--success-color);
189
- }
190
- :where(.bk-steps) .bk-steps-success .bk-step.done .bk-step-title::after,
191
- :where(.bk-steps) .bk-steps-success .bk-step.done .bk-step-indicator::after {
192
- background-image: linear-gradient(to right, var(--success-color) 50%, transparent 0%);
193
- }
194
- :where(.bk-steps) .bk-steps-success .bk-step.done::after {
195
- background-image: linear-gradient(var(--success-color) 50%, transparent 0%);
196
- }
197
- :where(.bk-steps) .bk-steps-success .bk-step.current .bk-step-number,
198
- :where(.bk-steps) .bk-steps-success .bk-step.current .bk-step-icon,
199
- :where(.bk-steps) .bk-steps-success .bk-step.current .bk-step-text {
200
- color: #fff;
201
- background-color: var(--success-color);
202
- border-color: var(--success-color);
203
- }
204
- :where(.bk-steps) .bk-steps-danger .bk-step.done .bk-step-number,
205
- :where(.bk-steps) .bk-steps-danger .bk-step.done .bk-step-icon,
206
- :where(.bk-steps) .bk-steps-danger .bk-step.done .bk-step-text {
207
- color: var(--danger-color);
208
- border-color: var(--danger-color);
209
- }
210
- :where(.bk-steps) .bk-steps-danger .bk-step.done .bk-step-title::after,
211
- :where(.bk-steps) .bk-steps-danger .bk-step.done .bk-step-indicator::after {
212
- background-image: linear-gradient(to right, var(--danger-color) 50%, transparent 0%);
213
- }
214
- :where(.bk-steps) .bk-steps-danger .bk-step.done::after {
215
- background-image: linear-gradient(var(--danger-color) 50%, transparent 0%);
216
- }
217
- :where(.bk-steps) .bk-steps-danger .bk-step.current .bk-step-number,
218
- :where(.bk-steps) .bk-steps-danger .bk-step.current .bk-step-icon,
219
- :where(.bk-steps) .bk-steps-danger .bk-step.current .bk-step-text {
220
- color: #fff;
221
- background-color: var(--danger-color);
222
- border-color: var(--danger-color);
223
- }
224
- :where(.bk-steps) .icon-circle-4-1 {
144
+ .bk-steps .icon-circle-4-1 {
225
145
  width: 12px;
226
146
  height: 12px;
227
147
  border: 2px solid #fff;
@@ -230,16 +150,16 @@
230
150
  border-left: 0;
231
151
  border-radius: 7px;
232
152
  }
233
- :where(.bk-steps) .bk-icon {
153
+ .bk-steps .bk-icon {
234
154
  font-size: 24px;
235
155
  line-height: 24px;
236
156
  }
237
- :where(.bk-steps) .bk-icon.icon-loading {
157
+ .bk-steps .bk-icon.icon-loading {
238
158
  display: inline-block;
239
159
  font-size: var(--font-size-medium);
240
160
  animation: loadingCircle 1s infinite linear;
241
161
  }
242
- :where(.bk-steps) .bk-step {
162
+ .bk-steps .bk-step {
243
163
  position: relative;
244
164
  margin-right: 16px;
245
165
  overflow: hidden;
@@ -247,7 +167,7 @@
247
167
  white-space: nowrap;
248
168
  flex: 1;
249
169
  }
250
- :where(.bk-steps) .bk-step .bk-step-indicator {
170
+ .bk-steps .bk-step .bk-step-indicator {
251
171
  z-index: 1;
252
172
  display: inline-flex;
253
173
  width: 24px;
@@ -265,15 +185,15 @@
265
185
  align-items: center;
266
186
  justify-content: center;
267
187
  }
268
- :where(.bk-steps) .bk-step .bk-step-number {
188
+ .bk-steps .bk-step .bk-step-number {
269
189
  font-family: arial;
270
190
  font-size: 14px;
271
191
  }
272
- :where(.bk-steps) .bk-step .bk-step-content {
192
+ .bk-steps .bk-step .bk-step-content {
273
193
  display: inline-block;
274
194
  vertical-align: top;
275
195
  }
276
- :where(.bk-steps) .bk-step .bk-step-title {
196
+ .bk-steps .bk-step .bk-step-title {
277
197
  position: relative;
278
198
  display: inline-block;
279
199
  padding-right: 16px;
@@ -282,7 +202,7 @@
282
202
  color: #63656e;
283
203
  word-break: break-all;
284
204
  }
285
- :where(.bk-steps) .bk-step .bk-step-title::after {
205
+ .bk-steps .bk-step .bk-step-title::after {
286
206
  position: absolute;
287
207
  top: 12px;
288
208
  left: 100%;
@@ -291,16 +211,16 @@
291
211
  background-color: transparent;
292
212
  content: '';
293
213
  }
294
- :where(.bk-steps) .bk-step .bk-step-description {
214
+ .bk-steps .bk-step .bk-step-description {
295
215
  max-width: 140px;
296
216
  font-size: 12px;
297
217
  color: #979ba5;
298
218
  white-space: normal;
299
219
  }
300
- :where(.bk-steps) .bk-step.bk-step-no-content .bk-step-indicator {
220
+ .bk-steps .bk-step.bk-step-no-content .bk-step-indicator {
301
221
  margin-right: 0;
302
222
  }
303
- :where(.bk-steps) .bk-step.bk-step-no-content .bk-step-indicator::after {
223
+ .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
304
224
  position: absolute;
305
225
  top: 12px;
306
226
  left: 100%;
@@ -309,87 +229,167 @@
309
229
  background-color: transparent;
310
230
  content: '';
311
231
  }
312
- :where(.bk-steps) .bk-step.bk-step-no-content .bk-step-indicator::after {
232
+ .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
313
233
  top: 10px;
314
234
  left: 32px;
315
235
  }
316
- :where(.bk-steps) .bk-step:last-child {
236
+ .bk-steps .bk-step:last-child {
317
237
  margin-right: 0;
318
238
  flex: none;
319
239
  }
320
- :where(.bk-steps) .bk-step:last-child .bk-step-title {
240
+ .bk-steps .bk-step:last-child .bk-step-title {
321
241
  padding-right: 0;
322
242
  }
323
- :where(.bk-steps) .bk-step:last-child .bk-step-title::after {
243
+ .bk-steps .bk-step:last-child .bk-step-title::after {
324
244
  display: none;
325
245
  }
326
- :where(.bk-steps) .bk-step.done .bk-step-title {
246
+ .bk-steps .bk-step.done .bk-step-title {
327
247
  color: var(--default-color);
328
248
  }
329
- :where(.bk-steps) .bk-step.done .bk-step-description {
249
+ .bk-steps .bk-step.done .bk-step-description {
330
250
  color: #979ba5;
331
251
  }
332
- :where(.bk-steps) .bk-step.done .bk-steps-icon {
252
+ .bk-steps .bk-step.done .bk-steps-icon {
333
253
  margin-bottom: 3px;
334
254
  font-size: 22px;
335
255
  }
336
- :where(.bk-steps) .bk-step.done .bk-step-iconerror .bk-steps-icon {
256
+ .bk-steps .bk-step.done .bk-step-iconerror .bk-steps-icon {
337
257
  font-size: 14px;
338
258
  }
339
- :where(.bk-steps) .bk-step.done:has(+ .current.is-error) .bk-step-title::after,
340
- :where(.bk-steps) .bk-step.done:has( + .current.bk-step-error) .bk-step-title::after,
341
- :where(.bk-steps) .bk-step.done:has(+ .current.is-error) .bk-step-indicator::after,
342
- :where(.bk-steps) .bk-step.done:has( + .current.bk-step-error) .bk-step-indicator::after {
259
+ .bk-steps .bk-step.done:has(+ .current.is-error) .bk-step-title::after,
260
+ .bk-steps .bk-step.done:has( + .current.bk-step-error) .bk-step-title::after,
261
+ .bk-steps .bk-step.done:has(+ .current.is-error) .bk-step-indicator::after,
262
+ .bk-steps .bk-step.done:has( + .current.bk-step-error) .bk-step-indicator::after {
343
263
  background-image: linear-gradient(to right, var(--danger-color) 50%, transparent 0%);
344
264
  }
345
- :where(.bk-steps) .bk-step.current .bk-step-number,
346
- :where(.bk-steps) .bk-step.current .bk-step-icon,
347
- :where(.bk-steps) .bk-step.current .bk-step-text {
265
+ .bk-steps .bk-step.current .bk-step-number,
266
+ .bk-steps .bk-step.current .bk-step-icon,
267
+ .bk-steps .bk-step.current .bk-step-text {
348
268
  border-width: 2px;
349
269
  }
350
- :where(.bk-steps) .bk-step.current .bk-step-title,
351
- :where(.bk-steps) .bk-step.current .bk-step-description {
270
+ .bk-steps .bk-step.current .bk-step-title,
271
+ .bk-steps .bk-step.current .bk-step-description {
352
272
  color: var(--default-color);
353
273
  }
354
- :where(.bk-steps) .bk-step.current.bk-step-error .bk-step-indicator {
274
+ .bk-steps .bk-step.current.bk-step-error .bk-step-indicator {
355
275
  background-color: var(--danger-color);
356
276
  border-color: var(--danger-color);
357
277
  }
358
- :where(.bk-steps) .bk-step.current.bk-step-error .bk-step-title,
359
- :where(.bk-steps) .bk-step.current.bk-step-error .bk-step-description {
278
+ .bk-steps .bk-step.current.bk-step-error .bk-step-title,
279
+ .bk-steps .bk-step.current.bk-step-error .bk-step-description {
360
280
  color: var(--danger-color);
361
281
  }
362
- :where(.bk-steps) .bk-step.is-error .bk-step-indicator {
282
+ .bk-steps .bk-step.is-error .bk-step-indicator {
363
283
  background-color: var(--danger-color) !important;
364
284
  border-color: var(--danger-color) !important;
365
285
  }
366
- :where(.bk-steps) .bk-step.is-error .bk-step-content .bk-step-title {
286
+ .bk-steps .bk-step.is-error .bk-step-content .bk-step-title {
367
287
  color: var(--danger-color) !important;
368
288
  }
369
- :where(.bk-steps) .bk-steps-dashed .bk-step .bk-step-title::after,
370
- :where(.bk-steps) .bk-steps-dashed .bk-step .bk-step-indicator::after {
289
+ .bk-steps-primary .bk-step.done .bk-step-number,
290
+ .bk-steps-primary .bk-step.done .bk-step-icon,
291
+ .bk-steps-primary .bk-step.done .bk-step-text {
292
+ color: var(--primary-color);
293
+ border-color: var(--primary-color);
294
+ }
295
+ .bk-steps-primary .bk-step.done .bk-step-title::after,
296
+ .bk-steps-primary .bk-step.done .bk-step-indicator::after {
297
+ background-image: linear-gradient(to right, var(--primary-color) 50%, transparent 0%);
298
+ }
299
+ .bk-steps-primary .bk-step.done::after {
300
+ background-image: linear-gradient(var(--primary-color) 50%, transparent 0%);
301
+ }
302
+ .bk-steps-primary .bk-step.current .bk-step-number,
303
+ .bk-steps-primary .bk-step.current .bk-step-icon,
304
+ .bk-steps-primary .bk-step.current .bk-step-text {
305
+ color: #fff;
306
+ background-color: var(--primary-color);
307
+ border-color: var(--primary-color);
308
+ }
309
+ .bk-steps-warning .bk-step.done .bk-step-number,
310
+ .bk-steps-warning .bk-step.done .bk-step-icon,
311
+ .bk-steps-warning .bk-step.done .bk-step-text {
312
+ color: var(--warning-color);
313
+ border-color: var(--warning-color);
314
+ }
315
+ .bk-steps-warning .bk-step.done .bk-step-title::after,
316
+ .bk-steps-warning .bk-step.done .bk-step-indicator::after {
317
+ background-image: linear-gradient(to right, var(--warning-color) 50%, transparent 0%);
318
+ }
319
+ .bk-steps-warning .bk-step.done::after {
320
+ background-image: linear-gradient(var(--warning-color) 50%, transparent 0%);
321
+ }
322
+ .bk-steps-warning .bk-step.current .bk-step-number,
323
+ .bk-steps-warning .bk-step.current .bk-step-icon,
324
+ .bk-steps-warning .bk-step.current .bk-step-text {
325
+ color: #fff;
326
+ background-color: var(--warning-color);
327
+ border-color: var(--warning-color);
328
+ }
329
+ .bk-steps-success .bk-step.done .bk-step-number,
330
+ .bk-steps-success .bk-step.done .bk-step-icon,
331
+ .bk-steps-success .bk-step.done .bk-step-text {
332
+ color: var(--success-color);
333
+ border-color: var(--success-color);
334
+ }
335
+ .bk-steps-success .bk-step.done .bk-step-title::after,
336
+ .bk-steps-success .bk-step.done .bk-step-indicator::after {
337
+ background-image: linear-gradient(to right, var(--success-color) 50%, transparent 0%);
338
+ }
339
+ .bk-steps-success .bk-step.done::after {
340
+ background-image: linear-gradient(var(--success-color) 50%, transparent 0%);
341
+ }
342
+ .bk-steps-success .bk-step.current .bk-step-number,
343
+ .bk-steps-success .bk-step.current .bk-step-icon,
344
+ .bk-steps-success .bk-step.current .bk-step-text {
345
+ color: #fff;
346
+ background-color: var(--success-color);
347
+ border-color: var(--success-color);
348
+ }
349
+ .bk-steps-danger .bk-step.done .bk-step-number,
350
+ .bk-steps-danger .bk-step.done .bk-step-icon,
351
+ .bk-steps-danger .bk-step.done .bk-step-text {
352
+ color: var(--danger-color);
353
+ border-color: var(--danger-color);
354
+ }
355
+ .bk-steps-danger .bk-step.done .bk-step-title::after,
356
+ .bk-steps-danger .bk-step.done .bk-step-indicator::after {
357
+ background-image: linear-gradient(to right, var(--danger-color) 50%, transparent 0%);
358
+ }
359
+ .bk-steps-danger .bk-step.done::after {
360
+ background-image: linear-gradient(var(--danger-color) 50%, transparent 0%);
361
+ }
362
+ .bk-steps-danger .bk-step.current .bk-step-number,
363
+ .bk-steps-danger .bk-step.current .bk-step-icon,
364
+ .bk-steps-danger .bk-step.current .bk-step-text {
365
+ color: #fff;
366
+ background-color: var(--danger-color);
367
+ border-color: var(--danger-color);
368
+ }
369
+ .bk-steps-dashed .bk-step .bk-step-title::after,
370
+ .bk-steps-dashed .bk-step .bk-step-indicator::after {
371
371
  background-image: linear-gradient(to right, var(--light-gray) 50%, transparent 0%);
372
372
  background-position: bottom;
373
373
  background-repeat: repeat-x;
374
374
  background-size: 6px 1px;
375
375
  }
376
- :where(.bk-steps) .bk-steps-solid .bk-step .bk-step-title::after,
377
- :where(.bk-steps) .bk-steps-solid .bk-step .bk-step-indicator::after {
376
+ .bk-steps-solid .bk-step .bk-step-title::after,
377
+ .bk-steps-solid .bk-step .bk-step-indicator::after {
378
378
  background-color: var(--light-gray);
379
379
  }
380
- :where(.bk-steps) .bk-steps-vertical {
380
+ .bk-steps-vertical {
381
381
  flex-direction: column;
382
382
  height: 100%;
383
383
  }
384
- :where(.bk-steps) .bk-steps-vertical .bk-step {
384
+ .bk-steps-vertical .bk-step {
385
385
  margin-right: 0;
386
386
  margin-bottom: 8px;
387
387
  }
388
- :where(.bk-steps) .bk-steps-vertical .bk-step .bk-step-title::after,
389
- :where(.bk-steps) .bk-steps-vertical .bk-step .bk-step-indicator::after {
388
+ .bk-steps-vertical .bk-step .bk-step-title::after,
389
+ .bk-steps-vertical .bk-step .bk-step-indicator::after {
390
390
  display: none;
391
391
  }
392
- :where(.bk-steps) .bk-steps-vertical .bk-step::after {
392
+ .bk-steps-vertical .bk-step::after {
393
393
  position: absolute;
394
394
  top: 32px;
395
395
  left: 12px;
@@ -401,41 +401,41 @@
401
401
  background-size: 1px 6px;
402
402
  content: '';
403
403
  }
404
- :where(.bk-steps) .bk-steps-vertical .bk-step.done:has(+ .current.is-error)::after,
405
- :where(.bk-steps) .bk-steps-vertical .bk-step.done:has( + .current.bk-step-error)::after {
404
+ .bk-steps-vertical .bk-step.done:has(+ .current.is-error)::after,
405
+ .bk-steps-vertical .bk-step.done:has( + .current.bk-step-error)::after {
406
406
  background-image: linear-gradient(var(--danger-color) 50%, transparent 0%);
407
407
  }
408
- :where(.bk-steps) .bk-steps-vertical .bk-step .bk-step-title {
408
+ .bk-steps-vertical .bk-step .bk-step-title {
409
409
  display: flex;
410
410
  height: 100%;
411
411
  margin-top: 0;
412
412
  text-align: left;
413
413
  align-items: center;
414
414
  }
415
- :where(.bk-steps) .bk-steps-small .bk-step .bk-step-indicator {
415
+ .bk-steps-small .bk-step .bk-step-indicator {
416
416
  width: 20px;
417
417
  height: 20px;
418
418
  line-height: 20px;
419
419
  }
420
- :where(.bk-steps) .bk-steps-small .bk-step .bk-step-title {
420
+ .bk-steps-small .bk-step .bk-step-title {
421
421
  font-size: 12px;
422
422
  line-height: 20px;
423
423
  }
424
- :where(.bk-steps) .bk-steps-small .bk-step .bk-step-number {
424
+ .bk-steps-small .bk-step .bk-step-number {
425
425
  font-size: 12px;
426
426
  }
427
- :where(.bk-steps) .bk-steps-small .bk-step .bk-step-icon {
427
+ .bk-steps-small .bk-step .bk-step-icon {
428
428
  font-size: 14px;
429
429
  line-height: 14px;
430
430
  }
431
- :where(.bk-steps) .bk-steps-small .bk-step::after {
431
+ .bk-steps-small .bk-step::after {
432
432
  top: 28px;
433
433
  left: 10px;
434
434
  }
435
- :where(.bk-steps) .bk-steps-small .bk-step .bk-step-title::after {
435
+ .bk-steps-small .bk-step .bk-step-title::after {
436
436
  top: 10px;
437
437
  }
438
- :where(.bk-steps) .bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator::after {
438
+ .bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator::after {
439
439
  top: 8px;
440
440
  left: 28px;
441
441
  }
package/lib/styles/mixins/animate.css CHANGED
@@ -11,11 +11,11 @@
11
11
  background-color: transparent;
12
12
  }
13
13
  }
14
- :where(.bk-transition) .bk-fade-enter-active,
15
- :where(.bk-transition) .bk-fade-leave-active {
14
+ .bk-transition .bk-fade-enter-active,
15
+ .bk-transition .bk-fade-leave-active {
16
16
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
17
17
  }
18
- :where(.bk-transition) .bk-fade-enter,
19
- :where(.bk-transition) .bk-fade-leave-to {
18
+ .bk-transition .bk-fade-enter,
19
+ .bk-transition .bk-fade-leave-to {
20
20
  opacity: 0;
21
21
  }
package/lib/styles/mixins/animate.less CHANGED
@@ -6,7 +6,7 @@
6
6
  }
7
7
 
8
8
  100% {
9
- transform: scale(0.6);
9
+ transform: scale(.6);
10
10
  }
11
11
  }
12
12
 
@@ -18,7 +18,7 @@
18
18
  .fade-transition() {
19
19
  .@{bk-prefix}-fade-enter-active,
20
20
  .@{bk-prefix}-fade-leave-active {
21
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
21
+ transition: all .3s cubic-bezier(.55, 0, .1, 1);
22
22
  }
23
23
 
24
24
  .@{bk-prefix}-fade-enter,
@@ -26,6 +26,6 @@
26
26
  opacity: 0;
27
27
  }
28
28
  }
29
- :where(.@{bk-prefix}-transition) {
29
+ .@{bk-prefix}-transition {
30
30
  .fade-transition();
31
31
  }
package/lib/styles/mixins/animate.variable.css CHANGED
@@ -12,13 +12,13 @@
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
14
  --disable-bg-color: #f9fafd;
15
+ --border-color: #dcdee5;
15
16
  --font-size-base: 12px;
16
17
  --font-size-medium: 14px;
17
18
  --font-size-large: 16px;
18
19
  --line-height-base: 16px;
19
20
  --line-height-medium: 16px;
20
21
  --line-height-large: 18px;
21
- --border-color: #dcdee5;
22
22
  --component-size-small: 26px;
23
23
  --component-size-base: 32px;
24
24
  --component-size-large: 40px;
@@ -111,7 +111,7 @@
111
111
  --table-border-color: #dcdee5;
112
112
  --table-head-bg-color: #fafbfd;
113
113
  --table-head-font-color: #313238;
114
- --table-body-font-color: #63656e;
114
+ --table-body-font-color: #63656E;
115
115
  --table-row-hover-bg-color: #f5f7fa;
116
116
  --table-row-active-bg-color: #f0f1f5;
117
117
  --cascader-panel-border-color: #dcdee5;
@@ -140,11 +140,11 @@
140
140
  background-color: transparent;
141
141
  }
142
142
  }
143
- :where(.bk-transition) .bk-fade-enter-active,
144
- :where(.bk-transition) .bk-fade-leave-active {
143
+ .bk-transition .bk-fade-enter-active,
144
+ .bk-transition .bk-fade-leave-active {
145
145
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
146
146
  }
147
- :where(.bk-transition) .bk-fade-enter,
148
- :where(.bk-transition) .bk-fade-leave-to {
147
+ .bk-transition .bk-fade-enter,
148
+ .bk-transition .bk-fade-leave-to {
149
149
  opacity: 0;
150
150
  }
package/lib/styles/mixins/mixins.css CHANGED
@@ -11,12 +11,12 @@
11
11
  background-color: transparent;
12
12
  }
13
13
  }
14
- :where(.bk-transition) .bk-fade-enter-active,
15
- :where(.bk-transition) .bk-fade-leave-active {
14
+ .bk-transition .bk-fade-enter-active,
15
+ .bk-transition .bk-fade-leave-active {
16
16
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
17
17
  }
18
- :where(.bk-transition) .bk-fade-enter,
19
- :where(.bk-transition) .bk-fade-leave-to {
18
+ .bk-transition .bk-fade-enter,
19
+ .bk-transition .bk-fade-leave-to {
20
20
  opacity: 0;
21
21
  }
22
22
  .clearfix-style::after {
@@ -27,7 +27,7 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
- :where(.bk-popper) {
30
+ .bk-popper {
31
31
  display: none;
32
32
  padding: 7px 14px;
33
33
  font-size: 12px;
@@ -35,38 +35,38 @@
35
35
  background: #333;
36
36
  border-radius: 4px;
37
37
  }
38
- :where(.bk-popper).light {
38
+ .bk-popper.light {
39
39
  color: #63656e;
40
40
  background: #fff;
41
41
  box-shadow: #dcdee5 0 0 6px 0;
42
42
  }
43
- :where(.bk-popper) .bk-popper-arrow,
44
- :where(.bk-popper) .bk-popper-arrow::before {
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
45
  position: absolute;
46
46
  width: 8px;
47
47
  height: 8px;
48
48
  background: inherit;
49
49
  }
50
- :where(.bk-popper) .bk-popper-arrow {
50
+ .bk-popper .bk-popper-arrow {
51
51
  visibility: hidden;
52
52
  }
53
- :where(.bk-popper) .bk-popper-arrow::before {
53
+ .bk-popper .bk-popper-arrow::before {
54
54
  content: '';
55
55
  visibility: visible;
56
56
  transform: rotate(45deg);
57
57
  }
58
- :where(.bk-popper)[data-show] {
58
+ .bk-popper[data-show] {
59
59
  display: block;
60
60
  }
61
- :where(.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow) {
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
62
  bottom: -4px;
63
63
  }
64
- :where(.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow) {
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
65
  top: -4px;
66
66
  }
67
- :where(.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow) {
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
68
  right: -4px;
69
69
  }
70
- :where(.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow) {
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
71
  left: -4px;
72
72
  }
package/lib/styles/mixins/mixins.variable.css CHANGED
@@ -11,12 +11,12 @@
11
11
  background-color: transparent;
12
12
  }
13
13
  }
14
- :where(.bk-transition) .bk-fade-enter-active,
15
- :where(.bk-transition) .bk-fade-leave-active {
14
+ .bk-transition .bk-fade-enter-active,
15
+ .bk-transition .bk-fade-leave-active {
16
16
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
17
17
  }
18
- :where(.bk-transition) .bk-fade-enter,
19
- :where(.bk-transition) .bk-fade-leave-to {
18
+ .bk-transition .bk-fade-enter,
19
+ .bk-transition .bk-fade-leave-to {
20
20
  opacity: 0;
21
21
  }
22
22
  .clearfix-style::after {
@@ -27,7 +27,7 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
- :where(.bk-popper) {
30
+ .bk-popper {
31
31
  display: none;
32
32
  padding: 7px 14px;
33
33
  font-size: 12px;
@@ -35,38 +35,38 @@
35
35
  background: #333;
36
36
  border-radius: 4px;
37
37
  }
38
- :where(.bk-popper).light {
38
+ .bk-popper.light {
39
39
  color: #63656e;
40
40
  background: #fff;
41
41
  box-shadow: #dcdee5 0 0 6px 0;
42
42
  }
43
- :where(.bk-popper) .bk-popper-arrow,
44
- :where(.bk-popper) .bk-popper-arrow::before {
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
45
  position: absolute;
46
46
  width: 8px;
47
47
  height: 8px;
48
48
  background: inherit;
49
49
  }
50
- :where(.bk-popper) .bk-popper-arrow {
50
+ .bk-popper .bk-popper-arrow {
51
51
  visibility: hidden;
52
52
  }
53
- :where(.bk-popper) .bk-popper-arrow::before {
53
+ .bk-popper .bk-popper-arrow::before {
54
54
  content: '';
55
55
  visibility: visible;
56
56
  transform: rotate(45deg);
57
57
  }
58
- :where(.bk-popper)[data-show] {
58
+ .bk-popper[data-show] {
59
59
  display: block;
60
60
  }
61
- :where(.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow) {
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
62
  bottom: -4px;
63
63
  }
64
- :where(.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow) {
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
65
  top: -4px;
66
66
  }
67
- :where(.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow) {
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
68
  right: -4px;
69
69
  }
70
- :where(.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow) {
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
71
  left: -4px;
72
72
  }