@labelbee/lb-annotation 1.5.2

package/dist/types/constant/annotation.d.ts

@@ -0,0 +1,63 @@
+export declare const headerHeight = 61;
+export declare const tipsHeight = 40;
+export declare const footerHeight = 40;
+export declare const sidebarWidth = 240;
+/** 标注步骤的类型 */
+export declare enum EStepType {
+    ANNOTATION = 1,
+    QUALITY_INSPECTION = 2,
+    PRE_ANNOTATION = 3,
+    MANUAL_CORRECTION = 4
+}
+/** 标注工具中最大获取的图片数 */
+export declare const ANNOTATION_MAX_SIZE = 1000;
+/** 翻页行为 */
+export declare enum EPageOperator {
+    Backward = 0,
+    Forward = 1,
+    JumpSkip = 2,
+    None = 3
+}
+/** 拖拽状态 */
+export declare enum EDragStatus {
+    Start = 0,
+    Stop = 1,
+    Wait = 2,
+    Move = 3
+}
+/** 拖拽的内容 */
+export declare enum EDragTarget {
+    Point = 0,
+    Line = 1,
+    Plane = 2
+}
+/** 顺序 */
+export declare enum ESortDirection {
+    ascend = 0,
+    descend = 1
+}
+/** 缩放的模式 */
+export declare enum EGrowthMode {
+    Intelligence = 0,
+    Linear = 1
+}
+export declare enum ELang {
+    Zh = "zh_CN",
+    US = "en_US"
+}
+/**
+ * 默认多边形文本偏移量
+ */
+export declare const DEFAULT_TEXT_OFFSET: {
+    offsetX: number;
+    offsetY: number;
+};
+/**
+ * 默认文本阴影
+ */
+export declare const DEFAULT_TEXT_SHADOW: {
+    shadowColor: string;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+    shadowBlur: number;
+};

package/dist/types/constant/annotationTask.d.ts

@@ -0,0 +1,16 @@
+export declare const ANNOTATION_TYPE: {
+    [a: number]: string;
+};
+export declare const ANNOTATION_STATUS: {
+    [a: number]: string;
+};
+/** 标注任务的状态 */
+export declare enum EAnnotationStatus {
+    Upload = 0,
+    UploadRetry = 1,
+    UploadFail = 2,
+    Annotation = 3,
+    Terminated = 4,
+    Finish = 5,
+    Publish = 6
+}

package/dist/types/constant/defaultConfig.d.ts

