From 9f3a54be0f5e67f20928838956ff9d7f4b45cdf2 Mon Sep 17 00:00:00 2001
From: unanmed <1319491857@qq.com>
Date: Mon, 7 Aug 2023 18:48:40 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=A2=9E=E5=8A=A0=E6=8C=89?=
 =?UTF-8?q?=E9=94=AE=E9=80=80=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/settings.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/ui/settings.vue b/src/ui/settings.vue
index 5959453..b2533c3 100644
--- a/src/ui/settings.vue
+++ b/src/ui/settings.vue
@@ -92,7 +92,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, shallowRef } from 'vue';
+import { computed, onMounted, onUnmounted, onUpdated, shallowRef } from 'vue';
 import {
     mainSetting,
     MotaSetting,
@@ -103,10 +103,12 @@ import {
 } from '../core/main/setting';
 import settingText from '../data/settings.json';
 import { RightOutlined, LeftOutlined } from '@ant-design/icons-vue';
-import { splitText } from '../plugin/utils';
+import { keycode, splitText } from '../plugin/utils';
 import Scroll from '../components/scroll.vue';
 import { settingsOpened } from '../plugin/uiController';
 import { isMobile } from '../plugin/use';
+import { sleep } from 'mutate-animate';
+import { KeyCode } from '../plugin/keyCodes';
 
 const props = defineProps<{
     info?: MotaSetting;
@@ -170,6 +172,21 @@ function changeValue(value: number | boolean) {
 function exit() {
     settingsOpened.value = false;
 }
+
+function key(e: KeyboardEvent) {
+    const c = keycode(e.keyCode);
+    if (c === KeyCode.Escape || c === KeyCode.KeyX) exit();
+}
+
+onMounted(async () => {
+    await sleep(50);
+    if (ancTe.plugin.ui.transition.value) await sleep(600);
+    document.addEventListener('keyup', key);
+});
+
+onUnmounted(() => {
+    document.removeEventListener('keyup', key);
+});
 </script>
 
 <style lang="less" scoped>