@blueking/bk-user-selector 0.0.31-beta.1 → 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 -29
  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 -29
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-6fd83014] {
882
+ }.multiple-selector[data-v-a551cb5f] {
875
883
  position: relative;
876
884
  width: 100%;
877
885
  }
878
- .multiple-selector.is-disabled[data-v-6fd83014] {
886
+ .multiple-selector.is-disabled[data-v-a551cb5f] {
879
887
  pointer-events: none;
880
888
  }
881
- .multiple-selector .tags-container[data-v-6fd83014] {
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,48 +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-6fd83014] {
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-6fd83014] {
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-6fd83014] {
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-6fd83014] {
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-6fd83014] {
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-6fd83014]::placeholder {
923
+ .multiple-selector .search-input[data-v-a551cb5f]::placeholder {
916
924
  color: #c4c6cc;
917
925
  }
918
- .multiple-selector .search-input.inline[data-v-6fd83014] {
926
+ .multiple-selector .search-input.inline[data-v-a551cb5f] {
919
927
  min-width: 10px;
920
928
  }
921
- .multiple-selector .search-input.last[data-v-6fd83014], .multiple-selector .search-input.collapsed[data-v-6fd83014] {
929
+ .multiple-selector .search-input.last[data-v-a551cb5f], .multiple-selector .search-input.collapsed[data-v-a551cb5f] {
922
930
  flex: 1;
923
- }.single-selector[data-v-7080eb2b] {
931
+ }
932
+ .hidden-users[data-v-a551cb5f] {
933
+ padding: 6px 10px;
934
+ }.single-selector[data-v-6b8c23c5] {
924
935
  position: relative;
925
936
  width: 100%;
926
937
  }
927
- .single-selector.is-disabled[data-v-7080eb2b] {
938
+ .single-selector.is-disabled[data-v-6b8c23c5] {
928
939
  pointer-events: none;
929
940
  }
930
- .input-container[data-v-7080eb2b] {
941
+ .input-container[data-v-6b8c23c5] {
931
942
  position: relative;
932
943
  display: flex;
933
944
  align-items: center;
@@ -937,25 +948,25 @@ optgroup {
937
948
  border: 1px solid #c4c6cc;
938
949
  border-radius: 2px;
939
950
  }
940
- .input-container[data-v-7080eb2b]:focus-within {
951
+ .input-container[data-v-6b8c23c5]:focus-within {
941
952
  border-color: #3a84ff;
942
953
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
943
954
  }
944
- .search-input[data-v-7080eb2b] {
955
+ .search-input[data-v-6b8c23c5] {
945
956
  flex: 1;
946
957
  height: 30px;
947
958
  background: transparent;
948
959
  border: none;
949
960
  outline: none;
950
961
  }
951
- .search-input[data-v-7080eb2b]::placeholder {
962
+ .search-input[data-v-6b8c23c5]::placeholder {
952
963
  color: #c4c6cc;
953
- }.bk-user-selector[data-v-c4574ead] {
964
+ }.bk-user-selector[data-v-3eac7aaa] {
954
965
  position: relative;
955
966
  width: 100%;
956
967
  font-size: 12px;
957
968
  }
958
- .bk-user-selector.is-disabled[data-v-c4574ead] {
969
+ .bk-user-selector.is-disabled[data-v-3eac7aaa] {
959
970
  cursor: not-allowed;
960
971
  background-color: #dcdee5;
961
972
  }