@blueking/bk-user-selector 0.0.16 → 0.0.18
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/package.json +1 -1
- package/typings/components/render-tag.d.ts +8 -0
- package/typings/components/selection-popover.vue.d.ts +3 -0
- package/typings/types/index.d.ts +15 -1
- package/vue2/index.es.min.js +57 -41
- package/vue2/index.iife.min.js +58 -42
- package/vue2/index.umd.min.js +58 -42
- package/vue2/vue2.css +16 -16
- package/vue3/index.es.min.js +57 -41
- package/vue3/index.iife.min.js +58 -42
- package/vue3/index.umd.min.js +58 -42
- 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-7bcec2be] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-7bcec2be] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-7bcec2be] {\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-7bcec2be] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-7bcec2be] {\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-7bcec2be]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-7bcec2be] {\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) {
|
|
@@ -3115,9 +3115,8 @@
|
|
|
3115
3115
|
const groupedUsers = vue.computed(() => {
|
|
3116
3116
|
const groups = {};
|
|
3117
3117
|
if (Array.isArray(props.userGroup) && props.userGroup.length > 0) {
|
|
3118
|
-
groups[props.userGroupName] = props.userGroup.map((group) => ({
|
|
3119
|
-
|
|
3120
|
-
name: group.name,
|
|
3118
|
+
groups[props.userGroupName] = props.userGroup.filter((group) => !group.hidden).map((group) => ({
|
|
3119
|
+
...group,
|
|
3121
3120
|
tenantId: "",
|
|
3122
3121
|
type: "userGroup"
|
|
3123
3122
|
}));
|
|
@@ -3204,26 +3203,28 @@
|
|
|
3204
3203
|
key: user.id,
|
|
3205
3204
|
onMousedown: vue.withModifiers(($event) => selectUser(user), ["prevent"])
|
|
3206
3205
|
}, [
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3221
|
-
|
|
3222
|
-
|
|
3223
|
-
|
|
3224
|
-
|
|
3225
|
-
|
|
3226
|
-
|
|
3206
|
+
vue.createElementVNode("div", null, [
|
|
3207
|
+
user.login_name ? (vue.openBlock(), vue.createElementBlock(
|
|
3208
|
+
"span",
|
|
3209
|
+
_hoisted_5,
|
|
3210
|
+
vue.toDisplayString(user.login_name) + "(" + vue.toDisplayString(user.name) + ")",
|
|
3211
|
+
1
|
|
3212
|
+
/* TEXT */
|
|
3213
|
+
)) : (vue.openBlock(), vue.createElementBlock(
|
|
3214
|
+
"span",
|
|
3215
|
+
_hoisted_6,
|
|
3216
|
+
vue.toDisplayString(user.name),
|
|
3217
|
+
1
|
|
3218
|
+
/* TEXT */
|
|
3219
|
+
)),
|
|
3220
|
+
user.tenantId !== __props.tenantId && user.tenantId && __props.tenants[user.tenantId] ? (vue.openBlock(), vue.createElementBlock(
|
|
3221
|
+
"span",
|
|
3222
|
+
_hoisted_7,
|
|
3223
|
+
"@" + vue.toDisplayString(__props.tenants[user.tenantId]),
|
|
3224
|
+
1
|
|
3225
|
+
/* TEXT */
|
|
3226
|
+
)) : vue.createCommentVNode("v-if", true)
|
|
3227
|
+
])
|
|
3227
3228
|
], 40, _hoisted_4$1);
|
|
3228
3229
|
}),
|
|
3229
3230
|
128
|
|
@@ -3245,7 +3246,7 @@
|
|
|
3245
3246
|
};
|
|
3246
3247
|
}
|
|
3247
3248
|
});
|
|
3248
|
-
const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-
|
|
3249
|
+
const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7bcec2be"]]);
|
|
3249
3250
|
const _hoisted_1$3 = { class: "tag-content" };
|
|
3250
3251
|
const _hoisted_2$2 = { class: "user-name" };
|
|
3251
3252
|
const _hoisted_3$2 = {
|
|
@@ -3326,7 +3327,9 @@
|
|
|
3326
3327
|
exactSearchKey: { default: "bk_username" },
|
|
3327
3328
|
userGroup: { default: () => [] },
|
|
3328
3329
|
userGroupName: { default: "用户群组" },
|
|
3329
|
-
emptyText: { default: "无匹配人员" }
|
|
3330
|
+
emptyText: { default: "无匹配人员" },
|
|
3331
|
+
renderListItem: {},
|
|
3332
|
+
renderTag: {}
|
|
3330
3333
|
},
|
|
3331
3334
|
emits: ["update:selectedUsers", "add-user", "remove-user"],
|
|
3332
3335
|
setup(__props, { emit: __emit }) {
|
|
@@ -3771,7 +3774,7 @@
|
|
|
3771
3774
|
}
|
|
3772
3775
|
});
|
|
3773
3776
|
const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1b988eae"]]);
|
|
3774
|
-
const _withScopeId = (n) => (vue.pushScopeId("data-v-
|
|
3777
|
+
const _withScopeId = (n) => (vue.pushScopeId("data-v-5040d42f"), n = n(), vue.popScopeId(), n);
|
|
3775
3778
|
const _hoisted_1$1 = { class: "input-container" };
|
|
3776
3779
|
const _hoisted_2 = {
|
|
3777
3780
|
key: 0,
|
|
@@ -3800,7 +3803,9 @@
|
|
|
3800
3803
|
exactSearchKey: { default: "bk_username" },
|
|
3801
3804
|
userGroup: { default: () => [] },
|
|
3802
3805
|
userGroupName: { default: "用户群组" },
|
|
3803
|
-
emptyText: { default: "无匹配人员" }
|
|
3806
|
+
emptyText: { default: "无匹配人员" },
|
|
3807
|
+
renderListItem: {},
|
|
3808
|
+
renderTag: {}
|
|
3804
3809
|
},
|
|
3805
3810
|
emits: ["update:modelValue", "change"],
|
|
3806
3811
|
setup(__props, { emit: __emit }) {
|
|
@@ -3815,9 +3820,9 @@
|
|
|
3815
3820
|
const showDropdown = vue.ref(false);
|
|
3816
3821
|
const selectedUserInfo = vue.computed(() => {
|
|
3817
3822
|
const userGroup = (props.userGroup || []).map((group) => ({
|
|
3818
|
-
|
|
3819
|
-
|
|
3820
|
-
|
|
3823
|
+
...group,
|
|
3824
|
+
tenantId: "",
|
|
3825
|
+
type: "userGroup"
|
|
3821
3826
|
}));
|
|
3822
3827
|
const list = [...options.value, ...userGroup];
|
|
3823
3828
|
const selectedUserInfo2 = list.find((user) => user.id === selectedUser.value);
|
|
@@ -3835,8 +3840,7 @@
|
|
|
3835
3840
|
if (props.userGroup.length > 0) {
|
|
3836
3841
|
const groupResult = props.userGroup.filter((group) => group.id == props.modelValue);
|
|
3837
3842
|
options.value = groupResult.map((group) => ({
|
|
3838
|
-
|
|
3839
|
-
name: group.name,
|
|
3843
|
+
...group,
|
|
3840
3844
|
tenantId: "",
|
|
3841
3845
|
type: "userGroup"
|
|
3842
3846
|
}));
|
|
@@ -3969,7 +3973,7 @@
|
|
|
3969
3973
|
};
|
|
3970
3974
|
}
|
|
3971
3975
|
});
|
|
3972
|
-
const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
3976
|
+
const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5040d42f"]]);
|
|
3973
3977
|
const _hoisted_1 = {
|
|
3974
3978
|
ref: "containerRef",
|
|
3975
3979
|
class: "bk-user-selector"
|
|
@@ -3990,7 +3994,9 @@
|
|
|
3990
3994
|
exactSearchKey: { default: "bk_username" },
|
|
3991
3995
|
userGroup: { default: () => [] },
|
|
3992
3996
|
userGroupName: { default: "用户群组" },
|
|
3993
|
-
emptyText: { default: "无匹配人员" }
|
|
3997
|
+
emptyText: { default: "无匹配人员" },
|
|
3998
|
+
renderListItem: {},
|
|
3999
|
+
renderTag: {}
|
|
3994
4000
|
},
|
|
3995
4001
|
emits: ["update:modelValue", "change"],
|
|
3996
4002
|
setup(__props, { emit: __emit }) {
|
|
@@ -4005,11 +4011,11 @@
|
|
|
4005
4011
|
const initSelectedUsers = async () => {
|
|
4006
4012
|
if (props.multiple) {
|
|
4007
4013
|
const ids = Array.isArray(props.modelValue) ? props.modelValue : [];
|
|
4014
|
+
let selected = [];
|
|
4008
4015
|
if (props.userGroup.length > 0) {
|
|
4009
4016
|
const result = props.userGroup.filter((group) => ids.includes(group.id));
|
|
4010
|
-
|
|
4011
|
-
|
|
4012
|
-
name: group.name,
|
|
4017
|
+
selected = result.map((group) => ({
|
|
4018
|
+
...group,
|
|
4013
4019
|
tenantId: "",
|
|
4014
4020
|
type: "userGroup"
|
|
4015
4021
|
}));
|
|
@@ -4017,7 +4023,7 @@
|
|
|
4017
4023
|
if (ids.length > 0) {
|
|
4018
4024
|
try {
|
|
4019
4025
|
const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactSearchKey, ids);
|
|
4020
|
-
selectedUsers.value = [...
|
|
4026
|
+
selectedUsers.value = [...selected, ...formatUsers(result)];
|
|
4021
4027
|
} catch (error) {
|
|
4022
4028
|
console.error("获取选中用户信息失败:", error);
|
|
4023
4029
|
}
|
|
@@ -4042,6 +4048,12 @@
|
|
|
4042
4048
|
emit("update:modelValue", newVal);
|
|
4043
4049
|
}
|
|
4044
4050
|
});
|
|
4051
|
+
vue.watch(
|
|
4052
|
+
() => props.userGroup,
|
|
4053
|
+
() => {
|
|
4054
|
+
initSelectedUsers();
|
|
4055
|
+
}
|
|
4056
|
+
);
|
|
4045
4057
|
vue.onBeforeMount(() => {
|
|
4046
4058
|
initSelectedUsers();
|
|
4047
4059
|
});
|
|
@@ -4060,12 +4072,14 @@
|
|
|
4060
4072
|
"empty-text": _ctx.emptyText,
|
|
4061
4073
|
"exact-search-key": _ctx.exactSearchKey,
|
|
4062
4074
|
placeholder: _ctx.placeholder,
|
|
4075
|
+
"render-list-item": _ctx.renderListItem,
|
|
4076
|
+
"render-tag": _ctx.renderTag,
|
|
4063
4077
|
"tenant-id": _ctx.tenantId,
|
|
4064
4078
|
tenants: vue.unref(tenants),
|
|
4065
4079
|
"user-group": _ctx.userGroup,
|
|
4066
4080
|
"user-group-name": _ctx.userGroupName,
|
|
4067
4081
|
onChange: handleUpdateUser
|
|
4068
|
-
}, 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(
|
|
4082
|
+
}, 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(
|
|
4069
4083
|
vue.Fragment,
|
|
4070
4084
|
{ key: 1 },
|
|
4071
4085
|
[
|
|
@@ -4079,13 +4093,15 @@
|
|
|
4079
4093
|
"empty-text": _ctx.emptyText,
|
|
4080
4094
|
"exact-search-key": _ctx.exactSearchKey,
|
|
4081
4095
|
placeholder: _ctx.placeholder,
|
|
4096
|
+
"render-list-item": _ctx.renderListItem,
|
|
4097
|
+
"render-tag": _ctx.renderTag,
|
|
4082
4098
|
"selected-users": selectedUsers.value,
|
|
4083
4099
|
"tenant-id": _ctx.tenantId,
|
|
4084
4100
|
tenants: vue.unref(tenants),
|
|
4085
4101
|
"user-group": _ctx.userGroup,
|
|
4086
4102
|
"user-group-name": _ctx.userGroupName,
|
|
4087
4103
|
"onUpdate:selectedUsers": handleUpdateSelectedUsers
|
|
4088
|
-
}, 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"])
|
|
4104
|
+
}, 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"])
|
|
4089
4105
|
],
|
|
4090
4106
|
2112
|
|
4091
4107
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
@@ -4097,7 +4113,7 @@
|
|
|
4097
4113
|
};
|
|
4098
4114
|
}
|
|
4099
4115
|
});
|
|
4100
|
-
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4116
|
+
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c23f5bc9"]]);
|
|
4101
4117
|
exports2.BkUserSelector = BkUserSelector;
|
|
4102
4118
|
exports2.default = BkUserSelector;
|
|
4103
4119
|
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-7bcec2be] {
|
|
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-7bcec2be] {
|
|
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-7bcec2be] {
|
|
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-7bcec2be] {
|
|
45
45
|
margin-left: 4px;
|
|
46
46
|
}
|
|
47
|
-
.dropdown-content .user-option[data-v-
|
|
47
|
+
.dropdown-content .user-option[data-v-7bcec2be] {
|
|
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-7bcec2be]: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-7bcec2be] {
|
|
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;
|