@@ -0,0 +1,259 @@
+import { EToolName } from './tool';
+export declare const getConfig: (tool: EToolName) => {
+    showConfirm: boolean;
+    skipWhileNoDependencies: boolean;
+    drawOutsideTarget: boolean;
+    copyBackwardResult: boolean;
+    minWidth: number;
+    minHeight: number;
+    isShowOrder: boolean;
+    filterData: string[];
+    attributeConfigurable: boolean;
+    attributeList: never[];
+    textConfigurable: boolean;
+    textCheckType: number;
+    customFormat: string;
+} | {
+    showConfirm: boolean;
+    skipWhileNoDependencies: boolean;
+    inputList: {
+        key: string;
+        value: string;
+        isMulti: boolean;
+        subSelected: ({
+            key: string;
+            value: string;
+            isMulti: boolean;
+            isDefault?: undefined;
+        } | {
+            key: string;
+            value: string;
+            isDefault: boolean;
+            isMulti?: undefined;
+        })[];
+    }[];
+} | {
+    lineType: number;
+    lineColor: number;
+    edgeAdsorption: boolean;
+    outOfTarget: boolean;
+    copyBackwardResult: boolean;
+    isShowOrder: boolean;
+    attributeConfigurable: boolean;
+    attributeList: {
+        key: string;
+        value: string;
+    }[];
+    textConfigurable: boolean;
+    textCheckType: number;
+    customFormat: string;
+    showConfirm: boolean;
+    lowerLimitPointNum: number;
+    upperLimitPointNum: string;
+    preReferenceStep: number;
+    skipWhileNoDependencies: boolean;
+    filterData: string[];
+} | {
+    showConfirm: boolean;
+    skipWhileNoDependencies: boolean;
+    enableTextRecognition: boolean;
+    recognitionMode: string;
+    configList: {
+        label: string;
+        key: string;
+        required: boolean;
+        default: string;
+        maxLength: number;
+    }[];
+    filterData: string[];
+} | {
+    lineType: number;
+    lineColor: number;
+    lowerLimitPointNum: number;
+    edgeAdsorption: boolean;
+    drawOutsideTarget: boolean;
+    copyBackwardResult: boolean;
+    isShowOrder: boolean;
+    attributeConfigurable: boolean;
+    attributeList: never[];
+    textConfigurable: boolean;
+    textCheckType: number;
+    customFormat: string;
+};
+export declare const getStepList: (tool: EToolName) => {
+    step: number;
+    dataSourceStep: number;
+    tool: EToolName;
+    config: string;
+}[];
+export declare const styleDefaultConfig: {
+    toolColor: {
+        1: {
+            valid: {
+                stroke: string;
+                fill: string;
+            };
+            invalid: {
+                stroke: string;
+                fill: string;
+            };
+            validSelected: {
+                stroke: string;
+                fill: string;
+            };
+            invalidSelected: {
+                stroke: string;
+                fill: string;
+            };
+            validHover: {
+                stroke: string;
+                fill: string;
+            };
+            invalidHover: {
+                stroke: string;
+                fill: string;
+            };
+        };
+        3: {
+            valid: {
+                stroke: string;
+                fill: string;
+            };
+            invalid: {
+                stroke: string;
+                fill: string;
+            };
+            validSelected: {
+                stroke: string;
+                fill: string;
+            };
+            invalidSelected: {
+                stroke: string;
+                fill: string;
+            };
+            validHover: {
+                stroke: string;
+                fill: string;
+            };
+            invalidHover: {
+                stroke: string;
+                fill: string;
+            };
+        };
+        5: {
+            valid: {
+                stroke: string;
+                fill: string;
+            };
+            invalid: {
+                stroke: string;
+                fill: string;
+            };
+            validSelected: {
+                stroke: string;
+                fill: string;
+            };
+            invalidSelected: {
+                stroke: string;
+                fill: string;
+            };
+            validHover: {
+                stroke: string;
+                fill: string;
+            };
+            invalidHover: {
+                stroke: string;
+                fill: string;
+            };
+        };
+        7: {
+            valid: {
+                stroke: string;
+                fill: string;
+            };
+            invalid: {
+                stroke: string;
+                fill: string;
+            };
+            validSelected: {
+                stroke: string;
+                fill: string;
+            };
+            invalidSelected: {
+                stroke: string;
+                fill: string;
+            };
+            validHover: {
+                stroke: string;
+                fill: string;
+            };
+            invalidHover: {
+                stroke: string;
+                fill: string;
+            };
+        };
+        9: {
+            valid: {
+                stroke: string;
+                fill: string;
+            };
+            invalid: {
+                stroke: string;
+                fill: string;
+            };
+            validSelected: {
+                stroke: string;
+                fill: string;
+            };
+            invalidSelected: {
+                stroke: string;
+                fill: string;
+            };
+            validHover: {
+                stroke: string;
+                fill: string;
+            };
+            invalidHover: {
+                stroke: string;
+                fill: string;
+            };
+        };
+    };
+    attributeColor: {
+        valid: {
+            stroke: string;
+            fill: string;
+        };
+        invalid: {
+            stroke: string;
+            fill: string;
+        };
+        validSelected: {
+            stroke: string;
+            fill: string;
+        };
+        invalidSelected: {
+            stroke: string;
+            fill: string;
+        };
+        validHover: {
+            stroke: string;
+            fill: string;
+        };
+        invalidHover: {
+            stroke: string;
+            fill: string;
+        };
+    }[];
+    lineColor: {
+        1: string;
+        3: string;
+        5: string;
+        7: string;
+        9: string;
+    };
+    attributeLineColor: string[];
+    color: number;
+    width: number;
+    opacity: number;
+};

package/dist/types/constant/keyCode.d.ts

@@ -0,0 +1,32 @@
+declare enum EKeyCode {
+    A = 65,
+    B = 66,
+    C = 67,
+    D = 68,
+    E = 69,
+    F = 70,
+    G = 71,
+    H = 72,
+    L = 76,
+    R = 82,
+    Z = 90,
+    W = 87,
+    X = 88,
+    Y = 89,
+    S = 83,
+    Q = 81,
+    Delete = 46,
+    F11 = 122,
+    Space = 32,
+    Esc = 27,
+    Left = 37,
+    Up = 38,
+    Right = 39,
+    Down = 40,
+    Enter = 13,
+    Ctrl = 17,
+    Alt = 18,
+    Shift = 16,
+    Tab = 9
+}
+export default EKeyCode;

package/dist/types/constant/style.d.ts

