@fe-free/ai 4.0.5 → 5.0.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @fe-free/ai
 
+## 5.0.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @fe-free/core@5.0.0
+  - @fe-free/icons@5.0.0
+  - @fe-free/tool@5.0.0
+
 ## 4.0.5
 
 ### Patch Changes

package/i18next.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'i18next-cli';
+
+export default defineConfig({
+  locales: ['zh-CN', 'en-US'],
+  extract: {
+    primaryLanguage: 'zh-CN',
+    secondaryLanguages: ['en-US'],
+    input: ['./src/**/*.{js,jsx,ts,tsx}'],
+    output: './src/locales/{{language}}/{{namespace}}.json',
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/ai",
-  "version": "4.0.5",
+  "version": "5.0.0",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -12,16 +12,21 @@
   "dependencies": {
     "ahooks": "^3.7.8",
     "classnames": "^2.5.1",
-    "@fe-free/core": "4.0.5"
+    "@fe-free/core": "5.0.0"
   },
   "peerDependencies": {
     "antd": "^5.27.1",
     "dayjs": "~1.11.10",
+    "i18next": "^25.7.2",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "i18next-icu": "^2.4.1",
     "react": "^19.2.0",
-    "@fe-free/icons": "4.0.5",
-    "@fe-free/tool": "4.0.5"
+    "react-i18next": "^16.4.0",
+    "@fe-free/icons": "5.0.0",
+    "@fe-free/tool": "5.0.0"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "i18n-extract": "rm -rf ./src/locales/zh-CN && npx i18next-cli extract"
   }
 }

package/src/locales/en-US/translation.json

@@ -0,0 +1,13 @@
+{
+  "@fe-free/ai": {
+    "sender": {
+      "addFileUrl": "Add file URL",
+      "addImageOrFile": "Add image or file",
+      "aiGeneratedDisclaimer": "Content is generated by AI and cannot guarantee the accuracy of information, for reference only",
+      "describeYourQuestion": "Describe your question",
+      "dragFileHere": "Drag files here",
+      "exceedMaxUploadCount": "Exceeded maximum upload count {count}",
+      "pleaseEnterFileUrl": "Please enter file URL"
+    }
+  }
+}

package/src/locales/zh-CN/translation.json

@@ -0,0 +1,13 @@
+{
+  "@fe-free/ai": {
+    "sender": {
+      "addFileUrl": "添加文件URL",
+      "addImageOrFile": "添加图片或文件",
+      "aiGeneratedDisclaimer": "内容由 AI 生成，无法确保信息的真实准确，仅供参考",
+      "describeYourQuestion": "描述你的问题",
+      "dragFileHere": "在此处拖放文件",
+      "exceedMaxUploadCount": "超过最大上传数量{count}",
+      "pleaseEnterFileUrl": "请输入文件URL"
+    }
+  }
+}

package/src/sender/files.tsx

@@ -4,6 +4,7 @@ import type { UploadFile } from 'antd';
 import { App, Button, Dropdown, Input, Modal, Upload } from 'antd';
 import type { RefObject } from 'react';
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import FilesIcon from '../svgs/files.svg?react';
 import type { SenderProps } from './types';
 
@@ -18,6 +19,7 @@ function FileAction(
   const { filesMaxCount } = allowUpload || {};
 
   const { message } = App.useApp();
+  const { t } = useTranslation();
 
   const [url, setUrl] = useState<string>('');
   const [open, setOpen] = useState<boolean>(false);
@@ -31,7 +33,7 @@ function FileAction(
           items: [
             {
               key: 'add-file',
-              label: '添加图片或文件',
+              label: t('@fe-free/ai.sender.addImageOrFile', '添加图片或文件'),
               icon: <Icons component={FilesIcon} />,
               onClick: () => {
                 refUpload.current?.click();
@@ -39,7 +41,7 @@ function FileAction(
             },
             {
               key: 'add-file-url',
-              label: '添加文件URL',
+              label: t('@fe-free/ai.sender.addFileUrl', '添加文件URL'),
               icon: <Icons component={LinkOutlined} />,
               onClick: () => {
                 setUrl('');
@@ -54,12 +56,16 @@ function FileAction(
       </Dropdown>
       {open && (
         <Modal
-          title="添加文件URL"
+          title={t('@fe-free/ai.sender.addFileUrl', '添加文件URL')}
           open
           onCancel={() => setOpen(false)}
           onOk={() => {
             if (filesMaxCount && value?.files && value.files.length >= filesMaxCount) {
-              message.warning(`超过最大上传数量${filesMaxCount}`);
+              message.warning(
+                t('@fe-free/ai.sender.exceedMaxUploadCount', '超过最大上传数量{count}', {
+                  count: filesMaxCount,
+                }),
+              );
               return;
             }
 
@@ -70,7 +76,7 @@ function FileAction(
           }}
         >
           <Input.TextArea
-            placeholder="请输入文件URL"
+            placeholder={t('@fe-free/ai.sender.pleaseEnterFileUrl', '请输入文件URL')}
             value={url}
             onChange={(e) => setUrl(e.target.value)}
           />
@@ -92,6 +98,7 @@ function FileUpload(
   const { uploadAction, filesMaxCount } = allowUpload || {};
 
   const { message } = App.useApp();
+  const { t } = useTranslation();
 
   return (
     <Upload.Dragger
@@ -102,7 +109,11 @@ function FileUpload(
       maxCount={uploadMaxCount ? uploadMaxCount + 1 : undefined}
       onChange={(info) => {
         if (uploadMaxCount && info.fileList.length > uploadMaxCount) {
-          message.warning(`超过最大上传数量${filesMaxCount}`);
+          message.warning(
+            t('@fe-free/ai.sender.exceedMaxUploadCount', '超过最大上传数量{count}', {
+              count: filesMaxCount,
+            }),
+          );
 
           setFileList(info.fileList.slice(-uploadMaxCount));
           return;
@@ -111,7 +122,7 @@ function FileUpload(
         setFileList(info.fileList);
       }}
     >
-      <div ref={refUpload}>在此处拖放文件</div>
+      <div ref={refUpload}>{t('@fe-free/ai.sender.dragFileHere', '在此处拖放文件')}</div>
     </Upload.Dragger>
   );
 }

package/src/sender/index.tsx

@@ -4,6 +4,7 @@ import type { UploadFile } from 'antd/lib';
 import classNames from 'classnames';
 import type { RefObject } from 'react';
 import { useCallback, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Actions } from './actions';
 import { FileUpload, Files } from './files';
 import './style.scss';
@@ -27,17 +28,15 @@ function Text(props: SenderProps & { refText: RefObject<HTMLTextAreaElement> })
   );
 }
 
-const defaultProps = {
-  placeholder: '描述你的问题',
-};
-
 function Sender(originProps: SenderProps) {
+  const { t } = useTranslation();
   const props = useMemo(() => {
     return {
-      ...defaultProps,
+      placeholder:
+        originProps.placeholder ?? t('@fe-free/ai.sender.describeYourQuestion', '描述你的问题'),
       ...originProps,
     };
-  }, [originProps]);
+  }, [originProps, t]);
 
   const refText = useRef<HTMLTextAreaElement>(null);
 
@@ -136,7 +135,10 @@ function Sender(originProps: SenderProps) {
         />
       </div>
       <div className="mt-1 text-center text-xs text-03">
-        内容由 AI 生成，无法确保信息的真实准确，仅供参考
+        {t(
+          '@fe-free/ai.sender.aiGeneratedDisclaimer',
+          '内容由 AI 生成，无法确保信息的真实准确，仅供参考',
+        )}
       </div>
     </div>
   );

package/src/tip.tsx

@@ -1,5 +1,15 @@
+import { useTranslation } from 'react-i18next';
+
 function Tip() {
-  return <div className="test-xs text-01">内容由 AI 生成，无法确保信息的真实准确，仅供参考</div>;
+  const { t } = useTranslation();
+  return (
+    <div className="test-xs text-01">
+      {t(
+        '@fe-free/ai.sender.aiGeneratedDisclaimer',
+        '内容由 AI 生成，无法确保信息的真实准确，仅供参考',
+      )}
+    </div>
+  );
 }
 
 export { Tip };