@blueking/bk-user-selector 0.0.10 → 0.0.12

package/vue3/index.umd.min.js

@@ -3,7 +3,7 @@
 })(this, function(exports2, vue, bkuiVue) {
   "use strict";
   var __vite_style__ = document.createElement("style");
-  __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-01b75e6e] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-01b75e6e] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-01b75e6e] {\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-01b75e6e] {\n  margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-01b75e6e] {\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-01b75e6e]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-01b75e6e] {\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-203c36cb] {\n  margin-right: 4px;\n}\n.user-tag.draggable[data-v-203c36cb] {\n  cursor: move;\n}\n.user-tag.active[data-v-203c36cb] {\n  background-color: #e1ecff;\n  border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-203c36cb] {\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-203c36cb] {\n  color: #f59500;\n  margin-left: 3px;\n  white-space: nowrap;\n  padding: 0 3px;\n  border-radius: 2px;\n}.multiple-selector[data-v-1a376d26] {\n  position: relative;\n  width: 100%;\n}\n.multiple-selector .tags-container[data-v-1a376d26] {\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-1a376d26] {\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-1a376d26] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-list[data-v-1a376d26] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-1a376d26] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.multiple-selector .search-input[data-v-1a376d26] {\n  outline: none;\n  border: none;\n  height: 28px;\n  min-width: 10px;\n  background: transparent;\n}\n.multiple-selector .search-input[data-v-1a376d26]::placeholder {\n  color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-1a376d26] {\n  min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-1a376d26], .multiple-selector .search-input.collapsed[data-v-1a376d26] {\n  flex: 1;\n  min-width: 60px;\n}.single-selector[data-v-22d9b76f] {\n  position: relative;\n  width: 100%;\n}\n.input-container[data-v-22d9b76f] {\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-22d9b76f]: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-22d9b76f] {\n  flex: 1;\n  outline: none;\n  border: none;\n  height: 30px;\n  background: transparent;\n}\n.search-input[data-v-22d9b76f]::placeholder {\n  color: #c4c6cc;\n}\n.selected-user[data-v-22d9b76f] {\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-22d9b76f] {\n  color: #f59500;\n  margin-left: 4px;\n}\n.selected-user .close-icon[data-v-22d9b76f] {\n  margin-left: 4px;\n  cursor: pointer;\n  font-style: normal;\n}.bk-user-selector[data-v-84252deb] {\n  width: 100%;\n  position: relative;\n  font-size: 12px;\n}/*$vite$:1*/";
+  __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-05b232a4] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-05b232a4] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-05b232a4] {\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-05b232a4] {\n  margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-05b232a4] {\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-05b232a4]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-05b232a4] {\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-a884849e] {\n  position: relative;\n  width: 100%;\n}\n.multiple-selector .tags-container[data-v-a884849e] {\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-a884849e] {\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-a884849e] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-list[data-v-a884849e] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-a884849e] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.multiple-selector .search-input[data-v-a884849e] {\n  outline: none;\n  border: none;\n  height: 28px;\n  min-width: 10px;\n  background: transparent;\n}\n.multiple-selector .search-input[data-v-a884849e]::placeholder {\n  color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-a884849e] {\n  min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-a884849e], .multiple-selector .search-input.collapsed[data-v-a884849e] {\n  flex: 1;\n  min-width: 60px;\n}.single-selector[data-v-ad0d9e2e] {\n  position: relative;\n  width: 100%;\n}\n.input-container[data-v-ad0d9e2e] {\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-ad0d9e2e]: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-ad0d9e2e] {\n  flex: 1;\n  outline: none;\n  border: none;\n  height: 30px;\n  background: transparent;\n}\n.search-input[data-v-ad0d9e2e]::placeholder {\n  color: #c4c6cc;\n}\n.selected-user[data-v-ad0d9e2e] {\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-ad0d9e2e] {\n  color: #f59500;\n  margin-left: 4px;\n}\n.selected-user .close-icon[data-v-ad0d9e2e] {\n  margin-left: 4px;\n  cursor: pointer;\n  font-style: normal;\n}.bk-user-selector[data-v-6fd92757] {\n  width: 100%;\n  position: relative;\n  font-size: 12px;\n}/*$vite$:1*/";
   document.head.appendChild(__vite_style__);
   const getTenants = async (apiBaseUrl, tenantId) => {
     if (!apiBaseUrl || !tenantId) {
@@ -53,7 +53,8 @@
       return [];
     }
   };
-  const lookupUsers = async (apiBaseUrl = "", tenantId = "", exactSearchKey = "bk_username", users = []) => {
+  const lookupUsers = async (apiBaseUrl = "", tenantId = "", exactSearchKey = "bk_username", usersList = []) => {
+    const users = usersList.filter((user) => user).map((user) => user.trim());
     if (users.length === 0 || !apiBaseUrl || !tenantId) {
       console.warn("批量查找用户需要提供有效的apiBaseUrl、租户ID和至少一个用户名");
       return [];
@@ -3096,6 +3097,13 @@
       userGroupName: {
         type: String,
         default: "用户群组"
+      },
+      /**
+       * 无匹配人员时的提示文本
+       */
+      emptyText: {
+        type: String,
+        default: "无匹配人员"
       }
     },
     emits: ["select-user"],
@@ -3145,7 +3153,7 @@
                   vue.createElementVNode(
                     "span",
                     null,
-                    vue.toDisplayString(__props.searchQuery.length > 1 ? "未找到匹配用户" : "请输入关键词搜索"),
+                    vue.toDisplayString(__props.searchQuery.length > 1 ? __props.emptyText : "请至少输入2个字符搜索"),
                     1
                     /* TEXT */
                   )
@@ -3228,7 +3236,7 @@
       };
     }
   });
