补全翻译

This commit is contained in:
2026-01-06 16:04:53 +08:00
parent 37e221d8b8
commit b093ed2b4f
13 changed files with 282 additions and 43 deletions

View File

@@ -190,5 +190,33 @@
"error": "Textpaar konnte nicht zum Ordner hinzugefügt werden" "error": "Textpaar konnte nicht zum Ordner hinzugefügt werden"
}, },
"autoSave": "Automatisch speichern" "autoSave": "Automatisch speichern"
},
"dictionary": {
"title": "Wörterbuch",
"description": "Wörter und Ausdrücke mit detaillierten Definitionen und Beispielen nachschlagen",
"searchPlaceholder": "Wort oder Ausdruck zum Nachschlagen eingeben...",
"searching": "Suche...",
"search": "Suchen",
"languageSettings": "Spracheinstellungen",
"queryLanguage": "Abfragesprache",
"queryLanguageHint": "Welche Sprache hat das Wort/die Phrase, die Sie nachschlagen möchten",
"definitionLanguage": "Definitionssprache",
"definitionLanguageHint": "In welcher Sprache möchten Sie die Definitionen sehen",
"otherLanguagePlaceholder": "Oder eine andere Sprache eingeben...",
"currentSettings": "Aktuelle Einstellungen: Abfrage {queryLang}, Definition {definitionLang}",
"relookup": "Neu suchen",
"saveToFolder": "In Ordner speichern",
"loading": "Laden...",
"noResults": "Keine Ergebnisse gefunden",
"tryOtherWords": "Versuchen Sie andere Wörter oder Ausdrücke",
"welcomeTitle": "Willkommen beim Wörterbuch",
"welcomeHint": "Geben Sie oben im Suchfeld ein Wort oder einen Ausdruck ein, um zu suchen",
"lookupFailed": "Suche fehlgeschlagen, bitte später erneut versuchen",
"relookupSuccess": "Erfolgreich neu gesucht",
"relookupFailed": "Wörterbuch Neu-Suche fehlgeschlagen",
"pleaseLogin": "Bitte melden Sie sich zuerst an",
"pleaseCreateFolder": "Bitte erstellen Sie zuerst einen Ordner",
"savedToFolder": "Im Ordner gespeichert: {folderName}",
"saveFailed": "Speichern fehlgeschlagen, bitte später erneut versuchen"
} }
} }

View File

@@ -190,5 +190,33 @@
"error": "Failed to add text pair to folder" "error": "Failed to add text pair to folder"
}, },
"autoSave": "Auto Save" "autoSave": "Auto Save"
},
"dictionary": {
"title": "Dictionary",
"description": "Look up words and phrases with detailed definitions and examples",
"searchPlaceholder": "Enter a word or phrase to look up...",
"searching": "Searching...",
"search": "Search",
"languageSettings": "Language Settings",
"queryLanguage": "Query Language",
"queryLanguageHint": "What language is the word/phrase you want to look up",
"definitionLanguage": "Definition Language",
"definitionLanguageHint": "What language do you want the definitions in",
"otherLanguagePlaceholder": "Or enter another language...",
"currentSettings": "Current settings: Query {queryLang}, Definition {definitionLang}",
"relookup": "Re-search",
"saveToFolder": "Save to folder",
"loading": "Loading...",
"noResults": "No results found",
"tryOtherWords": "Try other words or phrases",
"welcomeTitle": "Welcome to Dictionary",
"welcomeHint": "Enter a word or phrase in the search box above to start looking up",
"lookupFailed": "Search failed, please try again later",
"relookupSuccess": "Re-searched successfully",
"relookupFailed": "Dictionary re-search failed",
"pleaseLogin": "Please log in first",
"pleaseCreateFolder": "Please create a folder first",
"savedToFolder": "Saved to folder: {folderName}",
"saveFailed": "Save failed, please try again later"
} }
} }

View File

