@leafer/interface 1.3.3 → 1.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer/interface",
-  "version": "1.3.3",
+  "version": "1.4.1",
   "description": "@leafer/interface",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",

package/src/animate/ITransition.ts

@@ -0,0 +1,86 @@
+import { IObject } from '../data/IData'
+
+export type ITransition = IAnimateOptions | IAnimateEasingName | number | boolean
+
+export interface IAnimateOptions {
+    easing?: IAnimateEasing
+
+    delay?: number
+    duration?: number
+    ending?: IAnimateEnding
+
+    reverse?: boolean
+    swing?: boolean | number
+
+    loop?: boolean | number
+    loopDelay?: number
+
+    speed?: number
+
+    join?: boolean
+    autoplay?: boolean
+
+    attrs?: string[]
+    event?: IAnimateEvents
+}
+
+
+export interface IAnimateEasingFunction {
+    (t: number): number
+}
+
+export interface ICustomEasingFunction {
+    (...arg: any): IAnimateEasingFunction
+}
+
+
+export type IAnimateEasing =
+    | IAnimateEasingName
+    | ICubicBezierEasing
+    | IStepsEasing
+    | IObject
+
+export interface ICubicBezierEasing {
+    name: 'cubic-bezier',
+    value: [number, number, number, number]
+}
+
+export interface IStepsEasing {
+    name: 'steps',
+    value: number | [number, 'floor' | 'round' | 'ceil']
+}
+
+
+export type IAnimateEasingName =
+    | 'linear'
+    | 'ease'
+    | 'ease-in' | 'ease-out' | 'ease-in-out'
+    | 'sine-in' | 'sine-out' | 'sine-in-out'
+    | 'quad-in' | 'quad-out' | 'quad-in-out'
+    | 'cubic-in' | 'cubic-out' | 'cubic-in-out'
+    | 'quart-in' | 'quart-out' | 'quart-in-out'
+    | 'quint-in' | 'quint-out' | 'quint-in-out'
+    | 'expo-in' | 'expo-out' | 'expo-in-out'
+    | 'circ-in' | 'circ-out' | 'circ-in-out'
+    | 'back-in' | 'back-out' | 'back-in-out'
+    | 'elastic-in' | 'elastic-out' | 'elastic-in-out'
+    | 'bounce-in' | 'bounce-out' | 'bounce-in-out'
+
+
+export type IAnimateEnding = 'auto' | 'from' | 'to'
+
+export interface IAnimateEvents {
+    created?: IAnimateEventFunction
+
+    play?: IAnimateEventFunction
+    pause?: IAnimateEventFunction
+    stop?: IAnimateEventFunction
+    seek?: IAnimateEventFunction
+
+    update?: IAnimateEventFunction
+    completed?: IAnimateEventFunction
+}
+
+export interface IAnimateEventFunction {
+    (animate?: any): any
+}

package/src/app/ILeafer.ts

@@ -15,6 +15,7 @@ import { IAppBase } from './IApp'
 import { ILeaferImage, ILeaferImageConfig } from '../image/ILeaferImage'
 import { IControl } from '../control/IControl'
 import { IFunction } from '../function/IFunction'
+import { ITransition } from '../animate/ITransition'
 
 
 export type ILeaferType = 'draw' | 'block' | 'viewport' | 'editor' | 'design' | 'board' | 'document' | 'app' | 'website' | 'game' | 'player' | 'chart' | 'custom'
@@ -24,8 +25,6 @@ export interface ILeaferConfig extends IRendererConfig, ILeaferCanvasConfig, IIn
     mobile?: boolean
     realCanvas?: boolean
     grow?: boolean | 'box' | 'render'
-    growWidth?: boolean
-    growHeight?: boolean
     lazySpeard?: IFourNumber
 }
 
