@leafer-ui/effect 1.0.0-alpha.21 → 1.0.0-alpha.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/effect",
-  "version": "1.0.0-alpha.21",
+  "version": "1.0.0-alpha.30",
   "description": "@leafer-ui/effect",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",

package/src/Blur.ts

@@ -0,0 +1,10 @@
+import { ILeaferCanvas } from '@leafer/interface'
+
+import { IUI } from '@leafer-ui/interface'
+
+export function blur(ui: IUI, current: ILeaferCanvas, origin: ILeaferCanvas): void {
+    const { blur } = ui.__
+    origin.setWorldBlur(blur * ui.__world.a)
+    origin.copyWorldToInner(current, ui.__world, ui.__layout.renderBounds)
+    origin.filter = 'none'
+}

package/src/InnerShadow.ts

@@ -0,0 +1,47 @@
+import { IBoundsData, ILeaferCanvas, IMatrixWithBoundsData, ISizeData } from '@leafer/interface'
+import { BoundsHelper } from '@leafer/core'
+
+import { IUI, ICachedShape } from '@leafer-ui/interface'
+
+const bigger: ISizeData = {
+    width: 4,
+    height: 4
+}
+
+export function innerShadow(ui: IUI, current: ILeaferCanvas, shape: ICachedShape): void {
+
+    let copyBounds: IBoundsData
+
+    const { __world, __layout: __layout } = ui
+    const { innerShadow } = ui.__
+    const { worldCanvas, bounds, shapeBounds, scaleX, scaleY } = shape
+
+    const other = current.getBiggerCanvas(bigger.width, bigger.height)
+    const out = BoundsHelper.getOutOfBounds(bounds, current.bounds)
+
+    innerShadow.forEach(item => {
+
+        other.save()
+        other.setWorldShadow((out.offsetX + item.x * scaleX), (out.offsetY + item.y * scaleY), item.blur * scaleX)
+        other.copyWorld(shape.canvas, shapeBounds, item.spread ? BoundsHelper.getSpread(out, -item.spread * scaleX * (__layout.renderBounds.width / __layout.strokeBounds.width)) : out)
+        other.restore()
+
+        if (worldCanvas) {
+            other.copyWorld(other, bounds, __world, 'copy')
+            other.copyWorld(worldCanvas, __world, __world, 'source-out')
+            copyBounds = __world
+        } else {
+            other.copyWorld(shape.canvas, shapeBounds, bounds, 'source-out')
+            copyBounds = bounds
+        }
+
+        other.fillWorld(copyBounds, item.color, 'source-in')
+
+        current.copyWorldToInner(other, copyBounds as IMatrixWithBoundsData, __layout.renderBounds, item.blendMode)
+
+    })
+
+    //other.debug()
+    other.recycle()
+
+}

package/src/Shadow.ts

@@ -0,0 +1,54 @@
+import { IBoundsData, ILeaferCanvas, IMatrixWithBoundsData, ISizeData } from '@leafer/interface'
+import { BoundsHelper } from '@leafer/core'
+
+import { IUI, ICachedShape } from '@leafer-ui/interface'
+
+const bigger: ISizeData = {
+    width: 4,
+    height: 4
+}
+
+export function shadow(ui: IUI, current: ILeaferCanvas, shape: ICachedShape): void {
+
+    let copyBounds: IBoundsData
+
+    const { __world, __layout: __layout } = ui
+    const { shadow } = ui.__
+    const { worldCanvas, bounds, shapeBounds, scaleX, scaleY } = shape
+
+    const other = current.getBiggerCanvas(bigger.width, bigger.height)
+    const out = BoundsHelper.getOutOfBounds(bounds, current.bounds)
+
+    shadow.forEach(item => {
+
+        other.setWorldShadow((out.offsetX + item.x * scaleX), (out.offsetY + item.y * scaleY), item.blur * scaleX, item.color)
+        other.copyWorld(shape.canvas, shapeBounds, item.spread ? BoundsHelper.getSpread(out, item.spread * scaleX * (__layout.renderBounds.width / __layout.strokeBounds.width)) : out)
+
+        copyBounds = bounds
+
+        if (!item.showBehind) {
+
+            other.restore()
+            other.save()
+
+            // other.replaceBy(other, renderBounds, ui.__world)
+            // other.setTransform(ui.__world)
+            // ui.__drawPath(other.context, ui.__.__path)
+            // other.context.clip()
+            // other.clearRect(ui.__layout.renderBounds)
+
+            if (worldCanvas) {
+                other.copyWorld(other, bounds, __world, 'copy')
+                copyBounds = __world
+            }
+
+            worldCanvas ? other.copyWorld(worldCanvas, __world, __world, 'destination-out') : other.copyWorld(shape.canvas, shapeBounds, bounds, 'destination-out')
+        }
+
+        current.copyWorldToInner(other, copyBounds as IMatrixWithBoundsData, __layout.renderBounds, item.blendMode)
+    })
+
+    //other.debug()
+    other.recycle()
+
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export { shadow } from './Shadow'
+export { innerShadow } from './InnerShadow'
+export { blur } from './Blur'