@blueking/bk-user-selector 0.0.23-beta.1 → 0.0.24

package/vue3/index.es.min.js

@@ -3328,7 +3328,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-487799ec"]]);
+const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-655f7a5a"]]);
 const _hoisted_1$2 = ["onClick"];
 const _hoisted_2$1 = ["placeholder"];
 const _hoisted_3 = ["placeholder"];
@@ -3351,7 +3351,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
     renderListItem: {},
-    renderTag: {}
+    renderTag: {},
+    excludeUserIds: { default: () => [] }
   },
   emits: ["update:selectedUsers", "add-user", "remove-user"],
   setup(__props, { emit: __emit }) {
@@ -3378,7 +3379,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const visibleUsers = ref([]);
     const hiddenCount = ref(0);
     const options = computed(() => {
-      return searchResults.value.filter((user) => !props.selectedUsers.some((selectedUser) => selectedUser.id === user.id));
+      return searchResults.value.filter((user) => !props.selectedUsers.some((selectedUser) => selectedUser.id === user.id)).filter((user) => !props.excludeUserIds.includes(user.id));
     });
     const userGroupFilter = computed(() => {
       return props.userGroup.filter((group) => !props.selectedUsers.some((user) => user.id === group.id) && !group.hidden);
@@ -3820,7 +3821,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-95b69442"]]);
+const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9fc5bebf"]]);
 const _hoisted_1$1 = { class: "input-container" };
 const _hoisted_2 = ["placeholder"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -3840,7 +3841,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
     renderListItem: {},
-    renderTag: {}
+    renderTag: {},
+    excludeUserIds: { default: () => [] }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
@@ -3863,16 +3865,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         type: "userGroup"
       }));
       const list = [...options.value, ...userGroup];
-      return list.find((user) => user.id === selectedUser.value);
+      const selectedUserInfo2 = list.find((user) => user.id === selectedUser.value);
+      emit("change", selectedUserInfo2 || null);
+      return selectedUserInfo2;
     });
-    onBeforeMount(async () => {
+    const initSelectedUser = async () => {
       if (typeof props.modelValue === "string" && props.modelValue) {
         try {
           isLoading.value = true;
           const result = await lookupUsers(props.apiBaseUrl || "", props.tenantId || "", props.exactSearchKey, [
             props.modelValue
           ]);
-          options.value = formatUsers(result);
+          options.value = formatUsers(result).filter((user) => !props.excludeUserIds.includes(user.id));
           if (props.userGroup.length > 0) {
             const groupResult = props.userGroup.filter((group) => group.id == props.modelValue);
             options.value = groupResult.map((group) => ({
@@ -3886,7 +3890,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         } finally {
           isLoading.value = false;
         }
+      } else {
+        options.value = [];
       }
+    };
+    onBeforeMount(async () => {
+      initSelectedUser();
     });
     const addCurrentUser = async () => {
       if (!props.currentUserId || selectedUser.value === props.currentUserId) return;
@@ -3894,7 +3903,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactSearchKey, [props.currentUserId]);
         const formattedResults = formatUsers(result);
         if (formattedResults.length > 0) {
-          options.value = formattedResults;
+          options.value = formattedResults.filter((user) => !props.excludeUserIds.includes(user.id));
           addUser(formattedResults[0]);
         }
       } catch (error) {
@@ -3909,7 +3918,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       isLoading.value = true;
       try {
         const result = await searchUsers(props.apiBaseUrl, props.tenantId, keyword);
-        options.value = formatUsers(result).filter((user) => !selectedUser.value || user.id !== selectedUser.value);
+        options.value = formatUsers(result).filter((user) => !selectedUser.value || user.id !== selectedUser.value).filter((user) => !props.excludeUserIds.includes(user.id));
       } catch (error) {
         console.error("获取用户列表失败:", error);
         options.value = [];
@@ -3938,9 +3947,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const handleClickOutside = () => {
       showDropdown.value = false;
     };
-    watch(selectedUserInfo, (newVal) => {
-      emit("change", newVal || null);
-    }, { immediate: true });
+    watch(
+      () => props.modelValue,
+      (newVal) => {
+        selectedUser.value = newVal;
+      }
+    );
+    watch(selectedUser, (newVal) => {
+      emit("update:modelValue", newVal);
+    });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", {
         ref_key: "containerRef",
@@ -4001,7 +4016,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4fec9d7c"]]);
+const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1454c121"]]);
 const _hoisted_1 = {
   ref: "containerRef",
   class: "bk-user-selector"
@@ -4024,7 +4039,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
     renderListItem: {},
-    renderTag: {}
+    renderTag: {},
+    excludeUserIds: { default: () => [] }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
@@ -4055,6 +4071,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           } catch (error) {
             console.error("获取选中用户信息失败:", error);
           }
+        } else {
+          selectedUsers.value = [];
         }
       } else {
         selectedUser.value = props.modelValue;
@@ -4074,15 +4092,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(selectedUser, (newVal) => {
       if (!props.multiple) {
         emit("update:modelValue", newVal);
-        emit("change", newVal);
       }
-    }, { immediate: true });
+    });
     watch(
       () => props.userGroup,
       () => {
         initSelectedUsers();
-      },
-      { immediate: true }
+      }
+    );
+    watch(
+      () => props.modelValue,
+      () => {
+        initSelectedUsers();
+      }
     );
     onBeforeMount(() => {
       initSelectedUsers();
@@ -4101,6 +4123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "current-user-id": _ctx.currentUserId,
             "empty-text": _ctx.emptyText,
             "exact-search-key": _ctx.exactSearchKey,
+            "exclude-user-ids": _ctx.excludeUserIds,
             placeholder: _ctx.placeholder,
             "render-list-item": _ctx.renderListItem,
             "render-tag": _ctx.renderTag,
@@ -4109,7 +4132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "user-group": _ctx.userGroup,
             "user-group-name": _ctx.userGroupName,
             onChange: handleUpdateUser
-          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "empty-text", "exact-search-key", "placeholder", "render-list-item", "render-tag", "tenant-id", "tenants", "user-group", "user-group-name"])) : (openBlock(), createElementBlock(
+          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "empty-text", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "tenant-id", "tenants", "user-group", "user-group-name"])) : (openBlock(), createElementBlock(
             Fragment,
             { key: 1 },
             [
@@ -4122,6 +4145,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 draggable: _ctx.draggable,
                 "empty-text": _ctx.emptyText,
                 "exact-search-key": _ctx.exactSearchKey,
+                "exclude-user-ids": _ctx.excludeUserIds,
                 placeholder: _ctx.placeholder,
                 "render-list-item": _ctx.renderListItem,
                 "render-tag": _ctx.renderTag,
@@ -4131,7 +4155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "user-group": _ctx.userGroup,
                 "user-group-name": _ctx.userGroupName,
                 "onUpdate:selectedUsers": handleUpdateSelectedUsers
-              }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "empty-text", "exact-search-key", "placeholder", "render-list-item", "render-tag", "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", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -4143,7 +4167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78f5783f"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-906da21c"]]);
 export {
   BkUserSelector,
   BkUserSelector as default