@blueking/bk-user-selector 0.0.10 → 0.0.12

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 (16) hide show
  1. package/README.md +1 -0
  2. package/package.json +1 -1
  3. package/typings/api/user.d.ts +1 -1
  4. package/typings/components/multiple-selector.vue.d.ts +3 -0
  5. package/typings/components/selection-popover.vue.d.ts +15 -0
  6. package/typings/components/single-selector.vue.d.ts +3 -0
  7. package/typings/components/user-selector.vue.d.ts +3 -0
  8. package/typings/types/index.d.ts +4 -0
  9. package/vue2/index.es.min.js +233 -200
  10. package/vue2/index.iife.min.js +234 -201
  11. package/vue2/index.umd.min.js +234 -201
  12. package/vue2/vue2.css +32 -31
  13. package/vue3/index.es.min.js +233 -200
  14. package/vue3/index.iife.min.js +234 -201
  15. package/vue3/index.umd.min.js +234 -201
  16. package/vue3/vue3.css +32 -31
package/vue3/vue3.css CHANGED
@@ -24,69 +24,70 @@
24
24
  background-color: #f0f1f5;
25
25
  color: #c4c6cc;
26
26
  cursor: not-allowed;
27
- }.dropdown-content[data-v-01b75e6e] {
27
+ }.dropdown-content[data-v-05b232a4] {
28
28
  min-height: 40px;
29
29
  max-height: 300px;
30
30
  overflow-y: auto;
31
31
  padding: 5px 0;
32
32
  }
