pref: member/org/gourp list (#4295)

* refactor: org api

* refactor: org api

* pref: member/org/group list

* feat: change group owner api

* fix: manage org member

* pref: member search

projects/app/src/pageComponents/account/team/MemberTable.tsx

@@ -25,8 +25,6 @@ import { TeamContext } from './context';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import dynamic from 'next/dynamic';
-import { useToast } from '@fastgpt/web/hooks/useToast';
-import { TeamErrEnum } from '@fastgpt/global/common/error/code/team';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
 import { delLeaveTeam } from '@/web/support/user/team/api';
 import { GetSearchUserGroupOrg, postSyncMembers } from '@/web/support/user/api';
@@ -46,9 +44,8 @@ const TeamTagModal = dynamic(() => import('@/components/support/user/team/TeamTa
 
 function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
   const { t } = useTranslation();
-  const { toast } = useToast();
-  const { userInfo, teamPlanStatus } = useUserStore();
-  const { feConfigs, setNotSufficientModalType } = useSystemStore();
+  const { userInfo } = useUserStore();
+  const { feConfigs } = useSystemStore();
 
   const {
     refetchGroups,
@@ -57,8 +54,7 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
     members,
     refetchMembers,
     onSwitchTeam,
-    MemberScrollData,
-    orgs
+    MemberScrollData
   } = useContextSelector(TeamContext, (v) => v);
 
   const {
@@ -87,6 +83,7 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
     {
       manual: false,
       throttleWait: 500,
+      debounceWait: 200,
       refreshDeps: [searchText]
     }
   );
@@ -249,16 +246,7 @@ function MemberTable({ Tabs }: { Tabs: React.ReactNode }) {
                       <Td maxW={'300px'}>{member.contact || '-'}</Td>
                       <Td maxWidth="300px">
                         {(() => {
-                          const memberOrgs = orgs.filter((org) =>
-                            org.members.find((v) => String(v.tmbId) === String(member.tmbId))
-                          );
-                          const memberPathIds = memberOrgs.map((org) =>
-                            (org.path + '/' + org.pathId).split('/').slice(0)
-                          );
-                          const memberOrgNames = memberPathIds.map((pathIds) =>
-                            pathIds.map((id) => orgs.find((v) => v.pathId === id)?.name).join('/')
-                          );
-                          return <OrgTags orgs={memberOrgNames} type="tag" />;
+                          return <OrgTags orgs={member.orgs || undefined} type="tag" />;
                         })()}
                       </Td>
                       <Td maxW={'300px'}>