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").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)>;
    };
}>, () => 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").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;
}>, {
    layout: "horizontal" | "vertical";
}, {}, {
    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("@/components").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("@/components").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("@/components").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;
}, {
    Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>;
}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;