@blueking/bk-user-selector 0.0.17 → 0.0.19
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 +2 -1
- package/package.json +1 -1
- package/typings/components/selection-popover.vue.d.ts +3 -0
- package/typings/types/index.d.ts +15 -1
- package/vue2/index.es.min.js +47 -45
- package/vue2/index.iife.min.js +48 -46
- package/vue2/index.umd.min.js +48 -46
- package/vue2/vue2.css +16 -16
- package/vue3/index.es.min.js +47 -45
- package/vue3/index.iife.min.js +48 -46
- package/vue3/index.umd.min.js +48 -46
- package/vue3/vue3.css +16 -16
package/vue3/index.umd.min.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
})(this, function(exports2, vue, bkuiVue) {
|
|
4
4
|
"use strict";
|
|
5
5
|
var __vite_style__ = document.createElement("style");
|
|
6
|
-
__vite_style__.textContent = ".me-tag[data-v-887b7c44] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-887b7c44]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-887b7c44] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.dropdown-content[data-v-
|
|
6
|
+
__vite_style__.textContent = ".me-tag[data-v-887b7c44] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-887b7c44]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-887b7c44] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.dropdown-content[data-v-f47cc878] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-f47cc878] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-f47cc878] {\n padding: 8px 12px;\n color: #979ba5;\n display: flex;\n align-items: center;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-f47cc878] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-f47cc878] {\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n height: 32px;\n}\n.dropdown-content .user-option[data-v-f47cc878]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-f47cc878] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n padding: 0;\n}.user-tag[data-v-87c12feb] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-87c12feb] {\n cursor: move;\n}\n.user-tag.active[data-v-87c12feb] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-87c12feb] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n}\n.user-tag .tag-content .tenant-name[data-v-87c12feb] {\n color: #f59500;\n margin-left: 3px;\n white-space: nowrap;\n padding: 0 3px;\n border-radius: 2px;\n}.multiple-selector[data-v-1b988eae] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-1b988eae] {\n min-height: 32px;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n padding: 1px 10px 1px 8px;\n transition: all 0.2s ease;\n background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-1b988eae] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-1b988eae] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-1b988eae] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-1b988eae] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-1b988eae] {\n outline: none;\n border: none;\n height: 28px;\n min-width: 10px;\n background: transparent;\n}\n.multiple-selector .search-input[data-v-1b988eae]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-1b988eae] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-1b988eae], .multiple-selector .search-input.collapsed[data-v-1b988eae] {\n flex: 1;\n min-width: 60px;\n}.single-selector[data-v-5040d42f] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-5040d42f] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n padding: 0 8px;\n background-color: #fff;\n}\n.input-container[data-v-5040d42f]:focus-within {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-5040d42f] {\n flex: 1;\n outline: none;\n border: none;\n height: 30px;\n background: transparent;\n}\n.search-input[data-v-5040d42f]::placeholder {\n color: #c4c6cc;\n}\n.selected-user[data-v-5040d42f] {\n display: inline-flex;\n align-items: center;\n background-color: #f0f1f5;\n border-radius: 2px;\n padding: 0 8px;\n margin-right: 8px;\n height: 24px;\n max-width: calc(100% - 32px);\n}\n.selected-user .tenant-name[data-v-5040d42f] {\n color: #f59500;\n margin-left: 4px;\n}\n.selected-user .close-icon[data-v-5040d42f] {\n margin-left: 4px;\n cursor: pointer;\n font-style: normal;\n}.bk-user-selector[data-v-c23f5bc9] {\n width: 100%;\n position: relative;\n font-size: 12px;\n}/*$vite$:1*/";
|
|
7
7
|
document.head.appendChild(__vite_style__);
|
|
8
8
|
const getTenants = async (apiBaseUrl, tenantId) => {
|
|
9
9
|
if (!apiBaseUrl || !tenantId) {
|
|
@@ -3025,10 +3025,8 @@
|
|
|
3025
3025
|
const _hoisted_2$3 = { class: "group-name" };
|
|
3026
3026
|
const _hoisted_3$3 = { class: "group-count" };
|
|
3027
3027
|
const _hoisted_4$1 = ["onMousedown"];
|
|
3028
|
-
const _hoisted_5 = {
|
|
3029
|
-
|
|
3030
|
-
const _hoisted_7 = {
|
|
3031
|
-
key: 2,
|
|
3028
|
+
const _hoisted_5 = {
|
|
3029
|
+
key: 0,
|
|
3032
3030
|
class: "tenant-name"
|
|
3033
3031
|
};
|
|
3034
3032
|
const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -3115,9 +3113,8 @@
|
|
|
3115
3113
|
const groupedUsers = vue.computed(() => {
|
|
3116
3114
|
const groups = {};
|
|
3117
3115
|
if (Array.isArray(props.userGroup) && props.userGroup.length > 0) {
|
|
3118
|
-
groups[props.userGroupName] = props.userGroup.map((group) => ({
|
|
3119
|
-
|
|
3120
|
-
name: group.name,
|
|
3116
|
+
groups[props.userGroupName] = props.userGroup.filter((group) => !group.hidden).map((group) => ({
|
|
3117
|
+
...group,
|
|
3121
3118
|
tenantId: "",
|
|
3122
3119
|
type: "userGroup"
|
|
3123
3120
|
}));
|
|
@@ -3204,26 +3201,22 @@
|
|
|
3204
3201
|
key: user.id,
|
|
3205
3202
|
onMousedown: vue.withModifiers(($event) => selectUser(user), ["prevent"])
|
|
3206
3203
|
}, [
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
"
|
|
3222
|
-
|
|
3223
|
-
"@" + vue.toDisplayString(__props.tenants[user.tenantId]),
|
|
3224
|
-
1
|
|
3225
|
-
/* TEXT */
|
|
3226
|
-
)) : vue.createCommentVNode("v-if", true)
|
|
3204
|
+
vue.createElementVNode("div", null, [
|
|
3205
|
+
vue.createElementVNode(
|
|
3206
|
+
"span",
|
|
3207
|
+
null,
|
|
3208
|
+
vue.toDisplayString(user.name),
|
|
3209
|
+
1
|
|
3210
|
+
/* TEXT */
|
|
3211
|
+
),
|
|
3212
|
+
user.tenantId !== __props.tenantId && user.tenantId && __props.tenants[user.tenantId] ? (vue.openBlock(), vue.createElementBlock(
|
|
3213
|
+
"span",
|
|
3214
|
+
_hoisted_5,
|
|
3215
|
+
"@" + vue.toDisplayString(__props.tenants[user.tenantId]),
|
|
3216
|
+
1
|
|
3217
|
+
/* TEXT */
|
|
3218
|
+
)) : vue.createCommentVNode("v-if", true)
|
|
3219
|
+
])
|
|
3227
3220
|
], 40, _hoisted_4$1);
|
|
3228
3221
|
}),
|
|
3229
3222
|
128
|
|
@@ -3245,7 +3238,7 @@
|
|
|
3245
3238
|
};
|
|
3246
3239
|
}
|
|
3247
3240
|
});
|
|
3248
|
-
const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-
|
|
3241
|
+
const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-f47cc878"]]);
|
|
3249
3242
|
const _hoisted_1$3 = { class: "tag-content" };
|
|
3250
3243
|
const _hoisted_2$2 = { class: "user-name" };
|
|
3251
3244
|
const _hoisted_3$2 = {
|
|
@@ -3326,7 +3319,9 @@
|
|
|
3326
3319
|
exactSearchKey: { default: "bk_username" },
|
|
3327
3320
|
userGroup: { default: () => [] },
|
|
3328
3321
|
userGroupName: { default: "用户群组" },
|
|
3329
|
-
emptyText: { default: "无匹配人员" }
|
|
3322
|
+
emptyText: { default: "无匹配人员" },
|
|
3323
|
+
renderListItem: {},
|
|
3324
|
+
renderTag: {}
|
|
3330
3325
|
},
|
|
3331
3326
|
emits: ["update:selectedUsers", "add-user", "remove-user"],
|
|
3332
3327
|
setup(__props, { emit: __emit }) {
|
|
@@ -3771,7 +3766,7 @@
|
|
|
3771
3766
|
}
|
|
3772
3767
|
});
|
|
3773
3768
|
const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1b988eae"]]);
|
|
3774
|
-
const _withScopeId = (n) => (vue.pushScopeId("data-v-
|
|
3769
|
+
const _withScopeId = (n) => (vue.pushScopeId("data-v-5040d42f"), n = n(), vue.popScopeId(), n);
|
|
3775
3770
|
const _hoisted_1$1 = { class: "input-container" };
|
|
3776
3771
|
const _hoisted_2 = {
|
|
3777
3772
|
key: 0,
|
|
@@ -3800,7 +3795,9 @@
|
|
|
3800
3795
|
exactSearchKey: { default: "bk_username" },
|
|
3801
3796
|
userGroup: { default: () => [] },
|
|
3802
3797
|
userGroupName: { default: "用户群组" },
|
|
3803
|
-
emptyText: { default: "无匹配人员" }
|
|
3798
|
+
emptyText: { default: "无匹配人员" },
|
|
3799
|
+
renderListItem: {},
|
|
3800
|
+
renderTag: {}
|
|
3804
3801
|
},
|
|
3805
3802
|
emits: ["update:modelValue", "change"],
|
|
3806
3803
|
setup(__props, { emit: __emit }) {
|
|
@@ -3815,9 +3812,9 @@
|
|
|
3815
3812
|
const showDropdown = vue.ref(false);
|
|
3816
3813
|
const selectedUserInfo = vue.computed(() => {
|
|
3817
3814
|
const userGroup = (props.userGroup || []).map((group) => ({
|
|
3818
|
-
|
|
3819
|
-
|
|
3820
|
-
|
|
3815
|
+
...group,
|
|
3816
|
+
tenantId: "",
|
|
3817
|
+
type: "userGroup"
|
|
3821
3818
|
}));
|
|
3822
3819
|
const list = [...options.value, ...userGroup];
|
|
3823
3820
|
const selectedUserInfo2 = list.find((user) => user.id === selectedUser.value);
|
|
@@ -3835,8 +3832,7 @@
|
|
|
3835
3832
|
if (props.userGroup.length > 0) {
|
|
3836
3833
|
const groupResult = props.userGroup.filter((group) => group.id == props.modelValue);
|
|
3837
3834
|
options.value = groupResult.map((group) => ({
|
|
3838
|
-
|
|
3839
|
-
name: group.name,
|
|
3835
|
+
...group,
|
|
3840
3836
|
tenantId: "",
|
|
3841
3837
|
type: "userGroup"
|
|
3842
3838
|
}));
|
|
@@ -3969,7 +3965,7 @@
|
|
|
3969
3965
|
};
|
|
3970
3966
|
}
|
|
3971
3967
|
});
|
|
3972
|
-
const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
3968
|
+
const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5040d42f"]]);
|
|
3973
3969
|
const _hoisted_1 = {
|
|
3974
3970
|
ref: "containerRef",
|
|
3975
3971
|
class: "bk-user-selector"
|
|
@@ -3990,7 +3986,9 @@
|
|
|
3990
3986
|
exactSearchKey: { default: "bk_username" },
|
|
3991
3987
|
userGroup: { default: () => [] },
|
|
3992
3988
|
userGroupName: { default: "用户群组" },
|
|
3993
|
-
emptyText: { default: "无匹配人员" }
|
|
3989
|
+
emptyText: { default: "无匹配人员" },
|
|
3990
|
+
renderListItem: {},
|
|
3991
|
+
renderTag: {}
|
|
3994
3992
|
},
|
|
3995
3993
|
emits: ["update:modelValue", "change"],
|
|
3996
3994
|
setup(__props, { emit: __emit }) {
|
|
@@ -4005,11 +4003,11 @@
|
|
|
4005
4003
|
const initSelectedUsers = async () => {
|
|
4006
4004
|
if (props.multiple) {
|
|
4007
4005
|
const ids = Array.isArray(props.modelValue) ? props.modelValue : [];
|
|
4006
|
+
let selected = [];
|
|
4008
4007
|
if (props.userGroup.length > 0) {
|
|
4009
4008
|
const result = props.userGroup.filter((group) => ids.includes(group.id));
|
|
4010
|
-
|
|
4011
|
-
|
|
4012
|
-
name: group.name,
|
|
4009
|
+
selected = result.map((group) => ({
|
|
4010
|
+
...group,
|
|
4013
4011
|
tenantId: "",
|
|
4014
4012
|
type: "userGroup"
|
|
4015
4013
|
}));
|
|
@@ -4017,7 +4015,7 @@
|
|
|
4017
4015
|
if (ids.length > 0) {
|
|
4018
4016
|
try {
|
|
4019
4017
|
const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactSearchKey, ids);
|
|
4020
|
-
selectedUsers.value = [...
|
|
4018
|
+
selectedUsers.value = [...selected, ...formatUsers(result)];
|
|
4021
4019
|
} catch (error) {
|
|
4022
4020
|
console.error("获取选中用户信息失败:", error);
|
|
4023
4021
|
}
|
|
@@ -4066,12 +4064,14 @@
|
|
|
4066
4064
|
"empty-text": _ctx.emptyText,
|
|
4067
4065
|
"exact-search-key": _ctx.exactSearchKey,
|
|
4068
4066
|
placeholder: _ctx.placeholder,
|
|
4067
|
+
"render-list-item": _ctx.renderListItem,
|
|
4068
|
+
"render-tag": _ctx.renderTag,
|
|
4069
4069
|
"tenant-id": _ctx.tenantId,
|
|
4070
4070
|
tenants: vue.unref(tenants),
|
|
4071
4071
|
"user-group": _ctx.userGroup,
|
|
4072
4072
|
"user-group-name": _ctx.userGroupName,
|
|
4073
4073
|
onChange: handleUpdateUser
|
|
4074
|
-
}, null, 8, ["modelValue", "api-base-url", "current-user-id", "empty-text", "exact-search-key", "placeholder", "tenant-id", "tenants", "user-group", "user-group-name"])) : (vue.openBlock(), vue.createElementBlock(
|
|
4074
|
+
}, null, 8, ["modelValue", "api-base-url", "current-user-id", "empty-text", "exact-search-key", "placeholder", "render-list-item", "render-tag", "tenant-id", "tenants", "user-group", "user-group-name"])) : (vue.openBlock(), vue.createElementBlock(
|
|
4075
4075
|
vue.Fragment,
|
|
4076
4076
|
{ key: 1 },
|
|
4077
4077
|
[
|
|
@@ -4085,13 +4085,15 @@
|
|
|
4085
4085
|
"empty-text": _ctx.emptyText,
|
|
4086
4086
|
"exact-search-key": _ctx.exactSearchKey,
|
|
4087
4087
|
placeholder: _ctx.placeholder,
|
|
4088
|
+
"render-list-item": _ctx.renderListItem,
|
|
4089
|
+
"render-tag": _ctx.renderTag,
|
|
4088
4090
|
"selected-users": selectedUsers.value,
|
|
4089
4091
|
"tenant-id": _ctx.tenantId,
|
|
4090
4092
|
tenants: vue.unref(tenants),
|
|
4091
4093
|
"user-group": _ctx.userGroup,
|
|
4092
4094
|
"user-group-name": _ctx.userGroupName,
|
|
4093
4095
|
"onUpdate:selectedUsers": handleUpdateSelectedUsers
|
|
4094
|
-
}, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "empty-text", "exact-search-key", "placeholder", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
|
|
4096
|
+
}, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "empty-text", "exact-search-key", "placeholder", "render-list-item", "render-tag", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
|
|
4095
4097
|
],
|
|
4096
4098
|
2112
|
|
4097
4099
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
@@ -4103,7 +4105,7 @@
|
|
|
4103
4105
|
};
|
|
4104
4106
|
}
|
|
4105
4107
|
});
|
|
4106
|
-
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4108
|
+
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c23f5bc9"]]);
|
|
4107
4109
|
exports2.BkUserSelector = BkUserSelector;
|
|
4108
4110
|
exports2.default = BkUserSelector;
|
|
4109
4111
|
Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
package/vue3/vue3.css
CHANGED
|
@@ -24,37 +24,37 @@
|
|
|
24
24
|
background-color: #f0f1f5;
|
|
25
25
|
color: #c4c6cc;
|
|
26
26
|
cursor: not-allowed;
|
|
27
|
-
}.dropdown-content[data-v-
|
|
27
|
+
}.dropdown-content[data-v-f47cc878] {
|
|
28
28
|
min-height: 40px;
|
|
29
29
|
max-height: 300px;
|
|
30
30
|
overflow-y: auto;
|
|
31
31
|
padding: 5px 0;
|
|
32
32
|
}
|
|
33
|
-
.dropdown-content .no-data[data-v-
|
|
33
|
+
.dropdown-content .no-data[data-v-f47cc878] {
|
|
34
34
|
padding: 10px;
|
|
35
35
|
text-align: center;
|
|
36
36
|
color: #979ba5;
|
|
37
37
|
}
|
|
38
|
-
.dropdown-content .user-group .group-header[data-v-
|
|
38
|
+
.dropdown-content .user-group .group-header[data-v-f47cc878] {
|
|
39
39
|
padding: 8px 12px;
|
|
40
40
|
color: #979ba5;
|
|
41
41
|
display: flex;
|
|
42
42
|
align-items: center;
|
|
43
43
|
}
|
|
44
|
-
.dropdown-content .user-group .group-header .group-count[data-v-
|
|
44
|
+
.dropdown-content .user-group .group-header .group-count[data-v-f47cc878] {
|
|
45
45
|
margin-left: 4px;
|
|
46
46
|
}
|
|
47
|
-
.dropdown-content .user-option[data-v-
|
|
47
|
+
.dropdown-content .user-option[data-v-f47cc878] {
|
|
48
48
|
padding: 8px 12px;
|
|
49
49
|
cursor: pointer;
|
|
50
50
|
display: flex;
|
|
51
51
|
align-items: center;
|
|
52
52
|
height: 32px;
|
|
53
53
|
}
|
|
54
|
-
.dropdown-content .user-option[data-v-
|
|
54
|
+
.dropdown-content .user-option[data-v-f47cc878]:hover {
|
|
55
55
|
background-color: #f5f7fa;
|
|
56
56
|
}
|
|
57
|
-
.dropdown-content .user-option .tenant-name[data-v-
|
|
57
|
+
.dropdown-content .user-option .tenant-name[data-v-f47cc878] {
|
|
58
58
|
color: #f59500;
|
|
59
59
|
margin-left: 4px;
|
|
60
60
|
padding: 0 4px;
|
|
@@ -130,11 +130,11 @@
|
|
|
130
130
|
.multiple-selector .search-input.last[data-v-1b988eae], .multiple-selector .search-input.collapsed[data-v-1b988eae] {
|
|
131
131
|
flex: 1;
|
|
132
132
|
min-width: 60px;
|
|
133
|
-
}.single-selector[data-v-
|
|
133
|
+
}.single-selector[data-v-5040d42f] {
|
|
134
134
|
position: relative;
|
|
135
135
|
width: 100%;
|
|
136
136
|
}
|
|
137
|
-
.input-container[data-v-
|
|
137
|
+
.input-container[data-v-5040d42f] {
|
|
138
138
|
position: relative;
|
|
139
139
|
display: flex;
|
|
140
140
|
align-items: center;
|
|
@@ -144,21 +144,21 @@
|
|
|
144
144
|
padding: 0 8px;
|
|
145
145
|
background-color: #fff;
|
|
146
146
|
}
|
|
147
|
-
.input-container[data-v-
|
|
147
|
+
.input-container[data-v-5040d42f]:focus-within {
|
|
148
148
|
border-color: #3a84ff;
|
|
149
149
|
box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
|
|
150
150
|
}
|
|
151
|
-
.search-input[data-v-
|
|
151
|
+
.search-input[data-v-5040d42f] {
|
|
152
152
|
flex: 1;
|
|
153
153
|
outline: none;
|
|
154
154
|
border: none;
|
|
155
155
|
height: 30px;
|
|
156
156
|
background: transparent;
|
|
157
157
|
}
|
|
158
|
-
.search-input[data-v-
|
|
158
|
+
.search-input[data-v-5040d42f]::placeholder {
|
|
159
159
|
color: #c4c6cc;
|
|
160
160
|
}
|
|
161
|
-
.selected-user[data-v-
|
|
161
|
+
.selected-user[data-v-5040d42f] {
|
|
162
162
|
display: inline-flex;
|
|
163
163
|
align-items: center;
|
|
164
164
|
background-color: #f0f1f5;
|
|
@@ -168,15 +168,15 @@
|
|
|
168
168
|
height: 24px;
|
|
169
169
|
max-width: calc(100% - 32px);
|
|
170
170
|
}
|
|
171
|
-
.selected-user .tenant-name[data-v-
|
|
171
|
+
.selected-user .tenant-name[data-v-5040d42f] {
|
|
172
172
|
color: #f59500;
|
|
173
173
|
margin-left: 4px;
|
|
174
174
|
}
|
|
175
|
-
.selected-user .close-icon[data-v-
|
|
175
|
+
.selected-user .close-icon[data-v-5040d42f] {
|
|
176
176
|
margin-left: 4px;
|
|
177
177
|
cursor: pointer;
|
|
178
178
|
font-style: normal;
|
|
179
|
-
}.bk-user-selector[data-v-
|
|
179
|
+
}.bk-user-selector[data-v-c23f5bc9] {
|
|
180
180
|
width: 100%;
|
|
181
181
|
position: relative;
|
|
182
182
|
font-size: 12px;
|