@blueking/bk-user-selector 0.1.5 → 0.1.7
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/README.md +144 -34
- package/package.json +6 -3
- package/typings/components/selection-popover.vue.d.ts +8 -2
- package/typings/components/user-selector.vue.d.ts +14 -2
- package/typings/hooks/use-api-config.d.ts +33 -0
- package/typings/locale/en-us.d.ts +1 -0
- package/typings/locale/zh-cn.d.ts +1 -0
- package/typings/types/index.d.ts +50 -0
- package/typings/utils/logger.d.ts +9 -1
- package/vue2/index.es.min.js +5514 -2529
- package/vue2/index.iife.min.js +6260 -3177
- package/vue2/index.umd.min.js +5690 -2704
- package/vue2/vue2.css +53 -8
- package/vue3/index.es.min.js +1232 -285
- package/vue3/index.iife.min.js +5499 -2521
- package/vue3/index.umd.min.js +1232 -285
- package/vue3/vue3.css +53 -8
package/vue2/vue2.css
CHANGED
|
@@ -814,31 +814,76 @@ optgroup {
|
|
|
814
814
|
min-height: 40px;
|
|
815
815
|
max-height: 300px;
|
|
816
816
|
padding: 5px 0;
|
|
817
|
-
overflow-y: auto;
|
|
818
817
|
}
|
|
819
818
|
.dropdown-content .no-data[data-v-9173accf] {
|
|
820
819
|
padding: 10px;
|
|
821
820
|
color: #979ba5;
|
|
822
821
|
text-align: center;
|
|
823
822
|
}
|
|
824
|
-
.dropdown-
|
|
823
|
+
.dropdown-panels[data-v-9173accf] {
|
|
824
|
+
display: block;
|
|
825
|
+
}
|
|
826
|
+
.dropdown-panel[data-v-9173accf] {
|
|
827
|
+
min-width: 0;
|
|
828
|
+
max-height: 290px;
|
|
829
|
+
overflow-y: auto;
|
|
830
|
+
}
|
|
831
|
+
.dropdown-panels.is-two-column[data-v-9173accf] {
|
|
832
|
+
display: flex;
|
|
833
|
+
}
|
|
834
|
+
.dropdown-panels.is-two-column .dropdown-panel[data-v-9173accf] {
|
|
835
|
+
width: 50%;
|
|
836
|
+
}
|
|
837
|
+
.dropdown-panels.is-two-column .dropdown-panel + .dropdown-panel[data-v-9173accf] {
|
|
838
|
+
border-left: 1px solid #eaebf0;
|
|
839
|
+
}
|
|
840
|
+
.group-header[data-v-9173accf] {
|
|
825
841
|
display: flex;
|
|
826
842
|
align-items: center;
|
|
843
|
+
gap: 4px;
|
|
827
844
|
padding: 8px 12px;
|
|
828
845
|
color: #979ba5;
|
|
829
846
|
}
|
|
830
|
-
.
|
|
831
|
-
|
|
847
|
+
.group-header .group-name[data-v-9173accf],
|
|
848
|
+
.group-header .group-count[data-v-9173accf] {
|
|
849
|
+
min-width: 0;
|
|
850
|
+
overflow: hidden;
|
|
851
|
+
text-overflow: ellipsis;
|
|
852
|
+
white-space: nowrap;
|
|
853
|
+
}
|
|
854
|
+
.user-group[data-v-9173accf],
|
|
855
|
+
.dropdown-panel-main[data-v-9173accf],
|
|
856
|
+
.dropdown-panel-recent[data-v-9173accf] {
|
|
857
|
+
min-width: 0;
|
|
832
858
|
}
|
|
833
|
-
.
|
|
859
|
+
.user-option[data-v-9173accf] {
|
|
834
860
|
display: flex;
|
|
835
861
|
align-items: center;
|
|
862
|
+
min-width: 0;
|
|
836
863
|
height: 32px;
|
|
837
864
|
padding: 8px 12px;
|
|
838
865
|
cursor: pointer;
|
|
839
866
|
}
|
|
840
|
-
.
|
|
867
|
+
.user-option[data-v-9173accf]:hover, .user-option.is-highlighted[data-v-9173accf] {
|
|
841
868
|
background-color: #f5f7fa;
|
|
869
|
+
}
|
|
870
|
+
.dropdown-panel[data-v-9173accf] .user-render,
|
|
871
|
+
.dropdown-panel[data-v-9173accf] .user-main,
|
|
872
|
+
.dropdown-panel[data-v-9173accf] .user-name,
|
|
873
|
+
.dropdown-panel[data-v-9173accf] .tenant-name,
|
|
874
|
+
.user-option[data-v-9173accf] .user-render,
|
|
875
|
+
.user-option[data-v-9173accf] .user-main,
|
|
876
|
+
.user-option[data-v-9173accf] .user-name,
|
|
877
|
+
.user-option[data-v-9173accf] .tenant-name {
|
|
878
|
+
min-width: 0;
|
|
879
|
+
}
|
|
880
|
+
.dropdown-panel[data-v-9173accf] .user-name,
|
|
881
|
+
.dropdown-panel[data-v-9173accf] .tenant-name,
|
|
882
|
+
.user-option[data-v-9173accf] .user-name,
|
|
883
|
+
.user-option[data-v-9173accf] .tenant-name {
|
|
884
|
+
overflow: hidden;
|
|
885
|
+
text-overflow: ellipsis;
|
|
886
|
+
white-space: nowrap;
|
|
842
887
|
}.user-tag[data-v-d1173d20] {
|
|
843
888
|
height: 24px;
|
|
844
889
|
margin-right: 4px;
|
|
@@ -897,16 +942,16 @@ optgroup {
|
|
|
897
942
|
display: flex;
|
|
898
943
|
flex-wrap: wrap;
|
|
899
944
|
row-gap: 4px;
|
|
900
|
-
align-items: center;
|
|
901
945
|
/* 与 .tag-list 一致：避免默认 stretch 拉高行高后 align-items:center 把首行顶离上边框 */
|
|
902
946
|
align-content: flex-start;
|
|
947
|
+
align-items: center;
|
|
903
948
|
}
|
|
904
949
|
.bk-user-selector .tag-list[data-v-089550be] {
|
|
905
950
|
display: flex;
|
|
906
951
|
flex-wrap: wrap;
|
|
907
952
|
row-gap: 4px;
|
|
908
|
-
align-items: center;
|
|
909
953
|
align-content: flex-start;
|
|
954
|
+
align-items: center;
|
|
910
955
|
}
|
|
911
956
|
.bk-user-selector .tag-wrapper[data-v-089550be] {
|
|
912
957
|
display: inline-flex;
|