bkui-vue 1.0.3-beta.25 → 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 (219) hide show
  1. package/dist/index.cjs.js +46 -46
  2. package/dist/index.esm.js +6148 -6162
  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/alert/alert.css +21 -21
  10. package/lib/alert/alert.less +17 -16
  11. package/lib/alert/alert.variable.css +23 -23
  12. package/lib/backtop/backtop.css +11 -11
  13. package/lib/backtop/backtop.less +3 -3
  14. package/lib/backtop/backtop.variable.css +13 -13
  15. package/lib/badge/badge.css +32 -32
  16. package/lib/badge/badge.less +5 -5
  17. package/lib/badge/badge.variable.css +34 -34
  18. package/lib/breadcrumb/breadcrumb.css +31 -31
  19. package/lib/breadcrumb/breadcrumb.less +8 -8
  20. package/lib/breadcrumb/breadcrumb.variable.css +33 -33
  21. package/lib/button/button.css +69 -69
  22. package/lib/button/button.less +3 -5
  23. package/lib/button/button.variable.css +71 -71
  24. package/lib/card/card.css +31 -31
  25. package/lib/card/card.less +4 -4
  26. package/lib/card/card.variable.css +33 -33
  27. package/lib/cascader/cascader.css +63 -63
  28. package/lib/cascader/cascader.less +12 -11
  29. package/lib/cascader/cascader.variable.css +65 -65
  30. package/lib/checkbox/checkbox.css +21 -21
  31. package/lib/checkbox/checkbox.less +8 -8
  32. package/lib/checkbox/checkbox.variable.css +23 -23
  33. package/lib/code-diff/code-diff.css +97 -97
  34. package/lib/code-diff/code-diff.less +3 -4
  35. package/lib/code-diff/code-diff.variable.css +99 -99
  36. package/lib/collapse/collapse.css +30 -30
  37. package/lib/collapse/collapse.less +25 -24
  38. package/lib/collapse/collapse.variable.css +32 -32
  39. package/lib/collapse-transition/collapse-transition.css +32 -32
  40. package/lib/collapse-transition/collapse-transition.less +59 -48
  41. package/lib/collapse-transition/collapse-transition.variable.css +34 -34
  42. package/lib/color-picker/color-picker.css +57 -57
  43. package/lib/color-picker/color-picker.less +36 -30
  44. package/lib/color-picker/color-picker.variable.css +59 -59
  45. package/lib/config-provider/config-provider.variable.css +2 -2
  46. package/lib/container/container.css +19 -19
  47. package/lib/container/container.less +3 -3
  48. package/lib/container/container.variable.css +21 -21
  49. package/lib/date-picker/date-picker.css +92 -92
  50. package/lib/date-picker/date-picker.d.ts +0 -1
  51. package/lib/date-picker/date-picker.less +55 -54
  52. package/lib/date-picker/date-picker.variable.css +94 -94
  53. package/lib/date-picker/index.d.ts +0 -3
  54. package/lib/date-picker/index.js +8 -8
  55. package/lib/date-picker/time-picker.d.ts +0 -1
  56. package/lib/dialog/dialog.css +51 -51
  57. package/lib/dialog/dialog.less +1 -1
  58. package/lib/dialog/dialog.variable.css +53 -53
  59. package/lib/divider/divider.css +8 -8
  60. package/lib/divider/divider.less +5 -8
  61. package/lib/divider/divider.variable.css +10 -10
  62. package/lib/dropdown/dropdown.css +15 -15
  63. package/lib/dropdown/dropdown.less +6 -6
  64. package/lib/dropdown/dropdown.variable.css +17 -17
  65. package/lib/exception/exception.css +13 -13
  66. package/lib/exception/exception.less +6 -6
  67. package/lib/exception/exception.variable.css +15 -15
  68. package/lib/fixed-navbar/fixed-navbar.css +9 -9
  69. package/lib/fixed-navbar/fixed-navbar.less +1 -2
  70. package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
  71. package/lib/form/form.css +63 -63
  72. package/lib/form/form.less +14 -16
  73. package/lib/form/form.variable.css +65 -65
  74. package/lib/image/image-viewer.css +23 -23
  75. package/lib/image/image-viewer.less +24 -25
  76. package/lib/image/image-viewer.variable.css +25 -25
  77. package/lib/image/image.css +29 -29
  78. package/lib/image/image.less +6 -8
  79. package/lib/image/image.variable.css +31 -31
  80. package/lib/info-box/info-box.css +10 -10
  81. package/lib/info-box/info-box.less +1 -2
  82. package/lib/info-box/info-box.variable.css +12 -12
  83. package/lib/input/input.css +102 -104
  84. package/lib/input/input.less +27 -33
  85. package/lib/input/input.variable.css +104 -106
  86. package/lib/link/link.css +18 -18
  87. package/lib/link/link.less +1 -3
  88. package/lib/link/link.variable.css +20 -20
  89. package/lib/loading/loading.css +94 -94
  90. package/lib/loading/loading.less +4 -4
  91. package/lib/loading/loading.variable.css +96 -96
  92. package/lib/menu/menu.css +38 -38
  93. package/lib/menu/menu.less +10 -10
  94. package/lib/menu/menu.variable.css +40 -40
  95. package/lib/menu/submenu.css +1 -1
  96. package/lib/menu/submenu.less +1 -1
  97. package/lib/menu/submenu.variable.css +3 -3
  98. package/lib/message/message.css +59 -59
  99. package/lib/message/message.less +25 -24
  100. package/lib/message/message.variable.css +61 -61
  101. package/lib/modal/modal.css +26 -26
  102. package/lib/modal/modal.less +8 -12
  103. package/lib/modal/modal.variable.css +28 -28
  104. package/lib/navigation/navigation.css +25 -25
  105. package/lib/navigation/navigation.less +9 -9
  106. package/lib/navigation/navigation.variable.css +27 -27
  107. package/lib/notify/notify.css +17 -17
  108. package/lib/notify/notify.less +8 -6
  109. package/lib/notify/notify.variable.css +19 -19
  110. package/lib/pagination/pagination.css +60 -60
  111. package/lib/pagination/pagination.less +24 -25
  112. package/lib/pagination/pagination.variable.css +62 -62
  113. package/lib/pop-confirm/pop-confirm.css +10 -10
  114. package/lib/pop-confirm/pop-confirm.less +14 -11
  115. package/lib/pop-confirm/pop-confirm.variable.css +12 -12
  116. package/lib/popover/popover.css +5 -5
  117. package/lib/popover/popover.less +5 -6
  118. package/lib/popover/popover.variable.css +7 -7
  119. package/lib/process/process.css +36 -33
  120. package/lib/process/process.less +8 -7
  121. package/lib/process/process.variable.css +38 -35
  122. package/lib/progress/progress.css +33 -33
  123. package/lib/progress/progress.less +6 -5
  124. package/lib/progress/progress.variable.css +35 -35
  125. package/lib/radio/radio.css +51 -51
  126. package/lib/radio/radio.less +13 -20
  127. package/lib/radio/radio.variable.css +53 -53
  128. package/lib/rate/rate.css +2 -2
  129. package/lib/rate/rate.less +1 -1
  130. package/lib/rate/rate.variable.css +4 -4
  131. package/lib/rate/star.css +7 -7
  132. package/lib/rate/star.less +1 -1
  133. package/lib/rate/star.variable.css +9 -9
  134. package/lib/resize-layout/resize-layout.css +42 -42
  135. package/lib/resize-layout/resize-layout.less +17 -10
  136. package/lib/resize-layout/resize-layout.variable.css +44 -44
  137. package/lib/search-select/search-select.css +15 -15
  138. package/lib/search-select/search-select.variable.css +17 -17
  139. package/lib/select/select.css +87 -87
  140. package/lib/select/select.less +27 -22
  141. package/lib/select/select.variable.css +89 -89
  142. package/lib/shared/index.js +6 -4
  143. package/lib/sideslider/sideslider.css +14 -14
  144. package/lib/sideslider/sideslider.less +9 -13
  145. package/lib/sideslider/sideslider.variable.css +16 -16
  146. package/lib/slider/slider.css +31 -31
  147. package/lib/slider/slider.less +8 -8
  148. package/lib/slider/slider.variable.css +33 -33
  149. package/lib/steps/steps.css +134 -134
  150. package/lib/steps/steps.less +44 -48
  151. package/lib/steps/steps.variable.css +136 -136
  152. package/lib/styles/mixins/animate.css +4 -4
  153. package/lib/styles/mixins/animate.less +3 -3
  154. package/lib/styles/mixins/animate.variable.css +6 -6
  155. package/lib/styles/mixins/mixins.css +15 -15
  156. package/lib/styles/mixins/mixins.variable.css +15 -15
  157. package/lib/styles/mixins/popper.css +11 -11
  158. package/lib/styles/mixins/popper.less +6 -6
  159. package/lib/styles/mixins/popper.variable.css +13 -13
  160. package/lib/styles/mixins/scroll.css +5 -5
  161. package/lib/styles/mixins/scroll.less +4 -4
  162. package/lib/styles/mixins/scroll.variable.css +7 -7
  163. package/lib/styles/reset.css +6 -6
  164. package/lib/styles/reset.less +4 -5
  165. package/lib/styles/reset.variable.css +8 -8
  166. package/lib/styles/themes/themes copy.less +167 -0
  167. package/lib/styles/themes/themes.less +3 -10
  168. package/lib/swiper/swiper.css +15 -15
  169. package/lib/swiper/swiper.less +8 -8
  170. package/lib/swiper/swiper.variable.css +17 -17
  171. package/lib/switcher/switcher.css +57 -57
  172. package/lib/switcher/switcher.less +14 -22
  173. package/lib/switcher/switcher.variable.css +59 -59
  174. package/lib/tab/tab.css +78 -78
  175. package/lib/tab/tab.less +40 -39
  176. package/lib/tab/tab.variable.css +80 -80
  177. package/lib/table/components/table-column.d.ts +0 -1
  178. package/lib/table/index.d.ts +0 -1
  179. package/lib/table/index.js +0 -20
  180. package/lib/table/plugins/head-filter.css +13 -13
  181. package/lib/table/plugins/head-filter.less +3 -3
  182. package/lib/table/plugins/head-filter.variable.css +15 -15
  183. package/lib/table/plugins/head-sort.css +5 -5
  184. package/lib/table/plugins/head-sort.less +2 -2
  185. package/lib/table/plugins/head-sort.variable.css +7 -7
  186. package/lib/table/plugins/settings.css +26 -26
  187. package/lib/table/plugins/settings.less +1 -3
  188. package/lib/table/plugins/settings.variable.css +28 -28
  189. package/lib/table/table.css +380 -380
  190. package/lib/table/table.less +10 -14
  191. package/lib/table/table.variable.css +382 -382
  192. package/lib/table-column/index.d.ts +0 -3
  193. package/lib/table-column/index.js +0 -15
  194. package/lib/tag/tag.css +51 -51
  195. package/lib/tag/tag.less +34 -34
  196. package/lib/tag/tag.variable.css +53 -53
  197. package/lib/tag-input/tag-input.css +38 -38
  198. package/lib/tag-input/tag-input.less +3 -3
  199. package/lib/tag-input/tag-input.variable.css +40 -40
  200. package/lib/time-picker/index.d.ts +0 -3
  201. package/lib/time-picker/time-picker.css +40 -40
  202. package/lib/time-picker/time-picker.less +76 -44
  203. package/lib/time-picker/time-picker.variable.css +42 -42
  204. package/lib/timeline/timeline.css +69 -69
  205. package/lib/timeline/timeline.less +6 -12
  206. package/lib/timeline/timeline.variable.css +71 -71
  207. package/lib/transfer/transfer.css +89 -89
  208. package/lib/transfer/transfer.less +1 -1
  209. package/lib/transfer/transfer.variable.css +91 -91
  210. package/lib/tree/tree.css +49 -49
  211. package/lib/tree/tree.less +6 -7
  212. package/lib/tree/tree.variable.css +51 -51
  213. package/lib/upload/upload.css +98 -98
  214. package/lib/upload/upload.less +68 -69
  215. package/lib/upload/upload.variable.css +100 -100
  216. package/lib/virtual-render/virtual-render.css +9 -9
  217. package/lib/virtual-render/virtual-render.less +1 -1
  218. package/lib/virtual-render/virtual-render.variable.css +11 -11
  219. package/package.json +1 -1
