@blueking/bk-user-selector 0.0.28 → 0.0.29-beta.10

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 +19 -18
  2. package/package.json +1 -4
  3. package/typings/api/user.d.ts +27 -7
  4. package/typings/components/me-tag.vue.d.ts +5 -5
  5. package/typings/components/multiple-selector.vue.d.ts +6 -51
  6. package/typings/components/selection-popover.vue.d.ts +27 -5
  7. package/typings/components/single-selector.vue.d.ts +6 -45
  8. package/typings/components/user-render.d.ts +3 -3
  9. package/typings/components/user-selector.vue.d.ts +7 -51
  10. package/typings/components/user-tag.vue.d.ts +5 -14
  11. package/typings/hooks/use-jsonp.d.ts +31 -0
  12. package/typings/hooks/useTenantData.d.ts +4 -3
  13. package/typings/hooks/useUserSearch.d.ts +4 -4
  14. package/typings/types/index.d.ts +8 -0
  15. package/vue2/index.es.min.js +4073 -4662
  16. package/vue2/index.iife.min.js +6835 -6823
  17. package/vue2/index.umd.min.js +4073 -4662
  18. package/vue2/vue2.css +63 -62
  19. package/vue3/index.es.min.js +2923 -2766
  20. package/vue3/index.iife.min.js +4073 -4662
  21. package/vue3/index.umd.min.js +2925 -2768
  22. package/vue3/vue3.css +63 -62
