@leafer-ui/paint 1.8.0 → 1.9.1

package/package.json

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

package/src/Compute.ts

@@ -1,4 +1,4 @@
-import { DataHelper } from '@leafer/core'
+import { DataHelper, isArray, isObject, isString, isUndefined } from '@leafer/core'
 
 import { IUI, IPaint, ILeafPaint, IRGB, IBooleanMap, IObject, IPaintAttr, IStrokeComputedStyle } from '@leafer-ui/interface'
 import { ColorConvert, PaintImage, PaintGradient } from '@leafer-ui/draw'
@@ -11,7 +11,7 @@ export function compute(attrName: IPaintAttr, ui: IUI): void {
     const data = ui.__, leafPaints: ILeafPaint[] = []
 
     let paints: IPaint[] = data.__input[attrName], isAlphaPixel: boolean, isTransparent: boolean
-    if (!(paints instanceof Array)) paints = [paints]
+    if (!isArray(paints)) paints = [paints]
 
     recycleMap = PaintImage.recycleImage(attrName, data)
 
@@ -50,7 +50,7 @@ export function compute(attrName: IPaintAttr, ui: IUI): void {
 
 
 function getLeafPaint(attrName: string, paint: IPaint, ui: IUI): ILeafPaint {
-    if (typeof paint !== 'object' || paint.visible === false || paint.opacity === 0) return undefined
+    if (!isObject(paint) || paint.visible === false || paint.opacity === 0) return undefined
 
     let data: ILeafPaint
     const { boxBounds } = ui.__layout
@@ -73,15 +73,18 @@ function getLeafPaint(attrName: string, paint: IPaint, ui: IUI): ILeafPaint {
             data = { type, style: ColorConvert.string(color, opacity) }
             break
         default:
-            if ((paint as IRGB).r !== undefined) data = { type: 'solid', style: ColorConvert.string(paint) }
+            if (!isUndefined((paint as IRGB).r)) data = { type: 'solid', style: ColorConvert.string(paint) }
     }
 
     if (data) {
-        if (typeof data.style === 'string' && hasTransparent(data.style)) data.isTransparent = true
+        // 描边样式
+        if (isString(data.style) && hasTransparent(data.style)) data.isTransparent = true
         if (paint.style) {
             if (paint.style.strokeWidth === 0) return undefined
             data.strokeStyle = paint.style as IStrokeComputedStyle
         }
+
+        if (paint.editing) data.editing = paint.editing
         if (paint.blendMode) data.blendMode = paint.blendMode
     }
 

package/src/Fill.ts

@@ -36,7 +36,7 @@ export function fills(fills: ILeafPaint[], ui: IUI, canvas: ILeaferCanvas): void
             if (item.transform) canvas.transform(item.transform)
             if (item.scaleFixed) {
                 const { scaleX, scaleY } = ui.getRenderScaleData(true)
-                canvas.scale(1 / scaleX, 1 / scaleY)
+                if (item.scaleFixed === true || (item.scaleFixed === 'zoom-in' && scaleX > 1 && scaleY > 1)) canvas.scale(1 / scaleX, 1 / scaleY)
             }
             if (item.blendMode) canvas.blendMode = item.blendMode
             fillPathOrText(ui, canvas)

package/src/Shape.ts

@@ -1,5 +1,5 @@
 import { IBoundsData, ILeaferCanvas, IRenderOptions, IMatrix } from '@leafer/interface'
-import { BoundsHelper } from '@leafer/core'
+import { BoundsHelper, Matrix, Platform } from '@leafer/core'
 
 import { IUI, ICachedShape } from '@leafer-ui/interface'
 
@@ -8,15 +8,13 @@ const { getSpread, getOuterOf, getByMove, getIntersectData } = BoundsHelper
 
 export function shape(ui: IUI, current: ILeaferCanvas, options: IRenderOptions): ICachedShape {
     const canvas = current.getSameCanvas()
-    const nowWorld = ui.__nowWorld
+    const nowWorld = ui.__nowWorld, currentBounds = current.bounds
 
-    let bounds: IBoundsData, fitMatrix: IMatrix, shapeBounds: IBoundsData, worldCanvas: ILeaferCanvas
+    let bounds: IBoundsData, matrix: IMatrix, fitMatrix: IMatrix, shapeBounds: IBoundsData, worldCanvas: ILeaferCanvas
 
-    let { scaleX, scaleY } = nowWorld
-    if (scaleX < 0) scaleX = -scaleX
-    if (scaleY < 0) scaleY = -scaleY
+    let { scaleX, scaleY } = ui.getRenderScaleData(true)
 
-    if (current.bounds.includes(nowWorld)) {
+    if (currentBounds.includes(nowWorld)) {
 
         worldCanvas = canvas
         bounds = shapeBounds = nowWorld
@@ -24,8 +22,17 @@ export function shape(ui: IUI, current: ILeaferCanvas, options: IRenderOptions):
     } else {
 
         const { renderShapeSpread: spread } = ui.__layout
-        const worldClipBounds = getIntersectData(spread ? getSpread(current.bounds, scaleX === scaleY ? spread * scaleX : [spread * scaleY, spread * scaleX]) : current.bounds, nowWorld)
-        fitMatrix = current.bounds.getFitMatrix(worldClipBounds)
+
+        let worldClipBounds: IBoundsData // 作为绘制阴影的裁剪形状
+
+        if (Platform.fullImageShadow) { // fix: iOS Safari 18.5 以上, 只裁剪部分区域渲染阴影会有问题
+            worldClipBounds = nowWorld
+        } else {
+            const spreadBounds = spread ? getSpread(currentBounds, scaleX === scaleY ? spread * scaleX : [spread * scaleY, spread * scaleX]) : currentBounds
+            worldClipBounds = getIntersectData(spreadBounds, nowWorld)
+        }
+
+        fitMatrix = currentBounds.getFitMatrix(worldClipBounds)
         let { a: fitScaleX, d: fitScaleY } = fitMatrix
 
         if (fitMatrix.a < 1) {
@@ -39,21 +46,22 @@ export function shape(ui: IUI, current: ILeaferCanvas, options: IRenderOptions):
         shapeBounds = getOuterOf(nowWorld, fitMatrix)
         bounds = getByMove(shapeBounds, -fitMatrix.e, -fitMatrix.f)
 
-        if (options.matrix) {
-            const { matrix } = options
-            fitMatrix.multiply(matrix)
-            fitScaleX *= matrix.scaleX
-            fitScaleY *= matrix.scaleY
-        }
-
-        options = { ...options, matrix: fitMatrix.withScale(fitScaleX, fitScaleY) }
+        const userMatrix = options.matrix
+        if (userMatrix) {
+            matrix = new Matrix(fitMatrix) // 仅用于渲染
+            matrix.multiply(userMatrix)
+            fitScaleX *= userMatrix.scaleX
+            fitScaleY *= userMatrix.scaleY
+        } else matrix = fitMatrix
 
+        matrix.withScale(fitScaleX, fitScaleY)
+        options = { ...options, matrix }
     }
 
     ui.__renderShape(canvas, options)
 
     return {
-        canvas, matrix: fitMatrix, bounds,
+        canvas, matrix, fitMatrix, bounds,
         worldCanvas, shapeBounds, scaleX, scaleY
     }
 }

package/src/Stroke.ts

@@ -1,5 +1,5 @@
 import { ILeaferCanvas } from '@leafer/interface'
-import { LeafHelper } from "@leafer/core"
+import { LeafHelper, isObject } from "@leafer/core"
 
 import { IUI, ILeafPaint } from '@leafer-ui/interface'
 import { Paint } from '@leafer-ui/draw'
@@ -40,7 +40,7 @@ export function strokes(strokes: ILeafPaint[], ui: IUI, canvas: ILeaferCanvas):
 
 function drawCenter(stroke: string | ILeafPaint[], strokeWidthScale: number, ui: IUI, canvas: ILeaferCanvas) {
     const data = ui.__
-    if (typeof stroke === 'object') {
+    if (isObject(stroke)) {
         drawStrokesStyle(stroke, strokeWidthScale, false, ui, canvas)
     } else {
         canvas.setStroke(stroke, data.__strokeWidth * strokeWidthScale, data)

package/src/StrokeText.ts

@@ -1,5 +1,5 @@
 import { ILeaferCanvas } from '@leafer/interface'
-import { LeafHelper } from "@leafer/core"
+import { LeafHelper, isObject } from "@leafer/core"
 
 import { IUI, ITextRowData, ILeafPaint, IStrokeAlign, ILeafStrokePaint } from '@leafer-ui/interface'
 import { PaintImage } from "@leafer-ui/draw"
@@ -23,7 +23,7 @@ export function strokeText(stroke: string | ILeafPaint[], ui: IUI, canvas: ILeaf
 
 function drawCenter(stroke: string | ILeafPaint[], strokeWidthScale: number, ui: IUI, canvas: ILeaferCanvas): void {
     const data = ui.__
-    if (typeof stroke === 'object') {
+    if (isObject(stroke)) {
         drawStrokesStyle(stroke, strokeWidthScale, true, ui, canvas)
     } else {
         canvas.setStroke(stroke, data.__strokeWidth * strokeWidthScale, data)