feat(modal): make modal's maskClosable to false as default

Author: mortalYoung

src/float/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import Draggable, { DraggableEventHandler, type DraggableProps } from 'react-draggable';
+import Draggable, { type DraggableEventHandler, type DraggableProps } from 'react-draggable';
 import classNames from 'classnames';
 
 import useMergeOption, { MergeOption } from './useMergeOption';

src/modal/demos/resizable.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Button } from 'antd';
 import { Modal, Resize, useModal } from 'dt-react-component';
-import { RectState } from 'dt-react-component/modal';
+import type { RectState } from 'dt-react-component/modal';
 
 export default function Basic() {
     const modal = useModal<void>();

src/modal/demos/size.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Button, Space } from 'antd';
 import { Modal } from 'dt-react-component';
-import { IModalProps } from 'dt-react-component/modal';
+import type { IModalProps } from 'dt-react-component/modal';
 
 export default function Size() {
     const [visible, setVisible] = useState(false);

src/modal/demos/window.tsx

@@ -1,8 +1,7 @@
 import React, { useRef, useState } from 'react';
-import { ResizeHandle } from 'react-resizable';
 import { Button } from 'antd';
 import { Modal, Resize } from 'dt-react-component';
-import { RectState } from 'dt-react-component/modal';
+import type { RectState, ResizeHandle } from 'dt-react-component/modal';
 
 export default function Basic() {
     const [visible, setVisible] = useState(false);

src/modal/index.tsx

@@ -25,6 +25,7 @@ Object.assign(Modal, {
     config,
 });
 
-export { IModalProps } from './modal';
+export type { IModalProps, RectState } from './modal';
+export type { ResizeHandle } from 'react-resizable';
 
 export default Modal;

src/modal/modal.tsx

@@ -132,10 +132,12 @@ export default function InternalModal({
             style={{ height: final.height, width: final.width }}
             width={final.width}
             modalRender={handleRenderModal}
+            maskClosable={false}
             {...rest}
         >
             {banner && (
                 <Alert
+                    className="dtc-modal-alert"
                     message={isValidBanner(banner) ? banner : banner.message}
                     banner
                     {...(isValidBanner(banner) ? {} : omit(banner, 'message'))}