@open-file-viewer/core 0.1.22 → 0.1.24

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) {
@@ -2162,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) => {
@@ -2187,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);
@@ -2408,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;
 }
@@ -4180,6 +4238,7 @@ var mimeLangMap = {
 };
 var MAX_HIGHLIGHT_CHARS = 18e4;
 var MAX_RENDER_CHARS = 6e5;
+var prismLanguageLoads = /* @__PURE__ */ new Map();
 function textPlugin() {
   return {
     name: "text",
@@ -4211,10 +4270,10 @@ function textPlugin() {
         ]);
         const parseMarkdown = markedModule.marked?.parse || markedModule.parse || markedModule.default?.parse;
         const Prism2 = PrismModule2.default || PrismModule2;
-        const DOMPurify4 = DOMPurifyModule.default || DOMPurifyModule;
+        const DOMPurify3 = DOMPurifyModule.default || DOMPurifyModule;
         const container = document.createElement("div");
         container.className = "ofv-markdown-body";
-        container.innerHTML = DOMPurify4.sanitize(parseMarkdown(text), {
+        container.innerHTML = DOMPurify3.sanitize(parseMarkdown(text), {
           USE_PROFILES: { html: true },
           ADD_ATTR: ["target"]
         });
@@ -4223,6 +4282,14 @@ function textPlugin() {
         try {
           const codeBlocks = container.querySelectorAll("pre code");
           if (codeBlocks.length > 0) {
+            const languages = /* @__PURE__ */ new Set();
+            codeBlocks.forEach((block) => {
+              const language = getPrismLanguageFromElement(block) || getPrismLanguageFromElement(block.parentElement);
+              if (language) {
+                languages.add(language);
+              }
+            });
+            await Promise.all([...languages].map((language) => loadPrismLanguage(language)));
             codeBlocks.forEach((block) => {
               const parent = block.parentElement;
               if (parent && !parent.className.includes("language-")) {
@@ -4251,97 +4318,7 @@ function textPlugin() {
       const Prism = PrismModule.default || PrismModule;
       if (lang !== "none") {
         try {
-          if (lang === "typescript" || lang === "tsx") {
-            await import("prismjs/components/prism-typescript");
-          } else if (lang === "python") {
-            await import("prismjs/components/prism-python");
-          } else if (lang === "json") {
-            await import("prismjs/components/prism-json");
-          } else if (lang === "json5") {
-            await import("prismjs/components/prism-json5");
-          } else if (lang === "yaml") {
-            await import("prismjs/components/prism-yaml");
-          } else if (lang === "toml") {
-            await import("prismjs/components/prism-toml");
-          } else if (lang === "ini") {
-            await import("prismjs/components/prism-ini");
-          } else if (lang === "properties") {
-            await import("prismjs/components/prism-properties");
-          } else if (lang === "editorconfig") {
-            await import("prismjs/components/prism-editorconfig");
-          } else if (lang === "ignore") {
-            await import("prismjs/components/prism-ignore");
-          } else if (lang === "protobuf") {
-            await import("prismjs/components/prism-protobuf");
-          } else if (lang === "hcl") {
-            await import("prismjs/components/prism-hcl");
-          } else if (lang === "latex") {
-            await import("prismjs/components/prism-latex");
-          } else if (lang === "dot") {
-            await import("prismjs/components/prism-dot");
-          } else if (lang === "http") {
-            await import("prismjs/components/prism-http");
-          } else if (lang === "bash") {
-            await import("prismjs/components/prism-bash");
-          } else if (lang === "powershell") {
-            await import("prismjs/components/prism-powershell");
-          } else if (lang === "batch") {
-            await import("prismjs/components/prism-batch");
-          } else if (lang === "docker") {
-            await import("prismjs/components/prism-docker");
-          } else if (lang === "makefile") {
-            await import("prismjs/components/prism-makefile");
-          } else if (lang === "ruby") {
-            await import("prismjs/components/prism-ruby");
-          } else if (lang === "nginx") {
-            await import("prismjs/components/prism-nginx");
-          } else if (lang === "groovy") {
-            await import("prismjs/components/prism-groovy");
-          } else if (lang === "graphql") {
-            await import("prismjs/components/prism-graphql");
-          } else if (lang === "csharp") {
-            await import("prismjs/components/prism-csharp");
-          } else if (lang === "rust") {
-            await import("prismjs/components/prism-rust");
-          } else if (lang === "go") {
-            await import("prismjs/components/prism-go");
-          } else if (lang === "ruby") {
-            await import("prismjs/components/prism-ruby");
-          } else if (lang === "swift") {
-            await import("prismjs/components/prism-swift");
-          } else if (lang === "kotlin") {
-            await import("prismjs/components/prism-kotlin");
-          } else if (lang === "scala") {
-            await import("prismjs/components/prism-scala");
-          } else if (lang === "lua") {
-            await import("prismjs/components/prism-lua");
-          } else if (lang === "r") {
-            await import("prismjs/components/prism-r");
-          } else if (lang === "dart") {
-            await import("prismjs/components/prism-dart");
-          } else if (lang === "elm") {
-            await import("prismjs/components/prism-elm");
-          } else if (lang === "elixir") {
-            await import("prismjs/components/prism-elixir");
-          } else if (lang === "clojure") {
-            await import("prismjs/components/prism-clojure");
-          } else if (lang === "erlang") {
-            await import("prismjs/components/prism-erlang");
-          } else if (lang === "fsharp") {
-            await import("prismjs/components/prism-fsharp");
-          } else if (lang === "haskell") {
-            await import("prismjs/components/prism-haskell");
-          } else if (lang === "sql") {
-            await import("prismjs/components/prism-sql");
-          } else if (lang === "cpp") {
-            await import("prismjs/components/prism-c");
-            await import("prismjs/components/prism-cpp");
-          } else if (lang === "java") {
-            await import("prismjs/components/prism-java");
-          } else if (lang === "php") {
-            await import("prismjs/components/prism-markup-templating");
-            await import("prismjs/components/prism-php");
-          }
+          await loadPrismLanguage(lang);
         } catch (e) {
           console.warn(`Prism failed to load language component for: ${lang}`, e);
         }
@@ -4466,6 +4443,183 @@ function textPlugin() {
     }
   };
 }
+function getPrismLanguageFromElement(element) {
+  if (!element) {
+    return void 0;
+  }
+  for (const className of element.classList) {
+    if (className.startsWith("language-") && className.length > 9) {
+      return className.slice(9).toLowerCase();
+    }
+  }
+  return void 0;
+}
+async function loadPrismLanguage(language) {
+  if (["none", "plain", "plaintext", "text", "markup", "css", "clike", "javascript"].includes(language)) {
+    return;
+  }
+  const existing = prismLanguageLoads.get(language);
+  if (existing) {
+    return existing;
+  }
+  const loading = loadPrismLanguageComponent(language).catch((error) => {
+    prismLanguageLoads.delete(language);
+    throw error;
+  });
+  prismLanguageLoads.set(language, loading);
+  return loading;
+}
+async function loadPrismLanguageComponent(language) {
+  switch (language) {
+    case "typescript":
+      await import("prismjs/components/prism-typescript");
+      break;
+    case "jsx":
+      await import("prismjs/components/prism-jsx");
+      break;
+    case "tsx":
+      await import("./tsx-A26VGWUK.js");
+      break;
+    case "python":
+      await import("prismjs/components/prism-python");
+      break;
+    case "json":
+      await import("prismjs/components/prism-json");
+      break;
+    case "json5":
+      await import("./json5-EAGAEIPM.js");
+      break;
+    case "yaml":
+      await import("prismjs/components/prism-yaml");
+      break;
+    case "toml":
+      await import("prismjs/components/prism-toml");
+      break;
+    case "ini":
+      await import("prismjs/components/prism-ini");
+      break;
+    case "properties":
+      await import("prismjs/components/prism-properties");
+      break;
+    case "editorconfig":
+      await import("prismjs/components/prism-editorconfig");
+      break;
+    case "ignore":
+      await import("prismjs/components/prism-ignore");
+      break;
+    case "protobuf":
+      await import("prismjs/components/prism-protobuf");
+      break;
+    case "hcl":
+      await import("prismjs/components/prism-hcl");
+      break;
+    case "latex":
+      await import("prismjs/components/prism-latex");
+      break;
+    case "dot":
+      await import("prismjs/components/prism-dot");
+      break;
+    case "http":
+      await import("prismjs/components/prism-http");
+      break;
+    case "bash":
+      await import("prismjs/components/prism-bash");
+      break;
+    case "powershell":
+      await import("prismjs/components/prism-powershell");
+      break;
+    case "batch":
+      await import("prismjs/components/prism-batch");
+      break;
+    case "docker":
+      await import("prismjs/components/prism-docker");
+      break;
+    case "makefile":
+      await import("prismjs/components/prism-makefile");
+      break;
+    case "ruby":
+      await import("prismjs/components/prism-ruby");
+      break;
+    case "nginx":
+      await import("prismjs/components/prism-nginx");
+      break;
+    case "groovy":
+      await import("prismjs/components/prism-groovy");
+      break;
+    case "graphql":
+      await import("prismjs/components/prism-graphql");
+      break;
+    case "csharp":
+      await import("prismjs/components/prism-csharp");
+      break;
+    case "rust":
+      await import("prismjs/components/prism-rust");
+      break;
+    case "go":
+      await import("prismjs/components/prism-go");
+      break;
+    case "swift":
+      await import("prismjs/components/prism-swift");
+      break;
+    case "kotlin":
+      await import("prismjs/components/prism-kotlin");
+      break;
+    case "java":
+      await import("prismjs/components/prism-java");
+      break;
+    case "scala":
+      await import("./scala-V5QQ35QA.js");
+      break;
+    case "lua":
+      await import("prismjs/components/prism-lua");
+      break;
+    case "r":
+      await import("prismjs/components/prism-r");
+      break;
+    case "dart":
+      await import("prismjs/components/prism-dart");
+      break;
+    case "elm":
+      await import("prismjs/components/prism-elm");
+      break;
+    case "elixir":
+      await import("prismjs/components/prism-elixir");
+      break;
+    case "clojure":
+      await import("prismjs/components/prism-clojure");
+      break;
+    case "erlang":
+      await import("prismjs/components/prism-erlang");
+      break;
+    case "fsharp":
+      await import("prismjs/components/prism-fsharp");
+      break;
+    case "haskell":
+      await import("prismjs/components/prism-haskell");
+      break;
+    case "sql":
+      await import("prismjs/components/prism-sql");
+      break;
+    case "c":
+      await import("prismjs/components/prism-c");
+      break;
+    case "cpp":
+      await import("./cpp-EDJNJWGR.js");
+      break;
+    case "scss":
+      await import("prismjs/components/prism-scss");
+      break;
+    case "less":
+      await import("prismjs/components/prism-less");
+      break;
+    case "markup-templating":
+      await import("prismjs/components/prism-markup-templating");
+      break;
+    case "php":
+      await import("./php-TTFBGZ5Q.js");
+      break;
+  }
+}
 function createTextZoomController(target, cssVariable, ctx) {
   let zoom = getInitialZoom(ctx, 0.5, 3);
   const apply = () => {
@@ -4779,17 +4933,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) {
@@ -4818,10 +4975,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");
     }
@@ -4888,8 +5045,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) => {
@@ -4905,7 +5097,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];
@@ -4973,7 +5167,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
           )
         );
       }
@@ -4981,7 +5175,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)
       );
     }
   };
@@ -5022,9 +5216,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,
@@ -5046,6 +5241,7 @@ async function renderPdfDocumentPreview(options) {
         }
       }, 0);
     }
