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

package/package.json

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

package/src/ICommonAttr.ts

@@ -6,8 +6,8 @@ import { IDashPatternString, IShadowString, IColorString, IStrokeWidthString, IC
 
 // corner---
 export interface ICornerRadiusAttrData {
-    cornerRadius: IFourNumber | ICornerRadiusString
-    cornerSmoothing: INumber
+    cornerRadius?: IFourNumber | ICornerRadiusString
+    cornerSmoothing?: INumber
 }
 export interface ICornerRadiusInputData {
     cornerRadius?: IFourNumber | ICornerRadiusString
@@ -20,7 +20,7 @@ export interface ICornerRadiusComputedData {
 
 // fill---
 export interface IFillAttrData {
-    fill: IFill
+    fill?: IFill
 }
 export interface IFillInputData {
     fill?: IFill
@@ -37,19 +37,19 @@ export interface IBorderComputedData {
 
 // stroke---
 export interface IStrokeAttrData {
-    stroke: IStroke
+    stroke?: IStroke
 
-    strokeAlign: IStrokeAlign
-    strokeWidth: IFourNumber | IStrokeWidthString
-    strokeWidthFixed: IBoolean
-    strokeCap: IStrokeCap
-    strokeJoin: IStrokeJoin
-    dashPattern: INumber[] | IDashPatternString
-    dashOffset: INumber
-    miterLimit: INumber
+    strokeAlign?: IStrokeAlign
+    strokeWidth?: IFourNumber | IStrokeWidthString
+    strokeWidthFixed?: IBoolean
+    strokeCap?: IStrokeCap
+    strokeJoin?: IStrokeJoin
+    dashPattern?: INumber[] | IDashPatternString
+    dashOffset?: INumber
+    miterLimit?: INumber
 
-    startArrow: IArrowType
-    endArrow: IArrowType
+    startArrow?: IArrowType
+    endArrow?: IArrowType
 }
 export interface IStrokeInputData {
     stroke?: IStroke
@@ -85,23 +85,23 @@ export interface IStrokeComputedData {
 
 // text---
 export interface ITextStyleAttrData {
-    fontFamily: IString
-    fontSize: INumber
-    fontWeight: IFontWeight
-    italic: IBoolean
-    textCase: ITextCase
-    textDecoration: ITextDecoration
-    letterSpacing: INumber | IUnitData
-    lineHeight: INumber | IUnitData
+    fontFamily?: IString
+    fontSize?: INumber
+    fontWeight?: IFontWeight
+    italic?: IBoolean
+    textCase?: ITextCase
+    textDecoration?: ITextDecoration
+    letterSpacing?: INumber | IUnitData
+    lineHeight?: INumber | IUnitData
 
-    paraIndent: INumber
-    paraSpacing: INumber
+    paraIndent?: INumber
+    paraSpacing?: INumber
 
-    textAlign: ITextAlign
-    verticalAlign: IVerticalAlign
+    textAlign?: ITextAlign
+    verticalAlign?: IVerticalAlign
 
-    textWrap: ITextWrap
-    textOverflow: IOverflow | string
+    textWrap?: ITextWrap
+    textOverflow?: IOverflow | string
 }
 export interface ITextStyleInputData {
     fontFamily?: IString
@@ -144,11 +144,11 @@ export interface ITextStyleComputedData {
 
 // effect---
 export interface IEffectAttrData {
-    shadow: IShadowEffect | IShadowEffect[] | IShadowString
-    innerShadow: IShadowEffect | IShadowEffect[] | IShadowString
-    blur: INumber | IBlurEffect
-    backgroundBlur: INumber | IBlurEffect
-    grayscale: INumber | IGrayscaleEffect
+    shadow?: IShadowEffect | IShadowEffect[] | IShadowString
+    innerShadow?: IShadowEffect | IShadowEffect[] | IShadowString
+    blur?: INumber | IBlurEffect
+    backgroundBlur?: INumber | IBlurEffect
+    grayscale?: INumber | IGrayscaleEffect
 }
 export interface IEffectInputData {
     shadow?: IShadowEffect | IShadowEffect[] | IShadowString

package/src/IUI.ts

@@ -1,4 +1,4 @@
-import { ILeaf, ILeafComputedData, ILeafData, ILeafInputData, ILeaferCanvas, IRenderOptions, IExportOptions, IExportResult, IPathDrawer, IPointData, IPathCommandData, ILeaferImageConfig, IBoundsData, IObject, IPathString, ILeaferImage, IPathCreator, IAnswer, IPickOptions, IPickResult, IValue, ICanvasContext2DSettings, IFourNumber, IFindCondition, IBoolean } from '@leafer/interface'
+import { ILeaf, ILeafComputedData, ILeafData, ILeafInputData, ILeaferCanvas, IRenderOptions, IExportOptions, IExportResult, IPathDrawer, IPointData, IPathCommandData, ILeaferImageConfig, IBoundsData, IObject, IPathString, ILeaferImage, IPathCreator, IAnswer, IPickOptions, IPickResult, IValue, ICanvasContext2DSettings, IFourNumber, IFindCondition, IBoolean, ICanvasContext2D, IJSONOptions, IMatrixData } from '@leafer/interface'
 
 import {
     IFillAttrData, IFillInputData, IFillComputedData,
@@ -15,9 +15,9 @@ import { IEditorConfig } from './editor/IEditor'
 // Line
 export interface ILine extends IUI {
     __: ILineData
-    toPoint: IPointData
-    points: number[]
-    curve: boolean | number
+    toPoint?: IPointData
+    points?: number[]
+    curve?: boolean | number
 }
 
 interface ILineAttrData {
@@ -63,9 +63,9 @@ export interface IRectInputData extends IUIBaseInputData { }
 // Ellipse
 export interface IEllipse extends IUI {
     __: IEllipseData
-    startAngle: number
-    endAngle: number
-    innerRadius: number
+    startAngle?: number
+    endAngle?: number
+    innerRadius?: number
 }
 interface IEllipseAttrData {
     startAngle?: number
@@ -79,9 +79,9 @@ export interface IEllipseInputData extends IEllipseAttrData, IUIBaseInputData {
 // Polygon
 export interface IPolygon extends IUI {
     __: IPolygonData
-    sides: number
-    points: number[]
-    curve: boolean | number
+    sides?: number
+    points?: number[]
+    curve?: boolean | number
 }
 interface IPolygonAttrData {
     sides?: number
@@ -95,8 +95,8 @@ export interface IPolygonInputData extends IPolygonAttrData, IUIBaseInputData {
 // Star
 export interface IStar extends IUI {
     __: IStarData
-    corners: number
-    innerRadius: number
+    corners?: number
+    innerRadius?: number
 }
 interface IStarAttrData {
     corners?: number
@@ -132,9 +132,9 @@ export interface IPenInputData extends IGroupInputData { }
 // Text
 export interface IText extends ITextStyleAttrData, IUI {
     __: ITextData
-    text: string
-    padding: IFourNumber
-    resizeFontSize: IBoolean
+    text?: string
+    padding?: IFourNumber
+    resizeFontSize?: IBoolean
 }
 interface ITextAttrData {
     text?: string
@@ -215,9 +215,10 @@ export interface IImageInputData extends IImageAttrData, IUIBaseInputData { }
 
 export interface ICanvas extends IRect {
     __: ICanvasData
-    smooth: boolean
-    contextSettings: ICanvasContext2DSettings
-    canvas: ILeaferCanvas
+    smooth?: boolean
+    contextSettings?: ICanvasContext2DSettings
+    canvas?: ILeaferCanvas
+    context?: ICanvasContext2D
     __updateSize(): void
 }
 interface ICanvasAttrData {
@@ -259,8 +260,8 @@ export interface IFrameInputData extends IBoxInputData {
 // Box
 export interface IBox extends IGroup {
     __: IBoxData
-    resizeChildren: IBoolean
-    overflow: IOverflow
+    resizeChildren?: IBoolean
+    overflow?: IOverflow
     __updateRectRenderBounds(): void
     __renderGroup(canvas: ILeaferCanvas, options: IRenderOptions): void
 }
@@ -301,17 +302,17 @@ export interface IUI extends IFillAttrData, IStrokeAttrData, ICornerRadiusAttrDa
     zoomLayer?: IGroup
     readonly isFrame?: boolean
 
-    proxyData: IUIInputData
+    proxyData?: IUIInputData
     __proxyData?: IUIInputData
 
-    normalStyle: IUIInputData
-    hoverStyle: IUIInputData
-    pressStyle: IUIInputData
-    focusStyle: IUIInputData
-    selectedStyle: IUIInputData
-    disabledStyle: IUIInputData
+    normalStyle?: IUIInputData
+    hoverStyle?: IUIInputData
+    pressStyle?: IUIInputData
+    focusStyle?: IUIInputData
+    selectedStyle?: IUIInputData
+    disabledStyle?: IUIInputData
 
-    editConfig: IEditorConfig
+    editConfig?: IEditorConfig
     editOuter: string
     editInner: string
 
@@ -322,7 +323,7 @@ export interface IUI extends IFillAttrData, IStrokeAttrData, ICornerRadiusAttrDa
     reset(data?: IUIInputData): void
 
     set(data: IUIInputData): void
-    toJSON(): IUIInputData
+    toJSON(options?: IJSONOptions): IUIJSONData
 
     get(name?: string | string[] | IUIInputData): IUIInputData | IValue
     createProxyData(): IUIInputData
@@ -427,4 +428,8 @@ export type IUITag =
 
 export interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IFrameInputData, IUIBaseInputData, IObject {
     children?: IUIInputData[]
+}
+
+export interface IUIJSONData extends IUIInputData {
+    matrix?: IMatrixData
 }

package/src/editor/IEditor.ts

@@ -1,11 +1,11 @@
-import { IGroup, IUI, IBox, IRectInputData, ISelectorProxy, IEditSize, ICursorType, IAlign, IUnitPointData, IDragEvent, IRotateEvent, IStroke, IFill, ILeaf, ILeafList, IObject, IBoxInputData, IGroupInputData, IImageCursor, IRect, IBoundsData, IKeyEvent, IUIInputData, IZoomEvent } from '@leafer-ui/interface'
+import { IGroup, IUI, IBox, IRectInputData, ISelectorProxy, IEditSize, ICursorType, IAlign, IUnitPointData, IDragEvent, IRotateEvent, IStroke, IFill, ILeaf, ILeafList, IObject, IBoxInputData, IGroupInputData, IImageCursor, IRect, IBoundsData, IKeyEvent, IUIInputData, IZoomEvent, IColorString } from '@leafer-ui/interface'
 
 export interface IEditorBase extends IGroup, ISelectorProxy {
     config: IEditorConfig
     readonly mergeConfig: IEditorConfig // 实际使用，合并了选中元素上的editConfig
 
-    hoverTarget: IUI
-    target: IUI | IUI[]
+    hoverTarget?: IUI
+    target?: IUI | IUI[]
 
     readonly list: IUI[]
     leafList: ILeafList
@@ -20,13 +20,13 @@ export interface IEditorBase extends IGroup, ISelectorProxy {
 
     readonly dragging: boolean
 
-    element: IUI
+    element?: IUI
     buttons: IGroup
 
     selector: IGroup
     editBox: IEditBoxBase
-    editTool: IObject
-    innerEditor: IObject
+    editTool?: IObject
+    innerEditor?: IObject
 
     select(target: IUI | IUI[]): void
     cancel(): void
@@ -80,6 +80,7 @@ export interface IEditorConfig {
 
     rect?: IBoxInputData
     area?: IRectInputData
+    mask?: IColorString
 
     buttonsDirection?: 'top' | 'right' | 'bottom' | 'left'
     buttonsFixed?: boolean

package/src/index.ts

@@ -22,7 +22,7 @@ export {
     ILeaferInputData, ILeaferData,
     IAppInputData, IAppData,
     IUI, IUIBaseInputData, IUIData, IFindUIMethod,
-    IUITag, IUIInputData
+    IUITag, IUIInputData, IUIJSONData
 } from './IUI'
 
 export { IVectorPath, IShadowEffect, IBlurEffect, IGrayscaleEffect, IFill, IStroke, IPaintAttr, IStrokeAlign, IStrokeJoin, IStrokeCap, IArrowType, IPathDataArrow, IPathDataArrowMap, IRGB, IRGBA, IColor, IColorStop, IPaint, IGradientPaint, IImagePaint, IImagePaintMode, IFontWeight, ITextCase, ITextDecoration, ITextAlign, IVerticalAlign, IOverflow, ITextWrap, IRepeat } from './type/IType'

package/types/index.d.ts

@@ -1,6 +1,6 @@
-import { IAlign, IUnitPointData, IExportFileType, IFourNumber, IPointData, ISizeData, IPathCommandData, IWindingRule, IBlendMode, IMatrixData, ILeaferImage, ITaskItem, IBoolean, INumber, IString, IUnitData, IPathCreator, IBoundsData as IBoundsData$1, ILeaferImageConfig, ICanvasContext2DSettings, ILeaferCanvas, IRenderOptions, IPickOptions, IPickResult, ILeaf as ILeaf$1, IValue, IFindCondition, IPathString, IPathDrawer, IExportOptions, IExportResult, IAnswer, ILeafData, ILeafComputedData, ILeafInputData, IObject as IObject$1, ILeaferAttrData, IControl, ILeaferConfig, ILeaferType, ILeafRender, ILeafBounds, ILeafHit, IStateStyleType, ICachedLeaf, IBooleanMap, IAround } from '@leafer/interface';
+import { IAlign, IUnitPointData, IExportFileType, IFourNumber, IPointData, ISizeData, IPathCommandData, IWindingRule, IBlendMode, IMatrixData, ILeaferImage, ITaskItem, IBoolean, INumber, IString, IUnitData, IPathCreator, IBoundsData as IBoundsData$1, ILeaferImageConfig, ICanvasContext2DSettings, ILeaferCanvas, ICanvasContext2D, IRenderOptions, IPickOptions, IPickResult, ILeaf as ILeaf$1, IJSONOptions, IValue, IFindCondition, IPathString, IPathDrawer, IExportOptions, IExportResult, IAnswer, ILeafData, ILeafComputedData, ILeafInputData, IObject as IObject$1, ILeaferAttrData, IControl, ILeaferConfig, ILeaferType, ILeafRender, ILeafBounds, ILeafHit, IStateStyleType, ICachedLeaf, IBooleanMap, IAround } from '@leafer/interface';
 export * from '@leafer/interface';
-import { IGroup as IGroup$1, ISelectorProxy, IUI as IUI$1, ILeafList, IObject, ILeaf, IEditSize, IDragEvent, IZoomEvent, IRotateEvent, IGroupInputData as IGroupInputData$1, IStroke as IStroke$1, IFill as IFill$1, IBoxInputData as IBoxInputData$1, IRectInputData as IRectInputData$1, ICursorType, IImageCursor, IAlign as IAlign$1, IUnitPointData as IUnitPointData$1, IUIInputData as IUIInputData$1, IBox as IBox$1, IRect as IRect$1, IBoundsData, IKeyEvent } from '@leafer-ui/interface';
+import { IGroup as IGroup$1, ISelectorProxy, IUI as IUI$1, ILeafList, IObject, ILeaf, IEditSize, IDragEvent, IZoomEvent, IRotateEvent, IGroupInputData as IGroupInputData$1, IStroke as IStroke$1, IFill as IFill$1, IBoxInputData as IBoxInputData$1, IRectInputData as IRectInputData$1, IColorString as IColorString$1, ICursorType, IImageCursor, IAlign as IAlign$1, IUnitPointData as IUnitPointData$1, IUIInputData as IUIInputData$1, IBox as IBox$1, IRect as IRect$1, IBoundsData, IKeyEvent } from '@leafer-ui/interface';
 
 type IPercent = string;
 type IColorString = string;
@@ -167,8 +167,8 @@ interface ILeafShadowEffect {
 }
 
 interface ICornerRadiusAttrData {
-    cornerRadius: IFourNumber | ICornerRadiusString;
-    cornerSmoothing: INumber;
+    cornerRadius?: IFourNumber | ICornerRadiusString;
+    cornerSmoothing?: INumber;
 }
 interface ICornerRadiusInputData {
     cornerRadius?: IFourNumber | ICornerRadiusString;
@@ -179,7 +179,7 @@ interface ICornerRadiusComputedData {
     cornerSmoothing?: number;
 }
 interface IFillAttrData {
-    fill: IFill;
+    fill?: IFill;
 }
 interface IFillInputData {
     fill?: IFill;
@@ -192,17 +192,17 @@ interface IBorderComputedData {
     borderRadius?: number | number[];
 }
 interface IStrokeAttrData {
-    stroke: IStroke;
-    strokeAlign: IStrokeAlign;
-    strokeWidth: IFourNumber | IStrokeWidthString;
-    strokeWidthFixed: IBoolean;
-    strokeCap: IStrokeCap;
-    strokeJoin: IStrokeJoin;
-    dashPattern: INumber[] | IDashPatternString;
-    dashOffset: INumber;
-    miterLimit: INumber;
-    startArrow: IArrowType;
-    endArrow: IArrowType;
+    stroke?: IStroke;
+    strokeAlign?: IStrokeAlign;
+    strokeWidth?: IFourNumber | IStrokeWidthString;
+    strokeWidthFixed?: IBoolean;
+    strokeCap?: IStrokeCap;
+    strokeJoin?: IStrokeJoin;
+    dashPattern?: INumber[] | IDashPatternString;
+    dashOffset?: INumber;
+    miterLimit?: INumber;
+    startArrow?: IArrowType;
+    endArrow?: IArrowType;
 }
 interface IStrokeInputData {
     stroke?: IStroke;
@@ -232,20 +232,20 @@ interface IStrokeComputedData {
     endArrow?: IArrowType;
 }
 interface ITextStyleAttrData {
-    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;
+    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;
 }
 interface ITextStyleInputData {
     fontFamily?: IString;
@@ -280,11 +280,11 @@ interface ITextStyleComputedData {
     textOverflow?: IOverflow | string;
 }
 interface IEffectAttrData {
-    shadow: IShadowEffect | IShadowEffect[] | IShadowString;
-    innerShadow: IShadowEffect | IShadowEffect[] | IShadowString;
-    blur: INumber | IBlurEffect;
-    backgroundBlur: INumber | IBlurEffect;
-    grayscale: INumber | IGrayscaleEffect;
+    shadow?: IShadowEffect | IShadowEffect[] | IShadowString;
+    innerShadow?: IShadowEffect | IShadowEffect[] | IShadowString;
+    blur?: INumber | IBlurEffect;
+    backgroundBlur?: INumber | IBlurEffect;
+    grayscale?: INumber | IGrayscaleEffect;
 }
 interface IEffectInputData {
     shadow?: IShadowEffect | IShadowEffect[] | IShadowString;
@@ -304,8 +304,8 @@ interface IEffectComputedData {
 interface IEditorBase extends IGroup$1, ISelectorProxy {
     config: IEditorConfig;
     readonly mergeConfig: IEditorConfig;
-    hoverTarget: IUI$1;
-    target: IUI$1 | IUI$1[];
+    hoverTarget?: IUI$1;
+    target?: IUI$1 | IUI$1[];
     readonly list: IUI$1[];
     leafList: ILeafList;
     openedGroupList: ILeafList;
@@ -315,12 +315,12 @@ interface IEditorBase extends IGroup$1, ISelectorProxy {
     readonly multiple: boolean;
     readonly single: boolean;
     readonly dragging: boolean;
-    element: IUI$1;
+    element?: IUI$1;
     buttons: IGroup$1;
     selector: IGroup$1;
     editBox: IEditBoxBase;
-    editTool: IObject;
-    innerEditor: IObject;
+    editTool?: IObject;
+    innerEditor?: IObject;
     select(target: IUI$1 | IUI$1[]): void;
     cancel(): void;
     hasItem(item: IUI$1): boolean;
@@ -360,6 +360,7 @@ interface IEditorConfig {
     rotatePoint?: IBoxInputData$1;
     rect?: IBoxInputData$1;
     area?: IRectInputData$1;
+    mask?: IColorString$1;
     buttonsDirection?: 'top' | 'right' | 'bottom' | 'left';
     buttonsFixed?: boolean;
     buttonsMargin?: number;
@@ -422,9 +423,9 @@ interface IEditToolFunction {
 
 interface ILine extends IUI {
     __: ILineData;
-    toPoint: IPointData;
-    points: number[];
-    curve: boolean | number;
+    toPoint?: IPointData;
+    points?: number[];
+    curve?: boolean | number;
 }
 interface ILineAttrData {
     toPoint?: IPointData;
@@ -462,9 +463,9 @@ interface IRectInputData extends IUIBaseInputData {
 }
 interface IEllipse extends IUI {
     __: IEllipseData;
-    startAngle: number;
-    endAngle: number;
-    innerRadius: number;
+    startAngle?: number;
+    endAngle?: number;
+    innerRadius?: number;
 }
 interface IEllipseAttrData {
     startAngle?: number;
@@ -477,9 +478,9 @@ interface IEllipseInputData extends IEllipseAttrData, IUIBaseInputData {
 }
 interface IPolygon extends IUI {
     __: IPolygonData;
-    sides: number;
-    points: number[];
-    curve: boolean | number;
+    sides?: number;
+    points?: number[];
+    curve?: boolean | number;
 }
 interface IPolygonAttrData {
     sides?: number;
@@ -492,8 +493,8 @@ interface IPolygonInputData extends IPolygonAttrData, IUIBaseInputData {
 }
 interface IStar extends IUI {
     __: IStarData;
-    corners: number;
-    innerRadius: number;
+    corners?: number;
+    innerRadius?: number;
 }
 interface IStarAttrData {
     corners?: number;
@@ -523,9 +524,9 @@ interface IPenInputData extends IGroupInputData {
 }
 interface IText extends ITextStyleAttrData, IUI {
     __: ITextData;
-    text: string;
-    padding: IFourNumber;
-    resizeFontSize: IBoolean;
+    text?: string;
+    padding?: IFourNumber;
+    resizeFontSize?: IBoolean;
 }
 interface ITextAttrData {
     text?: string;
@@ -596,9 +597,10 @@ interface IImageInputData extends IImageAttrData, IUIBaseInputData {
 }
 interface ICanvas extends IRect {
     __: ICanvasData;
-    smooth: boolean;
-    contextSettings: ICanvasContext2DSettings;
-    canvas: ILeaferCanvas;
+    smooth?: boolean;
+    contextSettings?: ICanvasContext2DSettings;
+    canvas?: ILeaferCanvas;
+    context?: ICanvasContext2D;
     __updateSize(): void;
 }
 interface ICanvasAttrData {
@@ -626,8 +628,8 @@ interface IFrameInputData extends IBoxInputData {
 }
 interface IBox extends IGroup {
     __: IBoxData;
-    resizeChildren: IBoolean;
-    overflow: IOverflow;
+    resizeChildren?: IBoolean;
+    overflow?: IOverflow;
     __updateRectRenderBounds(): void;
     __renderGroup(canvas: ILeaferCanvas, options: IRenderOptions): void;
 }
@@ -663,22 +665,22 @@ interface IUI extends IFillAttrData, IStrokeAttrData, ICornerRadiusAttrData, IEf
     parent?: IGroup;
     zoomLayer?: IGroup;
     readonly isFrame?: boolean;
-    proxyData: IUIInputData;
+    proxyData?: IUIInputData;
     __proxyData?: IUIInputData;
-    normalStyle: IUIInputData;
-    hoverStyle: IUIInputData;
-    pressStyle: IUIInputData;
-    focusStyle: IUIInputData;
-    selectedStyle: IUIInputData;
-    disabledStyle: IUIInputData;
-    editConfig: IEditorConfig;
+    normalStyle?: IUIInputData;
+    hoverStyle?: IUIInputData;
+    pressStyle?: IUIInputData;
+    focusStyle?: IUIInputData;
+    selectedStyle?: IUIInputData;
+    disabledStyle?: IUIInputData;
+    editConfig?: IEditorConfig;
     editOuter: string;
     editInner: string;
     children?: IUI[];
     readonly pen: IPathCreator;
     reset(data?: IUIInputData): void;
     set(data: IUIInputData): void;
-    toJSON(): IUIInputData;
+    toJSON(options?: IJSONOptions): IUIJSONData;
     get(name?: string | string[] | IUIInputData): IUIInputData | IValue;
     createProxyData(): IUIInputData;
     find(condition: number | string | IFindCondition | IFindUIMethod, options?: any): IUI[];
@@ -740,6 +742,9 @@ type IUITag = 'App' | 'Leafer' | 'Rect' | 'Ellipse' | 'Polygon' | 'Star' | 'Line
 interface IUIInputData extends IRectInputData, IEllipseInputData, IPolygonInputData, IStarInputData, ILineInputData, IPathInputData, ITextInputData, IImageInputData, IGroupInputData, IFrameInputData, IUIBaseInputData, IObject$1 {
     children?: IUIInputData[];
 }
+interface IUIJSONData extends IUIInputData {
+    matrix?: IMatrixData;
+}
 
 interface ILeafer extends IGroup, ILeaferAttrData, IControl {
     readonly isApp: boolean;
@@ -863,4 +868,4 @@ interface IEffectModule {
     backgroundBlur(ui: IUI, current: ILeaferCanvas, shape: ICachedShape): void;
 }
 
-export type { IApp, IAppConfig, IAppData, IAppInputData, IArrow, IArrowData, IArrowInputData, IArrowType, IBlurEffect, IBox, IBoxData, IBoxInputData, ICachedShape, ICanvas, ICanvasData, ICanvasInputData, IColor, IColorConvertModule, IColorStop, IColorString, ICornerRadiusString, IDashPatternString, IEditBoxBase, IEditPoint, IEditPointType, IEditToolFunction, IEditorBase, IEditorConfig, IEditorConfigFunction, IEffectAttrData, IEffectComputedData, IEffectInputData, IEffectModule, IEllipse, IEllipseData, IEllipseInputData, IExportModule, IFill, IFindUIMethod, IFlow, IFlowData, IFlowInputData, 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, IPaintAttr, IPaintGradientModule, IPaintImageModule, IPaintModule, IPaintString, IPath, IPathArrowModule, IPathData, IPathDataArrow, IPathDataArrowMap, IPathInputData, IPen, IPenData, IPenInputData, IPercent, IPolygon, IPolygonData, IPolygonInputData, IRGB, IRGBA, IRect, IRectData, IRectInputData, IRectRenderModule, IRepeat, IShadowEffect, IShadowString, IStar, IStarData, IStarInputData, IStateModule, IStroke, IStrokeAlign, IStrokeAttrData, IStrokeCap, IStrokeComputedData, IStrokeInputData, IStrokeJoin, IStrokeWidthString, IText, ITextAlign, ITextCase, ITextCharData, ITextConvertModule, ITextData, ITextDecoration, ITextDrawData, ITextInputData, ITextRenderModule, ITextRowData, ITextStyleAttrData, ITextStyleComputedData, ITextStyleInputData, ITextWordData, ITextWrap, IUI, IUIBaseInputData, IUIBoundsModule, IUIData, IUIHitModule, IUIInputData, IUIRenderModule, IUITag, IVectorPath, IVerticalAlign };
+export type { IApp, IAppConfig, IAppData, IAppInputData, IArrow, IArrowData, IArrowInputData, IArrowType, IBlurEffect, IBox, IBoxData, IBoxInputData, ICachedShape, ICanvas, ICanvasData, ICanvasInputData, IColor, IColorConvertModule, IColorStop, IColorString, ICornerRadiusString, IDashPatternString, IEditBoxBase, IEditPoint, IEditPointType, IEditToolFunction, IEditorBase, IEditorConfig, IEditorConfigFunction, IEffectAttrData, IEffectComputedData, IEffectInputData, IEffectModule, IEllipse, IEllipseData, IEllipseInputData, IExportModule, IFill, IFindUIMethod, IFlow, IFlowData, IFlowInputData, 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, IPaintAttr, IPaintGradientModule, IPaintImageModule, IPaintModule, IPaintString, IPath, IPathArrowModule, IPathData, IPathDataArrow, IPathDataArrowMap, IPathInputData, IPen, IPenData, IPenInputData, IPercent, IPolygon, IPolygonData, IPolygonInputData, IRGB, IRGBA, IRect, IRectData, IRectInputData, IRectRenderModule, IRepeat, IShadowEffect, IShadowString, IStar, IStarData, IStarInputData, IStateModule, IStroke, IStrokeAlign, IStrokeAttrData, IStrokeCap, IStrokeComputedData, IStrokeInputData, IStrokeJoin, IStrokeWidthString, IText, ITextAlign, ITextCase, ITextCharData, ITextConvertModule, ITextData, ITextDecoration, ITextDrawData, ITextInputData, ITextRenderModule, ITextRowData, ITextStyleAttrData, ITextStyleComputedData, ITextStyleInputData, ITextWordData, ITextWrap, IUI, IUIBaseInputData, IUIBoundsModule, IUIData, IUIHitModule, IUIInputData, IUIJSONData, IUIRenderModule, IUITag, IVectorPath, IVerticalAlign };