@open-file-viewer/core 0.1.21 → 0.1.23

package/dist/index.js

@@ -602,7 +602,36 @@ var defaultMessages = {
     officeUnsupportedIntro: "\u5DF2\u8FDB\u5165 Office \u63D2\u4EF6\u3002{message}",
     officeUnsupportedSupportedFormats: "\u5F53\u524D\u7248\u672C\u4F18\u5148\u652F\u6301 docx\u3001rtf\u3001odt/fodt\u3001xlsx/xls/csv/ods\u3001pptx/ppsx\u3001odp/fodp \u7684\u57FA\u7840\u5185\u5BB9\u9884\u89C8\u3002",
     officeErrorWithMessage: "\u89E3\u6790\u5668\u8FD4\u56DE\uFF1A{message}",
-    officeErrorWithoutMessage: "\u89E3\u6790\u5668\u672A\u8FD4\u56DE\u5177\u4F53\u9519\u8BEF\u4FE1\u606F\u3002"
+    officeErrorWithoutMessage: "\u89E3\u6790\u5668\u672A\u8FD4\u56DE\u5177\u4F53\u9519\u8BEF\u4FE1\u606F\u3002",
+    officeConvertedTitle: "Office \u9AD8\u4FDD\u771F\u8F6C\u6362\u9884\u89C8",
+    officeConvertedPdfFailed: "Office \u8F6C\u6362\u540E\u7684 PDF \u65E0\u6CD5\u9884\u89C8",
+    pdfEncryptedTitle: "PDF \u5DF2\u52A0\u5BC6\uFF0C\u65E0\u6CD5\u5728\u7EBF\u9884\u89C8",
+    pdfEncryptedMessage: "\u8BF7\u4E0B\u8F7D\u540E\u4F7F\u7528\u5BC6\u7801\u6253\u5F00\uFF0C\u6216\u4E0A\u4F20\u89E3\u5BC6\u540E\u7684 PDF \u6587\u4EF6\u3002",
+    pdfPreviewFailedTitle: "PDF \u9884\u89C8\u5931\u8D25",
+    pdfCorruptedMessage: "\u8BE5 PDF \u6587\u4EF6\u53EF\u80FD\u5DF2\u635F\u574F\u6216\u683C\u5F0F\u65E0\u6548\u3002",
+    pdfCannotLoadMessage: "\u5F53\u524D\u6D4F\u89C8\u5668\u65E0\u6CD5\u52A0\u8F7D\u8BE5 PDF\u3002",
+    pdfDownload: "\u4E0B\u8F7D PDF",
+    pdfPageLoading: "\u9875\u9762 {page} \u52A0\u8F7D\u4E2D...",
+    pdfPageEmpty: "\u8BE5\u9875\u6CA1\u6709\u68C0\u6D4B\u5230\u53EF\u663E\u793A\u7684 PDF \u517C\u5BB9\u5185\u5BB9\u3002\u82E5\u8FD9\u662F Illustrator/AI \u6587\u4EF6\uFF0C\u53EF\u80FD\u53EA\u5305\u542B\u79C1\u6709\u7F16\u8F91\u6570\u636E\uFF0C\u5EFA\u8BAE\u5BFC\u51FA\u4E3A PDF/SVG/PNG \u540E\u9884\u89C8\u3002",
+    pdfPageRenderFailed: "\u65E0\u6CD5\u6E32\u67D3\u8BE5\u9875\u9762\u3002\u8BE5\u9875\u53EF\u80FD\u5305\u542B\u6D4F\u89C8\u5668 PDF \u5F15\u64CE\u6682\u4E0D\u652F\u6301\u7684\u56FE\u5F62\u3001\u5B57\u4F53\u6216\u538B\u7F29\u7279\u6027\u3002",
+    pdfPreviousPage: "\u4E0A\u4E00\u9875",
+    pdfNextPage: "\u4E0B\u4E00\u9875",
+    pdfPageInput: "\u5F53\u524D\u9875\u7801",
+    pdfPagePosition: "/ {total}",
+    pdfPageLabel: "\u7B2C {page} \u9875",
+    pdfSummaryPages: "\u9875\u6570",
+    pdfSummaryPageSizes: "\u9875\u9762\u5C3A\u5BF8",
+    pdfSummaryFit: "\u9002\u914D",
+    pdfSummaryActualSize: "\u539F\u59CB\u5927\u5C0F",
+    pdfSummaryFitWidth: "\u9002\u5408\u5BBD\u5EA6",
+    pdfSummaryZoom: "\u7F29\u653E",
+    imagePreviewFailedTitle: "\u56FE\u7247\u9884\u89C8\u5931\u8D25",
+    imagePreviewFailedMessage: "\u5F53\u524D\u6D4F\u89C8\u5668\u65E0\u6CD5\u76F4\u63A5\u663E\u793A\u8BE5\u56FE\u7247\uFF0C\u6587\u4EF6\u53EF\u80FD\u5DF2\u635F\u574F\u6216\u7F16\u7801\u6682\u4E0D\u53D7\u652F\u6301\u3002",
+    imageDownload: "\u4E0B\u8F7D\u56FE\u7247",
+    imageZoomOut: "\u7F29\u5C0F",
+    imageZoomIn: "\u653E\u5927",
+    imageRotate: "\u65CB\u8F6C\u56FE\u7247",
+    imageReset: "\u91CD\u7F6E\u56FE\u7247\u89C6\u56FE"
   },
   "en-US": {
     loading: "Loading preview...",
@@ -651,7 +680,36 @@ var defaultMessages = {
     officeUnsupportedIntro: "is handled by the Office plugin. {message}",
     officeUnsupportedSupportedFormats: "This version prioritizes basic previews for docx, rtf, odt/fodt, xlsx/xls/csv/ods, pptx/ppsx, and odp/fodp files.",
     officeErrorWithMessage: "Parser returned: {message}",
-    officeErrorWithoutMessage: "Parser did not return a specific error."
+    officeErrorWithoutMessage: "Parser did not return a specific error.",
+    officeConvertedTitle: "High-fidelity Office conversion preview",
+    officeConvertedPdfFailed: "The converted Office PDF could not be previewed",
+    pdfEncryptedTitle: "This PDF is encrypted and cannot be previewed online",
+    pdfEncryptedMessage: "Download and open it with the password, or upload a decrypted PDF file.",
+    pdfPreviewFailedTitle: "PDF preview failed",
+    pdfCorruptedMessage: "The PDF may be corrupted or use an invalid format.",
+    pdfCannotLoadMessage: "This browser could not load the PDF.",
+    pdfDownload: "Download PDF",
+    pdfPageLoading: "Loading page {page}...",
+    pdfPageEmpty: "No displayable PDF-compatible content was detected on this page. If this is an Illustrator/AI file, export it as PDF, SVG, or PNG before previewing.",
+    pdfPageRenderFailed: "This page could not be rendered. It may contain graphics, fonts, or compression features that the browser PDF engine does not support.",
+    pdfPreviousPage: "Previous page",
+    pdfNextPage: "Next page",
+    pdfPageInput: "Current page",
+    pdfPagePosition: "/ {total}",
+    pdfPageLabel: "Page {page}",
+    pdfSummaryPages: "Pages",
+    pdfSummaryPageSizes: "Page sizes",
+    pdfSummaryFit: "Fit",
+    pdfSummaryActualSize: "Actual size",
+    pdfSummaryFitWidth: "Fit width",
+    pdfSummaryZoom: "Zoom",
+    imagePreviewFailedTitle: "Image preview failed",
+    imagePreviewFailedMessage: "This browser cannot display the image. The file may be corrupted or use an unsupported encoding.",
+    imageDownload: "Download image",
+    imageZoomOut: "Zoom out",
+    imageZoomIn: "Zoom in",
+    imageRotate: "Rotate image",
+    imageReset: "Reset image view"
   }
 };
 function resolveMessages(options) {
@@ -756,12 +814,17 @@ function createViewer(options) {
     currentIndex = clampIndex(index, queue.length);
     await renderQueueItem(currentIndex);
   };
-  const toolbar = createToolbar(options.toolbar, viewport, {
-    getLength: () => queue.length,
-    next: () => goTo(currentIndex + 1),
-    previous: () => goTo(currentIndex - 1),
-    command: (command) => currentInstance?.command?.(command)
-  });
+  const toolbar = createToolbar(
+    options.toolbar,
+    viewport,
+    {
+      getLength: () => queue.length,
+      next: () => goTo(currentIndex + 1),
+      previous: () => goTo(currentIndex - 1),
+      command: (command) => currentInstance?.command?.(command)
+    },
+    options.locale || "en-US"
+  );
   if (toolbar) {
     host.append(toolbar.element);
   }
@@ -998,7 +1061,7 @@ function removeMediaListener(media, listener) {
   }
   media.removeListener?.(listener);
 }
