@open-file-viewer/core 0.1.14 → 0.1.15

package/dist/index.d.cts

@@ -4,6 +4,7 @@ type PreviewSource = File | Blob | string | ArrayBuffer;
 type PreviewFit = "contain" | "cover" | "width" | "height" | "actual" | "scale-down";
 type PreviewFallback = "inline" | "download" | "custom";
 type PreviewTheme = "light" | "dark" | "auto";
+type PreviewLocale = "zh-CN" | "en-US";
 type PreviewToolbarBuiltInAction = "previous" | "next" | "queue" | "zoom-out" | "zoom-in" | "zoom-reset" | "rotate-right" | "download" | "fullscreen" | "print" | "search";
 type PreviewToolbarActionId = PreviewToolbarBuiltInAction | (string & {});
 interface PreviewFile {
@@ -79,9 +80,12 @@ interface PreviewOptions {
     mimeType?: string;
     width?: number | string;
     height?: number | string;
+    zoom?: number;
     fit?: PreviewFit;
     plugins?: PreviewPlugin[];
     fallback?: PreviewFallback;
+    locale?: PreviewLocale;
+    messages?: Partial<PreviewMessages>;
     renderFallback?: (ctx: PreviewContext) => Promise<PreviewInstance> | PreviewInstance;
     toolbar?: boolean | PreviewToolbarOptions;
     theme?: PreviewTheme;
@@ -90,12 +94,30 @@ interface PreviewOptions {
     onError?: (error: Error, file?: PreviewFile) => void;
     onUnsupported?: (file: PreviewFile) => void;
 }
+interface PreviewMessages {
+    loading: string;
+    unsupportedTitle: string;
+    downloadTitle: string;
+    downloadFile: string;
+    file: string;
+    unnamedFile: string;
+    format: string;
+    unknown: string;
+    mime: string;
+    undeclared: string;
+    size: string;
+    source: string;
+    remoteUrl: string;
+    localFile: string;
+}
 interface PreviewContext {
     host: HTMLElement;
     viewport: HTMLElement;
     file: PreviewFile;
     size: PreviewSize;
-    options: Required<Pick<PreviewOptions, "fit" | "fallback">> & PreviewOptions;
+    options: Omit<PreviewOptions, "messages"> & Required<Pick<PreviewOptions, "fit" | "fallback" | "zoom">> & {
+        messages: PreviewMessages;
+    };
     toolbar?: PreviewToolbarRenderContext;
     setLoading: (loading: boolean) => void;
     setError: (error: Error | string) => void;
@@ -230,4 +252,4 @@ declare function assetPlugin(): PreviewPlugin;
 
 declare function fallbackPlugin(): PreviewPlugin;
 
-export { type CadBinaryPreviewContext, type CadPluginOptions, type FileViewer, type LibreDwgPreviewOptions, type OfficeConversionContext, type OfficeConversionResult, type OfficePluginOptions, type PreviewCommand, type PreviewContext, type PreviewFallback, type PreviewFile, type PreviewFit, type PreviewInstance, type PreviewItem, type PreviewOptions, type PreviewPlugin, type PreviewSize, type PreviewSource, type PreviewTheme, type PreviewToolbarActionId, type PreviewToolbarBuiltInAction, type PreviewToolbarCustomAction, type PreviewToolbarOptions, type PreviewToolbarRenderContext, archivePlugin, assetPlugin, audioPlugin, cadPlugin, createViewer, drawingPlugin, emailPlugin, epubPlugin, fallbackPlugin, gisPlugin, imagePlugin, model3dPlugin, ofdPlugin, officePlugin, pdfPlugin, textPlugin, videoPlugin, xpsPlugin };
+export { type CadBinaryPreviewContext, type CadPluginOptions, type FileViewer, type LibreDwgPreviewOptions, type OfficeConversionContext, type OfficeConversionResult, type OfficePluginOptions, type PreviewCommand, type PreviewContext, type PreviewFallback, type PreviewFile, type PreviewFit, type PreviewInstance, type PreviewItem, type PreviewLocale, type PreviewMessages, type PreviewOptions, type PreviewPlugin, type PreviewSize, type PreviewSource, type PreviewTheme, type PreviewToolbarActionId, type PreviewToolbarBuiltInAction, type PreviewToolbarCustomAction, type PreviewToolbarOptions, type PreviewToolbarRenderContext, archivePlugin, assetPlugin, audioPlugin, cadPlugin, createViewer, drawingPlugin, emailPlugin, epubPlugin, fallbackPlugin, gisPlugin, imagePlugin, model3dPlugin, ofdPlugin, officePlugin, pdfPlugin, textPlugin, videoPlugin, xpsPlugin };

package/dist/index.d.ts

@@ -4,6 +4,7 @@ type PreviewSource = File | Blob | string | ArrayBuffer;
 type PreviewFit = "contain" | "cover" | "width" | "height" | "actual" | "scale-down";
 type PreviewFallback = "inline" | "download" | "custom";
 type PreviewTheme = "light" | "dark" | "auto";
+type PreviewLocale = "zh-CN" | "en-US";
 type PreviewToolbarBuiltInAction = "previous" | "next" | "queue" | "zoom-out" | "zoom-in" | "zoom-reset" | "rotate-right" | "download" | "fullscreen" | "print" | "search";
 type PreviewToolbarActionId = PreviewToolbarBuiltInAction | (string & {});
 interface PreviewFile {
@@ -79,9 +80,12 @@ interface PreviewOptions {
     mimeType?: string;
     width?: number | string;
     height?: number | string;
+    zoom?: number;
     fit?: PreviewFit;
     plugins?: PreviewPlugin[];
     fallback?: PreviewFallback;
+    locale?: PreviewLocale;
+    messages?: Partial<PreviewMessages>;
     renderFallback?: (ctx: PreviewContext) => Promise<PreviewInstance> | PreviewInstance;
     toolbar?: boolean | PreviewToolbarOptions;
     theme?: PreviewTheme;
@@ -90,12 +94,30 @@ interface PreviewOptions {
     onError?: (error: Error, file?: PreviewFile) => void;
     onUnsupported?: (file: PreviewFile) => void;
 }
+interface PreviewMessages {
+    loading: string;
+    unsupportedTitle: string;
+    downloadTitle: string;
+    downloadFile: string;
+    file: string;
+    unnamedFile: string;
+    format: string;
+    unknown: string;
+    mime: string;
+    undeclared: string;
+    size: string;
+    source: string;
+    remoteUrl: string;
+    localFile: string;
+}
 interface PreviewContext {
     host: HTMLElement;
     viewport: HTMLElement;
     file: PreviewFile;
     size: PreviewSize;
-    options: Required<Pick<PreviewOptions, "fit" | "fallback">> & PreviewOptions;
+    options: Omit<PreviewOptions, "messages"> & Required<Pick<PreviewOptions, "fit" | "fallback" | "zoom">> & {
+        messages: PreviewMessages;
+    };
     toolbar?: PreviewToolbarRenderContext;
     setLoading: (loading: boolean) => void;
     setError: (error: Error | string) => void;
@@ -230,4 +252,4 @@ declare function assetPlugin(): PreviewPlugin;
 
 declare function fallbackPlugin(): PreviewPlugin;
 
-export { type CadBinaryPreviewContext, type CadPluginOptions, type FileViewer, type LibreDwgPreviewOptions, type OfficeConversionContext, type OfficeConversionResult, type OfficePluginOptions, type PreviewCommand, type PreviewContext, type PreviewFallback, type PreviewFile, type PreviewFit, type PreviewInstance, type PreviewItem, type PreviewOptions, type PreviewPlugin, type PreviewSize, type PreviewSource, type PreviewTheme, type PreviewToolbarActionId, type PreviewToolbarBuiltInAction, type PreviewToolbarCustomAction, type PreviewToolbarOptions, type PreviewToolbarRenderContext, archivePlugin, assetPlugin, audioPlugin, cadPlugin, createViewer, drawingPlugin, emailPlugin, epubPlugin, fallbackPlugin, gisPlugin, imagePlugin, model3dPlugin, ofdPlugin, officePlugin, pdfPlugin, textPlugin, videoPlugin, xpsPlugin };
+export { type CadBinaryPreviewContext, type CadPluginOptions, type FileViewer, type LibreDwgPreviewOptions, type OfficeConversionContext, type OfficeConversionResult, type OfficePluginOptions, type PreviewCommand, type PreviewContext, type PreviewFallback, type PreviewFile, type PreviewFit, type PreviewInstance, type PreviewItem, type PreviewLocale, type PreviewMessages, type PreviewOptions, type PreviewPlugin, type PreviewSize, type PreviewSource, type PreviewTheme, type PreviewToolbarActionId, type PreviewToolbarBuiltInAction, type PreviewToolbarCustomAction, type PreviewToolbarOptions, type PreviewToolbarRenderContext, archivePlugin, assetPlugin, audioPlugin, cadPlugin, createViewer, drawingPlugin, emailPlugin, epubPlugin, fallbackPlugin, gisPlugin, imagePlugin, model3dPlugin, ofdPlugin, officePlugin, pdfPlugin, textPlugin, videoPlugin, xpsPlugin };

package/dist/index.js

@@ -553,6 +553,48 @@ function revokeObjectUrl(url, isExternal) {
   }
 }
 
+// src/messages.ts
+var defaultMessages = {
+  "zh-CN": {
+    loading: "\u6B63\u5728\u52A0\u8F7D\u9884\u89C8...",
+    unsupportedTitle: "\u5F53\u524D\u6587\u4EF6\u6682\u4E0D\u652F\u6301\u5728\u7EBF\u9884\u89C8",
+    downloadTitle: "\u5F53\u524D\u6587\u4EF6\u53EF\u4E0B\u8F7D\u540E\u67E5\u770B",
+    downloadFile: "\u4E0B\u8F7D\u6587\u4EF6",
+    file: "\u6587\u4EF6",
+    unnamedFile: "\u672A\u547D\u540D\u6587\u4EF6",
+    format: "\u683C\u5F0F",
+    unknown: "\u672A\u77E5",
+    mime: "MIME",
+    undeclared: "\u672A\u58F0\u660E",
+    size: "\u5927\u5C0F",
+    source: "\u6765\u6E90",
+    remoteUrl: "\u8FDC\u7A0B URL",
+    localFile: "\u672C\u5730/\u5185\u5B58\u6587\u4EF6"
+  },
+  "en-US": {
+    loading: "Loading preview...",
+    unsupportedTitle: "Preview is not available for this file",
+    downloadTitle: "This file can be downloaded and opened locally",
+    downloadFile: "Download file",
+    file: "File",
+    unnamedFile: "Untitled file",
+    format: "Format",
+    unknown: "Unknown",
+    mime: "MIME",
+    undeclared: "Not declared",
+    size: "Size",
+    source: "Source",
+    remoteUrl: "Remote URL",
+    localFile: "Local or in-memory file"
+  }
+};
+function resolveMessages(options) {
+  return {
+    ...defaultMessages[options.locale || "zh-CN"],
+    ...options.messages
+  };
+}
+
 // src/plugins/fallback.ts
 function fallbackPlugin() {
   return {
@@ -570,12 +612,12 @@ function fallbackPlugin() {
       const panel = document.createElement("div");
       panel.className = "ofv-fallback";
       const title = document.createElement("strong");
-      title.textContent = ctx.options.fallback === "download" ? "\u5F53\u524D\u6587\u4EF6\u53EF\u4E0B\u8F7D\u540E\u67E5\u770B" : "\u5F53\u524D\u6587\u4EF6\u6682\u4E0D\u652F\u6301\u5728\u7EBF\u9884\u89C8";
-      const meta = createFallbackMeta(ctx.file);
+      title.textContent = ctx.options.fallback === "download" ? ctx.options.messages.downloadTitle : ctx.options.messages.unsupportedTitle;
+      const meta = createFallbackMeta(ctx.file, ctx.options.messages);
       const download = document.createElement("a");
       download.href = url;
       download.download = ctx.file.name;
-      download.textContent = "\u4E0B\u8F7D\u6587\u4EF6";
+      download.textContent = ctx.options.messages.downloadFile;
       panel.append(title, meta, download);
       ctx.viewport.classList.add("ofv-center");
       ctx.viewport.append(panel);
@@ -591,14 +633,14 @@ function fallbackPlugin() {
     }
   };
 }
-function createFallbackMeta(file) {
+function createFallbackMeta(file, messages) {
   const meta = document.createElement("dl");
   meta.className = "ofv-fallback-meta";
-  appendFallbackMeta(meta, "\u6587\u4EF6", file.name || "\u672A\u547D\u540D\u6587\u4EF6");
-  appendFallbackMeta(meta, "\u683C\u5F0F", file.extension ? `.${file.extension}` : "\u672A\u77E5");
-  appendFallbackMeta(meta, "MIME", file.mimeType || "\u672A\u58F0\u660E");
-  appendFallbackMeta(meta, "\u5927\u5C0F", file.size === void 0 ? "\u672A\u77E5" : formatFallbackBytes(file.size));
-  appendFallbackMeta(meta, "\u6765\u6E90", file.url ? "\u8FDC\u7A0B URL" : "\u672C\u5730/\u5185\u5B58\u6587\u4EF6");
+  appendFallbackMeta(meta, messages.file, file.name || messages.unnamedFile);
+  appendFallbackMeta(meta, messages.format, file.extension ? `.${file.extension}` : messages.unknown);
+  appendFallbackMeta(meta, messages.mime, file.mimeType || messages.undeclared);
+  appendFallbackMeta(meta, messages.size, file.size === void 0 ? messages.unknown : formatFallbackBytes(file.size));
+  appendFallbackMeta(meta, messages.source, file.url ? messages.remoteUrl : messages.localFile);
   return meta;
 }
 function appendFallbackMeta(parent, label, value) {
@@ -656,15 +698,17 @@ function createViewer(options) {
   host.append(status, viewport);
   container.replaceChildren(host);
   const normalizedOptions = {
+    ...options,
     fit: options.fit || "contain",
     fallback: options.fallback || "inline",
-    ...options
+    zoom: normalizeInitialZoom(options.zoom),
+    messages: resolveMessages(options)
   };
   let destroyed = false;
   let renderToken = 0;
   const setLoading = (loading) => {
     status.hidden = !loading;
-    status.textContent = loading ? "Loading preview..." : "";
+    status.textContent = loading ? normalizedOptions.messages.loading : "";
   };
   const setError = (error) => {
     status.hidden = false;
@@ -820,6 +864,9 @@ function clampIndex(index, length) {
   }
   return Math.min(Math.max(index, 0), length - 1);
 }
+function normalizeInitialZoom(zoom) {
+  return typeof zoom === "number" && Number.isFinite(zoom) && zoom > 0 ? zoom : 1;
+}
 function applyTheme(container, theme) {
   const media = window.matchMedia?.("(prefers-color-scheme: dark)");
   const classes = ["ofv-theme-light", "ofv-theme-dark"];
@@ -1696,6 +1743,98 @@ async function findPlugin(plugins, file) {
   return fallbackPlugin();
 }
 
+// src/plugins/utils.ts
+async function readArrayBuffer(file) {
+  if (file.source instanceof ArrayBuffer) {
+    return file.source;
+  }
+  if (file.blob) {
+    return file.blob.arrayBuffer();
+  }
+  if (typeof file.source === "string") {
+    const response = await fetch(file.source);
+    if (!response.ok) {
+      throw new Error(`Failed to fetch file: ${response.status}`);
+    }
+    return response.arrayBuffer();
+  }
+  throw new Error("Unsupported file source.");
+}
+async function readTextFile(file) {
+  const decode = (buffer) => decodeTextBuffer(buffer);
+  if (typeof file.source === "string") {
+    const response = await fetch(file.source);
+    if (!response.ok) {
+      throw new Error(`Failed to fetch text file: ${response.status}`);
+    }
+    return decode(await response.arrayBuffer());
+  }
+  if (file.blob) {
+    return decode(await file.blob.arrayBuffer());
+  }
+  if (file.source instanceof ArrayBuffer) {
+    return decode(file.source);
+  }
+  return String(file.source);
+}
+function createPanel(className = "") {
+  const panel = document.createElement("div");
+  panel.className = `ofv-panel ${className}`.trim();
+  return panel;
+}
+function getInitialZoom(ctx, min = 0.1, max = 8) {
+  return Math.min(max, Math.max(min, ctx.options.zoom));
+}
+function createSection(title) {
+  const section = document.createElement("section");
+  section.className = "ofv-section";
+  const heading = document.createElement("h3");
+  heading.textContent = title;
+  section.append(heading);
+  return section;
+}
+function appendMeta(parent, label, value) {
+  const row = document.createElement("div");
+  row.className = "ofv-meta-row";
+  const key = document.createElement("span");
+  key.textContent = label;
+  const content = document.createElement("strong");
+  content.textContent = String(value);
+  row.append(key, content);
+  parent.append(row);
+}
+function decodeTextBuffer(buffer) {
+  return decodeTextBytes(new Uint8Array(buffer));
+}
+function decodeTextBytes(bytes) {
+  if (bytes.length >= 3 && bytes[0] === 239 && bytes[1] === 187 && bytes[2] === 191) {
+    return new TextDecoder("utf-8").decode(bytes.subarray(3));
+  }
+  if (bytes.length >= 2) {
+    if (bytes[0] === 255 && bytes[1] === 254) {
+      return new TextDecoder("utf-16le").decode(bytes.subarray(2));
+    }
+    if (bytes[0] === 254 && bytes[1] === 255) {
+      return new TextDecoder("utf-16be").decode(bytes.subarray(2));
+    }
+  }
+  try {
+    return new TextDecoder("utf-8", { fatal: true }).decode(bytes);
+  } catch {
+    return decodeWithFallback(bytes, "gb18030") || decodeWithFallback(bytes, "gbk") || new TextDecoder("utf-8").decode(bytes);
+  }
+}
+function decodeWithFallback(bytes, encoding) {
+  try {
+    return new TextDecoder(encoding).decode(bytes);
+  } catch {
+    return void 0;
+  }
+}
+function resolveFormat(file, mimeMap) {
+  return file.extension || mimeMap[file.mimeType] || "";
+}
+
 // src/plugins/image.ts
 var imageExtensions = /* @__PURE__ */ new Set([
   "jpg",
@@ -1809,7 +1948,7 @@ function imagePlugin() {
         canvasSource.setAttribute("role", "img");
         canvasSource.setAttribute("aria-label", ctx.file.name);
       }
-      let scale = 1;
+      let scale = getInitialZoom(ctx);
       let rotation = 0;
       let offsetX = 0;
       let offsetY = 0;
@@ -3637,95 +3776,6 @@ function readAiffExtended(bytes, offset) {
   return mantissa * Math.pow(2, exponent - 16383 - 63);
 }
 
-// src/plugins/utils.ts
-async function readArrayBuffer(file) {
-  if (file.source instanceof ArrayBuffer) {
-    return file.source;
-  }
-  if (file.blob) {
-    return file.blob.arrayBuffer();
-  }
-  if (typeof file.source === "string") {
-    const response = await fetch(file.source);
-    if (!response.ok) {
-      throw new Error(`Failed to fetch file: ${response.status}`);
-    }
-    return response.arrayBuffer();
-  }
-  throw new Error("Unsupported file source.");
-}
-async function readTextFile(file) {
-  const decode = (buffer) => decodeTextBuffer(buffer);
-  if (typeof file.source === "string") {
-    const response = await fetch(file.source);
-    if (!response.ok) {
-      throw new Error(`Failed to fetch text file: ${response.status}`);
-    }
-    return decode(await response.arrayBuffer());
-  }
-  if (file.blob) {
-    return decode(await file.blob.arrayBuffer());
-  }
-  if (file.source instanceof ArrayBuffer) {
-    return decode(file.source);
-  }
-  return String(file.source);
-}
-function createPanel(className = "") {
-  const panel = document.createElement("div");
-  panel.className = `ofv-panel ${className}`.trim();
-  return panel;
-}
-function createSection(title) {
-  const section = document.createElement("section");
-  section.className = "ofv-section";
-  const heading = document.createElement("h3");
-  heading.textContent = title;
-  section.append(heading);
-  return section;
-}
-function appendMeta(parent, label, value) {
-  const row = document.createElement("div");
-  row.className = "ofv-meta-row";
-  const key = document.createElement("span");
-  key.textContent = label;
-  const content = document.createElement("strong");
-  content.textContent = String(value);
-  row.append(key, content);
-  parent.append(row);
-}
-function decodeTextBuffer(buffer) {
-  return decodeTextBytes(new Uint8Array(buffer));
-}
-function decodeTextBytes(bytes) {
-  if (bytes.length >= 3 && bytes[0] === 239 && bytes[1] === 187 && bytes[2] === 191) {
-    return new TextDecoder("utf-8").decode(bytes.subarray(3));
-  }
-  if (bytes.length >= 2) {
-    if (bytes[0] === 255 && bytes[1] === 254) {
-      return new TextDecoder("utf-16le").decode(bytes.subarray(2));
-    }
-    if (bytes[0] === 254 && bytes[1] === 255) {
-      return new TextDecoder("utf-16be").decode(bytes.subarray(2));
-    }
-  }
-  try {
-    return new TextDecoder("utf-8", { fatal: true }).decode(bytes);
-  } catch {
-    return decodeWithFallback(bytes, "gb18030") || decodeWithFallback(bytes, "gbk") || new TextDecoder("utf-8").decode(bytes);
-  }
-}
-function decodeWithFallback(bytes, encoding) {
-  try {
-    return new TextDecoder(encoding).decode(bytes);
-  } catch {
-    return void 0;
-  }
-}
-function resolveFormat(file, mimeMap) {
-  return file.extension || mimeMap[file.mimeType] || "";
-}
-
 // src/plugins/text.ts
 var langMap = {
   js: "javascript",
@@ -4194,7 +4244,7 @@ function textPlugin() {
   };
 }
 function createTextZoomController(target, cssVariable, ctx) {
-  let zoom = 1;
+  let zoom = getInitialZoom(ctx, 0.5, 3);
   const apply = () => {
     const normalized = Math.round(zoom * 100) / 100;
     target.style.setProperty(cssVariable, String(normalized));
@@ -4504,6 +4554,7 @@ function pdfPlugin(options = {}) {
         viewport: ctx.viewport,
         size: ctx.size,
         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",
@@ -4609,7 +4660,7 @@ async function renderPdfDocumentPreview(options) {
   const pageStates = [];
   let observer = null;
   let currentSize = options.size;
-  let zoomFactor = 1;
+  let zoomFactor = getInitialZoom({ options: { zoom: options.zoom ?? 1 } }, 0.25, 4);
   let rotation = 0;
   const updateSummary = () => {
     renderPdfSummary(summary, pdfDocument.numPages, pagesMeta, options.fit, zoomFactor);
@@ -5934,6 +5985,7 @@ async function renderConvertedOfficePreview(panel, ctx, options, conversionConte
     viewport: panel,
     size: ctx.size,
     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",
@@ -5997,7 +6049,7 @@ function createOfficeZoomController(panel, ctx) {
   if (!canZoom) {
     return void 0;
   }
-  let zoom = 1;
+  let zoom = getInitialZoom(ctx, 0.5, 3);
   const apply = () => {
     panel.style.setProperty("--ofv-office-zoom", String(zoom));
     panel.dispatchEvent(new CustomEvent("ofv-office-zoom"));
@@ -18817,7 +18869,7 @@ async function createPostScriptPreview(bytes, url, fileName, size, fit, toolbar)
   preview.append(summary);
   return { element: preview };
 }
-async function createPdfCompatibleAiPreview(bytes, url, fileName, size, fit, toolbar, pdfOffset = 0) {
+async function createPdfCompatibleAiPreview(bytes, url, fileName, size, fit, toolbar, pdfOffset = 0, zoom = 1) {
   const wrapper = document.createElement("div");
   wrapper.className = "ofv-ai-pdf-preview";
   let pdfUrl = url;
@@ -18832,6 +18884,7 @@ async function createPdfCompatibleAiPreview(bytes, url, fileName, size, fit, too
     viewport: wrapper,
     size,
     fit,
+    zoom,
     toolbar,
     fallbackTitle: "AI PDF \u517C\u5BB9\u9884\u89C8\u5931\u8D25",
     revokeUrlOnDestroy: false