From a0f30a4b30260a30014d5daed6c9c338da739e87 Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Mon, 21 Jul 2025 01:55:03 +0800
Subject: [PATCH] feat:remove unuse components

---
 .../pc/dict/components/ArticleDictDetail.vue  | 531 ---------------
 .../pc/dict/components/ChapterWordList.vue    | 221 -------
 src/pages/pc/dict/components/EditDict.vue     | 191 ------
 .../pc/dict/components/WordDictDetail.vue     | 622 ------------------
 4 files changed, 1565 deletions(-)
 delete mode 100644 src/pages/pc/dict/components/ArticleDictDetail.vue
 delete mode 100644 src/pages/pc/dict/components/ChapterWordList.vue
 delete mode 100644 src/pages/pc/dict/components/EditDict.vue
 delete mode 100644 src/pages/pc/dict/components/WordDictDetail.vue

diff --git a/src/pages/pc/dict/components/ArticleDictDetail.vue b/src/pages/pc/dict/components/ArticleDictDetail.vue
deleted file mode 100644
index d916397a..00000000
--- a/src/pages/pc/dict/components/ArticleDictDetail.vue
+++ /dev/null
@@ -1,531 +0,0 @@
-<script setup lang="ts">
-
-import BaseIcon from "@/components/BaseIcon.vue";
-import BaseButton from "@/components/BaseButton.vue";
-import Empty from "@/components/Empty.vue";
-import {useRuntimeStore} from "@/stores/runtime.ts";
-import {cloneDeep} from "lodash-es";
-import {Article, Dict, DictResource, DictType, getDefaultArticle, getDefaultDict, Sort} from "@/types.ts";
-import {emitter, EventKey} from "@/utils/eventBus.ts";
-import EditBatchArticleModal from "@/pages/pc/article/components/EditBatchArticleModal.vue";
-import {Icon} from "@iconify/vue";
-import EditDict from "@/pages/pc/dict/components/EditDict.vue";
-import {nanoid} from "nanoid";
-import {useBaseStore} from "@/stores/base.ts";
-import {useSettingStore} from "@/stores/setting.ts";
-import MiniDialog from "@/pages/pc/components/dialog/MiniDialog.vue";
-import * as XLSX from "xlsx";
-import {MessageBox} from "@/utils/MessageBox.tsx";
-import {syncMyDictList} from "@/hooks/dict.ts";
-import {useWindowClick} from "@/hooks/event.ts";
-import ArticleList from "@/pages/pc/components/list/ArticleList.vue";
-import {getTranslateText} from "@/hooks/article.ts";
-import {_copy} from "@/utils";
-
-const emit = defineEmits<{
-  back: []
-}>()
-
-const store = useBaseStore()
-const settingStore = useSettingStore()
-const runtimeStore = useRuntimeStore()
-let chapterIndex = $ref(-1)
-let article: Article = $ref(getDefaultArticle())
-let isEditDict = $ref(false)
-let showExport = $ref(false)
-let loading = $ref(false)
-let listRef = $ref()
-useWindowClick(() => showExport = false)
-
-const isPinDict = $computed(() => {
-  return [DictType.collect, DictType.wrong, DictType.simple].includes(runtimeStore.editDict.type)
-})
-
-const activeId = $computed(() => {
-  return runtimeStore.editDict.articles?.[chapterIndex]?.id ?? ''
-})
-
-async function getDictDetail(val: {
-  dict: DictResource | Dict,
-  index: number
-}) {
-  let item = val.dict
-  // console.log('word-getDictDetail', item)
-  chapterIndex = -1
-  loading = true
-  let find: Dict = store.myDictList.find((v: Dict) => v.id === item.id)
-  if (find) {
-    runtimeStore.editDict = cloneDeep(find)
-  } else {
-    runtimeStore.editDict = cloneDeep({
-      ...getDefaultDict(),
-      ...item,
-    })
-    runtimeStore.editDict.id = nanoid(6)
-  }
-
-  //如果不是自定义词典，并且有url地址才去下载
-  if (!runtimeStore.editDict.isCustom && runtimeStore.editDict.url) {
-    let url = `./dicts/${runtimeStore.editDict.language}/${runtimeStore.editDict.type}/${runtimeStore.editDict.translateLanguage}/${runtimeStore.editDict.url}`;
-    if (!runtimeStore.editDict.articles.length) {
-      let r = await fetch(url)
-      let v = await r.json()
-      v.map(s => {
-        s.id = nanoid(6)
-      })
-      runtimeStore.editDict.articles = cloneDeep(v)
-    } else {
-      runtimeStore.editDict.length = runtimeStore.editDict.articles.length
-    }
-  }
-
-  loading = false
-}
-
-
-function handleCheckedChange(val) {
-  let rIndex = runtimeStore.editDict.articles.findIndex(v => v.id === val.item.id)
-  if (rIndex > -1) {
-    chapterIndex = rIndex
-    article = val.item
-  }
-}
-
-function delArticle(index: number) {
-  runtimeStore.editDict.articles.splice(index, 1)
-
-  if (runtimeStore.editDict.articles.length) {
-    if (chapterIndex >= runtimeStore.editDict.articles.length - 1) {
-      chapterIndex = runtimeStore.editDict.articles.length - 1
-      article = runtimeStore.editDict.articles[chapterIndex]
-    }
-    if (chapterIndex === index) {
-      article = runtimeStore.editDict.articles[chapterIndex]
-    }
-  } else {
-    article = getDefaultArticle()
-    chapterIndex = -1
-  }
-  syncMyDictList(runtimeStore.editDict)
-  ElMessage.success('删除成功！')
-}
-
-async function resetDict() {
-  MessageBox.confirm(
-      '删除所有自定义内容: 章节、排序、单词，并恢复至默认状态，确认恢复？',
-      '提示',
-      async () => {
-        chapterIndex = -1
-        article = getDefaultArticle()
-        if (runtimeStore.editDict.url) {
-          runtimeStore.editDict.sort = Sort.normal
-          runtimeStore.editDict.chapterWordNumber = settingStore.chapterWordNumber
-          let url = `./dicts/${runtimeStore.editDict.language}/${runtimeStore.editDict.type}/${runtimeStore.editDict.translateLanguage}/${runtimeStore.editDict.url}`;
-          let r = await fetch(url)
-          let v = await r.json()
-          v.map(s => {
-            s.id = nanoid(6)
-          })
-          runtimeStore.editDict.articles = cloneDeep(v)
-          syncMyDictList(runtimeStore.editDict)
-          ElMessage.success('恢复成功')
-        } else {
-          ElMessage.success('恢复失败')
-        }
-      }
-  )
-}
-
-function importData(e: any) {
-  let file = e.target.files[0]
-  if (!file) return
-  // no()
-  let reader = new FileReader();
-  reader.onload = function (e) {
-    let data = e.target.result;
-    // 读取二进制的excel
-    let workbook = XLSX.read(data, {type: 'binary'});
-    let res: any[] = XLSX.utils.sheet_to_json(workbook.Sheets['Sheet1']);
-    if (res.length) {
-      let articles = res.map(v => {
-        if (v['原文标题'] && v['原文正文']) {
-          let article: Article = getDefaultArticle({
-            id: nanoid(6),
-            checked: false,
-            title: String(v['原文标题']),
-            text: String(v['原文正文']),
-            titleTranslate: String(v['译文标题']),
-            textTranslate: String(v['译文正文']),
-          })
-          return article
-        }
-      }).filter(v => v)
-
-      let repeat = []
-      let noRepeat = []
-      articles.map((v: any) => {
-        let rIndex = runtimeStore.editDict.articles.findIndex(s => s.title === v.title)
-        if (rIndex > -1) {
-          v.index = rIndex
-          repeat.push(v)
-        } else {
-          noRepeat.push(v)
-        }
-      })
-
-      runtimeStore.editDict.articles = runtimeStore.editDict.articles.concat(noRepeat)
-
-      if (repeat.length) {
-        MessageBox.confirm(
-            '文章"' + repeat.map(v => v.title).join(', ') + '" 已存在，继续将会覆盖原有文章，是否继续？',
-            '检测到重复文章',
-            () => {
-              repeat.map(v => {
-                runtimeStore.editDict.articles[v.index] = v
-                delete runtimeStore.editDict.articles[v.index].index
-              })
-              setTimeout(listRef?.scrollToBottom, 100)
-            },
-            null,
-            () => {
-              syncMyDictList(runtimeStore.editDict)
-              ElMessage.success('导入成功！')
-            }
-        )
-      } else {
-        syncMyDictList(runtimeStore.editDict)
-        ElMessage.success('导入成功！')
-      }
-    } else {
-      ElMessage.warning('导入失败！原因：没有数据')
-    }
-  };
-  reader.readAsBinaryString(file);
-}
-
-function exportData(val: {
-  type: string,
-  data?: Article
-}) {
-  _copy(JSON.stringify(cloneDeep(runtimeStore.editDict.articles).map(v => {
-    delete v.sections
-    return v
-  })))
-
-  const {type, data} = val
-  let list = []
-  let filename = ''
-  if (type === 'chapter') {
-    if (!data.id) {
-      return ElMessage.error('请选择文章')
-    }
-    list = [data]
-    filename = runtimeStore.editDict.name + `-${data.title}`
-  } else {
-    list = runtimeStore.editDict.articles
-    filename = runtimeStore.editDict.name
-  }
-  let wb = XLSX.utils.book_new()
-  let sheetData = list.map(v => {
-    return {
-      原文标题: v.title,
-      原文正文: v.text,
-      译文标题: v.titleTranslate,
-      译文正文: v.textTranslate,
-    }
-  })
-  wb.Sheets['Sheet1'] = XLSX.utils.json_to_sheet(sheetData)
-  wb.SheetNames = ['Sheet1']
-  XLSX.writeFile(wb, `${filename}-zh-CN.xlsx`);
-  ElMessage.success(filename + ' 导出成功！')
-  showExport = false
-}
-
-function editDict() {
-  isEditDict = true
-}
-
-function add() {
-  emitter.emit(EventKey.openArticleListModal)
-}
-
-function back() {
-  emit('back')
-  setTimeout(() => {
-    isEditDict = false
-  }, 500)
-}
-
-defineExpose({getDictDetail, add, editDict})
-
-
-</script>
-
-<template>
-  <div class="article-detail">
-    <header>
-      <div class="back" @click.stop="back">
-        <Icon icon="octicon:arrow-left-24" width="20"/>
-      </div>
-      <div class="left">
-        <div class="top">
-          <div class="title">
-            {{ runtimeStore.editDict.name }}
-          </div>
-          <template v-if="!isPinDict">
-            <BaseIcon icon="tabler:edit" @click='editDict'/>
-            <!--            <BaseIcon icon="ph:star" @click='no'/>-->
-            <BaseButton size="small" v-if="runtimeStore.editDict.isCustom" @click="resetDict">恢复默认</BaseButton>
-          </template>
-          <div class="import hvr-grow">
-            <BaseButton size="small">导入</BaseButton>
-            <input type="file"
-                   accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
-                   @change="importData">
-          </div>
-          <div class="export"
-               style="position: relative"
-               @click.stop="null">
-            <BaseButton size="small" @click="showExport = true">导出</BaseButton>
-            <MiniDialog
-                v-model="showExport"
-                style="width: 80rem;"
-            >
-              <div class="mini-row-title">
-                导出选项
-              </div>
-              <div class="mini-row">
-                <BaseButton size="small" @click="exportData({type:'all',data:[]})">全部文章</BaseButton>
-              </div>
-              <div class="mini-row">
-                <BaseButton size="small" @click="exportData({type:'chapter',data:article})">当前章节</BaseButton>
-              </div>
-            </MiniDialog>
-          </div>
-        </div>
-        <div class="desc" v-if="runtimeStore.editDict.description">{{ runtimeStore.editDict.description }}</div>
-        <div class="num">文章: {{ runtimeStore.editDict.articles.length }}篇</div>
-      </div>
-    </header>
-    <EditDict
-        :isAdd="false"
-        v-if="isEditDict"
-        @cancel="isEditDict = false"
-        @submit="isEditDict = false"/>
-    <div v-else class="content">
-      <div class="chapter-list">
-        <div class="header">
-          <div class="common-title">
-            <span>文章管理</span>
-            <div class="options">
-              <BaseIcon
-                  @click="add"
-                  icon="fluent:add-20-filled"
-                  title="新增章节"/>
-              <span>{{ runtimeStore.editDict.articles.length }}篇</span>
-            </div>
-          </div>
-        </div>
-        <div class="wrapper">
-          <ArticleList
-              ref="listRef"
-              :isActive="false"
-              v-if="runtimeStore.editDict.articles.length"
-              :list="runtimeStore.editDict.articles"
-              @title="handleCheckedChange"
-              @click="handleCheckedChange"
-              :active-id="activeId">
-            <template v-slot:prefix="{item,index}">
-              <input type="radio" :checked="activeId === item.id">
-            </template>
-            <template v-slot:suffix="{item,index}">
-              <BaseIcon
-                  class="del"
-                  @click="emitter.emit(EventKey.openArticleListModal,item)"
-                  title="编辑"
-                  icon="tabler:edit"/>
-              <BaseIcon
-                  class="del"
-                  @click="delArticle(index)"
-                  title="删除"
-                  icon="solar:trash-bin-minimalistic-linear"/>
-            </template>
-          </ArticleList>
-          <Empty v-else/>
-        </div>
-      </div>
-      <div class="article-content">
-        <div class="title">
-          <div>{{ article.title }}</div>
-          <BaseIcon
-              style="position:absolute;right: 0;"
-              title="大屏显示"
-              icon="iconoir:expand"/>
-        </div>
-        <div class="text" v-if="article.text">
-          <div class="sentence" v-for="t in article.text.split('\n')">{{ t }}</div>
-        </div>
-        <Empty v-else/>
-      </div>
-      <div class="article-content">
-        <div class="title">
-          <div>{{ article.titleTranslate }}</div>
-          <BaseIcon
-              style="position:absolute;right: 0;"
-              title="大屏显示"
-              icon="iconoir:expand"/>
-        </div>
-        <div class="text" v-if="getTranslateText(article).length">
-          <div class="sentence" v-for="t in getTranslateText(article)">{{ t }}</div>
-        </div>
-        <Empty v-else/>
-      </div>
-    </div>
-  </div>
-  <EditBatchArticleModal
-      @export-data="exportData"
-      @import-data="importData"/>
-</template>
-
-<style scoped lang="scss">
-.article-detail {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-
-  header {
-    width: 100%;
-    display: flex;
-    box-sizing: border-box;
-    align-items: center;
-    color: var(--color-font-1);
-    padding: 0 var(--space);
-    gap: 1.2rem;
-    margin-bottom: 1.2rem;
-
-    .back {
-      height: 100%;
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-    }
-
-    .left {
-      display: flex;
-      gap: .6rem;
-      flex-direction: column;
-      color: var(--color-font-2);
-
-      .top {
-        color: var(--color-font-1);
-        display: flex;
-        gap: .6rem;
-        font-size: 1.2rem;
-        align-items: center;
-      }
-
-      .import {
-        display: inline-flex;
-        position: relative;
-
-        input {
-          position: absolute;
-          height: 100%;
-          width: 100%;
-          opacity: 0;
-        }
-      }
-    }
-  }
-
-  .box {
-    background: white;
-    border-radius: .6rem;
-    background: var(--color-second-bg);
-    color: var(--color-font-1);
-    padding-bottom: var(--space);
-    display: flex;
-    flex-direction: column;
-  }
-
-  .content {
-    flex: 1;
-    display: flex;
-    gap: var(--space);
-    overflow: hidden;
-  }
-
-  .chapter-list {
-    width: 25rem;
-    height: 100%;
-    @extend .box;
-
-    .header {
-      padding: 0 var(--space);
-
-      .common-title {
-        margin-bottom: 0;
-        position: relative;
-
-        .options {
-          position: absolute;
-          right: 0;
-          display: flex;
-          gap: .6rem;
-        }
-      }
-
-      .select {
-        height: 3rem;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        .left {
-          display: flex;
-          gap: .3rem;
-          align-items: center;
-        }
-      }
-    }
-
-    .wrapper {
-      flex: 1;
-      display: flex;
-      padding-bottom: var(--space);
-      overflow: hidden;
-    }
-  }
-
-  .article-content {
-    @extend .box;
-    flex: 1;
-    padding: var(--space);
-    overflow: hidden;
-    font-size: 1.2rem;
-
-    .title {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      position: relative;
-      margin-bottom: var(--space);
-      font-size: 1.4rem;
-    }
-
-    .text {
-      text-indent: 1.5em;
-      line-height: 2.6rem;
-      overflow: auto;
-      padding-right: .6rem;
-      padding-bottom: 3rem;
-
-      .sentence {
-        margin-bottom: 2.4rem;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/pages/pc/dict/components/ChapterWordList.vue b/src/pages/pc/dict/components/ChapterWordList.vue
deleted file mode 100644
index a80bf186..00000000
--- a/src/pages/pc/dict/components/ChapterWordList.vue
+++ /dev/null
@@ -1,221 +0,0 @@
-<script setup lang="ts">
-
-import {Sort, Word} from "@/types.ts";
-import BaseIcon from "@/components/BaseIcon.vue";
-import Empty from "@/components/Empty.vue";
-import {nextTick, watch} from "vue";
-import MiniDialog from "@/pages/pc/components/dialog/MiniDialog.vue";
-import BaseButton from "@/components/BaseButton.vue";
-import {useWindowClick} from "@/hooks/event.ts";
-import {cloneDeep, reverse, shuffle} from "lodash-es";
-import {usePlayWordAudio} from "@/hooks/sound.ts";
-import WordList from '@/pages/pc/components/list/WordList.vue'
-
-const props = defineProps<{
-  title: string,
-  emptyTitle?: string,
-  showAdd?: boolean,
-  list: Word[]
-  canOperation: boolean
-}>()
-
-const emit = defineEmits<{
-  add: []
-  sync: []
-  edit: [val: { item: Word, index: number }]
-  del: [val: { item: Word, index: number }],
-  'update:list': [val: Word[]]
-}>()
-
-let checkedAll = $ref(false)
-let isIndeterminate = $ref(false)
-
-watch(() => props.list.length, (n) => {
-  checkStatus()
-})
-watch(() => props.list, (n) => {
-  checkStatus()
-})
-
-function handleCheckedChange({item: source}: any) {
-  source.checked = !source.checked
-  checkStatus()
-}
-
-function checkStatus() {
-  checkedAll = props.list.every(v => v.checked)
-  if (checkedAll) {
-    isIndeterminate = false
-  } else {
-    isIndeterminate = props.list.some(v => v.checked)
-  }
-}
-
-function handleCheckedAll() {
-  props.list.map(v => v.checked = checkedAll)
-}
-
-let checkedTotal = $computed(() => {
-  return props.list.filter(v => v.checked).length
-})
-
-function del(val: { item: Word, index: number }) {
-  props.list.splice(val.index, 1)
-  emit('del', val)
-}
-
-function sort(type: Sort) {
-  if (type === Sort.reverse) {
-    ElMessage.success('已翻转排序')
-    emit('update:list', reverse(cloneDeep(props.list)))
-  }
-  if (type === Sort.random) {
-    ElMessage.success('已随机排序')
-    emit('update:list', shuffle(props.list))
-  }
-  emit('sync')
-}
-
-let listRef: any = $ref()
-
-function scrollToBottom() {
-  listRef.scrollToBottom()
-}
-
-function scrollToItem(index: number) {
-  nextTick(() => listRef.scrollToItem(index))
-}
-
-defineExpose({scrollToBottom, scrollToItem})
-
-let show = $ref(false)
-useWindowClick(() => show = false)
-
-</script>
-
-<template>
-  <div class="column">
-    <div class="header">
-      <div class="common-title">
-        <span>{{ title }}</span>
-        <div class="options" v-if="canOperation">
-          <div class="setting"
-               v-if="list.length"
-               @click.stop="null">
-            <BaseIcon
-                title="改变顺序"
-                icon="icon-park-outline:sort-two"
-                @click="show = !show"
-            />
-            <MiniDialog
-                v-model="show"
-                style="width: 130rem;"
-            >
-              <div class="mini-row-title">
-                列表循环设置
-              </div>
-              <div class="mini-row">
-                <BaseButton size="small" @click="sort(Sort.reverse)">翻转</BaseButton>
-                <BaseButton size="small" @click="sort(Sort.random)">随机</BaseButton>
-              </div>
-            </MiniDialog>
-          </div>
-          <BaseIcon
-              v-if="showAdd"
-              @click="emit('add')"
-              icon="fluent:add-20-filled"
-              title="添加单词"/>
-        </div>
-      </div>
-      <div class="select"
-           v-if="list.length && canOperation"
-      >
-        <div class="left">
-          <el-checkbox
-              v-model="checkedAll"
-              :indeterminate="isIndeterminate"
-              @change="handleCheckedAll"
-              size="large"/>
-          <span>全选</span>
-        </div>
-        <div class="right">{{ checkedTotal }}/{{ props.list.length }}</div>
-      </div>
-    </div>
-    <div class="wrapper">
-      <WordList
-          ref="listRef"
-          :list="list"
-          v-if="list.length"
-          @click="handleCheckedChange"
-      >
-        <template v-slot:prefix="{item}" v-if="canOperation">
-          <el-checkbox v-model="item.checked"
-                       @change="handleCheckedChange({item})"
-                       size="large"/>
-        </template>
-        <template v-slot:suffix="{item,index}" v-if="canOperation">
-          <BaseIcon
-              class="del"
-              @click="emit('edit',{item,index})"
-              title="编辑"
-              icon="tabler:edit"/>
-          <BaseIcon
-              class="del"
-              @click="del({item,index})"
-              title="删除"
-              icon="solar:trash-bin-minimalistic-linear"/>
-        </template>
-      </WordList>
-      <Empty :text="emptyTitle" v-else/>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.header {
-  padding: 0 var(--space);
-
-  .common-title {
-    margin-bottom: 0;
-    position: relative;
-
-    .options {
-      position: absolute;
-      right: 0;
-      display: flex;
-      gap: .6rem;
-    }
-  }
-
-  .select {
-    height: 3rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .left {
-      display: flex;
-      gap: .3rem;
-      align-items: center;
-    }
-  }
-}
-
-.wrapper {
-  display: flex;
-  flex: 1;
-  overflow: hidden;
-}
-
-.column {
-  flex: 1;
-  background: white;
-  border-radius: .6rem;
-  background: var(--color-second-bg);
-  color: var(--color-font-1);
-  padding-bottom: var(--space);
-  display: flex;
-  flex-direction: column;
-}
-
-</style>
\ No newline at end of file
diff --git a/src/pages/pc/dict/components/EditDict.vue b/src/pages/pc/dict/components/EditDict.vue
deleted file mode 100644
index c4236919..00000000
--- a/src/pages/pc/dict/components/EditDict.vue
+++ /dev/null
@@ -1,191 +0,0 @@
-<script setup lang="ts">
-
-import {Dict, DictType, getDefaultDict} from "@/types.ts";
-import {cloneDeep} from "lodash-es";
-
-import {FormInstance, FormRules} from "element-plus";
-import {onMounted, reactive, watch} from "vue";
-import {dictionaryResources} from "@/assets/dictionary.ts";
-import {useRuntimeStore} from "@/stores/runtime.ts";
-import {useBaseStore} from "@/stores/base.ts";
-import {syncMyDictList} from "@/hooks/dict.ts";
-
-const props = defineProps<{
-  isAdd: boolean
-}>()
-const emit = defineEmits<{
-  submit: []
-  cancel: []
-}>()
-const runtimeStore = useRuntimeStore()
-const store = useBaseStore()
-let categoryList = {}
-let tagList = {}
-let init = false
-const DefaultDictForm = {
-  id: '',
-  name: '',
-  description: '',
-  category: '',
-  tags: [],
-  translateLanguage: 'zh-CN',
-  language: 'en',
-  type: DictType.word
-}
-let dictForm: any = $ref(cloneDeep(DefaultDictForm))
-const dictFormRef = $ref<FormInstance>()
-const dictRules = reactive<FormRules>({
-  name: [
-    {required: true, message: '请输入名称', trigger: 'blur'},
-    {max: 20, message: '名称不能超过20个字符', trigger: 'blur'},
-  ],
-  category: [{required: true, message: '请选择', trigger: 'change'}],
-  tags: [{required: true, message: '请选择', trigger: 'change'}],
-})
-
-watch(() => dictForm.language, () => init && (dictForm.category = ''))
-watch(() => dictForm.category, () => init && (dictForm.tags = []))
-
-function closeDictForm() {
-  emit('cancel')
-}
-
-async function onSubmit() {
-  await dictFormRef.validate((valid, fields) => {
-    if (valid) {
-      let data: Dict = cloneDeep({
-        ...getDefaultDict(),
-        ...dictForm,
-      })
-      //任意修改，都将其变为自定义词典
-      data.isCustom = true
-
-      if (props.isAdd) {
-        data.id = 'custom-dict-' + Date.now()
-        //TODO 允许同名？
-        if (store.myDictList.find(v => v.name === data.name)) {
-          return ElMessage.warning('已有相同名称词典！')
-        } else {
-          store.myDictList.push(data)
-          runtimeStore.editDict = data
-          ElMessage.success('添加成功')
-        }
-      } else {
-        syncMyDictList(data)
-        runtimeStore.editDict = data
-        ElMessage.success('修改成功')
-      }
-      emit('submit')
-      console.log('submit!', data)
-    } else {
-      ElMessage.warning('请填写完整')
-    }
-  })
-}
-
-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
-    }
-  })
-
-  if (props.isAdd) {
-    dictForm = getDefaultDict()
-  } else {
-    dictForm = cloneDeep(runtimeStore.editDict)
-  }
-  //上面复制后，watch会检测到变更从而把其他值变成空。这里加一个限制
-  setTimeout(() => {
-    init = true
-  })
-})
-
-</script>
-
-<template>
-  <div class="edit-dict">
-    <div class="wrapper">
-      <div class="common-title">{{ dictForm.id ? '修改' : '添加' }}词典</div>
-      <el-form
-          ref="dictFormRef"
-          :rules="dictRules"
-          :model="dictForm"
-          label-width="8rem">
-        <el-form-item label="名称" prop="name">
-          <el-input v-model="dictForm.name"/>
-        </el-form-item>
-        <el-form-item label="描述">
-          <el-input v-model="dictForm.description" type="textarea"/>
-        </el-form-item>
-        <el-form-item label="语言">
-          <el-select v-model="dictForm.language" placeholder="请选择选项">
-            <el-option label="英语" value="en"/>
-            <el-option label="德语" value="de"/>
-            <el-option label="日语" value="ja"/>
-            <el-option label="代码" value="code"/>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="翻译语言">
-          <el-select v-model="dictForm.translateLanguage" placeholder="请选择选项">
-            <!--                <el-option label="通用" value="common"/>-->
-            <el-option label="中文" value="zh-CN"/>
-            <el-option label="英语" value="en"/>
-            <el-option label="德语" value="de"/>
-            <el-option label="日语" value="ja"/>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="分类" prop="category">
-          <el-select v-model="dictForm.category" placeholder="请选择选项">
-            <el-option :label="i" :value="i" v-for="i in categoryList[dictForm.language]"/>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="标签" prop="tags">
-          <el-select
-              multiple
-              v-model="dictForm.tags" placeholder="请选择选项">
-            <el-option :label="i" :value="i" v-for="i in tagList[dictForm.category]"/>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="类型">
-          <el-select v-model="dictForm.type" placeholder="请选择选项" :disabled="dictForm.id">
-            <el-option label="单词" :value="DictType.word"/>
-            <el-option label="文章" :value="DictType.article"/>
-          </el-select>
-        </el-form-item>
-        <div class="center">
-          <el-button @click="closeDictForm">关闭</el-button>
-          <el-button type="primary" @click="onSubmit">确定</el-button>
-        </div>
-      </el-form>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.edit-dict {
-  flex: 1;
-  width: 100%;
-  overflow: auto;
-  display: flex;
-  justify-content: center;
-
-  .wrapper {
-    width: 80rem;
-  }
-
-  .el-select {
-    width: 100%;
-  }
-}
-
-</style>
diff --git a/src/pages/pc/dict/components/WordDictDetail.vue b/src/pages/pc/dict/components/WordDictDetail.vue
deleted file mode 100644
index 394f9dff..00000000
--- a/src/pages/pc/dict/components/WordDictDetail.vue
+++ /dev/null
@@ -1,622 +0,0 @@
-<script setup lang="ts">
-
-import BaseIcon from "@/components/BaseIcon.vue";
-import BaseButton from "@/components/BaseButton.vue";
-import {assign, chunk, cloneDeep, reverse, shuffle} from "lodash-es";
-import {Dict, DictResource, DictType, getDefaultDict, Sort, Word} from "@/types.ts";
-import {nanoid} from "nanoid";
-import {FormInstance, FormRules} from "element-plus";
-import {reactive} from "vue";
-import {useRuntimeStore} from "@/stores/runtime.ts";
-import {useBaseStore} from "@/stores/base.ts";
-import {useSettingStore} from "@/stores/setting.ts";
-import {MessageBox} from "@/utils/MessageBox.tsx";
-import * as XLSX from "xlsx";
-import {Icon} from "@iconify/vue";
-import EditDict from "@/pages/pc/dict/components/EditDict.vue";
-import {syncMyDictList} from "@/hooks/dict.ts";
-import MiniDialog from "@/pages/pc/components/dialog/MiniDialog.vue";
-import {useWindowClick} from "@/hooks/event.ts";
-import ChapterWordList from "@/pages/pc/dict/components/ChapterWordList.vue";
-import {useNav} from "@/utils";
-
-const emit = defineEmits<{
-  back: []
-}>()
-
-const store = useBaseStore()
-const settingStore = useSettingStore()
-const runtimeStore = useRuntimeStore()
-
-let loading = $ref(false)
-let chapterList2 = $ref([])
-let wordListRef: any = $ref()
-let residueWordListRef: any = $ref()
-let chapterIndex = $ref(1)
-let isEditDict = $ref(false)
-let showExport = $ref(false)
-
-useWindowClick(() => showExport = false)
-
-const isPinDict = $computed(() => {
-  return [DictType.collect, DictType.wrong, DictType.simple].includes(runtimeStore.editDict.type)
-})
-const isCanOperation = $computed(() => {
-  return runtimeStore.editDict.type !== DictType.wrong
-})
-
-let wordList: Word[] = $computed({
-  get() {
-    return runtimeStore.editDict.words ?? []
-  },
-  set(newValue) {
-    runtimeStore.editDict.words[chapterIndex] = newValue
-  }
-})
-
-let residueWordList: Word[] = $computed({
-  get() {
-    return runtimeStore.editDict.residueWords ?? []
-  },
-  set(newValue) {
-    runtimeStore.editDict.residueWords = newValue
-  }
-})
-
-async function getDictDetail(val: {
-  dict: DictResource | Dict,
-  index: number
-}) {
-  let item = val.dict
-  // console.log('word-getDictDetail', item)
-  chapterList2 = []
-  chapterIndex = -1
-  wordFormData.type = FormMode.None
-  loading = true
-  let find: Dict = store.myDictList.find((v: Dict) => v.id === item.id)
-  if (find) {
-    runtimeStore.editDict = cloneDeep(find)
-  } else {
-    runtimeStore.editDict = cloneDeep({
-      ...getDefaultDict(),
-      ...item,
-    })
-    runtimeStore.editDict.id = nanoid(6)
-    //设置默认章节单词数
-    runtimeStore.editDict.chapterWordNumber = settingStore.chapterWordNumber
-  }
-
-  console.log('runtimeStore', runtimeStore)
-
-  if ([DictType.collect, DictType.simple, DictType.wrong].includes(runtimeStore.editDict.type)) {
-
-  } else {
-    //如果不是自定义词典，并且有url地址才去下载
-    if (!runtimeStore.editDict.isCustom && runtimeStore.editDict.url) {
-      let url = `./dicts/${runtimeStore.editDict.language}/${runtimeStore.editDict.type}/${runtimeStore.editDict.translateLanguage}/${runtimeStore.editDict.url}`;
-      if (!runtimeStore.editDict.originWords.length) {
-        let r = await fetch(url)
-        let v = await r.json()
-        v.map(s => {
-          s.id = nanoid(6)
-        })
-        runtimeStore.editDict.originWords = cloneDeep(v)
-        changeSort(runtimeStore.editDict.sort)
-      } else {
-        runtimeStore.editDict.length = runtimeStore.editDict.words.length
-      }
-    }
-  }
-  chapterList2 = runtimeStore.editDict.chapterWords.map((v, i) => ({id: i}))
-  loading = false
-}
-
-function checkRepeatWord(
-    words: Word[],
-    targetList: Word[],
-    concatNoRepeat: Function,
-    concatRepeat: Function,
-    notice?: Function
-) {
-  let repeatWords = []
-  let noRepeatWords = []
-  words.map((v: any) => {
-    let rIndex = targetList.findIndex(s => s.word === v.word)
-    if (rIndex > -1) {
-      v.index = rIndex
-      repeatWords.push(v)
-    } else {
-      noRepeatWords.push(v)
-    }
-  })
-  concatNoRepeat(noRepeatWords)
-  if (repeatWords.length) {
-    MessageBox.confirm(
-        '单词"' + repeatWords.map(v => v.word).join(', ') + '" 已存在，继续将会覆盖原有单词，是否继续？',
-        '检测到重复单词',
-        () => concatRepeat(repeatWords),
-        null,
-        () => notice?.()
-    )
-  } else {
-    notice?.()
-  }
-}
-
-//同步到我的词典列表
-function syncEditDict2MyDictList() {
-  syncMyDictList(runtimeStore.editDict)
-}
-
-
-/**/
-/* start单词修改相关start*/
-/**/
-
-let wordFormData = $ref({
-  where: '',
-  type: '',
-  id: '',
-  index: 0
-})
-
-enum FormMode {
-  None = '',
-  Add = 'Add',
-  Edit = 'Edit',
-}
-
-const DefaultFormWord = {
-  word: '',
-  phonetic0: '',
-  phonetic1: '',
-  trans: '',
-}
-let wordForm = $ref(cloneDeep(DefaultFormWord))
-const wordFormRef = $ref<FormInstance>()
-const wordRules = reactive<FormRules>({
-  name: [
-    {required: true, message: '请输入单词', trigger: 'blur'},
-    {max: 30, message: '名称不能超过30个字符', trigger: 'blur'},
-  ],
-})
-
-//TODO trans结构变了，
-async function onSubmitWord() {
-  await wordFormRef.validate((valid, fields) => {
-    if (valid) {
-      let data: any = cloneDeep(wordForm)
-      if (data.trans) {
-        data.trans = data.trans.split('\n');
-      } else {
-        data.trans = []
-      }
-      if (wordFormData.type === FormMode.Add) {
-        data.id = nanoid(6)
-        data.checked = false
-        let r = wordList.find(v => v.word === wordForm.word)
-        // if (r) return ElMessage.warning('已有相同名称单词！')
-        // else list.push(data)
-        runtimeStore.editDict.originWords.push(data)
-        wordList.push(data)
-        ElMessage.success('添加成功')
-        wordForm = cloneDeep(DefaultFormWord)
-        setTimeout(wordListRef?.scrollToBottom, 100)
-      } else {
-        let r = wordList.find(v => v.id === wordFormData.id)
-        if (r) assign(r, data)
-        //同步修改到列表
-        r = runtimeStore.editDict.originWords.find(v => v.id === wordFormData.id)
-        if (r) assign(r, data)
-        r = runtimeStore.editDict.words.find(v => v.id === wordFormData.id)
-        if (r) assign(r, data)
-        ElMessage.success('修改成功')
-      }
-      syncEditDict2MyDictList()
-    } else {
-      ElMessage.warning('请填写完整')
-    }
-  })
-}
-
-function delWord(val: {
-  item: Word
-}) {
-  let rIndex = runtimeStore.editDict.originWords.findIndex(v => v.id === val.item.id)
-  if (rIndex > -1) {
-    runtimeStore.editDict.originWords.splice(rIndex, 1)
-  }
-  let rIndex2 = runtimeStore.editDict.words.findIndex(v => v.id === val.item.id)
-  if (rIndex2 > -1) {
-    runtimeStore.editDict.words.splice(rIndex2, 1)
-  }
-
-  if (wordFormData.type === FormMode.Edit && wordForm.word === val.item.word) {
-    closeWordForm()
-  }
-  syncEditDict2MyDictList()
-}
-
-function editWord(word: Word, index: number,) {
-  wordFormData.type = FormMode.Edit
-  wordFormData.id = word.id
-  wordForm.word = word.word
-  wordForm.phonetic1 = word.phonetic1
-  wordForm.phonetic0 = word.phonetic0
-  wordForm.trans = word.trans.join('\n')
-}
-
-function addWord() {
-  // setTimeout(wordListRef?.scrollToBottom, 100)
-  wordFormData.type = FormMode.Add
-  wordForm = cloneDeep(DefaultFormWord)
-}
-
-function closeWordForm() {
-  wordFormData.type = FormMode.None
-  wordForm = cloneDeep(DefaultFormWord)
-}
-
-/**/
-/* end单词修改相关end*/
-/**/
-
-function changeSort(v: Sort) {
-  if (v === Sort.normal) {
-    runtimeStore.editDict.words = cloneDeep(runtimeStore.editDict.originWords)
-  } else if (v === Sort.random) {
-    runtimeStore.editDict.words = shuffle(runtimeStore.editDict.originWords)
-  } else {
-    runtimeStore.editDict.words = reverse(runtimeStore.editDict.originWords)
-  }
-  resetChapterList()
-}
-
-function resetChapterList(num?: number, sync?: boolean) {
-  if (num !== undefined) {
-    runtimeStore.editDict.chapterWordNumber = num
-  }
-  residueWordList = []
-  chapterIndex = -1
-  runtimeStore.editDict.words.map(v => v.checked = false)
-  runtimeStore.editDict.chapterWords = chunk(runtimeStore.editDict.words, runtimeStore.editDict.chapterWordNumber)
-  runtimeStore.editDict.length = runtimeStore.editDict.words.length
-  chapterList2 = runtimeStore.editDict.chapterWords.map((v, i) => ({id: i}))
-  if (sync !== undefined) {
-    syncEditDict2MyDictList()
-  }
-}
-
-async function resetDict() {
-  MessageBox.confirm(
-      '删除所有自定义内容: 章节、排序、单词，并恢复至默认状态，确认恢复？',
-      '提示',
-      async () => {
-        closeWordForm()
-        chapterIndex = -1
-        if (runtimeStore.editDict.url) {
-          runtimeStore.editDict.sort = Sort.normal
-          runtimeStore.editDict.isCustom = false
-          runtimeStore.editDict.chapterWordNumber = settingStore.chapterWordNumber
-          let url = `./dicts/${runtimeStore.editDict.language}/${runtimeStore.editDict.type}/${runtimeStore.editDict.translateLanguage}/${runtimeStore.editDict.url}`;
-          let r = await fetch(url)
-          let v = await r.json()
-          v.map(s => {
-            s.id = nanoid(6)
-          })
-          runtimeStore.editDict.originWords = cloneDeep(v)
-          changeSort(runtimeStore.editDict.sort)
-          syncMyDictList(runtimeStore.editDict, false)
-          ElMessage.success('恢复成功')
-        } else {
-          ElMessage.success('恢复失败')
-        }
-      }
-  )
-  // runtimeStore.editDict
-}
-
-function exportData(type: string) {
-  let list = []
-  let filename = ''
-  if (type === 'chapter') {
-    if (chapterIndex === -1) {
-      return ElMessage.error('请选择章节')
-    }
-    list = wordList
-    filename = runtimeStore.editDict.name + `-第${chapterIndex + 1}章`
-  } else {
-    list = runtimeStore.editDict.words
-    filename = runtimeStore.editDict.name
-  }
-  let wb = XLSX.utils.book_new()
-  let sheetData = list.map(v => {
-    return {
-      单词: v.word,
-      '音标①': v.usphone,
-      '音标②': v.ukphone,
-      '释义(一行一个释义)': v.trans.join('\n')
-    }
-  })
-  wb.Sheets['Sheet1'] = XLSX.utils.json_to_sheet(sheetData)
-  wb.SheetNames = ['Sheet1']
-  XLSX.writeFile(wb, `${filename}-zh-CN.xlsx`);
-  ElMessage.success(filename + ' 导出成功！')
-  showExport = false
-}
-
-function importData(e: any) {
-  let file = e.target.files[0]
-  if (!file) return
-  // no()
-  let reader = new FileReader();
-  reader.onload = function (e) {
-    let data = e.target.result;
-    // 读取二进制的excel
-    let workbook = XLSX.read(data, {type: 'binary'});
-    let res: any[] = XLSX.utils.sheet_to_json(workbook.Sheets['Sheet1']);
-    if (res.length) {
-      let words = res.map(v => {
-        if (v['单词']) {
-          let word: Word = {
-            id: nanoid(6),
-            checked: false,
-            word: String(v['单词']),
-            phonetic0: String(v['音标①'] ?? ''),
-            phonetic1: String(v['音标②'] ?? ''),
-            trans: String(v['释义(一行一个释义)'] ?? '').split('\n')
-          }
-          return word
-        }
-      }).filter(v => v)
-
-      checkRepeatWord(words, residueWordList, noRepeatWords => {
-            residueWordList = residueWordList.concat(noRepeatWords)
-            syncEditDict2MyDictList()
-            setTimeout(residueWordListRef?.scrollToBottom, 100)
-          },
-          repeatWords => {
-            repeatWords.map(v => {
-              residueWordList[v.index] = v
-              delete residueWordList[v.index].index
-            })
-            syncEditDict2MyDictList()
-            setTimeout(residueWordListRef?.scrollToBottom, 100)
-          },
-          () => ElMessage.success('导入成功！'))
-    } else {
-      ElMessage.warning('导入失败！原因：没有数据')
-    }
-  };
-  reader.readAsBinaryString(file);
-}
-
-function editDict() {
-  isEditDict = true
-}
-
-const {back} = useNav()
-defineExpose({getDictDetail, add: addWord, editDict})
-
-</script>
-
-<template>
-  <div class="dict-detail">
-    <header>
-      <div class="back" @click.stop="back">
-        <Icon icon="octicon:arrow-left-24" width="20"/>
-      </div>
-      <div class="left">
-        <div class="top">
-          <div class="title">
-            {{ runtimeStore.editDict.name }}
-          </div>
-          <template v-if="!isPinDict">
-            <BaseIcon icon="tabler:edit" @click='editDict'/>
-            <!--            <BaseIcon icon="ph:star" @click='no'/>-->
-            <BaseButton size="small" v-if="runtimeStore.editDict.isCustom" @click="resetDict">恢复默认</BaseButton>
-          </template>
-          <div class="import hvr-grow">
-            <BaseButton size="small">导入</BaseButton>
-            <input type="file"
-                   accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
-                   @change="importData">
-          </div>
-          <div class="export"
-               style="position: relative"
-               @click.stop="null">
-            <BaseButton size="small" @click="showExport = true">导出</BaseButton>
-            <MiniDialog
-                v-model="showExport"
-                style="width: 80rem;"
-            >
-              <div class="mini-row-title">
-                导出选项
-              </div>
-              <div class="mini-row">
-                <BaseButton size="small" @click="exportData('all')">全部单词</BaseButton>
-              </div>
-              <div class="mini-row">
-                <BaseButton size="small" @click="exportData('chapter')">当前章节</BaseButton>
-              </div>
-            </MiniDialog>
-          </div>
-        </div>
-        <div class="desc" v-if="runtimeStore.editDict.description">{{ runtimeStore.editDict.description }}</div>
-      </div>
-    </header>
-    <EditDict
-        :isAdd="false"
-        v-if="isEditDict"
-        @cancel="isEditDict = false"
-        @submit="isEditDict = false"/>
-    <div v-else class="content">
-      <ChapterWordList
-          ref="wordListRef"
-          :can-operation="isCanOperation"
-          title="单词列表"
-          :show-add="true"
-          @add="addWord"
-          @del="delWord"
-          empty-title="还没有单词哦~"
-          @edit="val => editWord(val.item,val.index)"
-          @sync="syncMyDictList(runtimeStore.editDict)"
-          v-model:list="wordList"/>
-      <div class="right-column">
-        <div class="add" v-if="wordFormData.type">
-          <div class="common-title">
-            {{ wordFormData.type === FormMode.Add ? '添加' : '修改' }}单词
-          </div>
-          <el-form
-              class="form"
-              ref="wordFormRef"
-              :rules="wordRules"
-              :model="wordForm"
-              label-width="6rem">
-            <el-form-item label="单词" prop="word">
-              <el-input v-model="wordForm.word"/>
-            </el-form-item>
-            <el-form-item label="翻译">
-              <el-input v-model="wordForm.trans"
-                        placeholder="多个翻译请换行"
-                        :autosize="{ minRows: 2, maxRows: 6 }"
-                        type="textarea"/>
-            </el-form-item>
-            <el-form-item label="音标/发音①">
-              <el-input v-model="wordForm.phonetic0"/>
-            </el-form-item>
-            <el-form-item label="音标/发音②">
-              <el-input v-model="wordForm.phonetic1"/>
-            </el-form-item>
-            <div class="center">
-              <el-button @click="closeWordForm">关闭</el-button>
-              <el-button type="primary" @click="onSubmitWord">保存</el-button>
-            </div>
-          </el-form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.dict-detail {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-
-  header {
-    width: 100%;
-    display: flex;
-    box-sizing: border-box;
-    align-items: center;
-    color: var(--color-font-1);
-    padding: 0 var(--space);
-    gap: 1.2rem;
-    margin-bottom: 1.2rem;
-
-    .back {
-      height: 100%;
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-    }
-
-    .left {
-      display: flex;
-      gap: .6rem;
-      flex-direction: column;
-      color: var(--color-font-2);
-
-      .top {
-        color: var(--color-font-1);
-        display: flex;
-        gap: .6rem;
-        font-size: 1.2rem;
-        align-items: center;
-      }
-
-      .import {
-        display: inline-flex;
-        position: relative;
-
-        input {
-          position: absolute;
-          height: 100%;
-          width: 100%;
-          opacity: 0;
-        }
-      }
-    }
-  }
-
-}
-
-.content {
-  flex: 1;
-  overflow: hidden;
-  display: flex;
-  position: relative;
-  gap: var(--space);
-
-  .header {
-    padding: 0 var(--space);
-
-    .common-title {
-      margin-bottom: 0;
-      position: relative;
-
-      .options {
-        position: absolute;
-        right: 0;
-        display: flex;
-        gap: 10rem;
-      }
-    }
-
-    .select {
-      height: 3rem;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      .left {
-        display: flex;
-        gap: .3rem;
-        align-items: center;
-      }
-    }
-  }
-
-  .wrapper {
-    display: flex;
-    flex: 1;
-    overflow: hidden;
-  }
-
-  .column {
-    flex: 1;
-    background: white;
-    border-radius: .6rem;
-    background: var(--color-second-bg);
-    background: white;
-    color: var(--color-font-1);
-    padding-bottom: var(--space);
-    display: flex;
-    flex-direction: column;
-  }
-
-  .right-column {
-    //@extend .column;
-    flex: 1;
-    box-sizing: border-box;
-    align-items: center;
-
-    .add {
-      width: 90%;
-    }
-  }
-}
-</style>