@@ -190,5 +190,33 @@
"error": "Échec de l'ajout de la paire de textes au dossier" "error": "Échec de l'ajout de la paire de textes au dossier"
}, },
"autoSave": "Sauvegarde automatique" "autoSave": "Sauvegarde automatique"
},
"dictionary": {
"title": "Dictionnaire",
"description": "Rechercher des mots et des phrases avec des définitions détaillées et des exemples",
"searchPlaceholder": "Entrez un mot ou une phrase à rechercher...",
"searching": "Recherche...",
"search": "Rechercher",
"languageSettings": "Paramètres linguistiques",
"queryLanguage": "Langue de requête",
"queryLanguageHint": "Quelle est la langue du mot/phrase que vous souhaitez rechercher",
"definitionLanguage": "Langue de définition",
"definitionLanguageHint": "Dans quelle langue souhaitez-vous voir les définitions",
"otherLanguagePlaceholder": "Ou entrez une autre langue...",
"currentSettings": "Paramètres actuels : Requête {queryLang}, Définition {definitionLang}",
"relookup": "Rechercher à nouveau",
"saveToFolder": "Enregistrer dans le dossier",
"loading": "Chargement...",
"noResults": "Aucun résultat trouvé",
"tryOtherWords": "Essayez d'autres mots ou phrases",
"welcomeTitle": "Bienvenue dans le dictionnaire",
"welcomeHint": "Entrez un mot ou une phrase dans la zone de recherche ci-dessus pour commencer",
"lookupFailed": "Recherche échouée, veuillez réessayer plus tard",
"relookupSuccess": "Recherche répétée avec succès",
"relookupFailed": "Nouvelle recherche de dictionnaire échouée",
"pleaseLogin": "Veuillez d'abord vous connecter",
"pleaseCreateFolder": "Veuillez d'abord créer un dossier",
"savedToFolder": "Enregistré dans le dossier : {folderName}",
"saveFailed": "Échec de l'enregistrement, veuillez réessayer plus tard"
} }
} }

View File

@@ -190,5 +190,33 @@
"error": "Impossibile aggiungere la coppia di testi alla cartella" "error": "Impossibile aggiungere la coppia di testi alla cartella"
}, },
"autoSave": "Salvataggio automatico" "autoSave": "Salvataggio automatico"
},
"dictionary": {
"title": "Dizionario",
"description": "Cerca parole e frasi con definizioni dettagliate ed esempi",
"searchPlaceholder": "Inserisci una parola o frase da cercare...",
"searching": "Ricerca...",
"search": "Cerca",
"languageSettings": "Impostazioni lingua",
"queryLanguage": "Lingua di interrogazione",
"queryLanguageHint": "Quale è la lingua della parola/frase che vuoi cercare",
"definitionLanguage": "Lingua di definizione",
"definitionLanguageHint": "In quale lingua vuoi vedere le definizioni",
"otherLanguagePlaceholder": "Oppure inserisci un'altra lingua...",
"currentSettings": "Impostazioni attuali: Interrogazione {queryLang}, Definizione {definitionLang}",
"relookup": "Ricerca di nuovo",
"saveToFolder": "Salva nella cartella",
"loading": "Caricamento...",
"noResults": "Nessun risultato trovato",
"tryOtherWords": "Prova altre parole o frasi",
"welcomeTitle": "Benvenuto nel dizionario",
"welcomeHint": "Inserisci una parola o frase nella casella di ricerca sopra per iniziare",
"lookupFailed": "Ricerca fallita, riprova più tardi",
"relookupSuccess": "Ricerca ripetuta con successo",
"relookupFailed": "Nuova ricerca del dizionario fallita",
"pleaseLogin": "Accedi prima",
"pleaseCreateFolder": "Crea prima una cartella",
"savedToFolder": "Salvato nella cartella: {folderName}",
"saveFailed": "Salvataggio fallito, riprova più tardi"
} }
} }

View File

