@chenchaolong/plugin-trade-compliance-workbench 1.0.156 → 1.0.158

package/dist/lib/remote-components/trade-compliance-workbench/preview-source.mjs

@@ -4,7 +4,8 @@ import * as XLSX from 'xlsx'
 
 const MAX_PDF_PAGES = 8
 const MAX_PREVIEW_FILE_BYTES = 20 * 1024 * 1024
-const MAX_RENDER_PIXELS = 6_000_000
+const MAX_RENDER_PIXELS = 32_000_000
+const PREVIEW_RENDER_DENSITY = 1.35
 
 let workerUrl = ''
 function pdfWorkerUrl() {
@@ -13,7 +14,7 @@ function pdfWorkerUrl() {
 }
 GlobalWorkerOptions.workerSrc = pdfWorkerUrl()
 window.TradeComplianceSourcePreview = {
-  async renderPdf(url, { signal } = {}) {
+  async renderPdf(url, { signal, targetWidth, devicePixelRatio } = {}) {
     const bytes = await readResponseBytes(url, signal, 'PDF')
     const loadingTask = getDocument({ data: bytes })
     const document = await loadingTask.promise
@@ -26,7 +27,9 @@ window.TradeComplianceSourcePreview = {
         throwIfAborted(signal)
         const page = await document.getPage(pageNumber)
         const base = page.getViewport({ scale: 1 })
-        const scale = Math.min(1.15, 900 / Math.max(1, base.width), Math.sqrt(MAX_RENDER_PIXELS / Math.max(1, base.width * base.height)))
+        const cssWidth = Number.isFinite(targetWidth) && targetWidth > 0 ? targetWidth : 900
+        const pixelRatio = Number.isFinite(devicePixelRatio) && devicePixelRatio > 0 ? Math.min(devicePixelRatio, 4) : 1
+        const scale = Math.min(cssWidth * pixelRatio * PREVIEW_RENDER_DENSITY / Math.max(1, base.width), Math.sqrt(MAX_RENDER_PIXELS / Math.max(1, base.width * base.height)))
         const viewport = page.getViewport({ scale })
         const canvas = window.document.createElement('canvas')
         canvas.width = Math.ceil(viewport.width)