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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/style.variable.css +1 -1
  3. package/lib/affix/affix.css +1 -1
  4. package/lib/affix/affix.less +2 -2
  5. package/lib/affix/affix.variable.css +3 -3
  6. package/lib/alert/alert.css +21 -21
  7. package/lib/alert/alert.less +17 -16
  8. package/lib/alert/alert.variable.css +23 -23
  9. package/lib/backtop/backtop.css +11 -11
  10. package/lib/backtop/backtop.less +3 -3
  11. package/lib/backtop/backtop.variable.css +13 -13
  12. package/lib/badge/badge.css +32 -32
  13. package/lib/badge/badge.less +5 -5
  14. package/lib/badge/badge.variable.css +34 -34
  15. package/lib/breadcrumb/breadcrumb.css +31 -31
  16. package/lib/breadcrumb/breadcrumb.less +8 -8
  17. package/lib/breadcrumb/breadcrumb.variable.css +33 -33
  18. package/lib/button/button.css +69 -69
  19. package/lib/button/button.less +3 -5
  20. package/lib/button/button.variable.css +71 -71
  21. package/lib/card/card.css +31 -31
  22. package/lib/card/card.less +4 -4
  23. package/lib/card/card.variable.css +33 -33
  24. package/lib/cascader/cascader.css +63 -63
  25. package/lib/cascader/cascader.less +12 -11
  26. package/lib/cascader/cascader.variable.css +65 -65
  27. package/lib/checkbox/checkbox.css +21 -21
  28. package/lib/checkbox/checkbox.less +8 -8
  29. package/lib/checkbox/checkbox.variable.css +23 -23
  30. package/lib/code-diff/code-diff.css +97 -97
  31. package/lib/code-diff/code-diff.less +3 -4
  32. package/lib/code-diff/code-diff.variable.css +99 -99
  33. package/lib/collapse/collapse.css +30 -30
  34. package/lib/collapse/collapse.less +25 -24
  35. package/lib/collapse/collapse.variable.css +32 -32
  36. package/lib/collapse-transition/collapse-transition.css +32 -32
  37. package/lib/collapse-transition/collapse-transition.less +59 -48
  38. package/lib/collapse-transition/collapse-transition.variable.css +34 -34
  39. package/lib/color-picker/color-picker.css +57 -57
  40. package/lib/color-picker/color-picker.less +36 -30
  41. package/lib/color-picker/color-picker.variable.css +59 -59
  42. package/lib/config-provider/config-provider.variable.css +2 -2
  43. package/lib/container/container.css +19 -19
  44. package/lib/container/container.less +3 -3
  45. package/lib/container/container.variable.css +21 -21
  46. package/lib/date-picker/date-picker.css +92 -92
  47. package/lib/date-picker/date-picker.less +55 -54
  48. package/lib/date-picker/date-picker.variable.css +94 -94
  49. package/lib/dialog/dialog.css +51 -51
  50. package/lib/dialog/dialog.less +1 -1
  51. package/lib/dialog/dialog.variable.css +53 -53
  52. package/lib/divider/divider.css +8 -8
  53. package/lib/divider/divider.less +5 -8
  54. package/lib/divider/divider.variable.css +10 -10
  55. package/lib/dropdown/dropdown.css +15 -15
  56. package/lib/dropdown/dropdown.less +6 -6
  57. package/lib/dropdown/dropdown.variable.css +17 -17
  58. package/lib/exception/exception.css +13 -13
  59. package/lib/exception/exception.less +6 -6
  60. package/lib/exception/exception.variable.css +15 -15
  61. package/lib/fixed-navbar/fixed-navbar.css +9 -9
  62. package/lib/fixed-navbar/fixed-navbar.less +1 -2
  63. package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
  64. package/lib/form/form.css +63 -63
  65. package/lib/form/form.less +14 -16
  66. package/lib/form/form.variable.css +65 -65
  67. package/lib/image/image-viewer.css +23 -23
  68. package/lib/image/image-viewer.less +24 -25
  69. package/lib/image/image-viewer.variable.css +25 -25
  70. package/lib/image/image.css +29 -29
  71. package/lib/image/image.less +6 -8
  72. package/lib/image/image.variable.css +31 -31
  73. package/lib/info-box/info-box.css +10 -10
  74. package/lib/info-box/info-box.less +1 -2
  75. package/lib/info-box/info-box.variable.css +12 -12
  76. package/lib/input/input.css +102 -104
  77. package/lib/input/input.less +27 -33
  78. package/lib/input/input.variable.css +104 -106
  79. package/lib/link/link.css +18 -18
  80. package/lib/link/link.less +1 -3
  81. package/lib/link/link.variable.css +20 -20
  82. package/lib/loading/loading.css +94 -94
  83. package/lib/loading/loading.less +4 -4
  84. package/lib/loading/loading.variable.css +96 -96
  85. package/lib/menu/menu.css +38 -38
  86. package/lib/menu/menu.less +10 -10
  87. package/lib/menu/menu.variable.css +40 -40
  88. package/lib/menu/submenu.css +1 -1
  89. package/lib/menu/submenu.less +1 -1
  90. package/lib/menu/submenu.variable.css +3 -3
  91. package/lib/message/message.css +59 -59
  92. package/lib/message/message.less +25 -24
  93. package/lib/message/message.variable.css +61 -61
  94. package/lib/modal/modal.css +26 -26
  95. package/lib/modal/modal.less +8 -12
  96. package/lib/modal/modal.variable.css +28 -28
  97. package/lib/navigation/navigation.css +25 -25
  98. package/lib/navigation/navigation.less +9 -9
  99. package/lib/navigation/navigation.variable.css +27 -27
  100. package/lib/notify/notify.css +17 -17
  101. package/lib/notify/notify.less +8 -6
  102. package/lib/notify/notify.variable.css +19 -19
  103. package/lib/pagination/pagination.css +60 -60
  104. package/lib/pagination/pagination.less +24 -25
  105. package/lib/pagination/pagination.variable.css +62 -62
  106. package/lib/pop-confirm/pop-confirm.css +10 -10
  107. package/lib/pop-confirm/pop-confirm.less +14 -11
  108. package/lib/pop-confirm/pop-confirm.variable.css +12 -12
  109. package/lib/popover/popover.css +5 -5
  110. package/lib/popover/popover.less +5 -6
  111. package/lib/popover/popover.variable.css +7 -7
  112. package/lib/process/process.css +36 -33
  113. package/lib/process/process.less +8 -7
  114. package/lib/process/process.variable.css +38 -35
  115. package/lib/progress/progress.css +33 -33
  116. package/lib/progress/progress.less +6 -5
  117. package/lib/progress/progress.variable.css +35 -35
  118. package/lib/radio/radio.css +51 -51
  119. package/lib/radio/radio.less +13 -20
  120. package/lib/radio/radio.variable.css +53 -53
  121. package/lib/rate/rate.css +2 -2
  122. package/lib/rate/rate.less +1 -1
  123. package/lib/rate/rate.variable.css +4 -4
  124. package/lib/rate/star.css +7 -7
  125. package/lib/rate/star.less +1 -1
  126. package/lib/rate/star.variable.css +9 -9
  127. package/lib/resize-layout/resize-layout.css +42 -42
  128. package/lib/resize-layout/resize-layout.less +17 -10
  129. package/lib/resize-layout/resize-layout.variable.css +44 -44
  130. package/lib/search-select/search-select.css +15 -15
  131. package/lib/search-select/search-select.variable.css +17 -17
  132. package/lib/select/select.css +87 -87
  133. package/lib/select/select.less +27 -22
  134. package/lib/select/select.variable.css +89 -89
  135. package/lib/sideslider/sideslider.css +14 -14
  136. package/lib/sideslider/sideslider.less +9 -13
  137. package/lib/sideslider/sideslider.variable.css +16 -16
  138. package/lib/slider/slider.css +31 -31
  139. package/lib/slider/slider.less +8 -8
  140. package/lib/slider/slider.variable.css +33 -33
  141. package/lib/steps/steps.css +134 -134
  142. package/lib/steps/steps.less +44 -48
  143. package/lib/steps/steps.variable.css +136 -136
  144. package/lib/styles/mixins/animate.css +4 -4
  145. package/lib/styles/mixins/animate.less +3 -3
  146. package/lib/styles/mixins/animate.variable.css +6 -6
  147. package/lib/styles/mixins/mixins.css +15 -15
  148. package/lib/styles/mixins/mixins.variable.css +15 -15
  149. package/lib/styles/mixins/popper.css +11 -11
  150. package/lib/styles/mixins/popper.less +6 -6
  151. package/lib/styles/mixins/popper.variable.css +13 -13
  152. package/lib/styles/mixins/scroll.css +5 -5
  153. package/lib/styles/mixins/scroll.less +4 -4
  154. package/lib/styles/mixins/scroll.variable.css +7 -7
  155. package/lib/styles/reset.css +6 -6
  156. package/lib/styles/reset.less +4 -5
  157. package/lib/styles/reset.variable.css +8 -8
  158. package/lib/styles/themes/themes copy.less +167 -0
  159. package/lib/styles/themes/themes.less +3 -10
  160. package/lib/swiper/swiper.css +15 -15
  161. package/lib/swiper/swiper.less +8 -8
  162. package/lib/swiper/swiper.variable.css +17 -17
  163. package/lib/switcher/switcher.css +57 -57
  164. package/lib/switcher/switcher.less +14 -22
  165. package/lib/switcher/switcher.variable.css +59 -59
  166. package/lib/tab/tab.css +78 -78
  167. package/lib/tab/tab.less +40 -39
  168. package/lib/tab/tab.variable.css +80 -80
  169. package/lib/table/plugins/head-filter.css +13 -13
  170. package/lib/table/plugins/head-filter.less +3 -3
  171. package/lib/table/plugins/head-filter.variable.css +15 -15
  172. package/lib/table/plugins/head-sort.css +5 -5
  173. package/lib/table/plugins/head-sort.less +2 -2
  174. package/lib/table/plugins/head-sort.variable.css +7 -7
  175. package/lib/table/plugins/settings.css +26 -26
  176. package/lib/table/plugins/settings.less +1 -3
  177. package/lib/table/plugins/settings.variable.css +28 -28
  178. package/lib/table/table.css +380 -380
  179. package/lib/table/table.less +10 -14
  180. package/lib/table/table.variable.css +382 -382
  181. package/lib/tag/tag.css +51 -51
  182. package/lib/tag/tag.less +34 -34
  183. package/lib/tag/tag.variable.css +53 -53
  184. package/lib/tag-input/tag-input.css +38 -38
  185. package/lib/tag-input/tag-input.less +3 -3
  186. package/lib/tag-input/tag-input.variable.css +40 -40
  187. package/lib/time-picker/time-picker.css +40 -40
  188. package/lib/time-picker/time-picker.less +76 -44
  189. package/lib/time-picker/time-picker.variable.css +42 -42
  190. package/lib/timeline/timeline.css +69 -69
  191. package/lib/timeline/timeline.less +6 -12
  192. package/lib/timeline/timeline.variable.css +71 -71
  193. package/lib/transfer/transfer.css +89 -89
  194. package/lib/transfer/transfer.less +1 -1
  195. package/lib/transfer/transfer.variable.css +91 -91
  196. package/lib/tree/tree.css +49 -49
  197. package/lib/tree/tree.less +6 -7
  198. package/lib/tree/tree.variable.css +51 -51
  199. package/lib/upload/upload.css +98 -98
  200. package/lib/upload/upload.less +68 -69
  201. package/lib/upload/upload.variable.css +100 -100
  202. package/lib/virtual-render/virtual-render.css +9 -9
  203. package/lib/virtual-render/virtual-render.less +1 -1
  204. package/lib/virtual-render/virtual-render.variable.css +11 -11
  205. package/package.json +1 -1
