@luo-luo/file-view

基于 React 的文件预览组件库，支持 PDF 预览、缩放、旋转、下载、全屏等功能。

安装

pnpm add @luo-luo/file-view

使用

import { PdfView } from '@luo-luo/file-view';

<div style={{ width: '600px', height: '800px' }}>
  <PdfView
    url="https://example.com/document.pdf"
    fileName="document.pdf"
    leftDom={<span>合同预览</span>}
  />
</div>

API

| 属性 | 类型 | 说明 | |------|------|------| | url | string | PDF 文件地址，后缀非 .pdf 时显示无法预览提示 | | fileName | string | 文件名，用于下载默认名称及弹窗标题 | | leftDom | React.ReactNode | 工具栏左侧自定义内容 |

开发

pnpm install       # 安装依赖
pnpm run build     # 构建库
pnpm run dev       # 监听模式
pnpm run doc       # 启动文档开发服务器
pnpm run lint      # 代码检查
pnpm run format    # 代码格式化

License

MIT