@koi-br/ocr-web-sdk 1.0.30 → 1.0.31

package/dist/{tiff.min-CDFWZFIu.mjs → tiff.min-BaSKqyGR.mjs}

@@ -1,4 +1,4 @@
-import { g as getAugmentedNamespace, a as getDefaultExportFromCjs } from "./index-CPXnfqe3.mjs";
+import { g as getAugmentedNamespace, a as getDefaultExportFromCjs } from "./index-IRUtAb6l.mjs";
 function _mergeNamespaces(U, W) {
   for (var Z = 0; Z < W.length; Z++) {
     const s0 = W[Z];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koi-br/ocr-web-sdk",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "description": "一个支持多种Office文件格式预览的Vue3组件SDK，包括PDF、Word、Excel、图片、OFD、TIF等格式",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/preview/ImagePreview.vue

@@ -272,6 +272,15 @@ interface AnnotationInfo {
   createTime: number; // 创建时间戳
 }
 
+/**
+ * 高亮样式配置
+ */
+interface HighlightStyle {
+  backgroundColor?: string; // 背景色
+  border?: string; // 边框样式（如 "2px solid rgba(30, 144, 255, 0.8)"）
+  boxShadow?: string; // 阴影样式
+}
+
 const props = defineProps({
   // 支持单个URL（向后兼容）或URL数组
   url: {
@@ -1856,12 +1865,14 @@ const isElementVisible = (
 const highlightPosition = (
   pageNum: number,
   bbox: [number, number, number, number],
-  shouldScroll: boolean = true
+  shouldScroll: boolean = true,
+  highlightStyle?: HighlightStyle
 ): boolean => {
   // 清除之前的高亮
   if (activeBlockDiv.value) {
     activeBlockDiv.value.style.backgroundColor = "transparent";
     activeBlockDiv.value.style.boxShadow = "none";
+    activeBlockDiv.value.style.border = "none";
     activeBlockDiv.value = null;
   }
   isHighlighted.value = false;
@@ -1916,7 +1927,7 @@ const highlightPosition = (
     // 等待页面切换完成后再高亮
     nextTick(() => {
       setTimeout(() => {
-        highlightPosition(pageNum, bbox, shouldScroll);
+        highlightPosition(pageNum, bbox, shouldScroll, highlightStyle);
       }, 300);
     });
     return true;
@@ -1928,10 +1939,24 @@ const highlightPosition = (
   activeBlockDiv.value = elementRef;
   isHighlighted.value = true;
 
-  // 使用一致的高亮样式
-  elementRef.style.backgroundColor =
-    "var(--s-color-brand-primary-transparent-3, rgba(0, 102, 255, .15))";
-  elementRef.style.boxShadow = "0 0 0 2px rgba(30, 144, 255, 0.6)";
+  // 使用传入的高亮样式，如果没有传入则使用默认样式
+  if (highlightStyle) {
+    if (highlightStyle.backgroundColor) {
+      elementRef.style.backgroundColor = highlightStyle.backgroundColor;
+    }
+    if (highlightStyle.border) {
+      elementRef.style.border = highlightStyle.border;
+    }
+    if (highlightStyle.boxShadow) {
+      elementRef.style.boxShadow = highlightStyle.boxShadow;
+    }
+  } else {
+    // 默认高亮样式
+    elementRef.style.backgroundColor =
+      "var(--s-color-brand-primary-transparent-3, rgba(0, 102, 255, .15))";
+    elementRef.style.boxShadow = "0 0 0 2px rgba(30, 144, 255, 0.6)";
+    elementRef.style.border = "none";
+  }
 
   // 只有在需要滚动且元素不在视口内时才滚动
   if (shouldScroll && containerRef.value) {
@@ -1946,6 +1971,7 @@ const highlightPosition = (
     if (activeBlockDiv.value === elementRef && isHighlighted.value) {
       elementRef.style.backgroundColor = "transparent";
       elementRef.style.boxShadow = "none";
+      elementRef.style.border = "none";
       activeBlockDiv.value = null;
       isHighlighted.value = false;
     }
@@ -1963,7 +1989,8 @@ const highlightPosition = (
 const jumpToPosition = (
   pageNum: number,
   bbox: [number, number, number, number],
-  emitEvent: boolean = true
+  emitEvent: boolean = true,
+  highlightStyle?: HighlightStyle
 ) => {
   // 如果页码不在有效范围内，直接返回
   if (pageNum < 1 || pageNum > totalPages.value) {
@@ -1978,7 +2005,7 @@ const jumpToPosition = (
     const retryDelay = 200;
 
     const tryHighlight = () => {
-      const success = highlightPosition(pageNum, bbox, true);
+      const success = highlightPosition(pageNum, bbox, true, highlightStyle);
       if (success) {
         // 高亮成功，触发事件
         if (emitEvent) {

package/preview/index.vue

@@ -483,14 +483,14 @@ defineExpose({
   getCurrentPreview: getCurrentPreviewRef,
   // PDF 预览的代理方法（方便使用）
   goToPage: (pageNum) => pdfPreviewRef.value?.goToPage(pageNum),
-  jumpToPosition: (pageNum, bbox, emitEvent) => {
+  jumpToPosition: (pageNum, bbox, emitEvent, highlightStyle) => {
     // PDF 预览的定位方法
     if (fileType.value === 'pdf' && pdfPreviewRef.value) {
-      return pdfPreviewRef.value.jumpToPosition(pageNum, bbox, emitEvent);
+      return pdfPreviewRef.value.jumpToPosition(pageNum, bbox, emitEvent, highlightStyle);
     }
-    // 图片预览的定位方法（现在也支持 pageNum）
+    // 图片预览的定位方法（现在也支持 pageNum 和 highlightStyle）
     if (fileType.value === 'image' && imagePreviewRef.value) {
-      return imagePreviewRef.value.jumpToPosition(pageNum, bbox, emitEvent);
+      return imagePreviewRef.value.jumpToPosition(pageNum, bbox, emitEvent, highlightStyle);
     }
   },
   getCurrentPage: () => pdfPreviewRef.value?.getCurrentPage(),