feat(modal): update modal

src/App.vue

@@ -5,8 +5,13 @@ import {useBaseStore} from "@/stores/base.ts";
 import {SaveKey} from "@/types.ts"
 import Practice from "@/components/Practice/Practice.vue"
 import AddArticle from "@/components/Practice/AddArticle.vue";
+import {useEventListener, useStartKeyboardEventListener} from "@/hooks/event.ts";
+import {emitter, EventKey} from "@/utils/eventBus.ts";
+import {useRuntimeStore} from "@/stores/runtime.ts";
 
 const store = useBaseStore()
+const runtimeStore = useRuntimeStore()
+
 // 查询当前系统主题颜色
 const match: MediaQueryList = window.matchMedia("(prefers-color-scheme: dark)")
 // 监听系统主题变化
@@ -22,12 +27,22 @@ watch(store.$state, (n) => {
   localStorage.setItem(SaveKey, JSON.stringify(n))
 })
 
+useStartKeyboardEventListener()
+
 onMounted(() => {
   store.init()
   if (store.theme !== 'auto') {
     document.documentElement.setAttribute('data-theme', store.theme)
   }
 })
+
+useEventListener('keyup', (e: KeyboardEvent) => {
+  if (e.key === 'Escape') {
+    let lastItem = runtimeStore.modalList.pop()
+    console.log('la',lastItem)
+    lastItem && lastItem.close()
+  }
+})
 </script>
 
 <template>