image-cropper-next/dist/types/props.d.ts

A Vue 3 image cropper component for Vite

import { ExtractPropTypes, PropType } from 'vue';
export type FileType = 'png' | 'jpg' | 'jpeg' | 'webp' | 'bmp';
export type FlipDirection = 'horizontal' | 'vertically';
export declare const imageCropperProps: {
    crossOrigin: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    crossOriginHeader: {
        type: StringConstructor;
        default: string;
        required: boolean;
    };
    label: {
        type: StringConstructor;
        default: string;
        required: boolean;
    };
    isModal: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    lockScroll: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    showChooseBtn: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    boxWidth: {
        type: NumberConstructor;
        default: number;
        required: boolean;
    };
    boxHeight: {
        type: NumberConstructor;
        default: number;
        required: boolean;
    };
    cutWidth: {
        type: NumberConstructor;
        default: number;
        required: boolean;
    };
    cutHeight: {
        type: NumberConstructor;
        default: number;
        required: boolean;
    };
    rate: {
        type: StringConstructor;
        default: null;
        required: boolean;
    };
    tool: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    footer: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    toolBg: {
        type: StringConstructor;
        default: string;
        required: boolean;
    };
    imgMove: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    sizeChange: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    originalGraph: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    moveAble: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    previewMode: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    watermarkText: {
        type: StringConstructor;
        default: string;
        required: boolean;
    };
    watermarkTextFont: {
        type: StringConstructor;
        default: string;
        required: boolean;
    };
    watermarkTextColor: {
        type: StringConstructor;
        default: string;
        required: boolean;
    };
    watermarkTextX: {
        type: NumberConstructor;
        default: number;
        required: boolean;
    };
    watermarkTextY: {
        type: NumberConstructor;
        default: number;
        required: boolean;
    };
    smallToUpload: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    saveCutPosition: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    scaleAble: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    fileType: {
        type: PropType<FileType>;
        default: string;
        required: boolean;
    };
    toolBoxOverflow: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
    quality: {
        type: NumberConstructor;
        default: number;
        required: boolean;
    };
    isFinishClose: {
        type: BooleanConstructor;
        default: boolean;
        required: boolean;
    };
};
export type ImageCropperProps = ExtractPropTypes<typeof imageCropperProps>;
export type DataFile = {
    fileName: string;
    blob?: Blob;
    file: File;
    dataURL: string;
};