@blueking/bk-user-selector 0.0.27 → 0.0.29-beta.1

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 (21) hide show
  1. package/package.json +2 -6
  2. package/typings/api/user.d.ts +26 -6
  3. package/typings/components/me-tag.vue.d.ts +5 -5
  4. package/typings/components/multiple-selector.vue.d.ts +6 -51
  5. package/typings/components/selection-popover.vue.d.ts +5 -5
  6. package/typings/components/single-selector.vue.d.ts +6 -45
  7. package/typings/components/user-render.d.ts +3 -3
  8. package/typings/components/user-selector.vue.d.ts +7 -51
  9. package/typings/components/user-tag.vue.d.ts +5 -14
  10. package/typings/hooks/use-jsonp.d.ts +29 -0
  11. package/typings/hooks/useTenantData.d.ts +2 -2
  12. package/typings/hooks/useUserSearch.d.ts +3 -3
  13. package/typings/types/index.d.ts +8 -0
  14. package/vue2/index.es.min.js +3830 -4422
  15. package/vue2/index.iife.min.js +6325 -6349
  16. package/vue2/index.umd.min.js +3829 -4421
  17. package/vue2/vue2.css +63 -62
  18. package/vue3/index.es.min.js +2680 -2526
  19. package/vue3/index.iife.min.js +3829 -4421
  20. package/vue3/index.umd.min.js +2682 -2528
  21. package/vue3/vue3.css +63 -62
package/vue2/vue2.css CHANGED
@@ -797,164 +797,165 @@ optgroup {
797
797
  line-height: 0;
798
798
  cursor: pointer;
799
799
  }
