@glodon-aiot/dataset-annotation 3.9.0-beta.9 → 3.10.0-alpha.11

package/dist/src/DatasetContext/index.d.ts

@@ -15,6 +15,8 @@ interface DatasetDetails {
         cvforceModelService?: ModelServiceApi;
         aiShop?: AIShopApi;
     };
+    token?: string;
+    apiUrl?: string;
     featuresConfig?: FeaturesConfig;
 }
 declare const DatasetContext: import('react').Context<DatasetDetails>;

package/dist/src/components/PicZipImportModal/config.d.ts

@@ -0,0 +1,20 @@
+export interface ImportConfig {
+    maxImageSize: number;
+    labeledExampleKey: string;
+    unlabeledExampleKey: string;
+    labelFormat?: 'json' | 'jsonl';
+    zipUploadTexts: {
+        labeled: {
+            description: string[];
+        };
+        unlabeled: {
+            description: string[];
+        };
+    };
+}
+/**
+ * 根据数据集类型获取导入配置
+ * @param markType 标注类型
+ * @returns 导入配置
+ */
+export declare const getImportConfig: (markType?: string) => ImportConfig;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ImageAnnotationDebuggerProps } from './types';
+declare const ImageAnnotationDebugger: React.FC<ImageAnnotationDebuggerProps>;
+export default ImageAnnotationDebugger;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { RegionItemProps } from './types';
+declare const RegionItem: React.FC<RegionItemProps>;
+export default RegionItem;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TextAnnotationPanelProps } from './types';
+declare const TextAnnotationPanel: React.FC<TextAnnotationPanelProps>;
+export default TextAnnotationPanel;

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

@@ -0,0 +1,12 @@
+import { fabric } from 'fabric';
+interface UseCanvasDragParams {
+    canvas: fabric.Canvas | undefined;
+    draggable: boolean;
+    drawingMode: boolean;
+}
+/**
+ * Hook for managing canvas drag functionality
+ * @param params - Canvas drag configuration parameters
+ */
+export declare const useCanvasDrag: ({ canvas, draggable, drawingMode, }: UseCanvasDragParams) => void;
+export {};

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

@@ -0,0 +1,38 @@
+import { fabric } from 'fabric';
+import { VLMSample, Region } from '../../types';
+interface UseCanvasSetupParams {
+    sample: VLMSample | undefined;
+    image: fabric.Image | undefined;
+    onImageLoad?: VoidFunction;
+    canvasRef: React.MutableRefObject<HTMLCanvasElement | null>;
+    containerRef: React.MutableRefObject<HTMLDivElement | null>;
+    canvasInitializedRef: React.MutableRefObject<boolean>;
+    bgImagePositionRef: React.MutableRefObject<{
+        left: number;
+        top: number;
+    }>;
+    bgImageSizeRef: React.MutableRefObject<{
+        width: number;
+        height: number;
+    }>;
+    rectMapRef: React.MutableRefObject<Map<fabric.Rect, Region>>;
+    updateTextLayersRef: React.MutableRefObject<((rect: fabric.Rect, region: Region) => void) | null>;
+    onRectPositionUpdated?: (scale: number) => void;
+    setCanvas: React.Dispatch<React.SetStateAction<fabric.Canvas | undefined>>;
+    setImage: React.Dispatch<React.SetStateAction<fabric.Image | undefined>>;
+    setScale: React.Dispatch<React.SetStateAction<number>>;
+    setBgImagePosition: React.Dispatch<React.SetStateAction<{
+        left: number;
+        top: number;
+    }>>;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+}
+/**
+ * Hook for canvas setup and image initialization
+ * @param params - Canvas setup configuration parameters
+ * @returns updateCanvas function to update canvas and image positioning
+ */
+export declare const useCanvasSetup: ({ sample, image, onImageLoad, canvasRef, containerRef, canvasInitializedRef, bgImagePositionRef, bgImageSizeRef, rectMapRef, updateTextLayersRef, onRectPositionUpdated, setCanvas, setImage, setScale, setBgImagePosition, setLoading, }: UseCanvasSetupParams) => {
+    updateCanvas: () => void;
+};
+export {};

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