@@ -0,0 +1,43 @@
+import INVALID_ICON from '../assets/attributeIcon/icon_canvasEdit_miss.svg';
+declare const NULL_ICON: any;
+/** 全局的样式常量 */
+export declare const HEADER_HEIGHT = 61;
+/** 全局设置padding: 20px 16px 内置margin: 16px 总共78px */
+export declare const TAB_HEIGHT = 80;
+/** 搜索栏高度 使用Form表单 */
+export declare const SEARCH_HEIGHT = 62;
+/** 常规padding值 */
+export declare const PADDING = 20;
+/** table的size为default的每行高度 */
+export declare const TABLE_ROW_HEIGHT = 55;
+/** pagination的size为small的高度 + padding: 0 20px */
+export declare const PAGINATION_HEIGHT = 55;
+export declare const TIPS_HEIGHT = 40;
+export declare const FOOTER_HEIGHT = 80;
+export declare const SIDERBAR_WIDTH = 240;
+export declare const EDIT_STEP_WIDTH = 320;
+/**  bee主色 - 蓝紫：rgba(102, 111, 255, 1) */
+export declare const THEME_COLOR = "rgba(102, 111, 255, 1)";
+export declare const COLORS_ARRAY: string[];
+/** svg icon */
+export declare const ICON_ARRAY: any[];
+/** svg base icon */
+export declare const BASE_ICON: {
+    [a: number]: any;
+};
+/** 无效色 - 红：rgba(255, 51, 51, 1) */
+export declare const INVALID_COLOR = "rgba(255, 51, 51, 1)";
+export declare const NULL_COLOR = "rgba(204, 204, 204, 1)";
+export { NULL_ICON, INVALID_ICON };
+/**
+ *   @index0 粉：rgba(255, 51, 255, 1)
+ *   @index1 蓝：rgba(51, 153, 255, 1)
+ *   @index2 绿：rgba(51, 254, 51, 1)
+ *   @index3 红：rgba(255, 51, 51, 1)
+ */
+export declare const FILTER_TOOL_COLOR: {
+    leftClick: string;
+    rightClick: string;
+    ctrlLeftClick: string;
+    ctrlRightClick: string;
+};

package/dist/types/constant/tool.d.ts

@@ -0,0 +1,161 @@
+export declare const editStepWidth = 320;
+export declare enum EPointCloudName {
+    /** 点云工具 */
+    PointCloud = "pointCloudTool"
+}
+export declare enum EVideoToolName {
+    /** 视频文本工具 */
+    VideoTextTool = "videoTextTool",
+    /** 视频标签工具 */
+    VideoTagTool = "videoTagTool",
+    /** 视频截取工具 */
+    VideoClipTool = "videoClipTool"
+}
+/** 新：工具type */
+export declare enum EToolType {
+    Rect = 0,
+    Tag = 1
+}
+export declare enum EToolName {
+    /** 拉框工具 */
+    Rect = "rectTool",
+    /** 标签工具 */
+    Tag = "tagTool",
+    /** 标点工具 */
+    Point = "pointTool",
+    /** 列表标点工具 */
+    PointMarker = "pointMarkerTool",
+    /** 前景分割工具 */
+    Segmentation = "segmentationTool",
+    /** 筛选工具 */
+    Filter = "filterTool",
+    /** 文本工具 */
+    Text = "textTool",
+    /** 多边形工具 */
+    Polygon = "polygonTool",
+    /** 线条 */
+    Line = "lineTool",
+    /** 列表线条工具 */
+    LineMarker = "lineMarkerTool",
+    /** 空工具，表示当前没有选择的工具，没有实际的业务逻辑 */
+    Empty = "emptyTool",
+    /** 文件夹标签工具 */
+    FolderTag = "folderTagTool",
+    /** 拉框跟踪工具 */
+    RectTrack = "rectTrackTool",
+    /** 人脸106工具 */
+    Face = "faceTool",
+    /** 客户端属性工具 */
+    ClientAttribute = "clientAttributeTool",
+    /** OCR关联关系工具 */
+    OCRRelation = "OCRRelationTool"
+}
+export declare enum ECheckModel {
+    Check = "check"
+}
+export declare enum ERectPattern {
+    'nothing' = 0,
+    'RectBG' = 1,
+    'showOrder' = 2
+}
+export declare type ToolName = EToolName | EVideoToolName | EPointCloudName;
+export declare const TOOL_NAME: {
+    [a: string]: string;
+};
+export declare enum EDependPattern {
+    'noDepend' = 1,
+    'dependOrigin' = 2,
+    'dependShape' = 3,
+    'dependLine' = 4,
+    'dependPolygon' = 5,
+    'dependPreShape' = 101,
+    'dependPreLine' = 102,
+    'dependPrePolygon' = 103
+}
+export declare enum EFilterToolOperation {
+    lc = "leftClick",
+    rc = "rightClick",
+    clc = "ctrlLeftClick",
+    crc = "ctrlRightClick"
+}
+export declare const OPERATION_LIST: {
+    leftClick: string;
+    rightClick: string;
+    ctrlLeftClick: string;
+    ctrlRightClick: string;
+};
+/** 标注模式 */
+export declare enum EAnnotationMode {
+    /** 正常标注 */
+    Normal = 1,
+    /** 修改标注 */
+    Modify = 2
+}
+/** 线条类型 */
+export declare enum ELineTypes {
+    Line = 0,
+    Curve = 1
+}
+/** 线条颜色 */
+export declare enum ELineColor {
+    SingleColor = 0,
+    MultiColor = 1
+}
+export declare enum ESelectedType {
+    Form = 1,
+    Json = 2
+}
+export declare enum EDragTarget {
+    Point = 0,
+    Line = 1,
+    Plane = 2
+}
+export declare enum EDrawPointPattern {
+    None = 0,
+    Drawing = 1,
+    Edit = 2
+}
+export declare enum EPageOperator {
+    Backward = 0,
+    Forward = 1,
+    JumpSkip = 2,
+    None = 3
+}
+export declare enum EAuditStatus {
+    Wait = 0,
+    Pass = 1,
+    Fail = 2,
+    Loading = 3
+}
+export declare enum ETextType {
+    AnyString = 0,
+    Order = 1,
+    EnglishOnly = 2,
+    NumberOnly = 3,
+    CustomFormat = 4
+}
+export declare const TEXT_TYPE: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+};
+/** 文本标注字数上限 */
+export declare const TEXT_ATTRIBUTE_MAX_LENGTH = 1000;
+/** 文本标注的文本高度 */
+export declare const TEXT_ATTRIBUTE_LINE_HEIGHT = 16;
+/** 缩略图下的模式 */
+export declare enum EThumbnailOption {
+    ImgList = 1000,
+    TrackPrediction = 1001,
+    ImgSearch = 1002
+}
+export declare const CLIENT_TOOL_HEAD_TYPE: {
+    [a: string]: string;
+};
+export declare const CLIENT_TOOL_NAME: {
+    [a: string]: string;
+};
+/** 曲线分割点数 */
+export declare const SEGMENT_NUMBER = 16;
+export declare const edgeAdsorptionScope = 10;

