@blueking/bk-user-selector 0.0.31 → 0.0.33

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 +3908 -4480
  16. package/vue2/index.iife.min.js +6672 -6678
  17. package/vue2/index.umd.min.js +3907 -4479
  18. package/vue2/vue2.css +40 -30
  19. package/vue3/index.es.min.js +2602 -2569
  20. package/vue3/index.iife.min.js +3907 -4479
  21. package/vue3/index.umd.min.js +2604 -2571
  22. package/vue3/vue3.css +40 -30
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-561a8644] {
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-561a8644] {
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-561a8644] {
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-561a8644] {
46
46
  margin-left: 4px;
47
47
  }
48
- .dropdown-content .user-option[data-v-61e98a47] {
48
+ .dropdown-content .user-option[data-v-561a8644] {
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-561a8644]: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-1c358144] {
83
+ }.multiple-selector[data-v-d8aff9ea] {
76
84
  position: relative;
77
85
  width: 100%;
78
86
  }
79
- .multiple-selector.is-disabled[data-v-1c358144] {
87
+ .multiple-selector.is-disabled[data-v-d8aff9ea] {
80
88
  pointer-events: none;
81
89
  }
82
- .multiple-selector .tags-container[data-v-1c358144] {
90
+ .multiple-selector .tags-container[data-v-d8aff9ea] {
83
91
  min-height: 32px;
84
92
  padding: 1px 10px 1px 8px;
85
93
  background-color: #fff;
@@ -87,49 +95,51 @@
87
95
  border-radius: 2px;
88
96
  transition: all 0.2s ease;
89
97
  }
90
- .multiple-selector .tags-container.focused[data-v-1c358144] {
98
+ .multiple-selector .tags-container.focused[data-v-d8aff9ea] {
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-1c358144] {
102
+ .multiple-selector .tags-container.collapsed[data-v-d8aff9ea] {
95
103
  display: flex;
96
104
  flex-wrap: wrap;
97
105
  align-items: center;
98
106
  }
99
- .multiple-selector .tag-list[data-v-1c358144] {
107
+ .multiple-selector .tag-list[data-v-d8aff9ea] {
100
108
  display: flex;
101
109
  flex-wrap: wrap;
102
110
  align-items: center;
103
111
  }
104
- .multiple-selector .tag-wrapper[data-v-1c358144] {
112
+ .multiple-selector .tag-wrapper[data-v-d8aff9ea] {
105
113
  display: inline-flex;
106
114
  align-items: center;
107
115
  max-width: 100%;
108
116
  }
109
- .multiple-selector .search-input[data-v-1c358144] {
117
+ .multiple-selector .search-input[data-v-d8aff9ea] {
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-1c358144]::placeholder {
124
+ .multiple-selector .search-input[data-v-d8aff9ea]::placeholder {
117
125
  color: #c4c6cc;
118
126
  }
119
- .multiple-selector .search-input.inline[data-v-1c358144] {
127
+ .multiple-selector .search-input.inline[data-v-d8aff9ea] {
120
128
  min-width: 10px;
121
129
  }
122
- .multiple-selector .search-input.last[data-v-1c358144], .multiple-selector .search-input.collapsed[data-v-1c358144] {
130
+ .multiple-selector .search-input.last[data-v-d8aff9ea], .multiple-selector .search-input.collapsed[data-v-d8aff9ea] {
123
131
  flex: 1;
124
- min-width: 60px;
125
- }.single-selector[data-v-7080eb2b] {
132
+ }
133
+ .hidden-users[data-v-d8aff9ea] {
134
+ padding: 6px 10px;
135
+ }.single-selector[data-v-6b8c23c5] {
126
136
  position: relative;
127
137
  width: 100%;
128
138
  }
129
- .single-selector.is-disabled[data-v-7080eb2b] {
139
+ .single-selector.is-disabled[data-v-6b8c23c5] {
130
140
  pointer-events: none;
131
141
  }
132
- .input-container[data-v-7080eb2b] {
142
+ .input-container[data-v-6b8c23c5] {
133
143
  position: relative;
134
144
  display: flex;
135
145
  align-items: center;
@@ -139,25 +149,25 @@
139
149
  border: 1px solid #c4c6cc;
140
150
  border-radius: 2px;
141
151
  }
142
- .input-container[data-v-7080eb2b]:focus-within {
152
+ .input-container[data-v-6b8c23c5]:focus-within {
143
153
  border-color: #3a84ff;
144
154
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
145
155
  }
146
- .search-input[data-v-7080eb2b] {
156
+ .search-input[data-v-6b8c23c5] {
147
157
  flex: 1;
148
158
  height: 30px;
149
159
  background: transparent;
150
160
  border: none;
151
161
  outline: none;
152
162
  }
153
- .search-input[data-v-7080eb2b]::placeholder {
163
+ .search-input[data-v-6b8c23c5]::placeholder {
154
164
  color: #c4c6cc;
155
- }.bk-user-selector[data-v-c4574ead] {
165
+ }.bk-user-selector[data-v-8a402cb7] {
156
166
  position: relative;
157
167
  width: 100%;
158
168
  font-size: 12px;
159
169
  }
160
- .bk-user-selector.is-disabled[data-v-c4574ead] {
170
+ .bk-user-selector.is-disabled[data-v-8a402cb7] {
161
171
  cursor: not-allowed;
162
172
  background-color: #dcdee5;
163
173
  }