AMAZEHOME/TypeWords
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
zyronon
2023-11-19 01:25:51 +08:00
parent 0ea816dc73
commit 642e1e3dee
16 changed files with 254 additions and 786 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/ChapterDetail.vue
View File

@@ -1,40 +0,0 @@
<script setup lang="ts">
import {Icon} from "@iconify/vue";
import {computed, inject} from "vue"
import WordList from "@/components/list/WordList.vue"
import {useBaseStore} from "@/stores/base.ts"
const store = useBaseStore()
const back: () => void = inject('back')
const stepIndex: any = inject('stepIndex')
const tabIndex: any = inject('tabIndex')
const isActive = computed(() => {
return stepIndex.value === 2 && tabIndex.value === 0 && store.sideIsOpen
})
</script>
<template>
<div class="chapter-detail page">
<header>
<Icon icon="octicon:arrow-right-24" @click="back" width="20" color="#929596"/>
<div class="dict-name">16.</div>
</header>
<WordList :isActive="isActive" :list="store.chapter" :activeIndex="store.wordIndex"></WordList>
</div>
</template>
<style scoped lang="scss">
.chapter-wrapper {
header {
display: flex;
align-items: center;
gap: 10rem;
margin-bottom: 10rem;
.dict-name {
font-size: 26rem;
}
}
}
</style>

92
src/components/Modal/DictDialog/index.vue
View File

