@labelbee/lb-annotation 1.0.0-alpha.1

package/dist/types/locales/constants.d.ts

@@ -0,0 +1,19 @@
+export declare enum EMessage {
+    NoRotateNotice = "noRotateNotice",
+    RectErrorSizeNotice = "rectErrorSizeNotice",
+    TextCheckNumberErrorNotice = "textCheckNumberErrorNotice",
+    TextCheckEnglishErrorNotice = "textCheckEnglishErrorNotice",
+    TextCheckCustomErrorNotice = "textCheckCustomErrorNotice",
+    UpperLimitErrorNotice = "UpperLimitErrorNotice",
+    LowerLimitErrorNotice = "LowerLimitErrorNotice",
+    InvalidImage = "InvalidImage",
+    DisableDelete = "DisableDelete",
+    ClearPartialData = "ClearPartialData",
+    MarkerFinish = "MarkerFinish",
+    LowerLimitPoint = "LowerLimitPoint",
+    NoRotateInDependence = "noRotateInDependence",
+    UnableToReannotation = "unableToReannotation",
+    ForbiddenCreationOutsideBoundary = "ForbiddenCreationOutsideBoundary",
+    SuccessfulEdgeAdsorption = "SuccessfulEdgeAdsorption",
+    ForbidAddNewPoint = "ForbidAddNewPoint"
+}

package/dist/types/locales/en_US/message.d.ts

@@ -0,0 +1,2 @@
+declare const message: Record<string, string>;
+export default message;

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

@@ -0,0 +1,4 @@
+declare class Locale {
+    static getMessagesByLocale: (key: string, locale: string) => string;
+}
+export default Locale;

package/dist/types/locales/zh_CN/message.d.ts

@@ -0,0 +1,2 @@
+declare const message: Record<string, string>;
+export default message;

package/dist/types/newCore/CanvasScheduler.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @file Scheduling creation for multi-layer canvas
+ * @createdate 2022-06-22
+ * @author Ron <ron.f.luo@gmail.com>
+ */
+interface ICanvasBasicOperation {
+    createCanvas(id: string, options?: {
+        size?: {
+            width: number;
+            height: number;
+        };
+    }): HTMLCanvasElement;
+    createCanvas(canvas: HTMLCanvasElement): HTMLCanvasElement;
+    destroyCanvas(id: string): HTMLElement | null;
+    switchOrder?: (key: string) => void;
+}
+interface ICavnasSchdulerProps {
+    container: HTMLElement;
+}
+declare class CanvasScheduler implements ICanvasBasicOperation {
+    private container;
+    constructor(props: ICavnasSchdulerProps);
+    createCanvas(id: string | HTMLCanvasElement, options?: {
+        size?: {
+            width: number;
+            height: number;
+        };
+    }): HTMLCanvasElement;
+    destroyCanvas(id: string): HTMLElement | null;
+}
+export { CanvasScheduler };

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

@@ -0,0 +1 @@
+export * from './CanvasScheduler';

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

@@ -0,0 +1,32 @@
+export default class ActionsHistory {
+    record: any[];
+    recordIndex: number;
+    callback?: () => void;
+    minRecordIndex: number;
+    /** 历史改变后触发的更新 */
+    historyChanged?: (undoEnabled: boolean, redoEnabled: boolean) => void;
+    constructor(historyChanged?: (undoEnabled: boolean, redoEnabled: boolean) => void);
+    get undoEnabled(): boolean;
+    get redoEnabled(): boolean;
+    emitHistoryChanged: () => void;
+    pushHistory(action: any): void;
+    updateHistory(newRecord: any): void;
+    /**
+     * 应用属性到所有记录
+     * @param key
+     * @param value
+     */
+    applyAttribute(id: string | undefined, key: string, value: any): void;
+    /** 撤销 */
+    undo(): any;
+    /** 重做 */
+    redo(): any;
+    init(): void;
+    empty(): void;
+    /**
+     * 设置已经保存的数据
+     * @param minIndex
+     * @param isExitData  用于空数组下的赋值
+     */
+    initRecord(data: any, isExitData?: boolean): void;
+}

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

@@ -0,0 +1,40 @@
+/**
+ *  EventBus 事件传递，用于组件间的事件监听/传递
+ */
+declare class EventBus {
+    private _events;
+    constructor();
+    /**
+     * 事件绑定。(注:相同的事件下的相同方法不支持多次绑定)
+     * @param eventName 事件名字
+     * @param callback 事件回调
+     */
+    on(eventName: string, callback: () => void): void;
+    /**
+     * 单独的事件绑定，一个事件仅支持绑定一个函数
+     *
+     * @param {string} eventName
+     * @param {() => void} callback
+     * @memberof EventBus
+     */
+    singleOn(eventName: string, callback: () => void): void;
+    /**
+     * 事件广播
+     * @param eventName 事件名字
+     * @param callback 事件回调
+     */
+    emit(eventName: string): void;
+    /**
+     * 事件解绑，对某一事件进行事件解绑
+     * @param eventName 需要解绑的事件名字
+     * @param callback 需要解绑的方法
+     */
+    unbind(eventName: string, callback: () => void): void;
+    /**
+     * 解绑事件
+     * @param eventName
+     */
+    unbindAll(eventName: string): void;
+}
+declare const _default: EventBus;
+export default _default;

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

@@ -0,0 +1,3 @@
+export default class ImgUtils {
+    static load(src: string): Promise<HTMLImageElement>;
+}

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

@@ -0,0 +1,172 @@
+/**
+ * 各类的数学运算
+ */
+import { TAnnotationViewData } from '@labelbee/lb-utils';
+import { IPolygonPoint } from '@/types/tool/polygon';
+/**
+ * 基础的三角运算
+ */
+export declare class Trigonometric {
+    static tanAPlusB(tanA: number, tanB: number): number;
+    static sinAPlusB(sinA: number, cosA: number, sinB: number, cosB: number): number;
+    static cosAPlusB(sinA: number, cosA: number, sinB: number, cosB: number): number;
+}
+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, allowOverRange?: boolean) => any;
+    /**
+     * 获取当前文本的背景面积
+     * @param canvas
+     * @param text
+     * @param maxWidth
+     * @param lineHeight
+     * @returns
+     */
+    static getTextArea(canvas: HTMLCanvasElement, text: string, maxWidth?: number, font?: string, lineHeight?: number): {
+        width: number;
+        height: number;
+        lineHeight?: undefined;
+        fontHeight?: undefined;
+    } | {
+        width: number;
+        height: number;
+        lineHeight: number;
+        fontHeight: number;
+    };
+    /**
+     * 获取线条中心点
+     * @param line
+     * @returns
+     */
+    static getLineCenterPoint(line: [ICoordinate, ICoordinate]): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 获取线条的垂线
+     * @param line
+     * @returns
+     */
+    static getPerpendicularLine(line: ICoordinate[]): ICoordinate[] | undefined;
+    /**
+     * 获取当前垂直于直线的最后一个点的垂线点
+     * @param line
+     * @param coordinate
+     * @returns
+     */
+    static getPerpendicularFootOfLine(line: ICoordinate[], coordinate: ICoordinate): any;
+    /**
+     * 从正三角形获取正四边形
+     * @param triangle
+     * @returns
+     */
+    static getQuadrangleFromTriangle(triangle: ICoordinate[]): ICoordinate[];
+    /**
+     * 矩形拖动线，实现横向的扩大缩小
+     * @param dragStartCoord
+     * @param currentCoord
+     * @param basicLine
+     * @returns
+     */
+    static getRectPerpendicularOffset(dragStartCoord: ICoordinate, currentCoord: ICoordinate, basicLine: [ICoordinate, ICoordinate]): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 获取当前真实 Index
+     * @param index
+     * @param len
+     * @returns
+     */
+    static getArrayIndex(index: number, len: number): number;
+    /**
+     * 在矩形点集拖动一个点时，需要进行一直维持矩形
+     * @param pointList
+     * @param changePointIndex
+     * @param offset
+     * @returns
+     */
+    static getPointListFromPointOffset(pointList: [ICoordinate, ICoordinate, ICoordinate, ICoordinate], changePointIndex: number, offset: ICoordinate): ICoordinate[];
+    /**
+     * 获取矩形框旋转中心
+     * @param rectPointList
+     * @returns
+     */
+    static getRectCenterPoint(rectPointList: [ICoordinate, ICoordinate, ICoordinate, ICoordinate]): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 获取按指定的 angle 旋转的角度后的矩形
+     * @param rotate
+     * @param rectPointList
+     * @returns
+     */
+    static rotateRectPointList(angle: number | undefined, rectPointList: [ICoordinate, ICoordinate, ICoordinate, ICoordinate]): {
+        x: number;
+        y: number;
+    }[];
+    /**
+     * 通过当前坐标 + 已知两点获取正多边形
+     * @param coordinate
+     * @param pointList
+     * @returns
+     */
+    static getRectangleByRightAngle(coordinate: ICoordinate, pointList: IPolygonPoint[]): ICoordinate[];
+    /**
+     * Get the radius from quadrangle under top-view
+     *
+     * Return Range  [0 , 2PI]
+     * @param points
+     * @returns
+     */
+    static getRadiusFromQuadrangle(points: [ICoordinate, ICoordinate, ICoordinate, ICoordinate]): number;
+    /**
+     * Rewrite the CollectionPoint Calculation (Diff`from getCollectionPointByAnnotationData)
+     * @param annotations
+     * @returns
+     */
+    static getCollectionPointByAnnotationDataPromise(annotations: TAnnotationViewData[]): {
+        promise: Promise<unknown>;
+        close: () => void;
+    };
+    static getCollectionPointByAnnotationData(annotations: TAnnotationViewData[]): {
+        connectionPoints: ICoordinate[];
+    };
+}

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

@@ -0,0 +1,29 @@
+declare function getClosestPoint(coordinate: any, polygonList: any, lineType: number | undefined, range: number | undefined, option: any): {
+    dropFoot: any;
+    closestEdgeIndex: number;
+    closestPolygonID: string;
+    hasClosed: boolean;
+};
+declare class CommonToolUtils {
+    static findAllLine(pointList: any, isClose?: boolean): {
+        point1: any;
+        point2: any;
+        pointIndex: number;
+    }[];
+}
+declare class MathUtils {
+    static isInRange(value: any, range: any): boolean;
+    static getLineLength(point1: any, point2: any): number;
+    static isOutOfRange(coordinate: any, point1: any, point2: any, range: any): boolean;
+    static cross(vector1: any, vector2: any): number;
+    static getFootOfPerpendicular(pt: any, begin: any, end: any, useAxisRange?: boolean): {
+        x: number;
+        y: number;
+    } | {
+        footPoint: {
+            x: number;
+            y: number;
+        };
+        length: number;
+    };
+}

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

@@ -0,0 +1,16 @@
+/**
+ * 向量运算
+ * @author laoluo
+ */
+export default class Vector {
+    static add(vector1: ICoordinate, vector2: ICoordinate): {
+        x: number;
+        y: number;
+    };
+    static getVector(point1: ICoordinate, point2: ICoordinate): {
+        x: number;
+        y: number;
+    };
+    static len(vector: ICoordinate): number;
+    static dotProduct(vector1: ICoordinate, vector2: ICoordinate): number;
+}

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

@@ -0,0 +1,94 @@
+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;
+    static generateIconAttribute({ fill, width, height, xmlns, xlink, }: {
+        fill?: string;
+        width?: number;
+        height?: number;
+        xmlns?: string;
+        xlink?: string;
+    }): string;
+    /**
+     * 根据keycode返回attribute, 没有匹配到时为undefined
+     * @param keyCode
+     * @param attributeList
+     * @returns {undefined|string} 没有匹配到时为undefined
+     */
+    static getAttributeByKeycode(keyCode: number, attributeList: IInputList[]): string | undefined;
+}