@labelbee/lb-annotation 1.0.0-alpha.1

package/dist/types/core/toolOperation/basicToolOperation.d.ts

@@ -0,0 +1,266 @@
+import { IBasicText } from '@labelbee/lb-utils';
+import { EOperationMode, EToolName } from '@/constant/tool';
+import { IPolygonConfig, IPolygonData } from '@/types/tool/polygon';
+import { CoordinateUtils } from '@/utils/tool/AxisUtils';
+import { EDragStatus, EGrowthMode, ELang } from '../../constant/annotation';
+import ActionsHistory from '../../utils/ActionsHistory';
+import DblClickEventListener from '../../utils/tool/DblClickEventListener';
+import EventListener from './eventListener';
+interface IBasicToolOperationProps {
+    container: HTMLElement;
+    size: ISize;
+    imgNode?: HTMLImageElement;
+    style?: any;
+    rotate?: number;
+    imgAttribute?: any;
+    forbidOperation?: boolean;
+    config: string;
+    defaultAttribute?: string;
+    forbidCursorLine?: boolean;
+    showDefaultCursor?: boolean;
+    forbidBasicResultRender?: boolean;
+    isAppend?: boolean;
+    hiddenImg?: boolean;
+}
+/**
+ * 参考显示数据
+ */
+interface IReferenceData {
+    toolName: EToolName.Polygon | EToolName.Line | EToolName.LineMarker;
+    result: IPolygonData[] | ILinePoint[];
+    config: any;
+}
+declare class BasicToolOperation extends EventListener {
+    container: HTMLElement;
+    canvas: HTMLCanvasElement;
+    basicCanvas: HTMLCanvasElement;
+    imgNode?: HTMLImageElement;
+    basicImgInfo: any;
+    isImgError: boolean;
+    basicResult?: any;
+    referenceData?: IReferenceData;
+    dependToolName?: EToolName;
+    history: ActionsHistory;
+    size: ISize;
+    isShowCursor: boolean;
+    forbidOperation: boolean;
+    forbidBasicResultRender: boolean;
+    style: any;
+    zoom: number;
+    currentPos: ICoordinate;
+    coord: ICoordinate;
+    imgInfo?: ISize;
+    isDrag: boolean;
+    isSpaceKey: boolean;
+    attributeLockList: string[];
+    dblClickListener: DblClickEventListener;
+    isHidden: boolean;
+    config: any;
+    dragStatus: EDragStatus;
+    defaultAttribute: string;
+    forbidCursorLine: boolean;
+    lang: ELang;
+    dataInjectionAtCreation?: TDataInjectionAtCreateion;
+    renderEnhance?: IRenderEnhance;
+    customRenderStyle?: (data: IRect | IPolygonData | IPoint | ILine | ITagResult | IBasicText) => IAnnotationStyle;
+    operationMode: EOperationMode;
+    private _firstClickCoordinate?;
+    private innerZoom;
+    private currentPosStorage?;
+    private basicZoom;
+    private isSpaceClick;
+    private isDragStart;
+    private startTime;
+    private _ctx?;
+    private _imgAttribute?;
+    private _invalidDOM?;
+    private showDefaultCursor;
+    private hiddenImg;
+    coordUtils: CoordinateUtils;
+    constructor(props: IBasicToolOperationProps);
+    onContextmenu(e: MouseEvent): void;
+    get ctx(): CanvasRenderingContext2D | null;
+    get basicCtx(): CanvasRenderingContext2D | null;
+    get rotate(): any;
+    get valid(): any;
+    get baseIcon(): any;
+    get defaultCursor(): string;
+    /** 数据列表，根据其判断是否可以旋转 */
+    get dataList(): any[];
+    get innerPosAndZoom(): {
+        innerZoom: number;
+        currentPosStorage: ICoordinate | undefined;
+    };
+    get isShowDefaultCursor(): boolean;
+    get isMultiMoveMode(): boolean;
+    /**
+     * 是否含有列表标注
+     */
+    get hasMarkerConfig(): any;
+    setZoom(zoom: number): void;
+    setCurrentPos(currentPos: ICoordinate): void;
+    setReferenceData(referenceData: IReferenceData): void;
+    setImgInfo(size: ISize): void;
+    setCurrentPosStorage(currentPosStorage: ICoordinate): void;
+    setOperationMode(operationMode: EOperationMode): void;
+    recoverOperationMode(): void;
+    /**
+     * 外界直接更改当前渲染位置
+     * @param zoom
+     * @param currentPos
+     */
+    updatePosition(params: {
+        zoom: number;
+        currentPos: ICoordinate;
+    }): void;
+    setLang(lang: ELang): void;
+    setShowDefaultCursor(showDefaultCursor: boolean): void;
+    setCustomCursor(cursor: string): void;
+    get forbidMouseOperation(): boolean;
+    get pixelRatio(): number;
+    init(): void;
+    destroy(): void;
+    updateCanvasBasicStyle(canvas: HTMLCanvasElement, size: ISize, zIndex: number): void;
+    createCanvas(size: ISize, isAppend?: boolean): void;
+    destroyCanvas(): void;
+    /**
+     * 设置框的样式
+     * @param lineWidth
+     * @param strokeColor
+     */
+    setStyle(toolStyle: any): void;
+    /**
+     * Notice. It needs to set the default imgInfo. Because it will needs to create info when it doesn't have
+     * @param imgNode
+     * @param basicImgInfo
+     */
+    setImgNode(imgNode: HTMLImageElement, basicImgInfo?: Partial<{
+        valid: boolean;
+        rotate: number;
+    }>): void;
+    setErrorImg(): void;
+    setBasicImgInfo(basicImgInfo: any): void;
+    setForbidOperation(forbidOperation: boolean): void;
+    setForbidCursorLine(forbidCursorLine: boolean): void;
+    setIsHidden(isHidden: boolean): void;
+    setDefaultAttribute(attribute: string): void;
+    getCoordinateInOrigin(e: MouseEvent): {
+        x: number;
+        y: number;
+    };
+    /**
+     * Get the textIconSvg by attribute.
+     * @param attribute
+     */
+    getTextIconSvg(attribute?: string): any;
+    /**
+     * 用于外界直接控制序号的是否展示
+     * @param isShowOrder
+     */
+    setIsShowOrder(isShowOrder: boolean): void;
+    /** 获取坐标值 */
+    getCoordinate(e: MouseEvent): {
+        x: number;
+        y: number;
+    };
+    /** 获取当前zoom 下的坐标 */
+    getCoordinateUnderZoom(e: MouseEvent): {
+        x: number;
+        y: number;
+    };
+    /**
+     * Get the coordinate based on zoom and rotate
+     *
+     *
+     * @param e
+     * @returns
+     */
+    getCoordinateUnderZoomByRotate(e: MouseEvent): {
+        x: number;
+        y: number;
+    };
+    getGetCenterCoordinate(): {
+        x: number;
+        y: number;
+    };
+    /** 用于初始化图片的位置 */
+    initImgPos: () => Promise<void>;
+    /**
+     * 用于依赖情况下的图片初始化
+     */
+    initPosition(): void;
+    getCurrentPos: (coord: any) => {
+        y: number;
+        x: number;
+    };
+    /** 撤销 */
+    undo(): void;
+    /** 重做 */
+    redo(): void;
+    clearCanvas(): void;
+    clearBasicCanvas(): void;
+    /** 事件绑定 */
+    eventBinding(): void;
+    eventUnbinding(): void;
+    clearImgDrag(): void;
+    clearCursorLine(): void;
+    onMouseDown(e: MouseEvent): void | boolean;
+    onMouseMove(e: MouseEvent): boolean | void;
+    onMouseUp(e: MouseEvent): boolean | void;
+    onMouseLeave(): void;
+    onClick(e: MouseEvent): void;
+    onLeftDblClick(e: MouseEvent): void;
+    onRightDblClick(e: MouseEvent): void;
+    onKeyDown(e: KeyboardEvent): boolean | void;
+    onKeyUp(e: KeyboardEvent): boolean | void;
+    /**
+     * 导出自定义数据
+     * @returns
+     */
+    exportCustomData(): {};
+    onWheel(e: any, isRender?: boolean): boolean | void;
+    wheelChangePos: (coord: ICoordinate, operator: 1 | -1 | 0, newZoom?: number) => void;
+    /**
+     * 通过ZOOM_LEVEL, 计算出下一个缩放的值。
+     * @param isZoomIn 是否为放大
+     */
+    zoomChanged: (isZoomIn: boolean, growthMode?: EGrowthMode) => void;
+    /**
+     *  Update by center.
+     *
+     * @param newZoom
+     */
+    zoomChangeOnCenter: (newZoom: number) => void;
+    renderCursorLine(lineColor?: any): void;
+    drawImg: () => void;
+    /**
+     * 更改当前 canvas 整体的大小，需要重新初始化
+     * @param size
+     */
+    setSize(size: ISize): void;
+    setImgAttribute(imgAttribute: IImageAttribute): void;
+    clearResult(sendMessage?: boolean | string): void;
+    setValid(valid: boolean): void;
+    setRotate(rotate: number): void;
+    setBasicResult(basicResult: any): void;
+    setDependName(dependToolName: EToolName, dependToolConfig?: IRectConfig | IPolygonConfig): void;
+    setAttributeLockList(attributeLockList: string[]): void;
+    setConfig(config: string): void;
+    setDataInjectionAtCreation(dataInjectionAtCreation: TDataInjectionAtCreateion): void;
+    setRenderEnhance(renderEnhance: IRenderEnhance): void;
+    setCustomRenderStyle(customRenderStyle: (data: IRect | IPolygonData | IPoint | ILine | ITagResult | IBasicText) => IAnnotationStyle): void;
+    /**
+     * 进行图片旋转操作
+     * @returns
+     */
+    updateRotate(): false | undefined;
+    /** Get the current property color */
+    getColor(attribute?: string, config?: any): any;
+    getLineColor(attribute?: string): any;
+    clearInvalidPage(): void;
+    renderInvalidPage(): void;
+    renderBasicCanvas(): void;
+    render(): void;
+    changeStyle(newAttribute?: string): void;
+}
+export { IBasicToolOperationProps, BasicToolOperation };