package/vue3/vue3.css CHANGED
@@ -1,161 +1,162 @@
1
- .me-tag[data-v-887b7c44] {
1
+ .me-tag[data-v-9ccd9029] {
2
+ position: absolute;
3
+ top: 50%;
4
+ right: 8px;
5
+ z-index: 1;
2
6
  display: inline-flex;
3
7
  align-items: center;
4
8
  justify-content: center;
5
- background-color: #e1ecff;
6
- color: #4d4f56;
7
- border-radius: 50%;
8
- padding: 0 8px;
9
- height: 24px;
10
9
  width: 24px;
11
- cursor: pointer;
10
+ height: 24px;
11
+ padding: 0 8px;
12
12
  font-size: 12px;
13
- position: absolute;
14
- right: 8px;
15
- top: 50%;
13
+ color: #4d4f56;
14
+ cursor: pointer;
15
+ background-color: #e1ecff;
16
+ border-radius: 50%;
16
17
  transform: translateY(-50%);
17
- z-index: 1;
18
18
  }
19
- .me-tag[data-v-887b7c44]:hover {
20
- background-color: #cddffe;
19
+ .me-tag[data-v-9ccd9029]:hover {
21
20
  color: #3a84ff;
21
+ background-color: #cddffe;
22
22
  }
23
- .me-tag.disabled[data-v-887b7c44] {
24
- background-color: #f0f1f5;
23
+ .me-tag.disabled[data-v-9ccd9029] {
25
24
  color: #c4c6cc;
26
25
  cursor: not-allowed;
27
- }.dropdown-content[data-v-e3741833] {
26
+ background-color: #f0f1f5;
27
+ }.dropdown-content[data-v-6380faf5] {
28
28
  min-height: 40px;
29
29
  max-height: 300px;
30
- overflow-y: auto;
31
30
  padding: 5px 0;
31
+ overflow-y: auto;
32
32
  }
33
- .dropdown-content .no-data[data-v-e3741833] {
33
+ .dropdown-content .no-data[data-v-6380faf5] {
34
34
  padding: 10px;
35
- text-align: center;
36
35
  color: #979ba5;
36
+ text-align: center;
37
37
  }
38
- .dropdown-content .user-group .group-header[data-v-e3741833] {
39
- padding: 8px 12px;
40
- color: #979ba5;
38
+ .dropdown-content .user-group .group-header[data-v-6380faf5] {
41
39
  display: flex;
42
40
  align-items: center;
41
+ padding: 8px 12px;
42
+ color: #979ba5;
43
43
  }
44
- .dropdown-content .user-group .group-header .group-count[data-v-e3741833] {
44
+ .dropdown-content .user-group .group-header .group-count[data-v-6380faf5] {
45
45
  margin-left: 4px;
46
46
  }
47
- .dropdown-content .user-option[data-v-e3741833] {
48
- padding: 8px 12px;
49
- cursor: pointer;
47
+ .dropdown-content .user-option[data-v-6380faf5] {
50
48
  display: flex;
51
49
  align-items: center;
52
50
  height: 32px;
51
+ padding: 8px 12px;
52
+ cursor: pointer;
53
53
  }
54
- .dropdown-content .user-option[data-v-e3741833]:hover {
54
+ .dropdown-content .user-option[data-v-6380faf5]:hover {
55
55
  background-color: #f5f7fa;
56
56
  }.bk-user-selector-popover.bk-user-selector-pop2-content {
57
57
  padding: 0;
58
- }.user-tag[data-v-655f7a5a] {
58
+ }.user-tag[data-v-51944a49] {
59
59
  margin-right: 4px;
60
60
  margin-left: 0;
61
61
  }
62
- .user-tag.draggable[data-v-655f7a5a] {
62
+ .user-tag.draggable[data-v-51944a49] {
63
63
  cursor: move;
64
64
  }
65
- .user-tag.active[data-v-655f7a5a] {
65
+ .user-tag.active[data-v-51944a49] {
66
66
  background-color: #e1ecff;
67
67
  border-color: #3a84ff;
68
68
  }
69
- .user-tag .tag-content .user-name[data-v-655f7a5a] {
70
- white-space: nowrap;
69
+ .user-tag .tag-content .user-name[data-v-51944a49] {
71
70
  overflow: hidden;
72
- text-overflow: ellipsis;
73
71
  font-size: 12px;
74
- }.multiple-selector[data-v-19a0ebec] {
72
+ text-overflow: ellipsis;
73
+ white-space: nowrap;
74
+ }.multiple-selector[data-v-69acfacb] {
75
75
  position: relative;
76
76
  width: 100%;
77
77
  }
78
- .multiple-selector.is-disabled[data-v-19a0ebec] {
78
+ .multiple-selector.is-disabled[data-v-69acfacb] {
79
79
  pointer-events: none;
80
80
  }
81
- .multiple-selector .tags-container[data-v-19a0ebec] {
81
+ .multiple-selector .tags-container[data-v-69acfacb] {
82
82
  min-height: 32px;
83
+ padding: 1px 10px 1px 8px;
84
+ background-color: #fff;
83
85
  border: 1px solid #c4c6cc;
84
86
  border-radius: 2px;
85
- padding: 1px 10px 1px 8px;
86
87
  transition: all 0.2s ease;
87
- background-color: #fff;
88
88
  }
89
- .multiple-selector .tags-container.focused[data-v-19a0ebec] {
89
+ .multiple-selector .tags-container.focused[data-v-69acfacb] {
90
90
  border-color: #3a84ff;
91
91
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
92
92
  }
93
- .multiple-selector .tags-container.collapsed[data-v-19a0ebec] {
93
+ .multiple-selector .tags-container.collapsed[data-v-69acfacb] {
94
94
  display: flex;
95
95
  flex-wrap: wrap;
96
96
  align-items: center;
97
97
  }
98
- .multiple-selector .tag-list[data-v-19a0ebec] {
98
+ .multiple-selector .tag-list[data-v-69acfacb] {
99
99
  display: flex;
100
100
  flex-wrap: wrap;
101
101
  align-items: center;
102
102
  }
103
- .multiple-selector .tag-wrapper[data-v-19a0ebec] {
103
+ .multiple-selector .tag-wrapper[data-v-69acfacb] {
104
104
  display: inline-flex;
105
105
  align-items: center;
106
106
  max-width: 100%;
107
107
  }
108
- .multiple-selector .search-input[data-v-19a0ebec] {
109
- outline: none;
110
- border: none;
111
- height: 28px;
108
+ .multiple-selector .search-input[data-v-69acfacb] {
112
109
  min-width: 10px;
110
+ height: 28px;
113
111
  background: transparent;
112
+ border: none;
113
+ outline: none;
114
114
  }
115
- .multiple-selector .search-input[data-v-19a0ebec]::placeholder {
115
+ .multiple-selector .search-input[data-v-69acfacb]::placeholder {
116
116
  color: #c4c6cc;
117
117
  }
118
- .multiple-selector .search-input.inline[data-v-19a0ebec] {
118
+ .multiple-selector .search-input.inline[data-v-69acfacb] {
119
119
  min-width: 10px;
120
120
  }
121
- .multiple-selector .search-input.last[data-v-19a0ebec], .multiple-selector .search-input.collapsed[data-v-19a0ebec] {
121
+ .multiple-selector .search-input.last[data-v-69acfacb], .multiple-selector .search-input.collapsed[data-v-69acfacb] {
122
122
  flex: 1;
123
123
  min-width: 60px;
124
- }.single-selector[data-v-b6af00c3] {
124
+ }.single-selector[data-v-d52d578d] {
125
125
  position: relative;
126
126
  width: 100%;
127
127
  }
128
- .single-selector.is-disabled[data-v-b6af00c3] {
128
+ .single-selector.is-disabled[data-v-d52d578d] {
129
129
  pointer-events: none;
130
130
  }
131
- .input-container[data-v-b6af00c3] {
131
+ .input-container[data-v-d52d578d] {
132
132
  position: relative;
133
133
  display: flex;
134
134
  align-items: center;
135
135
  min-height: 32px;
136
- border: 1px solid #c4c6cc;
137
- border-radius: 2px;
138
136
  padding: 0 8px;
139
137
  background-color: #fff;
138
+ border: 1px solid #c4c6cc;
139
+ border-radius: 2px;
140
140
  }
141
- .input-container[data-v-b6af00c3]:focus-within {
141
+ .input-container[data-v-d52d578d]:focus-within {
142
142
  border-color: #3a84ff;
143
143
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
144
144
  }
145
- .search-input[data-v-b6af00c3] {
145
+ .search-input[data-v-d52d578d] {
146
146
  flex: 1;
147
- outline: none;
148
- border: none;
149
147
  height: 30px;
150
148
  background: transparent;
149
+ border: none;
150
+ outline: none;
151
151
  }
152
- .search-input[data-v-b6af00c3]::placeholder {
152
+ .search-input[data-v-d52d578d]::placeholder {
153
153
  color: #c4c6cc;
154
- }.bk-user-selector[data-v-c31311f7] {
155
- width: 100%;
154
+ }.bk-user-selector[data-v-02466e5e] {
156
155
  position: relative;
156
+ width: 100%;
157
157
  font-size: 12px;
158
158
  }
159
- .bk-user-selector.is-disabled[data-v-c31311f7] {
159
+ .bk-user-selector.is-disabled[data-v-02466e5e] {
160
160
  cursor: not-allowed;
161
+ background-color: #dcdee5;
161
162
  }