feat: 国际化

components/ask/aiChat.tsx

@@ -78,7 +78,7 @@ const MessageItem = ({ setCancel, cancel = true, t, insets, item, sessionId, set
                                                 items={[
                                                     {
                                                         svg: <DownloadSvg width={20} height={20} />,
-                                                        label: "保存",
+                                                        label: t("ask:ask.save"),
                                                         onPress: () => {
                                                             const imageUrl = image?.preview_file_info?.url || image.video?.preview_file_info?.url;
                                                             if (imageUrl) {
@@ -89,11 +89,14 @@ const MessageItem = ({ setCancel, cancel = true, t, insets, item, sessionId, set
                                                     },
                                                     {
                                                         svg: <CancelSvg width={20} height={20} color='red' />,
-                                                        label: "取消",
+                                                        label: t("ask:ask.cancel"),
-                                                        onPress: () => console.log('取消'),
+                                                        onPress: () => {
+                                                            setCancel(true);
+                                                        },
                                                         textStyle: { color: 'red' }
                                                     }
                                                 ]}
+                                                cancel={cancel}
                                                 menuStyle={{
                                                     backgroundColor: 'white',
                                                     borderRadius: 8,
@@ -117,7 +120,6 @@ const MessageItem = ({ setCancel, cancel = true, t, insets, item, sessionId, set
                                                     loadingIndicatorSource={require('@/assets/images/png/placeholder.png')}
                                                 />
                                             </ContextMenu>
-
                                         </Pressable>
                                     ))}
                                 </View>
@@ -198,7 +200,7 @@ const styles = StyleSheet.create({
     },
     background: {
         ...StyleSheet.absoluteFillObject,
-        backgroundColor: 'rgba(0, 0, 0, 0.5)', // 添加半透明黑色背景
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
     },
     centeredView: {
         flex: 1,

components/ask/selectModel.tsx

@@ -77,7 +77,7 @@ const SelectModel = ({ modalDetailsVisible, setModalDetailsVisible, insets, setS
                                             items={[
                                                 {
                                                     svg: <DownloadSvg width={20} height={20} />,
-                                                    label: "保存",
+                                                    label: t("ask:ask.save"),
                                                     onPress: () => {
                                                         const imageUrl = item?.file_info?.url || item.video?.file_info?.url;
                                                         if (imageUrl) {
@@ -88,11 +88,12 @@ const SelectModel = ({ modalDetailsVisible, setModalDetailsVisible, insets, setS
                                                 },
                                                 {
                                                     svg: <CancelSvg width={20} height={20} color='red' />,
-                                                    label: "取消",
+                                                    label: t("ask:ask.cancel"),
-                                                    onPress: () => console.log('取消'),
+                                                    onPress: () => setCancel(true),
                                                     textStyle: { color: 'red' }
                                                 }
                                             ]}
+                                            cancel={cancel}
                                             menuStyle={{
                                                 backgroundColor: 'white',
                                                 borderRadius: 8,

components/ask/send.tsx

@@ -4,7 +4,6 @@ import SunSvg from '@/assets/icons/svg/sun.svg';
 import VideoSvg from '@/assets/icons/svg/video.svg';
 import React, { Dispatch, SetStateAction, useCallback, useEffect, useRef, useState } from 'react';
 import {
-    EventSubscription,
     Keyboard,
     ScrollView,
     StyleSheet,
@@ -14,6 +13,7 @@ import {
 } from 'react-native';
 
 import { Message } from '@/types/ask';
+import { useTranslation } from 'react-i18next';
 import { ThemedText } from '../ThemedText';
 import { createNewConversation, getConversation } from './utils';
 
@@ -28,14 +28,12 @@ interface Props {
 export default function SendMessage(props: Props) {
     const { setIsHello, conversationId, setUserMessages, setConversationId, selectedImages, setSelectedImages } = props;
 
+    const { t } = useTranslation()
+
     // 用户询问
     const [inputValue, setInputValue] = useState('');
 
-
-
     // 添加一个ref来跟踪键盘状态
-    const keyboardDidShowListener = useRef<EventSubscription | null>(null);
-    const keyboardDidHideListener = useRef<EventSubscription | null>(null);
     const isKeyboardVisible = useRef(false);
 
     useEffect(() => {
@@ -49,8 +47,7 @@ export default function SendMessage(props: Props) {
                     setUserMessages([
                         {
                             content: {
-                                text: '想打开记忆盲盒吗？描述你的回忆，我来帮你找回照片、生成影片或解锁隐藏彩蛋✨'
+                                text: t("ask:ask.introduction1")
-
                             },
                             role: 'Assistant',
                             timestamp: new Date().toISOString()
@@ -139,8 +136,8 @@ export default function SendMessage(props: Props) {
             {
                 content: {
                     text: type === "search"
-                        ? '想找合适的图片？试试这样搜更精准：\n\n• 明确主题：比如"秋日森林""极简风书桌""复古海报设计"\n\n• 加上细节：想找特定风格？试试"水彩风猫咪""赛博朋克城市夜景"；需要特定用途？比如"无版权风景图""可商用图标"\n\n• 描述场景：比如"阳光透过树叶的光斑""雨天咖啡馆窗外"\n\n输入这些关键词，说不定就能找到你想要的画面啦～'
+                        ? t("ask:ask.introduction2")
-                        : '想让你的视频内容更吸睛、更有故事感吗？不妨试试从搜索图片入手吧！\n\n你可以先确定视频的主题——是治愈系的自然风景，还是复古风的城市街景，或是充满活力的生活瞬间？然后根据主题去搜索相关的图片，比如想做"春日限定"主题，就搜"樱花飘落""草地野餐""嫩芽初绽"之类的画面。\n\n这些图片能帮你快速理清视频的画面脉络，甚至能激发新的创意——比如一张老照片里的复古物件，或许能延伸出一段关于时光的故事；一组星空图片，说不定能串联成关于梦想与远方的叙事。把这些图片按你的想法串联起来，配上合适的音乐和文案，一段有温度的视频就诞生啦，试试看吧～'
+                        : t("ask:ask.introduction3")
                 },
                 role: 'Assistant',
                 timestamp: new Date().toISOString()
@@ -154,10 +151,10 @@ export default function SendMessage(props: Props) {
                 <ScrollView horizontal={true}>
                     <TouchableOpacity style={[styles.button, { borderColor: '#FFB645' }]} onPress={() => handleQuitly('search')}>
                         <SunSvg width={18} height={18} />
-                        <ThemedText>检索素材</ThemedText>
+                        <ThemedText>{t("ask:ask.search")}</ThemedText>
                     </TouchableOpacity><TouchableOpacity style={[styles.button, { borderColor: '#E2793F' }]} onPress={() => handleQuitly('video')}>
                         <VideoSvg width={18} height={18} />
-                        <ThemedText>创作视频</ThemedText>
+                        <ThemedText>{t("ask:ask.video")}</ThemedText>
                     </TouchableOpacity>
                 </ScrollView>
                 <TextInput

components/ask/typewriterText.tsx

@@ -10,7 +10,7 @@ interface TypewriterTextProps {
 
 const TypewriterText: React.FC<TypewriterTextProps> = ({
   text,
-  speed = 150,
+  speed = 100,
   loop = false,
   delay = 2000,
 }) => {

components/ask/utils.ts

@@ -65,7 +65,7 @@ export const saveMediaToGallery = async (mediaUrl: string, t: TFunction) => {
         const { status } = await MediaLibrary.requestPermissionsAsync();
 
         if (status !== 'granted') {
-            Alert.alert('需要相册权限', '请允许应用访问相册以保存媒体文件');
+            Alert.alert(t("ask:ask.mediaAuth"), t("ask:ask.mediaAuthDesc"));
             return false;
         }
 
@@ -105,15 +105,15 @@ export const saveMediaToGallery = async (mediaUrl: string, t: TFunction) => {
         );
 
         Alert.alert(
-            '保存成功',
+            t("ask:ask.saveSuccess"),
-            isVideo ? '视频已保存到相册' : '图片已保存到相册'
+            isVideo ? t("ask:ask.videoSave") : t("ask:ask.imgSave")
         );
         return true;
     } catch (error) {
-        console.error('保存失败:', error);
+        console.log('保存失败:', error);
         Alert.alert(
-            '保存失败',
+            t("ask:ask.saveError"),
-            error instanceof Error ? error.message : '保存媒体文件时出错，请重试'
+            error instanceof Error ? error.message : t("ask:ask.saveError")
         );
         return false;
     } finally {
@@ -123,7 +123,7 @@ export const saveMediaToGallery = async (mediaUrl: string, t: TFunction) => {
                 await FileSystem.deleteAsync(fileUri, { idempotent: true }).catch(console.warn);
             }
         } catch (cleanupError) {
-            console.warn('清理临时文件时出错:', cleanupError);
+            console.log('清理临时文件时出错:', cleanupError);
         }
     }
 };

components/gusture/contextMenu.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import {
     Dimensions,
     Modal,
@@ -32,6 +32,7 @@ interface ContextMenuProps {
     onClose?: () => void;
     longPressDuration?: number;
     activeOpacity?: number;
+    cancel?: boolean;
 }
 
 const ContextMenu: React.FC<ContextMenuProps> = ({

i18n/locales/zh/ask.json

@@ -16,6 +16,20 @@
         "issue": "发生了一些问题",
         "case1": "找去年我家宝宝/宠物的素材片段",
         "case2": "找去年吃过的美食",
-        "case3": "找近期旅游的素材"
+        "case3": "找近期旅游的素材",
+        "mediaAuth": "需要相册权限",
+        "mediaAuthDesc": "请允许应用访问相册以保存媒体文件",
+        "saveSuccess": "保存成功",
+        "imgSave": "图片已保存到相册",
+        "videoSave": "视频已保存到相册",
+        "saveError": "保存失败",
+        "saveErrorDesc": "保存媒体文件时出错，请重试",
+        "save": "保存",
+        "cancel": "取消",
+        "introduction1": "想打开记忆盲盒吗？描述你的回忆，我来帮你找回照片、生成影片或解锁隐藏彩蛋✨",
+        "introduction2": "想找合适的图片？试试这样搜更精准：\n\n• 明确主题：比如'秋日森林'、'极简风书桌'、'复古海报设计'\n\n• 加上细节：想找特定风格？试试'水彩风猫咪'、'赛博朋克城市夜景'；需要特定用途？比如'无版权风景图'、'可商用图标'\n\n• 描述场景：比如'阳光透过树叶的光斑'、'雨天咖啡馆窗外'\n\n输入这些关键词，说不定就能找到你想要的画面啦～",
+        "introduction3": "想让你的视频内容更吸睛、更有故事感吗？不妨试试从搜索图片入手吧！\n\n你可以先确定视频的主题——是治愈系的自然风景，还是复古风的城市街景，或是充满活力的生活瞬间？然后根据主题去搜索相关的图片，比如想做'春日限定'主题，就搜'樱花飘落''草地野餐''嫩芽初绽'之类的画面。\n\n这些图片能帮你快速理清视频的画面脉络，甚至能激发新的创意——比如一张老照片里的复古物件，或许能延伸出一段关于时光的故事；一组星空图片，说不定能串联成关于梦想与远方的叙事。把这些图片按你的想法串联起来，配上合适的音乐和文案，一段有温度的视频就诞生啦，试试看吧～",
+        "search": "检索素材",
+        "video": "创作视频"
     }
 }