package/dist/types/core/toolOperation/checkOperation.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 查看模式 - 严格配置要求
+ */
+import { EToolName } from '../../constant/tool';
+import { IPolygonData } from '../../types/tool/polygon';
+import { BasicToolOperation, IBasicToolOperationProps } from './basicToolOperation';
+interface ICheckResult {
+    result: Array<IPolygonData | IRect | ITagResult>;
+    toolName: EToolName;
+    config: string[];
+}
+interface ICheckOperationProps extends IBasicToolOperationProps {
+    resultList: ICheckResult[];
+}
+declare class CheckOperation extends BasicToolOperation {
+    resultList: ICheckResult[];
+    hoverID: string[];
+    fillID: string[];
+    private mouseHoverID?;
+    constructor(props: ICheckOperationProps);
+    onMouseDown(e: MouseEvent): true | undefined;
+    updateRotate(): void;
+    onMouseMove(e: MouseEvent): void;
+    getHoverRectID: (e: MouseEvent) => string;
+    setResult(result: ICheckResult[]): void;
+    drawPolygon(polygonList: IPolygonData[], config: any): void;
+    drawRect(rectList: IRect[], config: any): void;
+    drawTag(tagList: ITagResult[], config: any): void;
+    setHoverID(hoverID: string[]): void;
+    setFillID(fillID: string[]): void;
+    render(): void;
+    /**
+     * 同步操作中的基础信息
+     */
+    exportData(): {}[];
+}
+export default CheckOperation;