package/lib/time-picker/time-picker.css CHANGED
@@ -1,4 +1,4 @@
1
- .bk-time-picker-header {
1
+ :where(.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
- .bk-time-picker-cells:after {
10
+ :where(.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
- .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 {
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 {
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
- .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 {
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 {
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
- .bk-time-picker-cells-title-wrapper {
50
+ :where(.bk-time-picker-cells-title-wrapper) {
51
51
  width: 100%;
52
52
  height: 42px;
53
53
  line-height: 42px;
54
54
  }
55
- .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title {
55
+ :where(.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
- .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active {
65
+ :where(.bk-time-picker-cells-title-wrapper) .bk-time-picker-cells-title.active {
66
66
  color: #3a84ff;
67
67
  }
68
- .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before {
68
+ :where(.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
- .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after {
79
+ :where(.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
- .bk-time-picker-cells-list {
90
+ :where(.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
- .bk-time-picker-cells-list:hover {
97
+ :where(.bk-time-picker-cells-list:hover) {
98
98
  overflow-y: auto;
99
99
  }
100
- .bk-time-picker-cells-list:first-child {
100
+ :where(.bk-time-picker-cells-list:first-child) {
101
101
  border-radius: 2px 0 0 2px;
102
102
  }
103
- .bk-time-picker-cells-list:last-child {
103
+ :where(.bk-time-picker-cells-list:last-child) {
104
104
  border-radius: 0 2px 2px 0;
105
105
  }
106
- .bk-time-picker-cells-list::-webkit-scrollbar {
106
+ :where(.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
- .bk-time-picker-cells-list::-webkit-scrollbar-thumb {
111
+ :where(.bk-time-picker-cells-list::-webkit-scrollbar-thumb) {
112
112
  width: 0;
113
113
  height: 0;
114
114
  background-color: transparent;
115
115
  }
116
- .bk-time-picker-cells-list .bk-time-picker-cells-ul {
116
+ :where(.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
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell {
122
+ :where(.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
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover {
138
+ :where(.bk-time-picker-cells-list) .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover {
139
139
  color: #3a84ff;
140
140
  }
141
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled {
141
+ :where(.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
- .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover {
145
+ :where(.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
- .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 {
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 {
152
152
  color: #3a84ff;
153
153
  }
154
- .bk-time-picker-header {
154
+ :where(.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
- .bk-time-picker-with-range .bk-picker-panel-content {
163
+ :where(.bk-time-picker-with-range) .bk-picker-panel-content {
164
164
  position: relative;
165
165
  float: left;
166
166
  }
167
- .bk-time-picker-with-range .bk-picker-panel-content:after {
167
+ :where(.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
- .bk-time-picker-with-range .bk-picker-panel-content-right {
178
+ :where(.bk-time-picker-with-range) .bk-picker-panel-content-right {
179
179
  float: right;
180
180
  }
181
- .bk-time-picker-with-range .bk-picker-panel-content-right:after {
181
+ :where(.bk-time-picker-with-range) .bk-picker-panel-content-right:after {
182
182
  right: auto;
183
183
  left: 0;
184
184
  }
185
- .bk-time-picker-with-range .bk-time-picker-cells-list:first-child {
185
+ :where(.bk-time-picker-with-range) .bk-time-picker-cells-list:first-child {
186
186
  border-radius: 0;
187
187
  }
188
- .bk-time-picker-with-range .bk-time-picker-cells-list:last-child {
188
+ :where(.bk-time-picker-with-range) .bk-time-picker-cells-list:last-child {
189
189
  border-radius: 0;
190
190
  }
191
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells {
192
- min-width: 216px;
191
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells {
193
192
  position: relative;
193
+ min-width: 216px;
194
194
  }
195
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds {
195
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-with-seconds {
196
196
  min-width: 216px;
197
197
  }
198
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {
198
+ :where(.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
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {
201
+ :where(.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
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list {
204
+ :where(.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
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child {
208
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list:first-child {
209
209
  border-radius: 0;
210
210
  }
211
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child {
211
+ :where(.bk-picker-panel-content) .bk-picker-panel-content .bk-time-picker-cells-list:last-child {
212
212
  border-radius: 0;
213
213
  }
214
- .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul {
214
+ :where(.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
- .@{bk-prefix}-time-picker-header {
3
+ :where(.@{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
- .@{bk-prefix}-time-picker-cells {
13
+ :where(.@{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,.16);
25
+ background-color: rgba(58, 132, 255, 0.16);
26
26
  content: '';
27
27
  box-sizing: border-box;
28
28
  box-sizing: border-box;
@@ -30,8 +30,12 @@
30
30
  }
31
31
  }
32
32
 
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 {
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 {
35
39
  position: absolute;
36
40
  top: 55px;
37
41
  left: 85px;
@@ -43,8 +47,12 @@
43
47
  content: '';
44
48
  }
45
49
 
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 {
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 {
48
56
  position: absolute;
49
57
  top: calc(55px + 5px);
50
58
  left: 85px;
@@ -56,13 +64,13 @@
56
64
  content: '';
57
65
  }
58
66
 
59
- .@{bk-prefix}-time-picker-cells-title-wrapper {
67
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) {
60
68
  width: 100%;
61
69
  height: 42px;
62
70
  line-height: 42px;
63
71
  }
64
72
 
65
- .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title {
73
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title {
66
74
  position: relative;
67
75
  float: left;
68
76
  width: 33.33%;
@@ -70,14 +78,14 @@
70
78
  font-weight: 700;
71
79
  color: #63656e;
72
80
  text-align: center;
73
- list-style: none
81
+ list-style: none;
74
82
  }
75
83
 
76
- .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title.active {
84
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title.active {
77
85
  color: #3a84ff;
78
86
  }
79
87
 
80
- .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before {
88
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):before {
81
89
  position: absolute;
82
90
  top: 55px;
83
91
  left: 133px;
@@ -89,7 +97,7 @@
89
97
  content: '';
90
98
  }
91
99
 
92
- .@{bk-prefix}-time-picker-cells-title-wrapper .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after {
100
+ :where(.@{bk-prefix}-time-picker-cells-title-wrapper) .@{bk-prefix}-time-picker-cells-title:nth-of-type(1):after {
93
101
  position: absolute;
94
102
  top: calc(55px + 5px);
95
103
  left: 133px;
@@ -101,7 +109,7 @@
101
109
  content: '';
102
110
  }
103
111
 
104
- .@{bk-prefix}-time-picker-cells-list {
112
+ :where(.@{bk-prefix}-time-picker-cells-list) {
105
113
  position: relative;
106
114
  float: left;
107
115
  width: 33.33%;
@@ -109,38 +117,38 @@
109
117
  overflow: hidden;
110
118
  }
111
119
 
112
- .@{bk-prefix}-time-picker-cells-list:hover {
120
+ :where(.@{bk-prefix}-time-picker-cells-list:hover) {
113
121
  overflow-y: auto;
114
122
  }
115
123
 
116
- .@{bk-prefix}-time-picker-cells-list:first-child {
124
+ :where(.@{bk-prefix}-time-picker-cells-list:first-child) {
117
125
  border-radius: 2px 0 0 2px;
118
126
  }
119
127
 
120
- .@{bk-prefix}-time-picker-cells-list:last-child {
128
+ :where(.@{bk-prefix}-time-picker-cells-list:last-child) {
121
129
  border-radius: 0 2px 2px 0;
122
130
  }
123
131
 
124
- .@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar {
132
+ :where(.@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar) {
125
133
  width: 0;
126
134
  height: 0;
127
135
  background-color: rgba(204, 204, 204, 0);
128
136
  }
129
137
 
130
- .@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar-thumb {
138
+ :where(.@{bk-prefix}-time-picker-cells-list::-webkit-scrollbar-thumb) {
131
139
  width: 0;
132
140
  height: 0;
133
141
  background-color: transparent;
134
142
  }
135
143
 
136
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul {
144
+ :where(.@{bk-prefix}-time-picker-cells-list) .@{bk-prefix}-time-picker-cells-ul {
137
145
  width: 100%;
138
146
  padding: 0 0 168px 0;
139
147
  margin: 0;
140
148
  list-style: none;
141
149
  }
142
150
 
143
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell {
151
+ :where(.@{bk-prefix}-time-picker-cells-list) .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell {
144
152
  position: relative;
145
153
  width: 100%;
146
154
  height: 32px;
@@ -153,31 +161,41 @@
153
161
  list-style: none;
154
162
  cursor: pointer;
155
163
  box-sizing: content-box;
156
- transition: background .2s ease-in-out;
164
+ transition: background 0.2s ease-in-out;
157
165
  user-select: none;
158
166
  }
159
167
 
160
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell:hover {
168
+ :where(.@{bk-prefix}-time-picker-cells-list)
169
+ .@{bk-prefix}-time-picker-cells-ul
170
+ .@{bk-prefix}-time-picker-cells-cell:hover {
161
171
  color: #3a84ff;
162
172
  }
163
173
 
164
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-disabled {
174
+ :where(.@{bk-prefix}-time-picker-cells-list)
175
+ .@{bk-prefix}-time-picker-cells-ul
176
+ .@{bk-prefix}-time-picker-cells-cell-disabled {
165
177
  color: #c4c6cc;
166
- cursor: not-allowed
178
+ cursor: not-allowed;
167
179
  }
168
180
 
169
- .@{bk-prefix}-time-picker-cells-list .@{bk-prefix}-time-picker-cells-ul .@{bk-prefix}-time-picker-cells-cell-disabled:hover {
181
+ :where(.@{bk-prefix}-time-picker-cells-list)
182
+ .@{bk-prefix}-time-picker-cells-ul
183
+ .@{bk-prefix}-time-picker-cells-cell-disabled:hover {
170
184
  color: #c4c6cc;
171
185
  cursor: not-allowed;
172
186
  background-color: #fff;
173
187
  }
174
188
 
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 {
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 {
177
195
  color: #3a84ff;
178
196
  }
179
197
 
180
- .@{bk-prefix}-time-picker-header {
198
+ :where(.@{bk-prefix}-time-picker-header) {
181
199
  height: 46px;
182
200
  font-size: 14px;
183
201
  font-weight: 700;
@@ -187,12 +205,12 @@
187
205
  border-bottom: 1px solid #dcdee5;
188
206
  }
189
207
 
190
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content {
208
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content {
191
209
  position: relative;
192
210
  float: left;
193
211
  }
194
212
 
195
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content:after {
213
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content:after {
196
214
  position: absolute;
197
215
  top: 45px;
198
216
  right: 0;
@@ -204,53 +222,67 @@
204
222
  content: '';
205
223
  }
206
224
 
207
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content-right {
225
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content-right {
208
226
  float: right;
209
227
  }
210
228
 
211
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-picker-panel-content-right:after {
229
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-picker-panel-content-right:after {
212
230
  right: auto;
213
231
  left: 0;
214
232
  }
215
233
 
216
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-time-picker-cells-list:first-child {
234
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-time-picker-cells-list:first-child {
217
235
  border-radius: 0;
218
236
  }
219
237
 
220
- .@{bk-prefix}-time-picker-with-range .@{bk-prefix}-time-picker-cells-list:last-child {
238
+ :where(.@{bk-prefix}-time-picker-with-range) .@{bk-prefix}-time-picker-cells-list:last-child {
221
239
  border-radius: 0;
222
240
  }
223
241
 
224
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells {
225
- min-width: 216px;
242
+ :where(.@{bk-prefix}-picker-panel-content) .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells {
226
243
  position: relative;
244
+ min-width: 216px;
227
245
  }
228
246
 
229
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-with-seconds {
247
+ :where(.@{bk-prefix}-picker-panel-content)
248
+ .@{bk-prefix}-picker-panel-content
249
+ .@{bk-prefix}-time-picker-cells-with-seconds {
230
250
  min-width: 216px;
231
251
  }
232
252
 
233
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-with-seconds .@{bk-prefix}-time-picker-cells-list {
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 {
234
257
  width: 72px;
235
258
  }
236
259
 
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 {
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 {
238
266
  padding: 0;
239
267
  }
240
268
 
241
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list {
269
+ :where(.@{bk-prefix}-picker-panel-content) .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list {
242
270
  width: 108px;
243
271
  max-height: 200px;
244
272
  }
245
273
 
246
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list:first-child {
274
+ :where(.@{bk-prefix}-picker-panel-content)
275
+ .@{bk-prefix}-picker-panel-content
276
+ .@{bk-prefix}-time-picker-cells-list:first-child {
247
277
  border-radius: 0;
248
278
  }
249
279
 
250
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list:last-child {
280
+ :where(.@{bk-prefix}-picker-panel-content)
281
+ .@{bk-prefix}-picker-panel-content
282
+ .@{bk-prefix}-time-picker-cells-list:last-child {
251
283
  border-radius: 0;
252
284
  }
253
285
 
254
- .@{bk-prefix}-picker-panel-content .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list ul {
286
+ :where(.@{bk-prefix}-picker-panel-content) .@{bk-prefix}-picker-panel-content .@{bk-prefix}-time-picker-cells-list ul {
255
287
  padding: 0 0 168px 0;
256
288
  }