@file-viewer/renderer-ofd 2.1.25 → 2.1.27

package/dist/ofd.js

@@ -85,6 +85,7 @@ const appendPages = (documentRef, target, pages) => {
     target.appendChild(fragment);
 };
 export default async function renderOfd(buffer, target, context) {
+    var _a;
     const t = createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options);
     const documentRef = target.ownerDocument || document;
     const targetWindow = documentRef.defaultView || (typeof window !== 'undefined' ? window : null);
@@ -242,10 +243,29 @@ export default async function renderOfd(buffer, target, context) {
             startResizeObserver();
         }
     });
+    (_a = context === null || context === void 0 ? void 0 : context.registerThumbnailAdapter) === null || _a === void 0 ? void 0 : _a.call(context, {
+        beforeCapture: async ({ signal }) => {
+            while (state === 'loading' && !disposed) {
+                if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+                    throw signal.reason;
+                }
+                await new Promise(resolve => {
+                    if (targetWindow)
+                        targetWindow.setTimeout(resolve, 16);
+                    else
+                        setTimeout(resolve, 16);
+                });
+            }
+            if (state === 'error') {
+                throw new Error(errorMessage || t('ofd.error.parseFailed'));
+            }
+        },
+        getTarget: () => stage.querySelector('.ofd-page-frame, .ofd-page') || stage,
+    });
     return {
         $el: viewer,
         unmount() {
-            var _a;
+            var _a, _b;
             disposed = true;
             renderVersion += 1;
             targetWindow === null || targetWindow === void 0 ? void 0 : targetWindow.clearTimeout(resizeTimer);
@@ -254,6 +274,7 @@ export default async function renderOfd(buffer, target, context) {
             unregisterFileViewerZoomProvider(viewer);
             clearStage();
             (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
+            (_b = context === null || context === void 0 ? void 0 : context.registerThumbnailAdapter) === null || _b === void 0 ? void 0 : _b.call(context, null);
         },
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-ofd",
-  "version": "2.1.25",
+  "version": "2.1.27",
   "private": false,
   "type": "module",
   "description": "Standalone OFD renderer plugin for Flyfish File Viewer powered by DLTech21/ofd.js.",
@@ -53,7 +53,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "2.1.25",
+    "@file-viewer/core": "2.1.27",
     "jszip": "^3.10.1"
   },
   "devDependencies": {

package/vendor/dltech/ofd/ofd.js

@@ -60,7 +60,7 @@ export const renderOfd = function (screenWidth, ofd) {
         const pageId = Object.keys(page)[0];
         let pageDiv = document.createElement('div');
         pageDiv.id = pageId;
-        pageDiv.setAttribute('style', `margin-bottom: 20px;position: relative;width:${box.w}px;height:${box.h}px;background: white;`)
+        pageDiv.setAttribute('style', `margin-bottom: 20px;position: relative;width:${box.w}px;height:${box.h}px;background: white;overflow:hidden;`)
         renderPage(pageDiv, page, ofd.tpls, ofd.fontResObj, ofd.drawParamResObj, ofd.multiMediaResObj);
         divArray.push(pageDiv);
     }
@@ -77,7 +77,7 @@ export const renderOfdByScale = function (ofd) {
         const pageId = Object.keys(page)[0];
         let pageDiv = document.createElement('div');
         pageDiv.id = pageId;
-        pageDiv.setAttribute('style', `margin-bottom: 20px;position: relative;width:${box.w}px;height:${box.h}px;background: white;`)
+        pageDiv.setAttribute('style', `margin-bottom: 20px;position: relative;width:${box.w}px;height:${box.h}px;background: white;overflow:hidden;`)
         renderPage(pageDiv, page, ofd.tpls, ofd.fontResObj, ofd.drawParamResObj, ofd.multiMediaResObj);
         divArray.push(pageDiv);
     }

package/vendor/dltech/ofd/ofd_render.js

@@ -418,16 +418,15 @@ export const renderImageOnDiv = function (pageWidth, pageHeight, imgSrc, boundar
     img.setAttribute('width', '100%');
     img.setAttribute('height', '100%');
     div.appendChild(img);
-    const pw = parseFloat(pageWidth.replace('px', ''));
-    const ph = parseFloat(pageHeight.replace('px', ''));
-    const w = boundary.w > pw ? pw : boundary.w;
-    const h = boundary.h > ph ? ph : boundary.h;
     let c = '';
     if (clip) {
         clip = converterBox(clip);
         c = `clip: rect(${clip.y}px, ${clip.w + clip.x}px, ${clip.h + clip.y}px, ${clip.x}px)`
     }
-    div.setAttribute('style', `cursor: pointer; overflow: hidden; position: absolute; left: ${c ? boundary.x : boundary.x < 0 ? 0 : boundary.x}px; top: ${c ? boundary.y : boundary.y < 0 ? 0 : boundary.y}px; width: ${w}px; height: ${h}px; ${c};z-index: ${oid}`)
+    // Preserve the stamp geometry declared by OFD. Oversized or partially
+    // off-page seals are clipped by the page container, matching OFD readers;
+    // shrinking or moving the seal here changes both its position and scale.
+    div.setAttribute('style', `cursor: pointer; overflow: hidden; position: absolute; left: ${boundary.x}px; top: ${boundary.y}px; width: ${boundary.w}px; height: ${boundary.h}px; ${c};z-index: ${oid}`)
     return div;
 }