-  const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-01b75e6e"]]);
+  const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-05b232a4"]]);
   const _hoisted_1$3 = { class: "tag-content" };
   const _hoisted_2$2 = { class: "user-name" };
   const _hoisted_3$2 = {
@@ -3288,7 +3296,7 @@
       };
     }
   });
-  const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-203c36cb"]]);
+  const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-87c12feb"]]);
   const _hoisted_1$2 = ["onClick"];
   const _hoisted_2$1 = ["placeholder"];
   const _hoisted_3$1 = ["placeholder"];
@@ -3308,7 +3316,8 @@
       currentUserId: { default: "" },
       exactSearchKey: { default: "bk_username" },
       userGroup: { default: () => [] },
-      userGroupName: { default: "用户群组" }
+      userGroupName: { default: "用户群组" },
+      emptyText: { default: "无匹配人员" }
     },
     emits: ["update:selectedUsers", "add-user", "remove-user"],
     setup(__props, { emit: __emit }) {
@@ -3385,7 +3394,13 @@
           }
         });
       };
-      const handleClickOutside = () => {
+      const handleClickOutside = ({ event }) => {
+        event.stopPropagation();
+        const target = event.target;
+        const container = containerRef.value;
+        if ((container == null ? void 0 : container.contains(target)) || container === target) {
+          return;
+        }
         isFocused.value = false;
         showDropdown.value = false;
         activeTagIndex.value = -1;
@@ -3494,7 +3509,14 @@
           emit("add-user", user);
         }
         searchQuery.value = "";
-        showDropdown.value = false;
+        setTimeout(() => {
+          showDropdown.value = false;
+        }, 220);
+        vue.nextTick(() => {
+          if (lastInputRef.value) {
+            lastInputRef.value.focus();
+          }
+        });
       };
       const removeUser = (user) => {
         if (!(user == null ? void 0 : user.id)) return;
@@ -3543,200 +3565,206 @@
         });
       });
       return (_ctx, _cache) => {
-        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          ref_key: "containerRef",
-          ref: containerRef,
-          class: "multiple-selector"
-        }, [
-          vue.createCommentVNode(" 聚焦状态 - 可编辑模式 "),
-          isFocused.value ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              ref_key: "tagsContainerRef",
-              ref: tagsContainerRef,
-              class: "tags-container focused",
-              onClick: vue.withModifiers(handleContainerClick, ["stop"])
-            },
-            [
-              vue.createCommentVNode(" 用户标签列表 "),
-              vue.createElementVNode(
-                "div",
-                {
-                  ref_key: "sortableContainerRef",
-                  ref: sortableContainerRef,
-                  class: "tag-list"
-                },
-                [
-                  (vue.openBlock(true), vue.createElementBlock(
-                    vue.Fragment,
-                    null,
-                    vue.renderList(_ctx.selectedUsers, (user, index) => {
-                      return vue.openBlock(), vue.createElementBlock("div", {
-                        class: "tag-wrapper",
-                        key: user.id,
-                        onClick: vue.withModifiers(($event) => handleTagClick(index), ["stop"])
-                      }, [
-                        vue.createVNode(UserTag, {
-                          active: index === activeTagIndex.value,
+        return vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            ref_key: "containerRef",
+            ref: containerRef,
+            class: "multiple-selector"
+          },
+          [
+            vue.createCommentVNode(" 聚焦状态 - 可编辑模式 "),
+            isFocused.value ? (vue.openBlock(), vue.createElementBlock(
+              "div",
+              {
+                key: 0,
+                ref_key: "tagsContainerRef",
+                ref: tagsContainerRef,
+                class: "tags-container focused",
+                onClick: vue.withModifiers(handleContainerClick, ["stop"])
+              },
+              [
+                vue.createCommentVNode(" 用户标签列表 "),
+                vue.createElementVNode(
+                  "div",
+                  {
+                    ref_key: "sortableContainerRef",
+                    ref: sortableContainerRef,
+                    class: "tag-list"
+                  },
+                  [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(_ctx.selectedUsers, (user, index) => {
+                        return vue.openBlock(), vue.createElementBlock("div", {
+                          class: "tag-wrapper",
+                          key: user.id,
+                          onClick: vue.withModifiers(($event) => handleTagClick(index), ["stop"])
+                        }, [
+                          vue.createVNode(UserTag, {
+                            active: index === activeTagIndex.value,
+                            "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"]),
+                          vue.createCommentVNode(" 在当前激活标签后插入输入框 "),
+                          index === activeTagIndex.value && activeTagIndex.value !== _ctx.selectedUsers.length - 1 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+                            "input",
+                            {
+                              key: 0,
+                              ref_for: true,
+                              ref_key: "inlineInputRef",
+                              ref: inlineInputRef,
+                              class: "search-input inline",
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(searchQuery) ? searchQuery.value = $event : null),
+                              onFocus: handleInputFocus,
+                              onInput: handleInput,
+                              onKeydown: handleKeyDown,
+                              onPaste: handlePaste
+                            },
+                            null,
+                            544
+                            /* NEED_HYDRATION, NEED_PATCH */
+                          )), [
+                            [vue.vModelText, vue.unref(searchQuery)]
+                          ]) : vue.createCommentVNode("v-if", true)
+                        ], 8, _hoisted_1$2);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    )),
+                    vue.createCommentVNode(" 最后一个输入框 "),
+                    activeTagIndex.value === -1 || activeTagIndex.value === _ctx.selectedUsers.length - 1 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                      key: 0,
+                      ref_key: "lastInputRef",
+                      ref: lastInputRef,
+                      class: "search-input last",
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(searchQuery) ? searchQuery.value = $event : null),
+                      placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
+                      onFocus: handleInputFocus,
+                      onInput: handleInput,
+                      onKeydown: handleKeyDown,
+                      onPaste: handlePaste
+                    }, null, 40, _hoisted_2$1)), [
+                      [vue.vModelText, vue.unref(searchQuery)]
+                    ]) : vue.createCommentVNode("v-if", true),
+                    vue.createCommentVNode(' "我"标签 '),
+                    vue.createVNode(MeTag, {
+                      "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"])
+                  ],
+                  512
+                  /* NEED_PATCH */
+                )
+              ],
+              512
+              /* NEED_PATCH */
+            )) : (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 1 },
+              [
+                vue.createCommentVNode(" 未聚焦状态 - 只读展示模式 "),
+                vue.createElementVNode(
+                  "div",
+                  {
+                    ref_key: "collapsedContainerRef",
+                    ref: collapsedContainerRef,
+                    class: "tags-container collapsed",
+                    onClick: vue.withModifiers(handleFocus, ["stop"])
+                  },
+                  [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(visibleUsers.value, (user) => {
+                        return vue.openBlock(), vue.createBlock(UserTag, {
                           "current-tenant-id": _ctx.tenantId,
-                          draggable: _ctx.draggable,
+                          key: user.id,
+                          "show-tenant": true,
                           tenants: _ctx.tenants,
                           user,
-                          onClick: ($event) => handleTagClick(index),
+                          onClick: handleFocus,
                           onClose: ($event) => removeUser(user)
-                        }, null, 8, ["active", "current-tenant-id", "draggable", "tenants", "user", "onClick", "onClose"]),
-                        vue.createCommentVNode(" 在当前激活标签后插入输入框 "),
-                        index === activeTagIndex.value && activeTagIndex.value !== _ctx.selectedUsers.length - 1 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock(
-                          "input",
-                          {
-                            key: 0,
-                            ref_for: true,
-                            ref_key: "inlineInputRef",
-                            ref: inlineInputRef,
-                            class: "search-input inline",
-                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(searchQuery) ? searchQuery.value = $event : null),
-                            onFocus: handleInputFocus,
-                            onInput: handleInput,
-                            onKeydown: handleKeyDown,
-                            onPaste: handlePaste
-                          },
-                          null,
-                          544
-                          /* NEED_HYDRATION, NEED_PATCH */
-                        )), [
-                          [vue.vModelText, vue.unref(searchQuery)]
-                        ]) : vue.createCommentVNode("v-if", true)
-                      ], 8, _hoisted_1$2);
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  )),
-                  vue.createCommentVNode(" 最后一个输入框 "),
-                  activeTagIndex.value === -1 || activeTagIndex.value === _ctx.selectedUsers.length - 1 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-                    key: 0,
-                    ref_key: "lastInputRef",
-                    ref: lastInputRef,
-                    class: "search-input last",
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(searchQuery) ? searchQuery.value = $event : null),
-                    placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
-                    onFocus: handleInputFocus,
-                    onInput: handleInput,
-                    onKeydown: handleKeyDown,
-                    onPaste: handlePaste
-                  }, null, 40, _hoisted_2$1)), [
-                    [vue.vModelText, vue.unref(searchQuery)]
-                  ]) : vue.createCommentVNode("v-if", true),
-                  vue.createCommentVNode(' "我"标签 '),
-                  vue.createVNode(MeTag, {
-                    "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"])
-                ],
-                512
-                /* NEED_PATCH */
-              )
-            ],
-            512
-            /* NEED_PATCH */
-          )) : (vue.openBlock(), vue.createElementBlock(
-            vue.Fragment,
-            { key: 1 },
-            [
-              vue.createCommentVNode(" 未聚焦状态 - 只读展示模式 "),
-              vue.createElementVNode(
-                "div",
-                {
-                  ref_key: "collapsedContainerRef",
-                  ref: collapsedContainerRef,
-                  class: "tags-container collapsed",
-                  onClick: vue.withModifiers(handleFocus, ["stop"])
-                },
-                [
-                  (vue.openBlock(true), vue.createElementBlock(
-                    vue.Fragment,
-                    null,
-                    vue.renderList(visibleUsers.value, (user) => {
-                      return vue.openBlock(), vue.createBlock(UserTag, {
-                        "current-tenant-id": _ctx.tenantId,
-                        key: user.id,
-                        "show-tenant": true,
-                        tenants: _ctx.tenants,
-                        user,
-                        onClick: handleFocus,
-                        onClose: ($event) => removeUser(user)
-                      }, null, 8, ["current-tenant-id", "tenants", "user", "onClose"]);
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  )),
-                  vue.createCommentVNode(" 显示折叠标签数量 "),
-                  hiddenCount.value > 0 ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(bkuiVue.Tag), {
-                    key: 0,
-                    onClick: vue.withModifiers(handleFocus, ["stop"])
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(
-                        " +" + vue.toDisplayString(hiddenCount.value),
-                        1
-                        /* TEXT */
-                      )
+                        }, null, 8, ["current-tenant-id", "tenants", "user", "onClose"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    )),
+                    vue.createCommentVNode(" 显示折叠标签数量 "),
+                    hiddenCount.value > 0 ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(bkuiVue.Tag), {
+                      key: 0,
+                      onClick: vue.withModifiers(handleFocus, ["stop"])
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          " +" + vue.toDisplayString(hiddenCount.value),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })), [
+                      [vue.unref(bkuiVue.bkTooltips), {
+                        content: _ctx.selectedUsers.slice(visibleUsers.value.length).map((user) => user.display_name).join(","),
+                        placement: "top"
+                      }]
+                    ]) : vue.createCommentVNode("v-if", true),
+                    vue.createCommentVNode(" 搜索输入框 "),
+                    vue.withDirectives(vue.createElementVNode("input", {
+                      ref_key: "collapsedInputRef",
+                      ref: collapsedInputRef,
+                      class: "search-input collapsed",
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(searchQuery) ? searchQuery.value = $event : null),
+                      placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
+                      onFocus: handleFocus
+                    }, null, 40, _hoisted_3$1), [
+                      [vue.vModelText, vue.unref(searchQuery)]
                     ]),
-                    _: 1
-                    /* STABLE */
-                  })), [
-                    [vue.unref(bkuiVue.bkTooltips), {
-                      content: _ctx.selectedUsers.slice(visibleUsers.value.length).map((user) => user.display_name).join(","),
-                      placement: "top"
-                    }]
-                  ]) : vue.createCommentVNode("v-if", true),
-                  vue.createCommentVNode(" 搜索输入框 "),
-                  vue.withDirectives(vue.createElementVNode("input", {
-                    ref_key: "collapsedInputRef",
-                    ref: collapsedInputRef,
-                    class: "search-input collapsed",
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(searchQuery) ? searchQuery.value = $event : null),
-                    placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
-                    onFocus: handleFocus
-                  }, null, 40, _hoisted_3$1), [
-                    [vue.vModelText, vue.unref(searchQuery)]
-                  ]),
-                  vue.createCommentVNode(' 未聚焦状态下的"我"标签 '),
-                  vue.createVNode(MeTag, {
-                    "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"])
-                ],
-                512
-                /* NEED_PATCH */
-              )
-            ],
-            2112
-            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )),
-          vue.createCommentVNode(" 下拉选项列表 "),
-          vue.createVNode(SelectionPopover, {
-            "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
-            "is-show": showDropdown.value,
-            loading: vue.unref(searchLoading),
-            options: options.value,
-            "search-query": vue.unref(searchQuery),
-            "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"])
-        ])), [
-          [vue.unref(bkuiVue.clickoutside), handleClickOutside]
-        ]);
+                    vue.createCommentVNode(' 未聚焦状态下的"我"标签 '),
+                    vue.createVNode(MeTag, {
+                      "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"])
+                  ],
+                  512
+                  /* NEED_PATCH */
+                )
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            )),
+            vue.createCommentVNode(" 下拉选项列表 "),
+            vue.createVNode(SelectionPopover, {
+              "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
+              "empty-text": _ctx.emptyText,
+              "is-show": showDropdown.value,
+              loading: vue.unref(searchLoading),
+              options: options.value,
+              "search-query": vue.unref(searchQuery),
+              "tenant-id": _ctx.tenantId,
+              tenants: _ctx.tenants,
+              "user-group": _ctx.userGroup,
+              "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"])
+          ],
+          512
+          /* NEED_PATCH */
+        );
       };
     }
   });
