@blueking/bk-user-selector 0.0.9 → 0.0.11

package/package.json

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

package/typings/api/user.d.ts

@@ -26,7 +26,7 @@ export declare const searchUsers: (apiBaseUrl?: string, tenantId?: string, keywo
  * @param exactSearchKey - 精确查找key
  * @returns 查找到的用户列表Promise
  */
-export declare const lookupUsers: (apiBaseUrl?: string, tenantId?: string, exactSearchKey?: string, users?: string[]) => Promise<User[]>;
+export declare const lookupUsers: (apiBaseUrl?: string, tenantId?: string, exactSearchKey?: string, usersList?: string[]) => Promise<User[]>;
 /**
  * 将API返回的用户数据格式化为组件所需格式
  * @param users - API返回的用户列表

package/typings/vue2.d.ts

@@ -1,5 +1,9 @@
 import BkUserSelector from './components/user-selector.vue';
 declare const _default: {
+    model: {
+        prop: string;
+        event: string;
+    };
     beforeDestroy(): void;
     created(): void;
     data(): {

package/vue2/index.es.min.js

@@ -48,7 +48,8 @@ const searchUsers = async (apiBaseUrl = "", tenantId = "", keyword = "") => {
     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 [];
@@ -16776,7 +16777,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const groupedUsers = computed(() => {
       const groups = {};
-      console.log("props.options", props2.options);
       if (Array.isArray(props2.userGroup) && props2.userGroup.length > 0) {
         groups[props2.userGroupName] = props2.userGroup.map((group) => ({
           id: group.id,
@@ -16901,7 +16901,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-13504557"]]);
+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 = {
@@ -16961,7 +16961,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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"];
@@ -17409,7 +17409,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1a376d26"]]);
-const _withScopeId = (n2) => (pushScopeId("data-v-3926de45"), n2 = n2(), popScopeId(), n2);
+const _withScopeId = (n2) => (pushScopeId("data-v-22d9b76f"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$1 = { class: "input-container" };
 const _hoisted_2 = {
   key: 0,
@@ -17498,7 +17498,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       try {
         const result = await searchUsers(props2.apiBaseUrl, props2.tenantId, keyword);
         options.value = formatUsers(result).filter((user) => !selectedUser.value || user.id !== selectedUser.value);
-        console.log("options.value", options.value);
       } catch (error3) {
         console.error("获取用户列表失败:", error3);
         options.value = [];
@@ -17507,7 +17506,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     };
     const addUser = (user) => {
-      console.log("addUser", user);
       selectedUser.value = user.id;
       searchQuery.value = "";
       showDropdown.value = false;
@@ -17522,7 +17520,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     };
     const handleInput = () => {
-      console.log("handleInput", searchQuery.value);
       fetchUsers(searchQuery.value);
       showDropdown.value = searchQuery.value.length >= 2;
     };
@@ -17530,7 +17527,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       showDropdown.value = false;
     };
     watch(selectedUser, (newVal) => {
-      console.log("selectedUser", newVal);
       emit("update:modelValue", newVal);
     });
     return (_ctx, _cache) => {
@@ -17600,8 +17596,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3926de45"]]);
-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"
@@ -17634,7 +17633,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const ids = Array.isArray(props2.modelValue) ? props2.modelValue : [];
         if (ids.length > 0) {
           try {
-            console.log(props2.exactSearchKey);
             const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.exactSearchKey, ids);
             selectedUsers.value = formatUsers(result);
           } catch (error3) {
@@ -17665,51 +17663,61 @@ 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"]]);
 const vue2 = {
+  model: {
+    prop: "modelValue",
+    event: "change"
+  },
   beforeDestroy() {
     var _a;
     this.unWatchStack.forEach((unWatch) => unWatch == null ? void 0 : unWatch());