@labelbee/lb-annotation 1.5.2

package/dist/types/utils/MathUtils.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 各类的数学运算
+ */
+export default class MathUtils {
+    /**
+     * 是否在指定范围内
+     * @param value 需要判断的值
+     * @param range 范围
+     * @returns {boolean} 是否在范围内
+     */
+    static isInRange: (value: number | number[], range: number[]) => boolean;
+    /**
+     * 限制点在范围，返回
+     * @param value
+     * @param range
+     * @returns {ICoordinate} 在范围内的点
+     */
+    static withinRange: (value: number, range: number[]) => number;
+    static getRotate(rotate: number): number;
+    static getLineLength(point1: ICoordinate, point2: ICoordinate): number;
+    /**
+     * 计算坐标点的视窗范围
+     * @param array 坐标值数组
+     * @returns 视窗范围 { top, left, right, bottom }
+     */
+    static calcViewportBoundaries: (array: ICoordinate[] | undefined, isCurve?: boolean, numberOfSegments?: number, zoom?: number) => {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    /**
+     *  获取当前左边举例线段的最短路径，建议配合 isHoverLine 使用
+     *
+     * @export
+     * @param {ICoordinate} pt
+     * @param {ICoordinate} begin
+     * @param {ICoordinate} end
+     * @param {boolean} ignoreRatio
+     * @returns
+     */
+    static getFootOfPerpendicular: (pt: ICoordinate, begin: ICoordinate, end: ICoordinate, useAxisRange?: boolean) => any;
+}

package/dist/types/utils/tool/AttributeUtils.d.ts

@@ -0,0 +1,87 @@
+import { ELang } from '../../constant/annotation';
+import { IPolygonData } from '../../types/tool/polygon';
+import { ETextType } from '../../constant/tool';
+export declare const ATTRIBUTE_COLORS: string[];
+export declare const REGEXP_NUMBER = "^[0-9]+$";
+export declare const REGEXP_ENGLISH = "^[A-Za-z]+$";
+export default class AttributeUtils {
+    /**
+     * 获取属性icon
+     * @param attribute
+     * @param attributeList
+     */
+    static getAttributeIcon(attribute: string, attributeList: IInputList[], valid?: boolean): HTMLImageElement;
+    /**
+     * 获取正则校验的string
+     * @param textCheckType
+     * @param customFormat
+     */
+    static checkString(textCheckType: number, customFormat: string): string;
+    /**
+     *
+     * @param value 检测的值
+     * @param checkString RegExp string
+     */
+    static checkTextAttibute(value: string | undefined, checkStrings: string): boolean;
+    /**
+     * 获取属性标注显示的数据
+     * @param attribute
+     * @param attributeList
+     * @returns {string} 标注属性
+     */
+    static getAttributeShowText(attribute: string | undefined, attributeList?: IInputList[]): string | undefined;
+    /**
+     * 获取属性标注的索引
+     * @param attribute
+     * @param attributeList
+     * @returns {number} 属性索引
+     */
+    static getAttributeIndex(attribute: string | undefined, attributeList: IInputList[]): number;
+    /**
+     * 获取属性标注的索引
+     * @param attribute
+     * @param attributeList
+     * @returns {string} 颜色hex值
+     */
+    static getAttributeColor(attribute: string | undefined, attributeList: IInputList[]): string;
+    /**
+     * 文本标注：自动获取下一个序号（取当前数据的最大值 + 1）
+     * @param toolResultList 工具的结果集
+     * @param textCheckType
+     */
+    static getTextAttribute(toolResultList: IRect[] | IPolygonData[] | IPoint[] | ILine[], textCheckType: number): string;
+    /**
+     * 更改数据的textAttribute
+     * @param value
+     * @param selectedID  工具中选中数据的ID
+     * @param toolList 工具的结果集
+     */
+    static textChange(value: string | undefined, selectedID: string, toolList: any[]): any[];
+    /**
+     * 获取错误提示的文案
+     * @param textCheckType
+     */
+    static getErrorNotice(textCheckType: number, lang: ELang): string;
+    static textAttributeValidate(textCheckType: number, customFormat: string, text: string): boolean | undefined;
+    /**
+     * 检查结果的文本标注数据是否可以通过
+     * @param textCheckType
+     * @param customFormat
+     * @param resultList 需要检查的结果集
+     */
+    static checkTextAttribute(textCheckType: ETextType, customFormat: string, resultList: any[], selectedID?: string): boolean;
+    /**
+     * 改变文本标注后 修改全部的LOG
+     * @param toolLog LOG数据
+     * @param toolList 工具的数据集
+     */
+    static changeTextAttributeInLog(toolLog: any[][], toolList: any[]): any[][];
+    static getTextIconSvg(attribute: string | undefined, attributeList: IInputList[], attributeConfigurable: boolean | undefined, baseIcon: any): any;
+    /**
+     * 根据keycode返回attribute, 没有匹配到时为undefined
+     * @param keyCode
+     * @param attributeList
+     * @returns {undefined|string} 没有匹配到时为undefined
+     */
+    static getAttributeByKeycode(keyCode: number, attributeList: IInputList[]): string | undefined;
+}

package/dist/types/utils/tool/AxisUtils.d.ts

@@ -0,0 +1,189 @@
+import { IPolygonPoint, IPolygonData, IPolygonConfig } from '../../types/tool/polygon';
+import { EToolName, ELineTypes } from '@/constant/tool';
+export default class AxisUtils {
+    /**
+     * 获取原图坐标下，相对当前图片的偏移值
+     * @param coordinate
+     * @param currentPos
+     * @param zoom
+     */
+    static getOffsetCoordinate(coordinate: ICoordinate, currentPos: ICoordinate, zoom: number): {
+        x: number;
+        y: number;
+    };
+    static changeDrawOutsideTarget(coord: ICoordinate, currentPos: ICoordinate, imgInfo: ISize, drawOutsideTarget?: boolean, basicResult?: IRect, zoom?: number): ICoordinate;
+    static changeCoordinateByRotate(coordinate: ICoordinate, rotate: number, imgSize: ISize): ICoordinate;
+    /**
+     * 计算点在 zoom 和 currentPos 的转换
+     * @param rect
+     * @param zoom
+     * @param currentPos
+     * @returns
+     */
+    static changeRectByZoom(rect: IRect, zoom: number, currentPos?: ICoordinate): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        id: string;
+        sourceID: string;
+        valid: boolean;
+        order?: number | undefined;
+        attribute: string;
+        textAttribute: string;
+        disableDelete?: boolean | undefined;
+        label?: string | undefined;
+    };
+    /**
+     * 计算点在 zoom 和 currentPos 的转换
+     * @param point
+     * @param zoom
+     * @param currentPos
+     * @returns
+     */
+    static changePointByZoom(point: IPoint | IPolygonPoint, zoom: number, currentPos?: ICoordinate): {
+        x: number;
+        y: number;
+        specialPoint?: boolean | undefined;
+        specialEdge?: boolean | undefined;
+    } | {
+        x: number;
+        y: number;
+    };
+    /**
+     * 计算点集在 zoom 和 currentPos 的转换
+     * @param pointList
+     * @param zoom
+     * @param currentPos
+     * @returns
+     */
+    static changePointListByZoom(pointList: IPoint[] | IPolygonPoint[], zoom: number, currentPos?: ICoordinate): ({
+        x: number;
+        y: number;
+        specialPoint?: boolean | undefined;
+        specialEdge?: boolean | undefined;
+    } | {
+        x: number;
+        y: number;
+    })[];
+    /**
+     * 扩大点的热区范围
+     * @param axis
+     * @param radius
+     * @returns
+     */
+    static axisArea(axis: ICoordinate, radius?: number): {
+        x: number;
+        y: number;
+    }[];
+    /**
+     * 计算当前坐标相对于原图的坐标
+     * @param coord 在 canvas 内的相对坐标
+     */
+    static getOriginCoordinateWithOffsetCoordinate(coord: ICoordinate, zoom?: number, currentPos?: {
+        x: number;
+        y: number;
+    }): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 获取当前坐标是否在当前点
+     * 注意：checkPoint 为原图的坐标
+     *
+     * @export
+     * @param {IPolygonPoint} checkPoint
+     * @param {IPolygonPoint[]} polygonPoints
+     * @param {number} [scope=3]
+     * @returns {number}
+     */
+    static returnClosePointIndex(checkPoint: IPolygonPoint, polygonPoints: IPolygonPoint[], scope?: number): number;
+    /**
+     * 对比两个点是否在一范围内
+     *
+     * @export
+     * @param {IPolygonPoint} currentCoord
+     * @param {IPolygonPoint} targetCoord
+     * @param {number} scope
+     * @returns
+     */
+    static getIsInScope(currentCoord: ICoordinate, targetCoord: ICoordinate, scope: number): boolean;
+}
+export declare class CoordinateUtils {
+    private currentPos;
+    private zoom;
+    private basicImgInfo;
+    private basicResult?;
+    private dependToolConfig?;
+    private dependToolName;
+    constructor(props: any);
+    get isDependPolygon(): boolean;
+    get isDependRect(): boolean;
+    get isDependOriginalImage(): boolean;
+    /**
+     * 渲染坐标 => 绝对坐标
+     * @param renderCoordinate
+     */
+    getAbsCoord(renderCoord: ICoordinate): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 绝对坐标 => 渲染坐标
+     * @param absoluteCoordinate
+     */
+    getRenderCoord(absCoord: ICoordinate): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 在矩形内的点
+     * @param absCoord
+     * @param rect
+     */
+    coordInsideRect(absCoord: ICoordinate, rect: {
+        x: number;
+        y: number;
+        height: number;
+        width: number;
+    }): {
+        x: number;
+        y: number;
+    };
+    getPolygonPointList(lineType: ELineTypes, pointList: IPoint[]): any[];
+    /**
+     * 计算线段与线段的交点
+     * @param curCoord
+     * @param preCoord
+     * @param polygonPointListToLineList
+     */
+    getIntersection(curCoord: ICoordinate, preCoord: ICoordinate, polygonPointListToLineList: IPoint[]): {
+        point: ICoordinate;
+        minDistance?: undefined;
+    } | {
+        point: IPoint;
+        minDistance: number;
+    } | undefined;
+    /**
+     * 在多边形内的点
+     * @param absCoord
+     * @param rect
+     */
+    coordInsidePolygon(curCoord: ICoordinate, preCoord: ICoordinate, polygon: IPolygonData, polygonToolConfig: IPolygonConfig): ICoordinate;
+    coordInsideImage(coord: ICoordinate): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 根据依赖工具计算下一个点的绝对坐标
+     * @param curAbsCoord
+     * @param preAbsCoord
+     */
+    getNextCoordByDependTool(curAbsCoord: ICoordinate, preAbsCoord: ICoordinate): ICoordinate | undefined;
+    setDependInfo(dependToolName: EToolName | '', dependToolConfig?: IRectConfig | IPolygonConfig): void;
+    setBasicImgInfo(basicImgInfo: any): void;
+    setBasicResult(basicResult: any): void;
+    setZoomAndCurrentPos(zoom: number, currentPos: ICoordinate): void;
+    isCoordInsideTarget(coord: ICoordinate): boolean;
+    isInBasicPolygon(coord: ICoordinate): boolean;
+}

