@meta2d/core 1.0.55 → 1.0.57

package/src/canvas/canvas.d.ts

@@ -1,456 +1,456 @@
-import { Pen, IValue } from '../pen';
-import { Point } from '../point';
-import { Rect } from '../rect';
-import { EditAction, Fit, Meta2dStore } from '../store';
-import { Padding } from '../utils';
-import { HotkeyType, HoverType, MouseRight } from '../data';
-import { curve, mind, lineSegment } from '../diagrams';
-import { polyline } from '../diagrams/line/polyline';
-import { Tooltip } from '../tooltip';
-import { Scroll } from '../scroll';
-import { CanvasImage } from './canvasImage';
-import { MagnifierCanvas } from './magnifierCanvas';
-import { Meta2d } from '../core';
-import { Dialog } from '../dialog';
-import { Title } from '../title';
-import { CanvasTemplate } from './canvasTemplate';
-export declare const movingSuffix: "-moving";
-export declare class Canvas {
-    parent: Meta2d;
-    parentElement: HTMLElement;
-    store: Meta2dStore;
-    canvas: HTMLCanvasElement;
-    offscreen: HTMLCanvasElement;
-    width: number;
-    height: number;
-    externalElements: HTMLDivElement;
-    clientRect?: DOMRect;
-    canvasRect: Rect;
-    activeRect: Rect;
-    initActiveRect: Rect;
-    dragRect: Rect;
-    lastRotate: number;
-    sizeCPs: Point[];
-    activeInitPos: Point[];
-    hoverType: HoverType;
-    resizeIndex: number;
-    mouseDown: {
-        x: number;
-        y: number;
-        restore?: boolean;
-    };
-    hotkeyType: HotkeyType;
-    mouseRight: MouseRight;
-    addCaches: Pen[];
-    touchCenter?: Point;
-    initTouchDis?: number;
-    initScale?: number;
-    touchScaling?: boolean;
-    touchMoving?: boolean;
-    startTouches?: TouchList;
-    lastOffsetX: number;
-    lastOffsetY: number;
-    drawingLineName?: string;
-    drawLineFns: string[];
-    drawingLine?: Pen;
-    pencil?: boolean;
-    pencilLine?: Pen;
-    movingPens: Pen[];
-    patchFlagsLines?: Set<Pen>;
-    dock: {
-        xDock: Point;
-        yDock: Point;
-    };
-    prevAnchor: Point;
-    nextAnchor: Point;
-    private lastMouseTime;
-    private hoverTimer;
-    private fitTimer;
-    private willInactivePen;
-    patchFlags: boolean;
-    lastRender: number;
-    touchStart: number;
-    touchStartTimer: any;
-    timer: any;
-    private lastAnimateRender;
-    animateRendering: boolean;
-    renderTimer: number;
-    initPens?: Pen[];
-    pointSize: 8;
-    pasteOffset: boolean;
-    opening: boolean;
-    maxZindex: number;
-    canMoveLine: boolean;
-    randomIdObj: object;
-    keyOptions?: {
-        shiftKey?: boolean;
-        altKey?: boolean;
-        ctrlKey?: boolean;
-        metaKey?: boolean;
-    };
-    /**
-     * @deprecated 改用 beforeAddPens
-     */
-    beforeAddPen: (pen: Pen) => boolean;
-    beforeAddPens: (pens: Pen[]) => Promise<boolean>;
-    beforeAddAnchor: (pen: Pen, anchor: Point) => Promise<boolean>;
-    beforeRemovePens: (pens: Pen[]) => Promise<boolean>;
-    beforeRemoveAnchor: (pen: Pen, anchor: Point) => Promise<boolean>;
-    customResizeDock: (store: Meta2dStore, rect: Rect, pens: Pen[], resizeIndex: number) => {
-        xDock: Point;
-        yDock: Point;
-    };
-    customMoveDock: (store: Meta2dStore, rect: Rect, pens: Pen[], offset: Point) => {
-        xDock: Point;
-        yDock: Point;
-    };
-    inputParent: HTMLDivElement;
-    inputDiv: HTMLDivElement;
-    inputRight: HTMLDivElement;
-    dropdown: HTMLUListElement;
-    tooltip: Tooltip;
-    title: Title;
-    mousePos: Point;
-    scroll: Scroll;
-    movingAnchor: Point;
-    canvasTemplate: CanvasTemplate;
-    canvasImage: CanvasImage;
-    canvasImageBottom: CanvasImage;
-    magnifierCanvas: MagnifierCanvas;
-    dialog: Dialog;
-    autoPolylineFlag: boolean;
-    stopPropagation: (e: MouseEvent) => void;
-    constructor(parent: Meta2d, parentElement: HTMLElement, store: Meta2dStore);
-    curve: typeof curve;
-    polyline: typeof polyline;
-    mind: typeof mind;
-    line: typeof lineSegment;
-    listen(): void;
-    onCopy: (event: ClipboardEvent) => void;
-    onCut: (event: ClipboardEvent) => void;
-    onPaste: (event: ClipboardEvent) => void;
-    onMessage: (e: MessageEvent) => void;
-    onwheel: (e: WheelEvent) => void;
-    onkeydown: (e: KeyboardEvent) => void;
-    /**
-     * 分割连线的锚点，变成两条线
-     * @param line 连线
-     * @param anchor 锚点，连线的某个锚点，引用相同
-     */
-    splitLine(line: Pen, anchor: Point): void;
-    private translateAnchor;
-    onkeyup: (e: KeyboardEvent) => void;
-    fileToPen(file: File, isGif: boolean): Promise<Pen>;
-    ondrop: (event: DragEvent) => Promise<void>;
-    dropPens(pens: Pen[], e: Point): Promise<void>;
-    randomCombineId(pen: Pen, pens: Pen[], parentId?: string): Pen;
-    addPens(pens: Pen[], history?: boolean): Promise<Pen[]>;
-    ontouchstart: (e: TouchEvent) => void;
-    ontouchmove: (event: TouchEvent) => void;
-    ontouchend: (event: TouchEvent) => void;
-    onGesturestart: (e: any) => void;
-    /**
-     * 获取初始化的 pencilLine
-     * @param pt 需包含 penId
-     */
-    private getInitPencilLine;
-    /**
-     * 获取初始化的 drawingLine
-     * @param pt 需包含 penId
-     */
-    private createDrawingLine;
-    onMouseDown: (e: {
-        x: number;
-        y: number;
-        clientX: number;
-        clientY: number;
-        pageX: number;
-        pageY: number;
-        buttons?: number;
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-    }) => void;
-    onMouseMove: (e: {
-        x: number;
-        y: number;
-        clientX: number;
-        clientY: number;
-        pageX: number;
-        pageY: number;
-        buttons?: number;
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-    }) => void;
-    onMouseUp: (e: {
-        x: number;
-        y: number;
-        clientX: number;
-        clientY: number;
-        pageX: number;
-        pageY: number;
-        buttons?: number;
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-        button?: number;
-    }) => void;
-    private addRuleLine;
-    clearRuleLines(): void;
-    get ruleLines(): Pen[];
-    /**
-     * @description 调整pen的坐标，让pen按照网格自动对齐
-     * @author Joseph Ho
-     * @date 14/11/2023
-     * @memberof Canvas
-     */
-    alignPenToGrid(pen: Pen): void;
-    /**
-     * 拖拽结束，数据更新到 active.pens
-     */
-    private movedActivePens;
-    /**
-     * 复制移动后的笔
-     */
-    private copyMovedPens;
-    /**
-     * 若本次改变的画笔存在图片，并且在上层 or 下层，需要擦除上层 or 下层
-     * 子节点中包含图片，也需要重绘
-     * @param pens 本次改变的 pens
-     */
-    initImageCanvas(pens: Pen[]): void;
-    initTemplateCanvas(pens: Pen[]): void;
-    private hasImage;
-    private clearDock;
-    inactive(drawing?: boolean): void;
-    active(pens: Pen[], emit?: boolean): void;
-    getSizeCPs(): void;
-    getSpecialAngle(to: Point, last: Point): void;
-    onResize: () => void;
-    onScroll: () => void;
-    calibrateMouse: (pt: Point) => Point;
-    clearHover(): void;
-    private getContainerHover;
-    private getHover;
-    private inPens;
-    private dockInAnchor;
-    inAnchor(pt: Point, pen: Pen, anchor: Point): HoverType;
-    resize(w?: number, h?: number): void;
-    clearCanvas(): void;
-    addPen(pen: Pen, history?: boolean, emit?: boolean): Promise<Pen>;
-    pushHistory(action: EditAction): void;
-    undo(): void;
-    redo(): void;
-    activeHistory(): void;
-    doEditAction(action: EditAction, undo: boolean): void;
-    makePen(pen: Pen): void;
-    drawline(mouse?: Point): void;
-    initLineRect(pen: Pen): void;
-    drawingPencil(): void;
-    stopPencil(): void;
-    finishDrawline(end?: boolean): Promise<void>;
-    finishPencil(): Promise<void>;
-    /**
-     * 火狐浏览器无法绘制 svg 不存在 width height 的问题
-     * 此方法手动添加 width 和 height 解决火狐浏览器绘制 svg
-     * @param pen
-     */
-    private firefoxLoadSvg;
-    loadImage(pen: Pen): void;
-    private imageTimer;
-    imageLoaded(): void;
-    private templateImageTimer;
-    templateImageLoaded(): void;
-    setCalculativeByScale(pen: Pen): void;
-    updatePenRect(pen: Pen, { worldRectIsReady, playingAnimate, }?: {
-        worldRectIsReady?: boolean;
-        playingAnimate?: boolean;
-        noChildren?: boolean;
-    }): void;
-    render: (patchFlags?: number | boolean) => void;
-    renderPens: () => void;
-    private renderPenContainChild;
-    renderBorder: () => void;
-    renderHoverPoint: () => void;
-    translate(x?: number, y?: number): void;
-    onMovePens(): void;
-    /**
-     * 缩放整个画布
-     * @param scale 缩放比例，最终的 data.scale
-     * @param center 中心点，引用类型，存在副作用，会更改原值
-     */
-    scale(scale: number, center?: {
-        x: number;
-        y: number;
-    }): void;
-    templateScale(scale: number, center?: {
-        x: number;
-        y: number;
-    }): void;
-    rotatePens(e: Point): void;
-    resizePens(e: Point): void;
-    movePens(e: {
-        x: number;
-        y: number;
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-    }): void;
-    /**
-     * 初始化移动，更改画笔的 id parentId 等关联关系
-     * @param pen 要修改的画笔
-     * @param pens 本次操作的画笔们，包含子画笔
-     */
-    private changeIdsByMoving;
-    /**
-     * 初始化 this.movingPens
-     * 修改 ids （id parentId children 等）
-     * 半透明，去图片
-     */
-    initMovingPens(): void;
-    moveLineAnchor(pt: {
-        x: number;
-        y: number;
-    }, keyOptions: {
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        altKey?: boolean;
-    }): void;
-    moveLineAnchorPrev(e: {
-        x: number;
-        y: number;
-    }): void;
-    moveLineAnchorNext(e: {
-        x: number;
-        y: number;
-    }): void;
-    setAnchor(e: {
-        x: number;
-        y: number;
-    }): Promise<void>;
-    /**
-     * 连线允许移动，若与其它图形有连接，但其它图形不在此次移动中，会断开连接
-     * @param line 连线
-     * @param pens 本次移动的全部图形，包含子节点
-     */
-    private checkDisconnect;
-    /**
-     * 移动 画笔们
-     * @param pens 画笔们，不包含子节点
-     * @param x 偏移 x
-     * @param y 偏移 y
-     * @param doing 是否持续移动
-     */
-    translatePens(pens: Pen[], x: number, y: number, doing?: boolean): void;
-    /**
-     * 移动 画笔们
-     * @param pens 画笔们，不包含子节点
-     * @param x 偏移 x
-     * @param y 偏移 y
-     * @param doing 是否持续移动
-     */
-    templateTranslatePens(pens: Pen[], x: number, y: number): void;
-    private calcAutoAnchor;
-    restoreNodeAnimate(pen: Pen): void;
-    updateLines(pen: Pen, change?: boolean): void;
-    calcActiveRect(): void;
-    /**
-     * 旋转当前画笔包括子节点
-     * @param pen 旋转的画笔
-     * @param angle 本次的旋转值，加到 pen.calculative.rotate 上
-     */
-    rotatePen(pen: Pen, angle: number, rect: Rect): void;
-    nextAnimate(pen: Pen): void;
-    getFrameProps(pen: Pen): {};
-    animate(): void;
-    get clipboardName(): string;
-    copy(pens?: Pen[], emit?: boolean): Promise<void>;
-    cut(pens?: Pen[]): void;
-    paste(): Promise<void>;
-    /**
-     * 获取 pens 列表中的所有节点（包含子节点）
-     * @param pens 不包含子节点
-     */
-    getAllByPens(pens: Pen[]): Pen[];
-    getAllFollowersByPens(pens: Pen[], deep?: boolean): Pen[];
-    setFollowers(pens?: Pen[]): void;
-    /**
-     *
-     * @param pen 当前复制的画笔
-     * @param parentId 父节点 id
-     * @param clipboard 本次复制的全部画笔，包含子节点, 以及 origin 和 scale
-     * @returns 复制后的画笔
-     */
-    private pastePen;
-    /**
-     * 修改对应连线的 anchors
-     * @param oldId 老 id
-     * @param pen 节点
-     * @param pastePens 本次复制的 pens 包含子节点
-     */
-    changeLineAnchors(oldId: string, pen: Pen, pastePens: Pen[]): void;
-    /**
-     * 复制连线的过程，修改 与 此线连接 node 的 connectedLines
-     * @param oldId 线原 id
-     * @param line 线
-     * @param pastePens 此处复制的全部 pens (包含子节点)
-     */
-    changeNodeConnectedLine(oldId: string, line: Pen, pastePens: Pen[]): void;
-    delete(pens?: Pen[], canDelLocked?: boolean, history?: boolean): Promise<void>;
-    private _del;
-    getDelPens(pen: Pen, delPens: Pen[]): void;
-    private getLockedParent;
-    delForce(pen: Pen): void;
-    private delConnectedLines;
-    private ondblclick;
-    showInput: (pen: Pen, rect?: Rect, background?: string) => void;
-    setInputStyle: (pen: Pen) => void;
-    convertSpecialCharacter(str: any): any;
-    hideInput: () => void;
-    private createInput;
-    clearDropdownList(): void;
-    private setDropdownList;
-    /**
-     * 添加一个选项到 dropdown dom 中
-     * @param text 选项文字
-     * @param index 选项索引
-     */
-    private dropdownAppendOption;
-    private selectDropdown;
-    find(idOrTag: string): Pen[];
-    findOne(idOrTag: string): Pen | undefined;
-    changePenId(oldId: string, newId: string): void;
-    updateValue(pen: Pen, data: IValue): void;
-    /**
-     * 执行 pen ，以及 pen 的子孙节点的 onResize 生命周期函数
-     */
-    private execPenResize;
-    setPenRect(pen: Pen, rect: Rect, render?: boolean): void;
-    getPenRect(pen: Pen, origin?: Point, scale?: number): {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    toPng(padding?: Padding, callback?: BlobCallback, containBkImg?: boolean, maxWidth?: number): string;
-    activeToPng(padding?: Padding, maxWidth?: number): string;
-    pensToPng(pens?: Pen[], padding?: Padding, maxWidth?: number): string;
-    toggleAnchorMode(): void;
-    addAnchorHand(): void;
-    removeAnchorHand(): void;
-    toggleAnchorHand(): void;
-    gotoView(x: number, y: number): void;
-    showMagnifier(): void;
-    hideMagnifier(): void;
-    private inFitBorder;
-    showFit(): void;
-    hideFit(): void;
-    makeFit(): void;
-    updateFit(e: any): void;
-    updateFitRect(fit?: Fit): void;
-    deleteFit(fit?: Fit): void;
-    calcuActiveFit(): void;
-    toggleMagnifier(): void;
-    destroy(): void;
-}
+import { Pen, IValue } from '../pen';
+import { Point } from '../point';
+import { Rect } from '../rect';
+import { EditAction, Fit, Meta2dStore } from '../store';
+import { Padding } from '../utils';
+import { HotkeyType, HoverType, MouseRight } from '../data';
+import { curve, mind, lineSegment } from '../diagrams';
+import { polyline } from '../diagrams/line/polyline';
+import { Tooltip } from '../tooltip';
+import { Scroll } from '../scroll';
+import { CanvasImage } from './canvasImage';
+import { MagnifierCanvas } from './magnifierCanvas';
+import { Meta2d } from '../core';
+import { Dialog } from '../dialog';
+import { Title } from '../title';
+import { CanvasTemplate } from './canvasTemplate';
+export declare const movingSuffix: "-moving";
+export declare class Canvas {
+    parent: Meta2d;
+    parentElement: HTMLElement;
+    store: Meta2dStore;
+    canvas: HTMLCanvasElement;
+    offscreen: HTMLCanvasElement;
+    width: number;
+    height: number;
+    externalElements: HTMLDivElement;
+    clientRect?: DOMRect;
+    canvasRect: Rect;
+    activeRect: Rect;
+    initActiveRect: Rect;
+    dragRect: Rect;
+    lastRotate: number;
+    sizeCPs: Point[];
+    activeInitPos: Point[];
+    hoverType: HoverType;
+    resizeIndex: number;
+    mouseDown: {
+        x: number;
+        y: number;
+        restore?: boolean;
+    };
+    hotkeyType: HotkeyType;
+    mouseRight: MouseRight;
+    addCaches: Pen[];
+    touchCenter?: Point;
+    initTouchDis?: number;
+    initScale?: number;
+    touchScaling?: boolean;
+    touchMoving?: boolean;
+    startTouches?: TouchList;
+    lastOffsetX: number;
+    lastOffsetY: number;
+    drawingLineName?: string;
+    drawLineFns: string[];
+    drawingLine?: Pen;
+    pencil?: boolean;
+    pencilLine?: Pen;
+    movingPens: Pen[];
+    patchFlagsLines?: Set<Pen>;
+    dock: {
+        xDock: Point;
+        yDock: Point;
+    };
+    prevAnchor: Point;
+    nextAnchor: Point;
+    private lastMouseTime;
+    private hoverTimer;
+    private fitTimer;
+    private willInactivePen;
+    patchFlags: boolean;
+    lastRender: number;
+    touchStart: number;
+    touchStartTimer: any;
+    timer: any;
+    private lastAnimateRender;
+    animateRendering: boolean;
+    renderTimer: number;
+    initPens?: Pen[];
+    pointSize: 8;
+    pasteOffset: boolean;
+    opening: boolean;
+    maxZindex: number;
+    canMoveLine: boolean;
+    randomIdObj: object;
+    keyOptions?: {
+        shiftKey?: boolean;
+        altKey?: boolean;
+        ctrlKey?: boolean;
+        metaKey?: boolean;
+    };
+    /**
+     * @deprecated 改用 beforeAddPens
+     */
+    beforeAddPen: (pen: Pen) => boolean;
+    beforeAddPens: (pens: Pen[]) => Promise<boolean>;
+    beforeAddAnchor: (pen: Pen, anchor: Point) => Promise<boolean>;
+    beforeRemovePens: (pens: Pen[]) => Promise<boolean>;
+    beforeRemoveAnchor: (pen: Pen, anchor: Point) => Promise<boolean>;
+    customResizeDock: (store: Meta2dStore, rect: Rect, pens: Pen[], resizeIndex: number) => {
+        xDock: Point;
+        yDock: Point;
+    };
+    customMoveDock: (store: Meta2dStore, rect: Rect, pens: Pen[], offset: Point) => {
+        xDock: Point;
+        yDock: Point;
+    };
+    inputParent: HTMLDivElement;
+    inputDiv: HTMLDivElement;
+    inputRight: HTMLDivElement;
+    dropdown: HTMLUListElement;
+    tooltip: Tooltip;
+    title: Title;
+    mousePos: Point;
+    scroll: Scroll;
+    movingAnchor: Point;
+    canvasTemplate: CanvasTemplate;
+    canvasImage: CanvasImage;
+    canvasImageBottom: CanvasImage;
+    magnifierCanvas: MagnifierCanvas;
+    dialog: Dialog;
+    autoPolylineFlag: boolean;
+    stopPropagation: (e: MouseEvent) => void;
+    constructor(parent: Meta2d, parentElement: HTMLElement, store: Meta2dStore);
+    curve: typeof curve;
+    polyline: typeof polyline;
+    mind: typeof mind;
+    line: typeof lineSegment;
+    listen(): void;
+    onCopy: (event: ClipboardEvent) => void;
+    onCut: (event: ClipboardEvent) => void;
+    onPaste: (event: ClipboardEvent) => void;
+    onMessage: (e: MessageEvent) => void;
+    onwheel: (e: WheelEvent) => void;
+    onkeydown: (e: KeyboardEvent) => void;
+    /**
+     * 分割连线的锚点，变成两条线
+     * @param line 连线
+     * @param anchor 锚点，连线的某个锚点，引用相同
+     */
+    splitLine(line: Pen, anchor: Point): void;
+    private translateAnchor;
+    onkeyup: (e: KeyboardEvent) => void;
+    fileToPen(file: File, isGif: boolean): Promise<Pen>;
+    ondrop: (event: DragEvent) => Promise<void>;
+    dropPens(pens: Pen[], e: Point): Promise<void>;
+    randomCombineId(pen: Pen, pens: Pen[], parentId?: string): Pen;
+    addPens(pens: Pen[], history?: boolean): Promise<Pen[]>;
+    ontouchstart: (e: TouchEvent) => void;
+    ontouchmove: (event: TouchEvent) => void;
+    ontouchend: (event: TouchEvent) => void;
+    onGesturestart: (e: any) => void;
+    /**
+     * 获取初始化的 pencilLine
+     * @param pt 需包含 penId
+     */
+    private getInitPencilLine;
+    /**
+     * 获取初始化的 drawingLine
+     * @param pt 需包含 penId
+     */
+    private createDrawingLine;
+    onMouseDown: (e: {
+        x: number;
+        y: number;
+        clientX: number;
+        clientY: number;
+        pageX: number;
+        pageY: number;
+        buttons?: number;
+        ctrlKey?: boolean;
+        shiftKey?: boolean;
+        altKey?: boolean;
+    }) => void;
+    onMouseMove: (e: {
+        x: number;
+        y: number;
+        clientX: number;
+        clientY: number;
+        pageX: number;
+        pageY: number;
+        buttons?: number;
+        ctrlKey?: boolean;
+        shiftKey?: boolean;
+        altKey?: boolean;
+    }) => void;
+    onMouseUp: (e: {
+        x: number;
+        y: number;
+        clientX: number;
+        clientY: number;
+        pageX: number;
+        pageY: number;
+        buttons?: number;
+        ctrlKey?: boolean;
+        shiftKey?: boolean;
+        altKey?: boolean;
+        button?: number;
+    }) => void;
+    private addRuleLine;
+    clearRuleLines(): void;
+    get ruleLines(): Pen[];
+    /**
+     * @description 调整pen的坐标，让pen按照网格自动对齐
+     * @author Joseph Ho
+     * @date 14/11/2023
+     * @memberof Canvas
+     */
+    alignPenToGrid(pen: Pen): void;
+    /**
+     * 拖拽结束，数据更新到 active.pens
+     */
+    private movedActivePens;
+    /**
+     * 复制移动后的笔
+     */
+    private copyMovedPens;
+    /**
+     * 若本次改变的画笔存在图片，并且在上层 or 下层，需要擦除上层 or 下层
+     * 子节点中包含图片，也需要重绘
+     * @param pens 本次改变的 pens
+     */
+    initImageCanvas(pens: Pen[]): void;
+    initTemplateCanvas(pens: Pen[]): void;
+    private hasImage;
+    private clearDock;
+    inactive(drawing?: boolean): void;
+    active(pens: Pen[], emit?: boolean): void;
+    getSizeCPs(): void;
+    getSpecialAngle(to: Point, last: Point): void;
+    onResize: () => void;
+    onScroll: () => void;
+    calibrateMouse: (pt: Point) => Point;
+    clearHover(): void;
+    private getContainerHover;
+    private getHover;
+    private inPens;
+    private dockInAnchor;
+    inAnchor(pt: Point, pen: Pen, anchor: Point): HoverType;
+    resize(w?: number, h?: number): void;
+    clearCanvas(): void;
+    addPen(pen: Pen, history?: boolean, emit?: boolean): Promise<Pen>;
+    pushHistory(action: EditAction): void;
+    undo(): void;
+    redo(): void;
+    activeHistory(): void;
+    doEditAction(action: EditAction, undo: boolean): void;
+    makePen(pen: Pen): void;
+    drawline(mouse?: Point): void;
+    initLineRect(pen: Pen): void;
+    drawingPencil(): void;
+    stopPencil(): void;
+    finishDrawline(end?: boolean): Promise<void>;
+    finishPencil(): Promise<void>;
+    /**
+     * 火狐浏览器无法绘制 svg 不存在 width height 的问题
+     * 此方法手动添加 width 和 height 解决火狐浏览器绘制 svg
+     * @param pen
+     */
+    private firefoxLoadSvg;
+    loadImage(pen: Pen): void;
+    private imageTimer;
+    imageLoaded(): void;
+    private templateImageTimer;
+    templateImageLoaded(): void;
+    setCalculativeByScale(pen: Pen): void;
+    updatePenRect(pen: Pen, { worldRectIsReady, playingAnimate, }?: {
+        worldRectIsReady?: boolean;
+        playingAnimate?: boolean;
+        noChildren?: boolean;
+    }): void;
+    render: (patchFlags?: number | boolean) => void;
+    renderPens: () => void;
+    private renderPenContainChild;
+    renderBorder: () => void;
+    renderHoverPoint: () => void;
+    translate(x?: number, y?: number): void;
+    onMovePens(): void;
+    /**
+     * 缩放整个画布
+     * @param scale 缩放比例，最终的 data.scale
+     * @param center 中心点，引用类型，存在副作用，会更改原值
+     */
+    scale(scale: number, center?: {
+        x: number;
+        y: number;
+    }): void;
+    templateScale(scale: number, center?: {
+        x: number;
+        y: number;
+    }): void;
+    rotatePens(e: Point): void;
+    resizePens(e: Point): void;
+    movePens(e: {
+        x: number;
+        y: number;
+        ctrlKey?: boolean;
+        shiftKey?: boolean;
+        altKey?: boolean;
+    }): void;
+    /**
+     * 初始化移动，更改画笔的 id parentId 等关联关系
+     * @param pen 要修改的画笔
+     * @param pens 本次操作的画笔们，包含子画笔
+     */
+    private changeIdsByMoving;
+    /**
+     * 初始化 this.movingPens
+     * 修改 ids （id parentId children 等）
+     * 半透明，去图片
+     */
+    initMovingPens(): void;
+    moveLineAnchor(pt: {
+        x: number;
+        y: number;
+    }, keyOptions: {
+        ctrlKey?: boolean;
+        shiftKey?: boolean;
+        altKey?: boolean;
+    }): void;
+    moveLineAnchorPrev(e: {
+        x: number;
+        y: number;
+    }): void;
+    moveLineAnchorNext(e: {
+        x: number;
+        y: number;
+    }): void;
+    setAnchor(e: {
+        x: number;
+        y: number;
+    }): Promise<void>;
+    /**
+     * 连线允许移动，若与其它图形有连接，但其它图形不在此次移动中，会断开连接
+     * @param line 连线
+     * @param pens 本次移动的全部图形，包含子节点
+     */
+    private checkDisconnect;
+    /**
+     * 移动 画笔们
+     * @param pens 画笔们，不包含子节点
+     * @param x 偏移 x
+     * @param y 偏移 y
+     * @param doing 是否持续移动
+     */
+    translatePens(pens: Pen[], x: number, y: number, doing?: boolean): void;
+    /**
+     * 移动 画笔们
+     * @param pens 画笔们，不包含子节点
+     * @param x 偏移 x
+     * @param y 偏移 y
+     * @param doing 是否持续移动
+     */
+    templateTranslatePens(pens: Pen[], x: number, y: number): void;
+    private calcAutoAnchor;
+    restoreNodeAnimate(pen: Pen): void;
+    updateLines(pen: Pen, change?: boolean): void;
+    calcActiveRect(): void;
+    /**
+     * 旋转当前画笔包括子节点
+     * @param pen 旋转的画笔
+     * @param angle 本次的旋转值，加到 pen.calculative.rotate 上
+     */
+    rotatePen(pen: Pen, angle: number, rect: Rect): void;
+    nextAnimate(pen: Pen): void;
+    getFrameProps(pen: Pen): {};
+    animate(): void;
+    get clipboardName(): string;
+    copy(pens?: Pen[], emit?: boolean): Promise<void>;
+    cut(pens?: Pen[]): void;
+    paste(): Promise<void>;
+    /**
+     * 获取 pens 列表中的所有节点（包含子节点）
+     * @param pens 不包含子节点
+     */
+    getAllByPens(pens: Pen[]): Pen[];
+    getAllFollowersByPens(pens: Pen[], deep?: boolean): Pen[];
+    setFollowers(pens?: Pen[]): void;
+    /**
+     *
+     * @param pen 当前复制的画笔
+     * @param parentId 父节点 id
+     * @param clipboard 本次复制的全部画笔，包含子节点, 以及 origin 和 scale
+     * @returns 复制后的画笔
+     */
+    private pastePen;
+    /**
+     * 修改对应连线的 anchors
+     * @param oldId 老 id
+     * @param pen 节点
+     * @param pastePens 本次复制的 pens 包含子节点
+     */
+    changeLineAnchors(oldId: string, pen: Pen, pastePens: Pen[]): void;
+    /**
+     * 复制连线的过程，修改 与 此线连接 node 的 connectedLines
+     * @param oldId 线原 id
+     * @param line 线
+     * @param pastePens 此处复制的全部 pens (包含子节点)
+     */
+    changeNodeConnectedLine(oldId: string, line: Pen, pastePens: Pen[]): void;
+    delete(pens?: Pen[], canDelLocked?: boolean, history?: boolean): Promise<void>;
+    private _del;
+    getDelPens(pen: Pen, delPens: Pen[]): void;
+    private getLockedParent;
+    delForce(pen: Pen): void;
+    private delConnectedLines;
+    private ondblclick;
+    showInput: (pen: Pen, rect?: Rect, background?: string) => void;
+    setInputStyle: (pen: Pen) => void;
+    convertSpecialCharacter(str: any): any;
+    hideInput: () => void;
+    private createInput;
+    clearDropdownList(): void;
+    private setDropdownList;
+    /**
+     * 添加一个选项到 dropdown dom 中
+     * @param text 选项文字
+     * @param index 选项索引
+     */
+    private dropdownAppendOption;
+    private selectDropdown;
+    find(idOrTag: string): Pen[];
+    findOne(idOrTag: string): Pen | undefined;
+    changePenId(oldId: string, newId: string): void;
+    updateValue(pen: Pen, data: IValue): void;
+    /**
+     * 执行 pen ，以及 pen 的子孙节点的 onResize 生命周期函数
+     */
+    private execPenResize;
+    setPenRect(pen: Pen, rect: Rect, render?: boolean): void;
+    getPenRect(pen: Pen, origin?: Point, scale?: number): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    toPng(padding?: Padding, callback?: BlobCallback, containBkImg?: boolean, maxWidth?: number): string;
+    activeToPng(padding?: Padding, maxWidth?: number): string;
+    pensToPng(pens?: Pen[], padding?: Padding, maxWidth?: number): string;
+    toggleAnchorMode(): void;
+    addAnchorHand(): void;
+    removeAnchorHand(): void;
+    toggleAnchorHand(): void;
+    gotoView(x: number, y: number): void;
+    showMagnifier(): void;
+    hideMagnifier(): void;
+    private inFitBorder;
+    showFit(): void;
+    hideFit(): void;
+    makeFit(): void;
+    updateFit(e: any): void;
+    updateFitRect(fit?: Fit): void;
+    deleteFit(fit?: Fit): void;
+    calcuActiveFit(): void;
+    toggleMagnifier(): void;
+    destroy(): void;
+}