@blueking/bk-user-selector 0.1.6 → 0.1.8
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/README.md +114 -34
- package/package.json +7 -3
- package/typings/components/selection-popover.vue.d.ts +8 -2
- package/typings/components/user-selector.vue.d.ts +9 -1
- package/typings/hooks/use-api-config.d.ts +33 -0
- package/typings/locale/en-us.d.ts +1 -0
- package/typings/locale/zh-cn.d.ts +1 -0
- package/typings/types/index.d.ts +45 -0
- package/typings/utils/logger.d.ts +9 -1
- package/vue2/index.es.min.js +5477 -2516
- package/vue2/index.iife.min.js +6232 -3173
- package/vue2/index.umd.min.js +5655 -2693
- package/vue2/vue2.css +53 -8
- package/vue3/index.es.min.js +1200 -277
- package/vue3/index.iife.min.js +5460 -2506
- package/vue3/index.umd.min.js +1200 -277
- package/vue3/vue3.css +53 -8
package/vue3/vue3.css
CHANGED
|
@@ -29,31 +29,76 @@
|
|
|
29
29
|
min-height: 40px;
|
|
30
30
|
max-height: 300px;
|
|
31
31
|
padding: 5px 0;
|
|
32
|
-
overflow-y: auto;
|
|
33
32
|
}
|
|
34
33
|
.dropdown-content .no-data[data-v-9173accf] {
|
|
35
34
|
padding: 10px;
|
|
36
35
|
color: #979ba5;
|
|
37
36
|
text-align: center;
|
|
38
37
|
}
|
|
39
|
-
.dropdown-
|
|
38
|
+
.dropdown-panels[data-v-9173accf] {
|
|
39
|
+
display: block;
|
|
40
|
+
}
|
|
41
|
+
.dropdown-panel[data-v-9173accf] {
|
|
42
|
+
min-width: 0;
|
|
43
|
+
max-height: 290px;
|
|
44
|
+
overflow-y: auto;
|
|
45
|
+
}
|
|
46
|
+
.dropdown-panels.is-two-column[data-v-9173accf] {
|
|
47
|
+
display: flex;
|
|
48
|
+
}
|
|
49
|
+
.dropdown-panels.is-two-column .dropdown-panel[data-v-9173accf] {
|
|
50
|
+
width: 50%;
|
|
51
|
+
}
|
|
52
|
+
.dropdown-panels.is-two-column .dropdown-panel + .dropdown-panel[data-v-9173accf] {
|
|
53
|
+
border-left: 1px solid #eaebf0;
|
|
54
|
+
}
|
|
55
|
+
.group-header[data-v-9173accf] {
|
|
40
56
|
display: flex;
|
|
41
57
|
align-items: center;
|
|
58
|
+
gap: 4px;
|
|
42
59
|
padding: 8px 12px;
|
|
43
60
|
color: #979ba5;
|
|
44
61
|
}
|
|
45
|
-
.
|
|
46
|
-
|
|
62
|
+
.group-header .group-name[data-v-9173accf],
|
|
63
|
+
.group-header .group-count[data-v-9173accf] {
|
|
64
|
+
min-width: 0;
|
|
65
|
+
overflow: hidden;
|
|
66
|
+
text-overflow: ellipsis;
|
|
67
|
+
white-space: nowrap;
|
|
68
|
+
}
|
|
69
|
+
.user-group[data-v-9173accf],
|
|
70
|
+
.dropdown-panel-main[data-v-9173accf],
|
|
71
|
+
.dropdown-panel-recent[data-v-9173accf] {
|
|
72
|
+
min-width: 0;
|
|
47
73
|
}
|
|
48
|
-
.
|
|
74
|
+
.user-option[data-v-9173accf] {
|
|
49
75
|
display: flex;
|
|
50
76
|
align-items: center;
|
|
77
|
+
min-width: 0;
|
|
51
78
|
height: 32px;
|
|
52
79
|
padding: 8px 12px;
|
|
53
80
|
cursor: pointer;
|
|
54
81
|
}
|
|
55
|
-
.
|
|
82
|
+
.user-option[data-v-9173accf]:hover, .user-option.is-highlighted[data-v-9173accf] {
|
|
56
83
|
background-color: #f5f7fa;
|
|
84
|
+
}
|
|
85
|
+
.dropdown-panel[data-v-9173accf] .user-render,
|
|
86
|
+
.dropdown-panel[data-v-9173accf] .user-main,
|
|
87
|
+
.dropdown-panel[data-v-9173accf] .user-name,
|
|
88
|
+
.dropdown-panel[data-v-9173accf] .tenant-name,
|
|
89
|
+
.user-option[data-v-9173accf] .user-render,
|
|
90
|
+
.user-option[data-v-9173accf] .user-main,
|
|
91
|
+
.user-option[data-v-9173accf] .user-name,
|
|
92
|
+
.user-option[data-v-9173accf] .tenant-name {
|
|
93
|
+
min-width: 0;
|
|
94
|
+
}
|
|
95
|
+
.dropdown-panel[data-v-9173accf] .user-name,
|
|
96
|
+
.dropdown-panel[data-v-9173accf] .tenant-name,
|
|
97
|
+
.user-option[data-v-9173accf] .user-name,
|
|
98
|
+
.user-option[data-v-9173accf] .tenant-name {
|
|
99
|
+
overflow: hidden;
|
|
100
|
+
text-overflow: ellipsis;
|
|
101
|
+
white-space: nowrap;
|
|
57
102
|
}.user-tag[data-v-d1173d20] {
|
|
58
103
|
height: 24px;
|
|
59
104
|
margin-right: 4px;
|
|
@@ -112,16 +157,16 @@
|
|
|
112
157
|
display: flex;
|
|
113
158
|
flex-wrap: wrap;
|
|
114
159
|
row-gap: 4px;
|
|
115
|
-
align-items: center;
|
|
116
160
|
/* 与 .tag-list 一致：避免默认 stretch 拉高行高后 align-items:center 把首行顶离上边框 */
|
|
117
161
|
align-content: flex-start;
|
|
162
|
+
align-items: center;
|
|
118
163
|
}
|
|
119
164
|
.bk-user-selector .tag-list[data-v-089550be] {
|
|
120
165
|
display: flex;
|
|
121
166
|
flex-wrap: wrap;
|
|
122
167
|
row-gap: 4px;
|
|
123
|
-
align-items: center;
|
|
124
168
|
align-content: flex-start;
|
|
169
|
+
align-items: center;
|
|
125
170
|
}
|
|
126
171
|
.bk-user-selector .tag-wrapper[data-v-089550be] {
|
|
127
172
|
display: inline-flex;
|