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

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 (205) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/style.variable.css +1 -1
  3. package/lib/affix/affix.css +1 -1
  4. package/lib/affix/affix.less +2 -2
  5. package/lib/affix/affix.variable.css +3 -3
  6. package/lib/alert/alert.css +21 -21
  7. package/lib/alert/alert.less +17 -16
  8. package/lib/alert/alert.variable.css +23 -23
  9. package/lib/backtop/backtop.css +11 -11
  10. package/lib/backtop/backtop.less +3 -3
  11. package/lib/backtop/backtop.variable.css +13 -13
  12. package/lib/badge/badge.css +32 -32
  13. package/lib/badge/badge.less +5 -5
  14. package/lib/badge/badge.variable.css +34 -34
  15. package/lib/breadcrumb/breadcrumb.css +31 -31
  16. package/lib/breadcrumb/breadcrumb.less +8 -8
  17. package/lib/breadcrumb/breadcrumb.variable.css +33 -33
  18. package/lib/button/button.css +69 -69
  19. package/lib/button/button.less +3 -5
  20. package/lib/button/button.variable.css +71 -71
  21. package/lib/card/card.css +31 -31
  22. package/lib/card/card.less +4 -4
  23. package/lib/card/card.variable.css +33 -33
  24. package/lib/cascader/cascader.css +63 -63
  25. package/lib/cascader/cascader.less +12 -11
  26. package/lib/cascader/cascader.variable.css +65 -65
  27. package/lib/checkbox/checkbox.css +21 -21
  28. package/lib/checkbox/checkbox.less +8 -8
  29. package/lib/checkbox/checkbox.variable.css +23 -23
  30. package/lib/code-diff/code-diff.css +97 -97
  31. package/lib/code-diff/code-diff.less +3 -4
  32. package/lib/code-diff/code-diff.variable.css +99 -99
  33. package/lib/collapse/collapse.css +30 -30
  34. package/lib/collapse/collapse.less +25 -24
  35. package/lib/collapse/collapse.variable.css +32 -32
  36. package/lib/collapse-transition/collapse-transition.css +32 -32
  37. package/lib/collapse-transition/collapse-transition.less +59 -48
  38. package/lib/collapse-transition/collapse-transition.variable.css +34 -34
  39. package/lib/color-picker/color-picker.css +57 -57
  40. package/lib/color-picker/color-picker.less +36 -30
  41. package/lib/color-picker/color-picker.variable.css +59 -59
  42. package/lib/config-provider/config-provider.variable.css +2 -2
  43. package/lib/container/container.css +19 -19
  44. package/lib/container/container.less +3 -3
  45. package/lib/container/container.variable.css +21 -21
  46. package/lib/date-picker/date-picker.css +92 -92
  47. package/lib/date-picker/date-picker.less +55 -54
  48. package/lib/date-picker/date-picker.variable.css +94 -94
  49. package/lib/dialog/dialog.css +51 -51
  50. package/lib/dialog/dialog.less +1 -1
  51. package/lib/dialog/dialog.variable.css +53 -53
  52. package/lib/divider/divider.css +8 -8
  53. package/lib/divider/divider.less +5 -8
  54. package/lib/divider/divider.variable.css +10 -10
  55. package/lib/dropdown/dropdown.css +15 -15
  56. package/lib/dropdown/dropdown.less +6 -6
  57. package/lib/dropdown/dropdown.variable.css +17 -17
  58. package/lib/exception/exception.css +13 -13
  59. package/lib/exception/exception.less +6 -6
  60. package/lib/exception/exception.variable.css +15 -15
  61. package/lib/fixed-navbar/fixed-navbar.css +9 -9
  62. package/lib/fixed-navbar/fixed-navbar.less +1 -2
  63. package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
  64. package/lib/form/form.css +63 -63
  65. package/lib/form/form.less +14 -16
  66. package/lib/form/form.variable.css +65 -65
  67. package/lib/image/image-viewer.css +23 -23
  68. package/lib/image/image-viewer.less +24 -25
  69. package/lib/image/image-viewer.variable.css +25 -25
  70. package/lib/image/image.css +29 -29
  71. package/lib/image/image.less +6 -8
  72. package/lib/image/image.variable.css +31 -31
  73. package/lib/info-box/info-box.css +10 -10
  74. package/lib/info-box/info-box.less +1 -2
  75. package/lib/info-box/info-box.variable.css +12 -12
  76. package/lib/input/input.css +102 -104
  77. package/lib/input/input.less +27 -33
  78. package/lib/input/input.variable.css +104 -106
  79. package/lib/link/link.css +18 -18
  80. package/lib/link/link.less +1 -3
  81. package/lib/link/link.variable.css +20 -20
  82. package/lib/loading/loading.css +94 -94
  83. package/lib/loading/loading.less +4 -4
  84. package/lib/loading/loading.variable.css +96 -96
  85. package/lib/menu/menu.css +38 -38
  86. package/lib/menu/menu.less +10 -10
  87. package/lib/menu/menu.variable.css +40 -40
  88. package/lib/menu/submenu.css +1 -1
  89. package/lib/menu/submenu.less +1 -1
  90. package/lib/menu/submenu.variable.css +3 -3
  91. package/lib/message/message.css +59 -59
  92. package/lib/message/message.less +25 -24
  93. package/lib/message/message.variable.css +61 -61
  94. package/lib/modal/modal.css +26 -26
  95. package/lib/modal/modal.less +8 -12
  96. package/lib/modal/modal.variable.css +28 -28
  97. package/lib/navigation/navigation.css +25 -25
  98. package/lib/navigation/navigation.less +9 -9
  99. package/lib/navigation/navigation.variable.css +27 -27
  100. package/lib/notify/notify.css +17 -17
  101. package/lib/notify/notify.less +8 -6
  102. package/lib/notify/notify.variable.css +19 -19
  103. package/lib/pagination/pagination.css +60 -60
  104. package/lib/pagination/pagination.less +24 -25
  105. package/lib/pagination/pagination.variable.css +62 -62
  106. package/lib/pop-confirm/pop-confirm.css +10 -10
  107. package/lib/pop-confirm/pop-confirm.less +14 -11
  108. package/lib/pop-confirm/pop-confirm.variable.css +12 -12
  109. package/lib/popover/popover.css +5 -5
  110. package/lib/popover/popover.less +5 -6
  111. package/lib/popover/popover.variable.css +7 -7
  112. package/lib/process/process.css +36 -33
  113. package/lib/process/process.less +8 -7
  114. package/lib/process/process.variable.css +38 -35
  115. package/lib/progress/progress.css +33 -33
  116. package/lib/progress/progress.less +6 -5
  117. package/lib/progress/progress.variable.css +35 -35
  118. package/lib/radio/radio.css +51 -51
  119. package/lib/radio/radio.less +13 -20
  120. package/lib/radio/radio.variable.css +53 -53
  121. package/lib/rate/rate.css +2 -2
  122. package/lib/rate/rate.less +1 -1
  123. package/lib/rate/rate.variable.css +4 -4
  124. package/lib/rate/star.css +7 -7
  125. package/lib/rate/star.less +1 -1
  126. package/lib/rate/star.variable.css +9 -9
  127. package/lib/resize-layout/resize-layout.css +42 -42
  128. package/lib/resize-layout/resize-layout.less +17 -10
  129. package/lib/resize-layout/resize-layout.variable.css +44 -44
  130. package/lib/search-select/search-select.css +15 -15
  131. package/lib/search-select/search-select.variable.css +17 -17
  132. package/lib/select/select.css +87 -87
  133. package/lib/select/select.less +27 -22
  134. package/lib/select/select.variable.css +89 -89
  135. package/lib/sideslider/sideslider.css +14 -14
  136. package/lib/sideslider/sideslider.less +9 -13
  137. package/lib/sideslider/sideslider.variable.css +16 -16
  138. package/lib/slider/slider.css +31 -31
  139. package/lib/slider/slider.less +8 -8
  140. package/lib/slider/slider.variable.css +33 -33
  141. package/lib/steps/steps.css +134 -134
  142. package/lib/steps/steps.less +44 -48
  143. package/lib/steps/steps.variable.css +136 -136
  144. package/lib/styles/mixins/animate.css +4 -4
  145. package/lib/styles/mixins/animate.less +3 -3
  146. package/lib/styles/mixins/animate.variable.css +6 -6
  147. package/lib/styles/mixins/mixins.css +15 -15
  148. package/lib/styles/mixins/mixins.variable.css +15 -15
  149. package/lib/styles/mixins/popper.css +11 -11
  150. package/lib/styles/mixins/popper.less +6 -6
  151. package/lib/styles/mixins/popper.variable.css +13 -13
  152. package/lib/styles/mixins/scroll.css +5 -5
  153. package/lib/styles/mixins/scroll.less +4 -4
  154. package/lib/styles/mixins/scroll.variable.css +7 -7
  155. package/lib/styles/reset.css +6 -6
  156. package/lib/styles/reset.less +4 -5
  157. package/lib/styles/reset.variable.css +8 -8
  158. package/lib/styles/themes/themes copy.less +167 -0
  159. package/lib/styles/themes/themes.less +3 -10
  160. package/lib/swiper/swiper.css +15 -15
  161. package/lib/swiper/swiper.less +8 -8
  162. package/lib/swiper/swiper.variable.css +17 -17
  163. package/lib/switcher/switcher.css +57 -57
  164. package/lib/switcher/switcher.less +14 -22
  165. package/lib/switcher/switcher.variable.css +59 -59
  166. package/lib/tab/tab.css +78 -78
  167. package/lib/tab/tab.less +40 -39
  168. package/lib/tab/tab.variable.css +80 -80
  169. package/lib/table/plugins/head-filter.css +13 -13
  170. package/lib/table/plugins/head-filter.less +3 -3
  171. package/lib/table/plugins/head-filter.variable.css +15 -15
  172. package/lib/table/plugins/head-sort.css +5 -5
  173. package/lib/table/plugins/head-sort.less +2 -2
  174. package/lib/table/plugins/head-sort.variable.css +7 -7
  175. package/lib/table/plugins/settings.css +26 -26
  176. package/lib/table/plugins/settings.less +1 -3
  177. package/lib/table/plugins/settings.variable.css +28 -28
  178. package/lib/table/table.css +380 -380
  179. package/lib/table/table.less +10 -14
  180. package/lib/table/table.variable.css +382 -382
  181. package/lib/tag/tag.css +51 -51
  182. package/lib/tag/tag.less +34 -34
  183. package/lib/tag/tag.variable.css +53 -53
  184. package/lib/tag-input/tag-input.css +38 -38
  185. package/lib/tag-input/tag-input.less +3 -3
  186. package/lib/tag-input/tag-input.variable.css +40 -40
  187. package/lib/time-picker/time-picker.css +40 -40
  188. package/lib/time-picker/time-picker.less +76 -44
  189. package/lib/time-picker/time-picker.variable.css +42 -42
  190. package/lib/timeline/timeline.css +69 -69
  191. package/lib/timeline/timeline.less +6 -12
  192. package/lib/timeline/timeline.variable.css +71 -71
  193. package/lib/transfer/transfer.css +89 -89
  194. package/lib/transfer/transfer.less +1 -1
  195. package/lib/transfer/transfer.variable.css +91 -91
  196. package/lib/tree/tree.css +49 -49
  197. package/lib/tree/tree.less +6 -7
  198. package/lib/tree/tree.variable.css +51 -51
  199. package/lib/upload/upload.css +98 -98
  200. package/lib/upload/upload.less +68 -69
  201. package/lib/upload/upload.variable.css +100 -100
  202. package/lib/virtual-render/virtual-render.css +9 -9
  203. package/lib/virtual-render/virtual-render.less +1 -1
  204. package/lib/virtual-render/virtual-render.variable.css +11 -11
  205. package/package.json +1 -1
package/lib/radio/radio.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;
16
15
  --font-size-base: 12px;
17
16
  --font-size-medium: 14px;
18
17
  --font-size-large: 16px;
19
18
  --line-height-base: 16px;
20
19
  --line-height-medium: 16px;
21
20
  --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;
@@ -127,11 +127,11 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-radio-group {
130
+ :where(.bk-radio-group) {
131
131
  display: inline-flex;
132
132
  letter-spacing: normal;
133
133
  }
134
- .bk-radio {
134
+ :where(.bk-radio) {
135
135
  display: inline-flex;
136
136
  align-items: center;
137
137
  font-weight: normal;
@@ -142,37 +142,37 @@
142
142
  outline: none;
143
143
  user-select: none;
144
144
  }
145
- .bk-radio ~ .bk-radio {
145
+ :where(.bk-radio) ~ .bk-radio {
146
146
  margin-left: 24px;
147
147
  }
148
- .bk-radio.bk-radio-small .bk-radio-label {
148
+ :where(.bk-radio).bk-radio-small .bk-radio-label {
149
149
  font-size: var(--font-size-base);
150
150
  }
151
- .bk-radio.is-checked .bk-radio-input {
151
+ :where(.bk-radio).is-checked .bk-radio-input {
152
152
  padding: 3px;
153
153
  color: var(--radio-active-color);
154
154
  background-color: var(--radio-active-color);
155
155
  border-color: var(--radio-active-color);
156
156
  }
157
- .bk-radio.is-disabled {
157
+ :where(.bk-radio).is-disabled {
158
158
  color: var(--radio-disabled-font-color);
159
159
  cursor: not-allowed;
160
160
  }
161
- .bk-radio.is-disabled.is-checked .bk-radio-input {
161
+ :where(.bk-radio).is-disabled.is-checked .bk-radio-input {
162
162
  background-color: var(--radio-disabled-checked-bg);
163
163
  border-color: var(--radio-disabled-checked-bg);
164
164
  }
165
- .bk-radio.is-disabled .bk-radio-input {
165
+ :where(.bk-radio).is-disabled .bk-radio-input {
166
166
  cursor: not-allowed;
167
167
  border-color: var(--radio-disabled-border);
168
168
  }
169
- .bk-radio.is-disabled .bk-radio-label {
169
+ :where(.bk-radio).is-disabled .bk-radio-label {
170
170
  cursor: not-allowed;
171
171
  }
172
- .bk-radio.is-focused .bk-radio-input {
172
+ :where(.bk-radio).is-focused .bk-radio-input {
173
173
  border-color: var(--radio-active-color);
174
174
  }
175
- .bk-radio-input {
175
+ :where(.bk-radio-input) {
176
176
  position: relative;
177
177
  display: inline-block;
178
178
  width: var(--line-height-base);
@@ -189,10 +189,10 @@
189
189
  background-clip: content-box;
190
190
  appearance: none;
191
191
  }
192
- .bk-radio-input:hover {
192
+ :where(.bk-radio-input):hover {
193
193
  border-color: var(--radio-hover-border-color);
194
194
  }
195
- .bk-radio-label {
195
+ :where(.bk-radio-label) {
196
196
  margin-left: 6px;
197
197
  font-size: var(--font-size-medium);
198
198
  font-style: normal;
@@ -200,7 +200,7 @@
200
200
  vertical-align: middle;
201
201
  cursor: pointer;
202
202
  }
203
- .bk-radio-button {
203
+ :where(.bk-radio-button) {
204
204
  position: relative;
205
205
  z-index: 1;
206
206
  display: inline-flex;
@@ -213,19 +213,19 @@
213
213
  opacity: 1;
214
214
  user-select: none;
215
215
  }
216
- .bk-radio-button.bk-radio-button-small .bk-radio-button-label {
216
+ :where(.bk-radio-button).bk-radio-button-small .bk-radio-button-label {
217
217
  height: var(--component-size-small);
218
218
  padding: var(--component-size-small-padding);
219
219
  font-size: var(--font-size-base);
220
220
  line-height: var(--component-size-small);
221
221
  }
222
- .bk-radio-button.bk-radio-button-large .bk-radio-button-label {
222
+ :where(.bk-radio-button).bk-radio-button-large .bk-radio-button-label {
223
223
  height: var(--component-size-large);
224
224
  padding: var(--component-size-large-padding);
225
225
  font-size: var(--font-size-large);
226
226
  line-height: var(--component-size-large);
227
227
  }
228
- .bk-radio-button .bk-radio-button-input {
228
+ :where(.bk-radio-button) .bk-radio-button-input {
229
229
  position: absolute;
230
230
  z-index: -1;
231
231
  width: 100%;
@@ -235,7 +235,7 @@
235
235
  outline: none;
236
236
  opacity: 0;
237
237
  }
238
- .bk-radio-button .bk-radio-button-label {
238
+ :where(.bk-radio-button) .bk-radio-button-label {
239
239
  width: 100%;
240
240
  padding: var(--component-size-base-padding);
241
241
  font-size: var(--font-size-base);
@@ -248,29 +248,29 @@
248
248
  cursor: pointer;
249
249
  transition: all 0.3s;
250
250
  }
251
- .bk-radio-button.is-checked {
251
+ :where(.bk-radio-button).is-checked {
252
252
  z-index: 2;
253
253
  }
254
- .bk-radio-button.is-checked .bk-radio-button-label {
254
+ :where(.bk-radio-button).is-checked .bk-radio-button-label {
255
255
  color: var(--radio-active-color);
256
256
  }
257
- .bk-radio-button.is-disabled {
257
+ :where(.bk-radio-button).is-disabled {
258
258
  z-index: 0;
259
259
  color: var(--radio-disabled-font-color);
260
260
  cursor: not-allowed;
261
261
  }
262
- .bk-radio-button.is-disabled .bk-radio-button-label {
262
+ :where(.bk-radio-button).is-disabled .bk-radio-button-label {
263
263
  cursor: not-allowed;
264
264
  }
265
- .bk-radio-capsule {
265
+ :where(.bk-radio-capsule) {
266
266
  padding: 4px;
267
267
  background: #f0f1f5;
268
268
  border-radius: 2px;
269
269
  }
270
- .bk-radio-capsule .bk-radio-button {
270
+ :where(.bk-radio-capsule) .bk-radio-button {
271
271
  border-radius: 2px;
272
272
  }
273
- .bk-radio-capsule .bk-radio-button:before {
273
+ :where(.bk-radio-capsule) .bk-radio-button:before {
274
274
  position: absolute;
275
275
  top: 50%;
276
276
  right: -1px;
@@ -281,72 +281,72 @@
281
281
  background: #dcdee5;
282
282
  content: '';
283
283
  }
284
- .bk-radio-capsule .bk-radio-button:last-of-type::before {
284
+ :where(.bk-radio-capsule) .bk-radio-button:last-of-type::before {
285
285
  display: none;
286
286
  }
287
- .bk-radio-capsule .bk-radio-button-label {
287
+ :where(.bk-radio-capsule) .bk-radio-button-label {
288
288
  position: relative;
289
289
  height: 24px;
290
290
  padding: 0 12px;
291
291
  line-height: 24px;
292
292
  }
293
- .bk-radio-capsule .is-checked {
293
+ :where(.bk-radio-capsule) .is-checked {
294
294
  background: #fff;
295
295
  }
296
- .bk-radio-capsule .is-checked:before {
296
+ :where(.bk-radio-capsule) .is-checked:before {
297
297
  display: none;
298
298
  }
299
- .bk-radio-tab .bk-radio-button,
300
- .bk-radio-card .bk-radio-button {
299
+ :where(.bk-radio-tab) .bk-radio-button,
300
+ :where(.bk-radio-card) .bk-radio-button {
301
301
  overflow: hidden;
302
302
  }
303
- .bk-radio-tab .bk-radio-button:nth-child(n+2),
304
- .bk-radio-card .bk-radio-button:nth-child(n+2) {
303
+ :where(.bk-radio-tab) .bk-radio-button:nth-child(n + 2),
304
+ :where(.bk-radio-card) .bk-radio-button:nth-child(n + 2) {
305
305
  margin-left: -1px;
306
306
  }
307
- .bk-radio-tab .bk-radio-button:first-child .bk-radio-button-label,
308
- .bk-radio-card .bk-radio-button:first-child .bk-radio-button-label {
307
+ :where(.bk-radio-tab) .bk-radio-button:first-child .bk-radio-button-label,
308
+ :where(.bk-radio-card) .bk-radio-button:first-child .bk-radio-button-label {
309
309
  border-bottom-left-radius: var(--border-radius-base);
310
310
  border-top-left-radius: var(--border-radius-base);
311
311
  }
312
- .bk-radio-tab .bk-radio-button:last-child .bk-radio-button-label,
313
- .bk-radio-card .bk-radio-button:last-child .bk-radio-button-label {
312
+ :where(.bk-radio-tab) .bk-radio-button:last-child .bk-radio-button-label,
313
+ :where(.bk-radio-card) .bk-radio-button:last-child .bk-radio-button-label {
314
314
  border-top-right-radius: var(--border-radius-base);
315
315
  border-bottom-right-radius: var(--border-radius-base);
316
316
  }
317
- .bk-radio-tab .bk-radio-button.is-checked,
318
- .bk-radio-card .bk-radio-button.is-checked {
317
+ :where(.bk-radio-tab) .bk-radio-button.is-checked,
318
+ :where(.bk-radio-card) .bk-radio-button.is-checked {
319
319
  z-index: 2;
320
320
  }
321
- .bk-radio-tab .bk-radio-button.is-checked .bk-radio-button-label,
322
- .bk-radio-card .bk-radio-button.is-checked .bk-radio-button-label {
321
+ :where(.bk-radio-tab) .bk-radio-button.is-checked .bk-radio-button-label,
322
+ :where(.bk-radio-card) .bk-radio-button.is-checked .bk-radio-button-label {
323
323
  background: var(--radio-button-checked-bg);
324
324
  border-color: var(--radio-active-color);
325
325
  }
326
- .bk-radio-tab .bk-radio-button.is-disabled .bk-radio-button-label,
327
- .bk-radio-card .bk-radio-button.is-disabled .bk-radio-button-label {
326
+ :where(.bk-radio-tab) .bk-radio-button.is-disabled .bk-radio-button-label,
327
+ :where(.bk-radio-card) .bk-radio-button.is-disabled .bk-radio-button-label {
328
328
  background: var(--radio-button-disabled-checked-bg);
329
329
  border-color: var(--radio-disabled-border);
330
330
  }
331
- .bk-radio-tab .bk-radio-button.is-focused .bk-radio-button-label,
332
- .bk-radio-card .bk-radio-button.is-focused .bk-radio-button-label {
331
+ :where(.bk-radio-tab) .bk-radio-button.is-focused .bk-radio-button-label,
332
+ :where(.bk-radio-card) .bk-radio-button.is-focused .bk-radio-button-label {
333
333
  border-color: var(--radio-active-color);
334
334
  }
335
- .bk-radio-tab .bk-radio-button-label,
336
- .bk-radio-card .bk-radio-button-label {
335
+ :where(.bk-radio-tab) .bk-radio-button-label,
336
+ :where(.bk-radio-card) .bk-radio-button-label {
337
337
  height: var(--component-size-base);
338
338
  border: var(--border-width-base) var(--border-style-base) var(--light-gray);
339
339
  transition: all 0.3s;
340
340
  }
341
- .bk-radio-tab .bk-radio-button-label:hover,
342
- .bk-radio-card .bk-radio-button-label:hover {
341
+ :where(.bk-radio-tab) .bk-radio-button-label:hover,
342
+ :where(.bk-radio-card) .bk-radio-button-label:hover {
343
343
  border-color: var(--radio-hover-border-color);
344
344
  }
345
- .bk-radio-card {
345
+ :where(.bk-radio-card) {
346
346
  display: flex;
347
347
  width: 100%;
348
348
  }
349
- .bk-radio-card .bk-radio-button {
349
+ :where(.bk-radio-card) .bk-radio-button {
350
350
  flex: 1;
351
351
  display: block;
352
352
  }
package/lib/rate/rate.css CHANGED
@@ -1,7 +1,7 @@
1
- .bk-rate {
1
+ :where(.bk-rate) {
2
2
  position: relative;
3
3
  }
4
- .bk-rate .bk-score-real {
4
+ :where(.bk-rate) .bk-score-real {
5
5
  position: absolute;
6
6
  top: 0;
7
7
  left: 0;
package/lib/rate/rate.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- .@{bk-prefix}-rate {
3
+ :where(.@{bk-prefix}-rate) {
4
4
  position: relative;
5
5
 
6
6
  .@{bk-prefix}-score-real {
package/lib/rate/rate.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;
16
15
  --font-size-base: 12px;
17
16
  --font-size-medium: 14px;
18
17
  --font-size-large: 16px;
19
18
  --line-height-base: 16px;
20
19
  --line-height-medium: 16px;
21
20
  --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;
@@ -127,10 +127,10 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-rate {
130
+ :where(.bk-rate) {
131
131
  position: relative;
132
132
  }
133
- .bk-rate .bk-score-real {
133
+ :where(.bk-rate) .bk-score-real {
134
134
  position: absolute;
135
135
  top: 0;
136
136
  left: 0;
package/lib/rate/star.css CHANGED
@@ -1,27 +1,27 @@
1
- .bk-rate-stars {
1
+ :where(.bk-rate-stars) {
2
2
  padding: 0;
3
3
  margin: 0;
4
4
  }
5
- .bk-rate-stars .bk-is-edit {
5
+ :where(.bk-rate-stars) .bk-is-edit {
6
6
  cursor: pointer;
7
7
  }
8
- .bk-rate-stars:after {
8
+ :where(.bk-rate-stars):after {
9
9
  display: table;
10
10
  clear: both;
11
11
  content: '';
12
12
  }
13
- .bk-rate-stars .bk-rate-star {
13
+ :where(.bk-rate-stars) .bk-rate-star {
14
14
  float: left;
15
15
  margin-right: 3px;
16
16
  enable-background: new 0 0 64 64;
17
17
  fill: #c5c7d1;
18
18
  }
19
- .bk-rate-stars .bk-rate-star.bk-is-select {
19
+ :where(.bk-rate-stars) .bk-rate-star.bk-is-select {
20
20
  fill: #ffb848;
21
21
  }
22
- .bk-rate-stars .bk-rate-star.bk-is-hover {
22
+ :where(.bk-rate-stars) .bk-rate-star.bk-is-hover {
23
23
  transform: scale(1.2);
24
24
  }
25
- .bk-rate-stars .bk-rate-star:last-child {
25
+ :where(.bk-rate-stars) .bk-rate-star:last-child {
26
26
  margin-right: 0;
27
27
  }
package/lib/rate/star.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- .@{bk-prefix}-rate-stars {
3
+ :where(.@{bk-prefix}-rate-stars) {
4
4
  padding: 0;
5
5
  margin: 0;
6
6
 
package/lib/rate/star.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;
16
15
  --font-size-base: 12px;
17
16
  --font-size-medium: 14px;
18
17
  --font-size-large: 16px;
19
18
  --line-height-base: 16px;
20
19
  --line-height-medium: 16px;
21
20
  --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;
@@ -127,30 +127,30 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-rate-stars {
130
+ :where(.bk-rate-stars) {
131
131
  padding: 0;
132
132
  margin: 0;
133
133
  }
134
- .bk-rate-stars .bk-is-edit {
134
+ :where(.bk-rate-stars) .bk-is-edit {
135
135
  cursor: pointer;
136
136
  }
137
- .bk-rate-stars:after {
137
+ :where(.bk-rate-stars):after {
138
138
  display: table;
139
139
  clear: both;
140
140
  content: '';
141
141
  }
142
- .bk-rate-stars .bk-rate-star {
142
+ :where(.bk-rate-stars) .bk-rate-star {
143
143
  float: left;
144
144
  margin-right: 3px;
145
145
  enable-background: new 0 0 64 64;
146
146
  fill: #c5c7d1;
147
147
  }
148
- .bk-rate-stars .bk-rate-star.bk-is-select {
148
+ :where(.bk-rate-stars) .bk-rate-star.bk-is-select {
149
149
  fill: #ffb848;
150
150
  }
151
- .bk-rate-stars .bk-rate-star.bk-is-hover {
151
+ :where(.bk-rate-stars) .bk-rate-star.bk-is-hover {
152
152
  transform: scale(1.2);
153
153
  }
154
- .bk-rate-stars .bk-rate-star:last-child {
154
+ :where(.bk-rate-stars) .bk-rate-star:last-child {
155
155
  margin-right: 0;
156
156
  }
package/lib/resize-layout/resize-layout.css CHANGED
@@ -1,129 +1,129 @@
1
- .bk-resize-layout {
1
+ :where(.bk-resize-layout) {
2
2
  display: flex;
3
3
  }
4
- .bk-resize-layout-border {
4
+ :where(.bk-resize-layout) .bk-resize-layout-border {
5
5
  border: 1px solid #dcdee5;
6
6
  }
7
- .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-layout-aside-content {
7
+ :where(.bk-resize-layout) .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-layout-aside-content {
8
8
  overflow: hidden;
9
9
  }
10
- .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-collapse:before {
10
+ :where(.bk-resize-layout) .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-collapse:before {
11
11
  display: inline-block;
12
12
  transform: rotate(180deg);
13
13
  }
14
- .bk-resize-layout-collapsed.bk-resize-layout-collapsible .bk-resize-layout-aside:after {
14
+ :where(.bk-resize-layout) .bk-resize-layout-collapsed.bk-resize-layout-collapsible .bk-resize-layout-aside:after {
15
15
  display: none;
16
16
  }
17
- .bk-resize-layout-left {
17
+ :where(.bk-resize-layout) .bk-resize-layout-left {
18
18
  flex-direction: row;
19
19
  }
20
- .bk-resize-layout-left > .bk-resize-layout-aside {
20
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside {
21
21
  border-right: 1px solid #dcdee5;
22
22
  }
23
- .bk-resize-layout-left > .bk-resize-layout-aside:after {
23
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside:after {
24
24
  top: 50%;
25
25
  right: 1px;
26
26
  transform: translate3d(0, -50%, 0);
27
27
  }
28
- .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger {
28
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger {
29
29
  top: 0;
30
30
  left: 100%;
31
31
  width: 5px;
32
32
  height: 100%;
33
33
  cursor: col-resize;
34
34
  }
35
- .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse {
35
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse {
36
36
  top: 50%;
37
37
  left: 100%;
38
38
  transform: translateY(-50%);
39
39
  }
40
- .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse svg {
40
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse svg {
41
41
  position: absolute;
42
42
  }
43
- .bk-resize-layout-right {
43
+ :where(.bk-resize-layout) .bk-resize-layout-right {
44
44
  flex-direction: row-reverse;
45
45
  }
46
- .bk-resize-layout-right > .bk-resize-layout-aside {
46
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside {
47
47
  border-left: 1px solid #dcdee5;
48
48
  }
49
- .bk-resize-layout-right > .bk-resize-layout-aside:after {
49
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside:after {
50
50
  top: 50%;
51
51
  left: 1px;
52
52
  transform: translate3d(0, -50%, 0);
53
53
  }
54
- .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger {
54
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger {
55
55
  top: 0;
56
56
  right: 100%;
57
57
  width: 5px;
58
58
  height: 100%;
59
59
  cursor: col-resize;
60
60
  }
61
- .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse {
61
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse {
62
62
  top: 50%;
63
63
  right: 100%;
64
64
  transform: translateY(-50%) rotate(180deg);
65
65
  }
66
- .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse svg {
66
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse svg {
67
67
  position: absolute;
68
68
  }
69
- .bk-resize-layout-top {
69
+ :where(.bk-resize-layout) .bk-resize-layout-top {
70
70
  flex-direction: column;
71
71
  }
72
- .bk-resize-layout-top > .bk-resize-layout-aside {
72
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside {
73
73
  border-bottom: 1px solid #dcdee5;
74
74
  }
75
- .bk-resize-layout-top > .bk-resize-layout-aside:after {
75
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside:after {
76
76
  bottom: 1px;
77
77
  left: 50%;
78
78
  transform: translate3d(-50%, 0, 0) rotate(90deg);
79
79
  }
80
- .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger {
80
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger {
81
81
  top: 100%;
82
82
  left: 0;
83
83
  width: 100%;
84
84
  height: 5px;
85
85
  cursor: row-resize;
86
86
  }
87
- .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse {
87
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse {
88
88
  top: 100%;
89
89
  left: 50%;
90
90
  margin-top: 8px;
91
91
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
92
92
  }
93
- .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse svg {
93
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse svg {
94
94
  position: absolute;
95
95
  }
96
- .bk-resize-layout-bottom {
96
+ :where(.bk-resize-layout) .bk-resize-layout-bottom {
97
97
  flex-direction: column-reverse;
98
98
  }
99
- .bk-resize-layout-bottom > .bk-resize-layout-aside {
99
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside {
100
100
  border-top: 1px solid #dcdee5;
101
101
  }
102
- .bk-resize-layout-bottom > .bk-resize-layout-aside:after {
102
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside:after {
103
103
  top: 1px;
104
104
  left: 50%;
105
105
  transform: translate3d(-50%, 0, 0) rotate(90deg);
106
106
  }
107
- .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger {
107
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger {
108
108
  bottom: 100%;
109
109
  left: 0;
110
110
  width: 100%;
111
111
  height: 5px;
112
112
  cursor: row-resize;
113
113
  }
114
- .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse {
114
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse {
115
115
  bottom: 100%;
116
116
  left: 50%;
117
117
  margin-bottom: 8px;
118
118
  transform: translate3d(50%, 50%, 0) rotate(-90deg);
119
119
  }
120
- .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse svg {
120
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse svg {
121
121
  position: absolute;
122
122
  }
123
- .bk-resize-layout > .bk-resize-layout-aside {
123
+ :where(.bk-resize-layout) > .bk-resize-layout-aside {
124
124
  position: relative;
125
125
  }
126
- .bk-resize-layout > .bk-resize-layout-aside:after {
126
+ :where(.bk-resize-layout) > .bk-resize-layout-aside:after {
127
127
  position: absolute;
128
128
  width: 2px;
129
129
  height: 2px;
@@ -132,35 +132,35 @@
132
132
  content: '';
133
133
  box-shadow: 0 4px 0 0 currentColor, 0 8px 0 0 currentColor, 0 -4px 0 0 currentColor, 0 -8px 0 0 currentColor;
134
134
  }
135
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-layout-aside-content {
135
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-layout-aside-content {
136
136
  width: 100%;
137
137
  height: 100%;
138
138
  overflow: hidden;
139
139
  }
140
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-trigger {
140
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-trigger {
141
141
  position: absolute;
142
142
  z-index: 3;
143
143
  background-color: transparent;
144
144
  }
145
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy {
145
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy {
146
146
  position: absolute;
147
147
  z-index: 9999;
148
148
  pointer-events: none;
149
149
  visibility: hidden;
150
150
  }
151
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.left,
152
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.right {
151
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.left,
152
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.right {
153
153
  top: 0;
154
154
  height: 100%;
155
155
  border-left: 2px solid #3a84ff;
156
156
  }
157
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.top,
158
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.bottom {
157
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.top,
158
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.bottom {
159
159
  left: 0;
160
160
  width: 100%;
161
161
  border-top: 2px solid #3a84ff;
162
162
  }
163
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse {
163
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-collapse {
164
164
  position: absolute;
165
165
  z-index: 2;
166
166
  width: 16px;
@@ -174,14 +174,14 @@
174
174
  background: #dcdee5;
175
175
  border-radius: 0px 4px 4px 0px;
176
176
  }
177
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse:hover {
177
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-collapse:hover {
178
178
  background: #3a84ff;
179
179
  }
180
- .bk-resize-layout > .bk-resize-layout-main {
180
+ :where(.bk-resize-layout) > .bk-resize-layout-main {
181
181
  flex: 1;
182
182
  overflow: hidden;
183
183
  }
184
- .bk-resize-layout .bk-resize-mask {
184
+ :where(.bk-resize-layout) .bk-resize-mask {
185
185
  position: fixed;
186
186
  top: 0;
187
187
  right: 0;