save

src/pages/pc/components/PopConfirm.vue

@@ -53,7 +53,31 @@ export default {
       this.$emit('confirm')
     }
   },
-
+  render() {
+    let Vnode = this.$slots.default()[0]
+    return (
+        <div class="pop-confirm">
+          <Teleport to="body">
+            <Transition>
+              {
+                  this.show && (
+                      <div ref="tip" className="pop-confirm-content">
+                        <div className="text">
+                          {this.title}
+                        </div>
+                        <div className="options">
+                          <div onClick={() => this.show = false}>取消</div>
+                          <div className="main" onClick={() => this.confirm()}>确认</div>
+                        </div>
+                      </div>
+                  )
+              }
+            </Transition>
+          </Teleport>
+          <Vnode onClick={(e) => this.showPop(e)}/>
+        </div>
+    )
+  }
 }
 </script>
 <style lang="scss" scoped>

src/pages/pc/components/Tooltip.vue

@@ -1,4 +1,4 @@
-<script lang="tsx">
+<script lang="jsx">
 import {nextTick, Teleport, Transition} from "vue";
 
 export default {
@@ -45,12 +45,25 @@ export default {
     },
   },
   render() {
-    return (
-        <div>
-          123
-
-        </div>
-    )
+    let Vnode = this.$slots.default()[0]
+    return <>
+      {
+          this.show && this.title && (
+              <Teleport to="body">
+                <Transition name="fade">
+                  <div ref="tip" className="tip">
+                    {this.title}
+                  </div>
+                </Transition>
+              </Teleport>
+          )
+      }
+      <Vnode
+          onClick={() => this.show = false}
+          onmouseenter={(e) => this.showPop(e)}
+          onmouseleave={() => this.show = false}
+      />
+    </>
   }
 }
 </script>

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

@@ -2,7 +2,6 @@
 import {useBaseStore} from "@/stores/base.ts"
 import {onMounted} from "vue"
 import {chunk} from "lodash-es";
-import {$computed, $ref} from "vue/macros";
 import BaseButton from "@/components/BaseButton.vue";
 import {Icon} from '@iconify/vue';
 import "vue-activity-calendar/style.css";

src/pages/pc/components/list/DictItem.vue

@@ -2,7 +2,6 @@
 
 import {Dict, DictType} from "@/types.ts";
 import {Icon} from "@iconify/vue";
-import {$computed} from "vue/macros";
 import BaseIcon from "@/components/BaseIcon.vue";
 
 const props = defineProps<{

src/pages/pc/components/toolbar/index.vue

@@ -13,7 +13,6 @@ import TranslateSetting from "@/pages/pc/components/toolbar/TranslateSetting.vue
 import {useSettingStore} from "@/stores/setting.ts";
 import {usePracticeStore} from "@/stores/practice.ts";
 import {useRuntimeStore} from "@/stores/runtime.ts";
-import {$ref} from "vue/macros";
 import {ShortcutKey} from "@/types.ts";
 import {emitter, EventKey} from "@/utils/eventBus.ts";
 import BaseIcon from "@/components/BaseIcon.vue";

src/pages/pc/dict2/DictListPanel2.vue

@@ -1,19 +1,14 @@
 <script setup lang="ts">
 
 import {DictResource,} from "@/types.ts";
-import {$computed, $ref} from "vue/macros";
 import {dictionaryResources} from "@/assets/dictionary.ts";
 import {groupBy} from "lodash-es";
 import {useBaseStore} from "@/stores/base.ts";
-import DictList from "@/pages/pc/components/list/DictList.vue";
 import DictGroup from "@/pages/pc/components/list/DictGroup.vue";
-import bookFlag from "@/assets/img/flags/book.png";
 import enFlag from "@/assets/img/flags/en.png";
 import jaFlag from "@/assets/img/flags/ja.png";
 import deFlag from "@/assets/img/flags/de.png";
 import codeFlag from "@/assets/img/flags/code.png";
-import myFlag from "@/assets/img/flags/my.png";
-import {Icon} from "@iconify/vue";
 import BaseIcon from "@/components/BaseIcon.vue";
 import {useRouter} from "vue-router";
 

src/pages/pc/index.vue

@@ -22,8 +22,7 @@ const router = useRouter()
       <div class="top">
         <Logo/>
         <div class="row" @click="router.push('/home')">
-          <Icon icon="material-symbols-light:dictionary-outline-sharp"/>
-          <!--          <Icon icon="streamline:dictionary-language-book"/>-->
+          <Icon icon="iconoir:home" />
           <span>主页</span>
         </div>
         <div class="row" @click="router.push('/word')">

src/pages/pc/practice/practice-article/TypingArticle.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {computed, nextTick, onMounted, onUnmounted, watch} from "vue"
-import {$ref} from "vue/macros";
 import {Article, ArticleWord, DefaultArticle, ShortcutKey, Word} from "@/types.ts";
 import {useBaseStore} from "@/stores/base.ts";
 import {usePracticeStore} from "@/stores/practice.ts";