@meistrari/tela-build 1.25.2 → 1.25.3

package/components/tela/preview/preview-content.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useEventListener, useScroll } from '@vueuse/core'
+import { useThrottleFn, useEventListener, useScroll } from '@vueuse/core'
 import { cn } from '@/lib/utils'
 import type { PreviewFile, PreviewContentLabels, PdfDocumentHandle } from './types'
 
@@ -116,12 +116,14 @@ let isRendering = false
 let pendingReRender = false
 let pendingScrollPage: number | null = null
 
+const throttledReRender = useThrottleFn(reRenderAllPdfPages, 150, true)
+
 function zoomIn() {
     if (scale.value < 3) {
         scale.value = Math.min(scale.value + 0.25, 3)
 
         if (props.file.fileType === 'application/pdf') {
-            reRenderAllPdfPages()
+            throttledReRender()
         }
     }
 }
@@ -131,11 +133,10 @@ function zoomOut() {
         scale.value = Math.max(scale.value - 0.25, 0.5)
 
         if (props.file.fileType === 'application/pdf') {
-            reRenderAllPdfPages()
+            throttledReRender()
         }
     }
 }
-
 function clearCanvasElement(canvas: HTMLCanvasElement | null | undefined) {
     if (!canvas)
         return

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/tela-build",
-  "version": "1.25.2",
+  "version": "1.25.3",
   "type": "module",
   "files": [
     "app.config.ts",