@blueking/bk-user-selector 0.0.4 → 0.0.6

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 = ".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}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n  padding: 0;\n}.multiple-selector[data-v-55945956] {\n  position: relative;\n  width: 100%;\n}\n.multiple-selector .tags-container[data-v-55945956] {\n  min-height: 32px;\n  border: 1px solid #dcdee5;\n  border-radius: 2px;\n  padding: 1px 4px;\n  transition: all 0.2s ease;\n  background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-55945956] {\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-55945956] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-list[data-v-55945956] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-55945956] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.multiple-selector .search-input[data-v-55945956] {\n  outline: none;\n  border: none;\n  height: 28px;\n  min-width: 10px;\n  background: transparent;\n}\n.multiple-selector .search-input[data-v-55945956]::placeholder {\n  color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-55945956] {\n  min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-55945956], .multiple-selector .search-input.collapsed[data-v-55945956] {\n  flex: 1;\n  min-width: 60px;\n}\n.dropdown-content[data-v-55945956] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-55945956] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-option[data-v-55945956] {\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-55945956]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-55945956] {\n  color: #f59500;\n  margin-left: 4px;\n  padding: 0 4px;\n}\n.me-tag[data-v-55945956] {\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-55945956]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-55945956] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.single-selector[data-v-d17d0282] {\n  position: relative;\n  width: 100%;\n}\n.input-container[data-v-d17d0282] {\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-d17d0282]: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-d17d0282] {\n  flex: 1;\n  outline: none;\n  border: none;\n  height: 30px;\n  background: transparent;\n}\n.search-input[data-v-d17d0282]::placeholder {\n  color: #c4c6cc;\n}\n.selected-user[data-v-d17d0282] {\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-d17d0282] {\n  color: #f59500;\n  margin-left: 4px;\n}\n.selected-user .close-icon[data-v-d17d0282] {\n  margin-left: 4px;\n  cursor: pointer;\n  font-style: normal;\n}\n.dropdown-content[data-v-d17d0282] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-d17d0282] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-option[data-v-d17d0282] {\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-d17d0282]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-d17d0282] {\n  color: #f59500;\n  margin-left: 4px;\n  padding: 0 4px;\n}\n.me-tag[data-v-d17d0282] {\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-d17d0282]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-d17d0282] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.bk-user-selector[data-v-ee509d86] {\n  width: 100%;\n  position: relative;\n  font-size: 12px;\n}/*$vite$:1*/";
+  __vite_style__.textContent = ".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}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n  padding: 0;\n}.multiple-selector[data-v-50540b99] {\n  position: relative;\n  width: 100%;\n}\n.multiple-selector .tags-container[data-v-50540b99] {\n  min-height: 32px;\n  border: 1px solid #dcdee5;\n  border-radius: 2px;\n  padding: 1px 4px;\n  transition: all 0.2s ease;\n  background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-50540b99] {\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-50540b99] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-list[data-v-50540b99] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-50540b99] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.multiple-selector .search-input[data-v-50540b99] {\n  outline: none;\n  border: none;\n  height: 28px;\n  min-width: 10px;\n  background: transparent;\n}\n.multiple-selector .search-input[data-v-50540b99]::placeholder {\n  color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-50540b99] {\n  min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-50540b99], .multiple-selector .search-input.collapsed[data-v-50540b99] {\n  flex: 1;\n  min-width: 60px;\n}\n.dropdown-content[data-v-50540b99] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-50540b99] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-option[data-v-50540b99] {\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-50540b99]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-50540b99] {\n  color: #f59500;\n  margin-left: 4px;\n  padding: 0 4px;\n}\n.me-tag[data-v-50540b99] {\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-50540b99]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-50540b99] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.single-selector[data-v-308925e9] {\n  position: relative;\n  width: 100%;\n}\n.input-container[data-v-308925e9] {\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-308925e9]: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-308925e9] {\n  flex: 1;\n  outline: none;\n  border: none;\n  height: 30px;\n  background: transparent;\n}\n.search-input[data-v-308925e9]::placeholder {\n  color: #c4c6cc;\n}\n.selected-user[data-v-308925e9] {\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-308925e9] {\n  color: #f59500;\n  margin-left: 4px;\n}\n.selected-user .close-icon[data-v-308925e9] {\n  margin-left: 4px;\n  cursor: pointer;\n  font-style: normal;\n}\n.dropdown-content[data-v-308925e9] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-308925e9] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-option[data-v-308925e9] {\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-308925e9]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-308925e9] {\n  color: #f59500;\n  margin-left: 4px;\n  padding: 0 4px;\n}\n.me-tag[data-v-308925e9] {\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-308925e9]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-308925e9] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.bk-user-selector[data-v-fe084750] {\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,13 +53,13 @@
       return [];
     }
   };