package/dist/types/core/index.d.ts

@@ -0,0 +1,74 @@
+/**
+ * AnnotationEngine 标注引擎 - 各类标注工具管理
+ */
+import { EToolName } from '@/constant/tool';
+import { IPolygonData } from '@/types/tool/polygon';
+interface IProps {
+    container: HTMLElement;
+    size: ISize;
+    toolName: EToolName;
+    imgNode?: HTMLImageElement;
+    config?: string;
+    style?: any;
+}
+export default class AnnotationEngine {
+    toolInstance: any;
+    toolName: EToolName;
+    private container;
+    private size;
+    private config;
+    private style;
+    private imgNode?;
+    private basicResult?;
+    private dependToolName?;
+    constructor(props: IProps);
+    /**
+     * 同步各种基础类型信息
+     * 1. imgNode （TODO，后续是否将 imgNode 放置在内部管理）
+     * 2. size
+     * 3. config
+     * 4. style
+     */
+    /**
+     * 设置当前工具类型
+     * @param toolName
+     * @param config
+     */
+    setToolName(toolName: EToolName, config?: string): void;
+    setImgSrc: (imgSrc: string) => Promise<void>;
+    setImgNode(imgNode: HTMLImageElement, basicImgInfo?: Partial<{
+        valid: boolean;
+        rotate: number;
+    }>): void;
+    setSize(size: ISize): void;
+    setStyle(style: any): void;
+    /**
+     * 初始化工具实例
+     * @returns
+     */
+    private _initToolOperation;
+    /**
+     * 设置当前依赖物体渲染
+     * @param dependToolName
+     * @param basicResult
+     */
+    setBasicInfo(dependToolName?: EToolName, basicResult?: IRect | IPolygonData): void;
+    /**
+     * 清空当前依赖
+     */
+    clearBasicResult(): void;
+    /**
+     * 禁止操作
+     */
+    forbidOperation(): void;
+    /**
+     * 触发操作
+     */
+    launchOperation(): void;
+    /**
+     * 快速将 i18n 定义的国际化版本对应到当前渲染实例内
+     * @param i18nLanguage
+     */
+    setLang(i18nLanguage: 'en' | 'cn'): void;
+}
+export {};