tdesign-vue/es/qrcode/index.d.ts

tdesign-vue

import { TdQRCodeProps } from './type';
import './style';
export declare type QRCodeProps = TdQRCodeProps;
export * from './type';
export declare const QRCode: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
    classes: import("@vue/composition-api").ComputedRef<(string | {
        [x: string]: boolean;
    })[]>;
    mergedStyle: import("@vue/composition-api").ComputedRef<{
        backgroundColor: string;
        width: string;
        height: string;
    }>;
    globalConfig: import("@vue/composition-api").ComputedRef<{} & (import("..").QRCodeConfig | {
        readonly expiredText: "二维码过期";
        readonly refreshText: "点击刷新";
        readonly scannedText: "已扫描";
    }) & import("..").QRCodeConfig>;
    finalBgColor: import("@vue/composition-api").ComputedRef<string>;
    finalFgColor: import("@vue/composition-api").ComputedRef<string>;
    classPrefix: import("@vue/composition-api").ComputedRef<string>;
    imageSettings: import("@vue/composition-api").ComputedRef<import("../_common/js/qrcode/types").ImageSettings>;
}> & import("@vue/composition-api").Data, {}, {}, {
    bgColor: {
        type: StringConstructor;
        default: string;
    };
    borderless: BooleanConstructor;
    color: {
        type: StringConstructor;
        default: string;
    };
    icon: {
        type: StringConstructor;
        default: string;
    };
    iconSize: {
        type: import("vue").PropType<number | {
            width: number;
            height: number;
        }>;
        default: number;
    };
    level: {
        type: import("vue").PropType<"Q" | "M" | "H" | "L">;
        default: "Q" | "M" | "H" | "L";
        validator(val: "Q" | "M" | "H" | "L"): boolean;
    };
    size: {
        type: NumberConstructor;
        default: number;
    };
    status: {
        type: import("vue").PropType<import("./type").QRStatus>;
        default: import("./type").QRStatus;
        validator(val: import("./type").QRStatus): boolean;
    };
    statusRender: {
        type: import("vue").PropType<(info: import("./type").StatusRenderInfo) => (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
    };
    type: {
        type: import("vue").PropType<"canvas" | "svg">;
        default: "canvas" | "svg";
        validator(val: "canvas" | "svg"): boolean;
    };
    value: {
        type: StringConstructor;
        default: string;
    };
    onRefresh: import("vue").PropType<() => void>;
}, import("@vue/composition-api").ExtractPropTypes<{
    bgColor: {
        type: StringConstructor;
        default: string;
    };
    borderless: BooleanConstructor;
    color: {
        type: StringConstructor;
        default: string;
    };
    icon: {
        type: StringConstructor;
        default: string;
    };
    iconSize: {
        type: import("vue").PropType<number | {
            width: number;
            height: number;
        }>;
        default: number;
    };
    level: {
        type: import("vue").PropType<"Q" | "M" | "H" | "L">;
        default: "Q" | "M" | "H" | "L";
        validator(val: "Q" | "M" | "H" | "L"): boolean;
    };
    size: {
        type: NumberConstructor;
        default: number;
    };
    status: {
        type: import("vue").PropType<import("./type").QRStatus>;
        default: import("./type").QRStatus;
        validator(val: import("./type").QRStatus): boolean;
    };
    statusRender: {
        type: import("vue").PropType<(info: import("./type").StatusRenderInfo) => (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
    };
    type: {
        type: import("vue").PropType<"canvas" | "svg">;
        default: "canvas" | "svg";
        validator(val: "canvas" | "svg"): boolean;
    };
    value: {
        type: StringConstructor;
        default: string;
    };
    onRefresh: import("vue").PropType<() => void>;
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
    type: "canvas" | "svg";
    color: string;
    value: string;
    size: number;
    status: import("./type").QRStatus;
    icon: string;
    borderless: boolean;
    level: "Q" | "M" | "H" | "L";
    iconSize: number | {
        width: number;
        height: number;
    };
    bgColor: string;
} & {
    statusRender?: (info: import("./type").StatusRenderInfo) => (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
    onRefresh?: () => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
    classes: import("@vue/composition-api").ComputedRef<(string | {
        [x: string]: boolean;
    })[]>;
    mergedStyle: import("@vue/composition-api").ComputedRef<{
        backgroundColor: string;
        width: string;
        height: string;
    }>;
    globalConfig: import("@vue/composition-api").ComputedRef<{} & (import("..").QRCodeConfig | {
        readonly expiredText: "二维码过期";
        readonly refreshText: "点击刷新";
        readonly scannedText: "已扫描";
    }) & import("..").QRCodeConfig>;
    finalBgColor: import("@vue/composition-api").ComputedRef<string>;
    finalFgColor: import("@vue/composition-api").ComputedRef<string>;
    classPrefix: import("@vue/composition-api").ComputedRef<string>;
    imageSettings: import("@vue/composition-api").ComputedRef<import("../_common/js/qrcode/types").ImageSettings>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
    type: "canvas" | "svg";
    color: string;
    value: string;
    size: number;
    status: import("./type").QRStatus;
    icon: string;
    borderless: boolean;
    level: "Q" | "M" | "H" | "L";
    iconSize: number | {
        width: number;
        height: number;
    };
    bgColor: string;
} & {
    statusRender?: (info: import("./type").StatusRenderInfo) => (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
    onRefresh?: () => void;
}, {
    type: "canvas" | "svg";
    color: string;
    value: string;
    size: number;
    status: import("./type").QRStatus;
    icon: string;
    borderless: boolean;
    level: "Q" | "M" | "H" | "L";
    iconSize: number | {
        width: number;
        height: number;
    };
    bgColor: string;
}, true>) & import("vue").PluginObject<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
    classes: import("@vue/composition-api").ComputedRef<(string | {
        [x: string]: boolean;
    })[]>;
    mergedStyle: import("@vue/composition-api").ComputedRef<{
        backgroundColor: string;
        width: string;
        height: string;
    }>;
    globalConfig: import("@vue/composition-api").ComputedRef<{} & (import("..").QRCodeConfig | {
        readonly expiredText: "二维码过期";
        readonly refreshText: "点击刷新";
        readonly scannedText: "已扫描";
    }) & import("..").QRCodeConfig>;
    finalBgColor: import("@vue/composition-api").ComputedRef<string>;
    finalFgColor: import("@vue/composition-api").ComputedRef<string>;
    classPrefix: import("@vue/composition-api").ComputedRef<string>;
    imageSettings: import("@vue/composition-api").ComputedRef<import("../_common/js/qrcode/types").ImageSettings>;
}> & import("@vue/composition-api").Data, {}, {}, {
    bgColor: {
        type: StringConstructor;
        default: string;
    };
    borderless: BooleanConstructor;
    color: {
        type: StringConstructor;
        default: string;
    };
    icon: {
        type: StringConstructor;
        default: string;
    };
    iconSize: {
        type: import("vue").PropType<number | {
            width: number;
            height: number;
        }>;
        default: number;
    };
    level: {
        type: import("vue").PropType<"Q" | "M" | "H" | "L">;
        default: "Q" | "M" | "H" | "L";
        validator(val: "Q" | "M" | "H" | "L"): boolean;
    };
    size: {
        type: NumberConstructor;
        default: number;
    };
    status: {
        type: import("vue").PropType<import("./type").QRStatus>;
        default: import("./type").QRStatus;
        validator(val: import("./type").QRStatus): boolean;
    };
    statusRender: {
        type: import("vue").PropType<(info: import("./type").StatusRenderInfo) => (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
    };
    type: {
        type: import("vue").PropType<"canvas" | "svg">;
        default: "canvas" | "svg";
        validator(val: "canvas" | "svg"): boolean;
    };
    value: {
        type: StringConstructor;
        default: string;
    };
    onRefresh: import("vue").PropType<() => void>;
}, import("@vue/composition-api").ExtractPropTypes<{
    bgColor: {
        type: StringConstructor;
        default: string;
    };
    borderless: BooleanConstructor;
    color: {
        type: StringConstructor;
        default: string;
    };
    icon: {
        type: StringConstructor;
        default: string;
    };
    iconSize: {
        type: import("vue").PropType<number | {
            width: number;
            height: number;
        }>;
        default: number;
    };
    level: {
        type: import("vue").PropType<"Q" | "M" | "H" | "L">;
        default: "Q" | "M" | "H" | "L";
        validator(val: "Q" | "M" | "H" | "L"): boolean;
    };
    size: {
        type: NumberConstructor;
        default: number;
    };
    status: {
        type: import("vue").PropType<import("./type").QRStatus>;
        default: import("./type").QRStatus;
        validator(val: import("./type").QRStatus): boolean;
    };
    statusRender: {
        type: import("vue").PropType<(info: import("./type").StatusRenderInfo) => (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
    };
    type: {
        type: import("vue").PropType<"canvas" | "svg">;
        default: "canvas" | "svg";
        validator(val: "canvas" | "svg"): boolean;
    };
    value: {
        type: StringConstructor;
        default: string;
    };
    onRefresh: import("vue").PropType<() => void>;
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
    type: "canvas" | "svg";
    color: string;
    value: string;
    size: number;
    status: import("./type").QRStatus;
    icon: string;
    borderless: boolean;
    level: "Q" | "M" | "H" | "L";
    iconSize: number | {
        width: number;
        height: number;
    };
    bgColor: string;
} & {
    statusRender?: (info: import("./type").StatusRenderInfo) => (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
    onRefresh?: () => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
    classes: import("@vue/composition-api").ComputedRef<(string | {
        [x: string]: boolean;
    })[]>;
    mergedStyle: import("@vue/composition-api").ComputedRef<{
        backgroundColor: string;
        width: string;
        height: string;
    }>;
    globalConfig: import("@vue/composition-api").ComputedRef<{} & (import("..").QRCodeConfig | {
        readonly expiredText: "二维码过期";
        readonly refreshText: "点击刷新";
        readonly scannedText: "已扫描";
    }) & import("..").QRCodeConfig>;
    finalBgColor: import("@vue/composition-api").ComputedRef<string>;
    finalFgColor: import("@vue/composition-api").ComputedRef<string>;
    classPrefix: import("@vue/composition-api").ComputedRef<string>;
    imageSettings: import("@vue/composition-api").ComputedRef<import("../_common/js/qrcode/types").ImageSettings>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
    type: "canvas" | "svg";
    color: string;
    value: string;
    size: number;
    status: import("./type").QRStatus;
    icon: string;
    borderless: boolean;
    level: "Q" | "M" | "H" | "L";
    iconSize: number | {
        width: number;
        height: number;
    };
    bgColor: string;
} & {
    statusRender?: (info: import("./type").StatusRenderInfo) => (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
    onRefresh?: () => void;
}, {
    type: "canvas" | "svg";
    color: string;
    value: string;
    size: number;
    status: import("./type").QRStatus;
    icon: string;
    borderless: boolean;
    level: "Q" | "M" | "H" | "L";
    iconSize: number | {
        width: number;
        height: number;
    };
    bgColor: string;
}, true>)>;
export default QRCode;