@leafer/interface 1.0.0-rc.9 → 1.0.1

package/src/math/IMath.ts

@@ -1,15 +1,39 @@
-import { IObject } from '../data/IData'
+import { IFourNumber, IObject } from '../data/IData'
 
 export interface IPointData {
     x: number
     y: number
 }
 
+export interface IUnitPointData {
+    type?: 'percent' | 'px'
+    x: number
+    y: number
+}
+
+export interface IFromToData {
+    from: IPointData
+    to: IPointData
+}
+
+export interface IScrollPointData {
+    scrollX: number
+    scrollY: number
+}
+
+export interface IClientPointData {
+    clientX: number
+    clientY: number
+}
+
 export interface IPoint extends IPointData {
     set(x?: number | IPointData, y?: number): IPoint
     get(): IPointData
     clone(): IPoint
 
+    move(x: number, y: number): IPoint
+    scale(scaleX: number, scaleY?: number): IPoint
+    scaleOf(origin: IPointData, scaleX: number, scaleY?: number): IPoint
     rotate(rotation: number, origin?: IPointData): IPoint
     rotateOf(origin: IPointData, rotation: number): IPoint
     getRotation(origin: IPointData, to: IPointData, toOrigin?: IPointData): number
@@ -19,7 +43,7 @@ export interface IPoint extends IPointData {
 
     getCenter(to: IPointData): IPoint
     getDistance(to: IPointData): number
-    getDistancePoint(to: IPointData, distance: number): IPoint
+    getDistancePoint(to: IPointData, distance: number, changeTo?: boolean): IPoint
 
     getAngle(to: IPointData): number
     getAtan2(to: IPointData): number
@@ -60,14 +84,18 @@ export interface IBounds extends IBoundsData, ITwoPointBoundsData {
     get(): IBoundsData
     clone(): IBounds
 
+    move(x: number, y: number): IBounds
     scale(scaleX: number, scaleY?: number): IBounds
     scaleOf(origin: IPointData, scaleX: number, scaleY?: number): IBounds
     toOuterOf(matrix: IMatrixData, to?: IBoundsData): IBounds
-    getFitMatrix(put: IBoundsData): IMatrix
+    toInnerOf(matrix: IMatrixData, to?: IBoundsData): IBounds
+    getFitMatrix(put: IBoundsData, baseScale?: number): IMatrix
 
-    spread(spreadX: number, spreadY?: number): IBounds
+    spread(fourNumber: IFourNumber): IBounds
+    shrink(fourNumber: IFourNumber): IBounds
     ceil(): IBounds
     unsign(): IBounds
+    float(maxLength?: number): IBounds
 
     add(bounds: IBoundsData): IBounds
     addList(boundsList: IBoundsData[]): IBounds
@@ -75,7 +103,9 @@ export interface IBounds extends IBoundsData, ITwoPointBoundsData {
     addListWithFn(list: IObject[], boundsDataHandle: IBoundsDataFn): IBounds
     setListWithFn(list: IObject[], boundsDataHandle: IBoundsDataFn): IBounds
 
+    setPoint(point: IPointData): IBounds
     setPoints(points: IPointData[]): IBounds
+    addPoint(point: IPointData): IBounds
     getPoints(): IPointData[] // topLeft, topRight, bottomRight, bottomLeft
 
     hitPoint(point: IPointData, pointMatrix?: IMatrixData): boolean
@@ -98,13 +128,15 @@ export interface ITwoPointBoundsData {
     maxY: number
 }
 
-
-export interface IAutoBoundsData {
+export interface IAutoBoxData {
     top?: number
     right?: number
     bottom?: number
     left?: number
+}
 
+
+export interface IAutoBoundsData extends IAutoBoxData {
     width?: number
     height?: number
 }
@@ -155,8 +187,10 @@ export type ILayoutAttr =
 
 export interface ILayoutBoundsData extends ILayoutData, IBoundsData {
 }
-export interface IMatrix extends IMatrixData {
+export interface IMatrix extends IMatrixWithScaleData {
+
     set(a: number | IMatrixData, b: number, c: number, d: number, e: number, f: number): IMatrix
+    setWith(dataWithScale: IMatrixWithScaleData): IMatrix  // set scaleX scaleY
     get(): IMatrixData
     clone(): IMatrix
 
@@ -164,6 +198,7 @@ export interface IMatrix extends IMatrixData {
     translateInner(x: number, y: number): IMatrix
 
     scale(x: number, y?: number): IMatrix
+    scaleWith(x: number, y?: number): IMatrix // change scaleX scaleY
     scaleOfOuter(origin: IPointData, x: number, y?: number): IMatrix
     scaleOfInner(origin: IPointData, x: number, y?: number): IMatrix
 
@@ -181,12 +216,15 @@ export interface IMatrix extends IMatrixData {
     divide(child: IMatrixData): IMatrix
     divideParent(parent: IMatrixData): IMatrix
     invert(): IMatrix
+    invertWith(): IMatrix  // change scaleX scaleY
 
     toOuterPoint(inner: IPointData, to?: IPointData, distance?: boolean): void
     toInnerPoint(outer: IPointData, to?: IPointData, distance?: boolean): void
 
-    setLayout(data: ILayoutData, origin?: IPointData): IMatrix
-    getLayout(origin?: IPointData, firstSkewY?: boolean): ILayoutData
+    setLayout(data: ILayoutData, origin?: IPointData, around?: IPointData,): IMatrix
+    getLayout(origin?: IPointData, around?: IPointData, firstSkewY?: boolean): ILayoutData
+
+    withScale(scaleX?: number, scaleY?: number): IMatrixWithScaleData
 
     reset(): void
 }
@@ -195,4 +233,11 @@ export interface IMatrixWithBoundsData extends IMatrixData, IBoundsData { }
 
 export interface IMatrixWithScaleData extends IMatrixData, IScaleData { }
 
+export interface IMatrixWithOptionScaleData extends IMatrixData {
+    scaleX?: number
+    scaleY?: number
+}
+
+export interface IMatrixWithBoundsScaleData extends IMatrixData, IBoundsData, IScaleData { }
+
 export interface IMatrixWithLayoutData extends IMatrixData, ILayoutBoundsData { }

package/src/path/IPathDrawer.ts

@@ -16,8 +16,9 @@ export interface IPathDrawer {
     roundRect(x: number, y: number, width: number, height: number, radius?: number | number[]): void
 }
 
-export interface IPathCreator {
+export interface IPathCreator extends IPathDrawer {
     path: IPathCommandData
+    __path: IPathCommandData
 
     beginPath(): IPathCreator
 
@@ -27,9 +28,9 @@ export interface IPathCreator {
     quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): IPathCreator
     closePath(): IPathCreator
 
-    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): IPathCreator
+    arc(x: number, y: number, radius: number, startAngle?: number, endAngle?: number, anticlockwise?: boolean): IPathCreator
     arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): IPathCreator
-    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): IPathCreator
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation?: number, startAngle?: number, endAngle?: number, anticlockwise?: boolean): IPathCreator
 
     rect(x: number, y: number, width: number, height: number): IPathCreator
     roundRect(x: number, y: number, width: number, height: number, radius?: number | number[]): IPathCreator
@@ -38,4 +39,6 @@ export interface IPathCreator {
     drawEllipse(x: number, y: number, radiusX: number, radiusY: number, rotation?: number, startAngle?: number, endAngle?: number, anticlockwise?: boolean): IPathCreator
     drawArc(x: number, y: number, radius: number, startAngle?: number, endAngle?: number, anticlockwise?: boolean): IPathCreator
     drawPoints(points: number[], curve?: boolean | number, close?: boolean): IPathCreator
+
+    clearPath(): IPathCreator
 }

package/src/platform/IPlatform.ts

@@ -1,4 +1,4 @@
-import { IFunction } from '../function/IFunction'
+import { IFunction, IStringFunction } from '../function/IFunction'
 import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
 import { ILeaf } from '../display/ILeaf'
 import { IExportFileType, IExportImageType } from '../file/IFileType'
@@ -9,16 +9,17 @@ import { ICanvasType } from '../canvas/ISkiaCanvas'
 export interface IPlatform {
     name?: 'web' | 'node' | 'miniapp'
     os?: 'Mac' | 'Windows' | 'Linux'
+    toURL(text: string, fileType?: 'text' | 'svg'): string
     requestRender?(render: IFunction): void
     canvas?: ILeaferCanvas
     canvasType?: ICanvasType
     isWorker?: boolean
     isMobile?: boolean
-    devicePixelRatio?: number
+    readonly devicePixelRatio?: number
     intWheelDeltaY?: boolean // firefox / Windows need
     conicGradientSupport?: boolean
     conicGradientRotate90?: boolean // firefox need rotate
-    fullImageShadow?: boolean // safari need 
+    fullImageShadow?: boolean // safari need
     syncDomFont?: boolean // firefox need
     layout?(target: ILeaf): void
     origin?: {
@@ -26,6 +27,7 @@ export interface IPlatform {
         canvasToDataURL(canvas: any, type?: IExportImageType, quality?: number): string | Promise<string>
         canvasToBolb(canvas: any, type?: IExportFileType, quality?: number): Promise<any>
         canvasSaveAs(canvas: any, filename: string, quality?: number): Promise<void>
+        download(url: string, filename: string): Promise<void>
         loadImage(url: string): Promise<any>
         noRepeat?: string  // fix: 微信小程序 createPattern 直接使用 no-repeat 有bug，导致无法显示
     },
@@ -38,9 +40,13 @@ export interface IPlatform {
     },
     miniapp?: IMiniapp
     image: {
+        hitCanvasSize: number // 图片生成碰撞画布的最大尺寸(单边)
         maxCacheSize: number // 最大等级缓存，一般取当前屏幕大小，默认2k: 2560 * 1600
         maxPatternSize: number // 最大repeat pattern缓存, 默认4k: 4096 * 2160
-        suffix: string  // 需要带上后缀区分dom中image标签的缓存，否则会导致浏览器缓存跨域问题
+        prefix?: string // url加前缀
+        suffix?: string  // 需要带上后缀区分dom中image标签的缓存，否则会导致浏览器缓存跨域问题
+        crossOrigin: string | false // 跨域设置
+        getRealURL: IStringFunction // 处理前缀、后缀
     }
 }
 

package/src/renderer/IRenderer.ts

@@ -1,6 +1,6 @@
 import { ILeaferCanvas } from '../canvas/ILeaferCanvas'
 import { ILeaf } from '../display/ILeaf'
-import { IBounds, IMatrix } from '../math/IMath'
+import { IBounds, IMatrixWithScaleData } from '../math/IMath'
 import { IFunction } from '../function/IFunction'
 import { IControl } from '../control/IControl'
 
@@ -8,7 +8,7 @@ export interface IRenderOptions {
     includes?: boolean,
     bounds?: IBounds,
     hideBounds?: IBounds,
-    matrix?: IMatrix,
+    matrix?: IMatrixWithScaleData,
     inCamera?: boolean
 }
 
@@ -32,6 +32,7 @@ export interface IRenderer extends IControl {
 
     waitAgain: boolean
     changed: boolean
+    ignore: boolean
 
     config: IRendererConfig
 

package/src/selector/ISelector.ts

@@ -1,33 +1,44 @@
 import { ILeaf } from '../display/ILeaf'
 import { ILeafList } from '../data/IList'
 import { IPointData } from '../math/IMath'
+import { IBranch } from '../display/IBranch'
 
-export interface ISelectPathResult {
-    leaf: ILeaf
+export interface IPickResult {
+    target: ILeaf
     path: ILeafList
     throughPath?: ILeafList
 }
 
-export interface ISelectPathOptions {
+export interface IPickOptions {
     name?: string
+    hitRadius?: number
     through?: boolean
+    target?: IBranch
+    findList?: ILeaf[]
+    bottomList?: IPickBottom[]  // 底部可拾取的虚拟元素
     exclude?: ILeafList
     ignoreHittable?: boolean
 }
 
+export interface IPickBottom {
+    target: ILeaf
+    proxy?: ILeaf
+}
+
 export interface ISelectorConfig {
 
 }
 
-export enum AnswerType {
-    No = 0,
-    Yes = 1,
-    NoAndSkip = 2,
-    YesAndSkip = 3
+export type IAnswer = 0 | 1 | 2 | 3
+
+export interface IFindCondition {
+    id?: number | string,
+    className?: string,
+    tag?: string | string[]
 }
 
 export interface IFindMethod {
-    (leaf: ILeaf, options?: any): AnswerType
+    (leaf: ILeaf, options?: any): IAnswer
 }
 
 export interface ISelectorProxy {
@@ -41,7 +52,7 @@ export interface ISelector {
 
     config: ISelectorConfig
 
-    getByPoint(hitPoint: IPointData, hitRadius: number, options?: ISelectPathOptions): ISelectPathResult
+    getByPoint(hitPoint: IPointData, hitRadius: number, options?: IPickOptions): IPickResult
 
     getBy(condition: number | string | IFindMethod, branch?: ILeaf, one?: boolean, options?: any): ILeaf | ILeaf[]
     getByInnerId(innerId: number, branch?: ILeaf): ILeaf