@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/vue3/vue3.css CHANGED
@@ -25,61 +25,69 @@
25
25
  color: #c4c6cc;
26
26
  cursor: not-allowed;
27
27
  background-color: #f0f1f5;
28
- }.dropdown-content[data-v-61e98a47] {
28
+ }.dropdown-content[data-v-e9bf7a96] {
29
29
  min-height: 40px;
30
30
  max-height: 300px;
31
31
  padding: 5px 0;
32
32
  overflow-y: auto;
33
33
  }
34
- .dropdown-content .no-data[data-v-61e98a47] {
34
+ .dropdown-content .no-data[data-v-e9bf7a96] {
35
35
  padding: 10px;
36
36
  color: #979ba5;
37
37
  text-align: center;
38
38
  }
39
- .dropdown-content .user-group .group-header[data-v-61e98a47] {
39
+ .dropdown-content .user-group .group-header[data-v-e9bf7a96] {
40
40
  display: flex;
41
41
  align-items: center;
42
42
  padding: 8px 12px;
43
43
  color: #979ba5;
44
44
  }
45
- .dropdown-content .user-group .group-header .group-count[data-v-61e98a47] {
45
+ .dropdown-content .user-group .group-header .group-count[data-v-e9bf7a96] {
46
46
  margin-left: 4px;
47
47
  }
48
- .dropdown-content .user-option[data-v-61e98a47] {
48
+ .dropdown-content .user-option[data-v-e9bf7a96] {
49
49
  display: flex;
50
50
  align-items: center;
51
51
  height: 32px;
52
52
  padding: 8px 12px;
53
53
  cursor: pointer;
54
54
  }
55
- .dropdown-content .user-option[data-v-61e98a47]:hover {
55
+ .dropdown-content .user-option[data-v-e9bf7a96]:hover {
56
56
  background-color: #f5f7fa;
57
57
  }.bk-user-selector-popover.bk-user-selector-pop2-content {
58
58
  padding: 0;
59
- }.user-tag[data-v-51944a49] {
59
+ }.user-tag[data-v-3ff46050] {
60
60
  margin-right: 4px;
61
61
  margin-left: 0;
62
62
  }
63
- .user-tag.draggable[data-v-51944a49] {
63
+ .user-tag.draggable[data-v-3ff46050] {
64
64
  cursor: move;
65
65
  }
66
- .user-tag.active[data-v-51944a49] {
66
+ .user-tag.active[data-v-3ff46050] {
67
67
  background-color: #e1ecff;
68
68
  border-color: #3a84ff;
69
69
  }
70
- .user-tag .tag-content .user-name[data-v-51944a49] {
70
+ .user-tag.is-custom[data-v-3ff46050] {
71
+ color: #ea3636;
72
+ background-color: #feebea;
73
+ border-color: rgba(234, 53, 54, 0.3019607843);
74
+ }
75
+ .user-tag.is-custom[data-v-3ff46050]:hover {
76
+ background-color: #fedddc;
77
+ }
78
+ .user-tag .tag-content .user-name[data-v-3ff46050] {
71
79
  overflow: hidden;
72
80
  font-size: 12px;
73
81
  text-overflow: ellipsis;
74
82
  white-space: nowrap;
75
- }.multiple-selector[data-v-6fd83014] {
83
+ }.multiple-selector[data-v-a551cb5f] {
76
84
  position: relative;
77
85
  width: 100%;
78
86
  }
79
- .multiple-selector.is-disabled[data-v-6fd83014] {
87
+ .multiple-selector.is-disabled[data-v-a551cb5f] {
80
88
  pointer-events: none;
81
89
  }
82
- .multiple-selector .tags-container[data-v-6fd83014] {
90
+ .multiple-selector .tags-container[data-v-a551cb5f] {
83
91
  min-height: 32px;
84
92
  padding: 1px 10px 1px 8px;
85
93
  background-color: #fff;
@@ -87,48 +95,51 @@
87
95
  border-radius: 2px;
88
96
  transition: all 0.2s ease;
89
97
  }
90
- .multiple-selector .tags-container.focused[data-v-6fd83014] {
98
+ .multiple-selector .tags-container.focused[data-v-a551cb5f] {
91
99
  border-color: #3a84ff;
92
100
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
93
101
  }
94
- .multiple-selector .tags-container.collapsed[data-v-6fd83014] {
102
+ .multiple-selector .tags-container.collapsed[data-v-a551cb5f] {
95
103
  display: flex;
96
104
  flex-wrap: wrap;
97
105
  align-items: center;
98
106
  }
99
- .multiple-selector .tag-list[data-v-6fd83014] {
107
+ .multiple-selector .tag-list[data-v-a551cb5f] {
100
108
  display: flex;
101
109
  flex-wrap: wrap;
102
110
  align-items: center;
103
111
  }
104
- .multiple-selector .tag-wrapper[data-v-6fd83014] {
112
+ .multiple-selector .tag-wrapper[data-v-a551cb5f] {
105
113
  display: inline-flex;
106
114
  align-items: center;
107
115
  max-width: 100%;
108
116
  }
109
- .multiple-selector .search-input[data-v-6fd83014] {
117
+ .multiple-selector .search-input[data-v-a551cb5f] {
110
118
  min-width: 10px;
111
119
  height: 28px;
112
120
  background: transparent;
113
121
  border: none;
114
122
  outline: none;
115
123
  }
116
- .multiple-selector .search-input[data-v-6fd83014]::placeholder {
124
+ .multiple-selector .search-input[data-v-a551cb5f]::placeholder {
117
125
  color: #c4c6cc;
118
126
  }
119
- .multiple-selector .search-input.inline[data-v-6fd83014] {
127
+ .multiple-selector .search-input.inline[data-v-a551cb5f] {
120
128
  min-width: 10px;
121
129
  }
122
- .multiple-selector .search-input.last[data-v-6fd83014], .multiple-selector .search-input.collapsed[data-v-6fd83014] {
130
+ .multiple-selector .search-input.last[data-v-a551cb5f], .multiple-selector .search-input.collapsed[data-v-a551cb5f] {
123
131
  flex: 1;
124
- }.single-selector[data-v-7080eb2b] {
132
+ }
133
+ .hidden-users[data-v-a551cb5f] {
134
+ padding: 6px 10px;
135
+ }.single-selector[data-v-6b8c23c5] {
125
136
  position: relative;
126
137
  width: 100%;
127
138
  }
128
- .single-selector.is-disabled[data-v-7080eb2b] {
139
+ .single-selector.is-disabled[data-v-6b8c23c5] {
129
140
  pointer-events: none;
130
141
  }
131
- .input-container[data-v-7080eb2b] {
142
+ .input-container[data-v-6b8c23c5] {
132
143
  position: relative;
133
144
  display: flex;
134
145
  align-items: center;
@@ -138,25 +149,25 @@
138
149
  border: 1px solid #c4c6cc;
139
150
  border-radius: 2px;
140
151
  }
141
- .input-container[data-v-7080eb2b]:focus-within {
152
+ .input-container[data-v-6b8c23c5]:focus-within {
142
153
  border-color: #3a84ff;
143
154
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
144
155
  }
145
- .search-input[data-v-7080eb2b] {
156
+ .search-input[data-v-6b8c23c5] {
146
157
  flex: 1;
147
158
  height: 30px;
148
159
  background: transparent;
149
160
  border: none;
150
161
  outline: none;
151
162
  }
152
- .search-input[data-v-7080eb2b]::placeholder {
163
+ .search-input[data-v-6b8c23c5]::placeholder {
153
164
  color: #c4c6cc;
154
- }.bk-user-selector[data-v-c4574ead] {
165
+ }.bk-user-selector[data-v-3eac7aaa] {
155
166
  position: relative;
156
167
  width: 100%;
157
168
  font-size: 12px;
158
169
  }
159
- .bk-user-selector.is-disabled[data-v-c4574ead] {
170
+ .bk-user-selector.is-disabled[data-v-3eac7aaa] {
160
171
  cursor: not-allowed;
161
172
  background-color: #dcdee5;
162
173
  }