style: Optimize drawer closing mechanism (#9559)

Refs #9371

frontend/src/api/interface/cronjob.ts

@@ -151,6 +151,7 @@ export namespace Cronjob {
         name: string;
         script: string;
         groups: string;
+        isInteractive: boolean;
         groupList: Array<number>;
         groupBelong: Array<string>;
         description: string;

frontend/src/views/container/compose/create/index.vue

@@ -1,5 +1,11 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('container.compose')" @close="handleClose" size="large">
+    <DrawerPro
+        v-model="drawerVisible"
+        :header="$t('container.compose')"
+        @close="handleClose"
+        size="large"
+        :autoClose="false"
+    >
         <el-form ref="formRef" @submit.prevent label-position="top" :model="form" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('app.source')">
                 <el-radio-group v-model="form.from" @change="onEdit('form')">

frontend/src/views/container/compose/edit/index.vue

@@ -5,6 +5,7 @@
         @close="handleClose"
         :resource="name"
         size="large"
+        :autoClose="false"
     >
         <div v-loading="loading">
             <el-form ref="formRef" @submit.prevent label-position="top">
@@ -12,7 +13,7 @@
                     <CodemirrorPro
                         v-model="content"
                         mode="yaml"
-                        :heightDiff="225"
+                        :heightDiff="175"
                         placeholder="#Define or paste the content of your docker-compose file here"
                     ></CodemirrorPro>
                 </el-form-item>

frontend/src/views/container/image/build/index.vue

@@ -1,5 +1,11 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('container.imageBuild')" @close="handleClose" size="large">
+    <DrawerPro
+        v-model="drawerVisible"
+        :header="$t('container.imageBuild')"
+        @close="handleClose"
+        size="large"
+        :autoClose="false"
+    >
         <el-form ref="formRef" label-position="top" :model="form" label-width="80px" :rules="rules">
             <el-form-item :label="$t('commons.table.name')" prop="name">
                 <el-input :placeholder="$t('container.imageNameHelper')" v-model.trim="form.name" clearable />

frontend/src/views/container/template/operator/index.vue

@@ -5,6 +5,7 @@
         :resource="dialogData.title === 'create' ? '' : dialogData.rowData?.name"
         @close="handleClose"
         size="large"
+        :autoClose="false"
     >
         <el-form
             v-loading="loading"

frontend/src/views/cronjob/library/operate/index.vue

@@ -5,6 +5,7 @@
         @close="handleClose"
         :resource="dialogData.title !== 'edit' ? '' : dialogData.rowData?.name"
         size="large"
+        :autoClose="false"
     >
         <el-form ref="formRef" v-loading="loading" label-position="top" :model="dialogData.rowData" :rules="rules">
             <el-form-item :label="$t('commons.table.name')" prop="name">