FileCard文件卡片
FileCard
文件卡片
用卡片的形式展示文件。
Ant Design X通用属性参考：通用属性
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| classNames | 样式类名 | Record<SemanticDOM, string> | - | - |
| styles | 样式 style | Record<SemanticDOM, CSSProperties> | - | - |
| name | 文件名称 | string | - | - |
| byte | 文件大小 | number | string | - | - |
| description | 文件描述 | ReactNode | - | - |
| type | 文件类型 | 'file' | 'image' | 'audio' | 'video' | - | - |
| src | 图片或文件地址 | string | - | - |
| mask | 遮罩 | ReactNode | - | - |
| icon | 自定义图标 | React.ReactNode | PresetIcons | - | - |
| onClick | 点击事件 | () => void | - | - |
| size | 展示卡片大小 | 'small' | 'default' | default | - |
type PresetIcons =| 'default'| 'excel'| 'image'| 'markdown'| 'pdf'| 'ppt'| 'word'| 'zip'| 'video'| 'audio'| 'java'| 'javascript'| 'python';
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| items | 文件列表 | FileCardProps[] | - | - |
| size | 卡片大小 | 'small' | 'default' | default | - |
| removable | 是否可删除 | boolean | ((item: FileCardProps) => boolean) | false | - |
| onRemove | 删除事件 | (item: FileCardProps, list?: FileCardProps[]) => void | - | - |
| extension | 扩展 | React.ReactNode | - | - |
| overflow | 超出展示 | 'scrollX' | 'scrollY' | 'wrap' | wrap | - |
基础用法。
不同大小的卡片。
使用浏览器原生标签。
自定义遮罩。
可使用内置图标或自定义。
使用列表展示多个文件卡片。
控制附件超出区域长度时的展示方式。