package/dist/types/utils/tool/CanvasUtils.d.ts

@@ -0,0 +1,40 @@
+export default class CanvasUtils {
+    static getMousePositionOnCanvasFromEvent(event: MouseEvent, canvas: HTMLCanvasElement): {
+        x: number;
+        y: number;
+    } | null;
+    static getClientRect(canvas: HTMLCanvasElement): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    static getSize(canvas: HTMLCanvasElement): {
+        width: number;
+        height: number;
+    } | null;
+    /**
+     * 点在视野内
+     * @param coord
+     * @param viewPort
+     */
+    static inViewPort(coord: ICoordinate | undefined, viewPort: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    }): boolean;
+    /**
+     * 计算视野边界点
+     * @param canvas
+     * @param originOffset
+     * @param zoom
+     * @returns
+     */
+    static getViewPort: (canvas: HTMLCanvasElement | ISize, originOffset: ICoordinate, zoom: number) => {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+}

package/dist/types/utils/tool/CommonToolUtils.d.ts

@@ -0,0 +1,118 @@
+import { IPolygonPoint } from '../../types/tool/polygon';
+import { ESortDirection } from '../../constant/annotation';
+import { ECheckModel, EToolName } from '@/constant/tool';
+import CheckOperation from '../../core/toolOperation/checkOperation';
+import PolygonOperation from '../../core/toolOperation/polygonOperation';
+import RectOperationAsNewName from '../../core/toolOperation/rectOperation';
+import TagOperation from '../../core/toolOperation/tagOperation';
+import LineToolOperation from '../../core/toolOperation/LineToolOperation';
+import PointOperation from '../../core/toolOperation/pointOperation';
+import TextToolOperation from '../../core/toolOperation/TextToolOperation';
+declare type point = {
+    id: string;
+    x: number;
+    y: number;
+};
+export default class CommonToolUtils {
+    /**
+     * 找到指定步骤的数据
+     * @param step 获取的步骤
+     * @param stepList 步骤列表
+     * @returns 步骤配置
+     */
+    static getStepInfo(step: number, stepList: IStepInfo[]): IStepInfo;
+    /**
+     * 获取当前步骤的步骤配置信息，用于当前标注配置的获取
+     * 注意： 需要与 getStepInfo 区分，因为 getStepInfo 拿取的是直接的步骤信息
+     * @export
+     * @param {number} currentStep
+     * @param {IStepInfo[]} stepList
+     * @returns {*}
+     */
+    static getCurrentStepInfo(currentStep: number, stepList: IStepInfo[]): any;
+    static jsonParser: (content: any, defaultValue?: any) => any;
+    /**
+     * 获取结果中最大的order
+     *
+     * @export
+     * @param {any[]} result
+     * @returns {number}
+     */
+    static getMaxOrder(result: any[]): number;
+    /**
+     * 表单控件控件判断 返回 Boolean
+     * hotkey is effective only whene filter return true
+     * @param event
+     * @returns {boolean}
+     */
+    static hotkeyFilter(event: any): boolean;
+    /**
+     * 筛选当前的步骤配置
+     * @param toolName
+     */
+    static getCurrentOperation(toolName: EToolName | ECheckModel): typeof CheckOperation | typeof PolygonOperation | typeof TagOperation | typeof LineToolOperation | typeof PointOperation | typeof TextToolOperation | typeof RectOperationAsNewName;
+    static getNextSelectedRectID(rectList: point[], sort?: ESortDirection, selectedID?: string): point;
+    static getNextSelectedRectIDByEvent(pointList: point[], event: KeyboardEvent, selectedID?: string): point;
+    /**
+     * 计算当前状态下需要展示的结果集合
+     * @param T 当前图片的结果框
+     * @param sourceID 当前状态依赖的框体，若依赖原图则返回 '0'
+     * @param attributeLockList 当前展示的属性
+     * @param selectedID 是否含有选中逻辑
+     * @returns
+     */
+    static getRenderResultList<T = any>(resultList: any[], sourceID: string, attributeLockList?: string[], selectedID?: string): [T[], T | undefined];
+    /**
+     * 获取当前依赖情况下的 sourceID 提取
+     */
+    static getSourceID(basicResult?: any): any;
+    /**
+     * 获取当前点集的所有线条
+     * @param pointList
+     * @returns
+     */
+    static findAllLine(pointList: IPolygonPoint[] | point[]): {
+        point1: IPolygonPoint | point;
+        point2: IPolygonPoint | point;
+        pointIndex: number;
+    }[];
+    /**
+     * 转换当前依赖 sourceID
+     * @param sourceID
+     * @returns
+     */
+    static translateSourceID(sourceID: string | number | undefined): string | number;
+    /**
+     * 兼容判断 sourceID 为 空字符串、不存在、数字的情况
+     * @param sourceA
+     * @param sourceB
+     * @returns
+     */
+    static isDifferSourceID(sourceIDA: string | number, sourceIDB: string | number): boolean;
+    /**
+     * 兼容判断是否为相同类型的 sourceID
+     * @param sourceIDA
+     * @param sourceIDB
+     * @returns
+     */
+    static isSameSourceID(sourceIDA: string | number | undefined, sourceIDB: string | number | undefined): boolean;
+    /**
+     * 获取下一个列表标记的值和位置
+     * @param resultList
+     * @param markerList
+     * @param markerIndex
+     * @returns
+     */
+    static getNextMarker(resultList: IRect[], markerList?: IInputList[], markerIndex?: number): {
+        label: string;
+        index: number;
+    } | undefined;
+    /**
+     * 获取当前值在列表标注的位置
+     * @param label
+     * @param markerList
+     * @returns
+     */
+    static getCurrentMarkerIndex(label: string, markerList?: IInputList[]): number;
+}
+export {};

