update

src/ui/Duel/yesNoModal.tsx

-import React from "react";
+import React, { useRef } from "react";
 import { useAppSelector } from "../../hook";
 import { store } from "../../store";
-import { Modal, Button } from "antd";
+import { Button } from "antd";
 import { sendSelectEffectYnResponse } from "../../api/ocgcore/ocgHelper";
 import {
   selectYesNoModalIsOpen,
   selectYesNOModalMsg,
 } from "../../reducers/duel/modal/mod";
 import { setYesNoModalIsOpen } from "../../reducers/duel/mod";
+import DragModal from "./dragModal";
 
 const YesNoModal = () => {
   const dispatch = store.dispatch;
   const isOpen = useAppSelector(selectYesNoModalIsOpen);
   const msg = useAppSelector(selectYesNOModalMsg);
+  // Draggable 相关
+  const draggleRef = useRef<HTMLDivElement>(null);
 
   return (
-    <Modal
-      title={msg}
-      open={isOpen}
-      closable={false}
-      footer={
-        <>
-          <Button
-            onClick={() => {
-              sendSelectEffectYnResponse(true);
-              dispatch(setYesNoModalIsOpen(false));
-            }}
-          >
-            Yes
-          </Button>
-          <Button
-            onClick={() => {
-              sendSelectEffectYnResponse(false);
-              dispatch(setYesNoModalIsOpen(false));
-            }}
-          >
-            No
-          </Button>
-        </>
-      }
+    <DragModal
+      modalProps={{
+        title: msg,
+        open: isOpen,
+        closable: false,
+        footer: (
+          <>
+            <Button
+              onClick={() => {
+                sendSelectEffectYnResponse(true);
+                dispatch(setYesNoModalIsOpen(false));
+              }}
+            >
+              Yes
+            </Button>
+            <Button
+              onClick={() => {
+                sendSelectEffectYnResponse(false);
+                dispatch(setYesNoModalIsOpen(false));
+              }}
+            >
+              No
+            </Button>
+          </>
+        ),
+      }}
+      dragRef={draggleRef}
+      draggable={true}
     />
   );
 };