next-element-vue 0.3.5 → 0.3.7

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;
@@ -17,6 +19,8 @@ export interface RectProps {
     rectHeight: number;
     canvasWidth: number;
     canvasHeight: number;
+    originWidth: number;
+    originHeight: number;
 }
 export interface CreateRectCanvasProps {
     canvasWidth: number;
@@ -28,8 +32,13 @@ export interface DrawBaseCanvasProps extends CreateRectCanvasProps {
     image: HTMLImageElement;
     labels: RectProps[];
     scaleFactor?: number;
+    scaleOffset?: Ref<ScaleTranslate>;
 }
-export declare const DrawRectCanvas: (canvas: HTMLCanvasElement, callback?: Function, keyW?: Function) => {
+export declare const DrawRectCanvas: ({ canvas, originWidth, originHeight }: {
+    canvas: HTMLCanvasElement;
+    originWidth: number;
+    originHeight: number;
+}, callback?: Function, keyW?: Function) => {
     canvas: HTMLCanvasElement;
     ctx: CanvasRenderingContext2D;
     clearCanvas: () => void;

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;
@@ -26,6 +26,8 @@ declare const _default: import("vue").DefineComponent<{
         rectHeight: number;
         canvasWidth: number;
         canvasHeight: number;
+        originWidth: number;
+        originHeight: number;
     }>;
     onMousedownDot: (e: MouseEvent, corner: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("draggle-resize" | "contextmenu")[], "draggle-resize" | "contextmenu", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -8,6 +8,8 @@ export interface DrawBaseCanvasProps extends CreateRectCanvasProps {
     image: HTMLImageElement;
     scaleFactor?: number;
     paths?: any[];
+    scaleX?: number;
+    scaleY?: number;
 }
 export declare const printsToPath: (vertexes: [number, number][]) => Path2D;
 export declare const isPointOnLineSegment: (px: number, py: number, vertexes: [number, number][], ctx: CanvasRenderingContext2D) => number;
@@ -26,6 +28,8 @@ export declare class CreateDrawCanvas {
     canvasWidth: number;
     canvasHeight: number;
     private paths;
+    private scaleX;
+    private scaleY;
     private editDrawPolygon;
     private createPolygonVertexes;
     private editVertexes;

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

@@ -0,0 +1,31 @@
+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;
+}

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

@@ -78,6 +78,7 @@ export declare const localeLang: {
                 saveLabel: string;
                 instructions: string;
                 labelNoUpdate: string;
+                zoomRestore: string;
             };
             labelme: {
                 saveLabel: string;

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

@@ -74,6 +74,7 @@ declare const _default: {
             saveLabel: string;
             instructions: string;
             labelNoUpdate: string;
+            zoomRestore: string;
         };
         labelme: {
             saveLabel: string;

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

@@ -74,6 +74,7 @@ declare const _default: {
             saveLabel: string;
             instructions: string;
             labelNoUpdate: string;
+            zoomRestore: string;
         };
         labelme: {
             saveLabel: string;

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

@@ -74,6 +74,7 @@ declare const _default: {
             saveLabel: string;
             instructions: string;
             labelNoUpdate: string;
+            zoomRestore: string;
         };
         labelme: {
             saveLabel: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "next-element-vue",
-    "version": "0.3.5",
+    "version": "0.3.7",
     "author": {
         "name": "huangteng",
         "email": "htengweb@163.com"
@@ -50,4 +50,4 @@
         "node": ">=16"
     },
     "license": "MIT"
-}
+}