import React from 'react';

type ModeType = 'drag' | 'slide';
/**
 * 资源数据类型
 */
interface DataType {
    /**
     * 唯一标识
     */
    key: number | string;
    /**
     * 资源地址
     */
    src?: string;
    /**
     * 自定义渲染，优先级比 src 低
     */
    render?: (props: PhotoRenderParams) => React.ReactNode;
    /**
     * 自定义覆盖节点
     */
    overlay?: React.ReactNode;
    /**
     * 指定渲染节点宽度
     */
    width?: number;
    /**
     * 指定渲染节点高度
     */
    height?: number;
    /**
     * 触发 ref
     */
    originRef?: React.MutableRefObject<HTMLElement | null>;
}
interface PhotoProviderBase {
    /**
     * 模式，拖拽或滑动
     * 非触屏设备下可以选择 drag 模式，支持图片在当前视图自由拖拽
     * 触屏设备下强制 slide 模式
     * @defaultValue 'slide'
     */
    mode?: ModeType;
    /**
     * 是否循环预览，达到该数量则启用
     * @defaultValue 3
     */
    loop?: boolean | number;
    /**
     * 动画速度
     * @defaultValue 400
     */
    speed?: (type: ActiveAnimationType) => number;
    /**
     * 动画函数
     * @defaultValue 'cubic-bezier(0.25, 0.8, 0.25, 1)'
     */
    easing?: (type: ActiveAnimationType) => string;
    /**
     * 图片点击是否可关闭
     */
    photoClosable?: boolean;
    /**
     * 背景点击是否可关闭
     * @defaultValue true
     */
    maskClosable?: boolean;
    /**
     * 默认背景透明度
     * 设置 null 背景不响应下拉变化
     * @defaultValue 1
     */
    maskOpacity?: number | null;
    /**
     * 下拉是否可关闭
     * @defaultValue true
     */
    pullClosable?: boolean;
    /**
     * 自定义渲染覆盖物
     */
    overlayRender?: (overlayProps: OverlayRenderProps) => React.ReactNode;
    className?: string;
    maskClassName?: string;
    photoWrapClassName?: string;
    photoClassName?: string;
    /**
     * 自定义 loading
     */
    loadingElement?: JSX.Element;
    /**
     * 自定义加载失败渲染
     */
    brokenElement?: JSX.Element | ((photoProps: BrokenElementParams) => JSX.Element);
    /**
     * @defaultValue document.body
     */
    portalContainer?: HTMLElement;
    /**
     * 是否开启鼠标缩放
     */
    enableMouseZoom?: boolean;
}
type PhotoRenderParams = {
    /**
     * 自定义渲染 DOM 属性
     */
    attrs: Partial<React.HTMLAttributes<HTMLElement>>;
    scale: number;
    rotate: number;
};
/**
 * brokenElement 函数参数
 */
interface BrokenElementParams {
    src: string;
}
interface OverlayRenderProps {
    /**
     * 当前预览图片是否加载中
     */
    loading: boolean;
    /**
     * 是否循环预览
     */
    loop: boolean;
    /**
     * 当前模式
     */
    mode: ModeType;
    /**
     * 图片列表
     */
    images: DataType[];
    /**
     * 当前索引
     */
    index: number;
    /**
     * 索引改变回调
     */
    onIndexChange: (index: number) => void;
    /**
     * 是否可见
     */
    visible: boolean;
    /**
     * 关闭事件回调
     */
    onClose: (evt?: React.MouseEvent | React.TouchEvent) => void;
    /**
     * 覆盖物是否可见
     */
    overlayVisible: boolean;
    /**
     * 自定义覆盖节点
     */
    overlay?: React.ReactNode;
    /**
     * 当前旋转角度
     */
    rotate: number;
    /**
     * 旋转事件回调
     */
    onRotate: (rotate: number) => void;
    /**
     * 当前缩放
     */
    scale: number;
    /**
     * 缩放事件回调
     */
    onScale: (scale: number) => void;
}
interface ExposedProperties {
    loading?: boolean;
    scale?: number;
    rotate?: number;
    onScale?: (scale: number) => void;
    onRotate?: (rotate: number) => void;
}
type ReachMoveFunction = (reachPosition: ReachType, clientX: number, clientY: number, scale?: number) => void;
type ReachFunction = (clientX: number, clientY: number) => void;
type PhotoTapFunction = (clientX: number, clientY: number) => void;
/**
 * 边缘超出状态
 */
type CloseEdgeType = 1 | 2 | 3 | undefined;
/**
 * 边缘触发状态
 */
type ReachType = 'x' | 'y' | undefined;
/**
 * 初始响应状态
 */
type TouchStartType = 0 | 1 | 2 | 3;
type OriginRectType = {
    T: number;
    L: number;
    W: number;
    H: number;
    FIT: 'contain' | 'cover' | 'fill' | undefined;
};
/**
 * 动画状态
 */
type EasingMode = 0 | 1 | 2 | 3 | 4 | 5;
/**
 * 进行中的动画
 */
type ActiveAnimationType = 0 | 1 | 2 | 3;

export { ActiveAnimationType as A, BrokenElementParams as B, CloseEdgeType as C, DataType as D, ExposedProperties as E, ModeType as M, OverlayRenderProps as O, PhotoProviderBase as P, ReachMoveFunction as R, TouchStartType as T, PhotoRenderParams as a, ReachFunction as b, PhotoTapFunction as c, ReachType as d, OriginRectType as e, EasingMode as f };