@@ -0,0 +1,18 @@
+import { fabric } from 'fabric';
+interface UseCanvasZoomParams {
+    canvas: fabric.Canvas | undefined;
+    setScale: React.Dispatch<React.SetStateAction<number>>;
+    isZoomingRef: React.MutableRefObject<boolean>;
+}
+/**
+ * Hook for managing canvas zoom functionality
+ * @param params - Canvas zoom configuration parameters
+ * @returns zoom function
+ */
+export declare const useCanvasZoom: ({ canvas, setScale, isZoomingRef, }: UseCanvasZoomParams) => {
+    zoom: (delta: number, point?: {
+        x: number;
+        y: number;
+    }) => void;
+};
+export {};

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

@@ -0,0 +1,7 @@
+import { Region } from '../../types';
+/**
+ * Hook for cropping region image from the original image
+ * @param imageUrl - URL of the original image
+ * @returns Function to crop region image and return base64 string
+ */
+export declare const useCropRegionImage: (imageUrl: string | undefined) => (region: Region) => Promise<string | undefined>;

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

@@ -0,0 +1,13 @@
+import { fabric } from 'fabric';
+interface UseDeleteControlParams {
+    performDelete: (targetRect: fabric.Rect) => void;
+}
+/**
+ * Hook for creating delete control
+ * @param params - Delete control configuration parameters
+ * @returns createDeleteControl function
+ */
+export declare const useDeleteControl: ({ performDelete, }: UseDeleteControlParams) => {
+    createDeleteControl: () => fabric.Control;
+};
+export {};

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

@@ -0,0 +1,21 @@
+import { fabric } from 'fabric';
+import { Region } from '../../types';
+interface UseDeleteRegionParams {
+    canvas: fabric.Canvas | undefined;
+    onRegionChange?: (region: Region | null, action: 'create' | 'update' | 'delete') => void;
+    updateRegionNames: () => void;
+    rectMapRef: React.MutableRefObject<Map<fabric.Rect, Region>>;
+    textLayersMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Rect[]>>;
+    textLayoutContentMapRef: React.MutableRefObject<Map<fabric.Rect, string>>;
+    regionNameTextMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Text>>;
+    ocrLoadingIconMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Group>>;
+}
+/**
+ * Hook for managing region deletion functionality
+ * @param params - Delete region configuration parameters
+ * @returns performDelete function
+ */
+export declare const useDeleteRegion: ({ canvas, onRegionChange, updateRegionNames, rectMapRef, textLayersMapRef, textLayoutContentMapRef, regionNameTextMapRef, ocrLoadingIconMapRef, }: UseDeleteRegionParams) => {
+    performDelete: (targetRect: fabric.Rect) => void;
+};
+export {};

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

@@ -0,0 +1,31 @@
+import { fabric } from 'fabric';
+import { Region, VLMLabel } from '../../types';
+interface UseDrawingModeParams {
+    canvas: fabric.Canvas | undefined;
+    drawingMode: boolean;
+    draggable: boolean;
+    setDrawingMode: (mode: boolean) => void;
+    canvasToImageCoords: (canvasX: number, canvasY: number) => {
+        x: number;
+        y: number;
+    };
+    labelDefinitions?: VLMLabel[];
+    onChange?: (labels: Region[]) => void;
+    cropRegionImage: (region: Region) => Promise<string | undefined>;
+    updateRegionShapeAndImage: (rect: fabric.Rect) => void;
+    performOCRIfNeeded: (region: Region, action: 'create' | 'update') => Promise<void>;
+    createDeleteControl: () => 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>>;
+}
+/**
+ * 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, }: UseDrawingModeParams) => {
+    stopDraw: () => void;
+};
+export {};

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

@@ -0,0 +1,11 @@
+import { fabric } from 'fabric';
+import { Region } from '../../types';
+/**
+ * Hook for managing OCR loading icon animation
+ * @param canvas - Fabric.js canvas instance
+ * @returns Object containing updateOCRLoadingIcon function and ocrLoadingIconMapRef
+ */
+export declare const useOCRLoadingIcon: (canvas: fabric.Canvas | undefined) => {
+    updateOCRLoadingIcon: (rect: fabric.Rect, region: Region, show: boolean) => void;
+    ocrLoadingIconMapRef: import('react').RefObject<Map<fabric.Rect, fabric.Group>>;
+};

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

