bkui-vue 0.0.1-beta.205 → 0.0.1-beta.207

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 (85) hide show
  1. package/dist/index.cjs.js +25 -25
  2. package/dist/index.esm.js +53 -38
  3. package/dist/index.umd.js +25 -25
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.variable.css +6 -0
  7. package/lib/alert/alert.variable.css +6 -0
  8. package/lib/backtop/backtop.variable.css +6 -0
  9. package/lib/badge/badge.variable.css +6 -0
  10. package/lib/breadcrumb/breadcrumb.variable.css +6 -0
  11. package/lib/button/button.variable.css +6 -0
  12. package/lib/card/card.variable.css +6 -0
  13. package/lib/cascader/cascader.variable.css +6 -0
  14. package/lib/checkbox/checkbox.variable.css +6 -0
  15. package/lib/code-diff/code-diff.variable.css +6 -0
  16. package/lib/collapse/collapse.variable.css +6 -0
  17. package/lib/color-picker/color-picker.variable.css +6 -0
  18. package/lib/container/container.variable.css +6 -0
  19. package/lib/date-picker/date-picker.d.ts +4 -2
  20. package/lib/date-picker/date-picker.variable.css +6 -0
  21. package/lib/date-picker/index.d.ts +8 -4
  22. package/lib/date-picker/index.js +1 -1
  23. package/lib/date-picker/panel/time.d.ts +4 -2
  24. package/lib/date-picker/props.d.ts +2 -1
  25. package/lib/date-picker/time-picker.d.ts +4 -2
  26. package/lib/directives/index.js +1 -1
  27. package/lib/divider/divider.variable.css +6 -0
  28. package/lib/dropdown/dropdown.variable.css +6 -0
  29. package/lib/exception/exception.variable.css +6 -0
  30. package/lib/fixed-navbar/fixed-navbar.variable.css +6 -0
  31. package/lib/form/form.variable.css +6 -0
  32. package/lib/input/input.variable.css +6 -0
  33. package/lib/link/link.variable.css +6 -0
  34. package/lib/loading/loading.variable.css +6 -0
  35. package/lib/menu/menu.variable.css +6 -0
  36. package/lib/menu/submenu.variable.css +6 -0
  37. package/lib/message/message.variable.css +6 -0
  38. package/lib/navigation/navigation.variable.css +6 -0
  39. package/lib/notify/notify.variable.css +6 -0
  40. package/lib/pagination/pagination.variable.css +6 -0
  41. package/lib/popover/index.d.ts +7 -7
  42. package/lib/popover/popover.d.ts +2 -2
  43. package/lib/popover/popover.variable.css +6 -0
  44. package/lib/popover2/index.d.ts +7 -7
  45. package/lib/popover2/popover2.d.ts +2 -2
  46. package/lib/popover2/popover2.variable.css +6 -0
  47. package/lib/process/process.variable.css +6 -0
  48. package/lib/progress/progress.variable.css +6 -0
  49. package/lib/radio/radio.variable.css +6 -0
  50. package/lib/resize-layout/resize-layout.variable.css +6 -0
  51. package/lib/search-select/index.js +1 -1
  52. package/lib/search-select/search-select.css +196 -199
  53. package/lib/search-select/search-select.less +195 -47
  54. package/lib/search-select/search-select.variable.css +217 -214
  55. package/lib/search-select/utils.d.ts +2 -2
  56. package/lib/select/index.d.ts +4 -4
  57. package/lib/select/select.d.ts +1 -1
  58. package/lib/select/select.variable.css +6 -0
  59. package/lib/sideslider/sideslider.variable.css +6 -0
  60. package/lib/slider/slider.variable.css +6 -0
  61. package/lib/steps/steps.variable.css +6 -0
  62. package/lib/styles/mixins/scroll.variable.css +6 -0
  63. package/lib/styles/themes/themes.less +9 -0
  64. package/lib/switcher/switcher.variable.css +6 -0
  65. package/lib/tab/tab.variable.css +6 -0
  66. package/lib/table/plugins/head-filter.variable.css +6 -0
  67. package/lib/table/plugins/head-sort.variable.css +6 -0
  68. package/lib/table/plugins/settings.variable.css +6 -0
  69. package/lib/table/table.variable.css +6 -0
  70. package/lib/tag/tag.variable.css +6 -0
  71. package/lib/tag-input/tag-input.variable.css +6 -0
  72. package/lib/time-picker/index.d.ts +8 -4
  73. package/lib/time-picker/time-picker.variable.css +6 -0
  74. package/lib/timeline/timeline.variable.css +6 -0
  75. package/lib/transfer/transfer.variable.css +6 -0
  76. package/lib/tree/tree.variable.css +6 -0
  77. package/lib/upload/upload.variable.css +6 -0
  78. package/lib/virtual-render/virtual-render.variable.css +6 -0
  79. package/package.json +1 -1
  80. package/lib/search-select/menu.css +0 -145
  81. package/lib/search-select/menu.less +0 -134
  82. package/lib/search-select/menu.variable.css +0 -145
  83. package/lib/search-select/selected.css +0 -21
  84. package/lib/search-select/selected.less +0 -24
  85. package/lib/search-select/selected.variable.css +0 -21
