@koi-br/ocr-web-sdk 1.0.26 → 1.0.28

package/preview/index.vue

@@ -131,7 +131,7 @@
 </template>
 
 <script setup>
-import { ref, onBeforeUnmount, computed } from 'vue';
+import { ref, onBeforeUnmount, computed, watch } from 'vue';
 import { Message, Button as AButton } from '@arco-design/web-vue';
 import ImagePreview from './ImagePreview.vue';
 import PdfPreview from './PdfPreview.vue';
@@ -212,6 +212,20 @@ const imagePreviewUrl = computed(() => {
   return fileUrl.value;
 });
 
+// 监听 imageProps 的变化，自动设置 fileType
+watch(
+  () => props.imageProps?.url || props.imageProps?.urls,
+  (newUrl) => {
+    if (newUrl) {
+      // 如果传入了图片URL，自动设置fileType为image
+      if (fileType.value !== 'image') {
+        fileType.value = 'image';
+      }
+    }
+  },
+  { immediate: true }
+);
+
 // 添加 AbortController 的引用
 const abortController = ref(null);
 
@@ -474,9 +488,9 @@ defineExpose({
     if (fileType.value === 'pdf' && pdfPreviewRef.value) {
       return pdfPreviewRef.value.jumpToPosition(pageNum, bbox, emitEvent);
     }
-    // 图片预览的定位方法（不需要 pageNum）
+    // 图片预览的定位方法（现在也支持 pageNum）
     if (fileType.value === 'image' && imagePreviewRef.value) {
-      return imagePreviewRef.value.jumpToPosition(bbox, emitEvent);
+      return imagePreviewRef.value.jumpToPosition(pageNum, bbox, emitEvent);
     }
   },
   getCurrentPage: () => pdfPreviewRef.value?.getCurrentPage(),
@@ -484,8 +498,8 @@ defineExpose({
   // 图片预览的代理方法
   resetImage: () => imagePreviewRef.value?.reset(),
   resetTif: () => tifPreviewRef.value?.reset(),
-  // 图片预览的定位方法（直接调用，不需要 pageNum）
-  jumpToImagePosition: (bbox, emitEvent) => imagePreviewRef.value?.jumpToPosition(bbox, emitEvent),
+  // 图片预览的定位方法（已废弃，请使用 jumpToPosition，需要传入 pageNum）
+  jumpToImagePosition: (pageNum, bbox, emitEvent) => imagePreviewRef.value?.jumpToPosition(pageNum, bbox, emitEvent),
 });
 
 // 组件销毁时清理资源