800
- .me-tag[data-v-887b7c44] {
800
+ .me-tag[data-v-9ccd9029] {
801
+ position: absolute;
802
+ top: 50%;
803
+ right: 8px;
804
+ z-index: 1;
801
805
  display: inline-flex;
802
806
  align-items: center;
803
807
  justify-content: center;
804
- background-color: #e1ecff;
805
- color: #4d4f56;
806
- border-radius: 50%;
807
- padding: 0 8px;
808
- height: 24px;
809
808
  width: 24px;
810
- cursor: pointer;
809
+ height: 24px;
810
+ padding: 0 8px;
811
811
  font-size: 12px;
812
- position: absolute;
813
- right: 8px;
814
- top: 50%;
812
+ color: #4d4f56;
813
+ cursor: pointer;
814
+ background-color: #e1ecff;
815
+ border-radius: 50%;
815
816
  transform: translateY(-50%);
816
- z-index: 1;
817
817
  }
818
- .me-tag[data-v-887b7c44]:hover {
819
- background-color: #cddffe;
818
+ .me-tag[data-v-9ccd9029]:hover {
820
819
  color: #3a84ff;
820
+ background-color: #cddffe;
821
821
  }
822
- .me-tag.disabled[data-v-887b7c44] {
823
- background-color: #f0f1f5;
822
+ .me-tag.disabled[data-v-9ccd9029] {
824
823
  color: #c4c6cc;
825
824
  cursor: not-allowed;
826
- }.dropdown-content[data-v-e3741833] {
825
+ background-color: #f0f1f5;
826
+ }.dropdown-content[data-v-a4132257] {
827
827
  min-height: 40px;
828
828
  max-height: 300px;
829
- overflow-y: auto;
830
829
  padding: 5px 0;
830
+ overflow-y: auto;
831
831
  }
832
- .dropdown-content .no-data[data-v-e3741833] {
832
+ .dropdown-content .no-data[data-v-a4132257] {
833
833
  padding: 10px;
834
- text-align: center;
835
834
  color: #979ba5;
835
+ text-align: center;
836
836
  }
837
- .dropdown-content .user-group .group-header[data-v-e3741833] {
838
- padding: 8px 12px;
839
- color: #979ba5;
837
+ .dropdown-content .user-group .group-header[data-v-a4132257] {
840
838
  display: flex;
841
839
  align-items: center;
840
+ padding: 8px 12px;
841
+ color: #979ba5;
842
842
  }
843
- .dropdown-content .user-group .group-header .group-count[data-v-e3741833] {
843
+ .dropdown-content .user-group .group-header .group-count[data-v-a4132257] {
844
844
  margin-left: 4px;
845
845
  }
846
- .dropdown-content .user-option[data-v-e3741833] {
847
- padding: 8px 12px;
848
- cursor: pointer;
846
+ .dropdown-content .user-option[data-v-a4132257] {
849
847
  display: flex;
850
848
  align-items: center;
851
849
  height: 32px;
850
+ padding: 8px 12px;
851
+ cursor: pointer;
852
852
  }
853
- .dropdown-content .user-option[data-v-e3741833]:hover {
853
+ .dropdown-content .user-option[data-v-a4132257]:hover {
854
854
  background-color: #f5f7fa;
855
855
  }.bk-user-selector-popover.bk-user-selector-pop2-content {
856
856
  padding: 0;
857
- }.user-tag[data-v-655f7a5a] {
857
+ }.user-tag[data-v-51944a49] {
858
858
  margin-right: 4px;
859
859
  margin-left: 0;
860
860
  }
861
- .user-tag.draggable[data-v-655f7a5a] {
861
+ .user-tag.draggable[data-v-51944a49] {
862
862
  cursor: move;
863
863
  }
864
- .user-tag.active[data-v-655f7a5a] {
864
+ .user-tag.active[data-v-51944a49] {
865
865
  background-color: #e1ecff;
866
866
  border-color: #3a84ff;
867
867
  }
868
- .user-tag .tag-content .user-name[data-v-655f7a5a] {
869
- white-space: nowrap;
868
+ .user-tag .tag-content .user-name[data-v-51944a49] {
870
869
  overflow: hidden;
871
- text-overflow: ellipsis;
872
870
  font-size: 12px;
873
- }.multiple-selector[data-v-19a0ebec] {
871
+ text-overflow: ellipsis;
872
+ white-space: nowrap;
873
+ }.multiple-selector[data-v-bebe517d] {
874
874
  position: relative;
875
875
  width: 100%;
876
876
  }
877
- .multiple-selector.is-disabled[data-v-19a0ebec] {
877
+ .multiple-selector.is-disabled[data-v-bebe517d] {
878
878
  pointer-events: none;
879
879
  }
880
- .multiple-selector .tags-container[data-v-19a0ebec] {
880
+ .multiple-selector .tags-container[data-v-bebe517d] {
881
881
  min-height: 32px;
882
+ padding: 1px 10px 1px 8px;
883
+ background-color: #fff;
882
884
  border: 1px solid #c4c6cc;
883
885
  border-radius: 2px;
884
- padding: 1px 10px 1px 8px;
885
886
  transition: all 0.2s ease;
886
- background-color: #fff;
887
887
  }
888
- .multiple-selector .tags-container.focused[data-v-19a0ebec] {
888
+ .multiple-selector .tags-container.focused[data-v-bebe517d] {
889
889
  border-color: #3a84ff;
890
890
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
891
891
  }
892
- .multiple-selector .tags-container.collapsed[data-v-19a0ebec] {
892
+ .multiple-selector .tags-container.collapsed[data-v-bebe517d] {
893
893
  display: flex;
894
894
  flex-wrap: wrap;
895
895
  align-items: center;
896
896
  }
897
- .multiple-selector .tag-list[data-v-19a0ebec] {
897
+ .multiple-selector .tag-list[data-v-bebe517d] {
898
898
  display: flex;
899
899
  flex-wrap: wrap;
900
900
  align-items: center;
901
901
  }
902
- .multiple-selector .tag-wrapper[data-v-19a0ebec] {
902
+ .multiple-selector .tag-wrapper[data-v-bebe517d] {
903
903
  display: inline-flex;
904
904
  align-items: center;
905
905
  max-width: 100%;
906
906
  }
907
- .multiple-selector .search-input[data-v-19a0ebec] {
908
- outline: none;
909
- border: none;
910
- height: 28px;
907
+ .multiple-selector .search-input[data-v-bebe517d] {
911
908
  min-width: 10px;
909
+ height: 28px;
912
910
  background: transparent;
911
+ border: none;
912
+ outline: none;
913
913
  }
914
- .multiple-selector .search-input[data-v-19a0ebec]::placeholder {
914
+ .multiple-selector .search-input[data-v-bebe517d]::placeholder {
915
915
  color: #c4c6cc;
916
916
  }
917
- .multiple-selector .search-input.inline[data-v-19a0ebec] {
917
+ .multiple-selector .search-input.inline[data-v-bebe517d] {
918
918
  min-width: 10px;
919
919
  }
920
- .multiple-selector .search-input.last[data-v-19a0ebec], .multiple-selector .search-input.collapsed[data-v-19a0ebec] {
920
+ .multiple-selector .search-input.last[data-v-bebe517d], .multiple-selector .search-input.collapsed[data-v-bebe517d] {
921
921
  flex: 1;
922
922
  min-width: 60px;
923
- }.single-selector[data-v-b6af00c3] {
923
+ }.single-selector[data-v-67f2ee6a] {
924
924
  position: relative;
925
925
  width: 100%;
926
926
  }
927
- .single-selector.is-disabled[data-v-b6af00c3] {
927
+ .single-selector.is-disabled[data-v-67f2ee6a] {
928
928
  pointer-events: none;
929
929
  }
930
- .input-container[data-v-b6af00c3] {
930
+ .input-container[data-v-67f2ee6a] {
931
931
  position: relative;
932
932
  display: flex;
933
933
  align-items: center;
934
934
  min-height: 32px;
935
- border: 1px solid #c4c6cc;
936
- border-radius: 2px;
937
935
  padding: 0 8px;
938
936
  background-color: #fff;
937
+ border: 1px solid #c4c6cc;
938
+ border-radius: 2px;
939
939
  }
940
- .input-container[data-v-b6af00c3]:focus-within {
940
+ .input-container[data-v-67f2ee6a]:focus-within {
941
941
  border-color: #3a84ff;
942
942
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
943
943
  }
944
- .search-input[data-v-b6af00c3] {
944
+ .search-input[data-v-67f2ee6a] {
945
945
  flex: 1;
946
- outline: none;
947
- border: none;
948
946
  height: 30px;
949
947
  background: transparent;
948
+ border: none;
949
+ outline: none;
950
950
  }
951
- .search-input[data-v-b6af00c3]::placeholder {
951
+ .search-input[data-v-67f2ee6a]::placeholder {
952
952
  color: #c4c6cc;
953
- }.bk-user-selector[data-v-c31311f7] {
954
- width: 100%;
953
+ }.bk-user-selector[data-v-30b84150] {
955
954
  position: relative;
955
+ width: 100%;
956
956
  font-size: 12px;
957
957
  }
958
- .bk-user-selector.is-disabled[data-v-c31311f7] {
958
+ .bk-user-selector.is-disabled[data-v-30b84150] {
959
959
  cursor: not-allowed;
960
+ background-color: #dcdee5;
960
961
  }