import { ComponentData } from "./type";
declare const _sfc_main: import("vue").DefineComponent<{
    width: {
        type: NumberConstructor;
        default: number;
    };
    height: {
        type: NumberConstructor;
        default: number;
    };
    data: {
        type: import("vue").PropType<Omit<ComponentData, "idx">[]>;
        default: import("./type").PropData[];
    };
    numberOfRow: {
        type: import("vue").PropType<number[]>;
        default: number[];
    };
    gap: {
        type: ArrayConstructor;
        default: number[];
    };
    textStyle: {
        type: ObjectConstructor;
        default: {
            fontSize: string;
            fontWeight: number;
            colorType: string;
            color: string;
            colors: string[];
            textAlign: string;
        };
    };
    valueStyle: {
        type: ObjectConstructor;
        default: {
            fontSize: string;
            fontWeight: number;
            colorType: string;
            color: string;
            colors: string[];
            textAlign: string;
        };
    };
    splitTotalStyle: {
        type: ObjectConstructor;
        default: {
            show: boolean;
            fontSize: string;
            fontWeight: number;
            color: string;
        };
    };
    unitStyle: {
        type: ObjectConstructor;
        default: {
            show: boolean;
            fontSize: string;
            fontWeight: number;
            color: string;
        };
    };
    totalStyle: {
        type: ObjectConstructor;
        default: {
            show: boolean;
            fontSize: string;
            fontWeight: number;
            color: string;
        };
    };
    borderStyle: {
        type: ObjectConstructor;
        default: {
            show: boolean;
            borderRadius: string;
        };
    };
    backgroundValueStyle: {
        type: ObjectConstructor;
        default: {
            isLinear: boolean;
            colorType: string;
            colors: string[];
            color: string;
        };
    };
    backgroundTextStyle: {
        type: ObjectConstructor;
        default: {
            colorType: string;
            colors: string[];
            color: string;
        };
    };
}, {
    data: import("vue").Ref<{
        name: string;
        text: string;
        value: string | number;
        unit?: string | undefined;
        total?: number | undefined;
        beRising?: string | undefined;
        valueBg?: {
            show: boolean;
            url: string;
            width: string;
            height: string;
        } | undefined;
        idx: number;
    }[][]>;
    cardStyle: import("vue").ComputedRef<{
        width: string;
        height: string;
        "grid-template-rows": string;
        "grid-row-gap": string;
    }>;
    unitStyle: import("vue").ComputedRef<{
        display: string;
        fontSize: any;
        fontWeight: any;
        color: any;
    }>;
    totalStyle: import("vue").ComputedRef<{
        display: string;
        fontSize: any;
        fontWeight: any;
        color: any;
    }>;
    splitTotalStyle: import("vue").ComputedRef<{
        display: string;
        fontSize: any;
        fontWeight: any;
        color: any;
    }>;
    valueStyle: (index: number) => {
        fontSize: any;
        fontWeight: any;
        color: any;
    };
    textStyle: (index: number) => {
        fontSize: any;
        fontWeight: any;
        color: any;
        background: string;
        borderRadius: string;
        textAlign: any;
    };
    borderStyle: (index: number) => {
        border: string;
        borderRadius: any;
    };
    vnStyle: (item: ComponentData) => {
        textAlign: any;
        "background-image": string;
    } | {
        "background-size": string;
        "background-repeat": string;
        "background-position": string;
        textAlign: any;
        "background-image": string;
    };
    lineStyle: (length: number) => {
        "grid-template-columns": string;
        "grid-gap": string;
    };
    onClick: (item: ComponentData) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    width: {
        type: NumberConstructor;
        default: number;
    };
    height: {
        type: NumberConstructor;
        default: number;
    };
    data: {
        type: import("vue").PropType<Omit<ComponentData, "idx">[]>;
        default: import("./type").PropData[];
    };
    numberOfRow: {
        type: import("vue").PropType<number[]>;
        default: number[];
    };
    gap: {
        type: ArrayConstructor;
        default: number[];
    };
    textStyle: {
        type: ObjectConstructor;
        default: {
            fontSize: string;
            fontWeight: number;
            colorType: string;
            color: string;
            colors: string[];
            textAlign: string;
        };
    };
    valueStyle: {
        type: ObjectConstructor;
        default: {
            fontSize: string;
            fontWeight: number;
            colorType: string;
            color: string;
            colors: string[];
            textAlign: string;
        };
    };
    splitTotalStyle: {
        type: ObjectConstructor;
        default: {
            show: boolean;
            fontSize: string;
            fontWeight: number;
            color: string;
        };
    };
    unitStyle: {
        type: ObjectConstructor;
        default: {
            show: boolean;
            fontSize: string;
            fontWeight: number;
            color: string;
        };
    };
    totalStyle: {
        type: ObjectConstructor;
        default: {
            show: boolean;
            fontSize: string;
            fontWeight: number;
            color: string;
        };
    };
    borderStyle: {
        type: ObjectConstructor;
        default: {
            show: boolean;
            borderRadius: string;
        };
    };
    backgroundValueStyle: {
        type: ObjectConstructor;
        default: {
            isLinear: boolean;
            colorType: string;
            colors: string[];
            color: string;
        };
    };
    backgroundTextStyle: {
        type: ObjectConstructor;
        default: {
            colorType: string;
            colors: string[];
            color: string;
        };
    };
}>> & {
    onOnClick?: ((...args: any[]) => any) | undefined;
}, {
    width: number;
    height: number;
    data: Omit<ComponentData, "idx">[];
    numberOfRow: number[];
    gap: unknown[];
    textStyle: Record<string, any>;
    valueStyle: Record<string, any>;
    splitTotalStyle: Record<string, any>;
    unitStyle: Record<string, any>;
    totalStyle: Record<string, any>;
    borderStyle: Record<string, any>;
    backgroundValueStyle: Record<string, any>;
    backgroundTextStyle: Record<string, any>;
}>;
export default _sfc_main;