I18n Translations (#2267)

* rebase * i18n-1 * add error info i18n * fix * fix * refactor: 删除error.json * delete useI18n
2024-08-05 18:42:21 +08:00
parent 025d405fe2
commit 10dcdb5491
107 changed files with 1128 additions and 416 deletions
--- a/projects/app/src/components/core/ai/AISettingModal/index.tsx
+++ b/projects/app/src/components/core/ai/AISettingModal/index.tsx
@@ -135,7 +135,9 @@ const AIChatSettingsModal = ({
            <QuestionTip ml={1} label={t('common:core.module.template.AI support tool tip')} />
          </Box>
          <Box flex={1} ml={'10px'}>
-            {selectedModel?.toolChoice || selectedModel?.functionCall ? '支持' : '不支持'}
+            {selectedModel?.toolChoice || selectedModel?.functionCall
+              ? t('common:common.support')
+              : t('common:common.not_support')}
          </Box>
        </Flex>
        <Flex mt={8}>
--- a/projects/app/src/components/core/app/ScheduledTriggerConfig.tsx
+++ b/projects/app/src/components/core/app/ScheduledTriggerConfig.tsx
@@ -20,11 +20,10 @@ import type { MultipleSelectProps } from '@fastgpt/web/components/common/MySelec
 import { cronParser2Fields } from '@fastgpt/global/common/string/time';
 import TimezoneSelect from '@fastgpt/web/components/common/MySelect/TimezoneSelect';
 import FormLabel from '@fastgpt/web/components/common/MyBox/FormLabel';
-
 const MultipleRowSelect = dynamic(
  () => import('@fastgpt/web/components/common/MySelect/MultipleRowSelect')
 );
-
+import { i18nT } from '@fastgpt/web/i18n/utils';
 // options type:
 enum CronJobTypeEnum {
  month = 'month',
@@ -40,17 +39,32 @@ const get24HoursOptions = () => {
    value: i
  }));
 };
+
+const getRoute = (i: number) => {
+  switch (i) {
+    case 0:
+      return 'app:week.Sunday';
+    case 1:
+      return 'app:week.Monday';
+    case 2:
+      return 'app:week.Tuesday';
+    case 3:
+      return 'app:week.Wednesday';
+    case 4:
+      return 'app:week.Thursday';
+    case 5:
+      return 'app:week.Friday';
+    case 6:
+      return 'app:week.Saturday';
+    default:
+      return 'app:week.Sunday';
+  }
+};
+
 const getWeekOptions = () => {
  return Array.from({ length: 7 }, (_, i) => {
-    if (i === 0) {
-      return {
-        label: '星期日',
-        value: i,
-        children: get24HoursOptions()
-      };
-    }
    return {
-      label: `星期${i}`,
+      label: i18nT(getRoute(i)),
      value: i,
      children: get24HoursOptions()
    };
@@ -58,7 +72,7 @@ const getWeekOptions = () => {
 };
 const getMonthOptions = () => {
  return Array.from({ length: 28 }, (_, i) => ({
-    label: `${i + 1}号`,
+    label: `${i + 1}` + i18nT('app:month.unit'),
    value: i,
    children: get24HoursOptions()
  }));
@@ -67,27 +81,27 @@ const getInterValOptions = () => {
  // 每n小时
  return [
    {
-      label: `每小时`,
+      label: i18nT('app:interval.per_hour'),
      value: 1
    },
    {
-      label: `每2小时`,
+      label: i18nT('app:interval.2_hours'),
      value: 2
    },
    {
-      label: `每3小时`,
+      label: i18nT('app:interval.3_hours'),
      value: 3
    },
    {
-      label: `每4小时`,
+      label: i18nT('app:interval.4_hours'),
      value: 4
    },
    {
-      label: `每6小时`,
+      label: i18nT('app:interval.6_hours'),
      value: 6
    },
    {
-      label: `每12小时`,
+      label: i18nT('app:interval.12_hours'),
      value: 12
    }
  ];
@@ -113,22 +127,22 @@ const ScheduledTriggerConfig = ({

  const cronSelectList = useRef<MultipleSelectProps['list']>([
    {
-      label: '每天执行',
+      label: t('app:cron.every_day'),
      value: CronJobTypeEnum.day,
      children: get24HoursOptions()
    },
    {
-      label: '每周执行',
+      label: t('app:cron.every_week'),
      value: CronJobTypeEnum.week,
      children: getWeekOptions()
    },
    {
-      label: '每月执行',
+      label: t('app:cron.every_month'),
      value: CronJobTypeEnum.month,
      children: getMonthOptions()
    },
    {
-      label: '间隔执行',
+      label: t('app:cron.interval'),
      value: CronJobTypeEnum.interval,
      children: getInterValOptions()
    }
@@ -224,7 +238,7 @@ const ScheduledTriggerConfig = ({
    }
    if (cronField[0] === 'week') {
      return t('core.app.schedule.Every week', {
-        day: cronField[1] === 0 ? '日' : cronField[1],
+        day: cronField[1] === 0 ? t('app:day') : cronField[1],
        hour: cronField[2]
      });
    }
@@ -279,10 +293,7 @@ const ScheduledTriggerConfig = ({
        >
          <ModalBody>
            <Flex justifyContent={'space-between'} alignItems={'center'}>
-              <FormLabel flex={'0 0 80px'}>
-                {' '}
-                {t('common:core.app.schedule.Open schedule')}
-              </FormLabel>
+              <FormLabel flex={'0 0 80px'}>{t('common:core.app.schedule.Open schedule')}</FormLabel>
              <Switch
                isChecked={isOpenSchedule}
                onChange={(e) => {
@@ -297,7 +308,7 @@ const ScheduledTriggerConfig = ({
            {isOpenSchedule && (
              <>
                <Flex alignItems={'center'} mt={5}>
-                  <FormLabel flex={'0 0 80px'}>执行时间</FormLabel>
+                  <FormLabel flex={'0 0 80px'}>{t('app:execute_time')}</FormLabel>
                  <Box flex={'1 0 0'}>
                    <MultipleRowSelect
                      label={formatLabel}
@@ -310,7 +321,7 @@ const ScheduledTriggerConfig = ({
                  </Box>
                </Flex>
                <Flex alignItems={'center'} mt={5}>
-                  <FormLabel flex={'0 0 80px'}>时区</FormLabel>
+                  <FormLabel flex={'0 0 80px'}>{t('app:time_zone')}</FormLabel>
                  <Box flex={'1 0 0'}>
                    <TimezoneSelect
                      value={timezone}
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ContextModal.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ContextModal.tsx
@@ -6,12 +6,13 @@ import { ChatBoxContext } from '../Provider';
 import { ChatHistoryItemResType } from '@fastgpt/global/core/chat/type';
 import { FlowNodeTypeEnum } from '@fastgpt/global/core/workflow/node/constant';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
+import { useTranslation } from 'next-i18next';
 const isLLMNode = (item: ChatHistoryItemResType) =>
  item.moduleType === FlowNodeTypeEnum.chatNode || item.moduleType === FlowNodeTypeEnum.tools;

 const ContextModal = ({ onClose, dataId }: { onClose: () => void; dataId: string }) => {
  const { getHistoryResponseData } = useContextSelector(ChatBoxContext, (v) => v);
-
+  const { t } = useTranslation();
  const { loading: isLoading, data: contextModalData } = useRequest2(
    () =>
      getHistoryResponseData({ dataId }).then((res) => {
@@ -34,7 +35,7 @@ const ContextModal = ({ onClose, dataId }: { onClose: () => void; dataId: string
      onClose={onClose}
      isLoading={isLoading}
      iconSrc="/imgs/modal/chatHistory.svg"
-      title={`上下文预览(${contextModalData?.length || 0}条)`}
+      title={t('chat:contextual_preview', { num: contextModalData?.length || 0 })}
      h={['90vh', '80vh']}
      minW={['90vw', '600px']}
      isCentered
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ResponseTags.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ResponseTags.tsx
@@ -175,28 +175,28 @@ const ResponseTags = ({
      {showDetail && (
        <Flex alignItems={'center'} mt={3} flexWrap={'wrap'} gap={2}>
          {quoteList.length > 0 && (
-            <MyTooltip label="查看引用">
+            <MyTooltip label={t('chat:view_citations')}>
              <MyTag
                colorSchema="blue"
                type="borderSolid"
                cursor={'pointer'}
                onClick={() => setQuoteModalData({ rawSearch: quoteList })}
              >
-                {quoteList.length}条引用
+                {t('chat:citations', { num: quoteList.length })}
              </MyTag>
            </MyTooltip>
          )}
          {llmModuleAccount === 1 && (
            <>
              {historyPreviewLength > 0 && (
-                <MyTooltip label={'点击查看上下文预览'}>
+                <MyTooltip label={t('chat:click_contextual_preview')}>
                  <MyTag
                    colorSchema="green"
                    cursor={'pointer'}
                    type="borderSolid"
                    onClick={onOpenContextModal}
                  >
-                    {historyPreviewLength}条上下文
+                    {t('chat:contextual', { num: historyPreviewLength })}
                  </MyTag>
                </MyTooltip>
              )}
@@ -204,12 +204,12 @@ const ResponseTags = ({
          )}
          {llmModuleAccount > 1 && (
            <MyTag type="borderSolid" colorSchema="blue">
-              多组 AI 对话
+              {t('chat:multiple_AI_conversations')}
            </MyTag>
          )}

          {isPc && runningTime > 0 && (
-            <MyTooltip label={'模块运行时间和'}>
+            <MyTooltip label={t('chat:module_runtime_and')}>
              <MyTag colorSchema="purple" type="borderSolid" cursor={'default'}>
                {runningTime}s
              </MyTag>
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/SelectMarkCollection.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/SelectMarkCollection.tsx
@@ -90,7 +90,7 @@ const SelectMarkCollection = ({
                })()
              )}
            </Grid>
-            {datasets.length === 0 && <EmptyTip text={'这个目录已经没东西可选了~'}></EmptyTip>}
+            {datasets.length === 0 && <EmptyTip text={t('chat:empty_directory')}></EmptyTip>}
          </ModalBody>
        </DatasetSelectModal>
      )}
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/hooks/useChatBox.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/hooks/useChatBox.tsx
@@ -4,8 +4,9 @@ import { useCallback } from 'react';
 import { htmlTemplate } from '@/web/core/chat/constants';
 import { fileDownload } from '@/web/common/file/utils';
 import { ChatItemValueTypeEnum } from '@fastgpt/global/core/chat/constants';
-
+import { useTranslation } from 'next-i18next';
 export const useChatBox = () => {
+  const { t } = useTranslation();
  const onExportChat = useCallback(
    ({ type, history }: { type: ExportChatType; history: ChatItemType[] }) => {
      const getHistoryHtml = () => {
@@ -74,7 +75,7 @@ ${JSON.stringify(item.tools, null, 2)}
            fileDownload({
              text: html,
              type: 'text/html',
-              filename: '聊天记录.html'
+              filename: `${t('chat:chat_history')}.html`
            });
        },
        pdf: () => {
@@ -84,7 +85,7 @@ ${JSON.stringify(item.tools, null, 2)}
            // @ts-ignore
            html2pdf(html, {
              margin: 0,
-              filename: `聊天记录.pdf`
+              filename: `${t('chat:chat_history')}.pdf`
            });
        }
      };
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
@@ -372,7 +372,7 @@ const ChatBox = (
          if (!onStartChat) return;
          if (isChatting) {
            toast({
-              title: '正在聊天中...请等待结束',
+              title: t('chat:is_chatting'),
              status: 'warning'
            });
            return;
@@ -384,7 +384,7 @@ const ChatBox = (

          if (!text && files.length === 0) {
            toast({
-              title: '内容为空',
+              title: t('chat:content_empty'),
              status: 'warning'
            });
            return;
--- a/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/RenderOutput.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/RenderOutput.tsx
@@ -5,10 +5,10 @@ import { PluginRunContext } from '../context';
 import Markdown from '@/components/Markdown';
 import { FlowNodeTypeEnum } from '@fastgpt/global/core/workflow/node/constant';
 import AIResponseBox from '../../../components/AIResponseBox';
-
+import { useTranslation } from 'next-i18next';
 const RenderOutput = () => {
  const { histories, isChatting } = useContextSelector(PluginRunContext, (v) => v);
-
+  const { t } = useTranslation();
  const pluginOutputs = useMemo(() => {
    const pluginOutputs = histories?.[1]?.responseData?.find(
      (item) => item.moduleType === FlowNodeTypeEnum.pluginOutput
@@ -22,7 +22,7 @@ const RenderOutput = () => {
      <Box border={'base'} rounded={'md'} bg={'myGray.25'}>
        <Box p={4} color={'myGray.900'}>
          <Box color={'myGray.900'} fontWeight={'bold'}>
-            流输出
+            {t('chat:stream_output')}
          </Box>
          {histories.length > 0 && histories[1]?.value.length > 0 ? (
            <Box mt={2}>
@@ -46,7 +46,7 @@ const RenderOutput = () => {
      </Box>
      <Box border={'base'} mt={4} rounded={'md'} bg={'myGray.25'}>
        <Box p={4} color={'myGray.900'} fontWeight={'bold'}>
-          <Box>插件输出</Box>
+          <Box>{t('chat:plugins_output')}</Box>
          {histories.length > 0 && histories[1].responseData ? (
            <Markdown source={`~~~json\n${pluginOutputs}`} />
          ) : null}
--- a/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/RenderResponseDetail.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/RenderResponseDetail.tsx
@@ -3,14 +3,14 @@ import React from 'react';
 import { useContextSelector } from 'use-context-selector';
 import { PluginRunContext } from '../context';
 import { Box } from '@chakra-ui/react';
-
+import { useTranslation } from 'next-i18next';
 const RenderResponseDetail = () => {
  const { histories, isChatting } = useContextSelector(PluginRunContext, (v) => v);
-
+  const { t } = useTranslation();
  const responseData = histories?.[1]?.responseData || [];

  return isChatting ? (
-    <>{'进行中'}</>
+    <>{t('chat:in_progress')}</>
  ) : (
    <Box flex={'1 0 0'} h={'100%'} overflow={'auto'}>
      <ResponseBox useMobile={true} response={responseData} showDetail={true} />
--- a/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/context.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/context.tsx
@@ -11,7 +11,7 @@ import { ChatItemValueTypeEnum, ChatRoleEnum } from '@fastgpt/global/core/chat/c
 import { generatingMessageProps } from '../type';
 import { SseResponseEventEnum } from '@fastgpt/global/core/workflow/runtime/constants';
 import { getPluginRunContent } from '@fastgpt/global/core/app/plugin/utils';
-
+import { useTranslation } from 'next-i18next';
 type PluginRunContextType = PluginRunBoxProps & {
  isChatting: boolean;
  onSubmit: (e: FieldValues) => Promise<any>;
@@ -44,7 +44,7 @@ const PluginRunContextProvider = ({

  const { toast } = useToast();
  const chatController = useRef(new AbortController());
-
+  const { t } = useTranslation();
  /* Abort chat completions, questionGuide */
  const abortRequest = useCallback(() => {
    chatController.current?.abort('stop');
@@ -148,7 +148,7 @@ const PluginRunContextProvider = ({
    if (!onStartChat) return;
    if (isChatting) {
      toast({
-        title: '正在聊天中...请等待结束',
+        title: t('chat:is_chatting'),
        status: 'warning'
      });
      return;
--- a/projects/app/src/components/core/chat/components/WholeResponseModal.tsx
+++ b/projects/app/src/components/core/chat/components/WholeResponseModal.tsx
@@ -119,7 +119,7 @@ const WholeResponseModal = ({
      title={
        <Flex alignItems={'center'}>
          {t('common:core.chat.response.Complete Response')}
-          <QuestionTip ml={2} label={'从上到下，为各个模块的响应顺序'}></QuestionTip>
+          <QuestionTip ml={2} label={t('chat:question_tip')}></QuestionTip>
        </Flex>
      }
    >