@work-zhanguo/light-file-preview 0.0.6 → 0.0.8
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 +25 -1
- package/dist/{DocxRenderer-D0ngcG2T.js → DocxRenderer-DogNhBLd.js} +1 -1
- package/dist/PdfRenderer-Due2M5cA.js +57 -0
- package/dist/SheetRenderer-Dea6-NBg.js +315 -0
- package/dist/{UnsupportedRenderer-Y2AgN0-l.js → UnsupportedRenderer-DDB3UZdt.js} +1 -1
- package/dist/_commonjs-dynamic-modules-C74YT1gS.js +32 -0
- package/dist/{docx-preview-D_8kC8vU.js → docx-preview-BV-bQyiM.js} +75 -81
- package/dist/{index-DZOrV9D_.js → index-B8Ff5iZD.js} +1 -1
- package/dist/light-file-preview.js +1 -1
- package/dist/light-file-preview.umd.cjs +158 -161
- package/dist/pdf-BiKi76Et.js +15320 -0
- package/dist/standalone/light-file-preview.iife.js +160 -163
- package/dist/standalone/style.css +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/FilePreview.vue.d.ts +1 -1
- package/dist/vue2/{DocxRenderer-D-MItvaP.js → DocxRenderer-MIU7uOq2.js} +2 -2
- package/dist/vue2/PdfRenderer-t62Z-W1l.js +57 -0
- package/dist/vue2/SheetRenderer-DF_btSSa.js +315 -0
- package/dist/vue2/{TextRenderer-DOzgi4YR.js → TextRenderer-CURVfe6J.js} +1 -1
- package/dist/vue2/{UnsupportedRenderer-VozD1bVb.js → UnsupportedRenderer-CXW3m4B9.js} +1 -1
- package/dist/vue2/_commonjs-dynamic-modules-C74YT1gS.js +32 -0
- package/dist/vue2/{docx-preview-D_8kC8vU.js → docx-preview-BV-bQyiM.js} +75 -81
- package/dist/vue2/light-file-preview-vue2.js +1 -1
- package/dist/vue2/light-file-preview-vue2.umd.cjs +147 -150
- package/dist/vue2/pdf-BiKi76Et.js +15320 -0
- package/dist/vue2/{vue2-rrMAk2-n.js → vue2-DRZy2Bxs.js} +4 -2
- package/package.json +2 -2
- package/dist/PdfRenderer-SICIjXYT.js +0 -57
- package/dist/SheetRenderer-D4Y1dYZX.js +0 -77
- package/dist/pdf-CV932zwQ.js +0 -14611
- package/dist/vue2/PdfRenderer-rw-3PY9w.js +0 -57
- package/dist/vue2/SheetRenderer-BxfF54Q3.js +0 -77
- package/dist/vue2/pdf-CV932zwQ.js +0 -14611
package/README.md
CHANGED
|
@@ -8,10 +8,12 @@
|
|
|
8
8
|
|
|
9
9
|
用于业务系统里的附件预览,支持传入文件路径、远程地址和本地文件,接入方式尽量保持简单。
|
|
10
10
|
|
|
11
|
-
当前版本:`0.0.
|
|
11
|
+
当前版本:`0.0.8`
|
|
12
12
|
|
|
13
13
|
最近更新:
|
|
14
14
|
|
|
15
|
+
- `0.0.8`:优化 `xlsx` 预览,补充工作表页签、首行首列编号区、冻结观感、单元格 hover / 选中高亮,并补充组件属性说明
|
|
16
|
+
- `0.0.7`:修复 Vue2 `vue-cli / webpack4` 项目引入 PDF 预览时报 `import.meta.url`、`process.getBuiltinModule` 解析错误
|
|
15
17
|
- `0.0.6`:修复 Vue2 `vue-cli / webpack4` 项目解析产物时报 `Unexpected token`,降低构建目标到 `es2018`
|
|
16
18
|
- `0.0.5`:修复 Vue2 `vue-cli / webpack4` 项目子路径入口解析失败,补充 `vue2.js` 和 `style.css` 兼容入口
|
|
17
19
|
- `0.0.4`:修复 Vue2 项目安装时的 `ERESOLVE` 依赖冲突,兼容 `Vue 2.6+` 和 `Vue 3.5+`
|
|
@@ -80,6 +82,28 @@ import LightFilePreview from '@work-zhanguo/light-file-preview/vue2';
|
|
|
80
82
|
import '@work-zhanguo/light-file-preview/style.css';
|
|
81
83
|
```
|
|
82
84
|
|
|
85
|
+
## 组件属性
|
|
86
|
+
|
|
87
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
88
|
+
| --- | --- | --- | --- |
|
|
89
|
+
| `source` | `string \| File \| Blob` | - | 必填。支持远程 URL、本地 `File`、`Blob`。 |
|
|
90
|
+
| `fileName` | `string` | - | 自定义文件名,远程地址没有扩展名时建议传。 |
|
|
91
|
+
| `mode` | `'inline' \| 'dialog'` | `'inline'` | 直接预览或弹窗预览。 |
|
|
92
|
+
| `visible` | `boolean` | `true` | 弹窗模式下控制显示状态,可配合 `v-model:visible`。 |
|
|
93
|
+
| `loadingText` | `string` | `'文件加载中...'` | 加载提示文案。 |
|
|
94
|
+
| `textEncoding` | `string` | `'utf-8'` | 文本类文件读取编码。 |
|
|
95
|
+
| `maxTextBytes` | `number` | `2097152` | 文本预览最大读取字节数,默认 2MB。 |
|
|
96
|
+
| `maxSheetRows` | `number` | `200` | 表格预览最大展示行数。 |
|
|
97
|
+
| `maxSheetCols` | `number` | `50` | 表格预览最大展示列数。 |
|
|
98
|
+
| `pdfScale` | `number` | `1.35` | PDF 渲染缩放比例。 |
|
|
99
|
+
| `showToolbar` | `boolean` | `true` | 是否显示顶部工具栏。 |
|
|
100
|
+
| `dialogTitle` | `string` | `'文件预览'` | 预览标题兜底文案。 |
|
|
101
|
+
|
|
102
|
+
组件事件:
|
|
103
|
+
|
|
104
|
+
- `update:visible`:弹窗关闭时回传状态
|
|
105
|
+
- `error`:解析失败时返回错误对象
|
|
106
|
+
|
|
83
107
|
## 远程地址预览
|
|
84
108
|
|
|
85
109
|
通过 `window.open` 传入网络地址,直接打开新页面预览。建议同时传 `name`,这样扩展名识别更稳定。
|
|
@@ -11,7 +11,7 @@ const x = /* @__PURE__ */ s({
|
|
|
11
11
|
async function l() {
|
|
12
12
|
n("loading", !0);
|
|
13
13
|
try {
|
|
14
|
-
const r = await v(i.source, o.signal), { renderAsync: t } = await import("./docx-preview-
|
|
14
|
+
const r = await v(i.source, o.signal), { renderAsync: t } = await import("./docx-preview-BV-bQyiM.js");
|
|
15
15
|
if (!e.value)
|
|
16
16
|
return;
|
|
17
17
|
e.value.innerHTML = "", await t(r, e.value, void 0, {
|