@leafer-ui/interface 1.0.0-rc.6 → 1.0.0-rc.8

package/package.json

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

package/src/ICommonAttr.ts

@@ -1,6 +1,6 @@
-import { IPaint, IStrokeAlign, IStrokeCap, IStrokeJoin, IBlurEffect, IFontWeight, ITextCase, ITextDecoration, IShadowEffect, IGrayscaleEffect, ITextAlign, IVerticalAlign, IOverflow, IUnitData, ITextWrap } from './type/IType'
+import { IStrokeAlign, IStrokeCap, IStrokeJoin, IBlurEffect, IFontWeight, ITextCase, ITextDecoration, IShadowEffect, IGrayscaleEffect, ITextAlign, IVerticalAlign, IOverflow, IUnitData, ITextWrap, IStroke, IFill } from './type/IType'
 import { ILeafStrokePaint, ILeafShadowEffect, ILeafPaint } from './type/IComputedType'
-import { IPaintString, IDashPatternString, IShadowString, IColorString, IStrokeWidthString, ICornerRadiusString } from './type/IStringType'
+import { IDashPatternString, IShadowString, IColorString, IStrokeWidthString, ICornerRadiusString } from './type/IStringType'
 
 // corner---
 export interface ICornerRadiusAttrData {
@@ -18,10 +18,10 @@ export interface ICornerRadiusComputedData {
 
 // fill---
 export interface IFillAttrData {
-    fill: IPaint | IPaint[] | IPaintString
+    fill: IFill
 }
 export interface IFillInputData {
-    fill?: IPaint | IPaint[] | IPaintString
+    fill?: IFill
 }
 export interface IFillComputedData {
     fill?: IColorString | ILeafPaint[]
@@ -35,7 +35,7 @@ export interface IBorderComputedData {
 
 // stroke---
 export interface IStrokeAttrData {
-    stroke: IPaint | IPaint[] | IPaintString
+    stroke: IStroke
 
     strokeAlign: IStrokeAlign
     strokeWidth: number | number[] | IStrokeWidthString
@@ -46,7 +46,7 @@ export interface IStrokeAttrData {
     miterLimit: number
 }
 export interface IStrokeInputData {
-    stroke?: IPaint | IPaint[] | IPaintString
+    stroke?: IStroke
 
     strokeAlign?: IStrokeAlign
     strokeWidth?: number | number[] | IStrokeWidthString

package/src/IUI.ts

@@ -1,4 +1,4 @@
-import { ILeaf, ILeafComputedData, ILeafData, ILeafDataOptions, ILeafInputData, ILeaferCanvas, IRenderOptions, IPathDrawer, IPointData, IPath2D, IPathCommandData, IWindingRule, ILeaferImageConfig, IBoundsData, IObject, __Number, IPathString, ILeaferImage, IBlob, IPathCreator, IFindMethod } from '@leafer/interface'
+import { ILeaf, ILeafComputedData, ILeafData, ILeafInputData, ILeaferCanvas, IRenderOptions, IPathDrawer, IPointData, IPath2D, IPathCommandData, IWindingRule, ILeaferImageConfig, IBoundsData, IObject, IPathString, ILeaferImage, IBlob, IPathCreator, AnswerType } from '@leafer/interface'
 
 import {
     IFillAttrData, IFillInputData, IFillComputedData,
@@ -10,6 +10,7 @@ import {
 } from './ICommonAttr'
 import { IOverflow } from './type/IType'
 import { IExportOptions } from './module/IExport'
+import { ILeafer } from './app/ILeafer'
 
 
 // Line
@@ -19,12 +20,14 @@ export interface ILine extends IUI {
     points: number[]
     curve: boolean | number
 }
-export interface ILineData extends IUIData { }
-export interface ILineInputData extends IUIBaseInputData {
+
+interface ILineAttrData {
     toPoint?: IPointData
     points?: number[]
     curve?: boolean | number
 }
+export interface ILineData extends ILineAttrData, IUIData { }
+export interface ILineInputData extends ILineAttrData, IUIBaseInputData { }
 
 
 // Rect
@@ -124,6 +127,7 @@ export interface ITextData extends ITextAttrData, ITextStyleComputedData, IUIDat
     __baseLine?: number
     __lineHeight?: number
     __letterSpacing?: number
+    __padding?: number[]
     __clipText?: boolean
     __textBoxBounds?: IBoundsData
 }
@@ -212,6 +216,12 @@ export interface ILeaferInputData extends IGroupInputData {
     pixelRatio?: number
 }
 
+export interface IAppData extends ILeaferData {
+
+}
+export interface IAppInputData extends ILeaferInputData {
+
+}
 
 // Frame
 export interface IFrame extends IBox {
@@ -249,6 +259,7 @@ export interface IGroup extends IUI {
     addAt(child: IUI, index: number): void
     addAfter(child: IUI, after: IUI): void
     addBefore(child: IUI, before: IUI): void
+    addMany(...children: ILeaf[]): void
     remove(child?: IUI): void
     removeAll(): void
 }
@@ -258,30 +269,41 @@ export interface IGroupInputData extends IUIBaseInputData { }
 // UI
 export interface IUI extends IFillAttrData, IStrokeAttrData, ICornerRadiusAttrData, IEffectAttrData, ILeaf {
     __: IUIData
+
+    readonly app: ILeafer
+    leafer?: ILeafer
     parent?: IGroup
+    isFrame?: boolean
+
+    proxyData: IUIInputData
+    __proxyData?: IUIInputData
 
-    proxyData?: IUIInputData
+    children?: IUI[]
 
-    reset(_data?: IUIInputData): void
+    reset(data?: IUIInputData): void
 
     set(data: IUIInputData): void
     toJSON(): IUIInputData
 
-    get(options?: ILeafDataOptions): IUIInputData
-    getProxyData(): IUIInputData
+    get(): IUIInputData
+    createProxyData(): IUIInputData
 
-    find(condition: number | string | IFindMethod): IUI[]
-    findOne(condition: number | string | IFindMethod): IUI
+    find(condition: number | string | IFindUIMethod, options?: any): IUI[]
+    findOne(condition: number | string | IFindUIMethod, options?: any): IUI
 
     getPath(curve?: boolean): IPathCommandData
     getPathString(curve?: boolean): IPathString
 
     __drawPathByData(drawer: IPathDrawer, data: IPathCommandData): void
+    __drawPathByBox(drawer: IPathDrawer): void
     __drawAfterFill?(canvas: ILeaferCanvas, options: IRenderOptions): void
 
     export(filename: string, options?: IExportOptions | number): Promise<IBlob | string | boolean>
     clone(): IUI
+}
 
+export interface IFindUIMethod {
+    (leaf: IUI, options?: any): AnswerType
 }
 
 export interface IUIData extends IUIComputedData, ILeafData {
@@ -305,6 +327,10 @@ export interface IUIData extends IUIComputedData, ILeafData {
 
     __useEffect?: boolean
 
+    __autoWidth: boolean
+    __autoHeight: boolean
+    __autoBounds: boolean
+
     // path
     path?: IPathCommandData
     windingRule?: IWindingRule
@@ -328,7 +354,7 @@ export interface IUIComputedData extends IFillComputedData, IBorderComputedData,
 export interface IUIBaseInputData extends IFillInputData, IStrokeInputData, ITextStyleInputData, ICornerRadiusInputData, IEffectInputData, ILeafInputData {
     padding?: number | number[]
     locked?: boolean
-    children?: IUIBaseInputData[]
+    children?: IUIInputData[]
 }
 
 
@@ -351,5 +377,5 @@ export type IUITag =
 
 
 export interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IFrameInputData, IUIBaseInputData, IObject {
-
+    children?: IUIInputData[]
 }

package/src/app/IApp.ts

@@ -0,0 +1,16 @@
+import { ILeaferConfig } from '@leafer/interface'
+
+import { ILeafer } from './ILeafer'
+import { IEditorConfig } from '../editor/IEditor'
+
+export interface IApp extends ILeafer {
+    children: ILeafer[]
+    realCanvas: boolean
+}
+
+export interface IAppConfig extends ILeaferConfig {
+    ground?: ILeaferConfig
+    tree?: ILeaferConfig
+    sky?: ILeaferConfig
+    editor?: IEditorConfig
+}

package/src/app/ILeafer.ts

@@ -0,0 +1,18 @@
+import { IControl, ILeaferAttrData, ILeaferConfig } from '@leafer/interface'
+import { IApp } from './IApp'
+import { IGroup } from '../IUI'
+import { IEditorBase } from '../editor/IEditor'
+
+export interface ILeafer extends IGroup, ILeaferAttrData, IControl {
+    readonly isApp: boolean
+    readonly app: ILeafer
+    parent?: IApp
+    zoomLayer: IGroup
+    editor: IEditorBase
+
+    ground?: ILeafer
+    tree?: ILeafer
+    sky?: ILeafer
+
+    userConfig?: ILeaferConfig
+}

package/src/editor/IEditor.ts

@@ -0,0 +1,87 @@
+import { IGroup, IUI, IRectInputData, ISelectorProxy, IEditSize, ICursorType, IAround, IDragEvent, IRotateEvent, IStroke, IFill, ILeaf, IObject, IBoxInputData } from '@leafer-ui/interface'
+
+export interface IEditorBase extends IGroup, ISelectorProxy {
+    config: IEditorConfig
+
+    hoverTarget: IUI
+    target: IUI | IUI[]
+
+    readonly list: IUI[]
+
+    readonly hasTarget: boolean
+    readonly multiple: boolean
+    readonly single: boolean
+
+    readonly dragging: boolean
+
+    element: IUI
+    buttons: IGroup
+
+    selector: IGroup
+    editBox: IGroup
+    editTool: IObject
+
+    hasItem(item: IUI): boolean
+    shiftItem(item: IUI): void
+    addItem(item: IUI): void
+    removeItem(item: IUI): void
+
+    update(): void
+    updateEditTool(): void
+
+    getEditSize(ui: ILeaf): IEditSize
+
+    onMove(e: IDragEvent): void
+    onScale(e: IDragEvent): void
+    onRotate(e: IDragEvent | IRotateEvent): void
+    onSkew(e: IDragEvent): void
+
+    group(): void
+    ungroup(): void
+
+    lock(): void
+    unlock(): void
+
+    toTop(): void
+    toBottom(): void
+}
+
+export interface IEditorConfig {
+    editSize?: 'auto' | IEditSize
+
+    stroke?: IStroke
+    strokeWidth?: number
+
+    pointFill?: IFill
+    pointSize?: number
+    pointRadius?: number
+
+    point?: IBoxInputData | IBoxInputData[]
+    middlePoint?: IBoxInputData | IBoxInputData[]
+    rotatePoint?: IBoxInputData
+
+    rect?: IBoxInputData
+    area?: IRectInputData
+
+    buttonsDirection?: 'top' | 'right' | 'bottom' | 'left'
+    buttonsFixed?: boolean
+    buttonsMargin?: number
+
+    hideOnMove?: boolean
+
+    moveCursor?: ICursorType
+    resizeCursor?: ICursorType[]
+    rotateCursor?: ICursorType[]
+
+    around?: IAround
+    lockRatio?: boolean
+    rotateGap?: number
+
+    selector?: boolean
+    hover?: boolean
+    boxSelect?: boolean
+
+    rotateable?: boolean
+    resizeable?: boolean
+    skewable?: boolean
+}

package/src/index.ts

@@ -1,5 +1,8 @@
 export * from '@leafer/interface'
 
+export { IApp, IAppConfig } from './app/IApp'
+export { ILeafer } from './app/ILeafer'
+
 export {
     ILine, ILineInputData, ILineData,
     IRect, IRectInputData, IRectData,
@@ -15,11 +18,13 @@ export {
     IBox, IBoxInputData, IBoxData,
     IGroup, IGroupInputData, IGroupData,
     ILeaferInputData, ILeaferData,
-    IUI, IUIBaseInputData, IUIData,
+    IAppInputData, IAppData,
+    IUI, IUIBaseInputData, IUIData, IFindUIMethod,
     IUITag, IUIInputData
 } from './IUI'
-export { IUnitData, IVectorPath, IShadowEffect, IBlurEffect, IGrayscaleEffect, IStrokeAlign, IStrokeJoin, IStrokeCap, IRGB, IRGBA, IColor, IColorStop, IPaint, IGradientPaint, IImagePaint, IImagePaintMode, IFontWeight, ITextCase, ITextDecoration, ITextAlign, IVerticalAlign, IOverflow, ITextWrap } from './type/IType'
-export { ICornerRadiusString, IStrokeWidthString, IPaintString, IShadowString, IPercent, IDashPatternString, IColorString as IStringColor } from './type/IStringType'
+
+export { IUnitData, IVectorPath, IShadowEffect, IBlurEffect, IGrayscaleEffect, IFill, IStroke, IStrokeAlign, IStrokeJoin, IStrokeCap, IRGB, IRGBA, IColor, IColorStop, IPaint, IGradientPaint, IImagePaint, IImagePaintMode, IFontWeight, ITextCase, ITextDecoration, ITextAlign, IVerticalAlign, IOverflow, ITextWrap, IRepeat } 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 { IUIRenderModule, IRectRenderModule, IImageRenderModule, ITextRenderModule, IGroupRenderModule, IFrameRenderModule } from './module/IUIRender'
@@ -29,7 +34,8 @@ export { ITextConvertModule } from './module/ITextConvert'
 export { IColorConvertModule } from './module/IColorConvert'
 export { IExportModule, IExportOptions, IExportResult, IExportResultFunction } from './module/IExport'
 
-
 export { IPaintModule } from './module/IPaint'
 export { IEffectModule } from './module/IEffect'
-export { ICachedShape } from './ICachedShape'
+export { ICachedShape } from './ICachedShape'
+
+export { IEditorBase, IEditorConfig } from './editor/IEditor'

package/src/module/IExport.ts

@@ -15,5 +15,6 @@ export interface IExportResultFunction {
 
 
 export interface IExportModule {
+    running?: boolean
     export?(leaf: ILeaf, filename: IExportFileType | string, options?: IExportOptions | number | boolean): Promise<IExportResult>
 }

package/src/type/IComputedType.ts

@@ -27,6 +27,7 @@ export interface ILeafPaintPatternData {
     opacity?: number
     transform?: IMatrixData
     mode?: IImagePaintMode
+    repeat?: 'repeat' | 'repeat-x' | 'repeat-y'
 }
 
 export type ILeafFill = ILeafPaint

package/src/type/IType.ts

@@ -1,5 +1,5 @@
 import { IPointData, IPathCommandData, IWindingRule, IBlendMode, IExportFileType } from '@leafer/interface'
-import { IColorString } from './IStringType'
+import { IColorString, IPaintString } from './IStringType'
 
 export interface IUnitData {
     type: 'percent' | 'px'
@@ -8,6 +8,10 @@ export interface IUnitData {
 
 export type IPaint = ISolidPaint | IGradientPaint | IImagePaint
 
+export type IFill = IPaint | IPaint[] | IPaintString
+
+export type IStroke = IPaint | IPaint[] | IPaintString
+
 export interface IPaintBase {
     type: IPaintType
     blendMode?: IBlendMode
@@ -68,6 +72,8 @@ export interface IImagePaint extends IPaintBase {
     offset?: IPointData
     scale?: number | IPointData
     rotation?: number
+
+    repeat?: IRepeat
 }
 export interface IImageFilters {
     exposure?: number // 曝光
@@ -79,6 +85,7 @@ export interface IImageFilters {
     shadows?: number // 阴影
 }
 export type IImagePaintMode = 'cover' | 'fit' | 'strench' | 'clip' | 'repeat'
+export type IRepeat = boolean | 'x' | 'y'
 
 // 描边
 export type IStrokeAlign = 'inside' | 'outside' | 'center'

package/types/index.d.ts

@@ -1,5 +1,6 @@
-import { IPointData, IExportFileType, IWindingRule, IPathCommandData, IBlendMode, IMatrixData, ILeaferImage, ITaskItem, IBlob, ILeaf, IPathString, IPathCreator, IBoundsData, ILeaferImageConfig, ILeaferCanvas, IRenderOptions, ILeafDataOptions, IFindMethod, IPathDrawer, ILeafData, IPath2D, ILeafComputedData, ILeafInputData, IObject, ILeafRender, ILeafBounds, ILeafHit, ICachedLeaf, IBooleanMap } from '@leafer/interface';
+import { IPointData, IExportFileType, IWindingRule, IPathCommandData, IBlendMode, IMatrixData, ILeaferImage, ITaskItem, IBlob, ILeaf, IPathString, IPathCreator, IBoundsData, ILeaferImageConfig, ILeaferCanvas, IRenderOptions, IPathDrawer, AnswerType, ILeafData, IPath2D, ILeafComputedData, ILeafInputData, IObject, ILeaferAttrData, IControl, ILeaferConfig, ILeafRender, ILeafBounds, ILeafHit, ICachedLeaf, IBooleanMap } from '@leafer/interface';
 export * from '@leafer/interface';
+import { IGroup as IGroup$1, ISelectorProxy, IUI as IUI$1, IObject as IObject$1, ILeaf as ILeaf$1, IEditSize, IDragEvent, IRotateEvent, IStroke as IStroke$1, IFill as IFill$1, IBoxInputData as IBoxInputData$1, IRectInputData as IRectInputData$1, ICursorType, IAround } from '@leafer-ui/interface';
 
 type IPercent = string;
 type IColorString = string;
@@ -17,6 +18,8 @@ interface IUnitData {
     value: number;
 }
 type IPaint = ISolidPaint | IGradientPaint | IImagePaint;
+type IFill = IPaint | IPaint[] | IPaintString;
+type IStroke = IPaint | IPaint[] | IPaintString;
 interface IPaintBase {
     type: IPaintType;
     blendMode?: IBlendMode;
@@ -59,6 +62,7 @@ interface IImagePaint extends IPaintBase {
     offset?: IPointData;
     scale?: number | IPointData;
     rotation?: number;
+    repeat?: IRepeat;
 }
 interface IImageFilters {
     exposure?: number;
@@ -70,6 +74,7 @@ interface IImageFilters {
     shadows?: number;
 }
 type IImagePaintMode = 'cover' | 'fit' | 'strench' | 'clip' | 'repeat';
+type IRepeat = boolean | 'x' | 'y';
 type IStrokeAlign = 'inside' | 'outside' | 'center';
 type IStrokeCap = 'none' | 'round' | 'square' | 'arrow-lines' | 'arrow-equilateral';
 type IStrokeJoin = 'bevel' | 'round' | 'miter';
@@ -126,6 +131,7 @@ interface ILeafPaintPatternData {
     opacity?: number;
     transform?: IMatrixData;
     mode?: IImagePaintMode;
+    repeat?: 'repeat' | 'repeat-x' | 'repeat-y';
 }
 type ILeafFill = ILeafPaint;
 interface ILeafStrokePaint extends ILeafPaint {
@@ -159,10 +165,10 @@ interface ICornerRadiusComputedData {
     cornerSmoothing?: number;
 }
 interface IFillAttrData {
-    fill: IPaint | IPaint[] | IPaintString;
+    fill: IFill;
 }
 interface IFillInputData {
-    fill?: IPaint | IPaint[] | IPaintString;
+    fill?: IFill;
 }
 interface IFillComputedData {
     fill?: IColorString | ILeafPaint[];
@@ -172,7 +178,7 @@ interface IBorderComputedData {
     borderRadius?: number | number[];
 }
 interface IStrokeAttrData {
-    stroke: IPaint | IPaint[] | IPaintString;
+    stroke: IStroke;
     strokeAlign: IStrokeAlign;
     strokeWidth: number | number[] | IStrokeWidthString;
     strokeCap: IStrokeCap;
@@ -182,7 +188,7 @@ interface IStrokeAttrData {
     miterLimit: number;
 }
 interface IStrokeInputData {
-    stroke?: IPaint | IPaint[] | IPaintString;
+    stroke?: IStroke;
     strokeAlign?: IStrokeAlign;
     strokeWidth?: number | number[] | IStrokeWidthString;
     strokeCap?: IStrokeCap;
@@ -283,6 +289,7 @@ interface IExportResultFunction {
     (data: IExportResult): void;
 }
 interface IExportModule {
+    running?: boolean;
     export?(leaf: ILeaf, filename: IExportFileType | string, options?: IExportOptions | number | boolean): Promise<IExportResult>;
 }
 
@@ -292,13 +299,15 @@ interface ILine extends IUI {
     points: number[];
     curve: boolean | number;
 }
-interface ILineData extends IUIData {
-}
-interface ILineInputData extends IUIBaseInputData {
+interface ILineAttrData {
     toPoint?: IPointData;
     points?: number[];
     curve?: boolean | number;
 }
+interface ILineData extends ILineAttrData, IUIData {
+}
+interface ILineInputData extends ILineAttrData, IUIBaseInputData {
+}
 interface IRect extends IUI {
     __: IRectData;
 }
@@ -385,6 +394,7 @@ interface ITextData extends ITextAttrData, ITextStyleComputedData, IUIData {
     __baseLine?: number;
     __lineHeight?: number;
     __letterSpacing?: number;
+    __padding?: number[];
     __clipText?: boolean;
     __textBoxBounds?: IBoundsData;
 }
@@ -462,6 +472,10 @@ interface ILeaferData extends IGroupData {
 interface ILeaferInputData extends IGroupInputData {
     pixelRatio?: number;
 }
+interface IAppData extends ILeaferData {
+}
+interface IAppInputData extends ILeaferInputData {
+}
 interface IFrame extends IBox {
     __: IFrameData;
 }
@@ -489,6 +503,7 @@ interface IGroup extends IUI {
     addAt(child: IUI, index: number): void;
     addAfter(child: IUI, after: IUI): void;
     addBefore(child: IUI, before: IUI): void;
+    addMany(...children: ILeaf[]): void;
     remove(child?: IUI): void;
     removeAll(): void;
 }
@@ -498,22 +513,31 @@ interface IGroupInputData extends IUIBaseInputData {
 }
 interface IUI extends IFillAttrData, IStrokeAttrData, ICornerRadiusAttrData, IEffectAttrData, ILeaf {
     __: IUIData;
+    readonly app: ILeafer;
+    leafer?: ILeafer;
     parent?: IGroup;
-    proxyData?: IUIInputData;
-    reset(_data?: IUIInputData): void;
+    isFrame?: boolean;
+    proxyData: IUIInputData;
+    __proxyData?: IUIInputData;
+    children?: IUI[];
+    reset(data?: IUIInputData): void;
     set(data: IUIInputData): void;
     toJSON(): IUIInputData;
-    get(options?: ILeafDataOptions): IUIInputData;
-    getProxyData(): IUIInputData;
-    find(condition: number | string | IFindMethod): IUI[];
-    findOne(condition: number | string | IFindMethod): IUI;
+    get(): IUIInputData;
+    createProxyData(): IUIInputData;
+    find(condition: number | string | IFindUIMethod, options?: any): IUI[];
+    findOne(condition: number | string | IFindUIMethod, options?: any): IUI;
     getPath(curve?: boolean): IPathCommandData;
     getPathString(curve?: boolean): IPathString;
     __drawPathByData(drawer: IPathDrawer, data: IPathCommandData): void;
+    __drawPathByBox(drawer: IPathDrawer): void;
     __drawAfterFill?(canvas: ILeaferCanvas, options: IRenderOptions): void;
     export(filename: string, options?: IExportOptions | number): Promise<IBlob | string | boolean>;
     clone(): IUI;
 }
+interface IFindUIMethod {
+    (leaf: IUI, options?: any): AnswerType;
+}
 interface IUIData extends IUIComputedData, ILeafData {
     padding?: number | number[];
     locked?: boolean;
@@ -527,6 +551,9 @@ interface IUIData extends IUIComputedData, ILeafData {
     __isOverflow?: boolean;
     __blendLayer?: boolean;
     __useEffect?: boolean;
+    __autoWidth: boolean;
+    __autoHeight: boolean;
+    __autoBounds: boolean;
     path?: IPathCommandData;
     windingRule?: IWindingRule;
     __pathForRender?: IPathCommandData;
@@ -542,10 +569,96 @@ interface IUIComputedData extends IFillComputedData, IBorderComputedData, IStrok
 interface IUIBaseInputData extends IFillInputData, IStrokeInputData, ITextStyleInputData, ICornerRadiusInputData, IEffectInputData, ILeafInputData {
     padding?: number | number[];
     locked?: boolean;
-    children?: IUIBaseInputData[];
+    children?: IUIInputData[];
 }
 type IUITag = 'App' | 'Leafer' | 'Rect' | 'Ellipse' | 'Polygon' | 'Star' | 'Line' | 'Path' | 'Pen' | 'Text' | 'Image' | 'Canvas' | 'Group' | 'Frame' | 'Box';
 interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IFrameInputData, IUIBaseInputData, IObject {
+    children?: IUIInputData[];
+}
+
+interface IEditorBase extends IGroup$1, ISelectorProxy {
+    config: IEditorConfig;
+    hoverTarget: IUI$1;
+    target: IUI$1 | IUI$1[];
+    readonly list: IUI$1[];
+    readonly hasTarget: boolean;
+    readonly multiple: boolean;
+    readonly single: boolean;
+    readonly dragging: boolean;
+    element: IUI$1;
+    buttons: IGroup$1;
+    selector: IGroup$1;
+    editBox: IGroup$1;
+    editTool: IObject$1;
+    hasItem(item: IUI$1): boolean;
+    shiftItem(item: IUI$1): void;
+    addItem(item: IUI$1): void;
+    removeItem(item: IUI$1): void;
+    update(): void;
+    updateEditTool(): void;
+    getEditSize(ui: ILeaf$1): IEditSize;
+    onMove(e: IDragEvent): void;
+    onScale(e: IDragEvent): void;
+    onRotate(e: IDragEvent | IRotateEvent): void;
+    onSkew(e: IDragEvent): void;
+    group(): void;
+    ungroup(): void;
+    lock(): void;
+    unlock(): void;
+    toTop(): void;
+    toBottom(): void;
+}
+interface IEditorConfig {
+    editSize?: 'auto' | IEditSize;
+    stroke?: IStroke$1;
+    strokeWidth?: number;
+    pointFill?: IFill$1;
+    pointSize?: number;
+    pointRadius?: number;
+    point?: IBoxInputData$1 | IBoxInputData$1[];
+    middlePoint?: IBoxInputData$1 | IBoxInputData$1[];
+    rotatePoint?: IBoxInputData$1;
+    rect?: IBoxInputData$1;
+    area?: IRectInputData$1;
+    buttonsDirection?: 'top' | 'right' | 'bottom' | 'left';
+    buttonsFixed?: boolean;
+    buttonsMargin?: number;
+    hideOnMove?: boolean;
+    moveCursor?: ICursorType;
+    resizeCursor?: ICursorType[];
+    rotateCursor?: ICursorType[];
+    around?: IAround;
+    lockRatio?: boolean;
+    rotateGap?: number;
+    selector?: boolean;
+    hover?: boolean;
+    boxSelect?: boolean;
+    rotateable?: boolean;
+    resizeable?: boolean;
+    skewable?: boolean;
+}
+
+interface ILeafer extends IGroup, ILeaferAttrData, IControl {
+    readonly isApp: boolean;
+    readonly app: ILeafer;
+    parent?: IApp;
+    zoomLayer: IGroup;
+    editor: IEditorBase;
+    ground?: ILeafer;
+    tree?: ILeafer;
+    sky?: ILeafer;
+    userConfig?: ILeaferConfig;
+}
+
+interface IApp extends ILeafer {
+    children: ILeafer[];
+    realCanvas: boolean;
+}
+interface IAppConfig extends ILeaferConfig {
+    ground?: ILeaferConfig;
+    tree?: ILeaferConfig;
+    sky?: ILeaferConfig;
+    editor?: IEditorConfig;
 }
 
 type IUIRenderModule = IUIRender & ThisType<IUI>;
@@ -610,4 +723,4 @@ interface IEffectModule {
     backgroundBlur?(ui: IUI, current: ILeaferCanvas, shape: ICachedShape, renderOptions: IRenderOptions): void;
 }
 
-export type { IBlurEffect, IBox, IBoxData, IBoxInputData, ICachedShape, ICanvas, ICanvasData, ICanvasInputData, IColor, IColorConvertModule, IColorStop, ICornerRadiusString, IDashPatternString, IEffectModule, IEllipse, IEllipseData, IEllipseInputData, IExportModule, IExportOptions, IExportResult, IExportResultFunction, IFontWeight, IFrame, IFrameData, IFrameInputData, IFrameRenderModule, IGradientPaint, IGrayscaleEffect, IGroup, IGroupData, IGroupInputData, IGroupRenderModule, IImage, IImageData, IImageInputData, IImagePaint, IImagePaintMode, IImageRenderModule, ILeafFill, ILeafPaint, ILeafPaintColor, ILeafPaintPatternData, ILeafShadowEffect, ILeafStrokePaint, ILeaferData, ILeaferInputData, ILine, ILineData, ILineInputData, IOverflow, IPaint, IPaintModule, IPaintString, IPath, IPathData, IPathInputData, IPen, IPenData, IPenInputData, IPercent, IPolygon, IPolygonData, IPolygonInputData, IRGB, IRGBA, IRect, IRectData, IRectInputData, IRectRenderModule, IShadowEffect, IShadowString, IStar, IStarData, IStarInputData, IColorString as IStringColor, IStrokeAlign, IStrokeCap, IStrokeJoin, IStrokeWidthString, IText, ITextAlign, ITextCase, ITextCharData, ITextConvertModule, ITextData, ITextDecoration, ITextDrawData, ITextInputData, ITextRenderModule, ITextRowData, ITextWordData, ITextWrap, IUI, IUIBaseInputData, IUIBoundsModule, IUIData, IUIHitModule, IUIInputData, IUIRenderModule, IUITag, IUnitData, IVectorPath, IVerticalAlign };
+export type { IApp, IAppConfig, IAppData, IAppInputData, IBlurEffect, IBox, IBoxData, IBoxInputData, ICachedShape, ICanvas, ICanvasData, ICanvasInputData, IColor, IColorConvertModule, IColorStop, IColorString, ICornerRadiusString, IDashPatternString, IEditorBase, IEditorConfig, IEffectModule, IEllipse, IEllipseData, IEllipseInputData, IExportModule, IExportOptions, IExportResult, IExportResultFunction, IFill, IFindUIMethod, IFontWeight, IFrame, IFrameData, IFrameInputData, IFrameRenderModule, IGradientPaint, IGrayscaleEffect, IGroup, IGroupData, IGroupInputData, IGroupRenderModule, IImage, IImageData, IImageInputData, IImagePaint, IImagePaintMode, IImageRenderModule, ILeafFill, ILeafPaint, ILeafPaintColor, ILeafPaintPatternData, ILeafShadowEffect, ILeafStrokePaint, ILeafer, ILeaferData, ILeaferInputData, ILine, ILineData, ILineInputData, IOverflow, IPaint, IPaintModule, IPaintString, IPath, IPathData, IPathInputData, IPen, IPenData, IPenInputData, IPercent, IPolygon, IPolygonData, IPolygonInputData, IRGB, IRGBA, IRect, IRectData, IRectInputData, IRectRenderModule, IRepeat, IShadowEffect, IShadowString, IStar, IStarData, IStarInputData, IStroke, IStrokeAlign, IStrokeCap, IStrokeJoin, IStrokeWidthString, IText, ITextAlign, ITextCase, ITextCharData, ITextConvertModule, ITextData, ITextDecoration, ITextDrawData, ITextInputData, ITextRenderModule, ITextRowData, ITextWordData, ITextWrap, IUI, IUIBaseInputData, IUIBoundsModule, IUIData, IUIHitModule, IUIInputData, IUIRenderModule, IUITag, IUnitData, IVectorPath, IVerticalAlign };