FilePreview 文件预览
在弹窗里预览图片、PDF、音视频、文本、Markdown、Excel、Word 和压缩包。
previewKindOf(name) 按扩展名决定预览方式。Excel 用 SheetJS、Word 用 docx-preview、压缩包用 JSZip 列目录,都在打开时才按需加载。FilePreview 是不带弹窗的预览区。
安装
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/file-preview.json第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。
用法
import { FilePreviewDialog } from '@/components/display/file-preview';
<FilePreviewDialog file={file} src={downloadUrl(file)} onOpenChange={…} onPrev={…} onNext={…} />属性
属性
类型