@@ -84,7 +83,7 @@ export interface ILeaferAttrData {
     waitViewReady(item: IFunction, bind?: IObject): void
     waitViewCompleted(item: IFunction, bind?: IObject): void
 
-    zoom(zoomType: IZoomType, padding?: IFourNumber, fixedScale?: boolean): IBoundsData
+    zoom(zoomType: IZoomType, padding?: IFourNumber, fixedScale?: boolean, transition?: ITransition): IBoundsData
     getValidMove(moveX: number, moveY: number): IPointData
     getValidScale(changeScale: number): number
 

package/src/display/ILeaf.ts

@@ -20,6 +20,7 @@ import { IPathCommandObject, IPathCommandData } from '../path/IPathCommand'
 import { IWindingRule, IPath2D } from '../canvas/ICanvas'
 import { IJSONOptions } from '../file/IExport'
 import { IMotionPathData } from '../path/IPathData'
+import { ITransition } from '../animate/ITransition'
 
 
 export interface ICachedLeaf {
@@ -205,7 +206,10 @@ export type IStateStyleType =
     | 'selectedStyle'
     | 'disabledStyle'
 
-
+export interface IFilter extends IObject {
+    type: string
+    visible?: boolean
+}
 
 export interface ILeafAttrData {
     // layer data
@@ -223,6 +227,7 @@ export interface ILeafAttrData {
 
     mask?: IBoolean | IMaskType
     eraser?: IBoolean | IEraserType
+    filter?: IFilter | IFilter[]
 
     // layout data
     x?: INumber
@@ -325,6 +330,7 @@ export interface ILeafComputedData {
 
     mask?: boolean | IMaskType
     eraser?: boolean | IEraserType
+    filter?: IFilter[]
 
     // layout data
     x?: number
@@ -515,7 +521,7 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
 
     __bindLeafer(leafer: ILeaferBase | null): void
 
-    set(data: IObject, transition?: any): void
+    set(data: IObject, transition?: ITransition): void
     get(name?: string | string[] | IObject): ILeafInputData | IValue
     setAttr(name: string, value: any): void
     getAttr(name: string): any
@@ -613,22 +619,22 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
     getWorldPointByPage(page: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData
 
     // transform
-    setTransform(transform?: IMatrixData, resize?: boolean): void
-    transform(transform?: IMatrixData, resize?: boolean): void
-    move(x: number | IPointData, y?: number, transition?: any): void
+    setTransform(transform?: IMatrixData, resize?: boolean, transition?: ITransition): void
+    transform(transform?: IMatrixData, resize?: boolean, transition?: ITransition): void
+    move(x: number | IPointData, y?: number, transition?: ITransition): void
 
-    moveInner(x: number | IPointData, y?: number, transition?: any): void
-    scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number, resize?: boolean): void
-    rotateOf(origin: IPointData | IAlign, rotation: number): void
-    skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, resize?: boolean): void
+    moveInner(x: number | IPointData, y?: number, transition?: ITransition): void
+    scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number | ITransition, resize?: boolean, transition?: ITransition): void
+    rotateOf(origin: IPointData | IAlign, rotation: number, transition?: ITransition): void
+    skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, resize?: boolean, transition?: ITransition): void
 
-    transformWorld(worldTransform?: IMatrixData, resize?: boolean): void
-    moveWorld(x: number | IPointData, y?: number, transition?: any): void
-    scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number, resize?: boolean): void
-    rotateOfWorld(worldOrigin: IPointData, rotation: number): void
-    skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean): void
+    transformWorld(worldTransform?: IMatrixData, resize?: boolean, transition?: ITransition): void
+    moveWorld(x: number | IPointData, y?: number, transition?: ITransition): void
+    scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number | ITransition, resize?: boolean, transition?: ITransition): void
+    rotateOfWorld(worldOrigin: IPointData, rotation: number, transition?: ITransition): void
+    skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean, transition?: ITransition): void
 
-    flip(axis: IAxis): void
+    flip(axis: IAxis, transition?: ITransition): void
 
     scaleResize(scaleX: number, scaleY: number, noResize?: boolean): void
     __scaleResize(scaleX: number, scaleY: number): void
@@ -648,7 +654,7 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
     // ILeafRender ->
     __render(canvas: ILeaferCanvas, options: IRenderOptions): void
     __drawFast(canvas: ILeaferCanvas, options: IRenderOptions): void
-    __draw(canvas: ILeaferCanvas, options: IRenderOptions): void
+    __draw(canvas: ILeaferCanvas, options: IRenderOptions, originCanvas?: ILeaferCanvas): void
 
     __clip(canvas: ILeaferCanvas, options: IRenderOptions): void
     __renderShape(canvas: ILeaferCanvas, options: IRenderOptions, ignoreFill?: boolean, ignoreStroke?: boolean): void

package/src/display/module/ILeafRender.ts

