tdesign-mobile-vue/lib/grid/index.d.ts

tdesign-mobile-vue

import { TdGridItemProps, TdGridProps } from './type';
import './style';
export * from './type';
export type GridProps = TdGridProps;
export type GridItemProps = TdGridItemProps;
export declare const Grid: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        align: {
            type: import("vue").PropType<TdGridProps['align']>;
            default: TdGridProps['align'];
            validator(val: TdGridProps['align']): boolean;
        };
        border: BooleanConstructor;
        column: {
            type: NumberConstructor;
            default: number;
        };
        gutter: {
            type: NumberConstructor;
        };
        hover: BooleanConstructor;
        theme: {
            type: import("vue").PropType<TdGridProps['theme']>;
            default: TdGridProps['theme'];
            validator(val: TdGridProps['theme']): boolean;
        };
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
        align: "center" | "left";
        border: boolean;
        column: number;
        hover: boolean;
        theme: "card" | "default";
    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        align: {
            type: import("vue").PropType<TdGridProps['align']>;
            default: TdGridProps['align'];
            validator(val: TdGridProps['align']): boolean;
        };
        border: BooleanConstructor;
        column: {
            type: NumberConstructor;
            default: number;
        };
        gutter: {
            type: NumberConstructor;
        };
        hover: BooleanConstructor;
        theme: {
            type: import("vue").PropType<TdGridProps['theme']>;
            default: TdGridProps['theme'];
            validator(val: TdGridProps['theme']): boolean;
        };
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        align: "center" | "left";
        border: boolean;
        column: number;
        hover: boolean;
        theme: "card" | "default";
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    align: {
        type: import("vue").PropType<TdGridProps['align']>;
        default: TdGridProps['align'];
        validator(val: TdGridProps['align']): boolean;
    };
    border: BooleanConstructor;
    column: {
        type: NumberConstructor;
        default: number;
    };
    gutter: {
        type: NumberConstructor;
    };
    hover: BooleanConstructor;
    theme: {
        type: import("vue").PropType<TdGridProps['theme']>;
        default: TdGridProps['theme'];
        validator(val: TdGridProps['theme']): boolean;
    };
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    align: "center" | "left";
    border: boolean;
    column: number;
    hover: boolean;
    theme: "card" | "default";
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export declare const GridItem: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        badge: {
            type: import("vue").PropType<TdGridItemProps['badge']>;
        };
        description: {
            type: import("vue").PropType<TdGridItemProps['description']>;
        };
        icon: {
            type: import("vue").PropType<TdGridItemProps['icon']>;
        };
        image: {
            type: import("vue").PropType<TdGridItemProps['image']>;
        };
        layout: {
            type: import("vue").PropType<TdGridItemProps['layout']>;
            default: TdGridItemProps['layout'];
            validator(val: TdGridItemProps['layout']): boolean;
        };
        text: {
            type: import("vue").PropType<TdGridItemProps['text']>;
        };
    }>> & Readonly<{
        onClick?: (e: MouseEvent) => any;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        click: (e: MouseEvent) => true;
    }, import("vue").PublicProps, {
        layout: "horizontal" | "vertical";
    }, true, {}, {}, {
        TImage: {
            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                alt: {
                    type: StringConstructor;
                    default: string;
                };
                error: {
                    type: import("vue").PropType<import("@/image").TdImageProps['error']>;
                };
                fallback: {
                    type: StringConstructor;
                    default: string;
                };
                fit: {
                    type: import("vue").PropType<import("@/image").TdImageProps['fit']>;
                    default: import("@/image").TdImageProps['fit'];
                    validator(val: import("@/image").TdImageProps['fit']): boolean;
                };
                lazy: BooleanConstructor;
                loading: {
                    type: import("vue").PropType<import("@/image").TdImageProps['loading']>;
                };
                position: {
                    type: StringConstructor;
                    default: string;
                };
                referrerpolicy: {
                    type: import("vue").PropType<import("@/image").TdImageProps['referrerpolicy']>;
                    validator(val: import("@/image").TdImageProps['referrerpolicy']): boolean;
                };
                shape: {
                    type: import("vue").PropType<import("@/image").TdImageProps['shape']>;
                    default: import("@/image").TdImageProps['shape'];
                    validator(val: import("@/image").TdImageProps['shape']): boolean;
                };
                src: {
                    type: StringConstructor;
                    default: string;
                };
                srcset: {
                    type: import("vue").PropType<import("@/image").TdImageProps['srcset']>;
                };
                onError: import("vue").PropType<import("@/image").TdImageProps['onError']>;
                onLoad: import("vue").PropType<import("@/image").TdImageProps['onLoad']>;
            }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                alt: string;
                fallback: string;
                fit: "contain" | "cover" | "fill" | "none" | "scale-down";
                lazy: boolean;
                position: string;
                shape: "circle" | "round" | "square";
                src: string;
            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                P: {};
                B: {};
                D: {};
                C: {};
                M: {};
                Defaults: {};
            }, Readonly<import("vue").ExtractPropTypes<{
                alt: {
                    type: StringConstructor;
                    default: string;
                };
                error: {
                    type: import("vue").PropType<import("@/image").TdImageProps['error']>;
                };
                fallback: {
                    type: StringConstructor;
                    default: string;
                };
                fit: {
                    type: import("vue").PropType<import("@/image").TdImageProps['fit']>;
                    default: import("@/image").TdImageProps['fit'];
                    validator(val: import("@/image").TdImageProps['fit']): boolean;
                };
                lazy: BooleanConstructor;
                loading: {
                    type: import("vue").PropType<import("@/image").TdImageProps['loading']>;
                };
                position: {
                    type: StringConstructor;
                    default: string;
                };
                referrerpolicy: {
                    type: import("vue").PropType<import("@/image").TdImageProps['referrerpolicy']>;
                    validator(val: import("@/image").TdImageProps['referrerpolicy']): boolean;
                };
                shape: {
                    type: import("vue").PropType<import("@/image").TdImageProps['shape']>;
                    default: import("@/image").TdImageProps['shape'];
                    validator(val: import("@/image").TdImageProps['shape']): boolean;
                };
                src: {
                    type: StringConstructor;
                    default: string;
                };
                srcset: {
                    type: import("vue").PropType<import("@/image").TdImageProps['srcset']>;
                };
                onError: import("vue").PropType<import("@/image").TdImageProps['onError']>;
                onLoad: import("vue").PropType<import("@/image").TdImageProps['onLoad']>;
            }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                alt: string;
                fallback: string;
                fit: "contain" | "cover" | "fill" | "none" | "scale-down";
                lazy: boolean;
                position: string;
                shape: "circle" | "round" | "square";
                src: string;
            }>;
            __isFragment?: never;
            __isTeleport?: never;
            __isSuspense?: never;
        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            alt: {
                type: StringConstructor;
                default: string;
            };
            error: {
                type: import("vue").PropType<import("@/image").TdImageProps['error']>;
            };
            fallback: {
                type: StringConstructor;
                default: string;
            };
            fit: {
                type: import("vue").PropType<import("@/image").TdImageProps['fit']>;
                default: import("@/image").TdImageProps['fit'];
                validator(val: import("@/image").TdImageProps['fit']): boolean;
            };
            lazy: BooleanConstructor;
            loading: {
                type: import("vue").PropType<import("@/image").TdImageProps['loading']>;
            };
            position: {
                type: StringConstructor;
                default: string;
            };
            referrerpolicy: {
                type: import("vue").PropType<import("@/image").TdImageProps['referrerpolicy']>;
                validator(val: import("@/image").TdImageProps['referrerpolicy']): boolean;
            };
            shape: {
                type: import("vue").PropType<import("@/image").TdImageProps['shape']>;
                default: import("@/image").TdImageProps['shape'];
                validator(val: import("@/image").TdImageProps['shape']): boolean;
            };
            src: {
                type: StringConstructor;
                default: string;
            };
            srcset: {
                type: import("vue").PropType<import("@/image").TdImageProps['srcset']>;
            };
            onError: import("vue").PropType<import("@/image").TdImageProps['onError']>;
            onLoad: import("vue").PropType<import("@/image").TdImageProps['onLoad']>;
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            alt: string;
            fallback: string;
            fit: "contain" | "cover" | "fill" | "none" | "scale-down";
            lazy: boolean;
            position: string;
            shape: "circle" | "round" | "square";
            src: string;
        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
        TBadge: {
            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                color: {
                    type: StringConstructor;
                    default: string;
                };
                content: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
                };
                count: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                    default: import("@/badge").TdBadgeProps['count'];
                };
                dot: BooleanConstructor;
                maxCount: {
                    type: NumberConstructor;
                    default: number;
                };
                offset: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
                };
                shape: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                    default: import("@/badge").TdBadgeProps['shape'];
                    validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
                };
                showZero: BooleanConstructor;
                size: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                    default: import("@/badge").TdBadgeProps['size'];
                    validator(val: import("@/badge").TdBadgeProps['size']): boolean;
                };
            }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                color: string;
                count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
                dot: boolean;
                maxCount: number;
                shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
                showZero: boolean;
                size: "large" | "medium";
            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                P: {};
                B: {};
                D: {};
                C: {};
                M: {};
                Defaults: {};
            }, Readonly<import("vue").ExtractPropTypes<{
                color: {
                    type: StringConstructor;
                    default: string;
                };
                content: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
                };
                count: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                    default: import("@/badge").TdBadgeProps['count'];
                };
                dot: BooleanConstructor;
                maxCount: {
                    type: NumberConstructor;
                    default: number;
                };
                offset: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
                };
                shape: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                    default: import("@/badge").TdBadgeProps['shape'];
                    validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
                };
                showZero: BooleanConstructor;
                size: {
                    type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                    default: import("@/badge").TdBadgeProps['size'];
                    validator(val: import("@/badge").TdBadgeProps['size']): boolean;
                };
            }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                color: string;
                count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
                dot: boolean;
                maxCount: number;
                shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
                showZero: boolean;
                size: "large" | "medium";
            }>;
            __isFragment?: never;
            __isTeleport?: never;
            __isSuspense?: never;
        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: StringConstructor;
                default: string;
            };
            content: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
            };
            count: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                default: import("@/badge").TdBadgeProps['count'];
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
            };
            shape: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                default: import("@/badge").TdBadgeProps['shape'];
                validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                default: import("@/badge").TdBadgeProps['size'];
                validator(val: import("@/badge").TdBadgeProps['size']): boolean;
            };
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            color: string;
            count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
            dot: boolean;
            maxCount: number;
            shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
            showZero: boolean;
            size: "large" | "medium";
        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
    } & import("vue").GlobalComponents, {
        Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>;
    } & import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        badge: {
            type: import("vue").PropType<TdGridItemProps['badge']>;
        };
        description: {
            type: import("vue").PropType<TdGridItemProps['description']>;
        };
        icon: {
            type: import("vue").PropType<TdGridItemProps['icon']>;
        };
        image: {
            type: import("vue").PropType<TdGridItemProps['image']>;
        };
        layout: {
            type: import("vue").PropType<TdGridItemProps['layout']>;
            default: TdGridItemProps['layout'];
            validator(val: TdGridItemProps['layout']): boolean;
        };
        text: {
            type: import("vue").PropType<TdGridItemProps['text']>;
        };
    }>> & Readonly<{
        onClick?: (e: MouseEvent) => any;
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        layout: "horizontal" | "vertical";
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    badge: {
        type: import("vue").PropType<TdGridItemProps['badge']>;
    };
    description: {
        type: import("vue").PropType<TdGridItemProps['description']>;
    };
    icon: {
        type: import("vue").PropType<TdGridItemProps['icon']>;
    };
    image: {
        type: import("vue").PropType<TdGridItemProps['image']>;
    };
    layout: {
        type: import("vue").PropType<TdGridItemProps['layout']>;
        default: TdGridItemProps['layout'];
        validator(val: TdGridItemProps['layout']): boolean;
    };
    text: {
        type: import("vue").PropType<TdGridItemProps['text']>;
    };
}>> & Readonly<{
    onClick?: (e: MouseEvent) => any;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    click: (e: MouseEvent) => true;
}, string, {
    layout: "horizontal" | "vertical";
}, {}, string, {}, {
    TImage: {
        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
            alt: {
                type: StringConstructor;
                default: string;
            };
            error: {
                type: import("vue").PropType<import("@/image").TdImageProps['error']>;
            };
            fallback: {
                type: StringConstructor;
                default: string;
            };
            fit: {
                type: import("vue").PropType<import("@/image").TdImageProps['fit']>;
                default: import("@/image").TdImageProps['fit'];
                validator(val: import("@/image").TdImageProps['fit']): boolean;
            };
            lazy: BooleanConstructor;
            loading: {
                type: import("vue").PropType<import("@/image").TdImageProps['loading']>;
            };
            position: {
                type: StringConstructor;
                default: string;
            };
            referrerpolicy: {
                type: import("vue").PropType<import("@/image").TdImageProps['referrerpolicy']>;
                validator(val: import("@/image").TdImageProps['referrerpolicy']): boolean;
            };
            shape: {
                type: import("vue").PropType<import("@/image").TdImageProps['shape']>;
                default: import("@/image").TdImageProps['shape'];
                validator(val: import("@/image").TdImageProps['shape']): boolean;
            };
            src: {
                type: StringConstructor;
                default: string;
            };
            srcset: {
                type: import("vue").PropType<import("@/image").TdImageProps['srcset']>;
            };
            onError: import("vue").PropType<import("@/image").TdImageProps['onError']>;
            onLoad: import("vue").PropType<import("@/image").TdImageProps['onLoad']>;
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
            alt: string;
            fallback: string;
            fit: "contain" | "cover" | "fill" | "none" | "scale-down";
            lazy: boolean;
            position: string;
            shape: "circle" | "round" | "square";
            src: string;
        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import("vue").ExtractPropTypes<{
            alt: {
                type: StringConstructor;
                default: string;
            };
            error: {
                type: import("vue").PropType<import("@/image").TdImageProps['error']>;
            };
            fallback: {
                type: StringConstructor;
                default: string;
            };
            fit: {
                type: import("vue").PropType<import("@/image").TdImageProps['fit']>;
                default: import("@/image").TdImageProps['fit'];
                validator(val: import("@/image").TdImageProps['fit']): boolean;
            };
            lazy: BooleanConstructor;
            loading: {
                type: import("vue").PropType<import("@/image").TdImageProps['loading']>;
            };
            position: {
                type: StringConstructor;
                default: string;
            };
            referrerpolicy: {
                type: import("vue").PropType<import("@/image").TdImageProps['referrerpolicy']>;
                validator(val: import("@/image").TdImageProps['referrerpolicy']): boolean;
            };
            shape: {
                type: import("vue").PropType<import("@/image").TdImageProps['shape']>;
                default: import("@/image").TdImageProps['shape'];
                validator(val: import("@/image").TdImageProps['shape']): boolean;
            };
            src: {
                type: StringConstructor;
                default: string;
            };
            srcset: {
                type: import("vue").PropType<import("@/image").TdImageProps['srcset']>;
            };
            onError: import("vue").PropType<import("@/image").TdImageProps['onError']>;
            onLoad: import("vue").PropType<import("@/image").TdImageProps['onLoad']>;
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
            alt: string;
            fallback: string;
            fit: "contain" | "cover" | "fill" | "none" | "scale-down";
            lazy: boolean;
            position: string;
            shape: "circle" | "round" | "square";
            src: string;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
        alt: {
            type: StringConstructor;
            default: string;
        };
        error: {
            type: import("vue").PropType<import("@/image").TdImageProps['error']>;
        };
        fallback: {
            type: StringConstructor;
            default: string;
        };
        fit: {
            type: import("vue").PropType<import("@/image").TdImageProps['fit']>;
            default: import("@/image").TdImageProps['fit'];
            validator(val: import("@/image").TdImageProps['fit']): boolean;
        };
        lazy: BooleanConstructor;
        loading: {
            type: import("vue").PropType<import("@/image").TdImageProps['loading']>;
        };
        position: {
            type: StringConstructor;
            default: string;
        };
        referrerpolicy: {
            type: import("vue").PropType<import("@/image").TdImageProps['referrerpolicy']>;
            validator(val: import("@/image").TdImageProps['referrerpolicy']): boolean;
        };
        shape: {
            type: import("vue").PropType<import("@/image").TdImageProps['shape']>;
            default: import("@/image").TdImageProps['shape'];
            validator(val: import("@/image").TdImageProps['shape']): boolean;
        };
        src: {
            type: StringConstructor;
            default: string;
        };
        srcset: {
            type: import("vue").PropType<import("@/image").TdImageProps['srcset']>;
        };
        onError: import("vue").PropType<import("@/image").TdImageProps['onError']>;
        onLoad: import("vue").PropType<import("@/image").TdImageProps['onLoad']>;
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
        alt: string;
        fallback: string;
        fit: "contain" | "cover" | "fill" | "none" | "scale-down";
        lazy: boolean;
        position: string;
        shape: "circle" | "round" | "square";
        src: string;
    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
    TBadge: {
        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: StringConstructor;
                default: string;
            };
            content: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
            };
            count: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                default: import("@/badge").TdBadgeProps['count'];
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
            };
            shape: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                default: import("@/badge").TdBadgeProps['shape'];
                validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                default: import("@/badge").TdBadgeProps['size'];
                validator(val: import("@/badge").TdBadgeProps['size']): boolean;
            };
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
            color: string;
            count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
            dot: boolean;
            maxCount: number;
            shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
            showZero: boolean;
            size: "large" | "medium";
        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import("vue").ExtractPropTypes<{
            color: {
                type: StringConstructor;
                default: string;
            };
            content: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
            };
            count: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
                default: import("@/badge").TdBadgeProps['count'];
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
            };
            shape: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
                default: import("@/badge").TdBadgeProps['shape'];
                validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
                default: import("@/badge").TdBadgeProps['size'];
                validator(val: import("@/badge").TdBadgeProps['size']): boolean;
            };
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
            color: string;
            count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
            dot: boolean;
            maxCount: number;
            shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
            showZero: boolean;
            size: "large" | "medium";
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
        color: {
            type: StringConstructor;
            default: string;
        };
        content: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['content']>;
        };
        count: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['count']>;
            default: import("@/badge").TdBadgeProps['count'];
        };
        dot: BooleanConstructor;
        maxCount: {
            type: NumberConstructor;
            default: number;
        };
        offset: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['offset']>;
        };
        shape: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['shape']>;
            default: import("@/badge").TdBadgeProps['shape'];
            validator(val: import("@/badge").TdBadgeProps['shape']): boolean;
        };
        showZero: BooleanConstructor;
        size: {
            type: import("vue").PropType<import("@/badge").TdBadgeProps['size']>;
            default: import("@/badge").TdBadgeProps['size'];
            validator(val: import("@/badge").TdBadgeProps['size']): boolean;
        };
    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
        color: string;
        count: string | number | ((h: typeof import('vue').h) => import("@/common").TNodeReturnValue);
        dot: boolean;
        maxCount: number;
        shape: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
        showZero: boolean;
        size: "large" | "medium";
    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
} & import("vue").GlobalComponents, {
    Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>;
} & import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export default Grid;