-  const lookupUsers = async (apiBaseUrl = "", tenantId = "", exactKey = "bk_username", users = []) => {
+  const lookupUsers = async (apiBaseUrl = "", tenantId = "", exactSearchKey = "bk_username", users = []) => {
     if (users.length === 0 || !apiBaseUrl || !tenantId) {
       console.warn("批量查找用户需要提供有效的apiBaseUrl、租户ID和至少一个用户名");
       return [];
     }
     try {
-      const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=${exactKey}`;
+      const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=${exactSearchKey}`;
       const response = await fetch(url, {
         method: "GET",
         headers: {
@@ -82,7 +82,8 @@
     return users.map((user) => ({
       id: user.bk_username,
       name: user.display_name,
-      tenantId: user.owner_tenant_id
+      tenantId: user.owner_tenant_id,
+      ...user
     }));
   };
   const useTenantData = (apiBaseUrl, tenantId) => {
@@ -3108,7 +3109,7 @@
       /**
        * 精确查找key
        */
-      exactKey: {
+      exactSearchKey: {
         type: String,
         default: "bk_username"
       }
@@ -3226,7 +3227,7 @@
       const addCurrentUser = async () => {
         if (!props.currentUserId || props.selectedUsers.some((user) => user.id === props.currentUserId)) return;
         try {
-          const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactKey, [props.currentUserId]);
+          const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactSearchKey, [props.currentUserId]);
           const formattedUsers = formatUsers(result);
           if (formattedUsers.length > 0) {
             if (!props.selectedUsers.some((item) => item.id === formattedUsers[0].id)) {
@@ -3247,7 +3248,7 @@
         if (pastedText.trim()) {
           try {
             const users = pastedText.trim().split(/[,，;\n\s]+/).filter(Boolean);
-            const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactKey, users);
+            const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactSearchKey, users);
             const formattedUsers = formatUsers(result);
             if (formattedUsers.length > 0) {
               const updatedUsers = [...props.selectedUsers, ...formattedUsers];
@@ -3424,16 +3425,17 @@
                     [vue.vModelText, vue.unref(searchQuery)]
                   ]) : vue.createCommentVNode("v-if", true),
                   vue.createCommentVNode(' "我"标签 '),
-                  vue.createElementVNode(
+                  __props.currentUserId ? (vue.openBlock(), vue.createElementBlock(
                     "div",
                     {
+                      key: 1,
                       class: vue.normalizeClass(["me-tag", { disabled: __props.currentUserId && __props.selectedUsers.some((user) => user.id === __props.currentUserId) }]),
                       onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => addCurrentUser(), ["stop"]))
                     },
                     " 我 ",
                     2
                     /* CLASS */
-                  )
+                  )) : vue.createCommentVNode("v-if", true)
                 ],
                 512
                 /* NEED_PATCH */
@@ -3499,16 +3501,17 @@
                     [vue.vModelText, vue.unref(searchQuery)]
                   ]),
                   vue.createCommentVNode(' 未聚焦状态下的"我"标签 '),
-                  vue.createElementVNode(
+                  __props.currentUserId ? (vue.openBlock(), vue.createElementBlock(
                     "div",
                     {
-                      class: vue.normalizeClass(["me-tag", { disabled: __props.currentUserId && __props.selectedUsers.some((user) => user.id === __props.currentUserId) }]),
+                      key: 1,
+                      class: vue.normalizeClass(["me-tag", { disabled: __props.currentUserId && __props.selectedUsers.some((user) => user[props.exactSearchKey] === __props.currentUserId) }]),
                       onClick: _cache[4] || (_cache[4] = vue.withModifiers(($event) => addCurrentUser(), ["stop"]))
                     },
                     " 我 ",
                     2
                     /* CLASS */
-                  )
+                  )) : vue.createCommentVNode("v-if", true)
                 ],
                 512
                 /* NEED_PATCH */
@@ -3585,8 +3588,8 @@
       };
     }
   });
