FilePreviewList 文件预览列表 new

文件列表展示组件,支持点击下载。

安装

npm
yarn
pnpm
bun
deno
npx shadcn@latest add https://codebase.anyask.dev/r/file-preview-list.json

基础用法

自定义显示名称

通过 displayFileName 自定义文件显示名称,不传则使用 fileName

自定义配置

通过 downloadable 禁用下载,通过 fileIcon 自定义或隐藏图标。FilePreviewItem 也支持单独使用。

自定义接口

通过 fileUrlFetcher 自定义文件 URL 获取函数。

API

FilePreviewList

属性说明类型默认值
fileList*文件列表FileItem[]-
downloadable是否可下载boolean-
fileIcon文件 iconReactNode-
fileUrlFetcher自定义文件URL获取函数,如果不提供则使用默认的FileUrlFetcher-

FileUrlFetcher

自定义文件获取函数的类型

属性说明类型默认值

FilePreviewItem

属性说明类型默认值
fileItem*文件信息FileItem-
downloadable是否可下载boolean-
fileIcon文件 iconReactNode-
fileUrlFetcher自定义文件URL获取函数,如果不提供则使用默认的FileUrlFetcher-