@leafer-ui/interface 1.0.0-rc.5 → 1.0.0-rc.7

package/package.json

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

package/src/ICommonAttr.ts

@@ -1,6 +1,6 @@
-import { IPaint, IStrokeAlign, IStrokeCap, IStrokeJoin, IBlurEffect, IFontWeight, ITextCase, ITextDecoration, IShadowEffect, IGrayscaleEffect, ITextAlign, IVerticalAlign, IOverflow, IUnitData } 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
@@ -86,6 +86,7 @@ export interface ITextStyleAttrData {
     textAlign: ITextAlign
     verticalAlign: IVerticalAlign
 
+    textWrap: ITextWrap
     textOverflow: IOverflow | string
 }
 export interface ITextStyleInputData {
@@ -104,6 +105,7 @@ export interface ITextStyleInputData {
     textAlign?: ITextAlign
     verticalAlign?: IVerticalAlign
 
+    textWrap?: ITextWrap
     textOverflow?: IOverflow | string
 }
 export interface ITextStyleComputedData {
@@ -121,7 +123,9 @@ export interface ITextStyleComputedData {
 
     textAlign?: ITextAlign
     verticalAlign?: IVerticalAlign
-    textOverflow?: IOverflow
+
+    textWrap?: ITextWrap
+    textOverflow?: IOverflow | string
 }
 
 // effect---

package/src/IUI.ts

@@ -1,4 +1,4 @@
-import { ILeaf, ILeafComputedData, ILeafData, ILeafInputData, ILeaferCanvas, IRenderOptions, IPathDrawer, IPointData, IPath2D, IPathCommandData, IWindingRule, ILeaferImageConfig, IBoundsData, IObject, __Number, IPathString, ILeaferImage, IBlob, IPathCreator } 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,8 @@ export interface ITextData extends ITextAttrData, ITextStyleComputedData, IUIDat
     __baseLine?: number
     __lineHeight?: number
     __letterSpacing?: number
+    __clipText?: boolean
+    __textBoxBounds?: IBoundsData
 }
 export interface ITextInputData extends ITextAttrData, ITextStyleInputData, IUIBaseInputData {
 
@@ -144,6 +149,7 @@ export interface ITextRowData {
     paraStart?: boolean // paragraph start
     paraEnd?: boolean // paragraph end
     isOverflow?: boolean
+    textMode?: boolean
 }
 
 export interface ITextWordData {
@@ -209,6 +215,12 @@ export interface ILeaferInputData extends IGroupInputData {
     pixelRatio?: number
 }
 
+export interface IAppData extends ILeaferData {
+
+}
+export interface IAppInputData extends ILeaferInputData {
+
+}
 
 // Frame
 export interface IFrame extends IBox {
@@ -246,6 +258,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
 }
@@ -255,22 +268,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
 
-    reset(_data?: IUIInputData): void
+    children?: IUI[]
+
+    reset(data?: IUIInputData): void
 
     set(data: IUIInputData): void
     toJSON(): IUIInputData
 
+    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
+}
 
+export interface IFindUIMethod {
+    (leaf: IUI, options?: any): AnswerType
 }
 
 export interface IUIData extends IUIComputedData, ILeafData {
@@ -294,6 +326,10 @@ export interface IUIData extends IUIComputedData, ILeafData {
 
     __useEffect?: boolean
 
+    __autoWidth: boolean
+    __autoHeight: boolean
+    __autoBounds: boolean
+
     // path
     path?: IPathCommandData
     windingRule?: IWindingRule
@@ -317,7 +353,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[]
 }
 
 
@@ -340,5 +376,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, ILeafList, ILeaf, IObject, IBoxInputData } from '@leafer-ui/interface'
+
+export interface IEditorBase extends IGroup, ISelectorProxy {
+    config: IEditorConfig
+
+    hoverTarget: IUI
+    target: IUI | IUI[] | ILeafList
+
+    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,10 +18,12 @@ 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 } from './type/IType'
+
+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 } from './type/IType'
 export { ICornerRadiusString, IStrokeWidthString, IPaintString, IShadowString, IPercent, IDashPatternString, IColorString as IStringColor } from './type/IStringType'
 export { ILeafFill, ILeafPaint, ILeafPaintPatternData, ILeafPaintColor, ILeafStrokePaint, ILeafShadowEffect } from './type/IComputedType'
 
@@ -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/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
@@ -102,6 +106,7 @@ export type IFontWeightString =
     | 'extra-bold'
     | 'black'
 export type ITextDecoration = 'none' | 'under' | 'delete'
+export type ITextWrap = 'normal' | 'none' | 'break'
 
 // 路径
 export interface IVectorPath {

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, 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, ILeafList, 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;
@@ -80,6 +83,7 @@ type IFontWeight = IFontWeightNumer | IFontWeightString;
 type IFontWeightNumer = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 type IFontWeightString = 'thin' | 'extra-light' | 'light' | 'normal' | 'medium' | 'semi-bold' | 'bold' | 'extra-bold' | 'black';
 type ITextDecoration = 'none' | 'under' | 'delete';
+type ITextWrap = 'normal' | 'none' | 'break';
 interface IVectorPath {
     rule?: IWindingRule;
     data: string | IPathCommandData;
@@ -158,10 +162,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[];
@@ -171,7 +175,7 @@ interface IBorderComputedData {
     borderRadius?: number | number[];
 }
 interface IStrokeAttrData {
-    stroke: IPaint | IPaint[] | IPaintString;
+    stroke: IStroke;
     strokeAlign: IStrokeAlign;
     strokeWidth: number | number[] | IStrokeWidthString;
     strokeCap: IStrokeCap;
@@ -181,7 +185,7 @@ interface IStrokeAttrData {
     miterLimit: number;
 }
 interface IStrokeInputData {
-    stroke?: IPaint | IPaint[] | IPaintString;
+    stroke?: IStroke;
     strokeAlign?: IStrokeAlign;
     strokeWidth?: number | number[] | IStrokeWidthString;
     strokeCap?: IStrokeCap;
@@ -214,6 +218,7 @@ interface ITextStyleAttrData {
     paraSpacing: number;
     textAlign: ITextAlign;
     verticalAlign: IVerticalAlign;
+    textWrap: ITextWrap;
     textOverflow: IOverflow | string;
 }
 interface ITextStyleInputData {
@@ -229,6 +234,7 @@ interface ITextStyleInputData {
     paraSpacing?: number;
     textAlign?: ITextAlign;
     verticalAlign?: IVerticalAlign;
+    textWrap?: ITextWrap;
     textOverflow?: IOverflow | string;
 }
 interface ITextStyleComputedData {
@@ -244,7 +250,8 @@ interface ITextStyleComputedData {
     paraSpacing?: number;
     textAlign?: ITextAlign;
     verticalAlign?: IVerticalAlign;
-    textOverflow?: IOverflow;
+    textWrap?: ITextWrap;
+    textOverflow?: IOverflow | string;
 }
 interface IEffectAttrData {
     shadow: IShadowEffect | IShadowEffect[] | IShadowString;
@@ -279,6 +286,7 @@ interface IExportResultFunction {
     (data: IExportResult): void;
 }
 interface IExportModule {
+    running?: boolean;
     export?(leaf: ILeaf, filename: IExportFileType | string, options?: IExportOptions | number | boolean): Promise<IExportResult>;
 }
 
@@ -288,13 +296,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;
 }
@@ -381,6 +391,8 @@ interface ITextData extends ITextAttrData, ITextStyleComputedData, IUIData {
     __baseLine?: number;
     __lineHeight?: number;
     __letterSpacing?: number;
+    __clipText?: boolean;
+    __textBoxBounds?: IBoundsData;
 }
 interface ITextInputData extends ITextAttrData, ITextStyleInputData, IUIBaseInputData {
 }
@@ -397,6 +409,7 @@ interface ITextRowData {
     paraStart?: boolean;
     paraEnd?: boolean;
     isOverflow?: boolean;
+    textMode?: boolean;
 }
 interface ITextWordData {
     x?: number;
@@ -455,6 +468,10 @@ interface ILeaferData extends IGroupData {
 interface ILeaferInputData extends IGroupInputData {
     pixelRatio?: number;
 }
+interface IAppData extends ILeaferData {
+}
+interface IAppInputData extends ILeaferInputData {
+}
 interface IFrame extends IBox {
     __: IFrameData;
 }
@@ -482,6 +499,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;
 }
@@ -491,17 +509,31 @@ interface IGroupInputData extends IUIBaseInputData {
 }
 interface IUI extends IFillAttrData, IStrokeAttrData, ICornerRadiusAttrData, IEffectAttrData, ILeaf {
     __: IUIData;
+    readonly app: ILeafer;
+    leafer?: ILeafer;
     parent?: IGroup;
-    reset(_data?: IUIInputData): void;
+    isFrame?: boolean;
+    proxyData?: IUIInputData;
+    __proxyData?: IUIInputData;
+    children?: IUI[];
+    reset(data?: IUIInputData): void;
     set(data: IUIInputData): void;
     toJSON(): IUIInputData;
+    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;
@@ -515,6 +547,9 @@ interface IUIData extends IUIComputedData, ILeafData {
     __isOverflow?: boolean;
     __blendLayer?: boolean;
     __useEffect?: boolean;
+    __autoWidth: boolean;
+    __autoHeight: boolean;
+    __autoBounds: boolean;
     path?: IPathCommandData;
     windingRule?: IWindingRule;
     __pathForRender?: IPathCommandData;
@@ -530,10 +565,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[] | ILeafList;
+    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>;
@@ -598,4 +719,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, 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, 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, IShadowEffect, IShadowString, IStar, IStarData, IStarInputData, IColorString as IStringColor, 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 };