package/dist/types/core/toolOperation/cuboidOperation.d.ts

@@ -0,0 +1,174 @@
+import { ECuboidDirection } from '@/constant/annotation';
+import type { ICuboid, ICuboidConfig, IDrawingCuboid } from '@/types/tool/cuboid';
+import { BasicToolOperation } from './basicToolOperation';
+import type { IBasicToolOperationProps } from './basicToolOperation';
+import { ITextAttributeFuc } from './textAttributeClass';
+type ICuboidOperationProps = IBasicToolOperationProps;
+/**
+ * Just use for the drawing.
+ */
+declare enum EDrawingStatus {
+    Ready = 1,
+    FirstPoint = 2,
+    Cuboid = 3
+}
+declare class CuboidOperation extends BasicToolOperation implements ITextAttributeFuc {
+    private toggleButtonInstance?;
+    drawingCuboid?: IDrawingCuboid;
+    /**
+     * The coordinates of the first click, used for creating a cuboid.
+     */
+    firstClickCoord?: ICoordinate;
+    drawingStatus: EDrawingStatus;
+    cuboidList: ICuboid[];
+    selectedID?: string;
+    config: ICuboidConfig;
+    hoverID: string;
+    private dragInfo?;
+    private highlightInfo?;
+    private _textAttributeInstance?;
+    get selectedText(): string;
+    constructor(props: ICuboidOperationProps);
+    destroy(): void;
+    /**
+     * Get the showing cuboidList which is needed to be shown.
+     *
+     * Filter Condition: (It is not enabled currently)
+     * 1. basicResult
+     * 2. attributeLockList
+     */
+    get currentShowList(): ICuboid[];
+    get selectedCuboid(): ICuboid | undefined;
+    get dataList(): ICuboid[];
+    get isNeedCheckCuboidSize(): boolean;
+    /**
+     * Whether the mouse is in the hover range.
+     * @param e
+     * @returns
+     */
+    getIsHoverSelectedCuboid(e: MouseEvent): boolean | undefined;
+    /**
+     * Forbidden to draw a cuboid if the backPlane is front than the frontPlane.
+     * @param e
+     * @param cuboid
+     * @returns
+     */
+    isForbiddenMove(e: MouseEvent, cuboid: ICuboid | IDrawingCuboid): boolean;
+    getHoverData: (e: MouseEvent) => {
+        hoverID: string;
+        hoverCuboid: ICuboid | undefined;
+    } | {
+        hoverID?: undefined;
+        hoverCuboid?: undefined;
+    };
+    updateSelectedCuboid(newCuboid: ICuboid): void;
+    getStylesToRender(attribute: string, valid: boolean): {
+        strokeColor: any;
+        toolColor: any;
+        fillColor: any;
+        lineWidth: any;
+    };
+    /**
+     * Get Selected Data.
+     *
+     * Exclusive: TextAttributeInstance.
+     * @param attribute
+     * @param valid
+     * @returns
+     */
+    getCurrentSelectedData(): {
+        width: number;
+        textAttribute: string;
+        color: any;
+    } | undefined;
+    /**
+     * Update text Input.
+     *
+     * Exclusive: TextAttributeInstance.
+     * @param attribute
+     * @param valid
+     * @returns
+     */
+    updateSelectedTextAttribute(newTextAttribute?: string): void;
+    setResult(cuboidList: ICuboid[]): void;
+    /**
+     * 获取当前页面标注结果
+     */
+    get currentPageResult(): ICuboid[];
+    clearResult(): void;
+    exportData(): any[];
+    setSelectedID(newID?: string): void;
+    setSelectedIDAndRender(newID?: string): void;
+    setCuboidValidAndRender(id: string): void;
+    onRightDblClick(e: MouseEvent): void;
+    setCuboidList(cuboidList: ICuboid[], isUpload?: boolean): void;
+    deleteCuboid(id: string): void;
+    onKeyDown(e: KeyboardEvent): void;
+    onKeyUp(e: KeyboardEvent): void;
+    onMouseDown(e: MouseEvent): void;
+    onMouseUp(e: MouseEvent): boolean | void;
+    onMouseMove(e: MouseEvent): boolean | void;
+    drawingFrontPlanesMove(e: MouseEvent): true | undefined;
+    drawingBackPlaneMove(e: MouseEvent): void;
+    onDragMove(e: MouseEvent): void;
+    /**
+     * onMouseMove in hover.
+     *
+     * Highlight the position of hover.
+     * @param e
+     */
+    onHoverMove(e: MouseEvent): void;
+    createNewDrawingCuboid(e: MouseEvent, basicSourceID: string): void;
+    /**
+     * Change Status
+     * From drawing frontPlane to backPlane
+     */
+    closeNewDrawingFrontPlane(): void;
+    closeAndCreateNewCuboid(): void;
+    deleteSelectedID(): void;
+    clearDrawingStatus(): void;
+    clearActiveStatus(): void;
+    rightMouseUp(e: MouseEvent): void;
+    /**
+     * Render the highlight components
+     *
+     * Situation:
+     * 1. hover
+     * 2. selected.
+     *
+     * Components:
+     * 1. 6 Points
+     * 2. 5 Lines.
+     *
+     * @param cuboid
+     */
+    renderHighlightCuboidCom(cuboid: ICuboid | IDrawingCuboid): void;
+    /**
+     * TODO - Need to optimize.
+     * @param cuboid
+     */
+    renderSingleCuboid(cuboid: ICuboid | IDrawingCuboid): void;
+    setDefaultAttribute(defaultAttribute?: string): void;
+    renderToggleButton(): void;
+    renderTextAttribute(): void;
+    renderDrawing(): void;
+    renderStatic(): void;
+    renderSelected(): void;
+    updateMouseOperation(type: 'in' | 'out'): void;
+    toggleDirection(direction: ECuboidDirection): void;
+    /**
+     * Notice: Hover is under selectedCuboid.
+     */
+    renderHover(): void;
+    renderCuboid(): void;
+    render(): void;
+    undo(): void;
+    redo(): void;
+    /**
+     * Sidebar Callback Function
+     * @param v
+     * @returns
+     */
+    textChange: (v: string) => void;
+}
+export default CuboidOperation;

