From 4c06ddd5f9618719b3ccc14bc3832ec235f4d174 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Sat, 25 Nov 2023 15:28:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Modal=E6=8B=96=E6=8B=BD=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E4=BC=A0=E9=80=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DraggableModal/index.vue | 37 +++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 3 deletions(-)

diff --git a/src/components/DraggableModal/index.vue b/src/components/DraggableModal/index.vue
index 24ebf7a1..3d5b78ec 100644
--- a/src/components/DraggableModal/index.vue
+++ b/src/components/DraggableModal/index.vue
@@ -2,6 +2,7 @@
 import { ref, watch, watchEffect, CSSProperties, computed } from 'vue';
 import { useDraggable } from '@vueuse/core';
 const emit = defineEmits(['update:visible', 'ok', 'cancel']);
+/**于a-modal保持一致 */
 const props = defineProps({
   /**是否弹出显示，必传 */
   visible: {
@@ -18,11 +19,37 @@ const props = defineProps({
     type: [String, Number],
     default: '520px',
   },
-  /**确认按钮加载 */
+  bodyStyle: {
+    type: Object,
+    default: {},
+  },
+  keyboard: {
+    type: Boolean,
+    default: true,
+  },
+  mask: {
+    type: Boolean,
+    default: true,
+  },
+  maskClosable: {
+    type: Boolean,
+    default: true,
+  },
+  maskStyle: {
+    type: Object,
+    default: {},
+  },
+  destroyOnClose: {
+    type: Boolean,
+    default: false,
+  },
   confirmLoading: {
     type: Boolean,
     default: false,
   },
+  footer: {
+    type: Object,
+  },
 });
 
 // 对标题进行监听
@@ -96,10 +123,14 @@ watch(
 <template>
   <a-modal
     :width="props.width"
-    :keyboard="false"
-    :mask-closable="false"
+    :keyboard="props.keyboard"
+    :mask-closable="props.maskClosable"
     :visible="props.visible"
     :confirm-loading="props.confirmLoading"
+    :body-style="props.bodyStyle"
+    :mask-style="props.maskStyle"
+    :destroy-on-close="props.destroyOnClose"
+    :footer="props.footer"
     @ok="e => emit('ok', e)"
     @cancel="e => emit('cancel', e)"
   >