@file-viewer/vue2.7 2.1.0 → 2.1.2
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.en.md +12 -1
- package/README.md +12 -1
- package/package.json +2 -2
package/README.en.md
CHANGED
|
@@ -108,7 +108,7 @@ The shared format matrix currently covers 24 preview pipelines and 206 file exte
|
|
|
108
108
|
|
|
109
109
|
## Engineering-Grade On-Demand Renderer Assembly
|
|
110
110
|
|
|
111
|
-
One component, one line of code, fast integration; renderer assembly is what controls install size and first-screen bundle weight. Prefer a product-shaped preset first: `@file-viewer/preset-lite`, `@file-viewer/preset-office`, `@file-viewer/preset-engineering`, or `@file-viewer/preset-all`. Install individual renderer packages only when you need the smallest possible custom cut. The Vite plugin
|
|
111
|
+
One component, one line of code, fast integration; renderer assembly is what controls install size and first-screen bundle weight. Prefer a product-shaped preset first: `@file-viewer/preset-lite`, `@file-viewer/preset-office`, `@file-viewer/preset-engineering`, or `@file-viewer/preset-all`. Install individual renderer packages only when you need the smallest possible custom cut. The Vite plugin auto-discovers and injects installed presets, so regular application code does not need to pass `renderers` manually.
|
|
112
112
|
|
|
113
113
|
```bash
|
|
114
114
|
npm i @file-viewer/vue3 @file-viewer/core @file-viewer/vite-plugin @file-viewer/preset-office
|
|
@@ -123,11 +123,21 @@ export default {
|
|
|
123
123
|
preset: 'office',
|
|
124
124
|
scan: true,
|
|
125
125
|
copyAssets: true
|
|
126
|
+
// inject:true by default; components receive office preview capability automatically.
|
|
126
127
|
})
|
|
127
128
|
]
|
|
128
129
|
}
|
|
129
130
|
```
|
|
130
131
|
|
|
132
|
+
```ts
|
|
133
|
+
const options = {
|
|
134
|
+
// Optional: set false when a product needs total manual control.
|
|
135
|
+
autoRenderers: true
|
|
136
|
+
}
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
For strict custom cuts or component-library tests, disable injection and pass the virtual module explicitly:
|
|
140
|
+
|
|
131
141
|
```ts
|
|
132
142
|
import { configuredFileViewerRenderers } from 'virtual:file-viewer-renderers'
|
|
133
143
|
|
|
@@ -143,6 +153,7 @@ const options = {
|
|
|
143
153
|
- For the smallest custom bundle, skip presets, install individual renderers such as `@file-viewer/renderer-pdf` or `@file-viewer/renderer-word`, and let `formats` generate exact imports.
|
|
144
154
|
- `scan:true` detects `fileViewerFormats`, `data-file-viewer-formats`, and upload `accept` hints so development and production builds select matching renderers automatically.
|
|
145
155
|
- `copyAssets:true` copies PDF/CAD/Typst/Archive/Data workers, WASM, and vendor assets for offline and enterprise intranet deployment.
|
|
156
|
+
- If a file is in the supported matrix but its renderer is not assembled, the viewer shows the recommended preset / renderer package. Truly unknown extensions still show an unsupported-format state.
|
|
146
157
|
- If you want the complete official demo capability matrix, install `@file-viewer/preset-all` and pass `allRenderers` to `renderers`; this is ideal for demos and internal admin tools, but should not be every product default.
|
|
147
158
|
|
|
148
159
|
## Shared Options And Events
|
package/README.md
CHANGED
|
@@ -108,7 +108,7 @@ English README: [README.en.md](./README.en.md)。
|
|
|
108
108
|
|
|
109
109
|
## 工程级按需 renderer 装配
|
|
110
110
|
|
|
111
|
-
一个组件,一行代码,快速集成;真正影响安装体积和首屏包体的是 renderer 装配。推荐优先按产品形态选择 `@file-viewer/preset-lite`、`@file-viewer/preset-office`、`@file-viewer/preset-engineering` 或 `@file-viewer/preset-all`,需要极致裁剪时再安装单个 renderer 包。Vite
|
|
111
|
+
一个组件,一行代码,快速集成;真正影响安装体积和首屏包体的是 renderer 装配。推荐优先按产品形态选择 `@file-viewer/preset-lite`、`@file-viewer/preset-office`、`@file-viewer/preset-engineering` 或 `@file-viewer/preset-all`,需要极致裁剪时再安装单个 renderer 包。Vite 插件会自动发现并注入已安装的 preset,常规业务无需再手写 `renderers`。
|
|
112
112
|
|
|
113
113
|
```bash
|
|
114
114
|
npm i @file-viewer/vue3 @file-viewer/core @file-viewer/vite-plugin @file-viewer/preset-office
|
|
@@ -123,11 +123,21 @@ export default {
|
|
|
123
123
|
preset: 'office',
|
|
124
124
|
scan: true,
|
|
125
125
|
copyAssets: true
|
|
126
|
+
// 默认 inject:true,组件会自动获得 office 预览能力。
|
|
126
127
|
})
|
|
127
128
|
]
|
|
128
129
|
}
|
|
129
130
|
```
|
|
130
131
|
|
|
132
|
+
```ts
|
|
133
|
+
const options = {
|
|
134
|
+
// 可选:需要完全手动控制时设为 false。
|
|
135
|
+
autoRenderers: true
|
|
136
|
+
}
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
严格裁剪或组件库内部测试时,也可以关闭自动注入并显式传入 virtual module:
|
|
140
|
+
|
|
131
141
|
```ts
|
|
132
142
|
import { configuredFileViewerRenderers } from 'virtual:file-viewer-renderers'
|
|
133
143
|
|
|
@@ -143,6 +153,7 @@ const options = {
|
|
|
143
153
|
- 想要最小包体时,可以不用 preset,直接安装 `@file-viewer/renderer-pdf`、`@file-viewer/renderer-word` 等单个 renderer,并用 `formats` 精确生成 import。
|
|
144
154
|
- `scan:true` 会识别 `fileViewerFormats`、`data-file-viewer-formats` 和上传控件 `accept`,调试与打包时自动选择 renderer。
|
|
145
155
|
- `copyAssets:true` 会复制 PDF/CAD/Typst/Archive/Data 等 worker、WASM 和 vendor 资源,满足离线和企业内网部署。
|
|
156
|
+
- 如果打开的是支持矩阵内但未装配的格式,预览器会提示应安装的 preset / renderer;只有真正不在矩阵中的扩展名才提示不支持。
|
|
146
157
|
- 想一次性拥有官方 Demo 的完整能力时,可以安装 `@file-viewer/preset-all` 并把 `allRenderers` 传给 `renderers`;这适合 demo 和后台运维工具,不建议作为所有业务默认入口。
|
|
147
158
|
|
|
148
159
|
## 统一参数与事件
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@file-viewer/vue2.7",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "Standard Vue 2.7 component package for Flyfish File Viewer",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"vue": ">=2.7 <3"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@file-viewer/core": "^2.1.
|
|
59
|
+
"@file-viewer/core": "^2.1.2"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"typescript": "^6.0.3",
|