antd的modal框怎么实现鼠标拖动

要实现 antd 的 Modal 拖动功能，可以使用 `react-draggable` 这个库。

首先，在你的项目中安装 `react-draggable`：

npm install react-draggable --save

然后，在 Modal 组件中引入 `react-draggable`：

import Draggable from 'react-draggable';
import { Modal } from 'antd';

const DragableModal = (props) => {
  return (
    <Draggable handle=".ant-modal-header">
      <Modal {...props} />
    </Draggable>
  );
};

export default DragableModal;

在上面这个示例中，我们首先引入了 `react-draggable` 库，然后定义了一个新的组件 `DragableModal`，它接收了一个 `props` 参数并返回一个 `Modal` 组件。在 `DragableModal` 组件中，我们使用 `Draggable` 组件作为 `Modal` 的父组件，并在 `Draggable` 组件中指定了一个 `handle` 属性，该属性指定了拖动的句柄，我们在这里指定为 `.ant-modal-header`，表示只有在鼠标拖动 Modal 头部时才能对 Modal 进行拖动。

最后，我们将 `props` 参数传递给 `Modal` 组件，这样就可以使用 `DragableModal` 组件来代替原来的 `Modal` 组件，并且在新的组件中实现了鼠标拖动的功能。