fix(comp:modal): prevent ok & cancel from triggering while animating (#…

…1190)
IDuxFE · Oct 10, 2022 · e207465 · e207465
1 parent 4dd2899
commit e207465
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/packages/components/modal/src/ModalWrapper.tsx b/packages/components/modal/src/ModalWrapper.tsx
@@ -110,6 +110,17 @@ export default defineComponent({
     )
     const draggableResult = ref()
 
+    const handleOk = (evt?: unknown) => {
+      if (visible.value) {
+        ok(evt)
+      }
+    }
+    const handleCancel = (evt?: unknown) => {
+      if (visible.value) {
+        cancel(evt)
+      }
+    }
+
     onMounted(() => watchVisibleChange(props, wrapperRef, sentinelStartRef, mask, draggableResult))
 
     watch(
@@ -170,13 +181,13 @@ export default defineComponent({
                 <ɵFooter
                   v-slots={slots}
                   class={`${prefixCls}-footer`}
-                  cancel={cancel}
+                  cancel={handleCancel}
                   cancelButton={props.cancelButton}
                   cancelLoading={cancelLoading.value}
                   cancelText={cancelText.value}
                   cancelVisible={cancelVisible.value}
                   footer={props.footer}
-                  ok={ok}
+                  ok={handleOk}
                   okButton={props.okButton}
                   okLoading={okLoading.value}
                   okText={okText.value}