pref: member/group/org (#4316)

* feat: change group owner api

* pref: member/org/group

* fix: member modal select clb

* fix: search member when change owner

projects/app/src/pageComponents/account/team/GroupManage/GroupTransferOwnerModal.tsx

@@ -18,25 +18,43 @@ import { useTranslation } from 'next-i18next';
 import React, { useMemo, useState } from 'react';
 import { TeamContext } from '../context';
 import { useContextSelector } from 'use-context-selector';
+import { MemberGroupListType } from '@fastgpt/global/support/permission/memberGroup/type';
+import { GetSearchUserGroupOrg } from '@/web/support/user/api';
+import { Omit } from '@fastgpt/web/components/common/DndDrag';
 
 export type ChangeOwnerModalProps = {
   groupId: string;
+  groups: MemberGroupListType;
+  refetchGroups: () => void;
 };
 
 export function ChangeOwnerModal({
   onClose,
-  groupId
+  groupId,
+  groups,
+  refetchGroups
 }: ChangeOwnerModalProps & { onClose: () => void }) {
   const { t } = useTranslation();
   const [inputValue, setInputValue] = React.useState('');
-  const { members: allMembers, groups, refetchGroups } = useContextSelector(TeamContext, (v) => v);
+  const { data: searchedData } = useRequest2(
+    async () => {
+      if (!inputValue) return;
+      return GetSearchUserGroupOrg(inputValue);
+    },
+    {
+      manual: false,
+      refreshDeps: [inputValue],
+      throttleWait: 500,
+      debounceWait: 200
+    }
+  );
+
+  const { members: allMembers } = useContextSelector(TeamContext, (v) => v);
   const group = useMemo(() => {
     return groups.find((item) => item._id === groupId);
   }, [groupId, groups]);
 
-  const memberList = allMembers.filter((item) => {
-    return item.memberName.toLowerCase().includes(inputValue.toLowerCase());
-  });
+  const memberList = searchedData ? searchedData.members : allMembers;
 
   const [keepAdmin, setKeepAdmin] = useState(true);
 
@@ -46,7 +64,10 @@ export function ChangeOwnerModal({
     onOpen: onOpenMemberListMenu
   } = useDisclosure();
 
-  const [selectedMember, setSelectedMember] = useState<TeamMemberItemType | null>(null);
+  const [selectedMember, setSelectedMember] = useState<Omit<
+    TeamMemberItemType,
+    'permission' | 'teamId'
+  > | null>(null);
 
   const { runAsync, loading } = useRequest2(
     (tmbId: string) => putGroupChangeOwner(groupId, tmbId),