package/dist/types/core/toolOperation/cuboidToggleButtonClass.d.ts

@@ -0,0 +1,38 @@
+import { ECuboidDirection } from '@/constant/annotation';
+interface IBaseInfo {
+    cuboidButtonMove: (type: 'in' | 'out') => void;
+    toggleDirection: (direction: ECuboidDirection) => void;
+}
+interface ITextAttributeProps {
+    container: HTMLElement;
+}
+export default class CuboidToggleButtonClass {
+    private container;
+    private direction;
+    private _cuboidButtonDOM?;
+    private _cuboidFABDOM?;
+    private isFrontSide;
+    private _cuboidMoreDOM?;
+    private _cuboidMoreListDOM?;
+    private cuboidButtonMove;
+    private onToggleDirection;
+    constructor(props: ITextAttributeProps & IBaseInfo);
+    appendToContainer(): void;
+    initCuboidButtonDOM(): HTMLDivElement;
+    initcuboidFABDOM(icon: any): HTMLDivElement;
+    initcuboidMoreDOM(icon: any): HTMLDivElement;
+    initcuboidMoreListDOM(): HTMLDivElement;
+    /**
+     * Update current button (top)
+     * @param position
+     */
+    update(position: {
+        left: number;
+        top: number;
+        color: string;
+        width?: number;
+    }): void;
+    clearCuboidButtonDOM(): void;
+    clearCuboidMoreListDOM(): void;
+}
+export {};

