@blueking/bk-user-selector 0.0.23 → 0.0.25

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 (14) hide show
  1. package/README.md +14 -12
  2. package/package.json +1 -1
  3. package/typings/components/multiple-selector.vue.d.ts +3 -0
  4. package/typings/components/single-selector.vue.d.ts +3 -0
  5. package/typings/components/user-selector.vue.d.ts +3 -0
  6. package/typings/types/index.d.ts +4 -0
  7. package/vue2/index.es.min.js +4630 -6887
  8. package/vue2/index.iife.min.js +4636 -6893
  9. package/vue2/index.umd.min.js +4618 -6875
  10. package/vue2/vue2.css +188 -705
  11. package/vue3/index.es.min.js +21 -13
  12. package/vue3/index.iife.min.js +4618 -6875
  13. package/vue3/index.umd.min.js +21 -13
  14. package/vue3/vue3.css +16 -16
package/vue2/vue2.css CHANGED
@@ -1,133 +1,3 @@
1
- :root {
2
- --bk-prefix: bk;
3
- --popover-max-height: 216px;
4
- --primary-color: #3a84ff;
5
- --success-color: #2dcb56;
6
- --warning-color: #ff9c01;
7
- --danger-color: #ea3636;
8
- --default-color: #63656e;
9
- --gray-color: #979ba5;
10
- --light-gray: #c4c6cc;
11
- --white-color: white;
12
- --whitesmoke-color: #fafbfd;
13
- --disable-color: #dcdee5;
14
- --disable-bg-color: #f9fafd;
15
- --border-color: #dcdee5;
16
- --font-size-base: 12px;
17
- --font-size-medium: 14px;
18
- --font-size-large: 16px;
19
- --line-height-base: 16px;
20
- --line-height-medium: 16px;
21
- --line-height-large: 18px;
22
- --component-size-small: 26px;
23
- --component-size-base: 32px;
24
- --component-size-large: 40px;
25
- --component-size-small-padding: 0 12px;
26
- --component-size-base-padding: 0 14px;
27
- --component-size-large-padding: 0 16px;
28
- --border-width-base: 1px;
29
- --border-style-base: solid;
30
- --border-radius-base: 2px;
31
- --border-style-color: var(--light-gray);
32
- --input-disabled-bg: #fafbfd;
33
- --input-disabled-border: var(--disable-color);
34
- --input-height-base: var(--component-size-base);
35
- --input-color: var(--default-color);
36
- --input-bg: white;
37
- --input-border-color: var(--light-gray);
38
- --input-broder-radius: 3px;
39
- --input-shadow-color: #a3c5fd;
40
- --input-horizontal-padding: 8px;
41
- --input-block-color: #f5f7fa;
42
- --input-block-hover-color: #eaebf0;
43
- --input-icon-size: var(--font-size-medium);
44
- --input-maxlength-color: #979ba5;
45
- --button-primary-hover-color: #5594fa;
46
- --button-danger-hover-color: #ff5656;
47
- --button-success-hover-color: #45e35f;
48
- --button-warning-hover-color: #ffb848;
49
- --button-default-hover-border-color: #979ba5;
50
- --button-primary-active-color: #2c77f4;
51
- --button-danger-active-color: #db2626;
52
- --button-success-active-color: #1ab943;
53
- --button-warning-active-color: #eb9000;
54
- --button-selected-bg-color: #e1ecff;
55
- --button-disabled-selected-bg-color: #f0f1f5;
56
- --radio-font-color: #63656e;
57
- --radio-active-color: #3a84ff;
58
- --radio-hover-border-color: #979ba5;
59
- --radio-disabled-border: #dcdee5;
60
- --radio-disabled-font-color: #c4c6cc;
61
- --radio-disabled-checked-bg: #a3c5fd;
62
- --radio-button-checked-bg: #e1ecff;
63
- --radio-button-disabled-checked-bg: #fafbfd;
64
- --checkbox-disabled-checked-bg: #a3c5fd;
65
- --fixed-navbar-background: #fff;
66
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
67
- --switch-default-color: #fff;
68
- --switch-grey-color: #c4c6cc;
69
- --breadcrumb-black-color: #979ba5;
70
- --breadcrumb-primary-hover-color: #0082ff;
71
- --breadcrumb-fn-main-color: #63656e;
72
- --link-default-hover-color: #979ba5;
73
- --link-primary-hover-color: #699df4;
74
- --link-success-hover-color: #45e35f;
75
- --link-warning-hover-color: #ffb848;
76
- --link-danger-hover-color: #ff5656;
77
- --link-default-disabled-color: #dcdee5;
78
- --link-primary-disabled-color: #a3c5fd;
79
- --link-success-disabled-color: #94f5a4;
80
- --link-warning-disabled-color: #ffd695;
81
- --link-danger-disabled-color: #fd9c9c;
82
- --message-color: var(--default-color);
83
- --message-primary-bg-color: #f0f8ff;
84
- --message-primary-border-color: #e1ecff;
85
- --message-primary-shadow-color: #e1e8f4;
86
- --message-warning-bg-color: #fff4e2;
87
- --message-warning-border-color: #ffe8c3;
88
- --message-warning-shadow-color: #ede6db;
89
- --message-success-bg-color: #f2fff4;
90
- --message-success-border-color: #dcffe2;
91
- --message-success-shadow-color: #cef0d7;
92
- --message-danger-bg-color: #ffeded;
93
- --message-danger-border-color: #ffdddd;
94
- --message-danger-shadow-color: #f6dada;
95
- --slider-default-bg: #dcdee5;
96
- --slider-disable-bar-bg: #979ba5;
97
- --menu-bg-color: #182132;
98
- --submenu-bg-color: #151d2c;
99
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
100
- --menu-color: #96a2b9;
101
- --menu-group-color: var(--default-color);
102
- --menu-width: 260px;
103
- --menu-collapse-width: 60px;
104
- --menu-active-color: white;
105
- --nav-header-bg-color: #182132;
106
- --nav-bg-color: #182132;
107
- --date-picker-disabled-bg: #fafbfd;
108
- --date-picker-dropdown-mb: 4px;
109
- --date-picker-dropdown-bg: #fff;
110
- --table-bg-color: var(--white-color);
111
- --table-border-color: #dcdee5;
112
- --table-strip-color: #fafbfd;
113
- --table-head-bg-color: #fafbfd;
114
- --table-head-font-color: #313238;
115
- --table-body-font-color: #63656e;
116
- --table-row-hover-bg-color: #f5f7fa;
117
- --table-row-active-bg-color: #f0f1f5;
118
- --cascader-panel-border-color: #dcdee5;
119
- --cascader-panel-hover: #f5f7fa;
120
- --cascader-panel-active: #e1ecff;
121
- --cascader-panel-disabled-bg: #fff;
122
- --search-select-focus-border-color: var(--primary-color);
123
- --search-select-focus-color: #3c96ff;
124
- --search-select-font-color: var(--default-color);
125
- --search-select-placeholder-color: var(--light-gray);
126
- --search-select-message-color: var(--danger-color);
127
- --search-select-menu-border-color: var(--disable-color);
128
- --select-active-color: #e1ecff;
129
- --select-hover-color: #f5f7fa;
130
- }
131
1
  .scroll-bar-style::-webkit-scrollbar {
132
2
  width: 4px;
133
3
  height: 4px;
@@ -437,136 +307,6 @@ optgroup {
437
307
  border-radius: 20px;
438
308
  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
439
309
  }
440
- :root {
441
- --bk-prefix: bk;
442
- --popover-max-height: 216px;
443
- --primary-color: #3a84ff;
444
- --success-color: #2dcb56;
445
- --warning-color: #ff9c01;
446
- --danger-color: #ea3636;
447
- --default-color: #63656e;
448
- --gray-color: #979ba5;
449
- --light-gray: #c4c6cc;
450
- --white-color: white;
451
- --whitesmoke-color: #fafbfd;
452
- --disable-color: #dcdee5;
453
- --disable-bg-color: #f9fafd;
454
- --border-color: #dcdee5;
455
- --font-size-base: 12px;
456
- --font-size-medium: 14px;
457
- --font-size-large: 16px;
458
- --line-height-base: 16px;
459
- --line-height-medium: 16px;
460
- --line-height-large: 18px;
461
- --component-size-small: 26px;
462
- --component-size-base: 32px;
463
- --component-size-large: 40px;
464
- --component-size-small-padding: 0 12px;
465
- --component-size-base-padding: 0 14px;
466
- --component-size-large-padding: 0 16px;
467
- --border-width-base: 1px;
468
- --border-style-base: solid;
469
- --border-radius-base: 2px;
470
- --border-style-color: var(--light-gray);
471
- --input-disabled-bg: #fafbfd;
472
- --input-disabled-border: var(--disable-color);
473
- --input-height-base: var(--component-size-base);
474
- --input-color: var(--default-color);
475
- --input-bg: white;
476
- --input-border-color: var(--light-gray);
477
- --input-broder-radius: 3px;
478
- --input-shadow-color: #a3c5fd;
479
- --input-horizontal-padding: 8px;
480
- --input-block-color: #f5f7fa;
481
- --input-block-hover-color: #eaebf0;
482
- --input-icon-size: var(--font-size-medium);
483
- --input-maxlength-color: #979ba5;
484
- --button-primary-hover-color: #5594fa;
485
- --button-danger-hover-color: #ff5656;
486
- --button-success-hover-color: #45e35f;
487
- --button-warning-hover-color: #ffb848;
488
- --button-default-hover-border-color: #979ba5;
489
- --button-primary-active-color: #2c77f4;
490
- --button-danger-active-color: #db2626;
491
- --button-success-active-color: #1ab943;
492
- --button-warning-active-color: #eb9000;
493
- --button-selected-bg-color: #e1ecff;
494
- --button-disabled-selected-bg-color: #f0f1f5;
495
- --radio-font-color: #63656e;
496
- --radio-active-color: #3a84ff;
497
- --radio-hover-border-color: #979ba5;
498
- --radio-disabled-border: #dcdee5;
499
- --radio-disabled-font-color: #c4c6cc;
500
- --radio-disabled-checked-bg: #a3c5fd;
501
- --radio-button-checked-bg: #e1ecff;
502
- --radio-button-disabled-checked-bg: #fafbfd;
503
- --checkbox-disabled-checked-bg: #a3c5fd;
504
- --fixed-navbar-background: #fff;
505
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
506
- --switch-default-color: #fff;
507
- --switch-grey-color: #c4c6cc;
508
- --breadcrumb-black-color: #979ba5;
509
- --breadcrumb-primary-hover-color: #0082ff;
510
- --breadcrumb-fn-main-color: #63656e;
511
- --link-default-hover-color: #979ba5;
512
- --link-primary-hover-color: #699df4;
513
- --link-success-hover-color: #45e35f;
514
- --link-warning-hover-color: #ffb848;
515
- --link-danger-hover-color: #ff5656;
516
- --link-default-disabled-color: #dcdee5;
517
- --link-primary-disabled-color: #a3c5fd;
518
- --link-success-disabled-color: #94f5a4;
519
- --link-warning-disabled-color: #ffd695;
520
- --link-danger-disabled-color: #fd9c9c;
521
- --message-color: var(--default-color);
522
- --message-primary-bg-color: #f0f8ff;
523
- --message-primary-border-color: #e1ecff;
524
- --message-primary-shadow-color: #e1e8f4;
525
- --message-warning-bg-color: #fff4e2;
526
- --message-warning-border-color: #ffe8c3;
527
- --message-warning-shadow-color: #ede6db;
528
- --message-success-bg-color: #f2fff4;
529
- --message-success-border-color: #dcffe2;
530
- --message-success-shadow-color: #cef0d7;
531
- --message-danger-bg-color: #ffeded;
532
- --message-danger-border-color: #ffdddd;
533
- --message-danger-shadow-color: #f6dada;
534
- --slider-default-bg: #dcdee5;
535
- --slider-disable-bar-bg: #979ba5;
536
- --menu-bg-color: #182132;
537
- --submenu-bg-color: #151d2c;
538
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
539
- --menu-color: #96a2b9;
540
- --menu-group-color: var(--default-color);
541
- --menu-width: 260px;
542
- --menu-collapse-width: 60px;
543
- --menu-active-color: white;
544
- --nav-header-bg-color: #182132;
545
- --nav-bg-color: #182132;
546
- --date-picker-disabled-bg: #fafbfd;
547
- --date-picker-dropdown-mb: 4px;
548
- --date-picker-dropdown-bg: #fff;
549
- --table-bg-color: var(--white-color);
550
- --table-border-color: #dcdee5;
551
- --table-strip-color: #fafbfd;
552
- --table-head-bg-color: #fafbfd;
553
- --table-head-font-color: #313238;
554
- --table-body-font-color: #63656e;
555
- --table-row-hover-bg-color: #f5f7fa;
556
- --table-row-active-bg-color: #f0f1f5;
557
- --cascader-panel-border-color: #dcdee5;
558
- --cascader-panel-hover: #f5f7fa;
559
- --cascader-panel-active: #e1ecff;
560
- --cascader-panel-disabled-bg: #fff;
561
- --search-select-focus-border-color: var(--primary-color);
562
- --search-select-focus-color: #3c96ff;
563
- --search-select-font-color: var(--default-color);
564
- --search-select-placeholder-color: var(--light-gray);
565
- --search-select-message-color: var(--danger-color);
566
- --search-select-menu-border-color: var(--disable-color);
567
- --select-active-color: #e1ecff;
568
- --select-hover-color: #f5f7fa;
569
- }
570
310
  @keyframes loading-scale-animate {
571
311
  0% {
572
312
  transform: scale(1);
@@ -580,12 +320,12 @@ optgroup {
580
320
  background-color: transparent;
581
321
  }
582
322
  }
583
- .bk-transition .bk-fade-enter-active,
584
- .bk-transition .bk-fade-leave-active {
323
+ .bk-user-selector-transition .bk-user-selector-fade-enter-active,
324
+ .bk-user-selector-transition .bk-user-selector-fade-leave-active {
585
325
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
586
326
  }
587
- .bk-transition .bk-fade-enter,
588
- .bk-transition .bk-fade-leave-to {
327
+ .bk-user-selector-transition .bk-user-selector-fade-enter,
328
+ .bk-user-selector-transition .bk-user-selector-fade-leave-to {
589
329
  opacity: 0;
590
330
  }
591
331
  .clearfix-style::after {
@@ -596,7 +336,7 @@ optgroup {
596
336
  content: '';
597
337
  visibility: hidden;
598
338
  }
599
- .bk-popper {
339
+ .bk-user-selector-popper {
600
340
  display: none;
601
341
  padding: 7px 14px;
602
342
  font-size: 12px;
@@ -604,62 +344,62 @@ optgroup {
604
344
  background: #333;
605
345
  border-radius: 4px;
606
346
  }
607
- .bk-popper.light {
347
+ .bk-user-selector-popper.light {
608
348
  color: #63656e;
609
349
  background: #fff;
610
350
  box-shadow: #dcdee5 0 0 6px 0;
611
351
  }
612
- .bk-popper .bk-popper-arrow,
613
- .bk-popper .bk-popper-arrow::before {
352
+ .bk-user-selector-popper .bk-user-selector-popper-arrow,
353
+ .bk-user-selector-popper .bk-user-selector-popper-arrow::before {
614
354
  position: absolute;
615
355
  width: 8px;
616
356
  height: 8px;
617
357
  background: inherit;
618
358
  }
619
- .bk-popper .bk-popper-arrow {
359
+ .bk-user-selector-popper .bk-user-selector-popper-arrow {
620
360
  visibility: hidden;
621
361
  }
622
- .bk-popper .bk-popper-arrow::before {
362
+ .bk-user-selector-popper .bk-user-selector-popper-arrow::before {
623
363
  content: '';
624
364
  visibility: visible;
625
365
  transform: rotate(45deg);
626
366
  }
627
- .bk-popper[data-show] {
367
+ .bk-user-selector-popper[data-show] {
628
368
  display: block;
629
369
  }
630
- .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
370
+ .bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {
631
371
  bottom: -4px;
632
372
  }
633
- .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
373
+ .bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {
634
374
  top: -4px;
635
375
  }
636
- .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
376
+ .bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {
637
377
  right: -4px;
638
378
  }
639
- .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
379
+ .bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {
640
380
  left: -4px;
641
381
  }
642
- .bk-loading-wrapper {
382
+ .bk-user-selector-loading-wrapper {
643
383
  position: static;
644
384
  vertical-align: middle;
645
385
  }
646
- .bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {
386
+ .bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {
647
387
  display: inline-flex;
648
388
  }
649
- .bk-loading-wrapper.bk-directive-loading {
389
+ .bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {
650
390
  width: 100%;
651
391
  height: 100%;
652
392
  }
653
- .bk-loading-wrapper.bk-directive-loading,
654
- .bk-loading-wrapper.bk-nested-loading {
393
+ .bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,
394
+ .bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {
655
395
  position: relative;
656
396
  }
657
- .bk-loading-wrapper.bk-directive-loading.is-block,
658
- .bk-loading-wrapper.bk-nested-loading.is-block {
397
+ .bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,
398
+ .bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {
659
399
  display: block;
660
400
  }
661
- .bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,
662
- .bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {
401
+ .bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,
402
+ .bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-loading-indicator {
663
403
  position: absolute;
664
404
  top: 50%;
665
405
  left: 50%;
@@ -667,7 +407,7 @@ optgroup {
667
407
  text-align: center;
668
408
  transform: translate(-50%, -50%);
669
409
  }
670
- .bk-loading-wrapper .dot {
410
+ .bk-user-selector-loading-wrapper .dot {
671
411
  display: inline-flex;
672
412
  width: 14px;
673
413
  height: 14px;
@@ -679,350 +419,209 @@ optgroup {
679
419
  animation-name: loading-scale-animate;
680
420
  animation-direction: normal;
681
421
  }
682
- .bk-loading-wrapper .oval {
422
+ .bk-user-selector-loading-wrapper .oval {
683
423
  position: absolute;
684
424
  width: 6px;
685
425
  height: 8px;
686
- background-color: var(--default-color);
426
+ background-color: #63656e;
687
427
  border-radius: 8px;
688
428
  animation-duration: 1.2s;
689
429
  animation-iteration-count: infinite;
690
430
  animation-name: fade;
691
431
  transform-origin: center 24px;
692
432
  }
693
- .bk-loading-wrapper .bk-loading-mask {
433
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-mask {
694
434
  position: absolute;
695
435
  top: 0;
696
436
  left: 0;
697
437
  width: 100%;
698
438
  height: 100%;
699
439
  }
700
- .bk-loading-wrapper .bk-loading-indicator {
440
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {
701
441
  display: flex;
702
442
  line-height: 1;
703
443
  text-align: center;
704
444
  flex-direction: column;
705
445
  }
706
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
707
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
708
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,
709
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
710
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
711
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
712
- background-color: var(--success-color);
713
- }
714
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
715
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
716
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,
717
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
718
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
719
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
720
- background-color: var(--danger-color);
721
- }
722
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
723
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
724
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,
725
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
726
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
727
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
728
- background-color: var(--warning-color);
729
- }
730
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
731
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
732
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,
733
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
734
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
735
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
736
- background-color: var(--primary-color);
737
- }
738
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
739
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
740
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,
741
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
742
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
743
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
744
- background-color: var(--white-color);
745
- }
746
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
747
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
748
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,
749
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
750
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
751
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
752
- background-color: var(--light-gray);
753
- }
754
- .bk-loading-wrapper .bk-loading-indicator .dot-1 {
755
- background-color: var(--danger-color);
446
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,
447
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,
448
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,
449
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,
450
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,
451
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {
452
+ background-color: #2dcb56;
453
+ }
454
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,
455
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,
456
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,
457
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,
458
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,
459
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {
460
+ background-color: #ea3636;
461
+ }
462
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,
463
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,
464
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,
465
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,
466
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,
467
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {
468
+ background-color: #ff9c01;
469
+ }
470
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,
471
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,
472
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,
473
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,
474
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,
475
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {
476
+ background-color: #3a84ff;
477
+ }
478
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,
479
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,
480
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,
481
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,
482
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,
483
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {
484
+ background-color: white;
485
+ }
486
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,
487
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,
488
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,
489
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,
490
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,
491
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {
492
+ background-color: #c4c6cc;
493
+ }
494
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {
495
+ background-color: #ea3636;
756
496
  animation-delay: 0.1s;
757
497
  }
758
- .bk-loading-wrapper .bk-loading-indicator .dot-2 {
759
- background-color: var(--warning-color);
498
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {
499
+ background-color: #ff9c01;
760
500
  animation-delay: 0.25s;
761
501
  }
762
- .bk-loading-wrapper .bk-loading-indicator .dot-3 {
763
- background-color: var(--success-color);
502
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {
503
+ background-color: #2dcb56;
764
504
  animation-delay: 0.4s;
765
505
  }
766
- .bk-loading-wrapper .bk-loading-indicator .dot-4 {
767
- background-color: var(--primary-color);
506
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {
507
+ background-color: #3a84ff;
768
508
  animation-delay: 0.55s;
769
509
  margin-right: 0px;
770
510
  }
771
- .bk-loading-wrapper .bk-loading-indicator .oval-1 {
511
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {
772
512
  transform: rotate(135deg);
773
513
  animation-delay: -0.45s;
774
514
  }
775
- .bk-loading-wrapper .bk-loading-indicator .oval-2 {
515
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {
776
516
  transform: rotate(90deg);
777
517
  animation-delay: -0.6s;
778
518
  }
779
- .bk-loading-wrapper .bk-loading-indicator .oval-3 {
519
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {
780
520
  transform: rotate(45deg);
781
521
  animation-delay: -0.75s;
782
522
  }
783
- .bk-loading-wrapper .bk-loading-indicator .oval-4 {
523
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {
784
524
  transform: rotate(0deg);
785
525
  animation-delay: -0.9s;
786
526
  }
787
- .bk-loading-wrapper .bk-loading-indicator .oval-5 {
527
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {
788
528
  transform: rotate(-45deg);
789
529
  animation-delay: -1.05s;
790
530
  }
791
- .bk-loading-wrapper .bk-loading-indicator .oval-6 {
531
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {
792
532
  transform: rotate(-90deg);
793
533
  animation-delay: -1.2s;
794
534
  }
795
- .bk-loading-wrapper .bk-loading-indicator .oval-7 {
535
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {
796
536
  transform: rotate(-135deg);
797
537
  animation-delay: -1.35s;
798
538
  }
799
- .bk-loading-wrapper .bk-loading-indicator .oval-8 {
539
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {
800
540
  transform: rotate(-180deg);
801
541
  animation-delay: -1.5s;
802
542
  }
803
- .bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {
543
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {
804
544
  display: inline-flex;
805
545
  justify-content: center;
806
546
  }
807
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
547
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {
808
548
  position: relative;
809
549
  display: inline-flex;
810
550
  justify-content: center;
811
551
  width: 48px;
812
552
  height: 48px;
813
553
  }
814
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
554
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {
815
555
  height: 16px;
816
556
  width: 16px;
817
557
  }
818
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {
558
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {
819
559
  width: 3px;
820
560
  height: 3px;
821
561
  margin-right: 3px;
822
562
  }
823
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
563
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {
824
564
  margin-right: 0;
825
565
  }
826
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {
566
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {
827
567
  width: 2px;
828
568
  height: 3px;
829
569
  border-radius: 3px;
830
570
  transform-origin: center 8px;
831
571
  }
832
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
833
- font-size: var(--font-size-medium);
572
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {
573
+ font-size: 14px;
834
574
  }
835
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
575
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {
836
576
  height: 32px;
837
577
  width: 32px;
838
578
  }
839
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
579
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {
840
580
  width: 6px;
841
581
  height: 6px;
842
582
  margin-right: 6px;
843
583
  }
844
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {
584
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {
845
585
  margin-right: 0;
846
586
  }
847
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {
587
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {
848
588
  width: 4px;
849
589
  height: 5px;
850
590
  border-radius: 5px;
851
591
  transform-origin: center 16px;
852
592
  }
853
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
854
- font-size: var(--font-size-base);
593
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {
594
+ font-size: 12px;
855
595
  }
856
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
596
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {
857
597
  height: 68px;
858
598
  width: 68px;
859
599
  }
860
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
600
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {
861
601
  width: 20px;
862
602
  height: 20px;
863
603
  margin-right: 12px;
864
604
  }
865
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {
605
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {
866
606
  margin-right: 0;
867
607
  }
868
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {
608
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {
869
609
  width: 8px;
870
610
  height: 12px;
871
611
  border-radius: 12px;
872
612
  transform-origin: center 34px;
873
613
  }
874
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
875
- font-size: var(--font-size-medium);
614
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {
615
+ font-size: 14px;
876
616
  }
877
- .bk-loading-wrapper .bk-loading-indicator .bk-loading-title {
617
+ .bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {
878
618
  margin-top: 8px;
879
- font-size: var(--font-size-medium);
619
+ font-size: 14px;
880
620
  line-height: normal;
881
- color: var(--default-color);
621
+ color: #63656e;
882
622
  text-align: center;
883
623
  }
884
- .text-ov {
885
- overflow: hidden;
886
- text-overflow: ellipsis;
887
- white-space: nowrap;
888
- }
889
- .position-relative {
890
- position: relative;
891
- }
892
- .position-absolute {
893
- position: absolute;
894
- }
895
- :root {
896
- --bk-prefix: bk;
897
- --popover-max-height: 216px;
898
- --primary-color: #3a84ff;
899
- --success-color: #2dcb56;
900
- --warning-color: #ff9c01;
901
- --danger-color: #ea3636;
902
- --default-color: #63656e;
903
- --gray-color: #979ba5;
904
- --light-gray: #c4c6cc;
905
- --white-color: white;
906
- --whitesmoke-color: #fafbfd;
907
- --disable-color: #dcdee5;
908
- --disable-bg-color: #f9fafd;
909
- --border-color: #dcdee5;
910
- --font-size-base: 12px;
911
- --font-size-medium: 14px;
912
- --font-size-large: 16px;
913
- --line-height-base: 16px;
914
- --line-height-medium: 16px;
915
- --line-height-large: 18px;
916
- --component-size-small: 26px;
917
- --component-size-base: 32px;
918
- --component-size-large: 40px;
919
- --component-size-small-padding: 0 12px;
920
- --component-size-base-padding: 0 14px;
921
- --component-size-large-padding: 0 16px;
922
- --border-width-base: 1px;
923
- --border-style-base: solid;
924
- --border-radius-base: 2px;
925
- --border-style-color: var(--light-gray);
926
- --input-disabled-bg: #fafbfd;
927
- --input-disabled-border: var(--disable-color);
928
- --input-height-base: var(--component-size-base);
929
- --input-color: var(--default-color);
930
- --input-bg: white;
931
- --input-border-color: var(--light-gray);
932
- --input-broder-radius: 3px;
933
- --input-shadow-color: #a3c5fd;
934
- --input-horizontal-padding: 8px;
935
- --input-block-color: #f5f7fa;
936
- --input-block-hover-color: #eaebf0;
937
- --input-icon-size: var(--font-size-medium);
938
- --input-maxlength-color: #979ba5;
939
- --button-primary-hover-color: #5594fa;
940
- --button-danger-hover-color: #ff5656;
941
- --button-success-hover-color: #45e35f;
942
- --button-warning-hover-color: #ffb848;
943
- --button-default-hover-border-color: #979ba5;
944
- --button-primary-active-color: #2c77f4;
945
- --button-danger-active-color: #db2626;
946
- --button-success-active-color: #1ab943;
947
- --button-warning-active-color: #eb9000;
948
- --button-selected-bg-color: #e1ecff;
949
- --button-disabled-selected-bg-color: #f0f1f5;
950
- --radio-font-color: #63656e;
951
- --radio-active-color: #3a84ff;
952
- --radio-hover-border-color: #979ba5;
953
- --radio-disabled-border: #dcdee5;
954
- --radio-disabled-font-color: #c4c6cc;
955
- --radio-disabled-checked-bg: #a3c5fd;
956
- --radio-button-checked-bg: #e1ecff;
957
- --radio-button-disabled-checked-bg: #fafbfd;
958
- --checkbox-disabled-checked-bg: #a3c5fd;
959
- --fixed-navbar-background: #fff;
960
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
961
- --switch-default-color: #fff;
962
- --switch-grey-color: #c4c6cc;
963
- --breadcrumb-black-color: #979ba5;
964
- --breadcrumb-primary-hover-color: #0082ff;
965
- --breadcrumb-fn-main-color: #63656e;
966
- --link-default-hover-color: #979ba5;
967
- --link-primary-hover-color: #699df4;
968
- --link-success-hover-color: #45e35f;
969
- --link-warning-hover-color: #ffb848;
970
- --link-danger-hover-color: #ff5656;
971
- --link-default-disabled-color: #dcdee5;
972
- --link-primary-disabled-color: #a3c5fd;
973
- --link-success-disabled-color: #94f5a4;
974
- --link-warning-disabled-color: #ffd695;
975
- --link-danger-disabled-color: #fd9c9c;
976
- --message-color: var(--default-color);
977
- --message-primary-bg-color: #f0f8ff;
978
- --message-primary-border-color: #e1ecff;
979
- --message-primary-shadow-color: #e1e8f4;
980
- --message-warning-bg-color: #fff4e2;
981
- --message-warning-border-color: #ffe8c3;
982
- --message-warning-shadow-color: #ede6db;
983
- --message-success-bg-color: #f2fff4;
984
- --message-success-border-color: #dcffe2;
985
- --message-success-shadow-color: #cef0d7;
986
- --message-danger-bg-color: #ffeded;
987
- --message-danger-border-color: #ffdddd;
988
- --message-danger-shadow-color: #f6dada;
989
- --slider-default-bg: #dcdee5;
990
- --slider-disable-bar-bg: #979ba5;
991
- --menu-bg-color: #182132;
992
- --submenu-bg-color: #151d2c;
993
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
994
- --menu-color: #96a2b9;
995
- --menu-group-color: var(--default-color);
996
- --menu-width: 260px;
997
- --menu-collapse-width: 60px;
998
- --menu-active-color: white;
999
- --nav-header-bg-color: #182132;
1000
- --nav-bg-color: #182132;
1001
- --date-picker-disabled-bg: #fafbfd;
1002
- --date-picker-dropdown-mb: 4px;
1003
- --date-picker-dropdown-bg: #fff;
1004
- --table-bg-color: var(--white-color);
1005
- --table-border-color: #dcdee5;
1006
- --table-strip-color: #fafbfd;
1007
- --table-head-bg-color: #fafbfd;
1008
- --table-head-font-color: #313238;
1009
- --table-body-font-color: #63656e;
1010
- --table-row-hover-bg-color: #f5f7fa;
1011
- --table-row-active-bg-color: #f0f1f5;
1012
- --cascader-panel-border-color: #dcdee5;
1013
- --cascader-panel-hover: #f5f7fa;
1014
- --cascader-panel-active: #e1ecff;
1015
- --cascader-panel-disabled-bg: #fff;
1016
- --search-select-focus-border-color: var(--primary-color);
1017
- --search-select-focus-color: #3c96ff;
1018
- --search-select-font-color: var(--default-color);
1019
- --search-select-placeholder-color: var(--light-gray);
1020
- --search-select-message-color: var(--danger-color);
1021
- --search-select-menu-border-color: var(--disable-color);
1022
- --select-active-color: #e1ecff;
1023
- --select-hover-color: #f5f7fa;
1024
- }
1025
- .bk-popover.bk-pop2-content {
624
+ .bk-user-selector-popover.bk-user-selector-pop2-content {
1026
625
  position: absolute;
1027
626
  padding: 12px;
1028
627
  font-size: 12px;
@@ -1031,10 +630,10 @@ optgroup {
1031
630
  border-radius: 4px;
1032
631
  box-sizing: border-box;
1033
632
  }
1034
- .bk-popover.bk-pop2-content.hidden {
633
+ .bk-user-selector-popover.bk-user-selector-pop2-content.hidden {
1035
634
  display: none;
1036
635
  }
1037
- .bk-popover.bk-pop2-content .bk-pop2-arrow {
636
+ .bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-pop2-arrow {
1038
637
  position: absolute;
1039
638
  z-index: -1;
1040
639
  width: 8px;
@@ -1042,272 +641,156 @@ optgroup {
1042
641
  background: #333;
1043
642
  transform: rotate(45deg);
1044
643
  }
1045
- .bk-popover.bk-pop2-content[data-theme^='light'] {
644
+ .bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {
1046
645
  color: #26323d;
1047
646
  background-color: #fff;
1048
647
  box-shadow: 0 0 6px 0 #dcdee5;
1049
648
  }
1050
- .bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
649
+ .bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {
1051
650
  background-color: #fff;
1052
651
  }
1053
- :root {
1054
- --bk-prefix: bk;
1055
- --popover-max-height: 216px;
1056
- --primary-color: #3a84ff;
1057
- --success-color: #2dcb56;
1058
- --warning-color: #ff9c01;
1059
- --danger-color: #ea3636;
1060
- --default-color: #63656e;
1061
- --gray-color: #979ba5;
1062
- --light-gray: #c4c6cc;
1063
- --white-color: white;
1064
- --whitesmoke-color: #fafbfd;
1065
- --disable-color: #dcdee5;
1066
- --disable-bg-color: #f9fafd;
1067
- --border-color: #dcdee5;
1068
- --font-size-base: 12px;
1069
- --font-size-medium: 14px;
1070
- --font-size-large: 16px;
1071
- --line-height-base: 16px;
1072
- --line-height-medium: 16px;
1073
- --line-height-large: 18px;
1074
- --component-size-small: 26px;
1075
- --component-size-base: 32px;
1076
- --component-size-large: 40px;
1077
- --component-size-small-padding: 0 12px;
1078
- --component-size-base-padding: 0 14px;
1079
- --component-size-large-padding: 0 16px;
1080
- --border-width-base: 1px;
1081
- --border-style-base: solid;
1082
- --border-radius-base: 2px;
1083
- --border-style-color: var(--light-gray);
1084
- --input-disabled-bg: #fafbfd;
1085
- --input-disabled-border: var(--disable-color);
1086
- --input-height-base: var(--component-size-base);
1087
- --input-color: var(--default-color);
1088
- --input-bg: white;
1089
- --input-border-color: var(--light-gray);
1090
- --input-broder-radius: 3px;
1091
- --input-shadow-color: #a3c5fd;
1092
- --input-horizontal-padding: 8px;
1093
- --input-block-color: #f5f7fa;
1094
- --input-block-hover-color: #eaebf0;
1095
- --input-icon-size: var(--font-size-medium);
1096
- --input-maxlength-color: #979ba5;
1097
- --button-primary-hover-color: #5594fa;
1098
- --button-danger-hover-color: #ff5656;
1099
- --button-success-hover-color: #45e35f;
1100
- --button-warning-hover-color: #ffb848;
1101
- --button-default-hover-border-color: #979ba5;
1102
- --button-primary-active-color: #2c77f4;
1103
- --button-danger-active-color: #db2626;
1104
- --button-success-active-color: #1ab943;
1105
- --button-warning-active-color: #eb9000;
1106
- --button-selected-bg-color: #e1ecff;
1107
- --button-disabled-selected-bg-color: #f0f1f5;
1108
- --radio-font-color: #63656e;
1109
- --radio-active-color: #3a84ff;
1110
- --radio-hover-border-color: #979ba5;
1111
- --radio-disabled-border: #dcdee5;
1112
- --radio-disabled-font-color: #c4c6cc;
1113
- --radio-disabled-checked-bg: #a3c5fd;
1114
- --radio-button-checked-bg: #e1ecff;
1115
- --radio-button-disabled-checked-bg: #fafbfd;
1116
- --checkbox-disabled-checked-bg: #a3c5fd;
1117
- --fixed-navbar-background: #fff;
1118
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
1119
- --switch-default-color: #fff;
1120
- --switch-grey-color: #c4c6cc;
1121
- --breadcrumb-black-color: #979ba5;
1122
- --breadcrumb-primary-hover-color: #0082ff;
1123
- --breadcrumb-fn-main-color: #63656e;
1124
- --link-default-hover-color: #979ba5;
1125
- --link-primary-hover-color: #699df4;
1126
- --link-success-hover-color: #45e35f;
1127
- --link-warning-hover-color: #ffb848;
1128
- --link-danger-hover-color: #ff5656;
1129
- --link-default-disabled-color: #dcdee5;
1130
- --link-primary-disabled-color: #a3c5fd;
1131
- --link-success-disabled-color: #94f5a4;
1132
- --link-warning-disabled-color: #ffd695;
1133
- --link-danger-disabled-color: #fd9c9c;
1134
- --message-color: var(--default-color);
1135
- --message-primary-bg-color: #f0f8ff;
1136
- --message-primary-border-color: #e1ecff;
1137
- --message-primary-shadow-color: #e1e8f4;
1138
- --message-warning-bg-color: #fff4e2;
1139
- --message-warning-border-color: #ffe8c3;
1140
- --message-warning-shadow-color: #ede6db;
1141
- --message-success-bg-color: #f2fff4;
1142
- --message-success-border-color: #dcffe2;
1143
- --message-success-shadow-color: #cef0d7;
1144
- --message-danger-bg-color: #ffeded;
1145
- --message-danger-border-color: #ffdddd;
1146
- --message-danger-shadow-color: #f6dada;
1147
- --slider-default-bg: #dcdee5;
1148
- --slider-disable-bar-bg: #979ba5;
1149
- --menu-bg-color: #182132;
1150
- --submenu-bg-color: #151d2c;
1151
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
1152
- --menu-color: #96a2b9;
1153
- --menu-group-color: var(--default-color);
1154
- --menu-width: 260px;
1155
- --menu-collapse-width: 60px;
1156
- --menu-active-color: white;
1157
- --nav-header-bg-color: #182132;
1158
- --nav-bg-color: #182132;
1159
- --date-picker-disabled-bg: #fafbfd;
1160
- --date-picker-dropdown-mb: 4px;
1161
- --date-picker-dropdown-bg: #fff;
1162
- --table-bg-color: var(--white-color);
1163
- --table-border-color: #dcdee5;
1164
- --table-strip-color: #fafbfd;
1165
- --table-head-bg-color: #fafbfd;
1166
- --table-head-font-color: #313238;
1167
- --table-body-font-color: #63656e;
1168
- --table-row-hover-bg-color: #f5f7fa;
1169
- --table-row-active-bg-color: #f0f1f5;
1170
- --cascader-panel-border-color: #dcdee5;
1171
- --cascader-panel-hover: #f5f7fa;
1172
- --cascader-panel-active: #e1ecff;
1173
- --cascader-panel-disabled-bg: #fff;
1174
- --search-select-focus-border-color: var(--primary-color);
1175
- --search-select-focus-color: #3c96ff;
1176
- --search-select-font-color: var(--default-color);
1177
- --search-select-placeholder-color: var(--light-gray);
1178
- --search-select-message-color: var(--danger-color);
1179
- --search-select-menu-border-color: var(--disable-color);
1180
- --select-active-color: #e1ecff;
1181
- --select-hover-color: #f5f7fa;
1182
- }
1183
- .bk-tag {
652
+ .text-ov {
653
+ overflow: hidden;
654
+ text-overflow: ellipsis;
655
+ white-space: nowrap;
656
+ }
657
+ .position-relative {
658
+ position: relative;
659
+ }
660
+ .position-absolute {
661
+ position: absolute;
662
+ }
663
+ .overflow-popover-reference {
664
+ width: 100%;
665
+ }
666
+ .bk-user-selector-tag {
1184
667
  display: inline-flex;
1185
668
  align-items: center;
1186
669
  height: 22px;
1187
670
  padding: 0 10px;
1188
671
  font-size: 12px;
1189
672
  line-height: 22px;
1190
- color: var(--default-color);
673
+ color: #63656e;
1191
674
  cursor: default;
1192
675
  background-color: #f0f1f5;
1193
676
  border-color: rgba(151, 155, 165, 0.3);
1194
677
  box-sizing: border-box;
1195
678
  }
1196
- .bk-tag.bk-tag-success {
679
+ .bk-user-selector-tag.bk-user-selector-tag-success {
1197
680
  color: #14a568;
1198
681
  border-color: rgba(20, 165, 104, 0.3);
1199
682
  background-color: #E4FAF0;
1200
683
  }
1201
- .bk-tag.bk-tag-success.bk-tag-filled {
684
+ .bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {
1202
685
  background-color: #14A568;
1203
686
  }
1204
- .bk-tag.bk-tag-success.bk-tag-filled:hover {
687
+ .bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {
1205
688
  background-color: #42B685;
1206
689
  }
1207
- .bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {
690
+ .bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {
1208
691
  background-color: #C9F5E2;
1209
692
  }
1210
- .bk-tag.bk-tag-info {
1211
- color: var(--primary-color);
693
+ .bk-user-selector-tag.bk-user-selector-tag-info {
694
+ color: #3a84ff;
1212
695
  border-color: rgba(58, 132, 255, 0.3);
1213
696
  background-color: #EDF4FF;
1214
697
  }
1215
- .bk-tag.bk-tag-info.bk-tag-filled {
698
+ .bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {
1216
699
  background-color: #3A84FF;
1217
700
  }
1218
- .bk-tag.bk-tag-info.bk-tag-filled:hover {
701
+ .bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {
1219
702
  background-color: #609CFE;
1220
703
  }
1221
- .bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {
704
+ .bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {
1222
705
  background-color: #E1ECFF;
1223
706
  }
1224
- .bk-tag.bk-tag-warning {
707
+ .bk-user-selector-tag.bk-user-selector-tag-warning {
1225
708
  color: #fe9c00;
1226
709
  border-color: rgba(254, 165, 0, 0.3);
1227
710
  background-color: #FFF1DB;
1228
711
  }
1229
- .bk-tag.bk-tag-warning.bk-tag-filled {
712
+ .bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {
1230
713
  background-color: #FE9C00;
1231
714
  }
1232
- .bk-tag.bk-tag-warning.bk-tag-filled:hover {
715
+ .bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {
1233
716
  background-color: #FDAF32;
1234
717
  }
1235
- .bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {
718
+ .bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {
1236
719
  background-color: #FFE8C3;
1237
720
  }
1238
- .bk-tag.bk-tag-danger {
1239
- color: var(--danger-color);
721
+ .bk-user-selector-tag.bk-user-selector-tag-danger {
722
+ color: #ea3636;
1240
723
  border-color: rgba(234, 53, 54, 0.3);
1241
724
  background-color: #FEEBEA;
1242
725
  }
1243
- .bk-tag.bk-tag-danger.bk-tag-filled {
726
+ .bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {
1244
727
  background-color: #EA3536;
1245
728
  }
1246
- .bk-tag.bk-tag-danger.bk-tag-filled:hover {
729
+ .bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {
1247
730
  background-color: #ED5C5D;
1248
731
  }
1249
- .bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {
732
+ .bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {
1250
733
  background-color: #FEDDDC;
1251
734
  }
1252
- .bk-tag:hover {
735
+ .bk-user-selector-tag:hover {
1253
736
  background-color: #dcdee5;
1254
737
  }
1255
- .bk-tag.bk-tag-filled {
738
+ .bk-user-selector-tag.bk-user-selector-tag-filled {
1256
739
  color: #fff;
1257
740
  background-color: #979BA5;
1258
741
  }
1259
- .bk-tag.bk-tag-filled:hover {
742
+ .bk-user-selector-tag.bk-user-selector-tag-filled:hover {
1260
743
  background-color: #ACAFB6;
1261
744
  }
1262
- .bk-tag.bk-tag-stroke {
745
+ .bk-user-selector-tag.bk-user-selector-tag-stroke {
1263
746
  padding: 0 9px;
1264
747
  line-height: 20px;
1265
748
  border-style: solid;
1266
749
  border-width: 1px;
1267
750
  }
1268
- .bk-tag.bk-tag-closable {
751
+ .bk-user-selector-tag.bk-user-selector-tag-closable {
1269
752
  padding: 0 4px 0 10px;
1270
753
  }
1271
- .bk-tag.bk-tag-checkable {
754
+ .bk-user-selector-tag.bk-user-selector-tag-checkable {
1272
755
  cursor: pointer;
1273
756
  background: none;
1274
757
  }
1275
- .bk-tag.bk-tag-checkable:hover {
758
+ .bk-user-selector-tag.bk-user-selector-tag-checkable:hover {
1276
759
  background: #F0F1F5;
1277
760
  }
1278
- .bk-tag.bk-tag-check {
761
+ .bk-user-selector-tag.bk-user-selector-tag-check {
1279
762
  color: #fff;
1280
- background: var(--primary-color);
763
+ background: #3a84ff;
1281
764
  }
1282
- .bk-tag.bk-tag-check:hover {
765
+ .bk-user-selector-tag.bk-user-selector-tag-check:hover {
1283
766
  color: #fff;
1284
- background: var(--primary-color);
767
+ background: #3a84ff;
1285
768
  opacity: 1;
1286
769
  }
1287
- .bk-tag--default {
770
+ .bk-user-selector-tag--default {
1288
771
  padding: 0 8px;
1289
772
  }
1290
- .bk-tag--small {
773
+ .bk-user-selector-tag--small {
1291
774
  height: 16px;
1292
775
  padding: 0 4px;
1293
776
  line-height: 16px;
1294
777
  }
1295
- .bk-tag--small .bk-tag-text {
778
+ .bk-user-selector-tag--small .bk-user-selector-tag-text {
1296
779
  font-size: 10px;
1297
780
  }
1298
- .bk-tag-text {
781
+ .bk-user-selector-tag-text {
1299
782
  flex: 1;
1300
783
  overflow: hidden;
1301
784
  text-overflow: ellipsis;
1302
785
  white-space: nowrap;
1303
786
  }
1304
- .bk-tag-icon {
787
+ .bk-user-selector-tag-icon {
1305
788
  flex-shrink: 0;
1306
789
  margin-right: 4px;
1307
790
  font-size: 14px;
1308
791
  line-height: 0;
1309
792
  }
1310
- .bk-tag-close {
793
+ .bk-user-selector-tag-close {
1311
794
  flex-shrink: 0;
1312
795
  margin-left: 4px;
1313
796
  font-size: 12px;
@@ -1387,11 +870,11 @@ optgroup {
1387
870
  overflow: hidden;
1388
871
  text-overflow: ellipsis;
1389
872
  font-size: 12px;
1390
- }.multiple-selector[data-v-d9743f6d] {
873
+ }.multiple-selector[data-v-9fc5bebf] {
1391
874
  position: relative;
1392
875
  width: 100%;
1393
876
  }
1394
- .multiple-selector .tags-container[data-v-d9743f6d] {
877
+ .multiple-selector .tags-container[data-v-9fc5bebf] {
1395
878
  min-height: 32px;
1396
879
  border: 1px solid #c4c6cc;
1397
880
  border-radius: 2px;
@@ -1399,46 +882,46 @@ optgroup {
1399
882
  transition: all 0.2s ease;
1400
883
  background-color: #fff;
1401
884
  }
1402
- .multiple-selector .tags-container.focused[data-v-d9743f6d] {
885
+ .multiple-selector .tags-container.focused[data-v-9fc5bebf] {
1403
886
  border-color: #3a84ff;
1404
887
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
1405
888
  }
1406
- .multiple-selector .tags-container.collapsed[data-v-d9743f6d] {
889
+ .multiple-selector .tags-container.collapsed[data-v-9fc5bebf] {
1407
890
  display: flex;
1408
891
  flex-wrap: wrap;
1409
892
  align-items: center;
1410
893
  }
1411
- .multiple-selector .tag-list[data-v-d9743f6d] {
894
+ .multiple-selector .tag-list[data-v-9fc5bebf] {
1412
895
  display: flex;
1413
896
  flex-wrap: wrap;
1414
897
  align-items: center;
1415
898
  }
1416
- .multiple-selector .tag-wrapper[data-v-d9743f6d] {
899
+ .multiple-selector .tag-wrapper[data-v-9fc5bebf] {
1417
900
  display: inline-flex;
1418
901
  align-items: center;
1419
902
  max-width: 100%;
1420
903
  }
1421
- .multiple-selector .search-input[data-v-d9743f6d] {
904
+ .multiple-selector .search-input[data-v-9fc5bebf] {
1422
905
  outline: none;
1423
906
  border: none;
1424
907
  height: 28px;
1425
908
  min-width: 10px;
1426
909
  background: transparent;
1427
910
  }
1428
- .multiple-selector .search-input[data-v-d9743f6d]::placeholder {
911
+ .multiple-selector .search-input[data-v-9fc5bebf]::placeholder {
1429
912
  color: #c4c6cc;
1430
913
  }
1431
- .multiple-selector .search-input.inline[data-v-d9743f6d] {
914
+ .multiple-selector .search-input.inline[data-v-9fc5bebf] {
1432
915
  min-width: 10px;
1433
916
  }
1434
- .multiple-selector .search-input.last[data-v-d9743f6d], .multiple-selector .search-input.collapsed[data-v-d9743f6d] {
917
+ .multiple-selector .search-input.last[data-v-9fc5bebf], .multiple-selector .search-input.collapsed[data-v-9fc5bebf] {
1435
918
  flex: 1;
1436
919
  min-width: 60px;
1437
- }.single-selector[data-v-75a8e031] {
920
+ }.single-selector[data-v-1454c121] {
1438
921
  position: relative;
1439
922
  width: 100%;
1440
923
  }
1441
- .input-container[data-v-75a8e031] {
924
+ .input-container[data-v-1454c121] {
1442
925
  position: relative;
1443
926
  display: flex;
1444
927
  align-items: center;
@@ -1448,20 +931,20 @@ optgroup {
1448
931
  padding: 0 8px;
1449
932
  background-color: #fff;
1450
933
  }
1451
- .input-container[data-v-75a8e031]:focus-within {
934
+ .input-container[data-v-1454c121]:focus-within {
1452
935
  border-color: #3a84ff;
1453
936
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
1454
937
  }
1455
- .search-input[data-v-75a8e031] {
938
+ .search-input[data-v-1454c121] {
1456
939
  flex: 1;
1457
940
  outline: none;
1458
941
  border: none;
1459
942
  height: 30px;
1460
943
  background: transparent;
1461
944
  }
1462
- .search-input[data-v-75a8e031]::placeholder {
945
+ .search-input[data-v-1454c121]::placeholder {
1463
946
  color: #c4c6cc;
1464
- }.bk-user-selector[data-v-53d8b462] {
947
+ }.bk-user-selector[data-v-6f6d9f42] {
1465
948
  width: 100%;
1466
949
  position: relative;
1467
950
  font-size: 12px;