33
- .dropdown-content .no-data[data-v-01b75e6e] {
33
+ .dropdown-content .no-data[data-v-05b232a4] {
34
34
  padding: 10px;
35
35
  text-align: center;
36
36
  color: #979ba5;
37
37
  }
38
- .dropdown-content .user-group .group-header[data-v-01b75e6e] {
38
+ .dropdown-content .user-group .group-header[data-v-05b232a4] {
39
39
  padding: 8px 12px;
40
40
  color: #979ba5;
41
41
  display: flex;
42
42
  align-items: center;
43
43
  }
44
- .dropdown-content .user-group .group-header .group-count[data-v-01b75e6e] {
44
+ .dropdown-content .user-group .group-header .group-count[data-v-05b232a4] {
45
45
  margin-left: 4px;
46
46
  }
47
- .dropdown-content .user-option[data-v-01b75e6e] {
47
+ .dropdown-content .user-option[data-v-05b232a4] {
48
48
  padding: 8px 12px;
49
49
  cursor: pointer;
50
50
  display: flex;
51
51
  align-items: center;
52
52
  height: 32px;
53
53
  }
54
- .dropdown-content .user-option[data-v-01b75e6e]:hover {
54
+ .dropdown-content .user-option[data-v-05b232a4]:hover {
55
55
  background-color: #f5f7fa;
56
56
  }
57
- .dropdown-content .user-option .tenant-name[data-v-01b75e6e] {
57
+ .dropdown-content .user-option .tenant-name[data-v-05b232a4] {
58
58
  color: #f59500;
59
59
  margin-left: 4px;
60
60
  padding: 0 4px;
61
61
  }.bk-user-selector-popover.bk-popover.bk-pop2-content {
62
62
  padding: 0;
63
- }.user-tag[data-v-203c36cb] {
63
+ }.user-tag[data-v-87c12feb] {
64
64
  margin-right: 4px;
65
+ margin-left: 0;
65
66
  }
66
- .user-tag.draggable[data-v-203c36cb] {
67
+ .user-tag.draggable[data-v-87c12feb] {
67
68
  cursor: move;
68
69
  }
69
- .user-tag.active[data-v-203c36cb] {
70
+ .user-tag.active[data-v-87c12feb] {
70
71
  background-color: #e1ecff;
71
72
  border-color: #3a84ff;
72
73
  }
73
- .user-tag .tag-content .user-name[data-v-203c36cb] {
74
+ .user-tag .tag-content .user-name[data-v-87c12feb] {
74
75
  white-space: nowrap;
75
76
  overflow: hidden;
76
77
  text-overflow: ellipsis;
77
78
  font-size: 12px;
78
79
  }
79
- .user-tag .tag-content .tenant-name[data-v-203c36cb] {
80
+ .user-tag .tag-content .tenant-name[data-v-87c12feb] {
80
81
  color: #f59500;
81
82
  margin-left: 3px;
82
83
  white-space: nowrap;
83
84
  padding: 0 3px;
84
85
  border-radius: 2px;
85
- }.multiple-selector[data-v-1a376d26] {
86
+ }.multiple-selector[data-v-a884849e] {
86
87
  position: relative;
87
88
  width: 100%;
88
89
  }
89
- .multiple-selector .tags-container[data-v-1a376d26] {
90
+ .multiple-selector .tags-container[data-v-a884849e] {
90
91
  min-height: 32px;
91
92
  border: 1px solid #dcdee5;
92
93
  border-radius: 2px;
@@ -94,46 +95,46 @@
94
95
  transition: all 0.2s ease;
95
96
  background-color: #fff;
96
97
  }
97
- .multiple-selector .tags-container.focused[data-v-1a376d26] {
98
+ .multiple-selector .tags-container.focused[data-v-a884849e] {
98
99
  border-color: #3a84ff;
99
100
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
100
101
  }
101
- .multiple-selector .tags-container.collapsed[data-v-1a376d26] {
102
+ .multiple-selector .tags-container.collapsed[data-v-a884849e] {
102
103
  display: flex;
103
104
  flex-wrap: wrap;
104
105
  align-items: center;
105
106
  }
106
- .multiple-selector .tag-list[data-v-1a376d26] {
107
+ .multiple-selector .tag-list[data-v-a884849e] {
107
108
  display: flex;
108
109
  flex-wrap: wrap;
109
110
  align-items: center;
110
111
  }
111
- .multiple-selector .tag-wrapper[data-v-1a376d26] {
112
+ .multiple-selector .tag-wrapper[data-v-a884849e] {
112
113
  display: inline-flex;
113
114
  align-items: center;
114
115
  max-width: 100%;
115
116
  }
116
- .multiple-selector .search-input[data-v-1a376d26] {
117
+ .multiple-selector .search-input[data-v-a884849e] {
117
118
  outline: none;
118
119
  border: none;
119
120
  height: 28px;
120
121
  min-width: 10px;
121
122
  background: transparent;
122
123
  }
123
- .multiple-selector .search-input[data-v-1a376d26]::placeholder {
124
+ .multiple-selector .search-input[data-v-a884849e]::placeholder {
124
125
  color: #c4c6cc;
125
126
  }
126
- .multiple-selector .search-input.inline[data-v-1a376d26] {
127
+ .multiple-selector .search-input.inline[data-v-a884849e] {
127
128
  min-width: 10px;
128
129
  }
129
- .multiple-selector .search-input.last[data-v-1a376d26], .multiple-selector .search-input.collapsed[data-v-1a376d26] {
130
+ .multiple-selector .search-input.last[data-v-a884849e], .multiple-selector .search-input.collapsed[data-v-a884849e] {
130
131
  flex: 1;
131
132
  min-width: 60px;
132
- }.single-selector[data-v-22d9b76f] {
133
+ }.single-selector[data-v-ad0d9e2e] {
133
134
  position: relative;
134
135
  width: 100%;
135
136
  }
136
- .input-container[data-v-22d9b76f] {
137
+ .input-container[data-v-ad0d9e2e] {
137
138
  position: relative;
138
139
  display: flex;
139
140
  align-items: center;
@@ -143,21 +144,21 @@
143
144
  padding: 0 8px;
144
145
  background-color: #fff;
145
146
  }
146
- .input-container[data-v-22d9b76f]:focus-within {
147
+ .input-container[data-v-ad0d9e2e]:focus-within {
147
148
  border-color: #3a84ff;
148
149
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
149
150
  }
150
- .search-input[data-v-22d9b76f] {
151
+ .search-input[data-v-ad0d9e2e] {
151
152
  flex: 1;
152
153
  outline: none;
153
154
  border: none;
154
155
  height: 30px;
155
156
  background: transparent;
156
157
  }
157
- .search-input[data-v-22d9b76f]::placeholder {
158
+ .search-input[data-v-ad0d9e2e]::placeholder {
158
159
  color: #c4c6cc;
159
160
  }
160
- .selected-user[data-v-22d9b76f] {
161
+ .selected-user[data-v-ad0d9e2e] {
161
162
  display: inline-flex;
162
163
  align-items: center;
163
164
  background-color: #f0f1f5;
@@ -167,15 +168,15 @@
167
168
  height: 24px;
168
169
  max-width: calc(100% - 32px);
169
170
  }
170
- .selected-user .tenant-name[data-v-22d9b76f] {
171
+ .selected-user .tenant-name[data-v-ad0d9e2e] {
171
172
  color: #f59500;
172
173
  margin-left: 4px;
173
174
  }
174
- .selected-user .close-icon[data-v-22d9b76f] {
175
+ .selected-user .close-icon[data-v-ad0d9e2e] {
175
176
  margin-left: 4px;
176
177
  cursor: pointer;
177
178
  font-style: normal;
178
- }.bk-user-selector[data-v-84252deb] {
179
+ }.bk-user-selector[data-v-6fd92757] {
179
180
  width: 100%;
180
181
  position: relative;
181
182
  font-size: 12px;