用于展示一组附件信息集合。
Attachments 组件用于需要展示一组附件信息集合的场景。
:::demo 基础用法,可以通过 getDropContainer
支持拖拽上传。
attachments/basic
:::
:::demo 修改占位信息。
attachments/placeholder
:::
:::demo 控制附件超出区域长度时的展示方式。
attachments/overflow
:::
:::demo 配合 Sender.Header 使用,在对话中插入附件。
attachments/with-sender
:::
:::demo 单独的文件卡片,用于一些展示场景。
attachments/files
:::
继承 antdv Upload 属性。
属性 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
classNames | 自定义样式类名,见下 | Record | - | - |
disabled | 是否禁用 | boolean | false | - |
getDropContainer | 设置拖拽时,可以释放文件的区域 | () => HTMLElement | - | - |
items | 附件列表,同 Upload fileList |
Attachment[] | - | - |
overflow | 文件列表超出时样式 | 'wrap' | 'scrollX' | 'scrollY' | - | - |
placeholder | 没有文件时的占位信息 | PlaceholderType | ((type: 'inline' | 'drop') => PlaceholderType) | - | - |
rootClassName | 根节点的样式类名 | string | - | - |
rootStyle | 根节点的样式对象 | CSSProperties | - | - |
styles | 自定义样式对象,见下 | Record | - | - |
插槽名 | 说明 | 类型 |
---|---|---|
placeholder | 没有文件时的占位信息 | { type: "inline" | "drop" } |
属性 | 说明 | 类型 | 版本 |
---|---|---|---|
nativeElement | 获取原生节点 | HTMLElement | - |
upload | 手工调用上传文件 | (file: File) => void | - |
属性 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
item | 附件,同 Upload UploadFile |
Attachment | - | - |
onRemove | 附件移除时的回调函数 | (item: Attachment) => void | - | - |