import type { Plugin } from "vue";
import type { PropData } from "./type";
declare const _default: {
    new (...args: any[]): {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            width: number;
            height: number;
            data: Omit<import("./type").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>;
        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
            width: {
                type: NumberConstructor;
                default: number;
            };
            height: {
                type: NumberConstructor;
                default: number;
            };
            data: {
                type: import("vue").PropType<Omit<import("./type").ComponentData, "idx">[]>;
                default: 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;
        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "data" | "numberOfRow" | "gap" | "textStyle" | "valueStyle" | "splitTotalStyle" | "unitStyle" | "totalStyle" | "borderStyle" | "backgroundValueStyle" | "backgroundTextStyle">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot | undefined;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
        $emit: (event: "onClick", ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            width: {
                type: NumberConstructor;
                default: number;
            };
            height: {
                type: NumberConstructor;
                default: number;
            };
            data: {
                type: import("vue").PropType<Omit<import("./type").ComponentData, "idx">[]>;
                default: 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;
        }, {
            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: import("./type").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: import("./type").ComponentData) => void;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], string, {
            width: number;
            height: number;
            data: Omit<import("./type").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>;
        }, {}, string> & {
            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
            created?: ((() => void) | (() => void)[]) | undefined;
            beforeMount?: ((() => void) | (() => void)[]) | undefined;
            mounted?: ((() => void) | (() => void)[]) | undefined;
            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
            updated?: ((() => void) | (() => void)[]) | undefined;
            activated?: ((() => void) | (() => void)[]) | undefined;
            deactivated?: ((() => void) | (() => void)[]) | undefined;
            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
            destroyed?: ((() => void) | (() => void)[]) | undefined;
            unmounted?: ((() => void) | (() => void)[]) | undefined;
            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
        };
        $forceUpdate: () => void;
        $nextTick: typeof import("vue").nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        width: {
            type: NumberConstructor;
            default: number;
        };
        height: {
            type: NumberConstructor;
            default: number;
        };
        data: {
            type: import("vue").PropType<Omit<import("./type").ComponentData, "idx">[]>;
            default: 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;
    } & import("vue").ShallowUnwrapRef<{
        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: import("./type").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: import("./type").ComponentData) => void;
    }> & {} & import("vue").ComponentCustomProperties & {};
    __isFragment?: undefined;
    __isTeleport?: undefined;
    __isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    width: {
        type: NumberConstructor;
        default: number;
    };
    height: {
        type: NumberConstructor;
        default: number;
    };
    data: {
        type: import("vue").PropType<Omit<import("./type").ComponentData, "idx">[]>;
        default: 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;
}, {
    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: import("./type").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: import("./type").ComponentData) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", {
    width: number;
    height: number;
    data: Omit<import("./type").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>;
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Plugin;
export default _default;
export type { PropData };