@leafer-ui/display 1.0.4 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/display",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "@leafer-ui/display",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -13,23 +13,23 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/leaferjs/ui.git"
+    "url": "https://github.com/leaferjs/leafer-ui.git"
   },
-  "homepage": "https://github.com/leaferjs/ui/tree/main/packages/display",
-  "bugs": "https://github.com/leaferjs/ui/issues",
+  "homepage": "https://github.com/leaferjs/leafer-ui/tree/main/packages/display",
+  "bugs": "https://github.com/leaferjs/leafer-ui/issues",
   "keywords": [
     "leafer-ui",
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/core": "1.0.4",
-    "@leafer-ui/data": "1.0.4",
-    "@leafer-ui/display-module": "1.0.4",
-    "@leafer-ui/decorator": "1.0.4",
-    "@leafer-ui/external": "1.0.4"
+    "@leafer/core": "1.0.6",
+    "@leafer-ui/data": "1.0.6",
+    "@leafer-ui/display-module": "1.0.6",
+    "@leafer-ui/decorator": "1.0.6",
+    "@leafer-ui/external": "1.0.6"
   },
   "devDependencies": {
-    "@leafer/interface": "1.0.4",
-    "@leafer-ui/interface": "1.0.4"
+    "@leafer/interface": "1.0.6",
+    "@leafer-ui/interface": "1.0.6"
   }
 }

package/src/Box.ts

@@ -7,10 +7,10 @@ import { BoxData } from '@leafer-ui/data'
 import { Group } from './Group'
 import { Rect } from './Rect'
 
-const rect = Rect.prototype
-const group = Group.prototype
+
+const { copy, add, includes } = BoundsHelper
+const rect = Rect.prototype, group = Group.prototype
 const childrenRenderBounds = {} as IBoundsData
-const { copy, add, includes, copyAndSpread } = BoundsHelper
 
 @rewriteAble()
 @registerUI()
@@ -26,6 +26,9 @@ export class Box extends Group implements IBox {
     @dataType(false)
     public resizeChildren?: IBoolean
 
+    @dataType(false)
+    public textBox?: IBoolean
+
     @affectRenderBoundsType('show')
     declare public overflow?: IOverflow
 
@@ -42,43 +45,40 @@ export class Box extends Group implements IBox {
     @rewrite(rect.__updateRenderSpread)
     public __updateRectRenderSpread(): number { return 0 }
 
-    public __updateRenderSpread(): number {
-        return this.__updateRectRenderSpread() || -1
-    }
+    public __updateRenderSpread(): number { return this.__updateRectRenderSpread() || -1 }
 
 
     @rewrite(rect.__updateBoxBounds)
     public __updateRectBoxBounds(): void { }
 
-    public __updateBoxBounds(secondLayout?: boolean): void {
+
+    // @leafer-in/flow will rewrite
+    public __updateBoxBounds(_secondLayout?: boolean): void {
         const data = this.__
 
         if (this.children.length) {
+
             if (data.__autoSide) {
 
-                if (this.leafer && this.leafer.ready) this.leafer.layouter.addExtra(this)
                 super.__updateBoxBounds()
 
                 const { boxBounds } = this.__layout
 
                 if (!data.__autoSize) {
-                    if (data.__autoWidth) boxBounds.width += boxBounds.x, boxBounds.height = data.height, boxBounds.y = boxBounds.x = 0
-                    else boxBounds.height += boxBounds.y, boxBounds.width = data.width, boxBounds.x = boxBounds.y = 0
+                    if (data.__autoWidth) {
+                        boxBounds.width += boxBounds.x, boxBounds.x = 0
+                        boxBounds.height = data.height, boxBounds.y = 0
+                    } else {
+                        boxBounds.height += boxBounds.y, boxBounds.y = 0
+                        boxBounds.width = data.width, boxBounds.x = 0
+                    }
                 }
 
-                if (secondLayout && data.flow && data.padding) copyAndSpread(boxBounds, boxBounds, data.padding, false, data.__autoSize ? null : (data.__autoWidth ? 'width' : 'height'))
-
                 this.__updateNaturalSize()
 
-            } else {
-                this.__updateRectBoxBounds()
-            }
-
-            if (data.flow) this.__updateContentBounds()
+            } else this.__updateRectBoxBounds()
 
-        } else {
-            this.__updateRectBoxBounds()
-        }
+        } else this.__updateRectBoxBounds()
     }
 
     @rewrite(rect.__updateStrokeBounds)
@@ -93,13 +93,11 @@ export class Box extends Group implements IBox {
             copy(childrenRenderBounds, renderBounds)
             this.__updateRectRenderBounds()
 
-            isOverflow = !includes(renderBounds, childrenRenderBounds) || !this.pathInputed || !this.__.cornerRadius // 路径与圆角直接当溢出处理
-        } else {
-            this.__updateRectRenderBounds()
-        }
+            isOverflow = !includes(renderBounds, childrenRenderBounds)
+            if (isOverflow && this.__.overflow !== 'hide') add(renderBounds, childrenRenderBounds)
+        } else this.__updateRectRenderBounds()
 
