amis-ui 3.5.2 → 3.6.0

package/esm/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,12 +853,17 @@ 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" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
         container?: any;
         size?: any;
+        draggable?: boolean | undefined;
         overlay?: boolean | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -862,6 +877,7 @@ declare const _default: {
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -871,6 +887,7 @@ declare const _default: {
         readonly props: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -884,6 +901,7 @@ declare const _default: {
         shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -894,6 +912,7 @@ declare const _default: {
         getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -902,6 +921,7 @@ declare const _default: {
         componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -912,6 +932,7 @@ declare const _default: {
         componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -920,6 +941,7 @@ declare const _default: {
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -928,6 +950,7 @@ declare const _default: {
         componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -936,6 +959,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -948,6 +972,7 @@ declare const _default: {
         new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -961,6 +986,7 @@ declare const _default: {
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -970,6 +996,7 @@ declare const _default: {
             readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -983,6 +1010,7 @@ declare const _default: {
             shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -993,6 +1021,7 @@ declare const _default: {
             getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1001,6 +1030,7 @@ declare const _default: {
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1011,6 +1041,7 @@ declare const _default: {
             componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1019,6 +1050,7 @@ declare const _default: {
             UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1027,6 +1059,7 @@ declare const _default: {
             componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1035,6 +1068,7 @@ declare const _default: {
             UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1051,6 +1085,7 @@ declare const _default: {
     new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
         container?: any;
         size?: any;
+        draggable?: boolean | undefined;
         overlay?: boolean | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -1064,6 +1099,7 @@ declare const _default: {
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1073,6 +1109,7 @@ declare const _default: {
         readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1086,6 +1123,7 @@ declare const _default: {
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1096,6 +1134,7 @@ declare const _default: {
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1104,6 +1143,7 @@ declare const _default: {
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1114,6 +1154,7 @@ declare const _default: {
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1122,6 +1163,7 @@ declare const _default: {
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1130,6 +1172,7 @@ declare const _default: {
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1138,6 +1181,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1154,6 +1198,7 @@ declare const _default: {
         new (props: Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
             container?: any;
             size?: any;
+            draggable?: boolean | undefined;
             overlay?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -1167,6 +1212,7 @@ declare const _default: {
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1176,6 +1222,7 @@ declare const _default: {
             readonly props: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1189,6 +1236,7 @@ declare const _default: {
             shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1199,6 +1247,7 @@ declare const _default: {
             getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1207,6 +1256,7 @@ declare const _default: {
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1217,6 +1267,7 @@ declare const _default: {
             componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1225,6 +1276,7 @@ declare const _default: {
             UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1233,6 +1285,7 @@ declare const _default: {
             componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -1241,6 +1294,7 @@ declare const _default: {
             UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ModalProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "children" | "closeOnEsc" | "show" | "disabled" | "onHide" | "width" | "height" | "closeOnOutside" | "onExited" | "onEntered" | "contentClassName" | "modalClassName" | "modalMaskClassName"> & {
                 container?: any;
                 size?: any;
+                draggable?: boolean | undefined;
                 overlay?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;

package/esm/components/Modal.js

@@ -1,15 +1,17 @@
 /**
- * amis-ui v3.5.2
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 
-import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
+import { __extends, __assign, __rest, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
 import Transition, { ENTERING, ENTERED, EXITING, EXITED } from 'react-transition-group/Transition';
 import Portal from 'react-overlays/Portal';
 import { current, removeModal, addModal } from './ModalManager.js';
 import { getScrollbarWidth, themeable, localeable, autobind } from 'amis-core';
 import { Icon } from './icons.js';
+import { DraggableCore } from 'react-draggable';
+import isNumber from 'lodash/isNumber';
 
 /**
  * @file Modal
@@ -17,6 +19,16 @@ import { Icon } from './icons.js';
  * @author fex
  */
 var _a, _b;
+var getContainerWithFullscreen = function (container) { return function () {
+    var envContainer = typeof container === 'function' ? container() : container;
+    // 获取当前全屏元素
+    var fullscreenElement = document.fullscreenElement;
+    if (fullscreenElement &&
+        (!envContainer || !fullscreenElement.contains(envContainer))) {
+        return fullscreenElement;
+    }
+    return envContainer || null;
+}; };
 var fadeStyles = (_a = {},
     _a[ENTERING] = 'in',
     _a[ENTERED] = 'in',
@@ -32,6 +44,7 @@ var Modal = /** @class */ (function (_super) {
     function Modal() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.isRootClosed = false;
+        _this.state = { dragPos: undefined };
         _this.handleEnter = function () {
             document.body.classList.add("is-modalOpened");
             if (window.innerWidth - document.documentElement.clientWidth > 0 ||
@@ -71,6 +84,76 @@ var Modal = /** @class */ (function (_super) {
                 removeModal(_this);
             }
         };
+        // #region 处理dialog拖动
+        _this.handleDragStart = function (_event, uiData) {
+            var node = uiData.node;
+            var offsetParent = node.offsetParent;
+            if (!node || !offsetParent) {
+                return;
+            }
+            var _a = window.document.documentElement, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
+            var nodeStyle = getComputedStyle(node);
+            var marginTop = parseInt(nodeStyle.marginTop, 10);
+            var nodeWidth = parseInt(nodeStyle.width, 10);
+            var nodeHeight = parseInt(nodeStyle.height, 10);
+            var bounds = {
+                left: 0,
+                right: clientWidth - nodeWidth,
+                top: -marginTop,
+                bottom: clientHeight - nodeHeight - marginTop
+            };
+            var parentRect = offsetParent.getBoundingClientRect();
+            var clientRect = node.getBoundingClientRect();
+            var cLeft = clientRect.left;
+            var pLeft = parentRect.left;
+            var cTop = clientRect.top;
+            var pTop = parentRect.top;
+            var left = cLeft - pLeft + offsetParent.scrollLeft;
+            var top = cTop - pTop + offsetParent.scrollTop - marginTop;
+            _this.setState({ dragPos: { x: left, y: top }, bounds: bounds });
+            // 阻止冒泡  存在弹窗里面套弹窗
+            _event.stopPropagation();
+        };
+        _this.handleDrag = function (e, _a) {
+            var deltaX = _a.deltaX, deltaY = _a.deltaY;
+            e.stopPropagation();
+            if (!_this.state.dragPos) {
+                return;
+            }
+            var _b = _this.state, _c = _b.dragPos, x = _c.x, y = _c.y, bounds = _b.bounds;
+            var calcY = y + deltaY;
+            var calcX = x + deltaX;
+            // 防止拖动到屏幕外 处理边界
+            if (isNumber(bounds === null || bounds === void 0 ? void 0 : bounds.right)) {
+                calcX = Math.min(calcX, bounds.right);
+            }
+            if (isNumber(bounds === null || bounds === void 0 ? void 0 : bounds.bottom)) {
+                calcY = Math.min(calcY, bounds.bottom);
+            }
+            if (isNumber(bounds === null || bounds === void 0 ? void 0 : bounds.left)) {
+                calcX = Math.max(calcX, bounds.left);
+            }
+            if (isNumber(bounds === null || bounds === void 0 ? void 0 : bounds.top)) {
+                calcY = Math.max(calcY, bounds.top);
+            }
+            _this.setState({ dragPos: { x: calcX, y: calcY } });
+        };
+        _this.handleDragStop = function (e) {
+            e.stopPropagation();
+        };
+        _this.getDragStyle = function () {
+            var draggable = _this.props.draggable;
+            var dragPos = _this.state.dragPos;
+            if (!dragPos || !draggable) {
+                return {};
+            }
+            var x = dragPos.x, y = dragPos.y;
+            return {
+                top: "".concat(y, "px"),
+                left: "".concat(x, "px"),
+                position: 'absolute'
+            };
+        };
         return _this;
     }
     Modal.prototype.componentDidMount = function () {
@@ -107,27 +190,30 @@ var Modal = /** @class */ (function (_super) {
         var onHide = this.props.onHide;
         this.isRootClosed && !e.defaultPrevented && onHide(e);
     };
+    // #endregion
     Modal.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className, contentClassName = _a.contentClassName, children = _a.children, container = _a.container, show = _a.show, size = _a.size, style = _a.style, overlay = _a.overlay, width = _a.width, height = _a.height, modalClassName = _a.modalClassName, modalMaskClassName = _a.modalMaskClassName, cx = _a.classnames;
+        var _a = this.props, className = _a.className, contentClassName = _a.contentClassName, children = _a.children, container = _a.container, show = _a.show, size = _a.size, style = _a.style, overlay = _a.overlay, width = _a.width, height = _a.height, modalClassName = _a.modalClassName, modalMaskClassName = _a.modalMaskClassName, cx = _a.classnames, mobileUI = _a.mobileUI, draggable = _a.draggable, classPrefix = _a.classPrefix;
         var _style = {
             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 (React__default.createElement(Transition, { mountOnEnter: true, unmountOnExit: true, appear: true, in: show, timeout: 500, onEnter: this.handleEnter, onExited: this.handleExited, onEntered: this.handleEntered }, function (status) {
             var _a;
-            return (React__default.createElement(Portal, { container: container },
+            return (React__default.createElement(Portal, { container: getContainerWithFullscreen(container) },
                 React__default.createElement("div", { ref: _this.modalRef, role: "dialog", className: cx("amis-dialog-widget Modal", (_a = {},
                         _a["Modal--".concat(size)] = size,
                         _a), className) },
                     overlay ? (React__default.createElement("div", { className: cx("Modal-overlay", fadeStyles[status], modalMaskClassName) })) : null,
-                    React__default.createElement("div", { className: cx("Modal-content", size === 'custom' ? 'Modal-content-custom' : '', contentClassName, modalClassName, contentFadeStyles[status]), style: _style }, status === EXITED ? null : children))));
+                    React__default.createElement(DraggableCore, { disabled: !draggable || mobileUI, onStart: _this.handleDragStart, onDrag: _this.handleDrag, onStop: _this.handleDragStop, handle: ".".concat(classPrefix, "Modal-header") },
+                        React__default.createElement("div", { className: cx("Modal-content", draggable && !mobileUI ? 'Modal-draggable' : '', size === 'custom' ? 'Modal-content-custom' : '', contentClassName, modalClassName, contentFadeStyles[status]), style: __assign(__assign({}, _style), _this.getDragStyle()) }, status === EXITED ? null : children)))));
         }));
     };
     Modal.defaultProps = {
         container: document.body,
         size: '',
-        overlay: true
+        overlay: true,
+        draggable: false
     };
     Modal.Header = themeable(localeable(function (_a) {
         var cx = _a.classnames, className = _a.className, showCloseButton = _a.showCloseButton, onClose = _a.onClose, children = _a.children; _a.classPrefix; var __ = _a.translate; _a.forwardedRef; var rest = __rest(_a, ["classnames", "className", "showCloseButton", "onClose", "children", "classPrefix", "translate", "forwardedRef"]);
@@ -170,4 +256,4 @@ var Modal = /** @class */ (function (_super) {
 }(React__default.Component));
 var FinalModal = themeable(localeable(Modal));
 
-export { Modal, FinalModal as default };
+export { Modal, FinalModal as default, getContainerWithFullscreen };

package/esm/components/ModalManager.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.2
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/MultilineText.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.2
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/NumberInput.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.2
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */