@leafer-ui/display 1.0.0-rc.28 → 1.0.0-rc.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/display",
-  "version": "1.0.0-rc.28",
+  "version": "1.0.0-rc.30",
   "description": "@leafer-ui/display",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -22,14 +22,14 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/core": "1.0.0-rc.28",
-    "@leafer-ui/data": "1.0.0-rc.28",
-    "@leafer-ui/display-module": "1.0.0-rc.28",
-    "@leafer-ui/decorator": "1.0.0-rc.28",
-    "@leafer-ui/external": "1.0.0-rc.28"
+    "@leafer/core": "1.0.0-rc.30",
+    "@leafer-ui/data": "1.0.0-rc.30",
+    "@leafer-ui/display-module": "1.0.0-rc.30",
+    "@leafer-ui/decorator": "1.0.0-rc.30",
+    "@leafer-ui/external": "1.0.0-rc.30"
   },
   "devDependencies": {
-    "@leafer/interface": "1.0.0-rc.28",
-    "@leafer-ui/interface": "1.0.0-rc.28"
+    "@leafer/interface": "1.0.0-rc.30",
+    "@leafer-ui/interface": "1.0.0-rc.30"
   }
 }

package/src/Box.ts

@@ -24,10 +24,10 @@ export class Box extends Group implements IBox {
     declare public __: IBoxData
 
     @dataType(false)
-    public resizeChildren: IBoolean
+    public resizeChildren?: IBoolean
 
     @affectRenderBoundsType('show')
-    declare public overflow: IOverflow
+    declare public overflow?: IOverflow
 
     public isOverflow: boolean
 

package/src/Canvas.ts

@@ -17,23 +17,23 @@ export class Canvas extends Rect implements ICanvas {
     declare public __: ICanvasData
 
     @resizeType(100)
-    declare public width: INumber
+    declare public width?: INumber
 
     @resizeType(100)
-    declare public height: INumber
+    declare public height?: INumber
 
     @resizeType(Platform.devicePixelRatio)
-    declare public pixelRatio: INumber
+    declare public pixelRatio?: INumber
 
     @resizeType(true)
-    public smooth: boolean
+    public smooth?: boolean
 
     @resizeType()
-    public contextSettings: ICanvasContext2DSettings
+    public contextSettings?: ICanvasContext2DSettings
 
-    public canvas: ILeaferCanvas
+    public canvas?: ILeaferCanvas
 
-    public context: ICanvasContext2D
+    public context?: ICanvasContext2D
 
     constructor(data?: ICanvasInputData) {
         super(data)

package/src/Ellipse.ts

@@ -18,13 +18,13 @@ export class Ellipse extends UI implements IEllipse {
     declare public __: IEllipseData
 
     @pathType(0)
-    public innerRadius: INumber
+    public innerRadius?: INumber
 
     @pathType(0)
-    public startAngle: INumber
+    public startAngle?: INumber
 
     @pathType(0)
-    public endAngle: INumber
+    public endAngle?: INumber
 
     constructor(data?: IEllipseInputData) {
         super(data)

package/src/Frame.ts

@@ -17,10 +17,10 @@ export class Frame extends Box implements IFrame {
     declare public __: IFrameData
 
     @surfaceType('#FFFFFF')
-    declare public fill: IFill
+    declare public fill?: IFill
 
     @affectRenderBoundsType('hide')
-    declare public overflow: IOverflow
+    declare public overflow?: IOverflow
 
     constructor(data?: IFrameInputData) {
         super(data)

package/src/Group.ts

@@ -1,7 +1,7 @@
-import { IPickOptions, IPickResult, IPointData } from '@leafer/interface'
+import { IJSONOptions, IPickOptions, IPickResult, IPointData } from '@leafer/interface'
 import { Branch, useModule, dataProcessor, registerUI, UICreator } from '@leafer/core'
 
-import { IGroup, IGroupData, IGroupInputData, IUI, IUIInputData } from '@leafer-ui/interface'
+import { IGroup, IGroupData, IGroupInputData, IUI, IUIInputData, IUIJSONData } from '@leafer-ui/interface'
 import { GroupData } from '@leafer-ui/data'
 
 import { UI } from './UI'
@@ -62,9 +62,9 @@ export class Group extends UI implements IGroup {   // tip: rewrited Box
         }
     }
 
-    public toJSON(): IUIInputData {
-        const data = super.toJSON()
-        data.children = this.children.map(child => child.toJSON())
+    public toJSON(options?: IJSONOptions): IUIJSONData {
+        const data = super.toJSON(options)
+        data.children = this.children.map(child => child.toJSON(options))
         return data
     }
 

package/src/Image.ts

@@ -20,7 +20,7 @@ export class Image extends Rect implements IImage {
 
     public get ready(): boolean { return this.image ? this.image.ready : false }
 
-    public image: ILeaferImage
+    public image?: ILeaferImage
 
     constructor(data?: IImageInputData) {
         super(data)

package/src/Leafer.ts

@@ -20,7 +20,7 @@ export class Leafer extends Group implements ILeafer {
     declare public __: ILeaferData
 
     @boundsType()
-    declare public pixelRatio: INumber
+    declare public pixelRatio?: INumber
 
     public get isApp(): boolean { return false }
     public get app(): ILeafer { return this.parent || this }
@@ -222,6 +222,7 @@ export class Leafer extends Group implements ILeafer {
     protected __onResize(event: IResizeEvent): void {
         this.emitEvent(event)
         DataHelper.copyAttrs(this.__, event, canvasSizeAttrs)
+        if (!event.width || !event.height) debug.warn('w = 0 or h = 0')
         setTimeout(() => { if (this.canvasManager) this.canvasManager.clearRecycled() }, 0)
     }
 
@@ -250,6 +251,7 @@ export class Leafer extends Group implements ILeafer {
     override __setAttr(attrName: string, newValue: IValue): boolean {
         if (this.canvas) {
             if (canvasSizeAttrs.includes(attrName)) {
+                if (!newValue) debug.warn(attrName + ' is 0')
                 this.__changeCanvasSize(attrName, newValue as number)
             } else if (attrName === 'fill') {
                 this.__changeFill(newValue as string)

package/src/Line.ts

@@ -22,19 +22,19 @@ export class Line extends UI implements ILine { // tip: rewrited Polygon
     declare public __: ILineData
 
     @affectStrokeBoundsType('center')
-    declare public strokeAlign: IStrokeAlign
+    declare public strokeAlign?: IStrokeAlign
 
     @boundsType(0)
-    declare public height: INumber
+    declare public height?: INumber
 
     @pathType()
-    public points: number[]
+    public points?: number[]
 
     @pathType(0)
-    public curve: boolean | number
+    public curve?: boolean | number
 
     @pathType(false)
-    declare public closed: boolean
+    declare public closed?: boolean
 
     public get toPoint(): IPointData {
         const { width, rotation } = this.__

package/src/Path.ts

@@ -15,7 +15,7 @@ export class Path extends UI implements IPath {
     declare public __: IPathData
 
     @affectStrokeBoundsType('center')
-    declare public strokeAlign: IStrokeAlign
+    declare public strokeAlign?: IStrokeAlign
 
     constructor(data?: IPathInputData) {
         super(data)

package/src/Polygon.ts

@@ -22,13 +22,13 @@ export class Polygon extends UI implements IPolygon {
     declare public __: IPolygonData
 
     @pathType(3)
-    sides: INumber
+    public sides?: INumber
 
     @pathType()
-    points: number[]
+    public points?: number[]
 
     @pathType(0)
-    curve: boolean | number
+    public curve?: boolean | number
 
     constructor(data?: IPolygonInputData) {
         super(data)

package/src/Star.ts

@@ -20,10 +20,10 @@ export class Star extends UI implements IStar {
     declare public __: IStarData
 
     @pathType(5)
-    public corners: INumber
+    public corners?: INumber
 
     @pathType(0.382)
-    public innerRadius: INumber
+    public innerRadius?: INumber
 
     constructor(data?: IStarInputData) {
         super(data)

package/src/Text.ts

@@ -21,67 +21,67 @@ export class Text extends UI implements IText {
 
     // size
     @boundsType(0)
-    declare public width: INumber
+    declare public width?: INumber
 
     @boundsType(0)
-    declare public height: INumber
+    declare public height?: INumber
 
     @dataType(false)
-    public resizeFontSize: IBoolean
+    public resizeFontSize?: IBoolean
 
     @surfaceType('#000000')
-    declare public fill: IFill
+    declare public fill?: IFill
 
     @affectStrokeBoundsType('outside')
-    declare public strokeAlign: IStrokeAlign
+    declare public strokeAlign?: IStrokeAlign
 
     @hitType('all')
-    declare public hitFill: IHitType
+    declare public hitFill?: IHitType
 
     @boundsType('')
-    public text: IString
+    public text?: IString
 
     @boundsType('L')
-    public fontFamily: IString
+    public fontFamily?: IString
 
     @boundsType(12)
-    public fontSize: INumber
+    public fontSize?: INumber
 
     @boundsType('normal')
-    public fontWeight: IFontWeight
+    public fontWeight?: IFontWeight
 
     @boundsType(false)
-    public italic: IBoolean
+    public italic?: IBoolean
 
     @boundsType('none')
-    public textCase: ITextCase
+    public textCase?: ITextCase
 
     @boundsType('none')
-    public textDecoration: ITextDecoration
+    public textDecoration?: ITextDecoration
 
     @boundsType(0)
-    public letterSpacing: INumber | IUnitData
+    public letterSpacing?: INumber | IUnitData
 
     @boundsType({ type: 'percent', value: 1.5 } as IUnitData)
-    public lineHeight: INumber | IUnitData
+    public lineHeight?: INumber | IUnitData
 
     @boundsType(0)
-    public paraIndent: INumber
+    public paraIndent?: INumber
 
     @boundsType(0)
-    public paraSpacing: INumber
+    public paraSpacing?: INumber
 
     @boundsType('left')
-    public textAlign: ITextAlign
+    public textAlign?: ITextAlign
 
     @boundsType('top')
-    public verticalAlign: IVerticalAlign
+    public verticalAlign?: IVerticalAlign
 
     @boundsType('normal')
-    public textWrap: ITextWrap
+    public textWrap?: ITextWrap
 
     @boundsType('show')
-    public textOverflow: IOverflow | string
+    public textOverflow?: IOverflow | string
 
     public get editInner(): string { return 'TextEditor' }
 

package/src/UI.ts

@@ -18,7 +18,7 @@ export class UI extends Leaf implements IUI { // tip: rewrited Box
     @dataProcessor(UIData)
     declare public __: IUIData
 
-    declare public proxyData: IUIInputData // need rewrite getter
+    declare public proxyData?: IUIInputData // need rewrite getter
     declare public __proxyData?: IUIInputData
 
     public get app(): ILeafer { return this.leafer && this.leafer.app }
@@ -37,201 +37,201 @@ export class UI extends Leaf implements IUI { // tip: rewrited Box
 
     // id
     @dataType('')
-    public id: IString
+    public id?: IString
 
     @dataType('')
-    public name: IString
+    public name?: IString
 
     @dataType('')
-    public className: IString
+    public className?: IString
 
 
     // layer
     @surfaceType('pass-through')
-    public blendMode: IBlendMode
+    public blendMode?: IBlendMode
 
     @opacityType(1)
-    public opacity: INumber
+    public opacity?: INumber
 
     @visibleType(true)
-    public visible: IBoolean | 0
+    public visible?: IBoolean | 0
 
 
     @stateType(false)
-    public selected: IBoolean
+    public selected?: IBoolean
 
     @stateType(false)
-    public disabled: IBoolean
+    public disabled?: IBoolean
 
     @surfaceType(false)
-    public locked: IBoolean
+    public locked?: IBoolean
 
 
     @sortType(0)
-    public zIndex: INumber
+    public zIndex?: INumber
 
 
     @maskType(false)
-    public mask: IBoolean | IMaskType
+    public mask?: IBoolean | IMaskType
 
     @eraserType(false)
-    public eraser: IBoolean | IEraserType
+    public eraser?: IBoolean | IEraserType
 
 
     // position
     @positionType(0, true)
-    public x: INumber
+    public x?: INumber
 
     @positionType(0, true)
-    public y: INumber
+    public y?: INumber
 
     // size
     @boundsType(100, true)
-    public width: INumber
+    public width?: INumber
 
     @boundsType(100, true)
-    public height: INumber
+    public height?: INumber
 
     // scale
     @scaleType(1, true)
-    public scaleX: INumber
+    public scaleX?: INumber
 
     @scaleType(1, true)
-    public scaleY: INumber
+    public scaleY?: INumber
 
     // rotate
     @rotationType(0, true)
-    public rotation: INumber
+    public rotation?: INumber
 
     // skew
     @rotationType(0, true)
-    public skewX: INumber
+    public skewX?: INumber
 
     @rotationType(0, true)
-    public skewY: INumber
+    public skewY?: INumber
 
 
     // offset
     @positionType(0, true)
-    public offsetX: INumber
+    public offsetX?: INumber
 
     @positionType(0, true)
-    public offsetY: INumber
+    public offsetY?: INumber
 
     // scroll
     @positionType(0, true)
-    public scrollX: INumber
+    public scrollX?: INumber
 
     @positionType(0, true)
-    public scrollY: INumber
+    public scrollY?: INumber
 
 
     // center
     @autoLayoutType()
-    public origin: IAlign | IUnitPointData
+    public origin?: IAlign | IUnitPointData
 
     @autoLayoutType()
-    public around: IAlign | IUnitPointData
+    public around?: IAlign | IUnitPointData
 
 
     // image
     @dataType(false)
-    public lazy: IBoolean  // load image / compute paint
+    public lazy?: IBoolean  // load image / compute paint
 
     @naturalBoundsType(1)
-    public pixelRatio: INumber
+    public pixelRatio?: INumber
 
 
     // path
     @pathInputType()
-    public path: IPathCommandData | IPathString
+    public path?: IPathCommandData | IPathString
 
     @pathType()
-    public windingRule: IWindingRule
+    public windingRule?: IWindingRule
 
     @pathType(true)
-    public closed: boolean
+    public closed?: boolean
 
 
     // auto layout
     @autoLayoutType(false)
-    public flow: IFlowType
+    public flow?: IFlowType
 
     @boundsType(0)
-    public padding: IFourNumber
+    public padding?: IFourNumber
 
     @boundsType(0)
-    public gap: IGap | IPointGap
+    public gap?: IGap | IPointGap
 
     @boundsType('top-left')
-    public flowAlign: IFlowAlign | IFlowAxisAlign
+    public flowAlign?: IFlowAlign | IFlowAxisAlign
 
     @boundsType(false)
-    public flowWrap: IFlowWrap
+    public flowWrap?: IFlowWrap
 
     @boundsType('box')
-    public itemBox: IFlowBoxType
+    public itemBox?: IFlowBoxType
 
 
     @boundsType(true)
-    public inFlow: IBoolean
+    public inFlow?: IBoolean
 
     @boundsType() // rewrite in flow
-    public autoWidth: IAutoSize
+    public autoWidth?: IAutoSize
 
     @boundsType()  // rewrite in flow
-    public autoHeight: IAutoSize
+    public autoHeight?: IAutoSize
 
     @boundsType()
-    public lockRatio: IBoolean
+    public lockRatio?: IBoolean
 
     @boundsType()
-    public autoBox: IAutoBoxData | IConstraint
+    public autoBox?: IAutoBoxData | IConstraint
 
 
     @boundsType()
-    public widthRange: IRangeSize
+    public widthRange?: IRangeSize
 
     @boundsType()
-    public heightRange: IRangeSize
+    public heightRange?: IRangeSize
 
 
     // drag
     @dataType(false)
-    public draggable: IBoolean | IAxis
+    public draggable?: IBoolean | IAxis
 
     @dataType()
     public dragBounds?: IBoundsData | 'parent'
 
 
     @dataType(false)
-    public editable: IBoolean
+    public editable?: IBoolean
 
 
     // hit
     @hitType(true)
-    public hittable: IBoolean
+    public hittable?: IBoolean
 
     @hitType('path')
-    public hitFill: IHitType
+    public hitFill?: IHitType
 
     @strokeType('path')
-    public hitStroke: IHitType
+    public hitStroke?: IHitType
 
     @hitType(false)
-    public hitBox: IBoolean
+    public hitBox?: IBoolean
 
     @hitType(true)
-    public hitChildren: IBoolean
+    public hitChildren?: IBoolean
 
     @hitType(true)
-    public hitSelf: IBoolean
+    public hitSelf?: IBoolean
 
     @hitType()
-    public hitRadius: INumber
+    public hitRadius?: INumber
 
     @cursorType('')
-    public cursor: ICursorType | ICursorType[]
+    public cursor?: ICursorType | ICursorType[]
 
     // ---
 
@@ -239,91 +239,91 @@ export class UI extends Leaf implements IUI { // tip: rewrited Box
     // fill
 
     @surfaceType()
-    public fill: IFill
+    public fill?: IFill
 
     // stroke
 
     @strokeType()
-    public stroke: IStroke
+    public stroke?: IStroke
 
     @strokeType('inside')
-    public strokeAlign: IStrokeAlign
+    public strokeAlign?: IStrokeAlign
 
     @strokeType(1)
-    public strokeWidth: IFourNumber | IStrokeWidthString
+    public strokeWidth?: IFourNumber | IStrokeWidthString
 
     @strokeType(false)
-    public strokeWidthFixed: IBoolean
+    public strokeWidthFixed?: IBoolean
 
     @strokeType('none')
-    public strokeCap: IStrokeCap
+    public strokeCap?: IStrokeCap
 
     @strokeType('miter')
-    public strokeJoin: IStrokeJoin
+    public strokeJoin?: IStrokeJoin
 
     @strokeType()
-    public dashPattern: INumber[] | IDashPatternString
+    public dashPattern?: INumber[] | IDashPatternString
 
     @strokeType()
-    public dashOffset: INumber
+    public dashOffset?: INumber
 
     @strokeType(10)
-    public miterLimit: INumber
+    public miterLimit?: INumber
 
 
     // arrow
 
     @arrowType('none')
-    public startArrow: IArrowType
+    public startArrow?: IArrowType
 
     @arrowType('none')
-    public endArrow: IArrowType
+    public endArrow?: IArrowType
 
     // corner
 
     @pathType(0)
-    public cornerRadius: IFourNumber | ICornerRadiusString
+    public cornerRadius?: IFourNumber | ICornerRadiusString
 
     @pathType()
-    public cornerSmoothing: INumber
+    public cornerSmoothing?: INumber
 
     // effect
 
     @effectType()
-    public shadow: IShadowEffect | IShadowEffect[] | IShadowString
+    public shadow?: IShadowEffect | IShadowEffect[] | IShadowString
 
     @effectType()
-    public innerShadow: IShadowEffect | IShadowEffect[] | IShadowString
+    public innerShadow?: IShadowEffect | IShadowEffect[] | IShadowString
 
     @effectType()
-    public blur: INumber | IBlurEffect
+    public blur?: INumber | IBlurEffect
 
     @effectType()
-    public backgroundBlur: INumber | IBlurEffect
+    public backgroundBlur?: INumber | IBlurEffect
 
     @effectType()
-    public grayscale: INumber | IGrayscaleEffect
+    public grayscale?: INumber | IGrayscaleEffect
 
 
     // states
 
     @dataType()
-    public normalStyle: IUIInputData // auto restore hover / press / focus / selected / disabled style
+    public normalStyle?: IUIInputData // auto restore hover / press / focus / selected / disabled style
 
     @dataType()
-    public hoverStyle: IUIInputData
+    public hoverStyle?: IUIInputData
 
     @dataType()
-    public pressStyle: IUIInputData
+    public pressStyle?: IUIInputData
 
     @dataType()
-    public focusStyle: IUIInputData
+    public focusStyle?: IUIInputData
 
     @dataType()
-    public selectedStyle: IUIInputData
+    public selectedStyle?: IUIInputData
 
     @dataType()
-    public disabledStyle: IUIInputData
+    public disabledStyle?: IUIInputData
 
 
     // 预留给用户使用的数据对象

package/types/index.d.ts

@@ -1,10 +1,10 @@
-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, IObject, IPointData, IPathCreator, IValue, IFindCondition, ILeaferCanvas, IPathDrawer, IExportFileType, IPickOptions, IPickResult, IRenderer, IWatcher, ILayouter, ISelector, IInteraction, ICanvasManager, IHitCanvasManager, ILeaferConfig, IAutoBounds, IBounds, IEventListenerId, ITimer, IControl, ILeaferType, IScreenSizeData, IResizeEvent, IZoomType, IClientPointData, IRenderOptions, ILeaferImage, ICanvasContext2DSettings, ICanvasContext2D, IUnitData } from '@leafer/interface';
+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, 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, IUnitData } 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, IEditorConfig, IFindUIMethod, IExportOptions, IExportResult, IEditorConfigFunction, IEditToolFunction, IGroupData, IGroupInputData, 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, IEditorConfig, IFindUIMethod, 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';
 
 declare class UI extends Leaf implements IUI {
     __: IUIData;
-    proxyData: IUIInputData;
+    proxyData?: IUIInputData;
     __proxyData?: IUIInputData;
     get app(): ILeafer;
     leafer?: ILeafer;
@@ -12,87 +12,87 @@ declare class UI extends Leaf implements IUI {
     zoomLayer: IGroup;
     get isFrame(): boolean;
     children?: IUI[];
-    id: IString;
-    name: IString;
-    className: IString;
-    blendMode: IBlendMode;
-    opacity: INumber;
-    visible: IBoolean | 0;
-    selected: IBoolean;
-    disabled: IBoolean;
-    locked: IBoolean;
-    zIndex: INumber;
-    mask: IBoolean | IMaskType;
-    eraser: IBoolean | IEraserType;
-    x: INumber;
-    y: INumber;
-    width: INumber;
-    height: INumber;
-    scaleX: INumber;
-    scaleY: INumber;
-    rotation: INumber;
-    skewX: INumber;
-    skewY: INumber;
-    offsetX: INumber;
-    offsetY: INumber;
-    scrollX: INumber;
-    scrollY: INumber;
-    origin: IAlign | IUnitPointData;
-    around: IAlign | IUnitPointData;
-    lazy: IBoolean;
-    pixelRatio: INumber;
-    path: IPathCommandData | IPathString;
-    windingRule: IWindingRule;
-    closed: boolean;
-    flow: IFlowType;
-    padding: IFourNumber;
-    gap: IGap | IPointGap;
-    flowAlign: IFlowAlign | IFlowAxisAlign;
-    flowWrap: IFlowWrap;
-    itemBox: IFlowBoxType;
-    inFlow: IBoolean;
-    autoWidth: IAutoSize;
-    autoHeight: IAutoSize;
-    lockRatio: IBoolean;
-    autoBox: IAutoBoxData | IConstraint;
-    widthRange: IRangeSize;
-    heightRange: IRangeSize;
-    draggable: IBoolean | IAxis;
+    id?: IString;
+    name?: IString;
+    className?: IString;
+    blendMode?: IBlendMode;
+    opacity?: INumber;
+    visible?: IBoolean | 0;
+    selected?: IBoolean;
+    disabled?: IBoolean;
+    locked?: IBoolean;
+    zIndex?: INumber;
+    mask?: IBoolean | IMaskType;
+    eraser?: IBoolean | IEraserType;
+    x?: INumber;
+    y?: INumber;
+    width?: INumber;
+    height?: INumber;
+    scaleX?: INumber;
+    scaleY?: INumber;
+    rotation?: INumber;
+    skewX?: INumber;
+    skewY?: INumber;
+    offsetX?: INumber;
+    offsetY?: INumber;
+    scrollX?: INumber;
+    scrollY?: INumber;
+    origin?: IAlign | IUnitPointData;
+    around?: IAlign | IUnitPointData;
+    lazy?: IBoolean;
+    pixelRatio?: INumber;
+    path?: IPathCommandData | IPathString;
+    windingRule?: IWindingRule;
+    closed?: boolean;
+    flow?: IFlowType;
+    padding?: IFourNumber;
+    gap?: IGap | IPointGap;
+    flowAlign?: IFlowAlign | IFlowAxisAlign;
+    flowWrap?: IFlowWrap;
+    itemBox?: IFlowBoxType;
+    inFlow?: IBoolean;
+    autoWidth?: IAutoSize;
+    autoHeight?: IAutoSize;
+    lockRatio?: IBoolean;
+    autoBox?: IAutoBoxData | IConstraint;
+    widthRange?: IRangeSize;
+    heightRange?: IRangeSize;
+    draggable?: IBoolean | IAxis;
     dragBounds?: IBoundsData | 'parent';
-    editable: IBoolean;
-    hittable: IBoolean;
-    hitFill: IHitType;
-    hitStroke: IHitType;
-    hitBox: IBoolean;
-    hitChildren: IBoolean;
-    hitSelf: IBoolean;
-    hitRadius: INumber;
-    cursor: ICursorType | ICursorType[];
-    fill: IFill;
-    stroke: IStroke;
-    strokeAlign: IStrokeAlign;
-    strokeWidth: IFourNumber | IStrokeWidthString;
-    strokeWidthFixed: IBoolean;
-    strokeCap: IStrokeCap;
-    strokeJoin: IStrokeJoin;
-    dashPattern: INumber[] | IDashPatternString;
-    dashOffset: INumber;
-    miterLimit: INumber;
-    startArrow: IArrowType;
-    endArrow: IArrowType;
-    cornerRadius: IFourNumber | ICornerRadiusString;
-    cornerSmoothing: INumber;
-    shadow: IShadowEffect | IShadowEffect[] | IShadowString;
-    innerShadow: IShadowEffect | IShadowEffect[] | IShadowString;
-    blur: INumber | IBlurEffect;
-    backgroundBlur: INumber | IBlurEffect;
-    grayscale: INumber | IGrayscaleEffect;
-    normalStyle: IUIInputData;
-    hoverStyle: IUIInputData;
-    pressStyle: IUIInputData;
-    focusStyle: IUIInputData;
-    selectedStyle: IUIInputData;
-    disabledStyle: IUIInputData;
+    editable?: IBoolean;
+    hittable?: IBoolean;
+    hitFill?: IHitType;
+    hitStroke?: IHitType;
+    hitBox?: IBoolean;
+    hitChildren?: IBoolean;
+    hitSelf?: IBoolean;
+    hitRadius?: INumber;
+    cursor?: ICursorType | ICursorType[];
+    fill?: IFill;
+    stroke?: IStroke;
+    strokeAlign?: IStrokeAlign;
+    strokeWidth?: IFourNumber | IStrokeWidthString;
+    strokeWidthFixed?: IBoolean;
+    strokeCap?: IStrokeCap;
+    strokeJoin?: IStrokeJoin;
+    dashPattern?: INumber[] | IDashPatternString;
+    dashOffset?: INumber;
+    miterLimit?: INumber;
+    startArrow?: IArrowType;
+    endArrow?: IArrowType;
+    cornerRadius?: IFourNumber | ICornerRadiusString;
+    cornerSmoothing?: INumber;
+    shadow?: IShadowEffect | IShadowEffect[] | IShadowString;
+    innerShadow?: IShadowEffect | IShadowEffect[] | IShadowString;
+    blur?: INumber | IBlurEffect;
+    backgroundBlur?: INumber | IBlurEffect;
+    grayscale?: INumber | IGrayscaleEffect;
+    normalStyle?: IUIInputData;
+    hoverStyle?: IUIInputData;
+    pressStyle?: IUIInputData;
+    focusStyle?: IUIInputData;
+    selectedStyle?: IUIInputData;
+    disabledStyle?: IUIInputData;
     data: IObject;
     set scale(value: INumber | IPointData);
     get scale(): INumber | IPointData;
@@ -138,7 +138,7 @@ declare class Group extends UI implements IGroup {
     reset(data?: IGroupInputData): void;
     __setBranch(): void;
     set(data: IUIInputData): void;
-    toJSON(): IUIInputData;
+    toJSON(options?: IJSONOptions): IUIJSONData;
     pick(_hitPoint: IPointData, _options?: IPickOptions): IPickResult;
     addAt(child: IUI, index: number): void;
     addAfter(child: IUI, after: IUI): void;
@@ -154,7 +154,7 @@ declare class Leafer extends Group implements ILeafer {
     static list: LeafList;
     get __tag(): string;
     __: ILeaferData;
-    pixelRatio: INumber;
+    pixelRatio?: INumber;
     get isApp(): boolean;
     get app(): ILeafer;
     get isLeafer(): boolean;
@@ -242,8 +242,8 @@ declare class Box extends Group implements IBox {
     get __tag(): string;
     get isBranchLeaf(): boolean;
     __: IBoxData;
-    resizeChildren: IBoolean;
-    overflow: IOverflow;
+    resizeChildren?: IBoolean;
+    overflow?: IOverflow;
     isOverflow: boolean;
     constructor(data?: IBoxInputData);
     __updateStrokeSpread(): number;
@@ -266,8 +266,8 @@ declare class Frame extends Box implements IFrame {
     get __tag(): string;
     get isFrame(): boolean;
     __: IFrameData;
-    fill: IFill;
-    overflow: IOverflow;
+    fill?: IFill;
+    overflow?: IOverflow;
     constructor(data?: IFrameInputData);
 }
 
@@ -280,9 +280,9 @@ declare class Rect extends UI implements IRect {
 declare class Ellipse extends UI implements IEllipse {
     get __tag(): string;
     __: IEllipseData;
-    innerRadius: INumber;
-    startAngle: INumber;
-    endAngle: INumber;
+    innerRadius?: INumber;
+    startAngle?: INumber;
+    endAngle?: INumber;
     constructor(data?: IEllipseInputData);
     __updatePath(): void;
 }
@@ -290,9 +290,9 @@ declare class Ellipse extends UI implements IEllipse {
 declare class Polygon extends UI implements IPolygon {
     get __tag(): string;
     __: IPolygonData;
-    sides: INumber;
-    points: number[];
-    curve: boolean | number;
+    sides?: INumber;
+    points?: number[];
+    curve?: boolean | number;
     constructor(data?: IPolygonInputData);
     __updatePath(): void;
     __updateRenderPath(): void;
@@ -302,8 +302,8 @@ declare class Polygon extends UI implements IPolygon {
 declare class Star extends UI implements IStar {
     get __tag(): string;
     __: IStarData;
-    corners: INumber;
-    innerRadius: INumber;
+    corners?: INumber;
+    innerRadius?: INumber;
     constructor(data?: IStarInputData);
     __updatePath(): void;
 }
@@ -311,11 +311,11 @@ declare class Star extends UI implements IStar {
 declare class Line extends UI implements ILine {
     get __tag(): string;
     __: ILineData;
-    strokeAlign: IStrokeAlign;
-    height: INumber;
-    points: number[];
-    curve: boolean | number;
-    closed: boolean;
+    strokeAlign?: IStrokeAlign;
+    height?: INumber;
+    points?: number[];
+    curve?: boolean | number;
+    closed?: boolean;
     get toPoint(): IPointData;
     set toPoint(value: IPointData);
     constructor(data?: ILineInputData);
@@ -329,7 +329,7 @@ declare class Image extends Rect implements IImage {
     __: IImageData;
     url: IString;
     get ready(): boolean;
-    image: ILeaferImage;
+    image?: ILeaferImage;
     constructor(data?: IImageInputData);
     destroy(): void;
 }
@@ -337,13 +337,13 @@ declare class Image extends Rect implements IImage {
 declare class Canvas extends Rect implements ICanvas {
     get __tag(): string;
     __: ICanvasData;
-    width: INumber;
-    height: INumber;
-    pixelRatio: INumber;
-    smooth: boolean;
-    contextSettings: ICanvasContext2DSettings;
-    canvas: ILeaferCanvas;
-    context: ICanvasContext2D;
+    width?: INumber;
+    height?: INumber;
+    pixelRatio?: INumber;
+    smooth?: boolean;
+    contextSettings?: ICanvasContext2DSettings;
+    canvas?: ILeaferCanvas;
+    context?: ICanvasContext2D;
     constructor(data?: ICanvasInputData);
     draw(ui: IUI, offset?: IPointData, scale?: number | IPointData, rotation?: number): void;
     paint(): void;
@@ -355,27 +355,27 @@ declare class Canvas extends Rect implements ICanvas {
 declare class Text extends UI implements IText {
     get __tag(): string;
     __: ITextData;
-    width: INumber;
-    height: INumber;
-    resizeFontSize: IBoolean;
-    fill: IFill;
-    strokeAlign: IStrokeAlign;
-    hitFill: IHitType$1;
-    text: IString;
-    fontFamily: IString;
-    fontSize: INumber;
-    fontWeight: IFontWeight;
-    italic: IBoolean;
-    textCase: ITextCase;
-    textDecoration: ITextDecoration;
-    letterSpacing: INumber | IUnitData;
-    lineHeight: INumber | IUnitData;
-    paraIndent: INumber;
-    paraSpacing: INumber;
-    textAlign: ITextAlign;
-    verticalAlign: IVerticalAlign;
-    textWrap: ITextWrap;
-    textOverflow: IOverflow | string;
+    width?: INumber;
+    height?: INumber;
+    resizeFontSize?: IBoolean;
+    fill?: IFill;
+    strokeAlign?: IStrokeAlign;
+    hitFill?: IHitType$1;
+    text?: IString;
+    fontFamily?: IString;
+    fontSize?: INumber;
+    fontWeight?: IFontWeight;
+    italic?: IBoolean;
+    textCase?: ITextCase;
+    textDecoration?: ITextDecoration;
+    letterSpacing?: INumber | IUnitData;
+    lineHeight?: INumber | IUnitData;
+    paraIndent?: INumber;
+    paraSpacing?: INumber;
+    textAlign?: ITextAlign;
+    verticalAlign?: IVerticalAlign;
+    textWrap?: ITextWrap;
+    textOverflow?: IOverflow | string;
     get editInner(): string;
     get textDrawData(): ITextDrawData;
     constructor(data?: ITextInputData);
@@ -391,7 +391,7 @@ declare class Text extends UI implements IText {
 declare class Path extends UI implements IPath {
     get __tag(): string;
     __: IPathData;
-    strokeAlign: IStrokeAlign;
+    strokeAlign?: IStrokeAlign;
     constructor(data?: IPathInputData);
 }