80 lines
1.7 KiB
TypeScript
80 lines
1.7 KiB
TypeScript
|
import { IBaseProps } from '../_util/base';
|
|||
|
|
export interface IGridItem {
|
|||
|
|
/**
|
|||
|
|
* @description 主文案
|
|||
|
|
*/
|
|||
|
|
title: string;
|
|||
|
|
/**
|
|||
|
|
* @description 副文案
|
|||
|
|
*/
|
|||
|
|
description?: string;
|
|||
|
|
/**
|
|||
|
|
* @description 图标
|
|||
|
|
*/
|
|||
|
|
icon: string;
|
|||
|
|
/**
|
|||
|
|
* @desscription 图标样式
|
|||
|
|
* @default 'normal'
|
|||
|
|
*/
|
|||
|
|
iconStyle: 'normal' | 'circle';
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @description 宫格
|
|||
|
|
*/
|
|||
|
|
export interface IGridProps extends IBaseProps {
|
|||
|
|
/**
|
|||
|
|
* @desscription 图标样式
|
|||
|
|
* @default 'normal'
|
|||
|
|
*/
|
|||
|
|
iconStyle: 'normal' | 'circle';
|
|||
|
|
/**
|
|||
|
|
* @description 图标尺寸，单位px
|
|||
|
|
*/
|
|||
|
|
iconSize: number;
|
|||
|
|
/**
|
|||
|
|
* @description item布局。垂直/水平，水平仅columns=2生效
|
|||
|
|
* @default 'vertical'
|
|||
|
|
*/
|
|||
|
|
gridItemLayout: 'vertical' | 'horizontal';
|
|||
|
|
/**
|
|||
|
|
* @description 组合形式
|
|||
|
|
* @default 'default'
|
|||
|
|
*/
|
|||
|
|
mode: 'default' | 'scroll';
|
|||
|
|
/**
|
|||
|
|
* @description 每行展示的元素个数
|
|||
|
|
* @default 5
|
|||
|
|
*/
|
|||
|
|
columns: number;
|
|||
|
|
/**
|
|||
|
|
* @description 元素列表
|
|||
|
|
*/
|
|||
|
|
items: IGridItem[];
|
|||
|
|
/**
|
|||
|
|
* @description 是否展示分割线
|
|||
|
|
*/
|
|||
|
|
showDivider: boolean;
|
|||
|
|
/**
|
|||
|
|
* @description 分页符背景色
|
|||
|
|
* @default '#ddd'
|
|||
|
|
*/
|
|||
|
|
paginationFillColor: string;
|
|||
|
|
/**
|
|||
|
|
* @description 分页符颜色
|
|||
|
|
* @default '#1677ff'
|
|||
|
|
*/
|
|||
|
|
paginationFrontColor: string;
|
|||
|
|
/**
|
|||
|
|
* @description 点击事件
|
|||
|
|
* @param item
|
|||
|
|
*/
|
|||
|
|
onTap?(item: IGridItem): void;
|
|||
|
|
/**
|
|||
|
|
* @description 当前元素首次可见面积达到50%时触发
|
|||
|
|
* @param item
|
|||
|
|
*/
|
|||
|
|
onFirstAppear?(item: IGridItem): void;
|
|||
|
|
}
|
|||
|
|
export declare const GridDefaultProps: Partial<IGridProps>;
|
|||
|
|
export declare const GridFunctionalProps: IGridProps;
|