@@ -0,0 +1,28 @@
+import { fabric } from 'fabric';
+import { Region } from '../../types';
+interface UseOCRRecognitionParams {
+    ocrRecognize?: (image: string) => Promise<Array<{
+        bbox: [number, number][];
+        content: string;
+        no: number;
+        score: number;
+        type: string;
+    }>>;
+    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>>;
+}
+/**
+ * Hook for managing OCR recognition logic
+ * @param params - OCR recognition configuration parameters
+ * @returns performOCRIfNeeded function and ocrRecognizingRef
+ */
+export declare const useOCRRecognition: ({ ocrRecognize, onChange, updateTextLayers, canvas, updateOCRLoadingIcon, rectMapRef, textLayersMapRef, textLayoutContentMapRef, }: UseOCRRecognitionParams) => {
+    performOCRIfNeeded: (region: Region, action: "create" | "update") => Promise<void>;
+    ocrRecognizingRef: import('react').RefObject<Set<string>>;
+};
+export {};

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

@@ -0,0 +1,13 @@
+import { fabric } from 'fabric';
+interface UseRegionHoverParams {
+    canvas: fabric.Canvas | undefined;
+    drawingMode: boolean;
+    draggable: boolean;
+    textLayersMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Rect[]>>;
+}
+/**
+ * Hook for managing region hover effects
+ * @param params - Region hover configuration parameters
+ */
+export declare const useRegionHover: ({ canvas, drawingMode, draggable, textLayersMapRef, }: UseRegionHoverParams) => void;
+export {};

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

