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;
|