@leafer-ui/image 1.0.2 → 1.0.4

package/package.json

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

package/src/check.ts

@@ -11,8 +11,9 @@ const { abs } = Math
 
 export function checkImage(ui: IUI, canvas: ILeaferCanvas, paint: ILeafPaint, allowPaint?: boolean): boolean {
     const { scaleX, scaleY } = ImageManager.patternLocked ? ui.__world : ui.__nowWorld
+    const { pixelRatio } = canvas
 
-    if (!paint.data || (paint.patternId === scaleX + '-' + scaleY && !Export.running)) {
+    if (!paint.data || (paint.patternId === scaleX + '-' + scaleY + '-' + pixelRatio && !Export.running)) {
         return false
     } else {
 
@@ -21,8 +22,8 @@ export function checkImage(ui: IUI, canvas: ILeaferCanvas, paint: ILeafPaint, al
         if (allowPaint) {
             if (!data.repeat) {
                 let { width, height } = data
-                width *= abs(scaleX) * canvas.pixelRatio
-                height *= abs(scaleY) * canvas.pixelRatio
+                width *= abs(scaleX) * pixelRatio
+                height *= abs(scaleY) * pixelRatio
                 if (data.scaleX) {
                     width *= data.scaleX
                     height *= data.scaleY
@@ -44,12 +45,12 @@ export function checkImage(ui: IUI, canvas: ILeaferCanvas, paint: ILeafPaint, al
             return true
         } else {
             if (!paint.style || paint.sync || Export.running) {
-                createPattern(ui, paint, canvas.pixelRatio)
+                createPattern(ui, paint, pixelRatio)
             } else {
                 if (!paint.patternTask) {
                     paint.patternTask = ImageManager.patternTasker.add(async () => {
                         paint.patternTask = null
-                        if (canvas.bounds.hit(ui.__nowWorld)) createPattern(ui, paint, canvas.pixelRatio)
+                        if (canvas.bounds.hit(ui.__nowWorld)) createPattern(ui, paint, pixelRatio)
                         ui.forceUpdate('surface')
                     }, 300)
                 }

package/src/data.ts

@@ -21,6 +21,7 @@ export function createData(leafPaint: ILeafPaint, image: ILeaferImage, paint: II
 export function getPatternData(paint: IImagePaint, box: IBoundsData, image: ILeaferImage): ILeafPaintPatternData {
     let { width, height } = image
     if (paint.padding) box = tempBox.set(box).shrink(paint.padding)
+    if (paint.mode === 'strench' as string) paint.mode = 'stretch' // 兼容代码，后续可移除
 
     const { opacity, mode, align, offset, scale, size, rotation, repeat } = paint
     const sameBox = box.width === width && box.height === height
@@ -53,7 +54,7 @@ export function getPatternData(paint: IImagePaint, box: IBoundsData, image: ILea
     if (offset) x += offset.x, y += offset.y
 
     switch (mode) {
-        case 'strench':
+        case 'stretch':
             if (!sameBox) width = box.width, height = box.height
             break
         case 'normal':
@@ -77,7 +78,7 @@ export function getPatternData(paint: IImagePaint, box: IBoundsData, image: ILea
         }
     }
 
-    if (scaleX && mode !== 'strench') {
+    if (scaleX && mode !== 'stretch') {
         data.scaleX = scaleX
         data.scaleY = scaleY
     }

package/src/pattern.ts

@@ -10,7 +10,7 @@ export function createPattern(ui: IUI, paint: ILeafPaint, pixelRatio: number): b
 
     let { scaleX, scaleY } = ImageManager.patternLocked ? ui.__world : ui.__nowWorld
 
-    const id = scaleX + '-' + scaleY
+    const id = scaleX + '-' + scaleY + '-' + pixelRatio
 
     if (paint.patternId !== id && !ui.destroyed) {