@leafer/interface 1.0.0-rc.1 → 1.0.0-rc.11

package/types/index.d.ts

@@ -1,10 +1,9 @@
-import { IFunction as IFunction$1, IObject as IObject$1, IEvent as IEvent$1, ILeaferCanvas as ILeaferCanvas$1, IScreenSizeData as IScreenSizeData$1 } from '@leafer/interface';
+import { ILeaferCanvas as ILeaferCanvas$1, IScreenSizeData as IScreenSizeData$1 } from '@leafer/interface';
 
-type __Number = number;
-type __Boolean = boolean;
-type __String = string;
-type __Object = IObject;
-type __Value = __Number | __Boolean | __String | __Object;
+type INumber = number;
+type IBoolean = boolean;
+type IString = string;
+type IValue = INumber | IBoolean | IString | IObject;
 type ITimer = any;
 type IPathString = string;
 interface IObject {
@@ -37,13 +36,14 @@ interface ILeafList {
     has(leaf: ILeaf): boolean;
     indexAt(index: number): ILeaf;
     indexOf(leaf: ILeaf): number;
-    unshift(leaf: ILeaf): void;
-    pushList(list: ILeaf[]): void;
-    push(leaf: ILeaf): void;
-    sort(reverse?: boolean): void;
+    add(leaf: ILeaf): void;
+    addAt(leaf: ILeaf, index: number): void;
+    addList(list: ILeaf[]): void;
     remove(leaf: ILeaf): void;
     forEach(itemCallback: ILeafListItemCallback): void;
+    sort(reverse?: boolean): void;
     clone(): ILeafList;
+    update(): void;
     reset(): void;
     destroy(): void;
 }
@@ -55,8 +55,8 @@ interface ILeafLevelList {
     has(leaf: ILeaf): boolean;
     without(leaf: ILeaf): boolean;
     sort(reverse?: boolean): void;
-    pushList(list: ILeaf[]): void;
-    push(leaf: ILeaf): void;
+    addList(list: ILeaf[]): void;
+    add(leaf: ILeaf): void;
     forEach(itemCallback: ILeafListItemCallback): void;
     reset(): void;
     destroy(): void;
@@ -94,17 +94,23 @@ interface IPointData {
     y: number;
 }
 interface IPoint extends IPointData {
-    set(x?: number, y?: number): void;
-    copy(point: IPointData): IPoint;
+    set(x?: number | IPointData, y?: number): IPoint;
+    get(): IPointData;
     clone(): IPoint;
-    rotate(angle: number, center?: IPointData): IPoint;
+    move(x: number, y: number): IPoint;
+    scale(scaleX: number, scaleY?: number): IPoint;
+    scaleOf(origin: IPointData, scaleX: number, scaleY?: number): IPoint;
+    rotate(rotation: number, origin?: IPointData): IPoint;
+    rotateOf(origin: IPointData, rotation: number): IPoint;
+    getRotation(origin: IPointData, to: IPointData, toOrigin?: IPointData): number;
     toInnerOf(matrix: IMatrixData, to?: IPointData): IPoint;
     toOuterOf(matrix: IMatrixData, to?: IPointData): IPoint;
-    getCenter(to: IPointData): IPointData;
+    getCenter(to: IPointData): IPoint;
     getDistance(to: IPointData): number;
+    getDistancePoint(to: IPointData, distance: number): IPoint;
     getAngle(to: IPointData): number;
     getAtan2(to: IPointData): number;
-    reset(): void;
+    reset(): IPoint;
 }
 interface IRadiusPointData extends IPointData {
     radiusX: number;
@@ -125,25 +131,30 @@ interface IOffsetBoundsData extends IBoundsData {
     offsetX: number;
     offsetY: number;
 }
-interface IBoundsDataHandle {
+interface IBoundsDataFn {
     (target: any): IBoundsData;
 }
-interface IBounds extends IBoundsData {
-    set(x?: number, y?: number, width?: number, height?: number): void;
-    copy(bounds: IBoundsData): IBounds;
+interface IBounds extends IBoundsData, ITwoPointBoundsData {
+    set(x?: number | IBoundsData, y?: number, width?: number, height?: number): IBounds;
+    get(): IBoundsData;
     clone(): IBounds;
+    move(x: number, y: number): IBounds;
     scale(scaleX: number, scaleY?: number): IBounds;
+    scaleOf(origin: IPointData, scaleX: number, scaleY?: number): IBounds;
     toOuterOf(matrix: IMatrixData, to?: IBoundsData): IBounds;
+    toInnerOf(matrix: IMatrixData, to?: IBoundsData): IBounds;
     getFitMatrix(put: IBoundsData): IMatrix;
-    spread(size: number): IBounds;
+    spread(spreadX: number, spreadY?: number): IBounds;
     ceil(): IBounds;
     unsign(): IBounds;
+    float(maxLength?: number): IBounds;
     add(bounds: IBoundsData): IBounds;
-    addList(boundsList: IBounds[]): IBounds;
-    setByList(boundsList: IBounds[], addMode?: boolean): IBounds;
-    addListWithHandle(list: IObject[], boundsDataHandle: IBoundsDataHandle): IBounds;
-    setByListWithHandle(list: IObject[], boundsDataHandle: IBoundsDataHandle, addMode: boolean): IBounds;
-    setByPoints(points: IPointData[]): IBounds;
+    addList(boundsList: IBoundsData[]): IBounds;
+    setList(boundsList: IBoundsData[]): IBounds;
+    addListWithFn(list: IObject[], boundsDataHandle: IBoundsDataFn): IBounds;
+    setListWithFn(list: IObject[], boundsDataHandle: IBoundsDataFn): IBounds;
+    setPoints(points: IPointData[]): IBounds;
+    getPoints(): IPointData[];
     hitPoint(point: IPointData, pointMatrix?: IMatrixData): boolean;
     hitRadiusPoint(point: IRadiusPointData, pointMatrix?: IMatrixWithLayoutData): boolean;
     hit(bounds: IBoundsData, boundsMatrix?: IMatrixData): boolean;
@@ -160,11 +171,6 @@ interface ITwoPointBoundsData {
     maxX: number;
     maxY: number;
 }
-interface ITwoPointBounds extends ITwoPointBoundsData {
-    addPoint(x: number, y: number): void;
-    addBounds(x: number, y: number, width: number, height: number): void;
-    add(pointBounds: ITwoPointBoundsData): void;
-}
 interface IAutoBoundsData {
     top?: number;
     right?: number;
@@ -186,19 +192,25 @@ interface IMatrixData {
     e: number;
     f: number;
 }
-interface IMatrixDecompositionData {
-    x: number;
-    y: number;
+interface IScaleData {
     scaleX: number;
     scaleY: number;
+}
+interface IScaleRotationData extends IScaleData {
     rotation: number;
+}
+interface ISkewData {
     skewX: number;
     skewY: number;
 }
-type IMatrixDecompositionAttr = 'x' | 'y' | 'scaleX' | 'scaleY' | 'rotation' | 'skewX' | 'skewY';
+interface ILayoutData extends IScaleRotationData, ISkewData, IPointData {
+}
+type ILayoutAttr = 'x' | 'y' | 'scaleX' | 'scaleY' | 'rotation' | 'skewX' | 'skewY';
+interface ILayoutBoundsData extends ILayoutData, IBoundsData {
+}
 interface IMatrix extends IMatrixData {
-    set(a: number, b: number, c: number, d: number, e: number, f: number): void;
-    copy(matrix: IMatrixData): IMatrix;
+    set(a: number | IMatrixData, b: number, c: number, d: number, e: number, f: number): IMatrix;
+    get(): IMatrixData;
     clone(): IMatrix;
     translate(x: number, y: number): IMatrix;
     translateInner(x: number, y: number): IMatrix;
@@ -211,18 +223,29 @@ interface IMatrix extends IMatrixData {
     skew(x: number, y?: number): IMatrix;
     skewOfOuter(origin: IPointData, x: number, y?: number): IMatrix;
     skewOfInner(origin: IPointData, x: number, y?: number): IMatrix;
-    multiply(matrix: IMatrixData): IMatrix;
-    divide(matrix: IMatrixData): IMatrix;
-    preMultiply(matrix: IMatrixData): IMatrix;
+    multiply(child: IMatrixData): IMatrix;
+    multiplyParent(parent: IMatrixData): IMatrix;
+    divide(child: IMatrixData): IMatrix;
+    divideParent(parent: IMatrixData): IMatrix;
     invert(): IMatrix;
     toOuterPoint(inner: IPointData, to?: IPointData, distance?: boolean): void;
     toInnerPoint(outer: IPointData, to?: IPointData, distance?: boolean): void;
-    decompose(): IMatrixDecompositionData;
+    setLayout(data: ILayoutData, origin?: IPointData): IMatrix;
+    getLayout(origin?: IPointData, firstSkewY?: boolean): ILayoutData;
+    withScale(scaleX?: number, scaleY?: number): IMatrixWithScaleData;
     reset(): void;
 }
 interface IMatrixWithBoundsData extends IMatrixData, IBoundsData {
 }
-interface IMatrixWithLayoutData extends IMatrixData, IMatrixDecompositionData, IBoundsData {
+interface IMatrixWithScaleData extends IMatrixData, IScaleData {
+}
+interface IMatrixWithOptionScaleData extends IMatrixData {
+    scaleX?: number;
+    scaleY?: number;
+}
+interface IMatrixWithBoundsScaleData extends IMatrixData, IBoundsData, IScaleData {
+}
+interface IMatrixWithLayoutData extends IMatrixData, ILayoutBoundsData {
 }
 
 interface ILayoutChangedData {
@@ -250,6 +273,7 @@ interface ILayouterConfig {
 interface ILayouter extends IControl {
     target: ILeaf;
     layoutedBlocks: ILayoutBlockData[];
+    extraBlock: ILayoutBlockData;
     totalTimes: number;
     times: number;
     disabled: boolean;
@@ -263,12 +287,14 @@ interface ILayouter extends IControl {
     layoutOnce(): void;
     partLayout(): void;
     fullLayout(): void;
+    addExtra(leaf: ILeaf): void;
     createBlock(data: ILeafList | ILeaf[]): ILayoutBlockData;
     getBlocks(list: ILeafList): ILayoutBlockData[];
     addBlocks(current: ILayoutBlockData[]): void;
 }
 
 interface IEvent {
+    origin?: IObject;
     type?: string;
     target?: IEventTarget;
     current?: IEventTarget;
@@ -319,25 +345,6 @@ interface ILayoutEvent extends IEvent {
 interface IWatchEvent extends IEvent {
     readonly data: IWatchEventData;
 }
-interface ITransformEventData {
-    x: number;
-    y: number;
-    scaleX: number;
-    scaleY: number;
-    rotation: number;
-    readonly zooming: boolean;
-    readonly moving: boolean;
-    readonly rotating: boolean;
-    readonly changing: boolean;
-}
-interface ITransformEvent extends IEvent, ITransformEventData {
-    readonly x: number;
-    readonly y: number;
-    readonly scaleX: number;
-    readonly scaleY: number;
-    readonly rotation: number;
-}
-type TransformMode = 'move' | 'zoom' | 'rotate';
 interface IMultiTouchData {
     move: IPointData;
     scale: number;
@@ -361,7 +368,23 @@ interface ILeafEventer {
     hasEvent?(type: string, capture?: boolean): boolean;
 }
 
-type IEventListener = IFunction$1;
+interface IFunction {
+    (...arg: any): any;
+}
+interface INumberFunction {
+    (...arg: any): number;
+}
+interface IPointDataFunction {
+    (...arg: any): IPointData;
+}
+interface IAttrDecorator {
+    (...arg: any): IAttrDecoratorInner;
+}
+interface IAttrDecoratorInner {
+    (target: any, key: string): any;
+}
+
+type IEventListener = IFunction;
 interface IEventListenerOptions {
     capture?: boolean;
     once?: boolean;
@@ -374,6 +397,7 @@ interface IEventListenerMap {
 }
 interface IEventListenerId {
     type: string | string[];
+    current: ILeaf;
     listener: IEventListener;
     options?: IEventListenerOptions | boolean;
 }
@@ -384,11 +408,11 @@ interface IEventer extends ILeafEventer {
     __bubbleMap?: IEventListenerMap;
     on(type: string | string[], listener: IEventListener, options?: IEventListenerOptions | boolean): void;
     off(type: string | string[], listener: IEventListener, options?: IEventListenerOptions | boolean): void;
-    on_(type: string | string[], listener: IEventListener, bind?: IObject$1, options?: IEventListenerOptions | boolean): IEventListenerId;
+    on_(type: string | string[], listener: IEventListener, bind?: IObject, options?: IEventListenerOptions | boolean): IEventListenerId;
     off_(id: IEventListenerId | IEventListenerId[]): void;
     once(type: string | string[], listener: IEventListener): void;
-    emit(type: string, event?: IEvent$1 | IObject$1, capture?: boolean): void;
-    emitEvent(event?: IEvent$1, capture?: boolean): void;
+    emit(type: string, event?: IEvent | IObject, capture?: boolean): void;
+    emitEvent(event?: IEvent, capture?: boolean): void;
     hasEvent(type: string, capture?: boolean): boolean;
     destroy(): void;
 }
@@ -478,6 +502,7 @@ interface CanvasPathDrawingStyles {
 interface CanvasPattern {
     setTransform(transform?: DOMMatrix2DInit): void;
 }
+type ICanvasPattern = CanvasPattern;
 interface CanvasRect {
     clearRect(x: number, y: number, w: number, h: number): void;
     fillRect(x: number, y: number, w: number, h: number): void;
@@ -739,6 +764,30 @@ interface ICanvasManager {
     destroy(): void;
 }
 
+type IExportImageType = 'jpg' | 'png' | 'webp';
+type IExportFileType = IExportImageType | 'svg' | 'pdf' | 'json';
+
+interface IExportOptions {
+    quality?: number;
+    blob?: boolean;
+    scale?: number;
+    pixelRatio?: number;
+    slice?: boolean;
+    trim?: boolean;
+    fill?: string;
+    screenshot?: IBoundsData | boolean;
+}
+interface IExportResult {
+    data: ILeaferCanvas | IBlob | string | boolean;
+    width?: number;
+    height?: number;
+    renderBounds?: IBoundsData;
+    trimBounds?: IBoundsData;
+}
+interface IExportResultFunction {
+    (data: IExportResult): void;
+}
+
 interface ILeaferCanvasConfig extends IAutoBoundsData {
     view?: string | IObject;
     fill?: string;
@@ -818,7 +867,7 @@ interface ICanvasMethod {
     setWorldShadow(x: number, y: number, blur: number, color?: string): void;
     setWorldBlur(blur: number): void;
     copyWorld(canvas: ILeaferCanvas, fromBounds?: IBoundsData, toBounds?: IBoundsData, blendMode?: string): void;
-    copyWorldByReset(canvas: ILeaferCanvas, from?: IBoundsData, to?: IBoundsData, blendMode?: string): void;
+    copyWorldByReset(canvas: ILeaferCanvas, from?: IBoundsData, to?: IBoundsData, blendMode?: string, onlyResetTransform?: boolean): void;
     copyWorldToInner(canvas: ILeaferCanvas, fromWorld: IMatrixWithBoundsData, toInnerBounds: IBoundsData, blendMode?: string): void;
     useMask(maskCanvas: ILeaferCanvas, fromBounds?: IBoundsData, toBounds?: IBoundsData): void;
     useEraser(eraserCanvas: ILeaferCanvas, fromBounds?: IBoundsData, toBounds?: IBoundsData): void;
@@ -828,6 +877,7 @@ interface ICanvasMethod {
     clearWorld(bounds: IBoundsData, ceilPixel?: boolean): void;
     clear(): void;
 }
+type ILeaferCanvasView = any;
 interface ILeaferCanvas extends ICanvasAttr, ICanvasMethod, IPathDrawer {
     readonly innerId: InnerId;
     name: string;
@@ -844,13 +894,14 @@ interface ILeaferCanvas extends ICanvasAttr, ICanvasMethod, IPathDrawer {
     clientBounds: IBoundsData;
     config: ILeaferCanvasConfig;
     autoLayout: boolean;
-    view: any;
+    view: ILeaferCanvasView;
     parentView: any;
     unreal?: boolean;
     context: ICanvasContext2D;
     recycled?: boolean;
     worldTransform: IMatrixData;
     init(): void;
+    export(filename: IExportFileType | string, options?: IExportOptions | number | boolean): string | Promise<any>;
     toBlob(type?: string, quality?: number): Promise<IBlob>;
     toDataURL(type?: string, quality?: number): string | Promise<string>;
     saveAs(filename: string, quality?: number): Promise<boolean>;
@@ -859,11 +910,9 @@ interface ILeaferCanvas extends ICanvasAttr, ICanvasMethod, IPathDrawer {
     resize(size: IScreenSizeData): void;
     updateViewSize(): void;
     updateClientBounds(): void;
-    setCursor(cursor: ICursorType | ICursorType[]): void;
     isSameSize(options: ILeaferCanvasConfig): boolean;
-    getSameCanvas(useSameWorldTransform?: boolean): ILeaferCanvas;
-    getBiggerCanvas(addWidth: number, addHeight: number): ILeaferCanvas;
-    recycle(): void;
+    getSameCanvas(useSameWorldTransform?: boolean, useSameSmooth?: boolean): ILeaferCanvas;
+    recycle(clearBounds?: IBoundsData): void;
     updateRender(): void;
     unrealCanvas(): void;
     destroy(): void;
@@ -875,20 +924,11 @@ interface IBlobFunction {
 }
 type IBlob = any;
 
-interface IFunction {
-    (...arg: any): any;
-}
-interface INumberFunction {
-    (...arg: any): number;
-}
-interface IPointDataFunction {
-    (...arg: any): IPointData;
-}
-
 interface IRenderOptions {
+    includes?: boolean;
     bounds?: IBounds;
     hideBounds?: IBounds;
-    matrix?: IMatrix;
+    matrix?: IMatrixWithScaleData;
     inCamera?: boolean;
 }
 interface IRendererConfig {
@@ -924,8 +964,10 @@ interface IRenderer extends IControl {
 
 type ILeafDataProxyModule = ILeafDataProxy & ThisType<ILeaf>;
 interface ILeafDataProxy {
-    __setAttr?(name: string, newValue: __Value): void;
-    __getAttr?(name: string): __Value;
+    __setAttr?(name: string, newValue: IValue): void;
+    __getAttr?(name: string): IValue;
+    setProxyAttr?(name: string, newValue: IValue): void;
+    getProxyAttr?(name: string): IValue;
 }
 
 type ILeafMatrixModule = ILeafMatrix & ThisType<ILeaf>;
@@ -937,33 +979,35 @@ interface ILeafMatrix {
 type ILeafBoundsModule = ILeafBounds & ThisType<ILeaf>;
 interface ILeafBounds {
     __updateWorldBounds?(): void;
+    __updateLocalBounds?(): void;
     __updateLocalBoxBounds?(): void;
     __updateLocalStrokeBounds?(): void;
     __updateLocalRenderBounds?(): void;
     __updateBoxBounds?(): void;
     __updateStrokeBounds?(): void;
     __updateRenderBounds?(): void;
+    __updateAutoLayout?(): void;
     __updateNaturalSize?(): void;
     __updateStrokeSpread?(): number;
     __updateRenderSpread?(): number;
     __onUpdateSize?(): void;
 }
 
-type ILayoutLocationType = 'world' | 'local' | 'inner';
-type ILayoutBoundsType = 'content' | 'box' | 'stroke' | 'margin' | 'render';
+type ILocationType = 'world' | 'local' | 'inner';
+type IBoundsType = 'content' | 'box' | 'stroke' | 'margin' | 'render';
 interface ILeafLayout {
     leaf: ILeaf;
-    useZoomProxy: boolean;
+    proxyZoom: boolean;
     boxBounds: IBoundsData;
     strokeBounds: IBoundsData;
     renderBounds: IBoundsData;
     marginBounds: IBoundsData;
     contentBounds: IBoundsData;
-    localStrokeBounds: IBoundsData;
-    localRenderBounds: IBoundsData;
+    localStrokeBounds?: IBoundsData;
+    localRenderBounds?: IBoundsData;
+    resized: boolean;
+    waitAutoLayout: boolean;
     matrixChanged: boolean;
-    positionChanged: boolean;
-    originChanged?: boolean;
     scaleChanged: boolean;
     rotationChanged: boolean;
     boundsChanged: boolean;
@@ -982,9 +1026,22 @@ interface ILeafLayout {
     renderSpread: number;
     strokeBoxSpread: number;
     renderShapeSpread: number;
-    checkUpdate(force?: boolean): void;
-    getTransform(locationType: ILayoutLocationType): IMatrixData;
-    getBounds(type: ILayoutBoundsType, locationType: ILayoutLocationType): IBoundsData;
+    a: number;
+    b: number;
+    c: number;
+    d: number;
+    e: number;
+    f: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    createLocal(): void;
+    update(): void;
+    getTransform(relative?: ILocationType | ILeaf): IMatrixData;
+    getBounds(type?: IBoundsType, relative?: ILocationType | ILeaf): IBoundsData;
+    getLayoutBounds(type?: IBoundsType, relative?: ILocationType | ILeaf, unscale?: boolean): ILayoutBoundsData;
+    getLayoutPoints(type?: IBoundsType, relative?: ILocationType | ILeaf): IPointData[];
     spreadStroke(): void;
     spreadRender(): void;
     spreadStrokeCancel(): void;
@@ -993,9 +1050,9 @@ interface ILeafLayout {
     localBoxChange(): void;
     strokeChange(): void;
     renderChange(): void;
-    positionChange(): void;
     scaleChange(): void;
     rotationChange(): void;
+    matrixChange(): void;
     surfaceChange(): void;
     opacityChange(): void;
     childrenSortChange(): void;
@@ -1005,7 +1062,9 @@ interface ILeafLayout {
 type ILeafHitModule = ILeafHit & ThisType<ILeaf>;
 interface ILeafHit {
     __hitWorld?(point: IRadiusPointData): boolean;
-    __hit?(local: IRadiusPointData): boolean;
+    __hit?(inner: IRadiusPointData): boolean;
+    __hitFill?(inner: IRadiusPointData, windingRule?: string): boolean;
+    __hitStroke?(inner: IRadiusPointData, strokeWidth: number): boolean;
     __drawHitPath?(canvas: ILeaferCanvas): void;
     __updateHitCanvas?(): void;
 }
@@ -1015,26 +1074,20 @@ interface ILeafRender {
     __render?(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __draw?(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __drawFast?(canvas: ILeaferCanvas, options: IRenderOptions): void;
+    __clip?(_canvas: ILeaferCanvas, _options: IRenderOptions): void;
     __renderShape?(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __updateWorldOpacity?(): void;
     __updateChange?(): void;
 }
 
-type ILeafMaskModule = ILeafMask & ThisType<ILeaf>;
-interface ILeafMask {
-    __updateEraser?(value?: boolean): void;
-    __updateMask?(value?: boolean): void;
-    __renderMask?(canvas: ILeaferCanvas, content: ILeaferCanvas, mask: ILeaferCanvas): void;
-    __removeMask?(child?: ILeaf): void;
-}
-
-interface IDataProcessor extends IObject {
+interface IDataProcessor {
     __leaf: ILeaf;
     __input: IObject;
     __middle: IObject;
     __single: boolean;
     __checkSingle(): void;
     __get(name: string): any;
+    __getData(): IObject;
     __setInput(name: string, value: any): void;
     __getInput(name: string): any;
     __removeInput(name: string): void;
@@ -1043,88 +1096,149 @@ interface IDataProcessor extends IObject {
     __getMiddle(name: string): any;
     destroy(): void;
 }
+interface ILeafDataOptions {
+    attrs?: 'all' | string[];
+    children?: boolean;
+}
 interface ILeafData extends IDataProcessor, ILeafComputedData {
 }
 
+interface IBranch extends ILeaf {
+    children: ILeaf[];
+    __renderBranch?(canvas: ILeaferCanvas, options: IRenderOptions): void;
+    addMany(...children: ILeaf[]): void;
+    removeAll(destroy?: boolean): void;
+    clear(): void;
+}
+
+interface IPickResult {
+    target: ILeaf;
+    path: ILeafList;
+    throughPath?: ILeafList;
+}
+interface IPickOptions {
+    name?: string;
+    hitRadius?: number;
+    through?: boolean;
+    target?: IBranch;
+    findList?: ILeaf[];
+    exclude?: ILeafList;
+    ignoreHittable?: boolean;
+}
+interface ISelectorConfig {
+}
+type IAnswer = 0 | 1 | 2 | 3;
+interface IFindMethod {
+    (leaf: ILeaf, options?: any): IAnswer;
+}
+interface ISelectorProxy {
+    list: ILeaf[];
+}
+interface ISelector {
+    target: ILeaf;
+    proxy?: ISelectorProxy;
+    config: ISelectorConfig;
+    getByPoint(hitPoint: IPointData, hitRadius: number, options?: IPickOptions): IPickResult;
+    getBy(condition: number | string | IFindMethod, branch?: ILeaf, one?: boolean, options?: any): ILeaf | ILeaf[];
+    getByInnerId(innerId: number, branch?: ILeaf): ILeaf;
+    getById(id: string, branch?: ILeaf): ILeaf;
+    getByClassName(className: string, branch?: ILeaf): ILeaf[];
+    getByTag(tag: string, branch?: ILeaf): ILeaf[];
+    getByMethod(method: IFindMethod, branch?: ILeaf, one?: boolean, options?: any): ILeaf | ILeaf[];
+    destroy(): void;
+}
+
 interface ICachedLeaf {
     canvas: ILeaferCanvas;
     matrix?: IMatrix;
     bounds: IBoundsData;
 }
 interface ILeafAttrData {
-    id: __String;
-    name: __String;
-    className: __String;
+    id: IString;
+    name: IString;
+    className: IString;
     blendMode: IBlendMode;
-    opacity: __Number;
-    visible: __Boolean;
-    isMask: __Boolean;
-    isEraser: __Boolean;
-    zIndex: __Number;
-    x: __Number;
-    y: __Number;
-    width: __Number;
-    height: __Number;
-    scaleX: __Number;
-    scaleY: __Number;
-    rotation: __Number;
-    skewX: __Number;
-    skewY: __Number;
-    scale: __Number | IPointData;
-    around: 'center' | IPointData;
-    draggable: __Boolean;
-    hittable: __Boolean;
+    opacity: INumber;
+    visible: IBoolean;
+    locked: IBoolean;
+    zIndex: INumber;
+    mask: IBoolean;
+    maskType: IMaskType;
+    eraser: IBoolean;
+    x: INumber;
+    y: INumber;
+    width: INumber;
+    height: INumber;
+    scaleX: INumber;
+    scaleY: INumber;
+    rotation: INumber;
+    skewX: INumber;
+    skewY: INumber;
+    scale: INumber | IPointData;
+    around: IAround;
+    lazy: IBoolean;
+    draggable: IBoolean;
+    editable: IBoolean;
+    editSize?: IEditSize;
+    hittable: IBoolean;
     hitFill: IHitType;
     hitStroke: IHitType;
-    hitChildren: __Boolean;
-    hitSelf: __Boolean;
-    hitRadius: __Number;
+    hitBox: IBoolean;
+    hitChildren: IBoolean;
+    hitSelf: IBoolean;
+    hitRadius: INumber;
     cursor: ICursorType | ICursorType[];
 }
 type IHitType = 'path' | 'pixel' | 'all' | 'none';
-type IBlendMode = 'pass-through' | 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | 'source-over' | 'source-in' | 'source-out' | 'source-atop' | 'destination-over' | 'destination-in' | 'destination-out' | 'destination-atop';
-type IResizeType = 'size' | 'scale';
+type IMaskType = 'path' | 'pixel' | 'clipping';
+type IBlendMode = 'pass-through' | 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | 'source-over' | 'source-in' | 'source-out' | 'source-atop' | 'destination-over' | 'destination-in' | 'destination-out' | 'destination-atop' | 'xor';
+type IEditSize = 'size' | 'scale';
 interface IImageCursor {
     url: string;
     x?: number;
     y?: number;
+    rotation?: number;
 }
-type IAround = 'center' | IPointData;
-type ICursorType = IImageCursor | 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'grab' | 'grabbing' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'col-resize' | 'row-resize' | 'all-scroll' | 'zoom -in' | 'zoom-out';
-interface ICursorTypeMap {
-    [name: string]: ICursorType | ICursorType[];
-}
-interface ILeafInputData extends IObject {
+type IAround = 'topLeft' | 'top' | 'topRight' | 'right' | 'bottomRight' | 'bottom' | 'bottomLeft' | 'left' | 'center' | IPointData;
+type ICursorType = IImageCursor | '' | 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'grab' | 'grabbing' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'col-resize' | 'row-resize' | 'all-scroll' | 'zoom-in' | 'zoom-out';
+interface ILeafInputData {
     tag?: string;
-    id?: __String;
-    name?: __String;
-    className?: __String;
+    id?: IString;
+    name?: IString;
+    className?: IString;
     blendMode?: IBlendMode;
-    opacity?: __Number;
-    visible?: __Boolean;
-    isMask?: __Boolean;
-    isEraser?: __Boolean;
-    zIndex?: __Number;
-    x?: __Number;
-    y?: __Number;
-    width?: __Number;
-    height?: __Number;
-    scaleX?: __Number;
-    scaleY?: __Number;
-    rotation?: __Number;
-    skewX?: __Number;
-    skewY?: __Number;
-    scale?: __Number | IPointData;
+    opacity?: INumber;
+    visible?: IBoolean;
+    locked?: IBoolean;
+    zIndex?: INumber;
+    mask?: IBoolean;
+    maskType?: IMaskType;
+    eraser?: IBoolean;
+    x?: INumber;
+    y?: INumber;
+    width?: INumber;
+    height?: INumber;
+    scaleX?: INumber;
+    scaleY?: INumber;
+    rotation?: INumber;
+    skewX?: INumber;
+    skewY?: INumber;
+    scale?: INumber | IPointData;
     around?: IAround;
-    draggable?: __Boolean;
-    hittable?: __Boolean;
+    lazy?: IBoolean;
+    draggable?: IBoolean;
+    editable?: IBoolean;
+    editSize?: IEditSize;
+    hittable?: IBoolean;
     hitFill?: IHitType;
     hitStroke?: IHitType;
-    hitChildren?: __Boolean;
-    hitSelf?: __Boolean;
-    hitRadius?: __Number;
+    hitBox?: IBoolean;
+    hitChildren?: IBoolean;
+    hitSelf?: IBoolean;
+    hitRadius?: INumber;
     cursor?: ICursorType | ICursorType[];
     children?: ILeafInputData[];
+    noBounds?: boolean;
 }
 interface ILeafComputedData {
     id?: string;
@@ -1133,9 +1247,11 @@ interface ILeafComputedData {
     blendMode?: IBlendMode;
     opacity?: number;
     visible?: boolean;
-    isMask?: boolean;
-    isEraser?: boolean;
+    locked?: boolean;
     zIndex?: number;
+    mask?: boolean;
+    maskType?: IMaskType;
+    eraser?: boolean;
     x?: number;
     y?: number;
     width?: number;
@@ -1146,10 +1262,15 @@ interface ILeafComputedData {
     skewX?: number;
     skewY?: number;
     around?: IAround;
+    lazy?: boolean;
+    windingRule?: any;
     draggable?: boolean;
+    editable?: boolean;
+    editSize?: IEditSize;
     hittable?: boolean;
     hitFill?: IHitType;
     hitStroke?: IHitType;
+    hitBox?: boolean;
     hitChildren?: boolean;
     hitSelf?: boolean;
     hitRadius?: number;
@@ -1158,36 +1279,44 @@ interface ILeafComputedData {
     __complex?: boolean;
     __naturalWidth?: number;
     __naturalHeight?: number;
+    readonly __blendMode: string;
 }
-interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDataProxy, ILeafInputData, IEventer {
+interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDataProxy, ILeafInputData, IEventer {
     tag: string;
     readonly __tag: string;
     readonly innerName: string;
     readonly __DataProcessor: IObject;
     readonly __LayoutProcessor: IObject;
-    leafer?: ILeafer;
+    readonly app?: ILeaferBase;
+    leafer?: ILeaferBase;
     parent?: ILeaf;
     readonly isApp?: boolean;
     isLeafer?: boolean;
     isBranch?: boolean;
     isBranchLeaf?: boolean;
     __: ILeafData;
+    proxyData?: ILeafInputData;
+    __proxyData?: ILeafInputData;
     __layout: ILeafLayout;
-    __world: IMatrixWithLayoutData;
-    __local: IMatrixWithBoundsData;
+    __world: IMatrixWithBoundsScaleData;
+    __local?: IMatrixWithBoundsData;
+    __nowWorld?: IMatrixWithBoundsScaleData;
+    __cameraWorld?: IMatrixWithBoundsScaleData;
+    readonly __localMatrix: IMatrixData;
+    readonly __localBoxBounds: IBoundsData;
     __worldOpacity: number;
-    readonly worldTransform: IMatrixWithLayoutData;
-    readonly localTransform: IMatrixWithBoundsData;
+    readonly worldTransform: IMatrixData;
+    readonly localTransform: IMatrixData;
     readonly boxBounds: IBoundsData;
+    readonly renderBounds: IBoundsData;
     readonly worldBoxBounds: IBoundsData;
     readonly worldStrokeBounds: IBoundsData;
     readonly worldRenderBounds: IBoundsData;
     readonly worldOpacity: number;
-    __renderTime?: number;
     __level: number;
     __tempNumber?: number;
-    readonly resizeable: boolean;
-    readonly __hasMirror: boolean;
+    readonly __worldFlipped: boolean;
+    __hasAutoLayout?: boolean;
     __hasMask?: boolean;
     __hasEraser?: boolean;
     __hitCanvas?: IHitCanvas;
@@ -1196,35 +1325,48 @@ interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, ILeafMatr
     __parentWait?: IFunction[];
     __leaferWait?: IFunction[];
     destroyed: boolean;
+    reset(data?: ILeafInputData): void;
+    resetCustom(): void;
     waitParent(item: IFunction): void;
     waitLeafer(item: IFunction): void;
-    nextRender(item: IFunction): void;
-    __bindLeafer(leafer: ILeafer | null): void;
+    nextRender(item: IFunction, off?: 'off'): void;
+    __bindLeafer(leafer: ILeaferBase | null): void;
     set(data: IObject): void;
+    get(): ILeafInputData;
     toJSON(): IObject;
     toString(): string;
-    __setAttr(attrName: string, newValue: __Value): void;
-    __getAttr(attrName: string): __Value;
+    toSVG?(): string;
+    toHTML?(): string;
+    __setAttr(attrName: string, newValue: IValue): void;
+    __getAttr(attrName: string): IValue;
+    setProxyAttr(name: string, newValue: IValue): void;
+    getProxyAttr(name: string): IValue;
+    find(condition: number | string | IFindMethod, options?: any): ILeaf[];
+    findOne(condition: number | string | IFindMethod, options?: any): ILeaf;
     forceUpdate(attrName?: string): void;
+    updateLayout(): void;
     __updateWorldMatrix(): void;
     __updateLocalMatrix(): void;
     __updateWorldBounds(): void;
+    __updateLocalBounds(): void;
     __updateLocalBoxBounds(): void;
     __updateLocalStrokeBounds(): void;
     __updateLocalRenderBounds(): void;
     __updateBoxBounds(): void;
     __updateStrokeBounds(): void;
     __updateRenderBounds(): void;
+    __updateAutoLayout(): void;
     __updateNaturalSize(): void;
     __updateStrokeSpread(): number;
     __updateRenderSpread(): number;
     __onUpdateSize(): void;
     __updateEraser(value?: boolean): void;
     __updateMask(value?: boolean): void;
-    __renderMask(canvas: ILeaferCanvas, content: ILeaferCanvas, mask: ILeaferCanvas): void;
-    __removeMask(child?: ILeaf): void;
-    getWorld(attrName: IMatrixDecompositionAttr): number;
-    getBounds(type: ILayoutBoundsType, locationType?: ILayoutLocationType): IBoundsData;
+    __renderMask(canvas: ILeaferCanvas, options: IRenderOptions): void;
+    __getNowWorld(options: IRenderOptions): IMatrixWithBoundsScaleData;
+    getWorld(attrName: ILayoutAttr): number;
+    getBounds(type?: IBoundsType, relative?: ILocationType | ILeaf): IBoundsData;
+    getLayoutBounds(type?: IBoundsType, relative?: ILocationType | ILeaf, unscale?: boolean): ILayoutBoundsData;
     worldToLocal(world: IPointData, to?: IPointData, distance?: boolean, relative?: ILeaf): void;
     localToWorld(local: IPointData, to?: IPointData, distance?: boolean, relative?: ILeaf): void;
     worldToInner(world: IPointData, to?: IPointData, distance?: boolean, relative?: ILeaf): void;
@@ -1235,17 +1377,26 @@ interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, ILeafMatr
     getLocalPointByInner(inner: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData;
     getWorldPoint(inner: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData;
     getWorldPointByLocal(local: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData;
+    getPagePoint(world: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData;
+    getWorldPointByPage(page: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData;
+    setTransform(transform?: IMatrixData, resize?: boolean): void;
+    transform(transform?: IMatrixData, resize?: boolean): void;
     move(x: number, y?: number): void;
-    scaleOf(origin: IPointData, x: number, y?: number): void;
+    scaleOf(origin: IPointData, scaleX: number, scaleY?: number, resize?: boolean): void;
     rotateOf(origin: IPointData, rotation: number): void;
-    skewOf(origin: IPointData, x: number, y: number): void;
+    skewOf(origin: IPointData, skewX: number, skewY?: number, resize?: boolean): void;
+    scaleResize(scaleX: number, scaleY: number, noResize?: boolean): void;
+    __scaleResize(scaleX: number, scaleY: number): void;
     __hitWorld(point: IRadiusPointData): boolean;
     __hit(local: IRadiusPointData): boolean;
+    __hitFill(inner: IRadiusPointData, windingRule?: string): boolean;
+    __hitStroke(inner: IRadiusPointData, strokeWidth: number): boolean;
     __drawHitPath(canvas: ILeaferCanvas): void;
     __updateHitCanvas(): void;
     __render(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __drawFast(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __draw(canvas: ILeaferCanvas, options: IRenderOptions): void;
+    __clip(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __renderShape(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __updateWorldOpacity(): void;
     __updateChange(): void;
@@ -1257,36 +1408,9 @@ interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, ILeafMatr
     __updateSortChildren(): void;
     add(child: ILeaf, index?: number): void;
     remove(child?: ILeaf, destroy?: boolean): void;
+    dropTo(parent: ILeaf, index?: number, resize?: boolean): void;
 }
 
-interface ISelectPathResult {
-    leaf: ILeaf;
-    path: ILeafList;
-    throughPath?: ILeafList;
-}
-interface ISelectPathOptions {
-    name?: string;
-    through?: boolean;
-    exclude?: ILeafList;
-    ignoreHittable?: boolean;
-}
-interface ISelectorConfig {
-}
-interface ISelector {
-    target: ILeaf;
-    config: ISelectorConfig;
-    getByPoint(hitPoint: IPointData, hitRadius: number, options?: ISelectPathOptions): ISelectPathResult;
-    find(name: number | string, branch?: ILeaf): ILeaf | ILeaf[];
-    getByInnerId(name: number, branch?: ILeaf): ILeaf;
-    getById(name: string, branch?: ILeaf): ILeaf;
-    getByClassName(name: string, branch?: ILeaf): ILeaf[];
-    getByTagName(name: string, branch?: ILeaf): ILeaf[];
-    destroy(): void;
-}
-
-type IExportImageType = 'jpg' | 'png' | 'webp';
-type IExportFileType = IExportImageType | 'svg' | 'pdf' | 'json';
-
 interface ILeaferImageConfig {
     url: string;
     thumb?: string;
@@ -1298,6 +1422,13 @@ interface ILeaferImageOnLoaded {
 interface ILeaferImageOnError {
     (error?: string | IObject, image?: ILeaferImage): any;
 }
+interface ILeaferImageCacheCanvas {
+    data: IObject;
+    params: IArguments;
+}
+interface ILeaferImagePatternPaint {
+    transform: IMatrixData;
+}
 interface ILeaferImage {
     readonly innerId: InnerId;
     readonly url: string;
@@ -1305,6 +1436,7 @@ interface ILeaferImage {
     width: number;
     height: number;
     isSVG: boolean;
+    hasOpacityPixel: boolean;
     readonly completed: boolean;
     ready: boolean;
     error: IObject;
@@ -1314,6 +1446,7 @@ interface ILeaferImage {
     load(onSuccess?: ILeaferImageOnLoaded, onError?: ILeaferImageOnError): number;
     unload(index: number, stopEvent?: boolean): void;
     getCanvas(width: number, height: number, opacity?: number, _filters?: IObject): unknown;
+    getPattern(canvas: any, repeat: string | null, transform?: IMatrixData, paint?: IObject): ICanvasPattern;
     destroy(): void;
 }
 
@@ -1331,9 +1464,9 @@ interface IUIEvent extends IEvent {
     buttons?: number;
     path?: ILeafList;
     throughPath?: ILeafList;
-    origin?: IObject;
-    getInner?(target?: ILeaf): IPointData;
-    getLocal?(target?: ILeaf): IPointData;
+    getPage?(): IPointData;
+    getInner?(relative?: ILeaf): IPointData;
+    getLocal?(relative?: ILeaf): IPointData;
 }
 interface IPointerEvent extends IUIEvent {
     width?: number;
@@ -1351,10 +1484,12 @@ interface IDragEvent extends IPointerEvent {
     moveY: number;
     totalX?: number;
     totalY?: number;
-    getInnerMove?(target?: ILeaf): IPointData;
-    getLocalMove?(target?: ILeaf): IPointData;
-    getInnerTotal?(target?: ILeaf): IPointData;
-    getLocalTotal?(target?: ILeaf): IPointData;
+    getPageMove?(total?: boolean): IPointData;
+    getInnerMove?(relative?: ILeaf): IPointData;
+    getLocalMove?(relative?: ILeaf): IPointData;
+    getPageTotal?(): IPointData;
+    getInnerTotal?(relative?: ILeaf): IPointData;
+    getLocalTotal?(relative?: ILeaf): IPointData;
 }
 interface IDropEvent extends IPointerEvent {
     list: ILeafList;
@@ -1387,6 +1522,8 @@ interface IInteraction extends IControl {
     selector: ISelector;
     running: boolean;
     readonly dragging: boolean;
+    readonly isDragEmpty: boolean;
+    readonly isHoldRightKey: boolean;
     readonly moveMode: boolean;
     config: IInteractionConfig;
     cursor: ICursorType | ICursorType[];
@@ -1407,10 +1544,12 @@ interface IInteraction extends IControl {
     rotate(data: IRotateEvent): void;
     keyDown(data: IKeyEvent): void;
     keyUp(data: IKeyEvent): void;
-    findPath(data: IPointerEvent, options?: ISelectPathOptions): ILeafList;
-    updateDownData(data?: IPointerEvent): void;
+    findPath(data: IPointerEvent, options?: IPickOptions): ILeafList;
+    isDrag(leaf: ILeaf): boolean;
+    updateDownData(data?: IPointerEvent, options?: IPickOptions): void;
     updateHoverData(data: IPointerEvent): void;
     updateCursor(hoverData?: IPointerEvent): void;
+    setCursor(cursor: ICursorType | ICursorType[]): void;
     emit(type: string, data: IUIEvent, path?: ILeafList, excludePath?: ILeafList): void;
 }
 interface IInteractionCanvas extends ILeaferCanvas {
@@ -1418,6 +1557,7 @@ interface IInteractionCanvas extends ILeaferCanvas {
 interface IInteractionConfig {
     wheel?: IWheelConfig;
     pointer?: IPointerConfig;
+    cursor?: ICursorConfig;
     zoom?: IZoomConfig;
     move?: IMoveConfig;
     eventer?: IObject;
@@ -1428,12 +1568,15 @@ interface IZoomConfig {
 }
 interface IMoveConfig {
     holdSpaceKey?: boolean;
+    holdMiddleKey?: boolean;
+    holdRightKey?: boolean;
+    drag?: boolean;
     dragEmpty?: boolean;
     dragOut?: boolean;
     autoDistance?: number;
 }
 interface IWheelConfig {
-    zoomMode?: boolean;
+    zoomMode?: boolean | 'mouse';
     zoomSpeed?: number;
     moveSpeed?: number;
     rotateSpeed?: number;
@@ -1454,6 +1597,10 @@ interface IPointerConfig {
     swipeDistance?: number;
     ignoreMove?: boolean;
     preventDefault?: boolean;
+    preventDefaultMenu?: boolean;
+}
+interface ICursorConfig {
+    stop?: boolean;
 }
 
 interface IHitCanvasManager extends ICanvasManager {
@@ -1461,35 +1608,26 @@ interface IHitCanvasManager extends ICanvasManager {
     getImageType(leaf: ILeaf, size: IScreenSizeData): IHitCanvas;
 }
 
-interface IBranch extends ILeaf {
-    children: ILeaf[];
-    __renderBranch?(canvas: ILeaferCanvas, options: IRenderOptions): void;
-    addMany(...children: ILeaf[]): void;
-    removeAll(destroy?: boolean): void;
-}
-
 interface IZoomView extends IBranch {
     zoomLayer?: ILeaf;
-    moveLayer?: ILeaf;
-    transformData?: ITransformEventData;
-    setZoomLayer(zoomLayer: ILeaf, moveLayer?: ILeaf): void;
+    setZoomLayer(zoomLayer: ILeaf): void;
 }
 
-type ILeaferType = 'draw' | 'design' | 'board' | 'document' | 'user';
+type ILeaferType = 'draw' | 'design' | 'board' | 'document' | 'app' | 'game' | 'player' | 'chart';
 interface ILeaferConfig extends IRendererConfig, ILeaferCanvasConfig, IInteractionConfig, ILayouterConfig {
     start?: boolean;
     type?: ILeaferType;
     realCanvas?: boolean;
 }
-interface ILeafer extends IZoomView, IControl {
-    readonly isApp: boolean;
-    readonly app: ILeafer;
-    parent?: IApp;
+interface ILeaferAttrData {
     running: boolean;
     created: boolean;
     ready: boolean;
     viewReady: boolean;
+    imageReady: boolean;
     viewCompleted: boolean;
+    layoutLocked: boolean;
+    transforming: boolean;
     pixelRatio: number;
     view: unknown;
     canvas: ILeaferCanvas;
@@ -1502,24 +1640,36 @@ interface ILeafer extends IZoomView, IControl {
     hitCanvasManager?: IHitCanvasManager;
     autoLayout?: IAutoBounds;
     config: ILeaferConfig;
+    readonly cursorPoint: IPointData;
+    leafs: number;
     __eventIds: IEventListenerId[];
     __nextRenderWait: IFunction[];
-    init(userConfig?: ILeaferConfig, parentApp?: IApp): void;
-    setZoomLayer(zoomLayer: ILeaf, moveLayer?: ILeaf): void;
+    init(userConfig?: ILeaferConfig, parentApp?: IAppBase): void;
+    start(): void;
+    stop(): void;
+    unlockLayout(): void;
+    lockLayout(): void;
+    setZoomLayer(zoomLayer: ILeaf): void;
     forceFullRender(): void;
-    updateCursor(): void;
+    forceRender(bounds?: IBoundsData): void;
+    updateCursor(cursor?: ICursorType): void;
     resize(size: IScreenSizeData): void;
     waitReady(item: IFunction): void;
     waitViewReady(item: IFunction): void;
     waitViewCompleted(item: IFunction): void;
 }
+interface ILeaferBase extends IZoomView, IControl, ILeaferAttrData {
+    readonly isApp: boolean;
+    readonly app: ILeaferBase;
+    parent?: IAppBase;
+}
 interface ILeaferTypeCreator {
     list: ILeaferTypeList;
     register(name: string, fn: ILeaferTypeFunction): void;
-    run(name: string, leafer: ILeafer): void;
+    run(name: string, leafer: ILeaferBase): void;
 }
 interface ILeaferTypeFunction {
-    (leafer: ILeafer): void;
+    (leafer: ILeaferBase): void;
 }
 interface ILeaferTypeList {
     [key: string]: ILeaferTypeFunction;
@@ -1528,19 +1678,21 @@ interface ICreator {
     image?(options?: ILeaferImageConfig): ILeaferImage;
     canvas?(options?: ILeaferCanvasConfig, manager?: ICanvasManager): ILeaferCanvas;
     hitCanvas?(options?: IHitCanvasConfig, manager?: ICanvasManager): IHitCanvas;
+    hitCanvasManager?(): IHitCanvasManager;
     watcher?(target: ILeaf, options?: IWatcherConfig): IWatcher;
     layouter?(target: ILeaf, options?: ILayouterConfig): ILayouter;
     renderer?(target: ILeaf, canvas: ILeaferCanvas, options?: IRendererConfig): IRenderer;
     selector?(target: ILeaf, options?: ISelectorConfig): ISelector;
     interaction?(target: ILeaf, canvas: IInteractionCanvas, selector: ISelector, options?: IInteractionConfig): IInteraction;
+    editor?(options?: IObject): ILeaf;
 }
 interface IUICreator {
     register(UI: IObject): void;
     get(tag: string, data: IObject): IObject;
 }
 
-interface IApp extends ILeafer {
-    children: ILeafer[];
+interface IAppBase extends ILeaferBase {
+    children: ILeaferBase[];
     realCanvas: boolean;
 }
 
@@ -1601,14 +1753,46 @@ interface IImageManager {
     get(config: ILeaferImageConfig): ILeaferImage;
     recycle(image: ILeaferImage): void;
     clearRecycled(): void;
+    hasOpacityPixel(config: ILeaferImageConfig): boolean;
+    isFormat(format: IExportFileType, config: ILeaferImageConfig): boolean;
     destroy(): void;
 }
 
+type ICanvasType = 'skia' | 'napi' | 'canvas' | 'wx';
+interface ISkiaCanvas {
+    toBuffer(format: IExportFileType, config: ISkiaCanvasExportConfig): Promise<any>;
+    toBufferSync(format: IExportFileType, config: ISkiaCanvasExportConfig): any;
+    toDataURL(format: IExportImageType, config: ISkiaCanvasExportConfig): Promise<string>;
+    toDataURLSync(format: IExportImageType, config: ISkiaCanvasExportConfig): string;
+    saveAs(filename: string, config: ISkiaCanvasExportConfig): Promise<void>;
+    saveAsSync(filename: string, config: ISkiaCanvasExportConfig): void;
+}
+interface ISkiaCanvasExportConfig {
+    page?: number;
+    matte?: string;
+    density?: number;
+    quality?: number;
+    outline?: boolean;
+}
+interface ISkiaNAPICanvas {
+    encodeSync(format: 'webp' | 'jpeg', quality?: number): any;
+    encodeSync(format: 'png'): any;
+    encode(format: 'webp' | 'jpeg' | string, quality?: number): Promise<any>;
+    encode(format: 'png'): Promise<any>;
+    toBuffer(mime: 'image/png'): any;
+    toBuffer(mime: 'image/jpeg' | 'image/webp' | string, quality?: number): any;
+    toDataURL(mime?: 'image/png'): string;
+    toDataURL(mime: 'image/jpeg' | 'image/webp' | string, quality?: number): string;
+    toDataURLAsync(mime?: 'image/png'): Promise<string>;
+    toDataURLAsync(mime: 'image/jpeg' | 'image/webp' | string, quality?: number): Promise<string>;
+}
+
 interface IPlatform {
     name?: 'web' | 'node' | 'miniapp';
     os?: 'Mac' | 'Windows' | 'Linux';
     requestRender?(render: IFunction): void;
     canvas?: ILeaferCanvas;
+    canvasType?: ICanvasType;
     isWorker?: boolean;
     isMobile?: boolean;
     devicePixelRatio?: number;
@@ -1618,7 +1802,6 @@ interface IPlatform {
     fullImageShadow?: boolean;
     syncDomFont?: boolean;
     layout?(target: ILeaf): void;
-    realtimeLayout?: boolean;
     origin?: {
         createCanvas(width: number, height: number, format?: 'svg' | 'pdf'): any;
         canvasToDataURL(canvas: any, type?: IExportImageType, quality?: number): string | Promise<string>;
@@ -1627,8 +1810,20 @@ interface IPlatform {
         loadImage(url: string): Promise<any>;
         noRepeat?: string;
     };
+    roundRectPatch?: boolean;
+    ellipseToCurve?: boolean;
+    event?: {
+        stopDefault(origin: IObject): void;
+        stopNow(origin: IObject): void;
+        stop(origin: IObject): void;
+    };
     miniapp?: IMiniapp;
-    imageSuffix?: string;
+    image: {
+        maxCacheSize: number;
+        maxPatternSize: number;
+        suffix: string;
+        crossOrigin: string | false;
+    };
 }
 interface IMiniappSelect extends IObject {
 }
@@ -1649,24 +1844,18 @@ interface IPlugin extends IObject {
     importVersion: string;
     import: string[];
     run(LeaferUI: IObject, config: IObject): void;
-    onLeafer?(leafer: ILeafer): void;
+    onLeafer?(leafer: ILeaferBase): void;
 }
 
-type ICanvasType = 'skia' | 'canvas' | 'wx';
-interface ISkiaCanvas {
-    toBuffer(format: IExportFileType, config: ISkiaCanvasExportConfig): Promise<any>;
-    toBufferSync(format: IExportFileType, config: ISkiaCanvasExportConfig): any;
-    toDataURL(format: IExportImageType, config: ISkiaCanvasExportConfig): Promise<string>;
-    toDataURLSync(format: IExportImageType, config: ISkiaCanvasExportConfig): string;
-    saveAs(filename: string, config: ISkiaCanvasExportConfig): Promise<void>;
-    saveAsSync(filename: string, config: ISkiaCanvasExportConfig): void;
+interface ICursorTypeMap {
+    [name: string]: ICursorType | ICursorType[];
 }
-interface ISkiaCanvasExportConfig {
-    page?: number;
-    matte?: string;
-    density?: number;
-    quality?: number;
-    outline?: boolean;
+interface ICursorRotate {
+    rotation?: number;
+    data?: string;
+}
+interface ICursorRotateMap {
+    [name: string]: ICursorRotate;
 }
 
-export type { ACommandData, ArcCommandData, ArcToCommandData, CCommandData, CanvasPathCommand, EllipseCommandData, HCommandData, IAnimateEvent, IApp, IAround, IAutoBounds, IAutoBoundsData, IBlendMode, IBlob, IBlobFunction, IBooleanMap, IBounds, IBoundsData, IBoundsDataHandle, IBranch, IBranchRender, IBranchRenderModule, ICachedLeaf, ICanvasAttr, ICanvasContext2D, ICanvasManager, ICanvasStrokeOptions, ICanvasType, IChildEvent, IControl, ICreator, ICursorType, ICursorTypeMap, IDataProcessor, IDataTypeHandle, IDragEvent, IDropEvent, IEvent, IEventListener, IEventListenerId, IEventListenerItem, IEventListenerMap, IEventListenerOptions, IEventTarget, IEventer, IExportFileType, IExportImageType, IFunction, IHitCanvas, IHitCanvasConfig, IHitCanvasManager, IHitType, IImageEvent, IImageManager, IInteraction, IInteractionCanvas, IInteractionConfig, IKeepTouchData, IKeyEvent, ILayoutBlockData, ILayoutBoundsType, ILayoutChangedData, ILayoutEvent, ILayoutLocationType, ILayouter, ILayouterConfig, ILeaf, ILeafArrayMap, ILeafAttrData, ILeafBounds, ILeafBoundsModule, ILeafComputedData, ILeafData, ILeafDataProxy, ILeafDataProxyModule, ILeafEventer, ILeafEventerModule, ILeafHit, ILeafHitModule, ILeafInputData, ILeafLayout, ILeafLevelList, ILeafList, ILeafListItemCallback, ILeafMap, ILeafMask, ILeafMaskModule, ILeafMatrix, ILeafMatrixModule, ILeafRender, ILeafRenderModule, ILeafer, ILeaferCanvas, ILeaferCanvasConfig, ILeaferConfig, ILeaferEvent, ILeaferImage, ILeaferImageConfig, ILeaferImageOnError, ILeaferImageOnLoaded, ILeaferType, ILeaferTypeCreator, ILeaferTypeFunction, ILeaferTypeList, IMatrix, IMatrixData, IMatrixDecompositionAttr, IMatrixDecompositionData, IMatrixWithBoundsData, IMatrixWithLayoutData, IMiniapp, IMiniappSelect, IMiniappSizeView, IMoveEvent, IMultiTouchData, INumberMap, IObject, IOffsetBoundsData, IPartLayoutConfig, IPath2D, IPathCommandData, IPathCreator, IPathDrawer, IPathString, IPlatform, IPlugin, IPoint, IPointData, IPointerConfig, IPointerEvent, IPropertyEvent, IRadiusPointData, IRenderEvent, IRenderOptions, IRenderer, IRendererConfig, IResizeEvent, IResizeEventListener, IResizeType, IRotateEvent, IScreenSizeData, ISelectPathOptions, ISelectPathResult, ISelector, ISelectorConfig, ISize, ISizeData, ISkiaCanvas, ISkiaCanvasExportConfig, IStringMap, ISwipeEvent, ITaskItem, ITaskOptions, ITaskProcessor, ITaskProcessorConfig, ITextMetrics, ITimer, ITransformEvent, ITransformEventData, ITwoPointBounds, ITwoPointBoundsData, IUICreator, IUIEvent, IUpdateEvent, IWatchEvent, IWatchEventData, IWatcher, IWatcherConfig, IWheelConfig, IWindingRule, IZoomEvent, IZoomView, InnerId, LCommandData, MCommandData, PointerType, QCommandData, RectCommandData, RoundRectCommandData, SCommandData, TCommandData, TransformMode, VCommandData, ZCommandData, __Boolean, __Number, __Object, __String, __Value };
+export type { ACommandData, ArcCommandData, ArcToCommandData, CCommandData, CanvasPathCommand, EllipseCommandData, HCommandData, IAnimateEvent, IAnswer, IAppBase, IAround, IAttrDecorator, IAutoBounds, IAutoBoundsData, IBlendMode, IBlob, IBlobFunction, IBoolean, IBooleanMap, IBounds, IBoundsData, IBoundsDataFn, IBoundsType, IBranch, IBranchRender, IBranchRenderModule, ICachedLeaf, ICanvasAttr, ICanvasContext2D, ICanvasManager, ICanvasPattern, ICanvasStrokeOptions, ICanvasType, IChildEvent, IControl, ICreator, ICursorRotate, ICursorRotateMap, ICursorType, ICursorTypeMap, IDataProcessor, IDataTypeHandle, IDragEvent, IDropEvent, IEditSize, IEvent, IEventListener, IEventListenerId, IEventListenerItem, IEventListenerMap, IEventListenerOptions, IEventTarget, IEventer, IExportFileType, IExportImageType, IExportOptions, IExportResult, IExportResultFunction, IFindMethod, IFunction, IHitCanvas, IHitCanvasConfig, IHitCanvasManager, IHitType, IImageCursor, IImageEvent, IImageManager, IInteraction, IInteractionCanvas, IInteractionConfig, IKeepTouchData, IKeyEvent, ILayoutAttr, ILayoutBlockData, ILayoutBoundsData, ILayoutChangedData, ILayoutData, ILayoutEvent, ILayouter, ILayouterConfig, ILeaf, ILeafArrayMap, ILeafAttrData, ILeafBounds, ILeafBoundsModule, ILeafComputedData, ILeafData, ILeafDataOptions, ILeafDataProxy, ILeafDataProxyModule, ILeafEventer, ILeafEventerModule, ILeafHit, ILeafHitModule, ILeafInputData, ILeafLayout, ILeafLevelList, ILeafList, ILeafListItemCallback, ILeafMap, ILeafMatrix, ILeafMatrixModule, ILeafRender, ILeafRenderModule, ILeaferAttrData, ILeaferBase, ILeaferCanvas, ILeaferCanvasConfig, ILeaferCanvasView, ILeaferConfig, ILeaferEvent, ILeaferImage, ILeaferImageCacheCanvas, ILeaferImageConfig, ILeaferImageOnError, ILeaferImageOnLoaded, ILeaferImagePatternPaint, ILeaferType, ILeaferTypeCreator, ILeaferTypeFunction, ILeaferTypeList, ILocationType, IMaskType, IMatrix, IMatrixData, IMatrixWithBoundsData, IMatrixWithBoundsScaleData, IMatrixWithLayoutData, IMatrixWithOptionScaleData, IMatrixWithScaleData, IMiniapp, IMiniappSelect, IMiniappSizeView, IMoveEvent, IMultiTouchData, INumber, INumberMap, IObject, IOffsetBoundsData, IPartLayoutConfig, IPath2D, IPathCommandData, IPathCreator, IPathDrawer, IPathString, IPickOptions, IPickResult, IPlatform, IPlugin, IPoint, IPointData, IPointerConfig, IPointerEvent, IPropertyEvent, IRadiusPointData, IRenderEvent, IRenderOptions, IRenderer, IRendererConfig, IResizeEvent, IResizeEventListener, IRotateEvent, IScaleData, IScaleRotationData, IScreenSizeData, ISelector, ISelectorConfig, ISelectorProxy, ISize, ISizeData, ISkewData, ISkiaCanvas, ISkiaCanvasExportConfig, ISkiaNAPICanvas, IString, IStringMap, ISwipeEvent, ITaskItem, ITaskOptions, ITaskProcessor, ITaskProcessorConfig, ITextMetrics, ITimer, ITwoPointBoundsData, IUICreator, IUIEvent, IUpdateEvent, IValue, IWatchEvent, IWatchEventData, IWatcher, IWatcherConfig, IWheelConfig, IWindingRule, IZoomEvent, IZoomView, InnerId, LCommandData, MCommandData, PointerType, QCommandData, RectCommandData, RoundRectCommandData, SCommandData, TCommandData, VCommandData, ZCommandData };