fix:opt

src/pages/pc/article/components/EditArticle.vue

@@ -6,17 +6,17 @@ import EditAbleText from "@/pages/pc/components/EditAbleText.vue";
 import {getNetworkTranslate, getSentenceAllText, getSentenceAllTranslateText} from "@/hooks/translate.ts";
 import {genArticleSectionData, splitCNArticle2, splitEnArticle2, usePlaySentenceAudio} from "@/hooks/article.ts";
 import {_nextTick, _parseLRC, cloneDeep, last} from "@/utils";
-import {watch} from "vue";
+import {defineAsyncComponent, watch} from "vue";
 import Empty from "@/components/Empty.vue";
 import Toast from '@/pages/pc/components/base/toast/Toast.ts'
 import * as Comparison from "string-comparison"
 import BaseIcon from "@/components/BaseIcon.vue";
-import Dialog from "@/pages/pc/components/dialog/Dialog.vue";
 import {getDefaultArticle} from "@/types/func.ts";
 import copy from "copy-to-clipboard";
 import {Option, Select} from "@/pages/pc/components/base/select";
 import Tooltip from "@/pages/pc/components/base/Tooltip.vue";
 import InputNumber from "@/pages/pc/components/base/InputNumber.vue";
+const Dialog = defineAsyncComponent(() => import('@/pages/pc/components/dialog/Dialog.vue'))
 
 interface IProps {
   article?: Article,
@@ -38,8 +38,8 @@ let progress = $ref(0)
 let failCount = $ref(0)
 let textareaRef = $ref<HTMLTextAreaElement>()
 const TranslateEngineOptions = [
-  {value: 'baidu', label: '百度'},
   {value: 'youdao', label: '有道'},
+  {value: 'baidu', label: '百度'},
 ]
 
 let editArticle = $ref<Article>(getDefaultArticle())
@@ -494,11 +494,11 @@ function setStartTime(val: Sentence, i: number, j: number) {
               <span v-if="editSentence.audioPosition?.[1] !== -1"> - {{ editSentence.audioPosition?.[1] }}s</span>
               <span v-else> - 结束</span>
             </div>
-            <BaseIcon2
+            <BaseIcon
                       title="试听"
                       @click="playSentenceAudio(editSentence,sentenceAudioRef,editArticle)">
               <IconHugeiconsPlay/>
-            </BaseIcon2>
+            </BaseIcon>
           </div>
         </div>
         <div class="flex flex-col gap-2">
@@ -507,18 +507,18 @@ function setStartTime(val: Sentence, i: number, j: number) {
             <div class="flex justify-between flex-1">
               <div class="flex items-center gap-2">
                 <InputNumber v-model="editSentence.audioPosition[0]" :precision="2" :step="0.1"/>
-                <BaseIcon2
+                <BaseIcon
                     @click="jumpAudio(editSentence.audioPosition[0])"
                     title="跳转"
                 >
                   <IconIcSharpMyLocation/>
-                </BaseIcon2>
-                <BaseIcon2
+                </BaseIcon>
+                <BaseIcon
                     @click="setPreEndTimeToCurrentStartTime"
                     title="使用前一句的结束时间"
                 >
                   <IconTwemojiEndArrow/>
-                </BaseIcon2>
+                </BaseIcon>
               </div>
               <BaseButton @click="recordStart">记录</BaseButton>
             </div>

src/pages/pc/article/components/EditSingleArticleModal.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
 
 import {Article} from "@/types/types.ts";
-import Dialog from "@/pages/pc/components/dialog/Dialog.vue";
 import {useDisableEventListener} from "@/hooks/event.ts";
 import EditArticle from "@/pages/pc/article/components/EditArticle.vue";
 import {getDefaultArticle} from "@/types/func.ts";
+import {defineAsyncComponent} from "vue";
+const Dialog = defineAsyncComponent(() => import('@/pages/pc/components/dialog/Dialog.vue'))
 
 interface IProps {
   article?: Article

src/pages/pc/components/ConflictNotice.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 
-import {onMounted, watch} from "vue";
+import {defineAsyncComponent, onMounted, watch} from "vue";
 import {useSettingStore} from "@/stores/setting.ts";
-import Dialog from "@/pages/pc/components/dialog/Dialog.vue";
+const Dialog = defineAsyncComponent(() => import('@/pages/pc/components/dialog/Dialog.vue'))
 
 let settingStore = useSettingStore()
 let show = $ref(false)

src/pages/pc/components/dialog/Dialog.vue

@@ -158,9 +158,9 @@ async function cancel() {
       >
         <Tooltip title="关闭">
           <IconIonCloseOutline @click="close"
-                v-if="showClose"
-                class="close hvr-grow cursor-pointer"
-                width="24" color="#929596"/>
+                               v-if="showClose"
+                               class="close hvr-grow cursor-pointer"
+                               width="24" color="#929596"/>
         </Tooltip>
         <div class="modal-header" v-if="header">
           <div class="title">{{ props.title }}</div>

src/pages/pc/word/Statistics.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import Dialog from "@/pages/pc/components/dialog/Dialog.vue";
 import {useBaseStore} from "@/stores/base.ts";
 import BaseButton from "@/components/BaseButton.vue";
 import {ShortcutKey, Statistics} from "@/types/types.ts";
@@ -8,7 +7,8 @@ import {useSettingStore} from "@/stores/setting.ts";
 import {usePracticeStore} from "@/stores/practice.ts";
 import dayjs from "dayjs";
 import isBetween from "dayjs/plugin/isBetween";
-import {watch} from "vue";
+import {defineAsyncComponent, watch} from "vue";
+const Dialog = defineAsyncComponent(() => import('@/pages/pc/components/dialog/Dialog.vue'))
 
 dayjs.extend(isBetween);
 

src/pages/pc/word/WordHomePage.vue

@@ -2,11 +2,10 @@
 import {useBaseStore} from "@/stores/base.ts";
 import {useRouter} from "vue-router";
 import BaseIcon from "@/components/BaseIcon.vue";
-import Dialog from "@/pages/pc/components/dialog/Dialog.vue";
 import {_getAccomplishDate, _getAccomplishDays, _getDictDataByUrl, useNav} from "@/utils";
 import BasePage from "@/pages/pc/components/BasePage.vue";
 import {DictResource} from "@/types/types.ts";
-import {onMounted, watch} from "vue";
+import {defineAsyncComponent, onMounted, watch} from "vue";
 import {getCurrentStudyWord} from "@/hooks/dict.ts";
 import {useRuntimeStore} from "@/stores/runtime.ts";
 import Book from "@/pages/pc/components/Book.vue";
@@ -18,6 +17,9 @@ import {getDefaultDict} from "@/types/func.ts";
 import Slider from "@/pages/pc/components/base/Slider.vue";
 import DeleteIcon from "@/components/icon/DeleteIcon.vue";
 
+const Dialog = defineAsyncComponent(() => import('@/pages/pc/components/dialog/Dialog.vue'))
+
+
 const store = useBaseStore()
 const router = useRouter()
 const {nav} = useNav()
@@ -136,8 +138,8 @@ const progressTextRight = $computed(() => {
             <span @click="goDictDetail(store.sdict)"
                   class="text-lg font-bold cursor-pointer">{{ store.sdict.name || '请选择词典开始学习' }}</span>
             <BaseIcon title="切换词典"
-                       class="ml-4"
-                       @click="router.push('/dict-list')"
+                      class="ml-4"
+                      @click="router.push('/dict-list')"
 
             >
               <IconGgArrowsExchange v-if="store.sdict.name"/>