next-element-vue 0.6.2 → 0.6.4

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/EditCircle.d.ts

@@ -0,0 +1,30 @@
+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?;
+    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;
+    private getTransformPoint;
+    drawCircle(vertexes: [number, number][]): void;
+    private drawVertexAnchors;
+    private pointInVertexAnchors;
+    private updateCanvasCursor;
+    private canvasMouseDown;
+    private canvasMouseMove;
+    private canvasMouseUp;
+    render(): void;
+    destroy(): void;
+}

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

@@ -33,8 +33,8 @@ 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;
     destroy(): void;
 }

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

@@ -0,0 +1,31 @@
+import type { ShapesProps } from '../config';
+export default class EditRectangle {
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+    shape: ShapesProps;
+    private anchorRadius;
+    private anchorVertexIndex;
+    private isMoveEditing;
+    private mouseMoveOffset;
+    private isEditing;
+    private vertexes;
+    private editingObservers;
+    private editedObserver?;
+    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;
+    private getTransformPoint;
+    drawRectangle(vertexes: [number, number][]): void;
+    private drawVertexAnchors;
+    private pointInVertexAnchors;
+    private updateCanvasCursor;
+    private canvasMouseDown;
+    private canvasMouseMove;
+    private canvasMouseUp;
+    private canvasMouseClick;
+    render(): void;
+    destroy(): void;
+}

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

@@ -14,6 +14,24 @@ export declare const printsToPath: (vertexes: [number, number][]) => Path2D;
  * @returns
  */
 export declare const isPointInPath: (px: number, py: number, vertexes: [number, number][], ctx: CanvasRenderingContext2D) => boolean;
+/**
+ * 点是否在矩形内
+ * @param px 鼠标x坐标
+ * @param py 鼠标y坐标
+ * @param vertexes 点位数据
+ * @param ctx 上下文
+ * @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坐标

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

@@ -24,11 +24,15 @@ export declare class CreateDrawCanvas {
     private createPolygon;
     private editDrawPolygon;
     private createRectangle;
+    private editDrawRectangle;
+    private createCircle;
+    private editDrawCircle;
     private addVertexes;
     private createCompleteSubscribers;
     private editingShape;
     private editVertexes;
     private editingSubscribers;
+    private activeShapeObserver;
     constructor(options: DrawBaseCanvasProps);
     subscribeCreateComplete(callback: (vertexes: [number, number][], mouseOffset: {
         x: number;
@@ -43,7 +47,11 @@ 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;
     onStartCreateRectangle(): void;
+    onStartCreateCircle(): void;
     resetAllInstance(): void;
     closeCreateOrEditor(): void;
     drawShapes(shapes: ShapesProps[]): void;
@@ -54,6 +62,8 @@ export declare class CreateDrawCanvas {
     render: () => void;
     private mouseHitShape;
     triggerShapeEdit(shape: ShapesProps): void;
+    onSelectShape(shape: ShapesProps): void;
+    private onResetHitShape;
     private onMouseDoubleClick;
     private onMouseClick;
     private onMouseDown;
@@ -61,5 +71,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/package.json

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