@@ -36,12 +36,13 @@ let wordList = $ref([])
let step = $ref(1)
let loading = $ref(false)
let show = $ref(false)
watch(() => runtimeStore.showDictModal, (n: boolean) => {
runtimeStore.editDict = cloneDeep(store.currentDict)
})
function close() {
show = false
}
async function selectDict(val: { dict: DictResource, index: number }) {
async function selectDict(val: { dict: DictResource | Dict, index: number }) {
let item = val.dict
console.log('item', item)
step = 1
@@ -49,7 +50,7 @@ async function selectDict(val: { dict: DictResource, index: number }) {
detailListTabIndex = 0
wordFormMode = FormMode.None
loading = true
let find: Dict = store.myDictList.find((v: Dict) => v.name === item.name)
let find: Dict = store.myDictList.find((v: Dict) => v.id === item.id)
if (find) {
runtimeStore.editDict = cloneDeep(find)
} else {
@@ -90,8 +91,6 @@ async function selectDict(val: { dict: DictResource, index: number }) {
}))
}
}
}
loading = false
}
@@ -101,9 +100,6 @@ function changeDict() {
close()
}
function close() {
runtimeStore.showDictModal = false
}
function groupByDictTags(dictList: DictResource[]) {
return dictList.reduce<Record<string, DictResource[]>>((result, dict) => {
@@ -218,26 +214,6 @@ const dictRules = reactive<FormRules>({
watch(() => dictForm.language, () => isAddDict && (dictForm.category = ''))
watch(() => dictForm.category, () => isAddDict && (dictForm.tags = []))
onMounted(() => {
dictionaryResources.map(v => {
if (categoryList[v.language]) {
if (!categoryList[v.language].find(w => w === v.category)) {
categoryList[v.language].push(v.category)
}
} else {
categoryList[v.language] = [v.category]
}
if (tagList[v.category]) {
tagList[v.category] = Array.from(new Set(tagList[v.category].concat(v.tags)))
} else {
tagList[v.category] = v.tags
}
})
// console.log('categoryList', categoryList)
// console.log('tagList', tagList)
})
function editDict() {
// dictForm.id = store.editDict.id
// dictForm.name = store.editDict.name
@@ -292,6 +268,10 @@ async function onSubmit() {
})
}
/**/
/*词典相关*/
/**/
/**/
/* 单词修改相关*/
@@ -440,6 +420,10 @@ function addWord() {
wordForm = cloneDeep(DefaultFormWord)
}
/**/
/* 单词修改相关*/
/**/
watch(() => step, v => {
if (v === 0) {
closeWordForm()
@@ -447,12 +431,58 @@ watch(() => step, v => {
}
})
onMounted(() => {
dictionaryResources.map(v => {
if (categoryList[v.language]) {
if (!categoryList[v.language].find(w => w === v.category)) {
categoryList[v.language].push(v.category)
}
} else {
categoryList[v.language] = [v.category]
}
if (tagList[v.category]) {
tagList[v.category] = Array.from(new Set(tagList[v.category].concat(v.tags)))
} else {
tagList[v.category] = v.tags
}
})
emitter.on(EventKey.openDictModal, (type: 'detail' | 'list' | 'my' | 'collect' | 'simple') => {
if (type === "detail") {
selectDict({dict: store.currentDict, index: 0})
}
if (type === "list") {
currentLanguage = 'en'
step = 0
}
if (type === "my") {
currentLanguage = 'my'
step = 0
}
if (type === "collect") {
selectDict({dict: store.collect, index: 0})
wordFormMode = FormMode.Add
addWord()
}
if (type === "simple") {
selectDict({dict: store.simple, index: 0})
addWord()
}
show = true
})
// console.log('categoryList', categoryList)
// console.log('tagList', tagList)
})
</script>
<template>
<Modal
:header="false"
v-model="runtimeStore.showDictModal"
v-model="show"
:show-close="false">
<div id="DictDialog">
<Slide :slide-count="2" :step="step">

550
src/components/Modal/DictModal2.vue
View File

@@ -1,550 +0,0 @@
<script setup lang="ts">
import {dictionaryResources} from '@/assets/dictionary.ts'
import {useBaseStore} from "@/stores/base.ts"
import {watch} from "vue"
import {DefaultDict, Dict, DictResource, DictType, languageCategoryOptions, Sort} from "@/types.ts"
import {chunk, cloneDeep, groupBy, reverse, shuffle} from "lodash-es";
import {$computed, $ref} from "vue/macros";
import Modal from "@/components/Modal/Modal.vue";
import BaseButton from "@/components/BaseButton.vue";
import {Icon} from '@iconify/vue';
import DictGroup from "@/components/Toolbar/DictGroup.vue";
import {v4 as uuidv4} from "uuid";
import {ActivityCalendar} from "vue-activity-calendar";
import "vue-activity-calendar/style.css";
import ChapterList from "@/components/list/ChapterList.vue";
import WordListModal from "@/components/Modal/WordListModal.vue";
import {isArticle} from "@/hooks/article.ts";
import {useRuntimeStore} from "@/stores/runtime.ts";
import {useSettingStore} from "@/stores/setting.ts";
import {emitter, EventKey} from "@/utils/eventBus.ts";
const baseStore = useBaseStore()
const settingStore = useSettingStore()
const runtimeStore = useRuntimeStore()
let currentLanguage = $ref('en')
let currentTranslateLanguage = $ref('common')
let groupByLanguage = groupBy(dictionaryResources, 'language')
let translateLanguageList = $ref([])
let step = $ref(1)
let loading = $ref(false)
watch(() => runtimeStore.showDictModal, (n: boolean) => {
runtimeStore.editDict = cloneDeep(baseStore.currentDict)
})
async function selectDict(item: DictResource) {
console.log('item', item)
step = 1
loading = true
let find: Dict = baseStore.myDictList.find((v: Dict) => v.name === item.name)
if (find) {
runtimeStore.editDict = cloneDeep(find)
if (find.type === DictType.article) {
if (!find.articles.length) {
let r = await fetch(`./dicts/${find.language}/${find.type}/${find.translateLanguage}/${find.url}`)
let v = await r.json()
runtimeStore.editDict.articles = v.map(s => {
s.id = uuidv4()
return s
})
}
}
loading = false
} else {
let data: Dict = {
...cloneDeep(DefaultDict),
...item,
}
runtimeStore.editDict = cloneDeep(data)
let r = await fetch(`./dicts/${data.language}/${data.type}/${data.translateLanguage}/${item.url}`)
r.json().then(v => {
console.log('v', v)
if (data.type === DictType.article) {
runtimeStore.editDict.articles = cloneDeep(v.map(s => {
s.id = uuidv4()
return s
}))
} else {
runtimeStore.editDict.originWords = v
runtimeStore.editDict.words = v
runtimeStore.editDict.chapterWords = chunk(v, runtimeStore.editDict.chapterWordNumber)
console.log(' runtimeStore.editDict', runtimeStore.editDict)
}
loading = false
})
}
}
function changeDict() {
baseStore.changeDict(runtimeStore.editDict)
close()
}
function close() {
runtimeStore.showDictModal = false
}
function groupByDictTags(dictList: DictResource[]) {
return dictList.reduce<Record<string, DictResource[]>>((result, dict) => {
dict.tags.forEach((tag) => {
if (Object.prototype.hasOwnProperty.call(result, tag)) {
result[tag].push(dict)
} else {
result[tag] = [dict]
}
})
return result
}, {})
}
const groupByTranslateLanguage = $computed(() => {
let data: any
if (currentLanguage === 'article') {
let articleList = dictionaryResources.filter(v => v.type === 'article')
data = groupBy(articleList, 'translateLanguage')
} else {
data = groupBy(groupByLanguage[currentLanguage], 'translateLanguage')
}
translateLanguageList = Object.keys(data)
currentTranslateLanguage = translateLanguageList[0]
return data
})
const groupedByCategoryAndTag = $computed(() => {
const currentTranslateLanguageDictList = groupByTranslateLanguage[currentTranslateLanguage]
const groupByCategory = groupBy(currentTranslateLanguageDictList, 'category')
let data = []
for (const [key, value] of Object.entries(groupByCategory)) {
data.push([key, groupByDictTags(value)])
}
// console.log('data', data)
return data
})
function clickEvent(e) {
console.log('e', e)
}
const dictIsArticle = $computed(() => {
return isArticle(runtimeStore.editDict.type)
})
function showAllWordModal() {
emitter.emit(EventKey.openWordListModal, {
title: runtimeStore.editDict.name,
translateLanguage: runtimeStore.editDict.translateLanguage,
list: runtimeStore.editDict.words
})
}
function resetChapterList() {
runtimeStore.editDict.chapterWords = chunk(runtimeStore.editDict.words, runtimeStore.editDict.chapterWordNumber)
}
function changeSort(v) {
if (v === Sort.normal) {
runtimeStore.editDict.words = cloneDeep(runtimeStore.editDict.originWords)
} else if (v === Sort.random) {
runtimeStore.editDict.words = shuffle(cloneDeep(runtimeStore.editDict.originWords))
} else {
runtimeStore.editDict.words = reverse(cloneDeep(runtimeStore.editDict.originWords))
}
resetChapterList()
}
</script>
<template>
<Modal
:header="false"
v-model="runtimeStore.showDictModal"
:show-close="false">
<div class="slide">
<div class="slide-list" :class="`step${step}`">
<div class="dict-page">
<header>
<div class="tabs">
<div class="tab"
:class="currentLanguage === item.id && 'active'"
@click="currentLanguage = item.id"
v-for="item in languageCategoryOptions">
<img :src='item.flag'/>
<span>{{ item.name }}</span>
</div>
</div>
<Icon @click="close"
class="hvr-grow pointer"
width="20" color="#929596"
icon="ion:close-outline"/>
</header>
<div class="page-content">
<div class="dict-list-wrapper">
<div class="translate">
<span>翻译：</span>
<el-radio-group v-model="currentTranslateLanguage">
<el-radio-button border v-for="i in translateLanguageList" :label="i">{{ i }}</el-radio-button>
</el-radio-group>
</div>
<DictGroup
v-for="item in groupedByCategoryAndTag"
:select-dict-name="runtimeStore.editDict.resourceId"
@selectDict="selectDict"
@detail="step = 1"
:groupByTag="item[1]"
:category="item[0]"
/>
</div>
</div>
</div>
<div class="dict-detail-page">
<header>
<div class="left" @click.stop="step = 0">
<Icon icon="octicon:arrow-left-24" class="go" width="20"/>
<div class="title">
词典详情
</div>
</div>
<Icon @click="close"
class="hvr-grow pointer"
width="20" color="#929596"
icon="ion:close-outline"/>
</header>
<div class="page-content">
<div class="detail">
<div class="name">{{ runtimeStore.editDict.name }}</div>
<div class="desc">{{ runtimeStore.editDict.description }}</div>
<div class="num"
v-if="dictIsArticle"
>总文章：{{ runtimeStore.editDict.articles.length }}篇
</div>
<div class="num" v-else>
总词汇：<span class="count"
@click="showAllWordModal"
>{{ runtimeStore.editDict.originWords.length }}词</span>
</div>
<div class="num">开始日期：-</div>
<div class="num">花费时间：-</div>
<div class="num">累积错误：-</div>
<div class="num">进度：
<el-progress :percentage="0"
:stroke-width="8"
:show-text="false"/>
</div>
</div>
<div class="setting">
<div class="common-title">学习设置</div>
<div class="row" v-if="!isArticle(runtimeStore.editDict.type)">
<div class="label">每章单词数</div>
<el-slider :min="10"
:step="10"
:max="100"
v-model="runtimeStore.editDict.chapterWordNumber"
@change="resetChapterList"
/>
<div class="option">
<span>{{ runtimeStore.editDict.chapterWordNumber }}</span>
</div>
</div>
<div class="row">
<div class="label">单词顺序</div>
<div class="option">
<el-radio-group v-model="runtimeStore.editDict.sort"
@change="changeSort"
>
<el-radio :label="Sort.normal" size="large">默认</el-radio>
<el-radio :label="Sort.random" size="large">随机</el-radio>
<el-radio :label="Sort.reverse" size="large">反转</el-radio>
</el-radio-group>
</div>
</div>
<div class="row">
<div class="label">学习模式</div>
<div class="option">
<el-radio-group v-model="settingStore.dictation">
<el-radio :label="false" size="large">再认</el-radio>
<el-radio :label="true" size="large">拼写</el-radio>
</el-radio-group>
</div>
</div>
<div class="row">
<div class="label">单词发音</div>
<div class="option">
<el-radio-group v-model="settingStore.wordSoundType">
<el-radio label="us" size="large">美音</el-radio>
<el-radio label="uk" size="large">英音</el-radio>
</el-radio-group>
</div>
</div>
<div class="row">
<div class="label">单词自动发音</div>
<div class="option">
<el-switch v-model="settingStore.wordSound"
inline-prompt
active-text="开"
inactive-text="关"
/>
</div>
</div>
<div class="row">
<div class="label">是否显示翻译</div>
<div class="option">
<el-switch v-model="settingStore.translate"
inline-prompt
active-text="开"
inactive-text="关"
/>
</div>
</div>
<div class="row">
<div class="label">忽略大小写</div>
<div class="option">
<el-switch v-model="settingStore.ignoreCase"
inline-prompt
active-text="开"
inactive-text="关"
/>
</div>
</div>
</div>
<div class="other" v-loading="loading">
<div class="common-title">
<template v-if="dictIsArticle">
文章列表：共{{ runtimeStore.editDict.articles.length }}章
</template>
<template v-else>
章节列表：共{{
runtimeStore.editDict.chapterWords.length
}}章(每章{{ runtimeStore.editDict.chapterWordNumber }}词)
</template>
</div>
<ChapterList
:is-article="dictIsArticle"
v-model:active-index="runtimeStore.editDict.chapterIndex"
:dict="runtimeStore.editDict"/>
</div>
</div>
<div v-if="false" class="activity">
<ActivityCalendar
:data="[{ date: '2023-05-22', count: 5 }]"
:width="40"
:height="7"
:cellLength="16"
:cellInterval="8"
:fontSize="12"
:showLevelFlag="false"
:showWeekDayFlag="false"
:clickEvent="clickEvent"
/>
</div>
<div class="footer">
<!-- <BaseButton @click="step = 0">导出</BaseButton>-->
<BaseButton @click="close">关闭</BaseButton>
<BaseButton @click="changeDict">切换</BaseButton>
</div>
</div>
</div>
</div>
</Modal>
<WordListModal/>
</template>
<style scoped lang="scss">
@import "@/assets/css/variable.scss";
$modal-mask-bg: rgba(#000, .15);
$radius: 16rem;
$time: 0.3s;
$header-height: 60rem;
.slide {
width: 1000rem;
height: 75vh;
.slide-list {
width: 200%;
height: 100%;
display: flex;
transition: all .5s;
}
.step1 {
transform: translate3d(-50%, 0, 0);
}
}
.dict-page {
width: 50%;
height: 100%;
$header-height: 60rem;
padding: var(--space);
padding-top: 0;
box-sizing: border-box;
header {
display: flex;
justify-content: space-between;
align-items: center;
height: $header-height;
.tabs {
display: flex;
gap: 20rem;
.tab {
color: var(--color-font-1);
cursor: pointer;
padding: 10rem;
padding-bottom: 5rem;
transition: all .5s;
border-bottom: 2px solid transparent;
display: flex;
align-items: center;
gap: 6rem;
&.active {
border-bottom: 2px solid $main;
}
img {
height: 30rem;
}
}
}
}
.page-content {
display: flex;
height: calc(100% - $header-height);
.dict-list-wrapper {
flex: 1;
overflow: auto;
height: 100%;
padding-right: var(--space);
.translate {
display: flex;
align-items: center;
color: var(--color-font-1);
margin-bottom: 30rem;
& > span {
font-size: 22rem;
}
}
}
}
}
.dict-detail-page {
width: 50%;
height: 100%;
$header-height: 60rem;
padding: var(--space);
padding-top: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
header {
cursor: pointer;
width: 100%;
display: flex;
height: $header-height;
align-items: center;
justify-content: space-between;
color: var(--color-font-3);
.left {
display: flex;
gap: 10rem;
align-items: center;
}
}
.page-content {
flex: 1;
overflow: hidden;
display: flex;
position: relative;
gap: var(--space);
.detail {
overflow: auto;
flex: 3;
display: flex;
flex-direction: column;
gap: 10rem;
min-height: 100rem;
position: relative;
border-radius: 10rem;
background: var(--color-second-bg);
color: var(--color-font-1);
font-size: 14rem;
.name {
font-size: 28rem;
margin-bottom: 10rem;
}
.desc {
font-size: 18rem;
margin-bottom: 30rem;
}
.count {
cursor: pointer;
border-bottom: 2px solid var(--color-item-active);
}
}
.setting {
overflow: auto;
flex: 5;
background: white;
border-radius: 10rem;
background: var(--color-second-bg);
color: var(--color-font-1);
.row {
display: flex;
align-items: center;
justify-content: space-between;
height: 40rem;
word-break: keep-all;
gap: 10rem;
.el-radio {
margin-right: 10rem;
}
}
}
.other {
flex: 5;
border-radius: 10rem;
background: var(--color-second-bg);
color: var(--color-font-1);
display: flex;
flex-direction: column;
}
}
.activity {
display: flex;
justify-content: center;
}
.footer {
box-sizing: content-box;
display: flex;
align-items: flex-end;
justify-content: flex-end;
gap: var(--space);
}
}
</style>

7
src/components/Practice/Footer.vue
View File

@@ -133,6 +133,13 @@ onUnmounted(() => {
box-sizing: border-box;
position: absolute;
bottom: 0;
}
:deep(.el-progress-bar__inner) {
background: var(--color-scrollbar);
}
}
</style>

33
src/components/Practice/Panel.vue
View File

@@ -3,7 +3,7 @@ import {useBaseStore} from "@/stores/base.ts"
import WordList from "@/components/list/WordList.vue"
import {$ref} from "vue/macros"
import {computed, provide, watch} from "vue"
import {computed, onMounted, provide, watch} from "vue"
import {Dict, DictType, ShortcutKey} from "@/types.ts"
import PopConfirm from "@/components/PopConfirm.vue"
import BaseButton from "@/components/BaseButton.vue";
@@ -34,10 +34,13 @@ let practiceType = $ref(DictType.word)
function changeIndex(i: number, dict: Dict) {
store.changeDict(dict, dict.chapterIndex, i, practiceType)
setTimeout(() => {
}
onMounted(() => {
emitter.on(EventKey.changeDict, () => {
tabIndex = 0
})
}
})
const {
delWrongWord,
@@ -79,17 +82,17 @@ const {
<el-radio-button border :label="DictType.word">单词</el-radio-button>
<el-radio-button border :label="DictType.article">文章</el-radio-button>
</el-radio-group>
<Tooltip title="添加">
<IconWrapper>
<Icon icon="fluent:add-12-regular" @click="emitter.emit(EventKey.editDict,store.collect)"/>
</IconWrapper>
</Tooltip>
<div class="dict-name" v-if="practiceType === DictType.word && store.collect.words.length">
{{ store.collect.words.length }}个单词
</div>
<div class="dict-name" v-if="practiceType === DictType.article && store.collect.articles.length">
{{ store.collect.articles.length }}篇文章
</div>
<Tooltip title="添加">
<IconWrapper>
<Icon icon="fluent:add-12-regular" @click="emitter.emit(EventKey.openDictModal,'collect')"/>
</IconWrapper>
</Tooltip>
</div>
<template v-if="store.currentDict.type !== DictType.collect &&
(
@@ -130,9 +133,16 @@ const {
</div>
</div>
<div class="slide-item">
<div class="panel-page-item" v-if="store.simple.words.length">
<div class="panel-page-item">
<div class="list-header">
<div class="dict-name">总词数：{{ store.simple.words.length }}</div>
<div class="left">
<div class="dict-name">总词数：{{ store.simple.words.length }}</div>
<Tooltip title="添加">
<IconWrapper>
<Icon icon="fluent:add-12-regular" @click="emitter.emit(EventKey.openDictModal,'simple')"/>
</IconWrapper>
</Tooltip>
</div>
<template v-if="store.currentDict.type !== DictType.simple && store.simple.words.length">
<PopConfirm
:title="`确认切换？`"
@@ -143,6 +153,7 @@ const {
</template>
</div>
<CommonWordList
v-if="store.simple.words.length"
class="word-list"
:list="store.simple.words">
<template v-slot="{word,index}">
@@ -153,8 +164,8 @@ const {
icon="solar:trash-bin-minimalistic-linear"/>
</template>
</CommonWordList>
<Empty v-else/>
</div>
<Empty v-else/>
</div>
<div class="slide-item">
<div class="panel-page-item" v-if="store.wrong.words.length">

4
src/components/Practice/Practice.vue
View File

@@ -99,7 +99,7 @@ function openSetting() {
}
function openDictDetail() {
runtimeStore.showDictModal = true
emitter.emit(EventKey.openDictModal, 'detail')
}
function toggleConciseMode() {
@@ -164,7 +164,7 @@ onUnmounted(() => {
<PracticeWord ref="practiceRef" v-else/>
<Footer/>
</div>
<!-- <AddWordDialog></AddWordDialog>-->
<!-- <AddWordDialog></AddWordDialog>-->
<DictModal/>
<SettingModal v-if="runtimeStore.showSettingModal" @close="runtimeStore.showSettingModal = false"/>
<Statistics/>

2
src/components/Practice/PracticeArticle/PracticeArticle.vue
View File

@@ -247,7 +247,7 @@ function changePracticeArticle(val: Article) {
<div class="left">
<Tooltip title="切换词典">
<IconWrapper>
<Icon @click="runtimeStore.showDictModal = true" icon="basil:exchange-outline"/>
<Icon @click="emitter.emit(EventKey.openDictModal,'list')" icon="basil:exchange-outline"/>
</IconWrapper>
</Tooltip>
<div class="title">

6
src/components/Practice/PracticeWord/TypingWord.vue
View File

@@ -280,7 +280,7 @@ onUnmounted(() => {
<div class="left">
<Tooltip title="切换词典">
<IconWrapper>
<Icon @click="runtimeStore.showDictModal = true" icon="basil:exchange-outline"/>
<Icon @click="emitter.emit(EventKey.openDictModal,'list')" icon="basil:exchange-outline"/>
</IconWrapper>
</Tooltip>
<div class="title">
@@ -320,13 +320,13 @@ onUnmounted(() => {
<BaseIcon
v-if="!isWordSimple(word)"
class-name="easy"
@click="toggleWordCollect(word)"
@click="toggleWordSimple(word)"
title="标记为简单词"
icon="material-symbols:check-circle-outline-rounded"/>
<BaseIcon
v-else
class-name="fill"
@click="toggleWordCollect(word)"
@click="toggleWordSimple(word)"
title="取消标记简单词"
icon="material-symbols:check-circle-rounded"/>
</template>

14
src/components/Toolbar/Toolbar.vue
View File

@@ -17,6 +17,7 @@ import {useRuntimeStore} from "@/stores/runtime.ts";
import {$ref} from "vue/macros";
import {ShortcutKey} from "@/types.ts";
import ChapterName from "@/components/Toolbar/ChapterName.vue";
import {emitter, EventKey} from "@/utils/eventBus.ts";
const {toggleTheme} = useTheme()
const store = useBaseStore()
@@ -64,7 +65,7 @@ watch(() => store.load, n => {
<div class="dict-name">
<Tooltip
:title="`词典详情(快捷键：${settingStore.shortcutKeyMap[ShortcutKey.OpenDictDetail]})`">
<div class="info hvr-grow" @click="runtimeStore.showDictModal = true">
<div class="info hvr-grow" @click="emitter.emit(EventKey.openDictModal,'detail')">
{{ store.currentDict.name }} {{ practiceStore.repeatNumber ? ' 复习错词' : '' }}
</div>
</Tooltip>
@@ -102,7 +103,16 @@ watch(() => store.load, n => {
<RepeatSetting/>
<!-- <Add/>-->
<!-- <Add/>-->
<Tooltip title="添加">
<IconWrapper>
<Icon icon="ic:outline-cloud-upload"
@click="emitter.emit(EventKey.openDictModal,'my')"
/>
</IconWrapper>
</Tooltip>
<Tooltip title="反馈">
<IconWrapper>

2
src/components/list/DictItem.vue
View File

@@ -23,7 +23,7 @@ const emit = defineEmits<{
<template v-if="dict.name">
<div class="name">{{ dict.name }}</div>
<div class="desc">{{ dict.description }}</div>
<div class="num">{{ dict.length }}词</div>
<div class="num">{{ dict.length ?? dict.originWords.length }}词</div>
</template>
<div v-else class="add" @click.stop="emit('add')">
<Icon icon="fluent:add-20-filled" width="38" color="#929596"/>