@leafer/interface 1.0.9 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer/interface",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "@leafer/interface",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",

package/src/canvas/ILeaferCanvas.ts

@@ -129,6 +129,7 @@ interface ICanvasMethod {
     copyWorldByReset(canvas: ILeaferCanvas, from?: IBoundsData, to?: IBoundsData, blendMode?: string, onlyResetTransform?: boolean): void
     copyWorldToInner(canvas: ILeaferCanvas, fromWorld: IMatrixWithBoundsData, toInnerBounds: IBoundsData, blendMode?: string): void
 
+    useGrayscaleAlpha(bounds: IBoundsData): void
     useMask(maskCanvas: ILeaferCanvas, fromBounds?: IBoundsData, toBounds?: IBoundsData): void
     useEraser(eraserCanvas: ILeaferCanvas, fromBounds?: IBoundsData, toBounds?: IBoundsData): void
 

package/src/data/ILeafData.ts

@@ -28,6 +28,7 @@ export interface ILeafDataOptions {
 
 export interface ILeafData extends IDataProcessor, ILeafComputedData {
     __single?: boolean
+    readonly __hasMultiPaint?: boolean // fill 、stroke 、shadow 等同时存在两次以上外观绘制的情况
     __checkSingle(): void
     __removeNaturalSize(): void
 }

package/src/display/ILeaf.ts

@@ -81,7 +81,9 @@ export type IHitType =
 export type IMaskType =
     | 'path'
     | 'pixel'
+    | 'grayscale'
     | 'clipping'
+    | 'clipping-path'
 
 export type IEraserType =
     | 'path'
@@ -285,6 +287,8 @@ export interface ILeafAttrData {
     cursor?: ICursorType | ICursorType[]
 
     motionPath?: IBoolean
+    motionPrecision?: INumber
+
     motion?: INumber | IUnitData
     motionRotation?: INumber | IBoolean
 
@@ -383,6 +387,8 @@ export interface ILeafComputedData {
     cursor?: ICursorType | ICursorType[]
 
     motionPath?: boolean
+    motionPrecision?: number
+
     motion?: number | IUnitData
     motionRotation?: number | boolean
 
@@ -413,6 +419,7 @@ export interface ILeafComputedData {
     __pathInputed?: number // 是否为输入path, 0：否，1：是，2：永远是（不自动检测）
     __pathForRender?: IPathCommandData
     __path2DForRender?: IPath2D
+    __pathForArrow?: IPathCommandData
     __pathForMotion?: IMotionPathData
 }
 
@@ -508,7 +515,7 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
 
     __bindLeafer(leafer: ILeaferBase | null): void
 
-    set(data: IObject, isTemp?: boolean): void
+    set(data: IObject, transition?: any): void
     get(name?: string | string[] | IObject): ILeafInputData | IValue
     setAttr(name: string, value: any): void
     getAttr(name: string): any
@@ -519,6 +526,9 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
     toSVG(): string
     __SVG(data: IObject): void
     toHTML(): string
+    clone?(data?: ILeafInputData): ILeaf
+
+    animate?(_keyframe?: any, _options?: any, _type?: any, _isTemp?: boolean): any
 
     // ILeafData ->
     __setAttr(attrName: string, newValue: IValue, checkFiniteNumber?: boolean): boolean
@@ -603,15 +613,15 @@ export interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix,
     // transform
     setTransform(transform?: IMatrixData, resize?: boolean): void
     transform(transform?: IMatrixData, resize?: boolean): void
-    move(x: number | IPointData, y?: number): void
+    move(x: number | IPointData, y?: number, transition?: any): void
 
-    moveInner(x: number | IPointData, y?: number): void
+    moveInner(x: number | IPointData, y?: number, transition?: any): void
     scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number, resize?: boolean): void
     rotateOf(origin: IPointData | IAlign, rotation: number): void
     skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, resize?: boolean): void
 
     transformWorld(worldTransform?: IMatrixData, resize?: boolean): void
-    moveWorld(x: number | IPointData, y?: number): void
+    moveWorld(x: number | IPointData, y?: number, transition?: any): void
     scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number, resize?: boolean): void
     rotateOfWorld(worldOrigin: IPointData, rotation: number): void
     skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean): void

package/types/index.d.ts

