62 lines
1.3 KiB
TypeScript
62 lines
1.3 KiB
TypeScript
|
import { IBaseProps } from '../_base';
|
|||
|
|
import { IGridItem } from './GridItem/props';
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @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: IGridProps;
|