feat(hooks): 添加 useModal 钩子以支持模态框功能

- 实现了一个新的 useModal 钩子，用于管理模态框的显示和关闭逻辑
- 添加了对 Esc 键关闭模态框的支持
- 在客户端环境下，添加了全局键盘事件监听

src/hooks/useModal.ts

@@ -0,0 +1,32 @@
+import { watch } from 'vue'
+import { isClient, useEventListener } from '@vueuse/core'
+import { EVENT_CODE } from '@/constants'
+
+import type { Ref } from 'vue'
+
+type ModalInstance = {
+  handleClose: () => void
+}
+
+const modalStack: ModalInstance[] = []
+
+const closeModal = (e: KeyboardEvent) => {
+  if (modalStack.length === 0) return
+  if (e.code === EVENT_CODE.esc) {
+    e.stopPropagation()
+    const topModal = modalStack[modalStack.length - 1]
+    topModal.handleClose()
+  }
+}
+
+export const useModal = (instance: ModalInstance, visibleRef: Ref<boolean>) => {
+  watch(visibleRef, (val) => {
+    if (val) {
+      modalStack.push(instance)
+    } else {
+      modalStack.splice(modalStack.indexOf(instance), 1)
+    }
+  })
+}
+
+if (isClient) useEventListener(document, 'keydown', closeModal)