@@ -190,5 +190,33 @@
"error": "テキストペアの追加に失敗しました" "error": "テキストペアの追加に失敗しました"
}, },
"autoSave": "自動保存" "autoSave": "自動保存"
},
"dictionary": {
"title": "辞書",
"description": "詳細な定義と例で単語やフレーズを検索",
"searchPlaceholder": "検索する単語やフレーズを入力...",
"searching": "検索中...",
"search": "検索",
"languageSettings": "言語設定",
"queryLanguage": "クエリ言語",
"queryLanguageHint": "検索する単語/フレーズの言語",
"definitionLanguage": "定義言語",
"definitionLanguageHint": "定義を表示する言語",
"otherLanguagePlaceholder": "または他の言語を入力...",
"currentSettings": "現在の設定:クエリ {queryLang}、定義 {definitionLang}",
"relookup": "再検索",
"saveToFolder": "フォルダに保存",
"loading": "読み込み中...",
"noResults": "結果が見つかりません",
"tryOtherWords": "他の単語やフレーズを試してください",
"welcomeTitle": "辞書へようこそ",
"welcomeHint": "上の検索ボックスに単語やフレーズを入力して検索を開始",
"lookupFailed": "検索に失敗しました。後でもう一度お試しください",
"relookupSuccess": "再検索しました",
"relookupFailed": "辞書の再検索に失敗しました",
"pleaseLogin": "まずログインしてください",
"pleaseCreateFolder": "まずフォルダを作成してください",
"savedToFolder": "フォルダに保存しました:{folderName}",
"saveFailed": "保存に失敗しました。後でもう一度お試しください"
} }
} }

View File

@@ -190,5 +190,33 @@
"error": "텍스트 쌍 추가 실패" "error": "텍스트 쌍 추가 실패"
}, },
"autoSave": "자동 저장" "autoSave": "자동 저장"
},
"dictionary": {
"title": "사전",
"description": "상세한 정의와 예제로 단어 및 구문 검색",
"searchPlaceholder": "검색할 단어나 구문을 입력하세요...",
"searching": "검색 중...",
"search": "검색",
"languageSettings": "언어 설정",
"queryLanguage": "쿼리 언어",
"queryLanguageHint": "검색하려는 단어/구문의 언어",
"definitionLanguage": "정의 언어",
"definitionLanguageHint": "정의를 표시할 언어",
"otherLanguagePlaceholder": "또는 다른 언어를 입력하세요...",
"currentSettings": "현재 설정: 쿼리 {queryLang}, 정의 {definitionLang}",
"relookup": "재검색",
"saveToFolder": "폴더에 저장",
"loading": "로드 중...",
"noResults": "결과를 찾을 수 없습니다",
"tryOtherWords": "다른 단어나 구문을 시도하세요",
"welcomeTitle": "사전에 오신 것을 환영합니다",
"welcomeHint": "위 검색 상자에 단어나 구문을 입력하여 검색을 시작하세요",
"lookupFailed": "검색 실패, 나중에 다시 시도하세요",
"relookupSuccess": "재검색했습니다",
"relookupFailed": "사전 재검색 실패",
"pleaseLogin": "먼저 로그인하세요",
"pleaseCreateFolder": "먼저 폴더를 만드세요",
"savedToFolder": "폴더에 저장됨: {folderName}",
"saveFailed": "저장 실패, 나중에 다시 시도하세요"
} }
} }

View File

