Team group (#2864)

* feat(member-group): Team (#2616)

* feat: member-group schema define

* feat(fe): create group

* feat: add group edit modal

* feat(fe): add avatar group component

* feat: edit group
fix: permission select menu style

* feat: bio-mode support for select-member component

* fix: avatar group key unique

* feat: group manage

* feat: divide member into group and clbs

* feat: finish team permission

* chore: adjust

* fix: get clbs

* perf: groups code

* pref: member group for team (#2706)

* chore: fe adjust
fix: remove the member from groups when removing from team
feat: change the groups avatar when updating the team's avatar

* chore: DefaultGroupName as a constant string ''

* fix: create default group when create team for root

* feat: comment

* feat: 4811 init

* pref: member group for team (#2732)

* chore: default group name

* feat: get default group when get by tmbid

* feat(fe): adjust

* member ui

* fix: delete group (#2736)

* perf: init4811

* pref: member group (#2818)

* fix: update clb per then refetch clb list

* fix: calculate group permission

* feat(fe): group tag

* refactor(fe): team and group manage

* feat: manage group member

* feat: add group transfer owner modal

* feat: group manage member

* chore: adjust the file structure

* pref: member group

* chore: adjust fe style

* fix: ts error

* chore: fe adjust

* chore: fe adjust

* chore: adjust

* chore: adjust the code

* perf: i18n and schema name

* pref: member-group (#2862)

* feat: group list ordered by updateTime

* fix: transfer ownership of group when deleting member

* fix: i18n fix

* feat: can not set member as admin/owner when user is not active

* fix: GroupInfoModal hover input do not change color

* fix(fe): searchinput do not scroll

* perf: team group ui

* doc

* remove enum

---------

Co-authored-by: Finley Ge <32237950+FinleyGe@users.noreply.github.com>

projects/app/src/web/support/user/team/api.ts

@@ -1,5 +1,5 @@
 import { GET, POST, PUT, DELETE } from '@/web/common/api/request';
-import { UpdateClbPermissionProps } from '@fastgpt/global/support/permission/collaborator';
+import { UpdatePermissionBody } from '@fastgpt/global/support/permission/collaborator';
 import {
   CreateTeamProps,
   InviteMemberProps,
@@ -15,6 +15,7 @@ import {
 } from '@fastgpt/global/support/user/team/type.d';
 import { FeTeamPlanStatusType, TeamSubSchema } from '@fastgpt/global/support/wallet/sub/type';
 import { TeamInvoiceHeaderType } from '@fastgpt/global/support/user/team/type';
+import { ResourcePermissionType } from '@fastgpt/global/support/permission/type';
 
 /* --------------- team  ---------------- */
 export const getTeamList = (status: `${TeamMemberSchema['status']}`) =>
@@ -39,11 +40,12 @@ export const updateInviteResult = (data: UpdateInviteProps) =>
 export const delLeaveTeam = (teamId: string) =>
   DELETE('/proApi/support/user/team/member/leave', { teamId });
 
+export const getTeamClbs = () =>
+  GET<ResourcePermissionType[]>(`/proApi/support/user/team/collaborator/list`);
+
 /* -------------- team collaborator -------------------- */
-export const updateMemberPermission = (data: UpdateClbPermissionProps) =>
-  PUT('/proApi/support/user/team/collaborator/update', data);
-export const delMemberPermission = (tmbId: string) =>
-  DELETE('/proApi/support/user/team/collaborator/delete', { tmbId });
+export const updateMemberPermission = (data: UpdatePermissionBody) =>
+  PUT('/proApi/support/user/team/collaborator/updatePermission', data);
 
 /* --------------- team tags ---------------- */
 export const getTeamsTags = () => GET<TeamTagSchema[]>(`/proApi/support/user/team/tag/list`);

projects/app/src/web/support/user/team/group/api.ts

@@ -0,0 +1,17 @@
+import { DELETE, GET, POST, PUT } from '@/web/common/api/request';
+import { MemberGroupListType } from '@fastgpt/global/support/permission/memberGroup/type';
+import {
+  postCreateGroupData,
+  putUpdateGroupData
+} from '@fastgpt/global/support/user/team/group/api';
+
+export const getGroupList = () => GET<MemberGroupListType>('/proApi/support/user/team/group/list');
+
+export const postCreateGroup = (data: postCreateGroupData) =>
+  POST('/proApi/support/user/team/group/create', data);
+
+export const deleteGroup = (groupId: string) =>
+  DELETE('/proApi/support/user/team/group/delete', { groupId });
+
+export const putUpdateGroup = (data: putUpdateGroupData) =>
+  PUT('/proApi/support/user/team/group/update', data);

projects/app/src/web/support/user/useUserStore.ts

@@ -9,6 +9,8 @@ import { getTeamPlanStatus } from './team/api';
 import { getTeamMembers } from '@/web/support/user/team/api';
 import { TeamMemberItemType } from '@fastgpt/global/support/user/team/type';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
+import { MemberGroupListType } from '@fastgpt/global/support/permission/memberGroup/type';
+import { getGroupList } from './team/group/api';
 
 type State = {
   systemMsgReadId: string;
@@ -24,6 +26,9 @@ type State = {
 
   teamMembers: TeamMemberItemType[];
   loadAndGetTeamMembers: (init?: boolean) => Promise<TeamMemberItemType[]>;
+
+  teamMemberGroups: MemberGroupListType;
+  loadAndGetGroups: (init?: boolean) => Promise<MemberGroupListType>;
 };
 
 export const useUserStore = create<State>()(
@@ -98,6 +103,21 @@ export const useUserStore = create<State>()(
             state.teamMembers = res;
           });
 
+          return res;
+        },
+        teamMemberGroups: [],
+        loadAndGetGroups: async (init = false) => {
+          if (!useSystemStore.getState()?.feConfigs?.isPlus) return [];
+
+          const randomRefresh = Math.random() > 0.7;
+          if (!randomRefresh && !init && get().teamMemberGroups.length)
+            return Promise.resolve(get().teamMemberGroups);
+
+          const res = await getGroupList();
+          set((state) => {
+            state.teamMemberGroups = res;
+          });
+
           return res;
         }
       })),