diff --git a/package.json b/package.json index b141027..589542c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@kne/react-file", - "version": "0.1.29", + "version": "0.1.30", "description": "提供了文件上传,文件预览,文件批量管理等功能", "syntax": { "esmodules": true @@ -101,7 +101,7 @@ "classnames": "^2.5.1", "dayjs": "^1.11.13", "lodash": "^4.17.21", - "react-pdf": "9.1.1", + "react-pdf": "^10.2.0", "react-to-print": "^3.0.5" } } diff --git a/src/components/FilePreview/PdfPreview.js b/src/components/FilePreview/PdfPreview.js index 5ac1732..89d9800 100644 --- a/src/components/FilePreview/PdfPreview.js +++ b/src/components/FilePreview/PdfPreview.js @@ -1,7 +1,8 @@ import React, { memo, useMemo, useState } from 'react'; import { Flex, Spin } from 'antd'; import { Document, Page, pdfjs } from 'react-pdf'; -import 'react-pdf/dist/esm/Page/TextLayer.css'; +import 'react-pdf/dist/Page/TextLayer.css'; +import 'react-pdf/dist/Page/AnnotationLayer.css'; import style from './style.module.scss'; import useResize from '@kne/use-resize'; import classnames from 'classnames'; @@ -39,8 +40,8 @@ const PdfPreview = memo( const [numPages, setNumPages] = useState(0); const { apis: baseApis } = usePreset(); const apis = Object.assign({}, baseApis, propsApis); - // https://uc.fatalent.cn/packages/pdfjs-dist/4.4.168 https://cdn.jsdelivr.net/npm/pdfjs-dist@4.4.168 - const pdfjsUrl = pdfjsUrlProps || apis.file?.pdfjsUrl || 'https://cdn.jsdelivr.net/npm/pdfjs-dist@4.4.168'; + // https://uc.fatalent.cn/packages/pdfjs-dist/5.4.296 https://cdn.jsdelivr.net/npm/pdfjs-dist@5.4.296 + const pdfjsUrl = pdfjsUrlProps || apis.file?.pdfjsUrl || 'https://cdn.jsdelivr.net/npm/pdfjs-dist@5.4.296'; pdfjs.GlobalWorkerOptions.workerSrc = pdfjsUrl + '/build/pdf.worker.min.mjs'; const documentProps = useMemo(() => { return {