I18n Translations (#2267)

* rebase

* i18n-1

* add error info i18n

* fix

* fix

* refactor: 删除error.json

* delete useI18n

projects/app/src/pages/price/components/ExtraPlan.tsx

@@ -46,7 +46,7 @@ const ExtraPlan = () => {
         if (datasetSizePayAmount === 0) {
           return toast({
             status: 'warning',
-            title: '购买数量不能为0'
+            title: t('common:support.wallet.amount_0')
           });
         }
         setLoading(true);
@@ -91,7 +91,7 @@ const ExtraPlan = () => {
         if (payAmount === 0) {
           return toast({
             status: 'warning',
-            title: '购买数量不能为0'
+            title: t('common:support.wallet.amount_0')
           });
         }
         setLoading(true);
@@ -147,7 +147,7 @@ const ExtraPlan = () => {
                 {t('common:support.wallet.subscription.Extra dataset size')}
               </Box>
               <Box mt={3} fontSize={['28px', '32px']} fontWeight={'bold'}>
-                ￥{extraDatasetPrice}/1000组{' '}
+                {`￥${extraDatasetPrice}/1000` + t('common:core.dataset.data.group')}
                 <Box ml={1} as={'span'} fontSize={'md'} color={'myGray.600'} fontWeight={'normal'}>
                   /{t('common:common.month')}
                 </Box>
@@ -164,7 +164,7 @@ const ExtraPlan = () => {
           <Box h={'120px'} w={'100%'}>
             <Flex mt={4}>
               <MyIcon mr={2} name={'support/bill/shoppingCart'} w={'16px'} color={'primary.600'} />
-              购买资源包
+              {t('common:support.wallet.buy_resource')}
             </Flex>
             <Flex mt={4} alignItems={'center'}>
               <Box flex={['0 0 100px', '1 0 0']}>
@@ -252,7 +252,7 @@ const ExtraPlan = () => {
                 {t('common:support.wallet.subscription.Extra ai points')}
               </Box>
               <Box mt={3} fontSize={['28px', '32px']} fontWeight={'bold'}>
-                ￥{extraPointsPrice}/1000积分{' '}
+                {`￥${extraDatasetPrice}/1000` + t('common:support.wallet.subscription.point')}
                 <Box ml={1} as={'span'} fontSize={'md'} color={'myGray.600'} fontWeight={'normal'}>
                   /{t('common:common.month')}
                 </Box>
@@ -269,7 +269,7 @@ const ExtraPlan = () => {
           <Box h={'120px'} w={'100%'}>
             <Flex mt={4}>
               <MyIcon mr={2} name={'support/bill/shoppingCart'} w={'16px'} color={'primary.600'} />
-              购买资源包
+              {t('common:support.wallet.buy_resource')}
             </Flex>
             {/* <Flex mt={4} alignItems={'center'}>
               <Box flex={['0 0 100px', '1 0 0']}>
@@ -325,7 +325,7 @@ const ExtraPlan = () => {
                   </NumberInputStepper>
                 </NumberInput>
                 <Box position={'absolute'} right={'20px'} color={'myGray.500'} fontSize={'xs'}>
-                  000积分
+                  {'000' + t('common:support.wallet.subscription.point')}
                 </Box>
               </Flex>
             </Flex>

projects/app/src/pages/price/components/FAQ.tsx

@@ -6,36 +6,36 @@ const FAQ = () => {
   const { t } = useTranslation();
   const faqs = [
     {
-      title: '订阅套餐会自动续费么？',
-      desc: '当前套餐过期后，系统会自动根据“未来套餐”进行续费，系统会尝试从账户余额进行扣费，如果您需要自动续费，请在账户余额中预留额度。'
+      title: t('common:FAQ.auto_renew_q'),
+      desc: t('common:FAQ.auto_renew_a')
     },
     {
-      title: '能否切换订阅套餐？',
-      desc: '当前套餐价格大于新套餐时，无法立即切换，将会在当前套餐过期后以“续费”形式进行切换。\n当前套餐价格小于新套餐时，系统会自动计算当前套餐剩余余额，您可支付差价进行套餐切换。'
+      title: t('common:FAQ.change_package_q'),
+      desc: t('common:FAQ.change_package_a')
     },
     {
-      title: '什么是AI积分？',
-      desc: '每次调用AI模型时，都会消耗一定的AI积分。具体的计算标准可参考上方的“AI 积分计算标准”。\nToken计算采用GPT3.5相同公式，1Token≈0.7中文字符≈0.9英文单词，连续出现的字符可能被认为是1个Tokens。'
+      title: t('common:FAQ.ai_point_q'),
+      desc: t('common:FAQ.ai_point_a')
     },
     {
-      title: 'AI积分会过期么？',
-      desc: '会过期。当前套餐过期后，AI积分将会清空，并更新为新套餐的AI积分。年度套餐的AI积分时长为1年，而不是每个月。'
+      title: t('common:FAQ.ai_point_expire_q'),
+      desc: t('common:FAQ.ai_point_expire_a')
     },
     {
-      title: '知识库存储怎么计算？',
-      desc: '1条知识库存储等于1条知识库索引。一条知识库数据可以包含1条或多条知识库索引。增强训练中，1条数据会生成5条索引。'
+      title: t('common:FAQ.dataset_compute_q'),
+      desc: t('common:FAQ.dataset_compute_a')
     },
     {
-      title: '知识库索引超出会删除么？',
-      desc: '不会。但知识库索引超出时，无法插入和更新知识库内容。'
+      title: t('common:FAQ.dataset_index_q'),
+      desc: t('common:FAQ.dataset_index_a')
     },
     {
-      title: '额外资源包可以叠加么？',
-      desc: '可以的。每次购买的资源包都是独立的，在其有效期内将会叠加使用。AI积分会优先扣除最先过期的资源包。'
+      title: t('common:FAQ.package_overlay_q'),
+      desc: t('common:FAQ.package_overlay_a')
     },
     {
-      title: '免费版数据会清除么？',
-      desc: '免费版用户（免费版且未购买额外套餐）30天无使用记录后，系统会自动清除账号下所有知识库内容。'
+      title: t('common:FAQ.free_user_clean_q'),
+      desc: t('common:FAQ.free_user_clean_a')
     }
   ];
 

projects/app/src/pages/price/components/Points.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Box, Flex, Grid, Link } from '@chakra-ui/react';
 import { useTranslation } from 'next-i18next';
-
 import { useSystemStore } from '@/web/common/system/useSystemStore';
 
 const Points = () => {
@@ -19,7 +18,7 @@ const Points = () => {
         {t('common:support.wallet.subscription.Ai points')}
       </Box>
       <Link href="https://tiktokenizer.vercel.app/" target="_blank">
-        点击查看在线 Tokens 计算器
+        {t('common:support.wallet.subscription.token_compute')}
       </Link>
       <Grid gap={6} mt={['30px', '40px']} w={'100%'}>
         <Box
@@ -39,13 +38,17 @@ const Points = () => {
             fontSize={'md'}
             fontWeight={'bold'}
           >
-            AI语言模型
+            {t('common:support.wallet.subscription.ai_model')}
           </Box>
           <Box flex={4} textAlign={'center'}>
             {llmModelList?.map((item, i) => (
               <Flex key={item.model} py={4} bg={i % 2 !== 0 ? 'myGray.50' : ''}>
                 <Box flex={'1 0 0'}>{item.name}</Box>
-                <Box flex={'1 0 0'}>{item.charsPointsPrice}积分 / 1000 Tokens</Box>
+                <Box flex={'1 0 0'}>
+                  {item.charsPointsPrice +
+                    t('common:support.wallet.subscription.point') +
+                    ' / 1000 Tokens'}
+                </Box>
               </Flex>
             ))}
           </Box>
@@ -60,17 +63,21 @@ const Points = () => {
         >
           <Box flex={1} borderRightWidth={'1px'} borderRightColor={'myGray.150'} py={4} px={6}>
             <Box fontSize={'md'} fontWeight={'bold'}>
-              索引模型
+              {t('common:core.ai.model.Vector Model')}
             </Box>
             <Box fontSize={'sm'} mt={1} color={'myGray.500'}>
-              文档索引 & 对话索引
+              {t('common:core.ai.model.doc_index_and_dialog')}
             </Box>
           </Box>
           <Box flex={4} textAlign={'center'}>
             {vectorModelList?.map((item, i) => (
               <Flex key={item.model} py={4} bg={i % 2 !== 0 ? 'myGray.50' : ''}>
                 <Box flex={'1 0 0'}>{item.name}</Box>
-                <Box flex={'1 0 0'}>{item.charsPointsPrice}积分 / 1000 Tokens</Box>
+                <Box flex={'1 0 0'}>
+                  {item.charsPointsPrice +
+                    t('common:support.wallet.subscription.point') +
+                    ' / 1000 Tokens'}
+                </Box>
               </Flex>
             ))}
           </Box>
@@ -85,14 +92,19 @@ const Points = () => {
         >
           <Box flex={1} borderRightWidth={'1px'} borderRightColor={'myGray.150'} py={4} px={6}>
             <Box fontSize={'md'} fontWeight={'bold'}>
-              语音播放
+              {t('common:core.app.TTS')}
             </Box>
           </Box>
           <Box flex={4} textAlign={'center'}>
             {audioSpeechModelList?.map((item, i) => (
               <Flex key={item.model} py={4} bg={i % 2 !== 0 ? 'myGray.50' : ''}>
                 <Box flex={'1 0 0'}>{item.name}</Box>
-                <Box flex={'1 0 0'}>{item.charsPointsPrice}积分 / 1000字符</Box>
+                <Box flex={'1 0 0'}>
+                  {item.charsPointsPrice +
+                    t('common:support.wallet.subscription.point') +
+                    ' / 1000' +
+                    t('common:unit.character')}
+                </Box>
               </Flex>
             ))}
           </Box>
@@ -107,13 +119,18 @@ const Points = () => {
         >
           <Box flex={1} borderRightWidth={'1px'} borderRightColor={'myGray.150'} py={4} px={6}>
             <Box fontSize={'md'} fontWeight={'bold'}>
-              语音输入
+              {t('common:core.app.Whisper')}
             </Box>
           </Box>
           <Box flex={4} textAlign={'center'} h={'100%'}>
             <Flex py={4}>
               <Box flex={'1 0 0'}>{whisperModel?.name}</Box>
-              <Box flex={'1 0 0'}>{whisperModel?.charsPointsPrice}积分 / 分钟</Box>
+              <Box flex={'1 0 0'}>
+                {whisperModel?.charsPointsPrice +
+                  t('common:support.wallet.subscription.point') +
+                  ' / 1000' +
+                  t('common:unit.minute')}
+              </Box>
             </Flex>
           </Box>
         </Box>

projects/app/src/pages/price/components/Standard.tsx

@@ -309,6 +309,7 @@ const ConfirmPayModal = ({
   onConfirmPay
 }: ConfirmPayModalProps & { onClose: () => void; onConfirmPay: () => void }) => {
   const { t } = useTranslation();
+
   const [qrPayData, setQRPayData] = useState<QRPayProps>();
 
   const formatPayPrice = Math.ceil(formatStorePrice2Read(payPrice));
@@ -340,16 +341,24 @@ const ConfirmPayModal = ({
     >
       <ModalBody py={5} px={9}>
         <Flex>
-          <Box flex={'0 0 100px'}>新套餐价格</Box>
-          <Box>{formatStorePrice2Read(totalPrice)}元</Box>
+          <Box flex={'0 0 100px'}>{t('common:pay.new_package_price')}</Box>
+          <Box>{t('common:pay.yuan', { amount: formatStorePrice2Read(totalPrice) })}</Box>
         </Flex>
         <Flex mt={6}>
-          <Box flex={'0 0 100px'}>旧套餐余额</Box>
-          <Box>{Math.floor(formatStorePrice2Read(totalPrice - payPrice))}元</Box>
+          <Box flex={'0 0 100px'}>{t('common:pay.old_package_price')}</Box>
+          <Box>
+            {t('common:pay.yuan', {
+              amount: Math.floor(formatStorePrice2Read(totalPrice - payPrice))
+            })}
+          </Box>
         </Flex>
         <Flex mt={6}>
-          <Box flex={'0 0 100px'}>需支付</Box>
-          <Box>{formatPayPrice}元</Box>
+          <Box flex={'0 0 100px'}>{t('common:pay.balance_notice')}</Box>
+          <Box>
+            {t('common:pay.yuan', {
+              amount: formatPayPrice
+            })}
+          </Box>
         </Flex>
       </ModalBody>
       <ModalFooter
@@ -359,13 +368,15 @@ const ConfirmPayModal = ({
         justifyContent={'flex-start'}
         px={0}
       >
-        <Box>账号余额: </Box>
+        <Box>{t('common:pay.balance') + ': '}</Box>
         <Box ml={2} flex={1}>
-          {formatTeamBalance}元
+          {t('common:pay.yuan', {
+            amount: formatTeamBalance
+          })}
         </Box>
         {teamBalance >= payPrice ? (
           <Button size={'sm'} onClick={onConfirmPay}>
-            确认支付
+            {t('common:pay.confirm_pay')}
           </Button>
         ) : (
           <Button
@@ -375,7 +386,7 @@ const ConfirmPayModal = ({
               handleClickPay(Math.ceil(formatStorePrice2Read(payPrice - teamBalance)));
             }}
           >
-            余额不足，去充值
+            {t('common:pay.to_recharge')}
           </Button>
         )}
       </ModalFooter>