goatdee-canvas 0.0.1

package/dist/src/CanvasOverlay.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface CanvasOverlayProps {
+    canvasRef: React.RefObject<any>;
+    canvasDomRef: React.RefObject<HTMLCanvasElement>;
+    renderOverlay?: () => React.ReactNode;
+}
+export declare function CanvasOverlay({ canvasRef, canvasDomRef, renderOverlay, }: CanvasOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/OverlayItem.d.ts

@@ -0,0 +1,51 @@
+export interface OverlayItemInfo {
+    element: HTMLElement;
+    rectId: string | null;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface OverlayItemsManager {
+    items: Map<HTMLElement, OverlayItemInfo>;
+    isCanvasReady: boolean;
+    resizeObserver: ResizeObserver;
+    isReady: () => boolean;
+}
+/**
+ * 从 DOM 元素读取位置和尺寸信息
+ */
+export declare function readElementBounds(element: HTMLElement): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | null;
+/**
+ * 为 DOM 元素创建或更新占位矩形
+ */
+export declare function syncOverlayItem(element: HTMLElement, info: OverlayItemInfo, isCanvasReady: boolean): Promise<void>;
+/**
+ * 清理占位矩形
+ */
+export declare function cleanupOverlayItem(info: OverlayItemInfo): void;
+/**
+ * 扫描 overlay 下的一级子元素
+ */
+export declare function scanElements(overlay: HTMLElement, manager: OverlayItemsManager): void;
+/**
+ * 同步所有元素
+ */
+export declare function syncAllElements(manager: OverlayItemsManager): void;
+/**
+ * 检查 canvas 是否就绪
+ */
+export declare function checkReady(manager: OverlayItemsManager): boolean;
+/**
+ * 观察所有已存在元素
+ */
+export declare function observeAllElements(manager: OverlayItemsManager): void;
+/**
+ * 清理所有 overlay items
+ */
+export declare function cleanupAllItems(manager: OverlayItemsManager, mutationObserver: MutationObserver): void;

package/dist/src/canvas-overlay/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface CanvasOverlayProps {
+    canvasRef: React.RefObject<any>;
+    canvasDomRef: React.RefObject<HTMLCanvasElement>;
+    renderOverlay?: () => React.ReactNode;
+    onRefreshReady?: (refresh: () => void) => void;
+}
+export declare function CanvasOverlay({ canvasRef, canvasDomRef, renderOverlay, onRefreshReady, }: CanvasOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/canvas-overlay/utils.d.ts

@@ -0,0 +1,50 @@
+export interface OverlayItemInfo {
+    element: HTMLElement;
+    rectId: string | null;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface OverlayItemsManager {
+    items: Map<HTMLElement, OverlayItemInfo>;
+    isCanvasReady: boolean;
+    resizeObserver: ResizeObserver;
+    isReady: () => boolean;
+}
+/**
+ * 从 DOM 元素读取位置和尺寸信息
+ *
+ * 注意：如果元素使用了 transform 进行缩放，会读取到缩放后的实际视觉尺寸
+ * 同时会考虑 transform-origin 对位置的影响
+ */
+export declare function readElementBounds(element: HTMLElement): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | null;
+/**
+ * 为 DOM 元素创建或更新占位元素
+ */
+export declare function syncOverlayItem(element: HTMLElement, info: OverlayItemInfo, isCanvasReady: boolean): Promise<void>;
+/**
+ * 清理占位元素
+ */
+export declare function cleanupOverlayItem(info: OverlayItemInfo): void;
+/**
+ * 扫描 overlay 下的一级子元素
+ */
+export declare function scanElements(overlay: HTMLElement, manager: OverlayItemsManager): void;
+/**
+ * 同步所有元素
+ */
+export declare function syncAllElements(manager: OverlayItemsManager): void;
+/**
+ * 检查 canvas 是否就绪
+ */
+export declare function checkReady(manager: OverlayItemsManager): boolean;
+/**
+ * 清理所有 overlay items
+ */
+export declare function cleanupAllItems(manager: OverlayItemsManager, mutationObserver: MutationObserver): void;

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CanvasRef, CanvasProps } from "./types";
+export declare const InfiniteCanvas: React.ForwardRefExoticComponent<Omit<CanvasProps, "ref"> & React.RefAttributes<CanvasRef>>;

package/dist/src/listener.d.ts

@@ -0,0 +1,30 @@
+export declare class Listener {
+    private readonly canvasPtr;
+    private readonly canvas;
+    private readonly doc;
+    private readonly cppListener;
+    private isDestroyed;
+    private readonly MOUSE_MOVE_THROTTLE;
+    private readonly WHEEL_THROTTLE;
+    constructor(canvasPtr: any, canvas: HTMLCanvasElement);
+    private _addListener;
+    private _removeListener;
+    private _addOrRemove;
+    private _checkDestroyed;
+    private _onMouseDown;
+    private _onMouseMove;
+    private _onMouseUp;
+    private _onMouseWheel;
+    private _onContextMenu;
+    private _onClick;
+    private _onDocClick;
+    private _onDblClick;
+    private _onKeyDown;
+    private _onKeyUp;
+    private _onCursorChange;
+    /**
+     * 检查元素是否为输入元素
+     */
+    private _isInputElement;
+    destroy(): void;
+}

package/dist/src/manager.d.ts

@@ -0,0 +1,108 @@
+declare class Manager {
+    private static instance_;
+    private canvasInstance_;
+    private module_;
+    private moduleFactory_;
+    private moduleInstance_;
+    private isInitialized_;
+    private registeredImages;
+    private imageRegistrationTasks;
+    private registeredFonts;
+    private uploadAction_;
+    private uploadHeader_;
+    private viewportWidth_;
+    private viewportHeight_;
+    private constructor();
+    static getInstance(): Manager;
+    registerModuleFactory(factory: () => Promise<any>): void;
+    getOrCreateModule(): Promise<any>;
+    registerCanvas(canvas: any, module: any): void;
+    setViewportSize(width: number, height: number): void;
+    getViewportSize(): {
+        width: number;
+        height: number;
+    };
+    setUploadConfig(action?: string, header?: Record<string, string>): void;
+    getUploadConfig(): {
+        uploadAction?: string;
+        uploadHeader?: Record<string, string>;
+    };
+    isReady(): boolean;
+    getCanvas(): any;
+    getModule(): any;
+    clear(): void;
+    registerImageIfNeeded(src: string): Promise<void>;
+    hasRegisteredFont(fontName: string): boolean;
+    addRegisteredFont(fontName: string): void;
+}
+export declare const manager: Manager;
+export declare const pan: (deltaX: number, deltaY: number) => void;
+export declare const scale: (scale: number, x: number, y: number) => void;
+export declare const centerObjects: (ids: string[], duration?: number) => void;
+export declare const fitToScreen: (screen?: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}) => Promise<void>;
+export declare const worldToCanvas: (x: number, y: number) => {
+    x: number;
+    y: number;
+};
+export declare const getScale: () => number;
+export declare const getActiveObjects: () => any;
+export declare const getBounds: () => {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+} | null;
+export declare const setObjectProperties: (id: string, properties: any) => Promise<void>;
+export declare const registerFonts: (fonts: {
+    fontName: string;
+    url: string;
+}[]) => Promise<void>;
+export declare const switchToCreatingElement: (creating: boolean, type?: string, options?: any) => Promise<void>;
+export declare const add: (type: string, properties: any) => Promise<string>;
+export declare const remove: (id?: string) => void;
+export declare const select: (ids: string[]) => void;
+export declare const copy: () => Promise<void>;
+export interface PasteResult {
+    count: number;
+    message?: string;
+}
+export declare const paste: (x: number, y: number, clipboardEvent?: ClipboardEvent) => Promise<PasteResult>;
+export declare const cut: () => Promise<void>;
+export declare const canUndo: () => boolean;
+export declare const canRedo: () => boolean;
+export declare const undo: () => void;
+export declare const redo: () => void;
+export declare const getParentLayer: (id: string) => string;
+export declare const getIndex: (id: string) => number;
+export declare const moveUp: (id: string) => void;
+export declare const moveDown: (id: string) => void;
+export declare const moveTo: (parentId: string, index: number) => void;
+export declare const bringToFront: (id: string) => void;
+export declare const sendToBack: (id: string) => void;
+export declare const canGroup: (ids: string[]) => boolean;
+export declare const group: (ids: string[]) => string;
+export declare const ungroup: (id: string) => void;
+export declare const align: (alignment: string) => void;
+export declare const arrange: (arrangement: string) => void;
+export declare const switchToPan: (isPan: boolean) => void;
+export declare const loadFromJSON: (json: any) => Promise<void>;
+export declare const addFabricJSON: (fabricJSON: any, x?: number, y?: number) => Promise<string>;
+export declare const exportToJSON: () => any;
+/**
+ * 导出图片。
+ * @param type MIME 类型，如 'image/png'
+ * @param multiple 导出时的倍率（如 devicePixelRatio），用于高清图
+ * @param quality 质量，0–1
+ * @returns 选中为单图/多图时返回 src 或 src[]；否则返回画布导出的结果（如 base64/Blob URL）。失败返回空字符串。
+ */
+export declare const exportImage: (type?: string, multiple?: number, quality?: number) => Promise<string | string[]>;
+export declare const getTextLayerSelection: (id: string) => {
+    start: number;
+    end: number;
+} | null;
+export {};

package/dist/src/services/pasteService.d.ts

@@ -0,0 +1,4 @@
+import { SerializedClipboardData, ClipboardImagePayload } from "@/utils/clipboard";
+export declare const handleSerializedPaste: (payload: SerializedClipboardData | null, x: number, y: number) => Promise<number>;
+export declare const handleTextPaste: (text: string | null, x: number, y: number) => Promise<number>;
+export declare const handleImagePaste: (payloads: ClipboardImagePayload[], x: number, y: number) => Promise<number>;

package/dist/src/static/cursor.icon.d.ts

@@ -0,0 +1,6 @@
+export declare const cursor = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yMTUzNl83Mjc1OTQpIj4KPHBhdGggZD0iTTEwLjI3NTcgMTcuMTkwN0MxMC41NTcgMTcuNzE4NSAxMS40MTQzIDE3LjUxNTggMTEuNTExMSAxNi45MjU3QzEyLjAyMTkgMTMuODE0MSAxMy43MjYzIDEyLjE2MzYgMTYuNzcyOSAxMS42NjY5QzE3LjM2MjggMTEuNTcwOCAxNy41NjU1IDEwLjcxNDggMTcuMDM4OCAxMC40MzIyQzEzLjE5NDMgOC4zNjkxMiA4Ljk1MTkgNi4zMTEwNiA1Ljc1MTEyIDUuMjM4OTdDNS40MjU0NSA1LjEyOTg5IDUuMTE4NzkgNS40Mjg1OCA1LjIxODg5IDUuNzU3MTNDNi4yNzAzOCA5LjIwODI3IDguMjM0NTggMTMuMzYwNiAxMC4yNzU3IDE3LjE5MDdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNNS44MDQ2OSA0LjU3NjE3TDUuOTU5OTYgNC42MTYyMUw2LjU4MjAzIDQuODMzMDFDOS43NDkzOCA1Ljk2NzczIDEzLjczOTUgNy45MTYyMSAxNy4zNDk2IDkuODUzNTJMMTcuNDU0MSA5LjkxNjAyQzE3Ljk1MTEgMTAuMjQ1IDE4LjA2NCAxMC44MTk4IDE3Ljk2NDggMTEuMjYyN0MxNy44NjY4IDExLjcgMTcuNTM1OCAxMi4xNTQ4IDE2Ljk5MDIgMTIuMjkyTDE2Ljg3ODkgMTIuMzE0NUMxNS40NTAzIDEyLjU0NzQgMTQuNDAxNiAxMy4wMzkyIDEzLjY1MzMgMTMuNzgxMkMxMi45NTIyIDE0LjQ3NjYgMTIuNDYyNyAxNS40NDM2IDEyLjIwNyAxNi43NjM3TDEyLjE1OTIgMTcuMDMyMkMxMi4wNTg2IDE3LjY0NDMgMTEuNTcxOSAxOC4wMTM5IDExLjEwNTUgMTguMTE4MkMxMC42NjIzIDE4LjIxNzEgMTAuMDg3IDE4LjEwMzIgOS43NTg3OSAxNy42MDQ1TDkuNjk2MjkgMTcuNDk5QzcuNzc3ODQgMTMuODk5MSA1LjkxMDcgOS45ODUxOSA0LjgwMjczIDYuNjE1MjNMNC41OTA4MiA1Ljk0ODI0QzQuMzUxNjIgNS4xNjI1OCA1LjAzMjg2IDQuNDM0MTMgNS44MDQ2OSA0LjU3NjE3WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjMxMjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMjE1MzZfNzI3NTk0IiB4PSIyLjEzNDc3IiB5PSIzLjkwMDM5IiB3aWR0aD0iMTguMjY3NiIgaGVpZ2h0PSIxOC40MDYyIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEuNzUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC44NzUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuNCAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzIxNTM2XzcyNzU5NCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18yMTUzNl83Mjc1OTQiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==";
+export declare const crosshair = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yMjQyNl83NTI3NDApIj4KPHBhdGggZD0iTTUgMTEuNUgxOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuNSAxOEwxMS41IDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMy41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTUgMTEuNUgxOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuNSAxOEwxMS41IDUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzIyNDI2Xzc1Mjc0MCIgeD0iMS4yNSIgeT0iMi4yNSIgd2lkdGg9IjIwLjUiIGhlaWdodD0iMjAuNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjMgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yMjQyNl83NTI3NDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjI0MjZfNzUyNzQwIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=";
+export declare const pencil = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80MF85OSkiPgo8cGF0aCBkPSJNMTcuMDUxOSA3Ljk0MDk5TDIwLjQ4MTYgMTEuMzcwN0wyMi4zMzMyIDkuNTE5MTFMMTguOTAzNSA2LjA4OTQyTDE3LjA1MTkgNy45NDA5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02LjU1OTc0IDE4LjQzMzJDNi40NDY1NyAxOC41NDY0IDYuMzc5MDkgMTguNjk4MiA2LjM3MDI5IDE4Ljg1OEw2LjIxNjk3IDIxLjY1MjlDNi4xOTUxIDIyLjA1MTIgNi41MzM4OSAyMi4zNzUxIDYuOTMwODMgMjIuMzM1NUw5LjU3MjQzIDIyLjA3MThDOS43MjE3NyAyMi4wNTcgOS44NjE3OCAyMS45OTE0IDkuOTY3OTQgMjEuODg1M0wxOS42NjgxIDEyLjE4NDFMMTYuMjM4NSA4Ljc1NDQ2TDYuNTU5NzQgMTguNDMzMloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguMTg2NyA1LjE4OTAzQzE4LjYwMzMgNC44NDkzOCAxOS4yMDQ3IDQuODQ5MzEgMTkuNjIxMyA1LjE4OTAzTDE5LjcwNzIgNS4yNjcxNkwyMy4xNTY0IDguNzE1NEMyMy42MDAxIDkuMTU5MTUgMjMuNTk5OSA5Ljg3ODk2IDIzLjE1NjQgMTAuMzIyOEwxMC43ODE0IDIyLjY5NzhDMTAuNDg3NCAyMi45OTE4IDEwLjEwMDQgMjMuMTc1MSA5LjY4NjY5IDIzLjIxNjRMNy4wNDUwOSAyMy40OEM1Ljk0NTk2IDIzLjU4OTYgNS4wMDc3OSAyMi42OTIzIDUuMDY4NTMgMjEuNTg5NEw1LjIyMjgzIDE4Ljc5NDVDNS4yNDcyIDE4LjM1MiA1LjQzMzg3IDE3LjkzNDEgNS43NDcyNCAxNy42MjA3TDE4LjA5OTggNS4yNjcxNkwxOC4xODY3IDUuMTg5MDNaTTYuMzcwMjkgMTguODU4QzYuMzc5MDkgMTguNjk4MiA2LjQ0NjU3IDE4LjU0NjQgNi41NTk3NCAxOC40MzMyTDE2LjIzODUgOC43NTQ0NkwxOS42NjgxIDEyLjE4NDFMOS45Njc5NCAyMS44ODUzQzkuODYxNzggMjEuOTkxNCA5LjcyMTc3IDIyLjA1NyA5LjU3MjQzIDIyLjA3MThMNi45MzA4MyAyMi4zMzU1QzYuNTMzODkgMjIuMzc1MSA2LjE5NTEgMjIuMDUxMiA2LjIxNjk3IDIxLjY1MjlMNi4zNzAyOSAxOC44NThaTTIwLjQ4MTYgMTEuMzcwN0wxNy4wNTE5IDcuOTQwOTlMMTguOTAzNSA2LjA4OTQyTDIyLjMzMzIgOS41MTkxMUwyMC40ODE2IDExLjM3MDdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuMDUxOSA3Ljk0MDk5TDIwLjQ4MTYgMTEuMzcwN0wyMi4zMzMyIDkuNTE5MTFMMTguOTAzNSA2LjA4OTQyTDE3LjA1MTkgNy45NDA5OVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNi41NTk3NCAxOC40MzMyQzYuNDQ2NTcgMTguNTQ2NCA2LjM3OTA5IDE4LjY5ODIgNi4zNzAyOSAxOC44NThMNi4yMTY5NyAyMS42NTI5QzYuMTk1MSAyMi4wNTEyIDYuNTMzODkgMjIuMzc1MSA2LjkzMDgzIDIyLjMzNTVMOS41NzI0MyAyMi4wNzE4QzkuNzIxNzcgMjIuMDU3IDkuODYxNzggMjEuOTkxNCA5Ljk2Nzk0IDIxLjg4NTNMMTkuNjY4MSAxMi4xODQxTDE2LjIzODUgOC43NTQ0Nkw2LjU1OTc0IDE4LjQzMzJaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC4xODY3IDUuMTg5MDNDMTguNjAzMyA0Ljg0OTM4IDE5LjIwNDcgNC44NDkzMSAxOS42MjEzIDUuMTg5MDNMMTkuNzA3MiA1LjI2NzE2TDIzLjE1NjQgOC43MTU0QzIzLjYwMDEgOS4xNTkxNSAyMy41OTk5IDkuODc4OTYgMjMuMTU2NCAxMC4zMjI4TDEwLjc4MTQgMjIuNjk3OEMxMC40ODc0IDIyLjk5MTggMTAuMTAwNCAyMy4xNzUxIDkuNjg2NjkgMjMuMjE2NEw3LjA0NTA5IDIzLjQ4QzUuOTQ1OTYgMjMuNTg5NiA1LjAwNzc5IDIyLjY5MjMgNS4wNjg1MyAyMS41ODk0TDUuMjIyODMgMTguNzk0NUM1LjI0NzIgMTguMzUyIDUuNDMzODcgMTcuOTM0MSA1Ljc0NzI0IDE3LjYyMDdMMTguMDk5OCA1LjI2NzE2TDE4LjE4NjcgNS4xODkwM1pNNi4zNzAyOSAxOC44NThDNi4zNzkwOSAxOC42OTgyIDYuNDQ2NTcgMTguNTQ2NCA2LjU1OTc0IDE4LjQzMzJMMTYuMjM4NSA4Ljc1NDQ2TDE5LjY2ODEgMTIuMTg0MUw5Ljk2Nzk0IDIxLjg4NTNDOS44NjE3OCAyMS45OTE0IDkuNzIxNzcgMjIuMDU3IDkuNTcyNDMgMjIuMDcxOEw2LjkzMDgzIDIyLjMzNTVDNi41MzM4OSAyMi4zNzUxIDYuMTk1MSAyMi4wNTEyIDYuMjE2OTcgMjEuNjUyOUw2LjM3MDI5IDE4Ljg1OFpNMjAuNDgxNiAxMS4zNzA3TDE3LjA1MTkgNy45NDA5OUwxOC45MDM1IDYuMDg5NDJMMjIuMzMzMiA5LjUxOTExTDIwLjQ4MTYgMTEuMzcwN1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTguMTg2NyA1LjE4OTAzQzE4LjYwMzMgNC44NDkzOCAxOS4yMDQ3IDQuODQ5MzEgMTkuNjIxMyA1LjE4OTAzTDE5LjcwNzIgNS4yNjcxNkwyMy4xNTY0IDguNzE1NEMyMy42MDAxIDkuMTU5MTUgMjMuNTk5OSA5Ljg3ODk2IDIzLjE1NjQgMTAuMzIyOEwxMC43ODE0IDIyLjY5NzhDMTAuNDg3NCAyMi45OTE4IDEwLjEwMDQgMjMuMTc1MSA5LjY4NjY5IDIzLjIxNjRMNy4wNDUwOSAyMy40OEM1Ljk0NTk2IDIzLjU4OTYgNS4wMDc3OSAyMi42OTIzIDUuMDY4NTMgMjEuNTg5NEw1LjIyMjgzIDE4Ljc5NDVDNS4yNDcyIDE4LjM1MiA1LjQzMzg3IDE3LjkzNDEgNS43NDcyNCAxNy42MjA3TDE4LjA5OTggNS4yNjcxNkwxOC4xODY3IDUuMTg5MDNaTTYuNTU5NzQgMTguNDMzMkM2LjQ0NjU3IDE4LjU0NjQgNi4zNzkwOSAxOC42OTgyIDYuMzcwMjkgMTguODU4TDYuMjE2OTcgMjEuNjUyOUM2LjE5NTEgMjIuMDUxMiA2LjUzMzg5IDIyLjM3NTEgNi45MzA4MyAyMi4zMzU1TDkuNTcyNDMgMjIuMDcxOEM5LjcyMTc3IDIyLjA1NyA5Ljg2MTc4IDIxLjk5MTQgOS45Njc5NCAyMS44ODUzTDE5LjY2ODEgMTIuMTg0MUwxNi4yMzg1IDguNzU0NDZMNi41NTk3NCAxOC40MzMyWk0xNy4wNTE5IDcuOTQwOTlMMjAuNDgxNiAxMS4zNzA3TDIyLjMzMzIgOS41MTkxMUwxOC45MDM1IDYuMDg5NDJMMTcuMDUxOSA3Ljk0MDk5WiIgZmlsbD0iIzJGMzY0MCIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNDBfOTkiIHg9Ii0yIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIi8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjMgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180MF85OSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd180MF85OSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K";
+export declare const pen = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yMDg4MF8xNDA3MTIpIj4KPHBhdGggZD0iTTkuNTg0MTcgMTguNzAyM0w3LjQwNjI1IDkuNDQ4MUw4LjQ5NTM0IDguMzU5MzhIOS41ODQxN0wxMy4zOTQ2IDkuNDQ4MUwxNy4yMDQ5IDEwLjUzNjhMMTguMjkzNiAxMy4yNTg2TDE5LjkyNjggMTUuNDM2MUwyMS41NTk3IDE3LjA2OTJMMjIuNjQ4NCAxOC4xNTc5TDE3LjIwNSAyMy42MDE1TDE1LjAyNzUgMjEuNDI0MVYyMC4zMzUzTDkuNTg0MTcgMTguNzAyM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNC4yNDkzIDE1LjYwNjRDMjUuMzQ2NSAxNi43MDQxIDI1LjM0NjcgMTguNDgzNSAyNC4yNDkzIDE5LjU4MTFMMTkuNTg3MSAyNC4yNDMyQzE4LjQ4OTUgMjUuMzQwOCAxNi43MDkzIDI1LjM0MDcgMTUuNjExNiAyNC4yNDMyTDE0LjE1MTYgMjIuNzgzMkMxMy43NTM0IDIyLjM4NSAxMy41NDYgMjEuODY5MiAxMy41MjQ2IDIxLjM0NzdMMTAuMjk5MSAyMC4yNzI1QzkuMDAxMjYgMTkuODM5NyA4LjAwMTkyIDE4Ljc5MSA3LjYzMzA1IDE3LjQ3MzZMNS4xNTc0NiA4LjYzMjgxTDQuOTIxMTMgNy43ODgwOUw3Ljc5MTI1IDQuOTE3OTdMOC42MzU5OCA1LjE1NDNMMTcuNDc2OCA3LjYyOTg4QzE4Ljc5NDMgNy45OTg3OCAxOS44NDM5IDguOTk3OTQgMjAuMjc2NiAxMC4yOTU5TDIxLjM1MDggMTMuNTE4NkMyMS44NzMyIDEzLjUzOTMgMjIuMzg5NCAxMy43NDY4IDIyLjc4ODMgMTQuMTQ1NUwyNC4yNDkzIDE1LjYwNjRaTTE3LjQyOTkgMTEuMjQ0MUMxNy4zMTIxIDEwLjg5MTEgMTcuMDI2NiAxMC42MTg5IDE2LjY2ODIgMTAuNTE4NkwxMC45NDE2IDguOTE1MDRMMTMuNDQxNiAxMS40MTZDMTMuNzcwOCAxMS40Nzg0IDE0LjA4NTMgMTEuNjM2OCAxNC4zNDAxIDExLjg5MTZDMTUuMDE0OCAxMi41NjY0IDE1LjAxNDggMTMuNjYwMiAxNC4zNDAxIDE0LjMzNUMxMy42NjUzIDE1LjAwOTYgMTIuNTcxNSAxNS4wMDk3IDExLjg5NjcgMTQuMzM1QzExLjY0MjMgMTQuMDgwNSAxMS40ODQ3IDEzLjc2NjIgMTEuNDIyMSAxMy40Mzc1TDguOTE4MiAxMC45MzM2TDEwLjUyMTcgMTYuNjY1QzEwLjYyMjEgMTcuMDIzNCAxMC44OTQzIDE3LjMwOSAxMS4yNDczIDE3LjQyNjhMMTUuMTU2NSAxOC43Mjk1TDE4LjczMjcgMTUuMTUzM0wxNy40Mjk5IDExLjI0NDFaTTIxLjI2NDkgMTYuODY0M0wxNi44NzA0IDIxLjI1ODhMMTcuNTk4OSAyMS45ODgzTDIxLjk5NDQgMTcuNTkzN0wyMS4yNjQ5IDE2Ljg2NDNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjMuNTQwMSAxNi4zMTY0QzI0LjI0NyAxNy4wMjM1IDI0LjI0NyAxOC4xNjk4IDIzLjU0MDEgMTguODc3TDE4Ljg3OCAyMy41MzkxQzE4LjE3MDkgMjQuMjQ2MiAxNy4wMjQ2IDI0LjI0NjEgMTYuMzE3NSAyMy41MzkxTDE0Ljg1NjUgMjIuMDc4MUMxNC40Nzc3IDIxLjY5ODkgMTQuNDE4NyAyMS4xMjI5IDE0LjY3NjggMjAuNjgwN0wxMC42MTM0IDE5LjMyNzFDOS42MzAzNyAxOC45OTk0IDguODczMiAxOC4yMDQ4IDguNTkzODIgMTcuMjA3TDYuMTE5MjEgOC4zNjUyM0w2LjA0MTA5IDguMDgzOThMOC4wODMwOCA2LjA0MTAxTDguMzY0MzMgNi4xMjEwOUwxNy4yMDYxIDguNTk1N0MxOC4yMDM4IDguODc1MTIgMTguOTk4NSA5LjYzMTQ1IDE5LjMyNjIgMTAuNjE0M0wyMC42ODA3IDE0LjY3NThDMjEuMTIzMyAxNC40MTY5IDIxLjcwMDYgMTQuNDc2IDIyLjA4MDEgMTQuODU1NUwyMy41NDAxIDE2LjMxNjRaTTE4LjM3NyAxMC45MzA3QzE4LjE1NDIgMTAuMjYyNyAxNy42MTM3IDkuNzQ4NDUgMTYuOTM1NiA5LjU1ODU5TDguMzc3MDIgNy4xNjIxMUw4LjEyMzEyIDcuNDE2MDFMMTIuMzAwOSAxMS41OTM3QzEyLjk1NDkgMTEuMjQyOSAxMy43ODcxIDExLjM0MjYgMTQuMzM4OSAxMS44OTQ1QzE1LjAxMzMgMTIuNTY5MyAxNS4wMTM1IDEzLjY2MzIgMTQuMzM4OSAxNC4zMzc5QzEzLjY2NDIgMTUuMDEyNyAxMi41Njk0IDE1LjAxMjcgMTEuODk0NiAxNC4zMzc5QzExLjM0MzEgMTMuNzg2MiAxMS4yNDM1IDEyLjk1NDYgMTEuNTkzOCAxMi4zMDA4TDcuNDE2MDkgOC4xMjMwNUw3LjE2MTIgOC4zNzc5M0w5LjU1NzY5IDE2LjkzNzVDOS43NDc2MiAxNy42MTU1IDEwLjI2MTggMTguMTU1MiAxMC45Mjk4IDE4LjM3NzlMMTUuNDI0OSAxOS44NzZMMTkuODc1MSAxNS40MjY4TDE4LjM3NyAxMC45MzA3Wk0yMi44MzMxIDE4LjE2OTlDMjMuMTQ5NSAxNy44NTMzIDIzLjE0OTUgMTcuMzQgMjIuODMzMSAxNy4wMjM0TDIxLjM3MzEgMTUuNTYyNUMyMS4zMTI1IDE1LjUwMTkgMjEuMjE0MSAxNS41MDIxIDIxLjE1MzQgMTUuNTYyNUwxNS41NjQ1IDIxLjE1MjNDMTUuNTAzOCAyMS4yMTMgMTUuNTAzOCAyMS4zMTA0IDE1LjU2NDUgMjEuMzcxMUwxNy4wMjQ1IDIyLjgzMkMxNy4zNDExIDIzLjE0ODUgMTcuODU0NCAyMy4xNDg2IDE4LjE3MSAyMi44MzJMMjIuODMzMSAxOC4xNjk5WiIgZmlsbD0iIzBFMTAxNCIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMjA4ODBfMTQwNzEyIiB4PSIyLjkyMTg4IiB5PSI0LjkxNzk3IiB3aWR0aD0iMjQuMTUwNCIgaGVpZ2h0PSIyNC4xNDg0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4zIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjA4ODBfMTQwNzEyIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzIwODgwXzE0MDcxMiIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K";
+export declare const mark = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAYAAADaILXQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL/SURBVHgBtVVfSFNhFD9rd5uLNYduobRigxGsBTInyCDq7qmCyFEIvTkiiJ7S3oQijSD6hyMoyIf0RfRFttceaqKkT2MEPmjgRoTSWDg3tKXOTufc7U5j7t5p9IPD/f7+zu8753zfBdgDRBTJImRZLCFb7ovwLyCCIVTGEBwGMvFaAfHZR0TvS0Trg9KX+zx+GAea8pFjuV8AwXcA89+rF51tAYjeBGhskLoBjUYzBXXgCNldbryd25+YwePDc5VuL9QJJhe5MZGonjxp2W2P785fgDohkEkU39b+nnh8GeC2vzT+KQXwPFaZskCdYHKmtbBK2UGjvkjEAvT19YHFYoGenh6I33PIe3iVhgzVyDksU9y44ZWHfsNaLg+5nztSb2BgAJxOJwQCAYhGo5JyKoIkWUiNXL44UrmJr6kE7xexuXcZ37xfxlgshmWFFXM4HDg6OiqXZqrsRKPkICw7ePphB9sepfHKk8/SblEUqxwc2InsgJHP5zEej2Mmk8FwOLwveS0nhULBqRSiyNbWVnZpaQkXFhYwm80iJVXRgewkkUhgsVh8BaVc1oTWZDLZ/H7/RXK0TklVJGbnwWAQU6kUrq6uDrtcLoNSiMButxv1er17dnZ2jNXXIh0ZGZFOx1hZWZmn8r1ks9lMoJRkKN2Bls7Ozq7Nzc2NUChUFQZWmsvlfkxOTo653e47NN5Fgs7Q96gaOU8eI/POzMyMM9FeclZMic94PJ5bWq32Ko0FdDpdG4eTKkwANfh8Ph19TrW3t1/bq55VMwYHBx9S/5zBYHAR6XEOR3mPRpWc9musViur901PT0+weo4zO+FEC4Jw3mg0niBnDd3d3VpeDweEjggq6iORiBRrugMJUnya5htqKdXWQY5msxmTyaS2tbV1g96YZlL9tb+//8Xi4uKX7e3tdeAH6bDgBPHxKQwiJe86J5CS521qajKDyoVRl06x5Lon2KnUPBwOrgqqFL1SnOtOAJN0dHQI6XSaDiBwxRTp1dyh/6nqu/5f8Acp9xcUCT5+eAAAAABJRU5ErkJggg==";
+export declare const arrow: (angle: number) => string;

package/dist/src/types.d.ts

@@ -0,0 +1,72 @@
+export interface CanvasRef {
+    pan: (deltaX: number, deltaY: number) => void;
+    scale: (scale: number, x: number, y: number) => void;
+    centerObjects: (ids: string[], duration?: number) => void;
+    fitToScreen: (screen?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => Promise<void>;
+    worldToCanvas: (x: number, y: number) => {
+        x: number;
+        y: number;
+    };
+    getScale: () => number;
+    getActiveObjects: () => any;
+    getBounds: () => {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    } | null;
+    setObjectProperties: (id: string, properties: any) => Promise<void>;
+    registerFonts: (fonts: {
+        fontName: string;
+        url: string;
+    }[]) => Promise<void>;
+    switchToCreatingElement: (creating: boolean, type?: string, options?: any) => Promise<void>;
+    add: (type: string, properties: any) => Promise<string>;
+    copy: () => Promise<void>;
+    paste: (x: number, y: number, clipboardEvent?: ClipboardEvent) => Promise<{
+        count: number;
+        message?: string;
+    }>;
+    cut: () => Promise<void>;
+    remove: (id?: string) => void;
+    select: (ids: string[]) => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    undo: () => void;
+    redo: () => void;
+    getParentLayer: (id: string) => string;
+    getIndex: (id: string) => number;
+    moveUp: (id: string) => void;
+    moveDown: (id: string) => void;
+    moveTo: (parentId: string, index: number) => void;
+    bringToFront: (id: string) => void;
+    sendToBack: (id: string) => void;
+    canGroup: (ids: string[]) => boolean;
+    group: (ids: string[]) => string;
+    ungroup: (id: string) => void;
+    align: (alignment: string) => void;
+    arrange: (arrangement: string) => void;
+    switchToPan: (isPan: boolean) => void;
+    loadFromJSON: (json: any) => Promise<void>;
+    addFabricJSON: (fabricJSON: any, x?: number, y?: number) => Promise<string>;
+    exportToJSON: () => any;
+    exportImage: (type?: string, multiple?: number, quality?: number) => Promise<string | string[] | any>;
+    refreshOverlay?: () => void;
+}
+export interface CanvasProps {
+    onAction?: (action: string, data?: any) => void;
+    onLoad?: () => void;
+    uploadAction?: string;
+    uploadHeader?: Record<string, string>;
+    /**
+     * 覆盖在画布上的 DOM 插槽。
+     * 插槽中的元素会被放在一个跟随画布一起变换的 overlay 容器中。
+     */
+    renderOverlay?: () => any;
+    [key: string]: any;
+}

package/dist/src/utils/clipboard/core.d.ts

@@ -0,0 +1,31 @@
+export declare const INTERNAL_CLIPBOARD_ATTR = "data-infinite-canvas-selection";
+export declare const INTERNAL_SESSION_ATTR = "data-infinite-canvas-session";
+export interface SerializedClipboardPayload {
+    kind: SelectionClipboardContent["kind"];
+    types: string[];
+    serialized: string;
+    src?: string;
+}
+export interface SerializedClipboardData {
+    session: string;
+    payload: SerializedClipboardPayload;
+}
+export type SelectionClipboardContent = {
+    kind: "empty";
+    types: string[];
+    serialized: string;
+} | {
+    kind: "singleImage";
+    data: Uint8Array;
+    src: string;
+    types: string[];
+    serialized: string;
+} | {
+    kind: "types";
+    types: string[];
+    serialized: string;
+};
+export declare const getCurrentClipboardSessionId: () => string;
+export declare const isSameClipboardSession: (session?: string | null) => boolean;
+export declare const decodeBase64: (value: string) => string;
+export declare const writeSelectionToClipboard: (canvas: any) => Promise<void>;

package/dist/src/utils/clipboard/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./core";
+export * from "./read";
+export * from "./transform";

package/dist/src/utils/clipboard/read.d.ts

@@ -0,0 +1,17 @@
+import { SerializedClipboardData } from "./core";
+export declare const extractInternalClipboardPayload: (html: string) => SerializedClipboardData | null;
+export declare const extractTextFromHtml: (html: string) => string;
+export interface ClipboardImagePayload {
+    blob: Blob;
+    type: string;
+    width: number;
+    height: number;
+}
+export declare const containsInternalPayloadInDataTransfer: (dataTransfer: DataTransfer) => boolean;
+export declare const extractSerializedClipboardPayload: (dataTransfer: DataTransfer) => SerializedClipboardData | null;
+export declare const extractTextFromDataTransfer: (dataTransfer: DataTransfer) => string | null;
+export declare const extractUnsupportedFiles: (dataTransfer: DataTransfer) => {
+    types: string[];
+    names: string[];
+} | null;
+export declare const extractImageFromDataTransfer: (dataTransfer: DataTransfer) => Promise<ClipboardImagePayload[]>;

package/dist/src/utils/clipboard/transform.d.ts

@@ -0,0 +1,10 @@
+export interface ClipboardElementDescriptor {
+    type: string;
+    properties: Record<string, any>;
+}
+export declare const parseSerializedClipboardObjects: (serialized: string) => any[];
+export declare const offsetClipboardElements: (objects: any[], targetX: number, targetY: number) => ClipboardElementDescriptor[];
+export declare const collectImageSources: (elements: ClipboardElementDescriptor[]) => string[];
+export declare const registerClipboardImages: (sources: string[], registerImage: (src: string) => Promise<void>) => Promise<void>;
+export declare const buildElementsFromSerialized: (serialized: string, targetX: number, targetY: number) => ClipboardElementDescriptor[];
+export declare const registerImagesForElements: (elements: ClipboardElementDescriptor[], registerImage: (src: string) => Promise<void>) => Promise<void>;

package/dist/src/utils/clipboard.d.ts

@@ -0,0 +1 @@
+export * from "./clipboard";

package/dist/src/utils/fabricConverter.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Fabric.js JSON 转换工具
+ * 将 Fabric.js 的 JSON 格式转换为项目需要的数据结构
+ */
+export interface FabricObject {
+    type: string;
+    version?: string;
+    objects?: FabricObject[];
+    [key: string]: any;
+}
+export interface ConvertedObject {
+    type: string;
+    id?: string;
+    [key: string]: any;
+}
+/**
+ * 转换整个 Fabric.js JSON 数据
+ * @param fabricJSON - Fabric.js 格式的 JSON 数据
+ * @param offsetX - X 坐标偏移量（可选，用于调整 frame 位置）
+ * @param offsetY - Y 坐标偏移量（可选，用于调整 frame 位置）
+ * @returns 转换后的项目格式数据
+ */
+export declare function convertFabricJSON(fabricJSON: any, offsetX?: number, offsetY?: number): any;

package/dist/src/utils/fontLoader.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 字体加载工具模块
+ */
+export interface FontData {
+    name: string;
+    buffer: ArrayBuffer;
+    array: Uint8Array;
+}
+/**
+ * 检测字体格式类型
+ * @param buffer ArrayBuffer 或 Uint8Array
+ * @returns 字体格式类型
+ */
+export declare function detectFontFormat(buffer: ArrayBuffer | Uint8Array): 'woff2' | 'woff' | 'otf' | 'ttf' | 'unknown';
+/**
+ * 检测字体格式是否为 WOFF2（保持向后兼容）
+ */
+export declare function isWOFF2(buffer: ArrayBuffer | Uint8Array): boolean;
+/**
+ * 将 WOFF2 解码为 TTF
+ * 使用 wawoff2 解码 WOFF2 格式
+ */
+export declare function decompressWOFF2(buffer: ArrayBuffer): Promise<ArrayBuffer>;
+/**
+ * 获取默认字体数据（仅 SourceHan，emoji 依赖系统字体，不发起网络请求）
+ */
+export declare const getFontBuffers: () => Promise<{
+    sourceHan: FontData;
+}>;
+/**
+ * 注册单个字体到浏览器
+ * @param fontData 字体数据
+ * @returns 是否成功注册
+ */
+export declare const registerFontToBrowser: (fontData: {
+    name: string;
+    buffer: ArrayBuffer | Uint8Array;
+}) => Promise<boolean>;
+/**
+ * 将默认字体注册到浏览器（document.fonts），供 textarea 等使用。
+ */
+export declare const registerDefaultFonts: (fontData: {
+    sourceHan: FontData;
+}) => Promise<void>;
+/**
+ * 完整的字体初始化流程
+ */
+export declare const initializeFonts: () => Promise<{
+    sourceHan: FontData;
+}>;

package/dist/src/utils/html2json/converters.d.ts

@@ -0,0 +1,47 @@
+/**
+ * HTML to EditorJSON Converter - Element Converters
+ * 包含各种元素的转换函数
+ */
+import type { Layer, TextLayer, ImageLayer, RectangleLayer, CircleLayer, ElementContext } from "./types";
+/**
+ * 处理 body 元素的背景（作为最底层）
+ * @param bodyElement - body 元素
+ * @param containerWidth - 容器宽度
+ * @param tempHeight - 临时高度（稍后会根据实际内容更新）
+ * @returns 背景图层数组（可能为空）
+ */
+export declare function convertBodyBackground(bodyElement: HTMLElement, containerWidth: number, tempHeight: number): Promise<Layer[]>;
+/**
+ * 转换文本元素
+ */
+export declare function convertTextElement(element: Element, context: ElementContext): Promise<TextLayer | ImageLayer | null>;
+/**
+ * 转换图片元素
+ */
+export declare function convertImageElement(element: HTMLImageElement, context: ElementContext): ImageLayer | null;
+/**
+ * 转换 Canvas 元素
+ * 将 <canvas> 导出为 2 倍分辨率 PNG，ImageLayer 的 scale 设为 0.5，以提升清晰度
+ */
+export declare function convertCanvasElement(element: HTMLCanvasElement, context: ElementContext): ImageLayer | null;
+/**
+ * 转换 SVG 元素
+ * 将 SVG 通过 encodeURIComponent 转换为 data URL 图片
+ */
+export declare function convertSVGElement(element: SVGElement, context: ElementContext): Promise<ImageLayer | null>;
+/**
+ * 转换 ::before 和 ::after 伪元素（统一渲染为图片）
+ */
+export declare function convertPseudoElements(element: Element, context: ElementContext): Promise<Layer[]>;
+/**
+ * 转换背景元素
+ */
+export declare function convertBackgroundElement(element: Element, context: ElementContext): Promise<RectangleLayer | CircleLayer | ImageLayer | null>;
+/**
+ * 转换单边边框
+ */
+export declare function convertSingleBorders(element: Element, context: ElementContext): RectangleLayer[];
+/**
+ * 递归遍历 DOM 树并转换元素
+ */
+export declare function traverseAndConvert(element: Element, context: ElementContext, layers: Layer[]): Promise<void>;

package/dist/src/utils/html2json/element-helpers.d.ts

@@ -0,0 +1,60 @@
+/**
+ * HTML to EditorJSON Converter - Element Helper Functions
+ * 包含元素相关的辅助函数（旋转、透明度、圆角、浮动等）
+ */
+/**
+ * 获取元素所在容器的 padding（向上遍历父元素，找到第一个有 padding 的容器）
+ * @param element 元素
+ * @param containerRect 容器边界框
+ * @returns { paddingLeft: 容器左padding, paddingRight: 容器右padding }
+ */
+export declare function getContainerPadding(element: Element, containerRect: DOMRect): {
+    paddingLeft: number;
+    paddingRight: number;
+};
+/**
+ * 通过创建临时元素来获取伪元素的准确位置
+ */
+export declare function getPseudoElementRect(element: Element, pseudoStyles: CSSStyleDeclaration, pseudoType?: "::before" | "::after"): DOMRect | null;
+/**
+ * 获取图片元素的圆角值（考虑父元素的 overflow 和 border-radius）
+ * @param element 图片元素
+ * @param styles 图片元素的样式
+ * @param cssVariables CSS 变量映射
+ * @returns 圆角半径（像素值）
+ */
+export declare function getImageBorderRadius(element: HTMLElement, styles: CSSStyleDeclaration | null, cssVariables: Map<string, string>): number;
+/**
+ * 计算浮动元素占用的空间（用于调整文本位置和宽度）
+ * @param element 当前文本元素
+ * @param containerRect 容器边界框
+ * @returns { leftOffset: 左浮动偏移, rightOffset: 右浮动占用的宽度 }
+ */
+export declare function calculateFloatOffsets(element: Element, containerRect: DOMRect): {
+    leftOffset: number;
+    rightOffset: number;
+};
+/**
+ * 获取元素的旋转角度（考虑父元素链的 transform: rotate 累积）
+ * @param element 元素
+ * @param styles 元素的样式
+ * @returns 旋转角度（度数），累积所有父元素的旋转
+ */
+export declare function getElementRotation(element: Element, styles: CSSStyleDeclaration | null): number | undefined;
+/**
+ * 获取元素的透明度（考虑父元素链的透明度累积）
+ * @param element 元素
+ * @param styles 元素的样式
+ * @returns 透明度值（0-1）
+ */
+export declare function getElementOpacity(element: Element, styles: CSSStyleDeclaration | null): number;
+/**
+ * 按照 CSS 堆叠上下文规则排序子元素
+ * @param children 要排序的子元素数组
+ * @returns 排序后的子元素数组
+ */
+export declare function sortChildrenByStackingOrder(children: Element[]): Element[];
+/**
+ * 判断元素是否需要处理为背景层
+ */
+export declare function shouldConvertAsBackground(element: Element, styles: CSSStyleDeclaration | null, cssVariables: Map<string, string>): boolean;

package/dist/src/utils/html2json/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * HTML to EditorJSON Converter - Main Entry Point
+ */
+export type { ColorStop, LinearGradient, Shadow, CommonLayerFields, TextLayer, ImageLayer, RectangleLayer, CircleLayer, FrameLayer, GroupLayer, Layer, EditorJSON, ElementContext, } from "./types";
+export { uuid, extractTitle, extractCSSVariables, resolveVariable, getTextContent, waitForImage, waitForAllImages, } from "./utils";
+export { parseColor, parseGradient, parseShadow, parseFontSize, parseLength, parseTransformAngle, parseFontWeight, parseBorderRadius, parseLineHeight, } from "./parsers";
+export { isComplexBackground, renderElementWithFilterToBase64, renderBackgroundToBase64, renderEmojiToBase64, isEmojiText, } from "./renderers";
+import type { FrameLayer } from "./types";
+/**
+ * 将 HTML 字符串转换为 FrameLayer（仅支持浏览器环境）
+ * 在隐藏 iframe 中加载并执行 HTML（含脚本与动态样式），再解析为 JSON。
+ * @param html - HTML 字符串
+ * @returns FrameLayer 对象
+ */
+export declare function html2json(html: string): Promise<FrameLayer>;
+export default html2json;