@@ -0,0 +1,37 @@
+import { fabric } from 'fabric';
+import { VLMSample, Region } from '../../types';
+interface UseRegionLoaderParams {
+    canvas: fabric.Canvas | undefined;
+    sample: VLMSample | undefined;
+    image: fabric.Image | undefined;
+    bgImagePosition: {
+        left: number;
+        top: number;
+    };
+    canvasInitializedRef: React.MutableRefObject<boolean>;
+    bgImagePositionRef: React.MutableRefObject<{
+        left: number;
+        top: number;
+    }>;
+    sampleRef: React.MutableRefObject<VLMSample | undefined>;
+    labelsLoadedRef: React.MutableRefObject<boolean>;
+    rectMapRef: React.MutableRefObject<Map<fabric.Rect, Region>>;
+    textLayersMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Rect[]>>;
+    textLayoutContentMapRef: React.MutableRefObject<Map<fabric.Rect, string>>;
+    regionNameTextMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Text>>;
+    ocrLoadingIconMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Group>>;
+    imageToCanvasCoords: (imageX: number, imageY: number) => {
+        x: number;
+        y: number;
+    };
+    updateRegionShapeAndImage: (rect: fabric.Rect) => void;
+    createDeleteControl: () => fabric.Control;
+    updateRegionNameText: (rect: fabric.Rect, region: Region) => void;
+    updateTextLayers: (rect: fabric.Rect, region: 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 {};

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

@@ -0,0 +1,12 @@
+import { fabric } from 'fabric';
+import { Region } from '../../types';
+/**
+ * Hook for managing region name text labels
+ * @param canvas - Fabric.js canvas instance
+ * @param ocrLoadingIconMapRef - Reference to OCR loading icon map (for updating scan line position)
+ * @returns Object containing updateRegionNameText function and regionNameTextMapRef
+ */
+export declare const useRegionNameText: (canvas: fabric.Canvas | undefined) => {
+    updateRegionNameText: (rect: fabric.Rect, region: Region) => void;
+    regionNameTextMapRef: import('react').RefObject<Map<fabric.Rect, fabric.Text>>;
+};

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

@@ -0,0 +1,15 @@
+import { fabric } from 'fabric';
+import { Region } from '../../types';
+interface UseRegionSelectionParams {
+    canvas: fabric.Canvas | undefined;
+    onRegionSelect?: (region: Region | null) => void;
+    createDeleteControl: () => fabric.Control;
+    textLayersMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Rect[]>>;
+    rectMapRef: React.MutableRefObject<Map<fabric.Rect, Region>>;
+}
+/**
+ * Hook for managing region selection state
+ * @param params - Region selection configuration parameters
+ */
+export declare const useRegionSelection: ({ canvas, onRegionSelect, createDeleteControl, textLayersMapRef, rectMapRef, }: UseRegionSelectionParams) => void;
+export {};

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

@@ -0,0 +1,32 @@
+import { fabric } from 'fabric';
+import { Region } from '../../types';
+interface UseRegionUpdateParams {
+    canvas: fabric.Canvas | undefined;
+    image: fabric.Image | undefined;
+    draggable: boolean;
+    canvasToImageCoords: (canvasX: number, canvasY: number) => {
+        x: number;
+        y: number;
+    };
+    imageToCanvasCoords: (imageX: number, imageY: number) => {
+        x: number;
+        y: number;
+    };
+    cropRegionImage: (region: Region) => Promise<string | undefined>;
+    onChange?: (labels: Region[]) => void;
+    onRegionChange?: (region: Region | null, action: 'create' | 'update' | 'delete') => void;
+    performOCRIfNeeded: (region: Region, action: 'create' | 'update') => Promise<void>;
+    updateTextLayers: (rect: fabric.Rect, region: Region) => void;
+    rectMapRef: React.MutableRefObject<Map<fabric.Rect, Region>>;
+    regionNameTextMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Text>>;
+    ocrLoadingIconMapRef: React.MutableRefObject<Map<fabric.Rect, fabric.Group>>;
+}
+/**
+ * Hook for updating region shape and image
+ * @param params - Region update configuration parameters
+ * @returns updateRegionShapeAndImage function to update region shape and crop image
+ */
+export declare const useRegionUpdate: ({ canvas, image, draggable, canvasToImageCoords, imageToCanvasCoords, cropRegionImage, onChange, onRegionChange, performOCRIfNeeded, updateTextLayers, rectMapRef, regionNameTextMapRef, ocrLoadingIconMapRef, }: UseRegionUpdateParams) => {
+    updateRegionShapeAndImage: (rect: fabric.Rect) => void;
+};
+export {};

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

@@ -0,0 +1,25 @@
+import { fabric } from 'fabric';
+import { Region, VLMLabel } from '../../types';
+interface UseTextLayoutsParams {
+    canvas: fabric.Canvas | undefined;
+    imageToCanvasCoords: (imageX: number, imageY: number) => {
+        x: number;
+        y: number;
+    };
+    activeLabelValue?: {
+        label: VLMLabel;
+        region: Region;
+    } | null;
+    onAppendTextToActive?: (text: string) => void;
+}
+/**
+ * Hook for managing text layout rectangles (OCR recognition results)
+ * @param params - Text layouts configuration parameters
+ * @returns Object containing updateTextLayers function and refs
+ */
+export declare const useTextLayouts: ({ canvas, imageToCanvasCoords, activeLabelValue, onAppendTextToActive, }: UseTextLayoutsParams) => {
+    updateTextLayers: (rect: fabric.Rect, region: Region) => void;
+    textLayersMapRef: import('react').RefObject<Map<fabric.Rect, fabric.Rect[]>>;
+    textLayoutContentMapRef: import('react').RefObject<Map<fabric.Rect, string>>;
+};
+export {};

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

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

package/dist/src/components/VLMAnnotation/VLMLabelMaker/utils/coordinateUtils.d.ts

@@ -0,0 +1,32 @@
+import { fabric } from 'fabric';
+/**
+ * Convert canvas coordinates to image coordinates
+ * @param canvasX - X coordinate in canvas coordinate system
+ * @param canvasY - Y coordinate in canvas coordinate system
+ * @param canvas - Fabric.js canvas instance
+ * @param image - Fabric.js image instance
+ * @param bgImagePositionRef - Reference to background image position
+ * @returns Image coordinates { x, y }
+ */
+export declare const canvasToImageCoords: (canvasX: number, canvasY: number, canvas: fabric.Canvas | undefined, image: fabric.Image | undefined, bgImagePositionRef: React.MutableRefObject<{
+    left: number;
+    top: number;
+}>) => {
+    x: number;
+    y: number;
+};
+/**
+ * Convert image coordinates to canvas coordinates
+ * @param imageX - X coordinate in image coordinate system
+ * @param imageY - Y coordinate in image coordinate system
+ * @param canvas - Fabric.js canvas instance
+ * @param bgImagePositionRef - Reference to background image position
+ * @returns Canvas coordinates { x, y }
+ */
+export declare const imageToCanvasCoords: (imageX: number, imageY: number, canvas: fabric.Canvas | undefined, bgImagePositionRef: React.MutableRefObject<{
+    left: number;
+    top: number;
+}>) => {
+    x: number;
+    y: number;
+};

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface DragButtonProps {
+    active: boolean;
+    onClick: () => void;
+}
+declare const DragButton: React.FC<DragButtonProps>;
+export default DragButton;

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface FitToScreenButtonProps {
+    onClick: () => void;
+}
+declare const FitToScreenButton: React.FC<FitToScreenButtonProps>;
+export default FitToScreenButton;

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface RectangleButtonProps {
+    active: boolean;
+    onClick: () => void;
+}
+declare const RectangleButton: React.FC<RectangleButtonProps>;
+export default RectangleButton;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ToolbarProps } from '../types';
+declare const Toolbar: React.FC<ToolbarProps>;
+export default Toolbar;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ZoomControlsProps } from '../types';
+declare const ZoomControls: React.FC<ZoomControlsProps>;
+export default ZoomControls;

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