-  const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1a376d26"]]);
-  const _withScopeId = (n) => (vue.pushScopeId("data-v-22d9b76f"), n = n(), vue.popScopeId(), n);
+  const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a884849e"]]);
+  const _withScopeId = (n) => (vue.pushScopeId("data-v-ad0d9e2e"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$1 = { class: "input-container" };
   const _hoisted_2 = {
     key: 0,
@@ -3764,7 +3792,8 @@
       currentUserId: { default: "" },
       exactSearchKey: { default: "bk_username" },
       userGroup: { default: () => [] },
-      userGroupName: { default: "用户群组" }
+      userGroupName: { default: "用户群组" },
+      emptyText: { default: "无匹配人员" }
     },
     emits: ["update:modelValue", "change"],
     setup(__props, { emit: __emit }) {
@@ -3907,6 +3936,7 @@
           vue.createCommentVNode(" 使用新的公共下拉选项组件 "),
           vue.createVNode(SelectionPopover, {
             "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
+            "empty-text": _ctx.emptyText,
             "is-show": showDropdown.value,
             loading: isLoading.value,
             options: options.value,
@@ -3916,14 +3946,14 @@
             "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"])
+          }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
         ])), [
           [vue.unref(bkuiVue.clickoutside), handleClickOutside]
         ]);
       };
     }
   });
