@blueking/bk-user-selector 0.0.31 → 0.0.32

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 (22) hide show
  1. package/README.md +1 -0
  2. package/package.json +1 -1
  3. package/typings/components/me-tag.vue.d.ts +5 -5
  4. package/typings/components/multiple-selector.vue.d.ts +5 -49
  5. package/typings/components/selection-popover.vue.d.ts +5 -5
  6. package/typings/components/single-selector.vue.d.ts +4 -43
  7. package/typings/components/user-render.d.ts +3 -3
  8. package/typings/components/user-selector.vue.d.ts +5 -51
  9. package/typings/components/user-tag.vue.d.ts +5 -14
  10. package/typings/hooks/useTenantData.d.ts +2 -2
  11. package/typings/hooks/useUserSearch.d.ts +3 -3
  12. package/typings/locale/en-us.d.ts +2 -0
  13. package/typings/locale/zh-cn.d.ts +2 -0
  14. package/typings/types/index.d.ts +4 -0
  15. package/vue2/index.es.min.js +3906 -4477
  16. package/vue2/index.iife.min.js +6673 -6678
  17. package/vue2/index.umd.min.js +3905 -4476
  18. package/vue2/vue2.css +40 -30
  19. package/vue3/index.es.min.js +2599 -2565
  20. package/vue3/index.iife.min.js +3905 -4476
  21. package/vue3/index.umd.min.js +2601 -2567
  22. package/vue3/vue3.css +40 -30
package/vue2/vue2.css CHANGED
@@ -824,61 +824,69 @@ optgroup {
824
824
  color: #c4c6cc;
825
825
  cursor: not-allowed;
826
826
  background-color: #f0f1f5;
827
- }.dropdown-content[data-v-61e98a47] {
827
+ }.dropdown-content[data-v-e9bf7a96] {
828
828
  min-height: 40px;
829
829
  max-height: 300px;
830
830
  padding: 5px 0;
831
831
  overflow-y: auto;
832
832
  }