package/lib/resize-layout/resize-layout.less CHANGED
@@ -1,13 +1,13 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- .@{bk-prefix}-resize-layout {
3
+ :where(.@{bk-prefix}-resize-layout) {
4
4
  display: flex;
5
5
 
6
- &-border {
6
+ .@{bk-prefix}-resize-layout-border {
7
7
  border: 1px solid #dcdee5;
8
8
  }
9
9
 
10
- &-collapsed {
10
+ .@{bk-prefix}-resize-layout-collapsed {
11
11
  & > .@{bk-prefix}-resize-layout-aside {
12
12
  .@{bk-prefix}-resize-layout-aside-content {
13
13
  overflow: hidden;
@@ -21,13 +21,12 @@
21
21
 
22
22
  &.@{bk-prefix}-resize-layout-collapsible .@{bk-prefix}-resize-layout-aside {
23
23
  &:after {
24
- display: none;;
24
+ display: none;
25
25
  }
26
26
  }
27
-
28
27
  }
29
28
 
30
- &-left {
29
+ .@{bk-prefix}-resize-layout-left {
31
30
  flex-direction: row;
32
31
 
33
32
  & > .@{bk-prefix}-resize-layout-aside {
@@ -51,6 +50,7 @@
51
50
  top: 50%;
52
51
  left: 100%;
53
52
  transform: translateY(-50%);
53
+
54
54
  svg {
55
55
  position: absolute;
56
56
  }
@@ -58,7 +58,7 @@
58
58
  }
59
59
  }
60
60
 
61
- &-right {
61
+ .@{bk-prefix}-resize-layout-right {
62
62
  flex-direction: row-reverse;
63
63
 
64
64
  & > .@{bk-prefix}-resize-layout-aside {
@@ -82,6 +82,7 @@
82
82
  top: 50%;
83
83
  right: 100%;
84
84
  transform: translateY(-50%) rotate(180deg);
85
+
85
86
  svg {
86
87
  position: absolute;
87
88
  }
@@ -89,7 +90,7 @@
89
90
  }
90
91
  }
91
92
 
92
- &-top {
93
+ .@{bk-prefix}-resize-layout-top {
93
94
  flex-direction: column;
94
95
 
95
96
  & > .@{bk-prefix}-resize-layout-aside {
@@ -114,6 +115,7 @@
114
115
  left: 50%;
115
116
  margin-top: 8px;
116
117
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
118
+
117
119
  svg {
118
120
  position: absolute;
119
121
  }
@@ -121,7 +123,7 @@
121
123
  }
122
124
  }
123
125
 
124
- &-bottom {
126
+ .@{bk-prefix}-resize-layout-bottom {
125
127
  flex-direction: column-reverse;
126
128
 
127
129
  & > .@{bk-prefix}-resize-layout-aside {
@@ -146,6 +148,7 @@
146
148
  left: 50%;
147
149
  margin-bottom: 8px;
148
150
  transform: translate3d(50%, 50%, 0) rotate(-90deg);
151
+
149
152
  svg {
150
153
  position: absolute;
151
154
  }
@@ -163,7 +166,11 @@
163
166
  color: #c4c6cc;
164
167
  background: currentColor;
165
168
  content: '';
166
- box-shadow: 0 4px 0 0 currentColor, 0 8px 0 0 currentColor, 0 -4px 0 0 currentColor, 0 -8px 0 0 currentColor;
169
+ box-shadow:
170
+ 0 4px 0 0 currentColor,
171
+ 0 8px 0 0 currentColor,
172
+ 0 -4px 0 0 currentColor,
173
+ 0 -8px 0 0 currentColor;
167
174
  }
168
175
 
169
176
  .@{bk-prefix}-resize-layout-aside-content {
package/lib/resize-layout/resize-layout.variable.css CHANGED
@@ -12,13 +12,13 @@
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
14
  --disable-bg-color: #f9fafd;
15
- --border-color: #dcdee5;
16
15
  --font-size-base: 12px;
17
16
  --font-size-medium: 14px;
18
17
  --font-size-large: 16px;
19
18
  --line-height-base: 16px;
20
19
  --line-height-medium: 16px;
21
20
  --line-height-large: 18px;
21
+ --border-color: #dcdee5;
22
22
  --component-size-small: 26px;
23
23
  --component-size-base: 32px;
24
24
  --component-size-large: 40px;
@@ -111,7 +111,7 @@
111
111
  --table-border-color: #dcdee5;
112
112
  --table-head-bg-color: #fafbfd;
113
113
  --table-head-font-color: #313238;
114
- --table-body-font-color: #63656E;
114
+ --table-body-font-color: #63656e;
115
115
  --table-row-hover-bg-color: #f5f7fa;
116
116
  --table-row-active-bg-color: #f0f1f5;
117
117
  --cascader-panel-border-color: #dcdee5;
@@ -127,132 +127,132 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-resize-layout {
130
+ :where(.bk-resize-layout) {
131
131
  display: flex;
132
132
  }
133
- .bk-resize-layout-border {
133
+ :where(.bk-resize-layout) .bk-resize-layout-border {
134
134
  border: 1px solid #dcdee5;
135
135
  }
136
- .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-layout-aside-content {
136
+ :where(.bk-resize-layout) .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-layout-aside-content {
137
137
  overflow: hidden;
138
138
  }
139
- .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-collapse:before {
139
+ :where(.bk-resize-layout) .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-collapse:before {
140
140
  display: inline-block;
141
141
  transform: rotate(180deg);
142
142
  }
143
- .bk-resize-layout-collapsed.bk-resize-layout-collapsible .bk-resize-layout-aside:after {
143
+ :where(.bk-resize-layout) .bk-resize-layout-collapsed.bk-resize-layout-collapsible .bk-resize-layout-aside:after {
144
144
  display: none;
145
145
  }
146
- .bk-resize-layout-left {
146
+ :where(.bk-resize-layout) .bk-resize-layout-left {
147
147
  flex-direction: row;
148
148
  }
149
- .bk-resize-layout-left > .bk-resize-layout-aside {
149
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside {
150
150
  border-right: 1px solid #dcdee5;
151
151
  }
152
- .bk-resize-layout-left > .bk-resize-layout-aside:after {
152
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside:after {
153
153
  top: 50%;
154
154
  right: 1px;
155
155
  transform: translate3d(0, -50%, 0);
156
156
  }
157
- .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger {
157
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger {
158
158
  top: 0;
159
159
  left: 100%;
160
160
  width: 5px;
161
161
  height: 100%;
162
162
  cursor: col-resize;
163
163
  }
164
- .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse {
164
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse {
165
165
  top: 50%;
166
166
  left: 100%;
167
167
  transform: translateY(-50%);
168
168
  }
169
- .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse svg {
169
+ :where(.bk-resize-layout) .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse svg {
170
170
  position: absolute;
171
171
  }
172
- .bk-resize-layout-right {
172
+ :where(.bk-resize-layout) .bk-resize-layout-right {
173
173
  flex-direction: row-reverse;
174
174
  }
175
- .bk-resize-layout-right > .bk-resize-layout-aside {
175
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside {
176
176
  border-left: 1px solid #dcdee5;
177
177
  }
178
- .bk-resize-layout-right > .bk-resize-layout-aside:after {
178
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside:after {
179
179
  top: 50%;
180
180
  left: 1px;
181
181
  transform: translate3d(0, -50%, 0);
182
182
  }
183
- .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger {
183
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger {
184
184
  top: 0;
185
185
  right: 100%;
186
186
  width: 5px;
187
187
  height: 100%;
188
188
  cursor: col-resize;
189
189
  }
190
- .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse {
190
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse {
191
191
  top: 50%;
192
192
  right: 100%;
193
193
  transform: translateY(-50%) rotate(180deg);
194
194
  }
195
- .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse svg {
195
+ :where(.bk-resize-layout) .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse svg {
196
196
  position: absolute;
197
197
  }
198
- .bk-resize-layout-top {
198
+ :where(.bk-resize-layout) .bk-resize-layout-top {
199
199
  flex-direction: column;
200
200
  }
201
- .bk-resize-layout-top > .bk-resize-layout-aside {
201
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside {
202
202
  border-bottom: 1px solid #dcdee5;
203
203
  }
204
- .bk-resize-layout-top > .bk-resize-layout-aside:after {
204
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside:after {
205
205
  bottom: 1px;
206
206
  left: 50%;
207
207
  transform: translate3d(-50%, 0, 0) rotate(90deg);
208
208
  }
209
- .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger {
209
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger {
210
210
  top: 100%;
211
211
  left: 0;
212
212
  width: 100%;
213
213
  height: 5px;
214
214
  cursor: row-resize;
215
215
  }
216
- .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse {
216
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse {
217
217
  top: 100%;
218
218
  left: 50%;
219
219
  margin-top: 8px;
220
220
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
221
221
  }
222
- .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse svg {
222
+ :where(.bk-resize-layout) .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse svg {
223
223
  position: absolute;
224
224
  }
225
- .bk-resize-layout-bottom {
225
+ :where(.bk-resize-layout) .bk-resize-layout-bottom {
226
226
  flex-direction: column-reverse;
227
227
  }
228
- .bk-resize-layout-bottom > .bk-resize-layout-aside {
228
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside {
229
229
  border-top: 1px solid #dcdee5;
230
230
  }
231
- .bk-resize-layout-bottom > .bk-resize-layout-aside:after {
231
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside:after {
232
232
  top: 1px;
233
233
  left: 50%;
234
234
  transform: translate3d(-50%, 0, 0) rotate(90deg);
235
235
  }
236
- .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger {
236
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger {
237
237
  bottom: 100%;
238
238
  left: 0;
239
239
  width: 100%;
240
240
  height: 5px;
241
241
  cursor: row-resize;
242
242
  }
243
- .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse {
243
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse {
244
244
  bottom: 100%;
245
245
  left: 50%;
246
246
  margin-bottom: 8px;
247
247
  transform: translate3d(50%, 50%, 0) rotate(-90deg);
248
248
  }
249
- .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse svg {
249
+ :where(.bk-resize-layout) .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse svg {
250
250
  position: absolute;
251
251
  }
252
- .bk-resize-layout > .bk-resize-layout-aside {
252
+ :where(.bk-resize-layout) > .bk-resize-layout-aside {
253
253
  position: relative;
254
254
  }
255
- .bk-resize-layout > .bk-resize-layout-aside:after {
255
+ :where(.bk-resize-layout) > .bk-resize-layout-aside:after {
256
256
  position: absolute;
257
257
  width: 2px;
258
258
  height: 2px;
@@ -261,35 +261,35 @@
261
261
  content: '';
262
262
  box-shadow: 0 4px 0 0 currentColor, 0 8px 0 0 currentColor, 0 -4px 0 0 currentColor, 0 -8px 0 0 currentColor;
263
263
  }
264
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-layout-aside-content {
264
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-layout-aside-content {
265
265
  width: 100%;
266
266
  height: 100%;
267
267
  overflow: hidden;
268
268
  }
269
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-trigger {
269
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-trigger {
270
270
  position: absolute;
271
271
  z-index: 3;
272
272
  background-color: transparent;
273
273
  }
274
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy {
274
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy {
275
275
  position: absolute;
276
276
  z-index: 9999;
277
277
  pointer-events: none;
278
278
  visibility: hidden;
279
279
  }
280
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.left,
281
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.right {
280
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.left,
281
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.right {
282
282
  top: 0;
283
283
  height: 100%;
284
284
  border-left: 2px solid #3a84ff;
285
285
  }
286
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.top,
287
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.bottom {
286
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.top,
287
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-proxy.bottom {
288
288
  left: 0;
289
289
  width: 100%;
290
290
  border-top: 2px solid #3a84ff;
291
291
  }
292
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse {
292
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-collapse {
293
293
  position: absolute;
294
294
  z-index: 2;
295
295
  width: 16px;
@@ -303,14 +303,14 @@
303
303
  background: #dcdee5;
304
304
  border-radius: 0px 4px 4px 0px;
305
305
  }
306
- .bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse:hover {
306
+ :where(.bk-resize-layout) > .bk-resize-layout-aside .bk-resize-collapse:hover {
307
307
  background: #3a84ff;
308
308
  }
309
- .bk-resize-layout > .bk-resize-layout-main {
309
+ :where(.bk-resize-layout) > .bk-resize-layout-main {
310
310
  flex: 1;
311
311
  overflow: hidden;
312
312
  }
313
- .bk-resize-layout .bk-resize-mask {
313
+ :where(.bk-resize-layout) .bk-resize-mask {
314
314
  position: fixed;
315
315
  top: 0;
316
316
  right: 0;
package/lib/search-select/search-select.css CHANGED
@@ -12,12 +12,12 @@
12
12
  background-color: transparent;
13
13
  }
14
14
  }
15
- .bk-transition .bk-fade-enter-active,
16
- .bk-transition .bk-fade-leave-active {
15
+ :where(.bk-transition) .bk-fade-enter-active,
16
+ :where(.bk-transition) .bk-fade-leave-active {
17
17
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
18
18
  }
19
- .bk-transition .bk-fade-enter,
20
- .bk-transition .bk-fade-leave-to {
19
+ :where(.bk-transition) .bk-fade-enter,
20
+ :where(.bk-transition) .bk-fade-leave-to {
21
21
  opacity: 0;
22
22
  }
23
23
  .clearfix-style::after {
@@ -28,7 +28,7 @@
28
28
  content: '';
29
29
  visibility: hidden;
30
30
  }
31
- .bk-popper {
31
+ :where(.bk-popper) {
32
32
  display: none;
33
33
  padding: 7px 14px;
34
34
  font-size: 12px;
@@ -36,39 +36,39 @@
36
36
  background: #333;
37
37
  border-radius: 4px;
38
38
  }
39
- .bk-popper.light {
39
+ :where(.bk-popper).light {
40
40
  color: #63656e;
41
41
  background: #fff;
42
42
  box-shadow: #dcdee5 0 0 6px 0;
43
43
  }
44
- .bk-popper .bk-popper-arrow,
45
- .bk-popper .bk-popper-arrow::before {
44
+ :where(.bk-popper) .bk-popper-arrow,
45
+ :where(.bk-popper) .bk-popper-arrow::before {
46
46
  position: absolute;
47
47
  width: 8px;
48
48
  height: 8px;
49
49
  background: inherit;
50
50
  }
51
- .bk-popper .bk-popper-arrow {
51
+ :where(.bk-popper) .bk-popper-arrow {
52
52
  visibility: hidden;
53
53
  }
54
- .bk-popper .bk-popper-arrow::before {
54
+ :where(.bk-popper) .bk-popper-arrow::before {
55
55
  content: '';
56
56
  visibility: visible;
57
57
  transform: rotate(45deg);
58
58
  }
59
- .bk-popper[data-show] {
59
+ :where(.bk-popper)[data-show] {
60
60
  display: block;
61
61
  }
62
- .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ :where(.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow) {
63
63
  bottom: -4px;
64
64
  }
65
- .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ :where(.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow) {
66
66
  top: -4px;
67
67
  }
68
- .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ :where(.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow) {
69
69
  right: -4px;
70
70
  }
71
- .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ :where(.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow) {
72
72
  left: -4px;
73
73
  }
74
74
  .bk-search-select {
package/lib/search-select/search-select.variable.css CHANGED
@@ -13,13 +13,13 @@
13
13
  --whitesmoke-color: #fafbfd;
14
14
  --disable-color: #dcdee5;
15
15
  --disable-bg-color: #f9fafd;
16
- --border-color: #dcdee5;
17
16
  --font-size-base: 12px;
18
17
  --font-size-medium: 14px;
19
18
  --font-size-large: 16px;
20
19
  --line-height-base: 16px;
21
20
  --line-height-medium: 16px;
22
21
  --line-height-large: 18px;
22
+ --border-color: #dcdee5;
23
23
  --component-size-small: 26px;
24
24
  --component-size-base: 32px;
25
25
  --component-size-large: 40px;
@@ -112,7 +112,7 @@
112
112
  --table-border-color: #dcdee5;
113
113
  --table-head-bg-color: #fafbfd;
114
114
  --table-head-font-color: #313238;
115
- --table-body-font-color: #63656E;
115
+ --table-body-font-color: #63656e;
116
116
  --table-row-hover-bg-color: #f5f7fa;
117
117
  --table-row-active-bg-color: #f0f1f5;
118
118
  --cascader-panel-border-color: #dcdee5;
@@ -141,12 +141,12 @@
141
141
  background-color: transparent;
142
142
  }
143
143
  }
144
- .bk-transition .bk-fade-enter-active,
145
- .bk-transition .bk-fade-leave-active {
144
+ :where(.bk-transition) .bk-fade-enter-active,
145
+ :where(.bk-transition) .bk-fade-leave-active {
146
146
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
147
147
  }
148
- .bk-transition .bk-fade-enter,
149
- .bk-transition .bk-fade-leave-to {
148
+ :where(.bk-transition) .bk-fade-enter,
149
+ :where(.bk-transition) .bk-fade-leave-to {
150
150
  opacity: 0;
151
151
  }
152
152
  .clearfix-style::after {
@@ -157,7 +157,7 @@
157
157
  content: '';
158
158
  visibility: hidden;
159
159
  }
160
- .bk-popper {
160
+ :where(.bk-popper) {
161
161
  display: none;
162
162
  padding: 7px 14px;
163
163
  font-size: 12px;
@@ -165,39 +165,39 @@
165
165
  background: #333;
166
166
  border-radius: 4px;
167
167
  }
168
- .bk-popper.light {
168
+ :where(.bk-popper).light {
169
169
  color: #63656e;
170
170
  background: #fff;
171
171
  box-shadow: #dcdee5 0 0 6px 0;
172
172
  }
173
- .bk-popper .bk-popper-arrow,
174
- .bk-popper .bk-popper-arrow::before {
173
+ :where(.bk-popper) .bk-popper-arrow,
174
+ :where(.bk-popper) .bk-popper-arrow::before {
175
175
  position: absolute;
176
176
  width: 8px;
177
177
  height: 8px;
178
178
  background: inherit;
179
179
  }
180
- .bk-popper .bk-popper-arrow {
180
+ :where(.bk-popper) .bk-popper-arrow {
181
181
  visibility: hidden;
182
182
  }
183
- .bk-popper .bk-popper-arrow::before {
183
+ :where(.bk-popper) .bk-popper-arrow::before {
184
184
  content: '';
185
185
  visibility: visible;
186
186
  transform: rotate(45deg);
187
187
  }
188
- .bk-popper[data-show] {
188
+ :where(.bk-popper)[data-show] {
189
189
  display: block;
190
190
  }
191
- .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
191
+ :where(.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow) {
192
192
  bottom: -4px;
193
193
  }
194
- .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
194
+ :where(.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow) {
195
195
  top: -4px;
196
196
  }
197
- .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
197
+ :where(.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow) {
198
198
  right: -4px;
199
199
  }
200
- .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
200
+ :where(.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow) {
201
201
  left: -4px;
202
202
  }
203
203
  .bk-search-select {