amis-ui 3.5.2 → 3.6.0

package/lib/components/Modal.d.ts

@@ -7,6 +7,8 @@
 import React from 'react';
 import { ThemeProps } from 'amis-core';
 import { LocaleProps } from 'amis-core';
+import { type DraggableBounds, type DraggableData, type DraggableEvent } from 'react-draggable';
+export declare const getContainerWithFullscreen: (container?: () => HTMLElement | HTMLElement | null) => () => HTMLElement | null;
 export interface ModalProps extends ThemeProps, LocaleProps {
     className?: string;
     contentClassName?: string;
@@ -25,14 +27,21 @@ export interface ModalProps extends ThemeProps, LocaleProps {
     children?: React.ReactNode | Array<React.ReactNode>;
     modalClassName?: string;
     modalMaskClassName?: string;
+    draggable?: boolean;
 }
 export interface ModalState {
+    bounds?: DraggableBounds;
+    dragPos?: {
+        x: number;
+        y: number;
+    };
 }
 export declare class Modal extends React.Component<ModalProps, ModalState> {
     static defaultProps: {
         container: HTMLElement;
         size: string;
         overlay: boolean;
+        draggable: boolean;
     };
     isRootClosed: boolean;
     modalDom: HTMLElement;
@@ -834,6 +843,7 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
             forwardedRef?: any;
         } & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
     };
+    state: Readonly<ModalState>;
     componentDidMount(): void;
     componentWillUnmount(): void;
     handleEnter: () => void;
@@ -843,13 +853,18 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
     handleRootMouseDownCapture(e: MouseEvent): void;
     handleRootMouseUpCapture(e: MouseEvent): void;
     handleRootMouseUp(e: MouseEvent): void;
+    handleDragStart: (_event: DraggableEvent, uiData: DraggableData) => void;
+    handleDrag: (e: DraggableEvent, { deltaX, deltaY }: DraggableData) => void;
+    handleDragStop: (e: DraggableEvent) => void;
+    getDragStyle: () => React.CSSProperties;
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-        size?: any;
+    new (props: Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
         overlay?: boolean | undefined;
         container?: any;
+        size?: any;
+        draggable?: boolean | undefined;
     } & {} & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -859,19 +874,21 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        readonly props: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -881,62 +898,69 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -945,10 +969,11 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -958,19 +983,21 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -980,62 +1007,69 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -1048,10 +1082,11 @@ declare const _default: {
         ComposedComponent: typeof Modal;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-        size?: any;
+    new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
         overlay?: boolean | undefined;
         container?: any;
+        size?: any;
+        draggable?: boolean | undefined;
     } & {} & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -1061,19 +1096,21 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -1083,62 +1120,69 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -1151,10 +1195,11 @@ declare const _default: {
     ComposedComponent: typeof Modal;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-            size?: any;
+        new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             overlay?: boolean | undefined;
             container?: any;
+            size?: any;
+            draggable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -1164,19 +1209,21 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -1186,62 +1233,69 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "contentClassName" | "width" | "height" | "onHide" | "closeOnEsc" | "closeOnOutside" | "show" | "disabled" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
-                size?: any;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "disabled" | "style" | "className" | "theme" | "classnames" | "classPrefix" | "mobileUI" | "children" | "onHide" | "show" | "onEntered" | "onExited" | "closeOnEsc" | "width" | "height" | "closeOnOutside" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 overlay?: boolean | undefined;
                 container?: any;
+                size?: any;
+                draggable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;