sard-uniapp/components/grid/common.d.ts

sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库

import { type StyleValue } from 'vue';
import { type BadgeProps } from '../badge';
export interface GridProps {
    rootStyle?: StyleValue;
    rootClass?: string;
    columns?: number;
    gap?: string;
    bordered?: boolean;
    square?: boolean;
    clickable?: boolean;
    reverse?: boolean;
    direction?: 'horizontal' | 'vertical';
}
export declare const defaultGridProps: {
    rootStyle?: (string | false | ((props: {
        rootStyle: StyleValue;
        rootClass: string;
        columns: number;
        gap: string;
        bordered: boolean;
        square: boolean;
        clickable: boolean;
        reverse: boolean;
        direction: "horizontal" | "vertical";
    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
    rootClass?: (string | ((props: {
        rootStyle: StyleValue;
        rootClass: string;
        columns: number;
        gap: string;
        bordered: boolean;
        square: boolean;
        clickable: boolean;
        reverse: boolean;
        direction: "horizontal" | "vertical";
    }) => string)) | undefined;
    columns?: (number | ((props: {
        rootStyle: StyleValue;
        rootClass: string;
        columns: number;
        gap: string;
        bordered: boolean;
        square: boolean;
        clickable: boolean;
        reverse: boolean;
        direction: "horizontal" | "vertical";
    }) => number)) | undefined;
    gap?: (string | ((props: {
        rootStyle: StyleValue;
        rootClass: string;
        columns: number;
        gap: string;
        bordered: boolean;
        square: boolean;
        clickable: boolean;
        reverse: boolean;
        direction: "horizontal" | "vertical";
    }) => string)) | undefined;
    bordered?: (boolean | ((props: {
        rootStyle: StyleValue;
        rootClass: string;
        columns: number;
        gap: string;
        bordered: boolean;
        square: boolean;
        clickable: boolean;
        reverse: boolean;
        direction: "horizontal" | "vertical";
    }) => boolean)) | undefined;
    square?: (boolean | ((props: {
        rootStyle: StyleValue;
        rootClass: string;
        columns: number;
        gap: string;
        bordered: boolean;
        square: boolean;
        clickable: boolean;
        reverse: boolean;
        direction: "horizontal" | "vertical";
    }) => boolean)) | undefined;
    clickable?: (boolean | ((props: {
        rootStyle: StyleValue;
        rootClass: string;
        columns: number;
        gap: string;
        bordered: boolean;
        square: boolean;
        clickable: boolean;
        reverse: boolean;
        direction: "horizontal" | "vertical";
    }) => boolean)) | undefined;
    reverse?: (boolean | ((props: {
        rootStyle: StyleValue;
        rootClass: string;
        columns: number;
        gap: string;
        bordered: boolean;
        square: boolean;
        clickable: boolean;
        reverse: boolean;
        direction: "horizontal" | "vertical";
    }) => boolean)) | undefined;
    direction?: ("horizontal" | "vertical" | ((props: {
        rootStyle: StyleValue;
        rootClass: string;
        columns: number;
        gap: string;
        bordered: boolean;
        square: boolean;
        clickable: boolean;
        reverse: boolean;
        direction: "horizontal" | "vertical";
    }) => "horizontal" | "vertical")) | undefined;
};
export interface GridSlots {
    default?(props: Record<string, never>): any;
}
export interface GridItemProps {
    rootStyle?: StyleValue;
    rootClass?: string;
    contentStyle?: StyleValue;
    contentClass?: string;
    text?: string;
    icon?: string;
    iconSize?: string;
    iconColor?: string;
    iconFamily?: string;
    dot?: boolean;
    badge?: number | string;
    badgeProps?: BadgeProps;
}
export interface GridItemSlots {
    default?(props: Record<string, never>): any;
    icon?(props: Record<string, never>): any;
    text?(props: Record<string, never>): any;
}
export interface GridItemEmits {
    (e: 'click', event: any): void;
}
export type GridContext = {
    columns: NonNullable<GridProps['columns']>;
    gap: GridProps['gap'];
    gutter: readonly [number, string];
};
export declare const gridSymbol: unique symbol;