@@ -190,5 +190,33 @@
"error": "تېكىست جۈپىنى قىسقۇچقا قوشۇش مەغلۇب بولدى" "error": "تېكىست جۈپىنى قىسقۇچقا قوشۇش مەغلۇب بولدى"
}, },
"autoSave": "ئاپتوماتىك ساقلاش" "autoSave": "ئاپتوماتىك ساقلاش"
},
"dictionary": {
"title": "لۇغەت",
"description": "تەپسىلىي ئىلمىيى ۋە مىساللار بىلەن سۆز ۋە ئىبارە ئىزدەش",
"searchPlaceholder": "ئىزدەيدىغان سۆز ياكى ئىبارە كىرگۈزۈڭ...",
"searching": "ئىزدەۋاتىدۇ...",
"search": "ئىزدە",
"languageSettings": "تىل تەڭشىكى",
"queryLanguage": "سۈرەشتۈرۈش تىلى",
"queryLanguageHint": "ئىزدەمدەكچى بولغان سۆز/ئىبارە قايسى تىلدا",
"definitionLanguage": "ئىلمىيى تىلى",
"definitionLanguageHint": "ئىلمىيىنى قايسى تىلدا كۆرۈشنى ئويلىشىسىز",
"otherLanguagePlaceholder": "ياكى باشقا تىل كىرگۈزۈڭ...",
"currentSettings": "نۆۋەتتىكى تەڭشەك: سۈرەشتۈرۈش {queryLang}، ئىلمىيى {definitionLang}",
"relookup": "قايتا ئىزدە",
"saveToFolder": "قىسقۇچقا ساقلا",
"loading": "يۈكلىۋاتىدۇ...",
"noResults": "نەتىجە تېپىلمىدى",
"tryOtherWords": "باشقا سۆز ياكى ئىبارە سىناڭ",
"welcomeTitle": "لۇغەتكە مەرھەمەت",
"welcomeHint": "ئىزدەشنى باشلاش ئۈچۈن يۇقىرىدىكى ئىزدەش رامكىسىغا سۆز ياكى ئىبارە كىرگۈزۈڭ",
"lookupFailed": "ئىزدەش مەغلۇب بولدى، كېيىنرەك قايتا سىناڭ",
"relookupSuccess": "مۇۋەپپەقىيەتلىك قايتا ئىزدىدى",
"relookupFailed": "لۇغەت قايتا ئىزدىشى مەغلۇب بولدى",
"pleaseLogin": "ئاۋۋال تىزىملىتىڭ",
"pleaseCreateFolder": "ئاۋۋال قىسقۇچ قۇرۇڭ",
"savedToFolder": "قىسقۇچقا ساقلاندى: {folderName}",
"saveFailed": "ساقلاش مەغلۇب بولدى، كېيىنرەك قايتا سىناڭ"
} }
} }

View File

@@ -190,5 +190,33 @@
"error": "添加文本对到文件夹失败" "error": "添加文本对到文件夹失败"
}, },
"autoSave": "自动保存" "autoSave": "自动保存"
},
"dictionary": {
"title": "词典",
"description": "查询单词和短语,提供详细的释义和例句",
"searchPlaceholder": "输入要查询的单词或短语...",
"searching": "查询中...",
"search": "查询",
"languageSettings": "语言设置",
"queryLanguage": "查询语言",
"queryLanguageHint": "你要查询的单词/短语是什么语言",
"definitionLanguage": "释义语言",
"definitionLanguageHint": "你希望用什么语言查看释义",
"otherLanguagePlaceholder": "或输入其他语言...",
"currentSettings": "当前设置:查询 {queryLang},释义 {definitionLang}",
"relookup": "重新查询",
"saveToFolder": "保存到文件夹",
"loading": "加载中...",
"noResults": "未找到结果",
"tryOtherWords": "尝试其他单词或短语",
"welcomeTitle": "欢迎使用词典",
"welcomeHint": "在上方搜索框中输入单词或短语开始查询",
"lookupFailed": "查询失败,请稍后重试",
"relookupSuccess": "已重新查询",
"relookupFailed": "词典重新查询失败",
"pleaseLogin": "请先登录",
"pleaseCreateFolder": "请先创建文件夹",
"savedToFolder": "已保存到文件夹:{folderName}",
"saveFailed": "保存失败,请稍后重试"
} }
} }

View File