-  const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-22d9b76f"]]);
+  const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ad0d9e2e"]]);
   const _hoisted_1 = {
     ref: "containerRef",
     class: "bk-user-selector"
@@ -3943,7 +3973,8 @@
       currentUserId: { default: "" },
       exactSearchKey: { default: "bk_username" },
       userGroup: { default: () => [] },
-      userGroupName: { default: "用户群组" }
+      userGroupName: { default: "用户群组" },
+      emptyText: { default: "无匹配人员" }
     },
     emits: ["update:modelValue", "change"],
     setup(__props, { emit: __emit }) {
@@ -4001,6 +4032,7 @@
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedUser.value = $event),
               "api-base-url": _ctx.apiBaseUrl,
               "current-user-id": _ctx.currentUserId,
+              "empty-text": _ctx.emptyText,
               "exact-search-key": _ctx.exactSearchKey,
               placeholder: _ctx.placeholder,
               "tenant-id": _ctx.tenantId,
@@ -4008,7 +4040,7 @@
               "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"])) : (vue.openBlock(), vue.createElementBlock(
+            }, 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(
               vue.Fragment,
               { key: 1 },
               [
@@ -4019,6 +4051,7 @@
                   "api-base-url": _ctx.apiBaseUrl,
                   "current-user-id": _ctx.currentUserId,
                   draggable: _ctx.draggable,
+                  "empty-text": _ctx.emptyText,
                   "exact-search-key": _ctx.exactSearchKey,
                   placeholder: _ctx.placeholder,
                   "selected-users": selectedUsers.value,
@@ -4027,7 +4060,7 @@
                   "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"])
+                }, 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"])
               ],
               2112
               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -4039,7 +4072,7 @@
       };
     }
   });
-  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-84252deb"]]);
+  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6fd92757"]]);
   exports2.BkUserSelector = BkUserSelector;
   exports2.default = BkUserSelector;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });