@leafer/interface 1.0.0-rc.2 → 1.0.0-rc.21

package/src/display/ILeaf.ts

@@ -1,21 +1,23 @@
-import { ILeafer } from '../app/ILeafer'
+import { ILeaferBase } from '../app/ILeafer'
 import { IEventer } from '../event/IEventer'
 
 import { ILeaferCanvas, IHitCanvas } from '../canvas/ILeaferCanvas'
 import { IRenderOptions } from '../renderer/IRenderer'
 
-import { IObject, __Number, __Boolean, __Value, __String } from '../data/IData'
-import { IMatrixWithBoundsData, IMatrix, IPointData, IBoundsData, IRadiusPointData, IMatrixDecompositionAttr, IMatrixWithLayoutData } from '../math/IMath'
+import { IObject, INumber, IBoolean, IValue, IString, IPathString } from '../data/IData'
+import { IMatrixWithBoundsData, IMatrix, IPointData, IBoundsData, IRadiusPointData, ILayoutAttr, ILayoutBoundsData, IMatrixData, IMatrixWithBoundsScaleData, IMatrixWithScaleData } 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, ILayoutBoundsType, ILayoutLocationType } from '../layout/ILeafLayout'
+import { ILeafLayout, IBoundsType, ILocationType } from '../layout/ILeafLayout'
 import { ILeafHit } from './module/ILeafHit'
 import { ILeafRender } from './module/ILeafRender'
-import { ILeafMask } from './module/ILeafMask'
 import { ILeafData } from '../data/ILeafData'
