@component-hook/pdf-canvas 1.1.0-alpha.1 → 1.1.0-alpha.11

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

@@ -1,6 +1,8 @@
 import { Canvas } from 'fabric';
+import { FabricImage } from 'fabric';
 import { FabricObject } from 'fabric';
 import { FabricObjectProps } from 'fabric';
+import { FabricText } from 'fabric';
 import { ForwardRefExoticComponent } from 'react';
 import { ImageProps } from 'fabric';
 import { ObjectEvents } from 'fabric';
@@ -13,10 +15,28 @@ import { TOptions } from 'fabric';
 import { TPointerEvent } from 'fabric';
 import { TPointerEventInfo } from 'fabric';
 
+export declare type CacheFabricImage = FabricImage & CacheProperties;
+
+export declare type CacheFabricObject = FabricObject & CacheProperties;
+
+export declare type CacheFabricText = FabricText & CacheProperties;
+
+declare interface CacheProperties {
+    _cornerSize?: number;
+}
+
 export declare interface CloseSvgOptions {
-    stroke: string;
-    hoverStroke: string;
-    src: string;
+    stroke?: string;
+    hoverStroke?: string;
+    src?: string;
+}
+
+declare interface ComponentEmits {
+    onLoaded?: () => void;
+    onReload?: () => void;
+    onPointerDown?: (event: TPointerEventInfo<TPointerEvent>) => void;
+    onPointerMove?: (event: TPointerEventInfo<TPointerEvent>) => void;
+    onPointerUp?: (event: TPointerEventInfo<TPointerEvent>) => void;
 }
 
 export declare interface ComponentProps {
@@ -31,7 +51,9 @@ export declare interface ComponentProps {
     password?: string;
     dropTextOptions?: TOptions<TextProps>;
     dropImageOptions?: TOptions<ImageProps>;
+    selectionOptions?: TOptions<FabricObjectProps>;
     closeSvgOptions?: CloseSvgOptions;
+    manualReload?: boolean;
     onDestroy?: (callback: () => void) => void;
 }
 
@@ -49,10 +71,28 @@ export declare interface FabricHookParams {
     pointerDown?: (event: FabricPointerEvent) => void;
     pointerMove?: (event: FabricPointerEvent) => void;
     pointerUp?: (event: FabricPointerEvent) => void;
+    selectionCreated?: (event: FabricSelectionCreatedEvent) => void;
+    selectionCleared?: (event: FabricSelectionClearedEvent) => void;
 }
 
 export declare type FabricPointerEvent = TPointerEventInfo<TPointerEvent>;
 
+export declare type FabricSelectionClearedEvent = Partial<TEvent<TPointerEvent>> & {
+    deselected: FabricObject[];
+};
+
+export declare type FabricSelectionCreatedEvent = Partial<TEvent<TPointerEvent>> & {
+    selected: FabricObject[];
+};
+
+export declare function loadFile(file: File, password?: string, id?: string): Promise<{
+    pages: number;
+    PDFId: string;
+    name: string;
+    updateDate: number;
+    PDFBase64: string;
+} | undefined>;
+
 export declare interface PDF {
     PDFId: string;
     name: string;
@@ -64,10 +104,11 @@ export declare interface PDF {
     isUpdate?: boolean;
 }
 
-declare const PdfCanvas: ForwardRefExoticComponent<ComponentProps & RefAttributes<PdfCanvasHandle>>;
+declare const PdfCanvas: ForwardRefExoticComponent<ComponentProps & ComponentEmits & RefAttributes<PdfCanvasHandle>>;
 export default PdfCanvas;
 
 export declare interface PdfCanvasHandle {
+    reload: () => Promise<void>;
     addImage: (src: string, options?: TOptions<ImageProps>) => void;
     addText: (text: string, options?: TOptions<TextProps>) => void;
     clearActive: () => void;
@@ -100,7 +141,9 @@ export declare interface TCornerPoint {
     br: Point;
 }
 
-export declare function useFabric(id?: string): {
+export declare function useFabric(params?: FabricHookParams & {
+    selectionOptions?: TOptions<FabricObjectProps>;
+}): {
     createCanvas: () => Canvas | undefined;
     loadFile: (file: File, password?: string) => Promise<{
         pages: number;
@@ -109,10 +152,10 @@ export declare function useFabric(id?: string): {
         updateDate: number;
         PDFBase64: string;
     } | undefined>;
-    specifyPage: ({ page, PDFBase64, scale, password }: SpecifyPageArgs) => Promise<void>;
+    specifyPage: (specifyPageParams: SpecifyPageArgs) => Promise<number>;
     renderImage: ({ url, scale }: RenderImageArgs) => Promise<void>;
-    addFabric: (src: string, options?: TOptions<ImageProps>) => 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;