@@ -1039,6 +1039,7 @@ interface ICanvasMethod {
     copyWorld(canvas: ILeaferCanvas, fromBounds?: IBoundsData, toBounds?: IBoundsData, blendMode?: string): void;
     copyWorldByReset(canvas: ILeaferCanvas, from?: IBoundsData, to?: IBoundsData, blendMode?: string, onlyResetTransform?: boolean): void;
     copyWorldToInner(canvas: ILeaferCanvas, fromWorld: IMatrixWithBoundsData, toInnerBounds: IBoundsData, blendMode?: string): void;
+    useGrayscaleAlpha(bounds: IBoundsData): void;
     useMask(maskCanvas: ILeaferCanvas, fromBounds?: IBoundsData, toBounds?: IBoundsData): void;
     useEraser(eraserCanvas: ILeaferCanvas, fromBounds?: IBoundsData, toBounds?: IBoundsData): void;
     fillWorld(bounds: IBoundsData, color: string | object, blendMode?: string): void;
@@ -1212,6 +1213,7 @@ interface ILeafDataOptions {
 }
 interface ILeafData extends IDataProcessor, ILeafComputedData {
     __single?: boolean;
+    readonly __hasMultiPaint?: boolean;
     __checkSingle(): void;
     __removeNaturalSize(): void;
 }
@@ -1318,7 +1320,7 @@ interface IConstraint {
 }
 type IConstraintType = 'from' | 'center' | 'to' | 'from-to' | 'scale';
 type IHitType = 'path' | 'pixel' | 'all' | 'none';
-type IMaskType = 'path' | 'pixel' | 'clipping';
+type IMaskType = 'path' | 'pixel' | 'grayscale' | 'clipping' | 'clipping-path';
 type IEraserType = 'path' | 'pixel';
 type IBlendMode = 'pass-through' | 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | 'source-over' | 'source-in' | 'source-out' | 'source-atop' | 'destination-over' | 'destination-in' | 'destination-out' | 'destination-atop' | 'xor';
 type IEditSize = 'size' | 'font-size' | 'scale';
@@ -1396,6 +1398,7 @@ interface ILeafAttrData {
     button?: IBoolean;
     cursor?: ICursorType | ICursorType[];
     motionPath?: IBoolean;
+    motionPrecision?: INumber;
     motion?: INumber | IUnitData;
     motionRotation?: INumber | IBoolean;
     normalStyle?: IObject;
@@ -1466,6 +1469,7 @@ interface ILeafComputedData {
     button?: boolean;
     cursor?: ICursorType | ICursorType[];
     motionPath?: boolean;
+    motionPrecision?: number;
     motion?: number | IUnitData;
     motionRotation?: number | boolean;
     normalStyle?: IObject;
@@ -1486,6 +1490,7 @@ interface ILeafComputedData {
     __pathInputed?: number;
     __pathForRender?: IPathCommandData;
     __path2DForRender?: IPath2D;
+    __pathForArrow?: IPathCommandData;
     __pathForMotion?: IMotionPathData;
 }
 interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDataProxy, ILeafInputData, IEventer {
@@ -1552,7 +1557,7 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     nextRender(item: IFunction, bind?: IObject, off?: 'off'): void;
     removeNextRender(item: IFunction): void;
     __bindLeafer(leafer: ILeaferBase | null): void;
-    set(data: IObject, isTemp?: boolean): void;
+    set(data: IObject, transition?: any): void;
     get(name?: string | string[] | IObject): ILeafInputData | IValue;
     setAttr(name: string, value: any): void;
     getAttr(name: string): any;
@@ -1562,6 +1567,8 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     toSVG(): string;
     __SVG(data: IObject): void;
     toHTML(): string;
+    clone?(data?: ILeafInputData): ILeaf;
+    animate?(_keyframe?: any, _options?: any, _type?: any, _isTemp?: boolean): any;
     __setAttr(attrName: string, newValue: IValue, checkFiniteNumber?: boolean): boolean;
     __getAttr(attrName: string): IValue;
     setProxyAttr(name: string, newValue: IValue): void;
@@ -1620,13 +1627,13 @@ interface ILeaf extends ILeafRender, ILeafHit, ILeafBounds, ILeafMatrix, ILeafDa
     getWorldPointByPage(page: IPointData, relative?: ILeaf, distance?: boolean, change?: boolean): IPointData;
     setTransform(transform?: IMatrixData, resize?: boolean): void;
     transform(transform?: IMatrixData, resize?: boolean): void;
-    move(x: number | IPointData, y?: number): void;
-    moveInner(x: number | IPointData, y?: number): void;
+    move(x: number | IPointData, y?: number, transition?: any): void;
+    moveInner(x: number | IPointData, y?: number, transition?: any): void;
     scaleOf(origin: IPointData | IAlign, scaleX: number, scaleY?: number, resize?: boolean): void;
     rotateOf(origin: IPointData | IAlign, rotation: number): void;
     skewOf(origin: IPointData | IAlign, skewX: number, skewY?: number, resize?: boolean): void;
     transformWorld(worldTransform?: IMatrixData, resize?: boolean): void;
-    moveWorld(x: number | IPointData, y?: number): void;
+    moveWorld(x: number | IPointData, y?: number, transition?: any): void;
     scaleOfWorld(worldOrigin: IPointData, scaleX: number, scaleY?: number, resize?: boolean): void;
     rotateOfWorld(worldOrigin: IPointData, rotation: number): void;
     skewOfWorld(worldOrigin: IPointData, skewX: number, skewY?: number, resize?: boolean): void;