@jacktea/pdf-viewer-vue 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 +42 -0
- package/package.json +2 -2
package/README.md
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
# @jacktea/pdf-viewer-vue
|
|
2
|
+
|
|
3
|
+
专为 Vue 3 应用打造的 PDF 预览与批注组件。
|
|
4
|
+
|
|
5
|
+
## 简介
|
|
6
|
+
|
|
7
|
+
本组件是对 `@jacktea/pdf-viewer-component` (Web Components) 的一层 Vue 3 包装器，提供了 Vue 友好的 API（Properties & Events 绑定），并享有完整的 TypeScript 类型提示。
|
|
8
|
+
|
|
9
|
+
## 安装
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @jacktea/pdf-viewer-vue
|
|
13
|
+
```
|
|
14
|
+
```bash
|
|
15
|
+
yarn add @jacktea/pdf-viewer-vue
|
|
16
|
+
```
|
|
17
|
+
```bash
|
|
18
|
+
pnpm add @jacktea/pdf-viewer-vue
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## 基础用法
|
|
22
|
+
|
|
23
|
+
```vue
|
|
24
|
+
<template>
|
|
25
|
+
<div style="width: 100%; height: 100vh;">
|
|
26
|
+
<PdfViewer
|
|
27
|
+
src="/path/to/your/document.pdf"
|
|
28
|
+
@load="onPdfLoaded"
|
|
29
|
+
/>
|
|
30
|
+
</div>
|
|
31
|
+
</template>
|
|
32
|
+
|
|
33
|
+
<script setup lang="ts">
|
|
34
|
+
import { PdfViewer } from '@jacktea/pdf-viewer-vue';
|
|
35
|
+
// 引入基础样式（如果需要的话，具体按照组件导出规格）
|
|
36
|
+
import '@jacktea/pdf-viewer-component/dist/index.css';
|
|
37
|
+
|
|
38
|
+
const onPdfLoaded = () => {
|
|
39
|
+
console.log('PDF Document has been successfully loaded!');
|
|
40
|
+
};
|
|
41
|
+
</script>
|
|
42
|
+
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jacktea/pdf-viewer-vue",
|
|
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",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"vue": "^3.3.0"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@jacktea/pdf-viewer-component": "0.1.
|
|
22
|
+
"@jacktea/pdf-viewer-component": "0.1.4"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@vitejs/plugin-vue": "^5.0.0",
|