import { App } from 'vue';
import { ArcoOptions } from '../_utils/types';
import _Image from './image';
import _ImagePreview from './preview';
import _ImagePreviewGroup from './preview-group';
import _ImagePreviewAction from './preview-action';
declare const Image: {
    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        renderToBody: {
            type: BooleanConstructor;
            default: boolean;
        };
        src: {
            type: StringConstructor;
        };
        width: {
            type: import("vue").PropType<string | number>;
        };
        height: {
            type: import("vue").PropType<string | number>;
        };
        title: {
            type: StringConstructor;
        };
        description: {
            type: StringConstructor;
        };
        fit: {
            type: import("vue").PropType<"fill" | "none" | "contain" | "cover" | "scale-down">;
        };
        alt: {
            type: StringConstructor;
        };
        hideFooter: {
            type: import("vue").PropType<boolean | "never">;
            default: boolean;
        };
        footerPosition: {
            type: import("vue").PropType<"outer" | "inner">;
            default: string;
        };
        showLoader: {
            type: BooleanConstructor;
            default: boolean;
        };
        preview: {
            type: BooleanConstructor;
            default: boolean;
        };
        previewVisible: {
            type: BooleanConstructor;
            default: undefined;
        };
        defaultPreviewVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        previewProps: {
            type: import("vue").PropType<import("./interface").ImagePreviewProps>;
        };
        footerClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        };
    }>> & {
        "onPreview-visible-change"?: ((...args: any[]) => any) | undefined;
        "onUpdate:previewVisible"?: ((...args: any[]) => any) | undefined;
    }, {
        t: (key: string, ...args: any[]) => string;
        refImg: import("vue").Ref<any>;
        prefixCls: string;
        wrapperClassNames: import("vue").ComputedRef<unknown[]>;
        wrapperStyles: import("vue").ComputedRef<import("vue").StyleValue[]>;
        showFooter: import("vue").ComputedRef<boolean>;
        imgProps: import("vue").ComputedRef<Omit<{
            [x: string]: unknown;
        }, "style" | "class">>;
        imgStyle: import("vue").ComputedRef<{
            width: string | undefined;
            height: string | undefined;
        }>;
        isLoaded: import("vue").ComputedRef<boolean>;
        isError: import("vue").ComputedRef<boolean>;
        isLoading: import("vue").ComputedRef<boolean>;
        mergedPreviewVisible: import("vue").ComputedRef<boolean>;
        mergePreview: import("vue").ComputedRef<boolean>;
        onImgLoaded: () => void;
        onImgLoadError: () => void;
        onImgClick: () => void;
        onPreviewClose: () => void;
        fitStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("preview-visible-change" | "update:previewVisible")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        renderToBody: {
            type: BooleanConstructor;
            default: boolean;
        };
        src: {
            type: StringConstructor;
        };
        width: {
            type: import("vue").PropType<string | number>;
        };
        height: {
            type: import("vue").PropType<string | number>;
        };
        title: {
            type: StringConstructor;
        };
        description: {
            type: StringConstructor;
        };
        fit: {
            type: import("vue").PropType<"fill" | "none" | "contain" | "cover" | "scale-down">;
        };
        alt: {
            type: StringConstructor;
        };
        hideFooter: {
            type: import("vue").PropType<boolean | "never">;
            default: boolean;
        };
        footerPosition: {
            type: import("vue").PropType<"outer" | "inner">;
            default: string;
        };
        showLoader: {
            type: BooleanConstructor;
            default: boolean;
        };
        preview: {
            type: BooleanConstructor;
            default: boolean;
        };
        previewVisible: {
            type: BooleanConstructor;
            default: undefined;
        };
        defaultPreviewVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        previewProps: {
            type: import("vue").PropType<import("./interface").ImagePreviewProps>;
        };
        footerClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        };
    }>> & {
        "onPreview-visible-change"?: ((...args: any[]) => any) | undefined;
        "onUpdate:previewVisible"?: ((...args: any[]) => any) | undefined;
    }, {
        renderToBody: boolean;
        hideFooter: boolean | "never";
        footerPosition: "outer" | "inner";
        showLoader: boolean;
        preview: boolean;
        previewVisible: boolean;
        defaultPreviewVisible: boolean;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        renderToBody: {
            type: BooleanConstructor;
            default: boolean;
        };
        src: {
            type: StringConstructor;
        };
        width: {
            type: import("vue").PropType<string | number>;
        };
        height: {
            type: import("vue").PropType<string | number>;
        };
        title: {
            type: StringConstructor;
        };
        description: {
            type: StringConstructor;
        };
        fit: {
            type: import("vue").PropType<"fill" | "none" | "contain" | "cover" | "scale-down">;
        };
        alt: {
            type: StringConstructor;
        };
        hideFooter: {
            type: import("vue").PropType<boolean | "never">;
            default: boolean;
        };
        footerPosition: {
            type: import("vue").PropType<"outer" | "inner">;
            default: string;
        };
        showLoader: {
            type: BooleanConstructor;
            default: boolean;
        };
        preview: {
            type: BooleanConstructor;
            default: boolean;
        };
        previewVisible: {
            type: BooleanConstructor;
            default: undefined;
        };
        defaultPreviewVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        previewProps: {
            type: import("vue").PropType<import("./interface").ImagePreviewProps>;
        };
        footerClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        };
    }>> & {
        "onPreview-visible-change"?: ((...args: any[]) => any) | undefined;
        "onUpdate:previewVisible"?: ((...args: any[]) => any) | undefined;
    }, {
        t: (key: string, ...args: any[]) => string;
        refImg: import("vue").Ref<any>;
        prefixCls: string;
        wrapperClassNames: import("vue").ComputedRef<unknown[]>;
        wrapperStyles: import("vue").ComputedRef<import("vue").StyleValue[]>;
        showFooter: import("vue").ComputedRef<boolean>;
        imgProps: import("vue").ComputedRef<Omit<{
            [x: string]: unknown;
        }, "style" | "class">>;
        imgStyle: import("vue").ComputedRef<{
            width: string | undefined;
            height: string | undefined;
        }>;
        isLoaded: import("vue").ComputedRef<boolean>;
        isError: import("vue").ComputedRef<boolean>;
        isLoading: import("vue").ComputedRef<boolean>;
        mergedPreviewVisible: import("vue").ComputedRef<boolean>;
        mergePreview: import("vue").ComputedRef<boolean>;
        onImgLoaded: () => void;
        onImgLoadError: () => void;
        onImgClick: () => void;
        onPreviewClose: () => void;
        fitStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
    }, {}, {}, {}, {
        renderToBody: boolean;
        hideFooter: boolean | "never";
        footerPosition: "outer" | "inner";
        showLoader: boolean;
        preview: boolean;
        previewVisible: boolean;
        defaultPreviewVisible: boolean;
    }>;
    __isFragment?: undefined;
    __isTeleport?: undefined;
    __isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    renderToBody: {
        type: BooleanConstructor;
        default: boolean;
    };
    src: {
        type: StringConstructor;
    };
    width: {
        type: import("vue").PropType<string | number>;
    };
    height: {
        type: import("vue").PropType<string | number>;
    };
    title: {
        type: StringConstructor;
    };
    description: {
        type: StringConstructor;
    };
    fit: {
        type: import("vue").PropType<"fill" | "none" | "contain" | "cover" | "scale-down">;
    };
    alt: {
        type: StringConstructor;
    };
    hideFooter: {
        type: import("vue").PropType<boolean | "never">;
        default: boolean;
    };
    footerPosition: {
        type: import("vue").PropType<"outer" | "inner">;
        default: string;
    };
    showLoader: {
        type: BooleanConstructor;
        default: boolean;
    };
    preview: {
        type: BooleanConstructor;
        default: boolean;
    };
    previewVisible: {
        type: BooleanConstructor;
        default: undefined;
    };
    defaultPreviewVisible: {
        type: BooleanConstructor;
        default: boolean;
    };
    previewProps: {
        type: import("vue").PropType<import("./interface").ImagePreviewProps>;
    };
    footerClass: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
    };
}>> & {
    "onPreview-visible-change"?: ((...args: any[]) => any) | undefined;
    "onUpdate:previewVisible"?: ((...args: any[]) => any) | undefined;
}, {
    t: (key: string, ...args: any[]) => string;
    refImg: import("vue").Ref<any>;
    prefixCls: string;
    wrapperClassNames: import("vue").ComputedRef<unknown[]>;
    wrapperStyles: import("vue").ComputedRef<import("vue").StyleValue[]>;
    showFooter: import("vue").ComputedRef<boolean>;
    imgProps: import("vue").ComputedRef<Omit<{
        [x: string]: unknown;
    }, "style" | "class">>;
    imgStyle: import("vue").ComputedRef<{
        width: string | undefined;
        height: string | undefined;
    }>;
    isLoaded: import("vue").ComputedRef<boolean>;
    isError: import("vue").ComputedRef<boolean>;
    isLoading: import("vue").ComputedRef<boolean>;
    mergedPreviewVisible: import("vue").ComputedRef<boolean>;
    mergePreview: import("vue").ComputedRef<boolean>;
    onImgLoaded: () => void;
    onImgLoadError: () => void;
    onImgClick: () => void;
    onPreviewClose: () => void;
    fitStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("preview-visible-change" | "update:previewVisible")[], "preview-visible-change" | "update:previewVisible", {
    renderToBody: boolean;
    hideFooter: boolean | "never";
    footerPosition: "outer" | "inner";
    showLoader: boolean;
    preview: boolean;
    previewVisible: boolean;
    defaultPreviewVisible: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
    Preview: import("vue").DefineComponent<{
        renderToBody: {
            type: BooleanConstructor;
            default: boolean;
        };
        src: {
            type: StringConstructor;
        };
        visible: {
            type: BooleanConstructor;
            default: undefined;
        };
        defaultVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        maskClosable: {
            type: BooleanConstructor;
            default: boolean;
        };
        closable: {
            type: BooleanConstructor;
            default: boolean;
        };
        actionsLayout: {
            type: import("vue").PropType<string[]>;
            default: () => string[];
        };
        popupContainer: {
            type: import("vue").PropType<string | HTMLElement>;
        };
        inGroup: {
            type: BooleanConstructor;
            default: boolean;
        };
        groupArrowProps: {
            type: ObjectConstructor;
            default: () => {};
        };
        escToClose: {
            type: BooleanConstructor;
            default: boolean;
        };
        wheelZoom: {
            type: BooleanConstructor;
            default: boolean;
        };
        keyboard: {
            type: BooleanConstructor;
            default: boolean;
        };
        defaultScale: {
            type: NumberConstructor;
            default: number;
        };
        zoomRate: {
            type: NumberConstructor;
            default: number;
        };
    }, {
        prefixCls: string;
        classNames: import("vue").ComputedRef<(string | {
            [x: string]: boolean;
        })[]>;
        container: import("vue").ComputedRef<HTMLElement>;
        wrapperStyles: import("vue").ComputedRef<import("vue").CSSProperties>;
        scale: import("vue").Ref<number>;
        translate: import("vue").Ref<number[]>;
        rotate: import("vue").Ref<number>;
        moving: import("vue").Ref<boolean>;
        mergedVisible: import("vue").ComputedRef<boolean>;
        isLoading: import("vue").ComputedRef<boolean>;
        isLoaded: import("vue").ComputedRef<boolean>;
        scaleValueVisible: import("vue").Ref<boolean>;
        refWrapper: import("vue").Ref<any>;
        refImage: import("vue").Ref<any>;
        onWheel: {
            (...args: any[]): void;
            cancel(): void;
        };
        onMaskClick: (e: MouseEvent) => void;
        onCloseClick: () => void;
        onImgLoad(): void;
        onImgError(): void;
        actions: import("vue").ComputedRef<({
            key: string;
            name: string;
            content: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>;
            onClick: () => void;
            disabled?: undefined;
        } | {
            key: string;
            name: string;
            content: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>;
            onClick: () => void;
            disabled: boolean;
        })[]>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible")[], "close" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        renderToBody: {
            type: BooleanConstructor;
            default: boolean;
        };
        src: {
            type: StringConstructor;
        };
        visible: {
            type: BooleanConstructor;
            default: undefined;
        };
        defaultVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        maskClosable: {
            type: BooleanConstructor;
            default: boolean;
        };
        closable: {
            type: BooleanConstructor;
            default: boolean;
        };
        actionsLayout: {
            type: import("vue").PropType<string[]>;
            default: () => string[];
        };
        popupContainer: {
            type: import("vue").PropType<string | HTMLElement>;
        };
        inGroup: {
            type: BooleanConstructor;
            default: boolean;
        };
        groupArrowProps: {
            type: ObjectConstructor;
            default: () => {};
        };
        escToClose: {
            type: BooleanConstructor;
            default: boolean;
        };
        wheelZoom: {
            type: BooleanConstructor;
            default: boolean;
        };
        keyboard: {
            type: BooleanConstructor;
            default: boolean;
        };
        defaultScale: {
            type: NumberConstructor;
            default: number;
        };
        zoomRate: {
            type: NumberConstructor;
            default: number;
        };
    }>> & {
        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
        onClose?: ((...args: any[]) => any) | undefined;
    }, {
        renderToBody: boolean;
        visible: boolean;
        closable: boolean;
        actionsLayout: string[];
        defaultVisible: boolean;
        maskClosable: boolean;
        inGroup: boolean;
        groupArrowProps: Record<string, any>;
        escToClose: boolean;
        wheelZoom: boolean;
        keyboard: boolean;
        defaultScale: number;
        zoomRate: number;
    }, {}>;
    PreviewGroup: import("vue").DefineComponent<{
        renderToBody: {
            type: BooleanConstructor;
            default: boolean;
        };
        srcList: {
            type: import("vue").PropType<string[]>;
        };
        current: {
            type: NumberConstructor;
        };
        defaultCurrent: {
            type: NumberConstructor;
            default: number;
        };
        infinite: {
            type: BooleanConstructor;
            default: boolean;
        };
        visible: {
            type: BooleanConstructor;
            default: undefined;
        };
        defaultVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        maskClosable: {
            type: BooleanConstructor;
            default: boolean;
        };
        closable: {
            type: BooleanConstructor;
            default: boolean;
        };
        actionsLayout: {
            type: import("vue").PropType<string[]>;
            default: () => string[];
        };
        popupContainer: {
            type: import("vue").PropType<string | HTMLElement>;
        };
    }, {
        mergedVisible: import("vue").ComputedRef<boolean>;
        currentUrl: import("vue").ComputedRef<string | undefined>;
        prevIndex: import("vue").ComputedRef<number | undefined>;
        nextIndex: import("vue").ComputedRef<number | undefined>;
        onClose(): void;
        groupArrowProps: {
            onPrev: (() => void) | undefined;
            onNext: (() => void) | undefined;
        };
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:visible" | "update:current" | "visible-change")[], "change" | "update:visible" | "update:current" | "visible-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        renderToBody: {
            type: BooleanConstructor;
            default: boolean;
        };
        srcList: {
            type: import("vue").PropType<string[]>;
        };
        current: {
            type: NumberConstructor;
        };
        defaultCurrent: {
            type: NumberConstructor;
            default: number;
        };
        infinite: {
            type: BooleanConstructor;
            default: boolean;
        };
        visible: {
            type: BooleanConstructor;
            default: undefined;
        };
        defaultVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        maskClosable: {
            type: BooleanConstructor;
            default: boolean;
        };
        closable: {
            type: BooleanConstructor;
            default: boolean;
        };
        actionsLayout: {
            type: import("vue").PropType<string[]>;
            default: () => string[];
        };
        popupContainer: {
            type: import("vue").PropType<string | HTMLElement>;
        };
    }>> & {
        onChange?: ((...args: any[]) => any) | undefined;
        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
        "onUpdate:current"?: ((...args: any[]) => any) | undefined;
        "onVisible-change"?: ((...args: any[]) => any) | undefined;
    }, {
        renderToBody: boolean;
        infinite: boolean;
        visible: boolean;
        closable: boolean;
        defaultCurrent: number;
        actionsLayout: string[];
        defaultVisible: boolean;
        maskClosable: boolean;
    }, {}>;
    install: (app: App, options?: ArcoOptions | undefined) => void;
};
export declare type ImageInstance = InstanceType<typeof _Image>;
export declare type ImagePreviewInstance = InstanceType<typeof _ImagePreview>;
export declare type ImagePreviewGroupInstance = InstanceType<typeof _ImagePreviewGroup>;
export declare type ImagePreviewActionInstance = InstanceType<typeof _ImagePreviewAction>;
export { _ImagePreview as ImagePreview, _ImagePreviewGroup as ImagePreviewGroup, _ImagePreviewAction as ImagePreviewAction, };
export default Image;