4.8.16 test (#3442)

* perf: simple app save

* fix: notify config i18n

* perf: service side props render

* perf: model selector

* update doc

projects/app/src/pages/account/apikey.tsx

@@ -3,7 +3,7 @@ import ApiKeyTable from '@/components/support/apikey/Table';
 import { useTranslation } from 'next-i18next';
 import { Box } from '@chakra-ui/react';
 import AccountContainer, { TabEnum } from './components/AccountContainer';
-import { serviceSideProps } from '../../web/common/utils/i18n';
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
 
 const ApiKey = () => {
   const { t } = useTranslation();

projects/app/src/pages/account/bill/index.tsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'next-i18next';
 import ApplyInvoiceModal from './components/ApplyInvoiceModal';
 import { useRouter } from 'next/router';
 import AccountContainer, { TabEnum } from '../components/AccountContainer';
-import { serviceSideProps } from '@/web/common/utils/i18n';
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
 
 export enum InvoiceTabEnum {
   bill = 'bill',

projects/app/src/pages/account/components/AccountContainer.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo, useRef } from 'react';
 import { Box, Flex, useTheme } from '@chakra-ui/react';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
 import { useRouter } from 'next/router';
@@ -42,7 +42,7 @@ const AccountContainer = ({
     return router.pathname.split('/').pop() as TabEnum;
   }, [router.pathname]);
 
-  const tabList = [
+  const tabList = useRef([
     {
       icon: 'support/user/userLight',
       label: t('account:personal_information'),
@@ -108,7 +108,7 @@ const AccountContainer = ({
       label: t('account:logout'),
       value: TabEnum.loginout
     }
-  ];
+  ]);
 
   const { openConfirm, ConfirmModal } = useConfirm({
     content: t('account:confirm_logout')
@@ -129,57 +129,54 @@ const AccountContainer = ({
   );
 
   return (
-    <>
-      <Script src={getWebReqUrl('/js/qrcode.min.js')} strategy="lazyOnload"></Script>
-      <PageContainer isLoading={isLoading}>
-        <Flex flexDirection={['column', 'row']} h={'100%'} pt={[4, 0]}>
-          {isPc ? (
-            <Flex
-              flexDirection={'column'}
-              p={4}
-              h={'100%'}
-              flex={'0 0 200px'}
-              borderRight={theme.borders.base}
-            >
-              <SideTabs<TabEnum>
-                flex={1}
-                mx={'auto'}
-                mt={2}
-                w={'100%'}
-                list={tabList}
-                value={currentTab}
-                onChange={setCurrentTab}
-              />
-              <Flex alignItems={'center'}>
-                <Box w={'8px'} h={'8px'} borderRadius={'50%'} bg={'#67c13b'} />
-                <Box fontSize={'md'} ml={2}>
-                  V{systemVersion}
-                </Box>
-              </Flex>
+    <PageContainer isLoading={isLoading}>
+      <Flex flexDirection={['column', 'row']} h={'100%'} pt={[4, 0]}>
+        {isPc ? (
+          <Flex
+            flexDirection={'column'}
+            p={4}
+            h={'100%'}
+            flex={'0 0 200px'}
+            borderRight={theme.borders.base}
+          >
+            <SideTabs<TabEnum>
+              flex={1}
+              mx={'auto'}
+              mt={2}
+              w={'100%'}
+              list={tabList.current}
+              value={currentTab}
+              onChange={setCurrentTab}
+            />
+            <Flex alignItems={'center'}>
+              <Box w={'8px'} h={'8px'} borderRadius={'50%'} bg={'#67c13b'} />
+              <Box fontSize={'md'} ml={2}>
+                V{systemVersion}
+              </Box>
             </Flex>
-          ) : (
-            <Box mb={3}>
-              <LightRowTabs<TabEnum>
-                m={'auto'}
-                w={'100%'}
-                size={isPc ? 'md' : 'sm'}
-                list={tabList.map((item) => ({
-                  value: item.value,
-                  label: item.label
-                }))}
-                value={currentTab}
-                onChange={setCurrentTab}
-              />
-            </Box>
-          )}
-
-          <Box flex={'1 0 0'} h={'100%'} pb={[4, 0]} overflow={'auto'}>
-            {children}
+          </Flex>
+        ) : (
+          <Box mb={3}>
+            <LightRowTabs<TabEnum>
+              m={'auto'}
+              w={'100%'}
+              size={isPc ? 'md' : 'sm'}
+              list={tabList.current.map((item) => ({
+                value: item.value,
+                label: item.label
+              }))}
+              value={currentTab}
+              onChange={setCurrentTab}
+            />
           </Box>
-        </Flex>
-        <ConfirmModal />
-      </PageContainer>
-    </>
+        )}
+
+        <Box flex={'1 0 0'} h={'100%'} pb={[4, 0]} overflow={'auto'}>
+          {children}
+        </Box>
+      </Flex>
+      <ConfirmModal />
+    </PageContainer>
   );
 };
 

projects/app/src/pages/account/individuation.tsx

@@ -10,7 +10,7 @@ import { UserUpdateParams } from '@/types/user';
 import TimezoneSelect from '@fastgpt/web/components/common/MySelect/TimezoneSelect';
 import I18nLngSelector from '@/components/Select/I18nLngSelector';
 import AccountContainer from './components/AccountContainer';
-import { serviceSideProps } from '@/web/common/utils/i18n';
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
 
 const Individuation = () => {
   const { t } = useTranslation();

projects/app/src/pages/account/info/components/UpdateNotificationModal.tsx

@@ -1,14 +1,5 @@
-import React, { useCallback } from 'react';
-import {
-  ModalBody,
-  Box,
-  Flex,
-  Input,
-  ModalFooter,
-  Button,
-  HStack,
-  useDisclosure
-} from '@chakra-ui/react';
+import React from 'react';
+import { ModalBody, Box, Flex, Input, ModalFooter, Button, HStack } from '@chakra-ui/react';
 import MyModal from '@fastgpt/web/components/common/MyModal';
 import { useTranslation } from 'next-i18next';
 import { useForm } from 'react-hook-form';
@@ -89,7 +80,7 @@ const UpdateNotificationModal = ({ onClose }: { onClose: () => void }) => {
               ></Input>
             </Flex>
             <Flex mt="6" alignItems="center" position={'relative'}>
-              <Box flex={'0 0 70px'}>{t('account_info:verification_code_required')}</Box>
+              <Box flex={'0 0 70px'}>{t('account_info:verification_code')}</Box>
               <Input
                 flex={1}
                 bg={'myGray.50'}

projects/app/src/pages/account/info/index.tsx

@@ -44,7 +44,7 @@ import { useSystem } from '@fastgpt/web/hooks/useSystem';
 import MyImage from '@fastgpt/web/components/common/Image/MyImage';
 import { getWebReqUrl } from '@fastgpt/web/common/system/utils';
 import AccountContainer from '../components/AccountContainer';
-import { serviceSideProps } from '@/web/common/utils/i18n';
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
 import { useRouter } from 'next/router';
 import TeamSelector from '../components/TeamSelector';
 

projects/app/src/pages/account/inform.tsx

@@ -8,7 +8,7 @@ import { useLoading } from '@fastgpt/web/hooks/useLoading';
 import { useTranslation } from 'next-i18next';
 import EmptyTip from '@fastgpt/web/components/common/EmptyTip';
 import AccountContainer, { TabEnum } from './components/AccountContainer';
-import { serviceSideProps } from '@/web/common/utils/i18n';
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
 
 const InformTable = () => {
   const { t } = useTranslation();

projects/app/src/pages/account/promotion.tsx

@@ -26,7 +26,7 @@ import { useLoading } from '@fastgpt/web/hooks/useLoading';
 import QuestionTip from '@fastgpt/web/components/common/MyTooltip/QuestionTip';
 import EmptyTip from '@fastgpt/web/components/common/EmptyTip';
 import AccountContainer, { TabEnum } from './components/AccountContainer';
-import { serviceSideProps } from '@/web/common/utils/i18n';
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
 
 const Promotion = () => {
   const { t } = useTranslation();

projects/app/src/pages/account/team/index.tsx

@@ -1,4 +1,4 @@
-import { serviceSideProps } from '@/web/common/utils/i18n';
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
 import AccountContainer from '../components/AccountContainer';
 import { Box, Button, Flex, useDisclosure } from '@chakra-ui/react';
 import Icon from '@fastgpt/web/components/common/Icon';

projects/app/src/pages/account/usage/index.tsx

@@ -31,7 +31,7 @@ import { formatNumber } from '@fastgpt/global/common/math/tools';
 import EmptyTip from '@fastgpt/web/components/common/EmptyTip';
 import { useSystem } from '@fastgpt/web/hooks/useSystem';
 import AccountContainer, { TabEnum } from '../components/AccountContainer';
-import { serviceSideProps } from '@/web/common/utils/i18n';
+import { serviceSideProps } from '@fastgpt/web/common/system/nextjs';
 
 const UsageDetail = dynamic(() => import('./UsageDetail'));