Optimize UI interface zyronon Today 11:24

src/hooks/dict.ts

@@ -0,0 +1,56 @@
+import {Word} from "@/types.ts";
+import {useBaseStore} from "@/stores/base.ts";
+
+
+export function useWordOptions() {
+  const store = useBaseStore()
+
+  function isWordCollect(val: Word) {
+    return !!store.collect.originWords.find(v => v.name.toLowerCase() === val.name.toLowerCase())
+  }
+
+  function toggleWordCollect(val: Word) {
+    let rIndex = store.collect.originWords.findIndex(v => v.name.toLowerCase() === val.name.toLowerCase())
+    if (rIndex > -1) {
+      store.collect.originWords.splice(rIndex, 1)
+    } else {
+      let rIndex = store.simple.originWords.findIndex(v => v.name.toLowerCase() === val.name.toLowerCase())
+      if (rIndex > -1) {
+        store.simple.originWords.splice(rIndex, 1)
+      }
+      store.collect.originWords.push(val)
+    }
+  }
+
+  function isWordSimple(val: Word) {
+    return !!store.simple.originWords.find(v => v.name.toLowerCase() === val.name.toLowerCase())
+  }
+
+  function toggleWordSimple(val: Word) {
+    let rIndex = store.simple.originWords.findIndex(v => v.name.toLowerCase() === val.name.toLowerCase())
+    if (rIndex > -1) {
+      store.simple.originWords.splice(rIndex, 1)
+    } else {
+      let rIndex = store.collect.originWords.findIndex(v => v.name.toLowerCase() === val.name.toLowerCase())
+      if (rIndex > -1) {
+        store.collect.originWords.splice(rIndex, 1)
+      }
+      store.simple.originWords.push(val)
+    }
+  }
+
+  function delWrongWord(val: Word) {
+    let rIndex = store.wrong.originWords.findIndex(v => v.name.toLowerCase() === val.name.toLowerCase())
+    if (rIndex > -1) {
+      store.wrong.originWords.splice(rIndex, 1)
+    }
+  }
+
+  return {
+    isWordCollect,
+    toggleWordCollect,
+    isWordSimple,
+    toggleWordSimple,
+    delWrongWord
+  }
+}

src/hooks/event.ts

@@ -22,6 +22,7 @@ export function useStartKeyboardEventListener() {
   const runtimeStore = useRuntimeStore()
 
   useEventListener('keydown', (e: KeyboardEvent) => {
+    // console.log('e',e.keyCode,e.code)
     if (!runtimeStore.disableEventListener) {
       //非英文模式下，输入区域的 keyCode 均为 229时，
       if ((e.keyCode >= 65 && e.keyCode <= 90)
@@ -36,7 +37,7 @@ export function useStartKeyboardEventListener() {
         || e.code === 'Minus'
         || e.code === 'Equal'
         || e.code === 'Semicolon'
-        || e.code === 'Backquote'
+        // || e.code === 'Backquote'
         || e.keyCode === 229
       ) {
         emitter.emit(EventKey.onTyping, e)