@koi-br/ocr-web-sdk 1.0.63 → 1.0.65

package/package.json

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

package/preview/ImagePreview.vue

@@ -233,6 +233,7 @@
             </span>
           </slot>
           <Textarea
+            ref="annotationTextareaRef"
             v-model="annotationInput"
             :auto-size="{ minRows: 1, maxRows: 3}"
             placeholder="请输入批注内容..."
@@ -632,6 +633,7 @@ const currentAnnotationBlock = ref<{
 } | null>(null); // 当前正在添加批注的文本块
 const currentEditingAnnotation = ref<AnnotationInfo | null>(null); // 当前正在编辑的批注信息（如果有）
 const annotationPopupRef = ref<HTMLElement>(); // 批注弹窗引用
+const annotationTextareaRef = ref<any>(); // 批注输入框引用
 
 // 文本选择相关状态（保留用于兼容）
 const activeBlockDiv = ref<HTMLElement | null>(null);
@@ -2125,6 +2127,26 @@ const openAnnotationInput = (e?: Event) => {
   // 重新计算弹窗位置（输入框更大）
   nextTick(() => {
     adjustAnnotationPopupPosition();
+    
+    // 🔑 自动聚焦到输入框
+    if (annotationTextareaRef.value) {
+      // Arco Design 的 Textarea 组件，需要通过 $el 或 textarea 属性访问原生元素
+      const textareaElement = annotationTextareaRef.value.$el?.querySelector('textarea') || 
+                              annotationTextareaRef.value.textarea ||
+                              annotationTextareaRef.value.$el;
+      
+      if (textareaElement && typeof textareaElement.focus === 'function') {
+        // 使用 setTimeout 确保 DOM 完全渲染后再聚焦
+        setTimeout(() => {
+          textareaElement.focus();
+        }, 0);
+      } else if (annotationTextareaRef.value.focus) {
+        // 如果组件本身有 focus 方法
+        setTimeout(() => {
+          annotationTextareaRef.value.focus();
+        }, 0);
+      }
+    }
   });
 };
 
@@ -2729,27 +2751,6 @@ const highlightPosition = (
     }
   }
 
-  // 5秒后自动取消高亮
-  // 清除之前的定时器（防止多个定时器同时存在）
-  if (highlightTimer) {
-    clearTimeout(highlightTimer);
-  }
-  
-    highlightTimer = setTimeout(() => {
-      if (activeBlockDiv.value === elementRef && isHighlighted.value) {
-        // 移除动画类
-        elementRef.classList.remove("highlight-animated");
-        elementRef.style.backgroundColor = "transparent";
-        elementRef.style.boxShadow = "none";
-        elementRef.style.border = "none";
-        activeBlockDiv.value = null;
-        isHighlighted.value = false;
-        // 触发高亮清除事件，用于清除连接线
-        emit("highlight-clear");
-      }
-      highlightTimer = null;
-    }, 5000);
-
     return true;
   } finally {
     // 🔑 关键：无论成功还是失败，都要立即清除高亮标志