@jacktea/pdf-viewer-react 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -0
- package/package.json +2 -2
package/README.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# @jacktea/pdf-viewer-react
|
|
2
|
+
|
|
3
|
+
专为 React 应用打造的 PDF 预览与批注组件。
|
|
4
|
+
|
|
5
|
+
## 简介
|
|
6
|
+
|
|
7
|
+
本组件是对 `@jacktea/pdf-viewer-component` (Web Components) 的一层 React 包装器，使你在 React 生态中享受符合习惯的 Props 传递、事件回调处理和完整的 TypeScript 类型支持。
|
|
8
|
+
|
|
9
|
+
## 安装
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @jacktea/pdf-viewer-react
|
|
13
|
+
```
|
|
14
|
+
```bash
|
|
15
|
+
yarn add @jacktea/pdf-viewer-react
|
|
16
|
+
```
|
|
17
|
+
```bash
|
|
18
|
+
pnpm add @jacktea/pdf-viewer-react
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## 基础用法
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
import React from 'react';
|
|
25
|
+
import { PdfViewer } from '@jacktea/pdf-viewer-react';
|
|
26
|
+
|
|
27
|
+
export default function App() {
|
|
28
|
+
const handlePdfLoad = () => {
|
|
29
|
+
console.log('PDF Document has been successfully loaded!');
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
return (
|
|
33
|
+
<div style={{ width: '100%', height: '100vh' }}>
|
|
34
|
+
<PdfViewer
|
|
35
|
+
src="/path/to/your/document.pdf"
|
|
36
|
+
onLoad={handlePdfLoad}
|
|
37
|
+
/>
|
|
38
|
+
</div>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jacktea/pdf-viewer-react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"react-dom": ">=16.8.0"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@jacktea/pdf-viewer-component": "0.1.
|
|
23
|
+
"@jacktea/pdf-viewer-component": "0.1.4"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@types/react": "^18.2.0",
|