amis-ui 6.14.0-beta.9 → 7.0.0-next.1

package/lib/components/Modal.d.ts

@@ -44,6 +44,8 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
     };
     isRootClosed: boolean;
     modalDom: HTMLElement;
+    transitionRef: React.RefObject<HTMLDivElement>;
+    draggableRef: React.RefObject<HTMLDivElement>;
     static Header: {
         new (props: Omit<Omit<ThemeProps & LocaleProps & {
             className?: string;
@@ -859,11 +861,11 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
     render(): React.JSX.Element;
 }
 declare const FinalModal: {
-    new (props: Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+    new (props: Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        container?: any;
         draggable?: boolean | undefined;
         size?: any;
         overlay?: boolean | undefined;
-        container?: any;
     } & {} & {
         locale?: string;
         translate?: (str: string, ...args: any[]) => string;
@@ -873,21 +875,21 @@ declare const FinalModal: {
         getWrappedInstance: () => any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, 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>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        readonly props: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
@@ -897,69 +899,69 @@ declare const FinalModal: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, 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>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, 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>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
@@ -968,11 +970,11 @@ declare const FinalModal: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
@@ -982,21 +984,21 @@ declare const FinalModal: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
@@ -1006,69 +1008,69 @@ declare const FinalModal: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
@@ -1081,11 +1083,11 @@ declare const FinalModal: {
         ComposedComponent: typeof Modal;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+    new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        container?: any;
         draggable?: boolean | undefined;
         size?: any;
         overlay?: boolean | undefined;
-        container?: any;
     } & {} & {
         locale?: string;
         translate?: (str: string, ...args: any[]) => string;
@@ -1095,21 +1097,21 @@ declare const FinalModal: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
@@ -1119,69 +1121,69 @@ declare const FinalModal: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
@@ -1194,11 +1196,11 @@ declare const FinalModal: {
     ComposedComponent: typeof Modal;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+        new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            container?: any;
             draggable?: boolean | undefined;
             size?: any;
             overlay?: boolean | undefined;
-            container?: any;
         } & {} & {
             locale?: string;
             translate?: (str: string, ...args: any[]) => string;
@@ -1208,21 +1210,21 @@ declare const FinalModal: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
@@ -1232,69 +1234,69 @@ declare const FinalModal: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classPrefix" | "classnames" | "children" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "onHide" | "closeOnEsc" | "width" | "height" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "width" | "height" | "children" | "className" | "style" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "onHide" | "closeOnEsc" | "contentClassName" | "closeOnOutside" | "show" | "onExited" | "onEntered" | "modalClassName" | "modalMaskClassName"> & {
+                container?: any;
                 draggable?: boolean | undefined;
                 size?: any;
                 overlay?: boolean | undefined;
-                container?: any;
             } & {} & {
                 locale?: string;
                 translate?: (str: string, ...args: any[]) => string;

package/lib/components/Modal.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.9
+ * amis-ui v7.0.0-next.1
  * Copyright 2018-2025 fex
  */
 
@@ -53,6 +53,8 @@ var Modal = /** @class */ (function (_super) {
     function Modal() {
         var _this = _super.apply(this, tslib.__spreadArray([], tslib.__read(arguments), false)) || this;
         _this.isRootClosed = false;
+        _this.transitionRef = React__default["default"].createRef();
+        _this.draggableRef = React__default["default"].createRef();
         _this.state = { dragPos: undefined };
         _this.handleEnter = function () {
             document.body.classList.add("is-modalOpened");
@@ -209,15 +211,18 @@ var Modal = /** @class */ (function (_super) {
             width: (style === null || style === void 0 ? void 0 : style.width) ? style === null || style === void 0 ? void 0 : style.width : width,
             height: (style === null || style === void 0 ? void 0 : style.height) ? style === null || style === void 0 ? void 0 : style.height : height
         };
-        return (_J$X_(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, appear: true, in: show, timeout: 500, onEnter: this.handleEnter, onExited: this.handleExited, onEntered: this.handleEntered }, function (status) {
+        return (_J$X_(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, appear: true, in: show, timeout: 500, onEnter: this.handleEnter, onExited: this.handleExited, onEntered: this.handleEntered, nodeRef: this.transitionRef }, function (status) {
             var _a;
             return (_J$X_(Portal__default["default"], { container: getContainerWithFullscreen(container) },
-                _J$X_("div", { ref: _this.modalRef, role: "dialog", className: cx("amis-dialog-widget Modal", (_a = {},
+                _J$X_("div", { ref: function (node) {
+                        _this.modalRef(node);
+                        _this.transitionRef.current = node;
+                    }, role: "dialog", className: cx("amis-dialog-widget Modal", (_a = {},
                         _a["Modal--".concat(size)] = size,
                         _a), className) },
                     overlay ? (_J$X_("div", { className: cx("Modal-overlay", fadeStyles[status], modalMaskClassName) })) : null,
-                    _J$X_(Draggable.DraggableCore, { disabled: !draggable || mobileUI, onStart: _this.handleDragStart, onDrag: _this.handleDrag, onStop: _this.handleDragStop, cancel: "Icon, svg, a, svg *", handle: ".".concat(classPrefix, "Modal-header") },
-                        _J$X_("div", { className: cx("Modal-content", draggable && !mobileUI ? 'Modal-draggable' : '', size === 'custom' ? 'Modal-content-custom' : '', contentClassName, modalClassName, contentFadeStyles[status]), style: tslib.__assign(tslib.__assign({}, _style), _this.getDragStyle()) }, status === Transition.EXITED ? null : children)))));
+                    _J$X_(Draggable.DraggableCore, { disabled: !draggable || mobileUI, onStart: _this.handleDragStart, onDrag: _this.handleDrag, onStop: _this.handleDragStop, cancel: "Icon, svg, a, svg *", handle: ".".concat(classPrefix, "Modal-header"), nodeRef: _this.draggableRef },
+                        _J$X_("div", { ref: _this.draggableRef, className: cx("Modal-content", draggable && !mobileUI ? 'Modal-draggable' : '', size === 'custom' ? 'Modal-content-custom' : '', contentClassName, modalClassName, contentFadeStyles[status]), style: tslib.__assign(tslib.__assign({}, _style), _this.getDragStyle()) }, status === Transition.EXITED ? null : children)))));
         }));
     };
     Modal.defaultProps = {