@file-viewer/svelte 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
|
@@ -103,7 +103,7 @@ The shared format matrix currently covers 24 preview pipelines and 206 file exte
|
|
|
103
103
|
|
|
104
104
|
## Engineering-Grade On-Demand Renderer Assembly
|
|
105
105
|
|
|
106
|
-
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
|
|
106
|
+
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.
|
|
107
107
|
|
|
108
108
|
```bash
|
|
109
109
|
npm i @file-viewer/vue3 @file-viewer/core @file-viewer/vite-plugin @file-viewer/preset-office
|
|
@@ -118,11 +118,21 @@ export default {
|
|
|
118
118
|
preset: 'office',
|
|
119
119
|
scan: true,
|
|
120
120
|
copyAssets: true
|
|
121
|
+
// inject:true by default; components receive office preview capability automatically.
|
|
121
122
|
})
|
|
122
123
|
]
|
|
123
124
|
}
|
|
124
125
|
```
|
|
125
126
|
|
|
127
|
+
```ts
|
|
128
|
+
const options = {
|
|
129
|
+
// Optional: set false when a product needs total manual control.
|
|
130
|
+
autoRenderers: true
|
|
131
|
+
}
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
For strict custom cuts or component-library tests, disable injection and pass the virtual module explicitly:
|
|
135
|
+
|
|
126
136
|
```ts
|
|
127
137
|
import { configuredFileViewerRenderers } from 'virtual:file-viewer-renderers'
|
|
128
138
|
|
|
@@ -138,6 +148,7 @@ const options = {
|
|
|
138
148
|
- 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.
|
|
139
149
|
- `scan:true` detects `fileViewerFormats`, `data-file-viewer-formats`, and upload `accept` hints so development and production builds select matching renderers automatically.
|
|
140
150
|
- `copyAssets:true` copies PDF/CAD/Typst/Archive/Data workers, WASM, and vendor assets for offline and enterprise intranet deployment.
|
|
151
|
+
- 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.
|
|
141
152
|
- 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.
|
|
142
153
|
|
|
143
154
|
## Shared Options And Events
|
package/README.md
CHANGED
|
@@ -103,7 +103,7 @@ English README: [README.en.md](./README.en.md)。
|
|
|
103
103
|
|
|
104
104
|
## 工程级按需 renderer 装配
|
|
105
105
|
|
|
106
|
-
一个组件,一行代码,快速集成;真正影响安装体积和首屏包体的是 renderer 装配。推荐优先按产品形态选择 `@file-viewer/preset-lite`、`@file-viewer/preset-office`、`@file-viewer/preset-engineering` 或 `@file-viewer/preset-all`,需要极致裁剪时再安装单个 renderer 包。Vite
|
|
106
|
+
一个组件,一行代码,快速集成;真正影响安装体积和首屏包体的是 renderer 装配。推荐优先按产品形态选择 `@file-viewer/preset-lite`、`@file-viewer/preset-office`、`@file-viewer/preset-engineering` 或 `@file-viewer/preset-all`,需要极致裁剪时再安装单个 renderer 包。Vite 插件会自动发现并注入已安装的 preset,常规业务无需再手写 `renderers`。
|
|
107
107
|
|
|
108
108
|
```bash
|
|
109
109
|
npm i @file-viewer/vue3 @file-viewer/core @file-viewer/vite-plugin @file-viewer/preset-office
|
|
@@ -118,11 +118,21 @@ export default {
|
|
|
118
118
|
preset: 'office',
|
|
119
119
|
scan: true,
|
|
120
120
|
copyAssets: true
|
|
121
|
+
// 默认 inject:true,组件会自动获得 office 预览能力。
|
|
121
122
|
})
|
|
122
123
|
]
|
|
123
124
|
}
|
|
124
125
|
```
|
|
125
126
|
|
|
127
|
+
```ts
|
|
128
|
+
const options = {
|
|
129
|
+
// 可选:需要完全手动控制时设为 false。
|
|
130
|
+
autoRenderers: true
|
|
131
|
+
}
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
严格裁剪或组件库内部测试时,也可以关闭自动注入并显式传入 virtual module:
|
|
135
|
+
|
|
126
136
|
```ts
|
|
127
137
|
import { configuredFileViewerRenderers } from 'virtual:file-viewer-renderers'
|
|
128
138
|
|
|
@@ -138,6 +148,7 @@ const options = {
|
|
|
138
148
|
- 想要最小包体时,可以不用 preset,直接安装 `@file-viewer/renderer-pdf`、`@file-viewer/renderer-word` 等单个 renderer,并用 `formats` 精确生成 import。
|
|
139
149
|
- `scan:true` 会识别 `fileViewerFormats`、`data-file-viewer-formats` 和上传控件 `accept`,调试与打包时自动选择 renderer。
|
|
140
150
|
- `copyAssets:true` 会复制 PDF/CAD/Typst/Archive/Data 等 worker、WASM 和 vendor 资源,满足离线和企业内网部署。
|
|
151
|
+
- 如果打开的是支持矩阵内但未装配的格式,预览器会提示应安装的 preset / renderer;只有真正不在矩阵中的扩展名才提示不支持。
|
|
141
152
|
- 想一次性拥有官方 Demo 的完整能力时,可以安装 `@file-viewer/preset-all` 并把 `allRenderers` 传给 `renderers`;这适合 demo 和后台运维工具,不建议作为所有业务默认入口。
|
|
142
153
|
|
|
143
154
|
## 统一参数与事件
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@file-viewer/svelte",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "Standard Svelte component package for Flyfish File Viewer",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"svelte": ">=3.59 <6"
|
|
72
72
|
},
|
|
73
73
|
"dependencies": {
|
|
74
|
-
"@file-viewer/core": "^2.1.
|
|
74
|
+
"@file-viewer/core": "^2.1.2"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|
|
77
77
|
"svelte": "^5.46.0",
|