@blueking/bk-user-selector 0.0.5 → 0.0.6

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.
package/vue3/vue3.css CHANGED
@@ -22,11 +22,11 @@
22
22
  border-radius: 2px;
23
23
  }.bk-user-selector-popover.bk-popover.bk-pop2-content {
24
24
  padding: 0;
25
- }.multiple-selector[data-v-9ddcc982] {
25
+ }.multiple-selector[data-v-50540b99] {
26
26
  position: relative;
27
27
  width: 100%;
28
28
  }
29
- .multiple-selector .tags-container[data-v-9ddcc982] {
29
+ .multiple-selector .tags-container[data-v-50540b99] {
30
30
  min-height: 32px;
31
31
  border: 1px solid #dcdee5;
32
32
  border-radius: 2px;
@@ -34,69 +34,69 @@
34
34
  transition: all 0.2s ease;
35
35
  background-color: #fff;
36
36
  }
37
- .multiple-selector .tags-container.focused[data-v-9ddcc982] {
37
+ .multiple-selector .tags-container.focused[data-v-50540b99] {
38
38
  border-color: #3a84ff;
39
39
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
40
40
  }
41
- .multiple-selector .tags-container.collapsed[data-v-9ddcc982] {
41
+ .multiple-selector .tags-container.collapsed[data-v-50540b99] {
42
42
  display: flex;
43
43
  flex-wrap: wrap;
44
44
  align-items: center;
45
45
  }
46
- .multiple-selector .tag-list[data-v-9ddcc982] {
46
+ .multiple-selector .tag-list[data-v-50540b99] {
47
47
  display: flex;
48
48
  flex-wrap: wrap;
49
49
  align-items: center;
50
50
  }
51
- .multiple-selector .tag-wrapper[data-v-9ddcc982] {
51
+ .multiple-selector .tag-wrapper[data-v-50540b99] {
52
52
  display: inline-flex;
53
53
  align-items: center;
54
54
  max-width: 100%;
55
55
  }
56
- .multiple-selector .search-input[data-v-9ddcc982] {
56
+ .multiple-selector .search-input[data-v-50540b99] {
57
57
  outline: none;
58
58
  border: none;
59
59
  height: 28px;
60
60
  min-width: 10px;
61
61
  background: transparent;
62
62
  }
63
- .multiple-selector .search-input[data-v-9ddcc982]::placeholder {
63
+ .multiple-selector .search-input[data-v-50540b99]::placeholder {
64
64
  color: #c4c6cc;
65
65
  }
66
- .multiple-selector .search-input.inline[data-v-9ddcc982] {
66
+ .multiple-selector .search-input.inline[data-v-50540b99] {
67
67
  min-width: 10px;
68
68
  }
69
- .multiple-selector .search-input.last[data-v-9ddcc982], .multiple-selector .search-input.collapsed[data-v-9ddcc982] {
69
+ .multiple-selector .search-input.last[data-v-50540b99], .multiple-selector .search-input.collapsed[data-v-50540b99] {
70
70
  flex: 1;
71
71
  min-width: 60px;
72
72
  }
73
- .dropdown-content[data-v-9ddcc982] {
73
+ .dropdown-content[data-v-50540b99] {
74
74
  min-height: 40px;
75
75
  max-height: 300px;
76
76
  overflow-y: auto;
77
77
  padding: 5px 0;
78
78
  }
79
- .dropdown-content .no-data[data-v-9ddcc982] {
79
+ .dropdown-content .no-data[data-v-50540b99] {
80
80
  padding: 10px;
81
81
  text-align: center;
82
82
  color: #979ba5;
83
83
  }
84
- .dropdown-content .user-option[data-v-9ddcc982] {
84
+ .dropdown-content .user-option[data-v-50540b99] {
85
85
  padding: 8px 12px;
86
86
  cursor: pointer;
87
87
  display: flex;
88
88
  align-items: center;
89
89
  height: 32px;
90
90
  }
91
- .dropdown-content .user-option[data-v-9ddcc982]:hover {
91
+ .dropdown-content .user-option[data-v-50540b99]:hover {
92
92
  background-color: #f5f7fa;
93
93
  }
94
- .dropdown-content .user-option .tenant-name[data-v-9ddcc982] {
94
+ .dropdown-content .user-option .tenant-name[data-v-50540b99] {
95
95
  color: #f59500;
96
96
  margin-left: 4px;
97
97
  padding: 0 4px;
98
98
  }
99
- .me-tag[data-v-9ddcc982] {
99
+ .me-tag[data-v-50540b99] {
100
100
  display: inline-flex;
101
101
  align-items: center;
102
102
  justify-content: center;
@@ -114,19 +114,19 @@
114
114
  transform: translateY(-50%);
115
115
  z-index: 1;
116
116
  }
117
- .me-tag[data-v-9ddcc982]:hover {
117
+ .me-tag[data-v-50540b99]:hover {
118
118
  background-color: #cddffe;
119
119
  color: #3a84ff;
120
120
  }
121
- .me-tag.disabled[data-v-9ddcc982] {
121
+ .me-tag.disabled[data-v-50540b99] {
122
122
  background-color: #f0f1f5;
123
123
  color: #c4c6cc;
124
124
  cursor: not-allowed;
125
- }.single-selector[data-v-1b38f31d] {
125
+ }.single-selector[data-v-308925e9] {
126
126
  position: relative;
127
127
  width: 100%;
128
128
  }
129
- .input-container[data-v-1b38f31d] {
129
+ .input-container[data-v-308925e9] {
130
130
  position: relative;
131
131
  display: flex;
132
132
  align-items: center;
@@ -136,21 +136,21 @@
136
136
  padding: 0 8px;
137
137
  background-color: #fff;
138
138
  }
139
- .input-container[data-v-1b38f31d]:focus-within {
139
+ .input-container[data-v-308925e9]:focus-within {
140
140
  border-color: #3a84ff;
141
141
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
142
142
  }
143
- .search-input[data-v-1b38f31d] {
143
+ .search-input[data-v-308925e9] {
144
144
  flex: 1;
145
145
  outline: none;
146
146
  border: none;
147
147
  height: 30px;
148
148
  background: transparent;
149
149
  }
150
- .search-input[data-v-1b38f31d]::placeholder {
150
+ .search-input[data-v-308925e9]::placeholder {
151
151
  color: #c4c6cc;
152
152
  }
153
- .selected-user[data-v-1b38f31d] {
153
+ .selected-user[data-v-308925e9] {
154
154
  display: inline-flex;
155
155
  align-items: center;
156
156
  background-color: #f0f1f5;
@@ -160,42 +160,42 @@
160
160
  height: 24px;
161
161
  max-width: calc(100% - 32px);
162
162
  }
163
- .selected-user .tenant-name[data-v-1b38f31d] {
163
+ .selected-user .tenant-name[data-v-308925e9] {
164
164
  color: #f59500;
165
165
  margin-left: 4px;
166
166
  }
167
- .selected-user .close-icon[data-v-1b38f31d] {
167
+ .selected-user .close-icon[data-v-308925e9] {
168
168
  margin-left: 4px;
169
169
  cursor: pointer;
170
170
  font-style: normal;
171
171
  }
172
- .dropdown-content[data-v-1b38f31d] {
172
+ .dropdown-content[data-v-308925e9] {
173
173
  min-height: 40px;
174
174
  max-height: 300px;
175
175
  overflow-y: auto;
176
176
  padding: 5px 0;
177
177
  }
178
- .dropdown-content .no-data[data-v-1b38f31d] {
178
+ .dropdown-content .no-data[data-v-308925e9] {
179
179
  padding: 10px;
180
180
  text-align: center;
181
181
  color: #979ba5;
182
182
  }
183
- .dropdown-content .user-option[data-v-1b38f31d] {
183
+ .dropdown-content .user-option[data-v-308925e9] {
184
184
  padding: 8px 12px;
185
185
  cursor: pointer;
186
186
  display: flex;
187
187
  align-items: center;
188
188
  height: 32px;
189
189
  }
190
- .dropdown-content .user-option[data-v-1b38f31d]:hover {
190
+ .dropdown-content .user-option[data-v-308925e9]:hover {
191
191
  background-color: #f5f7fa;
192
192
  }
193
- .dropdown-content .user-option .tenant-name[data-v-1b38f31d] {
193
+ .dropdown-content .user-option .tenant-name[data-v-308925e9] {
194
194
  color: #f59500;
195
195
  margin-left: 4px;
196
196
  padding: 0 4px;
197
197
  }
198
- .me-tag[data-v-1b38f31d] {
198
+ .me-tag[data-v-308925e9] {
199
199
  display: inline-flex;
200
200
  align-items: center;
201
201
  justify-content: center;
@@ -213,11 +213,11 @@
213
213
  transform: translateY(-50%);
214
214
  z-index: 1;
215
215
  }
216
- .me-tag[data-v-1b38f31d]:hover {
216
+ .me-tag[data-v-308925e9]:hover {
217
217
  background-color: #cddffe;
218
218
  color: #3a84ff;
219
219
  }
220
- .me-tag.disabled[data-v-1b38f31d] {
220
+ .me-tag.disabled[data-v-308925e9] {
221
221
  background-color: #f0f1f5;
222
222
  color: #c4c6cc;
223
223
  cursor: not-allowed;