next-element-vue 0.3.6 → 0.3.8

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

@@ -1,3 +1,14 @@
+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;
+}
 declare const _default: {
     minContentHeight: number;
 };

package/dist/packages/components/labelimg/src/hooks/canvas-context-hook.d.ts

@@ -1,3 +1,5 @@
+import type { Ref } from 'vue';
+import type { ScaleTranslate } from '../config';
 export interface ResizeCorner {
     topLeft: boolean;
     topCenter: boolean;
@@ -30,11 +32,7 @@ export interface DrawBaseCanvasProps extends CreateRectCanvasProps {
     image: HTMLImageElement;
     labels: RectProps[];
     scaleFactor?: number;
-    scaleOffset?: {
-        x: number;
-        y: number;
-        scale: number;
-    };
+    scaleOffset?: Ref<ScaleTranslate>;
 }
 export declare const DrawRectCanvas: ({ canvas, originWidth, originHeight }: {
     canvas: HTMLCanvasElement;
@@ -49,44 +47,10 @@ export declare const DrawRectCanvas: ({ canvas, originWidth, originHeight }: {
 };
 export declare const colors: string[];
 export declare const DrawBaseCanvas: (options: DrawBaseCanvasProps) => {
-    updateLabels: (scaleOffset?: {
-        x: number;
-        y: number;
-        scale: number;
-    }) => void;
+    updateLabels: () => void;
     addDrawRect: (rect: RectProps, color?: string) => void;
     hitCanvasLabel: (x: number, y: number) => any;
 };
-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;
-}
 /**
  * 根据比例重新设置标注框位置和大小
  * @param labels

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

@@ -0,0 +1,57 @@
+import type { ScaleTranslate } from '../config';
+import type { RectProps } from './canvas-context-hook';
+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, ...offset }: ScaleTranslate) => void): void;
+    reset(): void;
+    render(): void;
+    zoom(): void;
+    onWindowWheel: (e: MouseEvent) => void;
+    canvasMousewheel: (event: WheelEvent) => void;
+    canvasMousedown(event: MouseEvent): void;
+    canvasMousemove(event: MouseEvent): void;
+    canvasMouseup(event: MouseEvent): void;
+    destroy(): void;
+}
+/**
+ * 屏幕数据转缩放平移数据
+ * @param rect
+ * @param scaleOffset
+ * @returns
+ */
+export declare const rectToScaleOffset: (rect: RectProps, scaleOffset: ScaleTranslate) => {
+    startX: number;
+    startY: number;
+    rectWidth: number;
+    rectHeight: number;
+    canvasWidth: number;
+    canvasHeight: number;
+    originWidth: number;
+    originHeight: number;
+};
+export declare const rectToRestore: (rect: RectProps, scaleOffset: ScaleTranslate) => {
+    startX: number;
+    startY: number;
+    rectWidth: number;
+    rectHeight: number;
+    canvasWidth: number;
+    canvasHeight: number;
+    originWidth: number;
+    originHeight: number;
+};

package/dist/packages/components/labelimg/src/widgets/draggable-rect.d.ts

@@ -1,4 +1,4 @@
-import type { PropType } from 'vue';
+import type { PropType, Ref } from 'vue';
 import type { RectProps } from '../hooks/canvas-context-hook';
 declare const _default: import("vue").DefineComponent<{
     parentEl: {
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     onMousedown: (e: MouseEvent) => void;
     onMouseup: (e: MouseEvent) => void;
     onContextmenu: (e: MouseEvent) => void;
-    rect: import("vue").Ref<{
+    rect: Ref<{
         type?: number;
         typeName?: string;
         startX: number;

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.6",
+    "version": "0.3.8",
     "author": {
         "name": "huangteng",
         "email": "htengweb@163.com"