bkui-vue 0.0.1-beta.95 → 0.0.1-beta.98

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 (17) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.esm.js +25 -19
  3. package/dist/index.umd.js +1 -1
  4. package/dist/style.css +1 -1
  5. package/lib/navigation/index.d.ts +20 -1
  6. package/lib/navigation/index.js +1 -1
  7. package/lib/navigation/navigation.css +1 -1
  8. package/lib/navigation/navigation.d.ts +9 -0
  9. package/lib/navigation/navigation.less +1 -1
  10. package/lib/navigation/navigation.variable.css +1 -1
  11. package/lib/select/index.d.ts +54 -1
  12. package/lib/select/index.js +1 -1
  13. package/lib/select/select.css +92 -47
  14. package/lib/select/select.d.ts +25 -0
  15. package/lib/select/select.less +6 -5
  16. package/lib/select/select.variable.css +92 -47
  17. package/package.json +1 -1
package/lib/select/select.css CHANGED
@@ -19,16 +19,23 @@
19
19
  .bk-fade-transtion .bk-fade-leave-to {
20
20
  opacity: 0;
21
21
  }
22
- .bk-select .bk-popover {
22
+ .bk-popover-content.bk-select-popover {
23
+ padding: 0;
24
+ }
25
+ .bk-select .bk-popover,
26
+ .bk-popover-content .bk-popover {
23
27
  display: block;
24
28
  }
25
- .bk-select .mr5 {
29
+ .bk-select .mr5,
30
+ .bk-popover-content .mr5 {
26
31
  margin-right: 5px;
27
32
  }
28
- .bk-select .ml5 {
33
+ .bk-select .ml5,
34
+ .bk-popover-content .ml5 {
29
35
  margin-left: 5px;
30
36
  }
31
- .bk-select .input {
37
+ .bk-select .input,
38
+ .bk-popover-content .input {
32
39
  width: 100%;
33
40
  height: 32px;
34
41
  padding: 0 28px 0 10px;
@@ -48,56 +55,66 @@
48
55
  text-overflow: ellipsis;
49
56
  white-space: nowrap;
50
57
  }
51
- .bk-select .input::placeholder {
58
+ .bk-select .input::placeholder,
59
+ .bk-popover-content .input::placeholder {
52
60
  color: #c4c6cc;
53
61
  }
54
- .bk-select ul {
62
+ .bk-select ul,
63
+ .bk-popover-content ul {
55
64
  padding: 0;
56
65
  margin: 0;
57
66
  font-weight: normal;
58
67
  list-style: none;
59
68
  }
60
- .bk-select .bk-popover-reference {
69
+ .bk-select .bk-popover-reference,
70
+ .bk-popover-content .bk-popover-reference {
61
71
  display: unset;
62
72
  }
63
- .bk-select .bk-popover-content {
64
- padding: 0;
65
- }
66
- .bk-select.large .bk-select-content {
73
+ .bk-select.large .bk-select-content,
74
+ .bk-popover-content.large .bk-select-content {
67
75
  font-size: 14px;
68
76
  }
69
- .bk-select.is-focus.normal .bk-select-trigger .bk-select-tag {
77
+ .bk-select.is-focus.normal .bk-select-trigger .bk-select-tag,
78
+ .bk-popover-content.is-focus.normal .bk-select-trigger .bk-select-tag {
70
79
  border-color: #3a84ff;
71
80
  box-shadow: 0px 0px 3px 0px #a3c5fd;
72
81
  }
73
- .bk-select.popover-show .bk-select-trigger .angle-up {
82
+ .bk-select.popover-show .bk-select-trigger .angle-up,
83
+ .bk-popover-content.popover-show .bk-select-trigger .angle-up {
74
84
  transform: rotate(0);
75
85
  }
76
- .bk-select.is-disabled .bk-select-trigger .bk-input input {
86
+ .bk-select.is-disabled .bk-select-trigger .bk-input input,
87
+ .bk-popover-content.is-disabled .bk-select-trigger .bk-input input {
77
88
  cursor: not-allowed;
78
89
  background-color: #fafbfd;
79
90
  }
80
- .bk-select .bk-select-trigger {
91
+ .bk-select .bk-select-trigger,
92
+ .bk-popover-content .bk-select-trigger {
81
93
  position: relative;
82
94
  }
83
- .bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
95
+ .bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon,
96
+ .bk-popover-content .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
84
97
  margin-right: 0;
85
98
  }
86
- .bk-select .bk-select-trigger .bk-input input {
99
+ .bk-select .bk-select-trigger .bk-input input,
100
+ .bk-popover-content .bk-select-trigger .bk-input input {
87
101
  cursor: pointer;
88
102
  background-color: #fff;
89
103
  }
90
- .bk-select .bk-select-trigger .bk-input.is-focused {
104
+ .bk-select .bk-select-trigger .bk-input.is-focused,
105
+ .bk-popover-content .bk-select-trigger .bk-input.is-focused {
91
106
  border-color: #3a84ff;
92
107
  outline: 0;
93
108
  box-shadow: 0px 0px 3px 0px #a3c5fd;
94
109
  }
95
- .bk-select .bk-select-trigger .bk-input.is-focused.is-simplicity {
110
+ .bk-select .bk-select-trigger .bk-input.is-focused.is-simplicity,
111
+ .bk-popover-content .bk-select-trigger .bk-input.is-focused.is-simplicity {
96
112
  border-color: transparent;
97
113
  border-bottom-color: #3a84ff;
98
114
  box-shadow: none;
99
115
  }
100
- .bk-select .bk-select-trigger .bk-select-tag {
116
+ .bk-select .bk-select-trigger .bk-select-tag,
117
+ .bk-popover-content .bk-select-trigger .bk-select-tag {
101
118
  width: 100%;
102
119
  height: 32px;
103
120
  padding: 0 28px 0 10px;
@@ -123,10 +140,12 @@
123
140
  align-items: center;
124
141
  flex-wrap: wrap;
125
142
  }
126
- .bk-select .bk-select-trigger .bk-select-tag::placeholder {
143
+ .bk-select .bk-select-trigger .bk-select-tag::placeholder,
144
+ .bk-popover-content .bk-select-trigger .bk-select-tag::placeholder {
127
145
  color: #c4c6cc;
128
146
  }
129
- .bk-select .bk-select-trigger .bk-select-tag-input {
147
+ .bk-select .bk-select-trigger .bk-select-tag-input,
148
+ .bk-popover-content .bk-select-trigger .bk-select-tag-input {
130
149
  width: 100%;
131
150
  height: 32px;
132
151
  padding: 0 28px 0 10px;
@@ -153,14 +172,17 @@
153
172
  outline: none;
154
173
  flex-grow: 1;
155
174
  }
156
- .bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
175
+ .bk-select .bk-select-trigger .bk-select-tag-input::placeholder,
176
+ .bk-popover-content .bk-select-trigger .bk-select-tag-input::placeholder {
157
177
  color: #c4c6cc;
158
178
  }
159
- .bk-select .bk-select-trigger .bk-select-tag .bk-tag {
179
+ .bk-select .bk-select-trigger .bk-select-tag .bk-tag,
180
+ .bk-popover-content .bk-select-trigger .bk-select-tag .bk-tag {
160
181
  max-width: 190px;
161
182
  padding: 0 4px;
162
183
  }
163
- .bk-select .bk-select-trigger .angle-up {
184
+ .bk-select .bk-select-trigger .angle-up,
185
+ .bk-popover-content .bk-select-trigger .angle-up {
164
186
  right: 4px;
165
187
  transform: rotate(180deg);
166
188
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -176,7 +198,8 @@
176
198
  align-items: center;
177
199
  justify-content: center;
178
200
  }
179
- .bk-select .bk-select-trigger .clear-icon {
201
+ .bk-select .bk-select-trigger .clear-icon,
202
+ .bk-popover-content .bk-select-trigger .clear-icon {
180
203
  right: 4px;
181
204
  cursor: pointer;
182
205
  transition: all 0.1s;
@@ -192,22 +215,26 @@
192
215
  align-items: center;
193
216
  justify-content: center;
194
217
  }
195
- .bk-select .bk-select-trigger .clear-icon:hover {
218
+ .bk-select .bk-select-trigger .clear-icon:hover,
219
+ .bk-popover-content .bk-select-trigger .clear-icon:hover {
196
220
  color: #979ba5;
197
221
  }
198
- .bk-select .bk-select-trigger .spinner {
222
+ .bk-select .bk-select-trigger .spinner,
223
+ .bk-popover-content .bk-select-trigger .spinner {
199
224
  position: absolute;
200
225
  top: 8px;
201
226
  right: 6px;
202
227
  }
203
- .bk-select .bk-select-empty {
228
+ .bk-select .bk-select-empty,
229
+ .bk-popover-content .bk-select-empty {
204
230
  display: flex;
205
231
  align-items: center;
206
232
  justify-content: center;
207
233
  height: 56px;
208
234
  color: #63656e;
209
235
  }
210
- .bk-select .bk-select-empty .spinner {
236
+ .bk-select .bk-select-empty .spinner,
237
+ .bk-popover-content .bk-select-empty .spinner {
211
238
  display: flex;
212
239
  width: 14px;
213
240
  height: 14px;
@@ -217,19 +244,23 @@
217
244
  align-items: center;
218
245
  justify-content: center;
219
246
  }
220
- .bk-select .bk-select-dropdown {
247
+ .bk-select .bk-select-dropdown,
248
+ .bk-popover-content .bk-select-dropdown {
221
249
  overflow: auto;
222
250
  }
223
- .bk-select .bk-select-extension {
251
+ .bk-select .bk-select-extension,
252
+ .bk-popover-content .bk-select-extension {
224
253
  display: flex;
225
254
  height: 40px;
226
255
  background-color: #fafbfd;
227
256
  align-items: center;
228
257
  }
229
- .bk-select .bk-select-options {
258
+ .bk-select .bk-select-options,
259
+ .bk-popover-content .bk-select-options {
230
260
  padding: 8px 0;
231
261
  }
232
- .bk-select .bk-select-option {
262
+ .bk-select .bk-select-option,
263
+ .bk-popover-content .bk-select-option {
233
264
  position: relative;
234
265
  height: 32px;
235
266
  padding: 0 12px;
@@ -243,52 +274,64 @@
243
274
  white-space: nowrap;
244
275
  }
245
276
  .bk-select .bk-select-option:hover,
246
- .bk-select .bk-select-option.is-hover {
277
+ .bk-popover-content .bk-select-option:hover,
278
+ .bk-select .bk-select-option.is-hover,
279
+ .bk-popover-content .bk-select-option.is-hover {
247
280
  color: #3a84ff;
248
281
  background-color: #f5f7fa;
249
282
  }
250
- .bk-select .bk-select-option.is-selected {
283
+ .bk-select .bk-select-option.is-selected,
284
+ .bk-popover-content .bk-select-option.is-selected {
251
285
  color: #3a84ff;
252
286
  }
253
- .bk-select .bk-select-option.is-selected.is-multiple::after {
287
+ .bk-select .bk-select-option.is-selected.is-multiple::after,
288
+ .bk-popover-content .bk-select-option.is-selected.is-multiple::after {
254
289
  position: absolute;
255
290
  right: 12px;
256
291
  font-weight: 700;
257
292
  content: '\2713';
258
293
  }
259
- .bk-select .bk-select-option.is-disabled {
294
+ .bk-select .bk-select-option.is-disabled,
295
+ .bk-popover-content .bk-select-option.is-disabled {
260
296
  color: #c4c6cc;
261
297
  cursor: not-allowed;
262
298
  background-color: transparent;
263
299
  }
264
- .bk-select .bk-select-options-loading {
300
+ .bk-select .bk-select-options-loading,
301
+ .bk-popover-content .bk-select-options-loading {
265
302
  display: flex;
266
303
  align-items: center;
267
304
  justify-content: center;
268
305
  }
269
- .bk-select .bk-option-group-label {
306
+ .bk-select .bk-option-group-label,
307
+ .bk-popover-content .bk-option-group-label {
270
308
  height: 32px;
271
309
  padding: 0 8px;
272
310
  line-height: 32px;
273
311
  color: #979ba5;
274
312
  text-align: left;
275
313
  }
276
- .bk-select .bk-option-group-label.collapsible {
314
+ .bk-select .bk-option-group-label.collapsible,
315
+ .bk-popover-content .bk-option-group-label.collapsible {
277
316
  cursor: pointer;
278
317
  }
279
- .bk-select .bk-option-group.collapsible .bk-select-option {
318
+ .bk-select .bk-option-group.collapsible .bk-select-option,
319
+ .bk-popover-content .bk-option-group.collapsible .bk-select-option {
280
320
  padding-left: 40px;
281
321
  }
282
- .bk-select .bk-option-group.disabled .default-group-label {
322
+ .bk-select .bk-option-group.disabled .default-group-label,
323
+ .bk-popover-content .bk-option-group.disabled .default-group-label {
283
324
  color: #c4c6cc;
284
325
  cursor: not-allowed;
285
326
  }
286
- .bk-select .bk-option-group .default-group-label {
327
+ .bk-select .bk-option-group .default-group-label,
328
+ .bk-popover-content .bk-option-group .default-group-label {
287
329
  display: flex;
288
330
  user-select: none;
289
331
  align-items: center;
290
332
  }
291
- .bk-select .bk-option-group .default-group-label-icon {
333
+ .bk-select .bk-option-group .default-group-label-icon,
334
+ .bk-popover-content .bk-option-group .default-group-label-icon {
292
335
  display: flex;
293
336
  width: 12px;
294
337
  height: 12px;
@@ -297,9 +340,11 @@
297
340
  align-items: center;
298
341
  justify-content: center;
299
342
  }
300
- .bk-select .bk-option-group .default-group-label-icon.collapse {
343
+ .bk-select .bk-option-group .default-group-label-icon.collapse,
344
+ .bk-popover-content .bk-option-group .default-group-label-icon.collapse {
301
345
  transform: rotate(-90deg);
302
346
  }
303
- .bk-select .bk-option-group .bk-select-option {
347
+ .bk-select .bk-option-group .bk-select-option,
348
+ .bk-popover-content .bk-option-group .bk-select-option {
304
349
  padding-left: 24px;
305
350
  }
package/lib/select/select.d.ts CHANGED
@@ -101,6 +101,17 @@ declare const _default: import("vue").DefineComponent<{
101
101
  } & {
102
102
  default: boolean;
103
103
  };
104
+ popoverOptions: import("vue-types").VueTypeValidableDef<{
105
+ [key: string]: any;
106
+ }> & {
107
+ default: () => {
108
+ [key: string]: any;
109
+ };
110
+ } & {
111
+ default: () => {
112
+ [key: string]: any;
113
+ };
114
+ };
104
115
  }, {
105
116
  selected: import("vue").Ref<{
106
117
  value: any;
@@ -473,6 +484,17 @@ declare const _default: import("vue").DefineComponent<{
473
484
  } & {
474
485
  default: boolean;
475
486
  };
487
+ popoverOptions: import("vue-types").VueTypeValidableDef<{
488
+ [key: string]: any;
489
+ }> & {
490
+ default: () => {
491
+ [key: string]: any;
492
+ };
493
+ } & {
494
+ default: () => {
495
+ [key: string]: any;
496
+ };
497
+ };
476
498
  }>> & {
477
499
  onChange?: (...args: any[]) => any;
478
500
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -502,5 +524,8 @@ declare const _default: import("vue").DefineComponent<{
502
524
  loadingText: string;
503
525
  selectAllText: string;
504
526
  scrollLoading: boolean;
527
+ popoverOptions: {
528
+ [key: string]: any;
529
+ };
505
530
  }>;
506
531
  export default _default;
package/lib/select/select.less CHANGED
@@ -1,7 +1,12 @@
1
1
  @import '../styles/themes/themes.less';
2
2
  @import '../styles/mixins/animate.less';
3
3
 
4
- .@{bk-prefix}-select {
4
+ .bk-popover-content.bk-select-popover {
5
+ padding: 0;
6
+ }
7
+
8
+ .@{bk-prefix}-select,
9
+ .bk-popover-content {
5
10
  .bk-select-icon(@fontSize: 20px, @color: #979ba5) {
6
11
  display: flex;
7
12
  align-items: center;
@@ -87,10 +92,6 @@
87
92
  display: unset;
88
93
  }
89
94
 
90
- .bk-popover-content {
91
- padding: 0;
92
- }
93
-
94
95
  &.large {
95
96
  .bk-select-content {
96
97
  font-size: 14px;
package/lib/select/select.variable.css CHANGED
@@ -118,16 +118,23 @@
118
118
  .bk-fade-transtion .bk-fade-leave-to {
119
119
  opacity: 0;
120
120
  }
121
- .bk-select .bk-popover {
121
+ .bk-popover-content.bk-select-popover {
122
+ padding: 0;
123
+ }
124
+ .bk-select .bk-popover,
125
+ .bk-popover-content .bk-popover {
122
126
  display: block;
123
127
  }
124
- .bk-select .mr5 {
128
+ .bk-select .mr5,
129
+ .bk-popover-content .mr5 {
125
130
  margin-right: 5px;
126
131
  }
127
- .bk-select .ml5 {
132
+ .bk-select .ml5,
133
+ .bk-popover-content .ml5 {
128
134
  margin-left: 5px;
129
135
  }
130
- .bk-select .input {
136
+ .bk-select .input,
137
+ .bk-popover-content .input {
131
138
  width: 100%;
132
139
  height: 32px;
133
140
  padding: 0 28px 0 10px;
@@ -147,56 +154,66 @@
147
154
  text-overflow: ellipsis;
148
155
  white-space: nowrap;
149
156
  }
150
- .bk-select .input::placeholder {
157
+ .bk-select .input::placeholder,
158
+ .bk-popover-content .input::placeholder {
151
159
  color: var(--light-gray);
152
160
  }
153
- .bk-select ul {
161
+ .bk-select ul,
162
+ .bk-popover-content ul {
154
163
  padding: 0;
155
164
  margin: 0;
156
165
  font-weight: normal;
157
166
  list-style: none;
158
167
  }
159
- .bk-select .bk-popover-reference {
168
+ .bk-select .bk-popover-reference,
169
+ .bk-popover-content .bk-popover-reference {
160
170
  display: unset;
161
171
  }
162
- .bk-select .bk-popover-content {
163
- padding: 0;
164
- }
165
- .bk-select.large .bk-select-content {
172
+ .bk-select.large .bk-select-content,
173
+ .bk-popover-content.large .bk-select-content {
166
174
  font-size: 14px;
167
175
  }
168
- .bk-select.is-focus.normal .bk-select-trigger .bk-select-tag {
176
+ .bk-select.is-focus.normal .bk-select-trigger .bk-select-tag,
177
+ .bk-popover-content.is-focus.normal .bk-select-trigger .bk-select-tag {
169
178
  border-color: var(--primary-color);
170
179
  box-shadow: 0px 0px 3px 0px #a3c5fd;
171
180
  }
172
- .bk-select.popover-show .bk-select-trigger .angle-up {
181
+ .bk-select.popover-show .bk-select-trigger .angle-up,
182
+ .bk-popover-content.popover-show .bk-select-trigger .angle-up {
173
183
  transform: rotate(0);
174
184
  }
175
- .bk-select.is-disabled .bk-select-trigger .bk-input input {
185
+ .bk-select.is-disabled .bk-select-trigger .bk-input input,
186
+ .bk-popover-content.is-disabled .bk-select-trigger .bk-input input {
176
187
  cursor: not-allowed;
177
188
  background-color: #fafbfd;
178
189
  }
179
- .bk-select .bk-select-trigger {
190
+ .bk-select .bk-select-trigger,
191
+ .bk-popover-content .bk-select-trigger {
180
192
  position: relative;
181
193
  }
182
- .bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
194
+ .bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon,
195
+ .bk-popover-content .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
183
196
  margin-right: 0;
184
197
  }
185
- .bk-select .bk-select-trigger .bk-input input {
198
+ .bk-select .bk-select-trigger .bk-input input,
199
+ .bk-popover-content .bk-select-trigger .bk-input input {
186
200
  cursor: pointer;
187
201
  background-color: #fff;
188
202
  }
189
- .bk-select .bk-select-trigger .bk-input.is-focused {
203
+ .bk-select .bk-select-trigger .bk-input.is-focused,
204
+ .bk-popover-content .bk-select-trigger .bk-input.is-focused {
190
205
  border-color: var(--primary-color);
191
206
  outline: 0;
192
207
  box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
193
208
  }
194
- .bk-select .bk-select-trigger .bk-input.is-focused.is-simplicity {
209
+ .bk-select .bk-select-trigger .bk-input.is-focused.is-simplicity,
210
+ .bk-popover-content .bk-select-trigger .bk-input.is-focused.is-simplicity {
195
211
  border-color: transparent;
196
212
  border-bottom-color: var(--primary-color);
197
213
  box-shadow: none;
198
214
  }
199
- .bk-select .bk-select-trigger .bk-select-tag {
215
+ .bk-select .bk-select-trigger .bk-select-tag,
216
+ .bk-popover-content .bk-select-trigger .bk-select-tag {
200
217
  width: 100%;
201
218
  height: 32px;
202
219
  padding: 0 28px 0 10px;
@@ -222,10 +239,12 @@
222
239
  align-items: center;
223
240
  flex-wrap: wrap;
224
241
  }
225
- .bk-select .bk-select-trigger .bk-select-tag::placeholder {
242
+ .bk-select .bk-select-trigger .bk-select-tag::placeholder,
243
+ .bk-popover-content .bk-select-trigger .bk-select-tag::placeholder {
226
244
  color: var(--light-gray);
227
245
  }
228
- .bk-select .bk-select-trigger .bk-select-tag-input {
246
+ .bk-select .bk-select-trigger .bk-select-tag-input,
247
+ .bk-popover-content .bk-select-trigger .bk-select-tag-input {
229
248
  width: 100%;
230
249
  height: 32px;
231
250
  padding: 0 28px 0 10px;
@@ -252,14 +271,17 @@
252
271
  outline: none;
253
272
  flex-grow: 1;
254
273
  }
255
- .bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
274
+ .bk-select .bk-select-trigger .bk-select-tag-input::placeholder,
275
+ .bk-popover-content .bk-select-trigger .bk-select-tag-input::placeholder {
256
276
  color: var(--light-gray);
257
277
  }
258
- .bk-select .bk-select-trigger .bk-select-tag .bk-tag {
278
+ .bk-select .bk-select-trigger .bk-select-tag .bk-tag,
279
+ .bk-popover-content .bk-select-trigger .bk-select-tag .bk-tag {
259
280
  max-width: 190px;
260
281
  padding: 0 4px;
261
282
  }
262
- .bk-select .bk-select-trigger .angle-up {
283
+ .bk-select .bk-select-trigger .angle-up,
284
+ .bk-popover-content .bk-select-trigger .angle-up {
263
285
  right: 4px;
264
286
  transform: rotate(180deg);
265
287
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -275,7 +297,8 @@
275
297
  align-items: center;
276
298
  justify-content: center;
277
299
  }
278
- .bk-select .bk-select-trigger .clear-icon {
300
+ .bk-select .bk-select-trigger .clear-icon,
301
+ .bk-popover-content .bk-select-trigger .clear-icon {
279
302
  right: 4px;
280
303
  cursor: pointer;
281
304
  transition: all 0.1s;
@@ -291,22 +314,26 @@
291
314
  align-items: center;
292
315
  justify-content: center;
293
316
  }
294
- .bk-select .bk-select-trigger .clear-icon:hover {
317
+ .bk-select .bk-select-trigger .clear-icon:hover,
318
+ .bk-popover-content .bk-select-trigger .clear-icon:hover {
295
319
  color: #979ba5;
296
320
  }
297
- .bk-select .bk-select-trigger .spinner {
321
+ .bk-select .bk-select-trigger .spinner,
322
+ .bk-popover-content .bk-select-trigger .spinner {
298
323
  position: absolute;
299
324
  top: 8px;
300
325
  right: 6px;
301
326
  }
302
- .bk-select .bk-select-empty {
327
+ .bk-select .bk-select-empty,
328
+ .bk-popover-content .bk-select-empty {
303
329
  display: flex;
304
330
  align-items: center;
305
331
  justify-content: center;
306
332
  height: 56px;
307
333
  color: #63656e;
308
334
  }
309
- .bk-select .bk-select-empty .spinner {
335
+ .bk-select .bk-select-empty .spinner,
336
+ .bk-popover-content .bk-select-empty .spinner {
310
337
  display: flex;
311
338
  width: 14px;
312
339
  height: 14px;
@@ -316,19 +343,23 @@
316
343
  align-items: center;
317
344
  justify-content: center;
318
345
  }
319
- .bk-select .bk-select-dropdown {
346
+ .bk-select .bk-select-dropdown,
347
+ .bk-popover-content .bk-select-dropdown {
320
348
  overflow: auto;
321
349
  }
322
- .bk-select .bk-select-extension {
350
+ .bk-select .bk-select-extension,
351
+ .bk-popover-content .bk-select-extension {
323
352
  display: flex;
324
353
  height: 40px;
325
354
  background-color: #fafbfd;
326
355
  align-items: center;
327
356
  }
328
- .bk-select .bk-select-options {
357
+ .bk-select .bk-select-options,
358
+ .bk-popover-content .bk-select-options {
329
359
  padding: 8px 0;
330
360
  }
331
- .bk-select .bk-select-option {
361
+ .bk-select .bk-select-option,
362
+ .bk-popover-content .bk-select-option {
332
363
  position: relative;
333
364
  height: 32px;
334
365
  padding: 0 12px;
@@ -342,52 +373,64 @@
342
373
  white-space: nowrap;
343
374
  }
344
375
  .bk-select .bk-select-option:hover,
345
- .bk-select .bk-select-option.is-hover {
376
+ .bk-popover-content .bk-select-option:hover,
377
+ .bk-select .bk-select-option.is-hover,
378
+ .bk-popover-content .bk-select-option.is-hover {
346
379
  color: #3a84ff;
347
380
  background-color: #f5f7fa;
348
381
  }
349
- .bk-select .bk-select-option.is-selected {
382
+ .bk-select .bk-select-option.is-selected,
383
+ .bk-popover-content .bk-select-option.is-selected {
350
384
  color: #3a84ff;
351
385
  }
352
- .bk-select .bk-select-option.is-selected.is-multiple::after {
386
+ .bk-select .bk-select-option.is-selected.is-multiple::after,
387
+ .bk-popover-content .bk-select-option.is-selected.is-multiple::after {
353
388
  position: absolute;
354
389
  right: 12px;
355
390
  font-weight: 700;
356
391
  content: '\2713';
357
392
  }
358
- .bk-select .bk-select-option.is-disabled {
393
+ .bk-select .bk-select-option.is-disabled,
394
+ .bk-popover-content .bk-select-option.is-disabled {
359
395
  color: #c4c6cc;
360
396
  cursor: not-allowed;
361
397
  background-color: transparent;
362
398
  }
363
- .bk-select .bk-select-options-loading {
399
+ .bk-select .bk-select-options-loading,
400
+ .bk-popover-content .bk-select-options-loading {
364
401
  display: flex;
365
402
  align-items: center;
366
403
  justify-content: center;
367
404
  }
368
- .bk-select .bk-option-group-label {
405
+ .bk-select .bk-option-group-label,
406
+ .bk-popover-content .bk-option-group-label {
369
407
  height: 32px;
370
408
  padding: 0 8px;
371
409
  line-height: 32px;
372
410
  color: #979ba5;
373
411
  text-align: left;
374
412
  }
375
- .bk-select .bk-option-group-label.collapsible {
413
+ .bk-select .bk-option-group-label.collapsible,
414
+ .bk-popover-content .bk-option-group-label.collapsible {
376
415
  cursor: pointer;
377
416
  }
378
- .bk-select .bk-option-group.collapsible .bk-select-option {
417
+ .bk-select .bk-option-group.collapsible .bk-select-option,
418
+ .bk-popover-content .bk-option-group.collapsible .bk-select-option {
379
419
  padding-left: 40px;
380
420
  }
381
- .bk-select .bk-option-group.disabled .default-group-label {
421
+ .bk-select .bk-option-group.disabled .default-group-label,
422
+ .bk-popover-content .bk-option-group.disabled .default-group-label {
382
423
  color: #c4c6cc;
383
424
  cursor: not-allowed;
384
425
  }
385
- .bk-select .bk-option-group .default-group-label {
426
+ .bk-select .bk-option-group .default-group-label,
427
+ .bk-popover-content .bk-option-group .default-group-label {
386
428
  display: flex;
387
429
  user-select: none;
388
430
  align-items: center;
389
431
  }
390
- .bk-select .bk-option-group .default-group-label-icon {
432
+ .bk-select .bk-option-group .default-group-label-icon,
433
+ .bk-popover-content .bk-option-group .default-group-label-icon {
391
434
  display: flex;
392
435
  width: 12px;
393
436
  height: 12px;
@@ -396,9 +439,11 @@
396
439
  align-items: center;
397
440
  justify-content: center;
398
441
  }
399
- .bk-select .bk-option-group .default-group-label-icon.collapse {
442
+ .bk-select .bk-option-group .default-group-label-icon.collapse,
443
+ .bk-popover-content .bk-option-group .default-group-label-icon.collapse {
400
444
  transform: rotate(-90deg);
401
445
  }
402
- .bk-select .bk-option-group .bk-select-option {
446
+ .bk-select .bk-option-group .bk-select-option,
447
+ .bk-popover-content .bk-option-group .bk-select-option {
403
448
  padding-left: 24px;
404
449
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.95",
3
+ "version": "0.0.1-beta.98",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*",