import { type ImgHTMLAttributes, type PropType } from 'vue';
import type { ExtractPublicPropTypes } from '../../_utils';
import type { IntersectionObserverOptions } from './utils';
export interface ImageInst {
click: () => void;
}
export declare const imageProps: {
onPreviewPrev: PropType<() => void>;
onPreviewNext: PropType<() => void>;
showToolbar: {
type: BooleanConstructor;
default: boolean;
};
showToolbarTooltip: BooleanConstructor;
renderToolbar: PropType;
theme: PropType;
}>;
}>>;
themeOverrides: PropType;
}>;
}>>>;
builtinThemeOverrides: PropType;
}>;
}>>>;
alt: StringConstructor;
height: PropType;
imgProps: PropType;
previewedImgProps: PropType;
lazy: BooleanConstructor;
intersectionObserverOptions: PropType;
objectFit: {
type: PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
default: string;
};
previewSrc: StringConstructor;
fallbackSrc: StringConstructor;
width: PropType;
src: StringConstructor;
previewDisabled: BooleanConstructor;
loadDescription: StringConstructor;
onError: PropType<(e: Event) => void>;
onLoad: PropType<(e: Event) => void>;
};
export type ImageProps = ExtractPublicPropTypes;
declare const _default: import("vue").DefineComponent<{
onPreviewPrev: PropType<() => void>;
onPreviewNext: PropType<() => void>;
showToolbar: {
type: BooleanConstructor;
default: boolean;
};
showToolbarTooltip: BooleanConstructor;
renderToolbar: PropType;
theme: PropType;
}>;
}>>;
themeOverrides: PropType;
}>;
}>>>;
builtinThemeOverrides: PropType;
}>;
}>>>;
alt: StringConstructor;
height: PropType;
imgProps: PropType;
previewedImgProps: PropType;
lazy: BooleanConstructor;
intersectionObserverOptions: PropType;
objectFit: {
type: PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
default: string;
};
previewSrc: StringConstructor;
fallbackSrc: StringConstructor;
width: PropType;
src: StringConstructor;
previewDisabled: BooleanConstructor;
loadDescription: StringConstructor;
onError: PropType<(e: Event) => void>;
onLoad: PropType<(e: Event) => void>;
}, {
click: () => void;
mergedClsPrefix: import("vue").Ref;
groupId: string | undefined;
previewInstRef: import("vue").Ref<{
setThumbnailEl: (e: HTMLImageElement | null) => void;
setPreviewSrc: (src?: string) => void;
toggleShow: () => void;
} | null>;
imageRef: import("vue").Ref;
showError: import("vue").Ref;
shouldStartLoading: import("vue").Ref;
loaded: import("vue").Ref;
mergedOnClick: (e: MouseEvent) => void;
mergedOnError: (e: Event) => void;
mergedOnLoad: (e: Event) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly void>;
onPreviewNext: PropType<() => void>;
showToolbar: {
type: BooleanConstructor;
default: boolean;
};
showToolbarTooltip: BooleanConstructor;
renderToolbar: PropType;
theme: PropType;
}>;
}>>;
themeOverrides: PropType;
}>;
}>>>;
builtinThemeOverrides: PropType;
}>;
}>>>;
alt: StringConstructor;
height: PropType;
imgProps: PropType;
previewedImgProps: PropType;
lazy: BooleanConstructor;
intersectionObserverOptions: PropType;
objectFit: {
type: PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
default: string;
};
previewSrc: StringConstructor;
fallbackSrc: StringConstructor;
width: PropType;
src: StringConstructor;
previewDisabled: BooleanConstructor;
loadDescription: StringConstructor;
onError: PropType<(e: Event) => void>;
onLoad: PropType<(e: Event) => void>;
}>>, {
lazy: boolean;
objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
showToolbar: boolean;
showToolbarTooltip: boolean;
previewDisabled: boolean;
}, {}>;
export default _default;