@leafer/interface 2.0.1 → 2.0.3

package/package.json

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

package/src/app/ILeafer.ts

@@ -13,9 +13,12 @@ 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'
+import { ILeafMap } from '../data/IList'
 
 
 export type ILeaferType = 'draw' | 'block' | 'viewport' | 'editor' | 'design' | 'board' | 'document' | 'app' | 'website' | 'game' | 'player' | 'chart' | 'custom' // 应用场景类型
@@ -64,6 +67,12 @@ export interface ILeaferAttrData {
     config: ILeaferConfig
     userConfig?: ILeaferConfig
 
+    // @leafer-in/find
+    cacheId?: boolean
+    cacheInnerId?: boolean
+    innerIdMap?: ILeafMap
+    idMap?: ILeafMap
+
     readonly cursorPoint: IPointData
     readonly clientBounds: IBoundsData
     leafs: number
@@ -79,8 +88,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 +144,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
@@ -143,7 +154,7 @@ export interface ICreator {
     layouter?(target: ILeaf, options?: ILayouterConfig): ILayouter
     renderer?(target: ILeaf, canvas: ILeaferCanvas, options?: IRendererConfig): IRenderer
     selector?(target?: ILeaf, options?: ISelectorConfig): ISelector
-    finder?(target?: ILeaf): IFinder
+    finder?(target?: ILeaf, options?: ISelectorConfig): IFinder
 
     interaction?(target: ILeaf, canvas: IInteractionCanvas, selector: ISelector, options?: IInteractionConfig): IInteraction
 

package/src/data/ILeafData.ts

@@ -29,6 +29,7 @@ export interface ILeafDataOptions {
 export interface ILeafData extends IDataProcessor, ILeafComputedData {
     __single?: boolean
     readonly __hasMultiPaint?: boolean // fill 、stroke 、shadow 等同时存在两次以上外观绘制的情况
+    __willDestroy?: boolean
     __checkSingle(): void
     __removeNaturalSize(): void
 }

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

@@ -21,14 +21,7 @@ import { IWindingRule, IPath2D } from '../canvas/ICanvas'
 import { IJSONOptions } from '../file/IExport'
 import { IMotionPathData } from '../path/IPathData'
 import { ITransition } from '../animate/ITransition'
-
-
-export interface ICachedLeaf {
-    canvas: ILeaferCanvas, // 完整的元素缓存画布
-    matrix?: IMatrix, // 包含导出时附加的 options.matrix
-    fitMatrix?: IMatrix, // 不包含导出时附加的 options.matrix
-    bounds: IBoundsData
-}
+import { ITaskItem } from '../task/ITaskProcessor'
 
 
 export type ISide = 'width' | 'height'
@@ -245,6 +238,7 @@ export interface ILeafAttrData {
     mask?: IBoolean | IMaskType
     eraser?: IBoolean | IEraserType
     filter?: IFilter | IFilter[]
+    complex?: boolean
 
     // layout data
     x?: INumber
@@ -353,6 +347,7 @@ export interface ILeafComputedData {
     mask?: boolean | IMaskType
     eraser?: boolean | IEraserType
     filter?: IFilter[]
+    complex?: boolean
 
     // layout data
     x?: number
@@ -432,6 +427,7 @@ export interface ILeafComputedData {
     // other
     __childBranchNumber?: number // 存在子分支的个数
     __complex?: boolean // 外观是否复杂
+    __complexData?: ILeafComplexCachedData // 复杂元素的缓存图
 
     __naturalWidth?: number
     __naturalHeight?: number
@@ -454,12 +450,19 @@ export interface ILeafComputedData {
     __pathInputed?: number // 是否为输入path, 0：否，1：是，2：永远是（不自动检测）
     __pathForRender?: IPathCommandData
     __path2DForRender?: IPath2D
-    __pathForArrow?: IPathCommandData
+
+    __startArrowPath?: IArrowPathData
+    __endArrowPath?: IArrowPathData
     __pathForMotion?: IMotionPathData
 
     __clipAfterFill?: boolean // 一般用于判断是否裁剪 Box
 }
 
+export interface IArrowPathData {
+    data: IPathCommandData
+    fill?: boolean
+}
+
 export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDataProxy, ILeafInputData, IEventer {
     tag: string
     readonly __tag: string
@@ -487,6 +490,7 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
     proxyData?: ILeafInputData
     __proxyData?: ILeafInputData
 
+    skipJSON?: boolean // 跳过 JSON 导出
     syncEventer?: ILeaf // 同步触发一样事件的元素
     lockNormalStyle?: boolean
 
@@ -529,6 +533,7 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
 
     __hasAutoLayout?: boolean
     __hasMotionPath?: boolean
+    __hasComplex?: boolean
 
     __hasMask?: boolean
     __hasEraser?: boolean
@@ -632,7 +637,7 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
     // convert
     __getNowWorld(options: IRenderOptions): IMatrixWithBoundsScaleData // when render use other matrix
     getClampRenderScale(): number // 获取当前渲染元素的缩放比例，限制最小为1
-    getRenderScaleData(abs?: boolean, scaleFixed?: IScaleFixed): IScaleData // 当前渲染的比例数据，必须马上分解使用
+    getRenderScaleData(abs?: boolean, scaleFixed?: IScaleFixed, unscale?: boolean): IScaleData // 当前渲染的比例数据，必须马上分解使用
 
     getTransform(relative?: ILocationType | ILeaf): IMatrixData
 
@@ -710,7 +715,7 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
     __drawPath(canvas: ILeaferCanvas): void
     __drawRenderPath(canvas: ILeaferCanvas): void
     __updatePath(): void
-    __updateRenderPath(): void
+    __updateRenderPath(updateCache?: boolean): void
 
     // motion path
     getMotionPathData(): IMotionPathData
@@ -738,3 +743,19 @@ export type ILeafAttrDescriptor = IObject & ThisType<ILeaf>
 export interface ILeafAttrDescriptorFn {
     (key: string): ILeafAttrDescriptor
 }
+
+export interface ICachedLeaf {
+    canvas: ILeaferCanvas, // 完整的元素缓存画布
+    matrix?: IMatrix, // 包含导出时附加的 options.matrix
+    fitMatrix?: IMatrix, // 不包含导出时附加的 options.matrix
+    bounds: IBoundsData
+}
+
+export interface ILeafComplexCachedData { // 复杂元素缓存对象
+    canvas?: ILeaferCanvas
+    scaleX?: number
+    scaleY?: number
+    changed?: boolean
+    task?: ITaskItem
+    destroy(): 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

@@ -1,19 +1,19 @@
 import { ICanvasPattern } from '../canvas/ICanvas'
 import { IObject } from '../data/IData'
 import { InnerId } from '../event/IEventer'
-import { IExportFileType } from '../file/IFileType'
+import { IExportFileType, IFilmFileType, IVideoFileType } from '../file/IFileType'
 import { IBoundsData, IMatrixData, IPointData, ISizeData } from '../math/IMath'
 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 {
     url: string
     lod?: IImageLOD
-    format?: IExportFileType
+    format?: IExportFileType | IFilmFileType | IVideoFileType
     crossOrigin?: IImageCrossOrigin
     showProgress?: boolean | string // 是否显示进度
     view?: IObject | ILeaferImage | ILeaferCanvas
@@ -102,6 +102,12 @@ export interface ILeaferImage {
 
     isPlacehold?: boolean // 是否显示占位符，一般在加载100ms后自动判断
 
+    // filter
+    parent?: ILeaferImage
+    childrenMap?: ILeaferImageMap
+    filterKey?: string
+
+    // lod
     largeThumb?: ILeaferImageLevel
     thumb?: ILeaferImageLevel
     levels?: ILeaferImageLevel[]
@@ -120,6 +126,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
@@ -128,7 +136,12 @@ export interface ILeaferImage {
     getLevelData(level: number, width?: number, height?: number): ILeaferImageLevel
     clearLevels(checkUse?: boolean): void
 
+    destroyFilter(): void // parent and childrenMap
     destroy(): void
 }
 
+export interface ILeaferImageMap {
+    [name: string]: ILeaferImage
+}
+
 export type IImageStatus = 'wait' | 'thumb-loading' | 'thumb-success' | 'thumb-error' | 'loading' | 'success' | 'error' 

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

@@ -1,6 +1,6 @@
 export { IAppBase } from './app/IApp'
 export { ILeaferBase, ILeaferAttrData, ILeaferType, ILeaferMode, ILeaferTypeCreator, ILeaferTypeFunction, ILeaferTypeList, ILeaferConfig, ICreator, IUICreator, IZoomType, IZoomOptions } from './app/ILeafer'
-export { ILeaf, ILeafAttrData, ILeafComputedData, ILeafInputData, ICachedLeaf, IFlowType, IFlowBoxType, IAlign, IAxisAlign, IFlowAlign, IFlowAxisAlign, ISide, IAxis, IGap, IPointGap, IAxisReverse, IBaseLineAlign, IFlowWrap, IAutoSize, IRangeSize, IInterlace, IPercentData, IUnitData, IConstraint, IConstraintType, IScaleFixed, IHitType, IMaskType, IEraserType, IBlendMode, IEditSize, IDragBoundsType, IImageCursor, ICursorType, IStateStyleType, IDirection, IDirection4, IAround, IFilter, ILeafAttrDescriptor, ILeafAttrDescriptorFn } from './display/ILeaf'
+export { ILeaf, ILeafAttrData, ILeafComputedData, ILeafInputData, ICachedLeaf, ILeafComplexCachedData, IFlowType, IFlowBoxType, IAlign, IAxisAlign, IFlowAlign, IFlowAxisAlign, ISide, IAxis, IGap, IPointGap, IAxisReverse, IBaseLineAlign, IFlowWrap, IAutoSize, IRangeSize, IInterlace, IPercentData, IUnitData, IConstraint, IConstraintType, IScaleFixed, IHitType, IMaskType, IEraserType, IBlendMode, IEditSize, IDragBoundsType, IImageCursor, ICursorType, IStateStyleType, IDirection, IDirection4, IAround, IFilter, ILeafAttrDescriptor, ILeafAttrDescriptorFn, IArrowPathData } from './display/ILeaf'
 export { IBranch } from './display/IBranch'
 export { IZoomView } from './display/IView'
 
@@ -40,9 +40,11 @@ export { IMotionPathData } from './path/IPathData'
 export { IWindingRule, ICanvasContext2D, ICanvasContext2DSettings, ITextMetrics, IPath2D, ICanvasPattern } from './canvas/ICanvas'
 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 { ILeaferImage, ILeaferImageMap, 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/layout/ILeafLayout.ts

@@ -24,6 +24,7 @@ export interface ILeafLayout {
     // localBoxBounds: IBoundsData // use leaf.__localBoxBounds
     localStrokeBounds: IBoundsData
     localRenderBounds: IBoundsData
+    localOuterBounds?: IBoundsData //  | renderBounds * (1 / scaleFixed) |
 
     // world
 
@@ -57,13 +58,14 @@ export interface ILeafLayout {
     localBoxChanged: boolean // position
 
     // face changed
-    surfaceChanged: boolean
+    surfaceChanged: boolean // 不能包含透明度变化
     opacityChanged: boolean
 
     hitCanvasChanged: boolean
 
     childrenSortChanged?: boolean
     stateStyleChanged?: boolean // hoverStyle ...
+    linkerChanged?: boolean
 
     // config changed
     scrollConfigChanged?: boolean
@@ -79,6 +81,10 @@ export interface ILeafLayout {
     renderSpread: IFourNumber // -1 表示需监视变化，不影响实际renderBounds，目前用在Box上
     renderShapeSpread: IFourNumber
 
+    // scale fixed
+    scaleFixed?: number
+    outerScale?: number // localOuterBounds: scaleFixed < 1
+
     // temp local
     a: number
     b: number

package/src/math/IMath.ts

@@ -1,11 +1,16 @@
 import { IFourNumber, IObject } from '../data/IData'
-import { IAlign, ISide } from '../display/ILeaf'
+import { IAlign, ISide, IAround } from '../display/ILeaf'
 
 export interface IPointData {
     x: number
     y: number
 }
 
+export interface IOptionPointData {
+    x?: number
+    y?: number
+}
+
 export interface IUnitPointData extends IPointData {
     type?: 'percent' | 'px'
 }
@@ -51,6 +56,8 @@ export interface IPoint extends IPointData {
     getAngle(to: IPointData): number
     getAtan2(to: IPointData): number
 
+    isSame(point: IPointData, quick?: boolean): boolean
+
     reset(): IPoint
 }
 
@@ -121,6 +128,7 @@ export interface IBounds extends IBoundsData, ITwoPointBoundsData {
     setPoints(points: IPointData[]): IBounds
     addPoint(point: IPointData): IBounds
     getPoints(): IPointData[] // topLeft, topRight, bottomRight, bottomLeft
+    getPoint(around: IAround, onlyBoxSize?: boolean, to?: IPointData): IPointData
 
     hitPoint(point: IPointData, pointMatrix?: IMatrixData): boolean
     hitRadiusPoint(point: IRadiusPointData, pointMatrix?: IMatrixWithLayoutData): boolean

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

@@ -25,6 +25,9 @@ export interface IRenderOptions {
     ignoreFill?: boolean, // 绘制外形时忽略fill
     ignoreStroke?: boolean // 绘制外形时忽略stroke
 
+    ignoreOpacity?: boolean // 绘制时忽略元素的opacity
+
+
     cellList?: ILeafList
 }
 
@@ -66,6 +69,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';
 }
@@ -39,6 +43,7 @@ interface IPoint extends IPointData {
     getDistancePoint(to: IPointData, distance: number, changeTo?: boolean): IPoint;
     getAngle(to: IPointData): number;
     getAtan2(to: IPointData): number;
+    isSame(point: IPointData, quick?: boolean): boolean;
     reset(): IPoint;
 }
 interface IRadiusPointData extends IPointData {
@@ -95,6 +100,7 @@ interface IBounds extends IBoundsData, ITwoPointBoundsData {
     setPoints(points: IPointData[]): IBounds;
     addPoint(point: IPointData): IBounds;
     getPoints(): IPointData[];
+    getPoint(around: IAround, onlyBoxSize?: boolean, to?: IPointData): IPointData;
     hitPoint(point: IPointData, pointMatrix?: IMatrixData): boolean;
     hitRadiusPoint(point: IRadiusPointData, pointMatrix?: IMatrixWithLayoutData): boolean;
     hit(bounds: IBoundsData, boundsMatrix?: IMatrixData): boolean;
@@ -264,6 +270,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 +918,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';
@@ -925,6 +936,7 @@ interface ILeafLayout {
     localContentBounds: IBoundsData;
     localStrokeBounds: IBoundsData;
     localRenderBounds: IBoundsData;
+    localOuterBounds?: IBoundsData;
     worldContentBounds: IBoundsData;
     worldBoxBounds: IBoundsData;
     worldStrokeBounds: IBoundsData;
@@ -946,6 +958,7 @@ interface ILeafLayout {
     hitCanvasChanged: boolean;
     childrenSortChanged?: boolean;
     stateStyleChanged?: boolean;
+    linkerChanged?: boolean;
     scrollConfigChanged?: boolean;
     editConfigChanged?: boolean;
     affectScaleOrRotation: boolean;
@@ -955,6 +968,8 @@ interface ILeafLayout {
     strokeBoxSpread: number;
     renderSpread: IFourNumber;
     renderShapeSpread: IFourNumber;
+    scaleFixed?: number;
+    outerScale?: number;
     a: number;
     b: number;
     c: number;
@@ -1197,6 +1212,7 @@ interface IRenderOptions {
     shape?: boolean;
     ignoreFill?: boolean;
     ignoreStroke?: boolean;
+    ignoreOpacity?: boolean;
     cellList?: ILeafList;
 }
 interface IRendererConfig {
@@ -1228,7 +1244,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;
 }
 
@@ -1310,6 +1326,7 @@ interface ILeafDataOptions {
 interface ILeafData extends IDataProcessor, ILeafComputedData {
     __single?: boolean;
     readonly __hasMultiPaint?: boolean;
+    __willDestroy?: boolean;
     __checkSingle(): void;
     __removeNaturalSize(): void;
 }
@@ -1435,12 +1452,49 @@ interface IAnimateEventFunction {
     (animate?: any): any;
 }
 
-interface ICachedLeaf {
-    canvas: ILeaferCanvas;
-    matrix?: IMatrix;
-    fitMatrix?: IMatrix;
-    bounds: IBoundsData;
+interface ITaskProcessorConfig {
+    onComplete?: IFunction;
+    onTask?: IFunction;
+    onError?: IFunction;
+    parallel?: number;
 }
+interface ITaskProcessor {
+    config: ITaskProcessorConfig;
+    running: boolean;
+    isComplete: boolean;
+    percent: number;
+    total: number;
+    index: number;
+    finishedIndex: number;
+    remain: number;
+    start(): void;
+    pause(): void;
+    resume(): void;
+    skip(): void;
+    stop(): void;
+    add(taskCallback: IFunction, options?: ITaskOptions | number, canUse?: IFunction): ITaskItem;
+    destroy(): void;
+}
+interface ITaskItem {
+    parent: ITaskProcessor;
+    parallel: boolean;
+    isComplete: boolean;
+    isCancel: boolean;
+    time: number;
+    task?: IFunction;
+    canUse?: IFunction;
+    run(): Promise<void>;
+    complete(): void;
+    cancel(): void;
+}
+interface ITaskOptions {
+    start?: boolean;
+    time?: number;
+    parallel?: boolean;
+    delay?: number;
+    canUse?: IFunction;
+}
+
 type ISide = 'width' | 'height';
 type IAxis = 'x' | 'y';
 type IAxisReverse = 'x-reverse' | 'y-reverse';
@@ -1521,6 +1575,7 @@ interface ILeafAttrData {
     mask?: IBoolean | IMaskType;
     eraser?: IBoolean | IEraserType;
     filter?: IFilter | IFilter[];
+    complex?: boolean;
     x?: INumber;
     y?: INumber;
     width?: INumber;
@@ -1599,6 +1654,7 @@ interface ILeafComputedData {
     mask?: boolean | IMaskType;
     eraser?: boolean | IEraserType;
     filter?: IFilter[];
+    complex?: boolean;
     x?: number;
     y?: number;
     width?: number;
@@ -1655,6 +1711,7 @@ interface ILeafComputedData {
     data?: IObject;
     __childBranchNumber?: number;
     __complex?: boolean;
+    __complexData?: ILeafComplexCachedData;
     __naturalWidth?: number;
     __naturalHeight?: number;
     readonly __autoWidth?: boolean;
@@ -1672,10 +1729,15 @@ interface ILeafComputedData {
     __pathInputed?: number;
     __pathForRender?: IPathCommandData;
     __path2DForRender?: IPath2D;
-    __pathForArrow?: IPathCommandData;
+    __startArrowPath?: IArrowPathData;
+    __endArrowPath?: IArrowPathData;
     __pathForMotion?: IMotionPathData;
     __clipAfterFill?: boolean;
 }
+interface IArrowPathData {
+    data: IPathCommandData;
+    fill?: boolean;
+}
 interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDataProxy, ILeafInputData, IEventer {
     tag: string;
     readonly __tag: string;
@@ -1696,6 +1758,7 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     __: ILeafData;
     proxyData?: ILeafInputData;
     __proxyData?: ILeafInputData;
+    skipJSON?: boolean;
     syncEventer?: ILeaf;
     lockNormalStyle?: boolean;
     __layout: ILeafLayout;
@@ -1724,6 +1787,7 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     animationOut?: IObject | IObject[];
     __hasAutoLayout?: boolean;
     __hasMotionPath?: boolean;
+    __hasComplex?: boolean;
     __hasMask?: boolean;
     __hasEraser?: boolean;
     __hitCanvas?: IHitCanvas;
@@ -1795,7 +1859,7 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     __renderEraser(canvas: ILeaferCanvas, options: IRenderOptions): void;
     __getNowWorld(options: IRenderOptions): IMatrixWithBoundsScaleData;
     getClampRenderScale(): number;
-    getRenderScaleData(abs?: boolean, scaleFixed?: IScaleFixed): IScaleData;
+    getRenderScaleData(abs?: boolean, scaleFixed?: IScaleFixed, unscale?: boolean): IScaleData;
     getTransform(relative?: ILocationType | ILeaf): IMatrixData;
     getBounds(type?: IBoundsType, relative?: ILocationType | ILeaf): IBoundsData;
     getLayoutBounds(type?: IBoundsType, relative?: ILocationType | ILeaf, unscale?: boolean): ILayoutBoundsData;
@@ -1853,7 +1917,7 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     __drawPath(canvas: ILeaferCanvas): void;
     __drawRenderPath(canvas: ILeaferCanvas): void;
     __updatePath(): void;
-    __updateRenderPath(): void;
+    __updateRenderPath(updateCache?: boolean): void;
     getMotionPathData(): IMotionPathData;
     getMotionPoint(motionDistance: number | IUnitData): IRotationPointData;
     getMotionTotal(): number;
@@ -1871,6 +1935,20 @@ type ILeafAttrDescriptor = IObject & ThisType<ILeaf>;
 interface ILeafAttrDescriptorFn {
     (key: string): ILeafAttrDescriptor;
 }
+interface ICachedLeaf {
+    canvas: ILeaferCanvas;
+    matrix?: IMatrix;
+    fitMatrix?: IMatrix;
+    bounds: IBoundsData;
+}
+interface ILeafComplexCachedData {
+    canvas?: ILeaferCanvas;
+    scaleX?: number;
+    scaleY?: number;
+    changed?: boolean;
+    task?: ITaskItem;
+    destroy(): void;
+}
 
 interface IProgressData {
     value: number;
@@ -1910,6 +1988,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 +2066,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;
@@ -1984,53 +2115,10 @@ interface IMiniapp {
     saveToAlbum(path: string): Promise<any>;
 }
 
-interface ITaskProcessorConfig {
-    onComplete?: IFunction;
-    onTask?: IFunction;
-    onError?: IFunction;
-    parallel?: number;
-}
-interface ITaskProcessor {
-    config: ITaskProcessorConfig;
-    running: boolean;
-    isComplete: boolean;
-    percent: number;
-    total: number;
-    index: number;
-    finishedIndex: number;
-    remain: number;
-    start(): void;
-    pause(): void;
-    resume(): void;
-    skip(): void;
-    stop(): void;
-    add(taskCallback: IFunction, options?: ITaskOptions | number, canUse?: IFunction): ITaskItem;
-    destroy(): void;
-}
-interface ITaskItem {
-    parent: ITaskProcessor;
-    parallel: boolean;
-    isComplete: boolean;
-    isCancel: boolean;
-    time: number;
-    task?: IFunction;
-    canUse?: IFunction;
-    run(): Promise<void>;
-    complete(): void;
-    cancel(): void;
-}
-interface ITaskOptions {
-    start?: boolean;
-    time?: number;
-    parallel?: boolean;
-    delay?: number;
-    canUse?: IFunction;
-}
-
 interface ILeaferImageConfig {
     url: string;
     lod?: IImageLOD;
-    format?: IExportFileType;
+    format?: IExportFileType | IFilmFileType | IVideoFileType;
     crossOrigin?: IImageCrossOrigin;
     showProgress?: boolean | string;
     view?: IObject | ILeaferImage | ILeaferCanvas;
@@ -2101,6 +2189,9 @@ interface ILeaferImage {
     error: IObject;
     loading: boolean;
     isPlacehold?: boolean;
+    parent?: ILeaferImage;
+    childrenMap?: ILeaferImageMap;
+    filterKey?: string;
     largeThumb?: ILeaferImageLevel;
     thumb?: ILeaferImageLevel;
     levels?: ILeaferImageLevel[];
@@ -2115,14 +2206,19 @@ 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;
     getMinLevel(): number;
     getLevelData(level: number, width?: number, height?: number): ILeaferImageLevel;
     clearLevels(checkUse?: boolean): void;
+    destroyFilter(): void;
     destroy(): void;
 }
+interface ILeaferImageMap {
+    [name: string]: ILeaferImage;
+}
 
 interface IUIEvent extends IEvent {
     x: number;
@@ -2397,6 +2493,10 @@ interface ILeaferAttrData {
     lazyBounds: IBounds;
     config: ILeaferConfig;
     userConfig?: ILeaferConfig;
+    cacheId?: boolean;
+    cacheInnerId?: boolean;
+    innerIdMap?: ILeafMap;
+    idMap?: ILeafMap;
     readonly cursorPoint: IPointData;
     readonly clientBounds: IBoundsData;
     leafs: number;
@@ -2407,8 +2507,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 +2550,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;
@@ -2457,7 +2559,7 @@ interface ICreator {
     layouter?(target: ILeaf, options?: ILayouterConfig): ILayouter;
     renderer?(target: ILeaf, canvas: ILeaferCanvas, options?: IRendererConfig): IRenderer;
     selector?(target?: ILeaf, options?: ISelectorConfig): ISelector;
-    finder?(target?: ILeaf): IFinder;
+    finder?(target?: ILeaf, options?: ISelectorConfig): IFinder;
     interaction?(target: ILeaf, canvas: IInteractionCanvas, selector: ISelector, options?: IInteractionConfig): IInteraction;
     editor?(options?: IObject, app?: IAppBase): ILeaf;
 }
@@ -2481,7 +2583,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 +2604,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 +2640,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, IArrowPathData, 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, ILeafComplexCachedData, 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, ILeaferImageMap, 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 };