tdesign-mobile-vue/cjs/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<"center" | "left">;
            default: "center" | "left";
            validator(val: "center" | "left"): boolean;
        };
        border: BooleanConstructor;
        column: {
            type: NumberConstructor;
            default: number;
        };
        gutter: {
            type: NumberConstructor;
        };
        hover: BooleanConstructor;
        theme: {
            type: import("vue").PropType<"card" | "default">;
            default: "card" | "default";
            validator(val: "card" | "default"): 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<"center" | "left">;
            default: "center" | "left";
            validator(val: "center" | "left"): boolean;
        };
        border: BooleanConstructor;
        column: {
            type: NumberConstructor;
            default: number;
        };
        gutter: {
            type: NumberConstructor;
        };
        hover: BooleanConstructor;
        theme: {
            type: import("vue").PropType<"card" | "default">;
            default: "card" | "default";
            validator(val: "card" | "default"): 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<"center" | "left">;
        default: "center" | "left";
        validator(val: "center" | "left"): boolean;
    };
    border: BooleanConstructor;
    column: {
        type: NumberConstructor;
        default: number;
    };
    gutter: {
        type: NumberConstructor;
    };
    hover: BooleanConstructor;
    theme: {
        type: import("vue").PropType<"card" | "default">;
        default: "card" | "default";
        validator(val: "card" | "default"): 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<import("@/badge").TdBadgeProps>;
        };
        description: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        icon: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
        };
        image: {
            type: import("vue").PropType<string | object | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        layout: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: "horizontal" | "vertical";
            validator(val: "horizontal" | "vertical"): boolean;
        };
        text: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
    }>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                };
                fallback: {
                    type: StringConstructor;
                    default: string;
                };
                fit: {
                    type: import("vue").PropType<"contain" | "cover" | "fill" | "none" | "scale-down">;
                    default: "contain" | "cover" | "fill" | "none" | "scale-down";
                    validator(val: "contain" | "cover" | "fill" | "none" | "scale-down"): boolean;
                };
                lazy: BooleanConstructor;
                loading: {
                    type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                };
                position: {
                    type: StringConstructor;
                    default: string;
                };
                referrerpolicy: {
                    type: import("vue").PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
                    validator(val: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url"): boolean;
                };
                shape: {
                    type: import("vue").PropType<"circle" | "round" | "square">;
                    default: "circle" | "round" | "square";
                    validator(val: "circle" | "round" | "square"): boolean;
                };
                src: {
                    type: StringConstructor;
                    default: string;
                };
                srcset: {
                    type: import("vue").PropType<import("@/image").ImageSrcset>;
                };
                onError: import("vue").PropType<(context: {
                    e: Event;
                }) => void>;
                onLoad: import("vue").PropType<(context: {
                    e: Event;
                }) => void>;
            }>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                };
                fallback: {
                    type: StringConstructor;
                    default: string;
                };
                fit: {
                    type: import("vue").PropType<"contain" | "cover" | "fill" | "none" | "scale-down">;
                    default: "contain" | "cover" | "fill" | "none" | "scale-down";
                    validator(val: "contain" | "cover" | "fill" | "none" | "scale-down"): boolean;
                };
                lazy: BooleanConstructor;
                loading: {
                    type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                };
                position: {
                    type: StringConstructor;
                    default: string;
                };
                referrerpolicy: {
                    type: import("vue").PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
                    validator(val: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url"): boolean;
                };
                shape: {
                    type: import("vue").PropType<"circle" | "round" | "square">;
                    default: "circle" | "round" | "square";
                    validator(val: "circle" | "round" | "square"): boolean;
                };
                src: {
                    type: StringConstructor;
                    default: string;
                };
                srcset: {
                    type: import("vue").PropType<import("@/image").ImageSrcset>;
                };
                onError: import("vue").PropType<(context: {
                    e: Event;
                }) => void>;
                onLoad: import("vue").PropType<(context: {
                    e: Event;
                }) => void>;
            }>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            };
            fallback: {
                type: StringConstructor;
                default: string;
            };
            fit: {
                type: import("vue").PropType<"contain" | "cover" | "fill" | "none" | "scale-down">;
                default: "contain" | "cover" | "fill" | "none" | "scale-down";
                validator(val: "contain" | "cover" | "fill" | "none" | "scale-down"): boolean;
            };
            lazy: BooleanConstructor;
            loading: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            };
            position: {
                type: StringConstructor;
                default: string;
            };
            referrerpolicy: {
                type: import("vue").PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
                validator(val: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url"): boolean;
            };
            shape: {
                type: import("vue").PropType<"circle" | "round" | "square">;
                default: "circle" | "round" | "square";
                validator(val: "circle" | "round" | "square"): boolean;
            };
            src: {
                type: StringConstructor;
                default: string;
            };
            srcset: {
                type: import("vue").PropType<import("@/image").ImageSrcset>;
            };
            onError: import("vue").PropType<(context: {
                e: Event;
            }) => void>;
            onLoad: import("vue").PropType<(context: {
                e: Event;
            }) => void>;
        }>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                };
                count: {
                    type: import("vue").PropType<string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                    default: string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue);
                };
                dot: BooleanConstructor;
                maxCount: {
                    type: NumberConstructor;
                    default: number;
                };
                offset: {
                    type: import("vue").PropType<(string | number)[]>;
                };
                shape: {
                    type: import("vue").PropType<"bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right">;
                    default: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
                    validator(val: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right"): boolean;
                };
                showZero: BooleanConstructor;
                size: {
                    type: import("vue").PropType<"large" | "medium">;
                    default: "large" | "medium";
                    validator(val: "large" | "medium"): 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").SlotReturnValue);
                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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                };
                count: {
                    type: import("vue").PropType<string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                    default: string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue);
                };
                dot: BooleanConstructor;
                maxCount: {
                    type: NumberConstructor;
                    default: number;
                };
                offset: {
                    type: import("vue").PropType<(string | number)[]>;
                };
                shape: {
                    type: import("vue").PropType<"bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right">;
                    default: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
                    validator(val: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right"): boolean;
                };
                showZero: BooleanConstructor;
                size: {
                    type: import("vue").PropType<"large" | "medium">;
                    default: "large" | "medium";
                    validator(val: "large" | "medium"): boolean;
                };
            }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                color: string;
                count: string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue);
                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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            };
            count: {
                type: import("vue").PropType<string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                default: string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue);
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<(string | number)[]>;
            };
            shape: {
                type: import("vue").PropType<"bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right">;
                default: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
                validator(val: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right"): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<"large" | "medium">;
                default: "large" | "medium";
                validator(val: "large" | "medium"): 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").SlotReturnValue);
            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<import("@/badge").TdBadgeProps>;
        };
        description: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        icon: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
        };
        image: {
            type: import("vue").PropType<string | object | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        layout: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: "horizontal" | "vertical";
            validator(val: "horizontal" | "vertical"): boolean;
        };
        text: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
    }>> & 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<import("@/badge").TdBadgeProps>;
    };
    description: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
    };
    icon: {
        type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
    };
    image: {
        type: import("vue").PropType<string | object | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
    };
    layout: {
        type: import("vue").PropType<"horizontal" | "vertical">;
        default: "horizontal" | "vertical";
        validator(val: "horizontal" | "vertical"): boolean;
    };
    text: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
    };
}>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            };
            fallback: {
                type: StringConstructor;
                default: string;
            };
            fit: {
                type: import("vue").PropType<"contain" | "cover" | "fill" | "none" | "scale-down">;
                default: "contain" | "cover" | "fill" | "none" | "scale-down";
                validator(val: "contain" | "cover" | "fill" | "none" | "scale-down"): boolean;
            };
            lazy: BooleanConstructor;
            loading: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            };
            position: {
                type: StringConstructor;
                default: string;
            };
            referrerpolicy: {
                type: import("vue").PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
                validator(val: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url"): boolean;
            };
            shape: {
                type: import("vue").PropType<"circle" | "round" | "square">;
                default: "circle" | "round" | "square";
                validator(val: "circle" | "round" | "square"): boolean;
            };
            src: {
                type: StringConstructor;
                default: string;
            };
            srcset: {
                type: import("vue").PropType<import("@/image").ImageSrcset>;
            };
            onError: import("vue").PropType<(context: {
                e: Event;
            }) => void>;
            onLoad: import("vue").PropType<(context: {
                e: Event;
            }) => void>;
        }>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            };
            fallback: {
                type: StringConstructor;
                default: string;
            };
            fit: {
                type: import("vue").PropType<"contain" | "cover" | "fill" | "none" | "scale-down">;
                default: "contain" | "cover" | "fill" | "none" | "scale-down";
                validator(val: "contain" | "cover" | "fill" | "none" | "scale-down"): boolean;
            };
            lazy: BooleanConstructor;
            loading: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            };
            position: {
                type: StringConstructor;
                default: string;
            };
            referrerpolicy: {
                type: import("vue").PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
                validator(val: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url"): boolean;
            };
            shape: {
                type: import("vue").PropType<"circle" | "round" | "square">;
                default: "circle" | "round" | "square";
                validator(val: "circle" | "round" | "square"): boolean;
            };
            src: {
                type: StringConstructor;
                default: string;
            };
            srcset: {
                type: import("vue").PropType<import("@/image").ImageSrcset>;
            };
            onError: import("vue").PropType<(context: {
                e: Event;
            }) => void>;
            onLoad: import("vue").PropType<(context: {
                e: Event;
            }) => void>;
        }>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        fallback: {
            type: StringConstructor;
            default: string;
        };
        fit: {
            type: import("vue").PropType<"contain" | "cover" | "fill" | "none" | "scale-down">;
            default: "contain" | "cover" | "fill" | "none" | "scale-down";
            validator(val: "contain" | "cover" | "fill" | "none" | "scale-down"): boolean;
        };
        lazy: BooleanConstructor;
        loading: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        position: {
            type: StringConstructor;
            default: string;
        };
        referrerpolicy: {
            type: import("vue").PropType<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
            validator(val: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url"): boolean;
        };
        shape: {
            type: import("vue").PropType<"circle" | "round" | "square">;
            default: "circle" | "round" | "square";
            validator(val: "circle" | "round" | "square"): boolean;
        };
        src: {
            type: StringConstructor;
            default: string;
        };
        srcset: {
            type: import("vue").PropType<import("@/image").ImageSrcset>;
        };
        onError: import("vue").PropType<(context: {
            e: Event;
        }) => void>;
        onLoad: import("vue").PropType<(context: {
            e: Event;
        }) => void>;
    }>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            };
            count: {
                type: import("vue").PropType<string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                default: string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue);
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<(string | number)[]>;
            };
            shape: {
                type: import("vue").PropType<"bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right">;
                default: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
                validator(val: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right"): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<"large" | "medium">;
                default: "large" | "medium";
                validator(val: "large" | "medium"): 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").SlotReturnValue);
            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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            };
            count: {
                type: import("vue").PropType<string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
                default: string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue);
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<(string | number)[]>;
            };
            shape: {
                type: import("vue").PropType<"bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right">;
                default: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
                validator(val: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right"): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<"large" | "medium">;
                default: "large" | "medium";
                validator(val: "large" | "medium"): boolean;
            };
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
            color: string;
            count: string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue);
            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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
        };
        count: {
            type: import("vue").PropType<string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
            default: string | number | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue);
        };
        dot: BooleanConstructor;
        maxCount: {
            type: NumberConstructor;
            default: number;
        };
        offset: {
            type: import("vue").PropType<(string | number)[]>;
        };
        shape: {
            type: import("vue").PropType<"bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right">;
            default: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right";
            validator(val: "bubble" | "circle" | "ribbon" | "ribbon-left" | "ribbon-right" | "square" | "triangle-left" | "triangle-right"): boolean;
        };
        showZero: BooleanConstructor;
        size: {
            type: import("vue").PropType<"large" | "medium">;
            default: "large" | "medium";
            validator(val: "large" | "medium"): 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").SlotReturnValue);
        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;