833
- .dropdown-content .no-data[data-v-61e98a47] {
833
+ .dropdown-content .no-data[data-v-e9bf7a96] {
834
834
  padding: 10px;
835
835
  color: #979ba5;
836
836
  text-align: center;
837
837
  }
838
- .dropdown-content .user-group .group-header[data-v-61e98a47] {
838
+ .dropdown-content .user-group .group-header[data-v-e9bf7a96] {
839
839
  display: flex;
840
840
  align-items: center;
841
841
  padding: 8px 12px;
842
842
  color: #979ba5;
843
843
  }
844
- .dropdown-content .user-group .group-header .group-count[data-v-61e98a47] {
844
+ .dropdown-content .user-group .group-header .group-count[data-v-e9bf7a96] {
845
845
  margin-left: 4px;
846
846
  }
847
- .dropdown-content .user-option[data-v-61e98a47] {
847
+ .dropdown-content .user-option[data-v-e9bf7a96] {
848
848
  display: flex;
849
849
  align-items: center;
850
850
  height: 32px;
851
851
  padding: 8px 12px;
852
852
  cursor: pointer;
853
853
  }
854
- .dropdown-content .user-option[data-v-61e98a47]:hover {
854
+ .dropdown-content .user-option[data-v-e9bf7a96]:hover {
855
855
  background-color: #f5f7fa;
856
856
  }.bk-user-selector-popover.bk-user-selector-pop2-content {
857
857
  padding: 0;
858
- }.user-tag[data-v-51944a49] {
858
+ }.user-tag[data-v-3ff46050] {
859
859
  margin-right: 4px;
860
860
  margin-left: 0;
861
861
  }
862
- .user-tag.draggable[data-v-51944a49] {
862
+ .user-tag.draggable[data-v-3ff46050] {
863
863
  cursor: move;
864
864
  }
865
- .user-tag.active[data-v-51944a49] {
865
+ .user-tag.active[data-v-3ff46050] {
866
866
  background-color: #e1ecff;
867
867
  border-color: #3a84ff;
868
868
  }
869
- .user-tag .tag-content .user-name[data-v-51944a49] {
869
+ .user-tag.is-custom[data-v-3ff46050] {
870
+ color: #ea3636;
871
+ background-color: #feebea;
872
+ border-color: rgba(234, 53, 54, 0.3019607843);
873
+ }
874
+ .user-tag.is-custom[data-v-3ff46050]:hover {
875
+ background-color: #fedddc;
876
+ }
877
+ .user-tag .tag-content .user-name[data-v-3ff46050] {
870
878
  overflow: hidden;
871
879
  font-size: 12px;
872
880
  text-overflow: ellipsis;
873
881
  white-space: nowrap;
874
- }.multiple-selector[data-v-1c358144] {
882
+ }.multiple-selector[data-v-a551cb5f] {
875
883
  position: relative;
876
884
  width: 100%;
877
885
  }
878
- .multiple-selector.is-disabled[data-v-1c358144] {
886
+ .multiple-selector.is-disabled[data-v-a551cb5f] {
879
887
  pointer-events: none;
880
888
  }
881
- .multiple-selector .tags-container[data-v-1c358144] {
889
+ .multiple-selector .tags-container[data-v-a551cb5f] {
882
890
  min-height: 32px;
883
891
  padding: 1px 10px 1px 8px;
884
892
  background-color: #fff;
@@ -886,49 +894,51 @@ optgroup {
886
894
  border-radius: 2px;
887
895
  transition: all 0.2s ease;
888
896
  }
889
- .multiple-selector .tags-container.focused[data-v-1c358144] {
897
+ .multiple-selector .tags-container.focused[data-v-a551cb5f] {
890
898
  border-color: #3a84ff;
891
899
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
892
900
  }
893
- .multiple-selector .tags-container.collapsed[data-v-1c358144] {
901
+ .multiple-selector .tags-container.collapsed[data-v-a551cb5f] {
894
902
  display: flex;
895
903
  flex-wrap: wrap;
896
904
  align-items: center;
897
905
  }
898
- .multiple-selector .tag-list[data-v-1c358144] {
906
+ .multiple-selector .tag-list[data-v-a551cb5f] {
899
907
  display: flex;
900
908
  flex-wrap: wrap;
901
909
  align-items: center;
902
910
  }
903
- .multiple-selector .tag-wrapper[data-v-1c358144] {
911
+ .multiple-selector .tag-wrapper[data-v-a551cb5f] {
904
912
  display: inline-flex;
905
913
  align-items: center;
906
914
  max-width: 100%;
907
915
  }
908
- .multiple-selector .search-input[data-v-1c358144] {
916
+ .multiple-selector .search-input[data-v-a551cb5f] {
909
917
  min-width: 10px;
910
918
  height: 28px;
911
919
  background: transparent;
912
920
  border: none;
913
921
  outline: none;
914
922
  }
915
- .multiple-selector .search-input[data-v-1c358144]::placeholder {
923
+ .multiple-selector .search-input[data-v-a551cb5f]::placeholder {
916
924
  color: #c4c6cc;
917
925
  }
918
- .multiple-selector .search-input.inline[data-v-1c358144] {
926
+ .multiple-selector .search-input.inline[data-v-a551cb5f] {
919
927
  min-width: 10px;
920
928
  }
921
- .multiple-selector .search-input.last[data-v-1c358144], .multiple-selector .search-input.collapsed[data-v-1c358144] {
929
+ .multiple-selector .search-input.last[data-v-a551cb5f], .multiple-selector .search-input.collapsed[data-v-a551cb5f] {
922
930
  flex: 1;
923
- min-width: 60px;
924
- }.single-selector[data-v-7080eb2b] {
931
+ }
932
+ .hidden-users[data-v-a551cb5f] {
933
+ padding: 6px 10px;
934
+ }.single-selector[data-v-6b8c23c5] {
925
935
  position: relative;
926
936
  width: 100%;
927
937
  }
928
- .single-selector.is-disabled[data-v-7080eb2b] {
938
+ .single-selector.is-disabled[data-v-6b8c23c5] {
929
939
  pointer-events: none;
930
940
  }
931
- .input-container[data-v-7080eb2b] {
941
+ .input-container[data-v-6b8c23c5] {
932
942
  position: relative;
933
943
  display: flex;
934
944
  align-items: center;
@@ -938,25 +948,25 @@ optgroup {
938
948
  border: 1px solid #c4c6cc;
939
949
  border-radius: 2px;
940
950
  }
941
- .input-container[data-v-7080eb2b]:focus-within {
951
+ .input-container[data-v-6b8c23c5]:focus-within {
942
952
  border-color: #3a84ff;
943
953
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
944
954
  }
945
- .search-input[data-v-7080eb2b] {
955
+ .search-input[data-v-6b8c23c5] {
946
956
  flex: 1;
947
957
  height: 30px;
948
958
  background: transparent;
949
959
  border: none;
950
960
  outline: none;
951
961
  }
952
- .search-input[data-v-7080eb2b]::placeholder {
962
+ .search-input[data-v-6b8c23c5]::placeholder {
953
963
  color: #c4c6cc;
954
- }.bk-user-selector[data-v-c4574ead] {
964
+ }.bk-user-selector[data-v-3eac7aaa] {
955
965
  position: relative;
956
966
  width: 100%;
957
967
  font-size: 12px;
958
968
  }
959
- .bk-user-selector.is-disabled[data-v-c4574ead] {
969
+ .bk-user-selector.is-disabled[data-v-3eac7aaa] {
960
970
  cursor: not-allowed;
961
971
  background-color: #dcdee5;
962
972
  }