delete dragmodal.tsx

src/ui/Duel/Message/DragModal.tsx

-// 经过封装的可拖拽`Modal`
-import { Modal, ModalProps } from "antd";
-import React, { useRef, useState } from "react";
-import type { DraggableData, DraggableEvent } from "react-draggable";
-import Draggable from "react-draggable";
-
-export interface DragModalProps extends ModalProps {}
-
-const style = {
-  borderStyle: "groove",
-  borderRadius: "8px",
-  backgroundColor: "#303030",
-};
-
-export const DragModal = (props: DragModalProps) => {
-  const dragRef = useRef<HTMLDivElement>(null);
-  const [bounds, setBounds] = useState({
-    left: 0,
-    top: 0,
-    bottom: 0,
-    right: 0,
-  });
-  const onStart = (_event: DraggableEvent, uiData: DraggableData) => {
-    const { clientWidth, clientHeight } = window.document.documentElement;
-    const targetRect = dragRef.current?.getBoundingClientRect();
-    if (!targetRect) {
-      return;
-    }
-    setBounds({
-      left: -targetRect.left + uiData.x,
-      right: clientWidth - (targetRect.right - uiData.x),
-      top: -targetRect.top + uiData.y,
-      bottom: clientHeight - (targetRect.bottom - uiData.y),
-    });
-  };
-
-  return (
-    <Modal
-      {...props}
-      modalRender={(modal) => (
-        <Draggable bounds={bounds} onStart={onStart}>
-          <div ref={dragRef} style={style}>
-            {modal}
-          </div>
-        </Draggable>
-      )}
-    >
-      {props.children}
-    </Modal>
-  );
-};

src/ui/Duel/Message/index.ts

@@ -3,7 +3,6 @@ export * from "./AnnounceModal";
 export * from "./CardListModal";
 export * from "./CardModal";
 export * from "./CheckCounterModal";
-export * from "./DragModal";
 export * from "./HintNotification";
 export * from "./OptionModal";
 export * from "./PositionModal";