+import { IFindMethod } from '../selector/ISelector'
+import { IPathCommandData } from '../path/IPathCommand'
+import { IWindingRule, IPath2D } from '../canvas/ICanvas'
 
 
 export interface ICachedLeaf {
@@ -27,41 +29,65 @@ export interface ICachedLeaf {
 
 export interface ILeafAttrData {
     // layer data
-    id: __String
-    name: __String
-    className: __String
+    id: IString
+    name: IString
+    className: IString
 
     blendMode: IBlendMode
-    opacity: __Number
-    visible: __Boolean
-    isMask: __Boolean
-    isEraser: __Boolean
-    zIndex: __Number
+    opacity: INumber
+    visible: IBoolean
+    selected: IBoolean
+    disabled: IBoolean
+    locked: IBoolean
+    zIndex: INumber
+
+    mask: IBoolean
+    maskType: IMaskType
+    eraser: IBoolean
 
     // layout data
-    x: __Number
-    y: __Number
-    width: __Number
-    height: __Number
-    scaleX: __Number
-    scaleY: __Number
-    rotation: __Number
-    skewX: __Number
-    skewY: __Number
-
-    scale: __Number | IPointData // helper
-    around: 'center' | IPointData
-
-    draggable: __Boolean
-
-    hittable: __Boolean
+    x: INumber
+    y: INumber
+    width: INumber
+    height: INumber
+    scaleX: INumber
+    scaleY: INumber
+    rotation: INumber
+    skewX: INumber
+    skewY: INumber
+
+    scale: INumber | IPointData // helper
+    around: IAround
+
+    lazy: IBoolean
+    pixelRatio: INumber
+
+    draggable: IBoolean
+
+    path: IPathCommandData | IPathString
+    windingRule: IWindingRule
+    closed: boolean
+
+    editable: IBoolean
+    editSize: IEditSize
+    editorStyle: IObject
+
+    hittable: IBoolean
     hitFill: IHitType
     hitStroke: IHitType
-    hitChildren: __Boolean
-    hitSelf: __Boolean
-    hitRadius: __Number
+    hitBox: IBoolean
+    hitChildren: IBoolean
+    hitSelf: IBoolean
+    hitRadius: INumber
 
     cursor: ICursorType | ICursorType[]
+
+    normalStyle: ILeafInputData // restore hover / press / focus / selected / disabled style
+    hoverStyle: ILeafInputData
+    pressStyle: ILeafInputData
+    focusStyle: ILeafInputData
+    selectedStyle: ILeafInputData
+    disabledStyle: ILeafInputData
 }
 
 export type IHitType =
@@ -70,6 +96,11 @@ export type IHitType =
     | 'all'
     | 'none'
 
+export type IMaskType =
+    | 'path'
+    | 'pixel'
+    | 'clipping'
+
 export type IBlendMode =
     | 'pass-through'
     | 'normal'
@@ -96,18 +127,31 @@ export type IBlendMode =
     | 'destination-in'
     | 'destination-out'
     | 'destination-atop'
+    | 'xor'
 
-export type IResizeType = 'size' | 'scale'
+export type IEditSize = 'size' | 'scale'
 export interface IImageCursor {
     url: string
     x?: number
     y?: number
+    rotation?: number
 }
 
-export type IAround = 'center' | IPointData
+export type IAround =
+    | 'topLeft'
+    | 'top'
+    | 'topRight'
+    | 'right'
+    | 'bottomRight'
+    | 'bottom'
+    | 'bottomLeft'
+    | 'left'
+    | 'center'
+    | IPointData
 
 export type ICursorType =
     | IImageCursor
+    | ''
     | 'auto'
     | 'default'
     | 'none'
@@ -142,53 +186,84 @@ export type ICursorType =
     | 'col-resize'
     | 'row-resize'
     | 'all-scroll'
-    | 'zoom -in'
+    | 'zoom-in'
     | 'zoom-out'
 
-export interface ICursorTypeMap {
-    [name: string]: ICursorType | ICursorType[]
-}
-export interface ILeafInputData extends IObject {
+export type IStateStyleType =
+    | 'hoverStyle'
+    | 'pressStyle'
+    | 'focusStyle'
+    | 'selectedStyle'
+    | 'disabledStyle'
+
+export interface ILeafInputData {
     tag?: string
 
     // layer data
-    id?: __String
-    name?: __String
-    className?: __String
+    id?: IString
+    name?: IString
+    className?: IString
 
     blendMode?: IBlendMode
-    opacity?: __Number
-    visible?: __Boolean
-    isMask?: __Boolean
-    isEraser?: __Boolean
-    zIndex?: __Number
+    opacity?: INumber
+    visible?: IBoolean
+    selected?: IBoolean
+    disabled?: IBoolean
+    locked?: IBoolean
+    zIndex?: INumber
+
+    mask?: IBoolean
+    maskType?: IMaskType
+    eraser?: IBoolean
 
     // layout data
-    x?: __Number
-    y?: __Number
-    width?: __Number
-    height?: __Number
-    scaleX?: __Number
-    scaleY?: __Number
-    rotation?: __Number
-    skewX?: __Number
-    skewY?: __Number
-
-    scale?: __Number | IPointData // helper
+    x?: INumber
+    y?: INumber
+    width?: INumber
+    height?: INumber
+    scaleX?: INumber
+    scaleY?: INumber
+    rotation?: INumber
+    skewX?: INumber
+    skewY?: INumber
+
+    scale?: INumber | IPointData // helper
     around?: IAround
 
-    draggable?: __Boolean
+    lazy?: IBoolean
+    pixelRatio?: INumber
+
+    draggable?: IBoolean
 
-    hittable?: __Boolean
+    path?: IPathCommandData | IPathString
+    windingRule?: IWindingRule
+    closed?: boolean
+
+    editable?: IBoolean
+    editSize?: IEditSize
+    editorStyle?: IObject
+
+    hittable?: IBoolean
     hitFill?: IHitType
     hitStroke?: IHitType
-    hitChildren?: __Boolean
-    hitSelf?: __Boolean
-    hitRadius?: __Number
+    hitBox?: IBoolean
+    hitChildren?: IBoolean
+    hitSelf?: IBoolean
+    hitRadius?: INumber
 
     cursor?: ICursorType | ICursorType[]
 
+    normalStyle?: ILeafInputData
+    hoverStyle?: ILeafInputData
+    pressStyle?: ILeafInputData
+    focusStyle?: ILeafInputData
+    selectedStyle?: ILeafInputData
+    disabledStyle?: ILeafInputData
+
     children?: ILeafInputData[]
+
+    // other
+    noBounds?: boolean
 }
 export interface ILeafComputedData {
     // layer data
@@ -199,10 +274,15 @@ export interface ILeafComputedData {
     blendMode?: IBlendMode
     opacity?: number
     visible?: boolean
-    isMask?: boolean
-    isEraser?: boolean
+    selected?: boolean
+    disabled?: boolean
+    locked?: boolean
     zIndex?: number
 
+    mask?: boolean
+    maskType?: IMaskType
+    eraser?: boolean
+
     // layout data
     x?: number
     y?: number
@@ -216,25 +296,52 @@ export interface ILeafComputedData {
 
     around?: IAround
 
+    lazy?: boolean
+    pixelRatio?: number
+
+    path?: IPathCommandData
+    windingRule?: IWindingRule
+    closed?: boolean
+
     draggable?: boolean
 
+    editable?: boolean
+    editSize?: IEditSize
+    editorStyle?: IObject
+
     hittable?: boolean
     hitFill?: IHitType
     hitStroke?: IHitType
+    hitBox?: boolean
     hitChildren?: boolean
     hitSelf?: boolean
     hitRadius?: number
 
     cursor?: ICursorType | ICursorType[]
 
+    normalStyle?: ILeafInputData
+    hoverStyle?: ILeafInputData
+    pressStyle?: ILeafInputData
+    focusStyle?: ILeafInputData
+    selectedStyle?: ILeafInputData
+    disabledStyle?: ILeafInputData
+
     // other
     __childBranchNumber?: number // 存在子分支的个数
     __complex?: boolean // 外观是否复杂
     __naturalWidth?: number
     __naturalHeight?: number
+    readonly __blendMode: string
+
+    __useArrow?: boolean
+    __useEffect?: boolean
+
+    __pathInputed?: number // 是否为输入path, 0：否，1：是，2：永远是（不自动检测）
+    __pathForRender?: IPathCommandData
+    __path2DForRender?: IPath2D
 }
 
-export interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDataProxy, ILeafInputData, IEventer {
+export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDataProxy, ILeafInputData, IEventer {
     tag: string
     readonly __tag: string
     readonly innerName: string
@@ -242,41 +349,52 @@ export interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, IL
     readonly __DataProcessor: IObject // IDataProcessor
     readonly __LayoutProcessor: IObject // ILeafLayout
 
-    leafer?: ILeafer
+    readonly app?: ILeaferBase
+    leafer?: ILeaferBase
     parent?: ILeaf
+    zoomLayer?: ILeaf
 
     readonly isApp?: boolean
-    isLeafer?: boolean
-    isBranch?: boolean
-    isBranchLeaf?: boolean
+    readonly isLeafer?: boolean
+    readonly isBranch?: boolean
+    readonly isBranchLeaf?: boolean
+    readonly isOutside?: boolean // scrollBar ...
 
     __: ILeafData
+
+    proxyData?: ILeafInputData
+    __proxyData?: ILeafInputData
+
     __layout: ILeafLayout
 
-    __world: IMatrixWithLayoutData
-    __local: IMatrixWithBoundsData
+    __world: IMatrixWithBoundsScaleData
+    __local?: IMatrixWithBoundsData
+
+    __nowWorld?: IMatrixWithBoundsScaleData // use __world or __cameraWorld render
+    __cameraWorld?: IMatrixWithBoundsScaleData // use camera matrix render
+
+    readonly __localMatrix: IMatrixData
+    readonly __localBoxBounds: IBoundsData
 
     __worldOpacity: number
 
-    readonly worldTransform: IMatrixWithLayoutData
-    readonly localTransform: IMatrixWithBoundsData
+    readonly worldTransform: IMatrixWithScaleData
+    readonly localTransform: IMatrixData
 
     readonly boxBounds: IBoundsData
+    readonly renderBounds: IBoundsData
     readonly worldBoxBounds: IBoundsData
     readonly worldStrokeBounds: IBoundsData
     readonly worldRenderBounds: IBoundsData
 
     readonly worldOpacity: number
 
-    __renderTime?: number // μs 1000微秒 = 1毫秒
-
     __level: number // 图层级别 root(1) -> hight
     __tempNumber?: number // 用于临时运算储存状态
 
-    readonly resizeable: boolean
-
-    readonly __hasMirror: boolean
+    readonly __worldFlipped: boolean
 
+    __hasAutoLayout?: boolean
     __hasMask?: boolean
     __hasEraser?: boolean
     __hitCanvas?: IHitCanvas
@@ -284,33 +402,52 @@ export interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, IL
     readonly __onlyHitMask: boolean
     readonly __ignoreHitWorld: boolean
 
+    readonly pathInputed: boolean
+
     __parentWait?: IFunction[]
     __leaferWait?: IFunction[]
 
     destroyed: boolean
 
-    waitParent(item: IFunction): void
-    waitLeafer(item: IFunction): void
-    nextRender(item: IFunction): void
+    reset(data?: ILeafInputData): void
+    resetCustom(): void
 
-    __bindLeafer(leafer: ILeafer | null): 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): void
+    get(name?: string | string[] | IObject): ILeafInputData | IValue
     toJSON(): IObject
     toString(): string
+    toSVG?(): string
+    toHTML?(): string
 
     // ILeafData ->
-    __setAttr(attrName: string, newValue: __Value): void
-    __getAttr(attrName: string): __Value
+    __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[]
+    findOne(condition: number | string | IFindMethod, options?: any): ILeaf
 
+    focus(value?: boolean): void
     forceUpdate(attrName?: string): void
 
+    updateLayout(): void
+
     // ILeafMatrix ->
     __updateWorldMatrix(): void
     __updateLocalMatrix(): void
 
     // ILeafBounds ->
     __updateWorldBounds(): void
+    __updateLocalBounds(): void
 
     __updateLocalBoxBounds(): void
     __updateLocalStrokeBounds(): void
@@ -320,6 +457,7 @@ export interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, IL
     __updateStrokeBounds(): void
     __updateRenderBounds(): void
 
+    __updateAutoLayout(): void
     __updateNaturalSize(): void
 
     __updateStrokeSpread(): number
@@ -330,12 +468,18 @@ export interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, IL
     // IBranchMask ->
     __updateEraser(value?: boolean): void
     __updateMask(value?: boolean): void
-    __renderMask(canvas: ILeaferCanvas, content: ILeaferCanvas, mask: ILeaferCanvas): void
-    __removeMask(child?: ILeaf): void
+    __renderMask(canvas: ILeaferCanvas, options: IRenderOptions): void
 
     // convert
-    getWorld(attrName: IMatrixDecompositionAttr): number
-    getBounds(type: ILayoutBoundsType, locationType?: ILayoutLocationType): IBoundsData
+    __getNowWorld(options: IRenderOptions): IMatrixWithBoundsScaleData // when render use other matrix
+
+    getWorld(attrName: ILayoutAttr): number // will remove
+    getTransform(relative?: ILocationType | ILeaf): IMatrixData
+
+    getBounds(type?: IBoundsType, relative?: ILocationType | ILeaf): IBoundsData
+    getLayoutBounds(type?: IBoundsType, relative?: ILocationType | ILeaf, unscale?: boolean): ILayoutBoundsData
+
+    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
@@ -348,15 +492,34 @@ export interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, IL
     getLocalPointByInner(inner: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData
     getWorldPoint(inner: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData
     getWorldPointByLocal(local: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData
+    getPagePoint(world: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData
+    getWorldPointByPage(page: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData
+
+
+    // transform
+    setTransform(transform?: IMatrixData, resize?: boolean): void
+    transform(transform?: IMatrixData, resize?: boolean): void
 
     move(x: number, y?: number): void
-    scaleOf(origin: IPointData, x: number, y?: number): void
+    scaleOf(origin: IPointData, scaleX: number, scaleY?: number, resize?: boolean): void
     rotateOf(origin: IPointData, rotation: number): void
-    skewOf(origin: IPointData, x: number, y: number): void
+    skewOf(origin: IPointData, skewX: number, skewY?: number, resize?: boolean): void
+
+    transformWorld(worldTransform?: IMatrixData, resize?: boolean): void
+    moveWorld(x: number, y?: number): void
+    scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number, resize?: boolean): void
+    rotateOfWorld(worldOrigin: IPointData, rotation: number): void
+    skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean): void
+
+    scaleResize(scaleX: number, scaleY: number, noResize?: boolean): void
+    __scaleResize(scaleX: number, scaleY: number): void
 
     // ILeafHit ->
     __hitWorld(point: IRadiusPointData): boolean
     __hit(local: IRadiusPointData): boolean
+    __hitFill(inner: IRadiusPointData): boolean
+    __hitStroke(inner: IRadiusPointData, strokeWidth: number): boolean
+    __hitPixel(inner: IRadiusPointData): boolean
     __drawHitPath(canvas: ILeaferCanvas): void
     __updateHitCanvas(): void
 
@@ -365,7 +528,8 @@ export interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, IL
     __drawFast(canvas: ILeaferCanvas, options: IRenderOptions): void
     __draw(canvas: ILeaferCanvas, options: IRenderOptions): void
 
-    __renderShape(canvas: ILeaferCanvas, options: IRenderOptions): void
+    __clip(canvas: ILeaferCanvas, options: IRenderOptions): void
+    __renderShape(canvas: ILeaferCanvas, options: IRenderOptions, ignoreFill?: boolean, ignoreStroke?: boolean): void
 
     __updateWorldOpacity(): void
     __updateChange(): void
@@ -376,10 +540,19 @@ export interface ILeaf extends ILeafMask, ILeafRender, ILeafHit, ILeafBounds, IL
     __updatePath(): void
     __updateRenderPath(): void
 
+    // 
+
     // branch
     children?: ILeaf[]
 
     __updateSortChildren(): void
     add(child: ILeaf, index?: number): void
     remove(child?: ILeaf, destroy?: boolean): void
-}
+    dropTo(parent: ILeaf, index?: number, resize?: boolean): void
+}
+
+export type ILeafAttrDescriptor = IObject & ThisType<ILeaf>
+
+export interface ILeafAttrDescriptorFn {
+    (key: string): ILeafAttrDescriptor
+}

package/src/display/IView.ts

@@ -1,10 +1,6 @@
 import { IBranch } from './IBranch'
-import { ILeaf } from './ILeaf'
-import { ITransformEventData } from '../event/IEvent'
+
 
 export interface IZoomView extends IBranch {
-    zoomLayer?: ILeaf
-    moveLayer?: ILeaf
-    transformData?: ITransformEventData
-    setZoomLayer(zoomLayer: ILeaf, moveLayer?: ILeaf): void
+
 }

package/src/display/module/IBranchRender.ts

@@ -1,7 +1,7 @@
-import { ILeaferCanvas } from '../../canvas/ILeaferCanvas'
-import { IRenderOptions } from '../../renderer/IRenderer'
 import { IBranch } from '../IBranch'
 import { ILeafRender } from './ILeafRender'
+import { ILeaferCanvas } from '../../canvas/ILeaferCanvas'
+import { IRenderOptions } from '../../renderer/IRenderer'
 
 export type IBranchRenderModule = IBranchRender & ThisType<IBranch>
 

package/src/display/module/ILeafBounds.ts

@@ -4,6 +4,7 @@ export type ILeafBoundsModule = ILeafBounds & ThisType<ILeaf>
 
 export interface ILeafBounds {
     __updateWorldBounds?(): void
+    __updateLocalBounds?(): void
 
     __updateLocalBoxBounds?(): void
     __updateLocalStrokeBounds?(): void
@@ -13,6 +14,7 @@ export interface ILeafBounds {
     __updateStrokeBounds?(): void
     __updateRenderBounds?(): void
 
+    __updateAutoLayout?(): void
     __updateNaturalSize?(): void
 
     __updateStrokeSpread?(): number

package/src/display/module/ILeafDataProxy.ts

@@ -1,10 +1,12 @@
 import { ILeaf } from '../ILeaf'
-import { __Value } from '../../data/IData'
+import { IValue } from '../../data/IData'
 
 export type ILeafDataProxyModule = ILeafDataProxy & ThisType<ILeaf>
 
 export interface ILeafDataProxy {
-    __setAttr?(name: string, newValue: __Value): void
-    __getAttr?(name: string): __Value
+    __setAttr?(name: string, newValue: IValue): boolean
+    __getAttr?(name: string): IValue
+    setProxyAttr?(name: string, newValue: IValue): void
+    getProxyAttr?(name: string): IValue
 }
 

package/src/display/module/ILeafHit.ts

@@ -6,7 +6,10 @@ export type ILeafHitModule = ILeafHit & ThisType<ILeaf>
 
 export interface ILeafHit {
     __hitWorld?(point: IRadiusPointData): boolean
-    __hit?(local: IRadiusPointData): boolean
+    __hit?(inner: IRadiusPointData): boolean
+    __hitFill?(inner: IRadiusPointData): boolean
+    __hitStroke?(inner: IRadiusPointData, strokeWidth: number): boolean
+    __hitPixel(inner: IRadiusPointData): boolean
     __drawHitPath?(canvas: ILeaferCanvas): void
     __updateHitCanvas?(): void
 }

package/src/display/module/ILeafRender.ts

@@ -9,7 +9,8 @@ export interface ILeafRender {
     __draw?(canvas: ILeaferCanvas, options: IRenderOptions): void
     __drawFast?(canvas: ILeaferCanvas, options: IRenderOptions): void
 
-    __renderShape?(canvas: ILeaferCanvas, options: IRenderOptions): void
+    __clip?(_canvas: ILeaferCanvas, _options: IRenderOptions): void
+    __renderShape?(canvas: ILeaferCanvas, options: IRenderOptions, ignoreFill?: boolean, ignoreStroke?: boolean): void
 
     __updateWorldOpacity?(): void
     __updateChange?(): void