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

tdesign-mobile-vue

declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    badge: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['badge']>;
    };
    description: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['description']>;
    };
    icon: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['icon']>;
    };
    image: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['image']>;
    };
    layout: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['layout']>;
        default: import("@/components").TdGridItemProps['layout'];
        validator(val: import("@/components").TdGridItemProps['layout']): boolean;
    };
    text: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['text']>;
    };
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    click: (e: MouseEvent) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    badge: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['badge']>;
    };
    description: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['description']>;
    };
    icon: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['icon']>;
    };
    image: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['image']>;
    };
    layout: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['layout']>;
        default: import("@/components").TdGridItemProps['layout'];
        validator(val: import("@/components").TdGridItemProps['layout']): boolean;
    };
    text: {
        type: import("vue").PropType<import("@/components").TdGridItemProps['text']>;
    };
}>> & Readonly<{
    onClick?: (e: MouseEvent) => any;
}>, {
    layout: "horizontal" | "vertical";
}, {}, {
    TImage: {
        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
            alt: {
                type: StringConstructor;
                default: string;
            };
            error: {
                type: import("vue").PropType<import("@/components").TdImageProps['error']>;
            };
            fallback: {
                type: StringConstructor;
                default: string;
            };
            fit: {
                type: import("vue").PropType<import("@/components").TdImageProps['fit']>;
                default: import("@/components").TdImageProps['fit'];
                validator(val: import("@/components").TdImageProps['fit']): boolean;
            };
            lazy: BooleanConstructor;
            loading: {
                type: import("vue").PropType<import("@/components").TdImageProps['loading']>;
            };
            position: {
                type: StringConstructor;
                default: string;
            };
            referrerpolicy: {
                type: import("vue").PropType<import("@/components").TdImageProps['referrerpolicy']>;
                validator(val: import("@/components").TdImageProps['referrerpolicy']): boolean;
            };
            shape: {
                type: import("vue").PropType<import("@/components").TdImageProps['shape']>;
                default: import("@/components").TdImageProps['shape'];
                validator(val: import("@/components").TdImageProps['shape']): boolean;
            };
            src: {
                type: StringConstructor;
                default: string;
            };
            srcset: {
                type: import("vue").PropType<import("@/components").TdImageProps['srcset']>;
            };
            onError: import("vue").PropType<import("@/components").TdImageProps['onError']>;
            onLoad: import("vue").PropType<import("@/components").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("@/components").TdImageProps['error']>;
            };
            fallback: {
                type: StringConstructor;
                default: string;
            };
            fit: {
                type: import("vue").PropType<import("@/components").TdImageProps['fit']>;
                default: import("@/components").TdImageProps['fit'];
                validator(val: import("@/components").TdImageProps['fit']): boolean;
            };
            lazy: BooleanConstructor;
            loading: {
                type: import("vue").PropType<import("@/components").TdImageProps['loading']>;
            };
            position: {
                type: StringConstructor;
                default: string;
            };
            referrerpolicy: {
                type: import("vue").PropType<import("@/components").TdImageProps['referrerpolicy']>;
                validator(val: import("@/components").TdImageProps['referrerpolicy']): boolean;
            };
            shape: {
                type: import("vue").PropType<import("@/components").TdImageProps['shape']>;
                default: import("@/components").TdImageProps['shape'];
                validator(val: import("@/components").TdImageProps['shape']): boolean;
            };
            src: {
                type: StringConstructor;
                default: string;
            };
            srcset: {
                type: import("vue").PropType<import("@/components").TdImageProps['srcset']>;
            };
            onError: import("vue").PropType<import("@/components").TdImageProps['onError']>;
            onLoad: import("vue").PropType<import("@/components").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("@/components").TdImageProps['error']>;
        };
        fallback: {
            type: StringConstructor;
            default: string;
        };
        fit: {
            type: import("vue").PropType<import("@/components").TdImageProps['fit']>;
            default: import("@/components").TdImageProps['fit'];
            validator(val: import("@/components").TdImageProps['fit']): boolean;
        };
        lazy: BooleanConstructor;
        loading: {
            type: import("vue").PropType<import("@/components").TdImageProps['loading']>;
        };
        position: {
            type: StringConstructor;
            default: string;
        };
        referrerpolicy: {
            type: import("vue").PropType<import("@/components").TdImageProps['referrerpolicy']>;
            validator(val: import("@/components").TdImageProps['referrerpolicy']): boolean;
        };
        shape: {
            type: import("vue").PropType<import("@/components").TdImageProps['shape']>;
            default: import("@/components").TdImageProps['shape'];
            validator(val: import("@/components").TdImageProps['shape']): boolean;
        };
        src: {
            type: StringConstructor;
            default: string;
        };
        srcset: {
            type: import("vue").PropType<import("@/components").TdImageProps['srcset']>;
        };
        onError: import("vue").PropType<import("@/components").TdImageProps['onError']>;
        onLoad: import("vue").PropType<import("@/components").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("@/components").TdBadgeProps['content']>;
            };
            count: {
                type: import("vue").PropType<import("@/components").TdBadgeProps['count']>;
                default: import("@/components").TdBadgeProps['count'];
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<import("@/components").TdBadgeProps['offset']>;
            };
            shape: {
                type: import("vue").PropType<import("@/components").TdBadgeProps['shape']>;
                default: import("@/components").TdBadgeProps['shape'];
                validator(val: import("@/components").TdBadgeProps['shape']): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<import("@/components").TdBadgeProps['size']>;
                default: import("@/components").TdBadgeProps['size'];
                validator(val: import("@/components").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("@/components").TdBadgeProps['content']>;
            };
            count: {
                type: import("vue").PropType<import("@/components").TdBadgeProps['count']>;
                default: import("@/components").TdBadgeProps['count'];
            };
            dot: BooleanConstructor;
            maxCount: {
                type: NumberConstructor;
                default: number;
            };
            offset: {
                type: import("vue").PropType<import("@/components").TdBadgeProps['offset']>;
            };
            shape: {
                type: import("vue").PropType<import("@/components").TdBadgeProps['shape']>;
                default: import("@/components").TdBadgeProps['shape'];
                validator(val: import("@/components").TdBadgeProps['shape']): boolean;
            };
            showZero: BooleanConstructor;
            size: {
                type: import("vue").PropType<import("@/components").TdBadgeProps['size']>;
                default: import("@/components").TdBadgeProps['size'];
                validator(val: import("@/components").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("@/components").TdBadgeProps['content']>;
        };
        count: {
            type: import("vue").PropType<import("@/components").TdBadgeProps['count']>;
            default: import("@/components").TdBadgeProps['count'];
        };
        dot: BooleanConstructor;
        maxCount: {
            type: NumberConstructor;
            default: number;
        };
        offset: {
            type: import("vue").PropType<import("@/components").TdBadgeProps['offset']>;
        };
        shape: {
            type: import("vue").PropType<import("@/components").TdBadgeProps['shape']>;
            default: import("@/components").TdBadgeProps['shape'];
            validator(val: import("@/components").TdBadgeProps['shape']): boolean;
        };
        showZero: BooleanConstructor;
        size: {
            type: import("vue").PropType<import("@/components").TdBadgeProps['size']>;
            default: import("@/components").TdBadgeProps['size'];
            validator(val: import("@/components").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;
}, {
    Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>;
}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;