@@ -6,7 +6,7 @@ export type ILeafRenderModule = ILeafRender & ThisType<ILeaf>
 
 export interface ILeafRender {
     __render?(canvas: ILeaferCanvas, options: IRenderOptions): void
-    __draw?(canvas: ILeaferCanvas, options: IRenderOptions): void
+    __draw?(canvas: ILeaferCanvas, options: IRenderOptions, originCanvas?: ILeaferCanvas): void
     __drawFast?(canvas: ILeaferCanvas, options: IRenderOptions): void
 
     __clip?(_canvas: ILeaferCanvas, _options: IRenderOptions): void

package/src/file/IResource.ts

@@ -0,0 +1,21 @@
+import { ITaskProcessor } from '../task/ITaskProcessor'
+import { ILeaferImage } from '../image/ILeaferImage'
+import { IExportFileType } from './IFileType'
+import { IObject } from '../data/IData'
+import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
+
+
+export interface IResource {
+    map: any,
+    tasker: ITaskProcessor
+    readonly isComplete: boolean
+
+    set(key: string, value: any): void
+    get(key: string): any
+    remove(key: string): void
+
+    setImage(key: string, value: string | IObject | ILeaferImage | ILeaferCanvas, format?: IExportFileType): ILeaferImage
+    loadImage(key: string, format?: IExportFileType): Promise<ILeaferImage>
+
+    destroy(): void
+}

package/src/image/IImageManager.ts

@@ -2,21 +2,17 @@ import { ILeaferImage, ILeaferImageConfig } from './ILeaferImage'
 import { ITaskProcessor } from '../task/ITaskProcessor'
 import { IExportFileType } from '../file/IFileType'
 
-interface ILeaferImageMap {
-    [name: string]: ILeaferImage
-}
 
 export interface IImageManager {
-    map: ILeaferImageMap
-    recycledList: ILeaferImage[]
-    tasker: ITaskProcessor
     patternTasker: ITaskProcessor
     patternLocked?: boolean // 锁定pattern不更新, 一般用于创建碰撞位图 UIHit.ts
-    readonly isComplete: boolean
+    recycledList: ILeaferImage[]
+
     get(config: ILeaferImageConfig): ILeaferImage
     recycle(image: ILeaferImage): void
     clearRecycled(): void
     hasOpacityPixel(config: ILeaferImageConfig): boolean // png / svg / webp
     isFormat(format: IExportFileType, config: ILeaferImageConfig): boolean
+
     destroy(): void
 }

package/src/image/ILeaferImage.ts

@@ -3,11 +3,13 @@ import { IObject } from '../data/IData'
 import { InnerId } from '../event/IEventer'
 import { IExportFileType } from '../file/IFileType'
 import { IMatrixData } from '../math/IMath'
+import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
 
 export interface ILeaferImageConfig {
     url: string
     thumb?: string
     format?: IExportFileType
+    view?: IObject | ILeaferImage | ILeaferCanvas
 }
 
 export interface ILeaferImageOnLoaded {
@@ -31,7 +33,7 @@ export interface ILeaferImage {
     readonly innerId: InnerId
     readonly url: string
 
-    view: unknown
+    view: any
     width: number
     height: number
 
@@ -48,7 +50,8 @@ export interface ILeaferImage {
 
     load(onSuccess?: ILeaferImageOnLoaded, onError?: ILeaferImageOnError): number
     unload(index: number, stopEvent?: boolean): void
-    getCanvas(width: number, height: number, opacity?: number, _filters?: IObject): unknown
+    getFull(filters?: IObject): any
+    getCanvas(width: number, height: number, opacity?: number, filters?: IObject): any
     getPattern(canvas: any, repeat: string | null, transform?: IMatrixData, paint?: IObject): ICanvasPattern
     destroy(): void
 }

package/src/index.ts

@@ -1,6 +1,6 @@
 export { IAppBase } from './app/IApp'
 export { ILeaferBase, ILeaferAttrData, ILeaferType, ILeaferTypeCreator, ILeaferTypeFunction, ILeaferTypeList, ILeaferConfig, ICreator, IUICreator, IZoomType } from './app/ILeafer'
-export { ILeaf, ILeafAttrData, ILeafComputedData, ILeafInputData, ICachedLeaf, IFlowType, IFlowBoxType, IAlign, IAxisAlign, IFlowAlign, IFlowAxisAlign, ISide, IAxis, IGap, IPointGap, IAxisReverse, IBaseLineAlign, IFlowWrap, IAutoSize, IRangeSize, IPercentData, IUnitData, IConstraint, IConstraintType, IHitType, IMaskType, IEraserType, IBlendMode, IEditSize, IImageCursor, ICursorType, IStateStyleType, IDirection, IDirection4, IAround, ILeafAttrDescriptor, ILeafAttrDescriptorFn } from './display/ILeaf'
+export { ILeaf, ILeafAttrData, ILeafComputedData, ILeafInputData, ICachedLeaf, IFlowType, IFlowBoxType, IAlign, IAxisAlign, IFlowAlign, IFlowAxisAlign, ISide, IAxis, IGap, IPointGap, IAxisReverse, IBaseLineAlign, IFlowWrap, IAutoSize, IRangeSize, IPercentData, IUnitData, IConstraint, IConstraintType, IHitType, IMaskType, IEraserType, IBlendMode, IEditSize, IImageCursor, ICursorType, IStateStyleType, IDirection, IDirection4, IAround, IFilter, ILeafAttrDescriptor, ILeafAttrDescriptorFn } from './display/ILeaf'
 export { IBranch } from './display/IBranch'
 export { IZoomView } from './display/IView'
 
@@ -41,6 +41,7 @@ export { IWindingRule, ICanvasContext2D, ICanvasContext2DSettings, ITextMetrics,
 export { CanvasPathCommand, IPathCommandData, MCommandData, HCommandData, VCommandData, LCommandData, CCommandData, SCommandData, QCommandData, TCommandData, ZCommandData, ACommandData, RectCommandData, RoundRectCommandData, EllipseCommandData, ArcCommandData, ArcToCommandData, MoveToCommandObject, LineToCommandObject, BezierCurveToCommandObject, QuadraticCurveToCommandObject, IPathCommandObject } from './path/IPathCommand'
 
 export { ILeaferImage, ILeaferImageConfig, ILeaferImageOnLoaded, ILeaferImageOnError, ILeaferImageCacheCanvas, ILeaferImagePatternPaint } from './image/ILeaferImage'
+export { IResource } from './file/IResource'
 export { IExportFileType, IExportImageType } from './file/IFileType'
 export { IExportOptions, IJSONOptions, IExportResult, IExportResultFunction, IExportOnCanvasFunction } from './file/IExport'
 
@@ -54,4 +55,6 @@ export { ITransformer } from './interaction/ITransformer'
 export { INumber, IBoolean, IString, IValue, IFourNumber, IPathString, ITimer, IObject, INumberMap, IStringMap, IBooleanMap, IFunctionMap, IPointDataMap, IDataTypeHandle } from './data/IData'
 export { ILeafList, ILeafArrayMap, ILeafMap, ILeafLevelList, ILeafListItemCallback } from './data/IList'
 export { IPoint, IPointData, IFromToData, IUnitPointData, IRotationPointData, IScrollPointData, IClientPointData, IRadiusPointData, ISize, ISizeData, IScreenSizeData, IBounds, IBoundsData, IBoundsDataFn, IOffsetBoundsData, ITwoPointBoundsData, IAutoBounds, IAutoBoxData, IAutoBoundsData, IMatrix, IMatrixData, IMatrixWithBoundsData, IMatrixWithScaleData, IMatrixWithOptionScaleData, IMatrixWithBoundsScaleData, IMatrixWithLayoutData, IScaleRotationData, IScaleData, ISkewData, ILayoutBoundsData, ILayoutData, ILayoutAttr } from './math/IMath'
-export { IFunction, IStringFunction, INumberFunction, IObjectFunction, IPointDataFunction, IAttrDecorator } from './function/IFunction'
+export { IFunction, IStringFunction, INumberFunction, IObjectFunction, IPointDataFunction, IAttrDecorator } from './function/IFunction'
+
+export { ITransition, IAnimateEasing, ICubicBezierEasing, IStepsEasing, IAnimateEasingFunction, IAnimateEasingName, IAnimateEnding, IAnimateEvents, IAnimateEventFunction, ICustomEasingFunction, IAnimateOptions } from './animate/ITransition'

package/types/index.d.ts

@@ -1186,7 +1186,7 @@ interface ILeafHit {
 type ILeafRenderModule = ILeafRender & ThisType<ILeaf>;
 interface ILeafRender {
     __render?(canvas: ILeaferCanvas, options: IRenderOptions): void;
-    __draw?(canvas: ILeaferCanvas, options: IRenderOptions): void;
+    __draw?(canvas: ILeaferCanvas, options: IRenderOptions, originCanvas?: ILeaferCanvas): void;
     __drawFast?(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __clip?(_canvas: ILeaferCanvas, _options: IRenderOptions): void;
     __renderShape?(canvas: ILeaferCanvas, options: IRenderOptions, ignoreFill?: boolean, ignoreStroke?: boolean): void;
@@ -1291,6 +1291,52 @@ interface IMotionPathData {
     data: IPathCommandData;
 }
 
+type ITransition = IAnimateOptions | IAnimateEasingName | number | boolean;
+interface IAnimateOptions {
+    easing?: IAnimateEasing;
+    delay?: number;
+    duration?: number;
+    ending?: IAnimateEnding;
+    reverse?: boolean;
+    swing?: boolean | number;
+    loop?: boolean | number;
+    loopDelay?: number;
+    speed?: number;
+    join?: boolean;
+    autoplay?: boolean;
+    attrs?: string[];
+    event?: IAnimateEvents;
+}
+interface IAnimateEasingFunction {
+    (t: number): number;
+}
+interface ICustomEasingFunction {
+    (...arg: any): IAnimateEasingFunction;
+}
+type IAnimateEasing = IAnimateEasingName | ICubicBezierEasing | IStepsEasing | IObject;
+interface ICubicBezierEasing {
+    name: 'cubic-bezier';
+    value: [number, number, number, number];
+}
+interface IStepsEasing {
+    name: 'steps';
+    value: number | [number, 'floor' | 'round' | 'ceil'];
+}
+type IAnimateEasingName = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'sine-in' | 'sine-out' | 'sine-in-out' | 'quad-in' | 'quad-out' | 'quad-in-out' | 'cubic-in' | 'cubic-out' | 'cubic-in-out' | 'quart-in' | 'quart-out' | 'quart-in-out' | 'quint-in' | 'quint-out' | 'quint-in-out' | 'expo-in' | 'expo-out' | 'expo-in-out' | 'circ-in' | 'circ-out' | 'circ-in-out' | 'back-in' | 'back-out' | 'back-in-out' | 'elastic-in' | 'elastic-out' | 'elastic-in-out' | 'bounce-in' | 'bounce-out' | 'bounce-in-out';
+type IAnimateEnding = 'auto' | 'from' | 'to';
+interface IAnimateEvents {
+    created?: IAnimateEventFunction;
+    play?: IAnimateEventFunction;
+    pause?: IAnimateEventFunction;
+    stop?: IAnimateEventFunction;
+    seek?: IAnimateEventFunction;
+    update?: IAnimateEventFunction;
+    completed?: IAnimateEventFunction;
+}
+interface IAnimateEventFunction {
+    (animate?: any): any;
+}
+
 interface ICachedLeaf {
     canvas: ILeaferCanvas;
     matrix?: IMatrix;
@@ -1349,6 +1395,10 @@ type IFlowAlign = IAlign | IBaseLineAlign;
 type IAround = IAlign | IUnitPointData;
 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';
 type IStateStyleType = 'hoverStyle' | 'pressStyle' | 'focusStyle' | 'selectedStyle' | 'disabledStyle';
+interface IFilter extends IObject {
+    type: string;
+    visible?: boolean;
+}
 interface ILeafAttrData {
     id?: IString;
     name?: IString;
@@ -1362,6 +1412,7 @@ interface ILeafAttrData {
     zIndex?: INumber;
     mask?: IBoolean | IMaskType;
     eraser?: IBoolean | IEraserType;
+    filter?: IFilter | IFilter[];
     x?: INumber;
     y?: INumber;
     width?: INumber;
@@ -1434,6 +1485,7 @@ interface ILeafComputedData {
     zIndex?: number;
     mask?: boolean | IMaskType;
     eraser?: boolean | IEraserType;
+    filter?: IFilter[];
     x?: number;
     y?: number;
     width?: number;
@@ -1568,7 +1620,7 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     nextRender(item: IFunction, bind?: IObject, off?: 'off'): void;
     removeNextRender(item: IFunction): void;
     __bindLeafer(leafer: ILeaferBase | null): void;
-    set(data: IObject, transition?: any): void;
+    set(data: IObject, transition?: ITransition): void;
     get(name?: string | string[] | IObject): ILeafInputData | IValue;
     setAttr(name: string, value: any): void;
     getAttr(name: string): any;
@@ -1637,19 +1689,19 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     getWorldPointByBox(box: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData;
     getWorldPointByLocal(local: 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 | IPointData, y?: number, transition?: any): void;
-    moveInner(x: number | IPointData, y?: number, transition?: any): void;
-    scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number, resize?: boolean): void;
-    rotateOf(origin: IPointData | IAlign, rotation: number): void;
-    skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, resize?: boolean): void;
-    transformWorld(worldTransform?: IMatrixData, resize?: boolean): void;
-    moveWorld(x: number | IPointData, y?: number, transition?: any): void;
-    scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number, resize?: boolean): void;
-    rotateOfWorld(worldOrigin: IPointData, rotation: number): void;
-    skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean): void;
-    flip(axis: IAxis): void;
+    setTransform(transform?: IMatrixData, resize?: boolean, transition?: ITransition): void;
+    transform(transform?: IMatrixData, resize?: boolean, transition?: ITransition): void;
+    move(x: number | IPointData, y?: number, transition?: ITransition): void;
+    moveInner(x: number | IPointData, y?: number, transition?: ITransition): void;
+    scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number | ITransition, resize?: boolean, transition?: ITransition): void;
+    rotateOf(origin: IPointData | IAlign, rotation: number, transition?: ITransition): void;
+    skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, resize?: boolean, transition?: ITransition): void;
+    transformWorld(worldTransform?: IMatrixData, resize?: boolean, transition?: ITransition): void;
+    moveWorld(x: number | IPointData, y?: number, transition?: ITransition): void;
+    scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number | ITransition, resize?: boolean, transition?: ITransition): void;
+    rotateOfWorld(worldOrigin: IPointData, rotation: number, transition?: ITransition): void;
+    skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean, transition?: ITransition): void;
+    flip(axis: IAxis, transition?: ITransition): void;
     scaleResize(scaleX: number, scaleY: number, noResize?: boolean): void;
     __scaleResize(scaleX: number, scaleY: number): void;
     resizeWidth(width: number): void;
@@ -1663,7 +1715,7 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     __updateHitCanvas(): void;
     __render(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __drawFast(canvas: ILeaferCanvas, options: IRenderOptions): void;
-    __draw(canvas: ILeaferCanvas, options: IRenderOptions): void;
+    __draw(canvas: ILeaferCanvas, options: IRenderOptions, originCanvas?: ILeaferCanvas): void;
     __clip(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __renderShape(canvas: ILeaferCanvas, options: IRenderOptions, ignoreFill?: boolean, ignoreStroke?: boolean): void;
     __updateWorldOpacity(): void;
@@ -1693,6 +1745,7 @@ interface ILeaferImageConfig {
     url: string;
     thumb?: string;
     format?: IExportFileType;
+    view?: IObject | ILeaferImage | ILeaferCanvas;
 }
 interface ILeaferImageOnLoaded {
     (image?: ILeaferImage): any;
@@ -1710,7 +1763,7 @@ interface ILeaferImagePatternPaint {
 interface ILeaferImage {
     readonly innerId: InnerId;
     readonly url: string;
-    view: unknown;
+    view: any;
     width: number;
     height: number;
     isSVG: boolean;
@@ -1723,7 +1776,8 @@ interface ILeaferImage {
     config: ILeaferImageConfig;
     load(onSuccess?: ILeaferImageOnLoaded, onError?: ILeaferImageOnError): number;
     unload(index: number, stopEvent?: boolean): void;
-    getCanvas(width: number, height: number, opacity?: number, _filters?: IObject): unknown;
+    getFull(filters?: IObject): any;
+    getCanvas(width: number, height: number, opacity?: number, filters?: IObject): any;
     getPattern(canvas: any, repeat: string | null, transform?: IMatrixData, paint?: IObject): ICanvasPattern;
     destroy(): void;
 }
@@ -1944,8 +1998,6 @@ interface ILeaferConfig extends IRendererConfig, ILeaferCanvasConfig, IInteracti
     mobile?: boolean;
     realCanvas?: boolean;
     grow?: boolean | 'box' | 'render';
-    growWidth?: boolean;
-    growHeight?: boolean;
     lazySpeard?: IFourNumber;
 }
 interface ILeaferAttrData {
@@ -1986,7 +2038,7 @@ interface ILeaferAttrData {
     waitReady(item: IFunction, bind?: IObject): void;
     waitViewReady(item: IFunction, bind?: IObject): void;
     waitViewCompleted(item: IFunction, bind?: IObject): void;
-    zoom(zoomType: IZoomType, padding?: IFourNumber, fixedScale?: boolean): IBoundsData;
+    zoom(zoomType: IZoomType, padding?: IFourNumber, fixedScale?: boolean, transition?: ITransition): IBoundsData;
     getValidMove(moveX: number, moveY: number): IPointData;
     getValidScale(changeScale: number): number;
     getWorldPointByClient(clientPoint: IClientPointData, updateClient?: boolean): IPointData;
@@ -2080,16 +2132,10 @@ interface ITaskOptions {
     delay?: number;
 }
 
-interface ILeaferImageMap {
-    [name: string]: ILeaferImage;
-}
 interface IImageManager {
-    map: ILeaferImageMap;
-    recycledList: ILeaferImage[];
-    tasker: ITaskProcessor;
     patternTasker: ITaskProcessor;
     patternLocked?: boolean;
-    readonly isComplete: boolean;
+    recycledList: ILeaferImage[];
     get(config: ILeaferImageConfig): ILeaferImage;
     recycle(image: ILeaferImage): void;
     clearRecycled(): void;
@@ -2198,6 +2244,18 @@ interface IPlugin extends IObject {
     onLeafer?(leafer: ILeaferBase): void;
 }
 
+interface IResource {
+    map: any;
+    tasker: ITaskProcessor;
+    readonly isComplete: boolean;
+    set(key: string, value: any): void;
+    get(key: string): any;
+    remove(key: string): void;
+    setImage(key: string, value: string | IObject | ILeaferImage | ILeaferCanvas, format?: IExportFileType): ILeaferImage;
+    loadImage(key: string, format?: IExportFileType): Promise<ILeaferImage>;
+    destroy(): void;
+}
+
 interface ICursorTypeMap {
     [name: string]: ICursorType | ICursorType[];
 }
@@ -2218,4 +2276,4 @@ interface ITransformer {
     destroy(): void;
 }
 
-export type { ACommandData, ArcCommandData, ArcToCommandData, BezierCurveToCommandObject, CCommandData, CanvasPathCommand, EllipseCommandData, HCommandData, IAlign, IAnimateEvent, IAnswer, IAppBase, IAround, IAttrDecorator, IAutoBounds, IAutoBoundsData, IAutoBoxData, IAutoSize, IAxis, IAxisAlign, IAxisReverse, IBaseLineAlign, IBlendMode, IBlob, IBlobFunction, IBoolean, IBooleanMap, IBounds, IBoundsData, IBoundsDataFn, IBoundsType, IBranch, IBranchRender, IBranchRenderModule, ICachedLeaf, ICanvasAttr, ICanvasCacheOptions, ICanvasContext2D, ICanvasContext2DSettings, ICanvasManager, ICanvasPattern, ICanvasStrokeOptions, ICanvasType, IChildEvent, IClientPointData, IConstraint, IConstraintType, IControl, ICreator, ICursorConfig, ICursorRotate, ICursorRotateMap, ICursorType, ICursorTypeMap, IDataProcessor, IDataTypeHandle, IDirection, IDirection4, IDragEvent, IDropEvent, IEditSize, IEraserType, IEvent, IEventListener, IEventListenerId, IEventListenerItem, IEventListenerMap, IEventListenerOptions, IEventMap, IEventOption, IEventTarget, IEventer, IExportFileType, IExportImageType, IExportOnCanvasFunction, IExportOptions, IExportResult, IExportResultFunction, IFindCondition, IFindMethod, IFinder, IFlowAlign, IFlowAxisAlign, IFlowBoxType, IFlowType, IFlowWrap, IFourNumber, IFromToData, IFunction, IFunctionMap, IGap, IHitCanvas, IHitCanvasConfig, IHitCanvasManager, IHitType, IImageCursor, IImageEvent, IImageManager, IInteraction, IInteractionCanvas, IInteractionConfig, IJSONOptions, IKeepTouchData, IKeyEvent, ILayoutAttr, ILayoutBlockData, ILayoutBoundsData, ILayoutChangedData, ILayoutData, ILayoutEvent, ILayouter, ILayouterConfig, ILeaf, ILeafArrayMap, ILeafAttrData, ILeafAttrDescriptor, ILeafAttrDescriptorFn, 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, IMotionPathData, IMoveConfig, IMoveEvent, IMultiTouchConfig, IMultiTouchData, INumber, INumberFunction, INumberMap, IObject, IObjectFunction, IOffsetBoundsData, IPartLayoutConfig, IPath2D, IPathCommandData, IPathCommandObject, IPathCreator, IPathDrawer, IPathString, IPercentData, IPickBottom, IPickOptions, IPickResult, IPicker, IPlatform, IPlugin, IPoint, IPointData, IPointDataFunction, IPointDataMap, IPointGap, IPointerConfig, IPointerEvent, IPropertyEvent, IRadiusPointData, IRangeSize, IRenderEvent, IRenderOptions, IRenderer, IRendererConfig, IResizeEvent, IResizeEventListener, IRotateEvent, IRotationPointData, IScaleData, IScaleRotationData, IScreenSizeData, IScrollPointData, ISelector, ISelectorConfig, ISelectorProxy, ISide, ISize, ISizeData, ISkewData, ISkiaCanvas, ISkiaCanvasExportConfig, ISkiaNAPICanvas, IStateStyleType, IString, IStringFunction, IStringMap, ISwipeEvent, ITaskItem, ITaskOptions, ITaskProcessor, ITaskProcessorConfig, ITextMetrics, ITimer, ITouchConfig, ITransformer, ITwoPointBoundsData, IUICreator, IUIEvent, IUnitData, IUnitPointData, IUpdateEvent, IValue, IWatchEvent, IWatchEventData, IWatcher, IWatcherConfig, IWheelConfig, IWheelEvent, IWindingRule, IZoomConfig, IZoomEvent, IZoomType, IZoomView, InnerId, LCommandData, LineToCommandObject, MCommandData, MoveToCommandObject, PointerType, QCommandData, QuadraticCurveToCommandObject, RectCommandData, RoundRectCommandData, SCommandData, TCommandData, VCommandData, ZCommandData };
+export type { ACommandData, ArcCommandData, ArcToCommandData, BezierCurveToCommandObject, CCommandData, CanvasPathCommand, EllipseCommandData, HCommandData, IAlign, IAnimateEasing, IAnimateEasingFunction, IAnimateEasingName, IAnimateEnding, IAnimateEvent, IAnimateEventFunction, IAnimateEvents, IAnimateOptions, IAnswer, IAppBase, IAround, IAttrDecorator, IAutoBounds, IAutoBoundsData, IAutoBoxData, IAutoSize, IAxis, IAxisAlign, IAxisReverse, IBaseLineAlign, IBlendMode, IBlob, IBlobFunction, IBoolean, IBooleanMap, IBounds, IBoundsData, IBoundsDataFn, IBoundsType, IBranch, IBranchRender, IBranchRenderModule, ICachedLeaf, ICanvasAttr, ICanvasCacheOptions, ICanvasContext2D, ICanvasContext2DSettings, ICanvasManager, ICanvasPattern, ICanvasStrokeOptions, ICanvasType, IChildEvent, IClientPointData, IConstraint, IConstraintType, IControl, ICreator, ICubicBezierEasing, ICursorConfig, ICursorRotate, ICursorRotateMap, ICursorType, ICursorTypeMap, ICustomEasingFunction, IDataProcessor, IDataTypeHandle, IDirection, IDirection4, IDragEvent, IDropEvent, IEditSize, IEraserType, IEvent, IEventListener, IEventListenerId, IEventListenerItem, IEventListenerMap, IEventListenerOptions, IEventMap, IEventOption, IEventTarget, IEventer, IExportFileType, IExportImageType, IExportOnCanvasFunction, IExportOptions, IExportResult, IExportResultFunction, IFilter, IFindCondition, IFindMethod, IFinder, IFlowAlign, IFlowAxisAlign, IFlowBoxType, IFlowType, IFlowWrap, IFourNumber, IFromToData, IFunction, IFunctionMap, IGap, IHitCanvas, IHitCanvasConfig, IHitCanvasManager, IHitType, IImageCursor, IImageEvent, IImageManager, IInteraction, IInteractionCanvas, IInteractionConfig, IJSONOptions, IKeepTouchData, IKeyEvent, ILayoutAttr, ILayoutBlockData, ILayoutBoundsData, ILayoutChangedData, ILayoutData, ILayoutEvent, ILayouter, ILayouterConfig, ILeaf, ILeafArrayMap, ILeafAttrData, ILeafAttrDescriptor, ILeafAttrDescriptorFn, 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, IMotionPathData, IMoveConfig, IMoveEvent, IMultiTouchConfig, IMultiTouchData, INumber, INumberFunction, INumberMap, IObject, IObjectFunction, IOffsetBoundsData, IPartLayoutConfig, IPath2D, IPathCommandData, IPathCommandObject, IPathCreator, IPathDrawer, IPathString, IPercentData, IPickBottom, IPickOptions, IPickResult, IPicker, IPlatform, IPlugin, IPoint, IPointData, IPointDataFunction, IPointDataMap, IPointGap, IPointerConfig, IPointerEvent, IPropertyEvent, IRadiusPointData, IRangeSize, IRenderEvent, IRenderOptions, IRenderer, IRendererConfig, IResizeEvent, IResizeEventListener, IResource, IRotateEvent, IRotationPointData, IScaleData, IScaleRotationData, IScreenSizeData, IScrollPointData, ISelector, ISelectorConfig, ISelectorProxy, ISide, ISize, ISizeData, ISkewData, ISkiaCanvas, ISkiaCanvasExportConfig, ISkiaNAPICanvas, IStateStyleType, IStepsEasing, IString, IStringFunction, IStringMap, ISwipeEvent, ITaskItem, ITaskOptions, ITaskProcessor, ITaskProcessorConfig, ITextMetrics, ITimer, ITouchConfig, ITransformer, ITransition, ITwoPointBoundsData, IUICreator, IUIEvent, IUnitData, IUnitPointData, IUpdateEvent, IValue, IWatchEvent, IWatchEventData, IWatcher, IWatcherConfig, IWheelConfig, IWheelEvent, IWindingRule, IZoomConfig, IZoomEvent, IZoomType, IZoomView, InnerId, LCommandData, LineToCommandObject, MCommandData, MoveToCommandObject, PointerType, QCommandData, QuadraticCurveToCommandObject, RectCommandData, RoundRectCommandData, SCommandData, TCommandData, VCommandData, ZCommandData };