@@ -0,0 +1,97 @@
+/**
+ * VLMAnnotation 组件相关的常量配置
+ */
+/** 最大缩放级别 */
+export declare const MAX_ZOOM = 20;
+/** 最小缩放级别 */
+export declare const MIN_ZOOM = 0.1;
+/** 缩放因子（滚轮缩放时使用） */
+export declare const ZOOM_FACTOR = 0.999;
+/** 缩放精度误差阈值（用于判断缩放值是否一致） */
+export declare const ZOOM_PRECISION_ERROR = 0.01;
+/** 缩放步长（按钮点击时的缩放增量，滚轮向上滚一下是 -100，向下滚一下是 100） */
+export declare const ZOOM_STEP = 100;
+/** 基础边框宽度（像素） */
+export declare const BASE_STROKE_WIDTH = 2;
+/** 矩形边框颜色 */
+export declare const RECT_STROKE_COLOR = "#EAD4FF";
+/** 选中矩形的填充色 */
+export declare const SELECTED_RECT_FILL_COLOR = "rgba(156, 36, 242, 0.1)";
+/** 悬停矩形的填充色（比选中时更淡） */
+export declare const HOVER_RECT_FILL_COLOR = "rgba(156, 36, 242, 0.05)";
+/** 透明填充色 */
+export declare const TRANSPARENT_FILL = "transparent";
+/** 临时矩形的填充色 */
+export declare const TEMP_RECT_FILL_COLOR = "rgba(0, 0, 0, 0)";
+/** 临时矩形的虚线样式 */
+export declare const TEMP_RECT_STROKE_DASH_ARRAY: [number, number];
+/** Canvas 容器类名 */
+export declare const CANVAS_CONTAINER_CLASS = "vlm-label-maker-canvas";
+/** 默认左侧最小宽度（像素） */
+export declare const DEFAULT_MIN_LEFT_WIDTH = 300;
+/** 默认左侧比例 */
+export declare const DEFAULT_LEFT_RATIO = 0.7;
+/** 默认最小比例 */
+export declare const DEFAULT_MIN_RATIO = 0.05;
+/** 默认最大比例 */
+export declare const DEFAULT_MAX_RATIO = 0.95;
+/** 默认形状类型 */
+export declare const DEFAULT_SHAPE_TYPE: "rect";
+/** 区域名称前缀 */
+export declare const REGION_NAME_PREFIX = "\u533A\u57DF";
+/** 默认区域名称 */
+export declare const DEFAULT_REGION_NAME = "\u533A\u57DF1";
+/** 区域名称字体族 */
+export declare const REGION_NAME_FONT_FAMILY = "Arial, sans-serif";
+/** 区域名称基础字体大小（像素） */
+export declare const REGION_NAME_FONT_SIZE = 12;
+/** 区域名称基础内边距（像素） */
+export declare const REGION_NAME_PADDING = 4;
+/** OCR 扫描线条基础高度（像素） */
+export declare const OCR_SCAN_LINE_BASE_HEIGHT = 3;
+/** OCR 扫描线条光晕层倍数 */
+export declare const OCR_SCAN_LINE_GLOW_MULTIPLIER = 3;
+/** OCR 扫描线条核心位置倍数 */
+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;
+/** OCR 扫描线条光晕颜色 */
+export declare const OCR_SCAN_LINE_GLOW_COLOR = "rgba(156, 36, 242, 0.2)";
+/** OCR 扫描线条较亮层颜色 */
+export declare const OCR_SCAN_LINE_BRIGHT_COLOR = "rgba(156, 36, 242, 0.5)";
+/** OCR 扫描线条核心颜色 */
+export declare const OCR_SCAN_LINE_CORE_COLOR = "#9C24F2";
+/** 文本布局矩形框填充色 */
+export declare const TEXT_LAYOUT_RECT_FILL_COLOR = "rgba(156, 36, 242, 0.2)";
+/** 文本布局矩形框边框色 */
+export declare const TEXT_LAYOUT_RECT_STROKE_COLOR = "rgba(156, 36, 242, 0.2)";
+/** 文本布局矩形框 hover 边框色 */
+export declare const TEXT_LAYOUT_RECT_HOVER_STROKE_COLOR = "rgba(156, 36, 242, 0.5)";
+/** 文本布局矩形框点击反馈颜色 */
+export declare const TEXT_LAYOUT_RECT_CLICK_FEEDBACK_COLOR = "rgba(0, 255, 0, 0.2)";
+/** 文本布局矩形框视觉反馈延迟（毫秒） */
+export declare const TEXT_LAYOUT_RECT_FEEDBACK_DELAY = 300;
+/** 控制点颜色 */
+export declare const CONTROL_POINT_COLOR = "#9C24F2";
+/** 控制点大小（像素） */
+export declare const CONTROL_POINT_SIZE = 6;
+/** 删除图标大小（像素） */
+export declare const DELETE_ICON_SIZE = 36;
+/** 删除控件 X 轴偏移（像素） */
+export declare const DELETE_CONTROL_OFFSET_X = 20;
+/** 删除控件 Y 轴偏移（像素） */
+export declare const DELETE_CONTROL_OFFSET_Y = 24;
+/** 区域名称文本颜色 */
+export declare const REGION_NAME_TEXT_COLOR = "#9C24F2";
+/** 图片导出格式 */
+export declare const IMAGE_EXPORT_FORMAT = "image/png";
+/** 删除确认弹框标题 */
+export declare const DELETE_MODAL_TITLE = "\u786E\u8BA4\u5220\u9664";
+/** 删除确认弹框内容 */
+export declare const DELETE_MODAL_CONTENT = "\u786E\u5B9A\u8981\u5220\u9664\u6B64\u6807\u6CE8\u533A\u57DF\u5417\uFF1F";
+/** 删除确认弹框确定按钮文本 */
+export declare const DELETE_MODAL_OK_TEXT = "\u786E\u5B9A";
+/** 删除确认弹框取消按钮文本 */
+export declare const DELETE_MODAL_CANCEL_TEXT = "\u53D6\u6D88";

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

@@ -0,0 +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';
+declare const VLMAnnotation: React.FC<VLMAnnotationProps>;
+export default VLMAnnotation;