@leafer-ui/render 1.0.0-beta.15 → 1.0.0-beta.16

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@leafer-ui/render",
-  "version": "1.0.0-beta.15",
+  "version": "1.0.0-beta.16",
   "description": "@leafer-ui/render",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
   "main": "src/index.ts",
   "types": "types/index.d.ts",
   "files": [
+    "src",
     "types",
     "dist"
   ],
@@ -21,10 +22,10 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer-ui/external": "1.0.0-beta.15"
+    "@leafer-ui/external": "1.0.0-beta.16"
   },
   "devDependencies": {
-    "@leafer/interface": "1.0.0-beta.15",
-    "@leafer-ui/interface": "1.0.0-beta.15"
+    "@leafer/interface": "1.0.0-beta.16",
+    "@leafer-ui/interface": "1.0.0-beta.16"
   }
 }

package/src/RectRender.ts

@@ -0,0 +1,39 @@
+import { ILeaferCanvas, IRenderOptions } from '@leafer/interface'
+
+import { IRectRenderModule } from '@leafer-ui/interface'
+
+
+export const RectRender: IRectRenderModule = {
+
+    __drawFast(canvas: ILeaferCanvas, options: IRenderOptions): void {
+
+        const { width, height, fill, stroke, __drawAfterFill } = this.__
+
+        if (fill) {
+            canvas.fillStyle = fill
+            canvas.fillRect(0, 0, width, height)
+        }
+
+        if (__drawAfterFill) this.__drawAfterFill(canvas, options)
+
+        if (stroke) {
+
+            const { strokeAlign, strokeWidth } = this.__
+            canvas.setStroke(stroke, strokeWidth, this.__)
+            const half = strokeWidth / 2
+
+            switch (strokeAlign) {
+                case 'center':
+                    canvas.strokeRect(0, 0, width, height)
+                    break
+                case 'inside':
+                    canvas.strokeRect(half, half, width - strokeWidth, height - strokeWidth)
+                    break
+                case 'outside':
+                    canvas.strokeRect(-half, -half, width + strokeWidth, height + strokeWidth)
+                    break
+            }
+        }
+
+    }
+}

package/src/UIRender.ts

@@ -0,0 +1,94 @@
+import { ILeaferCanvas, IRenderOptions } from '@leafer/interface'
+
+import { IUIRenderModule, ILeafPaint, ILeafStrokePaint } from '@leafer-ui/interface'
+import { Paint, Effect } from '@leafer-ui/external'
+
+
+export const UIRender: IUIRenderModule = {
+
+    __updateChange(): void {
+        const data = this.__
+
+        if (data.__useEffect) {
+            const { shadow, innerShadow, blur, backgroundBlur } = this.__
+            data.__useEffect = !!(shadow || innerShadow || blur || backgroundBlur)
+        }
+
+        data.__checkSingle()
+
+        const complex = data.__isFills || data.__isStrokes || data.cornerRadius || data.__useEffect
+
+        if (complex) {
+            data.__complex = true
+        } else {
+            data.__complex && (data.__complex = false)
+        }
+    },
+
+    __drawFast(canvas: ILeaferCanvas, options: IRenderOptions): void {
+        const { fill, stroke, __drawAfterFill } = this.__
+
+        this.__drawRenderPath(canvas)
+
+        if (fill) Paint.fill(this, canvas, fill as string)
+        if (__drawAfterFill) this.__drawAfterFill(canvas, options)
+        if (stroke) Paint.stroke(this, canvas, stroke as string)
+    },
+
+    __draw(canvas: ILeaferCanvas, options: IRenderOptions): void {
+
+        if (this.__.__complex) {
+
+            const { fill, stroke, __drawAfterFill } = this.__
+
+            this.__drawRenderPath(canvas)
+
+            if (this.__.__useEffect) {
+
+                const shape = Paint.shape(this, canvas, options)
+
+                const { shadow, innerShadow } = this.__
+
+                if (shadow) Effect.shadow(this, canvas, shape, options)
+
+                if (fill) this.__.__isFills ? Paint.fills(this, canvas, fill as ILeafPaint[]) : Paint.fill(this, canvas, fill as string)
+
+                if (__drawAfterFill) this.__drawAfterFill(canvas, options)
+
+                if (innerShadow) Effect.innerShadow(this, canvas, shape, options)
+
+                if (stroke) this.__.__isStrokes ? Paint.strokes(this, canvas, stroke as ILeafStrokePaint[]) : Paint.stroke(this, canvas, stroke as string)
+
+                if (shape.worldCanvas) shape.worldCanvas.recycle()
+                shape.canvas.recycle()
+
+            } else {
+
+                if (fill) this.__.__isFills ? Paint.fills(this, canvas, fill as ILeafPaint[]) : Paint.fill(this, canvas, fill as string)
+                if (__drawAfterFill) this.__drawAfterFill(canvas, options)
+                if (stroke) this.__.__isStrokes ? Paint.strokes(this, canvas, stroke as ILeafStrokePaint[]) : Paint.stroke(this, canvas, stroke as string)
+
+            }
+
+
+        } else {
+
+            this.__drawFast(canvas, options)
+
+        }
+    },
+
+    __renderShape(canvas: ILeaferCanvas, options: IRenderOptions): void {
+        if (!this.__worldOpacity) return
+
+        canvas.setWorld(this.__world, options.matrix)
+
+        const { fill, stroke } = this.__
+
+        this.__drawRenderPath(canvas)
+
+        if (fill) Paint.fill(this, canvas, '#000000')
+        if (stroke) Paint.stroke(this, canvas, '#000000')
+    }
+
+}