next-element-vue 0.3.7 → 0.3.8

package/dist/packages/components/labelme/index.d.ts

@@ -20,7 +20,7 @@ export declare const NextLabelme: import("../../utils/install").SFCWithInstall<i
         type: import("vue").PropType<any[]>;
         default: () => any[];
     };
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "save" | "edit-polygon" | "prev-click" | "next-click")[], "change" | "save" | "edit-polygon" | "prev-click" | "next-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "save" | "edit-polygon" | "change-polygon" | "prev-click" | "next-click")[], "change" | "save" | "edit-polygon" | "change-polygon" | "prev-click" | "next-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     className: {
         type: StringConstructor;
         default: string;
@@ -45,6 +45,7 @@ export declare const NextLabelme: import("../../utils/install").SFCWithInstall<i
     onChange?: (...args: any[]) => any;
     onSave?: (...args: any[]) => any;
     "onEdit-polygon"?: (...args: any[]) => any;
+    "onChange-polygon"?: (...args: any[]) => any;
     "onPrev-click"?: (...args: any[]) => any;
     "onNext-click"?: (...args: any[]) => any;
 }, {

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

@@ -1,3 +1,24 @@
+import type { Ref } from 'vue';
+export interface ScaleTranslate {
+    scale: number;
+    x: number;
+    y: number;
+}
+export interface ScaleTranslateManager {
+    scaleTranslate: Ref<ScaleTranslate>;
+    onChangeScaleTranslate: (scaleTranslate: ScaleTranslate) => void;
+    onResetScaleTranslate: () => void;
+}
+export interface ShapesProps {
+    label?: string;
+    points: [number, number][];
+    shape_type?: string;
+}
+export interface LabelNodeProps {
+    imageWidth?: number;
+    imageHeight?: number;
+    shapes?: ShapesProps[];
+}
 declare const _default: {
     minContentHeight: number;
 };

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

@@ -1,3 +1,5 @@
+import type { Ref } from 'vue';
+import type { ScaleTranslate, LabelNodeProps, ShapesProps } from '../config';
 export interface CreateRectCanvasProps {
     canvasWidth: number;
     canvasHeight: number;
@@ -7,9 +9,10 @@ export interface DrawBaseCanvasProps extends CreateRectCanvasProps {
     ctx: CanvasRenderingContext2D;
     image: HTMLImageElement;
     scaleFactor?: number;
-    paths?: any[];
+    labels?: LabelNodeProps;
     scaleX?: number;
     scaleY?: number;
+    scaleOffset?: Ref<ScaleTranslate>;
 }
 export declare const printsToPath: (vertexes: [number, number][]) => Path2D;
 export declare const isPointOnLineSegment: (px: number, py: number, vertexes: [number, number][], ctx: CanvasRenderingContext2D) => number;
@@ -20,6 +23,8 @@ export declare const isPointInCircle: (mouseX: number, mouseY: number, circleX:
  * @returns
  */
 export declare const vertexesUnique: (vertexes: [number, number][]) => any[];
+export declare const vertexToScale: (vertex: [number, number], scaleX: number, scaleY: number, isMultiply?: boolean) => [number, number];
+export declare const vertexesToScale: (vertexes: [number, number][], scaleX: number, scaleY: number, isMultiply?: boolean) => [number, number][];
 export declare const colors: string[];
 export declare class CreateDrawCanvas {
     canvas: HTMLCanvasElement;
@@ -27,18 +32,22 @@ export declare class CreateDrawCanvas {
     image: HTMLImageElement;
     canvasWidth: number;
     canvasHeight: number;
-    private paths;
+    scaleOffset: Ref<ScaleTranslate>;
+    private labels;
     private scaleX;
     private scaleY;
     private editDrawPolygon;
     private createPolygonVertexes;
     private editVertexes;
     private editPolygonObservers;
+    private drawnPolygonObserver?;
     constructor(options: DrawBaseCanvasProps);
     private notifyObservers;
+    private notifyDrawnPolygonObservers;
     updatePolygon(callback: (vertexes: [number, number][]) => void): void;
-    drawPolygons(paths: any[]): void;
-    initCanvas: () => void;
+    onDrawnPolygon(callback: (vertexes: [number, number][]) => void): void;
+    drawPolygons(shapes: ShapesProps[]): void;
+    drawCanvas: () => void;
     render: () => void;
-    destroyed(): void;
+    destroy(): void;
 }

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

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any[]>;
         default: () => any[];
     };
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "save" | "edit-polygon" | "prev-click" | "next-click")[], "change" | "save" | "edit-polygon" | "prev-click" | "next-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "save" | "edit-polygon" | "change-polygon" | "prev-click" | "next-click")[], "change" | "save" | "edit-polygon" | "change-polygon" | "prev-click" | "next-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     className: {
         type: StringConstructor;
         default: string;
@@ -45,6 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: (...args: any[]) => any;
     onSave?: (...args: any[]) => any;
     "onEdit-polygon"?: (...args: any[]) => any;
+    "onChange-polygon"?: (...args: any[]) => any;
     "onPrev-click"?: (...args: any[]) => any;
     "onNext-click"?: (...args: any[]) => any;
 }, {

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "editPolygon"[], "editPolygon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("editPolygon" | "changePolygon")[], "editPolygon" | "changePolygon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     classes: {
         type: ArrayConstructor;
         default: () => any[];
@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onEditPolygon?: (...args: any[]) => any;
+    onChangePolygon?: (...args: any[]) => any;
 }, {
     classes: unknown[];
     contextClientHeight: number;

package/package.json

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

package/dist/packages/components/labelme/src/hooks/canvas-drag-zoom.d.ts

@@ -1,31 +0,0 @@
-export declare class CanvasSceneDragZoom {
-    private canvas;
-    private canvasWidth;
-    private canvasHeight;
-    private ctx;
-    private scaleFactor;
-    private preScaleFactor;
-    private offset;
-    private preOffset;
-    private mousePositioin;
-    private maxScale;
-    private minScale;
-    private scaleStep;
-    private clickX;
-    private clickY;
-    private observers;
-    constructor(canvas: HTMLCanvasElement);
-    private notifyObservers;
-    changeZoom(callback: (scale: number, offset: {
-        x: number;
-        y: number;
-    }) => void): void;
-    reset(): void;
-    render(): void;
-    zoom(): void;
-    canvasMousewheel: (event: WheelEvent) => void;
-    canvasMousedown(event: MouseEvent): void;
-    canvasMousemove(event: MouseEvent): void;
-    canvasMouseup(event: MouseEvent): void;
-    destroy(): void;
-}