补全翻译
This commit is contained in:
@@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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": "保存に失敗しました。後でもう一度お試しください"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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": "저장 실패, 나중에 다시 시도하세요"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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": "ساقلاش مەغلۇب بولدى، كېيىنرەك قايتا سىناڭ"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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": "保存失败,请稍后重试"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 && (
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user