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

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

@@ -2,8 +2,10 @@ import { Canvas } from 'fabric';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { FabricImage } from 'fabric';
 import { FabricObject } from 'fabric';
 import { FabricObjectProps } from 'fabric';
+import { FabricText } from 'fabric';
 import { ImageProps } from 'fabric';
 import { ObjectEvents } from 'fabric';
 import { Point } from 'fabric';
@@ -20,10 +22,20 @@ declare function addImage(src: string, options?: TOptions<ImageProps>, offset?:
 
 declare function addText(text: string, options?: TOptions<TextProps>, offset?: DropOffset): void;
 
+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;
 }
 
 export declare interface ComponentProps {
@@ -38,7 +50,9 @@ export declare interface ComponentProps {
     password?: string;
     dropTextOptions?: TOptions<TextProps>;
     dropImageOptions?: TOptions<ImageProps>;
+    selectionOptions?: TOptions<FabricObjectProps>;
     closeSvgOptions?: CloseSvgOptions;
+    manualReload?: boolean;
     onDestroy?: (callback: () => void) => void;
 }
 
@@ -50,21 +64,30 @@ export declare interface CreateCloseFabricArgs {
 }
 
 declare const _default: DefineComponent<ComponentProps, {
+reload: typeof setPDF;
 addImage: typeof addImage;
 addText: typeof addText;
 clearActive: () => void;
 deleteCanvas: () => void;
+copyActiveFabric: () => Promise<void>;
+deleteActiveFabric: () => void;
 canvasRef: Ref<HTMLCanvasElement | null, HTMLCanvasElement | null>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 pointerDown: (event: TPointerEventInfo<TPointerEvent>) => any;
 pointerMove: (event: TPointerEventInfo<TPointerEvent>) => any;
 pointerUp: (event: TPointerEventInfo<TPointerEvent>) => any;
+selectionCreated: (event: FabricSelectionCreatedEvent) => any;
+selectionCleared: (event: FabricSelectionClearedEvent) => any;
 loaded: () => any;
+reload: () => any;
 }, string, PublicProps, Readonly<ComponentProps> & Readonly<{
 onPointerDown?: ((event: TPointerEventInfo<TPointerEvent>) => any) | undefined;
 onPointerMove?: ((event: TPointerEventInfo<TPointerEvent>) => any) | undefined;
 onPointerUp?: ((event: TPointerEventInfo<TPointerEvent>) => any) | undefined;
+onSelectionCreated?: ((event: FabricSelectionCreatedEvent) => any) | undefined;
+onSelectionCleared?: ((event: FabricSelectionClearedEvent) => any) | undefined;
 onLoaded?: (() => any) | undefined;
+onReload?: (() => any) | undefined;
 }>, {
 page: number;
 canvasId: string;
@@ -86,10 +109,20 @@ 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;
@@ -118,6 +151,8 @@ export declare type SelectedEvent = Partial<TEvent> & {
     target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
 };
 
+declare function setPDF(): Promise<void>;
+
 export declare interface SpecifyPageArgs {
     page: number;
     PDFBase64: string;
@@ -134,7 +169,9 @@ export declare interface TCornerPoint {
     br: Point;
 }
 
-export declare function useFabric(params?: FabricHookParams): {
+export declare function useFabric(params?: FabricHookParams & {
+    selectionOptions?: Ref<TOptions<FabricObjectProps>>;
+}): {
     createCanvas: () => Canvas | undefined;
     loadFile: (file: File, password?: string) => Promise<{
         pages: number;
@@ -143,7 +180,7 @@ export declare function useFabric(params?: FabricHookParams): {
         updateDate: number;
         PDFBase64: string;
     } | undefined>;
-    specifyPage: (params: SpecifyPageArgs) => Promise<number>;
+    specifyPage: (specifyPageParams: SpecifyPageArgs) => Promise<number>;
     renderImage: ({ url, scale }: RenderImageArgs) => Promise<void>;
     addFabric: (src: string, options?: TOptions<ImageProps>, offset?: DropOffset) => Promise<void>;
     addTextFabric: (text: string, options?: TOptions<TextProps>, offset?: DropOffset) => void;
@@ -151,6 +188,8 @@ export declare function useFabric(params?: FabricHookParams): {
     deleteCanvas: () => void;
     scaleFabric: (scale: number, isCreate?: boolean) => void;
     setCloseSvgOptions: (options?: CloseSvgOptions) => void;
+    copyActiveFabric: () => Promise<void>;
+    deleteActiveFabric: () => void;
 };
 
 export { }