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/time-picker/time-picker.css CHANGED
@@ -1,4 +1,4 @@
1
- :where(.bk-time-picker-header) {
1
+ .bk-time-picker-header {
2
2
  height: 46px;
3
3
  font-size: 14px;
4
4
  font-weight: 700;
@@ -7,7 +7,7 @@
7
7
  text-align: center;
8
8
  border-bottom: 1px solid #dcdee5;
9
9
  }
10
- :where(.bk-time-picker-cells):after {
10
+ .bk-time-picker-cells:after {
11
11
  position: absolute;
12
12
  right: 0;
13
13
  left: 0;
@@ -23,8 +23,8 @@
23
23
  box-sizing: border-box;
24
24
  mix-blend-mode: multiply;
25
25
  }
26
- :where(.bk-time-picker-cells-with-seconds) .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before,
27
- :where(.bk-time-picker-cells-with-seconds) .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before {
26
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before,
27
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before {
28
28
  position: absolute;
29
29
  top: 55px;
30
30
  left: 85px;
@@ -35,8 +35,8 @@
35
35
  border-radius: 50%;
36
36
  content: '';
37
37
  }
38
- :where(.bk-time-picker-cells-with-seconds) .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after,
39
- :where(.bk-time-picker-cells-with-seconds) .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after {
38
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after,
39
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after {
40
40
  position: absolute;
41
41
  top: calc(55px + 5px);
42
42
  left: 85px;
@@ -47,12 +47,12 @@
47
47
  border-radius: 50%;
48
48
  content: '';
49
49
  }
50
- :where(.bk-time-picker-cells-title-wrapper) {
50
+ .bk-time-picker-cells-title-wrapper {
51
51
  width: 100%;
52
52
  height: 42px;
53
53
  line-height: 42px;
54
54
  }
55
- :where(.bk-time-picker-cells-title-wrapper) .bk-time-picker-cells-title {
55
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title {
56
56
  position: relative;
57
57
  float: left;
58
58
  width: 33.33%;
@@ -62,10 +62,10 @@
62
62
  text-align: center;
63
63
  list-style: none;
64
64
  }
65
- :where(.bk-time-picker-cells-title-wrapper) .bk-time-picker-cells-title.active {
65
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active {
66
66
  color: #3a84ff;
67
67
  }
68
- :where(.bk-time-picker-cells-title-wrapper) .bk-time-picker-cells-title:nth-of-type(1):before {
68
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before {
69
69
  position: absolute;
70
70
  top: 55px;
71
71
  left: 133px;
@@ -76,7 +76,7 @@
76
76
  border-radius: 50%;
77
77
  content: '';
78
78
  }
79
- :where(.bk-time-picker-cells-title-wrapper) .bk-time-picker-cells-title:nth-of-type(1):after {
79
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after {
80
80
  position: absolute;
81
81
  top: calc(55px + 5px);
82
82
  left: 133px;
@@ -87,39 +87,39 @@
87
87
  border-radius: 50%;
88
88
  content: '';
89
89
  }
90
- :where(.bk-time-picker-cells-list) {
90
+ .bk-time-picker-cells-list {
91
91
  position: relative;
92
92
  float: left;
93
93
  width: 33.33%;
94
94
  max-height: 200px;
95
95
  overflow: hidden;
96
96
  }
97
- :where(.bk-time-picker-cells-list:hover) {
97
+ .bk-time-picker-cells-list:hover {
98
98
  overflow-y: auto;
99
99
  }
100
- :where(.bk-time-picker-cells-list:first-child) {
100
+ .bk-time-picker-cells-list:first-child {
101
101
  border-radius: 2px 0 0 2px;
102
102
  }
103
- :where(.bk-time-picker-cells-list:last-child) {
103
+ .bk-time-picker-cells-list:last-child {
104
104
  border-radius: 0 2px 2px 0;
105
105
  }
106
- :where(.bk-time-picker-cells-list::-webkit-scrollbar) {
106
+ .bk-time-picker-cells-list::-webkit-scrollbar {
107
107
  width: 0;
108
108
  height: 0;
109
109
  background-color: rgba(204, 204, 204, 0);
110
110
  }
111
- :where(.bk-time-picker-cells-list::-webkit-scrollbar-thumb) {
111
+ .bk-time-picker-cells-list::-webkit-scrollbar-thumb {
112
112
  width: 0;
113
113
  height: 0;
114
114
  background-color: transparent;
115
115
  }
116
- :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul {
116
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul {
117
117
  width: 100%;
118
118
  padding: 0 0 168px 0;
119
119
  margin: 0;
120
120
  list-style: none;
121
121
  }
122
- :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell {
122
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell {
123
123
  position: relative;
124
124
  width: 100%;
125
125
  height: 32px;
@@ -135,23 +135,23 @@
135
135
  transition: background 0.2s ease-in-out;
136
136
  user-select: none;
137
137
  }
138
- :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover {
138
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover {
139
139
  color: #3a84ff;
140
140
  }
141
- :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled {
141
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled {
142
142
  color: #c4c6cc;
143
143
  cursor: not-allowed;
144
144
  }
145
- :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover {
145
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover {
146
146
  color: #c4c6cc;
147
147
  cursor: not-allowed;
148
148
  background-color: #fff;
149
149
  }
150
- :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,
151
- :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover {
150
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,
151
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover {
152
152
  color: #3a84ff;
153
153
  }
154
- :where(.bk-time-picker-header) {
154
+ .bk-time-picker-header {
155
155
  height: 46px;
156
156
  font-size: 14px;
157
157
  font-weight: 700;
@@ -160,11 +160,11 @@
160
160
  text-align: center;
161
161
  border-bottom: 1px solid #dcdee5;
162
162
  }
163
- :where(.bk-time-picker-with-range) .bk-picker-panel-content {
163
+ .bk-time-picker-with-range .bk-picker-panel-content {
164
164
  position: relative;
165
165
  float: left;
166
166
  }
167
- :where(.bk-time-picker-with-range) .bk-picker-panel-content:after {
167
+ .bk-time-picker-with-range .bk-picker-panel-content:after {
168
168
  position: absolute;
169
169
  top: 45px;
170
170
  right: 0;
@@ -175,42 +175,42 @@
175
175
  background: #e8eaec;
176
176
  content: '';
177
177
  }
178
- :where(.bk-time-picker-with-range) .bk-picker-panel-content-right {
178
+ .bk-time-picker-with-range .bk-picker-panel-content-right {
179
179
  float: right;
180
180
  }
181
- :where(.bk-time-picker-with-range) .bk-picker-panel-content-right:after {
181
+ .bk-time-picker-with-range .bk-picker-panel-content-right:after {
182
182
  right: auto;
183
183
  left: 0;
184
184
  }
185
- :where(.bk-time-picker-with-range) .bk-time-picker-cells-list:first-child {
185
+ .bk-time-picker-with-range .bk-time-picker-cells-list:first-child {
186
186
  border-radius: 0;
187
187
  }
188
- :where(.bk-time-picker-with-range) .bk-time-picker-cells-list:last-child {
188
+ .bk-time-picker-with-range .bk-time-picker-cells-list:last-child {
189
189
  border-radius: 0;
190
190
  }
191
- :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells {
192
- position: relative;
191
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells {
193
192
  min-width: 216px;
193
+ position: relative;
194
194
  }
195
- :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-with-seconds {
195
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds {
196
196
  min-width: 216px;
197
197
  }
198
- :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {
198
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {
199
199
  width: 72px;
200
200
  }
201
- :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {
201
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {
202
202
  padding: 0;
203
203
  }
204
- :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list {
204
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list {
205
205
  width: 108px;
206
206
  max-height: 200px;
207
207
  }
208
- :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list:first-child {
208
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child {
209
209
  border-radius: 0;
210
210
  }
211
- :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list:last-child {
211
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child {
212
212
  border-radius: 0;
213
213
  }
214
- :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list ul {
214
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul {
215
215
  padding: 0 0 168px 0;
216
216
  }
package/lib/time-picker/time-picker.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- :where(.@{bk-prefix}-time-picker-header) {
3
+ .@{bk-prefix}-time-picker-header {
4
4
  height: 46px;
5
5
  font-size: 14px;
6
6
  font-weight: 700;
@@ -10,7 +10,7 @@
10
10
  border-bottom: 1px solid #dcdee5;
11
11
  }
12
12
 
13
- :where(.@{bk-prefix}-time-picker-cells) {
13
+ .@{bk-prefix}-time-picker-cells {
14
14
  &:after {
15
15
  position: absolute;
16
16
  right: 0;
@@ -22,7 +22,7 @@
22
22
  color: #3a84ff;
23
23
  text-align: left;
24
24
  pointer-events: none;
25
- background-color: rgba(58, 132, 255, 0.16);
25
+ background-color: rgba(58,132,255,.16);
26
26
  content: '';
27
27
  box-sizing: border-box;
28
28
  box-sizing: border-box;
@@ -30,12 +30,8 @@
30
30
  }
31
31
  }
32
32
 
33
- :where(.@{bk-prefix}-time-picker-cells-with-seconds)
34
- .@{bk-prefix}-time-picker-cells-title-wrapper
35
- .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before,
36
- :where(.@{bk-prefix}-time-picker-cells-with-seconds)
37
- .@{bk-prefix}-time-picker-cells-title-wrapper
38
- .@{bk-prefix}-time-picker-cells-title:nth-of-type(2):before {
33
+ .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before,
34
+ .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(2):before {
39
35
  position: absolute;
40
36
  top: 55px;
41
37
  left: 85px;
@@ -47,12 +43,8 @@
47
43
  content: '';
48
44
  }
49
45
 
50
- :where(.@{bk-prefix}-time-picker-cells-with-seconds)
51
- .@{bk-prefix}-time-picker-cells-title-wrapper
52
- .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after,
53
- :where(.@{bk-prefix}-time-picker-cells-with-seconds)
54
- .@{bk-prefix}-time-picker-cells-title-wrapper
55
- .@{bk-prefix}-time-picker-cells-title:nth-of-type(2):after {
46
+ .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after,
47
+ .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(2):after {
56
48
  position: absolute;
57
49
  top: calc(55px + 5px);
58
50
  left: 85px;
@@ -64,13 +56,13 @@
64
56
  content: '';
65
57
  }
66
58
 
67
- :where(.@{bk-prefix}-time-picker-cells-title-wrapper) {
59
+ .@{bk-prefix}-time-picker-cells-title-wrapper {
68
60
  width: 100%;
69
61
  height: 42px;
70
62
  line-height: 42px;
71
63
  }
72
64
 
73
- :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title {
65
+ .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title {
74
66
  position: relative;
75
67
  float: left;
76
68
  width: 33.33%;
@@ -78,14 +70,14 @@
78
70
  font-weight: 700;
79
71
  color: #63656e;
80
72
  text-align: center;
81
- list-style: none;
73
+ list-style: none
82
74
  }
83
75
 
84
- :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title.active {
76
+ .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title.active {
85
77
  color: #3a84ff;
86
78
  }
87
79
 
88
- :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before {
80
+ .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before {
89
81
  position: absolute;
90
82
  top: 55px;
91
83
  left: 133px;
@@ -97,7 +89,7 @@
97
89
  content: '';
98
90
  }
99
91
 
100
- :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after {
92
+ .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after {
101
93
  position: absolute;
102
94
  top: calc(55px + 5px);
103
95
  left: 133px;
@@ -109,7 +101,7 @@
109
101
  content: '';
110
102
  }
111
103
 
112
- :where(.@{bk-prefix}-time-picker-cells-list) {
104
+ .@{bk-prefix}-time-picker-cells-list {
113
105
  position: relative;
114
106
  float: left;
115
107
  width: 33.33%;
@@ -117,38 +109,38 @@
117
109
  overflow: hidden;
118
110
  }
119
111
 
120
- :where(.@{bk-prefix}-time-picker-cells-list:hover) {
112
+ .@{bk-prefix}-time-picker-cells-list:hover {
121
113
  overflow-y: auto;
122
114
  }
123
115
 
124
- :where(.@{bk-prefix}-time-picker-cells-list:first-child) {
116
+ .@{bk-prefix}-time-picker-cells-list:first-child {
125
117
  border-radius: 2px 0 0 2px;
126
118
  }
127
119
 
128
- :where(.@{bk-prefix}-time-picker-cells-list:last-child) {
120
+ .@{bk-prefix}-time-picker-cells-list:last-child {
129
121
  border-radius: 0 2px 2px 0;
130
122
  }
131
123
 
132
- :where(.@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar) {
124
+ .@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar {
133
125
  width: 0;
134
126
  height: 0;
135
127
  background-color: rgba(204, 204, 204, 0);
136
128
  }
137
129
 
138
- :where(.@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar-thumb) {
130
+ .@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar-thumb {
139
131
  width: 0;
140
132
  height: 0;
141
133
  background-color: transparent;
142
134
  }
143
135
 
144
- :where(.@{bk-prefix}-time-picker-cells-list) .@{bk-prefix}-time-picker-cells-ul {
136
+ .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul {
145
137
  width: 100%;
146
138
  padding: 0 0 168px 0;
147
139
  margin: 0;
148
140
  list-style: none;
149
141
  }
150
142
 
151
- :where(.@{bk-prefix}-time-picker-cells-list) .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell {
143
+ .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell {
152
144
  position: relative;
153
145
  width: 100%;
154
146
  height: 32px;
@@ -161,41 +153,31 @@
161
153
  list-style: none;
162
154
  cursor: pointer;
163
155
  box-sizing: content-box;
164
- transition: background 0.2s ease-in-out;
156
+ transition: background .2s ease-in-out;
165
157
  user-select: none;
166
158
  }
167
159
 
168
- :where(.@{bk-prefix}-time-picker-cells-list)
169
- .@{bk-prefix}-time-picker-cells-ul
170
- .@{bk-prefix}-time-picker-cells-cell:hover {
160
+ .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell:hover {
171
161
  color: #3a84ff;
172
162
  }
173
163
 
174
- :where(.@{bk-prefix}-time-picker-cells-list)
175
- .@{bk-prefix}-time-picker-cells-ul
176
- .@{bk-prefix}-time-picker-cells-cell-disabled {
164
+ .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-disabled {
177
165
  color: #c4c6cc;
178
- cursor: not-allowed;
166
+ cursor: not-allowed
179
167
  }
180
168
 
181
- :where(.@{bk-prefix}-time-picker-cells-list)
182
- .@{bk-prefix}-time-picker-cells-ul
183
- .@{bk-prefix}-time-picker-cells-cell-disabled:hover {
169
+ .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-disabled:hover {
184
170
  color: #c4c6cc;
185
171
  cursor: not-allowed;
186
172
  background-color: #fff;
187
173
  }
188
174
 
189
- :where(.@{bk-prefix}-time-picker-cells-list)
190
- .@{bk-prefix}-time-picker-cells-ul
191
- .@{bk-prefix}-time-picker-cells-cell-selected,
192
- :where(.@{bk-prefix}-time-picker-cells-list)
193
- .@{bk-prefix}-time-picker-cells-ul
194
- .@{bk-prefix}-time-picker-cells-cell-selected:hover {
175
+ .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-selected,
176
+ .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-selected:hover {
195
177
  color: #3a84ff;
196
178
  }
197
179
 
198
- :where(.@{bk-prefix}-time-picker-header) {
180
+ .@{bk-prefix}-time-picker-header {
199
181
  height: 46px;
200
182
  font-size: 14px;
201
183
  font-weight: 700;
@@ -205,12 +187,12 @@
205
187
  border-bottom: 1px solid #dcdee5;
206
188
  }
207
189
 
208
- :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content {
190
+ .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content {
209
191
  position: relative;
210
192
  float: left;
211
193
  }
212
194
 
213
- :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content:after {
195
+ .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content:after {
214
196
  position: absolute;
215
197
  top: 45px;
216
198
  right: 0;
@@ -222,67 +204,53 @@
222
204
  content: '';
223
205
  }
224
206
 
225
- :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content-right {
207
+ .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content-right {
226
208
  float: right;
227
209
  }
228
210
 
229
- :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content-right:after {
211
+ .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content-right:after {
230
212
  right: auto;
231
213
  left: 0;
232
214
  }
233
215
 
234
- :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-time-picker-cells-list:first-child {
216
+ .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-time-picker-cells-list:first-child {
235
217
  border-radius: 0;
236
218
  }
237
219
 
238
- :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-time-picker-cells-list:last-child {
220
+ .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-time-picker-cells-list:last-child {
239
221
  border-radius: 0;
240
222
  }
241
223
 
242
- :where(.@{bk-prefix}-picker-panel-content) .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells {
243
- position: relative;
224
+ .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells {
244
225
  min-width: 216px;
226
+ position: relative;
245
227
  }
246
228
 
247
- :where(.@{bk-prefix}-picker-panel-content)
248
- .@{bk-prefix}-picker-panel-content
249
- .@{bk-prefix}-time-picker-cells-with-seconds {
229
+ .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-with-seconds {
250
230
  min-width: 216px;
251
231
  }
252
232
 
253
- :where(.@{bk-prefix}-picker-panel-content)
254
- .@{bk-prefix}-picker-panel-content
255
- .@{bk-prefix}-time-picker-cells-with-seconds
256
- .@{bk-prefix}-time-picker-cells-list {
233
+ .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-list {
257
234
  width: 72px;
258
235
  }
259
236
 
260
- :where(.@{bk-prefix}-picker-panel-content)
261
- .@{bk-prefix}-picker-panel-content
262
- .@{bk-prefix}-time-picker-cells-with-seconds
263
- .@{bk-prefix}-time-picker-cells-list
264
- ul
265
- li {
237
+ .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-list ul li {
266
238
  padding: 0;
267
239
  }
268
240
 
269
- :where(.@{bk-prefix}-picker-panel-content) .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list {
241
+ .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list {
270
242
  width: 108px;
271
243
  max-height: 200px;
272
244
  }
273
245
 
274
- :where(.@{bk-prefix}-picker-panel-content)
275
- .@{bk-prefix}-picker-panel-content
276
- .@{bk-prefix}-time-picker-cells-list:first-child {
246
+ .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list:first-child {
277
247
  border-radius: 0;
278
248
  }
279
249
 
280
- :where(.@{bk-prefix}-picker-panel-content)
281
- .@{bk-prefix}-picker-panel-content
282
- .@{bk-prefix}-time-picker-cells-list:last-child {
250
+ .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list:last-child {
283
251
  border-radius: 0;
284
252
  }
285
253
 
286
- :where(.@{bk-prefix}-picker-panel-content) .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list ul {
254
+ .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list ul {
287
255
  padding: 0 0 168px 0;
288
256
  }