package/dist/types/core/toolOperation/eventListener.d.ts

@@ -0,0 +1,33 @@
+export default class EventListener {
+    private _events;
+    constructor();
+    /**
+     * 事件绑定。(注:相同的事件下的相同方法不支持多次绑定)
+     * @param eventName 事件名字
+     * @param callback 事件回调
+     */
+    on(eventName: string, callback: (...args: any[]) => void): void;
+    /**
+     * 单独的事件绑定，一个事件仅支持绑定一个函数
+     * @param eventName
+     * @param callback
+     */
+    singleOn(eventName: string, callback: (...args: any[]) => void): void;
+    /**
+     * 事件广播
+     * @param eventName 事件名字
+     * @param callback 事件回调
+     */
+    emit(eventName: string, ...args: any[]): void;
+    /**
+     * 事件解绑，对某一事件进行事件解绑
+     * @param eventName 需要解绑的事件名字
+     * @param callback 需要解绑的方法
+     */
+    unbind(eventName: string, callback: (...params: any[]) => void): void;
+    /**
+     * 解绑事件
+     * @param eventName
+     */
+    unbindAll(eventName: string): void;
+}

package/dist/types/core/toolOperation/measureOperation.d.ts

@@ -0,0 +1,8 @@
+import { RectOperation, IRectOperationProps } from './rectOperation';
+interface IMeasureOpeartion extends IRectOperationProps {
+}
+declare class MeasureOperation extends RectOperation {
+    constructor(props: IMeasureOpeartion);
+    setSelectedIdAfterAddingDrawingRect(): void;
+}
+export default MeasureOperation;

package/dist/types/core/toolOperation/pointCloud2dOperation.d.ts