-        this.isOverflow !== isOverflow && (this.isOverflow = isOverflow)
-        if (!(this.__.__drawAfterFill = this.__.overflow === 'hide') && isOverflow) add(renderBounds, childrenRenderBounds)
+        !this.isOverflow !== !isOverflow && (this.isOverflow = isOverflow) // 节省赋值
     }
 
     @rewrite(rect.__updateRenderBounds)
@@ -130,18 +128,11 @@ export class Box extends Group implements IBox {
         }
     }
 
-    public __drawAfterFill(canvas: ILeaferCanvas, options: IRenderOptions): void {
-        const { length } = this.children
-        if (this.isOverflow) {
-            canvas.save()
-            canvas.clip()
-            if (length) this.__renderGroup(canvas, options)
-            canvas.restore()
-        } else {
-            if (length) this.__renderGroup(canvas, options)
-        }
+    // in __drawAfterFill()
+    public __drawContent(canvas: ILeaferCanvas, options: IRenderOptions): void {
+        this.__renderGroup(canvas, options)
 
-        if (this.__.stroke && length) {
+        if (this.__.__hasStroke) { // 还原绘制路径
             canvas.setWorld(this.__nowWorld)
             this.__drawRenderPath(canvas)
         }

package/src/Canvas.ts

@@ -43,7 +43,6 @@ export class Canvas extends Rect implements ICanvas {
         super(data)
         this.canvas = Creator.canvas(this.__ as ILeaferCanvasConfig)
         this.context = this.canvas.context
-        this.__.__isCanvas = this.__.__drawAfterFill = true
         if (data && data.url) this.drawImage(data.url)
     }
 
@@ -57,9 +56,7 @@ export class Canvas extends Rect implements ICanvas {
     }
 
     public draw(ui: IUI, offset?: IPointData, scale?: number | IPointData, rotation?: number): void {
-        ui.__layout.update()
-
-        const matrix = new Matrix(ui.__world).invert()
+        const matrix = new Matrix(ui.worldTransform).invert()
 
         const m = new Matrix()
         if (offset) m.translate(offset.x, offset.y)
@@ -75,16 +72,10 @@ export class Canvas extends Rect implements ICanvas {
         this.forceRender()
     }
 
-    public __drawAfterFill(canvas: ILeaferCanvas, _options: IRenderOptions): void {
-        const { width, height, cornerRadius } = this.__, { view } = this.canvas
-        if (cornerRadius || this.pathInputed) {
-            canvas.save()
-            canvas.clip()
-            canvas.drawImage(view, 0, 0, view.width, view.height, 0, 0, width, height)
-            canvas.restore()
-        } else {
-            canvas.drawImage(view, 0, 0, view.width, view.height, 0, 0, width, height)
-        }
+    // in __drawAfterFill()
+    public __drawContent(canvas: ILeaferCanvas, _options: IRenderOptions): void {
+        const { width, height } = this.__, { view } = this.canvas
+        canvas.drawImage(view, 0, 0, view.width, view.height, 0, 0, width, height)
     }
 
     public __updateSize(): void {

package/src/Group.ts

@@ -1,7 +1,7 @@
 import { IJSONOptions, IPickOptions, IPickResult, IPointData } from '@leafer/interface'
-import { Branch, useModule, dataProcessor, registerUI, UICreator } from '@leafer/core'
+import { Branch, useModule, dataProcessor, registerUI } from '@leafer/core'
 
-import { IGroup, IGroupData, IGroupInputData, IUI, IUIInputData, IUIJSONData } from '@leafer-ui/interface'
+import { IGroup, IGroupData, IGroupInputData, IUI, IUIInputData, IUIJSONData, IFindCondition, IFindUIMethod } from '@leafer-ui/interface'
 import { GroupData } from '@leafer-ui/data'
 
 import { UI } from './UI'
@@ -39,27 +39,16 @@ export class Group extends UI implements IGroup {   // tip: rewrited Box
     public set(data: IUIInputData, isTemp?: boolean): void {
         if (data.children) {
             const { children } = data
-            delete data.children
 
-            if (!this.children) {
-                this.__setBranch()
-            } else {
-                this.clear()
-            }
+            delete data.children
+            this.children ? this.clear() : this.__setBranch()
 
             super.set(data, isTemp)
 
-            let child: IUI
-            children.forEach(childData => {
-                child = (childData as IUI).__ ? childData as IUI : UICreator.get(childData.tag, childData) as IUI
-                this.add(child)
-            })
-
+            children.forEach(child => this.add(child))
             data.children = children
 
-        } else {
-            super.set(data, isTemp)
-        }
+        } else super.set(data, isTemp)
     }
 
     public toJSON(options?: IJSONOptions): IUIJSONData {
@@ -76,28 +65,28 @@ export class Group extends UI implements IGroup {   // tip: rewrited Box
 
     // add
 
-    public addAt(child: IUI, index: number): void {
+    public addAt(child: IUI | IUI[] | IUIInputData | IUIInputData[], index: number): void {
         this.add(child, index)
     }
 
-    public addAfter(child: IUI, after: IUI): void {
+    public addAfter(child: IUI | IUI[] | IUIInputData | IUIInputData[], after: IUI): void {
         this.add(child, this.children.indexOf(after) + 1)
     }
 
-    public addBefore(child: IUI, before: IUI): void {
+    public addBefore(child: IUI | IUI[] | IUIInputData | IUIInputData[], before: IUI): void {
         this.add(child, this.children.indexOf(before))
     }
 
     // Branch rewrite
 
-    public add(_child: IUI, _index?: number): void { }
+    public add(_child: IUI | IUI[] | IUIInputData | IUIInputData[], _index?: number): void { }
 
-    public addMany(..._children: IUI[]): void { }
+    public addMany(..._children: IUI[] | IUIInputData[]): void { }
 
-    public remove(_child?: IUI, _destroy?: boolean): void { }
+    public remove(_child?: IUI | number | string | IFindCondition | IFindUIMethod, _destroy?: boolean): void { }
 
     public removeAll(_destroy?: boolean): void { }
 
     public clear(): void { }
 
-}
+}

package/src/Line.ts

@@ -28,7 +28,7 @@ export class Line extends UI implements ILine { // tip: rewrited Polygon
     declare public height?: INumber
 
     @pathType()
-    public points?: number[]
+    public points?: number[] | IPointData[]
 
     @pathType(0)
     public curve?: boolean | number
@@ -79,17 +79,13 @@ export class Line extends UI implements ILine { // tip: rewrited Polygon
         if (!this.pathInputed && data.points && data.curve) {
             drawPoints(data.__pathForRender = [], data.points, data.curve, data.closed)
             if (data.__useArrow) PathArrow.addArrows(this, false)
-        } else {
-            super.__updateRenderPath()
-        }
+        } else super.__updateRenderPath()
     }
 
     public __updateBoxBounds(): void {
         if (this.points) {
             toBounds(this.__.__pathForRender, this.__layout.boxBounds)
-        } else {
-            super.__updateBoxBounds()
-        }
+        } else super.__updateBoxBounds()
     }
 
 }

package/src/Path.ts

@@ -19,7 +19,6 @@ export class Path extends UI implements IPath {
 
     constructor(data?: IPathInputData) {
         super(data)
-        this.__.__pathInputed = 2
     }
 
 }

package/src/Polygon.ts

@@ -1,4 +1,4 @@
-import { INumber } from '@leafer/interface'
+import { INumber, IPointData } from '@leafer/interface'
 import { PathCommandDataHelper, dataProcessor, pathType, registerUI, rewrite, rewriteAble } from '@leafer/core'
 
 import { IPolygon, IPolygonData, IPolygonInputData } from '@leafer-ui/interface'
@@ -25,7 +25,7 @@ export class Polygon extends UI implements IPolygon {
     public sides?: INumber
 
     @pathType()
-    public points?: number[]
+    public points?: number[] | IPointData[]
 
     @pathType(0)
     public curve?: boolean | number

package/src/Text.ts

@@ -2,9 +2,9 @@ import { ILeaferCanvas, IPathDrawer, IPathCommandData, IBoolean, INumber, IStrin
 import { BoundsHelper, boundsType, surfaceType, dataProcessor, registerUI, affectStrokeBoundsType, dataType, hitType, MathHelper } from '@leafer/core'
 
 import { IFill, IText, IFontWeight, ITextCase, ITextDecoration, ITextData, ITextInputData, ITextAlign, IVerticalAlign, ITextDrawData, IOverflow, IStrokeAlign, IHitType, ITextWrap } from '@leafer-ui/interface'
-import { TextData, UnitConvert } from '@leafer-ui/data'
+import { TextData } from '@leafer-ui/data'
 
-import { TextConvert } from '@leafer-ui/external'
+import { TextConvert, UnitConvert } from '@leafer-ui/external'
 
 import { UI } from './UI'
 
@@ -77,14 +77,15 @@ export class Text extends UI implements IText {
     @boundsType('top')
     public verticalAlign?: IVerticalAlign
 
+    @boundsType(true)
+    public autoSizeAlign?: IBoolean
+
     @boundsType('normal')
     public textWrap?: ITextWrap
 
     @boundsType('show')
     public textOverflow?: IOverflow | string
 
-    public get editInner(): string { return 'TextEditor' }
-
     public get textDrawData(): ITextDrawData {
         this.__layout.update()
         return this.__.__textDrawData

package/src/UI.ts

@@ -1,4 +1,4 @@
-import { ILeaferCanvas, IPathDrawer, IPathCommandData, IHitType, INumber, IBoolean, IString, IPathString, IExportFileType, IPointData, ICursorType, IMaskType, IEraserType, IValue, IWindingRule, IPathCreator, IFourNumber, IBoundsData, IFlowType, IGap, IFlowWrap, IAxis, IConstraint, IAutoBoxData, IFlowBoxType, IPointGap, IFlowAlign, IFlowAxisAlign, IFindCondition, IAutoSize, IRangeSize, IAlign, IUnitPointData, IObject, IScaleData, IUnitData } from '@leafer/interface'
+import { ILeaferCanvas, IPathDrawer, IPathCommandData, IHitType, INumber, IBoolean, IString, IPathString, IExportFileType, IPointData, ICursorType, IMaskType, IEraserType, IValue, IWindingRule, IPathCreator, IFourNumber, IBoundsData, IFlowType, IGap, IFlowWrap, IAxis, IConstraint, IAutoBoxData, IFlowBoxType, IPointGap, IFlowAlign, IFlowAxisAlign, IFindCondition, IAutoSize, IRangeSize, IAlign, IUnitPointData, IObject, IScaleData, IUnitData, IPathCommandObject } from '@leafer/interface'
 import { Leaf, PathDrawer, surfaceType, dataType, positionType, boundsType, pathType, scaleType, rotationType, opacityType, visibleType, sortType, maskType, dataProcessor, registerUI, useModule, rewrite, rewriteAble, UICreator, PathCorner, hitType, strokeType, PathConvert, eraserType, cursorType, autoLayoutType, pen, naturalBoundsType, pathInputType, MathHelper, needPlugin } from '@leafer/core'
 
 import { IUI, IShadowEffect, IBlurEffect, IStrokeAlign, IStrokeJoin, IStrokeCap, IBlendMode, IDashPatternString, IShadowString, IGrayscaleEffect, IUIData, IGroup, IStrokeWidthString, ICornerRadiusString, IUIInputData, IExportOptions, IExportResult, IFill, IStroke, IArrowType, IFindUIMethod, ILeafer, IEditorConfig, IEditorConfigFunction, IEditToolFunction, IKeyframe, IAnimation, IAnimate, IStates, IStateName, ITransition, IAnimateType } from '@leafer-ui/interface'
@@ -138,7 +138,7 @@ export class UI extends Leaf implements IUI { // tip: rewrited Box
 
     // path
     @pathInputType()
-    public path?: IPathCommandData | IPathString
+    public path?: IPathCommandData | IPathCommandObject[] | IPathString
 
     @pathType()
     public windingRule?: IWindingRule
@@ -352,13 +352,13 @@ export class UI extends Leaf implements IUI { // tip: rewrited Box
     }
 
 
-    // editor
+    //  @leafer-in/editor rewrite
 
     public get editConfig(): IEditorConfig { return undefined }
 
-    public get editOuter(): string { return this.__.__isLinePath ? 'LineEditTool' : 'EditTool' }
+    public get editOuter(): string { return '' }
 
-    public get editInner(): string { return 'PathEditor' }
+    public get editInner(): string { return '' }
 
 
     constructor(data?: IUIInputData) {
@@ -377,9 +377,7 @@ export class UI extends Leaf implements IUI { // tip: rewrited Box
             this.lockNormalStyle = true
             Object.assign(this, data)
             this.lockNormalStyle = false
-        } else {
-            Object.assign(this, data)
-        }
+        } else Object.assign(this, data)
     }
 
     public get(name?: string | string[] | IUIInputData): IUIInputData | IValue {
@@ -444,11 +442,7 @@ export class UI extends Leaf implements IUI { // tip: rewrited Box
     }
 
     public __drawPathByData(drawer: IPathDrawer, data: IPathCommandData): void {
-        if (data) {
-            PathDrawer.drawPathByData(drawer, data)
-        } else {
-            this.__drawPathByBox(drawer)
-        }
+        data ? PathDrawer.drawPathByData(drawer, data) : this.__drawPathByBox(drawer)
     }
 
     public __drawPathByBox(drawer: IPathDrawer): void {
@@ -456,9 +450,7 @@ export class UI extends Leaf implements IUI { // tip: rewrited Box
         if (this.__.cornerRadius) {
             const { cornerRadius } = this.__
             drawer.roundRect(x, y, width, height, typeof cornerRadius === 'number' ? [cornerRadius] : cornerRadius) // 修复微信浏览器bug, 后续需进一步优化
-        } else {
-            drawer.rect(x, y, width, height)
-        }
+        } else drawer.rect(x, y, width, height)
     }
 
     // @leafer-in/animate rewrite

package/types/index.d.ts

@@ -1,6 +1,6 @@
-import { IString, INumber, IBoolean, IMaskType, IEraserType, IAlign, IUnitPointData, IPathCommandData, IPathString, IWindingRule, IFlowType, IFourNumber, IGap, IPointGap, IFlowAlign, IFlowAxisAlign, IFlowWrap, IFlowBoxType, IAutoSize, IAutoBoxData, IConstraint, IRangeSize, IAxis, IBoundsData, IHitType, ICursorType, IUnitData, IObject, IPointData, IPathCreator, IValue, IFindCondition, ILeaferCanvas, IPathDrawer, IExportFileType, IJSONOptions, IPickOptions, IPickResult, IRenderer, IWatcher, ILayouter, ISelector, IInteraction, ICanvasManager, IHitCanvasManager, ILeaferConfig, IAutoBounds, IBounds, IEventListenerId, ITimer, IControl, ILeaferType, IScreenSizeData, IResizeEvent, IZoomType, IClientPointData, IRenderOptions, ILeaferImage, ICanvasContext2DSettings, ICanvasContext2D } from '@leafer/interface';
+import { IString, INumber, IBoolean, IMaskType, IEraserType, IAlign, IUnitPointData, IPathCommandData, IPathCommandObject, IPathString, IWindingRule, IFlowType, IFourNumber, IGap, IPointGap, IFlowAlign, IFlowAxisAlign, IFlowWrap, IFlowBoxType, IAutoSize, IAutoBoxData, IConstraint, IRangeSize, IAxis, IBoundsData, IHitType, ICursorType, IUnitData, IObject, IPointData, IPathCreator, IValue, IFindCondition, ILeaferCanvas, IPathDrawer, IExportFileType, IJSONOptions, IPickOptions, IPickResult, IRenderer, IWatcher, ILayouter, ISelector, IInteraction, ICanvasManager, IHitCanvasManager, ILeaferConfig, IAutoBounds, IBounds, IEventListenerId, ITimer, IControl, ILeaferType, IScreenSizeData, IResizeEvent, IZoomType, IClientPointData, IRenderOptions, ILeaferImage, ICanvasContext2DSettings, ICanvasContext2D } from '@leafer/interface';
 import { Leaf, LeafList } from '@leafer/core';
-import { IUI, IUIData, IUIInputData, ILeafer, IGroup, IBlendMode, IFill, IStroke, IStrokeAlign, IStrokeWidthString, IStrokeCap, IStrokeJoin, IDashPatternString, IArrowType, ICornerRadiusString, IShadowEffect, IShadowString, IBlurEffect, IGrayscaleEffect, IAnimation, ITransition, IStates, IStateName, IAnimate, IEditorConfig, IFindUIMethod, IKeyframe, IAnimateType, IExportOptions, IExportResult, IEditorConfigFunction, IEditToolFunction, IGroupData, IGroupInputData, IUIJSONData, ILeaferData, IApp, IEditorBase, IFunction, ILeaferInputData, IBox, IBoxData, IOverflow, IBoxInputData, IFrame, IFrameData, IFrameInputData, IRect, IRectData, IRectInputData, IEllipse, IEllipseData, IEllipseInputData, IPolygon, IPolygonData, IPolygonInputData, IStar, IStarData, IStarInputData, ILine, ILineData, ILineInputData, IImage, IImageData, IImageInputData, ICanvas, ICanvasData, ICanvasInputData, IText, ITextData, IHitType as IHitType$1, IFontWeight, ITextCase, ITextDecoration, ITextAlign, IVerticalAlign, ITextWrap, ITextDrawData, ITextInputData, IPath, IPathData, IPathInputData, IPen, IPenData, IPathCommandData as IPathCommandData$1, IPenInputData } from '@leafer-ui/interface';
+import { IUI, IUIData, IUIInputData, ILeafer, IGroup, IBlendMode, IFill, IStroke, IStrokeAlign, IStrokeWidthString, IStrokeCap, IStrokeJoin, IDashPatternString, IArrowType, ICornerRadiusString, IShadowEffect, IShadowString, IBlurEffect, IGrayscaleEffect, IAnimation, ITransition, IStates, IStateName, IAnimate, IEditorConfig, IFindUIMethod, IKeyframe, IAnimateType, IExportOptions, IExportResult, IEditorConfigFunction, IEditToolFunction, IGroupData, IGroupInputData, IUIJSONData, IFindCondition as IFindCondition$1, ILeaferData, IApp, IEditorBase, IFunction, ILeaferInputData, IBox, IBoxData, IOverflow, IBoxInputData, IFrame, IFrameData, IFrameInputData, IRect, IRectData, IRectInputData, IEllipse, IEllipseData, IEllipseInputData, IPolygon, IPolygonData, IPolygonInputData, IStar, IStarData, IStarInputData, ILine, ILineData, ILineInputData, IImage, IImageData, IImageInputData, ICanvas, ICanvasData, ICanvasInputData, IText, ITextData, IHitType as IHitType$1, IFontWeight, ITextCase, ITextDecoration, ITextAlign, IVerticalAlign, ITextWrap, ITextDrawData, ITextInputData, IPath, IPathData, IPathInputData, IPen, IPenData, IPathCommandData as IPathCommandData$1, IPenInputData } from '@leafer-ui/interface';
 
 declare class UI extends Leaf implements IUI {
     __: IUIData;
@@ -39,7 +39,7 @@ declare class UI extends Leaf implements IUI {
     around?: IAlign | IUnitPointData;
     lazy?: IBoolean;
     pixelRatio?: INumber;
-    path?: IPathCommandData | IPathString;
+    path?: IPathCommandData | IPathCommandObject[] | IPathString;
     windingRule?: IWindingRule;
     closed?: boolean;
     flow?: IFlowType;
@@ -153,12 +153,12 @@ declare class Group extends UI implements IGroup {
     set(data: IUIInputData, isTemp?: boolean): void;
     toJSON(options?: IJSONOptions): IUIJSONData;
     pick(_hitPoint: IPointData, _options?: IPickOptions): IPickResult;
-    addAt(child: IUI, index: number): void;
-    addAfter(child: IUI, after: IUI): void;
-    addBefore(child: IUI, before: IUI): void;
-    add(_child: IUI, _index?: number): void;
-    addMany(..._children: IUI[]): void;
-    remove(_child?: IUI, _destroy?: boolean): void;
+    addAt(child: IUI | IUI[] | IUIInputData | IUIInputData[], index: number): void;
+    addAfter(child: IUI | IUI[] | IUIInputData | IUIInputData[], after: IUI): void;
+    addBefore(child: IUI | IUI[] | IUIInputData | IUIInputData[], before: IUI): void;
+    add(_child: IUI | IUI[] | IUIInputData | IUIInputData[], _index?: number): void;
+    addMany(..._children: IUI[] | IUIInputData[]): void;
+    remove(_child?: IUI | number | string | IFindCondition$1 | IFindUIMethod, _destroy?: boolean): void;
     removeAll(_destroy?: boolean): void;
     clear(): void;
 }
@@ -259,6 +259,7 @@ declare class Box extends Group implements IBox {
     get isBranchLeaf(): boolean;
     __: IBoxData;
     resizeChildren?: IBoolean;
+    textBox?: IBoolean;
     overflow?: IOverflow;
     isOverflow: boolean;
     constructor(data?: IBoxInputData);
@@ -266,7 +267,7 @@ declare class Box extends Group implements IBox {
     __updateRectRenderSpread(): number;
     __updateRenderSpread(): number;
     __updateRectBoxBounds(): void;
-    __updateBoxBounds(secondLayout?: boolean): void;
+    __updateBoxBounds(_secondLayout?: boolean): void;
     __updateStrokeBounds(): void;
     __updateRenderBounds(): void;
     __updateRectRenderBounds(): void;
@@ -275,7 +276,7 @@ declare class Box extends Group implements IBox {
     __renderRect(_canvas: ILeaferCanvas, _options: IRenderOptions): void;
     __renderGroup(_canvas: ILeaferCanvas, _options: IRenderOptions): void;
     __render(canvas: ILeaferCanvas, options: IRenderOptions): void;
-    __drawAfterFill(canvas: ILeaferCanvas, options: IRenderOptions): void;
+    __drawContent(canvas: ILeaferCanvas, options: IRenderOptions): void;
 }
 
 declare class Frame extends Box implements IFrame {
@@ -307,7 +308,7 @@ declare class Polygon extends UI implements IPolygon {
     get __tag(): string;
     __: IPolygonData;
     sides?: INumber;
-    points?: number[];
+    points?: number[] | IPointData[];
     curve?: boolean | number;
     constructor(data?: IPolygonInputData);
     __updatePath(): void;
@@ -329,7 +330,7 @@ declare class Line extends UI implements ILine {
     __: ILineData;
     strokeAlign?: IStrokeAlign;
     height?: INumber;
-    points?: number[];
+    points?: number[] | IPointData[];
     curve?: boolean | number;
     closed?: boolean;
     get toPoint(): IPointData;
@@ -367,7 +368,7 @@ declare class Canvas extends Rect implements ICanvas {
     drawImage(url: string): void;
     draw(ui: IUI, offset?: IPointData, scale?: number | IPointData, rotation?: number): void;
     paint(): void;
-    __drawAfterFill(canvas: ILeaferCanvas, _options: IRenderOptions): void;
+    __drawContent(canvas: ILeaferCanvas, _options: IRenderOptions): void;
     __updateSize(): void;
     destroy(): void;
 }
@@ -394,9 +395,9 @@ declare class Text extends UI implements IText {
     paraSpacing?: INumber;
     textAlign?: ITextAlign;
     verticalAlign?: IVerticalAlign;
+    autoSizeAlign?: IBoolean;
     textWrap?: ITextWrap;
     textOverflow?: IOverflow | string;
-    get editInner(): string;
     get textDrawData(): ITextDrawData;
     constructor(data?: ITextInputData);
     __drawHitPath(canvas: ILeaferCanvas): void;