Function InternalModal

src/modal/modal.tsx:34–149

({
    bodyStyle,
    banner,
    size = 'default',
    children,
    width,
    className,
    draggable = false,
    position,
    resizable = false,
    rect,
    loading = false,
    onRectChange,
    onPositionChange,
    modalRender,
    ...rest
}: ModalProps)

};

export default function InternalModal({
    bodyStyle,
    banner,
    size = 'default',
    children,
    width,
    className,
    draggable = false,
    position,
    resizable = false,
    rect,
    loading = false,
    onRectChange,
    onPositionChange,
    modalRender,
    ...rest
}: ModalProps) {
    const mergedDraggable = useMergeOption(draggable, { handle: '.ant-modal-header' });
    const mergedResizable = useMergeOption(resizable, {
        axis: 'both',
        resizeHandles: ['s', 'w', 'e', 'n', 'ne', 'nw', 'sw', 'se'],
        width: 400,
        height: 400,
        minConstraints: [400, 400],
        handle: <Handler />,
    });

    const final = useMemo(() => {
        if (mergedResizable.disabled)
            return { width: width ?? getWidthFromSize(size), height: 'auto' };
        return {
            width: rect?.width || mergedResizable.options.width || 0,
            height: rect?.height || mergedResizable.options.height || 0,
        };
    }, [mergedResizable, width, size, rect]);

    const handleResize: ResizableProps['onResize'] = (e, data) => {
        mergedResizable.options.onResize?.(e, data);

        const nextSize = { width: data.size.width, height: data.size.height };
        onRectChange?.(nextSize);

        if (mergedDraggable.disabled || !position) return;
        const vertical = data.handle.includes('n');
        const horizontal = data.handle.includes('w');
        const offsetY = vertical ? nextSize.height - (final.height as number) : 0;
        const offsetX = horizontal ? nextSize.width - (final.width as number) : 0;
        const after = {
            x: position.x - offsetX,
            y: position.y - offsetY,
        };
        // Prevent unnecessary update
        if (after.x === position.x && after.y === position.y) return;
        onPositionChange?.(after);
    };

    const handleRenderModal = (modal: React.ReactNode) => {
        const container = modalRender?.(modal) || modal;