@@ -0,0 +1,119 @@
+/**
+ * It can expand various types of operations
+ *
+ * @file PointCloud 2D Operation
+ * @createdate 2022-07-11
+ * @author Ron <ron.f.luo@gmail.com>
+ */
+import { IPointCloudConfig } from '@labelbee/lb-utils';
+import { ESortDirection } from '@/constant/annotation';
+import { IPolygonData, IPolygonPoint } from '@/types/tool/polygon';
+import PolygonOperation, { IPolygonOperationProps } from './polygonOperation';
+interface IPointCloud2dOperationProps {
+    showDirectionLine?: boolean;
+    forbidAddNew?: boolean;
+    checkMode?: boolean;
+}
+declare class PointCloud2dOperation extends PolygonOperation {
+    showDirectionLine: boolean;
+    hideAttributes: string[];
+    forbidAddNew: boolean;
+    pointCloudConfig: IPointCloudConfig;
+    private checkMode;
+    private selectedIDs;
+    constructor(props: IPolygonOperationProps & IPointCloud2dOperationProps);
+    get getSelectedIDs(): string[];
+    get enableDrag(): boolean;
+    get visiblePolygonList(): IPolygonData[];
+    setHiddenAttributes(hideAttributes: string[]): void;
+    setConfig(config: string): void;
+    dragMouseDown(e: MouseEvent): void;
+    deletePolygon(id?: string): void;
+    deletePolygonPoint(index: number): void;
+    /**
+     * Update selectedIDs and rerender
+     * @param selectedIDs
+     */
+    setSelectedIDs(selectedIDs: string[]): void;
+    deleteSelectedID(): void;
+    /**
+     * Right click event
+     * @override
+     */
+    rightMouseUp: (e: MouseEvent) => void;
+    get selectedPolygons(): IPolygonData[] | undefined;
+    updateSelectedPolygonsPoints(offset: Partial<ICoordinate>): void;
+    /**
+     * keydown event
+     * @override
+     */
+    onKeyDown: () => void;
+    /**
+     * keyup event
+     * @override
+     */
+    onKeyUp: () => void;
+    getLineColor(): string;
+    /** 获取当前属性颜色 */
+    getPointCloudLineColor(polygon: IPolygonData): string;
+    /**
+     * Add direction
+     * @override
+     * */
+    renderStaticPolygon(): void;
+    /**
+     * Update the show
+     * @override
+     * */
+    renderSelectedPolygon(): void;
+    renderSingleSelectedPolygon: (selectedPolygon: IPolygonData) => void;
+    renderRectPolygonDirection(polygon: IPolygonPoint[]): void;
+    get currentPolygonListByPattern(): IPolygonData[];
+    /**
+     * Filter the polygon by Pattern
+     * @override
+     * */
+    getHoverID(e: MouseEvent): string;
+    /**
+     * Filter the polygon by Pattern
+     * @override
+     * */
+    switchToNextPolygon(sort?: ESortDirection): string[] | undefined;
+    /**
+     * Be selected after created.
+     * @override
+     */
+    setSelectedIdAfterAddingDrawing(newID: string): void;
+    updateTextAttribute(newID?: string): void;
+    /**
+     * Overwrite and prevent selectedChange emit
+     * @override
+     */
+    setSelectedID(newID?: string): void;
+    addPointInDrawing(e: MouseEvent): void;
+    /**
+     * Update canvas size directly
+     * @param size
+     */
+    setCanvasSize(size: ISize): void;
+    /**
+     * If the operation is triggered internally, it will emit validUpdate.
+     *
+     * The Invalid update needs to be added a params.
+     * @override
+     * @param id
+     * @param forbidEmit
+     * @returns
+     */
+    setPolygonValidAndRender(id: string, isUpdate?: boolean): void;
+    onDragMove(e: MouseEvent): void;
+    onMouseDown(e: MouseEvent): true | undefined;
+    /**
+     *  Just Update Data. Not Clear Status
+     * @param polygonList
+     */
+    setResultAndSelectedID(polygonList: IPolygonData[], selectedID: string): void;
+    emitUpdatePolygonByDrag: () => void;
+}
+export default PointCloud2dOperation;
+export { IPointCloud2dOperationProps };