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/date-picker/date-picker.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- :where(.@{bk-prefix}-date-picker) {
3
+ .@{bk-prefix}-date-picker {
4
4
  display: inline-block;
5
5
  width: 261px;
6
6
  line-height: normal;
@@ -18,7 +18,7 @@
18
18
  }
19
19
  }
20
20
 
21
- :where(.@{bk-prefix}-date-picker-rel) {
21
+ .@{bk-prefix}-date-picker-rel {
22
22
  position: relative;
23
23
 
24
24
  .@{bk-prefix}-date-picker-editor {
@@ -126,7 +126,7 @@
126
126
  }
127
127
  }
128
128
 
129
- :where(.@{bk-prefix}-date-picker-dropdown) {
129
+ .@{bk-prefix}-date-picker-dropdown {
130
130
  position: absolute;
131
131
  z-index: 900;
132
132
  padding: 5px 0 0 0;
@@ -134,17 +134,17 @@
134
134
  background-color: @date-picker-dropdown-bg;
135
135
  border: 1px solid @disable-color;
136
136
  border-radius: 2px;
137
- box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
137
+ box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
138
138
  box-sizing: border-box;
139
139
  }
140
140
 
141
- :where(.@{bk-prefix}-date-picker) .@{bk-prefix}-select-dropdown {
141
+ .@{bk-prefix}-date-picker .@{bk-prefix}-select-dropdown {
142
142
  max-height: none;
143
143
  padding: 0;
144
144
  overflow: visible;
145
145
  }
146
146
 
147
- :where(.@{bk-prefix}-date-picker-footer-wrapper) {
147
+ .@{bk-prefix}-date-picker-footer-wrapper {
148
148
  clear: both;
149
149
  font-size: 14px;
150
150
  color: #979ba5;
@@ -152,20 +152,20 @@
152
152
  border-top: 1px solid #dcdee5;
153
153
  }
154
154
 
155
- :where(.@{bk-prefix}-date-picker-top-wrapper) {
155
+ .@{bk-prefix}-date-picker-top-wrapper {
156
156
  margin-top: -5px;
157
157
  clear: both;
158
158
  font-size: 14px;
159
159
  color: #979ba5;
160
160
  }
161
161
 
162
- :where(.@{bk-prefix}-picker-panel-body-wrapper) {
162
+ .@{bk-prefix}-picker-panel-body-wrapper {
163
163
  &.@{bk-prefix}-picker-panel-with-sidebar {
164
164
  padding-right: 140px;
165
165
  }
166
166
  }
167
167
 
168
- :where(.@{bk-prefix}-picker-panel-sidebar) {
168
+ .@{bk-prefix}-picker-panel-sidebar {
169
169
  position: absolute;
170
170
  top: 0;
171
171
  right: 0;
@@ -200,7 +200,7 @@
200
200
  height: 100%;
201
201
  overflow: auto;
202
202
 
203
- > div {
203
+ >div {
204
204
  height: 32px;
205
205
  padding-left: 30px;
206
206
  line-height: 32px;
@@ -219,11 +219,11 @@
219
219
  }
220
220
  }
221
221
 
222
- :where(.@{bk-prefix}-picker-panel-body) {
222
+ .@{bk-prefix}-picker-panel-body {
223
223
  float: left;
224
224
  }
225
225
 
226
- :where(.@{bk-prefix}-picker-confirm) {
226
+ .@{bk-prefix}-picker-confirm {
227
227
  display: flex;
228
228
  height: 42px;
229
229
  padding: 0 20px;
@@ -264,7 +264,7 @@
264
264
  }
265
265
  }
266
266
 
267
- :where(.@{bk-prefix}-date-picker-header) {
267
+ .@{bk-prefix}-date-picker-header {
268
268
  height: 46px;
269
269
  font-size: 14px;
270
270
  font-weight: 700;
@@ -293,7 +293,8 @@
293
293
  }
294
294
  }
295
295
 
296
- :where(.@{bk-prefix}-date-picker-cells) {
296
+
297
+ .@{bk-prefix}-date-picker-cells {
297
298
  margin: 9px;
298
299
  font-size: 12px;
299
300
  color: #63656e;
@@ -333,23 +334,23 @@
333
334
  }
334
335
  }
335
336
 
336
- :where(.@{bk-prefix}-date-picker-cells-cell:hover) em {
337
+ .@{bk-prefix}-date-picker-cells-cell:hover em {
337
338
  /* background-color: #e1ecff; */
338
339
  background-color: #f0f1f5;
339
340
  }
340
341
 
341
- :where(.@{bk-prefix}-date-picker-cells-focused) em {
342
+ .@{bk-prefix}-date-picker-cells-focused em {
342
343
  color: #3a84ff;
343
344
  box-shadow: 0 0 0 1px #a3c5fd inset;
344
345
  }
345
346
 
346
- :where(.@{bk-prefix}-date-picker-cells-cell-prev-month) em,
347
- :where(.@{bk-prefix}-date-picker-cells-cell-next-month) em {
347
+ .@{bk-prefix}-date-picker-cells-cell-prev-month em,
348
+ .@{bk-prefix}-date-picker-cells-cell-next-month em {
348
349
  color: #c4c6cc;
349
350
  }
350
351
 
351
- :where(.@{bk-prefix}-date-picker-cells-cell-prev-month:hover) em,
352
- :where(.@{bk-prefix}-date-picker-cells-cell-next-month:hover) em {
352
+ .@{bk-prefix}-date-picker-cells-cell-prev-month:hover em,
353
+ .@{bk-prefix}-date-picker-cells-cell-next-month:hover em {
353
354
  background: transparent;
354
355
  }
355
356
 
@@ -375,13 +376,13 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled:hover {
375
376
  background-color: #f0f1f5;
376
377
  }
377
378
 
378
- :where(.@{bk-prefix}-date-picker-cells-cell-today) em {
379
+ .@{bk-prefix}-date-picker-cells-cell-today em {
379
380
  position: relative;
380
381
  color: #3a84ff;
381
382
  box-shadow: 0 0 0 1px #a3c5fd inset;
382
383
  }
383
384
 
384
- :where(.@{bk-prefix}-date-picker-cells-cell-range) {
385
+ .@{bk-prefix}-date-picker-cells-cell-range {
385
386
  position: relative;
386
387
 
387
388
  &:before {
@@ -403,8 +404,8 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled:hover {
403
404
  }
404
405
  }
405
406
 
406
- :where(.@{bk-prefix}-date-picker-cells-cell-selected) em,
407
- :where(.@{bk-prefix}-date-picker-cells-cell-selected:hover) em {
407
+ .@{bk-prefix}-date-picker-cells-cell-selected em,
408
+ .@{bk-prefix}-date-picker-cells-cell-selected:hover em {
408
409
  color: #fff;
409
410
  background-color: #3a84ff;
410
411
  box-shadow: 0 0 0 1px #3a84ff inset;
@@ -415,17 +416,17 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled.@{bk-prefix}-date-picker-cells
415
416
  background: #c4c6cc;
416
417
  }
417
418
 
418
- :where(.@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected) em:after {
419
+ .@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected em:after {
419
420
  background: #fff;
420
421
  }
421
422
 
422
- :where(.@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected) em,
423
- :where(.@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected) em:hover {
423
+ .@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected em,
424
+ .@{bk-prefix}-date-picker-cells-cell-today.@{bk-prefix}-date-picker-cells-cell-selected em:hover {
424
425
  box-shadow: 0 0 0 1px #3a84ff inset;
425
426
  }
426
427
 
427
- :where(.@{bk-prefix}-date-picker-cells-year),
428
- :where(.@{bk-prefix}-date-picker-cells-month) {
428
+ .@{bk-prefix}-date-picker-cells-year,
429
+ .@{bk-prefix}-date-picker-cells-month {
429
430
  margin-top: 7px;
430
431
 
431
432
  span {
@@ -445,7 +446,7 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled.@{bk-prefix}-date-picker-cells
445
446
  }
446
447
  }
447
448
 
448
- :where(.@{bk-prefix}-picker-panel-icon-btn) {
449
+ .@{bk-prefix}-picker-panel-icon-btn {
449
450
  display: inline-block;
450
451
  width: 20px;
451
452
  height: 46px;
@@ -453,80 +454,77 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled.@{bk-prefix}-date-picker-cells
453
454
  color: #979ba5;
454
455
  text-align: center;
455
456
  cursor: pointer;
456
- transition: color 0.2s ease-in-out;
457
+ transition: color .2s ease-in-out;
457
458
  }
458
459
 
459
- :where(.@{bk-prefix}-picker-panel-icon-btn:hover) {
460
+ .@{bk-prefix}-picker-panel-icon-btn:hover {
460
461
  color: #2d8cf0;
461
462
  }
462
463
 
463
- :where(.@{bk-prefix}-picker-panel-icon-btn) i {
464
+ .@{bk-prefix}-picker-panel-icon-btn i {
464
465
  font-size: 20px;
465
466
  }
466
467
 
467
- :where(.@{bk-prefix}-date-picker-prev-btn) {
468
+ .@{bk-prefix}-date-picker-prev-btn {
468
469
  float: left;
469
470
  }
470
471
 
471
- :where(.@{bk-prefix}-date-picker-prev-btn-arrow-double) {
472
+ .@{bk-prefix}-date-picker-prev-btn-arrow-double {
472
473
  margin-left: 10px;
473
474
  }
474
475
 
475
- :where(.@{bk-prefix}-date-picker-prev-btn-arrow-double) i:after {
476
+ .@{bk-prefix}-date-picker-prev-btn-arrow-double i:after {
476
477
  margin-left: -8px;
477
478
  }
478
479
 
479
- :where(.@{bk-prefix}-date-picker-next-btn) {
480
+ .@{bk-prefix}-date-picker-next-btn {
480
481
  float: right;
481
482
  }
482
483
 
483
- :where(.@{bk-prefix}-date-picker-next-btn-arrow-double) {
484
+ .@{bk-prefix}-date-picker-next-btn-arrow-double {
484
485
  margin-right: 10px;
485
486
  }
486
487
 
487
- :where(.@{bk-prefix}-date-picker-next-btn-arrow-double) i:after {
488
+ .@{bk-prefix}-date-picker-next-btn-arrow-double i:after {
488
489
  margin-left: -8px;
489
490
  }
490
491
 
491
- :where(.@{bk-prefix}-date-picker-with-range) .@{bk-prefix}-picker-panel-body {
492
+ .@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-panel-body {
492
493
  min-width: 532px;
493
494
  }
494
495
 
495
- :where(.@{bk-prefix}-date-picker-with-range) .@{bk-prefix}-picker-panel-content {
496
+ .@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-panel-content {
496
497
  float: left;
497
498
  }
498
499
 
499
- :where(.@{bk-prefix}-date-picker-with-range) .@{bk-prefix}-picker-cells-show-week-numbers {
500
+ .@{bk-prefix}-date-picker-with-range .@{bk-prefix}-picker-cells-show-week-numbers {
500
501
  min-width: 492px;
501
502
  }
502
503
 
503
- :where(.@{bk-prefix}-date-picker-transfer) {
504
+ .@{bk-prefix}-date-picker-transfer {
504
505
  z-index: 1060;
505
506
  max-height: none;
506
507
  }
507
508
 
508
- :where(.@{bk-prefix}-fade-down-transition-enter-from),
509
- :where(.@{bk-prefix}-fade-down-transition-leave-to) {
509
+
510
+ .@{bk-prefix}-fade-down-transition-enter-from,
511
+ .@{bk-prefix}-fade-down-transition-leave-to {
510
512
  opacity: 0;
511
513
  transform: translateY(-20px);
512
514
  }
513
515
 
514
- :where(.@{bk-prefix}-fade-down-transition-enter-to),
515
- :where(.@{bk-prefix}-fade-down-transition-leave-from) {
516
+ .@{bk-prefix}-fade-down-transition-enter-to,
517
+ .@{bk-prefix}-fade-down-transition-leave-from {
516
518
  opacity: 1;
517
519
  transform: translateY(0);
518
520
  }
519
521
 
520
- :where(.@{bk-prefix}-fade-down-transition-enter-active) {
521
- transition:
522
- transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
523
- opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
522
+ .@{bk-prefix}-fade-down-transition-enter-active {
523
+ transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
524
524
  }
525
525
 
526
- :where(.@{bk-prefix}-fade-down-transition-leave-active) {
527
- transition:
528
- transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
529
- opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
526
+ .@{bk-prefix}-fade-down-transition-leave-active {
527
+ transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
530
528
  }
531
529
 
532
530
  // .@{bk-prefix}-zoom-in-top-enter-active,
@@ -548,6 +546,7 @@ span.@{bk-prefix}-date-picker-cells-cell-disabled.@{bk-prefix}-date-picker-cells
548
546
  // transform: scaleY(0)
549
547
  // }
550
548
 
549
+
551
550
  // .@{bk-prefix}-zoom-in-bottom-enter-active,
552
551
  // .@{bk-prefix}-zoom-in-bottom-leave-active {
553
552
  // opacity: 1;