feat: 右侧抽屉取消 esc 关闭 (#4979)

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"

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>

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">

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>

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>

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>

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>

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>

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>

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%"

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>

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>

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)"

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>

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>

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%'"
         >

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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')"

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%"
         >

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%"
         >

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>

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>

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>

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>

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')"

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>

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"

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"

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>

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>

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>

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>

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'"

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>

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>

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>

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>

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>

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'"

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>

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>

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>

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>

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%"
     >

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>

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%"
     >

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>

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%"
     >

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>

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>

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>

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>

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" />

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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')"

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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%"
         >