-  const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-55945956"]]);
-  const _withScopeId = (n) => (vue.pushScopeId("data-v-d17d0282"), n = n(), vue.popScopeId(), n);
+  const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-50540b99"]]);
+  const _withScopeId = (n) => (vue.pushScopeId("data-v-308925e9"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$1 = { class: "input-container" };
   const _hoisted_2 = {
     key: 0,
@@ -3621,7 +3624,7 @@
       tenantId: {},
       tenants: {},
       currentUserId: {},
-      exactKey: {}
+      exactSearchKey: {}
     },
     emits: ["update:modelValue", "change"],
     setup(__props, { emit: __emit }) {
@@ -3641,7 +3644,7 @@
         if (typeof props.modelValue === "string" && props.modelValue) {
           try {
             isLoading.value = true;
-            const result = await lookupUsers(props.apiBaseUrl || "", props.tenantId || "", props.exactKey, [
+            const result = await lookupUsers(props.apiBaseUrl || "", props.tenantId || "", props.exactSearchKey, [
               props.modelValue
             ]);
             options.value = formatUsers(result);
@@ -3655,7 +3658,7 @@
       const addCurrentUser = async () => {
         if (!props.currentUserId || selectedUser.value === props.currentUserId) return;
         try {
-          const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactKey, [props.currentUserId]);
+          const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactSearchKey, [props.currentUserId]);
           const formattedResults = formatUsers(result);
           if (formattedResults.length > 0) {
             options.value = formattedResults;
@@ -3710,6 +3713,7 @@
         emit("change", selectedUserInfo2 || null);
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "containerRef",
           ref: containerRef,
@@ -3730,7 +3734,7 @@
                 1
                 /* TEXT */
               ),
-              selectedUserInfo.value.tenantId !== props.tenantId && selectedUserInfo.value.tenantId && _ctx.tenants[selectedUserInfo.value.tenantId] ? (vue.openBlock(), vue.createElementBlock(
+              selectedUserInfo.value.tenantId !== _ctx.tenantId && selectedUserInfo.value.tenantId && _ctx.tenants[selectedUserInfo.value.tenantId] ? (vue.openBlock(), vue.createElementBlock(
                 "span",
                 _hoisted_2,
                 "@" + vue.toDisplayString(_ctx.tenants[selectedUserInfo.value.tenantId]),
@@ -3744,18 +3748,18 @@
               ref: inputRef,
               class: "search-input",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
-              placeholder: selectedUserInfo.value ? "" : props.placeholder,
+              placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
               onFocus: handleInputFocus,
               onInput: handleInput
             }, null, 40, _hoisted_4), [
               [vue.vModelText, searchQuery.value]
             ]),
             vue.createCommentVNode(' "我"标签 '),
-            props.currentUserId ? (vue.openBlock(), vue.createElementBlock(
+            _ctx.currentUserId ? (vue.openBlock(), vue.createElementBlock(
               "div",
               {
                 key: 1,
-                class: vue.normalizeClass(["me-tag", { disabled: props.currentUserId && selectedUser.value === props.currentUserId }]),
+                class: vue.normalizeClass(["me-tag", { disabled: _ctx.currentUserId && ((_a = selectedUserInfo.value) == null ? void 0 : _a[_ctx.exactSearchKey]) === _ctx.currentUserId }]),
                 onClick: _cache[1] || (_cache[1] = ($event) => addCurrentUser())
               },
               " 我 ",
@@ -3805,10 +3809,10 @@
                           1
                           /* TEXT */
                         ),
-                        user.tenantId !== props.tenantId && user.tenantId && props.tenants[user.tenantId] ? (vue.openBlock(), vue.createElementBlock(
+                        user.tenantId !== _ctx.tenantId && user.tenantId && _ctx.tenants[user.tenantId] ? (vue.openBlock(), vue.createElementBlock(
                           "span",
                           _hoisted_7,
-                          "@" + vue.toDisplayString(props.tenants[user.tenantId]),
+                          "@" + vue.toDisplayString(_ctx.tenants[user.tenantId]),
                           1
                           /* TEXT */
                         )) : vue.createCommentVNode("v-if", true)
@@ -3831,7 +3835,7 @@
       };
     }
   });
-  const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d17d0282"]]);
+  const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-308925e9"]]);
   const _hoisted_1 = { class: "bk-user-selector" };
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -3846,7 +3850,7 @@
       draggable: { type: Boolean, default: false },
       multiple: { type: Boolean, default: false },
       currentUserId: { default: "" },
-      exactKey: { default: "" }
+      exactSearchKey: { default: "" }
     },
     emits: ["update:modelValue", "change"],
     setup(__props, { emit: __emit }) {
@@ -3863,8 +3867,8 @@
           const ids = Array.isArray(props.modelValue) ? props.modelValue : [];
           if (ids.length > 0) {
             try {
-              console.log(props.exactKey);
-              const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactKey, ids);
+              console.log(props.exactSearchKey);
+              const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactSearchKey, ids);
               selectedUsers.value = formatUsers(result);
             } catch (error) {
               console.error("获取选中用户信息失败:", error);
@@ -3902,12 +3906,12 @@
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedUser.value = $event),
             "api-base-url": _ctx.apiBaseUrl,
             "current-user-id": _ctx.currentUserId,
-            "exact-key": _ctx.exactKey,
+            "exact-search-key": _ctx.exactSearchKey,
             placeholder: _ctx.placeholder,
             "tenant-id": _ctx.tenantId,
             tenants: vue.unref(tenants),
             onChange: handleUpdateUser
-          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-key", "placeholder", "tenant-id", "tenants"])) : (vue.openBlock(), vue.createElementBlock(
+          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-search-key", "placeholder", "tenant-id", "tenants"])) : (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
             { key: 1 },
             [
@@ -3918,13 +3922,13 @@
                 "api-base-url": _ctx.apiBaseUrl,
                 "current-user-id": _ctx.currentUserId,
                 draggable: _ctx.draggable,
-                "exact-key": _ctx.exactKey,
+                "exact-search-key": _ctx.exactSearchKey,
                 placeholder: _ctx.placeholder,
                 "selected-users": selectedUsers.value,
                 "tenant-id": _ctx.tenantId,
                 tenants: vue.unref(tenants),
                 "onUpdate:selectedUsers": handleUpdateSelectedUsers
-              }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-key", "placeholder", "selected-users", "tenant-id", "tenants"])
+              }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-search-key", "placeholder", "selected-users", "tenant-id", "tenants"])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -3933,7 +3937,7 @@
       };
     }
   });
-  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee509d86"]]);
+  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe084750"]]);
   exports2.BkUserSelector = BkUserSelector;
   exports2.default = BkUserSelector;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });

package/vue3/vue3.css

@@ -22,11 +22,11 @@
   border-radius: 2px;
 }.bk-user-selector-popover.bk-popover.bk-pop2-content {
   padding: 0;
-}.multiple-selector[data-v-55945956] {
+}.multiple-selector[data-v-50540b99] {
   position: relative;
   width: 100%;
 }
