import { EaOverlay } from '../../common/ea-overlay';
export type ImagePreviewStatus = "loading" | "success" | "error";
/**
 * @summary 图片预览组件，用于全屏预览图片，支持缩放、旋转、切换和拖拽移动。
 * @status stable
 * @since 3.0
 *
 * @dependency ea-overlay
 * @dependency ea-icon
 * @dependency ea-image
 *
 * @slot progress - 自定义进度内容，支持 data-active 和 data-total 属性。
 * @slot toolbar - 自定义工具栏内容。
 * @slot viewer-error - 图片加载失败时的错误提示内容。
 *
 * @event ea-preview-error - 图片加载失败时触发。
 * @event ea-switch - 图片切换时触发，detail: `{ index: number, url: string, imgTarget: HTMLElement }`。
 * @event ea-rotate - 图片旋转时触发，detail: `{ oldVal: number, rotate: number }`。
 *
 * @csspart header - 头部区域。
 * @csspart main - 主体区域。
 * @csspart footer - 底部区域。
 * @csspart progress - 进度区域。
 * @csspart toolbar - 工具栏区域。
 * @csspart icon - 图标元素。
 * @csspart close-icon - 关闭图标。
 * @csspart prev-icon - 上一张图标。
 * @csspart next-icon - 下一张图标。
 * @csspart zoom-out-icon - 缩小图标。
 * @csspart zoom-in-icon - 放大图标。
 * @csspart rotate-left-icon - 逆时针旋转图标。
 * @csspart rotate-right-icon - 顺时针旋转图标。
 *
 * @cssproperty --ea-image-preview-img-move-x - 图片水平偏移量。
 * @cssproperty --ea-image-preview-img-move-y - 图片垂直偏移量。
 * @cssproperty --ea-image-preview-tool-size - 工具图标尺寸。
 * @cssproperty --ea-image-preview-tool-color - 工具图标颜色。
 * @cssproperty --ea-image-preview-tool-offset-x - 工具栏水平偏移量。
 * @cssproperty --ea-image-preview-tool-offset-y - 工具栏垂直偏移量。
 * @cssproperty --ea-image-preview-scale - 图片缩放比例。
 * @cssproperty --ea-image-preview-rotate - 图片旋转角度。
 */
export declare class EaImagePreview extends EaOverlay {
    private static _idCounter;
    private _progress;
    private _imgAbortController?;
    private _imgMoveAbortController?;
    private _states;
    initialIndex: number;
    index: number;
    infinite: boolean;
    zoom: number;
    zoomRate: number;
    scale: number;
    minScale: number;
    maxScale: number;
    showProgress: boolean;
    urlList: string[];
    get status(): ImagePreviewStatus;
    set status(val: ImagePreviewStatus);
    updateContainerClasslist(): string;
    html(): string;
    /** 切换图片到上一张或下一张 */
    private _handleSwitch;
    /** 缩放图片 */
    private _handleZoom;
    /** 旋转图片 */
    private _handleRotate;
    /** 更新进度显示 */
    private _handleProgress;
    /** 处理图片拖拽移动 */
    private _onImgMoveEvent;
    /** 渲染指定索引的图片 */
    private _renderImage;
    setActiveItem(index: number): void;
    reset(): void;
    private _handleCloseIconClick;
    private static readonly _actionMap;
    private _handleMainClick;
    private _handleToolbarClick;
    private _handleWheel;
    private _handleImgMouseDown;
    private _handleClosed;
    $mount(): void;
    $beforeUnmount(): void;
}
//# sourceMappingURL=index.d.ts.map