@leafer-ui/interface 1.0.0-rc.20 → 1.0.0-rc.22

package/package.json

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

package/src/ICommonAttr.ts

@@ -1,4 +1,4 @@
-import { INumber, IBoolean, IString } from '@leafer/interface'
+import { INumber, IBoolean, IString, IFourNumber } from '@leafer/interface'
 import { IStrokeAlign, IStrokeCap, IStrokeJoin, IBlurEffect, IFontWeight, ITextCase, ITextDecoration, IShadowEffect, IGrayscaleEffect, ITextAlign, IVerticalAlign, IOverflow, IUnitData, ITextWrap, IStroke, IFill, IArrowType } from './type/IType'
 import { ILeafStrokePaint, ILeafShadowEffect, ILeafPaint } from './type/IComputedType'
 import { IDashPatternString, IShadowString, IColorString, IStrokeWidthString, ICornerRadiusString } from './type/IStringType'
@@ -6,11 +6,11 @@ import { IDashPatternString, IShadowString, IColorString, IStrokeWidthString, IC
 
 // corner---
 export interface ICornerRadiusAttrData {
-    cornerRadius: INumber | INumber[] | ICornerRadiusString
+    cornerRadius: IFourNumber | ICornerRadiusString
     cornerSmoothing: INumber
 }
 export interface ICornerRadiusInputData {
-    cornerRadius?: INumber | INumber[] | ICornerRadiusString
+    cornerRadius?: IFourNumber | ICornerRadiusString
     cornerSmoothing?: INumber
 }
 export interface ICornerRadiusComputedData {
@@ -40,7 +40,7 @@ export interface IStrokeAttrData {
     stroke: IStroke
 
     strokeAlign: IStrokeAlign
-    strokeWidth: INumber | INumber[] | IStrokeWidthString
+    strokeWidth: IFourNumber | IStrokeWidthString
     strokeWidthFixed: IBoolean
     strokeCap: IStrokeCap
     strokeJoin: IStrokeJoin
@@ -55,7 +55,7 @@ export interface IStrokeInputData {
     stroke?: IStroke
 
     strokeAlign?: IStrokeAlign
-    strokeWidth?: INumber | INumber[] | IStrokeWidthString
+    strokeWidth?: IFourNumber | IStrokeWidthString
     strokeWidthFixed?: IBoolean
     strokeCap?: IStrokeCap
     strokeJoin?: IStrokeJoin

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 } 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 } from '@leafer/interface'
 
 import {
     IFillAttrData, IFillInputData, IFillComputedData,
@@ -122,9 +122,11 @@ export interface IPenInputData extends IGroupInputData { }
 export interface IText extends ITextStyleAttrData, IUI {
     __: ITextData
     text: string
+    padding: IFourNumber
 }
 interface ITextAttrData {
     text?: string
+    padding?: IFourNumber
 }
 
 export interface ITextData extends ITextAttrData, ITextStyleComputedData, IUIData {
@@ -293,7 +295,9 @@ export interface IUI extends IFillAttrData, IStrokeAttrData, ICornerRadiusAttrDa
     selectedStyle: IUIInputData
     disabledStyle: IUIInputData
 
-    editorStyle: IEditorConfig
+    editConfig: IEditorConfig
+    editOuter: string
+    editInner: string
 
     children?: IUI[]
 
@@ -334,8 +338,6 @@ export interface IUIData extends IUIComputedData, ILeafData {
     selectedStyle?: IUIInputData
     disabledStyle?: IUIInputData
 
-    editorStyle?: IEditorConfig
-
     // 非数据属性, 自动计算的缓存数据
     __isFills?: boolean
     __isStrokes?: boolean
@@ -383,8 +385,6 @@ export interface IUIBaseInputData extends IFillInputData, IStrokeInputData, ITex
     selectedStyle?: IUIInputData
     disabledStyle?: IUIInputData
 
-    editorStyle?: IEditorConfig
-
     children?: IUIInputData[]
 }
 

package/src/editor/IEditor.ts

@@ -1,14 +1,20 @@
-import { IGroup, IUI, IRectInputData, ISelectorProxy, IEditSize, ICursorType, IAround, IDragEvent, IRotateEvent, IStroke, IFill, ILeaf, IObject, IBoxInputData, IGroupInputData, IImageCursor } from '@leafer-ui/interface'
+import { IGroup, IUI, IBox, IRectInputData, ISelectorProxy, IEditSize, ICursorType, IAround, IDragEvent, IRotateEvent, IStroke, IFill, ILeaf, ILeafList, IObject, IBoxInputData, IGroupInputData, IImageCursor, IRect, IBoundsData, IKeyEvent, IUIInputData } from '@leafer-ui/interface'
 
 export interface IEditorBase extends IGroup, ISelectorProxy {
     config: IEditorConfig
+    mergeConfig: IEditorConfig // 实际使用，合并了选中元素上的editConfig
 
     hoverTarget: IUI
     target: IUI | IUI[]
 
     readonly list: IUI[]
+    leafList: ILeafList
+    openedGroupList: ILeafList
+
+    readonly editing: boolean
+    innerEditing: boolean
+    readonly groupOpening: boolean
 
-    readonly hasTarget: boolean
     readonly multiple: boolean
     readonly single: boolean
 
@@ -18,8 +24,9 @@ export interface IEditorBase extends IGroup, ISelectorProxy {
     buttons: IGroup
 
     selector: IGroup
-    editBox: IGroup
+    editBox: IEditBoxBase
     editTool: IObject
+    innerEditor: IObject
 
     hasItem(item: IUI): boolean
     shiftItem(item: IUI): void
@@ -38,6 +45,11 @@ export interface IEditorBase extends IGroup, ISelectorProxy {
 
     group(group?: IGroup | IGroupInputData): IGroup
     ungroup(): IUI[]
+    openGroup(group: IGroup): void
+    closeGroup(group: IGroup): void
+
+    openInnerEditor(): void
+    closeInnerEditor(): void
 
     lock(): void
     unlock(): void
@@ -84,12 +96,64 @@ export interface IEditorConfig {
 
     selector?: boolean
     hover?: boolean
+    hoverStyle?: IUIInputData
     select?: 'press' | 'tap'
     boxSelect?: boolean
     continuousSelect?: boolean // 点击可以连续选择
+    openInner?: 'double' | 'long' // 双击/长按打开内部
 
     moveable?: boolean
     rotateable?: boolean
     resizeable?: boolean
     skewable?: boolean
-}
+}
+
+export interface IEditPoint extends IBox {
+    direction: number
+    pointType: IEditPointType
+}
+
+export type IEditPointType = 'rotate' | 'resize'
+
+export interface IEditBoxBase extends IGroup {
+    editor: IEditorBase
+    dragging: boolean
+    moving: boolean
+
+    view: IGroup //  放置默认编辑工具控制点
+
+    circle: IEditPoint
+    rect: IRect
+
+    buttons: IGroup
+
+    resizePoints: IEditPoint[]
+    rotatePoints: IEditPoint[]
+    resizeLines: IEditPoint[]
+
+    readonly flipped: boolean
+    readonly flippedX: boolean
+    readonly flippedY: boolean
+    readonly flippedOne: boolean
+
+    enterPoint: IEditPoint
+
+    getPointStyle(userStyle?: IBoxInputData): IBoxInputData
+    getPointsStyle(): IBoxInputData[]
+    getMiddlePointsStyle(): IBoxInputData[]
+
+    load(): void
+    update(bounds: IBoundsData): void
+    unload(): void
+
+    onArrow(e: IKeyEvent): void
+
+}
+
+export interface IEditorConfigFunction {
+    (ui: any): IEditorConfig
+}
+
+export interface IEditToolFunction {
+    (ui: any): string
+}

package/src/index.ts

@@ -41,4 +41,4 @@ export { IPaintModule, IPaintImageModule, IPaintGradientModule } from './module/
 export { IEffectModule } from './module/IEffect'
 export { ICachedShape } from './ICachedShape'
 
-export { IEditorBase, IEditorConfig } from './editor/IEditor'
+export { IEditorBase, IEditorConfig, IEditBoxBase, IEditPoint, IEditPointType, IEditToolFunction, IEditorConfigFunction } from './editor/IEditor'

package/src/module/IPaint.ts

@@ -1,9 +1,9 @@
-import { ILeaferCanvas, IRenderOptions, IBooleanMap, IBoundsData, ILeaferImage } from '@leafer/interface'
+import { ILeaferCanvas, IRenderOptions, IBooleanMap, IBoundsData, ILeaferImage, IAround } from '@leafer/interface'
 
 import { ILeafPaint, ILeafPaintPatternData } from '../type/IComputedType'
 import { IUI, IUIData } from '../IUI'
 import { ICachedShape } from '../ICachedShape'
-import { IGradientPaint, IImagePaint, IImagePaintMode, IPaintAttr } from '../type/IType'
+import { IGradientPaint, IImagePaint, IPaintAttr } from '../type/IType'
 
 export interface IPaintModule {
     compute(attrName: IPaintAttr, ui: IUI): void
@@ -30,9 +30,9 @@ export interface IPaintImageModule {
     recycleImage(attrName: IPaintAttr, data: IUIData): IBooleanMap
 
     createData(leafPaint: ILeafPaint, image: ILeaferImage, paint: IImagePaint, box: IBoundsData): void
-    fillOrFitMode(data: ILeafPaintPatternData, mode: IImagePaintMode, box: IBoundsData, width: number, height: number, rotation: number): void
+    fillOrFitMode(data: ILeafPaintPatternData, box: IBoundsData, x: number, y: number, scaleX: number, scaleY: number, rotation: number): void
     clipMode(data: ILeafPaintPatternData, box: IBoundsData, x: number, y: number, scaleX: number, scaleY: number, rotation: number): void
-    repeatMode(data: ILeafPaintPatternData, box: IBoundsData, width: number, height: number, x: number, y: number, scaleX: number, scaleY: number, rotation: number): void
+    repeatMode(data: ILeafPaintPatternData, box: IBoundsData, width: number, height: number, x: number, y: number, scaleX: number, scaleY: number, rotation: number, around: IAround): void
 }
 
 export interface IPaintGradientModule {

package/src/type/IType.ts

@@ -1,4 +1,4 @@
-import { IPointData, IPathCommandData, IWindingRule, IBlendMode, IExportFileType, ISizeData, IFourNumber } from '@leafer/interface'
+import { IPointData, IPathCommandData, IWindingRule, IBlendMode, IExportFileType, ISizeData, IFourNumber, IDirection } from '@leafer/interface'
 import { IColorString, IPaintString } from './IStringType'
 
 export interface IUnitData {
@@ -72,7 +72,10 @@ export interface IImagePaint extends IPaintBase {
     filters?: IImageFilters
 
     padding?: IFourNumber
+
+    around?: IDirection
     offset?: IPointData
+
     size?: number | ISizeData
     scale?: number | IPointData
     rotation?: number
@@ -88,7 +91,7 @@ export interface IImageFilters {
     highlights?: number // 高光
     shadows?: number // 阴影
 }
-export type IImagePaintMode = 'cover' | 'fit' | 'strench' | 'clip' | 'repeat'
+export type IImagePaintMode = 'normal' | 'cover' | 'fit' | 'strench' | 'clip' | 'repeat'
 export type IRepeat = boolean | 'x' | 'y'
 
 // 描边

package/types/index.d.ts

@@ -1,6 +1,6 @@
-import { IPointData, IExportFileType, IFourNumber, ISizeData, IPathCommandData, IWindingRule, IBlendMode, IMatrixData, ILeaferImage, ITaskItem, INumber, IBoolean, IString, IPathCreator, IBoundsData, ILeaferImageConfig, ICanvasContext2DSettings, ILeaferCanvas, IRenderOptions, IPickOptions, IPickResult, ILeaf as ILeaf$1, IValue, IPathString, IPathDrawer, IExportOptions, IExportResult, IAnswer, ILeafData, ILeafComputedData, ILeafInputData, IObject as IObject$1, ILeaferAttrData, IControl, ILeaferConfig, ILeaferType, ILeafRender, ILeafBounds, ILeafHit, IStateStyleType, ICachedLeaf, IBooleanMap } from '@leafer/interface';
+import { IPointData, IExportFileType, IFourNumber, IDirection, ISizeData, IPathCommandData, IWindingRule, IBlendMode, IMatrixData, ILeaferImage, ITaskItem, INumber, IBoolean, IString, IPathCreator, IBoundsData as IBoundsData$1, ILeaferImageConfig, ICanvasContext2DSettings, ILeaferCanvas, IRenderOptions, IPickOptions, IPickResult, ILeaf as ILeaf$1, IValue, IPathString, IPathDrawer, IExportOptions, IExportResult, IAnswer, ILeafData, ILeafComputedData, ILeafInputData, IObject as IObject$1, ILeaferAttrData, IControl, ILeaferConfig, ILeaferType, ILeafRender, ILeafBounds, ILeafHit, IStateStyleType, ICachedLeaf, IBooleanMap, IAround as IAround$1 } from '@leafer/interface';
 export * from '@leafer/interface';
-import { IGroup as IGroup$1, ISelectorProxy, IUI as IUI$1, IObject, ILeaf, IEditSize, IDragEvent, IRotateEvent, IGroupInputData as IGroupInputData$1, IStroke as IStroke$1, IFill as IFill$1, IBoxInputData as IBoxInputData$1, IRectInputData as IRectInputData$1, ICursorType, IImageCursor, IAround } from '@leafer-ui/interface';
+import { IGroup as IGroup$1, ISelectorProxy, IUI as IUI$1, ILeafList, IObject, ILeaf, IEditSize, IDragEvent, IRotateEvent, IGroupInputData as IGroupInputData$1, IStroke as IStroke$1, IFill as IFill$1, IBoxInputData as IBoxInputData$1, IRectInputData as IRectInputData$1, ICursorType, IImageCursor, IAround, IUIInputData as IUIInputData$1, IBox as IBox$1, IRect as IRect$1, IBoundsData, IKeyEvent } from '@leafer-ui/interface';
 
 type IPercent = string;
 type IColorString = string;
@@ -61,6 +61,7 @@ interface IImagePaint extends IPaintBase {
     format?: IExportFileType;
     filters?: IImageFilters;
     padding?: IFourNumber;
+    around?: IDirection;
     offset?: IPointData;
     size?: number | ISizeData;
     scale?: number | IPointData;
@@ -76,7 +77,7 @@ interface IImageFilters {
     highlights?: number;
     shadows?: number;
 }
-type IImagePaintMode = 'cover' | 'fit' | 'strench' | 'clip' | 'repeat';
+type IImagePaintMode = 'normal' | 'cover' | 'fit' | 'strench' | 'clip' | 'repeat';
 type IRepeat = boolean | 'x' | 'y';
 type IStrokeAlign = 'inside' | 'outside' | 'center';
 type IStrokeCap = 'none' | 'round' | 'square';
@@ -170,11 +171,11 @@ interface ILeafShadowEffect {
 }
 
 interface ICornerRadiusAttrData {
-    cornerRadius: INumber | INumber[] | ICornerRadiusString;
+    cornerRadius: IFourNumber | ICornerRadiusString;
     cornerSmoothing: INumber;
 }
 interface ICornerRadiusInputData {
-    cornerRadius?: INumber | INumber[] | ICornerRadiusString;
+    cornerRadius?: IFourNumber | ICornerRadiusString;
     cornerSmoothing?: INumber;
 }
 interface ICornerRadiusComputedData {
@@ -197,7 +198,7 @@ interface IBorderComputedData {
 interface IStrokeAttrData {
     stroke: IStroke;
     strokeAlign: IStrokeAlign;
-    strokeWidth: INumber | INumber[] | IStrokeWidthString;
+    strokeWidth: IFourNumber | IStrokeWidthString;
     strokeWidthFixed: IBoolean;
     strokeCap: IStrokeCap;
     strokeJoin: IStrokeJoin;
@@ -210,7 +211,7 @@ interface IStrokeAttrData {
 interface IStrokeInputData {
     stroke?: IStroke;
     strokeAlign?: IStrokeAlign;
-    strokeWidth?: INumber | INumber[] | IStrokeWidthString;
+    strokeWidth?: IFourNumber | IStrokeWidthString;
     strokeWidthFixed?: IBoolean;
     strokeCap?: IStrokeCap;
     strokeJoin?: IStrokeJoin;
@@ -306,18 +307,24 @@ interface IEffectComputedData {
 
 interface IEditorBase extends IGroup$1, ISelectorProxy {
     config: IEditorConfig;
+    mergeConfig: IEditorConfig;
     hoverTarget: IUI$1;
     target: IUI$1 | IUI$1[];
     readonly list: IUI$1[];
-    readonly hasTarget: boolean;
+    leafList: ILeafList;
+    openedGroupList: ILeafList;
+    readonly editing: boolean;
+    innerEditing: boolean;
+    readonly groupOpening: boolean;
     readonly multiple: boolean;
     readonly single: boolean;
     readonly dragging: boolean;
     element: IUI$1;
     buttons: IGroup$1;
     selector: IGroup$1;
-    editBox: IGroup$1;
+    editBox: IEditBoxBase;
     editTool: IObject;
+    innerEditor: IObject;
     hasItem(item: IUI$1): boolean;
     shiftItem(item: IUI$1): void;
     addItem(item: IUI$1): void;
@@ -331,6 +338,10 @@ interface IEditorBase extends IGroup$1, ISelectorProxy {
     onSkew(e: IDragEvent): void;
     group(group?: IGroup$1 | IGroupInputData$1): IGroup$1;
     ungroup(): IUI$1[];
+    openGroup(group: IGroup$1): void;
+    closeGroup(group: IGroup$1): void;
+    openInnerEditor(): void;
+    closeInnerEditor(): void;
     lock(): void;
     unlock(): void;
     toTop(): void;
@@ -365,14 +376,51 @@ interface IEditorConfig {
     rotateGap?: number;
     selector?: boolean;
     hover?: boolean;
+    hoverStyle?: IUIInputData$1;
     select?: 'press' | 'tap';
     boxSelect?: boolean;
     continuousSelect?: boolean;
+    openInner?: 'double' | 'long';
     moveable?: boolean;
     rotateable?: boolean;
     resizeable?: boolean;
     skewable?: boolean;
 }
+interface IEditPoint extends IBox$1 {
+    direction: number;
+    pointType: IEditPointType;
+}
+type IEditPointType = 'rotate' | 'resize';
+interface IEditBoxBase extends IGroup$1 {
+    editor: IEditorBase;
+    dragging: boolean;
+    moving: boolean;
+    view: IGroup$1;
+    circle: IEditPoint;
+    rect: IRect$1;
+    buttons: IGroup$1;
+    resizePoints: IEditPoint[];
+    rotatePoints: IEditPoint[];
+    resizeLines: IEditPoint[];
+    readonly flipped: boolean;
+    readonly flippedX: boolean;
+    readonly flippedY: boolean;
+    readonly flippedOne: boolean;
+    enterPoint: IEditPoint;
+    getPointStyle(userStyle?: IBoxInputData$1): IBoxInputData$1;
+    getPointsStyle(): IBoxInputData$1[];
+    getMiddlePointsStyle(): IBoxInputData$1[];
+    load(): void;
+    update(bounds: IBoundsData): void;
+    unload(): void;
+    onArrow(e: IKeyEvent): void;
+}
+interface IEditorConfigFunction {
+    (ui: any): IEditorConfig;
+}
+interface IEditToolFunction {
+    (ui: any): string;
+}
 
 interface ILine extends IUI {
     __: ILineData;
@@ -469,9 +517,11 @@ interface IPenInputData extends IGroupInputData {
 interface IText extends ITextStyleAttrData, IUI {
     __: ITextData;
     text: string;
+    padding: IFourNumber;
 }
 interface ITextAttrData {
     text?: string;
+    padding?: IFourNumber;
 }
 interface ITextData extends ITextAttrData, ITextStyleComputedData, IUIData {
     __baseLine?: number;
@@ -479,7 +529,7 @@ interface ITextData extends ITextAttrData, ITextStyleComputedData, IUIData {
     __letterSpacing?: number;
     __padding?: number[];
     __clipText?: boolean;
-    __textBoxBounds?: IBoundsData;
+    __textBoxBounds?: IBoundsData$1;
 }
 interface ITextInputData extends ITextAttrData, ITextStyleInputData, IUIBaseInputData {
 }
@@ -513,7 +563,7 @@ interface ITextCharData {
     char?: string;
 }
 interface ITextDrawData {
-    bounds: IBoundsData;
+    bounds: IBoundsData$1;
     rows: ITextRowData[];
     paraNumber: number;
     font: string;
@@ -609,7 +659,9 @@ interface IUI extends IFillAttrData, IStrokeAttrData, ICornerRadiusAttrData, IEf
     focusStyle: IUIInputData;
     selectedStyle: IUIInputData;
     disabledStyle: IUIInputData;
-    editorStyle: IEditorConfig;
+    editConfig: IEditorConfig;
+    editOuter: string;
+    editInner: string;
     children?: IUI[];
     reset(data?: IUIInputData): void;
     set(data: IUIInputData): void;
@@ -637,7 +689,6 @@ interface IUIData extends IUIComputedData, ILeafData {
     focusStyle?: IUIInputData;
     selectedStyle?: IUIInputData;
     disabledStyle?: IUIInputData;
-    editorStyle?: IEditorConfig;
     __isFills?: boolean;
     __isStrokes?: boolean;
     readonly __strokeWidth: number;
@@ -670,7 +721,6 @@ interface IUIBaseInputData extends IFillInputData, IStrokeInputData, ITextStyleI
     focusStyle?: IUIInputData;
     selectedStyle?: IUIInputData;
     disabledStyle?: IUIInputData;
-    editorStyle?: IEditorConfig;
     children?: IUIInputData[];
 }
 type IUITag = 'App' | 'Leafer' | 'Rect' | 'Ellipse' | 'Polygon' | 'Star' | 'Line' | 'Path' | 'Pen' | 'Text' | 'Image' | 'Canvas' | 'Group' | 'Frame' | 'Box';
@@ -759,7 +809,7 @@ interface IStateModule {
 
 interface ICachedShape extends ICachedLeaf {
     worldCanvas?: ILeaferCanvas;
-    shapeBounds: IBoundsData;
+    shapeBounds: IBoundsData$1;
     scaleX: number;
     scaleY: number;
 }
@@ -776,19 +826,19 @@ interface IPaintModule {
     shape(ui: IUI, current: ILeaferCanvas, renderOptions: IRenderOptions): ICachedShape;
 }
 interface IPaintImageModule {
-    image(ui: IUI, attrName: string, paint: IImagePaint, boxBounds: IBoundsData, firstUse: boolean): ILeafPaint;
+    image(ui: IUI, attrName: string, paint: IImagePaint, boxBounds: IBoundsData$1, firstUse: boolean): ILeafPaint;
     checkImage(ui: IUI, canvas: ILeaferCanvas, paint: ILeafPaint, allowPaint?: boolean): boolean;
     createPattern(ui: IUI, paint: ILeafPaint, pixelRatio: number): boolean;
     recycleImage(attrName: IPaintAttr, data: IUIData): IBooleanMap;
-    createData(leafPaint: ILeafPaint, image: ILeaferImage, paint: IImagePaint, box: IBoundsData): void;
-    fillOrFitMode(data: ILeafPaintPatternData, mode: IImagePaintMode, box: IBoundsData, width: number, height: number, rotation: number): void;
-    clipMode(data: ILeafPaintPatternData, box: IBoundsData, x: number, y: number, scaleX: number, scaleY: number, rotation: number): void;
-    repeatMode(data: ILeafPaintPatternData, box: IBoundsData, width: number, height: number, x: number, y: number, scaleX: number, scaleY: number, rotation: number): void;
+    createData(leafPaint: ILeafPaint, image: ILeaferImage, paint: IImagePaint, box: IBoundsData$1): void;
+    fillOrFitMode(data: ILeafPaintPatternData, box: IBoundsData$1, x: number, y: number, scaleX: number, scaleY: number, rotation: number): void;
+    clipMode(data: ILeafPaintPatternData, box: IBoundsData$1, x: number, y: number, scaleX: number, scaleY: number, rotation: number): void;
+    repeatMode(data: ILeafPaintPatternData, box: IBoundsData$1, width: number, height: number, x: number, y: number, scaleX: number, scaleY: number, rotation: number, around: IAround$1): void;
 }
 interface IPaintGradientModule {
-    linearGradient(paint: IGradientPaint, box: IBoundsData): ILeafPaint;
-    radialGradient(paint: IGradientPaint, box: IBoundsData): ILeafPaint;
-    conicGradient(paint: IGradientPaint, box: IBoundsData): ILeafPaint;
+    linearGradient(paint: IGradientPaint, box: IBoundsData$1): ILeafPaint;
+    radialGradient(paint: IGradientPaint, box: IBoundsData$1): ILeafPaint;
+    conicGradient(paint: IGradientPaint, box: IBoundsData$1): ILeafPaint;
 }
 
 interface IEffectModule {
@@ -798,4 +848,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, IEditorBase, IEditorConfig, IEffectModule, IEllipse, IEllipseData, IEllipseInputData, IExportModule, 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, 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, IStrokeCap, IStrokeJoin, IStrokeWidthString, IText, ITextAlign, ITextCase, ITextCharData, ITextConvertModule, ITextData, ITextDecoration, ITextDrawData, ITextInputData, ITextRenderModule, ITextRowData, ITextWordData, ITextWrap, IUI, IUIBaseInputData, IUIBoundsModule, IUIData, IUIHitModule, IUIInputData, IUIRenderModule, IUITag, IUnitData, IVectorPath, IVerticalAlign };
+export type { IApp, IAppConfig, IAppData, IAppInputData, 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, IEffectModule, IEllipse, IEllipseData, IEllipseInputData, IExportModule, 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, 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, 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 };