@blueking/bk-user-selector 0.1.4 → 0.1.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.
Files changed (17) hide show
  1. package/README.md +102 -27
  2. package/package.json +3 -6
  3. package/typings/components/me-tag.vue.d.ts +2 -1
  4. package/typings/components/selection-popover.vue.d.ts +7 -21
  5. package/typings/components/user-selector.vue.d.ts +10 -2
  6. package/typings/components/user-tag.vue.d.ts +8 -40
  7. package/typings/types/index.d.ts +22 -0
  8. package/vue2/config.json +22 -1
  9. package/vue2/index.es.min.js +11618 -19680
  10. package/vue2/index.iife.min.js +17851 -20765
  11. package/vue2/index.umd.min.js +12179 -20237
  12. package/vue2/vue2.css +45 -30
  13. package/vue3/config.json +22 -1
  14. package/vue3/index.es.min.js +4067 -4490
  15. package/vue3/index.iife.min.js +12127 -14018
  16. package/vue3/index.umd.min.js +4135 -4549
  17. package/vue3/vue3.css +44 -29
package/vue3/vue3.css CHANGED
@@ -1,4 +1,4 @@
1
- .me-tag[data-v-4f251ce1] {
1
+ @charset "UTF-8";.me-tag[data-v-a1054364] {
2
2
  position: absolute;
3
3
  top: 50%;
4
4
  right: 8px;
@@ -17,124 +17,139 @@
17
17
  border-radius: 50%;
18
18
  transform: translateY(-50%);
19
19
  }
20
- .me-tag[data-v-4f251ce1]:hover {
20
+ .me-tag[data-v-a1054364]:hover {
21
21
  color: #3a84ff;
22
22
  background-color: #cddffe;
23
23
  }
24
- .me-tag.disabled[data-v-4f251ce1] {
24
+ .me-tag.disabled[data-v-a1054364] {
25
25
  color: #c4c6cc;
26
26
  cursor: not-allowed;
27
27
  background-color: #f0f1f5;
28
- }.dropdown-content[data-v-a1b011d9] {
28
+ }.dropdown-content[data-v-9173accf] {
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-a1b011d9] {
34
+ .dropdown-content .no-data[data-v-9173accf] {
35
35
  padding: 10px;
36
36
  color: #979ba5;
37
37
  text-align: center;
38
38
  }
39
- .dropdown-content .user-group .group-header[data-v-a1b011d9] {
39
+ .dropdown-content .user-group .group-header[data-v-9173accf] {
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-a1b011d9] {
45
+ .dropdown-content .user-group .group-header .group-count[data-v-9173accf] {
46
46
  margin-left: 4px;
47
47
  }
48
- .dropdown-content .user-option[data-v-a1b011d9] {
48
+ .dropdown-content .user-option[data-v-9173accf] {
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-a1b011d9]:hover, .dropdown-content .user-option.is-highlighted[data-v-a1b011d9] {
55
+ .dropdown-content .user-option[data-v-9173accf]:hover, .dropdown-content .user-option.is-highlighted[data-v-9173accf] {
56
56
  background-color: #f5f7fa;
57
- }.user-tag[data-v-1f2e0737] {
57
+ }.user-tag[data-v-d1173d20] {
58
+ height: 24px;
58
59
  margin-right: 4px;
59
60
  margin-left: 0;
60
61
  }
61
- .user-tag.draggable[data-v-1f2e0737] {
62
+ .user-tag.draggable[data-v-d1173d20] {
62
63
  cursor: move;
63
64
  }
64
- .user-tag.active[data-v-1f2e0737] {
65
+ .user-tag.active[data-v-d1173d20] {
65
66
  background-color: #e1ecff;
66
67
  border-color: #3a84ff;
67
68
  }
68
- .user-tag.is-custom[data-v-1f2e0737] {
69
+ .user-tag.is-custom[data-v-d1173d20] {
69
70
  color: #ea3636;
70
71
  background-color: #feebea;
71
72
  border-color: rgba(234, 53, 54, 0.3019607843);
72
73
  }
73
- .user-tag.is-custom[data-v-1f2e0737]:hover {
74
+ .user-tag.is-custom[data-v-d1173d20]:hover {
74
75
  background-color: #fedddc;
75
76
  }
76
- .user-tag .tag-content .user-name[data-v-1f2e0737] {
77
+ .user-tag .tag-content .user-name[data-v-d1173d20] {
77
78
  overflow: hidden;
78
79
  text-overflow: ellipsis;
79
80
  font-size: 12px;
80
81
  white-space: nowrap;
81
- }.bk-user-selector[data-v-888ae74c] {
82
+ }
83
+ .bk-user-selector[data-v-089550be] {
82
84
  position: relative;
83
85
  width: 100%;
84
86
  height: 32px;
85
87
  font-size: 12px;
86
88
  }
87
- .bk-user-selector.is-disabled[data-v-888ae74c] {
89
+ .bk-user-selector.is-disabled[data-v-089550be] {
88
90
  pointer-events: none;
89
91
  cursor: not-allowed;
90
92
  background-color: #dcdee5;
91
93
  }
92
- .bk-user-selector .tags-container[data-v-888ae74c] {
94
+ .bk-user-selector.is-textarea[data-v-089550be] {
95
+ height: auto;
96
+ min-height: 32px;
97
+ }
98
+ .bk-user-selector .tags-container[data-v-089550be] {
93
99
  position: relative;
94
100
  min-height: 32px;
95
- padding: 1px 10px 1px 8px;
101
+ padding: 3px 10px 3px 8px;
96
102
  background-color: #fff;
97
103
  border: 1px solid #c4c6cc;
98
104
  border-radius: 2px;
99
105
  transition: all 0.2s ease;
100
106
  }
101
- .bk-user-selector .tags-container.focused[data-v-888ae74c] {
107
+ .bk-user-selector .tags-container.focused[data-v-089550be] {
102
108
  border-color: #3a84ff;
103
109
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
104
110
  }
105
- .bk-user-selector .tags-container.tags-container-collapsed[data-v-888ae74c] {
111
+ .bk-user-selector .tags-container.tags-container-collapsed[data-v-089550be] {
106
112
  display: flex;
107
113
  flex-wrap: wrap;
114
+ row-gap: 4px;
108
115
  align-items: center;
116
+ /* 与 .tag-list 一致：避免默认 stretch 拉高行高后 align-items:center 把首行顶离上边框 */
117
+ align-content: flex-start;
109
118
  }
110
- .bk-user-selector .tag-list[data-v-888ae74c] {
119
+ .bk-user-selector .tag-list[data-v-089550be] {
111
120
  display: flex;
112
121
  flex-wrap: wrap;
122
+ row-gap: 4px;
113
123
  align-items: center;
124
+ align-content: flex-start;
114
125
  }
115
- .bk-user-selector .tag-wrapper[data-v-888ae74c] {
126
+ .bk-user-selector .tag-wrapper[data-v-089550be] {
116
127
  display: inline-flex;
117
128
  align-items: center;
118
129
  max-width: 100%;
119
130
  }
120
- .bk-user-selector .search-input[data-v-888ae74c] {
131
+ .bk-user-selector .search-input[data-v-089550be] {
121
132
  min-width: 20px;
122
- height: 28px;
133
+ height: 24px;
123
134
  outline: none;
124
135
  background: transparent;
125
136
  border: none;
126
137
  }
127
- .bk-user-selector .search-input[data-v-888ae74c]::placeholder {
138
+ .bk-user-selector .search-input[data-v-089550be]::placeholder {
128
139
  color: #c4c6cc;
129
140
  }
130
- .bk-user-selector .search-input.input-inline[data-v-888ae74c] {
141
+ .bk-user-selector .search-input.input-inline[data-v-089550be] {
131
142
  min-width: 20px;
132
143
  }
133
- .bk-user-selector .search-input.input-last[data-v-888ae74c], .bk-user-selector .search-input.search-input-collapsed[data-v-888ae74c] {
144
+ .bk-user-selector .search-input.input-last[data-v-089550be], .bk-user-selector .search-input.search-input-collapsed[data-v-089550be] {
134
145
  flex: 1;
135
146
  }
136
- .hidden-users[data-v-888ae74c] {
147
+ .hidden-users[data-v-089550be] {
137
148
  padding: 6px 10px;
138
149
  }.bk-user-selector-popover {
139
150
  padding: 0 !important;
151
+ }
152
+ .bk-user-selector.is-textarea .me-tag {
153
+ top: 4px;
154
+ transform: none;
140
155
  }