@component-hook/pdf-canvas 1.0.5-alpha.2 → 1.0.5-alpha.4

package/dist/react/pdf-canvas.es.d.ts

@@ -10,6 +10,8 @@ import { SerializedObjectProps } from 'fabric';
 import { TEvent } from 'fabric';
 import { TextProps } from 'fabric';
 import { TOptions } from 'fabric';
+import { TPointerEvent } from 'fabric';
+import { TPointerEventInfo } from 'fabric';
 
 export declare interface CloseSvgOptions {
     stroke: string;
@@ -40,6 +42,17 @@ export declare interface CreateCloseFabricArgs {
     uuid?: number;
 }
 
+export declare type DropOffset = Record<'x' | 'y', number>;
+
+export declare interface FabricHookParams {
+    id: string;
+    pointerDown?: (event: FabricPointerEvent) => void;
+    pointerMove?: (event: FabricPointerEvent) => void;
+    pointerUp?: (event: FabricPointerEvent) => void;
+}
+
+export declare type FabricPointerEvent = TPointerEventInfo<TPointerEvent>;
+
 export declare interface PDF {
     PDFId: string;
     name: string;

package/dist/vue/pdf-canvas.es.d.ts

@@ -13,10 +13,12 @@ import { SerializedObjectProps } from 'fabric';
 import { TEvent } from 'fabric';
 import { TextProps } from 'fabric';
 import { TOptions } from 'fabric';
+import { TPointerEvent } from 'fabric';
+import { TPointerEventInfo } from 'fabric';
 
-declare function addImage(src: string, options?: TOptions<ImageProps>, size?: Record<'width' | 'height', number>): void;
+declare function addImage(src: string, options?: TOptions<ImageProps>, offset?: DropOffset): void;
 
-declare function addText(text: string, options?: TOptions<TextProps>): void;
+declare function addText(text: string, options?: TOptions<TextProps>, offset?: DropOffset): void;
 
 export declare interface CloseSvgOptions {
     stroke: string;
@@ -54,8 +56,14 @@ clearActive: () => void;
 deleteCanvas: () => void;
 canvasRef: Ref<HTMLCanvasElement | null, HTMLCanvasElement | null>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+pointerDown: (event: TPointerEventInfo<TPointerEvent>) => any;
+pointerMove: (event: TPointerEventInfo<TPointerEvent>) => any;
+pointerUp: (event: TPointerEventInfo<TPointerEvent>) => any;
 loaded: () => any;
 }, string, PublicProps, Readonly<ComponentProps> & Readonly<{
+onPointerDown?: ((event: TPointerEventInfo<TPointerEvent>) => any) | undefined;
+onPointerMove?: ((event: TPointerEventInfo<TPointerEvent>) => any) | undefined;
+onPointerUp?: ((event: TPointerEventInfo<TPointerEvent>) => any) | undefined;
 onLoaded?: (() => any) | undefined;
 }>, {
 page: number;
@@ -71,6 +79,17 @@ canvasRef: HTMLCanvasElement;
 }, HTMLDivElement>;
 export default _default;
 
+export declare type DropOffset = Record<'x' | 'y', number>;
+
+export declare interface FabricHookParams {
+    id: string;
+    pointerDown?: (event: FabricPointerEvent) => void;
+    pointerMove?: (event: FabricPointerEvent) => void;
+    pointerUp?: (event: FabricPointerEvent) => void;
+}
+
+export declare type FabricPointerEvent = TPointerEventInfo<TPointerEvent>;
+
 export declare interface PDF {
     PDFId: string;
     name: string;
@@ -107,7 +126,7 @@ export declare interface TCornerPoint {
     br: Point;
 }
 
-export declare function useFabric(id?: string): {
+export declare function useFabric(params?: FabricHookParams): {
     createCanvas: () => Canvas | undefined;
     loadFile: (file: File, password?: string) => Promise<{
         pages: number;
@@ -118,8 +137,8 @@ export declare function useFabric(id?: string): {
     } | undefined>;
     specifyPage: ({ page, PDFBase64, scale, password }: SpecifyPageArgs) => Promise<void>;
     renderImage: ({ url, scale }: RenderImageArgs) => Promise<void>;
-    addFabric: (src: string, options?: TOptions<ImageProps>, size?: Record<"width" | "height", number>) => Promise<void>;
-    addTextFabric: (text: string, options?: TOptions<TextProps>) => void;
+    addFabric: (src: string, options?: TOptions<ImageProps>, offset?: DropOffset) => Promise<void>;
+    addTextFabric: (text: string, options?: TOptions<TextProps>, offset?: DropOffset) => void;
     clearActive: () => void;
     deleteCanvas: () => void;
     scaleFabric: (scale: number, isCreate?: boolean) => void;