@leafer/interface 2.0.0 → 2.0.2

package/package.json

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

package/src/app/ILeafer.ts

@@ -13,6 +13,8 @@ import { IFourNumber, IObject } from '../data/IData'
 import { IZoomView } from '../display/IView'
 import { IAppBase } from './IApp'
 import { ILeaferImage, ILeaferImageConfig } from '../image/ILeaferImage'
+import { ILeaferFilm, ILeaferFilmConfig } from '../image/ILeaferFilm'
+import { ILeaferVideo, ILeaferVideoConfig } from '../image/ILeaferVideo'
 import { IControl } from '../control/IControl'
 import { IFunction } from '../function/IFunction'
 import { ITransition } from '../animate/ITransition'
@@ -79,8 +81,8 @@ export interface ILeaferAttrData {
     start(): void
     stop(): void
 
-    unlockLayout(): void
-    lockLayout(): void
+    unlockLayout(updateLayout?: boolean): void
+    lockLayout(updateLayout?: boolean): void
 
     requestRender(change: boolean): void
 
@@ -135,6 +137,8 @@ export interface ILeaferTypeList {
 
 export interface ICreator {
     image?(options?: ILeaferImageConfig): ILeaferImage
+    film?(options?: ILeaferFilmConfig): ILeaferFilm
+    video?(options?: ILeaferVideoConfig): ILeaferVideo
     canvas?(options?: ILeaferCanvasConfig, manager?: ICanvasManager): ILeaferCanvas
     hitCanvas?(options?: IHitCanvasConfig, manager?: ICanvasManager): IHitCanvas
     hitCanvasManager?(): IHitCanvasManager

package/src/data/IList.ts

@@ -15,6 +15,9 @@ export interface ILeafList {
     list: ILeaf[]
     keys: INumberMap
     readonly length: number
+
+    needUpdate?: boolean // 一般用于event更新path
+
     has(leaf: ILeaf): boolean
     indexAt(index: number): ILeaf
     indexOf(leaf: ILeaf): number

package/src/display/ILeaf.ts

@@ -245,6 +245,7 @@ export interface ILeafAttrData {
     mask?: IBoolean | IMaskType
     eraser?: IBoolean | IEraserType
     filter?: IFilter | IFilter[]
+    complex?: boolean
 
     // layout data
     x?: INumber
@@ -353,6 +354,7 @@ export interface ILeafComputedData {
     mask?: boolean | IMaskType
     eraser?: boolean | IEraserType
     filter?: IFilter[]
+    complex?: boolean
 
     // layout data
     x?: number
@@ -487,6 +489,7 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
     proxyData?: ILeafInputData
     __proxyData?: ILeafInputData
 
+    skipJSON?: boolean // 跳过 JSON 导出
     syncEventer?: ILeaf // 同步触发一样事件的元素
     lockNormalStyle?: boolean
 
@@ -696,6 +699,7 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
 
     // ILeafRender ->
     __render(canvas: ILeaferCanvas, options: IRenderOptions): void
+    __renderComplex(canvas: ILeaferCanvas, options: IRenderOptions): void
     __drawFast(canvas: ILeaferCanvas, options: IRenderOptions): void
     __draw(canvas: ILeaferCanvas, options: IRenderOptions, originCanvas?: ILeaferCanvas): void
 

package/src/file/IFileType.ts

@@ -1,2 +1,32 @@
-export type IExportImageType = 'jpg' | 'png' | 'webp' | 'bmp'
-export type IExportFileType = IExportImageType | 'svg' | 'pdf' | 'json'
+export type IExportImageType =
+    | 'jpg'
+    | 'png'
+    | 'webp'
+    | 'bmp'
+
+export type IExportFileType =
+    | 'svg'
+    | 'pdf'
+    | 'json'
+    | IExportImageType
+
+export type IFilmFileType =
+    | 'gif'
+    | 'webp'
+    | 'png' // apng
+    | 'avif'
+
+export type IVideoFileType =
+    | 'mp4'
+    | 'webm'
+    | 'ogv' // ogg
+
+export type IMultimediaType =
+    | 'image'
+    | 'film'
+    | 'video'
+
+export type IResponseType =
+    | 'text'
+    | 'json'
+    | 'arrayBuffer'

package/src/file/IResource.ts

@@ -1,13 +1,18 @@
 import { ITaskProcessor } from '../task/ITaskProcessor'
 import { ILeaferImage } from '../image/ILeaferImage'
-import { IExportFileType } from './IFileType'
+import { IExportFileType, IFilmFileType, IVideoFileType } from './IFileType'
 import { IObject } from '../data/IData'
 import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
+import { ILeaferFilm } from '../image/ILeaferFilm'
+import { ILeaferVideo } from '../image/ILeaferVideo'
 
 
 export interface IResource {
     map: any,
+
     tasker: ITaskProcessor
+    queue: ITaskProcessor
+
     readonly isComplete: boolean
 
     set(key: string, value: any): void
@@ -17,5 +22,8 @@ export interface IResource {
     setImage(key: string, value: string | IObject | ILeaferImage | ILeaferCanvas, format?: IExportFileType): ILeaferImage
     loadImage(key: string, format?: IExportFileType): Promise<ILeaferImage>
 
+    loadFilm(key: string, format?: IFilmFileType): Promise<ILeaferFilm>
+    loadVideo(key: string, format?: IVideoFileType): Promise<ILeaferVideo>
+
     destroy(): void
 }

package/src/image/IImageManager.ts

@@ -1,6 +1,6 @@
 import { ILeaferImage, ILeaferImageConfig } from './ILeaferImage'
 import { ITaskProcessor } from '../task/ITaskProcessor'
-import { IExportFileType } from '../file/IFileType'
+import { IExportFileType, IMultimediaType } from '../file/IFileType'
 
 
 export interface IImageManager {
@@ -10,7 +10,7 @@ export interface IImageManager {
     patternTasker: ITaskProcessor
     patternLocked?: boolean // 锁定pattern不更新, 一般用于创建碰撞位图 UIHit.ts
 
-    get(config: ILeaferImageConfig): ILeaferImage
+    get(config: ILeaferImageConfig, type?: IMultimediaType): ILeaferImage
     recycle(image: ILeaferImage): void
 
     recyclePaint(paint: any): void

package/src/image/ILeaferFilm.ts

@@ -0,0 +1,63 @@
+import { ILeaferImage, ILeaferImageConfig } from './ILeaferImage'
+import { ILeaf } from '../display/ILeaf'
+import { IPointData, IOptionPointData } from '../math/IMath'
+import { ICanvasContext2D } from '../canvas/ICanvas'
+
+export interface ILeaferFilmConfig extends ILeaferImageConfig {
+
+}
+
+export interface ILeaferFilm extends ILeaferImage {
+
+}
+
+export interface IFilmDecoder {
+    width: number
+    height: number
+
+    total: number
+    loop: number
+    frames: IFilmFrame[]
+
+    atlas?: any // 合并图
+    atlasContext?: any // 合并图的上下文手柄
+    atlasGrid?: IPointData
+
+    decoder: any
+
+    bufferCanvas?: any // 缓冲图
+    bufferContext?: ICanvasContext2D
+
+    createAtlas(): void
+    decodeHeader(data: ArrayBuffer, type: string): Promise<void>
+    decodeFrame(frameIndex: number): Promise<IFilmFrame>
+    decodeOneFrame(frameIndex: number): Promise<IFilmFrame>
+    mergeFrame(frameIndex: number, destoryFrameImage: boolean): void
+
+    render(canvas: any, x: number, y: number, width: number, height: number, leaf: ILeaf, paint: any, imageScaleX: number, imageScaleY: number): void
+
+    destoryFrame(frameIndex: number, deleteIndex: boolean): void
+    destoryFrameImage(frame: IFilmFrame): void
+    destroyDecoder(): void
+    close(): void
+}
+
+export interface IFilmFrame extends IOptionPointData {
+    image?: any // 不存在时使用合并图
+    duration: number // 毫秒
+    decoding?: boolean // 正在解码中
+}
+
+export interface IFilmOptions {
+    nowIndex?: number
+    pauseIndex?: number // 播放到这一帧暂停
+    loop?: number
+    speed?: number
+    autoplay?: boolean
+}
+
+export interface IFilmPlayOptions extends IFilmOptions {
+    frameTime?: number
+    frameTimer?: any // 下一帧的timer
+    paused?: boolean
+}

package/src/image/ILeaferImage.ts

@@ -7,7 +7,7 @@ import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
 import { IProgressData } from '../event/IProgress'
 import { IImageCrossOrigin } from '../platform/IPlatform'
 import { ITaskItem } from '../task/ITaskProcessor'
-import { IRangeSize, IInterlace } from '../display/ILeaf'
+import { IRangeSize, IInterlace, ILeaf } from '../display/ILeaf'
 import { IFunction } from '../function/IFunction'
 
 export interface ILeaferImageConfig {
@@ -120,6 +120,8 @@ export interface ILeaferImage {
     getCanvas(width: number, height: number, opacity?: number, filters?: IObject, xGap?: number, yGap?: number, smooth?: boolean, interlace?: IInterlace): any
     getPattern(canvas: any, repeat: string | null, transform?: IMatrixData, paint?: IObject): ICanvasPattern
 
+    render(canvas: any, x: number, y: number, width: number, height: number, leaf: ILeaf, paint: any, imageScaleX: number, imageScaleY: number): void
+
     getLoadUrl(thumbSize?: ISizeData): string
     setThumbView(view: number): void
     getThumbSize(lod?: IImageLOD): ISizeData

package/src/image/ILeaferVideo.ts

@@ -0,0 +1,9 @@
+import { ILeaferImage, ILeaferImageConfig } from './ILeaferImage'
+
+export interface ILeaferVideoConfig extends ILeaferImageConfig {
+
+}
+
+export interface ILeaferVideo extends ILeaferImage {
+
+}

package/src/index.ts

@@ -41,8 +41,10 @@ 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, IPathCommandNodeBase, MoveToCommandNode, LineToCommandNode, BezierCurveToCommandNode, ClosePathCommandNode, IPathCommandNode, PathNodeHandleType, PathNodeHandleName, IPathNodeBase } from './path/IPathCommand'
 
 export { ILeaferImage, ILeaferImageConfig, IImageLOD, IImageTileLOD, ILeaferImageSliceData, ILeaferImageSlice, ILeaferImageLevel, ILeaferImageOnLoaded, ILeaferImageOnError, ILeaferImageCacheCanvas, ILeaferImagePatternPaint } from './image/ILeaferImage'
+export { ILeaferFilm, ILeaferFilmConfig, IFilmDecoder, IFilmFrame, IFilmOptions, IFilmPlayOptions } from './image/ILeaferFilm'
+export { ILeaferVideo, ILeaferVideoConfig } from './image/ILeaferVideo'
 export { IResource } from './file/IResource'
-export { IExportFileType, IExportImageType } from './file/IFileType'
+export { IExportFileType, IExportImageType, IFilmFileType, IVideoFileType, IMultimediaType, IResponseType } from './file/IFileType'
 export { IExportOptions, IJSONOptions, IExportResult, IExportResultFunction, IExportOnCanvasFunction } from './file/IExport'
 
 export { InnerId, IEventer, IEventParamsMap, IEventParams, IEventListener, IEventOption, IEventListenerOptions, IEventListenerMap, IEventListenerItem, IEventListenerId } from './event/IEventer'
@@ -56,7 +58,7 @@ 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, IOptionSizeData, IScreenSizeData, IBounds, IBoundsData, IBoundsDataFn, IOffsetBoundsData, IBoundsDataWithOptionRotation, ITwoPointBoundsData, IAutoBounds, IAutoBoxData, IAutoBoundsData, IMatrix, IMatrixData, IMatrixWithBoundsData, IMatrixWithScaleData, IMatrixWithOptionScaleData, IMatrixWithOptionHalfData, IMatrixWithBoundsScaleData, IMatrixWithLayoutData, IScaleRotationData, IScaleData, ISkewData, ILayoutBoundsData, ILayoutData, ILayoutAttr } from './math/IMath'
+export { IPoint, IPointData, IOptionPointData, IFromToData, IUnitPointData, IRotationPointData, IScrollPointData, IClientPointData, IRadiusPointData, ISize, ISizeData, IOptionSizeData, IScreenSizeData, IBounds, IBoundsData, IBoundsDataFn, IOffsetBoundsData, IBoundsDataWithOptionRotation, ITwoPointBoundsData, IAutoBounds, IAutoBoxData, IAutoBoundsData, IMatrix, IMatrixData, IMatrixWithBoundsData, IMatrixWithScaleData, IMatrixWithOptionScaleData, IMatrixWithOptionHalfData, IMatrixWithBoundsScaleData, IMatrixWithLayoutData, IScaleRotationData, IScaleData, ISkewData, ILayoutBoundsData, ILayoutData, ILayoutAttr } from './math/IMath'
 export { IFunction, IStringFunction, INumberFunction, IObjectFunction, IValueFunction, IPointDataFunction, IAttrDecorator } from './function/IFunction'
 
 export { ITransition, IAnimateEasing, ICubicBezierEasing, IStepsEasing, IAnimateEasingFunction, IAnimateEasingName, IAnimateEnding, IAnimateEvents, IAnimateEventFunction, ICustomEasingFunction, IAnimateOptions } from './animate/ITransition'

package/src/math/IMath.ts

@@ -6,6 +6,11 @@ export interface IPointData {
     y: number
 }
 
+export interface IOptionPointData {
+    x?: number
+    y?: number
+}
+
 export interface IUnitPointData extends IPointData {
     type?: 'percent' | 'px'
 }

package/src/platform/IPlatform.ts

@@ -1,13 +1,15 @@
 import { IFunction, IStringFunction } from '../function/IFunction'
 import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
 import { IInterlace, ILeaf } from '../display/ILeaf'
-import { IExportFileType, IExportImageType } from '../file/IFileType'
+import { IExportFileType, IExportImageType, IResponseType } from '../file/IFileType'
 import { IBoundsData, ISizeData, IMatrixData } from '../math/IMath'
 import { IObject } from '../data/IData'
 import { ICanvasType } from '../canvas/ISkiaCanvas'
 import { ISelector } from '../selector/ISelector'
 import { IRenderOptions } from '../renderer/IRenderer'
 import { ILeaferImage } from '../image/ILeaferImage'
+import { ILeaferFilm } from '../image/ILeaferFilm'
+import { ILeaferVideo } from '../image/ILeaferVideo'
 import { ICanvasPattern } from '../canvas/ICanvas'
 
 
@@ -45,6 +47,9 @@ export interface IPlatform {
         canvasSaveAs(canvas: any, filename: string, quality?: number): Promise<void>
         download(url: string, filename: string): Promise<void>
         loadImage(url: string, crossOrigin?: IImageCrossOrigin, leaferImage?: ILeaferImage): Promise<any>
+        loadFilm?(url: string, crossOrigin?: IImageCrossOrigin, leaferFilm?: ILeaferFilm): Promise<any>
+        loadVideo?(url: string, crossOrigin?: IImageCrossOrigin, leaferVideo?: ILeaferVideo): Promise<any>
+        loadContent(url: string, responseType: IResponseType): Promise<any>
         noRepeat?: string  // fix: 微信小程序 createPattern 直接使用 no-repeat 有bug，导致无法显示
         Image?: any
         PointerEvent?: any

package/src/renderer/IRenderer.ts

@@ -66,6 +66,6 @@ export interface IRenderer extends IControl {
     clipRender(bounds: IBounds): void
     fullRender(): void
 
-    addBlock(block: IBounds): void
+    addBlock(block: IBounds, leafList?: ILeafList): void
     mergeBlocks(): void
 }

package/types/index.d.ts

@@ -4,6 +4,10 @@ interface IPointData {
     x: number;
     y: number;
 }
+interface IOptionPointData {
+    x?: number;
+    y?: number;
+}
 interface IUnitPointData extends IPointData {
     type?: 'percent' | 'px';
 }
@@ -264,6 +268,7 @@ interface ILeafList {
     list: ILeaf[];
     keys: INumberMap;
     readonly length: number;
+    needUpdate?: boolean;
     has(leaf: ILeaf): boolean;
     indexAt(index: number): ILeaf;
     indexOf(leaf: ILeaf): number;
@@ -911,7 +916,11 @@ interface ICanvasManager {
 }
 
 type IExportImageType = 'jpg' | 'png' | 'webp' | 'bmp';
-type IExportFileType = IExportImageType | 'svg' | 'pdf' | 'json';
+type IExportFileType = 'svg' | 'pdf' | 'json' | IExportImageType;
+type IFilmFileType = 'gif' | 'webp' | 'png' | 'avif';
+type IVideoFileType = 'mp4' | 'webm' | 'ogv';
+type IMultimediaType = 'image' | 'film' | 'video';
+type IResponseType = 'text' | 'json' | 'arrayBuffer';
 
 type ILocationType = 'world' | 'page' | 'local' | 'inner';
 type IBoundsType = 'content' | 'box' | 'stroke' | 'render';
@@ -1228,7 +1237,7 @@ interface IRenderer extends IControl {
     partRender(): void;
     clipRender(bounds: IBounds): void;
     fullRender(): void;
-    addBlock(block: IBounds): void;
+    addBlock(block: IBounds, leafList?: ILeafList): void;
     mergeBlocks(): void;
 }
 
@@ -1521,6 +1530,7 @@ interface ILeafAttrData {
     mask?: IBoolean | IMaskType;
     eraser?: IBoolean | IEraserType;
     filter?: IFilter | IFilter[];
+    complex?: boolean;
     x?: INumber;
     y?: INumber;
     width?: INumber;
@@ -1599,6 +1609,7 @@ interface ILeafComputedData {
     mask?: boolean | IMaskType;
     eraser?: boolean | IEraserType;
     filter?: IFilter[];
+    complex?: boolean;
     x?: number;
     y?: number;
     width?: number;
@@ -1696,6 +1707,7 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     __: ILeafData;
     proxyData?: ILeafInputData;
     __proxyData?: ILeafInputData;
+    skipJSON?: boolean;
     syncEventer?: ILeaf;
     lockNormalStyle?: boolean;
     __layout: ILeafLayout;
@@ -1843,6 +1855,7 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     __drawHitPath(canvas: ILeaferCanvas): void;
     __updateHitCanvas(): void;
     __render(canvas: ILeaferCanvas, options: IRenderOptions): void;
+    __renderComplex(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __drawFast(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __draw(canvas: ILeaferCanvas, options: IRenderOptions, originCanvas?: ILeaferCanvas): void;
     __clip(canvas: ILeaferCanvas, options: IRenderOptions): void;
@@ -1910,6 +1923,56 @@ interface ISkiaNAPICanvas {
     toDataURLAsync(mime: 'image/jpeg' | 'image/webp' | string, quality?: number): Promise<string>;
 }
 
+interface ILeaferFilmConfig extends ILeaferImageConfig {
+}
+interface ILeaferFilm extends ILeaferImage {
+}
+interface IFilmDecoder {
+    width: number;
+    height: number;
+    total: number;
+    loop: number;
+    frames: IFilmFrame[];
+    atlas?: any;
+    atlasContext?: any;
+    atlasGrid?: IPointData;
+    decoder: any;
+    bufferCanvas?: any;
+    bufferContext?: ICanvasContext2D;
+    createAtlas(): void;
+    decodeHeader(data: ArrayBuffer, type: string): Promise<void>;
+    decodeFrame(frameIndex: number): Promise<IFilmFrame>;
+    decodeOneFrame(frameIndex: number): Promise<IFilmFrame>;
+    mergeFrame(frameIndex: number, destoryFrameImage: boolean): void;
+    render(canvas: any, x: number, y: number, width: number, height: number, leaf: ILeaf, paint: any, imageScaleX: number, imageScaleY: number): void;
+    destoryFrame(frameIndex: number, deleteIndex: boolean): void;
+    destoryFrameImage(frame: IFilmFrame): void;
+    destroyDecoder(): void;
+    close(): void;
+}
+interface IFilmFrame extends IOptionPointData {
+    image?: any;
+    duration: number;
+    decoding?: boolean;
+}
+interface IFilmOptions {
+    nowIndex?: number;
+    pauseIndex?: number;
+    loop?: number;
+    speed?: number;
+    autoplay?: boolean;
+}
+interface IFilmPlayOptions extends IFilmOptions {
+    frameTime?: number;
+    frameTimer?: any;
+    paused?: boolean;
+}
+
+interface ILeaferVideoConfig extends ILeaferImageConfig {
+}
+interface ILeaferVideo extends ILeaferImage {
+}
+
 interface IPlatform {
     name?: 'web' | 'node' | 'miniapp';
     os?: 'Mac' | 'Windows' | 'Linux';
@@ -1938,6 +2001,9 @@ interface IPlatform {
         canvasSaveAs(canvas: any, filename: string, quality?: number): Promise<void>;
         download(url: string, filename: string): Promise<void>;
         loadImage(url: string, crossOrigin?: IImageCrossOrigin, leaferImage?: ILeaferImage): Promise<any>;
+        loadFilm?(url: string, crossOrigin?: IImageCrossOrigin, leaferFilm?: ILeaferFilm): Promise<any>;
+        loadVideo?(url: string, crossOrigin?: IImageCrossOrigin, leaferVideo?: ILeaferVideo): Promise<any>;
+        loadContent(url: string, responseType: IResponseType): Promise<any>;
         noRepeat?: string;
         Image?: any;
         PointerEvent?: any;
@@ -2115,6 +2181,7 @@ interface ILeaferImage {
     getFull(filters?: IObject): any;
     getCanvas(width: number, height: number, opacity?: number, filters?: IObject, xGap?: number, yGap?: number, smooth?: boolean, interlace?: IInterlace): any;
     getPattern(canvas: any, repeat: string | null, transform?: IMatrixData, paint?: IObject): ICanvasPattern;
+    render(canvas: any, x: number, y: number, width: number, height: number, leaf: ILeaf, paint: any, imageScaleX: number, imageScaleY: number): void;
     getLoadUrl(thumbSize?: ISizeData): string;
     setThumbView(view: number): void;
     getThumbSize(lod?: IImageLOD): ISizeData;
@@ -2407,8 +2474,8 @@ interface ILeaferAttrData {
     init(userConfig?: ILeaferConfig, parentApp?: IAppBase): void;
     start(): void;
     stop(): void;
-    unlockLayout(): void;
-    lockLayout(): void;
+    unlockLayout(updateLayout?: boolean): void;
+    lockLayout(updateLayout?: boolean): void;
     requestRender(change: boolean): void;
     updateCursor(cursor?: ICursorType): void;
     resize(size: IScreenSizeData): void;
@@ -2450,6 +2517,8 @@ interface ILeaferTypeList {
 }
 interface ICreator {
     image?(options?: ILeaferImageConfig): ILeaferImage;
+    film?(options?: ILeaferFilmConfig): ILeaferFilm;
+    video?(options?: ILeaferVideoConfig): ILeaferVideo;
     canvas?(options?: ILeaferCanvasConfig, manager?: ICanvasManager): ILeaferCanvas;
     hitCanvas?(options?: IHitCanvasConfig, manager?: ICanvasManager): IHitCanvas;
     hitCanvasManager?(): IHitCanvasManager;
@@ -2481,7 +2550,7 @@ interface IImageManager {
     recycledList: ILeaferImage[];
     patternTasker: ITaskProcessor;
     patternLocked?: boolean;
-    get(config: ILeaferImageConfig): ILeaferImage;
+    get(config: ILeaferImageConfig, type?: IMultimediaType): ILeaferImage;
     recycle(image: ILeaferImage): void;
     recyclePaint(paint: any): void;
     clearRecycled(force?: boolean): void;
@@ -2502,12 +2571,15 @@ interface IPlugin extends IObject {
 interface IResource {
     map: any;
     tasker: ITaskProcessor;
+    queue: 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>;
+    loadFilm(key: string, format?: IFilmFileType): Promise<ILeaferFilm>;
+    loadVideo(key: string, format?: IVideoFileType): Promise<ILeaferVideo>;
     destroy(): void;
 }
 
@@ -2535,4 +2607,4 @@ interface ITransformer {
 }
 
 export { PathNodeHandleType };
-export type { ACommandData, ArcCommandData, ArcToCommandData, BezierCurveToCommandNode, BezierCurveToCommandObject, CCommandData, CanvasPathCommand, ClosePathCommandNode, 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, IBoundsDataWithOptionRotation, IBoundsEvent, IBoundsType, IBranch, IBranchRender, IBranchRenderModule, ICachedLeaf, ICanvasAttr, ICanvasCacheOptions, ICanvasContext2D, ICanvasContext2DSettings, ICanvasManager, ICanvasPattern, ICanvasSizeAttr, ICanvasStrokeOptions, ICanvasType, IChildEvent, IClientPointData, IConstraint, IConstraintType, IControl, ICreator, ICubicBezierEasing, ICursorConfig, ICursorRotate, ICursorRotateMap, ICursorType, ICursorTypeMap, ICustomEasingFunction, IDataProcessor, IDataTypeHandle, IDirection, IDirection4, IDragBoundsType, IDragEvent, IDropEvent, IEditSize, IEraserType, IEvent, IEventListener, IEventListenerId, IEventListenerItem, IEventListenerMap, IEventListenerOptions, IEventOption, IEventParams, IEventParamsMap, IEventTarget, IEventer, IExportFileType, IExportImageType, IExportOnCanvasFunction, IExportOptions, IExportResult, IExportResultFunction, IFilter, IFindCondition, IFindMethod, IFinder, IFlowAlign, IFlowAxisAlign, IFlowBoxType, IFlowType, IFlowWrap, IFourNumber, IFromToData, IFunction, IFunctionMap, IGap, IGestureType, IHitCanvas, IHitCanvasConfig, IHitCanvasManager, IHitType, IImageCrossOrigin, IImageCursor, IImageEvent, IImageLOD, IImageManager, IImageTileLOD, IInteraction, IInteractionCanvas, IInteractionConfig, IInterlace, IJSONOptions, IKeepTouchData, IKeyCodes, 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, ILeaferImageLevel, ILeaferImageOnError, ILeaferImageOnLoaded, ILeaferImagePatternPaint, ILeaferImageSlice, ILeaferImageSliceData, ILeaferMode, ILeaferType, ILeaferTypeCreator, ILeaferTypeFunction, ILeaferTypeList, ILocationType, IMaskType, IMatrix, IMatrixData, IMatrixWithBoundsData, IMatrixWithBoundsScaleData, IMatrixWithLayoutData, IMatrixWithOptionHalfData, IMatrixWithOptionScaleData, IMatrixWithScaleData, IMiniapp, IMiniappSelect, IMiniappSizeView, IMotionPathData, IMoveConfig, IMoveEvent, IMultiTouchConfig, IMultiTouchData, INumber, INumberFunction, INumberMap, IObject, IObjectFunction, IOffsetBoundsData, IOptionSizeData, IPartLayoutConfig, IPath2D, IPathCommandData, IPathCommandNode, IPathCommandNodeBase, IPathCommandObject, IPathCreator, IPathDrawer, IPathNodeBase, IPathString, IPercentData, IPickBottom, IPickOptions, IPickResult, IPicker, IPlatform, IPlugin, IPoint, IPointData, IPointDataFunction, IPointDataMap, IPointGap, IPointerConfig, IPointerEvent, IProgressData, IProgressFunction, IPropertyEvent, IRadiusPointData, IRangeSize, IRenderEvent, IRenderOptions, IRenderer, IRendererConfig, IResizeEvent, IResizeEventListener, IResource, IRotateEvent, IRotationPointData, IScaleData, IScaleFixed, IScaleRotationData, IScreenSizeData, IScrollPointData, ISelector, ISelectorConfig, ISelectorProxy, IShortcutKeyCodes, IShortcutKeys, IShortcutKeysCheck, ISide, ISingleGestureConfig, ISize, ISizeData, ISkewData, ISkiaCanvas, ISkiaCanvasExportConfig, ISkiaNAPICanvas, IStateStyleType, IStepsEasing, IString, IStringFunction, IStringMap, ISwipeEvent, ITaskItem, ITaskOptions, ITaskProcessor, ITaskProcessorConfig, ITextMetrics, ITimer, ITouchConfig, ITouchEvent, ITransformer, ITransition, ITwoPointBoundsData, IUICreator, IUIEvent, IUnitData, IUnitPointData, IUpdateEvent, IValue, IValueFunction, IWatchEvent, IWatchEventData, IWatcher, IWatcherConfig, IWheelConfig, IWheelEvent, IWindingRule, IWindingRuleData, IZoomConfig, IZoomEvent, IZoomOptions, IZoomType, IZoomView, InnerId, LCommandData, LineToCommandNode, LineToCommandObject, MCommandData, MoveToCommandNode, MoveToCommandObject, PathNodeHandleName, PointerType, QCommandData, QuadraticCurveToCommandObject, RectCommandData, RoundRectCommandData, SCommandData, TCommandData, VCommandData, ZCommandData };
+export type { ACommandData, ArcCommandData, ArcToCommandData, BezierCurveToCommandNode, BezierCurveToCommandObject, CCommandData, CanvasPathCommand, ClosePathCommandNode, 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, IBoundsDataWithOptionRotation, IBoundsEvent, IBoundsType, IBranch, IBranchRender, IBranchRenderModule, ICachedLeaf, ICanvasAttr, ICanvasCacheOptions, ICanvasContext2D, ICanvasContext2DSettings, ICanvasManager, ICanvasPattern, ICanvasSizeAttr, ICanvasStrokeOptions, ICanvasType, IChildEvent, IClientPointData, IConstraint, IConstraintType, IControl, ICreator, ICubicBezierEasing, ICursorConfig, ICursorRotate, ICursorRotateMap, ICursorType, ICursorTypeMap, ICustomEasingFunction, IDataProcessor, IDataTypeHandle, IDirection, IDirection4, IDragBoundsType, IDragEvent, IDropEvent, IEditSize, IEraserType, IEvent, IEventListener, IEventListenerId, IEventListenerItem, IEventListenerMap, IEventListenerOptions, IEventOption, IEventParams, IEventParamsMap, IEventTarget, IEventer, IExportFileType, IExportImageType, IExportOnCanvasFunction, IExportOptions, IExportResult, IExportResultFunction, IFilmDecoder, IFilmFileType, IFilmFrame, IFilmOptions, IFilmPlayOptions, IFilter, IFindCondition, IFindMethod, IFinder, IFlowAlign, IFlowAxisAlign, IFlowBoxType, IFlowType, IFlowWrap, IFourNumber, IFromToData, IFunction, IFunctionMap, IGap, IGestureType, IHitCanvas, IHitCanvasConfig, IHitCanvasManager, IHitType, IImageCrossOrigin, IImageCursor, IImageEvent, IImageLOD, IImageManager, IImageTileLOD, IInteraction, IInteractionCanvas, IInteractionConfig, IInterlace, IJSONOptions, IKeepTouchData, IKeyCodes, 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, ILeaferFilm, ILeaferFilmConfig, ILeaferImage, ILeaferImageCacheCanvas, ILeaferImageConfig, ILeaferImageLevel, ILeaferImageOnError, ILeaferImageOnLoaded, ILeaferImagePatternPaint, ILeaferImageSlice, ILeaferImageSliceData, ILeaferMode, ILeaferType, ILeaferTypeCreator, ILeaferTypeFunction, ILeaferTypeList, ILeaferVideo, ILeaferVideoConfig, ILocationType, IMaskType, IMatrix, IMatrixData, IMatrixWithBoundsData, IMatrixWithBoundsScaleData, IMatrixWithLayoutData, IMatrixWithOptionHalfData, IMatrixWithOptionScaleData, IMatrixWithScaleData, IMiniapp, IMiniappSelect, IMiniappSizeView, IMotionPathData, IMoveConfig, IMoveEvent, IMultiTouchConfig, IMultiTouchData, IMultimediaType, INumber, INumberFunction, INumberMap, IObject, IObjectFunction, IOffsetBoundsData, IOptionPointData, IOptionSizeData, IPartLayoutConfig, IPath2D, IPathCommandData, IPathCommandNode, IPathCommandNodeBase, IPathCommandObject, IPathCreator, IPathDrawer, IPathNodeBase, IPathString, IPercentData, IPickBottom, IPickOptions, IPickResult, IPicker, IPlatform, IPlugin, IPoint, IPointData, IPointDataFunction, IPointDataMap, IPointGap, IPointerConfig, IPointerEvent, IProgressData, IProgressFunction, IPropertyEvent, IRadiusPointData, IRangeSize, IRenderEvent, IRenderOptions, IRenderer, IRendererConfig, IResizeEvent, IResizeEventListener, IResource, IResponseType, IRotateEvent, IRotationPointData, IScaleData, IScaleFixed, IScaleRotationData, IScreenSizeData, IScrollPointData, ISelector, ISelectorConfig, ISelectorProxy, IShortcutKeyCodes, IShortcutKeys, IShortcutKeysCheck, ISide, ISingleGestureConfig, ISize, ISizeData, ISkewData, ISkiaCanvas, ISkiaCanvasExportConfig, ISkiaNAPICanvas, IStateStyleType, IStepsEasing, IString, IStringFunction, IStringMap, ISwipeEvent, ITaskItem, ITaskOptions, ITaskProcessor, ITaskProcessorConfig, ITextMetrics, ITimer, ITouchConfig, ITouchEvent, ITransformer, ITransition, ITwoPointBoundsData, IUICreator, IUIEvent, IUnitData, IUnitPointData, IUpdateEvent, IValue, IValueFunction, IVideoFileType, IWatchEvent, IWatchEventData, IWatcher, IWatcherConfig, IWheelConfig, IWheelEvent, IWindingRule, IWindingRuleData, IZoomConfig, IZoomEvent, IZoomOptions, IZoomType, IZoomView, InnerId, LCommandData, LineToCommandNode, LineToCommandObject, MCommandData, MoveToCommandNode, MoveToCommandObject, PathNodeHandleName, PointerType, QCommandData, QuadraticCurveToCommandObject, RectCommandData, RoundRectCommandData, SCommandData, TCommandData, VCommandData, ZCommandData };