package/dist/types/utils/tool/DblClickEventListener.d.ts

@@ -0,0 +1,47 @@
+declare class DblClickEventListener {
+    private dom;
+    private setTimeFun?;
+    private clickCoord;
+    private isDoubleClick;
+    private rcTime;
+    private delay;
+    private mouseUp;
+    private mouseMove;
+    private dblclick;
+    private cacheFunction;
+    private mouseDownTime;
+    constructor(dom: HTMLElement, delay: number);
+    getRcTime(): number;
+    /**
+     * 获取当前的坐标，用于点击位置的快速获取
+     *
+     * @param {MouseEvent} e
+     * @returns
+     * @memberof DblClickEventListen
+     */
+    getCoord(e: MouseEvent): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 删除绑定事件
+     *
+     * @returns
+     * @memberof DblClickEventListen
+     */
+    removeEvent(): void;
+    onMouseDown: () => void;
+    /**
+     * 用于添加鼠标单击事件， 左键双击事件，右键双击事件
+     *
+     * @param {*} singleClickFun
+     * @param {*} leftDblClick
+     * @param {*} rightDblClick
+     * @param {*} isAllowDouble 是否允许执行 double click，如果为 true 则进行的延迟，否则将立即执行，增加操作流畅性
+     * @returns {void}
+     * @memberof DblClickEventListen
+     */
+    addEvent(singleClickFun: any, leftDblClick: any, rightDblClick: any, isAllowDouble?: (e: any) => boolean): void;
+    clearRightDblClick(): void;
+}
+export default DblClickEventListener;

