@leafer/interface 1.0.0-alpha.21 → 1.0.0-alpha.30

package/src/event/IEvent.ts

@@ -24,6 +24,10 @@ export interface IEventTarget extends IEventer {
 
 }
 
+export interface ILeaferEvent {
+
+}
+
 export interface IRenderEvent {
 
 }
@@ -52,7 +56,7 @@ export interface IUpdateEvent extends IEvent {
 
 }
 
-export interface IAttrEvent extends IEvent {
+export interface IPropertyEvent extends IEvent {
     readonly attrName: string
     readonly oldValue: unknown
     readonly newValue: unknown
@@ -60,6 +64,7 @@ export interface IAttrEvent extends IEvent {
 
 export interface ILayoutEvent extends IEvent {
     readonly data: ILayoutBlockData[]
+    readonly times: number
 }
 
 export interface IWatchEvent extends IEvent {

package/src/event/IUIEvent.ts

@@ -1,5 +1,7 @@
+import { IObject } from '../data/IData'
 import { ILeafList } from '../data/IList'
 import { IEvent } from './IEvent'
+import { ILeaferImage } from '../image/ILeaferImage'
 
 export interface IUIEvent extends IEvent {
     x: number
@@ -19,6 +21,8 @@ export interface IUIEvent extends IEvent {
     path: ILeafList
     throughPath?: ILeafList // 穿透path，不受层级影响，从上到下只要碰撞到区域就算，一般点击的时候
 
+    origin: IObject
+
     stopDefault(): void
     stopNow(): void
     stop(): void
@@ -46,6 +50,7 @@ export interface IDragEvent extends IPointerEvent {
 
 export interface IDropEvent extends IPointerEvent {
     list: ILeafList
+    data?: IObject
 }
 
 export interface IRotateEvent extends IUIEvent {
@@ -66,4 +71,9 @@ export interface ISwipeEvent extends IDragEvent {
 
 export interface IKeyEvent extends IUIEvent {
 
+}
+
+export interface IImageEvent extends IEvent {
+    image: ILeaferImage
+    error: string | IObject
 }

package/src/image/IImageManager.ts

@@ -1,3 +1,9 @@
+import { ILeaferImage, ILeaferImageConfig, ILeaferImageOnError, ILeaferImageOnLoaded } from './ILeaferImage'
+
+
 export interface IImageManager {
+    get(config: ILeaferImageConfig): ILeaferImage
+    onLoad(config: ILeaferImageConfig, onLoaded: ILeaferImageOnLoaded): void
+    onError(config: ILeaferImageConfig, onError: ILeaferImageOnError): void
     destory(): void
 }

package/src/image/ILeaferImage.ts

@@ -1,12 +1,25 @@
+import { IObject } from '../data/IData'
+
 export interface ILeaferImageConfig {
     url: string
     thumb?: string
 }
 
+export interface ILeaferImageOnLoaded {
+    (image?: ILeaferImage): any
+}
 
+export interface ILeaferImageOnError {
+    (error?: string | IObject, image?: ILeaferImage): any
+}
 
 export interface ILeaferImage {
-    //load(url: string):Promise<>
+    view: unknown
+    width: number
+    height: number
+    ready: boolean
+    load(onSuccess?: ILeaferImageOnLoaded, onError?: ILeaferImageOnError): void
+    getCanvas(width: number, height: number, opacity?: number, _filters?: IObject): unknown
 }
 
 export type IImageStatus = 'wait' | 'thumb-loading' | 'thumb-success' | 'thumb-error' | 'loading' | 'success' | 'error' 

package/src/index.ts

@@ -1,6 +1,6 @@
 export { IApp } from './app/IApp'
-export { ILeafer, ILeaferConfig, ICreator, IUICreator } from './app/ILeafer'
-export { ILeaf, ILeafAttrData, ILeafComputedData, ILeafInputData, ICachedLeaf, IHitType } from './display/ILeaf'
+export { ILeafer, ILeaferType, ILeaferTypeFunction, ILeaferTypeList, ILeaferConfig, ICreator, IUICreator } from './app/ILeafer'
+export { ILeaf, ILeafAttrData, ILeafComputedData, ILeafInputData, ICachedLeaf, IHitType, IBlendMode } from './display/ILeaf'
 export { IBranch } from './display/IBranch'
 export { IZoomView } from './display/IView'
 
@@ -14,35 +14,37 @@ export { ILeafBounds, ILeafBoundsModule } from './display/module/ILeafBounds'
 export { ILeafHit, ILeafHitModule } from './display/module/ILeafHit'
 export { ILeafRender, ILeafRenderModule } from './display/module/ILeafRender'
 export { ILeafEventer, ILeafEventerModule } from './display/module/ILeafEventer'
+export { ILeafMask, ILeafMaskModule } from './display/module/ILeafMask'
 
 export { IRenderer, IRendererConfig, IRenderOptions } from './renderer/IRenderer'
 export { IWatcher, IWatchEventData, IWatcherConfig } from './watcher/IWatcher'
 export { ILayouter, ILayoutChangedData, ILayoutBlockData, ILayouterConfig, IPartLayoutConfig } from './layouter/ILayouter'
-export { ISelector, ISelectPathResult, ISelectPathOptions } from './selector/ISelector'
+export { ISelector, ISelectorConfig, ISelectPathResult, ISelectPathOptions } from './selector/ISelector'
 
 export { ICanvasManager } from './canvas/ICanvasManager'
 export { IHitCanvasManager } from './canvas/IHitCanvasManager'
 export { IImageManager } from './image/IImageManager'
 
 
+export { IControl } from './control/IControl'
 export { IPlatform } from './platform/IPlatform'
 export { IPlugin } from './plugin/IPlugin'
 
 
 export { ILeaferCanvas, IHitCanvas, ICanvasAttr, ICanvasStrokeOptions, ILeaferCanvasConfig, IHitCanvasConfig } from './canvas/ILeaferCanvas'
-export { IPathDrawer } from './path/IPathDrawer'
+export { IPathDrawer, IPathCreator } from './path/IPathDrawer'
 export { IWindingRule, ICanvasContext2D, ITextMetrics, IPath2D } from './canvas/ICanvas'
 export { CanvasPathCommand, IPathCommandData, MCommandData, HCommandData, VCommandData, LCommandData, CCommandData, SCommandData, QCommandData, TCommandData, ZCommandData, ACommandData, RectCommandData, RoundRectCommandData, EllipseCommandData, ArcCommandData, ArcToCommandData } from './path/IPathCommand'
 
-export { ILeaferImage, ILeaferImageConfig } from './image/ILeaferImage'
+export { ILeaferImage, ILeaferImageConfig, ILeaferImageOnLoaded, ILeaferImageOnError } from './image/ILeaferImage'
 
 export { InnerId, IEventer, IEventListener, IEventListenerOptions, IEventListenerMap, IEventListenerItem, IEventListenerId } from './event/IEventer'
-export { IEventTarget, IEvent, IAttrEvent, ILayoutEvent, IRenderEvent, IChildEvent, IResizeEvent, IResizeEventListener, IUpdateEvent, IWatchEvent, ITransformEvent, ITransformEventData, TransformMode } from './event/IEvent'
-export { IUIEvent, IPointerEvent, PointerType, IDragEvent, IDropEvent, ISwipeEvent, IMoveEvent, IZoomEvent, IRotateEvent, IKeyEvent } from './event/IUIEvent'
-export { IInteraction, IInteractionConfig, IWheelConfig, IPointerConfig } from './interaction/IInteraction'
+export { IEventTarget, IEvent, ILeaferEvent, IPropertyEvent, ILayoutEvent, IRenderEvent, IChildEvent, IResizeEvent, IResizeEventListener, IUpdateEvent, IWatchEvent, ITransformEvent, ITransformEventData, TransformMode } from './event/IEvent'
+export { IUIEvent, IPointerEvent, PointerType, IDragEvent, IDropEvent, ISwipeEvent, IMoveEvent, IZoomEvent, IRotateEvent, IKeyEvent, IImageEvent } from './event/IUIEvent'
+export { IInteraction, IInteractionCanvas, IInteractionConfig, IWheelConfig, IPointerConfig } from './interaction/IInteraction'
 
 
-export { __Number, __Boolean, __String, __Object, __Value, IObject, INumberMap, IStringMap, IBooleanMap, IDataTypeHandle } from './data/IData'
+export { __Number, __Boolean, __String, __Object, __Value, ITimer, IObject, INumberMap, IStringMap, IBooleanMap, IDataTypeHandle } from './data/IData'
 export { ILeafList, ILeafArrayMap, ILeafMap, ILeafLevelList, ILeafListItemCallback } from './data/IList'
-export { IPoint, IPointData, IRadiusPointData, ISize, ISizeData, IScreenSizeData, IBounds, IBoundsData, IBoundsDataHandle, IOffsetBoundsData, ITwoPointBounds, ITwoPointBoundsData, IAutoBounds, IAutoBoundsData, IMatrix, IMatrixData, IMatrixWithBoundsData } from './math/IMath'
+export { IPoint, IPointData, IRadiusPointData, ISize, ISizeData, IScreenSizeData, IBounds, IBoundsData, IBoundsDataHandle, IOffsetBoundsData, ITwoPointBounds, ITwoPointBoundsData, IAutoBounds, IAutoBoundsData, IMatrix, IMatrixData, IMatrixWithBoundsData, IMatrixDecompositionData, IMatrixDecompositionAttr } from './math/IMath'
 export { IFunction } from './function/IFunction'

package/src/interaction/IInteraction.ts

@@ -4,12 +4,12 @@ import { ILeaf } from '../display/ILeaf'
 import { ILeafList } from '../data/IList'
 import { IPointData } from '../math/IMath'
 import { ISelector } from '../selector/ISelector'
-import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
 import { IBounds } from '../math/IMath'
+import { IControl } from '../control/IControl'
 
-export interface IInteraction {
+export interface IInteraction extends IControl {
     target: ILeaf
-    canvas: ILeaferCanvas
+    canvas: IInteractionCanvas
     selector: ISelector
 
     running: boolean
@@ -21,9 +21,7 @@ export interface IInteraction {
     shrinkCanvasBounds: IBounds
 
     downData: IPointerEvent
-
-    start(): void
-    stop(): void
+    downTime: number
 
     pointerDown(data: IPointerEvent): void
     pointerMove(data: IPointerEvent): void
@@ -36,8 +34,11 @@ export interface IInteraction {
     rotate(data: IRotateEvent): void
 
     emit(type: string, data: IUIEvent, path?: ILeafList, excludePath?: ILeafList): void
+}
 
-    destroy(): void
+export interface IInteractionCanvas {
+    bounds: IBounds
+    view: unknown
 }
 
 export interface IInteractionConfig {
@@ -54,16 +55,20 @@ export interface IWheelConfig {
     delta?: IPointData  // 以chrome为基准, 鼠标滚动一格的距离
     getScale?: INumberFunction
     getMove?: IPointDataFunction
+    preventDefault?: boolean
 }
 
 export interface IPointerConfig {
     hitRadius?: number
     through?: boolean
-    clickTime?: number
+    tapMore?: boolean
+    tapTime?: number
     longPressTime?: number
     transformTime?: number
+    dragHover?: boolean
     dragDistance?: number
     swipeDistance?: number
     autoMoveDistance?: number
-    ignoreMove: boolean // 性能优化字段, 控制move事件触发次数
+    ignoreMove?: boolean // 性能优化字段, 控制move事件触发次数
+    preventDefault?: boolean
 }

package/src/layout/ILeafLayout.ts

@@ -1,8 +1,8 @@
-import { IBoundsData, IMatrixData } from '../math/IMath'
+import { IBoundsData, IMatrixData, IMatrixDecompositionData } from '../math/IMath'
 import { ILeaf } from '../display/ILeaf'
 
-export type ILayoutLocationType = 'world' | 'relative' | 'local'
-export type ILayoutBoundsType = 'content' | 'box' | 'event' | 'margin' | 'render'
+export type ILayoutLocationType = 'world' | 'local' | 'inner'
+export type ILayoutBoundsType = 'content' | 'box' | 'stroke' | 'margin' | 'render'
 
 export interface ILeafLayout {
 
@@ -13,23 +13,23 @@ export interface ILeafLayout {
     // local
 
     boxBounds: IBoundsData    //  | content + padding |
-    eventBounds: IBoundsData  //  | boxBounds + border |  
-    renderBounds: IBoundsData //  | eventBounds + shadow |
+    strokeBounds: IBoundsData  //  | boxBounds + border |  
+    renderBounds: IBoundsData //  | strokeBounds + shadow |
 
     // auto layout
-    marginBounds: IBoundsData //  | eventBounds + margin |
+    marginBounds: IBoundsData //  | strokeBounds + margin |
     contentBounds: IBoundsData // | content |  
 
-    // relative
+    // local
 
-    //relativeBoxBounds: IBoundsData = leaf.__local
-    relativeEventBounds: IBoundsData
-    relativeRenderBounds: IBoundsData
+    //localBoxBounds: IBoundsData = leaf.__local
+    localStrokeBounds: IBoundsData
+    localRenderBounds: IBoundsData
 
     // state
 
     // matrix changed
-    matrixChanged: boolean
+    matrixChanged: boolean // include positionChanged scaleChanged skewChanged
     positionChanged: boolean // x, y
     scaleChanged: boolean // scaleX scaleY
     rotationChanged: boolean // rotaiton, skewX scaleY 数据更新
@@ -38,7 +38,7 @@ export interface ILeafLayout {
     boundsChanged: boolean
 
     boxBoundsChanged: boolean
-    eventBoundsChanged: boolean
+    strokeBoundsChanged: boolean
     renderBoundsChanged: boolean
 
     localBoxBoundsChanged: boolean // position
@@ -54,24 +54,25 @@ export interface ILeafLayout {
     // keep state
     affectScaleOrRotation: boolean
     affectRotation: boolean
-    eventBoundsSpreadWidth: number
+    strokeBoundsSpreadWidth: number
     renderBoundsSpreadWidth: number
     renderShapeBoundsSpreadWidth: number
 
-    update(): void
+    checkUpdate(): void
 
-    getTransform(type: ILayoutLocationType): IMatrixData
-    getBounds(type: ILayoutLocationType, boundsType: ILayoutBoundsType): IBoundsData
+    getTransform(locationType: ILayoutLocationType): IMatrixData
+    getMatrixDecompositionData(locationType: ILayoutLocationType): IMatrixDecompositionData
+    getBounds(type: ILayoutBoundsType, locationType: ILayoutLocationType): IBoundsData
 
     // 独立 / 引用 boxBounds
-    eventBoundsSpread(): void
+    strokeBoundsSpread(): void
     renderBoundsSpread(): void
-    eventBoundsSpreadCancel(): void
+    strokeBoundsSpreadCancel(): void
     renderBoundsSpreadCancel(): void
 
     // bounds
     boxBoundsChange(): void
-    eventBoundsChange(): void
+    strokeBoundsChange(): void
     renderBoundsChange(): void
 
     // matrix

package/src/layouter/ILayouter.ts

@@ -1,6 +1,7 @@
 import { IBounds } from '../math/IMath'
 import { ILeaf } from '../display/ILeaf'
 import { ILeafList } from '../data/IList'
+import { IControl } from '../control/IControl'
 
 export interface ILayoutChangedData {
     matrixList: ILeaf[]
@@ -30,30 +31,30 @@ export interface ILayouterConfig {
     partLayout?: IPartLayoutConfig
 }
 
-export interface ILayouter {
+export interface ILayouter extends IControl {
     target: ILeaf
     layoutedBlocks: ILayoutBlockData[]
 
     totalTimes: number
     times: number
 
+    disabled: boolean
     running: boolean
-    changed: boolean
+    layouting: boolean
+
+    waitAgain: boolean
 
     config: ILayouterConfig
 
-    start(): void
-    stop(): void
-    update(): void
+    disable(): void
 
     layout(): void
+    layoutAgain(): void
     layoutOnce(): void
     partLayout(): void
     fullLayout(): void
 
     createBlock(data: ILeafList | ILeaf[]): ILayoutBlockData
     getBlocks(list: ILeafList): ILayoutBlockData[]
-    setBlocks(current: ILayoutBlockData[]): void
-
-    destroy(): void
+    addBlocks(current: ILayoutBlockData[]): void
 }

package/src/math/IMath.ts

@@ -12,13 +12,15 @@ export interface IPoint extends IPointData {
 
     rotate(angle: number, center?: IPointData): IPoint
 
-    toLocal(matrix: IMatrixData, to?: IPointData): IPoint
-    toWorld(matrix: IMatrixData, to?: IPointData): IPoint
+    toInnerOf(matrix: IMatrixData, to?: IPointData): IPoint
+    toOuterOf(matrix: IMatrixData, to?: IPointData): IPoint
 
     getCenter(to: IPointData): IPointData
     getDistance(to: IPointData): number
     getAngle(to: IPointData): number
     getAtan2(to: IPointData): number
+
+    reset(): void
 }
 
 export interface IRadiusPointData extends IPointData {
@@ -55,7 +57,7 @@ export interface IBounds extends IBoundsData {
     clone(): IBounds
 
     scale(scale: number): IBounds
-    toWorld(matrix: IMatrixData, to?: IBoundsData): IBounds
+    toOuterOf(matrix: IMatrixData, to?: IBoundsData): IBounds
     getFitMatrix(put: IBoundsData): IMatrix
 
     spread(size: number): IBounds
@@ -78,7 +80,7 @@ export interface IBounds extends IBoundsData {
 
     isSame(bounds: IBoundsData): boolean
     isEmpty(): boolean
-    empty(): void
+    reset(): void
 }
 
 export interface ITwoPointBoundsData {
@@ -90,6 +92,7 @@ export interface ITwoPointBoundsData {
 
 export interface ITwoPointBounds extends ITwoPointBoundsData {
     addPoint(x: number, y: number): void
+    addBounds(x: number, y: number, width: number, height: number): void
     add(pointBounds: ITwoPointBoundsData): void
 }
 
@@ -120,21 +123,57 @@ export interface IMatrixData {
     e: number
     f: number
 }
+
+export interface IMatrixDecompositionData {
+    x: number
+    y: number
+    scaleX: number
+    scaleY: number
+    rotation: number
+    skewX: number
+    skewY: number
+}
+
+export type IMatrixDecompositionAttr =
+    | 'x'
+    | 'y'
+    | 'scaleX'
+    | 'scaleY'
+    | 'rotation'
+    | 'skewX'
+    | 'skewY'
+
 export interface IMatrix extends IMatrixData {
     set(a: number, b: number, c: number, d: number, e: number, f: number): void
     copy(matrix: IMatrixData): IMatrix
     clone(): IMatrix
 
     translate(x: number, y: number): IMatrix
+    translateInner(x: number, y: number): IMatrix
+
     scale(x: number, y?: number): IMatrix
+    scaleOf(center: IPointData, x: number, y?: number): IMatrix
+    scaleOfInner(center: IPointData, x: number, y?: number): IMatrix
+
     rotate(angle: number): IMatrix
+    rotateOf(center: IPointData, angle: number): IMatrix
+    rotateOfInner(center: IPointData, angle: number): IMatrix
 
-    times(matrix: IMatrixData): IMatrix
+    skew(x: number, y?: number): IMatrix
+    skewOf(center: IPointData, x: number, y?: number): IMatrix
+    skewOfInner(center: IPointData, x: number, y?: number): IMatrix
+
+    multiply(matrix: IMatrixData): IMatrix
     divide(matrix: IMatrixData): IMatrix
+    preMultiply(matrix: IMatrixData): IMatrix
     invert(): IMatrix
 
-    toWorldPoint(local: IPointData, to?: IPointData): void
-    toLocalPoint(world: IPointData, to?: IPointData): void
+    toOuterPoint(inner: IPointData, to?: IPointData): void
+    toInnerPoint(outer: IPointData, to?: IPointData): void
+
+    decompose(): IMatrixDecompositionData
+
+    reset(): void
 }
 
 

package/src/path/IPathCommand.ts

@@ -34,14 +34,14 @@ type height = number
 type rotation = number
 type startAngle = number
 type endAngle = number
-type counterclockwise = boolean
+type anticlockwise = boolean
 type cornerRadius = number | number[]
 type radius = number
 
 export type RectCommandData = [Command, x, y, width, height]
 export type RoundRectCommandData = [Command, x, y, width, height, cornerRadius]
-export type EllipseCommandData = [Command, x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise]
-export type ArcCommandData = [Command, x, y, radius, startAngle, endAngle, counterclockwise]
+export type EllipseCommandData = [Command, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise]
+export type ArcCommandData = [Command, x, y, radius, startAngle, endAngle, anticlockwise]
 export type ArcToCommandData = [Command, x1, y1, x2, y2, radius]
 
 

package/src/path/IPathDrawer.ts

@@ -1,3 +1,4 @@
+import { IPathCommandData } from './IPathCommand'
 export interface IPathDrawer {
     beginPath?(): void
 
@@ -7,10 +8,29 @@ export interface IPathDrawer {
     quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
     closePath(): void
 
-    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void
     arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void
-    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void
 
     rect(x: number, y: number, width: number, height: number): void
     roundRect(x: number, y: number, width: number, height: number, radius?: number | number[]): void
+}
+
+export interface IPathCreator {
+    path: IPathCommandData
+
+    beginPath(): IPathCreator
+
+    moveTo(x: number, y: number): IPathCreator
+    lineTo(x: number, y: number): IPathCreator
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): IPathCreator
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): IPathCreator
+    closePath(): IPathCreator
+
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): IPathCreator
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): IPathCreator
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): IPathCreator
+
+    rect(x: number, y: number, width: number, height: number): IPathCreator
+    roundRect(x: number, y: number, width: number, height: number, radius?: number | number[]): IPathCreator
 }

package/src/platform/IPlatform.ts

@@ -1,8 +1,11 @@
 import { IFunction } from '../function/IFunction'
 import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
+import { ILeaf } from '../display/ILeaf'
 
 export interface IPlatform {
     requestRender?(render: IFunction): void
     canvas?: ILeaferCanvas
     isWorker?: boolean
+    conicGradientRotate90?: boolean // fixfox need rotate
+    layout(target: ILeaf): void
 }

package/src/renderer/IRenderer.ts

@@ -2,6 +2,7 @@ import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
 import { ILeaf } from '../display/ILeaf'
 import { IBounds, IMatrix } from '../math/IMath'
 import { IFunction } from '../function/IFunction'
+import { IControl } from '../control/IControl'
 
 export interface IRenderOptions {
     bounds?: IBounds,
@@ -13,9 +14,10 @@ export interface IRenderOptions {
 export interface IRendererConfig {
     usePartRender?: boolean
     maxFPS?: number
+    fill?: string
 }
 
-export interface IRenderer {
+export interface IRenderer extends IControl {
     target: ILeaf
     canvas: ILeaferCanvas
     updateBlocks: IBounds[]
@@ -25,24 +27,27 @@ export interface IRenderer {
     times: number
 
     running: boolean
+    rendering: boolean
+
+    waitAgain: boolean
     changed: boolean
 
     config: IRendererConfig
 
-    start(): void
-    stop(): void
     update(): void
 
     requestLayout(): void
 
     render(callback?: IFunction): void
+    renderAgain(): void
     renderOnce(callback?: IFunction): void
     partRender(): void
-    clipRender(bounds: IBounds, fullMode?: boolean): void
-    fullRender(bounds?: IBounds): void
+    clipRender(bounds: IBounds): void
+    fullRender(): void
+
+    renderHitView(options: IRenderOptions): void
+    renderBoundsView(options: IRenderOptions): void
 
     addBlock(block: IBounds): void
     mergeBlocks(): void
-
-    destroy(): void
 }

package/src/selector/ISelector.ts

@@ -9,15 +9,22 @@ export interface ISelectPathResult {
 }
 
 export interface ISelectPathOptions {
+    name?: string
     through?: boolean
     exclude?: ILeafList
+    ignoreHittable?: boolean
+}
+
+export interface ISelectorConfig {
+
 }
 
 export interface ISelector {
     target: ILeaf
-    defaultPath: ILeafList
 
-    getHitPointPath(hitPoint: IPointData, hitRadius: number, options?: ISelectPathOptions): ISelectPathResult
+    config: ISelectorConfig
+
+    getByPoint(hitPoint: IPointData, hitRadius: number, options?: ISelectPathOptions): ISelectPathResult
 
     find(name: number | string, branch?: ILeaf): ILeaf | ILeaf[]
     getByInnerId(name: number, branch?: ILeaf): ILeaf

package/src/watcher/IWatcher.ts

@@ -1,5 +1,6 @@
 import { ILeaf } from '../display/ILeaf'
 import { ILeafList } from '../data/IList'
+import { IControl } from '../control/IControl'
 
 export interface IWatchEventData {
     updatedList: ILeafList
@@ -9,20 +10,19 @@ export interface IWatcherConfig {
 
 }
 
-export interface IWatcher {
+export interface IWatcher extends IControl {
     target: ILeaf
     updatedList: ILeafList
 
     totalTimes: number
 
+    disabled: boolean
     running: boolean
     changed: boolean
 
     config: IWatcherConfig
 
-    start(): void
-    stop(): void
+    disable(): void
 
     update(): void
-    destroy(): void
 }