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