From 95bbf4ee52a8ce52daecd3740173feecdc61390f Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Sat, 11 May 2024 17:52:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8F=B3=E4=BE=A7=E6=8A=BD=E5=B1=89?=
 =?UTF-8?q?=E5=8F=96=E6=B6=88=20esc=20=E5=85=B3=E9=97=AD=20(#4979)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/backup/index.vue                 | 8 +++++++-
 frontend/src/components/codemirror-dialog/index.vue      | 8 +++++++-
 frontend/src/components/compose-log/index.vue            | 8 +++++++-
 frontend/src/components/group/change.vue                 | 8 +++++++-
 frontend/src/components/group/index.vue                  | 8 +++++++-
 frontend/src/components/log-dialog/index.vue             | 1 +
 frontend/src/components/system-upgrade/index.vue         | 9 ++++++++-
 frontend/src/components/upload/index.vue                 | 8 +++++++-
 frontend/src/views/app-store/detail/index.vue            | 8 +++++++-
 frontend/src/views/app-store/detail/install/index.vue    | 1 +
 frontend/src/views/app-store/installed/detail/index.vue  | 2 +-
 frontend/src/views/app-store/installed/ignore/index.vue  | 2 +-
 frontend/src/views/app-store/installed/upgrade/index.vue | 2 +-
 frontend/src/views/container/compose/create/index.vue    | 1 +
 frontend/src/views/container/compose/edit/index.vue      | 8 +++++++-
 frontend/src/views/container/container/log/index.vue     | 1 +
 frontend/src/views/container/container/monitor/index.vue | 1 +
 frontend/src/views/container/container/operate/index.vue | 1 +
 frontend/src/views/container/container/rename/index.vue  | 8 +++++++-
 .../src/views/container/container/terminal/index.vue     | 1 +
 frontend/src/views/container/container/upgrade/index.vue | 8 +++++++-
 frontend/src/views/container/image/build/index.vue       | 1 +
 frontend/src/views/container/image/delete/index.vue      | 8 +++++++-
 frontend/src/views/container/image/load/index.vue        | 8 +++++++-
 frontend/src/views/container/image/pull/index.vue        | 1 +
 frontend/src/views/container/image/push/index.vue        | 1 +
 frontend/src/views/container/image/save/index.vue        | 8 +++++++-
 frontend/src/views/container/image/tag/index.vue         | 8 +++++++-
 frontend/src/views/container/network/create/index.vue    | 8 +++++++-
 frontend/src/views/container/repo/operator/index.vue     | 8 +++++++-
 frontend/src/views/container/setting/ipv6/index.vue      | 1 +
 frontend/src/views/container/setting/log/index.vue       | 1 +
 frontend/src/views/container/setting/mirror/index.vue    | 8 +++++++-
 frontend/src/views/container/setting/registry/index.vue  | 8 +++++++-
 frontend/src/views/container/setting/sock-path/index.vue | 8 +++++++-
 frontend/src/views/container/template/detail/index.vue   | 8 +++++++-
 frontend/src/views/container/template/operator/index.vue | 8 +++++++-
 frontend/src/views/container/volume/create/index.vue     | 8 +++++++-
 frontend/src/views/cronjob/backup/index.vue              | 8 +++++++-
 frontend/src/views/cronjob/operate/index.vue             | 8 +++++++-
 frontend/src/views/database/mysql/bind/index.vue         | 8 +++++++-
 frontend/src/views/database/mysql/conn/index.vue         | 8 +++++++-
 frontend/src/views/database/mysql/create/index.vue       | 8 +++++++-
 frontend/src/views/database/mysql/password/index.vue     | 8 +++++++-
 .../src/views/database/mysql/remote/operate/index.vue    | 8 +++++++-
 frontend/src/views/database/postgresql/bind/index.vue    | 8 +++++++-
 frontend/src/views/database/postgresql/conn/index.vue    | 8 +++++++-
 frontend/src/views/database/postgresql/create/index.vue  | 8 +++++++-
 .../src/views/database/postgresql/password/index.vue     | 8 +++++++-
 .../src/views/database/postgresql/privileges/index.vue   | 8 +++++++-
 .../views/database/postgresql/remote/operate/index.vue   | 8 +++++++-
 frontend/src/views/database/redis/password/index.vue     | 8 +++++++-
 .../src/views/host/file-management/batch-role/index.vue  | 8 +++++++-
 .../src/views/host/file-management/change-role/index.vue | 8 +++++++-
 frontend/src/views/host/file-management/chown/index.vue  | 2 +-
 .../src/views/host/file-management/compress/index.vue    | 1 +
 frontend/src/views/host/file-management/create/index.vue | 1 +
 .../src/views/host/file-management/decompress/index.vue  | 1 +
 frontend/src/views/host/file-management/detail/index.vue | 2 +-
 .../src/views/host/file-management/download/index.vue    | 1 +
 .../src/views/host/file-management/favorite/index.vue    | 8 +++++++-
 frontend/src/views/host/file-management/move/index.vue   | 8 +++++++-
 .../src/views/host/file-management/recycle-bin/index.vue | 8 +++++++-
 frontend/src/views/host/file-management/rename/index.vue | 2 +-
 frontend/src/views/host/file-management/upload/index.vue | 1 +
 frontend/src/views/host/file-management/wget/index.vue   | 8 +++++++-
 frontend/src/views/host/firewall/ip/operate/index.vue    | 8 +++++++-
 frontend/src/views/host/firewall/port/operate/index.vue  | 8 +++++++-
 frontend/src/views/host/monitor/setting/days/index.vue   | 1 +
 .../src/views/host/monitor/setting/interval/index.vue    | 1 +
 frontend/src/views/host/process/process/detail/index.vue | 2 +-
 frontend/src/views/host/ssh/ssh/address/index.vue        | 1 +
 frontend/src/views/host/ssh/ssh/port/index.vue           | 1 +
 frontend/src/views/host/ssh/ssh/pubkey/index.vue         | 1 +
 frontend/src/views/host/ssh/ssh/root/index.vue           | 1 +
 frontend/src/views/host/terminal/command/index.vue       | 8 +++++++-
 .../src/views/host/terminal/host/change-group/index.vue  | 8 +++++++-
 frontend/src/views/host/terminal/host/operate/index.vue  | 8 +++++++-
 .../src/views/host/terminal/terminal/host-create.vue     | 8 +++++++-
 frontend/src/views/setting/backup-account/cos/index.vue  | 8 +++++++-
 frontend/src/views/setting/backup-account/kodo/index.vue | 8 +++++++-
 .../src/views/setting/backup-account/local/index.vue     | 8 +++++++-
 .../src/views/setting/backup-account/minio/index.vue     | 8 +++++++-
 .../src/views/setting/backup-account/onedrive/index.vue  | 8 +++++++-
 frontend/src/views/setting/backup-account/oss/index.vue  | 8 +++++++-
 frontend/src/views/setting/backup-account/s3/index.vue   | 8 +++++++-
 frontend/src/views/setting/backup-account/sftp/index.vue | 8 +++++++-
 .../src/views/setting/backup-account/webdav/index.vue    | 8 +++++++-
 .../src/views/setting/panel/default-network/index.vue    | 8 +++++++-
 frontend/src/views/setting/panel/hidemenu/index.vue      | 8 +++++++-
 frontend/src/views/setting/panel/name/index.vue          | 8 +++++++-
 frontend/src/views/setting/panel/password/index.vue      | 8 +++++++-
 frontend/src/views/setting/panel/systemip/index.vue      | 8 +++++++-
 frontend/src/views/setting/panel/timeout/index.vue       | 8 +++++++-
 frontend/src/views/setting/panel/username/index.vue      | 8 +++++++-
 frontend/src/views/setting/safe/allowips/index.vue       | 8 +++++++-
 frontend/src/views/setting/safe/bind/index.vue           | 8 +++++++-
 frontend/src/views/setting/safe/domain/index.vue         | 8 +++++++-
 frontend/src/views/setting/safe/entrance/index.vue       | 8 +++++++-
 frontend/src/views/setting/safe/mfa/index.vue            | 1 +
 frontend/src/views/setting/safe/port/index.vue           | 8 +++++++-
 frontend/src/views/setting/safe/response/index.vue       | 8 +++++++-
 frontend/src/views/setting/safe/ssl/index.vue            | 1 +
 frontend/src/views/setting/safe/timeout/index.vue        | 8 +++++++-
 .../src/views/setting/snapshot/ignore-rule/index.vue     | 8 +++++++-
 frontend/src/views/setting/snapshot/import/index.vue     | 2 +-
 frontend/src/views/setting/snapshot/index.vue            | 2 +-
 frontend/src/views/setting/snapshot/status/index.vue     | 2 +-
 frontend/src/views/toolbox/device/dns/index.vue          | 8 +++++++-
 frontend/src/views/toolbox/device/hostname/index.vue     | 8 +++++++-
 frontend/src/views/toolbox/device/hosts/index.vue        | 8 +++++++-
 frontend/src/views/toolbox/device/ntp/index.vue          | 8 +++++++-
 frontend/src/views/toolbox/device/passwd/index.vue       | 8 +++++++-
 frontend/src/views/toolbox/device/swap/index.vue         | 8 +++++++-
 frontend/src/views/toolbox/device/time-zone/index.vue    | 8 +++++++-
 frontend/src/views/toolbox/fail2ban/ban-action/index.vue | 8 +++++++-
 frontend/src/views/toolbox/fail2ban/ban-time/index.vue   | 8 +++++++-
 frontend/src/views/toolbox/fail2ban/find-time/index.vue  | 8 +++++++-
 frontend/src/views/toolbox/fail2ban/ips/index.vue        | 8 +++++++-
 frontend/src/views/toolbox/fail2ban/log-path/index.vue   | 8 +++++++-
 frontend/src/views/toolbox/fail2ban/max-retry/index.vue  | 8 +++++++-
 frontend/src/views/toolbox/fail2ban/port/index.vue       | 8 +++++++-
 frontend/src/views/toolbox/supervisor/create/index.vue   | 2 +-
 frontend/src/views/toolbox/supervisor/file/index.vue     | 2 +-
 .../src/views/toolbox/supervisor/status/init/index.vue   | 2 +-
 frontend/src/views/website/runtime/node/module/index.vue | 2 +-
 .../src/views/website/runtime/node/operate/index.vue     | 2 +-
 frontend/src/views/website/runtime/php/create/index.vue  | 2 +-
 .../src/views/website/runtime/php/extensions/index.vue   | 8 +++++++-
 frontend/src/views/website/ssl/acme-account/index.vue    | 2 +-
 frontend/src/views/website/ssl/ca/detail/index.vue       | 2 +-
 frontend/src/views/website/ssl/ca/index.vue              | 2 +-
 frontend/src/views/website/ssl/create/index.vue          | 2 +-
 frontend/src/views/website/ssl/detail/index.vue          | 2 +-
 frontend/src/views/website/ssl/dns-account/index.vue     | 2 +-
 frontend/src/views/website/ssl/upload/index.vue          | 2 +-
 .../website/config/basic/auth-basic/create/index.vue     | 8 +++++++-
 .../website/website/config/basic/domain/create/index.vue | 1 +
 .../website/website/config/basic/proxy/create/index.vue  | 8 +++++++-
 .../website/website/config/basic/proxy/file/index.vue    | 8 +++++++-
 .../website/config/basic/redirect/create/index.vue       | 8 +++++++-
 .../website/website/config/basic/redirect/file/index.vue | 8 +++++++-
 frontend/src/views/website/website/create/index.vue      | 2 +-
 frontend/src/views/website/website/default/index.vue     | 2 +-
 144 files changed, 703 insertions(+), 118 deletions(-)

diff --git a/frontend/src/components/backup/index.vue b/frontend/src/components/backup/index.vue
index d40c0e825..41b2d9b6f 100644
--- a/frontend/src/components/backup/index.vue
+++ b/frontend/src/components/backup/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="backupVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="backupVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader
                     v-if="detailName"
diff --git a/frontend/src/components/codemirror-dialog/index.vue b/frontend/src/components/codemirror-dialog/index.vue
index 62a110685..4b100a036 100644
--- a/frontend/src/components/codemirror-dialog/index.vue
+++ b/frontend/src/components/codemirror-dialog/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="codeVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="codeVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="header" :back="handleClose" />
         </template>
diff --git a/frontend/src/components/compose-log/index.vue b/frontend/src/components/compose-log/index.vue
index a46a3bdec..2510a2aa3 100644
--- a/frontend/src/components/compose-log/index.vue
+++ b/frontend/src/components/compose-log/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :size="globalStore.isFullScreen ? '100%' : '50%'" :before-close="handleClose">
+    <el-drawer
+        v-model="open"
+        :size="globalStore.isFullScreen ? '100%' : '50%'"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :before-close="handleClose"
+    >
         <template #header>
             <DrawerHeader :header="$t('commons.button.log')" :resource="resource" :back="handleClose">
                 <template #extra v-if="!mobile">
diff --git a/frontend/src/components/group/change.vue b/frontend/src/components/group/change.vue
index 56cfb1957..c87b3c273 100644
--- a/frontend/src/components/group/change.vue
+++ b/frontend/src/components/group/change.vue
@@ -1,6 +1,12 @@
 <template>
     <div v-loading="loading">
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('terminal.groupChange')" :back="handleClose" />
             </template>
diff --git a/frontend/src/components/group/index.vue b/frontend/src/components/group/index.vue
index 78d850c65..a3d622aa4 100644
--- a/frontend/src/components/group/index.vue
+++ b/frontend/src/components/group/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%" :before-close="handleClose">
+    <el-drawer
+        :close-on-click-modal="false"
+        v-model="open"
+        size="50%"
+        :close-on-press-escape="false"
+        :before-close="handleClose"
+    >
         <template #header>
             <Header :header="$t('website.group')" :back="handleClose"></Header>
         </template>
diff --git a/frontend/src/components/log-dialog/index.vue b/frontend/src/components/log-dialog/index.vue
index 097023d2d..ba01b1ce1 100644
--- a/frontend/src/components/log-dialog/index.vue
+++ b/frontend/src/components/log-dialog/index.vue
@@ -3,6 +3,7 @@
         v-model="open"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         :size="globalStore.isFullScreen ? '100%' : '50%'"
     >
         <template #header>
diff --git a/frontend/src/components/system-upgrade/index.vue b/frontend/src/components/system-upgrade/index.vue
index 1ab3eecd2..3cff14cea 100644
--- a/frontend/src/components/system-upgrade/index.vue
+++ b/frontend/src/components/system-upgrade/index.vue
@@ -33,7 +33,14 @@
         </el-button>
         <el-tag v-if="version === 'Waiting'" round style="margin-left: 10px">{{ $t('setting.upgrading') }}</el-tag>
     </div>
-    <el-drawer :close-on-click-modal="false" :key="refresh" v-model="drawerVisible" size="50%" append-to-body>
+    <el-drawer
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :key="refresh"
+        v-model="drawerVisible"
+        size="50%"
+        append-to-body
+    >
         <template #header>
             <DrawerHeader :header="$t('commons.button.upgrade')" :back="handleClose" />
         </template>
diff --git a/frontend/src/components/upload/index.vue b/frontend/src/components/upload/index.vue
index ea89aa61d..c5dd484b0 100644
--- a/frontend/src/components/upload/index.vue
+++ b/frontend/src/components/upload/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="upVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="upVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('commons.button.import')" :resource="title" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/app-store/detail/index.vue b/frontend/src/views/app-store/detail/index.vue
index 08e7b4b83..dace5b4d8 100644
--- a/frontend/src/views/app-store/detail/index.vue
+++ b/frontend/src/views/app-store/detail/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :destroy-on-close="true" size="50%">
+    <el-drawer
+        v-model="open"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="$t('app.detail')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/app-store/detail/install/index.vue b/frontend/src/views/app-store/detail/install/index.vue
index 4241c4f25..43d475b48 100644
--- a/frontend/src/views/app-store/detail/install/index.vue
+++ b/frontend/src/views/app-store/detail/install/index.vue
@@ -1,6 +1,7 @@
 <template>
     <el-drawer
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         v-model="open"
         :title="$t('app.install')"
         size="50%"
diff --git a/frontend/src/views/app-store/installed/detail/index.vue b/frontend/src/views/app-store/installed/detail/index.vue
index f000298c6..60839d3de 100644
--- a/frontend/src/views/app-store/installed/detail/index.vue
+++ b/frontend/src/views/app-store/installed/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="40%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="40%">
         <template #header>
             <Header :header="$t('app.param')" :back="handleClose">
                 <template #buttons>
diff --git a/frontend/src/views/app-store/installed/ignore/index.vue b/frontend/src/views/app-store/installed/ignore/index.vue
index e92797e0f..06c43f66e 100644
--- a/frontend/src/views/app-store/installed/ignore/index.vue
+++ b/frontend/src/views/app-store/installed/ignore/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="30%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="30%">
         <template #header>
             <Header :header="$t('app.ignoreList')" :back="handleClose"></Header>
         </template>
diff --git a/frontend/src/views/app-store/installed/upgrade/index.vue b/frontend/src/views/app-store/installed/upgrade/index.vue
index 4153e8485..b8a83675a 100644
--- a/frontend/src/views/app-store/installed/upgrade/index.vue
+++ b/frontend/src/views/app-store/installed/upgrade/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="30%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="30%">
         <template #header>
             <Header
                 :header="$t('commons.button.' + operateReq.operate)"
diff --git a/frontend/src/views/container/compose/create/index.vue b/frontend/src/views/container/compose/create/index.vue
index 26d98e81c..5c7b96485 100644
--- a/frontend/src/views/container/compose/create/index.vue
+++ b/frontend/src/views/container/compose/create/index.vue
@@ -4,6 +4,7 @@
         @close="handleClose"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         size="50%"
     >
         <template #header>
diff --git a/frontend/src/views/container/compose/edit/index.vue b/frontend/src/views/container/compose/edit/index.vue
index 72b53b814..21cc76830 100644
--- a/frontend/src/views/container/compose/edit/index.vue
+++ b/frontend/src/views/container/compose/edit/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="composeVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="composeVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="$t('commons.button.edit')" :resource="name" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/container/container/log/index.vue b/frontend/src/views/container/container/log/index.vue
index b5ef262f4..dcf2a2946 100644
--- a/frontend/src/views/container/container/log/index.vue
+++ b/frontend/src/views/container/container/log/index.vue
@@ -4,6 +4,7 @@
             v-model="logVisible"
             :destroy-on-close="true"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             :before-close="handleClose"
             :size="globalStore.isFullScreen ? '100%' : '50%'"
         >
diff --git a/frontend/src/views/container/container/monitor/index.vue b/frontend/src/views/container/container/monitor/index.vue
index b747d0846..c74c7e6c9 100644
--- a/frontend/src/views/container/container/monitor/index.vue
+++ b/frontend/src/views/container/container/monitor/index.vue
@@ -4,6 +4,7 @@
         :destroy-on-close="true"
         @close="handleClose"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         size="50%"
     >
         <template #header>
diff --git a/frontend/src/views/container/container/operate/index.vue b/frontend/src/views/container/container/operate/index.vue
index 545ee774c..c6aa4dd16 100644
--- a/frontend/src/views/container/container/operate/index.vue
+++ b/frontend/src/views/container/container/operate/index.vue
@@ -4,6 +4,7 @@
         @close="handleClose"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         size="50%"
     >
         <template #header>
diff --git a/frontend/src/views/container/container/rename/index.vue b/frontend/src/views/container/container/rename/index.vue
index bef920a1a..feb62f8e4 100644
--- a/frontend/src/views/container/container/rename/index.vue
+++ b/frontend/src/views/container/container/rename/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="newNameVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="newNameVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader :header="$t('container.rename')" :resource="renameForm.name" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/container/container/terminal/index.vue b/frontend/src/views/container/container/terminal/index.vue
index 777643d1d..cfef40767 100644
--- a/frontend/src/views/container/container/terminal/index.vue
+++ b/frontend/src/views/container/container/terminal/index.vue
@@ -4,6 +4,7 @@
         @close="handleClose"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         size="50%"
     >
         <template #header>
diff --git a/frontend/src/views/container/container/upgrade/index.vue b/frontend/src/views/container/container/upgrade/index.vue
index aa5a01230..5b0fc07a5 100644
--- a/frontend/src/views/container/container/upgrade/index.vue
+++ b/frontend/src/views/container/container/upgrade/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="$t('commons.button.upgrade')" :resource="form.containerName" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/container/image/build/index.vue b/frontend/src/views/container/image/build/index.vue
index ec526c30b..0e4e2dac4 100644
--- a/frontend/src/views/container/image/build/index.vue
+++ b/frontend/src/views/container/image/build/index.vue
@@ -4,6 +4,7 @@
         :destroy-on-close="true"
         @close="handleClose"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         size="50%"
     >
         <template #header>
diff --git a/frontend/src/views/container/image/delete/index.vue b/frontend/src/views/container/image/delete/index.vue
index 6975849de..32ef4e2a8 100644
--- a/frontend/src/views/container/image/delete/index.vue
+++ b/frontend/src/views/container/image/delete/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="deleteVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="deleteVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('container.imageDelete')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/container/image/load/index.vue b/frontend/src/views/container/image/load/index.vue
index fc0a32a83..74cea4487 100644
--- a/frontend/src/views/container/image/load/index.vue
+++ b/frontend/src/views/container/image/load/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="loadVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="loadVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader :header="$t('container.importImage')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/container/image/pull/index.vue b/frontend/src/views/container/image/pull/index.vue
index 7d03697d1..69a3d1270 100644
--- a/frontend/src/views/container/image/pull/index.vue
+++ b/frontend/src/views/container/image/pull/index.vue
@@ -4,6 +4,7 @@
         @close="onCloseLog"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         size="50%"
     >
         <template #header>
diff --git a/frontend/src/views/container/image/push/index.vue b/frontend/src/views/container/image/push/index.vue
index 3d084afdd..f2e94c14f 100644
--- a/frontend/src/views/container/image/push/index.vue
+++ b/frontend/src/views/container/image/push/index.vue
@@ -4,6 +4,7 @@
         :destroy-on-close="true"
         @close="onCloseLog"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         size="50%"
     >
         <template #header>
diff --git a/frontend/src/views/container/image/save/index.vue b/frontend/src/views/container/image/save/index.vue
index 9ae8529d4..b2ef32b2a 100644
--- a/frontend/src/views/container/image/save/index.vue
+++ b/frontend/src/views/container/image/save/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader :header="$t('container.exportImage')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/container/image/tag/index.vue b/frontend/src/views/container/image/tag/index.vue
index bb34d059e..bd52d8061 100644
--- a/frontend/src/views/container/image/tag/index.vue
+++ b/frontend/src/views/container/image/tag/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="$t('container.imageTag')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/container/network/create/index.vue b/frontend/src/views/container/network/create/index.vue
index 609ad25c1..d8604a50f 100644
--- a/frontend/src/views/container/network/create/index.vue
+++ b/frontend/src/views/container/network/create/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="$t('container.createNetwork')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/container/repo/operator/index.vue b/frontend/src/views/container/repo/operator/index.vue
index cdcb8ec76..1de63e252 100644
--- a/frontend/src/views/container/repo/operator/index.vue
+++ b/frontend/src/views/container/repo/operator/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader
                 :header="title + $t('container.repo')"
diff --git a/frontend/src/views/container/setting/ipv6/index.vue b/frontend/src/views/container/setting/ipv6/index.vue
index f7939df30..833ac19e0 100644
--- a/frontend/src/views/container/setting/ipv6/index.vue
+++ b/frontend/src/views/container/setting/ipv6/index.vue
@@ -4,6 +4,7 @@
             v-model="drawerVisible"
             :destroy-on-close="true"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             @close="handleClose"
             size="30%"
         >
diff --git a/frontend/src/views/container/setting/log/index.vue b/frontend/src/views/container/setting/log/index.vue
index d7d417f8e..3e8aaa6bf 100644
--- a/frontend/src/views/container/setting/log/index.vue
+++ b/frontend/src/views/container/setting/log/index.vue
@@ -4,6 +4,7 @@
             v-model="drawerVisible"
             :destroy-on-close="true"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             @close="handleClose"
             size="30%"
         >
diff --git a/frontend/src/views/container/setting/mirror/index.vue b/frontend/src/views/container/setting/mirror/index.vue
index 81a019a22..c6278d9ce 100644
--- a/frontend/src/views/container/setting/mirror/index.vue
+++ b/frontend/src/views/container/setting/mirror/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('container.mirrors')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/container/setting/registry/index.vue b/frontend/src/views/container/setting/registry/index.vue
index f4fc7a145..1e28664fb 100644
--- a/frontend/src/views/container/setting/registry/index.vue
+++ b/frontend/src/views/container/setting/registry/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('container.registries')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/container/setting/sock-path/index.vue b/frontend/src/views/container/setting/sock-path/index.vue
index d8cd1dd89..f463baf3e 100644
--- a/frontend/src/views/container/setting/sock-path/index.vue
+++ b/frontend/src/views/container/setting/sock-path/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('container.sockPath')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/container/template/detail/index.vue b/frontend/src/views/container/template/detail/index.vue
index bfcb71b70..e57ad8f67 100644
--- a/frontend/src/views/container/template/detail/index.vue
+++ b/frontend/src/views/container/template/detail/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="detailVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="detailVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <div class="card-header">
                 <span>{{ $t('commons.button.view') }}</span>
diff --git a/frontend/src/views/container/template/operator/index.vue b/frontend/src/views/container/template/operator/index.vue
index 476ae99ca..11fae9f75 100644
--- a/frontend/src/views/container/template/operator/index.vue
+++ b/frontend/src/views/container/template/operator/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader
                 :header="title + $t('container.composeTemplate')"
diff --git a/frontend/src/views/container/volume/create/index.vue b/frontend/src/views/container/volume/create/index.vue
index cda29d43e..296ac08e6 100644
--- a/frontend/src/views/container/volume/create/index.vue
+++ b/frontend/src/views/container/volume/create/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader :header="$t('container.createVolume')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/cronjob/backup/index.vue b/frontend/src/views/cronjob/backup/index.vue
index dfef0b475..4683c6ab1 100644
--- a/frontend/src/views/cronjob/backup/index.vue
+++ b/frontend/src/views/cronjob/backup/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="backupVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="backupVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader
                     v-if="cronjob"
diff --git a/frontend/src/views/cronjob/operate/index.vue b/frontend/src/views/cronjob/operate/index.vue
index daa30fcc9..9e517e741 100644
--- a/frontend/src/views/cronjob/operate/index.vue
+++ b/frontend/src/views/cronjob/operate/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader
                 :header="title"
diff --git a/frontend/src/views/database/mysql/bind/index.vue b/frontend/src/views/database/mysql/bind/index.vue
index 849c94743..9129a63c5 100644
--- a/frontend/src/views/database/mysql/bind/index.vue
+++ b/frontend/src/views/database/mysql/bind/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="bindVisible" :destroy-on-close="true" :close-on-click-modal="false" width="30%">
+        <el-drawer
+            v-model="bindVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('database.userBind')" :resource="form.mysqlName" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/database/mysql/conn/index.vue b/frontend/src/views/database/mysql/conn/index.vue
index 3ce019937..94f080ae0 100644
--- a/frontend/src/views/database/mysql/conn/index.vue
+++ b/frontend/src/views/database/mysql/conn/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="dialogVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="dialogVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader :header="$t('database.databaseConnInfo')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/database/mysql/create/index.vue b/frontend/src/views/database/mysql/create/index.vue
index 71f65a7d2..d9f7506a3 100644
--- a/frontend/src/views/database/mysql/create/index.vue
+++ b/frontend/src/views/database/mysql/create/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="createVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="createVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader :header="$t('database.create')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/database/mysql/password/index.vue b/frontend/src/views/database/mysql/password/index.vue
index 208197d0f..f044da9d3 100644
--- a/frontend/src/views/database/mysql/password/index.vue
+++ b/frontend/src/views/database/mysql/password/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="changeVisible" :destroy-on-close="true" :close-on-click-modal="false" width="30%">
+        <el-drawer
+            v-model="changeVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="30%"
+        >
             <template #header>
                 <DrawerHeader :header="title" :resource="changeForm.mysqlName" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/database/mysql/remote/operate/index.vue b/frontend/src/views/database/mysql/remote/operate/index.vue
index 812cc6a53..0e7942dd2 100644
--- a/frontend/src/views/database/mysql/remote/operate/index.vue
+++ b/frontend/src/views/database/mysql/remote/operate/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader
                 :hideResource="dialogData.title === 'create'"
diff --git a/frontend/src/views/database/postgresql/bind/index.vue b/frontend/src/views/database/postgresql/bind/index.vue
index a23e4f996..f85fc7d11 100644
--- a/frontend/src/views/database/postgresql/bind/index.vue
+++ b/frontend/src/views/database/postgresql/bind/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="bindVisible" :destroy-on-close="true" :close-on-click-modal="false" width="30%">
+        <el-drawer
+            v-model="bindVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('database.userBind')" :resource="form.name" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/database/postgresql/conn/index.vue b/frontend/src/views/database/postgresql/conn/index.vue
index 81ef9c49f..cf477fde9 100644
--- a/frontend/src/views/database/postgresql/conn/index.vue
+++ b/frontend/src/views/database/postgresql/conn/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="dialogVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="dialogVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader :header="$t('database.databaseConnInfo')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/database/postgresql/create/index.vue b/frontend/src/views/database/postgresql/create/index.vue
index 24a23ceb9..d620c123f 100644
--- a/frontend/src/views/database/postgresql/create/index.vue
+++ b/frontend/src/views/database/postgresql/create/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="createVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="createVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader :header="$t('database.create')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/database/postgresql/password/index.vue b/frontend/src/views/database/postgresql/password/index.vue
index 580869d2c..0af30a303 100644
--- a/frontend/src/views/database/postgresql/password/index.vue
+++ b/frontend/src/views/database/postgresql/password/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="changeVisible" :destroy-on-close="true" :close-on-click-modal="false" width="30%">
+        <el-drawer
+            v-model="changeVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="30%"
+        >
             <template #header>
                 <DrawerHeader :header="title" :resource="changeForm.postgresqlName" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/database/postgresql/privileges/index.vue b/frontend/src/views/database/postgresql/privileges/index.vue
index f71c31576..cf16cd768 100644
--- a/frontend/src/views/database/postgresql/privileges/index.vue
+++ b/frontend/src/views/database/postgresql/privileges/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="changeVisible" :destroy-on-close="true" :close-on-click-modal="false" width="30%">
+        <el-drawer
+            v-model="changeVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('database.permission')" :resource="form.name" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/database/postgresql/remote/operate/index.vue b/frontend/src/views/database/postgresql/remote/operate/index.vue
index a03294ec8..2ece91c6f 100644
--- a/frontend/src/views/database/postgresql/remote/operate/index.vue
+++ b/frontend/src/views/database/postgresql/remote/operate/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader
                 :hideResource="dialogData.title === 'create'"
diff --git a/frontend/src/views/database/redis/password/index.vue b/frontend/src/views/database/redis/password/index.vue
index 9ca698c86..dc936d3a0 100644
--- a/frontend/src/views/database/redis/password/index.vue
+++ b/frontend/src/views/database/redis/password/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="dialogVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+    <el-drawer
+        v-model="dialogVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="30%"
+    >
         <template #header>
             <DrawerHeader :header="$t('database.databaseConnInfo')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/file-management/batch-role/index.vue b/frontend/src/views/host/file-management/batch-role/index.vue
index 0f3c04ce4..dccceea0a 100644
--- a/frontend/src/views/host/file-management/batch-role/index.vue
+++ b/frontend/src/views/host/file-management/batch-role/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :before-close="handleClose" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="open"
+        :before-close="handleClose"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="$t('file.setRole')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/file-management/change-role/index.vue b/frontend/src/views/host/file-management/change-role/index.vue
index 16a8ea467..5004614f7 100644
--- a/frontend/src/views/host/file-management/change-role/index.vue
+++ b/frontend/src/views/host/file-management/change-role/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :before-close="handleClose" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="open"
+        :before-close="handleClose"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="$t('file.setRole')" :resource="name" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/file-management/chown/index.vue b/frontend/src/views/host/file-management/chown/index.vue
index b5846f510..0cc8027a6 100644
--- a/frontend/src/views/host/file-management/chown/index.vue
+++ b/frontend/src/views/host/file-management/chown/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="open" size="40%">
+    <el-drawer v-model="open" size="40%" :close-on-click-modal="false" :close-on-press-escape="false">
         <template #header>
             <DrawerHeader :header="$t('file.changeOwner')" :resource="name" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/file-management/compress/index.vue b/frontend/src/views/host/file-management/compress/index.vue
index 04d427ca0..def0d3e99 100644
--- a/frontend/src/views/host/file-management/compress/index.vue
+++ b/frontend/src/views/host/file-management/compress/index.vue
@@ -3,6 +3,7 @@
         v-model="open"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         :before-close="handleClose"
         size="50%"
     >
diff --git a/frontend/src/views/host/file-management/create/index.vue b/frontend/src/views/host/file-management/create/index.vue
index 6498f11dd..a41ed3db1 100644
--- a/frontend/src/views/host/file-management/create/index.vue
+++ b/frontend/src/views/host/file-management/create/index.vue
@@ -4,6 +4,7 @@
         :before-close="handleClose"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         size="40%"
     >
         <template #header>
diff --git a/frontend/src/views/host/file-management/decompress/index.vue b/frontend/src/views/host/file-management/decompress/index.vue
index e34fe701f..fc970fce0 100644
--- a/frontend/src/views/host/file-management/decompress/index.vue
+++ b/frontend/src/views/host/file-management/decompress/index.vue
@@ -3,6 +3,7 @@
         v-model="open"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         :before-close="handleClose"
         size="40%"
     >
diff --git a/frontend/src/views/host/file-management/detail/index.vue b/frontend/src/views/host/file-management/detail/index.vue
index bfeb169e3..9a61fbf8a 100644
--- a/frontend/src/views/host/file-management/detail/index.vue
+++ b/frontend/src/views/host/file-management/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="open" width="30%">
+    <el-drawer v-model="open" width="30%" :close-on-click-modal="false" :close-on-press-escape="false">
         <template #header>
             <DrawerHeader :header="$t('file.info')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/file-management/download/index.vue b/frontend/src/views/host/file-management/download/index.vue
index 0920aaa3c..680c66be8 100644
--- a/frontend/src/views/host/file-management/download/index.vue
+++ b/frontend/src/views/host/file-management/download/index.vue
@@ -4,6 +4,7 @@
         :title="$t('file.download')"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         :before-close="handleClose"
         size="40%"
     >
diff --git a/frontend/src/views/host/file-management/favorite/index.vue b/frontend/src/views/host/file-management/favorite/index.vue
index d22d409d4..e765a35c4 100644
--- a/frontend/src/views/host/file-management/favorite/index.vue
+++ b/frontend/src/views/host/file-management/favorite/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :before-close="handleClose" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="open"
+        :before-close="handleClose"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="$t('file.favorite')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/file-management/move/index.vue b/frontend/src/views/host/file-management/move/index.vue
index 07a4bf0fa..6804a6716 100644
--- a/frontend/src/views/host/file-management/move/index.vue
+++ b/frontend/src/views/host/file-management/move/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :destroy-on-close="true" :close-on-click-modal="false" size="40%">
+    <el-drawer
+        v-model="open"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="40%"
+    >
         <template #header>
             <DrawerHeader :header="title" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/file-management/recycle-bin/index.vue b/frontend/src/views/host/file-management/recycle-bin/index.vue
index 907c95f85..b1f91ce77 100644
--- a/frontend/src/views/host/file-management/recycle-bin/index.vue
+++ b/frontend/src/views/host/file-management/recycle-bin/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :before-close="handleClose" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="open"
+        :before-close="handleClose"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="$t('file.recycleBin')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/file-management/rename/index.vue b/frontend/src/views/host/file-management/rename/index.vue
index 47ecb1aab..657dc4497 100644
--- a/frontend/src/views/host/file-management/rename/index.vue
+++ b/frontend/src/views/host/file-management/rename/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="open" size="40%">
+    <el-drawer v-model="open" size="40%" :close-on-click-modal="false" :close-on-press-escape="false">
         <template #header>
             <DrawerHeader :header="$t('file.rename')" :resource="oldName" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/file-management/upload/index.vue b/frontend/src/views/host/file-management/upload/index.vue
index 9286e84d9..0bb6c13c3 100644
--- a/frontend/src/views/host/file-management/upload/index.vue
+++ b/frontend/src/views/host/file-management/upload/index.vue
@@ -5,6 +5,7 @@
         size="40%"
         :destroy-on-close="true"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
     >
         <template #header>
             <DrawerHeader :header="$t('file.upload')" :back="handleClose" />
diff --git a/frontend/src/views/host/file-management/wget/index.vue b/frontend/src/views/host/file-management/wget/index.vue
index f92e3654b..0e62358e2 100644
--- a/frontend/src/views/host/file-management/wget/index.vue
+++ b/frontend/src/views/host/file-management/wget/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :before-close="handleClose" size="50%">
+    <el-drawer
+        v-model="open"
+        :before-close="handleClose"
+        size="50%"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+    >
         <template #header>
             <DrawerHeader :header="$t('file.download')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/firewall/ip/operate/index.vue b/frontend/src/views/host/firewall/ip/operate/index.vue
index 6d2b97f95..163985a45 100644
--- a/frontend/src/views/host/firewall/ip/operate/index.vue
+++ b/frontend/src/views/host/firewall/ip/operate/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="title" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/firewall/port/operate/index.vue b/frontend/src/views/host/firewall/port/operate/index.vue
index 0c4044fe7..95b622c75 100644
--- a/frontend/src/views/host/firewall/port/operate/index.vue
+++ b/frontend/src/views/host/firewall/port/operate/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+    <el-drawer
+        v-model="drawerVisible"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="50%"
+    >
         <template #header>
             <DrawerHeader :header="title" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/host/monitor/setting/days/index.vue b/frontend/src/views/host/monitor/setting/days/index.vue
index fbf802b9c..cf01c7682 100644
--- a/frontend/src/views/host/monitor/setting/days/index.vue
+++ b/frontend/src/views/host/monitor/setting/days/index.vue
@@ -5,6 +5,7 @@
             :destroy-on-close="true"
             @close="handleClose"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             size="30%"
         >
             <template #header>
diff --git a/frontend/src/views/host/monitor/setting/interval/index.vue b/frontend/src/views/host/monitor/setting/interval/index.vue
index c4932c829..3efece7ea 100644
--- a/frontend/src/views/host/monitor/setting/interval/index.vue
+++ b/frontend/src/views/host/monitor/setting/interval/index.vue
@@ -5,6 +5,7 @@
             :destroy-on-close="true"
             @close="handleClose"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             size="30%"
         >
             <template #header>
diff --git a/frontend/src/views/host/process/process/detail/index.vue b/frontend/src/views/host/process/process/detail/index.vue
index 00ce6dd63..1cc285e44 100644
--- a/frontend/src/views/host/process/process/detail/index.vue
+++ b/frontend/src/views/host/process/process/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="open" size="40%">
+    <el-drawer v-model="open" size="40%" :close-on-click-modal="false" :close-on-press-escape="false">
         <template #header>
             <DrawerHeader :header="$t('app.detail')" :back="handleClose" :resource="resourceName" />
         </template>
diff --git a/frontend/src/views/host/ssh/ssh/address/index.vue b/frontend/src/views/host/ssh/ssh/address/index.vue
index a8ee8ca7d..333eb34f8 100644
--- a/frontend/src/views/host/ssh/ssh/address/index.vue
+++ b/frontend/src/views/host/ssh/ssh/address/index.vue
@@ -5,6 +5,7 @@
             :destroy-on-close="true"
             @close="handleClose"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             size="30%"
         >
             <template #header>
diff --git a/frontend/src/views/host/ssh/ssh/port/index.vue b/frontend/src/views/host/ssh/ssh/port/index.vue
index a78d681ad..ad8d582a5 100644
--- a/frontend/src/views/host/ssh/ssh/port/index.vue
+++ b/frontend/src/views/host/ssh/ssh/port/index.vue
@@ -5,6 +5,7 @@
             :destroy-on-close="true"
             @close="handleClose"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             size="30%"
         >
             <template #header>
diff --git a/frontend/src/views/host/ssh/ssh/pubkey/index.vue b/frontend/src/views/host/ssh/ssh/pubkey/index.vue
index 7f5b765dc..994663be1 100644
--- a/frontend/src/views/host/ssh/ssh/pubkey/index.vue
+++ b/frontend/src/views/host/ssh/ssh/pubkey/index.vue
@@ -5,6 +5,7 @@
             :destroy-on-close="true"
             @close="handleClose"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             size="30%"
         >
             <template #header>
diff --git a/frontend/src/views/host/ssh/ssh/root/index.vue b/frontend/src/views/host/ssh/ssh/root/index.vue
index fabae100b..c8770c3fd 100644
--- a/frontend/src/views/host/ssh/ssh/root/index.vue
+++ b/frontend/src/views/host/ssh/ssh/root/index.vue
@@ -5,6 +5,7 @@
             :destroy-on-close="true"
             @close="handleClose"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             size="30%"
         >
             <template #header>
diff --git a/frontend/src/views/host/terminal/command/index.vue b/frontend/src/views/host/terminal/command/index.vue
index 1fdbb49aa..f90ccb306 100644
--- a/frontend/src/views/host/terminal/command/index.vue
+++ b/frontend/src/views/host/terminal/command/index.vue
@@ -66,7 +66,13 @@
                 </ComplexTable>
             </template>
         </LayoutContent>
-        <el-drawer v-model="cmdVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="cmdVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader
                     :header="$t('commons.button.' + operate) + $t('terminal.quickCommand')"
diff --git a/frontend/src/views/host/terminal/host/change-group/index.vue b/frontend/src/views/host/terminal/host/change-group/index.vue
index 12965705d..d10633f57 100644
--- a/frontend/src/views/host/terminal/host/change-group/index.vue
+++ b/frontend/src/views/host/terminal/host/change-group/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div v-loading="loading">
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('terminal.groupChange')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/host/terminal/host/operate/index.vue b/frontend/src/views/host/terminal/host/operate/index.vue
index cbe2e24d8..26c4ac714 100644
--- a/frontend/src/views/host/terminal/host/operate/index.vue
+++ b/frontend/src/views/host/terminal/host/operate/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div v-loading="loading">
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('terminal.host')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/host/terminal/terminal/host-create.vue b/frontend/src/views/host/terminal/terminal/host-create.vue
index 68d505dbc..7753700d6 100644
--- a/frontend/src/views/host/terminal/terminal/host-create.vue
+++ b/frontend/src/views/host/terminal/terminal/host-create.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="dialogVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="dialogVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('terminal.addHost')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/backup-account/cos/index.vue b/frontend/src/views/setting/backup-account/cos/index.vue
index 3aefc044f..a98e7e8ac 100644
--- a/frontend/src/views/setting/backup-account/cos/index.vue
+++ b/frontend/src/views/setting/backup-account/cos/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="title + $t('setting.backupAccount')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/backup-account/kodo/index.vue b/frontend/src/views/setting/backup-account/kodo/index.vue
index 086094a0d..2e715260c 100644
--- a/frontend/src/views/setting/backup-account/kodo/index.vue
+++ b/frontend/src/views/setting/backup-account/kodo/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="title + $t('setting.backupAccount')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/backup-account/local/index.vue b/frontend/src/views/setting/backup-account/local/index.vue
index 79b04bfbf..396880c01 100644
--- a/frontend/src/views/setting/backup-account/local/index.vue
+++ b/frontend/src/views/setting/backup-account/local/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div v-loading="loading">
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="title + $t('setting.backupAccount')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/backup-account/minio/index.vue b/frontend/src/views/setting/backup-account/minio/index.vue
index 6c0bd3ecf..6faa3a959 100644
--- a/frontend/src/views/setting/backup-account/minio/index.vue
+++ b/frontend/src/views/setting/backup-account/minio/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="title + $t('setting.backupAccount')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/backup-account/onedrive/index.vue b/frontend/src/views/setting/backup-account/onedrive/index.vue
index e5631a67b..1e7478368 100644
--- a/frontend/src/views/setting/backup-account/onedrive/index.vue
+++ b/frontend/src/views/setting/backup-account/onedrive/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="title + $t('setting.backupAccount')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/backup-account/oss/index.vue b/frontend/src/views/setting/backup-account/oss/index.vue
index f6b3021dd..b7942c1ec 100644
--- a/frontend/src/views/setting/backup-account/oss/index.vue
+++ b/frontend/src/views/setting/backup-account/oss/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="title + $t('setting.backupAccount')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/backup-account/s3/index.vue b/frontend/src/views/setting/backup-account/s3/index.vue
index 4b8846e7a..7ac43eae9 100644
--- a/frontend/src/views/setting/backup-account/s3/index.vue
+++ b/frontend/src/views/setting/backup-account/s3/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="title + $t('setting.backupAccount')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/backup-account/sftp/index.vue b/frontend/src/views/setting/backup-account/sftp/index.vue
index b1a8a3771..352d77c84 100644
--- a/frontend/src/views/setting/backup-account/sftp/index.vue
+++ b/frontend/src/views/setting/backup-account/sftp/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="title + $t('setting.backupAccount')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/backup-account/webdav/index.vue b/frontend/src/views/setting/backup-account/webdav/index.vue
index c32e6c718..5d6273d3c 100644
--- a/frontend/src/views/setting/backup-account/webdav/index.vue
+++ b/frontend/src/views/setting/backup-account/webdav/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader :header="title + $t('setting.backupAccount')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/panel/default-network/index.vue b/frontend/src/views/setting/panel/default-network/index.vue
index e148bb5a7..8421743c9 100644
--- a/frontend/src/views/setting/panel/default-network/index.vue
+++ b/frontend/src/views/setting/panel/default-network/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.defaultNetwork')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/panel/hidemenu/index.vue b/frontend/src/views/setting/panel/hidemenu/index.vue
index d8bce5a8a..2e6e146d3 100644
--- a/frontend/src/views/setting/panel/hidemenu/index.vue
+++ b/frontend/src/views/setting/panel/hidemenu/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.advancedMenuHide')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/panel/name/index.vue b/frontend/src/views/setting/panel/name/index.vue
index 615e0dd74..3f957efcb 100644
--- a/frontend/src/views/setting/panel/name/index.vue
+++ b/frontend/src/views/setting/panel/name/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.title')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/panel/password/index.vue b/frontend/src/views/setting/panel/password/index.vue
index e7d11f5e7..da6c8c0c1 100644
--- a/frontend/src/views/setting/panel/password/index.vue
+++ b/frontend/src/views/setting/panel/password/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div v-loading="loading">
-        <el-drawer v-model="passwordVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="passwordVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.changePassword')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/panel/systemip/index.vue b/frontend/src/views/setting/panel/systemip/index.vue
index baac541b3..30f36fb3f 100644
--- a/frontend/src/views/setting/panel/systemip/index.vue
+++ b/frontend/src/views/setting/panel/systemip/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.systemIP')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/panel/timeout/index.vue b/frontend/src/views/setting/panel/timeout/index.vue
index d75cbe6dc..d4985cfb5 100644
--- a/frontend/src/views/setting/panel/timeout/index.vue
+++ b/frontend/src/views/setting/panel/timeout/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.sessionTimeout')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/panel/username/index.vue b/frontend/src/views/setting/panel/username/index.vue
index 86e9661d1..6b32478e6 100644
--- a/frontend/src/views/setting/panel/username/index.vue
+++ b/frontend/src/views/setting/panel/username/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.user')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/safe/allowips/index.vue b/frontend/src/views/setting/safe/allowips/index.vue
index 5d0045158..38c91d636 100644
--- a/frontend/src/views/setting/safe/allowips/index.vue
+++ b/frontend/src/views/setting/safe/allowips/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.allowIPs')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/safe/bind/index.vue b/frontend/src/views/setting/safe/bind/index.vue
index a2ebff85e..ea7760056 100644
--- a/frontend/src/views/setting/safe/bind/index.vue
+++ b/frontend/src/views/setting/safe/bind/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.bindInfo')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/safe/domain/index.vue b/frontend/src/views/setting/safe/domain/index.vue
index 0386a64e8..11ffce266 100644
--- a/frontend/src/views/setting/safe/domain/index.vue
+++ b/frontend/src/views/setting/safe/domain/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.bindDomain')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/safe/entrance/index.vue b/frontend/src/views/setting/safe/entrance/index.vue
index 8534dcda3..2e42aeaf1 100644
--- a/frontend/src/views/setting/safe/entrance/index.vue
+++ b/frontend/src/views/setting/safe/entrance/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.entrance')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/safe/mfa/index.vue b/frontend/src/views/setting/safe/mfa/index.vue
index f6da42839..2a2320b29 100644
--- a/frontend/src/views/setting/safe/mfa/index.vue
+++ b/frontend/src/views/setting/safe/mfa/index.vue
@@ -4,6 +4,7 @@
             v-model="drawerVisible"
             :destroy-on-close="true"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             @close="handleClose"
             size="30%"
         >
diff --git a/frontend/src/views/setting/safe/port/index.vue b/frontend/src/views/setting/safe/port/index.vue
index 7f4fc973b..902ce1d43 100644
--- a/frontend/src/views/setting/safe/port/index.vue
+++ b/frontend/src/views/setting/safe/port/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.panelPort')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/safe/response/index.vue b/frontend/src/views/setting/safe/response/index.vue
index 2c6f04780..8115a4a3a 100644
--- a/frontend/src/views/setting/safe/response/index.vue
+++ b/frontend/src/views/setting/safe/response/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.noAuthSetting')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/safe/ssl/index.vue b/frontend/src/views/setting/safe/ssl/index.vue
index 7e814784f..d0ecee2de 100644
--- a/frontend/src/views/setting/safe/ssl/index.vue
+++ b/frontend/src/views/setting/safe/ssl/index.vue
@@ -5,6 +5,7 @@
             :destroy-on-close="true"
             @close="handleClose"
             :close-on-click-modal="false"
+            :close-on-press-escape="false"
             size="50%"
         >
             <template #header>
diff --git a/frontend/src/views/setting/safe/timeout/index.vue b/frontend/src/views/setting/safe/timeout/index.vue
index 30c2d2bb7..99d0dba54 100644
--- a/frontend/src/views/setting/safe/timeout/index.vue
+++ b/frontend/src/views/setting/safe/timeout/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.expirationTime')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/snapshot/ignore-rule/index.vue b/frontend/src/views/setting/snapshot/ignore-rule/index.vue
index 9eff0eed6..af20806b0 100644
--- a/frontend/src/views/setting/snapshot/ignore-rule/index.vue
+++ b/frontend/src/views/setting/snapshot/ignore-rule/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.ignoreRule')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/snapshot/import/index.vue b/frontend/src/views/setting/snapshot/import/index.vue
index 706fafade..f50a694d2 100644
--- a/frontend/src/views/setting/snapshot/import/index.vue
+++ b/frontend/src/views/setting/snapshot/import/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" size="30%">
+        <el-drawer v-model="drawerVisible" size="30%" :close-on-click-modal="false" :close-on-press-escape="false">
             <template #header>
                 <DrawerHeader :header="$t('setting.importSnapshot')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/snapshot/index.vue b/frontend/src/views/setting/snapshot/index.vue
index 44bff9e21..cae3138b7 100644
--- a/frontend/src/views/setting/snapshot/index.vue
+++ b/frontend/src/views/setting/snapshot/index.vue
@@ -112,7 +112,7 @@
         </LayoutContent>
         <RecoverStatus ref="recoverStatusRef" @search="search()"></RecoverStatus>
         <SnapshotImport ref="importRef" @search="search()" />
-        <el-drawer v-model="drawerVisible" size="50%">
+        <el-drawer v-model="drawerVisible" size="50%" :close-on-click-modal="false" :close-on-press-escape="false">
             <template #header>
                 <DrawerHeader :header="$t('setting.createSnapshot')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/setting/snapshot/status/index.vue b/frontend/src/views/setting/snapshot/status/index.vue
index 30b29a7ec..71f5211e9 100644
--- a/frontend/src/views/setting/snapshot/status/index.vue
+++ b/frontend/src/views/setting/snapshot/status/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div v-loading="loading">
-        <el-drawer v-model="drawerVisible">
+        <el-drawer v-model="drawerVisible" :close-on-click-modal="false" :close-on-press-escape="false">
             <template #header>
                 <DrawerHeader :header="$t('setting.recoverDetail')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/device/dns/index.vue b/frontend/src/views/toolbox/device/dns/index.vue
index 5b8dc49df..a7d64e3d5 100644
--- a/frontend/src/views/toolbox/device/dns/index.vue
+++ b/frontend/src/views/toolbox/device/dns/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader header="DNS" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/device/hostname/index.vue b/frontend/src/views/toolbox/device/hostname/index.vue
index 63e48055b..2e369c272 100644
--- a/frontend/src/views/toolbox/device/hostname/index.vue
+++ b/frontend/src/views/toolbox/device/hostname/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('toolbox.device.hostname')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/device/hosts/index.vue b/frontend/src/views/toolbox/device/hosts/index.vue
index 318b776b0..f686992c5 100644
--- a/frontend/src/views/toolbox/device/hosts/index.vue
+++ b/frontend/src/views/toolbox/device/hosts/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader header="Hosts" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/device/ntp/index.vue b/frontend/src/views/toolbox/device/ntp/index.vue
index caa3f81a6..b44716b8b 100644
--- a/frontend/src/views/toolbox/device/ntp/index.vue
+++ b/frontend/src/views/toolbox/device/ntp/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('toolbox.device.syncSite')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/device/passwd/index.vue b/frontend/src/views/toolbox/device/passwd/index.vue
index 99f5e676a..f49213f0a 100644
--- a/frontend/src/views/toolbox/device/passwd/index.vue
+++ b/frontend/src/views/toolbox/device/passwd/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="passwordVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="passwordVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('setting.changePassword')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/device/swap/index.vue b/frontend/src/views/toolbox/device/swap/index.vue
index 48a8061dd..77be80fc2 100644
--- a/frontend/src/views/toolbox/device/swap/index.vue
+++ b/frontend/src/views/toolbox/device/swap/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="50%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="50%"
+        >
             <template #header>
                 <DrawerHeader header="Swap" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/device/time-zone/index.vue b/frontend/src/views/toolbox/device/time-zone/index.vue
index e7477d977..2dc3107e3 100644
--- a/frontend/src/views/toolbox/device/time-zone/index.vue
+++ b/frontend/src/views/toolbox/device/time-zone/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('toolbox.device.timeZone')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/fail2ban/ban-action/index.vue b/frontend/src/views/toolbox/fail2ban/ban-action/index.vue
index 20abfe7ae..3bbbda702 100644
--- a/frontend/src/views/toolbox/fail2ban/ban-action/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/ban-action/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('toolbox.fail2ban.banAction')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/fail2ban/ban-time/index.vue b/frontend/src/views/toolbox/fail2ban/ban-time/index.vue
index 324d67989..d374087b6 100644
--- a/frontend/src/views/toolbox/fail2ban/ban-time/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/ban-time/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('toolbox.fail2ban.banTime')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/fail2ban/find-time/index.vue b/frontend/src/views/toolbox/fail2ban/find-time/index.vue
index 8b6f30efb..17549697e 100644
--- a/frontend/src/views/toolbox/fail2ban/find-time/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/find-time/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('toolbox.fail2ban.findTime')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/fail2ban/ips/index.vue b/frontend/src/views/toolbox/fail2ban/ips/index.vue
index d0dcb9e91..8f3413939 100644
--- a/frontend/src/views/toolbox/fail2ban/ips/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/ips/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer :close-on-click-modal="false" :destroy-on-close="true" v-model="drawerVisible" size="30%">
+    <el-drawer
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :destroy-on-close="true"
+        v-model="drawerVisible"
+        size="30%"
+    >
         <template #header>
             <Header :header="$t('toolbox.fail2ban.' + form.operate + 'IP')" :back="handleClose"></Header>
         </template>
diff --git a/frontend/src/views/toolbox/fail2ban/log-path/index.vue b/frontend/src/views/toolbox/fail2ban/log-path/index.vue
index 8aafe87c1..c7bb168b2 100644
--- a/frontend/src/views/toolbox/fail2ban/log-path/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/log-path/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('toolbox.fail2ban.logPath')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/fail2ban/max-retry/index.vue b/frontend/src/views/toolbox/fail2ban/max-retry/index.vue
index e0edfcbae..cc4444f9e 100644
--- a/frontend/src/views/toolbox/fail2ban/max-retry/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/max-retry/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('toolbox.fail2ban.maxRetry')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/fail2ban/port/index.vue b/frontend/src/views/toolbox/fail2ban/port/index.vue
index 10127e226..9d166c211 100644
--- a/frontend/src/views/toolbox/fail2ban/port/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/port/index.vue
@@ -1,6 +1,12 @@
 <template>
     <div>
-        <el-drawer v-model="drawerVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
+        <el-drawer
+            v-model="drawerVisible"
+            :destroy-on-close="true"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            size="30%"
+        >
             <template #header>
                 <DrawerHeader :header="$t('toolbox.fail2ban.sshPort')" :back="handleClose" />
             </template>
diff --git a/frontend/src/views/toolbox/supervisor/create/index.vue b/frontend/src/views/toolbox/supervisor/create/index.vue
index f60e04571..d4a2f9b30 100644
--- a/frontend/src/views/toolbox/supervisor/create/index.vue
+++ b/frontend/src/views/toolbox/supervisor/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="30%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="30%">
         <template #header>
             <DrawerHeader
                 :header="process.operate == 'create' ? $t('commons.button.create') : $t('commons.button.edit')"
diff --git a/frontend/src/views/toolbox/supervisor/file/index.vue b/frontend/src/views/toolbox/supervisor/file/index.vue
index 9ead70b61..c8092bcd6 100644
--- a/frontend/src/views/toolbox/supervisor/file/index.vue
+++ b/frontend/src/views/toolbox/supervisor/file/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader :header="title" :back="handleClose"></DrawerHeader>
         </template>
diff --git a/frontend/src/views/toolbox/supervisor/status/init/index.vue b/frontend/src/views/toolbox/supervisor/status/init/index.vue
index 6e583fa88..60257e175 100644
--- a/frontend/src/views/toolbox/supervisor/status/init/index.vue
+++ b/frontend/src/views/toolbox/supervisor/status/init/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="30%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="30%">
         <template #header>
             <DrawerHeader :header="$t('commons.button.init')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/runtime/node/module/index.vue b/frontend/src/views/website/runtime/node/module/index.vue
index aac7c545b..2b6f9b686 100644
--- a/frontend/src/views/website/runtime/node/module/index.vue
+++ b/frontend/src/views/website/runtime/node/module/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader :header="$t('runtime.moduleManager')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/runtime/node/operate/index.vue b/frontend/src/views/website/runtime/node/operate/index.vue
index 29c9516f1..afca4f90a 100644
--- a/frontend/src/views/website/runtime/node/operate/index.vue
+++ b/frontend/src/views/website/runtime/node/operate/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader
                 :header="$t('runtime.' + mode)"
diff --git a/frontend/src/views/website/runtime/php/create/index.vue b/frontend/src/views/website/runtime/php/create/index.vue
index 2a7b50b90..b784241e1 100644
--- a/frontend/src/views/website/runtime/php/create/index.vue
+++ b/frontend/src/views/website/runtime/php/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader :header="$t('runtime.' + mode)" :resource="runtime.name" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/runtime/php/extensions/index.vue b/frontend/src/views/website/runtime/php/extensions/index.vue
index 278cc0c69..6e0a4e203 100644
--- a/frontend/src/views/website/runtime/php/extensions/index.vue
+++ b/frontend/src/views/website/runtime/php/extensions/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%" :before-close="handleClose">
+    <el-drawer
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        v-model="open"
+        size="50%"
+        :before-close="handleClose"
+    >
         <template #header>
             <DrawerHeader :header="$t('php.extensions')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/ssl/acme-account/index.vue b/frontend/src/views/website/ssl/acme-account/index.vue
index e5c82d455..792e8daca 100644
--- a/frontend/src/views/website/ssl/acme-account/index.vue
+++ b/frontend/src/views/website/ssl/acme-account/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="60%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="60%">
         <template #header>
             <DrawerHeader :header="$t('website.acmeAccountManage')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/ssl/ca/detail/index.vue b/frontend/src/views/website/ssl/ca/detail/index.vue
index 1f72d7bde..5ca838f12 100644
--- a/frontend/src/views/website/ssl/ca/detail/index.vue
+++ b/frontend/src/views/website/ssl/ca/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader :header="$t('ssl.organizationDetail')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/ssl/ca/index.vue b/frontend/src/views/website/ssl/ca/index.vue
index d2062762d..21c83975a 100644
--- a/frontend/src/views/website/ssl/ca/index.vue
+++ b/frontend/src/views/website/ssl/ca/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader :header="$t('ssl.ca')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/ssl/create/index.vue b/frontend/src/views/website/ssl/create/index.vue
index 4b1b57ef5..f58d4ae4f 100644
--- a/frontend/src/views/website/ssl/create/index.vue
+++ b/frontend/src/views/website/ssl/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader :header="$t('ssl.' + operate)" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/ssl/detail/index.vue b/frontend/src/views/website/ssl/detail/index.vue
index 34708af3a..d22bd0910 100644
--- a/frontend/src/views/website/ssl/detail/index.vue
+++ b/frontend/src/views/website/ssl/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader :header="$t('ssl.detail')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/ssl/dns-account/index.vue b/frontend/src/views/website/ssl/dns-account/index.vue
index fa8a8a97e..478adc8e3 100644
--- a/frontend/src/views/website/ssl/dns-account/index.vue
+++ b/frontend/src/views/website/ssl/dns-account/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" :size="'50%'">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" :size="'50%'">
         <template #header>
             <DrawerHeader :header="$t('website.dnsAccountManage')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/ssl/upload/index.vue b/frontend/src/views/website/ssl/upload/index.vue
index 4c73a20bd..1f1229405 100644
--- a/frontend/src/views/website/ssl/upload/index.vue
+++ b/frontend/src/views/website/ssl/upload/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader :header="$t('ssl.upload')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue b/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue
index 1f0cb0ab9..3ebeef026 100644
--- a/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :close-on-click-modal="false" size="40%" :before-close="handleClose">
+    <el-drawer
+        v-model="open"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="40%"
+        :before-close="handleClose"
+    >
         <template #header>
             <DrawerHeader
                 :header="$t('commons.button.' + authBasic.operate) + $t('website.basicAuth')"
diff --git a/frontend/src/views/website/website/config/basic/domain/create/index.vue b/frontend/src/views/website/website/config/basic/domain/create/index.vue
index c16b9cd69..b352a5be3 100644
--- a/frontend/src/views/website/website/config/basic/domain/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/domain/create/index.vue
@@ -2,6 +2,7 @@
     <el-drawer
         v-model="open"
         :close-on-click-modal="false"
+        :close-on-press-escape="false"
         :title="$t('website.addDomain')"
         size="40%"
         :before-close="handleClose"
diff --git a/frontend/src/views/website/website/config/basic/proxy/create/index.vue b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
index 21913450f..2bf9a33a0 100644
--- a/frontend/src/views/website/website/config/basic/proxy/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :close-on-click-modal="false" size="40%" :before-close="handleClose">
+    <el-drawer
+        v-model="open"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="40%"
+        :before-close="handleClose"
+    >
         <template #header>
             <DrawerHeader :header="$t('website.' + proxy.operate + 'Proxy')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/website/config/basic/proxy/file/index.vue b/frontend/src/views/website/website/config/basic/proxy/file/index.vue
index 8df7a7328..ec0ed5a8c 100644
--- a/frontend/src/views/website/website/config/basic/proxy/file/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/file/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :close-on-click-modal="false" :size="size" :before-close="handleClose">
+    <el-drawer
+        v-model="open"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :size="size"
+        :before-close="handleClose"
+    >
         <template #header>
             <DrawerHeader :header="$t('website.proxyFile')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/website/config/basic/redirect/create/index.vue b/frontend/src/views/website/website/config/basic/redirect/create/index.vue
index b53e835fd..bb309aeaa 100644
--- a/frontend/src/views/website/website/config/basic/redirect/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/redirect/create/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :close-on-click-modal="false" size="40%" :before-close="handleClose">
+    <el-drawer
+        v-model="open"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="40%"
+        :before-close="handleClose"
+    >
         <template #header>
             <DrawerHeader
                 :header="$t('commons.button.' + redirect.operate) + $t('website.redirect')"
diff --git a/frontend/src/views/website/website/config/basic/redirect/file/index.vue b/frontend/src/views/website/website/config/basic/redirect/file/index.vue
index 83e654605..ba21ef10b 100644
--- a/frontend/src/views/website/website/config/basic/redirect/file/index.vue
+++ b/frontend/src/views/website/website/config/basic/redirect/file/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <el-drawer v-model="open" :close-on-click-modal="false" size="40%" :before-close="handleClose">
+    <el-drawer
+        v-model="open"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        size="40%"
+        :before-close="handleClose"
+    >
         <template #header>
             <DrawerHeader :header="$t('website.proxyFile')" :back="handleClose" />
         </template>
diff --git a/frontend/src/views/website/website/create/index.vue b/frontend/src/views/website/website/create/index.vue
index bdddd4616..c43c17e88 100644
--- a/frontend/src/views/website/website/create/index.vue
+++ b/frontend/src/views/website/website/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="50%">
         <template #header>
             <DrawerHeader :header="$t('website.create')" :back="handleClose">
                 <template #buttons>
diff --git a/frontend/src/views/website/website/default/index.vue b/frontend/src/views/website/website/default/index.vue
index 668b1ace7..ed7524d09 100644
--- a/frontend/src/views/website/website/default/index.vue
+++ b/frontend/src/views/website/website/default/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer :close-on-click-modal="false" v-model="open" size="40%">
+    <el-drawer :close-on-click-modal="false" :close-on-press-escape="false" v-model="open" size="40%">
         <template #header>
             <DrawerHeader :header="$t('website.defaultServer')" :back="handleClose"></DrawerHeader>
         </template>