@@ -24,6 +24,7 @@
24
24
  --border-width-base: 1px;
25
25
  --border-style-base: solid;
26
26
  --border-radius-base: 2px;
27
+ --border-style-color: var(--light-gray);
27
28
  --input-disabled-bg: #fafbfd;
28
29
  --input-disabled-border: var(--disable-color);
29
30
  --input-height-base: var(--component-size-base);
@@ -111,6 +112,11 @@
111
112
  --cascader-panel-hover: #f5f7fa;
112
113
  --cascader-panel-active: #e1ecff;
113
114
  --cascader-panel-disabled-bg: #fff;
115
+ --search-select-focus-border-color: var(--primary-color);
116
+ --search-select-focus-color: #3c96ff;
117
+ --search-select-font-color: var(--default-color);
118
+ --search-select-placeholder-color: var(--light-gray);
119
+ --search-select-message-color: var(--danger-color);
114
120
  }
115
121
  @keyframes loading-scale-animate {
116
122
  0% {
@@ -184,187 +190,36 @@
184
190
  .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
185
191
  left: -4px;
186
192
  }
187
- .menu-list-mixin {
188
- display: flex;
189
- flex-direction: column;
190
- }
191
- .menu-item-mixin {
192
- display: flex;
193
- align-items: center;
194
- width: 100%;
195
- height: 32px;
196
- padding: 0 12px;
197
- flex: 0 0 32px;
198
- outline: none;
199
- }
200
- .menu-item-mixin:hover {
201
- cursor: pointer;
202
- background-color: #f5f7fa;
203
- }
204
- .menu-disabled-mixin {
205
- color: #c4c6cc;
206
- }
207
- .menu-disabled-mixin:hover {
208
- cursor: not-allowed;
209
- background-color: white;
210
- }
211
- .search-select-menu {
212
- display: flex;
213
- min-width: 160px;
214
- font-size: 12px;
215
- color: #63656e;
216
- flex-direction: column;
217
- }
218
- .search-select-menu .menu-header {
219
- display: flex;
220
- flex-direction: column;
221
- border-bottom: 1px solid #dcdee5;
222
- }
223
- .search-select-menu .menu-header-item {
224
- display: flex;
225
- align-items: center;
226
- width: 100%;
227
- height: 32px;
228
- padding: 0 12px;
229
- flex: 0 0 32px;
230
- outline: none;
231
- }
232
- .search-select-menu .menu-header-item:hover {
233
- cursor: pointer;
234
- background-color: #f5f7fa;
235
- }
236
- .search-select-menu .menu-header-item.is-disabled {
237
- color: #c4c6cc;
238
- }
239
- .search-select-menu .menu-header-item.is-disabled:hover {
240
- cursor: not-allowed;
241
- background-color: white;
242
- }
243
- .search-select-menu .menu-content {
244
- display: flex;
245
- flex-direction: column;
246
- flex: 1;
247
- max-height: 240px;
248
- overflow: auto;
249
- }
250
- .search-select-menu .menu-content .menu-item {
251
- display: flex;
252
- align-items: center;
253
- width: 100%;
254
- height: 32px;
255
- padding: 0 12px;
256
- flex: 0 0 32px;
257
- outline: none;
258
- }
259
- .search-select-menu .menu-content .menu-item:hover {
260
- cursor: pointer;
261
- background-color: #f5f7fa;
262
- }
263
- .search-select-menu .menu-content .menu-item .is-keyword {
264
- display: inline-flex;
265
- color: #3a84ff;
266
- }
267
- .search-select-menu .menu-content .menu-item .is-selected {
268
- display: flex;
269
- width: 14px;
270
- height: 14px;
271
- margin-left: auto;
272
- overflow: hidden;
273
- font-size: 18px;
274
- font-weight: bold;
275
- color: #3a84ff;
276
- align-items: center;
277
- justify-content: center;
278
- }
279
- .search-select-menu .menu-content .menu-item.is-hover {
280
- color: #3a84ff;
281
- background-color: #f5f7fa;
282
- }
283
- .search-select-menu .menu-content .menu-item.is-hover .menu-name {
284
- color: #3a84ff;
285
- }
286
- .search-select-menu .menu-content .menu-item.is-disabled {
287
- color: #c4c6cc;
288
- }
289
- .search-select-menu .menu-content .menu-item.is-disabled:hover {
290
- cursor: not-allowed;
291
- background-color: white;
292
- }
293
- .search-select-menu .menu-content .menu-item.is-disabled .menu-name {
294
- color: #c4c6cc;
295
- }
296
- .search-select-menu .menu-content .menu-item .menu-name {
297
- display: flex;
298
- max-width: 100px;
299
- margin-right: 5px;
300
- font-weight: bold;
301
- color: #63656e;
302
- align-items: center;
303
- }
304
- .search-select-menu .menu-footer {
305
- display: flex;
306
- width: 100%;
307
- height: 32px;
308
- border-top: 1px solid #dcdee5;
309
- align-items: center;
310
- }
311
- .search-select-menu .menu-footer-btn {
312
- flex: 1;
313
- display: flex;
314
- align-items: center;
315
- justify-content: center;
316
- height: 100%;
317
- }
318
- .search-select-menu .menu-footer-btn:first-child {
319
- border-right: 1px solid #dcdee5;
320
- }
321
- .search-select-menu .menu-footer-btn:hover {
322
- color: #3a84ff;
323
- cursor: pointer;
324
- }
325
- .search-select-menu .menu-footer-btn.is-disabled {
326
- color: #c4c6cc;
327
- }
328
- .search-select-menu .menu-footer-btn.is-disabled:hover {
329
- cursor: not-allowed;
330
- background-color: white;
331
- }
332
- .search-seleted-input {
193
+ .bk-search-select {
333
194
  position: relative;
334
- display: flex;
335
- height: 100%;
336
- min-width: 150px;
337
- min-width: 40px;
338
- padding: 0 10px;
339
- margin-top: -4px;
340
- color: #63656e;
341
- border: none;
342
- align-items: center;
343
- offset: none;
195
+ z-index: 9;
196
+ height: var(--component-size-base);
197
+ overflow: inherit;
198
+ }
199
+ .bk-search-select .focus {
200
+ color: var(--search-select-focus-color);
201
+ background: #fff !important;
202
+ border-color: var(--search-select-focus-border-color) !important;
344
203
  }
345
- .search-seleted-input .div-input {
346
- height: 30px;
204
+ .bk-search-select .div-input {
205
+ height: var(--component-size-base);
347
206
  padding: 5px 0;
348
207
  line-height: 20px;
349
208
  word-break: break-all;
350
209
  flex: 1 1 auto;
351
- outline: none;
352
210
  }
353
- .search-select-wrap {
354
- position: relative;
355
- z-index: 9;
356
- height: 32px;
357
- overflow: inherit;
211
+ .bk-search-select .div-input:focus {
212
+ outline: none;
358
213
  }
359
- .search-select-wrap .bk-search-select {
214
+ .bk-search-select-container {
360
215
  position: relative;
361
216
  display: flex;
362
- min-height: 30px;
217
+ min-height: var(--component-size-base);
363
218
  overflow: hidden;
364
219
  font-size: 12px;
365
- color: #63656e;
366
- border: 1px solid #c4c6cc;
367
- border-radius: 2px;
220
+ color: var(--search-select-font-color);
221
+ border: var(--border-width-base) var(--border-style-base) var(--border-style-color);
222
+ border-radius: var(--border-radius-base);
368
223
  outline: none;
369
224
  box-sizing: border-box;
370
225
  transition: border 0.2s linear;
@@ -373,19 +228,19 @@
373
228
  align-items: center;
374
229
  flex-wrap: wrap;
375
230
  }
376
- .search-select-wrap .bk-search-select.is-focus {
231
+ .bk-search-select-container.is-focus {
377
232
  overflow: auto;
378
- color: #3c96ff;
233
+ color: var(--search-select-focus-color);
379
234
  background: #fff !important;
380
- border-color: #3c96ff !important;
235
+ border-color: var(--search-select-focus-border-color) !important;
381
236
  }
382
- .search-select-wrap .bk-search-select .search-prefix {
237
+ .bk-search-select-container .search-prefix {
383
238
  flex: 0 0 auto;
384
239
  display: flex;
385
240
  align-items: center;
386
241
  height: 100%;
387
242
  }
388
- .search-select-wrap .bk-search-select .search-input {
243
+ .bk-search-select-container .search-container {
389
244
  position: relative;
390
245
  display: flex;
391
246
  min-height: 26px;
@@ -398,37 +253,37 @@
398
253
  flex-wrap: wrap;
399
254
  align-items: center;
400
255
  }
401
- .search-select-wrap .bk-search-select .search-input-chip {
256
+ .bk-search-select-container .search-container-selected {
402
257
  position: relative;
403
258
  display: inline-block;
404
259
  max-width: 99%;
405
260
  padding-left: 8px;
406
261
  margin: 0 0 4px 6px;
407
262
  line-height: 22px;
408
- color: #63656e;
263
+ color: var(--search-select-font-color);
409
264
  background: #f0f1f5;
410
265
  border-radius: 2px;
411
266
  flex: 0 0 auto;
412
267
  align-self: center;
413
268
  }
414
- .search-select-wrap .bk-search-select .search-input-chip.hidden-chip {
269
+ .bk-search-select-container .search-container-selected.hidden-selected {
415
270
  visibility: hidden;
416
271
  }
417
- .search-select-wrap .bk-search-select .search-input-chip.overflow-chip {
272
+ .bk-search-select-container .search-container-selected.overflow-selected {
418
273
  padding-right: 8px;
419
274
  }
420
- .search-select-wrap .bk-search-select .search-input-chip:hover {
275
+ .bk-search-select-container .search-container-selected:hover {
421
276
  background: #dcdee5;
422
277
  }
423
- .search-select-wrap .bk-search-select .search-input-chip:hover .chip-clear {
424
- color: #63656e;
278
+ .bk-search-select-container .search-container-selected:hover .selected-clear {
279
+ color: var(--search-select-font-color);
425
280
  }
426
- .search-select-wrap .bk-search-select .search-input-chip .chip-name {
281
+ .bk-search-select-container .search-container-selected .selected-name {
427
282
  display: inline-block;
428
283
  margin-right: 20px;
429
284
  word-break: break-all;
430
285
  }
431
- .search-select-wrap .bk-search-select .search-input-chip .chip-clear {
286
+ .bk-search-select-container .search-container-selected .selected-clear {
432
287
  position: absolute;
433
288
  top: 4px;
434
289
  right: 3px;
@@ -444,57 +299,60 @@
444
299
  align-items: center;
445
300
  justify-content: center;
446
301
  }
447
- .search-select-wrap .bk-search-select .search-input-input {
302
+ .bk-search-select-container .search-container-input {
448
303
  position: relative;
449
304
  display: flex;
450
305
  height: 100%;
451
306
  min-width: 40px;
452
307
  padding: 0 10px;
453
308
  margin-top: -4px;
454
- color: #63656e;
309
+ color: var(--search-select-font-color);
455
310
  border: none;
456
311
  flex: 1 1 auto;
457
312
  align-items: center;
458
313
  }
459
- .search-select-wrap .bk-search-select .search-input-input .div-input {
460
- height: 30px;
461
- padding: 5px 0;
462
- line-height: 20px;
463
- word-break: break-all;
464
- flex: 1 1 auto;
465
- }
466
- .search-select-wrap .bk-search-select .search-input-input .div-input:focus {
467
- outline: none;
468
- }
469
- .search-select-wrap .bk-search-select .search-input-input .input-before:before {
470
- color: #c4c6cc;
314
+ .bk-search-select-container .search-container-input .input-before:before {
315
+ color: var(--search-select-placeholder-color);
471
316
  content: attr(data-placeholder);
472
317
  }
473
- .search-select-wrap .bk-search-select .search-input-input .input-after:after {
318
+ .bk-search-select-container .search-container-input .input-after:after {
474
319
  padding-left: 2px;
475
- color: #c4c6cc;
320
+ color: var(--search-select-placeholder-color);
476
321
  content: attr(data-tips);
477
322
  }
478
- .search-select-wrap .bk-search-select .search-nextfix {
323
+ .bk-search-select-container .search-container .selected-input {
324
+ position: relative;
479
325
  display: flex;
480
- color: #c4c6cc;
326
+ height: 100%;
327
+ min-width: 40px;
328
+ padding: 0 10px;
329
+ margin-top: -4px;
330
+ color: var(--search-select-font-color);
331
+ border: none;
481
332
  align-items: center;
482
333
  }
483
- .search-select-wrap .bk-search-select .search-nextfix .search-clear {
334
+ .bk-search-select-container .search-nextfix {
335
+ color: var(--light-gray);
336
+ flex: 0 0 auto;
337
+ display: flex;
338
+ align-items: center;
339
+ height: 100%;
340
+ }
341
+ .bk-search-select-container .search-nextfix .search-clear {
484
342
  display: flex;
485
343
  width: 12px;
486
344
  height: 12px;
487
345
  margin-right: 6px;
488
346
  font-size: 12px;
489
- color: #c4c6cc;
347
+ color: var(--light-gray);
490
348
  align-items: center;
491
349
  justify-content: center;
492
350
  }
493
- .search-select-wrap .bk-search-select .search-nextfix .search-clear:hover {
351
+ .bk-search-select-container .search-nextfix .search-clear:hover {
494
352
  color: #979ba5;
495
353
  cursor: pointer;
496
354
  }
497
- .search-select-wrap .bk-search-select .search-nextfix .search-nextfix-icon {
355
+ .bk-search-select-container .search-nextfix .search-nextfix-icon {
498
356
  display: flex;
499
357
  margin-right: 8px;
500
358
  font-size: 16px;
@@ -502,29 +360,29 @@
502
360
  align-items: center;
503
361
  justify-content: center;
504
362
  }
505
- .search-select-wrap .bk-search-select .search-nextfix .search-nextfix-icon.is-focus {
506
- color: #3c96ff;
363
+ .bk-search-select-container .search-nextfix .search-nextfix-icon.is-focus {
364
+ color: var(--search-select-focus-color);
507
365
  background: #fff !important;
508
- border-color: #3c96ff !important;
366
+ border-color: var(--search-select-focus-border-color) !important;
509
367
  }
510
- .search-select-wrap .bk-search-select::-webkit-scrollbar {
368
+ .bk-search-select-container::-webkit-scrollbar {
511
369
  width: 3px;
512
370
  height: 5px;
513
371
  }
514
- .search-select-wrap .bk-search-select::-webkit-scrollbar-thumb {
372
+ .bk-search-select-container::-webkit-scrollbar-thumb {
515
373
  background: #e6e9ea;
516
374
  border-radius: 20px;
517
375
  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
518
376
  }
519
- .search-select-wrap .bk-select-tips {
377
+ .bk-search-select-tips {
520
378
  display: flex;
521
379
  margin-top: 5px;
522
380
  font-size: 12px;
523
381
  line-height: 16px;
524
- color: #ea3636;
382
+ color: var(--search-select-message-color);
525
383
  align-items: center;
526
384
  }
527
- .search-select-wrap .bk-select-tips .select-tips {
385
+ .bk-search-select-tips .select-tips {
528
386
  display: flex;
529
387
  width: 16px;
530
388
  height: 16px;
@@ -534,6 +392,151 @@
534
392
  align-items: center;
535
393
  justify-content: center;
536
394
  }
537
- .popover-content {
395
+ .bk-search-select-menu {
396
+ display: flex;
397
+ min-width: 160px;
398
+ font-size: 12px;
399
+ color: var(--search-select-font-color);
400
+ flex-direction: column;
401
+ }
402
+ .bk-search-select-menu .menu-list-mixin {
403
+ display: flex;
404
+ flex-direction: column;
405
+ }
406
+ .bk-search-select-menu .menu-item-mixin {
407
+ display: flex;
408
+ align-items: center;
409
+ width: 100%;
410
+ height: 32px;
411
+ padding: 0 12px;
412
+ flex: 0 0 32px;
413
+ outline: none;
414
+ }
415
+ .bk-search-select-menu .menu-item-mixin:hover {
416
+ cursor: pointer;
417
+ background-color: #f5f7fa;
418
+ }
419
+ .bk-search-select-menu .menu-disabled-mixin {
420
+ color: var(--light-gray);
421
+ }
422
+ .bk-search-select-menu .menu-disabled-mixin:hover {
423
+ cursor: not-allowed;
424
+ background-color: white;
425
+ }
426
+ .bk-search-select-menu .menu-header {
427
+ display: flex;
428
+ flex-direction: column;
429
+ border-bottom: var(--border-width-base) var(--border-style-base) var(--border-style-color);
430
+ }
431
+ .bk-search-select-menu .menu-header-item {
432
+ display: flex;
433
+ align-items: center;
434
+ width: 100%;
435
+ height: 32px;
436
+ padding: 0 12px;
437
+ flex: 0 0 32px;
438
+ outline: none;
439
+ }
440
+ .bk-search-select-menu .menu-header-item:hover {
441
+ cursor: pointer;
442
+ background-color: #f5f7fa;
443
+ }
444
+ .bk-search-select-menu .menu-header-item.is-disabled {
445
+ color: var(--light-gray);
446
+ }
447
+ .bk-search-select-menu .menu-header-item.is-disabled:hover {
448
+ cursor: not-allowed;
449
+ background-color: white;
450
+ }
451
+ .bk-search-select-menu .menu-content {
452
+ display: flex;
453
+ flex-direction: column;
454
+ flex: 1;
455
+ max-height: 240px;
456
+ overflow: auto;
457
+ }
458
+ .bk-search-select-menu .menu-content .menu-item {
459
+ display: flex;
460
+ align-items: center;
461
+ width: 100%;
462
+ height: 32px;
463
+ padding: 0 12px;
464
+ flex: 0 0 32px;
465
+ outline: none;
466
+ }
467
+ .bk-search-select-menu .menu-content .menu-item:hover {
468
+ cursor: pointer;
469
+ background-color: #f5f7fa;
470
+ }
471
+ .bk-search-select-menu .menu-content .menu-item .is-keyword {
472
+ display: inline-flex;
473
+ color: var(--primary-color);
474
+ }
475
+ .bk-search-select-menu .menu-content .menu-item .is-selected {
476
+ display: flex;
477
+ width: 14px;
478
+ height: 14px;
479
+ margin-left: auto;
480
+ overflow: hidden;
481
+ font-size: 18px;
482
+ font-weight: bold;
483
+ color: var(--primary-color);
484
+ align-items: center;
485
+ justify-content: center;
486
+ }
487
+ .bk-search-select-menu .menu-content .menu-item.is-hover {
488
+ color: var(--primary-color);
489
+ background-color: #f5f7fa;
490
+ }
491
+ .bk-search-select-menu .menu-content .menu-item.is-hover .menu-name {
492
+ color: var(--primary-color);
493
+ }
494
+ .bk-search-select-menu .menu-content .menu-item.is-disabled {
495
+ color: var(--light-gray);
496
+ }
497
+ .bk-search-select-menu .menu-content .menu-item.is-disabled:hover {
498
+ cursor: not-allowed;
499
+ background-color: white;
500
+ }
501
+ .bk-search-select-menu .menu-content .menu-item.is-disabled .menu-name {
502
+ color: var(--light-gray);
503
+ }
504
+ .bk-search-select-menu .menu-content .menu-item .menu-name {
505
+ display: flex;
506
+ max-width: 100px;
507
+ margin-right: 5px;
508
+ font-weight: bold;
509
+ color: var(--search-select-font-color);
510
+ align-items: center;
511
+ }
512
+ .bk-search-select-menu .menu-footer {
513
+ display: flex;
514
+ width: 100%;
515
+ height: 32px;
516
+ border-top: var(--border-width-base) var(--border-style-base) var(--border-style-color);
517
+ align-items: center;
518
+ }
519
+ .bk-search-select-menu .menu-footer-btn {
520
+ flex: 1;
521
+ display: flex;
522
+ align-items: center;
523
+ justify-content: center;
524
+ height: 100%;
525
+ }
526
+ .bk-search-select-menu .menu-footer-btn:first-child {
527
+ border-right: var(--border-width-base) var(--border-style-base) var(--border-style-color);
528
+ }
529
+ .bk-search-select-menu .menu-footer-btn:hover {
530
+ color: var(--primary-color);
531
+ cursor: pointer;
532
+ }
533
+ .bk-search-select-menu .menu-footer-btn.is-disabled {
534
+ color: var(--light-gray);
535
+ }
536
+ .bk-search-select-menu .menu-footer-btn.is-disabled:hover {
537
+ cursor: not-allowed;
538
+ background-color: white;
539
+ }
540
+ .bk-search-select-popover {
538
541
  margin: -7px -14px;
539
542
  }
@@ -25,8 +25,8 @@ export declare const SEARCH_SLECT_PROVIDER_KEY: InjectionKey<ISearchSelectProvid
25
25
  export declare const useSearchSelectProvider: (data: ISearchSelectProvider) => void;
26
26
  export declare const useSearchSelectInject: () => ISearchSelectProvider;
27
27
  export declare enum SearchInputMode {
28
- 'DEFAULT' = 0,
29
- 'EDIT' = 1
28
+ 'DEFAULT' = "default",
29
+ 'EDIT' = "edit"
30
30
  }
31
31
  export interface ICommonItem {
32
32
  id: string;
@@ -5,8 +5,8 @@ declare const BkSelect: {
5
5
  $: import("vue").ComponentInternalInstance;
6
6
  $data: {};
7
7
  $props: Partial<{
8
- showOnInit: boolean;
9
8
  disabled: boolean;
9
+ showOnInit: boolean;
10
10
  placeholder: string;
11
11
  list: unknown[];
12
12
  size: string;
@@ -217,7 +217,7 @@ declare const BkSelect: {
217
217
  onClear?: (...args: any[]) => any;
218
218
  onToggle?: (...args: any[]) => any;
219
219
  "onScroll-end"?: (...args: any[]) => any;
220
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showOnInit" | "disabled" | "placeholder" | "list" | "size" | "multiple" | "loading" | "clearable" | "behavior" | "withValidate" | "showSelectedIcon" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags" | "popoverMinWidth" | "idKey" | "remoteMethod" | "scrollHeight" | "popoverOptions" | "showSelectAll" | "multipleMode" | "autoHeight" | "noDataText" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "displayKey" | "inputSearch" | "enableVirtualRender" | "allowEmptyValues">;
220
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "showOnInit" | "placeholder" | "list" | "size" | "multiple" | "loading" | "clearable" | "behavior" | "withValidate" | "showSelectedIcon" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags" | "popoverMinWidth" | "idKey" | "remoteMethod" | "scrollHeight" | "popoverOptions" | "showSelectAll" | "multipleMode" | "autoHeight" | "noDataText" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "displayKey" | "inputSearch" | "enableVirtualRender" | "allowEmptyValues">;
221
221
  $attrs: {
222
222
  [x: string]: unknown;
223
223
  };
@@ -733,8 +733,8 @@ declare const BkSelect: {
733
733
  handleKeydown: (e: any) => void;
734
734
  handleSelectedAllOptionMouseEnter: () => void;
735
735
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], string, {
736
- showOnInit: boolean;
737
736
  disabled: boolean;
737
+ showOnInit: boolean;
738
738
  placeholder: string;
739
739
  list: unknown[];
740
740
  size: string;
@@ -1796,8 +1796,8 @@ declare const BkSelect: {
1796
1796
  handleKeydown: (e: any) => void;
1797
1797
  handleSelectedAllOptionMouseEnter: () => void;
1798
1798
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "focus" | "blur" | "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end", {
1799
- showOnInit: boolean;
1800
1799
  disabled: boolean;
1800
+ showOnInit: boolean;
1801
1801
  placeholder: string;
1802
1802
  list: unknown[];
1803
1803
  size: string;
@@ -669,8 +669,8 @@ declare const _default: import("vue").DefineComponent<{
669
669
  onToggle?: (...args: any[]) => any;
670
670
  "onScroll-end"?: (...args: any[]) => any;
671
671
  }, {
672
- showOnInit: boolean;
673
672
  disabled: boolean;
673
+ showOnInit: boolean;
674
674
  placeholder: string;
675
675
  list: unknown[];
676
676
  size: string;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  @keyframes loading-scale-animate {
115
121
  0% {
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-sideslider {
115
121
  position: fixed;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-slider {
115
121
  display: flex;