-function createToolbar(toolbar, viewport, queue) {
+function createToolbar(toolbar, viewport, queue, locale) {
   if (!toolbar) {
     return void 0;
   }
@@ -1006,7 +1069,7 @@ function createToolbar(toolbar, viewport, queue) {
   const element = document.createElement("div");
   element.className = "ofv-toolbar";
   element.setAttribute("role", "toolbar");
-  element.setAttribute("aria-label", "File preview toolbar");
+  element.setAttribute("aria-label", defaultToolbarText[locale].ariaLabel);
   let file;
   let currentIndex = 0;
   let currentLength = queue.getLength();
@@ -1067,8 +1130,8 @@ function createToolbar(toolbar, viewport, queue) {
     }
     if (id === "previous" && queue.getLength() > 1) {
       previousButton = addButton(
-        getToolbarLabel(options, "previous"),
-        getToolbarTitle(options, "previous"),
+        getToolbarLabel(options, locale, "previous"),
+        getToolbarTitle(options, locale, "previous"),
         () => void queue.previous(),
         void 0,
         options.icons?.previous
@@ -1077,8 +1140,8 @@ function createToolbar(toolbar, viewport, queue) {
     }
     if (id === "next" && queue.getLength() > 1) {
       nextButton = addButton(
-        getToolbarLabel(options, "next"),
-        getToolbarTitle(options, "next"),
+        getToolbarLabel(options, locale, "next"),
+        getToolbarTitle(options, locale, "next"),
         () => void queue.next(),
         void 0,
         options.icons?.next
@@ -1092,27 +1155,27 @@ function createToolbar(toolbar, viewport, queue) {
       return;
     }
     if (id === "zoom-out" && options.zoom) {
-      addCommandButton(id, getToolbarLabel(options, id), getToolbarTitle(options, id), "zoom-out");
+      addCommandButton(id, getToolbarLabel(options, locale, id), getToolbarTitle(options, locale, id), "zoom-out");
       return;
     }
     if (id === "zoom-in" && options.zoom) {
-      addCommandButton(id, getToolbarLabel(options, id), getToolbarTitle(options, id), "zoom-in");
+      addCommandButton(id, getToolbarLabel(options, locale, id), getToolbarTitle(options, locale, id), "zoom-in");
       return;
     }
     if (id === "zoom-reset" && options.zoom) {
-      addCommandButton(id, getToolbarLabel(options, id), getToolbarTitle(options, id), "zoom-reset");
+      addCommandButton(id, getToolbarLabel(options, locale, id), getToolbarTitle(options, locale, id), "zoom-reset");
       zoomResetButton = commandButtons[commandButtons.length - 1]?.button;
       updateZoomLabel();
       return;
     }
     if (id === "rotate-right" && options.rotate) {
-      addCommandButton(id, getToolbarLabel(options, id), getToolbarTitle(options, id), "rotate-right");
+      addCommandButton(id, getToolbarLabel(options, locale, id), getToolbarTitle(options, locale, id), "rotate-right");
       return;
     }
     if (id === "download" && options.download !== false) {
       addButton(
-        getToolbarLabel(options, id),
-        getToolbarTitle(options, id),
+        getToolbarLabel(options, locale, id),
+        getToolbarTitle(options, locale, id),
         () => getContext().download(),
         void 0,
         options.icons?.download
@@ -1121,8 +1184,8 @@ function createToolbar(toolbar, viewport, queue) {
     }
     if (id === "fullscreen" && options.fullscreen !== false) {
       fullscreenButton = addButton(
-        getToolbarLabel(options, id),
-        getToolbarTitle(options, id),
+        getToolbarLabel(options, locale, id),
+        getToolbarTitle(options, locale, id),
         () => getContext().fullscreen(),
         void 0,
         options.icons?.fullscreen
@@ -1132,8 +1195,8 @@ function createToolbar(toolbar, viewport, queue) {
     }
     if (id === "print" && options.print) {
       addButton(
-        getToolbarLabel(options, id),
-        getToolbarTitle(options, id),
+        getToolbarLabel(options, locale, id),
+        getToolbarTitle(options, locale, id),
         () => getContext().print(),
         void 0,
         options.icons?.print
@@ -1159,11 +1222,11 @@ function createToolbar(toolbar, viewport, queue) {
   const renderSearchControl = () => {
     const searchGroup = document.createElement("div");
     searchGroup.className = "ofv-toolbar-search";
-    searchGroup.title = getToolbarTitle(options, "search");
+    searchGroup.title = getToolbarTitle(options, locale, "search");
     const nextSearchInput = document.createElement("input");
     nextSearchInput.type = "search";
-    nextSearchInput.placeholder = getToolbarLabel(options, "search");
-    nextSearchInput.setAttribute("aria-label", getToolbarTitle(options, "search"));
+    nextSearchInput.placeholder = getToolbarLabel(options, locale, "search");
+    nextSearchInput.setAttribute("aria-label", getToolbarTitle(options, locale, "search"));
     const nextSearchCount = document.createElement("span");
     nextSearchCount.className = "ofv-toolbar-search-count";
     searchInput = nextSearchInput;
@@ -1218,7 +1281,7 @@ function createToolbar(toolbar, viewport, queue) {
     }
     setToolbarButtonContent(
       zoomResetButton,
-      currentZoom === void 0 ? getToolbarLabel(options, "zoom-reset") : formatToolbarZoom(currentZoom),
+      currentZoom === void 0 ? getToolbarLabel(options, locale, "zoom-reset") : formatToolbarZoom(currentZoom),
       options.icons?.["zoom-reset"]
     );
   }
@@ -1241,8 +1304,8 @@ function createToolbar(toolbar, viewport, queue) {
     const active = isFullscreenActive();
     const id = active ? "exit-fullscreen" : "fullscreen";
     const icon = active ? options.icons?.["exit-fullscreen"] ?? options.icons?.fullscreen : options.icons?.fullscreen;
-    setToolbarButtonContent(fullscreenButton, getToolbarLabel(options, id), icon);
-    const title = getToolbarTitle(options, id);
+    setToolbarButtonContent(fullscreenButton, getToolbarLabel(options, locale, id), icon);
+    const title = getToolbarTitle(options, locale, id);
     fullscreenButton.title = title;
     fullscreenButton.setAttribute("aria-label", title);
     fullscreenButton.setAttribute("aria-pressed", String(active));
@@ -1366,39 +1429,75 @@ function createToolbarContext({
     clearSearch: search.clear
   };
 }
-var defaultToolbarLabels = {
-  previous: "Prev",
-  next: "Next",
-  queue: "",
-  "zoom-out": "-",
-  "zoom-in": "+",
-  "zoom-reset": "100%",
-  "rotate-right": "Rotate",
-  download: "Download",
-  fullscreen: "Fullscreen",
-  "exit-fullscreen": "Exit fullscreen",
-  print: "Print",
-  search: "Search"
-};
-var defaultToolbarTitles = {
-  previous: "Previous file",
-  next: "Next file",
-  queue: "Current file position",
-  "zoom-out": "Zoom out",
-  "zoom-in": "Zoom in",
-  "zoom-reset": "Reset zoom",
-  "rotate-right": "Rotate right",
-  download: "Download file",
-  fullscreen: "Open preview fullscreen",
-  "exit-fullscreen": "Exit fullscreen",
-  print: "Print preview",
-  search: "Search preview text"
+var defaultToolbarText = {
+  "zh-CN": {
+    ariaLabel: "\u6587\u4EF6\u9884\u89C8\u5DE5\u5177\u680F",
+    labels: {
+      previous: "\u4E0A\u4E00\u4E2A",
+      next: "\u4E0B\u4E00\u4E2A",
+      queue: "",
+      "zoom-out": "-",
+      "zoom-in": "+",
+      "zoom-reset": "100%",
+      "rotate-right": "\u65CB\u8F6C",
+      download: "\u4E0B\u8F7D",
+      fullscreen: "\u5168\u5C4F",
+      "exit-fullscreen": "\u9000\u51FA\u5168\u5C4F",
+      print: "\u6253\u5370",
+      search: "\u641C\u7D22"
+    },
+    titles: {
+      previous: "\u4E0A\u4E00\u4E2A\u6587\u4EF6",
+      next: "\u4E0B\u4E00\u4E2A\u6587\u4EF6",
+      queue: "\u5F53\u524D\u6587\u4EF6\u4F4D\u7F6E",
+      "zoom-out": "\u7F29\u5C0F",
+      "zoom-in": "\u653E\u5927",
+      "zoom-reset": "\u91CD\u7F6E\u7F29\u653E",
+      "rotate-right": "\u5411\u53F3\u65CB\u8F6C",
+      download: "\u4E0B\u8F7D\u6587\u4EF6",
+      fullscreen: "\u5168\u5C4F\u67E5\u770B\u9884\u89C8",
+      "exit-fullscreen": "\u9000\u51FA\u5168\u5C4F",
+      print: "\u6253\u5370\u9884\u89C8",
+      search: "\u641C\u7D22\u9884\u89C8\u6587\u672C"
+    }
+  },
+  "en-US": {
+    ariaLabel: "File preview toolbar",
+    labels: {
+      previous: "Prev",
+      next: "Next",
+      queue: "",
+      "zoom-out": "-",
+      "zoom-in": "+",
+      "zoom-reset": "100%",
+      "rotate-right": "Rotate",
+      download: "Download",
+      fullscreen: "Fullscreen",
+      "exit-fullscreen": "Exit fullscreen",
+      print: "Print",
+      search: "Search"
+    },
+    titles: {
+      previous: "Previous file",
+      next: "Next file",
+      queue: "Current file position",
+      "zoom-out": "Zoom out",
+      "zoom-in": "Zoom in",
+      "zoom-reset": "Reset zoom",
+      "rotate-right": "Rotate right",
+      download: "Download file",
+      fullscreen: "Open preview fullscreen",
+      "exit-fullscreen": "Exit fullscreen",
+      print: "Print preview",
+      search: "Search preview text"
+    }
+  }
 };
-function getToolbarLabel(options, id) {
-  return options.labels?.[id] ?? defaultToolbarLabels[id];
+function getToolbarLabel(options, locale, id) {
+  return options.labels?.[id] ?? defaultToolbarText[locale].labels[id];
 }
-function getToolbarTitle(options, id) {
-  return options.titles?.[id] ?? options.labels?.[id] ?? defaultToolbarTitles[id];
+function getToolbarTitle(options, locale, id) {
+  return options.titles?.[id] ?? options.labels?.[id] ?? defaultToolbarText[locale].titles[id];
 }
 function formatToolbarZoom(zoom) {
   return `${Math.round(zoom * 100)}%`;
@@ -1550,7 +1649,7 @@ function isSafeToolbarIconAttribute(name, value) {
   return !/^\s*(?:javascript|data:text\/html|vbscript):/i.test(value);
 }
 function isBuiltInToolbarAction(id) {
-  return id in defaultToolbarLabels;
+  return id in defaultToolbarText["en-US"].labels;
 }
 function createSearchController(root) {
   const markerClass = "ofv-search-match";
@@ -2121,7 +2220,7 @@ function imagePlugin() {
         infoBar.hidden = false;
         infoBar.removeAttribute("aria-hidden");
         infoBar.style.removeProperty("display");
-        stage.replaceChildren(createImageFallback(ctx.file.name, url));
+        stage.replaceChildren(createImageFallback(ctx.file.name, url, ctx.options.messages));
         ctx.toolbar?.refreshCommandSupport();
       };
       const setScale = (nextScale) => {
@@ -2146,13 +2245,13 @@ function imagePlugin() {
         return () => button.removeEventListener("click", action);
       };
       const disposers = showInlineControls ? [
-        addButton("-", "Zoom out", () => setScale(scale - 0.25)),
-        addButton("+", "Zoom in", () => setScale(scale + 0.25)),
-        addButton("Rotate", "Rotate image", () => {
+        addButton("-", ctx.options.messages.imageZoomOut, () => setScale(scale - 0.25)),
+        addButton("+", ctx.options.messages.imageZoomIn, () => setScale(scale + 0.25)),
+        addButton(ctx.options.messages.imageRotate, ctx.options.messages.imageRotate, () => {
           rotation += 90;
           updateTransform();
         }),
-        addButton("Reset", "Reset image view", reset)
+        addButton(ctx.options.messages.imageReset, ctx.options.messages.imageReset, reset)
       ] : [];
       if (showInlineControls) {
         controls.append(zoomLabel);
@@ -2367,17 +2466,17 @@ function getTiffDimensions(ifd) {
     height: Number(ifd.height || ifd.t257 || 0)
   };
 }
-function createImageFallback(fileName, url) {
+function createImageFallback(fileName, url, messages) {
   const fallback = document.createElement("div");
   fallback.className = "ofv-fallback";
   const title = document.createElement("strong");
-  title.textContent = "\u56FE\u7247\u9884\u89C8\u5931\u8D25";
+  title.textContent = messages.imagePreviewFailedTitle;
   const meta = document.createElement("span");
-  meta.textContent = "\u5F53\u524D\u6D4F\u89C8\u5668\u65E0\u6CD5\u76F4\u63A5\u663E\u793A\u8BE5\u56FE\u7247\uFF0C\u6587\u4EF6\u53EF\u80FD\u5DF2\u635F\u574F\u6216\u7F16\u7801\u6682\u4E0D\u53D7\u652F\u6301\u3002";
+  meta.textContent = messages.imagePreviewFailedMessage;
   const download = document.createElement("a");
   download.href = url;
   download.download = fileName;
-  download.textContent = "\u4E0B\u8F7D\u56FE\u7247";
+  download.textContent = messages.imageDownload;
   fallback.append(title, meta, download);
   return fallback;
 }
@@ -4738,17 +4837,20 @@ function pdfPlugin(options = {}) {
         fit: ctx.options.fit,
         zoom: ctx.options.zoom,
         toolbar: ctx.toolbar,
-        encryptedTitle: "PDF \u5DF2\u52A0\u5BC6\uFF0C\u65E0\u6CD5\u5728\u7EBF\u9884\u89C8",
-        encryptedMessage: "\u8BF7\u4E0B\u8F7D\u540E\u4F7F\u7528\u5BC6\u7801\u6253\u5F00\uFF0C\u6216\u4E0A\u4F20\u89E3\u5BC6\u540E\u7684 PDF \u6587\u4EF6\u3002",
-        encryptedAction: "\u4E0B\u8F7D PDF",
+        messages: ctx.options.messages,
         revokeUrlOnDestroy: true
       });
     }
   };
 }
 async function renderPdfDocumentPreview(options) {
+  const useLegacyCompatibility = shouldUseLegacyPdfCompatibility(options.compatibilityMode);
+  if (useLegacyCompatibility) {
+    installPromiseWithResolversPolyfill();
+  }
   const pdf = options.pdfjs || await import("pdfjs-dist");
-  configurePdfWorker(pdf, options.workerSrc);
+  const messages = { ...defaultMessages["en-US"], ...options.messages };
+  configurePdfWorker(pdf, options.workerSrc, useLegacyCompatibility);
   const viewer = document.createElement("div");
   viewer.className = "ofv-pdf-viewer";
   if (options.title) {
@@ -4777,10 +4879,10 @@ async function renderPdfDocumentPreview(options) {
       url: options.fileUrl
     };
     const fallback = isEncryptedError(error) ? createEncryptedFallback(fileLike, options.fileUrl, {
-      title: options.encryptedTitle || "PDF \u5DF2\u52A0\u5BC6\uFF0C\u65E0\u6CD5\u5728\u7EBF\u9884\u89C8",
-      message: options.encryptedMessage || "\u8BF7\u4E0B\u8F7D\u540E\u4F7F\u7528\u5BC6\u7801\u6253\u5F00\uFF0C\u6216\u4E0A\u4F20\u89E3\u5BC6\u540E\u7684 PDF \u6587\u4EF6\u3002",
-      action: options.encryptedAction || "\u4E0B\u8F7D PDF"
-    }) : createPdfFallback(options.fileName, options.fileUrl, normalizePdfError(error), options.fallbackTitle);
+      title: options.encryptedTitle || messages.pdfEncryptedTitle,
+      message: options.encryptedMessage || messages.pdfEncryptedMessage,
+      action: options.encryptedAction || messages.pdfDownload
+    }) : createPdfFallback(options.fileName, options.fileUrl, normalizePdfError(error, messages), messages, options.fallbackTitle);
     if (!fallback.classList.contains("ofv-pdf-web-fallback")) {
       options.viewport.classList.add("ofv-center");
     }
@@ -4847,8 +4949,43 @@ async function renderPdfDocumentPreview(options) {
   let currentSize = options.size;
   let zoomFactor = getInitialZoom({ options: { zoom: options.zoom ?? 1 } }, 0.25, 4);
   let rotation = 0;
+  let currentPage = 1;
+  const goToPage = (page, scroll = true) => {
+    currentPage = Math.min(pdfDocument.numPages, Math.max(1, Math.round(page) || 1));
+    pageNavigator.setCurrent(currentPage);
+    const wrapper = pageStates[currentPage - 1]?.wrapper;
+    if (!scroll || !wrapper) {
+      return;
+    }
+    const top = Math.max(0, wrapper.offsetTop - 16);
+    if (typeof scroller.scrollTo === "function") {
+      scroller.scrollTo({ top, behavior: "smooth" });
+    } else {
+      scroller.scrollTop = top;
+    }
+  };
+  const pageNavigator = createPdfPageNavigator(pdfDocument.numPages, messages, (page) => goToPage(page));
+  viewer.insertBefore(pageNavigator.element, summary);
+  const handleScrollerScroll = () => {
+    const scrollerRect = scroller.getBoundingClientRect();
+    const targetY = scrollerRect.top + Math.min(Math.max(scroller.clientHeight * 0.25, 40), 180);
+    let nearestPage = currentPage;
+    let nearestDistance = Number.POSITIVE_INFINITY;
+    pageStates.forEach((state, index) => {
+      const distance = Math.abs(state.wrapper.getBoundingClientRect().top - targetY);
+      if (distance < nearestDistance) {
+        nearestDistance = distance;
+        nearestPage = index + 1;
+      }
+    });
+    if (nearestPage !== currentPage) {
+      currentPage = nearestPage;
+      pageNavigator.setCurrent(currentPage);
+    }
+  };
+  scroller.addEventListener("scroll", handleScrollerScroll, { passive: true });
   const updateSummary = () => {
-    renderPdfSummary(summary, pdfDocument.numPages, pagesMeta, options.fit, zoomFactor);
+    renderPdfSummary(summary, pdfDocument.numPages, pagesMeta, options.fit, zoomFactor, messages);
     options.toolbar?.setZoom(zoomFactor);
   };
   const clearPage = (pageIdx) => {
@@ -4864,7 +5001,9 @@ async function renderPdfDocumentPreview(options) {
     state.canvas = null;
     state.rendered = false;
     state.wrapper.replaceChildren();
-    state.wrapper.append(createPageStatus("ofv-pdf-skeleton", `\u9875\u9762 ${pageIdx + 1} \u52A0\u8F7D\u4E2D...`));
+    state.wrapper.append(
+      createPageStatus("ofv-pdf-skeleton", formatPreviewMessage(messages.pdfPageLoading, { page: pageIdx + 1 }))
+    );
   };
   const renderPage = async (pageIdx, size) => {
     const state = pageStates[pageIdx];
@@ -4932,7 +5071,7 @@ async function renderPdfDocumentPreview(options) {
         state.wrapper.appendChild(
           createPageStatus(
             "ofv-pdf-empty",
-            "\u8BE5\u9875\u6CA1\u6709\u68C0\u6D4B\u5230\u53EF\u663E\u793A\u7684 PDF \u517C\u5BB9\u5185\u5BB9\u3002\u82E5\u8FD9\u662F Illustrator/AI \u6587\u4EF6\uFF0C\u53EF\u80FD\u53EA\u5305\u542B\u79C1\u6709\u7F16\u8F91\u6570\u636E\uFF0C\u5EFA\u8BAE\u5BFC\u51FA\u4E3A PDF/SVG/PNG \u540E\u9884\u89C8\u3002"
+            messages.pdfPageEmpty
           )
         );
       }
@@ -4940,7 +5079,7 @@ async function renderPdfDocumentPreview(options) {
       console.error(`Failed to render PDF page ${pageIdx + 1}:`, err);
       state.rendered = false;
       state.wrapper.replaceChildren(
-        createPageStatus("ofv-pdf-error", "\u65E0\u6CD5\u6E32\u67D3\u8BE5\u9875\u9762\u3002\u8BE5\u9875\u53EF\u80FD\u5305\u542B\u6D4F\u89C8\u5668 PDF \u5F15\u64CE\u6682\u4E0D\u652F\u6301\u7684\u56FE\u5F62\u3001\u5B57\u4F53\u6216\u538B\u7F29\u7279\u6027\u3002")
+        createPageStatus("ofv-pdf-error", messages.pdfPageRenderFailed)
       );
     }
   };
@@ -4981,9 +5120,10 @@ async function renderPdfDocumentPreview(options) {
       const wrapper = document.createElement("div");
       wrapper.className = "ofv-pdf-page-wrapper";
       wrapper.setAttribute("data-page-index", String(i));
+      wrapper.setAttribute("aria-label", formatPreviewMessage(messages.pdfPageLabel, { page: i + 1 }));
       wrapper.style.width = `${w}px`;
       wrapper.style.height = `${h}px`;
-      wrapper.append(createPageStatus("ofv-pdf-skeleton", `\u9875\u9762 ${i + 1} \u52A0\u8F7D\u4E2D...`));
+      wrapper.append(createPageStatus("ofv-pdf-skeleton", formatPreviewMessage(messages.pdfPageLoading, { page: i + 1 })));
       scroller.appendChild(wrapper);
       pageStates.push({
         wrapper,
@@ -5005,6 +5145,7 @@ async function renderPdfDocumentPreview(options) {
         }
       }, 0);
     }
+    goToPage(currentPage, false);
   };
   renderLayout(options.size);
   let resizeTimer;
@@ -5045,6 +5186,8 @@ async function renderPdfDocumentPreview(options) {
     },
     destroy() {
       options.toolbar?.setZoom(void 0);
+      pageNavigator.destroy();
+      scroller.removeEventListener("scroll", handleScrollerScroll);
       window.clearTimeout(resizeTimer);
       observer?.disconnect();
       pageStates.forEach((state) => {
@@ -5090,15 +5233,15 @@ function getPdfAvailableWidth(width) {
   const gutter = width < 160 ? 16 : 32;
   return Math.max(1, width - gutter);
 }
-function renderPdfSummary(summary, pages, pagesMeta, fit, zoomFactor) {
+function renderPdfSummary(summary, pages, pagesMeta, fit, zoomFactor, messages) {
   summary.replaceChildren();
-  appendPdfSummary(summary, "\u9875\u6570", String(pages));
+  appendPdfSummary(summary, messages.pdfSummaryPages, String(pages));
   const pageSizes = formatPdfPageSizes(pagesMeta);
   if (pageSizes) {
-    appendPdfSummary(summary, "\u9875\u9762\u5C3A\u5BF8", pageSizes);
+    appendPdfSummary(summary, messages.pdfSummaryPageSizes, pageSizes);
   }
-  appendPdfSummary(summary, "\u9002\u914D", fit === "actual" ? "\u539F\u59CB\u5927\u5C0F" : "\u9002\u5408\u5BBD\u5EA6");
-  appendPdfSummary(summary, "\u7F29\u653E", `${Math.round(zoomFactor * 100)}%`);
+  appendPdfSummary(summary, messages.pdfSummaryFit, fit === "actual" ? messages.pdfSummaryActualSize : messages.pdfSummaryFitWidth);
+  appendPdfSummary(summary, messages.pdfSummaryZoom, `${Math.round(zoomFactor * 100)}%`);
 }
 function appendPdfSummary(parent, label, value) {
   const item = document.createElement("span");
@@ -5188,7 +5331,7 @@ function createPageStatus(className, text) {
   status.textContent = text;
   return status;
 }
-function createPdfFallback(fileName, url, message, titleText = "PDF \u9884\u89C8\u5931\u8D25") {
+function createPdfFallback(fileName, url, message, messages, titleText = messages.pdfPreviewFailedTitle) {
   if (isEmbeddableRemoteUrl(url)) {
     return createPdfWebFallback(fileName, url);
   }
@@ -5201,7 +5344,7 @@ function createPdfFallback(fileName, url, message, titleText = "PDF \u9884\u89C8
   const download = document.createElement("a");
   download.href = url;
   download.download = fileName;
-  download.textContent = "\u4E0B\u8F7D PDF";
+  download.textContent = messages.pdfDownload;
   fallback.append(title, meta, download);
   return fallback;
 }
@@ -5220,23 +5363,109 @@ function createPdfWebFallback(fileName, url) {
 function isEmbeddableRemoteUrl(url) {
   return /^https?:\/\//i.test(url);
 }
-function normalizePdfError(error) {
+function normalizePdfError(error, messages) {
   const message = error instanceof Error ? error.message : String(error || "");
   const name = typeof error === "object" && error !== null && "name" in error ? String(error.name) : "";
   const lower = `${name} ${message}`.toLowerCase();
   if (lower.includes("invalid") || lower.includes("missing") || lower.includes("corrupt")) {
-    return "\u8BE5 PDF \u6587\u4EF6\u53EF\u80FD\u5DF2\u635F\u574F\u6216\u683C\u5F0F\u65E0\u6548\u3002";
+    return messages.pdfCorruptedMessage;
   }
-  return "\u5F53\u524D\u6D4F\u89C8\u5668\u65E0\u6CD5\u52A0\u8F7D\u8BE5 PDF\u3002";
+  return messages.pdfCannotLoadMessage;
+}
+function createPdfPageNavigator(total, messages, onChange) {
+  const element = document.createElement("div");
+  element.className = "ofv-pdf-page-navigator";
+  const previous = document.createElement("button");
+  previous.type = "button";
+  previous.textContent = "\u2039";
+  previous.title = messages.pdfPreviousPage;
+  previous.setAttribute("aria-label", messages.pdfPreviousPage);
+  const input = document.createElement("input");
+  input.type = "number";
+  input.min = "1";
+  input.max = String(total);
+  input.value = "1";
+  input.inputMode = "numeric";
+  input.setAttribute("aria-label", messages.pdfPageInput);
+  const position = document.createElement("span");
+  position.textContent = formatPreviewMessage(messages.pdfPagePosition, { total });
+  const next = document.createElement("button");
+  next.type = "button";
+  next.textContent = "\u203A";
+  next.title = messages.pdfNextPage;
+  next.setAttribute("aria-label", messages.pdfNextPage);
+  const commit = () => onChange(Number(input.value));
+  const handleKeydown = (event) => {
+    if (event.key === "Enter") {
+      commit();
+    }
+  };
+  const handlePrevious = () => onChange(Number(input.value) - 1);
+  const handleNext = () => onChange(Number(input.value) + 1);
+  input.addEventListener("change", commit);
+  input.addEventListener("keydown", handleKeydown);
+  previous.addEventListener("click", handlePrevious);
+  next.addEventListener("click", handleNext);
+  element.append(previous, input, position, next);
+  return {
+    element,
+    setCurrent(page) {
+      input.value = String(page);
+      previous.disabled = page <= 1;
+      next.disabled = page >= total;
+    },
+    destroy() {
+      input.removeEventListener("change", commit);
+      input.removeEventListener("keydown", handleKeydown);
+      previous.removeEventListener("click", handlePrevious);
+      next.removeEventListener("click", handleNext);
+    }
+  };
 }
-function configurePdfWorker(pdf, workerSrc) {
+function configurePdfWorker(pdf, workerSrc, legacy = false) {
   if (workerSrc) {
     pdf.GlobalWorkerOptions.workerSrc = workerSrc;
     return;
   }
   if (!pdf.GlobalWorkerOptions.workerSrc && typeof window !== "undefined") {
-    pdf.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdf.version}/build/pdf.worker.mjs`;
+    const build = legacy ? "legacy/build" : "build";
+    pdf.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdf.version}/${build}/pdf.worker.mjs`;
+  }
+}
+function shouldUseLegacyPdfCompatibility(mode = "auto") {
+  if (mode === "legacy") {
+    return true;
+  }
+  if (mode === "modern") {
+    return false;
+  }
+  const promise = Promise;
+  if (typeof promise.withResolvers !== "function") {
+    return true;
+  }
+  if (typeof navigator === "undefined") {
+    return false;
   }
+  return /(?:QIHU|360SE|360EE)/i.test(navigator.userAgent);
+}
+function installPromiseWithResolversPolyfill() {
+  const promise = Promise;
+  if (typeof promise.withResolvers === "function") {
+    return;
+  }
+  Object.defineProperty(promise, "withResolvers", {
+    configurable: true,
+    writable: true,
+    value: () => {
+      let resolve;
+      let reject;
+      const pending = new Promise((resolvePromise, rejectPromise) => {
+        resolve = resolvePromise;
+        reject = rejectPromise;
+      });
+      return { promise: pending, resolve, reject };
+    }
+  });
 }
 
 // src/plugins/epub.ts
@@ -7631,8 +7860,9 @@ async function renderConvertedOfficePreview(panel, ctx, options, conversionConte
     fit: ctx.options.fit,
     zoom: ctx.options.zoom,
     toolbar: ctx.toolbar,
-    title: "Office \u9AD8\u4FDD\u771F\u8F6C\u6362\u9884\u89C8",
-    fallbackTitle: "Office \u8F6C\u6362\u540E\u7684 PDF \u65E0\u6CD5\u9884\u89C8",
+    messages: ctx.options.messages,
+    title: ctx.options.messages.officeConvertedTitle,
+    fallbackTitle: ctx.options.messages.officeConvertedPdfFailed,
     revokeUrlOnDestroy: converted.revokeUrlOnDestroy
   });
 }
@@ -9414,6 +9644,9 @@ function renderChartCard(chart) {
 function renderChartSvg(chart) {
   const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   svg.setAttribute("viewBox", "0 0 640 380");
+  svg.setAttribute("preserveAspectRatio", "xMidYMid meet");
+  svg.setAttribute("text-rendering", "geometricPrecision");
+  svg.setAttribute("shape-rendering", "geometricPrecision");
   svg.setAttribute("role", "img");
   svg.setAttribute("aria-label", chart.title);
   svg.classList.add("ofv-chart-svg");
@@ -9459,16 +9692,7 @@ function renderChartSvg(chart) {
     const clusterWidth = groupWidth * 0.58;
     const barWidth = Math.max(5, Math.min(28, clusterWidth / Math.max(1, chart.series.length)));
     const zeroY = plot.y + plot.height - (0 - axisMin) / (axisMax - axisMin || 1) * plot.height;
-    categories.slice(0, categoryCount).forEach((category, index) => {
-      const x = plot.x + groupWidth * (index + 0.5);
-      const label = appendSvg(svg, "text", {
-        x: Number(x.toFixed(1)),
-        y: plot.y + plot.height + 22,
-        class: "ofv-chart-label",
-        "text-anchor": "middle"
-      });
-      label.textContent = truncateChartLabel(category);
-    });
+    appendChartCategoryLabels(svg, categories, plot, (index) => plot.x + groupWidth * (index + 0.5));
     chart.series.forEach((series, seriesIndex) => {
       const color = series.color || colors[seriesIndex % colors.length];
       series.values.forEach((value, index) => {
@@ -9486,6 +9710,8 @@ function renderChartSvg(chart) {
       });
     });
   } else {
+    const categoryStep = categories.length > 1 ? plot.width / (categories.length - 1) : plot.width;
+    appendChartCategoryLabels(svg, categories, plot, (index) => plot.x + index * categoryStep);
     chart.series.forEach((series, seriesIndex) => {
       const color = series.color || colors[seriesIndex % colors.length];
       const step = series.values.length > 1 ? plot.width / (series.values.length - 1) : plot.width;
@@ -9510,6 +9736,22 @@ function renderChartSvg(chart) {
   appendChartLegend(svg, chart, colors, 348);
   return svg;
 }
+function appendChartCategoryLabels(svg, categories, plot, getX) {
+  const interval = Math.max(1, Math.ceil(categories.length / 14));
+  categories.forEach((category, index) => {
+    if (index % interval !== 0 && index !== categories.length - 1) {
+      return;
+    }
+    const label = appendSvg(svg, "text", {
+      x: Number(getX(index).toFixed(1)),
+      y: plot.y + plot.height + 22,
+      class: "ofv-chart-label ofv-chart-category-label",
+      "data-axis": "category",
+      "text-anchor": "middle"
+    });
+    label.textContent = truncateChartLabel(category);
+  });
+}
 function appendChartLegend(svg, chart, colors, y) {
   const itemWidth = 86;
   const startX = 320 - chart.series.length * itemWidth / 2;