import React from 'react'; /** * 视觉列表项数据接口 */ export interface VisualListItem { /** 唯一标识符 */ id?: string; /** 图片地址(必需) */ src: string; /** 图片替代文本 */ alt?: string; /** 图片标题 */ title?: string; /** 链接地址,如果提供则图片可点击 */ href?: string; } /** * VisualList 组件属性接口 */ export interface VisualListProps { /** 自定义 CSS 类名 */ className?: string; /** 自定义内联样式 */ style?: React.CSSProperties; /** 图片数据数组(必需) */ data: VisualListItem[]; /** 数据过滤函数 */ filter?: (item: VisualListItem) => boolean; /** 空状态自定义渲染函数 */ emptyRender?: () => React.ReactNode; /** 自定义列表项渲染函数 */ renderItem?: (item: VisualListItem, index: number) => React.ReactNode; /** * @deprecated 请使用 isLoading 代替 * @description 已废弃,将在未来版本移除 */ loading?: boolean; /** 加载状态 */ isLoading?: boolean; /** 加载状态自定义渲染函数 */ loadingRender?: () => React.ReactNode; /** 列表项自定义样式 */ itemStyle?: React.CSSProperties; /** 图片自定义样式 */ imageStyle?: React.CSSProperties; /** 链接自定义样式 */ linkStyle?: React.CSSProperties; /** 图片形状 */ shape?: 'default' | 'circle'; /** 样式前缀类名 */ prefixCls?: string; /** 组件变体 */ variant?: 'default' | 'outline' | 'borderless'; /** 描述文字 */ description?: string; } export declare const VisualList: React.NamedExoticComponent;