@glodon-aiot/dataset-annotation 3.13.0-alpha.28 → 3.14.0-alpha.30

package/dist/src/components/VLMAnnotation/VLMLabelMaker/hooks/useDeleteRegion.d.ts

@@ -17,5 +17,6 @@ interface UseDeleteRegionParams {
  */
 export declare const useDeleteRegion: ({ canvas, onRegionChange, updateRegionNames, rectMapRef, textLayersMapRef, textLayoutContentMapRef, regionNameTextMapRef, ocrLoadingIconMapRef, }: UseDeleteRegionParams) => {
     performDelete: (targetRect: fabric.Rect) => void;
+    deleteDirectly: (targetRect: fabric.Rect) => void;
 };
 export {};

package/dist/src/components/VLMAnnotation/VLMLabelMaker/hooks/useDrawingMode.d.ts

@@ -15,18 +15,20 @@ interface UseDrawingModeParams {
     updateRegionShapeAndImage: (rect: fabric.Rect) => void;
     performOCRIfNeeded: (region: Region, action: 'create' | 'update') => Promise<void>;
     createDeleteControl: () => fabric.Control;
+    createOCRControl: () => fabric.Control;
     updateRegionNameText: (rect: fabric.Rect, region: Region) => void;
     onRegionChange?: (region: Region | null, action: 'create' | 'update' | 'delete') => void;
     onRegionSelect?: (region: Region | null) => void;
     rectMapRef: React.MutableRefObject<Map<fabric.Rect, Region>>;
     textLayersMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Rect[]>>;
+    setupBoundaryCheck: (rect: fabric.Rect) => (() => void) | undefined;
 }
 /**
  * Hook for managing drawing mode (rectangle drawing functionality)
  * @param params - Drawing mode configuration parameters
  * @returns stopDraw function to stop drawing
  */
-export declare const useDrawingMode: ({ canvas, drawingMode, draggable, setDrawingMode, canvasToImageCoords, labelDefinitions, onChange, cropRegionImage, updateRegionShapeAndImage, performOCRIfNeeded, createDeleteControl, updateRegionNameText, onRegionChange, onRegionSelect, rectMapRef, textLayersMapRef, }: UseDrawingModeParams) => {
+export declare const useDrawingMode: ({ canvas, drawingMode, draggable, setDrawingMode, canvasToImageCoords, labelDefinitions, onChange, cropRegionImage, updateRegionShapeAndImage, performOCRIfNeeded, createDeleteControl, createOCRControl, updateRegionNameText, onRegionChange, onRegionSelect, rectMapRef, textLayersMapRef, setupBoundaryCheck, }: UseDrawingModeParams) => {
     stopDraw: () => void;
 };
 export {};

package/dist/src/components/VLMAnnotation/VLMLabelMaker/hooks/useOCRControl.d.ts

@@ -0,0 +1,16 @@
+import { fabric } from 'fabric';
+interface UseOCRControlParams {
+    performOCR: (targetRect: fabric.Rect) => void;
+    ocrRecognizingRef: React.MutableRefObject<Set<string>>;
+    ocrErrorRef: React.MutableRefObject<Set<string>>;
+    rectMapRef: React.MutableRefObject<Map<fabric.Rect, any>>;
+}
+/**
+ * Hook for creating OCR control
+ * @param params - OCR control configuration parameters
+ * @returns createOCRControl function
+ */
+export declare const useOCRControl: ({ performOCR, ocrRecognizingRef, ocrErrorRef, rectMapRef, }: UseOCRControlParams) => {
+    createOCRControl: () => fabric.Control;
+};
+export {};

package/dist/src/components/VLMAnnotation/VLMLabelMaker/hooks/useOCRRecognition.d.ts

@@ -11,7 +11,6 @@ interface UseOCRRecognitionParams {
     onChange?: (labels: Region[]) => void;
     updateTextLayers: (rect: fabric.Rect, region: Region) => void;
     canvas: fabric.Canvas | undefined;
-    updateOCRLoadingIcon: (rect: fabric.Rect, region: Region, show: boolean) => void;
     rectMapRef: React.MutableRefObject<Map<fabric.Rect, Region>>;
     textLayersMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Rect[]>>;
     textLayoutContentMapRef: React.MutableRefObject<Map<fabric.Rect, string>>;
@@ -21,8 +20,10 @@ interface UseOCRRecognitionParams {
  * @param params - OCR recognition configuration parameters
  * @returns performOCRIfNeeded function and ocrRecognizingRef
  */
-export declare const useOCRRecognition: ({ ocrRecognize, onChange, updateTextLayers, canvas, updateOCRLoadingIcon, rectMapRef, textLayersMapRef, textLayoutContentMapRef, }: UseOCRRecognitionParams) => {
+export declare const useOCRRecognition: ({ ocrRecognize, onChange, updateTextLayers, canvas, rectMapRef, textLayersMapRef, textLayoutContentMapRef, }: UseOCRRecognitionParams) => {
     performOCRIfNeeded: (region: Region, action: "create" | "update") => Promise<void>;
+    performOCR: (region: Region) => Promise<void>;
     ocrRecognizingRef: import('react').RefObject<Set<string>>;
+    ocrErrorRef: import('react').RefObject<Set<string>>;
 };
 export {};

package/dist/src/components/VLMAnnotation/VLMLabelMaker/hooks/useRegionBoundaryCheck.d.ts

@@ -0,0 +1,31 @@
+import { fabric } from 'fabric';
+interface UseRegionBoundaryCheckParams {
+    canvas: fabric.Canvas | undefined;
+    image: fabric.Image | undefined;
+    canvasToImageCoords: (canvasX: number, canvasY: number) => {
+        x: number;
+        y: number;
+    };
+    imageToCanvasCoords: (imageX: number, imageY: number) => {
+        x: number;
+        y: number;
+    };
+    bgImagePositionRef: React.MutableRefObject<{
+        left: number;
+        top: number;
+    }>;
+    bgImageSizeRef: React.MutableRefObject<{
+        width: number;
+        height: number;
+    }>;
+    regionNameTextMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Text>>;
+}
+/**
+ * Hook for checking and enforcing region boundary constraints
+ * @param params - Boundary check configuration parameters
+ * @returns setupBoundaryCheck function to setup boundary checking for a rect
+ */
+export declare const useRegionBoundaryCheck: ({ canvas, image, canvasToImageCoords, imageToCanvasCoords, bgImagePositionRef, bgImageSizeRef, regionNameTextMapRef, }: UseRegionBoundaryCheckParams) => {
+    setupBoundaryCheck: (rect: fabric.Rect) => (() => void) | undefined;
+};
+export {};

package/dist/src/components/VLMAnnotation/VLMLabelMaker/hooks/useRegionLoader.d.ts

@@ -26,12 +26,16 @@ interface UseRegionLoaderParams {
     };
     updateRegionShapeAndImage: (rect: fabric.Rect) => void;
     createDeleteControl: () => fabric.Control;
+    createOCRControl: () => fabric.Control;
     updateRegionNameText: (rect: fabric.Rect, region: Region) => void;
     updateTextLayers: (rect: fabric.Rect, region: Region) => void;
+    setupBoundaryCheck: (rect: fabric.Rect) => (() => void) | undefined;
+    cropRegionImage: (region: Region) => Promise<string | undefined>;
+    onChange?: (regions: Region[]) => void;
 }
 /**
  * Hook for loading labels from sample.labels
  * @param params - Region loader configuration parameters
  */
-export declare const useRegionLoader: ({ canvas, sample, image, bgImagePosition, canvasInitializedRef, bgImagePositionRef, sampleRef, labelsLoadedRef, rectMapRef, textLayersMapRef, textLayoutContentMapRef, regionNameTextMapRef, ocrLoadingIconMapRef, imageToCanvasCoords, updateRegionShapeAndImage, createDeleteControl, updateRegionNameText, updateTextLayers, }: UseRegionLoaderParams) => void;
+export declare const useRegionLoader: ({ canvas, sample, image, bgImagePosition, canvasInitializedRef, bgImagePositionRef, sampleRef, labelsLoadedRef, rectMapRef, textLayersMapRef, textLayoutContentMapRef, regionNameTextMapRef, ocrLoadingIconMapRef, imageToCanvasCoords, updateRegionShapeAndImage, createDeleteControl, createOCRControl, updateRegionNameText, updateTextLayers, setupBoundaryCheck, cropRegionImage, onChange, }: UseRegionLoaderParams) => void;
 export {};

package/dist/src/components/VLMAnnotation/VLMLabelMaker/hooks/useRegionSelection.d.ts

@@ -4,6 +4,7 @@ interface UseRegionSelectionParams {
     canvas: fabric.Canvas | undefined;
     onRegionSelect?: (region: Region | null) => void;
     createDeleteControl: () => fabric.Control;
+    createOCRControl: () => fabric.Control;
     textLayersMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Rect[]>>;
     rectMapRef: React.MutableRefObject<Map<fabric.Rect, Region>>;
 }
@@ -11,5 +12,5 @@ interface UseRegionSelectionParams {
  * Hook for managing region selection state
  * @param params - Region selection configuration parameters
  */
-export declare const useRegionSelection: ({ canvas, onRegionSelect, createDeleteControl, textLayersMapRef, rectMapRef, }: UseRegionSelectionParams) => void;
+export declare const useRegionSelection: ({ canvas, onRegionSelect, createDeleteControl, createOCRControl, textLayersMapRef, rectMapRef, }: UseRegionSelectionParams) => void;
 export {};

package/dist/src/components/VLMAnnotation/VLMLabelMaker/index.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { VLMLabelMakerProps } from '../types';
-declare const VLMLabelMaker: React.FC<VLMLabelMakerProps>;
+import { VLMLabelMakerProps, VLMLabelMakerRef } from '../types';
+declare const VLMLabelMaker: React.ForwardRefExoticComponent<VLMLabelMakerProps & React.RefAttributes<VLMLabelMakerRef>>;
 export default VLMLabelMaker;

package/dist/src/components/VLMAnnotation/constants.d.ts

@@ -2,7 +2,7 @@
  * VLMAnnotation 组件相关的常量配置
  */
 /** 最大缩放级别 */
-export declare const MAX_ZOOM = 20;
+export declare const MAX_ZOOM = 8;
 /** 最小缩放级别 */
 export declare const MIN_ZOOM = 0.1;
 /** 缩放因子（滚轮缩放时使用） */
@@ -15,6 +15,8 @@ export declare const ZOOM_STEP = 100;
 export declare const BASE_STROKE_WIDTH = 2;
 /** 矩形边框颜色 */
 export declare const RECT_STROKE_COLOR = "#EAD4FF";
+/** Active状态下的矩形边框颜色（高亮） */
+export declare const ACTIVE_RECT_STROKE_COLOR = "#9C24F2";
 /** 选中矩形的填充色 */
 export declare const SELECTED_RECT_FILL_COLOR = "rgba(156, 36, 242, 0.1)";
 /** 悬停矩形的填充色（比选中时更淡） */
@@ -56,7 +58,7 @@ export declare const OCR_SCAN_LINE_CORE_POSITION_MULTIPLIER = 1.5;
 /** OCR 扫描线条核心高度倍数 */
 export declare const OCR_SCAN_LINE_CORE_HEIGHT_MULTIPLIER = 0.5;
 /** OCR 扫描动画速度（每次移动的距离相对于标注框高度） */
-export declare const OCR_SCAN_ANIMATION_SPEED = 0.008;
+export declare const OCR_SCAN_ANIMATION_SPEED = 0.003;
 /** OCR 扫描线条光晕颜色 */
 export declare const OCR_SCAN_LINE_GLOW_COLOR = "rgba(156, 36, 242, 0.2)";
 /** OCR 扫描线条较亮层颜色 */
@@ -78,11 +80,19 @@ export declare const CONTROL_POINT_COLOR = "#9C24F2";
 /** 控制点大小（像素） */
 export declare const CONTROL_POINT_SIZE = 6;
 /** 删除图标大小（像素） */
-export declare const DELETE_ICON_SIZE = 36;
+export declare const DELETE_ICON_SIZE = 24;
 /** 删除控件 X 轴偏移（像素） */
 export declare const DELETE_CONTROL_OFFSET_X = 20;
 /** 删除控件 Y 轴偏移（像素） */
 export declare const DELETE_CONTROL_OFFSET_Y = 24;
+/** AI图标大小（像素） */
+export declare const AI_ICON_SIZE = 24;
+/** AI控件 X 轴偏移（像素） */
+export declare const AI_CONTROL_OFFSET_X = 20;
+/** AI控件 Y 轴偏移（像素） */
+export declare const AI_CONTROL_OFFSET_Y = 24;
+/** AI控件与删除控件之间的间距（像素） */
+export declare const AI_DELETE_CONTROL_SPACING = 40;
 /** 区域名称文本颜色 */
 export declare const REGION_NAME_TEXT_COLOR = "#9C24F2";
 /** 图片导出格式 */
@@ -95,3 +105,9 @@ export declare const DELETE_MODAL_CONTENT = "\u786E\u5B9A\u8981\u5220\u9664\u6B6
 export declare const DELETE_MODAL_OK_TEXT = "\u786E\u5B9A";
 /** 删除确认弹框取消按钮文本 */
 export declare const DELETE_MODAL_CANCEL_TEXT = "\u53D6\u6D88";
+/** 画框模式十字线颜色 */
+export declare const CROSSHAIR_LINE_COLOR = "rgba(156, 36, 242, 0.5)";
+/** 画框模式十字线宽度（像素） */
+export declare const CROSSHAIR_LINE_WIDTH = 1;
+/** 画框模式十字线虚线样式 */
+export declare const CROSSHAIR_LINE_DASH_ARRAY: [number, number];

package/dist/src/components/VLMAnnotation/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { VLMAnnotationProps, VLMSample } from './types';
 export declare const convertTopLeftToCenter: (sample: VLMSample) => VLMSample;
-export type { ShapeType, Shape, Region, VLMSample, VLMLabelType, VLMLabel, VLMAnnotationProps, } from './types';
+export type { ShapeType, Shape, Region, VLMSample, VLMLabelType, VLMLabel, VLMAnnotationProps, VLMLabelMakerRef, } from './types';
 declare const VLMAnnotation: React.FC<VLMAnnotationProps>;
 export default VLMAnnotation;

package/dist/src/components/VLMAnnotation/types.d.ts

@@ -82,6 +82,11 @@ export interface VLMAnnotationProps {
     hideRightSide?: boolean;
     readOnly?: boolean;
 }
+export interface VLMLabelMakerRef {
+    performOCRById: (regionId: string) => void;
+    ocrRecognizingRef: React.MutableRefObject<Set<string>>;
+    ocrErrorRef: React.MutableRefObject<Set<string>>;
+}
 export interface VLMLabelMakerProps {
     sample?: VLMSample;
     labelDefinitions?: VLMLabel[];
@@ -140,6 +145,11 @@ export interface TextAnnotationPanelProps {
         label: VLMLabel;
         region: Region;
     }, index?: number) => void;
+    onDelete?: (regionId: string) => void;
+    onRegionClick?: (region: Region) => void;
+    onOCR?: (regionId: string) => void;
+    ocrRecognizing?: Set<string>;
+    ocrErrors?: Set<string>;
     readOnly?: boolean;
 }
 export interface RegionItemProps {
@@ -152,6 +162,11 @@ export interface RegionItemProps {
     onChange?: (labelId: string, value: string) => void;
     onFocus?: (labelId: string, value: string) => void;
     onBlur?: (labelId: string, value: string) => void;
+    onDelete?: (regionId: string) => void;
+    onRegionClick?: (region: Region) => void;
+    onOCR?: (regionId: string) => void;
+    isOCRRecognizing?: boolean;
+    hasOCRError?: boolean;
     readOnly?: boolean;
 }
 export interface ImageAnnotationDebuggerProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glodon-aiot/dataset-annotation",
-  "version": "3.13.0-alpha.28",
+  "version": "3.14.0-alpha.30",
   "module": "./dist/es/index.mjs",
   "main": "./dist/lib/index.js",
   "types": "./dist/src/index.d.ts",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@ant-design/icons": "^5.3.4",
     "@aws-crypto/sha256-js": "^3.0.0",
-    "@glodon-aiot/apis": "^3.13.0-alpha.28",
+    "@glodon-aiot/apis": "^3.14.0-alpha.30",
     "@glodon-aiot/minio": "^0.1.6",
     "@reduxjs/toolkit": "^1.9.5",
     "@types/fabric": "^5.3.2",