@leafer-ui/interface 2.0.0 → 2.0.2

package/package.json

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

package/src/IUI.ts

@@ -1,4 +1,4 @@
-import { ILeaf, ILeafComputedData, ILeafData, ILeafInputData, ILeaferCanvas, IRenderOptions, IExportOptions, IExportResult, IPathDrawer, IPointData, IPathCommandData, IBoundsData, IObject, IPathString, ILeaferImage, IPathCreator, IAnswer, IPickOptions, IPickResult, IValue, ICanvasContext2DSettings, IFourNumber, IFindCondition, IBoolean, ICanvasContext2D, IJSONOptions, IMatrixData, ISizeData, ITransition, IAround } from '@leafer/interface'
+import { ILeaf, ILeafComputedData, ILeafData, ILeafInputData, ILeaferCanvas, IRenderOptions, IExportOptions, IExportResult, IPathDrawer, IPointData, IPathCommandData, IBoundsData, IObject, IPathString, ILeaferImage, IPathCreator, IAnswer, IPickOptions, IPickResult, IValue, ICanvasContext2DSettings, IFourNumber, IFindCondition, IBoolean, ICanvasContext2D, IJSONOptions, IMatrixData, ISizeData, ITransition, IAround, IMultimediaType } from '@leafer/interface'
 
 import {
     IFillAttrData, IFillInputData, IFillComputedData,
@@ -9,7 +9,7 @@ import {
     ITextStyleAttrData, ITextStyleInputData, ITextStyleComputedData,
     IStrokeComputedStyle
 } from './ICommonAttr'
-import { IOverflow } from './type/IType'
+import { IFill, IOverflow } from './type/IType'
 import { IAnimation, IAnimate, IKeyframe, IKeyframeId, IAnimateType } from './IAnimation'
 import { ILeafer } from './app/ILeafer'
 import { IEditorConfig } from './editor/IEditor'
@@ -73,88 +73,6 @@ export interface IFlowData extends IFlowAttrData, IBoxData { }
 export interface IFlowInputData extends IFlowAttrData, IBoxInputData { }
 
 
-
-// Video
-export interface IVideo extends IPlayerMethods, IRect {
-    __: IVideoData
-}
-
-interface IPlayerMethods {
-    play(): void
-    pause(): void
-    stop(): void
-}
-
-interface IVideoAttrData {
-    url?: string
-}
-export interface IVideoData extends IVideoAttrData, IRectData { }
-export interface IVideoInputData extends IVideoAttrData, IRectInputData { }
-
-
-
-// GIF
-export interface IGIF extends IPlayerMethods, IRect {
-    __: IGIFData
-}
-
-interface IGIFAttrData {
-    url?: string
-}
-export interface IGIFData extends IGIFAttrData, IRectData { }
-export interface IGIFInputData extends IGIFAttrData, IRectInputData { }
-
-
-
-// Robot
-export interface IRobot extends IRobotAttrData, IPlayerMethods, IRect {
-    __: IRobotData
-    readonly running: boolean
-    readonly nowFrame?: IRobotComputedKeyframe
-    readonly robotFrames?: IRobotComputedKeyframe[]
-
-    __updateRobot(): void
-    __updateAction(): void
-}
-
-interface IRobotAttrData {
-    robot?: IRobotKeyframe | IRobotKeyframe[]
-    actions?: IRobotActions
-    action?: IRobotActionName
-    now?: number
-    FPS?: number
-    loop?: boolean | number
-}
-
-export interface IRobotActions {
-    [name: string]: IKeyframeId | IKeyframeId[] | IRobotAnimation
-}
-
-export interface IRobotAnimation {
-    keyframes: IKeyframeId[]
-    loop?: boolean | number
-    FPS?: number
-}
-
-export type IRobotActionName = string
-
-export interface IRobotKeyframe {
-    mode?: 'normal' | 'clip'
-    url: string
-
-    offset?: IPointData
-    size?: number | ISizeData
-    total?: number
-}
-
-export interface IRobotComputedKeyframe extends IBoundsData {
-    view: any
-}
-
-export interface IRobotData extends IRobotAttrData, IRectData { }
-export interface IRobotInputData extends IRobotAttrData, IRectInputData { }
-
-
 // Rect
 export interface IRect extends IUI {
     __: IRectData
@@ -309,12 +227,17 @@ export interface IImage extends IImageAttrData, IRect {
 }
 interface IImageAttrData {
     url?: string
+    foreground?: IFill
+    background?: IFill
 }
 export interface IImageData extends IImageAttrData, IRectData {
+    readonly __urlType: IMultimediaType
     __setImageFill(value: string): void
 }
 export interface IImageInputData extends IImageAttrData, IUIBaseInputData { }
 
+
+// Canvas
 export interface ICanvas extends ICanvasAttrData, IRect {
     __: ICanvasData
     canvas?: ILeaferCanvas
@@ -331,6 +254,90 @@ export interface ICanvasData extends ICanvasAttrData, IRectData { }
 export interface ICanvasInputData extends ICanvasAttrData, IUIBaseInputData { }
 
 
+// Film
+export interface IFilm extends IFilmAttrData, IPlayerMethods, IImage {
+    __: IFilmData
+}
+interface IFilmAttrData {
+    url?: string
+}
+export interface IFilmData extends IFilmAttrData, IImageData {
+
+}
+export interface IFilmInputData extends IFilmAttrData, IUIBaseInputData { }
+
+
+
+// Video
+export interface IVideo extends IVideoAttrData, IPlayerMethods, IImage {
+    __: IVideoData
+}
+
+interface IPlayerMethods {
+    togglePlay(): void
+    play(): void
+    pause(): void
+    stop(): void
+}
+
+interface IVideoAttrData {
+    url?: string
+}
+export interface IVideoData extends IVideoAttrData, IImageData { }
+export interface IVideoInputData extends IVideoAttrData, IImageInputData { }
+
+
+
+// Robot
+export interface IRobot extends IRobotAttrData, IPlayerMethods, IRect {
+    __: IRobotData
+    readonly running: boolean
+    readonly nowFrame?: IRobotComputedKeyframe
+    readonly robotFrames?: IRobotComputedKeyframe[]
+
+    __updateRobot(): void
+    __updateAction(): void
+}
+
+interface IRobotAttrData {
+    robot?: IRobotKeyframe | IRobotKeyframe[]
+    actions?: IRobotActions
+    action?: IRobotActionName
+    now?: number
+    FPS?: number
+    loop?: boolean | number
+}
+
+export interface IRobotActions {
+    [name: string]: IKeyframeId | IKeyframeId[] | IRobotAnimation
+}
+
+export interface IRobotAnimation {
+    keyframes: IKeyframeId[]
+    loop?: boolean | number
+    FPS?: number
+}
+
+export type IRobotActionName = string
+
+export interface IRobotKeyframe {
+    mode?: 'normal' | 'clip'
+    url: string
+
+    offset?: IPointData
+    size?: number | ISizeData
+    total?: number
+}
+
+export interface IRobotComputedKeyframe extends IBoundsData {
+    view: any
+}
+
+export interface IRobotData extends IRobotAttrData, IRectData { }
+export interface IRobotInputData extends IRobotAttrData, IRectInputData { }
+
+
+
 // Leafer
 export interface ILeaferData extends IGroupData {
 
@@ -569,11 +576,12 @@ export type IUITag =
     | 'Box'
     | 'Arrow'
     | 'Robot'
-    | 'GIF'
+    | 'Film'
     | 'Video'
+    | (string & {})
 
 
-export interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IBoxInputData, IFrameInputData, IFlowInputData, IArrowInputData, IGIFInputData, IVideoInputData, IRobotInputData, IUIBaseInputData, IObject {
+export interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IBoxInputData, IFrameInputData, IFlowInputData, IArrowInputData, IVideoInputData, IRobotInputData, IUIBaseInputData, IObject {
     children?: IUIInputData[]
 }
 

package/src/index.ts

@@ -16,10 +16,10 @@ export {
     IText, ITextInputData, ITextData, ITextRowData, ITextWordData, ITextCharData, ITextDrawData, IBackgroundBoxStyle,
     IImage, IImageInputData, IImageData,
     ICanvas, ICanvasInputData, ICanvasData,
+    IFilm, IFilmInputData, IFilmData,
     IFrame, IFrameInputData, IFrameData,
     IFlow, IFlowInputData, IFlowData,
     IVideo, IVideoInputData, IVideoData,
-    IGIF, IGIFInputData, IGIFData,
     IRobot, IRobotInputData, IRobotData, IRobotActions, IRobotActionName, IRobotKeyframe, IRobotComputedKeyframe, IRobotAnimation,
     IBox, IBoxInputData, IBoxData,
     IGroup, IGroupInputData, IGroupData,

package/src/module/IPaint.ts

@@ -30,6 +30,9 @@ export interface IPaintModule {
 export interface IPaintImageModule {
     image(ui: IUI, attrName: string, paint: IImagePaint, boxBounds: IBoundsData, firstUse: boolean): ILeafPaint
 
+    film?(paint: ILeafPaint): void
+    video?(paint: ILeafPaint): void
+
     checkImage(paint: ILeafPaint, allowDraw: boolean, ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): boolean // 返回true表示已进行了原生绘制
     drawImage(paint: ILeafPaint, imageScaleX: number, imageScaleY: number, ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): void
     getImageRenderScaleData(paint: ILeafPaint, ui: IUI, canvas?: ILeaferCanvas, renderOptions?: IRenderOptions): IScaleData // 当前图片渲染的比例数据，必须马上分解使用

package/src/type/IComputedType.ts

@@ -1,13 +1,13 @@
-import { IBlendMode, IDirection, IInterlace, ILeaferImage, IMatrixData, IPointData, IScaleFixed, ITaskItem } from '@leafer/interface'
+import { IBlendMode, IDirection, IFilmPlayOptions, IInterlace, ILeaferImage, IMatrixData, IPointData, IScaleFixed, ITaskItem } from '@leafer/interface'
 
 import { IColorString } from './IStringType'
-import { IStrokeAlign, IStrokeJoin, IStrokeCap, IImagePaintMode, IImageFilters, IPaint } from './IType'
+import { IStrokeAlign, IStrokeJoin, IStrokeCap, IImagePaintMode, IPaint } from './IType'
 import { IPaintType } from './IType'
 import { IStrokeComputedStyle } from '../ICommonAttr'
 
 export type ILeafPaintColor = IColorString | CanvasGradient | CanvasPattern
 
-export interface ILeafPaint {
+export interface ILeafPaint extends IFilmPlayOptions {
     type?: IPaintType
     style?: ILeafPaintColor
     strokeStyle?: IStrokeComputedStyle // 子描边样式选项
@@ -18,22 +18,24 @@ export interface ILeafPaint {
     drawLevel?: number // drawImage level
 
     loadId?: number
-    patternId?: string
+    patternId?: string | number
     patternTask?: ITaskItem
     progressTimer?: any
 
+    complex?: boolean | 2 // 绘制原图时canvas需要save、restore, 为2表示需要clipUI
+
     isTransparent?: boolean // 是否为透明色
     data?: ILeafPaintPatternData
     originPaint?: IPaint // 原始paint对象
+
+    film?: boolean // flim或video类型
 }
 
 export interface ILeafPaintPatternData {
     scaleX?: number
     scaleY?: number
     gap?: IPointData
-    opacity?: number
     transform?: IMatrixData
-    filters?: IImageFilters
     mode?: IImagePaintMode
     repeat?: 'repeat' | 'repeat-x' | 'repeat-y'
     interlace?: IInterlace

package/src/type/IType.ts

@@ -1,4 +1,4 @@
-import { IPointData, IPathCommandData, IWindingRule, IBlendMode, IExportFileType, IFourNumber, IAlign, IUnitPointData, IAxis, IAxisReverse, IInterlace, IFilter, IOptionSizeData, ISizeData, IGap, IPointGap, IScaleFixed, IDirection, IImageLOD, IPercentData } from '@leafer/interface'
+import { IPointData, IPathCommandData, IWindingRule, IBlendMode, IExportFileType, IMultimediaType, IFourNumber, IAlign, IUnitPointData, IAxis, IAxisReverse, IInterlace, IFilter, IOptionSizeData, ISizeData, IGap, IPointGap, IScaleFixed, IDirection, IImageLOD, IPercentData, IFilmOptions } from '@leafer/interface'
 import { IColorString, IPaintString } from './IStringType'
 import { IStrokeStyle } from '../ICommonAttr'
 
@@ -24,9 +24,9 @@ export interface IPaintBase {
 }
 
 export type IPaintType =
-    | 'image'
     | 'solid'
     | IGradientType
+    | IMultimediaType
 
 export type IGradientType =
     | 'linear'
@@ -66,11 +66,12 @@ export interface IStrokeGradientPaint extends IGradientPaint { }
 export interface IColorStop {
     offset: number
     color: IColor
+    selected?: boolean
 }
 
 // ---
-export interface IImagePaint extends IPaintBase {
-    type: "image"
+export interface IImagePaint extends IPaintBase, IFilmOptions {
+    type: IMultimediaType
 
     url: string
     lod?: IImageLOD

package/types/index.d.ts

@@ -1,4 +1,4 @@
-import { IBlendMode, IScaleFixed, IAlign, IUnitPointData, IImageLOD, IExportFileType, IFourNumber, IPointData, IOptionSizeData, ISizeData, IGap, IPointGap, IPercentData, IInterlace, IPathCommandData, IAxis, IAxisReverse, IDirection, IWindingRule, IFilter, IMatrixData, ILeaferImage, ITaskItem, INumber, IString, IBoolean, IUnitData, IAnimateOptions, IAnimateEasing, IEventer, IObject, IEventParamsMap, IAnimateEasingFunction, IAnimateEnding, ITransition, IBounds, ILeafInputData, ILeaf as ILeaf$1, ILeafComputedData, ILeafData, IBoundsData, IValue, IPathCreator, IJSONOptions, IFindCondition, IAnswer, IPathString, IPathDrawer, ILeaferCanvas, IRenderOptions, IExportOptions, IExportResult, IPickOptions, IPickResult, IAround, ICanvasContext2DSettings, ICanvasContext2D, ILeaferAttrData, IControl, ILeaferType, ILeaferConfig, ILeafRender, ILeafBounds, ILeafHit, ICachedLeaf, IScaleData as IScaleData$1, IBooleanMap, IFunction, IMatrixWithBoundsScaleData } from '@leafer/interface';
+import { IMultimediaType, IBlendMode, IScaleFixed, IAlign, IUnitPointData, IFilmOptions, IImageLOD, IExportFileType, IFourNumber, IPointData, IOptionSizeData, ISizeData, IGap, IPointGap, IPercentData, IInterlace, IPathCommandData, IAxis, IAxisReverse, IDirection, IWindingRule, IFilter, IFilmPlayOptions, IMatrixData, ILeaferImage, ITaskItem, INumber, IString, IBoolean, IUnitData, IAnimateOptions, IAnimateEasing, IEventer, IObject, IEventParamsMap, IAnimateEasingFunction, IAnimateEnding, ITransition, IBounds, ILeafInputData, ILeaf as ILeaf$1, ILeafComputedData, ILeafData, IBoundsData, IValue, IPathCreator, IJSONOptions, IFindCondition, IAnswer, IPathString, IPathDrawer, ILeaferCanvas, IRenderOptions, IExportOptions, IExportResult, IPickOptions, IPickResult, IAround, ICanvasContext2DSettings, ICanvasContext2D, ILeaferAttrData, IControl, ILeaferType, ILeaferConfig, ILeafRender, ILeafBounds, ILeafHit, ICachedLeaf, IScaleData as IScaleData$1, IBooleanMap, IFunction, IMatrixWithBoundsScaleData } from '@leafer/interface';
 export * from '@leafer/interface';
 import { IObject as IObject$1, IEditSize, IStroke as IStroke$1, IFourNumber as IFourNumber$1, IFill as IFill$1, IBoxInputData as IBoxInputData$1, IRectInputData as IRectInputData$1, IColorString as IColorString$1, IDirection4, ICursorType, IImageCursor, IAlign as IAlign$1, IUnitPointData as IUnitPointData$1, IUIInputData as IUIInputData$1, IShortcutKeysCheck, IShortcutKeys, IUI as IUI$1, IPointData as IPointData$1, IScaleData, ISkewData, IGroup as IGroup$1, ISelectorProxy, IBox as IBox$1, ILayoutBoundsData, IKeyEvent, IUIEvent, IDragEvent, IMoveEvent, IZoomEvent, IRotateEvent, ITransition as ITransition$1, ILeafList, ILeafer as ILeafer$1, ILeaf, IGroupInputData as IGroupInputData$1, IStateName as IStateName$1, IString as IString$1, IBoolean as IBoolean$1, IStateStyle as IStateStyle$1 } from '@leafer-ui/interface';
 
@@ -27,7 +27,7 @@ interface IPaintBase {
     editing?: boolean;
     scaleFixed?: IScaleFixed;
 }
-type IPaintType = 'image' | 'solid' | IGradientType;
+type IPaintType = 'solid' | IGradientType | IMultimediaType;
 type IGradientType = 'linear' | 'radial' | 'angular';
 interface ISolidPaint extends IPaintBase {
     type: 'solid';
@@ -57,9 +57,10 @@ interface IStrokeGradientPaint extends IGradientPaint {
 interface IColorStop {
     offset: number;
     color: IColor;
+    selected?: boolean;
 }
-interface IImagePaint extends IPaintBase {
-    type: "image";
+interface IImagePaint extends IPaintBase, IFilmOptions {
+    type: IMultimediaType;
     url: string;
     lod?: IImageLOD;
     mode?: IImagePaintMode;
@@ -165,7 +166,7 @@ type IOverflow = 'show' | 'hide' | 'scroll' | 'x-scroll' | 'y-scroll';
 type ITextOverflow = 'show' | 'hide' | 'ellipsis' | (string & {});
 
 type ILeafPaintColor = IColorString | CanvasGradient | CanvasPattern;
-interface ILeafPaint {
+interface ILeafPaint extends IFilmPlayOptions {
     type?: IPaintType;
     style?: ILeafPaintColor;
     strokeStyle?: IStrokeComputedStyle;
@@ -174,20 +175,20 @@ interface ILeafPaint {
     level?: number;
     drawLevel?: number;
     loadId?: number;
-    patternId?: string;
+    patternId?: string | number;
     patternTask?: ITaskItem;
     progressTimer?: any;
+    complex?: boolean | 2;
     isTransparent?: boolean;
     data?: ILeafPaintPatternData;
     originPaint?: IPaint;
+    film?: boolean;
 }
 interface ILeafPaintPatternData {
     scaleX?: number;
     scaleY?: number;
     gap?: IPointData;
-    opacity?: number;
     transform?: IMatrixData;
-    filters?: IImageFilters;
     mode?: IImagePaintMode;
     repeat?: 'repeat' | 'repeat-x' | 'repeat-y';
     interlace?: IInterlace;
@@ -740,70 +741,6 @@ interface IFlowData extends IFlowAttrData, IBoxData {
 }
 interface IFlowInputData extends IFlowAttrData, IBoxInputData {
 }
-interface IVideo extends IPlayerMethods, IRect {
-    __: IVideoData;
-}
-interface IPlayerMethods {
-    play(): void;
-    pause(): void;
-    stop(): void;
-}
-interface IVideoAttrData {
-    url?: string;
-}
-interface IVideoData extends IVideoAttrData, IRectData {
-}
-interface IVideoInputData extends IVideoAttrData, IRectInputData {
-}
-interface IGIF extends IPlayerMethods, IRect {
-    __: IGIFData;
-}
-interface IGIFAttrData {
-    url?: string;
-}
-interface IGIFData extends IGIFAttrData, IRectData {
-}
-interface IGIFInputData extends IGIFAttrData, IRectInputData {
-}
-interface IRobot extends IRobotAttrData, IPlayerMethods, IRect {
-    __: IRobotData;
-    readonly running: boolean;
-    readonly nowFrame?: IRobotComputedKeyframe;
-    readonly robotFrames?: IRobotComputedKeyframe[];
-    __updateRobot(): void;
-    __updateAction(): void;
-}
-interface IRobotAttrData {
-    robot?: IRobotKeyframe | IRobotKeyframe[];
-    actions?: IRobotActions;
-    action?: IRobotActionName;
-    now?: number;
-    FPS?: number;
-    loop?: boolean | number;
-}
-interface IRobotActions {
-    [name: string]: IKeyframeId | IKeyframeId[] | IRobotAnimation;
-}
-interface IRobotAnimation {
-    keyframes: IKeyframeId[];
-    loop?: boolean | number;
-    FPS?: number;
-}
-type IRobotActionName = string;
-interface IRobotKeyframe {
-    mode?: 'normal' | 'clip';
-    url: string;
-    offset?: IPointData;
-    size?: number | ISizeData;
-    total?: number;
-}
-interface IRobotComputedKeyframe extends IBoundsData {
-    view: any;
-}
-interface IRobotData extends IRobotAttrData, IRectData {
-}
-interface IRobotInputData extends IRobotAttrData, IRectInputData {
-}
 interface IRect extends IUI {
     __: IRectData;
 }
@@ -936,8 +873,11 @@ interface IImage extends IImageAttrData, IRect {
 }
 interface IImageAttrData {
     url?: string;
+    foreground?: IFill;
+    background?: IFill;
 }
 interface IImageData extends IImageAttrData, IRectData {
+    readonly __urlType: IMultimediaType;
     __setImageFill(value: string): void;
 }
 interface IImageInputData extends IImageAttrData, IUIBaseInputData {
@@ -958,6 +898,71 @@ interface ICanvasData extends ICanvasAttrData, IRectData {
 }
 interface ICanvasInputData extends ICanvasAttrData, IUIBaseInputData {
 }
+interface IFilm extends IFilmAttrData, IPlayerMethods, IImage {
+    __: IFilmData;
+}
+interface IFilmAttrData {
+    url?: string;
+}
+interface IFilmData extends IFilmAttrData, IImageData {
+}
+interface IFilmInputData extends IFilmAttrData, IUIBaseInputData {
+}
+interface IVideo extends IVideoAttrData, IPlayerMethods, IImage {
+    __: IVideoData;
+}
+interface IPlayerMethods {
+    togglePlay(): void;
+    play(): void;
+    pause(): void;
+    stop(): void;
+}
+interface IVideoAttrData {
+    url?: string;
+}
+interface IVideoData extends IVideoAttrData, IImageData {
+}
+interface IVideoInputData extends IVideoAttrData, IImageInputData {
+}
+interface IRobot extends IRobotAttrData, IPlayerMethods, IRect {
+    __: IRobotData;
+    readonly running: boolean;
+    readonly nowFrame?: IRobotComputedKeyframe;
+    readonly robotFrames?: IRobotComputedKeyframe[];
+    __updateRobot(): void;
+    __updateAction(): void;
+}
+interface IRobotAttrData {
+    robot?: IRobotKeyframe | IRobotKeyframe[];
+    actions?: IRobotActions;
+    action?: IRobotActionName;
+    now?: number;
+    FPS?: number;
+    loop?: boolean | number;
+}
+interface IRobotActions {
+    [name: string]: IKeyframeId | IKeyframeId[] | IRobotAnimation;
+}
+interface IRobotAnimation {
+    keyframes: IKeyframeId[];
+    loop?: boolean | number;
+    FPS?: number;
+}
+type IRobotActionName = string;
+interface IRobotKeyframe {
+    mode?: 'normal' | 'clip';
+    url: string;
+    offset?: IPointData;
+    size?: number | ISizeData;
+    total?: number;
+}
+interface IRobotComputedKeyframe extends IBoundsData {
+    view: any;
+}
+interface IRobotData extends IRobotAttrData, IRectData {
+}
+interface IRobotInputData extends IRobotAttrData, IRectInputData {
+}
 interface ILeaferData extends IGroupData {
 }
 interface ILeaferInputData extends IGroupInputData {
@@ -1112,8 +1117,8 @@ interface IUIComputedData extends IUIAttrData, IFillComputedData, IBorderCompute
 interface IUIBaseInputData extends IUIAttrData, IFillInputData, IStrokeInputData, ITextStyleInputData, ICornerRadiusInputData, IEffectInputData, ILeafInputData {
     children?: IUIInputData[];
 }
-type IUITag = 'App' | 'Leafer' | 'Rect' | 'Ellipse' | 'Polygon' | 'Star' | 'Line' | 'Path' | 'Pen' | 'Text' | 'Image' | 'Canvas' | 'Group' | 'Frame' | 'Box' | 'Arrow' | 'Robot' | 'GIF' | 'Video';
-interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IBoxInputData, IFrameInputData, IFlowInputData, IArrowInputData, IGIFInputData, IVideoInputData, IRobotInputData, IUIBaseInputData, IObject {
+type IUITag = 'App' | 'Leafer' | 'Rect' | 'Ellipse' | 'Polygon' | 'Star' | 'Line' | 'Path' | 'Pen' | 'Text' | 'Image' | 'Canvas' | 'Group' | 'Frame' | 'Box' | 'Arrow' | 'Robot' | 'Film' | 'Video' | (string & {});
+interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IBoxInputData, IFrameInputData, IFlowInputData, IArrowInputData, IVideoInputData, IRobotInputData, IUIBaseInputData, IObject {
     children?: IUIInputData[];
 }
 interface IUIJSONData extends IUIInputData {
@@ -1259,6 +1264,8 @@ interface IPaintModule {
 }
 interface IPaintImageModule {
     image(ui: IUI, attrName: string, paint: IImagePaint, boxBounds: IBoundsData, firstUse: boolean): ILeafPaint;
+    film?(paint: ILeafPaint): void;
+    video?(paint: ILeafPaint): void;
     checkImage(paint: ILeafPaint, allowDraw: boolean, ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): boolean;
     drawImage(paint: ILeafPaint, imageScaleX: number, imageScaleY: number, ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): void;
     getImageRenderScaleData(paint: ILeafPaint, ui: IUI, canvas?: ILeaferCanvas, renderOptions?: IRenderOptions): IScaleData$1;
@@ -1308,4 +1315,4 @@ interface IFilterFunction {
     (filter: IFilter, ui: IUI, bounds: IMatrixWithBoundsScaleData, currentCanvas: ILeaferCanvas, originCanvas: ILeaferCanvas, shape: ICachedShape): void;
 }
 
-export type { IAnimate, IAnimateKeyframe, IAnimateList, IAnimateType, IAnimation, IApp, IAppConfig, IAppData, IAppForEachFunction, IAppInputData, IArrow, IArrowData, IArrowInputData, IArrowStyle, IArrowType, IArrowTypeData, IBackgroundBoxStyle, IBlurEffect, IBox, IBoxData, IBoxInputData, ICachedShape, ICanvas, ICanvasData, ICanvasInputData, IColor, IColorConvertModule, IColorStop, IColorString, IComputedKeyframe, ICornerRadiusString, IDashPatternString, IEditBoxBase, IEditPoint, IEditPointInputData, IEditPointType, IEditToolFunction, IEditorBase, IEditorBeforeEditInner, IEditorBeforeEditOuter, IEditorBeforeMove, IEditorBeforeRotate, IEditorBeforeScale, IEditorBeforeSelect, IEditorBeforeSkew, IEditorConfig, IEditorConfigFunction, IEditorDragStartData, IEditorEditInnerData, IEditorEditOuterData, IEditorMoveData, IEditorRotationData, IEditorScaleData, IEditorSelectData, IEditorSkewData, IEffect, IEffectAttrData, IEffectComputedData, IEffectInputData, IEffectModule, IEllipse, IEllipseData, IEllipseInputData, IExportModule, IFill, IFilterFunction, IFilterModule, IFilterProcessor, IFindUIMethod, IFlow, IFlowData, IFlowInputData, IFontWeight, IFontWeightNumer, IFontWeightString, IFrame, IFrameData, IFrameInputData, IFrameRenderModule, IGIF, IGIFData, IGIFInputData, IGradientPaint, IGradientType, IGrayscaleEffect, IGroup, IGroupData, IGroupInputData, IGroupRenderModule, IImage, IImageData, IImageFilters, IImageInputData, IImagePaint, IImagePaintMode, IImageRenderModule, IKeyframe, IKeyframeId, IKeyframesAnimation, ILeafFill, ILeafPaint, ILeafPaintColor, ILeafPaintPatternData, ILeafShadowEffect, ILeafStrokePaint, ILeafer, ILeaferData, ILeaferInputData, ILine, ILineData, ILineInputData, ILinker, ILinkerData, ILinkerInputData, ILinkerPointData, IOverflow, IPaint, IPaintAttr, IPaintBase, IPaintGradientModule, IPaintImageModule, IPaintModule, IPaintString, IPaintType, IPath, IPathArrowModule, IPathData, IPathDataArrow, IPathDataArrowMap, IPathDataArrowOffset, IPathInputData, IPen, IPenData, IPenInputData, IPercent, IPolygon, IPolygonData, IPolygonInputData, IRGB, IRGBA, IRect, IRectData, IRectInputData, IRectRenderModule, IRepeat, IRobot, IRobotActionName, IRobotActions, IRobotAnimation, IRobotComputedKeyframe, IRobotData, IRobotInputData, IRobotKeyframe, IScrollConfig, IScrollTheme, IScroller, IShadowEffect, IShadowString, ISolidPaint, IStar, IStarData, IStarInputData, IStateModule, IStateName, IStateStyle, IStates, IStroke, IStrokeAlign, IStrokeAttrData, IStrokeCap, IStrokeComputedData, IStrokeComputedStyle, IStrokeGradientPaint, IStrokeImagePaint, IStrokeInputData, IStrokeJoin, IStrokePaint, IStrokeSolidPaint, IStrokeStyle, IStrokeWidthString, IStyleAnimation, IText, ITextAlign, ITextCase, ITextCharData, ITextConvertModule, ITextData, ITextDecoration, ITextDecorationData, ITextDecorationType, ITextDrawData, ITextInputData, ITextOverflow, ITextRenderModule, ITextRowData, ITextStyleAttrData, ITextStyleComputedData, ITextStyleInputData, ITextWordData, ITextWrap, ITransformTool, ITransitionFunction, ITransitionMap, ITransitionModule, IUI, IUIBaseInputData, IUIBoundsModule, IUIData, IUIHitModule, IUIInputData, IUIJSONData, IUIRenderModule, IUITag, IVectorPath, IVerticalAlign, IVideo, IVideoData, IVideoInputData, IWritingMode };
+export type { IAnimate, IAnimateKeyframe, IAnimateList, IAnimateType, IAnimation, IApp, IAppConfig, IAppData, IAppForEachFunction, IAppInputData, IArrow, IArrowData, IArrowInputData, IArrowStyle, IArrowType, IArrowTypeData, IBackgroundBoxStyle, IBlurEffect, IBox, IBoxData, IBoxInputData, ICachedShape, ICanvas, ICanvasData, ICanvasInputData, IColor, IColorConvertModule, IColorStop, IColorString, IComputedKeyframe, ICornerRadiusString, IDashPatternString, IEditBoxBase, IEditPoint, IEditPointInputData, IEditPointType, IEditToolFunction, IEditorBase, IEditorBeforeEditInner, IEditorBeforeEditOuter, IEditorBeforeMove, IEditorBeforeRotate, IEditorBeforeScale, IEditorBeforeSelect, IEditorBeforeSkew, IEditorConfig, IEditorConfigFunction, IEditorDragStartData, IEditorEditInnerData, IEditorEditOuterData, IEditorMoveData, IEditorRotationData, IEditorScaleData, IEditorSelectData, IEditorSkewData, IEffect, IEffectAttrData, IEffectComputedData, IEffectInputData, IEffectModule, IEllipse, IEllipseData, IEllipseInputData, IExportModule, IFill, IFilm, IFilmData, IFilmInputData, IFilterFunction, IFilterModule, IFilterProcessor, IFindUIMethod, IFlow, IFlowData, IFlowInputData, IFontWeight, IFontWeightNumer, IFontWeightString, IFrame, IFrameData, IFrameInputData, IFrameRenderModule, IGradientPaint, IGradientType, IGrayscaleEffect, IGroup, IGroupData, IGroupInputData, IGroupRenderModule, IImage, IImageData, IImageFilters, IImageInputData, IImagePaint, IImagePaintMode, IImageRenderModule, IKeyframe, IKeyframeId, IKeyframesAnimation, ILeafFill, ILeafPaint, ILeafPaintColor, ILeafPaintPatternData, ILeafShadowEffect, ILeafStrokePaint, ILeafer, ILeaferData, ILeaferInputData, ILine, ILineData, ILineInputData, ILinker, ILinkerData, ILinkerInputData, ILinkerPointData, IOverflow, IPaint, IPaintAttr, IPaintBase, IPaintGradientModule, IPaintImageModule, IPaintModule, IPaintString, IPaintType, IPath, IPathArrowModule, IPathData, IPathDataArrow, IPathDataArrowMap, IPathDataArrowOffset, IPathInputData, IPen, IPenData, IPenInputData, IPercent, IPolygon, IPolygonData, IPolygonInputData, IRGB, IRGBA, IRect, IRectData, IRectInputData, IRectRenderModule, IRepeat, IRobot, IRobotActionName, IRobotActions, IRobotAnimation, IRobotComputedKeyframe, IRobotData, IRobotInputData, IRobotKeyframe, IScrollConfig, IScrollTheme, IScroller, IShadowEffect, IShadowString, ISolidPaint, IStar, IStarData, IStarInputData, IStateModule, IStateName, IStateStyle, IStates, IStroke, IStrokeAlign, IStrokeAttrData, IStrokeCap, IStrokeComputedData, IStrokeComputedStyle, IStrokeGradientPaint, IStrokeImagePaint, IStrokeInputData, IStrokeJoin, IStrokePaint, IStrokeSolidPaint, IStrokeStyle, IStrokeWidthString, IStyleAnimation, IText, ITextAlign, ITextCase, ITextCharData, ITextConvertModule, ITextData, ITextDecoration, ITextDecorationData, ITextDecorationType, ITextDrawData, ITextInputData, ITextOverflow, ITextRenderModule, ITextRowData, ITextStyleAttrData, ITextStyleComputedData, ITextStyleInputData, ITextWordData, ITextWrap, ITransformTool, ITransitionFunction, ITransitionMap, ITransitionModule, IUI, IUIBaseInputData, IUIBoundsModule, IUIData, IUIHitModule, IUIInputData, IUIJSONData, IUIRenderModule, IUITag, IVectorPath, IVerticalAlign, IVideo, IVideoData, IVideoInputData, IWritingMode };