@blueking/bk-user-selector 0.0.18 → 0.0.20

package/README.md

@@ -92,11 +92,12 @@ import '@blueking/bk-user-selector/vue2/vue2.css';
   const selectedUser = ref('');
   // 多选选中值
   const selectedUsers = ref([]);
-  // 用户组
+  // 用户组, hidden 为 true 时，不会展示在下拉列表里，但回显时会展示
   const userGroup = ref([
     {
       id: '1',
       name: '运维人员',
+      hidden: true,
     },
     {
       id: '2',
@@ -122,21 +123,23 @@ import '@blueking/bk-user-selector/vue2/vue2.css';
 
 ### 属性
 
-| 参数                 | 说明                                                                    | 类型           | 默认值             |
-| -------------------- | ----------------------------------------------------------------------- | -------------- | ------------------ |
-| modelValue / v-model | 绑定值，单选为字符串，多选为数组                                        | String / Array | '' / []            |
-| label                | 文本标签                                                                | String         | 人员选择           |
-| required             | 是否必填                                                                | Boolean        | false              |
-| placeholder          | 占位文本                                                                | String         | 请输入人员名称搜索 |
-| multiple             | 是否多选                                                                | Boolean        | false              |
-| draggable            | 是否可拖拽（仅多选模式有效）                                            | Boolean        | false              |
-| apiBaseUrl           | API 基础 URL                                                            | String         | ''                 |
-| tenantId             | 租户 ID                                                                 | String         | ''                 |
-| exactSearchKey       | 精确查找key,可选值为 bk_username、login_name、full_name, 多个以逗号分隔 | String         | bk_username        |
-| currentUserId        | 当前用户ID（用于快速选择"我"）                                          | String         | ''                 |
-| userGroup            | 用户组列表，用于在下拉列表中显示用户组                                  | Array          | []                 |
-| userGroupName        | 用户组名称，用于在下拉列表中显示用户组名称                              | String         | 用户群组           |
-| emptyText            | 无匹配人员时的提示文本                                                  | String         | 无匹配人员         |
+| 参数                 | 说明                                                                    | 类型                           | 默认值             |
+| -------------------- | ----------------------------------------------------------------------- | ------------------------------ | ------------------ |
+| modelValue / v-model | 绑定值，单选为字符串，多选为数组                                        | String / Array                 | '' / []            |
+| label                | 文本标签                                                                | String                         | 人员选择           |
+| required             | 是否必填                                                                | Boolean                        | false              |
+| placeholder          | 占位文本                                                                | String                         | 请输入人员名称搜索 |
+| multiple             | 是否多选                                                                | Boolean                        | false              |
+| draggable            | 是否可拖拽（仅多选模式有效）                                            | Boolean                        | false              |
+| apiBaseUrl           | API 基础 URL                                                            | String                         | ''                 |
+| tenantId             | 租户 ID                                                                 | String                         | ''                 |
+| exactSearchKey       | 精确查找key,可选值为 bk_username、login_name、full_name, 多个以逗号分隔 | String                         | bk_username        |
+| currentUserId        | 当前用户ID（用于快速选择"我"）                                          | String                         | ''                 |
+| userGroup            | 用户组列表，用于在下拉列表中显示用户组                                  | Array                          | []                 |
+| userGroupName        | 用户组名称，用于在下拉列表中显示用户组名称                              | String                         | 用户群组           |
+| emptyText            | 无匹配人员时的提示文本                                                  | String                         | 无匹配人员         |
+| renderTag            | 渲染标签                                                                | Function(h, userInfo) => VNode | -                  |
+| renderListItem       | 渲染列表项                                                              | Function(h, userInfo) => VNode | -                  |
 
 ### 事件
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/bk-user-selector",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "蓝鲸用户选择器",
   "license": "MIT",
   "author": "Tencent BlueKing",

package/typings/components/multiple-selector.vue.d.ts

@@ -40,6 +40,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     userGroup: {
         id: string;
         name: string;
+        hidden
+        /**
+         * 多选模式用户选择器组件
+         */
+        ?: boolean;
     }[];
     userGroupName: string;
     emptyText: string;

package/typings/components/selection-popover.vue.d.ts

@@ -1,3 +1,7 @@
+/**
+ * 用户选择器下拉菜单组件
+ */
+import { createVNode, VNode } from 'vue';
 import { FormattedUser } from '../types';
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -74,6 +78,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * 渲染列表项
+     */
+    renderListItem: {
+        type: () => (h: typeof createVNode, item: FormattedUser) => VNode;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "select-user": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -151,6 +161,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * 渲染列表项
+     */
+    renderListItem: {
+        type: () => (h: typeof createVNode, item: FormattedUser) => VNode;
+    };
 }>> & {
     "onSelect-user"?: ((...args: any[]) => any) | undefined;
 }, {

package/typings/components/single-selector.vue.d.ts

@@ -31,6 +31,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     userGroup: {
         id: string;
         name: string;
+        hidden
+        /**
+         * 单选模式用户选择器组件
+         */
+        ?: boolean;
     }[];
     userGroupName: string;
     emptyText: string;

package/typings/components/user-render.d.ts

@@ -0,0 +1,21 @@
+import type { FormattedUser } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    render: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    user: {
+        type: () => FormattedUser;
+        required: true;
+    };
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    render: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    user: {
+        type: () => FormattedUser;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/typings/components/user-selector.vue.d.ts

@@ -35,6 +35,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     userGroup: {
         id: string;
         name: string;
+        hidden
+        /**
+         * 蓝鲸用户选择器组件
+         * @module components/UserSelector
+         */
+        ?: boolean;
     }[];
     userGroupName: string;
     emptyText: string;

package/typings/components/user-tag.vue.d.ts

@@ -1,3 +1,4 @@
+import { createVNode, VNode } from 'vue';
 import { FormattedUser } from '../types';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
@@ -24,6 +25,10 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
      * 是否显示租户信息
      */
     showTenant?: boolean;
+    /**
+     * 渲染标签
+     */
+    renderTag?: (h: typeof createVNode, userInfo: FormattedUser) => VNode;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
@@ -52,6 +57,10 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
      * 是否显示租户信息
      */
     showTenant?: boolean;
+    /**
+     * 渲染标签
+     */
+    renderTag?: (h: typeof createVNode, userInfo: FormattedUser) => VNode;
 }>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;

package/typings/types/index.d.ts

@@ -97,6 +97,7 @@ interface BaseSelectorProps {
     userGroup?: {
         id: string;
         name: string;
+        hidden?: boolean;
     }[];
     /**
      * 用户组名称

package/vue2/index.es.min.js

@@ -1,5 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "@blueking/bkui-library";
-import { ref, onBeforeMount, defineComponent, createElementBlock, createCommentVNode, openBlock, withModifiers, normalizeClass, computed, createBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, Fragment, renderList, watch, nextTick, onMounted, withDirectives, isRef, vModelText, createTextVNode, pushScopeId, popScopeId, createApp, h as h$1 } from "@blueking/bkui-library";
+import { ref, onBeforeMount, defineComponent, createElementBlock, createCommentVNode, openBlock, withModifiers, normalizeClass, h as h$1, computed, createBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, Fragment, renderList, watch, nextTick, onMounted, withDirectives, isRef, vModelText, createTextVNode, createApp } from "@blueking/bkui-library";
 const getTenants = async (apiBaseUrl, tenantId) => {
   if (!apiBaseUrl || !tenantId) {
     console.warn("获取租户信息需要提供有效的apiBaseUrl和租户ID");
@@ -16690,17 +16690,40 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-887b7c44"]]);
+const UserRender = defineComponent({
+  name: "UserRender",
+  props: {
+    render: {
+      type: Function,
+      required: true
+    },
+    user: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props2) {
+    return () => {
+      try {
+        return props2.render(h$1, props2.user);
+      } catch (error3) {
+        console.error("Error rendering tag:", error3);
+        return h$1("div", props2.user.name);
+      }
+    };
+  }
+});
 const _hoisted_1$4 = {
   key: 0,
   class: "no-data"
 };
 const _hoisted_2$3 = { class: "group-name" };
-const _hoisted_3$3 = { class: "group-count" };
+const _hoisted_3$2 = { class: "group-count" };
 const _hoisted_4$1 = ["onMousedown"];
 const _hoisted_5 = { key: 0 };
 const _hoisted_6 = { key: 1 };
 const _hoisted_7 = {
-  key: 2,
+  key: 0,
   class: "tenant-name"
 };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
@@ -16778,6 +16801,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     emptyText: {
       type: String,
       default: "无匹配人员"
+    },
+    /**
+     * 渲染列表项
+     */
+    renderListItem: {
+      type: Function
     }
   },
   emits: ["select-user"],
@@ -16787,7 +16816,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const groupedUsers = computed(() => {
       const groups = {};
       if (Array.isArray(props2.userGroup) && props2.userGroup.length > 0) {
-        groups[props2.userGroupName] = props2.userGroup.filter((group) => !group.hidden).map((group) => ({
+        groups[props2.userGroupName] = props2.userGroup.map((group) => ({
           ...group,
           tenantId: "",
           type: "userGroup"
@@ -16857,7 +16886,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                         ),
                         createElementVNode(
                           "span",
-                          _hoisted_3$3,
+                          _hoisted_3$2,
                           "(" + toDisplayString(group.length) + ")",
                           1
                           /* TEXT */
@@ -16875,20 +16904,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                           key: user.id,
                           onMousedown: withModifiers(($event) => selectUser(user), ["prevent"])
                         }, [
-                          createElementVNode("div", null, [
-                            user.login_name ? (openBlock(), createElementBlock(
-                              "span",
-                              _hoisted_5,
-                              toDisplayString(user.login_name) + "(" + toDisplayString(user.name) + ")",
-                              1
-                              /* TEXT */
-                            )) : (openBlock(), createElementBlock(
+                          __props.renderListItem ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                            createVNode(unref(UserRender), {
+                              render: __props.renderListItem,
+                              user
+                            }, null, 8, ["render", "user"])
+                          ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+                            createElementVNode(
                               "span",
-                              _hoisted_6,
+                              null,
                               toDisplayString(user.name),
                               1
                               /* TEXT */
-                            )),
+                            ),
                             user.tenantId !== __props.tenantId && user.tenantId && __props.tenants[user.tenantId] ? (openBlock(), createElementBlock(
                               "span",
                               _hoisted_7,
@@ -16896,7 +16924,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                               1
                               /* TEXT */
                             )) : createCommentVNode("v-if", true)
-                          ])
+                          ]))
                         ], 40, _hoisted_4$1);
                       }),
                       128
@@ -16918,10 +16946,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7bcec2be"]]);
-const _hoisted_1$3 = { class: "tag-content" };
-const _hoisted_2$2 = { class: "user-name" };
-const _hoisted_3$2 = {
+const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a24bd074"]]);
+const _hoisted_1$3 = { key: 0 };
+const _hoisted_2$2 = {
+  key: 1,
+  class: "tag-content"
+};
+const _hoisted_3$1 = { class: "user-name" };
+const _hoisted_4 = {
   key: 0,
   class: "tenant-name"
 };
@@ -16936,7 +16968,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     currentTenantId: {},
     draggable: { type: Boolean },
     active: { type: Boolean },
-    showTenant: { type: Boolean }
+    showTenant: { type: Boolean },
+    renderTag: { type: Function }
   },
   emits: ["click", "close"],
   setup(__props, { emit: __emit }) {
@@ -16955,22 +16988,27 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         onClose: handleClose
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$3, [
+          _ctx.renderTag ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+            createVNode(unref(UserRender), {
+              render: _ctx.renderTag,
+              user: _ctx.user
+            }, null, 8, ["render", "user"])
+          ])) : (openBlock(), createElementBlock("div", _hoisted_2$2, [
             createElementVNode(
               "span",
-              _hoisted_2$2,
+              _hoisted_3$1,
               toDisplayString(_ctx.user.name),
               1
               /* TEXT */
             ),
             _ctx.user.tenantId !== _ctx.currentTenantId && _ctx.user.tenantId ? (openBlock(), createElementBlock(
               "span",
-              _hoisted_3$2,
+              _hoisted_4,
               " @" + toDisplayString(_ctx.tenants[_ctx.user.tenantId]),
               1
               /* TEXT */
             )) : createCommentVNode("v-if", true)
-          ])
+          ]))
         ]),
         _: 1
         /* STABLE */
@@ -16978,10 +17016,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-87c12feb"]]);
+const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7099192b"]]);
 const _hoisted_1$2 = ["onClick"];
 const _hoisted_2$1 = ["placeholder"];
-const _hoisted_3$1 = ["placeholder"];
+const _hoisted_3 = ["placeholder"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "BkUserSelectorMultiple"
@@ -17030,6 +17068,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const options = computed(() => {
       return searchResults.value.filter((user) => !props2.selectedUsers.some((selectedUser) => selectedUser.id === user.id));
     });
+    const userGroupFilter = computed(() => {
+      return props2.userGroup.filter((group) => !props2.selectedUsers.some((user) => user.id === group.id) && !group.hidden);
+    });
     const initSortable = () => {
       if (!props2.draggable || !sortableContainerRef.value) return;
       if (sortableInstance.value) {
@@ -17288,11 +17329,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           active: index === activeTagIndex.value,
                           "current-tenant-id": _ctx.tenantId,
                           draggable: _ctx.draggable,
+                          "render-tag": _ctx.renderTag,
                           tenants: _ctx.tenants,
                           user,
                           onClick: ($event) => handleTagClick(index),
                           onClose: ($event) => removeUser(user)
-                        }, null, 8, ["active", "current-tenant-id", "draggable", "tenants", "user", "onClick", "onClose"]),
+                        }, null, 8, ["active", "current-tenant-id", "draggable", "render-tag", "tenants", "user", "onClick", "onClose"]),
                         createCommentVNode(" 在当前激活标签后插入输入框 "),
                         index === activeTagIndex.value && activeTagIndex.value !== _ctx.selectedUsers.length - 1 ? withDirectives((openBlock(), createElementBlock(
                           "input",
@@ -17368,12 +17410,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       return openBlock(), createBlock(UserTag, {
                         "current-tenant-id": _ctx.tenantId,
                         key: user.id,
+                        "render-tag": _ctx.renderTag,
                         "show-tenant": true,
                         tenants: _ctx.tenants,
                         user,
                         onClick: handleFocus,
                         onClose: ($event) => removeUser(user)
-                      }, null, 8, ["current-tenant-id", "tenants", "user", "onClose"]);
+                      }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user", "onClose"]);
                     }),
                     128
                     /* KEYED_FRAGMENT */
