From 9e20d046c507a83ab85972f2d4003d93bc6dc6b4 Mon Sep 17 00:00:00 2001
From: vdpAdmin <vdpadmin@163.com>
Date: Sun, 13 Nov 2022 16:32:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=80=E6=9C=89=E5=AF=B9=E8=AF=9D=E6=A1=86?=
 =?UTF-8?q?=E8=A1=A5=E5=85=A8append-to-body=E5=B1=9E=E6=80=A7=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../form-designer/setting-panel/form-setting.vue          | 6 +++---
 src/components/form-designer/setting-panel/index.vue      | 2 +-
 .../form-designer/setting-panel/option-items-setting.vue  | 4 ++--
 src/components/form-designer/toolbar-panel/index.vue      | 8 ++++----
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/form-designer/setting-panel/form-setting.vue b/src/components/form-designer/setting-panel/form-setting.vue
index 029964e..0bc6d93 100644
--- a/src/components/form-designer/setting-panel/form-setting.vue
+++ b/src/components/form-designer/setting-panel/form-setting.vue
@@ -81,7 +81,7 @@
     </el-form>
 
     <el-dialog :title="i18nt('designer.setting.editFormEventHandler')" :visible.sync="showFormEventDialogFlag"
-               v-if="showFormEventDialogFlag" :show-close="true" class="small-padding-dialog" v-dialog-drag
+               v-if="showFormEventDialogFlag" :show-close="true" class="small-padding-dialog" append-to-body v-dialog-drag
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <el-alert type="info" :closable="false" :title="'form.' + eventParamsMap[curEventName]"></el-alert>
       <code-editor :mode="'javascript'" :readonly="false" v-model="formEventHandlerCode" ref="ecEditor"></code-editor>
@@ -95,7 +95,7 @@
     </el-dialog>
 
     <el-dialog :title="i18nt('designer.setting.formCss')" :visible.sync="showEditFormCssDialogFlag"
-               v-if="showEditFormCssDialogFlag" :show-close="true" class="small-padding-dialog" v-dialog-drag
+               v-if="showEditFormCssDialogFlag" :show-close="true" class="small-padding-dialog" append-to-body v-dialog-drag
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <code-editor :mode="'css'" :readonly="false" v-model="formCssCode"></code-editor>
       <div slot="footer" class="dialog-footer">
@@ -107,7 +107,7 @@
     </el-dialog>
 
     <el-dialog :title="i18nt('designer.setting.globalFunctions')" :visible.sync="showEditFunctionsDialogFlag"
-               v-if="showEditFunctionsDialogFlag" :show-close="true" class="small-padding-dialog" v-dialog-drag
+               v-if="showEditFunctionsDialogFlag" :show-close="true" class="small-padding-dialog" append-to-body v-dialog-drag
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <code-editor :mode="'javascript'" :readonly="false" v-model="functionsCode" ref="gfEditor"></code-editor>
       <div slot="footer" class="dialog-footer">
diff --git a/src/components/form-designer/setting-panel/index.vue b/src/components/form-designer/setting-panel/index.vue
index e30fe53..2fe034e 100644
--- a/src/components/form-designer/setting-panel/index.vue
+++ b/src/components/form-designer/setting-panel/index.vue
@@ -72,7 +72,7 @@
     </el-tabs>
 
     <el-dialog :title="i18nt('designer.setting.editWidgetEventHandler')" :visible.sync="showWidgetEventDialogFlag"
-               v-if="showWidgetEventDialogFlag" :show-close="true" class="small-padding-dialog" v-dialog-drag
+               v-if="showWidgetEventDialogFlag" :show-close="true" class="small-padding-dialog" append-to-body v-dialog-drag
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <el-alert type="info" :closable="false" :title="eventHeader"></el-alert>
       <code-editor :mode="'javascript'" :readonly="false" v-model="eventHandlerCode" ref="ecEditor"></code-editor>
diff --git a/src/components/form-designer/setting-panel/option-items-setting.vue b/src/components/form-designer/setting-panel/option-items-setting.vue
index 5e8b3d5..9076356 100644
--- a/src/components/form-designer/setting-panel/option-items-setting.vue
+++ b/src/components/form-designer/setting-panel/option-items-setting.vue
@@ -47,7 +47,7 @@
     </div>
 
     <el-dialog :title="i18nt('designer.setting.importOptions')" :visible.sync="showImportDialogFlag"
-               v-if="showImportDialogFlag" :show-close="true" class="small-padding-dialog"
+               v-if="showImportDialogFlag" :show-close="true" class="small-padding-dialog" append-to-body
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <el-form-item>
         <el-input type="textarea" rows="10" v-model="optionLines"></el-input>
@@ -59,7 +59,7 @@
     </el-dialog>
 
     <el-dialog :title="i18nt('designer.setting.importOptions')" :visible.sync="showImportCascaderDialogFlag"
-               v-if="showImportCascaderDialogFlag" :show-close="true" class="small-padding-dialog"
+               v-if="showImportCascaderDialogFlag" :show-close="true" class="small-padding-dialog" append-to-body
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <code-editor v-model="cascaderOptions" mode="json" :readonly="false"></code-editor>
       <div slot="footer" class="dialog-footer">
diff --git a/src/components/form-designer/toolbar-panel/index.vue b/src/components/form-designer/toolbar-panel/index.vue
index bf5e203..09daf80 100644
--- a/src/components/form-designer/toolbar-panel/index.vue
+++ b/src/components/form-designer/toolbar-panel/index.vue
@@ -74,7 +74,7 @@
     </el-dialog>
 
     <el-dialog :title="i18nt('designer.toolbar.importJson')" :visible.sync="showImportJsonDialogFlag"
-               v-if="showImportJsonDialogFlag" :show-close="true" class="small-padding-dialog" center v-dialog-drag
+               v-if="showImportJsonDialogFlag" :show-close="true" class="small-padding-dialog" center append-to-body v-dialog-drag
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <el-alert type="info" :title="i18nt('designer.hint.importJsonHint')" show-icon class="alert-padding"></el-alert>
       <code-editor :mode="'json'" :readonly="false" v-model="importTemplate"></code-editor>
@@ -87,7 +87,7 @@
     </el-dialog>
 
     <el-dialog :title="i18nt('designer.toolbar.exportJson')" :visible.sync="showExportJsonDialogFlag"
-               v-if="showExportJsonDialogFlag" :show-close="true" class="small-padding-dialog" center v-dialog-drag
+               v-if="showExportJsonDialogFlag" :show-close="true" class="small-padding-dialog" center append-to-body v-dialog-drag
                :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <code-editor :mode="'json'" :readonly="true" v-model="jsonContent"></code-editor>
       <div slot="footer" class="dialog-footer">
@@ -100,7 +100,7 @@
     </el-dialog>
 
     <el-dialog :title="i18nt('designer.toolbar.exportCode')" :visible.sync="showExportCodeDialogFlag"
-               v-if="showExportCodeDialogFlag" :show-close="true" class="small-padding-dialog" center v-dialog-drag
+               v-if="showExportCodeDialogFlag" :show-close="true" class="small-padding-dialog" center append-to-body v-dialog-drag
                width="65%" :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <el-tabs type="border-card" class="no-box-shadow no-padding" v-model="activeCodeTab">
         <el-tab-pane label="Vue" name="vue">
@@ -139,7 +139,7 @@
     </el-dialog>
 
     <el-dialog :title="i18nt('designer.toolbar.generateSFC')" :visible.sync="showExportSFCDialogFlag"
-               v-if="showExportSFCDialogFlag" :show-close="true" class="small-padding-dialog" center v-dialog-drag
+               v-if="showExportSFCDialogFlag" :show-close="true" class="small-padding-dialog" center append-to-body v-dialog-drag
                width="65%" :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true">
       <el-tabs type="border-card" class="no-box-shadow no-padding" v-model="activeSFCTab">
         <el-tab-pane label="Vue2" name="vue2">