@leafer-ui/interface 2.0.2 → 2.0.4

package/package.json

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

package/src/ICommonAttr.ts

@@ -53,7 +53,7 @@ export interface IStrokeInputData extends IStrokeStyle {
 export interface IStrokeStyle {
     strokeAlign?: IStrokeAlign
     strokeWidth?: IFourNumber | IStrokeWidthString
-    strokeWidthFixed?: IScaleFixed
+    strokeScaleFixed?: IScaleFixed
     strokeCap?: IStrokeCap
     strokeJoin?: IStrokeJoin
     dashPattern?: INumber[] | IDashPatternString
@@ -72,7 +72,7 @@ export interface IStrokeComputedStyle {
     strokeAlign?: IStrokeAlign
     strokeWidth?: number
     strokeWidths?: number[]
-    strokeWidthFixed?: IScaleFixed
+    strokeScaleFixed?: IScaleFixed
     strokeCap?: IStrokeCap
     strokeJoin?: IStrokeJoin
     dashPattern?: number[]

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, IMultimediaType } 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, IDirection4, IOptionPointData, IDirection } from '@leafer/interface'
 
 import {
     IFillAttrData, IFillInputData, IFillComputedData,
@@ -44,21 +44,45 @@ export interface IArrowInputData extends IArrowAttrData, ILineInputData { }
 
 
 // Linker
-export interface ILinker extends IArrow {
+export interface ILinker extends ILine {
     __: ILinkerData
+
+    startNode: IUI
+    endNode: IUI
+
+    startData: ILinkerComputedPointData
+    endData: ILinkerComputedPointData
+
+    createStartPoint(worldPoint: IPointData, node?: IUI, options?: ILinkerPointOptions): ILinkerPointData
+    createEndPoint(worldPoint: IPointData, node?: IUI, options?: ILinkerPointOptions): ILinkerPointData
+    createLinkerPoint(worldPoint: IPointData, node?: IUI, options?: ILinkerPointOptions): ILinkerPointData
 }
 
 export interface ILinkerPointData {
-    id: string | IUI,
+    id?: string | IUI,
+    direction?: IDirection4 | 'center'
     point?: IAround,
+    offset?: IOptionPointData
+}
+
+export interface ILinkerPointOptions {
+    snapRadius?: number
+}
+
+export type ILinkerPointType = 'start' | 'end'
+
+export interface ILinkerComputedPointData {
+    auto: boolean
+    direction: IDirection
+    point: IPointData
 }
 
 interface ILinkerAttrData {
     startPoint?: ILinkerPointData | IUI | string
     endPoint?: ILinkerPointData | IUI | string
 }
-export interface ILinkerData extends ILinkerAttrData, IArrowData { }
-export interface ILinkerInputData extends ILinkerAttrData, IArrowInputData { }
+export interface ILinkerData extends ILinkerAttrData, ILineData { }
+export interface ILinkerInputData extends ILinkerAttrData, ILineInputData { }
 
 
 // Flow
@@ -257,6 +281,7 @@ export interface ICanvasInputData extends ICanvasAttrData, IUIBaseInputData { }
 // Film
 export interface IFilm extends IFilmAttrData, IPlayerMethods, IImage {
     __: IFilmData
+    seekFrame(frameIndex: number): void
 }
 interface IFilmAttrData {
     url?: string
@@ -386,6 +411,51 @@ export interface IBoxData extends IBoxAttrData, IGroupData { }
 export interface IBoxInputData extends IBoxAttrData, IGroupInputData { }
 
 
+
+// EllipseBox
+export interface IEllipseBox extends IEllipseAttrData, IBox {
+    __: IEllipseBoxData
+}
+export interface IEllipseBoxData extends IEllipseAttrData, IBoxData { }
+export interface IEllipseBoxInputData extends IEllipseAttrData, IBoxInputData { }
+
+
+// PolygonBox
+export interface IPolygonBox extends IPolygonAttrData, IBox {
+    __: IPolygonBoxData
+}
+export interface IPolygonBoxData extends IPolygonAttrData, IBoxData { }
+export interface IPolygonBoxInputData extends IPolygonAttrData, IBoxInputData { }
+
+
+// StarBox
+export interface IStarBox extends IStarAttrData, IBox {
+    __: IStarBoxData
+}
+export interface IStarBoxData extends IStarAttrData, IBoxData { }
+export interface IStarBoxInputData extends IStarAttrData, IBoxInputData { }
+
+// PathBox
+export interface IPathBox extends IBox {
+    __: IPathBoxData
+}
+export interface IPathBoxData extends IBoxData { }
+export interface IPathBoxInputData extends IBoxInputData { }
+
+// ImageBox
+export interface IImageBox extends IImageAttrData, IBox {
+    __: IImageBoxData
+    readonly ready: boolean
+    readonly image?: ILeaferImage
+}
+export interface IImageBoxData extends IImageAttrData, IBoxData {
+    readonly __urlType: IMultimediaType
+    __setImageFill(value: string): void
+}
+export interface IImageBoxInputData extends IImageAttrData, IBoxInputData { }
+
+
+
 // Group
 export interface IGroup extends IUI {
     __: IGroupData
@@ -404,6 +474,7 @@ export interface IGroup extends IUI {
 export interface IGroupData extends IUIData { }
 export interface IGroupInputData extends IUIBaseInputData { }
 
+
 // UI
 export interface IUI extends IUIAttrData, IFillAttrData, IStrokeAttrData, ICornerRadiusAttrData, IEffectAttrData, ILeaf {
     __: IUIData
@@ -424,6 +495,9 @@ export interface IUI extends IUIAttrData, IFillAttrData, IStrokeAttrData, ICorne
 
     children?: IUI[]
 
+    startLinker?: ILinker[]
+    endLinker?: ILinker[]
+
     __box?: IUI // 背景box, 一般用于文本背景框
     __animate?: IAnimate
 
@@ -446,6 +520,7 @@ export interface IUI extends IUIAttrData, IFillAttrData, IStrokeAttrData, ICorne
 
     getPath(curve?: boolean, pathForRender?: boolean): IPathCommandData
     getPathString(curve?: boolean, pathForRender?: boolean): IPathString
+    asPath(curve?: boolean, pathForRender?: boolean): void
 
     load(): void
 
@@ -514,8 +589,9 @@ export interface IUIData extends IUIAttrData, IUIComputedData, ILeafData {
     __isFills?: boolean
     __isStrokes?: boolean
 
-    readonly __strokeWidth: number // 会受 strokeWidthFixed 影响
+    readonly __strokeWidth: number // 会受 strokeScaleFixed 影响
     readonly __maxStrokeWidth: number
+    __strokeWidthCache?: number // 一般用于固定线宽的箭头做缓存对比
     __hasMultiStrokeStyle?: number // 是否存在多个不同的描述样式（同时存储多个描边样式中的最大宽度用于运算）
     readonly __hasMultiPaint?: boolean
 
@@ -579,6 +655,13 @@ export type IUITag =
     | 'Film'
     | 'Video'
     | (string & {})
+    | 'EllipseBox' // @leafer-in/box
+    | 'PolygonBox'
+    | 'StarBox'
+    | 'LineBox'
+    | 'PathBox'
+    | 'ImageBox'
+    | 'CanvasBox'
 
 
 export interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IBoxInputData, IFrameInputData, IFlowInputData, IArrowInputData, IVideoInputData, IRobotInputData, IUIBaseInputData, IObject {

package/src/editor/IEditor.ts

@@ -39,6 +39,8 @@ export interface IEditorBase extends IGroup, ISelectorProxy, ITransformTool {
     innerEditor?: IObject
     editMask: IUI
 
+    hasDimOthers?: boolean
+
     readonly targetLeafer: ILeafer
 
     select(target: IUI | IUI[]): void
@@ -142,6 +144,8 @@ export interface IEditorConfig extends IObject {
     around?: IAlign | IUnitPointData // 缩放、旋转、倾斜时围绕的中心点
     rotateAround?: IAlign | IUnitPointData // 单独设置旋转围绕的中心点，比 around 优先级高
     rotateGap?: number
+    arrowStep?: number // 方向键移动步长，默认为1
+    arrowFastStep?: number // 按住 shift 键的移动步长，默认为10
     lockRatio?: boolean | 'corner'
     dragLimitAnimate?: boolean | number // 限制拖动范围的元素，可在拖拽结束时进行动画归位，默认采用 app.config.pointer.dragLimitAnimate 的值
     ignorePixelSnap?: boolean
@@ -179,6 +183,8 @@ export interface IEditorConfig extends IObject {
     beforeRotate?: IEditorBeforeRotate
     beforeSkew?: IEditorBeforeSkew
 
+    onCopy?: IEditorOnCopy
+
     preventEditInner?: boolean // 仅阻止交互事件触发内部编辑
 
     textEditor?: IObject
@@ -244,6 +250,10 @@ export interface IEditorBeforeSkew {
     (data: IEditorSkewData): ISkewData | boolean | void
 }
 
+export interface IEditorOnCopy {
+    (): boolean | void
+}
+
 
 export interface IEditPointInputData extends IBoxInputData {
     direction?: number

package/src/index.ts

@@ -6,7 +6,7 @@ export { ILeafer } from './app/ILeafer'
 export {
     ILine, ILineInputData, ILineData,
     IArrow, IArrowInputData, IArrowData,
-    ILinker, ILinkerInputData, ILinkerData, ILinkerPointData,
+    ILinker, ILinkerInputData, ILinkerData, ILinkerPointData, ILinkerPointOptions, ILinkerComputedPointData, ILinkerPointType,
     IRect, IRectInputData, IRectData,
     IEllipse, IEllipseInputData, IEllipseData,
     IPolygon, IPolygonInputData, IPolygonData,
@@ -22,6 +22,11 @@ export {
     IVideo, IVideoInputData, IVideoData,
     IRobot, IRobotInputData, IRobotData, IRobotActions, IRobotActionName, IRobotKeyframe, IRobotComputedKeyframe, IRobotAnimation,
     IBox, IBoxInputData, IBoxData,
+    IEllipseBox, IEllipseBoxInputData, IEllipseBoxData,
+    IPolygonBox, IPolygonBoxInputData, IPolygonBoxData,
+    IStarBox, IStarBoxInputData, IStarBoxData,
+    IPathBox, IPathBoxInputData, IPathBoxData,
+    IImageBox, IImageBoxInputData, IImageBoxData,
     IGroup, IGroupInputData, IGroupData,
     ILeaferInputData, ILeaferData,
     IAppInputData, IAppData,
@@ -29,7 +34,7 @@ export {
     IUITag, IUIInputData, IUIJSONData, IStateStyle, IStates, IStateName
 } from './IUI'
 
-export { IVectorPath, IShadowEffect, IBlurEffect, IGrayscaleEffect, IEffect, IFill, IStroke, IPaintAttr, IStrokeAlign, IStrokeJoin, IStrokeCap, IArrowStyle, IArrowType, IArrowTypeData, IPathDataArrow, IPathDataArrowMap, IRGB, IRGBA, IColor, IColorStop, IPaint, IStrokePaint, IStrokeSolidPaint, IGradientPaint, IStrokeGradientPaint, IImagePaint, IStrokeImagePaint, IImagePaintMode, IFontWeight, IFontWeightNumer, IFontWeightString, ITextCase, ITextDecoration, ITextDecorationType, ITextDecorationData, IWritingMode, ITextAlign, IVerticalAlign, IOverflow, ITextOverflow, ITextWrap, IRepeat, IGradientType, IPaintType, IImageFilters, IPathDataArrowOffset, ISolidPaint, IPaintBase } from './type/IType'
+export { IVectorPath, IShadowEffect, IBlurEffect, IGrayscaleEffect, IEffect, IFill, IStroke, IPaintAttr, IStrokeAlign, IStrokeJoin, IStrokeCap, IArrowStyle, IArrowType, IArrowTypeData, IPathDataArrow, IPathDataArrowMap, IRGB, IRGBA, IColor, IColorStop, IPaint, IStrokePaint, IStrokeSolidPaint, IGradientPaint, IStrokeGradientPaint, IImagePaint, IStrokeImagePaint, IImagePaintMode, IFontWeight, IFontWeightNumer, IFontWeightString, ITextCase, ITextDecoration, ITextDecorationType, ITextDecorationData, IWritingMode, ITextAlign, IVerticalAlign, IOverflow, ITextOverflow, ITextWrap, IRepeat, IGradientType, IPaintType, IImageFilters, IImageFilter, IImageFilterType, IPathDataArrowOffset, ISolidPaint, IPaintBase } from './type/IType'
 export { ICornerRadiusString, IStrokeWidthString, IPaintString, IShadowString, IPercent, IDashPatternString, IColorString } from './type/IStringType'
 export { ILeafFill, ILeafPaint, ILeafPaintPatternData, ILeafPaintColor, ILeafStrokePaint, ILeafShadowEffect } from './type/IComputedType'
 export { IStrokeAttrData, IStrokeInputData, IStrokeComputedData, IStrokeComputedStyle, IStrokeStyle, ITextStyleAttrData, ITextStyleInputData, ITextStyleComputedData, IEffectAttrData, IEffectInputData, IEffectComputedData } from './ICommonAttr'
@@ -52,4 +57,4 @@ export { IEffectModule } from './module/IEffect'
 export { IFilterModule, IFilterProcessor, IFilterFunction } from './module/IFilter'
 export { ICachedShape } from './ICachedShape'
 
-export { IEditorBase, IEditorConfig, ITransformTool, IEditBoxBase, IEditPoint, IEditPointInputData, IEditPointType, IEditorDragStartData, IEditToolFunction, IEditorConfigFunction, IEditorBeforeSelect, IEditorBeforeEditOuter, IEditorBeforeEditInner, IEditorBeforeMove, IEditorBeforeScale, IEditorBeforeRotate, IEditorBeforeSkew, IEditorSelectData, IEditorEditOuterData, IEditorEditInnerData, IEditorMoveData, IEditorScaleData, IEditorRotationData, IEditorSkewData } from './editor/IEditor'
+export { IEditorBase, IEditorConfig, ITransformTool, IEditBoxBase, IEditPoint, IEditPointInputData, IEditPointType, IEditorDragStartData, IEditToolFunction, IEditorConfigFunction, IEditorBeforeSelect, IEditorBeforeEditOuter, IEditorBeforeEditInner, IEditorBeforeMove, IEditorBeforeScale, IEditorBeforeRotate, IEditorBeforeSkew, IEditorOnCopy, IEditorSelectData, IEditorEditOuterData, IEditorEditInnerData, IEditorMoveData, IEditorScaleData, IEditorRotationData, IEditorSkewData } from './editor/IEditor'

package/src/module/IPaint.ts

@@ -3,7 +3,7 @@ import { ILeaferCanvas, IRenderOptions, IBooleanMap, IBoundsData, ILeaferImage,
 import { ILeafPaint, ILeafStrokePaint, ILeafPaintPatternData } from '../type/IComputedType'
 import { IUI, IUIData } from '../IUI'
 import { ICachedShape } from '../ICachedShape'
-import { IGradientPaint, IImagePaint, IPaintAttr } from '../type/IType'
+import { IGradientPaint, IImageFilters, IImagePaint, IPaintAttr } from '../type/IType'
 
 
 export interface IPaintModule {
@@ -45,6 +45,10 @@ export interface IPaintImageModule {
     createData(leafPaint: ILeafPaint, image: ILeaferImage, paint: IImagePaint, box: IBoundsData): void
     getPatternData(paint: IImagePaint, box: IBoundsData, image: ILeaferImage): ILeafPaintPatternData
 
+    //@leafer-in/image-filter will rewrite
+    applyFilter?(leafPaint: ILeafPaint, image: ILeaferImage, filter: IImageFilters, ui: IUI): void
+    recycleFilter?(image: ILeaferImage, ui: IUI): void
+
     stretchMode(data: ILeafPaintPatternData, box: IBoundsData, scaleX: number, scaleY: number): void
     fillOrFitMode(data: ILeafPaintPatternData, box: IBoundsData, x: number, y: number, scaleX: number, scaleY: number, rotation: number): void
     clipMode(data: ILeafPaintPatternData, box: IBoundsData, x: number, y: number, scaleX: number, scaleY: number, rotation: number, skew: IPointData, clipScaleX?: number, clipScaleY?: number): void

package/src/module/IPathArrow.ts

@@ -4,7 +4,9 @@ import { IUI } from '../IUI'
 
 export interface IPathArrowModule {
     list: IPathDataArrowMap
-    addArrows(ui: IUI): void
-    register(name: string, data: IPathDataArrow): void
+    fillList: IPathDataArrowMap
+    addArrows(ui: IUI, updateCache?: boolean): void
+    updateArrow(ui: IUI): void
+    register(name: string, data: IPathDataArrow, fillData?: IPathDataArrow): void
     get(name: string): IPathDataArrow
 }

package/src/type/IType.ts

@@ -79,7 +79,7 @@ export interface IImagePaint extends IPaintBase, IFilmOptions {
     mode?: IImagePaintMode
     format?: IExportFileType
 
-    filters?: IImageFilters
+    filter?: IImageFilters
 
     padding?: IFourNumber
 
@@ -105,15 +105,25 @@ export interface IImagePaint extends IPaintBase, IFilmOptions {
 }
 
 export interface IStrokeImagePaint extends IImagePaint { }
-export interface IImageFilters {
-    exposure?: number // 曝光
-    contrast?: number // 对比度
-    saturation?: number // 饱和度
-    temperature?: number // 色温
-    tint?: number // 色调
-    highlights?: number // 高光
-    shadows?: number // 阴影
+
+export type IImageFilterType =
+    | 'exposure' // 曝光
+    | 'contrast' // 对比度
+    | 'saturation' // 饱和度
+    | 'temperature' // 色温
+    | 'tint' // 色调
+    | 'highlights' // 高光
+    | 'shadows' // 阴影
+    | (string & {})
+
+
+export interface IImageFilter {
+    type: IImageFilterType
+    value: number // -1 ~ 1
 }
+
+export type IImageFilters = IImageFilter[]
+
 export type IImagePaintMode = 'normal' | 'cover' | 'fit' | 'stretch' | 'clip' | 'repeat'
 export type IRepeat = boolean | 'x' | 'y' | IPointData
 
@@ -129,6 +139,7 @@ export type IArrowStyle = IPathDataArrow | IArrowType | IArrowTypeData
 export interface IArrowTypeData {
     type: IArrowType
     scale?: number
+    rotation?: number
 }
 
 export interface IPathDataArrowMap {
@@ -140,6 +151,7 @@ export interface IPathDataArrow {
     offset?: IPathDataArrowOffset  // 箭头偏移距离，与末端对齐
     path: IPathCommandData
     dashPath?: IPathCommandData // 采用虚线时，需增加填充的内容
+    fill?: boolean // 是否进行fill，性能会差一点
 }
 
 export interface IPathDataArrowOffset {

package/types/index.d.ts

@@ -1,4 +1,4 @@
-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';
+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, IDirection4 as IDirection4$1, IAround, IOptionPointData, IPathCreator, IJSONOptions, IFindCondition, IAnswer, IPathString, IPathDrawer, ILeaferCanvas, IRenderOptions, IExportOptions, IExportResult, IPickOptions, IPickResult, 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';
 
@@ -65,7 +65,7 @@ interface IImagePaint extends IPaintBase, IFilmOptions {
     lod?: IImageLOD;
     mode?: IImagePaintMode;
     format?: IExportFileType;
-    filters?: IImageFilters;
+    filter?: IImageFilters;
     padding?: IFourNumber;
     align?: IAlign;
     offset?: IPointData;
@@ -84,15 +84,12 @@ interface IImagePaint extends IPaintBase, IFilmOptions {
 }
 interface IStrokeImagePaint extends IImagePaint {
 }
-interface IImageFilters {
-    exposure?: number;
-    contrast?: number;
-    saturation?: number;
-    temperature?: number;
-    tint?: number;
-    highlights?: number;
-    shadows?: number;
+type IImageFilterType = 'exposure' | 'contrast' | 'saturation' | 'temperature' | 'tint' | 'highlights' | 'shadows' | (string & {});
+interface IImageFilter {
+    type: IImageFilterType;
+    value: number;
 }
+type IImageFilters = IImageFilter[];
 type IImagePaintMode = 'normal' | 'cover' | 'fit' | 'stretch' | 'clip' | 'repeat';
 type IRepeat = boolean | 'x' | 'y' | IPointData;
 type IStrokeAlign = 'inside' | 'outside' | 'center';
@@ -103,6 +100,7 @@ type IArrowStyle = IPathDataArrow | IArrowType | IArrowTypeData;
 interface IArrowTypeData {
     type: IArrowType;
     scale?: number;
+    rotation?: number;
 }
 interface IPathDataArrowMap {
     [name: string]: IPathDataArrow;
@@ -112,6 +110,7 @@ interface IPathDataArrow {
     offset?: IPathDataArrowOffset;
     path: IPathCommandData;
     dashPath?: IPathCommandData;
+    fill?: boolean;
 }
 interface IPathDataArrowOffset {
     x?: number;
@@ -255,7 +254,7 @@ interface IStrokeInputData extends IStrokeStyle {
 interface IStrokeStyle {
     strokeAlign?: IStrokeAlign;
     strokeWidth?: IFourNumber | IStrokeWidthString;
-    strokeWidthFixed?: IScaleFixed;
+    strokeScaleFixed?: IScaleFixed;
     strokeCap?: IStrokeCap;
     strokeJoin?: IStrokeJoin;
     dashPattern?: INumber[] | IDashPatternString;
@@ -271,7 +270,7 @@ interface IStrokeComputedStyle {
     strokeAlign?: IStrokeAlign;
     strokeWidth?: number;
     strokeWidths?: number[];
-    strokeWidthFixed?: IScaleFixed;
+    strokeScaleFixed?: IScaleFixed;
     strokeCap?: IStrokeCap;
     strokeJoin?: IStrokeJoin;
     dashPattern?: number[];
@@ -448,6 +447,7 @@ interface IEditorBase extends IGroup$1, ISelectorProxy, ITransformTool {
     editTool?: IObject$1;
     innerEditor?: IObject$1;
     editMask: IUI$1;
+    hasDimOthers?: boolean;
     readonly targetLeafer: ILeafer$1;
     select(target: IUI$1 | IUI$1[]): void;
     cancel(): void;
@@ -524,6 +524,8 @@ interface IEditorConfig extends IObject$1 {
     around?: IAlign$1 | IUnitPointData$1;
     rotateAround?: IAlign$1 | IUnitPointData$1;
     rotateGap?: number;
+    arrowStep?: number;
+    arrowFastStep?: number;
     lockRatio?: boolean | 'corner';
     dragLimitAnimate?: boolean | number;
     ignorePixelSnap?: boolean;
@@ -554,6 +556,7 @@ interface IEditorConfig extends IObject$1 {
     beforeScale?: IEditorBeforeScale;
     beforeRotate?: IEditorBeforeRotate;
     beforeSkew?: IEditorBeforeSkew;
+    onCopy?: IEditorOnCopy;
     preventEditInner?: boolean;
     textEditor?: IObject$1;
     pathEditor?: IObject$1;
@@ -603,6 +606,9 @@ interface IEditorBeforeRotate {
 interface IEditorBeforeSkew {
     (data: IEditorSkewData): ISkewData | boolean | void;
 }
+interface IEditorOnCopy {
+    (): boolean | void;
+}
 interface IEditPointInputData extends IBoxInputData$1 {
     direction?: number;
     pointType?: IEditPointType;
@@ -717,20 +723,38 @@ interface IArrowData extends IArrowAttrData, ILineData {
 }
 interface IArrowInputData extends IArrowAttrData, ILineInputData {
 }
-interface ILinker extends IArrow {
+interface ILinker extends ILine {
     __: ILinkerData;
+    startNode: IUI;
+    endNode: IUI;
+    startData: ILinkerComputedPointData;
+    endData: ILinkerComputedPointData;
+    createStartPoint(worldPoint: IPointData, node?: IUI, options?: ILinkerPointOptions): ILinkerPointData;
+    createEndPoint(worldPoint: IPointData, node?: IUI, options?: ILinkerPointOptions): ILinkerPointData;
+    createLinkerPoint(worldPoint: IPointData, node?: IUI, options?: ILinkerPointOptions): ILinkerPointData;
 }
 interface ILinkerPointData {
-    id: string | IUI;
+    id?: string | IUI;
+    direction?: IDirection4$1 | 'center';
     point?: IAround;
+    offset?: IOptionPointData;
+}
+interface ILinkerPointOptions {
+    snapRadius?: number;
+}
+type ILinkerPointType = 'start' | 'end';
+interface ILinkerComputedPointData {
+    auto: boolean;
+    direction: IDirection;
+    point: IPointData;
 }
 interface ILinkerAttrData {
     startPoint?: ILinkerPointData | IUI | string;
     endPoint?: ILinkerPointData | IUI | string;
 }
-interface ILinkerData extends ILinkerAttrData, IArrowData {
+interface ILinkerData extends ILinkerAttrData, ILineData {
 }
-interface ILinkerInputData extends ILinkerAttrData, IArrowInputData {
+interface ILinkerInputData extends ILinkerAttrData, ILineInputData {
 }
 interface IFlow extends IBox {
     __: IFlowData;
@@ -900,6 +924,7 @@ interface ICanvasInputData extends ICanvasAttrData, IUIBaseInputData {
 }
 interface IFilm extends IFilmAttrData, IPlayerMethods, IImage {
     __: IFilmData;
+    seekFrame(frameIndex: number): void;
 }
 interface IFilmAttrData {
     url?: string;
@@ -996,6 +1021,45 @@ interface IBoxData extends IBoxAttrData, IGroupData {
 }
 interface IBoxInputData extends IBoxAttrData, IGroupInputData {
 }
+interface IEllipseBox extends IEllipseAttrData, IBox {
+    __: IEllipseBoxData;
+}
+interface IEllipseBoxData extends IEllipseAttrData, IBoxData {
+}
+interface IEllipseBoxInputData extends IEllipseAttrData, IBoxInputData {
+}
+interface IPolygonBox extends IPolygonAttrData, IBox {
+    __: IPolygonBoxData;
+}
+interface IPolygonBoxData extends IPolygonAttrData, IBoxData {
+}
+interface IPolygonBoxInputData extends IPolygonAttrData, IBoxInputData {
+}
+interface IStarBox extends IStarAttrData, IBox {
+    __: IStarBoxData;
+}
+interface IStarBoxData extends IStarAttrData, IBoxData {
+}
+interface IStarBoxInputData extends IStarAttrData, IBoxInputData {
+}
+interface IPathBox extends IBox {
+    __: IPathBoxData;
+}
+interface IPathBoxData extends IBoxData {
+}
+interface IPathBoxInputData extends IBoxInputData {
+}
+interface IImageBox extends IImageAttrData, IBox {
+    __: IImageBoxData;
+    readonly ready: boolean;
+    readonly image?: ILeaferImage;
+}
+interface IImageBoxData extends IImageAttrData, IBoxData {
+    readonly __urlType: IMultimediaType;
+    __setImageFill(value: string): void;
+}
+interface IImageBoxInputData extends IImageAttrData, IBoxInputData {
+}
 interface IGroup extends IUI {
     __: IGroupData;
     children: IUI[];
@@ -1028,6 +1092,8 @@ interface IUI extends IUIAttrData, IFillAttrData, IStrokeAttrData, ICornerRadius
     animation?: IAnimation | IAnimation[];
     animationOut?: IAnimation | IAnimation[];
     children?: IUI[];
+    startLinker?: ILinker[];
+    endLinker?: ILinker[];
     __box?: IUI;
     __animate?: IAnimate;
     readonly pen: IPathCreator;
@@ -1043,6 +1109,7 @@ interface IUI extends IUIAttrData, IFillAttrData, IStrokeAttrData, ICornerRadius
     findId(id: number | string): IUI | undefined;
     getPath(curve?: boolean, pathForRender?: boolean): IPathCommandData;
     getPathString(curve?: boolean, pathForRender?: boolean): IPathString;
+    asPath(curve?: boolean, pathForRender?: boolean): void;
     load(): void;
     __drawPathByData(drawer: IPathDrawer, data: IPathCommandData, ignoreCornerRadius?: boolean): void;
     __drawPathByBox(drawer: IPathDrawer, ignoreCornerRadius?: boolean): void;
@@ -1089,6 +1156,7 @@ interface IUIData extends IUIAttrData, IUIComputedData, ILeafData {
     __isStrokes?: boolean;
     readonly __strokeWidth: number;
     readonly __maxStrokeWidth: number;
+    __strokeWidthCache?: number;
     __hasMultiStrokeStyle?: number;
     readonly __hasMultiPaint?: boolean;
     __isAlphaPixelFill?: boolean;
@@ -1117,7 +1185,7 @@ 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' | 'Film' | 'Video' | (string & {});
+type IUITag = 'App' | 'Leafer' | 'Rect' | 'Ellipse' | 'Polygon' | 'Star' | 'Line' | 'Path' | 'Pen' | 'Text' | 'Image' | 'Canvas' | 'Group' | 'Frame' | 'Box' | 'Arrow' | 'Robot' | 'Film' | 'Video' | (string & {}) | 'EllipseBox' | 'PolygonBox' | 'StarBox' | 'LineBox' | 'PathBox' | 'ImageBox' | 'CanvasBox';
 interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IBoxInputData, IFrameInputData, IFlowInputData, IArrowInputData, IVideoInputData, IRobotInputData, IUIBaseInputData, IObject {
     children?: IUIInputData[];
 }
@@ -1184,8 +1252,10 @@ type IUIHitModule = ILeafHit & ThisType<IUI>;
 
 interface IPathArrowModule {
     list: IPathDataArrowMap;
-    addArrows(ui: IUI): void;
-    register(name: string, data: IPathDataArrow): void;
+    fillList: IPathDataArrowMap;
+    addArrows(ui: IUI, updateCache?: boolean): void;
+    updateArrow(ui: IUI): void;
+    register(name: string, data: IPathDataArrow, fillData?: IPathDataArrow): void;
     get(name: string): IPathDataArrow;
 }
 
@@ -1275,6 +1345,8 @@ interface IPaintImageModule {
     getPatternFixScale(paint: ILeafPaint, imageScaleX: number, imageScaleY: number): number;
     createData(leafPaint: ILeafPaint, image: ILeaferImage, paint: IImagePaint, box: IBoundsData): void;
     getPatternData(paint: IImagePaint, box: IBoundsData, image: ILeaferImage): ILeafPaintPatternData;
+    applyFilter?(leafPaint: ILeafPaint, image: ILeaferImage, filter: IImageFilters, ui: IUI): void;
+    recycleFilter?(image: ILeaferImage, ui: IUI): void;
     stretchMode(data: ILeafPaintPatternData, box: IBoundsData, scaleX: number, scaleY: number): void;
     fillOrFitMode(data: ILeafPaintPatternData, box: IBoundsData, x: number, y: number, scaleX: number, scaleY: number, rotation: number): void;
     clipMode(data: ILeafPaintPatternData, box: IBoundsData, x: number, y: number, scaleX: number, scaleY: number, rotation: number, skew: IPointData, clipScaleX?: number, clipScaleY?: number): void;
@@ -1315,4 +1387,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, 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 };
+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, IEditorOnCopy, IEditorRotationData, IEditorScaleData, IEditorSelectData, IEditorSkewData, IEffect, IEffectAttrData, IEffectComputedData, IEffectInputData, IEffectModule, IEllipse, IEllipseBox, IEllipseBoxData, IEllipseBoxInputData, 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, IImageBox, IImageBoxData, IImageBoxInputData, IImageData, IImageFilter, IImageFilterType, IImageFilters, IImageInputData, IImagePaint, IImagePaintMode, IImageRenderModule, IKeyframe, IKeyframeId, IKeyframesAnimation, ILeafFill, ILeafPaint, ILeafPaintColor, ILeafPaintPatternData, ILeafShadowEffect, ILeafStrokePaint, ILeafer, ILeaferData, ILeaferInputData, ILine, ILineData, ILineInputData, ILinker, ILinkerComputedPointData, ILinkerData, ILinkerInputData, ILinkerPointData, ILinkerPointOptions, ILinkerPointType, IOverflow, IPaint, IPaintAttr, IPaintBase, IPaintGradientModule, IPaintImageModule, IPaintModule, IPaintString, IPaintType, IPath, IPathArrowModule, IPathBox, IPathBoxData, IPathBoxInputData, IPathData, IPathDataArrow, IPathDataArrowMap, IPathDataArrowOffset, IPathInputData, IPen, IPenData, IPenInputData, IPercent, IPolygon, IPolygonBox, IPolygonBoxData, IPolygonBoxInputData, IPolygonData, IPolygonInputData, IRGB, IRGBA, IRect, IRectData, IRectInputData, IRectRenderModule, IRepeat, IRobot, IRobotActionName, IRobotActions, IRobotAnimation, IRobotComputedKeyframe, IRobotData, IRobotInputData, IRobotKeyframe, IScrollConfig, IScrollTheme, IScroller, IShadowEffect, IShadowString, ISolidPaint, IStar, IStarBox, IStarBoxData, IStarBoxInputData, 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 };