@blueking/bk-user-selector 0.0.23-beta.1 → 0.0.23

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 (20) hide show
  1. package/package.json +1 -1
  2. package/typings/components/me-tag.vue.d.ts +5 -5
  3. package/typings/components/multiple-selector.vue.d.ts +47 -4
  4. package/typings/components/render-tag.d.ts +8 -0
  5. package/typings/components/selection-popover.vue.d.ts +5 -5
  6. package/typings/components/single-selector.vue.d.ts +41 -4
  7. package/typings/components/user-render.d.ts +3 -3
  8. package/typings/components/user-selector.vue.d.ts +45 -4
  9. package/typings/components/user-tag.vue.d.ts +42 -8
  10. package/typings/hooks/useTenantData.d.ts +2 -2
  11. package/typings/hooks/useUserSearch.d.ts +3 -3
  12. package/typings/vue2.d.ts +7 -1
  13. package/vue2/index.es.min.js +68 -47
  14. package/vue2/index.iife.min.js +1299 -1796
  15. package/vue2/index.umd.min.js +68 -47
  16. package/vue2/vue2.css +34 -34
  17. package/vue3/index.es.min.js +32 -13
  18. package/vue3/index.iife.min.js +33 -14
  19. package/vue3/index.umd.min.js +33 -14
  20. package/vue3/vue3.css +34 -34
package/vue3/vue3.css CHANGED
@@ -24,8 +24,6 @@
24
24
  background-color: #f0f1f5;
25
25
  color: #c4c6cc;
26
26
  cursor: not-allowed;
27
- }.bk-user-selector-popover.bk-popover.bk-pop2-content {
28
- padding: 0;
29
27
  }.dropdown-content[data-v-54b68f9a] {
30
28
  min-height: 40px;
31
29
  max-height: 300px;
@@ -55,98 +53,100 @@
55
53
  }
56
54
  .dropdown-content .user-option[data-v-54b68f9a]:hover {
57
55
  background-color: #f5f7fa;
58
- }.user-tag[data-v-487799ec] {
56
+ }.bk-user-selector-popover.bk-popover.bk-pop2-content {
57
+ padding: 0;
58
+ }.user-tag[data-v-655f7a5a] {
59
59
  margin-right: 4px;
60
60
  margin-left: 0;
61
61
  }
62
- .user-tag.draggable[data-v-487799ec] {
62
+ .user-tag.draggable[data-v-655f7a5a] {
63
63
  cursor: move;
64
64
  }
65
- .user-tag.active[data-v-487799ec] {
65
+ .user-tag.active[data-v-655f7a5a] {
66
66
  background-color: #e1ecff;
67
67
  border-color: #3a84ff;
68
68
  }
69
- .user-tag .tag-content .user-name[data-v-487799ec] {
69
+ .user-tag .tag-content .user-name[data-v-655f7a5a] {
70
+ white-space: nowrap;
70
71
  overflow: hidden;
71
- font-size: 12px;
72
72
  text-overflow: ellipsis;
73
- white-space: nowrap;
74
- }.multiple-selector[data-v-95b69442] {
73
+ font-size: 12px;
74
+ }.multiple-selector[data-v-d9743f6d] {
75
75
  position: relative;
76
76
  width: 100%;
77
77
  }
78
- .multiple-selector .tags-container[data-v-95b69442] {
78
+ .multiple-selector .tags-container[data-v-d9743f6d] {
79
79
  min-height: 32px;
80
- padding: 1px 10px 1px 8px;
81
- background-color: #fff;
82
80
  border: 1px solid #c4c6cc;
83
81
  border-radius: 2px;
82
+ padding: 1px 10px 1px 8px;
84
83
  transition: all 0.2s ease;
84
+ background-color: #fff;
85
85
  }
86
- .multiple-selector .tags-container.focused[data-v-95b69442] {
86
+ .multiple-selector .tags-container.focused[data-v-d9743f6d] {
87
87
  border-color: #3a84ff;
88
88
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
89
89
  }
90
- .multiple-selector .tags-container.collapsed[data-v-95b69442] {
90
+ .multiple-selector .tags-container.collapsed[data-v-d9743f6d] {
91
91
  display: flex;
92
92
  flex-wrap: wrap;
93
93
  align-items: center;
94
94
  }
95
- .multiple-selector .tag-list[data-v-95b69442] {
95
+ .multiple-selector .tag-list[data-v-d9743f6d] {
96
96
  display: flex;
97
97
  flex-wrap: wrap;
98
98
  align-items: center;
99
99
  }
100
- .multiple-selector .tag-wrapper[data-v-95b69442] {
100
+ .multiple-selector .tag-wrapper[data-v-d9743f6d] {
101
101
  display: inline-flex;
102
102
  align-items: center;
103
103
  max-width: 100%;
104
104
  }
105
- .multiple-selector .search-input[data-v-95b69442] {
106
- min-width: 10px;
105
+ .multiple-selector .search-input[data-v-d9743f6d] {
106
+ outline: none;
107
+ border: none;
107
108
  height: 28px;
109
+ min-width: 10px;
108
110
  background: transparent;
109
- border: none;
110
- outline: none;
111
111
  }
112
- .multiple-selector .search-input[data-v-95b69442]::placeholder {
112
+ .multiple-selector .search-input[data-v-d9743f6d]::placeholder {
113
113
  color: #c4c6cc;
114
114
  }
115
- .multiple-selector .search-input.inline[data-v-95b69442] {
115
+ .multiple-selector .search-input.inline[data-v-d9743f6d] {
116
116
  min-width: 10px;
117
117
  }
118
- .multiple-selector .search-input.last[data-v-95b69442], .multiple-selector .search-input.collapsed[data-v-95b69442] {
118
+ .multiple-selector .search-input.last[data-v-d9743f6d], .multiple-selector .search-input.collapsed[data-v-d9743f6d] {
119
119
  flex: 1;
120
120
  min-width: 60px;
121
- }.single-selector[data-v-4fec9d7c] {
121
+ }.single-selector[data-v-75a8e031] {
122
122
  position: relative;
123
123
  width: 100%;
124
124
  }
125
- .input-container[data-v-4fec9d7c] {
125
+ .input-container[data-v-75a8e031] {
126
126
  position: relative;
127
127
  display: flex;
128
128
  align-items: center;
129
129
  min-height: 32px;
130
- padding: 0 8px;
131
- background-color: #fff;
132
130
  border: 1px solid #c4c6cc;
133
131
  border-radius: 2px;
132
+ padding: 0 8px;
133
+ background-color: #fff;
134
134
  }
135
- .input-container[data-v-4fec9d7c]:focus-within {
135
+ .input-container[data-v-75a8e031]:focus-within {
136
136
  border-color: #3a84ff;
137
137
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
138
138
  }
139
- .search-input[data-v-4fec9d7c] {
139
+ .search-input[data-v-75a8e031] {
140
140
  flex: 1;
141
+ outline: none;
142
+ border: none;
141
143
  height: 30px;
142
144
  background: transparent;
143
- border: none;
144
- outline: none;
145
145
  }
146
- .search-input[data-v-4fec9d7c]::placeholder {
146
+ .search-input[data-v-75a8e031]::placeholder {
147
147
  color: #c4c6cc;
148
- }.bk-user-selector[data-v-78f5783f] {
149
- position: relative;
148
+ }.bk-user-selector[data-v-53d8b462] {
150
149
  width: 100%;
150
+ position: relative;
151
151
  font-size: 12px;
152
152
  }