@blueking/bk-user-selector 0.0.29-beta.9 → 0.0.31-beta.1

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
@@ -1,4 +1,4 @@
1
- .me-tag[data-v-9ccd9029] {
1
+ .me-tag[data-v-44fec2ba] {
2
2
  position: absolute;
3
3
  top: 50%;
4
4
  right: 8px;
@@ -15,43 +15,44 @@
15
15
  background-color: #e1ecff;
16
16
  border-radius: 50%;
17
17
  transform: translateY(-50%);
18
+ white-space: nowrap;
18
19
  }
19
- .me-tag[data-v-9ccd9029]:hover {
20
+ .me-tag[data-v-44fec2ba]:hover {
20
21
  color: #3a84ff;
21
22
  background-color: #cddffe;
22
23
  }
23
- .me-tag.disabled[data-v-9ccd9029] {
24
+ .me-tag.disabled[data-v-44fec2ba] {
24
25
  color: #c4c6cc;
25
26
  cursor: not-allowed;
26
27
  background-color: #f0f1f5;
27
- }.dropdown-content[data-v-a4132257] {
28
+ }.dropdown-content[data-v-61e98a47] {
28
29
  min-height: 40px;
29
30
  max-height: 300px;
30
31
  padding: 5px 0;
31
32
  overflow-y: auto;
32
33
  }
33
- .dropdown-content .no-data[data-v-a4132257] {
34
+ .dropdown-content .no-data[data-v-61e98a47] {
34
35
  padding: 10px;
35
36
  color: #979ba5;
36
37
  text-align: center;
37
38
  }
38
- .dropdown-content .user-group .group-header[data-v-a4132257] {
39
+ .dropdown-content .user-group .group-header[data-v-61e98a47] {
39
40
  display: flex;
40
41
  align-items: center;
41
42
  padding: 8px 12px;
42
43
  color: #979ba5;
43
44
  }
44
- .dropdown-content .user-group .group-header .group-count[data-v-a4132257] {
45
+ .dropdown-content .user-group .group-header .group-count[data-v-61e98a47] {
45
46
  margin-left: 4px;
46
47
  }
47
- .dropdown-content .user-option[data-v-a4132257] {
48
+ .dropdown-content .user-option[data-v-61e98a47] {
48
49
  display: flex;
49
50
  align-items: center;
50
51
  height: 32px;
51
52
  padding: 8px 12px;
52
53
  cursor: pointer;
53
54
  }
54
- .dropdown-content .user-option[data-v-a4132257]:hover {
55
+ .dropdown-content .user-option[data-v-61e98a47]:hover {
55
56
  background-color: #f5f7fa;
56
57
  }.bk-user-selector-popover.bk-user-selector-pop2-content {
57
58
  padding: 0;
@@ -71,14 +72,14 @@
71
72
  font-size: 12px;
72
73
  text-overflow: ellipsis;
73
74
  white-space: nowrap;
74
- }.multiple-selector[data-v-1f435fc8] {
75
+ }.multiple-selector[data-v-6fd83014] {
75
76
  position: relative;
76
77
  width: 100%;
77
78
  }
78
- .multiple-selector.is-disabled[data-v-1f435fc8] {
79
+ .multiple-selector.is-disabled[data-v-6fd83014] {
79
80
  pointer-events: none;
80
81
  }
81
- .multiple-selector .tags-container[data-v-1f435fc8] {
82
+ .multiple-selector .tags-container[data-v-6fd83014] {
82
83
  min-height: 32px;
83
84
  padding: 1px 10px 1px 8px;
84
85
  background-color: #fff;
@@ -86,49 +87,48 @@
86
87
  border-radius: 2px;
87
88
  transition: all 0.2s ease;
88
89
  }
89
- .multiple-selector .tags-container.focused[data-v-1f435fc8] {
90
+ .multiple-selector .tags-container.focused[data-v-6fd83014] {
90
91
  border-color: #3a84ff;
91
92
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
92
93
  }
93
- .multiple-selector .tags-container.collapsed[data-v-1f435fc8] {
94
+ .multiple-selector .tags-container.collapsed[data-v-6fd83014] {
94
95
  display: flex;
95
96
  flex-wrap: wrap;
96
97
  align-items: center;
97
98
  }
98
- .multiple-selector .tag-list[data-v-1f435fc8] {
99
+ .multiple-selector .tag-list[data-v-6fd83014] {
99
100
  display: flex;
100
101
  flex-wrap: wrap;
101
102
  align-items: center;
102
103
  }
103
- .multiple-selector .tag-wrapper[data-v-1f435fc8] {
104
+ .multiple-selector .tag-wrapper[data-v-6fd83014] {
104
105
  display: inline-flex;
105
106
  align-items: center;
106
107
  max-width: 100%;
107
108
  }
108
- .multiple-selector .search-input[data-v-1f435fc8] {
109
+ .multiple-selector .search-input[data-v-6fd83014] {
109
110
  min-width: 10px;
110
111
  height: 28px;
111
112
  background: transparent;
112
113
  border: none;
113
114
  outline: none;
114
115
  }
115
- .multiple-selector .search-input[data-v-1f435fc8]::placeholder {
116
+ .multiple-selector .search-input[data-v-6fd83014]::placeholder {
116
117
  color: #c4c6cc;
117
118
  }
118
- .multiple-selector .search-input.inline[data-v-1f435fc8] {
119
+ .multiple-selector .search-input.inline[data-v-6fd83014] {
119
120
  min-width: 10px;
120
121
  }
121
- .multiple-selector .search-input.last[data-v-1f435fc8], .multiple-selector .search-input.collapsed[data-v-1f435fc8] {
122
+ .multiple-selector .search-input.last[data-v-6fd83014], .multiple-selector .search-input.collapsed[data-v-6fd83014] {
122
123
  flex: 1;
123
- min-width: 60px;
124
- }.single-selector[data-v-c44a1c1d] {
124
+ }.single-selector[data-v-7080eb2b] {
125
125
  position: relative;
126
126
  width: 100%;
127
127
  }
128
- .single-selector.is-disabled[data-v-c44a1c1d] {
128
+ .single-selector.is-disabled[data-v-7080eb2b] {
129
129
  pointer-events: none;
130
130
  }
131
- .input-container[data-v-c44a1c1d] {
131
+ .input-container[data-v-7080eb2b] {
132
132
  position: relative;
133
133
  display: flex;
134
134
  align-items: center;
@@ -138,25 +138,25 @@
138
138
  border: 1px solid #c4c6cc;
139
139
  border-radius: 2px;
140
140
  }
141
- .input-container[data-v-c44a1c1d]:focus-within {
141
+ .input-container[data-v-7080eb2b]: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-c44a1c1d] {
145
+ .search-input[data-v-7080eb2b] {
146
146
  flex: 1;
147
147
  height: 30px;
148
148
  background: transparent;
149
149
  border: none;
150
150
  outline: none;
151
151
  }
152
- .search-input[data-v-c44a1c1d]::placeholder {
152
+ .search-input[data-v-7080eb2b]::placeholder {
153
153
  color: #c4c6cc;
154
- }.bk-user-selector[data-v-7ce51f9c] {
154
+ }.bk-user-selector[data-v-c4574ead] {
155
155
  position: relative;
156
156
  width: 100%;
157
157
  font-size: 12px;
158
158
  }
159
- .bk-user-selector.is-disabled[data-v-7ce51f9c] {
159
+ .bk-user-selector.is-disabled[data-v-c4574ead] {
160
160
  cursor: not-allowed;
161
161
  background-color: #dcdee5;
162
162
  }