next-element-vue 0.6.3 → 0.6.5

package/dist/packages/components/labelme/src/config.d.ts

@@ -2,13 +2,15 @@ import type { Ref } from 'vue';
 export declare enum ShapeType {
     Polygon = "polygon",
     Rectangle = "rectangle",
-    Circle = "circle"
+    Circle = "circle",
+    Keypoint = "keypoint"
 }
 export declare enum ToolsHandleType {
     CREATE_POLYGON = "createPolygon",
     EDIT_SHAPE = "editShape",
     CREATE_RECTANGLE = "createRectangle",
-    CREATE_CIRCLE = "createCircle"
+    CREATE_CIRCLE = "createCircle",
+    CREATE_KEYPOINT = "createKeypoint"
 }
 export interface ScaleTranslate {
     scale: number;

package/dist/packages/components/labelme/src/core/CreateCircle.d.ts

@@ -0,0 +1,29 @@
+export default class CreateCircle {
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+    private isDrawing;
+    private mouseOffset;
+    vertexes: [number, number][];
+    private vertexesObservers;
+    private drawCompleteCallback;
+    constructor(canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D);
+    subscribeVertexesChange(listener: (vertexes: [number, number][], mouseOffset: {
+        x: number;
+        y: number;
+    }) => void): void;
+    private notifyVertexesChange;
+    subscribeDrawComplete(callback: (vertexes: [number, number][], mouseOffset: {
+        x: number;
+        y: number;
+    }) => void): void;
+    private notifyDrawComplete;
+    private transformMousePoint;
+    start(): void;
+    reset(): void;
+    stop(): void;
+    private canvasMouseDown;
+    private canvasMouseMove;
+    private canvasMouseUp;
+    drawCircle(vertexes: [number, number][]): void;
+    destroy(): void;
+}

package/dist/packages/components/labelme/src/core/CreateKeypoint.d.ts

@@ -0,0 +1,21 @@
+export default class CreateKeypoint {
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+    private mouseOffset;
+    vertexes: [number, number][];
+    private drawCompleteCallback;
+    constructor(canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D);
+    subscribeDrawComplete(callback: (vertexes: [number, number][], mouseOffset: {
+        x: number;
+        y: number;
+    }) => void): void;
+    private notifyDrawComplete;
+    private transformMousePoint;
+    start(): void;
+    stop(): void;
+    reset(): void;
+    private canvasMouseClick;
+    draw(vertexes: [number, number][]): void;
+    render(): void;
+    destroy(): void;
+}

package/dist/packages/components/labelme/src/core/EditCircle.d.ts

@@ -0,0 +1,34 @@
+import type { ShapesProps } from '../config';
+export default class EditCircle {
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+    shape: ShapesProps;
+    private anchorRadius;
+    private anchorVertexIndex;
+    private isMoveEditing;
+    private mouseMoveOffset;
+    private isEditing;
+    private vertexes;
+    private editingObservers;
+    private editedObserver?;
+    private contextmenuObserver?;
+    constructor(canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D);
+    onEditing(observer: (vertexes: [number, number][]) => void): void;
+    offEditing(observer: (vertexes: [number, number][]) => void): void;
+    private notifyEditing;
+    onEditCompleted(callback: (vertexes: [number, number][]) => void): void;
+    private notifyEditCompleted;
+    onContextmenu(callback: (e: MouseEvent) => void): void;
+    private notifyContextmenuObserver;
+    private getTransformPoint;
+    drawCircle(vertexes: [number, number][]): void;
+    private drawVertexAnchors;
+    private pointInVertexAnchors;
+    private updateCanvasCursor;
+    private canvasMouseDown;
+    private canvasMouseMove;
+    private canvasMouseUp;
+    private canvasMouseContextmenu;
+    render(): void;
+    destroy(): void;
+}

package/dist/packages/components/labelme/src/core/EditKeypoint.d.ts

@@ -0,0 +1,29 @@
+import type { ShapesProps } from '../config';
+export default class EditKeypoint {
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+    shape: ShapesProps;
+    radius: number;
+    private isMoveEditing;
+    private mouseMoveOffset;
+    private isEditing;
+    private vertexes;
+    private editingObservers;
+    private editedObserver?;
+    private contextmenuObserver?;
+    constructor(canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D);
+    onEditing(observer: (vertexes: [number, number][]) => void): void;
+    private notifyEditing;
+    onEditCompleted(callback: (vertexes: [number, number][]) => void): void;
+    private notifyEditCompleted;
+    onContextmenu(callback: (e: MouseEvent) => void): void;
+    private notifyContextmenuObserver;
+    private getTransformPoint;
+    private canvasMouseDown;
+    private canvasMouseMove;
+    private canvasMouseUp;
+    private canvasMouseContextmenu;
+    draw(vertexes: [number, number][]): void;
+    render(): void;
+    destroy(): void;
+}

package/dist/packages/components/labelme/src/core/EditPolygon.d.ts

@@ -15,9 +15,12 @@ export default class EditPolygon {
     private pointRecover;
     private observers;
     private editPolygonObserver?;
+    private contextmenuObserver?;
     constructor(canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D, imageScaleX: number, imageScaleY: number);
     private notifyEditPolygonObserver;
     onEditPolygon(callback: (vertexes: [number, number][]) => void): void;
+    onContextmenu(callback: (e: MouseEvent) => void): void;
+    private notifyContextmenuObserver;
     private getTransformPoint;
     drawPolygonPath(vertexes: [number, number][], mouseX?: number, mouseY?: number): void;
     drawPolygonEdgeCentre(vertexes: [number, number][]): void;
@@ -33,8 +36,9 @@ export default class EditPolygon {
     private notifyObservers;
     updatePolygon(callback: (vertexes: [number, number][]) => void): void;
     canvasMousedown(e: MouseEvent): void;
-    canvasMouseup(e: MouseEvent): void;
     canvasMousemove(e: MouseEvent): void;
+    canvasMouseup(e: MouseEvent): void;
     canvasMouseClick(e: MouseEvent): void;
+    canvasMouseContextmenu(e: MouseEvent): void;
     destroy(): void;
 }

package/dist/packages/components/labelme/src/core/EditRectangle.d.ts

@@ -11,12 +11,15 @@ export default class EditRectangle {
     private vertexes;
     private editingObservers;
     private editedObserver?;
+    private contextmenuObserver?;
     constructor(canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D);
     onEditing(observer: (vertexes: [number, number][]) => void): void;
     offEditing(observer: (vertexes: [number, number][]) => void): void;
     private notifyEditing;
     onEditCompleted(callback: (vertexes: [number, number][]) => void): void;
     private notifyEditCompleted;
+    onContextmenu(callback: (e: MouseEvent) => void): void;
+    private notifyContextmenuObserver;
     private getTransformPoint;
     drawRectangle(vertexes: [number, number][]): void;
     private drawVertexAnchors;
@@ -26,6 +29,7 @@ export default class EditRectangle {
     private canvasMouseMove;
     private canvasMouseUp;
     private canvasMouseClick;
+    private canvasMouseContextmenu;
     render(): void;
     destroy(): void;
 }

package/dist/packages/components/labelme/src/core/utils.d.ts

@@ -23,6 +23,24 @@ export declare const isPointInPath: (px: number, py: number, vertexes: [number,
  * @returns
  */
 export declare const isPointInRectangle: (px: number, py: number, vertexes: [number, number][], ctx: CanvasRenderingContext2D) => boolean;
+/**
+ * 点是否在图形圆内
+ * @param px 鼠标x坐标
+ * @param py 鼠标y坐标
+ * @param vertexes 点位数据
+ * @param ctx 上下文
+ * @returns
+ */
+export declare const isPointInCircleShape: (px: number, py: number, vertexes: [number, number][], ctx: CanvasRenderingContext2D) => boolean;
+/**
+ * 点是否在点位内
+ * @param px 鼠标x坐标
+ * @param py 鼠标y坐标
+ * @param vertexes 点位数据
+ * @param ctx 上下文
+ * @returns
+ */
+export declare const isPointInKeypointShape: (px: number, py: number, vertexes: [number, number][], ctx: CanvasRenderingContext2D) => boolean;
 /**
  * 点是否在折线内
  * @param px 鼠标x坐标

package/dist/packages/components/labelme/src/hooks/canvas-content-hook.d.ts

@@ -25,11 +25,17 @@ export declare class CreateDrawCanvas {
     private editDrawPolygon;
     private createRectangle;
     private editDrawRectangle;
+    private createCircle;
+    private editDrawCircle;
+    private createKeypoint;
+    private editDrawKeypoint;
     private addVertexes;
     private createCompleteSubscribers;
     private editingShape;
     private editVertexes;
     private editingSubscribers;
+    private activeShapeObserver;
+    private contextmenuShapeObserver;
     constructor(options: DrawBaseCanvasProps);
     subscribeCreateComplete(callback: (vertexes: [number, number][], mouseOffset: {
         x: number;
@@ -44,17 +50,23 @@ export declare class CreateDrawCanvas {
     subscribeEditing(callback: (vertexes: [number, number][], shape: ShapesProps) => void): void;
     unsubscribeEditing(callback: (vertexes: [number, number][], shape: ShapesProps) => void): void;
     private notifyEditing;
+    subscribeActiveShape(callback: (shape: ShapesProps | null) => void): void;
+    unsubscribeActiveShape(): void;
+    private notifyActiveShape;
+    subscribeContextmenuShape(callback: (e: MouseEvent, shape: ShapesProps | null) => void): void;
+    private notifyContextmenuShape;
     onStartCreateRectangle(): void;
+    onStartCreateCircle(): void;
+    onStartCreateKeypoint(): void;
     resetAllInstance(): void;
     closeCreateOrEditor(): void;
     drawShapes(shapes: ShapesProps[]): void;
     updateTransform(scaleOffseet: ScaleTranslate): void;
     updateLabelInfo(labelInfo: LabelNodeProps): void;
-    addShape(shape: ShapesProps): void;
-    deleteShape(shape: ShapesProps): void;
     render: () => void;
     private mouseHitShape;
     triggerShapeEdit(shape: ShapesProps): void;
+    onSelectShape(shape: ShapesProps): void;
     private onResetHitShape;
     private onMouseDoubleClick;
     private onMouseClick;
@@ -63,5 +75,6 @@ export declare class CreateDrawCanvas {
     private onMouseUp;
     onEditorStart(): void;
     onEditorEnd(): void;
+    onCreateEnd(): void;
     destroy(): void;
 }

package/dist/packages/components/labelme/src/widgets/canvas-context.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ObjectConstructor;
         default: () => {};
     };
-}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("editPolygon" | "changePolygon" | "updateLabelInfo")[], "editPolygon" | "changePolygon" | "updateLabelInfo", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("editPolygon" | "changePolygon" | "updateLabelInfo" | "selectShape")[], "editPolygon" | "changePolygon" | "updateLabelInfo" | "selectShape", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     contextClientHeight: {
         type: NumberConstructor;
         default: any;
@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onEditPolygon?: (...args: any[]) => any;
     onChangePolygon?: (...args: any[]) => any;
     onUpdateLabelInfo?: (...args: any[]) => any;
+    onSelectShape?: (...args: any[]) => any;
 }>, {
     contextClientHeight: number;
     labelInfo: Record<string, any>;

package/dist/packages/components/labelme/src/widgets/right-label.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<ShapesProps[]>;
         default: () => any[];
     };
-}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update")[], "delete" | "update", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update" | "select")[], "delete" | "update" | "select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     shapes: {
         type: PropType<ShapesProps[]>;
         default: () => any[];
@@ -13,6 +13,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onDelete?: (...args: any[]) => any;
     onUpdate?: (...args: any[]) => any;
+    onSelect?: (...args: any[]) => any;
 }>, {
     shapes: ShapesProps[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/packages/hooks/use-locale/index.d.ts

@@ -92,6 +92,7 @@ export declare const localeLang: {
                 deletePolyton: string;
                 createRectangle: string;
                 createCircle: string;
+                createKeypoint: string;
                 selectClasses: string;
                 emptyClassesText: string;
                 deleteClasses: string;
@@ -187,6 +188,7 @@ export declare const localeLang: {
                 deletePolygon: string;
                 createRectangle: string;
                 createCircle: string;
+                createKeypoint: string;
                 selectClasses: string;
                 emptyClassesText: string;
                 deleteClasses: string;
@@ -282,6 +284,7 @@ export declare const localeLang: {
                 deletePolygon: string;
                 createRectangle: string;
                 createCircle: string;
+                createKeypoint: string;
                 selectClasses: string;
                 emptyClassesText: string;
                 deleteClasses: string;

package/dist/packages/locale/lang/en.d.ts

@@ -85,6 +85,7 @@ declare const _default: {
             deletePolygon: string;
             createRectangle: string;
             createCircle: string;
+            createKeypoint: string;
             selectClasses: string;
             emptyClassesText: string;
             deleteClasses: string;

package/dist/packages/locale/lang/zh-cn.d.ts

@@ -85,6 +85,7 @@ declare const _default: {
             deletePolyton: string;
             createRectangle: string;
             createCircle: string;
+            createKeypoint: string;
             selectClasses: string;
             emptyClassesText: string;
             deleteClasses: string;

package/dist/packages/locale/lang/zh-tw.d.ts

@@ -85,6 +85,7 @@ declare const _default: {
             deletePolygon: string;
             createRectangle: string;
             createCircle: string;
+            createKeypoint: string;
             selectClasses: string;
             emptyClassesText: string;
             deleteClasses: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "next-element-vue",
-    "version": "0.6.3",
+    "version": "0.6.5",
     "author": {
         "name": "huangteng",
         "email": "htengweb@163.com"