4.8.19-feature (#3636)

* feat: sync org from wecom, pref: member list pagination (#3549) * feat: sync org * chore: fe * chore: loading * chore: type * pref: team member list change to pagination. Edit a sort of list apis. * feat: member update avatar * chore: user avatar move to tmb * chore: init scripts move user avatar * chore: sourceMember * fix: list api sourceMember * fix: member sync * fix: pagination * chore: adjust code * chore: move changeOwner to pro * chore: init v4819 script * chore: adjust code * chore: UserBox * perf: scroll page code * perf: list data * docs:更新用户答疑 (#3576) * docs: add custom uid docs (#3572) * fix: pagination bug (#3577) * 4.8.19 test (#3584) * faet: dataset search filter * fix: scroll page * fix: collection list api old version (#3591) * fix: collection list api format * fix: type error of addSourceMemeber * fix: scroll fetch (#3592) * fix: yuque dataset file folder can enter (#3593) * perf: load members；perf: yuque load；fix: workflow llm params cannot close (#3594) * chat openapi doc * feat: dataset openapi doc * perf: load members * perf: member load code * perf: yuque load * fix: workflow llm params cannot close * fix: api dataset reference tag preview (#3600) * perf: doc * feat: chat page config * fix: http parse (#3634) * update doc * fix: http parse * fix code run node reset template (#3633) Co-authored-by: Archer <545436317@qq.com> * docs:faq (#3627) * docs:faq * docsFix * perf: sleep plugin * fix: selector --------- Co-authored-by: Finley Ge <32237950+FinleyGe@users.noreply.github.com> Co-authored-by: Jiangween <145003935+Jiangween@users.noreply.github.com> Co-authored-by: heheer <heheer@sealos.io>
2025-01-20 19:42:33 +08:00
parent 9f33729ca9
commit 3c97757e4d
170 changed files with 2317 additions and 1615 deletions
--- a/projects/app/src/pageComponents/account/team/GroupManage/GroupInfoModal.tsx
+++ b/projects/app/src/pageComponents/account/team/GroupManage/GroupInfoModal.tsx
@@ -0,0 +1,127 @@
+import { Input, HStack, ModalBody, Button, ModalFooter } from '@chakra-ui/react';
+import MyModal from '@fastgpt/web/components/common/MyModal';
+import Avatar from '@fastgpt/web/components/common/Avatar';
+import FormLabel from '@fastgpt/web/components/common/MyBox/FormLabel';
+
+import { useTranslation } from 'next-i18next';
+import React, { useMemo } from 'react';
+import { useSelectFile } from '@/web/common/file/hooks/useSelectFile';
+import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
+import { useForm } from 'react-hook-form';
+import { useContextSelector } from 'use-context-selector';
+import { TeamContext } from '../context';
+import { postCreateGroup, putUpdateGroup } from '@/web/support/user/team/group/api';
+import { DEFAULT_TEAM_AVATAR } from '@fastgpt/global/common/system/constants';
+
+export type GroupFormType = {
+  avatar: string;
+  name: string;
+};
+
+function GroupInfoModal({ onClose, editGroupId }: { onClose: () => void; editGroupId?: string }) {
+  const { refetchGroups, groups, refetchMembers } = useContextSelector(TeamContext, (v) => v);
+  const { t } = useTranslation();
+  const {
+    File: AvatarSelect,
+    onOpen: onOpenSelectAvatar,
+    onSelectImage
+  } = useSelectFile({
+    fileType: '.jpg, .jpeg, .png',
+    multiple: false
+  });
+
+  const group = useMemo(() => {
+    return groups.find((item) => item._id === editGroupId);
+  }, [editGroupId, groups]);
+
+  const { register, handleSubmit, getValues, setValue } = useForm<GroupFormType>({
+    defaultValues: {
+      name: group?.name || '',
+      avatar: group?.avatar || DEFAULT_TEAM_AVATAR
+    }
+  });
+
+  const { loading: uploadingAvatar, run: onSelectAvatar } = useRequest2(
+    async (file: File[]) => {
+      return onSelectImage(file, {
+        maxW: 300,
+        maxH: 300
+      });
+    },
+    {
+      onSuccess: (src: string) => {
+        setValue('avatar', src);
+      }
+    }
+  );
+
+  const { runAsync: onCreate, loading: isLoadingCreate } = useRequest2(
+    (data: GroupFormType) => {
+      return postCreateGroup({
+        name: data.name,
+        avatar: data.avatar
+      });
+    },
+    {
+      onSuccess: () => Promise.all([onClose(), refetchGroups(), refetchMembers()])
+    }
+  );
+
+  const { runAsync: onUpdate, loading: isLoadingUpdate } = useRequest2(
+    async (data: GroupFormType) => {
+      if (!editGroupId) return;
+      return putUpdateGroup({
+        groupId: editGroupId,
+        name: data.name,
+        avatar: data.avatar
+      });
+    },
+    {
+      onSuccess: () => Promise.all([onClose(), refetchGroups(), refetchMembers()])
+    }
+  );
+
+  const isLoading = isLoadingUpdate || isLoadingCreate || uploadingAvatar;
+
+  return (
+    <MyModal
+      onClose={onClose}
+      title={editGroupId ? t('user:team.group.edit') : t('user:team.group.create')}
+      iconSrc={group?.avatar ?? DEFAULT_TEAM_AVATAR}
+    >
+      <ModalBody flex={1} overflow={'auto'} display={'flex'} flexDirection={'column'} gap={4}>
+        <FormLabel w="80px">{t('user:team.avatar_and_name')}</FormLabel>
+        <HStack>
+          <Avatar
+            src={getValues('avatar')}
+            onClick={onOpenSelectAvatar}
+            cursor={'pointer'}
+            borderRadius={'md'}
+          />
+          <Input
+            bgColor="myGray.50"
+            {...register('name', { required: true })}
+            placeholder={t('user:team.group.name')}
+          />
+        </HStack>
+      </ModalBody>
+      <ModalFooter alignItems="flex-end">
+        <Button
+          isLoading={isLoading}
+          onClick={handleSubmit((data) => {
+            if (editGroupId) {
+              onUpdate(data);
+            } else {
+              onCreate(data);
+            }
+          })}
+        >
+          {editGroupId ? t('common:common.Save') : t('common:new_create')}
+        </Button>
+      </ModalFooter>
+      <AvatarSelect onSelect={onSelectAvatar} />
+    </MyModal>
+  );
+}
+
+export default GroupInfoModal;