@file-viewer/core 2.0.0

package/dist/renderers/pdf.js

@@ -0,0 +1,846 @@
+import { getDocument, GlobalWorkerOptions, PDFWorker as PdfJsWorker, PixelsPerInch, version, } from 'pdfjs-dist/legacy/build/pdf.mjs';
+import { EventBus, GenericL10n, PDFFindController, PDFLinkService, PDFViewer, } from 'pdfjs-dist/legacy/web/pdf_viewer.mjs';
+import { registerFileViewerSearchProvider, registerFileViewerZoomProvider, unregisterFileViewerSearchProvider, unregisterFileViewerZoomProvider, } from '../documentDom.js';
+import { createFileViewerZoomChangeEmitter } from '../documentZoom.js';
+import { buildPrintPageStyle, formatCssPixels, } from '../printLayout.js';
+import { DEFAULT_PDF_RANGE_CHUNK_SIZE } from '../sourceLoading.js';
+import { pdfViewerStyle } from './pdfStyles.js';
+export const DEFAULT_FILE_VIEWER_PDF_WORKER_URL = `https://npm.onmicrosoft.cn/pdfjs-dist@${version}/legacy/build/pdf.worker.mjs`;
+const MIN_SCALE = 0.2;
+const MAX_SCALE = 3;
+const SCALE_STEP = 0.1;
+const FIT_HORIZONTAL_PADDING = 28;
+const PAGE_BORDER_WIDTH = 18;
+const PDF_EXPORT_MAX_PAGE_PIXELS = 8000000;
+const createStyle = (documentRef) => {
+    const style = documentRef.createElement('style');
+    style.textContent = pdfViewerStyle;
+    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 createButton = (documentRef, className, title, label) => {
+    const button = createElement(documentRef, 'button', className);
+    button.type = 'button';
+    button.title = title;
+    button.setAttribute('aria-label', title);
+    if (label !== undefined) {
+        const labelNode = createElement(documentRef, 'span', undefined, label);
+        labelNode.setAttribute('aria-hidden', 'true');
+        button.append(labelNode);
+    }
+    return button;
+};
+const normalizeRotation = (rotation) => {
+    const normalized = ((Math.round(rotation / 90) * 90) % 360 + 360) % 360;
+    return (normalized === 90 || normalized === 180 || normalized === 270 ? normalized : 0);
+};
+const clampScale = (scale) => Number(Math.min(MAX_SCALE, Math.max(MIN_SCALE, scale)).toFixed(2));
+const createPdfSearchState = (query = '') => ({
+    query,
+    total: 0,
+    currentIndex: -1,
+    current: null,
+    matches: [],
+});
+const escapeAttribute = (value) => value
+    .replace(/&/g, '&')
+    .replace(/"/g, '"')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+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 resolvePdfWorkerUrl = (options, documentUrl) => {
+    const configured = options === null || options === void 0 ? void 0 : options.workerUrl;
+    if (!configured) {
+        return DEFAULT_FILE_VIEWER_PDF_WORKER_URL;
+    }
+    try {
+        return documentUrl ? new URL(configured, documentUrl).href : configured;
+    }
+    catch {
+        return configured;
+    }
+};
+const buildOutlineItems = (items, prefix = 'outline') => items.map((item, index) => {
+    const id = `${prefix}-${index}`;
+    const children = Array.isArray(item.items)
+        ? buildOutlineItems(item.items, id)
+        : [];
+    return {
+        id,
+        title: item.title || `目录 ${index + 1}`,
+        dest: item.dest || null,
+        items: children,
+        expanded: index < 4,
+    };
+});
+export default async function renderPdf(buffer, target, context) {
+    var _a, _b;
+    const documentRef = target.ownerDocument || document;
+    const targetWindow = documentRef.defaultView || (typeof window !== 'undefined' ? window : null);
+    if (!targetWindow) {
+        throw new Error('PDF preview requires a browser window');
+    }
+    const options = (_a = context === null || context === void 0 ? void 0 : context.options) === null || _a === void 0 ? void 0 : _a.pdf;
+    const navigationEnabled = (options === null || options === void 0 ? void 0 : options.navigation) !== false;
+    const toolbarVisible = (options === null || options === void 0 ? void 0 : options.toolbar) !== false;
+    const zoomEmitter = createFileViewerZoomChangeEmitter();
+    let navVisible = (options === null || options === void 0 ? void 0 : options.navigation) === false ? false : (options === null || options === void 0 ? void 0 : options.defaultNavigationVisible) !== false;
+    let navMode = 'pages';
+    let loadStatus = 'loading';
+    let errorMessage = '';
+    let currentPage = 1;
+    let pageCount = 0;
+    let currentScale = 1;
+    let autoFitWidth = true;
+    let currentRotation = normalizeRotation((_b = options === null || options === void 0 ? void 0 : options.rotation) !== null && _b !== void 0 ? _b : 0);
+    let outlineItems = [];
+    let resizeObserver = null;
+    let fitFrame = 0;
+    let destroyed = false;
+    let loadVersion = 0;
+    let pdfSearchState = createPdfSearchState();
+    let pdfMatchesCount = { current: 0, total: 0 };
+    let pdfSearchOptions;
+    let pdfSearchWaiters = [];
+    const pdfContext = {
+        viewer: null,
+        linkService: null,
+        eventBus: null,
+        findController: null,
+        resource: null,
+        document: null,
+        search: '',
+    };
+    const root = createElement(documentRef, 'div', 'pdf-shell');
+    root.dataset.viewerSearchProvider = 'pdf';
+    root.dataset.viewerZoomProvider = 'pdf';
+    const toolbar = createElement(documentRef, 'div', 'pdf-toolbar');
+    const navToggleButton = createButton(documentRef, 'pdf-icon-button', '切换导航窗格');
+    navToggleButton.setAttribute('aria-pressed', String(navVisible));
+    navToggleButton.append(createElement(documentRef, 'span', 'pdf-panel-icon'));
+    const pageGroup = createElement(documentRef, 'div', 'pdf-toolbar-group');
+    const previousPageButton = createButton(documentRef, 'pdf-icon-button', '上一页', '‹');
+    const pageMeter = createElement(documentRef, 'span', 'pdf-page-meter');
+    const pageMeterCurrent = createElement(documentRef, 'strong', undefined, '1');
+    const pageMeterTotal = createElement(documentRef, 'span', undefined, '/ -');
+    pageMeter.append(pageMeterCurrent, pageMeterTotal);
+    const nextPageButton = createButton(documentRef, 'pdf-icon-button', '下一页', '›');
+    pageGroup.append(previousPageButton, pageMeter, nextPageButton);
+    const zoomGroup = createElement(documentRef, 'div', 'pdf-toolbar-group pdf-toolbar-group--zoom');
+    const zoomOutButton = createButton(documentRef, 'pdf-icon-button', '缩小', '−');
+    const scaleButton = createElement(documentRef, 'button', 'pdf-scale-button', '100%');
+    scaleButton.type = 'button';
+    scaleButton.title = '适合宽度';
+    const zoomInButton = createButton(documentRef, 'pdf-icon-button', '放大', '+');
+    zoomGroup.append(zoomOutButton, scaleButton, zoomInButton);
+    const rotateGroup = createElement(documentRef, 'div', 'pdf-toolbar-group pdf-toolbar-group--rotate');
+    const rotateLeftButton = createButton(documentRef, 'pdf-icon-button', '向左旋转', '↺');
+    const rotationMeter = createElement(documentRef, 'span', 'pdf-rotation-meter', `${currentRotation}°`);
+    const rotateRightButton = createButton(documentRef, 'pdf-icon-button', '向右旋转', '↻');
+    rotateGroup.append(rotateLeftButton, rotationMeter, rotateRightButton);
+    if (navigationEnabled) {
+        toolbar.append(navToggleButton);
+    }
+    toolbar.append(pageGroup, zoomGroup, rotateGroup);
+    const content = createElement(documentRef, 'div', 'pdf-content');
+    const navPane = createElement(documentRef, 'aside', 'pdf-nav-pane');
+    const navHead = createElement(documentRef, 'div', 'pdf-nav-head');
+    const navTitle = createElement(documentRef, 'span', undefined, '页面导航');
+    const navCount = createElement(documentRef, 'strong', undefined, '0 页');
+    navHead.append(navTitle, navCount);
+    const navTabs = createElement(documentRef, 'div', 'pdf-nav-tabs');
+    navTabs.setAttribute('role', 'tablist');
+    navTabs.setAttribute('aria-label', 'PDF 导航类型');
+    const pagesTab = createButton(documentRef, '', '页面');
+    const outlineTab = createButton(documentRef, '', '目录');
+    pagesTab.textContent = '页面';
+    outlineTab.textContent = '目录';
+    pagesTab.setAttribute('role', 'tab');
+    outlineTab.setAttribute('role', 'tab');
+    navTabs.append(pagesTab, outlineTab);
+    const navList = createElement(documentRef, 'div');
+    navPane.append(navHead, navTabs, navList);
+    const viewport = createElement(documentRef, 'div', 'pdf-viewport');
+    const container = createElement(documentRef, 'div', 'pdf-wrapper');
+    container.dataset.viewerScrollContainer = 'true';
+    const pdfViewerRoot = createElement(documentRef, 'div', 'pdfViewer');
+    const stateNode = createElement(documentRef, 'div', 'pdf-state', '正在加载 PDF...');
+    container.append(pdfViewerRoot, stateNode);
+    viewport.append(container);
+    content.append(navPane, viewport);
+    root.append(content);
+    if (toolbarVisible) {
+        root.insertBefore(toolbar, content);
+    }
+    target.replaceChildren(createStyle(documentRef), root);
+    const scaleText = () => `${Math.round(currentScale * 100)}%`;
+    const rotationText = () => `${currentRotation}°`;
+    const canGoPrevious = () => currentPage > 1;
+    const canGoNext = () => currentPage < pageCount;
+    const canZoomOut = () => currentScale > MIN_SCALE;
+    const canZoomIn = () => currentScale < MAX_SCALE;
+    const outlineCount = () => {
+        const countItems = (items) => (items.reduce((total, item) => total + 1 + countItems(item.items), 0));
+        return countItems(outlineItems);
+    };
+    const flattenedOutlineItems = () => {
+        const result = [];
+        const visit = (items, depth) => {
+            items.forEach(item => {
+                result.push({ item, depth });
+                if (item.expanded && item.items.length) {
+                    visit(item.items, depth + 1);
+                }
+            });
+        };
+        visit(outlineItems, 0);
+        return result;
+    };
+    const renderNavList = () => {
+        navList.replaceChildren();
+        navList.className = navMode === 'pages' ? 'pdf-page-list' : 'pdf-outline-list';
+        if (navMode === 'pages') {
+            for (let page = 1; page <= pageCount; page += 1) {
+                const button = createElement(documentRef, 'button', 'pdf-page-button');
+                button.type = 'button';
+                button.classList.toggle('pdf-page-button--active', page === currentPage);
+                button.append(createElement(documentRef, 'span', 'pdf-page-thumb', String(page)), createElement(documentRef, 'span', 'pdf-page-label', `第 ${page} 页`));
+                button.addEventListener('click', () => goToPage(page));
+                navList.append(button);
+            }
+            return;
+        }
+        const entries = flattenedOutlineItems();
+        entries.forEach(entry => {
+            const button = createElement(documentRef, 'button', 'pdf-outline-button');
+            button.type = 'button';
+            button.style.setProperty('--outline-depth', String(entry.depth));
+            const toggle = createElement(documentRef, 'span', 'pdf-outline-toggle');
+            toggle.classList.toggle('pdf-outline-toggle--open', entry.item.expanded);
+            toggle.classList.toggle('pdf-outline-toggle--empty', !entry.item.items.length);
+            toggle.setAttribute('aria-hidden', 'true');
+            toggle.addEventListener('click', event => {
+                event.stopPropagation();
+                toggleOutlineItem(entry.item);
+            });
+            button.append(toggle, createElement(documentRef, 'span', 'pdf-outline-title', entry.item.title));
+            button.addEventListener('click', () => goToOutlineItem(entry.item));
+            navList.append(button);
+        });
+        if (!entries.length) {
+            navList.append(createElement(documentRef, 'div', 'pdf-outline-empty', '当前 PDF 没有可用目录'));
+        }
+    };
+    const syncUi = () => {
+        root.classList.toggle('pdf-shell--nav-hidden', !navigationEnabled || !navVisible);
+        root.classList.toggle('pdf-shell--toolbar-hidden', !toolbarVisible);
+        navToggleButton.classList.toggle('pdf-icon-button--active', navVisible);
+        navToggleButton.setAttribute('aria-pressed', String(navVisible));
+        navPane.hidden = !navigationEnabled || !navVisible;
+        pagesTab.classList.toggle('active', navMode === 'pages');
+        outlineTab.classList.toggle('active', navMode === 'outline');
+        pagesTab.setAttribute('aria-selected', navMode === 'pages' ? 'true' : 'false');
+        outlineTab.setAttribute('aria-selected', navMode === 'outline' ? 'true' : 'false');
+        navTitle.textContent = navMode === 'pages' ? '页面导航' : '目录导航';
+        navCount.textContent = navMode === 'pages' ? `${pageCount} 页` : `${outlineCount()} 项`;
+        pageMeterCurrent.textContent = String(currentPage);
+        pageMeterTotal.textContent = `/ ${pageCount || '-'}`;
+        scaleButton.textContent = scaleText();
+        rotationMeter.textContent = rotationText();
+        previousPageButton.disabled = !canGoPrevious();
+        nextPageButton.disabled = !canGoNext();
+        zoomOutButton.disabled = !canZoomOut();
+        zoomInButton.disabled = !canZoomIn();
+        stateNode.hidden = loadStatus === 'ready';
+        stateNode.classList.toggle('pdf-state--error', loadStatus === 'error');
+        stateNode.textContent = loadStatus === 'error' ? errorMessage : '正在加载 PDF...';
+        renderNavList();
+    };
+    const createPdfWorker = () => {
+        if (!(targetWindow === null || targetWindow === void 0 ? void 0 : targetWindow.Worker)) {
+            return null;
+        }
+        GlobalWorkerOptions.workerSrc = resolvePdfWorkerUrl(options, documentRef.URL || undefined);
+        try {
+            return PdfJsWorker.create({ name: 'file-viewer-pdf-worker' });
+        }
+        catch (error) {
+            console.warn('[file-viewer] PDF Worker 无法创建，回退到 PDF.js 默认加载策略。', error);
+            return null;
+        }
+    };
+    const resolvePdfSearchWaiters = (state) => {
+        const waiters = pdfSearchWaiters;
+        pdfSearchWaiters = [];
+        waiters.forEach(waiter => {
+            targetWindow.clearTimeout(waiter.timer);
+            waiter.resolve(state);
+        });
+    };
+    const readPdfMatchesCount = () => {
+        var _a;
+        const findController = pdfContext.findController;
+        if (!findController) {
+            return { current: 0, total: 0 };
+        }
+        const pageMatches = findController.pageMatches || [];
+        const selected = findController.selected;
+        const total = pageMatches.reduce((sum, matches) => sum + ((matches === null || matches === void 0 ? void 0 : matches.length) || 0), 0);
+        let current = 0;
+        if (selected && selected.pageIdx >= 0 && selected.matchIdx >= 0 && total > 0) {
+            for (let index = 0; index < selected.pageIdx; index += 1) {
+                current += ((_a = pageMatches[index]) === null || _a === void 0 ? void 0 : _a.length) || 0;
+            }
+            current += selected.matchIdx + 1;
+        }
+        return { current, total };
+    };
+    const commitPdfSearchState = (matchesCount = readPdfMatchesCount(), query = pdfContext.search, shouldResolve = false) => {
+        var _a;
+        pdfMatchesCount = matchesCount;
+        const current = Math.max(0, matchesCount.current || 0);
+        const total = Math.max(0, matchesCount.total || 0);
+        const selected = (_a = pdfContext.findController) === null || _a === void 0 ? void 0 : _a.selected;
+        const page = selected && selected.pageIdx >= 0 ? selected.pageIdx + 1 : undefined;
+        pdfSearchState = {
+            query,
+            total,
+            currentIndex: current > 0 ? current - 1 : -1,
+            current: current > 0
+                ? {
+                    id: `pdf-search-match-${current}`,
+                    index: current - 1,
+                    text: query,
+                    anchor: null,
+                    page,
+                }
+                : null,
+            matches: [],
+        };
+        if (shouldResolve) {
+            resolvePdfSearchWaiters(pdfSearchState);
+        }
+        return pdfSearchState;
+    };
+    const waitForPdfSearchState = (query) => new Promise(resolve => {
+        const timer = targetWindow.setTimeout(() => {
+            const waiterIndex = pdfSearchWaiters.findIndex(waiter => waiter.resolve === resolve);
+            if (waiterIndex >= 0) {
+                pdfSearchWaiters.splice(waiterIndex, 1);
+            }
+            resolve(commitPdfSearchState(readPdfMatchesCount(), query));
+        }, 1200);
+        pdfSearchWaiters.push({ resolve, timer });
+    });
+    const handlePdfFindMatchesCount = (event) => {
+        if (event.matchesCount) {
+            commitPdfSearchState(event.matchesCount, pdfContext.search);
+        }
+    };
+    const handlePdfFindControlState = (event) => {
+        var _a;
+        const query = typeof event.rawQuery === 'string' ? event.rawQuery : pdfContext.search;
+        pdfContext.search = query;
+        const matchesCount = ((_a = event.matchesCount) === null || _a === void 0 ? void 0 : _a.total) ? event.matchesCount : readPdfMatchesCount();
+        const shouldResolve = event.state !== 3 && (matchesCount.total > 0 || event.state === 1);
+        commitPdfSearchState(matchesCount, query, shouldResolve);
+    };
+    const clampHorizontalScroll = (scrollLeft) => {
+        const maxScrollLeft = Math.max(0, container.scrollWidth - container.clientWidth);
+        return Math.min(Math.max(0, scrollLeft), maxScrollLeft);
+    };
+    const restoreHorizontalScroll = (scrollLeft) => {
+        container.scrollLeft = clampHorizontalScroll(scrollLeft);
+    };
+    const stabilizeHorizontalScroll = (scrollLeft) => {
+        restoreHorizontalScroll(scrollLeft);
+        void waitForPaint(targetWindow).then(() => restoreHorizontalScroll(scrollLeft));
+        targetWindow.requestAnimationFrame(() => {
+            restoreHorizontalScroll(scrollLeft);
+            targetWindow.requestAnimationFrame(() => restoreHorizontalScroll(scrollLeft));
+        });
+        targetWindow.setTimeout(() => restoreHorizontalScroll(scrollLeft), 120);
+    };
+    const runPdfFind = async (query, searchOptionsInput, type, findPrevious = false) => {
+        if (!pdfContext.eventBus) {
+            return commitPdfSearchState({ current: 0, total: 0 }, query);
+        }
+        pdfContext.search = query;
+        pdfSearchOptions = searchOptionsInput || pdfSearchOptions;
+        const searchOptions = searchOptionsInput || pdfSearchOptions;
+        const previousScrollLeft = clampHorizontalScroll(container.scrollLeft || 0);
+        pdfContext.eventBus.dispatch('find', {
+            source: root,
+            type,
+            query,
+            phraseSearch: true,
+            caseSensitive: !!(searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.caseSensitive),
+            entireWord: !!(searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.wholeWord),
+            highlightAll: true,
+            findPrevious,
+            matchDiacritics: false,
+        });
+        try {
+            return await waitForPdfSearchState(query);
+        }
+        finally {
+            stabilizeHorizontalScroll(previousScrollLeft);
+        }
+    };
+    const clearPdfFind = () => {
+        var _a;
+        pdfContext.search = '';
+        pdfSearchOptions = undefined;
+        pdfMatchesCount = { current: 0, total: 0 };
+        (_a = pdfContext.eventBus) === null || _a === void 0 ? void 0 : _a.dispatch('findbarclose', {
+            source: root,
+        });
+        return commitPdfSearchState(pdfMatchesCount, '', true);
+    };
+    const getPdfZoomState = () => ({
+        scale: currentScale,
+        label: scaleText(),
+        canZoomIn: !!pdfContext.viewer && canZoomIn(),
+        canZoomOut: !!pdfContext.viewer && canZoomOut(),
+        canReset: !!pdfContext.viewer,
+        minScale: MIN_SCALE,
+        maxScale: MAX_SCALE,
+    });
+    const setScale = (scale) => {
+        if (!pdfContext.viewer) {
+            return;
+        }
+        const normalizedScale = clampScale(scale);
+        pdfContext.viewer.currentScale = normalizedScale;
+        currentScale = normalizedScale;
+        zoomEmitter.emit();
+        syncUi();
+    };
+    const getPageWidthAtScaleOne = (pdfViewer) => {
+        var _a;
+        const pageView = pdfViewer.getPageView(0);
+        const pdfPage = pageView === null || pageView === void 0 ? void 0 : pageView.pdfPage;
+        if (pdfPage) {
+            return pdfPage.getViewport({
+                scale: PixelsPerInch.PDF_TO_CSS_UNITS,
+                rotation: currentRotation,
+            }).width;
+        }
+        const viewportWidth = (_a = pageView === null || pageView === void 0 ? void 0 : pageView.viewport) === null || _a === void 0 ? void 0 : _a.width;
+        if (viewportWidth && currentScale) {
+            return viewportWidth / currentScale;
+        }
+        return 0;
+    };
+    const getFitWidthScale = (pdfViewer) => {
+        const pageWidth = getPageWidthAtScaleOne(pdfViewer);
+        const containerWidth = container.clientWidth || targetWindow.innerWidth;
+        const availableWidth = Math.max(containerWidth - FIT_HORIZONTAL_PADDING - PAGE_BORDER_WIDTH, 96);
+        return pageWidth ? clampScale(availableWidth / pageWidth) : 1;
+    };
+    const fitToWidth = () => {
+        if (!pdfContext.viewer) {
+            return;
+        }
+        autoFitWidth = true;
+        setScale(getFitWidthScale(pdfContext.viewer));
+        void waitForPaint(targetWindow).then(() => {
+            var _a;
+            (_a = pdfContext.viewer) === null || _a === void 0 ? void 0 : _a.update();
+        });
+    };
+    const scheduleFitToWidth = () => {
+        if (!autoFitWidth || !pdfContext.viewer) {
+            return;
+        }
+        targetWindow.cancelAnimationFrame(fitFrame);
+        fitFrame = targetWindow.requestAnimationFrame(() => fitToWidth());
+    };
+    const zoomIn = () => {
+        autoFitWidth = false;
+        setScale(currentScale + SCALE_STEP);
+    };
+    const zoomOut = () => {
+        autoFitWidth = false;
+        setScale(currentScale - SCALE_STEP);
+    };
+    const applyRotation = (rotation) => {
+        const normalized = normalizeRotation(rotation);
+        currentRotation = normalized;
+        if (!pdfContext.viewer) {
+            syncUi();
+            return;
+        }
+        pdfContext.viewer.pagesRotation = normalized;
+        void waitForPaint(targetWindow).then(() => {
+            var _a;
+            if (autoFitWidth) {
+                fitToWidth();
+                return;
+            }
+            (_a = pdfContext.viewer) === null || _a === void 0 ? void 0 : _a.update();
+            syncUi();
+        });
+    };
+    const runWithStableHorizontalScroll = (action) => {
+        const previousScrollLeft = clampHorizontalScroll(container.scrollLeft || 0);
+        const result = action();
+        stabilizeHorizontalScroll(previousScrollLeft);
+        if (result && typeof result.then === 'function') {
+            void Promise.resolve(result).finally(() => stabilizeHorizontalScroll(previousScrollLeft));
+        }
+    };
+    function goToPage(pageNumber) {
+        if (!pdfContext.viewer || !pageCount) {
+            return;
+        }
+        const nextPage = Math.min(pageCount, Math.max(1, pageNumber));
+        runWithStableHorizontalScroll(() => {
+            pdfContext.viewer.currentPageNumber = nextPage;
+            currentPage = nextPage;
+            syncUi();
+        });
+    }
+    const toggleNav = () => {
+        if (!navigationEnabled) {
+            return;
+        }
+        navVisible = !navVisible;
+        syncUi();
+        void waitForPaint(targetWindow).then(() => {
+            var _a;
+            if (autoFitWidth) {
+                fitToWidth();
+                return;
+            }
+            (_a = pdfContext.viewer) === null || _a === void 0 ? void 0 : _a.update();
+        });
+    };
+    const setNavMode = (mode) => {
+        navMode = mode;
+        syncUi();
+    };
+    const toggleOutlineItem = (item) => {
+        if (!item.items.length) {
+            return;
+        }
+        item.expanded = !item.expanded;
+        syncUi();
+    };
+    const goToOutlineItem = (item) => {
+        if (!item.dest || !pdfContext.linkService) {
+            return;
+        }
+        runWithStableHorizontalScroll(() => pdfContext.linkService.goToDestination(item.dest));
+    };
+    const destroyPdfResource = async (resource) => {
+        var _a;
+        if (!resource) {
+            return;
+        }
+        try {
+            await resource.loadingTask.destroy();
+        }
+        catch (error) {
+            console.warn('PDF 加载任务销毁失败', error);
+        }
+        finally {
+            (_a = resource.worker) === null || _a === void 0 ? void 0 : _a.destroy();
+        }
+    };
+    const loadOutline = async (pdfDocument) => {
+        try {
+            const outline = await pdfDocument.getOutline();
+            if (destroyed || pdfContext.document !== pdfDocument) {
+                return;
+            }
+            outlineItems = Array.isArray(outline)
+                ? buildOutlineItems(outline)
+                : [];
+            syncUi();
+        }
+        catch (error) {
+            console.warn('PDF 大纲读取失败', error);
+            outlineItems = [];
+            syncUi();
+        }
+    };
+    const getPdfExportRatio = (width, height, mode) => {
+        const preferredRatio = mode === 'print' ? 1.75 : 1.5;
+        const maxRatio = Math.sqrt(PDF_EXPORT_MAX_PAGE_PIXELS / Math.max(width * height, 1));
+        return Math.max(0.75, Math.min(preferredRatio, maxRatio));
+    };
+    const getPdfPrintPageSize = async (pageNumber = 1) => {
+        var _a, _b;
+        const pdfDocument = pdfContext.document;
+        if (!pdfDocument) {
+            throw new Error('PDF 尚未加载完成，请稍后再试');
+        }
+        const page = await pdfDocument.getPage(Math.min(Math.max(pageNumber, 1), pdfDocument.numPages));
+        const viewport = page.getViewport({
+            scale: PixelsPerInch.PDF_TO_CSS_UNITS,
+            rotation: currentRotation,
+        });
+        (_b = (_a = page).cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
+        return {
+            width: Math.ceil(viewport.width),
+            height: Math.ceil(viewport.height),
+        };
+    };
+    const buildPdfPrintStyle = async () => {
+        const size = await getPdfPrintPageSize();
+        return buildPrintPageStyle({
+            selector: '.viewer-export-content .pdf-export-page',
+            width: size.width,
+            height: size.height,
+        });
+    };
+    const renderPdfPagesForExport = async (exportOptions) => {
+        var _a, _b;
+        const pdfDocument = pdfContext.document;
+        if (!pdfDocument) {
+            throw new Error('PDF 尚未加载完成，请稍后再试');
+        }
+        const pagesHtml = [];
+        for (let pageNumber = 1; pageNumber <= pdfDocument.numPages; pageNumber += 1) {
+            if (destroyed) {
+                throw new Error('PDF 已卸载，无法继续打印');
+            }
+            const page = await pdfDocument.getPage(pageNumber);
+            const baseViewport = page.getViewport({
+                scale: PixelsPerInch.PDF_TO_CSS_UNITS,
+                rotation: currentRotation,
+            });
+            const pageWidth = Math.ceil(baseViewport.width);
+            const pageHeight = Math.ceil(baseViewport.height);
+            const exportRatio = getPdfExportRatio(baseViewport.width, baseViewport.height, exportOptions.mode);
+            const renderViewport = page.getViewport({
+                scale: PixelsPerInch.PDF_TO_CSS_UNITS * exportRatio,
+                rotation: currentRotation,
+            });
+            const canvas = documentRef.createElement('canvas');
+            const canvasContext = canvas.getContext('2d');
+            if (!canvasContext) {
+                throw new Error('当前浏览器无法创建 PDF 打印画布');
+            }
+            canvas.width = Math.ceil(renderViewport.width);
+            canvas.height = Math.ceil(renderViewport.height);
+            await page.render({ canvas, canvasContext, viewport: renderViewport }).promise;
+            const pageTitle = `${exportOptions.title} - 第 ${pageNumber} 页`;
+            const pageStyle = [
+                `--viewer-print-page-width:${formatCssPixels(pageWidth)}`,
+                `--viewer-print-page-height:${formatCssPixels(pageHeight)}`,
+                `width:${formatCssPixels(pageWidth)}`,
+                `height:${formatCssPixels(pageHeight)}`,
+            ].join(';');
+            pagesHtml.push(`<section class="pdf-export-page viewer-print-page" style="${pageStyle}" aria-label="${escapeAttribute(pageTitle)}"><img src="${canvas.toDataURL('image/png')}" alt="${escapeAttribute(pageTitle)}" /></section>`);
+            canvas.width = 0;
+            canvas.height = 0;
+            (_b = (_a = page).cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+        return `<div class="pdf-export-document">${pagesHtml.join('')}</div>`;
+    };
+    const loadFile = async () => {
+        var _a, _b;
+        const requestVersion = ++loadVersion;
+        loadStatus = 'loading';
+        errorMessage = '';
+        pdfContext.document = null;
+        outlineItems = [];
+        (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
+        syncUi();
+        let resource = null;
+        try {
+            if (destroyed || requestVersion !== loadVersion) {
+                return;
+            }
+            const eventBus = new EventBus();
+            const pdfLinkService = new PDFLinkService({ eventBus });
+            const pdfFindController = new PDFFindController({
+                eventBus,
+                linkService: pdfLinkService,
+                updateMatchesCountOnProgress: true,
+            });
+            const pdfViewer = new PDFViewer({
+                container,
+                eventBus,
+                linkService: pdfLinkService,
+                findController: pdfFindController,
+                l10n: new GenericL10n('zh-CN'),
+                enableAutoLinking: false,
+            });
+            pdfContext.viewer = pdfViewer;
+            pdfContext.linkService = pdfLinkService;
+            pdfContext.eventBus = eventBus;
+            pdfContext.findController = pdfFindController;
+            pdfLinkService.setViewer(pdfViewer);
+            eventBus.on('updatefindmatchescount', handlePdfFindMatchesCount);
+            eventBus.on('updatefindcontrolstate', handlePdfFindControlState);
+            eventBus.on('pagesinit', () => {
+                var _a;
+                applyRotation(currentRotation);
+                fitToWidth();
+                loadStatus = 'ready';
+                syncUi();
+                (_a = context === null || context === void 0 ? void 0 : context.onProgressiveRender) === null || _a === void 0 ? void 0 : _a.call(context);
+                if (pdfContext.search) {
+                    eventBus.dispatch('find', { type: '', query: pdfContext.search });
+                }
+            });
+            eventBus.on('pagechanging', ({ pageNumber }) => {
+                currentPage = pageNumber;
+                syncUi();
+            });
+            eventBus.on('scalechanging', ({ scale }) => {
+                currentScale = clampScale(scale);
+                zoomEmitter.emit();
+                syncUi();
+            });
+            if (!(context === null || context === void 0 ? void 0 : context.streamUrl) && !buffer.byteLength) {
+                throw new Error('PDF 缺少可读取的数据源');
+            }
+            const worker = createPdfWorker();
+            const source = (context === null || context === void 0 ? void 0 : context.streamUrl)
+                ? {
+                    url: context.streamUrl,
+                    rangeChunkSize: (options === null || options === void 0 ? void 0 : options.rangeChunkSize) || DEFAULT_PDF_RANGE_CHUNK_SIZE,
+                    withCredentials: (options === null || options === void 0 ? void 0 : options.withCredentials) === true,
+                }
+                : {
+                    data: buffer,
+                };
+            const loadingTask = getDocument({
+                ...source,
+                worker: worker || undefined,
+                cMapUrl: `https://npm.onmicrosoft.cn/pdfjs-dist@${version}/cmaps/`,
+                wasmUrl: `https://npm.onmicrosoft.cn/pdfjs-dist@${version}/wasm/`,
+                useWorkerFetch: true,
+                cMapPacked: true,
+                enableXfa: true,
+            });
+            resource = { loadingTask, worker };
+            pdfContext.resource = resource;
+            const pdfDocument = await loadingTask.promise;
+            if (destroyed || requestVersion !== loadVersion || pdfContext.resource !== resource) {
+                if (pdfContext.resource === resource) {
+                    pdfContext.resource = null;
+                    await destroyPdfResource(resource);
+                }
+                return;
+            }
+            pageCount = pdfDocument.numPages;
+            currentPage = 1;
+            pdfContext.document = pdfDocument;
+            (_b = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _b === void 0 ? void 0 : _b.call(context, {
+                includeDocumentStyles: false,
+                printStyle: buildPdfPrintStyle,
+                toHtml: renderPdfPagesForExport,
+            });
+            void loadOutline(pdfDocument);
+            pdfViewer.setDocument(pdfDocument);
+            pdfLinkService.setDocument(pdfDocument, null);
+            syncUi();
+        }
+        catch (error) {
+            if (pdfContext.resource === resource) {
+                pdfContext.resource = null;
+                void destroyPdfResource(resource);
+            }
+            if (destroyed || requestVersion !== loadVersion) {
+                return;
+            }
+            loadStatus = 'error';
+            errorMessage = error instanceof Error ? error.message : 'PDF 加载失败';
+            syncUi();
+        }
+    };
+    registerFileViewerSearchProvider(root, {
+        search: (query, searchOptions) => runPdfFind(query, searchOptions, '', false),
+        next: () => pdfContext.search
+            ? runPdfFind(pdfContext.search, undefined, 'again', false)
+            : pdfSearchState,
+        previous: () => pdfContext.search
+            ? runPdfFind(pdfContext.search, undefined, 'again', true)
+            : pdfSearchState,
+        clear: clearPdfFind,
+        getState: () => pdfSearchState,
+    });
+    registerFileViewerZoomProvider(root, {
+        zoomIn: () => {
+            zoomIn();
+            return getPdfZoomState();
+        },
+        zoomOut: () => {
+            zoomOut();
+            return getPdfZoomState();
+        },
+        resetZoom: () => {
+            fitToWidth();
+            return getPdfZoomState();
+        },
+        setZoom: scale => {
+            autoFitWidth = false;
+            setScale(scale);
+            return getPdfZoomState();
+        },
+        getState: getPdfZoomState,
+        subscribe: zoomEmitter.subscribe,
+    });
+    navToggleButton.addEventListener('click', toggleNav);
+    previousPageButton.addEventListener('click', () => goToPage(currentPage - 1));
+    nextPageButton.addEventListener('click', () => goToPage(currentPage + 1));
+    zoomOutButton.addEventListener('click', zoomOut);
+    zoomInButton.addEventListener('click', zoomIn);
+    scaleButton.addEventListener('click', fitToWidth);
+    rotateLeftButton.addEventListener('click', () => applyRotation(currentRotation - 90));
+    rotateRightButton.addEventListener('click', () => applyRotation(currentRotation + 90));
+    pagesTab.addEventListener('click', () => setNavMode('pages'));
+    outlineTab.addEventListener('click', () => setNavMode('outline'));
+    if (targetWindow.ResizeObserver) {
+        resizeObserver = new targetWindow.ResizeObserver(() => scheduleFitToWidth());
+        resizeObserver.observe(container);
+    }
+    syncUi();
+    void loadFile();
+    return {
+        $el: root,
+        unmount() {
+            var _a;
+            destroyed = true;
+            loadVersion += 1;
+            targetWindow.cancelAnimationFrame(fitFrame);
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+            resizeObserver = null;
+            unregisterFileViewerSearchProvider(root);
+            unregisterFileViewerZoomProvider(root);
+            outlineItems = [];
+            (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
+            const resource = pdfContext.resource;
+            pdfContext.viewer = null;
+            pdfContext.linkService = null;
+            pdfContext.eventBus = null;
+            pdfContext.findController = null;
+            pdfContext.document = null;
+            pdfContext.resource = null;
+            pdfSearchWaiters.forEach(waiter => targetWindow.clearTimeout(waiter.timer));
+            pdfSearchWaiters = [];
+            void destroyPdfResource(resource);
+            target.replaceChildren();
+        },
+    };
+}