+    goToPage(currentPage, false);
   };
   renderLayout(options.size);
   let resizeTimer;
@@ -5086,6 +5282,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) => {
@@ -5131,15 +5329,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");
@@ -5229,7 +5427,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);
   }
@@ -5242,7 +5440,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;
 }
@@ -5261,23 +5459,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 configurePdfWorker(pdf, workerSrc) {
+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, 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
@@ -7672,8 +7956,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
   });
 }
@@ -12746,9 +13031,9 @@ function getIcon(name, dir) {
 }
 
 // src/plugins/email.ts
-import DOMPurify3 from "dompurify";
 var emailExtensions = /* @__PURE__ */ new Set(["eml", "msg", "mbox"]);
 var emailMimeTypes = /* @__PURE__ */ new Set(["message/rfc822", "application/vnd.ms-outlook", "application/mbox"]);
+var domPurifyLoader;
 var emailMimeFormatMap = {
   "message/rfc822": "eml",
   "application/vnd.ms-outlook": "msg",
@@ -12761,6 +13046,8 @@ function emailPlugin() {
       return emailExtensions.has(file.extension) || emailMimeTypes.has(file.mimeType);
     },
     async render(ctx) {
+      const DOMPurifyModule = await (domPurifyLoader ||= import("dompurify"));
+      const DOMPurify3 = DOMPurifyModule.default;
       const panel = createPanel("ofv-email");
       ctx.viewport.append(panel);
       const url = createObjectUrl(ctx.file);
@@ -12894,7 +13181,7 @@ function emailPlugin() {
             }
           });
           html = nextHtml;
-          const sanitizedHtml = sanitizeEmailHtml(html);
+          const sanitizedHtml = sanitizeEmailHtml(html, DOMPurify3);
           const iframe = document.createElement("iframe");
           iframe.className = "ofv-email-body-iframe";
           iframe.setAttribute("sandbox", "allow-same-origin allow-popups allow-popups-to-escape-sandbox");
@@ -13187,8 +13474,8 @@ function getMimeType(name) {
   };
   return ext ? map[ext] || "application/octet-stream" : "application/octet-stream";
 }
-function sanitizeEmailHtml(html) {
-  return DOMPurify3.sanitize(html, {
+function sanitizeEmailHtml(html, purifier) {
+  return purifier.sanitize(html, {
     USE_PROFILES: { html: true },
     ADD_ATTR: ["target"],
     ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto|tel|blob|cid):|[^a-z]|[a-z+.-]+(?:[^a-z+.-:]|$))/i