tangweijie
5099f2e87e
- Vue 3 + TypeScript + Element Plus 前端界面 - Pinia 状态管理 - Vue Router 4 路由管理 - Axios HTTP 客户端 - MSW (Mock Service Worker) 开发环境模拟 - 账户管理界面 (列表、详情、三科目余额展示) - 交易管理界面 (列表、详情) - 对账管理界面 (三账校验) - 完善的 API 客户端封装 - Docker 容器化配置 - Nginx 配置用于生产环境
36 lines
1.0 KiB
JavaScript
36 lines
1.0 KiB
JavaScript
import { onMounted, onBeforeUnmount } from 'vue';
|
|
import { isClient } from '@vueuse/core';
|
|
import { getEventCode } from '../../utils/dom/event.mjs';
|
|
import { EVENT_CODE } from '../../constants/aria.mjs';
|
|
|
|
let registeredEscapeHandlers = [];
|
|
const cachedHandler = (event) => {
|
|
const code = getEventCode(event);
|
|
if (code === EVENT_CODE.esc) {
|
|
registeredEscapeHandlers.forEach(
|
|
(registeredHandler) => registeredHandler(event)
|
|
);
|
|
}
|
|
};
|
|
const useEscapeKeydown = (handler) => {
|
|
onMounted(() => {
|
|
if (registeredEscapeHandlers.length === 0) {
|
|
document.addEventListener("keydown", cachedHandler);
|
|
}
|
|
if (isClient)
|
|
registeredEscapeHandlers.push(handler);
|
|
});
|
|
onBeforeUnmount(() => {
|
|
registeredEscapeHandlers = registeredEscapeHandlers.filter(
|
|
(registeredHandler) => registeredHandler !== handler
|
|
);
|
|
if (registeredEscapeHandlers.length === 0) {
|
|
if (isClient)
|
|
document.removeEventListener("keydown", cachedHandler);
|
|
}
|
|
});
|
|
};
|
|
|
|
export { useEscapeKeydown };
|
|
//# sourceMappingURL=index.mjs.map
|