bkui-vue 2.0.1-beta.77 → 2.0.1-beta.79
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.
- package/dist/index.cjs.js +30 -30
- package/dist/index.esm.js +4234 -4229
- package/dist/index.umd.js +28 -28
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/button/button.css +188 -144
- package/lib/button/button.less +74 -71
- package/lib/button/button.variable.css +188 -144
- package/lib/index.js +1 -1
- package/lib/info-box/index.js +1 -0
- package/lib/overflow-title/index.js +15 -7
- package/lib/select/index.js +8 -6
- package/lib/table/table.css +188 -144
- package/lib/table/table.variable.css +188 -144
- package/lib/tag-input/index.js +18 -9
- package/package.json +1 -1
|
@@ -407,307 +407,351 @@
|
|
|
407
407
|
align-items: center;
|
|
408
408
|
justify-content: center;
|
|
409
409
|
}
|
|
410
|
-
.bk-button.bk-button-
|
|
410
|
+
.bk-button.bk-button-small {
|
|
411
|
+
height: var(--component-size-small);
|
|
412
|
+
padding: var(--component-size-small-padding);
|
|
413
|
+
font-size: var(--font-size-base);
|
|
414
|
+
}
|
|
415
|
+
.bk-button.bk-button-large {
|
|
416
|
+
height: var(--component-size-large);
|
|
417
|
+
padding: var(--component-size-large-padding);
|
|
418
|
+
font-size: var(--font-size-large);
|
|
419
|
+
}
|
|
420
|
+
.bk-button .bk-button-text {
|
|
421
|
+
display: inline-flex;
|
|
422
|
+
align-items: center;
|
|
423
|
+
line-height: 1;
|
|
424
|
+
}
|
|
425
|
+
.bk-button.is-loading {
|
|
426
|
+
position: relative;
|
|
427
|
+
}
|
|
428
|
+
.bk-button.is-loading .bk-button-loading:not(:last-child) {
|
|
429
|
+
position: absolute;
|
|
430
|
+
}
|
|
431
|
+
.bk-button.is-loading .bk-button-text {
|
|
432
|
+
visibility: hidden;
|
|
433
|
+
}
|
|
434
|
+
.bk-button:hover {
|
|
435
|
+
border-color: var(--button-default-hover-border-color);
|
|
436
|
+
}
|
|
437
|
+
.bk-button:active {
|
|
438
|
+
color: var(--primary-color);
|
|
439
|
+
border-color: var(--primary-color);
|
|
440
|
+
}
|
|
441
|
+
.bk-button.is-text {
|
|
442
|
+
height: auto;
|
|
443
|
+
padding: 0;
|
|
444
|
+
font-size: inherit;
|
|
445
|
+
color: var(--default-color);
|
|
446
|
+
text-decoration: none;
|
|
447
|
+
cursor: pointer;
|
|
448
|
+
background-color: transparent;
|
|
449
|
+
border: none;
|
|
450
|
+
outline: none;
|
|
451
|
+
}
|
|
452
|
+
.bk-button.is-disabled {
|
|
453
|
+
color: var(--disable-color);
|
|
454
|
+
cursor: not-allowed;
|
|
455
|
+
border-color: var(--disable-color);
|
|
456
|
+
}
|
|
457
|
+
.bk-button.is-disabled:not(.is-text) {
|
|
458
|
+
background-color: var(--disable-bg-color);
|
|
459
|
+
}
|
|
460
|
+
.bk-button-group {
|
|
461
|
+
display: inline-block;
|
|
462
|
+
font-size: 0;
|
|
463
|
+
}
|
|
464
|
+
.bk-button-group.bk-button-group-small .bk-button {
|
|
465
|
+
height: var(--component-size-small);
|
|
466
|
+
padding: var(--component-size-small-padding);
|
|
467
|
+
font-size: var(--font-size-base);
|
|
468
|
+
}
|
|
469
|
+
.bk-button-group.bk-button-group-large .bk-button {
|
|
470
|
+
height: var(--component-size-large);
|
|
471
|
+
padding: var(--component-size-large-padding);
|
|
472
|
+
font-size: var(--font-size-large);
|
|
473
|
+
}
|
|
474
|
+
.bk-button-group .bk-button {
|
|
475
|
+
height: var(--component-size-base);
|
|
476
|
+
margin: 0 0 0 -1px;
|
|
477
|
+
border-radius: 0;
|
|
478
|
+
}
|
|
479
|
+
.bk-button-group .bk-button:not(.is-disabled) {
|
|
480
|
+
color: var(--default-color);
|
|
481
|
+
background-color: var(--white-color);
|
|
482
|
+
border-color: var(--light-gray);
|
|
483
|
+
}
|
|
484
|
+
.bk-button-group .bk-button.is-disabled {
|
|
485
|
+
color: var(--light-gray);
|
|
486
|
+
}
|
|
487
|
+
.bk-button-group .bk-button:first-child {
|
|
488
|
+
border-radius: var(--border-radius-base) 0 0 var(--border-radius-base);
|
|
489
|
+
}
|
|
490
|
+
.bk-button-group .bk-button:last-child {
|
|
491
|
+
border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0;
|
|
492
|
+
}
|
|
493
|
+
.bk-button-group .bk-button:only-child {
|
|
494
|
+
border-radius: var(--border-radius-base);
|
|
495
|
+
}
|
|
496
|
+
.bk-button-group .bk-button:hover:not(.is-disabled),
|
|
497
|
+
.bk-button-group .bk-button.is-selected:not(.is-disabled) {
|
|
498
|
+
position: relative;
|
|
499
|
+
z-index: 1;
|
|
500
|
+
color: var(--primary-color);
|
|
501
|
+
background-color: var(--white-color);
|
|
502
|
+
border-color: var(--primary-color);
|
|
503
|
+
}
|
|
504
|
+
.bk-button-group .bk-button.is-selected:not(.is-disabled) {
|
|
505
|
+
background-color: var(--button-selected-bg-color);
|
|
506
|
+
}
|
|
507
|
+
.bk-button-group .bk-button.is-selected.is-disabled {
|
|
508
|
+
background-color: var(--button-disabled-selected-bg-color);
|
|
509
|
+
}
|
|
510
|
+
.bk-button.bk-button-primary,
|
|
511
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary {
|
|
411
512
|
background-color: var(--primary-color);
|
|
412
513
|
color: var(--white-color);
|
|
413
514
|
border-color: var(--primary-color);
|
|
414
515
|
}
|
|
415
|
-
.bk-button.bk-button-primary:hover
|
|
516
|
+
.bk-button.bk-button-primary:hover,
|
|
517
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary:hover {
|
|
416
518
|
background-color: var(--button-primary-hover-color);
|
|
417
519
|
border-color: var(--button-primary-hover-color);
|
|
418
520
|
}
|
|
419
|
-
.bk-button.bk-button-primary:active
|
|
521
|
+
.bk-button.bk-button-primary:active,
|
|
522
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary:active {
|
|
420
523
|
background-color: var(--button-primary-active-color);
|
|
421
524
|
border-color: var(--button-primary-active-color);
|
|
422
525
|
color: var(--white-color);
|
|
423
526
|
}
|
|
424
|
-
.bk-button.bk-button-primary.is-outline
|
|
527
|
+
.bk-button.bk-button-primary.is-outline,
|
|
528
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary.is-outline {
|
|
425
529
|
color: var(--primary-color);
|
|
426
530
|
border-color: var(--primary-color);
|
|
427
531
|
background-color: var(--white-color);
|
|
428
532
|
}
|
|
429
|
-
.bk-button.bk-button-primary.is-outline:hover
|
|
533
|
+
.bk-button.bk-button-primary.is-outline:hover,
|
|
534
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary.is-outline:hover {
|
|
430
535
|
background-color: var(--button-primary-hover-color);
|
|
431
536
|
border-color: var(--button-primary-hover-color);
|
|
432
537
|
color: var(--white-color);
|
|
433
538
|
}
|
|
434
|
-
.bk-button.bk-button-primary.is-outline:active
|
|
539
|
+
.bk-button.bk-button-primary.is-outline:active,
|
|
540
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary.is-outline:active {
|
|
435
541
|
background-color: var(--button-primary-active-color);
|
|
436
542
|
border-color: var(--button-primary-active-color);
|
|
437
543
|
color: var(--white-color);
|
|
438
544
|
}
|
|
439
|
-
.bk-button.bk-button-primary.is-text
|
|
545
|
+
.bk-button.bk-button-primary.is-text,
|
|
546
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary.is-text {
|
|
440
547
|
color: var(--primary-color);
|
|
441
548
|
background-color: transparent;
|
|
442
549
|
border: none;
|
|
443
550
|
}
|
|
444
|
-
.bk-button.bk-button-primary.is-text:not(.is-disabled):hover
|
|
551
|
+
.bk-button.bk-button-primary.is-text:not(.is-disabled):hover,
|
|
552
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary.is-text:not(.is-disabled):hover {
|
|
445
553
|
color: var(--button-primary-hover-color);
|
|
446
554
|
}
|
|
447
|
-
.bk-button.bk-button-primary.is-disabled
|
|
555
|
+
.bk-button.bk-button-primary.is-disabled,
|
|
556
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary.is-disabled {
|
|
448
557
|
color: var(--disable-color);
|
|
449
558
|
cursor: not-allowed;
|
|
450
559
|
}
|
|
451
|
-
.bk-button.bk-button-primary.is-disabled:not(.is-text)
|
|
560
|
+
.bk-button.bk-button-primary.is-disabled:not(.is-text),
|
|
561
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-primary.is-disabled:not(.is-text) {
|
|
452
562
|
background-color: var(--disable-color);
|
|
453
563
|
color: var(--white-color);
|
|
454
564
|
border-color: var(--disable-color);
|
|
455
565
|
}
|
|
456
|
-
.bk-button.bk-button-hover-primary:hover
|
|
566
|
+
.bk-button.bk-button-hover-primary:hover,
|
|
567
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-hover-primary:hover {
|
|
457
568
|
background-color: var(--button-primary-hover-color);
|
|
458
569
|
border-color: var(--button-primary-hover-color);
|
|
459
570
|
color: var(--white-color);
|
|
460
571
|
}
|
|
461
|
-
.bk-button.bk-button-warning
|
|
572
|
+
.bk-button.bk-button-warning,
|
|
573
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning {
|
|
462
574
|
background-color: var(--warning-color);
|
|
463
575
|
color: var(--white-color);
|
|
464
576
|
border-color: var(--warning-color);
|
|
465
577
|
}
|
|
466
|
-
.bk-button.bk-button-warning:hover
|
|
578
|
+
.bk-button.bk-button-warning:hover,
|
|
579
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning:hover {
|
|
467
580
|
background-color: var(--button-warning-hover-color);
|
|
468
581
|
border-color: var(--button-warning-hover-color);
|
|
469
582
|
}
|
|
470
|
-
.bk-button.bk-button-warning:active
|
|
583
|
+
.bk-button.bk-button-warning:active,
|
|
584
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning:active {
|
|
471
585
|
background-color: var(--button-warning-active-color);
|
|
472
586
|
border-color: var(--button-warning-active-color);
|
|
473
587
|
color: var(--white-color);
|
|
474
588
|
}
|
|
475
|
-
.bk-button.bk-button-warning.is-outline
|
|
589
|
+
.bk-button.bk-button-warning.is-outline,
|
|
590
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning.is-outline {
|
|
476
591
|
color: var(--warning-color);
|
|
477
592
|
border-color: var(--warning-color);
|
|
478
593
|
background-color: var(--white-color);
|
|
479
594
|
}
|
|
480
|
-
.bk-button.bk-button-warning.is-outline:hover
|
|
595
|
+
.bk-button.bk-button-warning.is-outline:hover,
|
|
596
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning.is-outline:hover {
|
|
481
597
|
background-color: var(--button-warning-hover-color);
|
|
482
598
|
border-color: var(--button-warning-hover-color);
|
|
483
599
|
color: var(--white-color);
|
|
484
600
|
}
|
|
485
|
-
.bk-button.bk-button-warning.is-outline:active
|
|
601
|
+
.bk-button.bk-button-warning.is-outline:active,
|
|
602
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning.is-outline:active {
|
|
486
603
|
background-color: var(--button-warning-active-color);
|
|
487
604
|
border-color: var(--button-warning-active-color);
|
|
488
605
|
color: var(--white-color);
|
|
489
606
|
}
|
|
490
|
-
.bk-button.bk-button-warning.is-text
|
|
607
|
+
.bk-button.bk-button-warning.is-text,
|
|
608
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning.is-text {
|
|
491
609
|
color: var(--warning-color);
|
|
492
610
|
background-color: transparent;
|
|
493
611
|
border: none;
|
|
494
612
|
}
|
|
495
|
-
.bk-button.bk-button-warning.is-text:not(.is-disabled):hover
|
|
613
|
+
.bk-button.bk-button-warning.is-text:not(.is-disabled):hover,
|
|
614
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning.is-text:not(.is-disabled):hover {
|
|
496
615
|
color: var(--button-warning-hover-color);
|
|
497
616
|
}
|
|
498
|
-
.bk-button.bk-button-warning.is-disabled
|
|
617
|
+
.bk-button.bk-button-warning.is-disabled,
|
|
618
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning.is-disabled {
|
|
499
619
|
color: var(--disable-color);
|
|
500
620
|
cursor: not-allowed;
|
|
501
621
|
}
|
|
502
|
-
.bk-button.bk-button-warning.is-disabled:not(.is-text)
|
|
622
|
+
.bk-button.bk-button-warning.is-disabled:not(.is-text),
|
|
623
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-warning.is-disabled:not(.is-text) {
|
|
503
624
|
background-color: var(--disable-color);
|
|
504
625
|
color: var(--white-color);
|
|
505
626
|
border-color: var(--disable-color);
|
|
506
627
|
}
|
|
507
|
-
.bk-button.bk-button-hover-warning:hover
|
|
628
|
+
.bk-button.bk-button-hover-warning:hover,
|
|
629
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-hover-warning:hover {
|
|
508
630
|
background-color: var(--button-warning-hover-color);
|
|
509
631
|
border-color: var(--button-warning-hover-color);
|
|
510
632
|
color: var(--white-color);
|
|
511
633
|
}
|
|
512
|
-
.bk-button.bk-button-success
|
|
634
|
+
.bk-button.bk-button-success,
|
|
635
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success {
|
|
513
636
|
background-color: var(--success-color);
|
|
514
637
|
color: var(--white-color);
|
|
515
638
|
border-color: var(--success-color);
|
|
516
639
|
}
|
|
517
|
-
.bk-button.bk-button-success:hover
|
|
640
|
+
.bk-button.bk-button-success:hover,
|
|
641
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success:hover {
|
|
518
642
|
background-color: var(--button-success-hover-color);
|
|
519
643
|
border-color: var(--button-success-hover-color);
|
|
520
644
|
}
|
|
521
|
-
.bk-button.bk-button-success:active
|
|
645
|
+
.bk-button.bk-button-success:active,
|
|
646
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success:active {
|
|
522
647
|
background-color: var(--button-success-active-color);
|
|
523
648
|
border-color: var(--button-success-active-color);
|
|
524
649
|
color: var(--white-color);
|
|
525
650
|
}
|
|
526
|
-
.bk-button.bk-button-success.is-outline
|
|
651
|
+
.bk-button.bk-button-success.is-outline,
|
|
652
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success.is-outline {
|
|
527
653
|
color: var(--success-color);
|
|
528
654
|
border-color: var(--success-color);
|
|
529
655
|
background-color: var(--white-color);
|
|
530
656
|
}
|
|
531
|
-
.bk-button.bk-button-success.is-outline:hover
|
|
657
|
+
.bk-button.bk-button-success.is-outline:hover,
|
|
658
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success.is-outline:hover {
|
|
532
659
|
background-color: var(--button-success-hover-color);
|
|
533
660
|
border-color: var(--button-success-hover-color);
|
|
534
661
|
color: var(--white-color);
|
|
535
662
|
}
|
|
536
|
-
.bk-button.bk-button-success.is-outline:active
|
|
663
|
+
.bk-button.bk-button-success.is-outline:active,
|
|
664
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success.is-outline:active {
|
|
537
665
|
background-color: var(--button-success-active-color);
|
|
538
666
|
border-color: var(--button-success-active-color);
|
|
539
667
|
color: var(--white-color);
|
|
540
668
|
}
|
|
541
|
-
.bk-button.bk-button-success.is-text
|
|
669
|
+
.bk-button.bk-button-success.is-text,
|
|
670
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success.is-text {
|
|
542
671
|
color: var(--success-color);
|
|
543
672
|
background-color: transparent;
|
|
544
673
|
border: none;
|
|
545
674
|
}
|
|
546
|
-
.bk-button.bk-button-success.is-text:not(.is-disabled):hover
|
|
675
|
+
.bk-button.bk-button-success.is-text:not(.is-disabled):hover,
|
|
676
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success.is-text:not(.is-disabled):hover {
|
|
547
677
|
color: var(--button-success-hover-color);
|
|
548
678
|
}
|
|
549
|
-
.bk-button.bk-button-success.is-disabled
|
|
679
|
+
.bk-button.bk-button-success.is-disabled,
|
|
680
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success.is-disabled {
|
|
550
681
|
color: var(--disable-color);
|
|
551
682
|
cursor: not-allowed;
|
|
552
683
|
}
|
|
553
|
-
.bk-button.bk-button-success.is-disabled:not(.is-text)
|
|
684
|
+
.bk-button.bk-button-success.is-disabled:not(.is-text),
|
|
685
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-success.is-disabled:not(.is-text) {
|
|
554
686
|
background-color: var(--disable-color);
|
|
555
687
|
color: var(--white-color);
|
|
556
688
|
border-color: var(--disable-color);
|
|
557
689
|
}
|
|
558
|
-
.bk-button.bk-button-hover-success:hover
|
|
690
|
+
.bk-button.bk-button-hover-success:hover,
|
|
691
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-hover-success:hover {
|
|
559
692
|
background-color: var(--button-success-hover-color);
|
|
560
693
|
border-color: var(--button-success-hover-color);
|
|
561
694
|
color: var(--white-color);
|
|
562
695
|
}
|
|
563
|
-
.bk-button.bk-button-danger
|
|
696
|
+
.bk-button.bk-button-danger,
|
|
697
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger {
|
|
564
698
|
background-color: var(--danger-color);
|
|
565
699
|
color: var(--white-color);
|
|
566
700
|
border-color: var(--danger-color);
|
|
567
701
|
}
|
|
568
|
-
.bk-button.bk-button-danger:hover
|
|
702
|
+
.bk-button.bk-button-danger:hover,
|
|
703
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger:hover {
|
|
569
704
|
background-color: var(--button-danger-hover-color);
|
|
570
705
|
border-color: var(--button-danger-hover-color);
|
|
571
706
|
}
|
|
572
|
-
.bk-button.bk-button-danger:active
|
|
707
|
+
.bk-button.bk-button-danger:active,
|
|
708
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger:active {
|
|
573
709
|
background-color: var(--button-danger-active-color);
|
|
574
710
|
border-color: var(--button-danger-active-color);
|
|
575
711
|
color: var(--white-color);
|
|
576
712
|
}
|
|
577
|
-
.bk-button.bk-button-danger.is-outline
|
|
713
|
+
.bk-button.bk-button-danger.is-outline,
|
|
714
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger.is-outline {
|
|
578
715
|
color: var(--danger-color);
|
|
579
716
|
border-color: var(--danger-color);
|
|
580
717
|
background-color: var(--white-color);
|
|
581
718
|
}
|
|
582
|
-
.bk-button.bk-button-danger.is-outline:hover
|
|
719
|
+
.bk-button.bk-button-danger.is-outline:hover,
|
|
720
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger.is-outline:hover {
|
|
583
721
|
background-color: var(--button-danger-hover-color);
|
|
584
722
|
border-color: var(--button-danger-hover-color);
|
|
585
723
|
color: var(--white-color);
|
|
586
724
|
}
|
|
587
|
-
.bk-button.bk-button-danger.is-outline:active
|
|
725
|
+
.bk-button.bk-button-danger.is-outline:active,
|
|
726
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger.is-outline:active {
|
|
588
727
|
background-color: var(--button-danger-active-color);
|
|
589
728
|
border-color: var(--button-danger-active-color);
|
|
590
729
|
color: var(--white-color);
|
|
591
730
|
}
|
|
592
|
-
.bk-button.bk-button-danger.is-text
|
|
731
|
+
.bk-button.bk-button-danger.is-text,
|
|
732
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger.is-text {
|
|
593
733
|
color: var(--danger-color);
|
|
594
734
|
background-color: transparent;
|
|
595
735
|
border: none;
|
|
596
736
|
}
|
|
597
|
-
.bk-button.bk-button-danger.is-text:not(.is-disabled):hover
|
|
737
|
+
.bk-button.bk-button-danger.is-text:not(.is-disabled):hover,
|
|
738
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger.is-text:not(.is-disabled):hover {
|
|
598
739
|
color: var(--button-danger-hover-color);
|
|
599
740
|
}
|
|
600
|
-
.bk-button.bk-button-danger.is-disabled
|
|
741
|
+
.bk-button.bk-button-danger.is-disabled,
|
|
742
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger.is-disabled {
|
|
601
743
|
color: var(--disable-color);
|
|
602
744
|
cursor: not-allowed;
|
|
603
745
|
}
|
|
604
|
-
.bk-button.bk-button-danger.is-disabled:not(.is-text)
|
|
746
|
+
.bk-button.bk-button-danger.is-disabled:not(.is-text),
|
|
747
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-danger.is-disabled:not(.is-text) {
|
|
605
748
|
background-color: var(--disable-color);
|
|
606
749
|
color: var(--white-color);
|
|
607
750
|
border-color: var(--disable-color);
|
|
608
751
|
}
|
|
609
|
-
.bk-button.bk-button-hover-danger:hover
|
|
752
|
+
.bk-button.bk-button-hover-danger:hover,
|
|
753
|
+
.bk-button-group .is-selected:not(.is-disabled).bk-button-hover-danger:hover {
|
|
610
754
|
background-color: var(--button-danger-hover-color);
|
|
611
755
|
border-color: var(--button-danger-hover-color);
|
|
612
756
|
color: var(--white-color);
|
|
613
757
|
}
|
|
614
|
-
.bk-button.bk-button-small {
|
|
615
|
-
height: var(--component-size-small);
|
|
616
|
-
padding: var(--component-size-small-padding);
|
|
617
|
-
font-size: var(--font-size-base);
|
|
618
|
-
}
|
|
619
|
-
.bk-button.bk-button-large {
|
|
620
|
-
height: var(--component-size-large);
|
|
621
|
-
padding: var(--component-size-large-padding);
|
|
622
|
-
font-size: var(--font-size-large);
|
|
623
|
-
}
|
|
624
|
-
.bk-button .bk-button-text {
|
|
625
|
-
display: inline-flex;
|
|
626
|
-
align-items: center;
|
|
627
|
-
line-height: 1;
|
|
628
|
-
}
|
|
629
|
-
.bk-button.is-loading {
|
|
630
|
-
position: relative;
|
|
631
|
-
}
|
|
632
|
-
.bk-button.is-loading .bk-button-loading:not(:last-child) {
|
|
633
|
-
position: absolute;
|
|
634
|
-
}
|
|
635
|
-
.bk-button.is-loading .bk-button-text {
|
|
636
|
-
visibility: hidden;
|
|
637
|
-
}
|
|
638
|
-
.bk-button:hover {
|
|
639
|
-
border-color: var(--button-default-hover-border-color);
|
|
640
|
-
}
|
|
641
|
-
.bk-button:active {
|
|
642
|
-
color: var(--primary-color);
|
|
643
|
-
border-color: var(--primary-color);
|
|
644
|
-
}
|
|
645
|
-
.bk-button.is-text {
|
|
646
|
-
height: auto;
|
|
647
|
-
padding: 0;
|
|
648
|
-
font-size: inherit;
|
|
649
|
-
color: var(--default-color);
|
|
650
|
-
text-decoration: none;
|
|
651
|
-
cursor: pointer;
|
|
652
|
-
background-color: transparent;
|
|
653
|
-
border: none;
|
|
654
|
-
outline: none;
|
|
655
|
-
}
|
|
656
|
-
.bk-button.is-disabled {
|
|
657
|
-
color: var(--disable-color);
|
|
658
|
-
cursor: not-allowed;
|
|
659
|
-
border-color: var(--disable-color);
|
|
660
|
-
}
|
|
661
|
-
.bk-button.is-disabled:not(.is-text) {
|
|
662
|
-
background-color: var(--disable-bg-color);
|
|
663
|
-
}
|
|
664
|
-
.bk-button-group {
|
|
665
|
-
display: inline-block;
|
|
666
|
-
font-size: 0;
|
|
667
|
-
}
|
|
668
|
-
.bk-button-group.bk-button-group-small .bk-button {
|
|
669
|
-
height: var(--component-size-small);
|
|
670
|
-
padding: var(--component-size-small-padding);
|
|
671
|
-
font-size: var(--font-size-base);
|
|
672
|
-
}
|
|
673
|
-
.bk-button-group.bk-button-group-large .bk-button {
|
|
674
|
-
height: var(--component-size-large);
|
|
675
|
-
padding: var(--component-size-large-padding);
|
|
676
|
-
font-size: var(--font-size-large);
|
|
677
|
-
}
|
|
678
|
-
.bk-button-group .bk-button {
|
|
679
|
-
height: var(--component-size-base);
|
|
680
|
-
margin: 0 0 0 -1px;
|
|
681
|
-
border-radius: 0;
|
|
682
|
-
}
|
|
683
|
-
.bk-button-group .bk-button:not(.is-disabled) {
|
|
684
|
-
color: var(--default-color);
|
|
685
|
-
background-color: var(--white-color);
|
|
686
|
-
border-color: var(--light-gray);
|
|
687
|
-
}
|
|
688
|
-
.bk-button-group .bk-button.is-disabled {
|
|
689
|
-
color: var(--light-gray);
|
|
690
|
-
}
|
|
691
|
-
.bk-button-group .bk-button:first-child {
|
|
692
|
-
border-radius: var(--border-radius-base) 0 0 var(--border-radius-base);
|
|
693
|
-
}
|
|
694
|
-
.bk-button-group .bk-button:last-child {
|
|
695
|
-
border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0;
|
|
696
|
-
}
|
|
697
|
-
.bk-button-group .bk-button:only-child {
|
|
698
|
-
border-radius: var(--border-radius-base);
|
|
699
|
-
}
|
|
700
|
-
.bk-button-group .bk-button:hover:not(.is-disabled),
|
|
701
|
-
.bk-button-group .bk-button.is-selected:not(.is-disabled) {
|
|
702
|
-
position: relative;
|
|
703
|
-
z-index: 1;
|
|
704
|
-
color: var(--primary-color);
|
|
705
|
-
background-color: var(--white-color);
|
|
706
|
-
border-color: var(--primary-color);
|
|
707
|
-
}
|
|
708
|
-
.bk-button-group .bk-button.is-selected:not(.is-disabled) {
|
|
709
|
-
background-color: var(--button-selected-bg-color);
|
|
710
|
-
}
|
|
711
|
-
.bk-button-group .bk-button.is-selected.is-disabled {
|
|
712
|
-
background-color: var(--button-disabled-selected-bg-color);
|
|
713
|
-
}
|
package/lib/index.js
CHANGED
package/lib/info-box/index.js
CHANGED
|
@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../sh
|
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
|
5
5
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
|
|
6
6
|
import "../popover/popover.less";
|
|
7
|
+
import * as __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__ from "lodash/merge";
|
|
7
8
|
import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
|
|
8
9
|
/******/ // The require scope
|
|
9
10
|
/******/ var __webpack_require__ = {};
|
|
@@ -54,6 +55,10 @@ const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNA
|
|
|
54
55
|
var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
55
56
|
var popover_less_y = x => () => x
|
|
56
57
|
const popover_less_namespaceObject = popover_less_x({ });
|
|
58
|
+
;// CONCATENATED MODULE: external "lodash/merge"
|
|
59
|
+
var merge_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
60
|
+
var merge_y = x => () => x
|
|
61
|
+
const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__["default"] });
|
|
57
62
|
;// CONCATENATED MODULE: external "vue-types"
|
|
58
63
|
var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
59
64
|
var external_vue_types_y = x => () => x
|
|
@@ -147,6 +152,7 @@ function placementType() {
|
|
|
147
152
|
|
|
148
153
|
|
|
149
154
|
|
|
155
|
+
|
|
150
156
|
// import getActualWidthByCanvas from '../utils/getActualWidthByCanvas';
|
|
151
157
|
// import getActualWidthByDom from '../utils/getActualWidthByDom';
|
|
152
158
|
/* harmony default export */ const overflow_title = ((0,external_vue_namespaceObject.defineComponent)({
|
|
@@ -207,16 +213,18 @@ function placementType() {
|
|
|
207
213
|
},
|
|
208
214
|
render: function render() {
|
|
209
215
|
var _this = this;
|
|
216
|
+
/** popover 基础配置 */
|
|
217
|
+
var basePopoverOptions = {
|
|
218
|
+
boundary: this.boundary || document.body,
|
|
219
|
+
placement: this.placement,
|
|
220
|
+
popoverDelay: [200, 0],
|
|
221
|
+
disabled: this.type === 'title' || !this.isShowTips
|
|
222
|
+
};
|
|
223
|
+
var popoverOptions = (0,merge_namespaceObject["default"])(basePopoverOptions, this.popoverOptions);
|
|
210
224
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
|
211
225
|
"ref": "boxRef",
|
|
212
226
|
"class": "position-relative"
|
|
213
|
-
}, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"],
|
|
214
|
-
"boundary": this.boundary || document.body,
|
|
215
|
-
"placement": this.placement,
|
|
216
|
-
"popoverDelay": [200, 0]
|
|
217
|
-
}, props.popoverOptions, {
|
|
218
|
-
"disabled": this.type === 'title' || !this.isShowTips
|
|
219
|
-
}), {
|
|
227
|
+
}, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], popoverOptions, {
|
|
220
228
|
"default": function _default() {
|
|
221
229
|
return (0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
|
|
222
230
|
"ref": "textRef",
|
package/lib/select/index.js
CHANGED
|
@@ -2509,6 +2509,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
|
2509
2509
|
}, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots3)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : this.selected.map(function (item, index) {
|
|
2510
2510
|
var _this$$slots$tagRende, _this$$slots$tagRende2, _this$$slots4, _this$select;
|
|
2511
2511
|
return (0,external_vue_namespaceObject.createVNode)(tag_namespaceObject["default"], {
|
|
2512
|
+
"key": item.value,
|
|
2512
2513
|
"ref": function ref(el) {
|
|
2513
2514
|
return _this.tagsRefs[index] = el;
|
|
2514
2515
|
},
|
|
@@ -2517,7 +2518,6 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
|
|
|
2517
2518
|
},
|
|
2518
2519
|
"theme": _this.tagTheme,
|
|
2519
2520
|
"closable": true,
|
|
2520
|
-
"key": item.value,
|
|
2521
2521
|
"onClose": function onClose() {
|
|
2522
2522
|
return _this.handleRemoveTag(item.value);
|
|
2523
2523
|
}
|
|
@@ -2628,7 +2628,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
|
2628
2628
|
size: shared_namespaceObject.PropTypes.size().def(shared_namespaceObject.SizeEnum.DEFAULT),
|
|
2629
2629
|
clearable: shared_namespaceObject.PropTypes.bool.def(true),
|
|
2630
2630
|
loading: shared_namespaceObject.PropTypes.bool.def(false),
|
|
2631
|
-
filterable: shared_namespaceObject.PropTypes.bool.def(
|
|
2631
|
+
filterable: shared_namespaceObject.PropTypes.bool.def(false),
|
|
2632
2632
|
remoteMethod: shared_namespaceObject.PropTypes.func,
|
|
2633
2633
|
scrollHeight: shared_namespaceObject.PropTypes.number.def(204),
|
|
2634
2634
|
minHeight: shared_namespaceObject.PropTypes.number,
|
|
@@ -2768,11 +2768,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
|
2768
2768
|
});
|
|
2769
2769
|
var groupsMap = (0,external_vue_namespaceObject.ref)(new Map());
|
|
2770
2770
|
var selected = (0,external_vue_namespaceObject.ref)([]);
|
|
2771
|
-
var
|
|
2771
|
+
var selectedCacheMap = (0,external_vue_namespaceObject.computed)(function () {
|
|
2772
2772
|
return selected.value.reduce(function (pre, item) {
|
|
2773
2773
|
pre[item.value] = item.label;
|
|
2774
2774
|
return pre;
|
|
2775
|
-
}, {});
|
|
2775
|
+
}, _defineProperty({}, "".concat(allOptionId.value), t.value.all));
|
|
2776
2776
|
});
|
|
2777
2777
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
2778
2778
|
var activeOptionValue = (0,external_vue_namespaceObject.ref)(); // 当前悬浮的option
|
|
@@ -3051,6 +3051,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
|
3051
3051
|
if (val === modelValue.value) return;
|
|
3052
3052
|
emit('update:modelValue', val, modelValue.value);
|
|
3053
3053
|
emit('change', val, modelValue.value);
|
|
3054
|
+
// 重置Selected 以model-value为主
|
|
3055
|
+
handleSetSelectedData();
|
|
3054
3056
|
};
|
|
3055
3057
|
// 派发toggle事件
|
|
3056
3058
|
var handleTogglePopover = function handleTogglePopover() {
|
|
@@ -3266,7 +3268,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
|
3266
3268
|
emit('tag-remove', val);
|
|
3267
3269
|
}
|
|
3268
3270
|
};
|
|
3269
|
-
//
|
|
3271
|
+
// 优先级: option name属性 > list模式 > 上一次选择的label > 当前值
|
|
3270
3272
|
var handleGetLabelByValue = function handleGetLabelByValue(value) {
|
|
3271
3273
|
var _optionsMap$value2;
|
|
3272
3274
|
// 处理options value为对象类型，引用类型变更后，回显不对问题
|
|
@@ -3288,7 +3290,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
|
|
|
3288
3290
|
_iterator.f();
|
|
3289
3291
|
}
|
|
3290
3292
|
}
|
|
3291
|
-
return ((_optionsMap$value2 = optionsMap.value) === null || _optionsMap$value2 === void 0 || (_optionsMap$value2 = _optionsMap$value2.get(tmpValue)) === null || _optionsMap$value2 === void 0 ? void 0 : _optionsMap$value2.optionName) || listMap.value[tmpValue] ||
|
|
3293
|
+
return ((_optionsMap$value2 = optionsMap.value) === null || _optionsMap$value2 === void 0 || (_optionsMap$value2 = _optionsMap$value2.get(tmpValue)) === null || _optionsMap$value2 === void 0 ? void 0 : _optionsMap$value2.optionName) || listMap.value[tmpValue] || selectedCacheMap.value[tmpValue] || tmpValue;
|
|
3292
3294
|
};
|
|
3293
3295
|
// 设置selected选项
|
|
3294
3296
|
var handleSetSelectedData = function handleSetSelectedData() {
|