bkui-vue 0.0.1-beta.165 → 0.0.1-beta.168
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 +29 -29
- package/dist/index.esm.js +203 -119
- package/dist/index.umd.js +30 -30
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/cascader-panel.d.ts +16 -0
- package/lib/cascader/cascader.css +3 -0
- package/lib/cascader/cascader.d.ts +14 -0
- package/lib/cascader/cascader.less +3 -0
- package/lib/cascader/cascader.variable.css +3 -0
- package/lib/cascader/index.d.ts +47 -1
- package/lib/cascader/index.js +1 -1
- package/lib/checkbox/checkbox.css +5 -0
- package/lib/checkbox/checkbox.less +4 -0
- package/lib/checkbox/checkbox.variable.css +5 -0
- package/lib/pagination/index.d.ts +16 -1
- package/lib/pagination/index.js +1 -1
- package/lib/pagination/pagination.css +54 -28
- package/lib/pagination/pagination.d.ts +10 -0
- package/lib/pagination/pagination.less +58 -31
- package/lib/pagination/pagination.variable.css +54 -28
- package/lib/select/index.d.ts +67 -10
- package/lib/select/index.js +1 -1
- package/lib/select/select.css +69 -54
- package/lib/select/select.d.ts +22 -3
- package/lib/select/select.less +44 -29
- package/lib/select/select.variable.css +69 -54
- package/lib/select/selectTagInput.d.ts +12 -0
- package/lib/sideslider/index.js +1 -1
- package/lib/styles/reset.css +36 -0
- package/lib/styles/reset.less +26 -0
- package/lib/styles/reset.variable.css +36 -0
- package/lib/table/table.css +59 -28
- package/lib/table/table.variable.css +59 -28
- package/lib/tree/tree.css +5 -0
- package/lib/tree/tree.variable.css +5 -0
- package/package.json +1 -1
package/lib/table/table.css
CHANGED
|
@@ -66,6 +66,11 @@
|
|
|
66
66
|
transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
|
|
67
67
|
transform-origin: center;
|
|
68
68
|
}
|
|
69
|
+
.bk-checkbox.is-indeterminated .bk-checkbox-input {
|
|
70
|
+
background: #3a84ff;
|
|
71
|
+
border-color: #3a84ff;
|
|
72
|
+
transition: all 0.1s;
|
|
73
|
+
}
|
|
69
74
|
.bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
|
|
70
75
|
width: 6px;
|
|
71
76
|
height: 2px;
|
|
@@ -515,11 +520,12 @@
|
|
|
515
520
|
}
|
|
516
521
|
.bk-pagination-total-num {
|
|
517
522
|
padding: 0 2px;
|
|
518
|
-
color: #3f4046;
|
|
519
523
|
}
|
|
520
524
|
.bk-pagination-list {
|
|
521
525
|
display: flex;
|
|
522
526
|
}
|
|
527
|
+
.bk-pagination-list-pre-batch,
|
|
528
|
+
.bk-pagination-list-next-batch,
|
|
523
529
|
.bk-pagination-list-pre,
|
|
524
530
|
.bk-pagination-list-next,
|
|
525
531
|
.bk-pagination-list-item {
|
|
@@ -534,19 +540,26 @@
|
|
|
534
540
|
color: #63656e;
|
|
535
541
|
cursor: pointer;
|
|
536
542
|
background: #fff;
|
|
537
|
-
border: 1px solid #c4c6cc;
|
|
538
543
|
border-radius: 2px;
|
|
539
544
|
user-select: none;
|
|
540
545
|
}
|
|
541
|
-
.bk-pagination-list-pre
|
|
542
|
-
.bk-pagination-list-next
|
|
543
|
-
.bk-pagination-list-item:hover,
|
|
546
|
+
.bk-pagination-list-pre-batch.is-active,
|
|
547
|
+
.bk-pagination-list-next-batch.is-active,
|
|
544
548
|
.bk-pagination-list-pre.is-active,
|
|
545
549
|
.bk-pagination-list-next.is-active,
|
|
546
550
|
.bk-pagination-list-item.is-active {
|
|
547
551
|
color: #3a84ff;
|
|
548
|
-
|
|
552
|
+
background: #e1ecff;
|
|
553
|
+
}
|
|
554
|
+
.bk-pagination-list-pre-batch:hover,
|
|
555
|
+
.bk-pagination-list-next-batch:hover,
|
|
556
|
+
.bk-pagination-list-pre:hover,
|
|
557
|
+
.bk-pagination-list-next:hover,
|
|
558
|
+
.bk-pagination-list-item:hover {
|
|
559
|
+
background: #f0f1f5;
|
|
549
560
|
}
|
|
561
|
+
.bk-pagination-list-pre-batch.is-disabled,
|
|
562
|
+
.bk-pagination-list-next-batch.is-disabled,
|
|
550
563
|
.bk-pagination-list-pre.is-disabled,
|
|
551
564
|
.bk-pagination-list-next.is-disabled,
|
|
552
565
|
.bk-pagination-list-item.is-disabled {
|
|
@@ -555,26 +568,20 @@
|
|
|
555
568
|
background-color: #fafbfd;
|
|
556
569
|
border-color: #dcdee5;
|
|
557
570
|
}
|
|
558
|
-
.bk-pagination-list-pre-batch,
|
|
559
|
-
.bk-pagination-list-next-batch {
|
|
560
|
-
display: flex;
|
|
561
|
-
align-items: center;
|
|
562
|
-
justify-content: center;
|
|
563
|
-
height: 32px;
|
|
564
|
-
cursor: pointer;
|
|
565
|
-
user-select: none;
|
|
566
|
-
}
|
|
567
|
-
.bk-pagination-list-pre-batch:hover,
|
|
568
|
-
.bk-pagination-list-next-batch:hover {
|
|
569
|
-
color: #3a84ff;
|
|
570
|
-
}
|
|
571
571
|
.bk-pagination-list-pre,
|
|
572
572
|
.bk-pagination-list-next {
|
|
573
|
-
font-size:
|
|
573
|
+
font-size: 20px;
|
|
574
|
+
color: #979ba5;
|
|
575
|
+
}
|
|
576
|
+
.bk-pagination-list-pre.is-disabled,
|
|
577
|
+
.bk-pagination-list-next.is-disabled {
|
|
578
|
+
color: #dcdee5;
|
|
579
|
+
cursor: not-allowed;
|
|
580
|
+
background-color: transparent;
|
|
574
581
|
}
|
|
575
582
|
.bk-pagination-list-item {
|
|
576
|
-
margin-right:
|
|
577
|
-
margin-left:
|
|
583
|
+
margin-right: 2px;
|
|
584
|
+
margin-left: 2px;
|
|
578
585
|
}
|
|
579
586
|
.bk-pagination-limit {
|
|
580
587
|
display: flex;
|
|
@@ -585,12 +592,32 @@
|
|
|
585
592
|
width: 60px;
|
|
586
593
|
margin: 0 4px;
|
|
587
594
|
}
|
|
595
|
+
.bk-pagination-limit-select .bk-input {
|
|
596
|
+
border-color: #f0f1f5;
|
|
597
|
+
}
|
|
598
|
+
.bk-pagination-limit-select .bk-input--text {
|
|
599
|
+
background-color: #f0f1f5;
|
|
600
|
+
}
|
|
601
|
+
.bk-pagination-limit-select:hover .bk-input {
|
|
602
|
+
border-color: #eaebf0;
|
|
603
|
+
}
|
|
604
|
+
.bk-pagination-limit-select:hover .bk-input--text {
|
|
605
|
+
background-color: #eaebf0;
|
|
606
|
+
}
|
|
607
|
+
.bk-pagination-limit-select .bk-input.is-focused {
|
|
608
|
+
border-color: #3a84ff;
|
|
609
|
+
}
|
|
610
|
+
.bk-pagination-limit-select .bk-input.is-focused .bk-input--text {
|
|
611
|
+
background-color: #fff;
|
|
612
|
+
}
|
|
588
613
|
.bk-pagination-small-list {
|
|
589
614
|
display: flex;
|
|
615
|
+
align-items: center;
|
|
590
616
|
}
|
|
591
617
|
.bk-pagination-small-list .bk-pagination-picker {
|
|
592
618
|
display: flex;
|
|
593
|
-
height:
|
|
619
|
+
height: 26px;
|
|
620
|
+
margin: 0 4px;
|
|
594
621
|
cursor: pointer;
|
|
595
622
|
background-color: #f0f1f5;
|
|
596
623
|
border: 1px solid #f0f1f5;
|
|
@@ -598,8 +625,8 @@
|
|
|
598
625
|
align-items: center;
|
|
599
626
|
}
|
|
600
627
|
.bk-pagination-small-list .bk-pagination-picker:hover {
|
|
601
|
-
background-color: #
|
|
602
|
-
border-color: #
|
|
628
|
+
background-color: #eaebf0;
|
|
629
|
+
border-color: #eaebf0;
|
|
603
630
|
}
|
|
604
631
|
.bk-pagination-small-list .bk-pagination-picker.is-focused {
|
|
605
632
|
background-color: #fff;
|
|
@@ -608,7 +635,7 @@
|
|
|
608
635
|
}
|
|
609
636
|
.bk-pagination-editor {
|
|
610
637
|
height: 16px;
|
|
611
|
-
min-width:
|
|
638
|
+
min-width: 23px;
|
|
612
639
|
padding-right: 4px;
|
|
613
640
|
padding-left: 8px;
|
|
614
641
|
line-height: 16px;
|
|
@@ -626,14 +653,18 @@
|
|
|
626
653
|
.bk-pagination-btn-pre,
|
|
627
654
|
.bk-pagination-btn-next {
|
|
628
655
|
display: flex;
|
|
656
|
+
width: 26px;
|
|
657
|
+
height: 26px;
|
|
658
|
+
font-size: 20px;
|
|
659
|
+
color: #979ba5;
|
|
660
|
+
cursor: pointer;
|
|
629
661
|
justify-content: center;
|
|
630
662
|
align-items: center;
|
|
631
|
-
width: 24px;
|
|
632
|
-
cursor: pointer;
|
|
633
663
|
}
|
|
634
664
|
.bk-pagination-btn-pre:hover,
|
|
635
665
|
.bk-pagination-btn-next:hover {
|
|
636
666
|
color: #3a84ff;
|
|
667
|
+
background: #f0f1f5;
|
|
637
668
|
}
|
|
638
669
|
.bk-pagination-btn-pre.is-disabled,
|
|
639
670
|
.bk-pagination-btn-next.is-disabled {
|
|
@@ -179,6 +179,11 @@
|
|
|
179
179
|
transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
|
|
180
180
|
transform-origin: center;
|
|
181
181
|
}
|
|
182
|
+
.bk-checkbox.is-indeterminated .bk-checkbox-input {
|
|
183
|
+
background: #3a84ff;
|
|
184
|
+
border-color: #3a84ff;
|
|
185
|
+
transition: all 0.1s;
|
|
186
|
+
}
|
|
182
187
|
.bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
|
|
183
188
|
width: 6px;
|
|
184
189
|
height: 2px;
|
|
@@ -628,11 +633,12 @@
|
|
|
628
633
|
}
|
|
629
634
|
.bk-pagination-total-num {
|
|
630
635
|
padding: 0 2px;
|
|
631
|
-
color: #3f4046;
|
|
632
636
|
}
|
|
633
637
|
.bk-pagination-list {
|
|
634
638
|
display: flex;
|
|
635
639
|
}
|
|
640
|
+
.bk-pagination-list-pre-batch,
|
|
641
|
+
.bk-pagination-list-next-batch,
|
|
636
642
|
.bk-pagination-list-pre,
|
|
637
643
|
.bk-pagination-list-next,
|
|
638
644
|
.bk-pagination-list-item {
|
|
@@ -647,19 +653,26 @@
|
|
|
647
653
|
color: #63656e;
|
|
648
654
|
cursor: pointer;
|
|
649
655
|
background: #fff;
|
|
650
|
-
border: 1px solid #c4c6cc;
|
|
651
656
|
border-radius: 2px;
|
|
652
657
|
user-select: none;
|
|
653
658
|
}
|
|
654
|
-
.bk-pagination-list-pre
|
|
655
|
-
.bk-pagination-list-next
|
|
656
|
-
.bk-pagination-list-item:hover,
|
|
659
|
+
.bk-pagination-list-pre-batch.is-active,
|
|
660
|
+
.bk-pagination-list-next-batch.is-active,
|
|
657
661
|
.bk-pagination-list-pre.is-active,
|
|
658
662
|
.bk-pagination-list-next.is-active,
|
|
659
663
|
.bk-pagination-list-item.is-active {
|
|
660
664
|
color: #3a84ff;
|
|
661
|
-
|
|
665
|
+
background: #e1ecff;
|
|
666
|
+
}
|
|
667
|
+
.bk-pagination-list-pre-batch:hover,
|
|
668
|
+
.bk-pagination-list-next-batch:hover,
|
|
669
|
+
.bk-pagination-list-pre:hover,
|
|
670
|
+
.bk-pagination-list-next:hover,
|
|
671
|
+
.bk-pagination-list-item:hover {
|
|
672
|
+
background: #f0f1f5;
|
|
662
673
|
}
|
|
674
|
+
.bk-pagination-list-pre-batch.is-disabled,
|
|
675
|
+
.bk-pagination-list-next-batch.is-disabled,
|
|
663
676
|
.bk-pagination-list-pre.is-disabled,
|
|
664
677
|
.bk-pagination-list-next.is-disabled,
|
|
665
678
|
.bk-pagination-list-item.is-disabled {
|
|
@@ -668,26 +681,20 @@
|
|
|
668
681
|
background-color: #fafbfd;
|
|
669
682
|
border-color: #dcdee5;
|
|
670
683
|
}
|
|
671
|
-
.bk-pagination-list-pre-batch,
|
|
672
|
-
.bk-pagination-list-next-batch {
|
|
673
|
-
display: flex;
|
|
674
|
-
align-items: center;
|
|
675
|
-
justify-content: center;
|
|
676
|
-
height: 32px;
|
|
677
|
-
cursor: pointer;
|
|
678
|
-
user-select: none;
|
|
679
|
-
}
|
|
680
|
-
.bk-pagination-list-pre-batch:hover,
|
|
681
|
-
.bk-pagination-list-next-batch:hover {
|
|
682
|
-
color: #3a84ff;
|
|
683
|
-
}
|
|
684
684
|
.bk-pagination-list-pre,
|
|
685
685
|
.bk-pagination-list-next {
|
|
686
|
-
font-size:
|
|
686
|
+
font-size: 20px;
|
|
687
|
+
color: #979ba5;
|
|
688
|
+
}
|
|
689
|
+
.bk-pagination-list-pre.is-disabled,
|
|
690
|
+
.bk-pagination-list-next.is-disabled {
|
|
691
|
+
color: #dcdee5;
|
|
692
|
+
cursor: not-allowed;
|
|
693
|
+
background-color: transparent;
|
|
687
694
|
}
|
|
688
695
|
.bk-pagination-list-item {
|
|
689
|
-
margin-right:
|
|
690
|
-
margin-left:
|
|
696
|
+
margin-right: 2px;
|
|
697
|
+
margin-left: 2px;
|
|
691
698
|
}
|
|
692
699
|
.bk-pagination-limit {
|
|
693
700
|
display: flex;
|
|
@@ -698,12 +705,32 @@
|
|
|
698
705
|
width: 60px;
|
|
699
706
|
margin: 0 4px;
|
|
700
707
|
}
|
|
708
|
+
.bk-pagination-limit-select .bk-input {
|
|
709
|
+
border-color: #f0f1f5;
|
|
710
|
+
}
|
|
711
|
+
.bk-pagination-limit-select .bk-input--text {
|
|
712
|
+
background-color: #f0f1f5;
|
|
713
|
+
}
|
|
714
|
+
.bk-pagination-limit-select:hover .bk-input {
|
|
715
|
+
border-color: #eaebf0;
|
|
716
|
+
}
|
|
717
|
+
.bk-pagination-limit-select:hover .bk-input--text {
|
|
718
|
+
background-color: #eaebf0;
|
|
719
|
+
}
|
|
720
|
+
.bk-pagination-limit-select .bk-input.is-focused {
|
|
721
|
+
border-color: #3a84ff;
|
|
722
|
+
}
|
|
723
|
+
.bk-pagination-limit-select .bk-input.is-focused .bk-input--text {
|
|
724
|
+
background-color: #fff;
|
|
725
|
+
}
|
|
701
726
|
.bk-pagination-small-list {
|
|
702
727
|
display: flex;
|
|
728
|
+
align-items: center;
|
|
703
729
|
}
|
|
704
730
|
.bk-pagination-small-list .bk-pagination-picker {
|
|
705
731
|
display: flex;
|
|
706
|
-
height:
|
|
732
|
+
height: 26px;
|
|
733
|
+
margin: 0 4px;
|
|
707
734
|
cursor: pointer;
|
|
708
735
|
background-color: #f0f1f5;
|
|
709
736
|
border: 1px solid #f0f1f5;
|
|
@@ -711,8 +738,8 @@
|
|
|
711
738
|
align-items: center;
|
|
712
739
|
}
|
|
713
740
|
.bk-pagination-small-list .bk-pagination-picker:hover {
|
|
714
|
-
background-color: #
|
|
715
|
-
border-color: #
|
|
741
|
+
background-color: #eaebf0;
|
|
742
|
+
border-color: #eaebf0;
|
|
716
743
|
}
|
|
717
744
|
.bk-pagination-small-list .bk-pagination-picker.is-focused {
|
|
718
745
|
background-color: #fff;
|
|
@@ -721,7 +748,7 @@
|
|
|
721
748
|
}
|
|
722
749
|
.bk-pagination-editor {
|
|
723
750
|
height: 16px;
|
|
724
|
-
min-width:
|
|
751
|
+
min-width: 23px;
|
|
725
752
|
padding-right: 4px;
|
|
726
753
|
padding-left: 8px;
|
|
727
754
|
line-height: 16px;
|
|
@@ -739,14 +766,18 @@
|
|
|
739
766
|
.bk-pagination-btn-pre,
|
|
740
767
|
.bk-pagination-btn-next {
|
|
741
768
|
display: flex;
|
|
769
|
+
width: 26px;
|
|
770
|
+
height: 26px;
|
|
771
|
+
font-size: 20px;
|
|
772
|
+
color: #979ba5;
|
|
773
|
+
cursor: pointer;
|
|
742
774
|
justify-content: center;
|
|
743
775
|
align-items: center;
|
|
744
|
-
width: 24px;
|
|
745
|
-
cursor: pointer;
|
|
746
776
|
}
|
|
747
777
|
.bk-pagination-btn-pre:hover,
|
|
748
778
|
.bk-pagination-btn-next:hover {
|
|
749
779
|
color: #3a84ff;
|
|
780
|
+
background: #f0f1f5;
|
|
750
781
|
}
|
|
751
782
|
.bk-pagination-btn-pre.is-disabled,
|
|
752
783
|
.bk-pagination-btn-next.is-disabled {
|
package/lib/tree/tree.css
CHANGED
|
@@ -66,6 +66,11 @@
|
|
|
66
66
|
transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
|
|
67
67
|
transform-origin: center;
|
|
68
68
|
}
|
|
69
|
+
.bk-checkbox.is-indeterminated .bk-checkbox-input {
|
|
70
|
+
background: #3a84ff;
|
|
71
|
+
border-color: #3a84ff;
|
|
72
|
+
transition: all 0.1s;
|
|
73
|
+
}
|
|
69
74
|
.bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
|
|
70
75
|
width: 6px;
|
|
71
76
|
height: 2px;
|
|
@@ -179,6 +179,11 @@
|
|
|
179
179
|
transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
|
|
180
180
|
transform-origin: center;
|
|
181
181
|
}
|
|
182
|
+
.bk-checkbox.is-indeterminated .bk-checkbox-input {
|
|
183
|
+
background: #3a84ff;
|
|
184
|
+
border-color: #3a84ff;
|
|
185
|
+
transition: all 0.1s;
|
|
186
|
+
}
|
|
182
187
|
.bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
|
|
183
188
|
width: 6px;
|
|
184
189
|
height: 2px;
|