bkui-vue 0.0.1-beta.164 → 0.0.1-beta.167
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 +32 -32
- package/dist/index.esm.js +198 -118
- package/dist/index.umd.js +33 -33
- 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 +15 -1
- package/lib/cascader/cascader.less +3 -0
- package/lib/cascader/cascader.variable.css +3 -0
- package/lib/cascader/index.d.ts +50 -4
- 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/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
@@ -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;
|