@@ -17,7 +17,7 @@ export function DictionaryEntry({ entry }: DictionaryEntryProps) {
<div className="flex items-center gap-3 mb-3"> <div className="flex items-center gap-3 mb-3">
{wordEntry.ipa && ( {wordEntry.ipa && (
<span className="text-gray-600 text-lg"> <span className="text-gray-600 text-lg">
{wordEntry.ipa} [{wordEntry.ipa}]
</span> </span>
)} )}
{wordEntry.partOfSpeech && ( {wordEntry.partOfSpeech && (

View File

@@ -10,8 +10,11 @@ import { getFoldersByUserId } from "@/lib/server/services/folderService";
import { DictLookUpResponse, isDictErrorResponse } from "./types"; import { DictLookUpResponse, isDictErrorResponse } from "./types";
import { SearchForm } from "./SearchForm"; import { SearchForm } from "./SearchForm";
import { SearchResult } from "./SearchResult"; import { SearchResult } from "./SearchResult";
import { useTranslations } from "next-intl";
import { POPULAR_LANGUAGES } from "./constants";
export default function Dictionary() { export default function Dictionary() {
const t = useTranslations("dictionary");
const [searchQuery, setSearchQuery] = useState(""); const [searchQuery, setSearchQuery] = useState("");
const [searchResult, setSearchResult] = useState<DictLookUpResponse | null>(null); const [searchResult, setSearchResult] = useState<DictLookUpResponse | null>(null);
const [isSearching, setIsSearching] = useState(false); const [isSearching, setIsSearching] = useState(false);
@@ -36,6 +39,11 @@ export default function Dictionary() {
} }
}, [session, selectedFolderId]); }, [session, selectedFolderId]);
// 将 code 转换为 nativeName
const getNativeName = (code: string) => {
return POPULAR_LANGUAGES.find(l => l.code === code)?.nativeName || code;
};
const handleSearch = async (e: React.FormEvent) => { const handleSearch = async (e: React.FormEvent) => {
e.preventDefault(); e.preventDefault();
if (!searchQuery.trim()) return; if (!searchQuery.trim()) return;
@@ -45,12 +53,11 @@ export default function Dictionary() {
setSearchResult(null); setSearchResult(null);
try { try {
// 使用查询语言和释义语言 // 使用查询语言和释义语言的 nativeName
// const result = await lookUp(searchQuery, queryLang, definitionLang);
const result = await lookUp({ const result = await lookUp({
text: searchQuery, text: searchQuery,
definitionLang: definitionLang, definitionLang: getNativeName(definitionLang),
queryLang: queryLang, queryLang: getNativeName(queryLang),
forceRelook: false forceRelook: false
}) })
@@ -63,7 +70,7 @@ export default function Dictionary() {
} }
} catch (error) { } catch (error) {
console.error("词典查询失败:", error); console.error("词典查询失败:", error);
toast.error("查询失败,请稍后重试"); toast.error(t("lookupFailed"));
setSearchResult(null); setSearchResult(null);
} finally { } finally {
setIsSearching(false); setIsSearching(false);
@@ -94,14 +101,14 @@ export default function Dictionary() {
{isSearching && ( {isSearching && (
<div className="text-center py-8"> <div className="text-center py-8">
<div className="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-white"></div> <div className="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-white"></div>
<p className="mt-4 text-white">...</p> <p className="mt-4 text-white">{t("loading")}</p>
</div> </div>
)} )}
{!isSearching && hasSearched && !searchResult && ( {!isSearching && hasSearched && !searchResult && (
<div className="text-center py-12 bg-white/20 rounded-lg"> <div className="text-center py-12 bg-white/20 rounded-lg">
<p className="text-gray-800 text-xl"></p> <p className="text-gray-800 text-xl">{t("noResults")}</p>
<p className="text-gray-600 mt-2"></p> <p className="text-gray-600 mt-2">{t("tryOtherWords")}</p>
</div> </div>
)} )}
@@ -116,14 +123,15 @@ export default function Dictionary() {
onFolderSelect={setSelectedFolderId} onFolderSelect={setSelectedFolderId}
onResultUpdate={setSearchResult} onResultUpdate={setSearchResult}
onSearchingChange={setIsSearching} onSearchingChange={setIsSearching}
getNativeName={getNativeName}
/> />
)} )}
{!hasSearched && ( {!hasSearched && (
<div className="text-center py-12 bg-white/20 rounded-lg"> <div className="text-center py-12 bg-white/20 rounded-lg">
<div className="text-6xl mb-4">📚</div> <div className="text-6xl mb-4">📚</div>
<p className="text-gray-800 text-xl mb-2">使</p> <p className="text-gray-800 text-xl mb-2">{t("welcomeTitle")}</p>
<p className="text-gray-600"></p> <p className="text-gray-600">{t("welcomeHint")}</p>
</div> </div>
)} )}
</Container> </Container>

View File

@@ -1,5 +1,6 @@
import { LightButton } from "@/components/ui/buttons"; import { LightButton } from "@/components/ui/buttons";
import { POPULAR_LANGUAGES } from "./constants"; import { POPULAR_LANGUAGES } from "./constants";
import { useTranslations } from "next-intl";
interface SearchFormProps { interface SearchFormProps {
searchQuery: string; searchQuery: string;
@@ -22,15 +23,17 @@ export function SearchForm({
definitionLang, definitionLang,
onDefinitionLangChange, onDefinitionLangChange,
}: SearchFormProps) { }: SearchFormProps) {
const t = useTranslations("dictionary");
return ( return (
<> <>
{/* 页面标题 */} {/* 页面标题 */}
<div className="text-center mb-8"> <div className="text-center mb-8">
<h1 className="text-4xl md:text-5xl font-bold text-gray-800 mb-4"> <h1 className="text-4xl md:text-5xl font-bold text-gray-800 mb-4">
{t("title")}
</h1> </h1>
<p className="text-gray-700 text-lg"> <p className="text-gray-700 text-lg">
{t("description")}
</p> </p>
</div> </div>
@@ -40,7 +43,7 @@ export function SearchForm({
type="text" type="text"
value={searchQuery} value={searchQuery}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => onSearchQueryChange(e.target.value)} onChange={(e: React.ChangeEvent<HTMLInputElement>) => onSearchQueryChange(e.target.value)}
placeholder="输入要查询的单词或短语..." placeholder={t("searchPlaceholder")}
className="flex-1 px-4 py-3 text-lg text-gray-800 focus:outline-none border-b-2 border-gray-600 bg-white/90 rounded" className="flex-1 px-4 py-3 text-lg text-gray-800 focus:outline-none border-b-2 border-gray-600 bg-white/90 rounded"
/> />
<LightButton <LightButton
@@ -48,21 +51,21 @@ export function SearchForm({
disabled={isSearching || !searchQuery.trim()} disabled={isSearching || !searchQuery.trim()}
className="px-6 py-3" className="px-6 py-3"
> >
{isSearching ? "查询中..." : "查询"} {isSearching ? t("searching") : t("search")}
</LightButton> </LightButton>
</form> </form>
{/* 语言设置 */} {/* 语言设置 */}
<div className="mt-4 bg-white/20 rounded-lg p-4"> <div className="mt-4 bg-white/20 rounded-lg p-4">
<div className="mb-3"> <div className="mb-3">
<span className="text-gray-800 font-semibold"></span> <span className="text-gray-800 font-semibold">{t("languageSettings")}</span>
</div> </div>
<div className="space-y-4"> <div className="space-y-4">
{/* 查询语言 */} {/* 查询语言 */}
<div> <div>
<label className="block text-gray-700 text-sm mb-2"> <label className="block text-gray-700 text-sm mb-2">
(/) {t("queryLanguage")} ({t("queryLanguageHint")})
</label> </label>
<div className="flex flex-wrap gap-2 mb-2"> <div className="flex flex-wrap gap-2 mb-2">
{POPULAR_LANGUAGES.map((lang) => ( {POPULAR_LANGUAGES.map((lang) => (
@@ -72,7 +75,7 @@ export function SearchForm({
onClick={() => onQueryLangChange(lang.code)} onClick={() => onQueryLangChange(lang.code)}
className="text-sm px-3 py-1" className="text-sm px-3 py-1"
> >
{lang.name} {lang.nativeName}
</LightButton> </LightButton>
))} ))}
</div> </div>
@@ -80,7 +83,7 @@ export function SearchForm({
type="text" type="text"
value={queryLang} value={queryLang}
onChange={(e) => onQueryLangChange(e.target.value)} onChange={(e) => onQueryLangChange(e.target.value)}
placeholder="或输入其他语言..." placeholder={t("otherLanguagePlaceholder")}
className="w-full px-3 py-2 text-sm text-gray-800 focus:outline-none border-b-2 border-gray-600 bg-white/90 rounded" className="w-full px-3 py-2 text-sm text-gray-800 focus:outline-none border-b-2 border-gray-600 bg-white/90 rounded"
/> />
</div> </div>
@@ -88,7 +91,7 @@ export function SearchForm({
{/* 释义语言 */} {/* 释义语言 */}
<div> <div>
<label className="block text-gray-700 text-sm mb-2"> <label className="block text-gray-700 text-sm mb-2">
() {t("definitionLanguage")} ({t("definitionLanguageHint")})
</label> </label>
<div className="flex flex-wrap gap-2 mb-2"> <div className="flex flex-wrap gap-2 mb-2">
{POPULAR_LANGUAGES.map((lang) => ( {POPULAR_LANGUAGES.map((lang) => (
@@ -98,7 +101,7 @@ export function SearchForm({
onClick={() => onDefinitionLangChange(lang.code)} onClick={() => onDefinitionLangChange(lang.code)}
className="text-sm px-3 py-1" className="text-sm px-3 py-1"
> >
{lang.name} {lang.nativeName}
</LightButton> </LightButton>
))} ))}
</div> </div>
@@ -106,15 +109,17 @@ export function SearchForm({
type="text" type="text"
value={definitionLang} value={definitionLang}
onChange={(e) => onDefinitionLangChange(e.target.value)} onChange={(e) => onDefinitionLangChange(e.target.value)}
placeholder="或输入其他语言..." placeholder={t("otherLanguagePlaceholder")}
className="w-full px-3 py-2 text-sm text-gray-800 focus:outline-none border-b-2 border-gray-600 bg-white/90 rounded" className="w-full px-3 py-2 text-sm text-gray-800 focus:outline-none border-b-2 border-gray-600 bg-white/90 rounded"
/> />
</div> </div>
{/* 当前设置显示 */} {/* 当前设置显示 */}
<div className="text-center text-gray-700 text-sm pt-2 border-t border-gray-300"> <div className="text-center text-gray-700 text-sm pt-2 border-t border-gray-300">
<span className="font-semibold">{POPULAR_LANGUAGES.find(l => l.code === queryLang)?.name || queryLang}</span> {t("currentSettings", {
<span className="font-semibold">{POPULAR_LANGUAGES.find(l => l.code === definitionLang)?.name || definitionLang}</span> queryLang: POPULAR_LANGUAGES.find(l => l.code === queryLang)?.nativeName || queryLang,
definitionLang: POPULAR_LANGUAGES.find(l => l.code === definitionLang)?.nativeName || definitionLang
})}
</div> </div>
</div> </div>
</div> </div>

View File

@@ -13,6 +13,7 @@ import {
} from "./types"; } from "./types";
import { DictionaryEntry } from "./DictionaryEntry"; import { DictionaryEntry } from "./DictionaryEntry";
import { POPULAR_LANGUAGES } from "./constants"; import { POPULAR_LANGUAGES } from "./constants";
import { useTranslations } from "next-intl";
interface SearchResultProps { interface SearchResultProps {
searchResult: DictWordResponse | DictPhraseResponse; searchResult: DictWordResponse | DictPhraseResponse;
@@ -24,6 +25,7 @@ interface SearchResultProps {
onFolderSelect: (folderId: number | null) => void; onFolderSelect: (folderId: number | null) => void;
onResultUpdate: (newResult: DictWordResponse | DictPhraseResponse) => void; onResultUpdate: (newResult: DictWordResponse | DictPhraseResponse) => void;
onSearchingChange: (isSearching: boolean) => void; onSearchingChange: (isSearching: boolean) => void;
getNativeName: (code: string) => string;
} }
export function SearchResult({ export function SearchResult({
@@ -36,7 +38,9 @@ export function SearchResult({
onFolderSelect, onFolderSelect,
onResultUpdate, onResultUpdate,
onSearchingChange, onSearchingChange,
getNativeName,
}: SearchResultProps) { }: SearchResultProps) {
const t = useTranslations("dictionary");
const { data: session } = authClient.useSession(); const { data: session } = authClient.useSession();
const handleRelookup = async () => { const handleRelookup = async () => {
@@ -45,8 +49,8 @@ export function SearchResult({
try { try {
const result = await lookUp({ const result = await lookUp({
text: searchQuery, text: searchQuery,
definitionLang: definitionLang, definitionLang: getNativeName(definitionLang),
queryLang: queryLang, queryLang: getNativeName(queryLang),
forceRelook: true forceRelook: true
}); });
@@ -54,11 +58,11 @@ export function SearchResult({
toast.error(result.error); toast.error(result.error);
} else { } else {
onResultUpdate(result); onResultUpdate(result);
toast.success("已重新查询"); toast.success(t("relookupSuccess"));
} }
} catch (error) { } catch (error) {
console.error("词典重新查询失败:", error); console.error("词典重新查询失败:", error);
toast.error("查询失败,请稍后重试"); toast.error(t("lookupFailed"));
} finally { } finally {
onSearchingChange(false); onSearchingChange(false);
} }
@@ -66,11 +70,11 @@ export function SearchResult({
const handleSave = () => { const handleSave = () => {
if (!session) { if (!session) {
toast.error("请先登录"); toast.error(t("pleaseLogin"));
return; return;
} }
if (!selectedFolderId) { if (!selectedFolderId) {
toast.error("请先创建文件夹"); toast.error(t("pleaseCreateFolder"));
return; return;
} }
@@ -88,11 +92,11 @@ export function SearchResult({
}, },
}) })
.then(() => { .then(() => {
const folderName = folders.find(f => f.id === selectedFolderId)?.name; const folderName = folders.find(f => f.id === selectedFolderId)?.name || "Unknown";
toast.success(`已保存到文件夹:${folderName}`); toast.success(t("savedToFolder", { folderName }));
}) })
.catch(() => { .catch(() => {
toast.error("保存失败,请稍后重试"); toast.error(t("saveFailed"));
}); });
}; };
@@ -123,7 +127,7 @@ export function SearchResult({
<button <button
onClick={handleSave} onClick={handleSave}
className="hover:bg-gray-200 hover:cursor-pointer rounded-4xl border border-gray-200 w-10 h-10 flex justify-center items-center shrink-0" className="hover:bg-gray-200 hover:cursor-pointer rounded-4xl border border-gray-200 w-10 h-10 flex justify-center items-center shrink-0"
title="保存到文件夹" title={t("saveToFolder")}
> >
<Plus /> <Plus />
</button> </button>
@@ -146,7 +150,7 @@ export function SearchResult({
className="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors" className="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors"
> >
<RefreshCw className="w-4 h-4" /> <RefreshCw className="w-4 h-4" />
{t("relookup")}
</button> </button>
</div> </div>
</div> </div>

View File

@@ -1,10 +1,8 @@
export const POPULAR_LANGUAGES = [ export const POPULAR_LANGUAGES = [
{ code: "english", name: "英语" }, { code: "english", name: "英语", nativeName: "English" },
{ code: "chinese", name: "中文" }, { code: "chinese", name: "中文", nativeName: "中文" },
{ code: "japanese", name: "日语" }, { code: "japanese", name: "日语", nativeName: "日本語" },
{ code: "korean", name: "韩语" }, { code: "korean", name: "韩语", nativeName: "한국어" },
{ code: "french", name: "法语" }, { code: "italian", name: "意大利语", nativeName: "Italiano" },
{ code: "german", name: "德语" }, { code: "uyghur", name: "维吾尔语", nativeName: "ئۇيغۇرچە" },
{ code: "italian", name: "意大利语" },
{ code: "spanish", name: "西班牙语" },
] as const; ] as const;