@leafer-ui/image 1.0.0-rc.25 → 1.0.0-rc.26

package/package.json

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

package/src/data.ts

@@ -11,14 +11,19 @@ const tempBox = new Bounds()
 const tempPoint = {} as IPointData
 
 export function createData(leafPaint: ILeafPaint, image: ILeaferImage, paint: IImagePaint, box: IBoundsData): void {
+    const { blendMode } = paint
+    if (blendMode) leafPaint.blendMode = blendMode
+    leafPaint.data = getPatternData(paint, box, image)
+}
+
+export function getPatternData(paint: IImagePaint, box: IBoundsData, image: ILeaferImage): ILeafPaintPatternData {
     let { width, height } = image
     if (paint.padding) box = tempBox.set(box).shrink(paint.padding)
 
-    const { opacity, mode, align, offset, scale, size, rotation, blendMode, repeat } = paint
+    const { opacity, mode, align, offset, scale, size, rotation, repeat } = paint
     const sameBox = box.width === width && box.height === height
-    if (blendMode) leafPaint.blendMode = blendMode
 
-    const data: ILeafPaintPatternData = leafPaint.data = { mode }
+    const data: ILeafPaintPatternData = { mode }
     const swapSize = align !== 'center' && (rotation || 0) % 180 === 90
     const swapWidth = swapSize ? height : width, swapHeight = swapSize ? width : height
 
@@ -81,4 +86,5 @@ export function createData(leafPaint: ILeafPaint, image: ILeaferImage, paint: II
     data.height = height
     if (opacity) data.opacity = opacity
     if (repeat) data.repeat = typeof repeat === 'string' ? (repeat === 'x' ? 'repeat-x' : 'repeat-y') : 'repeat'
-}
+    return data
+}

package/src/index.ts

@@ -1,7 +1,7 @@
 import { IPaintImageModule } from '@leafer-ui/interface'
 
 import { image } from './image'
-import { createData } from './data'
+import { createData, getPatternData } from './data'
 import { fillOrFitMode, clipMode, repeatMode } from './mode'
 import { createPattern } from './pattern'
 import { checkImage } from './check'
@@ -10,11 +10,13 @@ import { recycleImage } from './recycle'
 
 export const PaintImageModule: IPaintImageModule = {
     image,
+    checkImage,
+    createPattern,
+    recycleImage,
+
     createData,
+    getPatternData,
     fillOrFitMode,
     clipMode,
-    repeatMode,
-    createPattern,
-    checkImage,
-    recycleImage
+    repeatMode
 }