@file-viewer/core 2.0.11 → 2.1.0

package/dist/renderers/ofd.js

@@ -1,256 +0,0 @@
-import { registerFileViewerZoomProvider, unregisterFileViewerZoomProvider, } from '../features/document/dom/index.js';
-import { createFileViewerZoomChangeEmitter } from '../features/document/zoom.js';
-const OFD_MIN_SCALE = 0.35;
-const OFD_MAX_SCALE = 3;
-const OFD_ZOOM_STEP = 0.1;
-const ofdStyle = `
-.ofd-viewer{position:relative;box-sizing:border-box;min-height:100%;background:#e9edf2;color:#172033;font-family:Aptos,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
-.ofd-viewer *{box-sizing:border-box}
-.ofd-stage{min-height:100%;padding:18px 0 28px;overflow:auto;scrollbar-gutter:stable}
-.ofd-state{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:rgba(246,248,250,.92);color:#64748b;font-size:14px}
-.ofd-state[hidden]{display:none!important}
-.ofd-state.error{color:#b42318}
-.ofd-page-frame{position:relative;display:block;margin:0 auto 20px;overflow:visible}
-.ofd-page{display:block;margin-left:auto!important;margin-right:auto!important;box-shadow:0 10px 26px rgba(15,23,42,.12);transition:transform .16s ease}
-.file-viewer[data-viewer-theme='dark'] .ofd-viewer{background:#172033;color:#e5eef8}
-.file-viewer[data-viewer-theme='dark'] .ofd-state{background:rgba(15,23,42,.9);color:#cbd5e1}
-@media (prefers-color-scheme:dark){.file-viewer[data-viewer-theme='system'] .ofd-viewer{background:#172033;color:#e5eef8}.file-viewer[data-viewer-theme='system'] .ofd-state{background:rgba(15,23,42,.9);color:#cbd5e1}}
-@media print{.ofd-viewer{background:#fff!important}.ofd-stage{padding:0!important;overflow:visible!important}.ofd-page-frame{break-after:page;page-break-after:always;margin:0 auto!important}.ofd-page-frame:last-child{break-after:auto;page-break-after:auto}.ofd-page{box-shadow:none!important;transition:none!important}}
-`;
-const loadOfdModule = (() => {
-    let modulePromise = null;
-    return () => {
-        modulePromise || (modulePromise = import('../../vendor/ofd/dltech/ofd/ofd.js'));
-        return modulePromise;
-    };
-})();
-const createStyle = (documentRef) => {
-    const style = documentRef.createElement('style');
-    style.textContent = ofdStyle;
-    return style;
-};
-const createElement = (documentRef, tagName, className, text) => {
-    const element = documentRef.createElement(tagName);
-    if (className) {
-        element.className = className;
-    }
-    if (text !== undefined) {
-        element.textContent = text;
-    }
-    return element;
-};
-const normalizeError = (reason) => {
-    if (reason instanceof Error) {
-        return reason.message;
-    }
-    if (typeof reason === 'string') {
-        return reason;
-    }
-    try {
-        return JSON.stringify(reason);
-    }
-    catch {
-        return String(reason || 'OFD 文件解析失败');
-    }
-};
-const clampZoom = (value) => Math.min(OFD_MAX_SCALE, Math.max(OFD_MIN_SCALE, Number(value.toFixed(2))));
-const waitForPaint = (view) => new Promise(resolve => {
-    if (view === null || view === void 0 ? void 0 : view.requestAnimationFrame) {
-        view.requestAnimationFrame(() => resolve());
-        return;
-    }
-    globalThis.setTimeout(resolve, 0);
-});
-const parseWithOfdJs = (ofd, buffer) => {
-    return new Promise((resolve, reject) => {
-        // 使用 DLTech21/ofd.js 的纯 JS 解析入口，签章验签链路不阻断正文预览。
-        ofd.parseOfdDocument({
-            ofd: buffer,
-            success: documents => resolve(documents),
-            fail: reason => reject(reason),
-        });
-    });
-};
-const appendPages = (documentRef, target, pages) => {
-    const fragment = documentRef.createDocumentFragment();
-    pages.forEach(page => {
-        const frame = documentRef.createElement('div');
-        frame.className = 'ofd-page-frame';
-        page.classList.add('ofd-page');
-        frame.appendChild(page);
-        fragment.appendChild(frame);
-    });
-    target.appendChild(fragment);
-};
-export default async function renderOfd(buffer, target, context) {
-    const documentRef = target.ownerDocument || document;
-    const targetWindow = documentRef.defaultView || (typeof window !== 'undefined' ? window : null);
-    const zoomEmitter = createFileViewerZoomChangeEmitter();
-    let disposed = false;
-    let renderVersion = 0;
-    let resizeObserver = null;
-    let resizeTimer = 0;
-    let lastRenderedWidth = 0;
-    let state = 'loading';
-    let errorMessage = '';
-    let zoom = 1;
-    let ofdDocumentPromise = null;
-    const style = createStyle(documentRef);
-    const viewer = createElement(documentRef, 'div', 'ofd-viewer');
-    viewer.dataset.viewerZoomProvider = 'ofd';
-    const stateNode = createElement(documentRef, 'div', 'ofd-state', '正在解析 OFD...');
-    stateNode.setAttribute('aria-live', 'polite');
-    const stage = createElement(documentRef, 'div', 'ofd-stage');
-    viewer.append(stateNode, stage);
-    target.replaceChildren(style, viewer);
-    const clearStage = () => {
-        stage.replaceChildren();
-    };
-    const syncState = () => {
-        stateNode.hidden = state === 'ready';
-        stateNode.classList.toggle('error', state === 'error');
-        stateNode.textContent = state === 'error' ? errorMessage : '正在解析 OFD...';
-    };
-    const getOfdDocument = async (ofd) => {
-        // OFD 解压和 XML 解析成本较高，尺寸变化只重排页面，不重复解析压缩包。
-        ofdDocumentPromise || (ofdDocumentPromise = parseWithOfdJs(ofd, buffer).then(documents => {
-            const ofdDocument = documents[0];
-            if (!ofdDocument) {
-                throw new Error('OFD 文件中没有可渲染的文档');
-            }
-            return ofdDocument;
-        }));
-        return ofdDocumentPromise;
-    };
-    const getRenderWidth = () => {
-        const baseWidth = viewer.getBoundingClientRect().width || stage.getBoundingClientRect().width || 0;
-        return Math.max(Math.floor(baseWidth - 48), 240);
-    };
-    const getZoomState = () => ({
-        scale: zoom,
-        label: `${Math.round(zoom * 100)}%`,
-        canZoomIn: zoom < OFD_MAX_SCALE,
-        canZoomOut: zoom > OFD_MIN_SCALE,
-        canReset: zoom !== 1,
-        minScale: OFD_MIN_SCALE,
-        maxScale: OFD_MAX_SCALE,
-    });
-    const syncPageZoom = () => {
-        const HTMLElementCtor = (targetWindow === null || targetWindow === void 0 ? void 0 : targetWindow.HTMLElement) || globalThis.HTMLElement;
-        stage.querySelectorAll('.ofd-page-frame').forEach(frame => {
-            const page = frame.firstElementChild;
-            if (!HTMLElementCtor || !(page instanceof HTMLElementCtor)) {
-                return;
-            }
-            page.style.position = 'absolute';
-            page.style.top = '0';
-            page.style.left = '50%';
-            page.style.transform = `translateX(-50%) scale(${zoom})`;
-            page.style.transformOrigin = 'top center';
-            page.style.marginLeft = '0';
-            page.style.marginRight = '0';
-            const pageWidth = page.offsetWidth;
-            const pageHeight = page.offsetHeight;
-            if (!pageWidth || !pageHeight) {
-                return;
-            }
-            frame.style.width = `${Math.ceil(pageWidth * zoom)}px`;
-            frame.style.height = `${Math.ceil(pageHeight * zoom)}px`;
-        });
-    };
-    const setZoom = (nextZoom) => {
-        zoom = clampZoom(nextZoom);
-        syncPageZoom();
-        zoomEmitter.emit();
-        return getZoomState();
-    };
-    registerFileViewerZoomProvider(viewer, {
-        zoomIn: () => setZoom(zoom + OFD_ZOOM_STEP),
-        zoomOut: () => setZoom(zoom - OFD_ZOOM_STEP),
-        resetZoom: () => setZoom(1),
-        setZoom,
-        getState: getZoomState,
-        subscribe: zoomEmitter.subscribe,
-    });
-    const renderWithOfdJs = async (width) => {
-        const ofd = await loadOfdModule();
-        const ofdDocument = await getOfdDocument(ofd);
-        if (disposed) {
-            return [];
-        }
-        return Promise.resolve(ofd.renderOfd(width, ofdDocument));
-    };
-    const render = async (options = {}) => {
-        var _a;
-        if (disposed) {
-            return;
-        }
-        const width = getRenderWidth();
-        if (!options.force && state === 'ready' && Math.abs(width - lastRenderedWidth) < 8) {
-            return;
-        }
-        const version = ++renderVersion;
-        if (options.showLoading || state !== 'ready') {
-            state = 'loading';
-            clearStage();
-            syncState();
-        }
-        errorMessage = '';
-        try {
-            await waitForPaint(targetWindow);
-            const pages = await renderWithOfdJs(width);
-            if (disposed || version !== renderVersion) {
-                return;
-            }
-            clearStage();
-            appendPages(documentRef, stage, pages);
-            lastRenderedWidth = width;
-            await waitForPaint(targetWindow);
-            syncPageZoom();
-            state = 'ready';
-            syncState();
-            zoomEmitter.emit();
-            (_a = context === null || context === void 0 ? void 0 : context.onProgressiveRender) === null || _a === void 0 ? void 0 : _a.call(context);
-        }
-        catch (reason) {
-            if (disposed || version !== renderVersion) {
-                return;
-            }
-            console.error(reason);
-            state = 'error';
-            errorMessage = normalizeError(reason) || 'OFD 文件解析失败';
-            syncState();
-        }
-    };
-    const startResizeObserver = () => {
-        if (!(targetWindow === null || targetWindow === void 0 ? void 0 : targetWindow.ResizeObserver) || resizeObserver) {
-            return;
-        }
-        resizeObserver = new targetWindow.ResizeObserver(() => {
-            targetWindow.clearTimeout(resizeTimer);
-            resizeTimer = targetWindow.setTimeout(() => {
-                void render({ showLoading: false });
-            }, 180);
-        });
-        resizeObserver.observe(viewer);
-    };
-    void render({ force: true, showLoading: true }).finally(() => {
-        if (!disposed) {
-            startResizeObserver();
-        }
-    });
-    return {
-        $el: viewer,
-        unmount() {
-            var _a;
-            disposed = true;
-            renderVersion += 1;
-            targetWindow === null || targetWindow === void 0 ? void 0 : targetWindow.clearTimeout(resizeTimer);
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
-            resizeObserver = null;
-            unregisterFileViewerZoomProvider(viewer);
-            clearStage();
-            (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
-        },
-    };
-}

package/dist/renderers/openDocument.d.ts

@@ -1,2 +0,0 @@
-import type { FileViewerRenderedInstance } from '../contracts/types';
-export default function renderOpenDocument(buffer: ArrayBuffer, target: HTMLDivElement, type?: string): Promise<FileViewerRenderedInstance>;

package/dist/renderers/openDocument.js

@@ -1,122 +0,0 @@
-import JSZip from 'jszip';
-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}
-.odf-shell>header span{color:#0f766e;font-size:12px;font-weight:800}.odf-shell>header h2{margin:6px 0 0;color:#132235;font-size:24px}
-.odf-page{min-height:360px;margin:0 auto 18px;padding:42px 48px;border-radius:4px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.12);color:#1f2937;box-sizing:border-box}
-.odf-page h3{margin:0 0 20px;color:#334155;font-size:18px}.odf-page p{margin:0 0 12px;font-size:15px;line-height:1.85;white-space:pre-wrap}
-.flyfish-rtf-viewer{min-height:100%;padding:28px;overflow:auto;background:#dfe5eb;color:#1f2937;box-sizing:border-box}
-.flyfish-rtf-header{width:min(100%,900px);margin:0 auto 18px;padding:18px 22px;border-radius:8px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.1);box-sizing:border-box}
-.flyfish-rtf-header span{display:block;color:#0f766e;font-size:12px;font-weight:800}.flyfish-rtf-header strong{display:block;margin-top:6px;color:#132235;font-size:24px}
-.flyfish-rtf-paper{width:min(100%,900px);min-height:980px;margin:0 auto;padding:54px 62px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.12);line-height:1.75;box-sizing:border-box}.flyfish-rtf-paper p{margin:0 0 12px}
-.file-viewer[data-viewer-theme='dark'] .odf-viewer,.file-viewer[data-viewer-theme='dark'] .flyfish-rtf-viewer{background:#111827}.file-viewer[data-viewer-theme='dark'] .odf-shell>header,.file-viewer[data-viewer-theme='dark'] .odf-page,.file-viewer[data-viewer-theme='dark'] .flyfish-rtf-header,.file-viewer[data-viewer-theme='dark'] .flyfish-rtf-paper{background:#f8fafc;color:#1f2937}
-@media (prefers-color-scheme:dark){.file-viewer[data-viewer-theme='system'] .odf-viewer,.file-viewer[data-viewer-theme='system'] .flyfish-rtf-viewer{background:#111827}.file-viewer[data-viewer-theme='system'] .odf-shell>header,.file-viewer[data-viewer-theme='system'] .odf-page,.file-viewer[data-viewer-theme='system'] .flyfish-rtf-header,.file-viewer[data-viewer-theme='system'] .flyfish-rtf-paper{background:#f8fafc;color:#1f2937}}
-@media (max-width:720px){.odf-viewer,.flyfish-rtf-viewer{padding:14px}.odf-page{padding:28px 24px}.flyfish-rtf-paper{padding:36px 28px}}
-`;
-const createStyle = () => {
-    const style = document.createElement('style');
-    style.textContent = openDocumentStyle;
-    return style;
-};
-const appendText = (parent, tag, text, className) => {
-    const element = document.createElement(tag);
-    if (className) {
-        element.className = className;
-    }
-    element.textContent = text;
-    parent.appendChild(element);
-    return element;
-};
-const nodeText = (node) => {
-    return (node.textContent || '').replace(/\s+/g, ' ').trim();
-};
-const parseOdf = async (buffer, type) => {
-    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');
-    }
-    const doc = new DOMParser().parseFromString(content, 'application/xml');
-    const parseError = doc.querySelector('parsererror');
-    if (parseError) {
-        throw new Error(parseError.textContent || 'ODF XML 解析失败');
-    }
-    if (type === 'odp') {
-        const slides = Array.from(doc.getElementsByTagName('draw:page'));
-        return slides.map((slide, index) => {
-            const blocks = Array.from(slide.getElementsByTagName('text:p'))
-                .map(nodeText)
-                .filter(Boolean);
-            return { title: `第 ${index + 1} 页`, blocks: blocks.length ? blocks : ['该页没有可提取文本'] };
-        });
-    }
-    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 : ['没有提取到可读文本'] }];
-};
-const renderOdfPages = (type, title, pages) => {
-    const root = document.createElement('div');
-    root.className = 'odf-viewer';
-    const shell = document.createElement('section');
-    shell.className = 'odf-shell';
-    const header = document.createElement('header');
-    appendText(header, 'span', type.toUpperCase());
-    appendText(header, 'h2', title);
-    shell.appendChild(header);
-    pages.forEach(page => {
-        const article = document.createElement('article');
-        article.className = 'odf-page';
-        appendText(article, 'h3', page.title);
-        page.blocks.forEach(block => appendText(article, 'p', block));
-        shell.appendChild(article);
-    });
-    root.appendChild(shell);
-    return root;
-};
-const resolveRtfJs = async () => {
-    const rtfModule = await import('rtf.js/dist/RTFJS.bundle.js');
-    return rtfModule.RTFJS || rtfModule.default || rtfModule;
-};
-const renderRtf = async (buffer, target) => {
-    var _a, _b;
-    const RTFJS = await resolveRtfJs();
-    (_a = RTFJS.loggingEnabled) === null || _a === void 0 ? void 0 : _a.call(RTFJS, false);
-    const doc = new RTFJS.Document(buffer, {});
-    const meta = ((_b = doc.metadata) === null || _b === void 0 ? void 0 : _b.call(doc)) || {};
-    const elements = await doc.render();
-    const stage = document.createElement('div');
-    stage.className = 'flyfish-rtf-viewer';
-    const header = document.createElement('div');
-    header.className = 'flyfish-rtf-header';
-    appendText(header, 'span', 'RTF');
-    appendText(header, 'strong', meta.title || 'RTF 文档预览');
-    const paper = document.createElement('article');
-    paper.className = 'flyfish-rtf-paper';
-    elements.forEach((element) => paper.appendChild(element));
-    stage.append(header, paper);
-    target.replaceChildren(createStyle(), stage);
-    return {
-        $el: target,
-        unmount() {
-            target.replaceChildren();
-        },
-    };
-};
-export default async function renderOpenDocument(buffer, target, type) {
-    const normalizedType = (type || 'odt').toLowerCase();
-    if (normalizedType === 'rtf') {
-        return renderRtf(buffer, target);
-    }
-    const pages = await parseOdf(buffer, normalizedType);
-    const title = normalizedType === 'odp' ? 'OpenDocument 演示文稿预览' : 'OpenDocument 文档预览';
-    target.replaceChildren(createStyle(), renderOdfPages(normalizedType, title, pages));
-    return {
-        $el: target,
-        unmount() {
-            target.replaceChildren();
-        },
-    };
-}

package/dist/renderers/pdf.d.ts

@@ -1,3 +0,0 @@
-import type { FileRenderContext, FileViewerRenderedInstance } from '../contracts/types';
-export declare const DEFAULT_FILE_VIEWER_PDF_WORKER_URL = "vendor/pdf/pdf.worker.mjs";
-export default function renderPdf(buffer: ArrayBuffer, target: HTMLDivElement, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;