@extclp/vexip-ui/dist/components/image/props.d.ts

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

import { ExtractPropTypes, PropType } from 'vue';
import { ConfigurableProps } from '@vexip-ui/config';
import { ImageGroupSlots, ImageSlots, ImageViewerSlots } from './symbol';
export declare const imageProps: {
    inherit: PropType<boolean>;
    src: PropType<string>;
    fallbackSrc: PropType<string>;
    alt: PropType<string>;
    fit: PropType<"fill" | "none" | "contain" | "cover" | "scale-down">;
    width: PropType<string | number>;
    height: PropType<string | number>;
    imgAttrs: PropType<Record<string, any>>;
    lazy: PropType<boolean>;
    root: PropType<{}>;
    rootMargin: PropType<string>;
    preview: PropType<boolean>;
    skeleton: PropType<boolean | (Pick<import('..').SkeletonProps, "tag" | "activated" | "iconScale" | "imageIcon"> & {
        class?: import('@vexip-ui/config').ClassType;
        StyleType?: import('@vexip-ui/config').StyleType;
    })>;
    placeholder: PropType<string>;
    errorTip: PropType<string>;
    radius: PropType<number>;
    border: PropType<string | boolean>;
    previewSrc: PropType<string>;
    viewerTransfer: PropType<string | boolean>;
    viewerProps: PropType<{} & {
        locale?: Partial<{
            rotateRight: string;
            rotateLeft: string;
            flipHorizontal: string;
            flipVertical: string;
            zoomIn: string;
            zoomOut: string;
            fullScreen: string;
            fullScreenExit: string;
            reset: string;
        }> | undefined;
        inherit?: boolean | undefined;
        onReset?: ((state: import('../viewer').ViewerState) => void) | ((state: import('../viewer').ViewerState) => void)[] | undefined;
        onWheel?: ((sign: 1 | -1, state: import('../viewer').ViewerState) => void) | ((sign: 1 | -1, state: import('../viewer').ViewerState) => void)[] | undefined;
        width?: string | number | undefined;
        onMove?: ((state: import('../viewer').ViewerState) => void) | ((state: import('../viewer').ViewerState) => void)[] | undefined;
        height?: string | number | undefined;
        noTransition?: boolean | undefined;
        actions?: import('../viewer').ViewerToolbarAction[] | undefined;
        moveDisabled?: boolean | undefined;
        zoomDisabled?: boolean | undefined;
        zoomDelta?: number | undefined;
        zoomMin?: number | undefined;
        zoomMax?: number | undefined;
        flipDisabled?: boolean | undefined;
        rotateDisabled?: boolean | undefined;
        rotateDelta?: number | undefined;
        fullDisabled?: boolean | undefined;
        toolbarFade?: number | boolean | undefined;
        centerScale?: boolean | undefined;
        onMoveStart?: ((state: import('../viewer').ViewerState) => void) | ((state: import('../viewer').ViewerState) => void)[] | undefined;
        onMoveEnd?: ((state: import('../viewer').ViewerState) => void) | ((state: import('../viewer').ViewerState) => void)[] | undefined;
        onRotate?: ((deg: number, state: import('../viewer').ViewerState) => void) | ((deg: number, state: import('../viewer').ViewerState) => void)[] | undefined;
        onFlipX?: ((flip: boolean, state: import('../viewer').ViewerState) => void) | ((flip: boolean, state: import('../viewer').ViewerState) => void)[] | undefined;
        onFlipY?: ((flip: boolean, state: import('../viewer').ViewerState) => void) | ((flip: boolean, state: import('../viewer').ViewerState) => void)[] | undefined;
        onZoom?: ((zoom: number, state: import('../viewer').ViewerState) => void) | ((zoom: number, state: import('../viewer').ViewerState) => void)[] | undefined;
        onFull?: ((full: boolean, state: import('../viewer').ViewerState) => void) | ((full: boolean, state: import('../viewer').ViewerState) => void)[] | undefined;
        toolbarPlacement?: "bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
        actionLayout?: import('../viewer').ViewerActionLayout | undefined;
    }>;
    slots: PropType<ImageSlots>;
    onLoad: PropType<((event: Event) => void) | ((event: Event) => void)[]>;
    onError: PropType<((event: Event) => void) | ((event: Event) => void)[]>;
    onPreview: PropType<((src: string) => void) | ((src: string) => void)[]>;
};
export type ImageProps = ExtractPropTypes<typeof imageProps>;
export type ImageCProps = ConfigurableProps<ExtractPropTypes<typeof imageProps>, 'src'>;
export declare const imageGroupProps: {
    inherit: PropType<boolean>;
    showAll: PropType<boolean>;
    preview: PropType<boolean>;
    viewerTransfer: PropType<string | boolean>;
    slots: PropType<ImageGroupSlots>;
    onPreview: PropType<((src: string, srcList: string[]) => void) | ((src: string, srcList: string[]) => void)[]>;
};
export type ImageGroupProps = ExtractPropTypes<typeof imageGroupProps>;
export type ImageGroupCProps = ConfigurableProps<ExtractPropTypes<typeof imageGroupProps>>;
export declare const imageViewerProps: {
    inherit: PropType<boolean>;
    active: PropType<boolean>;
    index: PropType<number>;
    srcList: PropType<string | string[]>;
    transfer: PropType<string | boolean>;
    viewerProps: PropType<{} & {
        locale?: Partial<{
            rotateRight: string;
            rotateLeft: string;
            flipHorizontal: string;
            flipVertical: string;
            zoomIn: string;
            zoomOut: string;
            fullScreen: string;
            fullScreenExit: string;
            reset: string;
        }> | undefined;
        inherit?: boolean | undefined;
        onReset?: ((state: import('../viewer').ViewerState) => void) | ((state: import('../viewer').ViewerState) => void)[] | undefined;
        onWheel?: ((sign: 1 | -1, state: import('../viewer').ViewerState) => void) | ((sign: 1 | -1, state: import('../viewer').ViewerState) => void)[] | undefined;
        width?: string | number | undefined;
        onMove?: ((state: import('../viewer').ViewerState) => void) | ((state: import('../viewer').ViewerState) => void)[] | undefined;
        height?: string | number | undefined;
        noTransition?: boolean | undefined;
        actions?: import('../viewer').ViewerToolbarAction[] | undefined;
        moveDisabled?: boolean | undefined;
        zoomDisabled?: boolean | undefined;
        zoomDelta?: number | undefined;
        zoomMin?: number | undefined;
        zoomMax?: number | undefined;
        flipDisabled?: boolean | undefined;
        rotateDisabled?: boolean | undefined;
        rotateDelta?: number | undefined;
        fullDisabled?: boolean | undefined;
        toolbarFade?: number | boolean | undefined;
        centerScale?: boolean | undefined;
        onMoveStart?: ((state: import('../viewer').ViewerState) => void) | ((state: import('../viewer').ViewerState) => void)[] | undefined;
        onMoveEnd?: ((state: import('../viewer').ViewerState) => void) | ((state: import('../viewer').ViewerState) => void)[] | undefined;
        onRotate?: ((deg: number, state: import('../viewer').ViewerState) => void) | ((deg: number, state: import('../viewer').ViewerState) => void)[] | undefined;
        onFlipX?: ((flip: boolean, state: import('../viewer').ViewerState) => void) | ((flip: boolean, state: import('../viewer').ViewerState) => void)[] | undefined;
        onFlipY?: ((flip: boolean, state: import('../viewer').ViewerState) => void) | ((flip: boolean, state: import('../viewer').ViewerState) => void)[] | undefined;
        onZoom?: ((zoom: number, state: import('../viewer').ViewerState) => void) | ((zoom: number, state: import('../viewer').ViewerState) => void)[] | undefined;
        onFull?: ((full: boolean, state: import('../viewer').ViewerState) => void) | ((full: boolean, state: import('../viewer').ViewerState) => void)[] | undefined;
        toolbarPlacement?: "bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
        actionLayout?: import('../viewer').ViewerActionLayout | undefined;
    }>;
    slots: PropType<ImageViewerSlots>;
    onToggle: PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
    onChange: PropType<((index: number, src: string) => void) | ((index: number, src: string) => void)[]>;
    onPrev: PropType<((index: number, src: string) => void) | ((index: number, src: string) => void)[]>;
    onNext: PropType<((index: number, src: string) => void) | ((index: number, src: string) => void)[]>;
    onClose: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onShow: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onHide: PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
};
export type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>;
export type ImageViewerCProps = ConfigurableProps<ExtractPropTypes<typeof imageViewerProps>, 'srcs'>;