@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/package.json +1 -1
- package/typings/components/multiple-selector.vue.d.ts +1 -1
- package/typings/components/user-selector.vue.d.ts +1 -1
- package/typings/types/index.d.ts +6 -2
- package/vue2/index.es.min.js +19 -15
- package/vue2/index.iife.min.js +20 -16
- package/vue2/index.umd.min.js +20 -16
- package/vue2/vue2.css +34 -34
- package/vue3/index.es.min.js +19 -15
- package/vue3/index.iife.min.js +20 -16
- package/vue3/index.umd.min.js +20 -16
- package/vue3/vue3.css +34 -34
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-
|
|
25
|
+
}.multiple-selector[data-v-50540b99] {
|
|
26
26
|
position: relative;
|
|
27
27
|
width: 100%;
|
|
28
28
|
}
|
|
29
|
-
.multiple-selector .tags-container[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
63
|
+
.multiple-selector .search-input[data-v-50540b99]::placeholder {
|
|
64
64
|
color: #c4c6cc;
|
|
65
65
|
}
|
|
66
|
-
.multiple-selector .search-input.inline[data-v-
|
|
66
|
+
.multiple-selector .search-input.inline[data-v-50540b99] {
|
|
67
67
|
min-width: 10px;
|
|
68
68
|
}
|
|
69
|
-
.multiple-selector .search-input.last[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
117
|
+
.me-tag[data-v-50540b99]:hover {
|
|
118
118
|
background-color: #cddffe;
|
|
119
119
|
color: #3a84ff;
|
|
120
120
|
}
|
|
121
|
-
.me-tag.disabled[data-v-
|
|
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-
|
|
125
|
+
}.single-selector[data-v-308925e9] {
|
|
126
126
|
position: relative;
|
|
127
127
|
width: 100%;
|
|
128
128
|
}
|
|
129
|
-
.input-container[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
150
|
+
.search-input[data-v-308925e9]::placeholder {
|
|
151
151
|
color: #c4c6cc;
|
|
152
152
|
}
|
|
153
|
-
.selected-user[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
216
|
+
.me-tag[data-v-308925e9]:hover {
|
|
217
217
|
background-color: #cddffe;
|
|
218
218
|
color: #3a84ff;
|
|
219
219
|
}
|
|
220
|
-
.me-tag.disabled[data-v-
|
|
220
|
+
.me-tag.disabled[data-v-308925e9] {
|
|
221
221
|
background-color: #f0f1f5;
|
|
222
222
|
color: #c4c6cc;
|
|
223
223
|
cursor: not-allowed;
|