import React from 'react'; import './index.module.less'; export interface SkeletonParagraphProps { rows?: number; width?: number | string | (string | number)[]; } export interface SkeletonProps { /** 是否显示标题占位(默认 true) */ title?: boolean; /** 标题占位背景色 */ titleColor?: string; /** 占位容器背景色(配合 fade/loading 使用) */ backgroundColor?: string; /** 是否开启占位动画效果 */ active?: boolean; /** 是否显示头像占位(默认 false) */ avatar?: boolean; /** 是否处于加载状态(默认 true) */ loading?: boolean; /** 是否显示图片占位(默认 false) */ image?: boolean; /** 渐隐切换占位与内容(加载完成后淡出占位) */ fade?: boolean; /** 段落占位配置(默认 { rows: 3, width: [80, 'auto', 200] }) */ paragraph?: SkeletonParagraphProps; /** 占位重复次数(列表加载推荐,默认 1) */ repetitions?: number; /** 每个占位项之间的间距(仅当 repetitions>1 时生效) */ space?: number; /** 自定义占位图节点(优先于内置 avatar/title/image/paragraph) */ customize?: React.ReactNode; /** 占位容器样式 */ style?: React.CSSProperties; /** 加载完成后展示的真实内容 */ children?: React.ReactNode; } declare const _default: (props: SkeletonProps) => React.JSX.Element; export default _default;