@@ -17406,7 +17449,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
                     placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
                     onFocus: handleFocus
-                  }, null, 40, _hoisted_3$1), [
+                  }, null, 40, _hoisted_3), [
                     [vModelText, unref(searchQuery)]
                   ]),
                   createCommentVNode(' 未聚焦状态下的"我"标签 '),
@@ -17430,14 +17473,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             "is-show": showDropdown.value,
             loading: unref(searchLoading),
             options: options.value,
+            "render-list-item": _ctx.renderListItem,
             "search-query": unref(searchQuery),
             "tenant-id": _ctx.tenantId,
             tenants: _ctx.tenants,
-            "user-group": _ctx.userGroup,
+            "user-group": userGroupFilter.value,
             "user-group-name": _ctx.userGroupName,
             onClickoutside: handleClickOutside,
             onSelectUser: addUser
-          }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
+          }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
         ],
         512
         /* NEED_PATCH */
@@ -17445,21 +17489,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1b988eae"]]);
-const _withScopeId = (n2) => (pushScopeId("data-v-5040d42f"), n2 = n2(), popScopeId(), n2);
+const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-5e95d86c"]]);
 const _hoisted_1$1 = { class: "input-container" };
-const _hoisted_2 = {
-  key: 0,
-  class: "tenant-name"
-};
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
-  "i",
-  { class: "close-icon" },
-  "×",
-  -1
-  /* HOISTED */
-));
-const _hoisted_4 = ["placeholder"];
+const _hoisted_2 = ["placeholder"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "BkUserSelectorSingle"
@@ -17490,6 +17522,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const selectedUser = ref(props2.modelValue || "");
     const searchQuery = ref("");
     const showDropdown = ref(false);
+    const userGroupFilter = computed(() => {
+      return props2.userGroup.filter((group) => group.id !== selectedUser.value && !group.hidden);
+    });
     const selectedUserInfo = computed(() => {
       const userGroup = (props2.userGroup || []).map((group) => ({
         ...group,
@@ -17588,24 +17623,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           createCommentVNode(" 用户标签显示 "),
           selectedUserInfo.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "selected-user",
             onClick: withModifiers(removeSelectedUser, ["stop"])
           }, [
-            createElementVNode(
-              "span",
-              null,
-              toDisplayString(selectedUserInfo.value.name),
-              1
-              /* TEXT */
-            ),
-            selectedUserInfo.value.tenantId !== _ctx.tenantId && selectedUserInfo.value.tenantId && _ctx.tenants[selectedUserInfo.value.tenantId] ? (openBlock(), createElementBlock(
-              "span",
-              _hoisted_2,
-              "@" + toDisplayString(_ctx.tenants[selectedUserInfo.value.tenantId]),
-              1
-              /* TEXT */
-            )) : createCommentVNode("v-if", true),
-            _hoisted_3
+            createVNode(UserTag, {
+              "render-tag": _ctx.renderTag,
+              tenants: _ctx.tenants,
+              user: selectedUserInfo.value,
+              onClose: removeSelectedUser
+            }, null, 8, ["render-tag", "tenants", "user"])
           ])) : createCommentVNode("v-if", true),
           withDirectives(createElementVNode("input", {
             ref_key: "inputRef",
@@ -17615,7 +17640,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
             onFocus: handleInputFocus,
             onInput: handleInput
-          }, null, 40, _hoisted_4), [
+          }, null, 40, _hoisted_2), [
             [vModelText, searchQuery.value]
           ]),
           createCommentVNode(' "我"标签 '),
@@ -17632,20 +17657,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           "is-show": showDropdown.value,
           loading: isLoading.value,
           options: options.value,
+          "render-list-item": _ctx.renderListItem,
           "search-query": searchQuery.value,
           "tenant-id": _ctx.tenantId,
           tenants: _ctx.tenants,
-          "user-group": _ctx.userGroup,
+          "user-group": userGroupFilter.value,
           "user-group-name": _ctx.userGroupName,
           onSelectUser: addUser
-        }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
+        }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
       ])), [
         [unref(__webpack_exports__clickoutside), handleClickOutside]
       ]);
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5040d42f"]]);
+const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-02021e20"]]);
 const _hoisted_1 = {
   ref: "containerRef",
   class: "bk-user-selector"