From a3407dda72e90e35fc7d35db0887a8dccdb131db Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 30 Jul 2022 13:27:05 +0800
Subject: [PATCH] fix(gui-v2): set maskClosable to false

---
 packages/nc-gui-v2/components/dlg/AirtableImport.vue | 2 +-
 packages/nc-gui-v2/components/dlg/QuickImport.vue    | 2 +-
 packages/nc-gui-v2/components/dlg/TableCreate.vue    | 1 +
 packages/nc-gui-v2/components/dlg/TableRename.vue    | 1 +
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui-v2/components/dlg/AirtableImport.vue b/packages/nc-gui-v2/components/dlg/AirtableImport.vue
index 673e93d3c7..94b1efad22 100644
--- a/packages/nc-gui-v2/components/dlg/AirtableImport.vue
+++ b/packages/nc-gui-v2/components/dlg/AirtableImport.vue
@@ -210,7 +210,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <a-modal v-model:visible="dialogShow" width="max(30vw, 600px)" @keydown.esc="dialogShow = false">
+  <a-modal v-model:visible="dialogShow" width="max(30vw, 600px)" :mask-closable="false" @keydown.esc="dialogShow = false">
     <template #footer>
       <div v-if="step === 1">
         <a-button key="back" @click="dialogShow = false">{{ $t('general.cancel') }}</a-button>
diff --git a/packages/nc-gui-v2/components/dlg/QuickImport.vue b/packages/nc-gui-v2/components/dlg/QuickImport.vue
index 4678f101b9..705d8799a0 100644
--- a/packages/nc-gui-v2/components/dlg/QuickImport.vue
+++ b/packages/nc-gui-v2/components/dlg/QuickImport.vue
@@ -228,7 +228,7 @@ function getAdapter(name: string, val: any) {
 </script>
 
 <template>
-  <a-modal v-model:visible="dialogShow" width="max(60vw, 600px)" @keydown.esc="dialogShow = false">
+  <a-modal v-model:visible="dialogShow" width="max(60vw, 600px)" :mask-closable="false" @keydown.esc="dialogShow = false">
     <a-typography-title class="ml-5 mt-5 mb-5" type="secondary" :level="5">{{ importMeta.header }}</a-typography-title>
     <template #footer>
       <a-button v-if="templateEditorModal" key="back" @click="templateEditorModal = false">Back</a-button>
diff --git a/packages/nc-gui-v2/components/dlg/TableCreate.vue b/packages/nc-gui-v2/components/dlg/TableCreate.vue
index 51da509f0b..eb726c3a2e 100644
--- a/packages/nc-gui-v2/components/dlg/TableCreate.vue
+++ b/packages/nc-gui-v2/components/dlg/TableCreate.vue
@@ -76,6 +76,7 @@ onMounted(() => {
   <a-modal
     v-model:visible="dialogShow"
     width="max(30vw, 600px)"
+    :mask-closable="false"
     @keydown.esc="dialogShow = false"
     @keydown.enter="$emit('create', table)"
   >
diff --git a/packages/nc-gui-v2/components/dlg/TableRename.vue b/packages/nc-gui-v2/components/dlg/TableRename.vue
index b18148ca70..bfd2e46b0b 100644
--- a/packages/nc-gui-v2/components/dlg/TableRename.vue
+++ b/packages/nc-gui-v2/components/dlg/TableRename.vue
@@ -95,6 +95,7 @@ const renameTable = async () => {
   <a-modal
     v-model:visible="dialogShow"
     :title="$t('activity.renameTable')"
+    :mask-closable="false"
     @keydown.esc="dialogShow = false"
     @finish="renameTable"
   >