feat: repeat word playback, reduced playback speed; updated notification feature; one-click lookup when adding/editing words; phrase pronunciation support; example sentences support shortcut playback (Ctrl+1–9); automatically play example sentences after playing a word; words can be saved to other dictionaries.

Author: zyronon

apps/nuxt/app/layouts/default.vue

@@ -15,6 +15,7 @@ import { useInit } from '@typewords/core/composables/useInit.ts'
 import { useI18n } from 'vue-i18n'
 import { Supabase } from '@typewords/core/utils/supabase.ts'
 import MiniProgram from '@/components/MiniProgram.vue'
+import WordCollectPopover from '@typewords/core/components/word/WordCollectPopover.vue'
 
 const router = useRouter()
 const { toggleTheme, getTheme, setTheme } = useTheme()
@@ -188,6 +189,7 @@ onMounted(() => {
         </BaseIcon>
       </div>
     </div>
+    <WordCollectPopover />
   </div>
 </template>
 

apps/nuxt/app/pages/(words)/dict.vue

@@ -14,7 +14,7 @@ import {
 } from '@typewords/base'
 import { detail } from '@typewords/core/apis'
 import { copyOfficialDict } from '@typewords/core/apis/dict.ts'
-import { wordDelete } from '@typewords/core/apis/words.ts'
+import { wordDelete, queryWord } from '@typewords/core/apis/words.ts'
 import EditBook from '@typewords/core/components/article/EditBook.vue'
 import BaseTable from '@typewords/core/components/BaseTable.vue'
 import PracticeSettingDialog from '@typewords/core/components/word/PracticeSettingDialog.vue'
@@ -27,7 +27,7 @@ import { useRuntimeStore } from '@typewords/core/stores/runtime.ts'
 import { useSettingStore } from '@typewords/core/stores/setting.ts'
 import { Sort, WordPracticeMode } from '@typewords/core/types/enum.ts'
 import { getDefaultDict, getDefaultWord } from '@typewords/core/types/func.ts'
-import type { Dict } from '@typewords/core/types/types.ts'
+import type { Dict, Word } from '@typewords/core/types/types.ts'
 import {
   _getDictDataByUrl,
   _nextTick,
@@ -81,6 +81,82 @@ const wordRules = reactive({
   ],
 })
 let studyLoading = $ref(false)
+let officialWordSnapshot = $ref<Word | null>(null)
+let wordSearchLoading = $ref(false)
+
+function resetWordForm() {
+  wordForm = getDefaultFormWord()
+  officialWordSnapshot = null
+}
+
+function normalizeApiWord(apiData: Record<string, any>): Word {
+  const relWords = apiData.relWords ?? apiData.rel_words
+  return getDefaultWord({
+    ...apiData,
+    id: '',
+    relWords: relWords ?? { root: '', rels: [] },
+    synos: apiData.synos ?? [],
+    etymology: apiData.etymology ?? [],
+    trans: apiData.trans ?? [],
+    sentences: apiData.sentences ?? [],
+    phrases: apiData.phrases ?? [],
+    custom: false,
+  })
+}
+
+function wordContentKey(word: Word) {
+  return JSON.stringify({
+    word: word.word,
+    phonetic0: word.phonetic0 ?? '',
+    phonetic1: word.phonetic1 ?? '',
+    trans: word.trans ?? [],
+    sentences: word.sentences ?? [],
+    phrases: word.phrases ?? [],
+    synos: word.synos ?? [],
+    relWords: word.relWords ?? { root: '', rels: [] },
+    etymology: word.etymology ?? [],
+  })
+}
+
+function isSameWordContent(a: Word, b: Word) {
+  return wordContentKey(a) === wordContentKey(b)
+}
+
+function onWordFormWordChange(value: string) {
+  wordForm.word = value
+  if (officialWordSnapshot && value !== officialWordSnapshot.word) {
+    officialWordSnapshot = null
+  }
+}
+
+async function searchOfficialWord() {
+  const word = wordForm.word?.trim()
+  if (!word) {
+    Toast.warning('请输入单词')
+    return
+  }
+  if (!AppEnv.IS_OFFICIAL) {
+    // Toast.warning('查询失败')
+    // return
+  }
+  wordSearchLoading = true
+  try {
+    const res = await queryWord({ word })
+    if (!res.success || !res.data) {
+      officialWordSnapshot = null
+      Toast.warning('单词未收录')
+      return
+    }
+    const normalized = normalizeApiWord(res.data)
+    const note = wordForm.note
+    const formId = wordForm.id
+    wordForm = word2Str({ ...normalized, id: formId })
+    wordForm.note = note
+    officialWordSnapshot = convertToWord({ ...wordForm })
+  } finally {
+    wordSearchLoading = false
+  }
+}
 
 function syncDictInMyStudyList(study = false) {
   _nextTick(() => {
@@ -107,6 +183,7 @@ async function onSubmitWord() {
   await wordFormRef.validate(valid => {
     if (valid) {
       let data: any = convertToWord(wordForm)
+      data.custom = !officialWordSnapshot || !isSameWordContent(data, officialWordSnapshot)
       // 笔记集中存储，不保存在 Word 对象内
       const noteVal = wordForm.note?.trim()
       const wordKey = wordForm.word
@@ -134,7 +211,7 @@ async function onSubmitWord() {
           return
         } else allList.push(data)
         Toast.success('添加成功')
-        wordForm = getDefaultFormWord()
+        resetWordForm()
       }
       syncDictInMyStudyList()
     } else {
@@ -149,7 +226,7 @@ async function batchDel(ids: string[]) {
       let rIndex2 = allList.findIndex(v => v.id === id)
       if (rIndex2 > -1) {
         if (id === wordForm.id) {
-          wordForm = getDefaultFormWord()
+          resetWordForm()
         }
         allList.splice(rIndex2, 1)
       }
@@ -219,19 +296,20 @@ function word2Str(word) {
 function editWord(word) {
   isOperate = true
   wordForm = word2Str(word)
+  officialWordSnapshot = word.custom ? null : convertToWord({ ...wordForm, id: word.id })
   if (isMob) activeTab = 'edit'
 }
 
 function addWord() {
   // setTimeout(wordListRef?.scrollToBottom, 100)
   isOperate = true
-  wordForm = getDefaultFormWord()
+  resetWordForm()
   if (isMob) activeTab = 'edit'
 }
 
 function closeWordForm() {
   isOperate = false
-  wordForm = getDefaultFormWord()
+  resetWordForm()
   if (isMob) activeTab = 'list'
 }
 
@@ -621,6 +699,7 @@ defineRender(() => {
                     index={val.index}
                     showCollectIcon={false}
                     showMarkIcon={false}
+                    excludeDictId={runtimeStore.editDict.id}
                     item={val.item}
                   >
                     {{
@@ -667,7 +746,15 @@ defineRender(() => {
                   label-width="7rem"
                 >
                   <FormItem label="单词" prop="word">
-                    <BaseInput modelValue={wordForm.word} onUpdate:modelValue={e => (wordForm.word = e)}></BaseInput>
+                    <BaseInput
+                      modelValue={wordForm.word}
+                      onUpdate:modelValue={onWordFormWordChange}
+                      searchable
+                      searchLoading={wordSearchLoading}
+                      clearable
+                      onSearch={searchOfficialWord}
+                      onEnter={searchOfficialWord}
+                    />
                   </FormItem>
                   <FormItem label="英音音标">
                     <BaseInput modelValue={wordForm.phonetic0} onUpdate:modelValue={e => (wordForm.phonetic0 = e)} />

apps/nuxt/app/pages/(words)/practice-words/[id].vue

@@ -9,6 +9,7 @@ import { useStartKeyboardEventListener } from '@typewords/core/hooks/event.ts'
 import { useDisableEventListener } from '@typewords/utils'
 import useTheme from '@typewords/core/hooks/theme.ts'
 import { getCurrentStudyWord, useWordOptions } from '@typewords/core/hooks/dict.ts'
+import { openWordCollectPicker } from '@typewords/core/hooks/useWordCollectPicker.ts'
 import {
   _getDictDataByUrl,
   _nextTick,
@@ -54,7 +55,7 @@ import WordMarkPickList, { type WordMarkPickResult } from '@typewords/core/compo
 import { buildQuestion } from '@typewords/core/utils/word-test.ts'
 import CollectNotice from '@typewords/core/components/dialog/CollectNotice.vue'
 
-const { toggleWordCollect, isWordSimple, toggleWordSimple } = useWordOptions()
+const { isWordSimple, toggleWordSimple } = useWordOptions()
 const settingStore = useSettingStore()
 const runtimeStore = useRuntimeStore()
 const { toggleTheme } = useTheme()
@@ -810,7 +811,12 @@ function show(e: KeyboardEvent) {
 }
 
 function collect(e: KeyboardEvent) {
-  toggleWordCollect(word)
+  const anchor = typingRef?.getCollectAnchor?.() as HTMLElement | null | undefined
+  openWordCollectPicker(
+    word,
+    anchor ?? { x: window.innerWidth / 2, y: window.innerHeight / 3 },
+    { excludeDictId: store.sdict.id ? String(store.sdict.id) : undefined }
+  )
 }
 
 function play() {
@@ -1084,6 +1090,7 @@ useEvents([
             :list="data.words"
             :activeIndex="data.index"
             :excludeWords="data.excludeWords"
+            :exclude-dict-id="store.sdict.id ? String(store.sdict.id) : undefined"
             @click="(val: any) => (data.index = val.index)"
           >
           </WordList>

apps/nuxt/app/pages/setting.vue

@@ -196,6 +196,15 @@ function getShortcutKeyName(key: string): string {
     ChooseB: t('shortcut_choose_b'),
     ChooseC: t('shortcut_choose_c'),
     ChooseD: t('shortcut_choose_d'),
+    PlaySentence1: t('shortcut_play_sentence_1'),
+    PlaySentence2: t('shortcut_play_sentence_2'),
+    PlaySentence3: t('shortcut_play_sentence_3'),
+    PlaySentence4: t('shortcut_play_sentence_4'),
+    PlaySentence5: t('shortcut_play_sentence_5'),
+    PlaySentence6: t('shortcut_play_sentence_6'),
+    PlaySentence7: t('shortcut_play_sentence_7'),
+    PlaySentence8: t('shortcut_play_sentence_8'),
+    PlaySentence9: t('shortcut_play_sentence_9'),
   }
 
   return shortcutKeyNameMap[key] || key
@@ -590,11 +599,8 @@ function removeSbConfig() {
               <IconFluentDatabasePerson20Regular />
               <span>{{ $t('data_management') }}</span>
             </div>
-            <div
-              class="tab"
-              :class="tabIndex === 6 && 'active'"
-              @click="tabIndex = 6"
-            >
+
+            <div class="tab" :class="tabIndex === 6 && 'active'" @click="tabIndex = 6">
               <IconFluentCloudSync20Regular />
               <span>{{ $t('data_sync') }}</span>
               <div class="red-point" v-if="runtimeStore.isError"></div>
@@ -603,17 +609,7 @@ function removeSbConfig() {
               <IconFluentKeyboardLayoutFloat20Regular />
               <span>{{ $t('shortcut_settings') }}</span>
             </div>
-            <div
-              class="tab"
-              :class="tabIndex === 8 && 'active'"
-              @click="
-                () => {
-                  tabIndex = 8
-                  // runtimeStore.isNew = false
-                  // settingStore.webAppVersion = APP_VERSION.version
-                }
-              "
-            >
+            <div class="tab" :class="tabIndex === 8 && 'active'" @click="tabIndex = 8">
               <IconFluentTextBulletListSquare20Regular />
               <span>{{ $t('update_log') }}</span>
               <!--              <div class="red-point" v-if="runtimeStore.isNew"></div>-->

apps/nuxt/i18n/i18n.xlsx

@@ -90,6 +90,14 @@
 	"data_management": "数据管理",
 	"shortcut_settings": "快捷键设置",
 	"update_log": "更新日志",
+	"release_banner_cta": "查看详情",
+	"release_page_title": "功能更新",
+	"release_page_desc": "按版本汇总的重要功能与改进",
+	"release_feature_new": "新功能",
+	"release_feature_improve": "优化",
+	"release_feature_fix": "修复",
+	"release_latest": "当前版本",
+	"release_view_full_log": "查看完整更新日志",
 	"function": "功能",
 	"shortcut_key": "快捷键(点击可修改)",
 	"no_shortcut_set": "未设置快捷键",
@@ -192,6 +200,11 @@
 	"apply": "应用",
 	"add": "添加",
 	"collect": "收藏",
+	"collect_to_dict": "收藏到词典",
+	"already_in_dict": "该单词已在此词典中",
+	"add_custom_dict": "新增词典",
+	"please_enter_dict_name": "请输入词典名称",
+	"add_failed": "添加失败",
 	"uncollect": "取消收藏",
 	"mark_mastered": "标记为已掌握",
 	"unmark_mastered": "取消标记已掌握",
@@ -508,6 +521,17 @@
 	"qa13_q4": "也可以去 github/issues 提交",
 	"random_words_test": "随机单词测试",
 	"practice_sentence": "练习例句",
+	"auto_play_first_sentence": "自动播放首条例句",
+	"auto_play_first_sentence_desc": "单词发音结束后自动朗读第一条英文例句（切词、重复、揭示答案等场景），可在「音效设置 → 例句发音」中开启",
+	"shortcut_play_sentence_1": "播放例句 1",
+	"shortcut_play_sentence_2": "播放例句 2",
+	"shortcut_play_sentence_3": "播放例句 3",
+	"shortcut_play_sentence_4": "播放例句 4",
+	"shortcut_play_sentence_5": "播放例句 5",
+	"shortcut_play_sentence_6": "播放例句 6",
+	"shortcut_play_sentence_7": "播放例句 7",
+	"shortcut_play_sentence_8": "播放例句 8",
+	"shortcut_play_sentence_9": "播放例句 9",
 	"fsrs_desc": "基于“艾宾浩斯遗忘曲线”设计，系统会根据你的记忆情况，自动安排最合适的复习时间。 \n不再机械重复，让你用更少时间记住更多单词。 \n记得越牢，复习间隔越长；容易忘的内容，会更频繁出现。",
 	"fsrs_settings": "遗忘曲线设置",
 	"fsrs_limit_desc": "在学习过程中对每个单词错误次数进行评级，共有四个评级，Again,Hard,Good,Easy，遗忘曲线算法会使用评级来计算这个单词下一次需要复习的时间。",
@@ -628,6 +652,12 @@
 	"supabase_url_required": "请输入 Supabase  Url",
 	"supabase_key_required": "请输入  Supabase  Key",
 	"word_pronunciation": "单词发音",
+	"master_volume": "总音量",
+	"master_speed": "总倍速",
+	"expand_detail_settings": "展开详细设置",
+	"sentence_pronunciation": "例句发音",
+	"sentence_volume": "例句音量",
+	"sentence_speed": "例句倍速",
 	"tts_voice": "TTS 声色",
 	"tts_voice_preview_sentence": "试听句子：",
 	"tts_voice_setting_title": "TTS 声色",