Attachments输入附件
Attachments
输入附件
用于展示一组附件信息集合。
使用import { Attachments } from "@ant-design/x"; |
Ant Design X使用import { Attachments } from "@ant-design/x"; |
Attachments 组件用于需要展示一组附件信息集合的场景。
通用属性参考：通用属性。
继承 antd Upload 属性。
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| classNames | 自定义样式类名，见下 | Record<string, string> | - | - |
| disabled | 是否禁用 | boolean | false | - |
| getDropContainer | 设置拖拽时，可以释放文件的区域 | () => HTMLElement | - | - |
| items | 附件列表，同 Upload fileList | Attachment[] | - | - |
| overflow | 文件列表超出时样式 | 'wrap' | 'scrollX' | 'scrollY' | - | - |
| placeholder | 没有文件时的占位信息 | PlaceholderType | ((type: 'inline' | 'drop') => PlaceholderType) | - | - |
| rootClassName | 根节点的样式类名 | string | - | - |
| rootStyle | 根节点的样式对象 | React.CSSProperties | - | - |
| styles | 自定义样式对象，见下 | Record<string, React.CSSProperties> | - | - |
| imageProps | 图片属性，同 antd Image 属性 | ImageProps | - | - |
interface PlaceholderType {icon?: React.ReactNode;title?: React.ReactNode;description?: React.ReactNode;}
| 属性 | 说明 | 类型 | 版本 |
|---|---|---|---|
| nativeElement | 获取原生节点 | HTMLElement | - |
| upload | 手工调用上传文件 | (file: File) => void | - |
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| prefixCls | 样式类名的前缀 | string | - | - |
| className | 样式类名 | string | - | - |
| style | 样式对象 | React.CSSProperties | - | - |
| item | 附件，同 Upload UploadFile | Attachment | - | - |
| onRemove | 点击移除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除 | (item: Attachment) => boolean | Promise | - | - |
| imageProps | 图片属性，同 antd Image 属性 | ImageProps | - | - |
