import { ILeaferBase } from '../app/ILeafer' import { IEventer, IEventParamsMap } from '../event/IEventer' import { ILeaferCanvas, IHitCanvas } from '../canvas/ILeaferCanvas' import { IRenderOptions } from '../renderer/IRenderer' import { IObject, INumber, IBoolean, IValue, IString, IPathString, IFourNumber } from '../data/IData' import { IMatrixWithBoundsData, IMatrix, IPointData, IBoundsData, IRadiusPointData, ILayoutBoundsData, IMatrixData, IMatrixWithBoundsScaleData, IMatrixWithScaleData, IAutoBoxData, IUnitPointData, IRotationPointData, IScaleData } from '../math/IMath' import { IFunction } from '../function/IFunction' import { ILeafDataProxy } from './module/ILeafDataProxy' import { ILeafMatrix } from './module/ILeafMatrix' import { ILeafBounds } from './module/ILeafBounds' import { ILeafLayout, IBoundsType, ILocationType } from '../layout/ILeafLayout' import { ILeafHit } from './module/ILeafHit' import { ILeafRender } from './module/ILeafRender' import { ILeafData } from '../data/ILeafData' import { IFindMethod } from '../selector/ISelector' import { IPathCommandObject, IPathCommandData, IPathCommandNode } from '../path/IPathCommand' import { IWindingRule, IPath2D } from '../canvas/ICanvas' import { IJSONOptions } from '../file/IExport' import { IMotionPathData } from '../path/IPathData' import { ITransition } from '../animate/ITransition' import { ITaskItem } from '../task/ITaskProcessor' export type ISide = 'width' | 'height' export type IAxis = 'x' | 'y' export type IAxisReverse = 'x-reverse' | 'y-reverse' export type IFlowType = boolean | IAxis | IAxisReverse export type IFlowBoxType = 'box' | 'stroke' export type IGap = INumber | 'auto' | 'fit' export interface IPointGap { x?: IGap, y?: IGap } export type IAxisAlign = 'from' | 'center' | 'to' export interface IFlowAxisAlign { content?: IFlowAlign, x?: IAxisAlign, y?: IAxisAlign } export type IFlowWrap = boolean | 'reverse' export type IAutoSize = IBoolean | INumber | IPercentData export interface IRangeSize { min?: number max?: number } export interface IInterlace { type: IAxis offset: number | IPercentData } export interface IUnitData { type: 'percent' | 'px' value: number } export interface IPercentData extends IUnitData { type: 'percent' } export interface IConstraint { x: IConstraintType y: IConstraintType } export type IConstraintType = 'from' | 'center' | 'to' | 'from-to' | 'scale' export type IScaleFixed = boolean | 'zoom-in' | number // 缩放时是否固定原有比例，zoom-in表示仅在放大时固定比例（缩小时仍跟随缩小） export type IHitType = | 'path' | 'pixel' | 'all' | 'none' export type IMaskType = | 'path' | 'pixel' | 'grayscale' | 'clipping' | 'clipping-path' export type IEraserType = | 'path' | 'pixel' export type IBlendMode = | 'pass-through' | 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | 'source-over' // other | 'source-in' | 'source-out' | 'source-atop' | 'destination-over' | 'destination-in' | 'destination-out' | 'destination-atop' | 'xor' | 'copy' export type IEditSize = 'size' | 'font-size' | 'scale' export type IDragBoundsType = 'auto' | 'outer' | 'inner' export interface IImageCursor { url: string x?: number y?: number rotation?: number } export type IDirection = | 'top-left' | 'top' | 'top-right' | 'right' | 'bottom-right' | 'bottom' | 'bottom-left' | 'left' | 'center' export type IDirection4 = | 'top' | 'right' | 'bottom' | 'left' export type IAlign = IDirection export type IBaseLineAlign = | 'baseline-left' | 'baseline-center' | 'baseline-right' export type IFlowAlign = | IAlign | IBaseLineAlign export type IAround = | IAlign | IUnitPointData export type ICursorType = | IImageCursor | '' | 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'grab' | 'grabbing' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'col-resize' | 'row-resize' | 'all-scroll' | 'zoom-in' | 'zoom-out' export type IStateStyleType = | 'hoverStyle' | 'pressStyle' | 'focusStyle' | 'selectedStyle' | 'disabledStyle' export interface IFilter extends IObject { type: string visible?: boolean } export interface ILeafAttrData { // layer data id?: IString name?: IString className?: IString blendMode?: IBlendMode opacity?: INumber visible?: IBoolean | 0 // 0 = display: none selected?: IBoolean disabled?: IBoolean locked?: IBoolean zIndex?: INumber dim?: IBoolean | INumber // 是否弱化内容，可设置具体透明度 dimskip?: IBoolean // 跳过弱化，突出显示内容，不受dim影响 bright?: IBoolean // 突出显示内容，并置顶渲染，不受dim影响 mask?: IBoolean | IMaskType eraser?: IBoolean | IEraserType filter?: IFilter | IFilter[] complex?: boolean // layout data x?: INumber y?: INumber width?: INumber height?: INumber scaleX?: INumber scaleY?: INumber scaleFixed?: IScaleFixed rotation?: INumber skewX?: INumber skewY?: INumber scale?: INumber | IPointData // helper offsetX?: INumber offsetY?: INumber scrollX?: INumber scrollY?: INumber origin?: IAlign | IUnitPointData around?: IAlign | IUnitPointData lazy?: IBoolean pixelRatio?: INumber renderSpread?: IFourNumber // 扩大渲染边界 path?: IPathCommandData | IPathCommandNode[] | IPathCommandObject[] | IPathString windingRule?: IWindingRule closed?: IBoolean // auto layout flow?: IFlowType padding?: IFourNumber gap?: IGap | IPointGap flowAlign?: IFlowAlign | IFlowAxisAlign flowWrap?: IFlowWrap itemBox?: IFlowBoxType inFlow?: IBoolean autoWidth?: IAutoSize autoHeight?: IAutoSize lockRatio?: IBoolean autoBox?: IAutoBoxData | IConstraint widthRange?: IRangeSize heightRange?: IRangeSize // interactive draggable?: IBoolean | IAxis dragBounds?: IBoundsData | 'parent' dragBoundsType?: IDragBoundsType editable?: IBoolean hittable?: IBoolean hitFill?: IHitType hitStroke?: IHitType hitBox?: IBoolean hitChildren?: IBoolean hitSelf?: IBoolean hitRadius?: INumber button?: IBoolean cursor?: ICursorType | ICursorType[] motionPath?: IBoolean | 'text-path' motionPrecision?: INumber motion?: INumber | IUnitData motionRotation?: INumber | IBoolean normalStyle?: IObject event?: IEventParamsMap // 预留给用户使用的数据对象 data?: IObject } export interface ILeafInputData extends ILeafAttrData { tag?: string children?: ILeafInputData[] } export interface ILeafComputedData { // layer data id?: string name?: string className?: string blendMode?: IBlendMode opacity?: number visible?: boolean | 0 selected?: boolean disabled?: boolean locked?: boolean zIndex?: number dim?: boolean | number // 是否弱化内容，可设置具体透明度 dimskip?: boolean // 跳过弱化，突出显示内容，不受dim影响 bright?: boolean // 突出显示内容，并置顶渲染，不受dim影响 mask?: boolean | IMaskType eraser?: boolean | IEraserType filter?: IFilter[] complex?: boolean // layout data x?: number y?: number width?: number height?: number scaleX?: number scaleY?: number scaleFixed?: IScaleFixed rotation?: number skewX?: number skewY?: number offsetX?: number offsetY?: number scrollX?: number scrollY?: number origin?: IAlign | IUnitPointData around?: IAlign | IUnitPointData lazy?: boolean pixelRatio?: number renderSpread?: IFourNumber path?: IPathCommandData windingRule?: IWindingRule closed?: boolean // auto layout flow?: IFlowType padding?: IFourNumber gap?: IGap | IPointGap flowAlign?: IFlowAlign | IFlowAxisAlign flowWrap?: IFlowWrap itemBox?: IFlowBoxType inFlow?: boolean autoWidth?: IAutoSize autoHeight?: IAutoSize lockRatio?: boolean autoBox?: IAutoBoxData | IConstraint widthRange?: IRangeSize heightRange?: IRangeSize // interactive draggable?: boolean | IAxis dragBounds?: IBoundsData | 'parent' dragBoundsType?: IDragBoundsType editable?: boolean hittable?: boolean hitFill?: IHitType hitStroke?: IHitType hitBox?: boolean hitChildren?: boolean hitSelf?: boolean hitRadius?: number button?: boolean cursor?: ICursorType | ICursorType[] motionPath?: boolean | 'text-path' motionPrecision?: number motion?: number | IUnitData motionRotation?: number | boolean normalStyle?: IObject // 预留给用户使用的数据对象 data?: IObject // other __childBranchNumber?: number // 存在子分支的个数 __complex?: boolean // 外观是否复杂 __complexData?: ILeafComplexCachedData // 复杂元素的缓存图 __naturalWidth?: number __naturalHeight?: number readonly __autoWidth?: boolean readonly __autoHeight?: boolean readonly __autoSide?: boolean // 自动宽或自动高 readonly __autoSize?: boolean // 自动宽高 readonly __useNaturalRatio: boolean // 宽高存在一个值时，另一个自动值是否采用natural尺寸比例 readonly __isLinePath: boolean readonly __blendMode: string __useStroke?: boolean __useArrow?: boolean __useEffect?: boolean __usePathBox?: boolean // 是否使用路径的bounds作为元素box包围盒 __useDim?: boolean // 是否使用了弱化/突出元素功能 __pathInputed?: number // 是否为输入path, 0：否，1：是，2：永远是（不自动检测） __pathForRender?: IPathCommandData __path2DForRender?: IPath2D __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 readonly innerName: string readonly __DataProcessor: IObject // IDataProcessor readonly __LayoutProcessor: IObject // ILeafLayout readonly app?: ILeaferBase leafer?: ILeaferBase parent?: ILeaf zoomLayer?: ILeaf readonly leaferIsCreated: boolean readonly leaferIsReady: boolean readonly isApp?: boolean readonly isLeafer?: boolean readonly isBranch?: boolean readonly isBranchLeaf?: boolean readonly isOutside?: boolean // scrollBar ... __: ILeafData proxyData?: ILeafInputData __proxyData?: ILeafInputData skipJSON?: boolean // 跳过 JSON 导出 syncEventer?: ILeaf // 同步触发一样事件的元素 lockNormalStyle?: boolean __layout: ILeafLayout __world: IMatrixWithBoundsScaleData __local?: IMatrixWithBoundsData __nowWorld?: IMatrixWithBoundsScaleData // use __world or __cameraWorld render __cameraWorld?: IMatrixWithBoundsScaleData // use camera matrix render __nowWorldShapeBounds?: IBoundsData readonly __localMatrix: IMatrixData readonly __localBoxBounds: IBoundsData __worldOpacity: number readonly worldTransform: IMatrixWithScaleData readonly localTransform: IMatrixData __scrollWorld?: IMatrixWithBoundsScaleData readonly scrollWorldTransform: IMatrixWithScaleData readonly boxBounds: IBoundsData readonly renderBounds: IBoundsData readonly worldBoxBounds: IBoundsData readonly worldStrokeBounds: IBoundsData readonly worldRenderBounds: IBoundsData readonly worldOpacity: number __level: number // 图层级别 root(1) -> hight __tempNumber?: number // 用于临时运算储存状态 readonly __worldFlipped: boolean animation?: IObject | IObject[] animationOut?: IObject | IObject[] __hasAutoLayout?: boolean __hasMotionPath?: boolean __hasComplex?: boolean __hasMask?: boolean __hasEraser?: boolean __hitCanvas?: IHitCanvas __flowBounds?: IBoundsData // localBoxBounds or localStrokeBounds __widthGrow?: number __heightGrow?: number __hasGrow?: boolean readonly __onlyHitMask: boolean readonly __ignoreHitWorld: boolean readonly __inLazyBounds: boolean readonly pathInputed: boolean readonly isAutoWidth?: boolean readonly isAutoHeight?: boolean destroyed: boolean reset(data?: ILeafInputData): void resetCustom(): void waitParent(item: IFunction, bind?: IObject): void waitLeafer(item: IFunction, bind?: IObject): void nextRender(item: IFunction, bind?: IObject, off?: 'off'): void removeNextRender(item: IFunction): void __bindLeafer(leafer: ILeaferBase | null): void set(data: IObject, transition?: ITransition): void get(name: K): this[K] get(name?: K[] | ILeafInputData): ILeafInputData setAttr(name: string, value: any): void getAttr(name: string): any getComputedAttr(name: string): any toJSON(options?: IJSONOptions): IObject toString(options?: IJSONOptions): string toSVG(): string __SVG(data: IObject): void toHTML(): string clone?(data?: ILeafInputData): ILeaf animate?(_keyframe?: any, _options?: any, _type?: any, _isTemp?: boolean): any // ILeafData -> __setAttr(attrName: string, newValue: IValue, checkFiniteNumber?: boolean): boolean __getAttr(attrName: string): IValue setProxyAttr(name: string, newValue: IValue): void getProxyAttr(name: string): IValue // find find(condition: number | string | IFindMethod, options?: any): ILeaf[] findTag(tag: string | string[]): ILeaf[] findOne(condition: number | string | IFindMethod, options?: any): ILeaf | undefined findId(id: number | string): ILeaf | undefined focus(value?: boolean): void updateState(): void updateLayout(): void forceUpdate(attrName?: string): void forceRender(bounds?: IBoundsData, sync?: boolean): void __extraUpdate(): void // 额外更新 // ILeafMatrix -> __updateWorldMatrix(): void __updateLocalMatrix(): void // ILeafBounds -> __updateWorldBounds(): void __updateLocalBounds(): void __updateLocalBoxBounds(): void __updateLocalStrokeBounds(): void __updateLocalRenderBounds(): void __updateContentBounds(): void __updateBoxBounds(secondLayout?: boolean, bounds?: IBoundsData): void __updateStrokeBounds(bounds?: IBoundsData): void __updateRenderBounds(bounds?: IBoundsData): void __updateAutoLayout(): void __updateFlowLayout(): void __updateNaturalSize(): void __updateStrokeSpread(): IFourNumber __updateRenderSpread(): IFourNumber __onUpdateSize(): void // IBranchMask -> __updateEraser(value?: boolean): void __updateMask(value?: boolean): void __renderMask(canvas: ILeaferCanvas, options: IRenderOptions): void __renderEraser(canvas: ILeaferCanvas, options: IRenderOptions): void // convert __getNowWorld(options: IRenderOptions): IMatrixWithBoundsScaleData // when render use other matrix getClampRenderScale(): number // 获取当前渲染元素的缩放比例，限制最小为1 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 getLayoutPoints(type?: IBoundsType, relative?: ILocationType | ILeaf): IPointData[] getWorldBounds(inner: IBoundsData, relative?: ILeaf, change?: boolean): IBoundsData worldToLocal(world: IPointData, to?: IPointData, distance?: boolean, relative?: ILeaf): void localToWorld(local: IPointData, to?: IPointData, distance?: boolean, relative?: ILeaf): void worldToInner(world: IPointData, to?: IPointData, distance?: boolean, relative?: ILeaf): void innerToWorld(inner: IPointData, to?: IPointData, distance?: boolean, relative?: ILeaf): void getBoxPoint(world: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getBoxPointByInner(inner: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getInnerPoint(world: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getInnerPointByBox(box: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getInnerPointByLocal(local: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getLocalPoint(world: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getLocalPointByInner(inner: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getPagePoint(world: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getWorldPoint(inner: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getWorldPointByBox(box: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getWorldPointByLocal(local: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData getWorldPointByPage(page: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData // transform setTransform(transform?: IMatrixData, resize?: boolean, transition?: ITransition): void transform(transform?: IMatrixData, resize?: boolean, transition?: ITransition): void move(x: number | IPointData, y?: number, transition?: ITransition): void moveInner(x: number | IPointData, y?: number, transition?: ITransition): void scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number | ITransition, resize?: boolean, transition?: ITransition): void rotateOf(origin: IPointData | IAlign, rotation: number, transition?: ITransition): void skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, resize?: boolean, transition?: ITransition): void transformWorld(worldTransform?: IMatrixData, resize?: boolean, transition?: ITransition): void moveWorld(x: number | IPointData, y?: number, transition?: ITransition): void scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number | ITransition, resize?: boolean, transition?: ITransition): void rotateOfWorld(worldOrigin: IPointData, rotation: number, transition?: ITransition): void skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean, transition?: ITransition): void flip(axis: IAxis, transition?: ITransition): void scaleResize(scaleX: number, scaleY: number, noResize?: boolean): void __scaleResize(scaleX: number, scaleY: number): void resizeWidth(width: number): void resizeHeight(height: number): void // ILeafHit -> hit(world: IPointData, hitRadius?: number): boolean __hitWorld(point: IRadiusPointData, forceHitFill?: boolean): boolean __hit(local: IRadiusPointData, forceHitFill?: boolean): boolean __hitFill(inner: IRadiusPointData): boolean __hitStroke(inner: IRadiusPointData, strokeWidth: number): boolean __hitPixel(inner: IRadiusPointData): boolean __drawHitPath(canvas: ILeaferCanvas): void __updateHitCanvas(): void // ILeafRender -> __render(canvas: ILeaferCanvas, options: IRenderOptions): void __drawFast(canvas: ILeaferCanvas, options: IRenderOptions): void __draw(canvas: ILeaferCanvas, options: IRenderOptions, originCanvas?: ILeaferCanvas): void __clip(canvas: ILeaferCanvas, options: IRenderOptions): void __renderShape(canvas: ILeaferCanvas, options: IRenderOptions): void __drawShape(canvas: ILeaferCanvas, options: IRenderOptions): void __updateWorldOpacity(): void __updateChange(): void // path __drawPath(canvas: ILeaferCanvas): void __drawRenderPath(canvas: ILeaferCanvas): void __updatePath(): void __updateRenderPath(updateCache?: boolean): void // motion path getMotionPathData(): IMotionPathData getMotionPoint(motionDistance: number | IUnitData): IRotationPointData getMotionTotal(): number __updateMotionPath(): void __runAnimation(type: 'in' | 'out', complete?: IFunction): void __emitLifeEvent(type: string): void // branch children?: ILeaf[] topChildren?: ILeaf[] __updateSortChildren(): void add(child: ILeaf | ILeaf[] | ILeafInputData | ILeafInputData[], index?: number): void remove(child?: ILeaf | number | string | IFindMethod, destroy?: boolean): void dropTo(parent: ILeaf, index?: number, resize?: boolean): void } export type ILeafAttrDescriptor = IObject & ThisType 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 }