@labelbee/lb-annotation 1.5.4-alpha.6 → 1.5.4

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

@@ -2,50 +2,6 @@
  * 查看模式 - 支持简单数据注入查看
  */
 import { BasicToolOperation, IBasicToolOperationProps } from './basicToolOperation';
-interface IBasicStyle {
-    stroke?: string;
-    fill?: string;
-    thickness?: number;
-}
-interface IGraphicsBasicConfig extends IBasicStyle {
-    hiddenText?: boolean;
-    isReference?: boolean;
-}
-interface IAnnotationData {
-    type: 'rect' | 'polygon' | 'line' | 'point' | 'text';
-    annotation: IBasicRect & IBasicPolygon & IBasicLine & IPoint & IBasicText;
-}
-interface IBasicRect extends IGraphicsBasicConfig {
-    id: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-interface IBasicPolygon extends IGraphicsBasicConfig {
-    id: string;
-    pointList: IPoint[];
-    showDirection?: boolean;
-    specialPoint?: boolean;
-    specialEdge?: boolean;
-}
-declare type IBasicLine = IBasicPolygon;
-interface IBasicText {
-    x: number;
-    y: number;
-    text: string;
-    position: 'rt';
-    textMaxWidth?: number;
-    color?: string;
-    background?: string;
-    lineHeight?: number;
-    font?: string;
-}
-interface IPoint extends IGraphicsBasicConfig {
-    x: number;
-    y: number;
-    radius?: number;
-}
 declare type IViewOperationProps = {
     style: IBasicStyle;
     annotations: IAnnotationData[];
@@ -55,6 +11,7 @@ export default class ViewOperation extends BasicToolOperation {
     annotations: IAnnotationData[];
     private mouseHoverID?;
     private loading;
+    private renderDomInstance;
     constructor(props: IViewOperationProps);
     setLoading(loading: boolean): void;
     onMouseLeave(): void;

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

@@ -1,10 +1,10 @@
+import { CoordinateUtils } from '@/utils/tool/AxisUtils';
+import { EToolName } from '@/constant/tool';
+import { IPolygonConfig } from '@/types/tool/polygon';
 import { EDragStatus, EGrowthMode, ELang } from '../../constant/annotation';
 import ActionsHistory from '../../utils/ActionsHistory';
 import DblClickEventListener from '../../utils/tool/DblClickEventListener';
 import EventListener from './eventListener';
-import { CoordinateUtils } from '@/utils/tool/AxisUtils';
-import { EToolName } from '@/constant/tool';
-import { IPolygonConfig } from '@/types/tool/polygon';
 interface IBasicToolOperationProps {
     container: HTMLElement;
     size: ISize;
@@ -88,6 +88,7 @@ declare class BasicToolOperation extends EventListener {
     setLang(lang: ELang): void;
     setShowDefaultCursor(showDefaultCursor: boolean): void;
     get forbidMouseOperation(): boolean;
+    get pixelRatio(): number;
     init(): void;
     destroy(): void;
     createCanvas(size: ISize): void;

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

@@ -57,7 +57,7 @@ declare class PointOperation extends BasicToolOperation {
     onDragMove(e: MouseEvent): void;
     onKeyDown(e: KeyboardEvent): void;
     createPoint(e: MouseEvent): void;
-    isInPoint(pos: ICoordinate, point: ICoordinate): boolean;
+    isInPoint(pos: ICoordinate, point: ICoordinate, zoom?: number): boolean;
     getHoverId(): string | undefined;
     rightMouseUp(): void;
     onTabKeyDown(e: KeyboardEvent): void;

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

@@ -1,5 +1,5 @@
-import { IPolygonPoint, IPolygonData, IPolygonConfig } from '../../types/tool/polygon';
 import { EToolName, ELineTypes } from '@/constant/tool';
+import { IPolygonPoint, IPolygonData, IPolygonConfig } from '../../types/tool/polygon';
 export default class AxisUtils {
     /**
      * 获取原图坐标下，相对当前图片的偏移值

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

@@ -37,4 +37,10 @@ export default class CanvasUtils {
         left: number;
         right: number;
     };
+    /**
+     * 获取当前的渲染像素比例
+     * @param context
+     * @returns
+     */
+    static getPixelRatio: (context: any) => number;
 }

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

@@ -1,6 +1,6 @@
+import { ECheckModel, EToolName } from '@/constant/tool';
 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';

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

@@ -31,10 +31,18 @@ export default class DrawUtils {
     static drawRectWithFill(canvas: HTMLCanvasElement, rect: IRect, options?: Partial<{
         color: string;
     }>): void;
+    /**
+     * 通过 DOM 形式创建标签
+     * @param parent
+     * @param text
+     * @param id
+     * @returns
+     */
+    static drawTagByDom(parent: HTMLElement, text: string, id: string): HTMLDivElement | undefined;
     static drawTag(canvas: HTMLCanvasElement, tagList: {
         keyName: string;
         value: string[];
-    }[]): void;
+    }[]): HTMLDivElement | undefined;
     /**
      * 绘制点击线条
      * @param canvas
@@ -47,9 +55,9 @@ export default class DrawUtils {
         thickness: number;
         lineCap: CanvasLineCap;
         lineType: ELineTypes;
-        hoverEdgeIndex: number;
         lineDash: number[];
-    }>): void;
+        hoverEdgeIndex: number;
+    }>): IPolygonPoint[] | undefined;
     static drawCircle(canvas: HTMLCanvasElement, anchorPoint: IPoint, radius: number, options?: Partial<{
         startAngleDeg: number;
         endAngleDeg: number;
@@ -78,11 +86,11 @@ export default class DrawUtils {
         isClose: boolean;
         lineType: ELineTypes;
         lineDash: number[];
-    }>): void;
+    }>): IPolygonPoint[];
     static drawPolygonWithFill(canvas: HTMLCanvasElement, pointList: IPolygonPoint[], options?: Partial<{
         color: string;
         lineType: ELineTypes;
-    }>): void;
+    }>): IPolygonPoint[] | undefined;
     static drawPolygonWithFillAndLine(canvas: HTMLCanvasElement, pointList: IPolygonPoint[], options?: Partial<{
         strokeColor: string;
         fillColor: string;

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

@@ -17,6 +17,7 @@ export default class PolygonUtils {
     static createSmoothCurvePointsFromPointList(pointList: Array<{
         x: number;
         y: number;
+        [a: string]: any;
     }>, numberOfSegments?: number): any[];
     static createSmoothCurvePoints(points: any[], tension?: number, closed?: boolean, numberOfSegments?: number): any[];
     /**

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

@@ -0,0 +1,23 @@
+/**
+ * 渲染 DOM 类
+ */
+interface IProps {
+    container: HTMLElement;
+    height: number;
+}
+export default class RenderDomClass {
+    private _domMap;
+    private _container;
+    private _height;
+    constructor(props: IProps);
+    wheelChange(e: any): void;
+    /**
+     * 清除当前渲染的标签
+     */
+    clearTag(id: string): void;
+    /**
+     * 对比当前内容和后续内容的区别
+     */
+    render(annotations: IBasicText[]): void;
+}
+export {};

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

@@ -1,3 +1,3 @@
 export default class RenderDomUtils {
-    static renderInvalidPage(canvas: HTMLCanvasElement, container: HTMLElement, lang: string): HTMLDivElement;
+    static renderInvalidPage(container: HTMLElement, size: ISize, lang: string): HTMLDivElement;
 }

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

@@ -6,4 +6,10 @@ export default class StyleUtils {
         stroke: string;
         fill: string;
     };
+    /**
+     * Transformer Style to String
+     * @param style
+     * @returns
+     */
+    static getStyle2String(style?: StyleSheetList): string | undefined;
 }