package/dist/types/utils/tool/DrawUtils.d.ts

@@ -0,0 +1,117 @@
+import { ELineTypes } from '../../constant/tool';
+import { IPolygonPoint } from '../../types/tool/polygon';
+export default class DrawUtils {
+    static drawImg: (canvas: HTMLCanvasElement, imgNode: HTMLImageElement, options?: Partial<IOffsetCanvasPosition & {
+        imgAttribute: IImageAttribute;
+    }>) => void;
+    static drawLine(canvas: HTMLCanvasElement, startPoint: IPoint | IPolygonPoint, endPoint: IPoint | IPolygonPoint, options?: Partial<{
+        color: string;
+        thickness: number;
+        lineCap: CanvasLineCap;
+    }>): void;
+    /**
+     *  查看绘制拉框
+     * @param canvas
+     * @param rect
+     * @param options
+     */
+    static drawRect(canvas: HTMLCanvasElement, rect: IRect, options?: Partial<{
+        color: string;
+        thickness: number;
+        lineCap: CanvasLineCap;
+    }>): void;
+    /**
+     * 填充矩形框的绘制
+     * @param canvas
+     * @param rect
+     * @param options
+     */
+    static drawRectWithFill(canvas: HTMLCanvasElement, rect: IRect, options?: Partial<{
+        color: string;
+    }>): void;
+    static drawTag(canvas: HTMLCanvasElement, tagList: {
+        keyName: string;
+        value: string[];
+    }[]): void;
+    /**
+     * 绘制点击线条
+     * @param canvas
+     * @param pointList
+     * @param options
+     * @returns
+     */
+    static drawLineWithPointList(canvas: HTMLCanvasElement, pointList: IPoint[] | IPolygonPoint[], options?: Partial<{
+        color: string;
+        thickness: number;
+        lineCap: CanvasLineCap;
+        lineType: ELineTypes;
+        hoverEdgeIndex: number;
+    }>): void;
+    static drawCircle(canvas: HTMLCanvasElement, anchorPoint: IPoint, radius: number, options?: Partial<{
+        startAngleDeg: number;
+        endAngleDeg: number;
+        thickness: number;
+        color: string;
+        fill: string;
+    }>): void;
+    static drawCircleWithFill(canvas: HTMLCanvasElement, anchorPoint: IPoint, radius?: number, options?: Partial<{
+        color: string;
+    }>): void;
+    static drawPolygon(canvas: HTMLCanvasElement, pointList: IPolygonPoint[], options?: Partial<{
+        color: string;
+        thickness: number;
+        lineCap: CanvasLineCap;
+        isClose: boolean;
+        lineType: ELineTypes;
+    }>): void;
+    static drawPolygonWithFill(canvas: HTMLCanvasElement, pointList: IPolygonPoint[], options?: Partial<{
+        color: string;
+        lineType: ELineTypes;
+    }>): void;
+    static drawPolygonWithFillAndLine(canvas: HTMLCanvasElement, pointList: IPolygonPoint[], options?: Partial<{
+        strokeColor: string;
+        fillColor: string;
+        pointColor: string;
+        thickness: number;
+        lineCap: CanvasLineCap;
+        isClose: boolean;
+        lineType: ELineTypes;
+    }>): void;
+    static drawSelectedPolygonWithFillAndLine(canvas: HTMLCanvasElement, pointList: IPolygonPoint[], options?: Partial<{
+        strokeColor: string;
+        fillColor: string;
+        pointColor: string;
+        thickness: number;
+        lineCap: CanvasLineCap;
+        isClose: boolean;
+        lineType: ELineTypes;
+    }>): void;
+    static drawText(canvas: HTMLCanvasElement, startPoint: IPoint | IPolygonPoint, text: string, options?: Partial<{
+        color: string;
+        font: string;
+        shadowColor: string;
+        shadowOffsetX: number;
+        shadowOffsetY: number;
+        shadowBlur: number;
+        textMaxWidth: number;
+        offsetX: number;
+        offsetY: number;
+        textAlign: 'start' | 'center' | 'end' | 'left' | 'right';
+    }>): void;
+    static wrapText(canvas: HTMLCanvasElement, text: string, x: number, y: number, maxWidth?: number, lineHeight?: number): void;
+    /**
+     * 绘制箭头
+     * @param ctx
+     * @param startPoint
+     * @param endPoint
+     * @param options
+     */
+    static drawArrow(ctx: CanvasRenderingContext2D, startPoint: IPoint | IPolygonPoint, endPoint: IPoint | IPolygonPoint, options?: Partial<{
+        color: string;
+        thickness: number;
+        lineCap: CanvasLineCap;
+        theta: number;
+        headLen: number;
+        ctx: CanvasRenderingContext2D;
+    }>): void;
+}

package/dist/types/utils/tool/ImgPosUtils.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 图像初始化相关函数的
+ */
+export default class ImgPosUtils {
+    /**
+     * 初始化图片在页面中的大小
+     * @param canvasSize
+     * @param imgSize
+     * @param rotate
+     * @param zoomRatio
+     * @param isOriginalSize
+     */
+    static getInitImgPos(canvasSize: ISize, imgSize: ISize, rotate?: number, zoomRatio?: number, isOriginalSize?: boolean): {
+        zoom: number;
+        currentPos: {
+            x: number;
+            y: number;
+        };
+        imgInfo: {
+            width: number;
+            height: number;
+        };
+    };
+    static getBasicRecPos(imgNode: any, basicRect: IRect, size: {
+        width: number;
+        height: number;
+    }, shrinkRatio?: number, zoomRatio?: number, isOriginalSize?: boolean): false | {
+        currentPos: {
+            x: number;
+            y: number;
+        };
+        innerZoom: number;
+    };
+}