-.multiple-selector .tags-container[data-v-55945956] {
+.multiple-selector .tags-container[data-v-50540b99] {
   min-height: 32px;
   border: 1px solid #dcdee5;
   border-radius: 2px;
@@ -34,69 +34,69 @@
   transition: all 0.2s ease;
   background-color: #fff;
 }
-.multiple-selector .tags-container.focused[data-v-55945956] {
+.multiple-selector .tags-container.focused[data-v-50540b99] {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.multiple-selector .tags-container.collapsed[data-v-55945956] {
+.multiple-selector .tags-container.collapsed[data-v-50540b99] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-list[data-v-55945956] {
+.multiple-selector .tag-list[data-v-50540b99] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-wrapper[data-v-55945956] {
+.multiple-selector .tag-wrapper[data-v-50540b99] {
   display: inline-flex;
   align-items: center;
   max-width: 100%;
 }
-.multiple-selector .search-input[data-v-55945956] {
+.multiple-selector .search-input[data-v-50540b99] {
   outline: none;
   border: none;
   height: 28px;
   min-width: 10px;
   background: transparent;
 }
-.multiple-selector .search-input[data-v-55945956]::placeholder {
+.multiple-selector .search-input[data-v-50540b99]::placeholder {
   color: #c4c6cc;
 }
-.multiple-selector .search-input.inline[data-v-55945956] {
+.multiple-selector .search-input.inline[data-v-50540b99] {
   min-width: 10px;
 }
-.multiple-selector .search-input.last[data-v-55945956], .multiple-selector .search-input.collapsed[data-v-55945956] {
+.multiple-selector .search-input.last[data-v-50540b99], .multiple-selector .search-input.collapsed[data-v-50540b99] {
   flex: 1;
   min-width: 60px;
 }
-.dropdown-content[data-v-55945956] {
+.dropdown-content[data-v-50540b99] {
   min-height: 40px;
   max-height: 300px;
   overflow-y: auto;
   padding: 5px 0;
 }
-.dropdown-content .no-data[data-v-55945956] {
+.dropdown-content .no-data[data-v-50540b99] {
   padding: 10px;
   text-align: center;
   color: #979ba5;
 }
-.dropdown-content .user-option[data-v-55945956] {
+.dropdown-content .user-option[data-v-50540b99] {
   padding: 8px 12px;
   cursor: pointer;
   display: flex;
   align-items: center;
   height: 32px;
 }
-.dropdown-content .user-option[data-v-55945956]:hover {
+.dropdown-content .user-option[data-v-50540b99]:hover {
   background-color: #f5f7fa;
 }
-.dropdown-content .user-option .tenant-name[data-v-55945956] {
+.dropdown-content .user-option .tenant-name[data-v-50540b99] {
   color: #f59500;
   margin-left: 4px;
   padding: 0 4px;
 }
-.me-tag[data-v-55945956] {
+.me-tag[data-v-50540b99] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -114,19 +114,19 @@
   transform: translateY(-50%);
   z-index: 1;
 }
-.me-tag[data-v-55945956]:hover {
+.me-tag[data-v-50540b99]:hover {
   background-color: #cddffe;
   color: #3a84ff;
 }
-.me-tag.disabled[data-v-55945956] {
+.me-tag.disabled[data-v-50540b99] {
   background-color: #f0f1f5;
   color: #c4c6cc;
   cursor: not-allowed;
-}.single-selector[data-v-d17d0282] {
+}.single-selector[data-v-308925e9] {
   position: relative;
   width: 100%;
 }
-.input-container[data-v-d17d0282] {
+.input-container[data-v-308925e9] {
   position: relative;
   display: flex;
   align-items: center;
@@ -136,21 +136,21 @@
   padding: 0 8px;
   background-color: #fff;
 }
-.input-container[data-v-d17d0282]:focus-within {
+.input-container[data-v-308925e9]:focus-within {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.search-input[data-v-d17d0282] {
+.search-input[data-v-308925e9] {
   flex: 1;
   outline: none;
   border: none;
   height: 30px;
   background: transparent;
 }
-.search-input[data-v-d17d0282]::placeholder {
+.search-input[data-v-308925e9]::placeholder {
   color: #c4c6cc;
 }
-.selected-user[data-v-d17d0282] {
+.selected-user[data-v-308925e9] {
   display: inline-flex;
   align-items: center;
   background-color: #f0f1f5;
@@ -160,42 +160,42 @@
   height: 24px;
   max-width: calc(100% - 32px);
 }
-.selected-user .tenant-name[data-v-d17d0282] {
+.selected-user .tenant-name[data-v-308925e9] {
   color: #f59500;
   margin-left: 4px;
 }
-.selected-user .close-icon[data-v-d17d0282] {
+.selected-user .close-icon[data-v-308925e9] {
   margin-left: 4px;
   cursor: pointer;
   font-style: normal;
 }
-.dropdown-content[data-v-d17d0282] {
+.dropdown-content[data-v-308925e9] {
   min-height: 40px;
   max-height: 300px;
   overflow-y: auto;
   padding: 5px 0;
 }
-.dropdown-content .no-data[data-v-d17d0282] {
+.dropdown-content .no-data[data-v-308925e9] {
   padding: 10px;
   text-align: center;
   color: #979ba5;
 }
-.dropdown-content .user-option[data-v-d17d0282] {
+.dropdown-content .user-option[data-v-308925e9] {
   padding: 8px 12px;
   cursor: pointer;
   display: flex;
   align-items: center;
   height: 32px;
 }
-.dropdown-content .user-option[data-v-d17d0282]:hover {
+.dropdown-content .user-option[data-v-308925e9]:hover {
   background-color: #f5f7fa;
 }
-.dropdown-content .user-option .tenant-name[data-v-d17d0282] {
+.dropdown-content .user-option .tenant-name[data-v-308925e9] {
   color: #f59500;
   margin-left: 4px;
   padding: 0 4px;
 }
-.me-tag[data-v-d17d0282] {
+.me-tag[data-v-308925e9] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -213,15 +213,15 @@
   transform: translateY(-50%);
   z-index: 1;
 }
-.me-tag[data-v-d17d0282]:hover {
+.me-tag[data-v-308925e9]:hover {
   background-color: #cddffe;
   color: #3a84ff;
 }
-.me-tag.disabled[data-v-d17d0282] {
+.me-tag.disabled[data-v-308925e9] {
   background-color: #f0f1f5;
   color: #c4c6cc;
   cursor: not-allowed;
-}.bk-user-selector[data-v-ee509d86] {
+}.bk-user-selector[data-v-fe084750] {
   width: 100%;
   position: relative;
   font-size: 12px;