@file-viewer/renderer-word 2.1.17 → 2.1.19

package/dist/index.js

@@ -11,7 +11,7 @@ if (wordDefinitions.length !== wordRendererIds.length) {
 export const wordRendererDefinitions = wordDefinitions;
 export const renderFileViewerWordDocx = (buffer, target, _type, context) => import('./wordDocx.js').then(({ default: renderWordDocx }) => renderWordDocx(buffer, target, context));
 export const renderFileViewerWordDoc = (buffer, target, _type, context) => import('./wordDoc.js').then(({ default: renderWordDoc }) => renderWordDoc(buffer, target, context));
-export const renderFileViewerOpenDocument = (buffer, target, type) => import('./openDocument.js').then(({ default: renderOpenDocument }) => renderOpenDocument(buffer, target, type));
+export const renderFileViewerOpenDocument = (buffer, target, type, context) => import('./openDocument.js').then(({ default: renderOpenDocument }) => renderOpenDocument(buffer, target, type, context));
 export const wordRenderer = {
     id: 'file-viewer-renderer-word',
     label: 'Flyfish File Viewer Word renderer',

package/dist/openDocument.d.ts

@@ -1,2 +1,2 @@
-import type { FileViewerRenderedInstance } from '@file-viewer/core';
-export default function renderOpenDocument(buffer: ArrayBuffer, target: HTMLDivElement, type?: string): Promise<FileViewerRenderedInstance>;
+import { type FileRenderContext, type FileViewerRenderedInstance } from '@file-viewer/core';
+export default function renderOpenDocument(buffer: ArrayBuffer, target: HTMLDivElement, type?: string, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;

package/dist/openDocument.js

@@ -1,4 +1,5 @@
 import JSZip from 'jszip';
+import { createFileViewerTranslator, } from '@file-viewer/core';
 const openDocumentStyle = `
 .odf-viewer{min-height:100%;padding:28px;overflow:auto;background:#dfe5eb;box-sizing:border-box}
 .odf-shell{width:min(100%,980px);margin:0 auto}.odf-shell>header{margin-bottom:18px;padding:18px 22px;border-radius:8px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.1);box-sizing:border-box}
@@ -30,17 +31,17 @@ const appendText = (parent, tag, text, className) => {
 const nodeText = (node) => {
     return (node.textContent || '').replace(/\s+/g, ' ').trim();
 };
-const parseOdf = async (buffer, type) => {
+const parseOdf = async (buffer, type, t) => {
     var _a;
     const zip = await JSZip.loadAsync(buffer);
     const content = await ((_a = zip.file('content.xml')) === null || _a === void 0 ? void 0 : _a.async('text'));
     if (!content) {
-        throw new Error('ODF 文件缺少 content.xml');
+        throw new Error(t('word.error.missingOdfContent'));
     }
     const doc = new DOMParser().parseFromString(content, 'application/xml');
     const parseError = doc.querySelector('parsererror');
     if (parseError) {
-        throw new Error(parseError.textContent || 'ODF XML 解析失败');
+        throw new Error(t('word.error.odfXmlParseFailed'));
     }
     if (type === 'odp') {
         const slides = Array.from(doc.getElementsByTagName('draw:page'));
@@ -48,14 +49,17 @@ const parseOdf = async (buffer, type) => {
             const blocks = Array.from(slide.getElementsByTagName('text:p'))
                 .map(nodeText)
                 .filter(Boolean);
-            return { title: `第 ${index + 1} 页`, blocks: blocks.length ? blocks : ['该页没有可提取文本'] };
+            return {
+                title: t('word.page.fallback', { page: index + 1 }),
+                blocks: blocks.length ? blocks : [t('word.page.empty')],
+            };
         });
     }
     const blocks = [
         ...Array.from(doc.getElementsByTagName('text:h')).map(nodeText),
         ...Array.from(doc.getElementsByTagName('text:p')).map(nodeText),
     ].filter(Boolean);
-    return [{ title: '正文', blocks: blocks.length ? blocks : ['没有提取到可读文本'] }];
+    return [{ title: t('word.body'), blocks: blocks.length ? blocks : [t('word.body.empty')] }];
 };
 const renderOdfPages = (type, title, pages) => {
     const root = document.createElement('div');
@@ -80,7 +84,7 @@ const resolveRtfJs = async () => {
     const rtfModule = await import('rtf.js/dist/RTFJS.bundle.js');
     return rtfModule.RTFJS || rtfModule.default || rtfModule;
 };
-const renderRtf = async (buffer, target) => {
+const renderRtf = async (buffer, target, t) => {
     var _a, _b;
     const RTFJS = await resolveRtfJs();
     (_a = RTFJS.loggingEnabled) === null || _a === void 0 ? void 0 : _a.call(RTFJS, false);
@@ -92,7 +96,7 @@ const renderRtf = async (buffer, target) => {
     const header = document.createElement('div');
     header.className = 'flyfish-rtf-header';
     appendText(header, 'span', 'RTF');
-    appendText(header, 'strong', meta.title || 'RTF 文档预览');
+    appendText(header, 'strong', meta.title || t('word.title.rtf'));
     const paper = document.createElement('article');
     paper.className = 'flyfish-rtf-paper';
     elements.forEach((element) => paper.appendChild(element));
@@ -105,13 +109,16 @@ const renderRtf = async (buffer, target) => {
         },
     };
 };
-export default async function renderOpenDocument(buffer, target, type) {
+export default async function renderOpenDocument(buffer, target, type, context) {
+    const t = createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options);
     const normalizedType = (type || 'odt').toLowerCase();
     if (normalizedType === 'rtf') {
-        return renderRtf(buffer, target);
+        return renderRtf(buffer, target, t);
     }
-    const pages = await parseOdf(buffer, normalizedType);
-    const title = normalizedType === 'odp' ? 'OpenDocument 演示文稿预览' : 'OpenDocument 文档预览';
+    const pages = await parseOdf(buffer, normalizedType, t);
+    const title = normalizedType === 'odp'
+        ? t('word.title.openDocumentPresentation')
+        : t('word.title.openDocumentText');
     target.replaceChildren(createStyle(), renderOdfPages(normalizedType, title, pages));
     return {
         $el: target,

package/dist/wordDoc.js

@@ -1,5 +1,5 @@
 import { defaultMsDocCss, parseMsDocToHtml } from '@file-viewer/doc';
-import { applyPrintPageSize, buildPrintPageStyle, createFileViewerZoomChangeEmitter as createZoomChangeEmitter, formatCssPixels, registerFileViewerZoomProvider, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
+import { applyPrintPageSize, buildPrintPageStyle, createFileViewerZoomChangeEmitter as createZoomChangeEmitter, formatCssPixels, registerFileViewerZoomProvider, resolveFileViewerFitScale, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
 const PAGE_BREAK_MARKER = '<span class="msdoc-page-break"></span>';
 const EMPTY_PAGE_HTML = '<p class="msdoc-paragraph"><br></p>';
 const MSDOC_PAGE_SIZE = {
@@ -239,12 +239,58 @@ function makeMsDocResponsive(target) {
         applyResponsiveLayout();
         return getZoomState();
     };
+    const setAbsoluteScale = (scale) => {
+        return setUserZoom(scale / Math.max(currentFitScale, 0.01));
+    };
+    const readFitPageSize = () => {
+        var _a;
+        const root = (_a = pages[0]) === null || _a === void 0 ? void 0 : _a.querySelector('.msdoc-root');
+        return {
+            width: (root === null || root === void 0 ? void 0 : root.offsetWidth) || MSDOC_PAGE_SIZE.width,
+            height: MSDOC_PAGE_SIZE.height
+        };
+    };
+    const fitDoc = (request) => {
+        var _a, _b;
+        const pageSize = readFitPageSize();
+        const mode = request.mode === 'auto' ? 'width' : request.mode;
+        const scale = resolveFileViewerFitScale({
+            mode,
+            viewportWidth: Math.max(1, request.viewportWidth || target.clientWidth || 0),
+            viewportHeight: Math.max(1, request.viewportHeight || target.clientHeight || 0),
+            contentWidth: pageSize.width,
+            contentHeight: pageSize.height,
+            currentScale,
+            minScale: (_a = request.minScale) !== null && _a !== void 0 ? _a : MSDOC_MIN_SCALE,
+            maxScale: (_b = request.maxScale) !== null && _b !== void 0 ? _b : MSDOC_MAX_SCALE
+        });
+        if (!scale) {
+            return {
+                applied: false,
+                mode: request.mode,
+                resize: request.resize,
+                source: request.source,
+                reason: 'unmeasurable',
+                provider: 'zoom'
+            };
+        }
+        const state = setAbsoluteScale(scale);
+        return {
+            applied: true,
+            mode: request.mode,
+            resize: request.resize,
+            scale: state.scale,
+            source: request.source,
+            provider: 'zoom'
+        };
+    };
     target.dataset.viewerZoomProvider = 'doc';
     registerFileViewerZoomProvider(target, {
         zoomIn: () => setUserZoom((currentScale + MSDOC_ZOOM_STEP) / Math.max(currentFitScale, 0.01)),
         zoomOut: () => setUserZoom((currentScale - MSDOC_ZOOM_STEP) / Math.max(currentFitScale, 0.01)),
         resetZoom: () => setUserZoom(1),
-        setZoom: scale => setUserZoom(scale / Math.max(currentFitScale, 0.01)),
+        setZoom: setAbsoluteScale,
+        fit: fitDoc,
         getState: getZoomState,
         subscribe: zoomEmitter.subscribe
     });

package/dist/wordDocx.js

@@ -1,5 +1,5 @@
 import { resolveFileViewerDocxWorkerJsZipUrl, resolveFileViewerDocxWorkerUrl, } from '@file-viewer/core/assets';
-import { applyPrintPageSize, buildPrintPageStyle, createFileViewerZoomChangeEmitter as createZoomChangeEmitter, formatCssPixels, getElementPrintPageSize, registerFileViewerZoomProvider, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
+import { applyPrintPageSize, buildPrintPageStyle, createFileViewerTranslator, createFileViewerZoomChangeEmitter as createZoomChangeEmitter, formatCssPixels, getElementPrintPageSize, registerFileViewerZoomProvider, resolveFileViewerFitScale, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
 const DOCX_DEFAULT_PAGE_SIZE = {
     width: 794,
     height: 1123
@@ -8,7 +8,7 @@ const DOCX_WORKER_UNSAFE_PROTOCOLS = new Set(['file:', 'about:', 'data:']);
 const DOCX_MIN_SCALE = 0.24;
 const DOCX_MAX_SCALE = 3;
 const DOCX_ZOOM_STEP = 0.15;
-const DOCX_VENDOR_ASSET_VERSION = '0.3.16';
+const DOCX_VENDOR_ASSET_VERSION = '0.3.17';
 const ZIP_SIGNATURE_PK = 0x504b;
 const loadLibrary = (() => {
     const loader = {
@@ -29,12 +29,12 @@ const loadLibrary = (() => {
  * with a ZIP signature. This catches common enterprise download failures where
  * an object-storage XML error page is saved with a `.docx` extension.
  */
-const assertValidDocxPackage = (buffer) => {
+const assertValidDocxPackage = (buffer, context) => {
     const signature = buffer.byteLength >= 4 ? new DataView(buffer).getUint16(0, false) : 0;
     if (signature === ZIP_SIGNATURE_PK) {
         return;
     }
-    throw new Error('文件不是有效的 DOCX/OOXML 压缩包，可能下载不完整或被服务端错误内容替换，请重新上传或检查文件源。');
+    throw new Error(createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options)('word.error.invalidDocx'));
 };
 const getTargetWindow = (target) => {
     return target.ownerDocument.defaultView;
@@ -289,12 +289,76 @@ function makeDocxResponsive(target, context) {
         applyResponsiveLayout();
         return getZoomState();
     };
+    const setAbsoluteScale = (scale) => {
+        return setUserZoom(scale / Math.max(currentFitScale, 0.01));
+    };
+    const readFitPageSize = () => {
+        for (const frame of frames) {
+            const page = getDocxPageElement(frame);
+            if (!page) {
+                continue;
+            }
+            const pageSize = getElementPrintPageSize(page, DOCX_DEFAULT_PAGE_SIZE);
+            return {
+                width: page.offsetWidth || pageSize.width || DOCX_DEFAULT_PAGE_SIZE.width,
+                height: isDocxFlowFrame(frame)
+                    ? DOCX_DEFAULT_PAGE_SIZE.height
+                    : page.offsetHeight || pageSize.height || DOCX_DEFAULT_PAGE_SIZE.height
+            };
+        }
+        return null;
+    };
+    const fitDocx = (request) => {
+        var _a, _b;
+        const pageSize = readFitPageSize();
+        if (!pageSize) {
+            return {
+                applied: false,
+                mode: request.mode,
+                resize: request.resize,
+                source: request.source,
+                reason: 'unmeasurable',
+                provider: 'zoom'
+            };
+        }
+        const mode = request.mode === 'auto' ? 'width' : request.mode;
+        const scale = resolveFileViewerFitScale({
+            mode,
+            viewportWidth: Math.max(1, request.viewportWidth || target.clientWidth || 0),
+            viewportHeight: Math.max(1, request.viewportHeight || target.clientHeight || 0),
+            contentWidth: pageSize.width,
+            contentHeight: pageSize.height,
+            currentScale,
+            minScale: (_a = request.minScale) !== null && _a !== void 0 ? _a : DOCX_MIN_SCALE,
+            maxScale: (_b = request.maxScale) !== null && _b !== void 0 ? _b : DOCX_MAX_SCALE
+        });
+        if (!scale) {
+            return {
+                applied: false,
+                mode: request.mode,
+                resize: request.resize,
+                source: request.source,
+                reason: 'unmeasurable',
+                provider: 'zoom'
+            };
+        }
+        const state = setAbsoluteScale(scale);
+        return {
+            applied: true,
+            mode: request.mode,
+            resize: request.resize,
+            scale: state.scale,
+            source: request.source,
+            provider: 'zoom'
+        };
+    };
     target.dataset.viewerZoomProvider = 'docx';
     registerFileViewerZoomProvider(target, {
         zoomIn: () => setUserZoom((currentScale + DOCX_ZOOM_STEP) / Math.max(currentFitScale, 0.01)),
         zoomOut: () => setUserZoom((currentScale - DOCX_ZOOM_STEP) / Math.max(currentFitScale, 0.01)),
         resetZoom: () => setUserZoom(1),
-        setZoom: scale => setUserZoom(scale / Math.max(currentFitScale, 0.01)),
+        setZoom: setAbsoluteScale,
+        fit: fitDocx,
         getState: getZoomState,
         subscribe: zoomEmitter.subscribe
     });
@@ -396,7 +460,7 @@ function prepareDocxCloneForExport(target) {
  */
 export default async function (buffer, target, context) {
     var _a;
-    assertValidDocxPackage(buffer);
+    assertValidDocxPackage(buffer, context);
     target.innerHTML = '';
     let hasNotifiedProgressiveRender = false;
     const notifyProgressiveRender = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-word",
-  "version": "2.1.17",
+  "version": "2.1.19",
   "private": false,
   "type": "module",
   "description": "Standalone Word and compatible document renderer plugin for Flyfish File Viewer powered by @file-viewer/docx, @file-viewer/doc, and RTF/ODF parsing.",
@@ -57,9 +57,9 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "^2.1.17",
-    "@file-viewer/doc": "^2.1.17",
-    "@file-viewer/docx": "^0.3.16",
+    "@file-viewer/core": "^2.1.19",
+    "@file-viewer/doc": "^2.1.19",
+    "@file-viewer/docx": "^0.3.17",
     "jszip": "^3.10.1",
     "rtf.js": "^3.0.9"
   },