@blueking/bk-user-selector 0.0.8 → 0.0.10

package/vue2/vue2.css

@@ -1340,37 +1340,37 @@ optgroup {
   background-color: #f0f1f5;
   color: #c4c6cc;
   cursor: not-allowed;
-}.dropdown-content[data-v-c68dfcac] {
+}.dropdown-content[data-v-01b75e6e] {
   min-height: 40px;
   max-height: 300px;
   overflow-y: auto;
   padding: 5px 0;
 }
-.dropdown-content .no-data[data-v-c68dfcac] {
+.dropdown-content .no-data[data-v-01b75e6e] {
   padding: 10px;
   text-align: center;
   color: #979ba5;
 }
-.dropdown-content .user-group .group-header[data-v-c68dfcac] {
+.dropdown-content .user-group .group-header[data-v-01b75e6e] {
   padding: 8px 12px;
   color: #979ba5;
   display: flex;
   align-items: center;
 }
-.dropdown-content .user-group .group-header .group-count[data-v-c68dfcac] {
+.dropdown-content .user-group .group-header .group-count[data-v-01b75e6e] {
   margin-left: 4px;
 }
-.dropdown-content .user-option[data-v-c68dfcac] {
+.dropdown-content .user-option[data-v-01b75e6e] {
   padding: 8px 12px;
   cursor: pointer;
   display: flex;
   align-items: center;
   height: 32px;
 }
-.dropdown-content .user-option[data-v-c68dfcac]:hover {
+.dropdown-content .user-option[data-v-01b75e6e]:hover {
   background-color: #f5f7fa;
 }
-.dropdown-content .user-option .tenant-name[data-v-c68dfcac] {
+.dropdown-content .user-option .tenant-name[data-v-01b75e6e] {
   color: #f59500;
   margin-left: 4px;
   padding: 0 4px;
@@ -1398,11 +1398,11 @@ optgroup {
   white-space: nowrap;
   padding: 0 3px;
   border-radius: 2px;
-}.multiple-selector[data-v-a09f11c3] {
+}.multiple-selector[data-v-1a376d26] {
   position: relative;
   width: 100%;
 }
-.multiple-selector .tags-container[data-v-a09f11c3] {
+.multiple-selector .tags-container[data-v-1a376d26] {
   min-height: 32px;
   border: 1px solid #dcdee5;
   border-radius: 2px;
@@ -1410,46 +1410,46 @@ optgroup {
   transition: all 0.2s ease;
   background-color: #fff;
 }
-.multiple-selector .tags-container.focused[data-v-a09f11c3] {
+.multiple-selector .tags-container.focused[data-v-1a376d26] {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.multiple-selector .tags-container.collapsed[data-v-a09f11c3] {
+.multiple-selector .tags-container.collapsed[data-v-1a376d26] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-list[data-v-a09f11c3] {
+.multiple-selector .tag-list[data-v-1a376d26] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-wrapper[data-v-a09f11c3] {
+.multiple-selector .tag-wrapper[data-v-1a376d26] {
   display: inline-flex;
   align-items: center;
   max-width: 100%;
 }
-.multiple-selector .search-input[data-v-a09f11c3] {
+.multiple-selector .search-input[data-v-1a376d26] {
   outline: none;
   border: none;
   height: 28px;
   min-width: 10px;
   background: transparent;
 }
-.multiple-selector .search-input[data-v-a09f11c3]::placeholder {
+.multiple-selector .search-input[data-v-1a376d26]::placeholder {
   color: #c4c6cc;
 }
-.multiple-selector .search-input.inline[data-v-a09f11c3] {
+.multiple-selector .search-input.inline[data-v-1a376d26] {
   min-width: 10px;
 }
-.multiple-selector .search-input.last[data-v-a09f11c3], .multiple-selector .search-input.collapsed[data-v-a09f11c3] {
+.multiple-selector .search-input.last[data-v-1a376d26], .multiple-selector .search-input.collapsed[data-v-1a376d26] {
   flex: 1;
   min-width: 60px;
-}.single-selector[data-v-8b8dd0fd] {
+}.single-selector[data-v-22d9b76f] {
   position: relative;
   width: 100%;
 }
-.input-container[data-v-8b8dd0fd] {
+.input-container[data-v-22d9b76f] {
   position: relative;
   display: flex;
   align-items: center;
@@ -1459,21 +1459,21 @@ optgroup {
   padding: 0 8px;
   background-color: #fff;
 }
-.input-container[data-v-8b8dd0fd]:focus-within {
+.input-container[data-v-22d9b76f]:focus-within {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.search-input[data-v-8b8dd0fd] {
+.search-input[data-v-22d9b76f] {
   flex: 1;
   outline: none;
   border: none;
   height: 30px;
   background: transparent;
 }
-.search-input[data-v-8b8dd0fd]::placeholder {
+.search-input[data-v-22d9b76f]::placeholder {
   color: #c4c6cc;
 }
-.selected-user[data-v-8b8dd0fd] {
+.selected-user[data-v-22d9b76f] {
   display: inline-flex;
   align-items: center;
   background-color: #f0f1f5;
@@ -1483,15 +1483,15 @@ optgroup {
   height: 24px;
   max-width: calc(100% - 32px);
 }
-.selected-user .tenant-name[data-v-8b8dd0fd] {
+.selected-user .tenant-name[data-v-22d9b76f] {
   color: #f59500;
   margin-left: 4px;
 }
-.selected-user .close-icon[data-v-8b8dd0fd] {
+.selected-user .close-icon[data-v-22d9b76f] {
   margin-left: 4px;
   cursor: pointer;
   font-style: normal;
-}.bk-user-selector[data-v-bc7b4ccd] {
+}.bk-user-selector[data-v-84252deb] {
   width: 100%;
   position: relative;
   font-size: 12px;

package/vue3/index.es.min.js

@@ -3099,7 +3099,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const groupedUsers = computed(() => {
       const groups = {};
-      console.log("props.options", props.options);
       if (Array.isArray(props.userGroup) && props.userGroup.length > 0) {
         groups[props.userGroupName] = props.userGroup.map((group) => ({
           id: group.id,
@@ -3153,9 +3152,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     class: "user-group",
                     key: groupName
                   }, [
-                    createElementVNode(
+                    Object.keys(groupedUsers.value).length > 1 ? (openBlock(), createElementBlock(
                       "div",
                       {
+                        key: 0,
                         class: "group-header",
                         onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                         }, ["prevent"]))
@@ -3178,7 +3178,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       ],
                       32
                       /* NEED_HYDRATION */
-                    ),
+                    )) : createCommentVNode("v-if", true),
                     (openBlock(true), createElementBlock(
                       Fragment,
                       null,
@@ -3223,7 +3223,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c68dfcac"]]);
+const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-01b75e6e"]]);
 const _hoisted_1$3 = { class: "tag-content" };
 const _hoisted_2$2 = { class: "user-name" };
 const _hoisted_3$2 = {
@@ -3293,83 +3293,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   __name: "multiple-selector",
   props: {
-    /**
-     * 绑定值
-     */
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * 占位文本
-     */
-    placeholder: {
-      type: String,
-      default: "请输入人员名称搜索"
-    },
-    /**
-     * 是否可拖拽
-     */
-    draggable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * API 基础 URL
-     */
-    apiBaseUrl: {
-      type: String,
-      default: ""
-    },
-    /**
-     * 租户 ID
-     */
-    tenantId: {
-      type: String,
-      default: ""
-    },
-    /**
-     * 已选用户
-     */
-    selectedUsers: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * 租户信息映射
-     */
-    tenants: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * 当前用户ID
-     */
-    currentUserId: {
-      type: String,
-      default: ""
-    },
-    /**
-     * 精确查找key
-     */
-    exactSearchKey: {
-      type: String,
-      default: "bk_username"
-    },
-    /**
-     * 用户组
-     */
-    userGroup: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * 用户组名称
-     */
-    userGroupName: {
-      type: String,
-      default: "用户群组"
-    }
+    modelValue: { default: () => [] },
+    draggable: { type: Boolean, default: false },
+    selectedUsers: { default: () => [] },
+    tenants: { default: () => ({}) },
+    apiBaseUrl: { default: "" },
+    tenantId: { default: "" },
+    placeholder: { default: "请输入人员名称搜索" },
+    currentUserId: { default: "" },
+    exactSearchKey: { default: "bk_username" },
+    userGroup: { default: () => [] },
+    userGroupName: { default: "用户群组" }
   },
   emits: ["update:selectedUsers", "add-user", "remove-user"],
   setup(__props, { emit: __emit }) {
@@ -3632,7 +3566,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 (openBlock(true), createElementBlock(
                   Fragment,
                   null,
-                  renderList(__props.selectedUsers, (user, index) => {
+                  renderList(_ctx.selectedUsers, (user, index) => {
                     return openBlock(), createElementBlock("div", {
                       class: "tag-wrapper",
                       key: user.id,
@@ -3640,15 +3574,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     }, [
                       createVNode(UserTag, {
                         active: index === activeTagIndex.value,
-                        "current-tenant-id": __props.tenantId,
-                        draggable: __props.draggable,
-                        tenants: __props.tenants,
+                        "current-tenant-id": _ctx.tenantId,
+                        draggable: _ctx.draggable,
+                        tenants: _ctx.tenants,
                         user,
                         onClick: ($event) => handleTagClick(index),
                         onClose: ($event) => removeUser(user)
                       }, null, 8, ["active", "current-tenant-id", "draggable", "tenants", "user", "onClick", "onClose"]),
                       createCommentVNode(" 在当前激活标签后插入输入框 "),
-                      index === activeTagIndex.value && activeTagIndex.value !== __props.selectedUsers.length - 1 ? withDirectives((openBlock(), createElementBlock(
+                      index === activeTagIndex.value && activeTagIndex.value !== _ctx.selectedUsers.length - 1 ? withDirectives((openBlock(), createElementBlock(
                         "input",
                         {
                           key: 0,
@@ -3674,13 +3608,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   /* KEYED_FRAGMENT */
                 )),
                 createCommentVNode(" 最后一个输入框 "),
-                activeTagIndex.value === -1 || activeTagIndex.value === __props.selectedUsers.length - 1 ? withDirectives((openBlock(), createElementBlock("input", {
+                activeTagIndex.value === -1 || activeTagIndex.value === _ctx.selectedUsers.length - 1 ? withDirectives((openBlock(), createElementBlock("input", {
                   key: 0,
                   ref_key: "lastInputRef",
                   ref: lastInputRef,
                   class: "search-input last",
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
-                  placeholder: !__props.selectedUsers.length ? __props.placeholder : "",
+                  placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
                   onFocus: handleInputFocus,
                   onInput: handleInput,
                   onKeydown: handleKeyDown,
@@ -3690,8 +3624,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 ]) : createCommentVNode("v-if", true),
                 createCommentVNode(' "我"标签 '),
                 createVNode(MeTag, {
-                  "current-user-id": __props.currentUserId,
-                  "is-disabled": !!__props.currentUserId && __props.selectedUsers.some((user) => user.id === __props.currentUserId),
+                  "current-user-id": _ctx.currentUserId,
+                  "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user.id === _ctx.currentUserId),
                   onClick: addCurrentUser
                 }, null, 8, ["current-user-id", "is-disabled"])
               ],
@@ -3720,10 +3654,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   null,
                   renderList(visibleUsers.value, (user) => {
                     return openBlock(), createBlock(UserTag, {
-                      "current-tenant-id": __props.tenantId,
+                      "current-tenant-id": _ctx.tenantId,
                       key: user.id,
                       "show-tenant": true,
-                      tenants: __props.tenants,
+                      tenants: _ctx.tenants,
                       user,
                       onClick: handleFocus,
                       onClose: ($event) => removeUser(user)
@@ -3748,7 +3682,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   /* STABLE */
                 })), [
                   [unref(bkTooltips), {
-                    content: __props.selectedUsers.slice(visibleUsers.value.length).map((user) => user.display_name).join(","),
+                    content: _ctx.selectedUsers.slice(visibleUsers.value.length).map((user) => user.display_name).join(","),
                     placement: "top"
                   }]
                 ]) : createCommentVNode("v-if", true),
@@ -3758,15 +3692,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   ref: collapsedInputRef,
                   class: "search-input collapsed",
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
-                  placeholder: !__props.selectedUsers.length ? __props.placeholder : "",
+                  placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
                   onFocus: handleFocus
                 }, null, 40, _hoisted_3$1), [
                   [vModelText, unref(searchQuery)]
                 ]),
                 createCommentVNode(' 未聚焦状态下的"我"标签 '),
                 createVNode(MeTag, {
-                  "current-user-id": __props.currentUserId,
-                  "is-disabled": !!__props.currentUserId && __props.selectedUsers.some((user) => user[props.exactSearchKey] === __props.currentUserId),
+                  "current-user-id": _ctx.currentUserId,
+                  "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user[props.exactSearchKey] === _ctx.currentUserId),
                   onClick: addCurrentUser
                 }, null, 8, ["current-user-id", "is-disabled"])
               ],
@@ -3784,10 +3718,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           loading: unref(searchLoading),
           options: options.value,
           "search-query": unref(searchQuery),
-          "tenant-id": __props.tenantId,
-          tenants: __props.tenants,
-          "user-group": __props.userGroup,
-          "user-group-name": __props.userGroupName,
+          "tenant-id": _ctx.tenantId,
+          tenants: _ctx.tenants,
+          "user-group": _ctx.userGroup,
+          "user-group-name": _ctx.userGroupName,
           onSelectUser: addUser
         }, null, 8, ["container-width", "is-show", "loading", "options", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
       ])), [
@@ -3796,8 +3730,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a09f11c3"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-8b8dd0fd"), n = n(), popScopeId(), n);
+const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1a376d26"]]);
+const _withScopeId = (n) => (pushScopeId("data-v-22d9b76f"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { class: "input-container" };
 const _hoisted_2 = {
   key: 0,
@@ -3817,15 +3751,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   __name: "single-selector",
   props: {
-    modelValue: {},
+    modelValue: { default: "" },
     tenants: {},
-    apiBaseUrl: {},
-    tenantId: {},
-    placeholder: {},
-    currentUserId: {},
-    exactSearchKey: {},
-    userGroup: {},
-    userGroupName: {}
+    apiBaseUrl: { default: "" },
+    tenantId: { default: "" },
+    placeholder: { default: "请输入人员名称搜索" },
+    currentUserId: { default: "" },
+    exactSearchKey: { default: "bk_username" },
+    userGroup: { default: () => [] },
+    userGroupName: { default: "用户群组" }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
@@ -3886,7 +3820,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       try {
         const result = await searchUsers(props.apiBaseUrl, props.tenantId, keyword);
         options.value = formatUsers(result).filter((user) => !selectedUser.value || user.id !== selectedUser.value);
-        console.log("options.value", options.value);
       } catch (error) {
         console.error("获取用户列表失败:", error);
         options.value = [];
@@ -3895,7 +3828,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     };
     const addUser = (user) => {
-      console.log("addUser", user);
       selectedUser.value = user.id;
       searchQuery.value = "";
       showDropdown.value = false;
@@ -3910,7 +3842,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     };
     const handleInput = () => {
-      console.log("handleInput", searchQuery.value);
       fetchUsers(searchQuery.value);
       showDropdown.value = searchQuery.value.length >= 2;
     };
@@ -3918,7 +3849,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       showDropdown.value = false;
     };
     watch(selectedUser, (newVal) => {
-      console.log("selectedUser", newVal);
       emit("update:modelValue", newVal);
     });
     return (_ctx, _cache) => {
@@ -3964,10 +3894,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           createCommentVNode(' "我"标签 '),
           createVNode(MeTag, {
-            "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey || "bk_username"] === _ctx.currentUserId,
             "current-user-id": _ctx.currentUserId,
+            "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey] === _ctx.currentUserId,
             onClick: addCurrentUser
-          }, null, 8, ["is-disabled", "current-user-id"])
+          }, null, 8, ["current-user-id", "is-disabled"])
         ]),
         createCommentVNode(" 使用新的公共下拉选项组件 "),
         createVNode(SelectionPopover, {
@@ -3988,8 +3918,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8b8dd0fd"]]);
-const _hoisted_1 = { class: "bk-user-selector" };
+const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-22d9b76f"]]);
+const _hoisted_1 = {
+  ref: "containerRef",
+  class: "bk-user-selector"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "BkUserSelector"
@@ -4022,7 +3955,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const ids = Array.isArray(props.modelValue) ? props.modelValue : [];
         if (ids.length > 0) {
           try {
-            console.log(props.exactSearchKey);
             const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactSearchKey, ids);
             selectedUsers.value = formatUsers(result);
           } catch (error) {
@@ -4053,50 +3985,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       initSelectedUsers();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        createCommentVNode(" 单选模式 "),
-        !_ctx.multiple ? (openBlock(), createBlock(SingleSelector, {
-          key: 0,
-          modelValue: selectedUser.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedUser.value = $event),
-          "api-base-url": _ctx.apiBaseUrl,
-          "current-user-id": _ctx.currentUserId,
-          "exact-search-key": _ctx.exactSearchKey,
-          placeholder: _ctx.placeholder,
-          "tenant-id": _ctx.tenantId,
-          tenants: unref(tenants),
-          "user-group": _ctx.userGroup,
-          "user-group-name": _ctx.userGroupName,
-          onChange: handleUpdateUser
-        }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-search-key", "placeholder", "tenant-id", "tenants", "user-group", "user-group-name"])) : (openBlock(), createElementBlock(
-          Fragment,
-          { key: 1 },
-          [
-            createCommentVNode(" 多选模式 "),
-            createVNode(MultipleSelector, {
-              modelValue: selectedUserIds.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedUserIds.value = $event),
-              "api-base-url": _ctx.apiBaseUrl,
-              "current-user-id": _ctx.currentUserId,
-              draggable: _ctx.draggable,
-              "exact-search-key": _ctx.exactSearchKey,
-              placeholder: _ctx.placeholder,
-              "selected-users": selectedUsers.value,
-              "tenant-id": _ctx.tenantId,
-              tenants: unref(tenants),
-              "user-group": _ctx.userGroup,
-              "user-group-name": _ctx.userGroupName,
-              "onUpdate:selectedUsers": handleUpdateSelectedUsers
-            }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-search-key", "placeholder", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
-          ],
-          2112
-          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-        ))
-      ]);
+      return openBlock(), createElementBlock(
+        "section",
+        _hoisted_1,
+        [
+          createCommentVNode(" 单选模式 "),
+          !_ctx.multiple ? (openBlock(), createBlock(SingleSelector, {
+            key: 0,
+            modelValue: selectedUser.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedUser.value = $event),
+            "api-base-url": _ctx.apiBaseUrl,
+            "current-user-id": _ctx.currentUserId,
+            "exact-search-key": _ctx.exactSearchKey,
+            placeholder: _ctx.placeholder,
+            "tenant-id": _ctx.tenantId,
+            tenants: unref(tenants),
+            "user-group": _ctx.userGroup,
+            "user-group-name": _ctx.userGroupName,
+            onChange: handleUpdateUser
+          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-search-key", "placeholder", "tenant-id", "tenants", "user-group", "user-group-name"])) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createCommentVNode(" 多选模式 "),
+              createVNode(MultipleSelector, {
+                modelValue: selectedUserIds.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedUserIds.value = $event),
+                "api-base-url": _ctx.apiBaseUrl,
+                "current-user-id": _ctx.currentUserId,
+                draggable: _ctx.draggable,
+                "exact-search-key": _ctx.exactSearchKey,
+                placeholder: _ctx.placeholder,
+                "selected-users": selectedUsers.value,
+                "tenant-id": _ctx.tenantId,
+                tenants: unref(tenants),
+                "user-group": _ctx.userGroup,
+                "user-group-name": _ctx.userGroupName,
+                "onUpdate:selectedUsers": handleUpdateSelectedUsers
+              }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-search-key", "placeholder", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          ))
+        ],
+        512
+        /* NEED_PATCH */
+      );
     };
   }
 });
-const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc7b4ccd"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-84252deb"]]);
 export {
   BkUserSelector,
   BkUserSelector as default