@opensig/opendesign/es/figure/index.d.ts

import { App } from 'vue';
declare const OFigure: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        src: {
            type: StringConstructor;
            required: true;
        };
        ratio: {
            type: NumberConstructor;
        };
        fit: {
            type: StringConstructor;
        };
        alt: {
            type: StringConstructor;
        };
        background: {
            type: BooleanConstructor;
        };
        hoverable: {
            type: BooleanConstructor;
        };
        href: {
            type: StringConstructor;
        };
        colorful: {
            type: BooleanConstructor;
        };
        preview: {
            type: BooleanConstructor;
        };
        lazyPreview: {
            type: BooleanConstructor;
        };
        videoPoster: {
            type: BooleanConstructor;
        };
        previewClose: {
            type: import('vue').PropType<("body" | "button" | "mask" | "none") | ("body" | "button" | "mask" | "none")[]>;
        };
        lazy: {
            type: import('vue').PropType<boolean | IntersectionObserverInit>;
        };
    }>> & Readonly<{
        onError?: (() => any) | undefined;
        onLoad?: (() => any) | undefined;
        onPreview?: ((visible: boolean) => any) | undefined;
    }>, {
        preview: (visible?: boolean) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
        error: () => any;
        load: () => any;
        preview: (visible: boolean) => any;
    }, import('vue').PublicProps, {
        background: boolean;
        hoverable: boolean;
        colorful: boolean;
        preview: boolean;
        lazyPreview: boolean;
        videoPoster: boolean;
    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        rootEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            tag: {
                type: StringConstructor;
                default: string;
            };
        }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
            tag: string;
        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            tag: {
                type: StringConstructor;
                default: string;
            };
        }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, {
            tag: string;
        }> | null;
        imgRef: HTMLImageElement;
    }, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        src: {
            type: StringConstructor;
            required: true;
        };
        ratio: {
            type: NumberConstructor;
        };
        fit: {
            type: StringConstructor;
        };
        alt: {
            type: StringConstructor;
        };
        background: {
            type: BooleanConstructor;
        };
        hoverable: {
            type: BooleanConstructor;
        };
        href: {
            type: StringConstructor;
        };
        colorful: {
            type: BooleanConstructor;
        };
        preview: {
            type: BooleanConstructor;
        };
        lazyPreview: {
            type: BooleanConstructor;
        };
        videoPoster: {
            type: BooleanConstructor;
        };
        previewClose: {
            type: import('vue').PropType<("body" | "button" | "mask" | "none") | ("body" | "button" | "mask" | "none")[]>;
        };
        lazy: {
            type: import('vue').PropType<boolean | IntersectionObserverInit>;
        };
    }>> & Readonly<{
        onError?: (() => any) | undefined;
        onLoad?: (() => any) | undefined;
        onPreview?: ((visible: boolean) => any) | undefined;
    }>, {
        preview: (visible?: boolean) => void;
    }, {}, {}, {}, {
        background: boolean;
        hoverable: boolean;
        colorful: boolean;
        preview: boolean;
        lazyPreview: boolean;
        videoPoster: boolean;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
    src: {
        type: StringConstructor;
        required: true;
    };
    ratio: {
        type: NumberConstructor;
    };
    fit: {
        type: StringConstructor;
    };
    alt: {
        type: StringConstructor;
    };
    background: {
        type: BooleanConstructor;
    };
    hoverable: {
        type: BooleanConstructor;
    };
    href: {
        type: StringConstructor;
    };
    colorful: {
        type: BooleanConstructor;
    };
    preview: {
        type: BooleanConstructor;
    };
    lazyPreview: {
        type: BooleanConstructor;
    };
    videoPoster: {
        type: BooleanConstructor;
    };
    previewClose: {
        type: import('vue').PropType<("body" | "button" | "mask" | "none") | ("body" | "button" | "mask" | "none")[]>;
    };
    lazy: {
        type: import('vue').PropType<boolean | IntersectionObserverInit>;
    };
}>> & Readonly<{
    onError?: (() => any) | undefined;
    onLoad?: (() => any) | undefined;
    onPreview?: ((visible: boolean) => any) | undefined;
}>, {
    preview: (visible?: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    error: () => any;
    load: () => any;
    preview: (visible: boolean) => any;
}, string, {
    background: boolean;
    hoverable: boolean;
    colorful: boolean;
    preview: boolean;
    lazyPreview: boolean;
    videoPoster: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: {
        error?(_: {}): any;
        default?(_: {}): any;
        'play-icon'?(_: {}): any;
        content?(_: {}): any;
        title?(_: {}): any;
        preview?(_: {
            image: string | undefined;
        }): any;
        'preview-extra'?(_: {}): any;
    };
}) & {
    install(app: App): void;
};
export { OFigure };
export * from './types';