@leafer-ui/hit 1.0.0-alpha.9 → 1.0.0-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/hit",
-  "version": "1.0.0-alpha.9",
+  "version": "1.0.0-beta",
   "description": "@leafer-ui/hit",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "leaferjs"
   ],
   "devDependencies": {
-    "@leafer/interface": "1.0.0-alpha.9",
-    "@leafer-ui/interface": "1.0.0-alpha.9"
+    "@leafer/interface": "1.0.0-beta",
+    "@leafer-ui/interface": "1.0.0-beta"
   }
 }

package/src/UIHit.ts

@@ -5,24 +5,38 @@ import { IUIHitModule } from '@leafer-ui/interface'
 
 export const UIHit: IUIHitModule = {
 
-    __hit(local: IRadiusPointData): boolean {
-
-        if (this.__.fill) {
-            if (this.__hitCanvas.hitPath(local, this.__.windingRule)) return true
-        }
-
-        const strokeWidth = ((this.__.__strokeOuterWidth || 0) + local.radiusX) * 2
-
-        if (strokeWidth) {
-            const { __hitCanvas: c } = this
-            if (c.strokeWidth !== strokeWidth) {
-                c.strokeWidth = strokeWidth
-                c.stroke()
-            }
-            if (c.hitStroke(local)) return true
+    __updateHitCanvas(): void {
+        if (!this.__hitCanvas) this.__hitCanvas = this.leafer.hitCanvasManager.getPathType(this)
+        this.__drawHitPath(this.__hitCanvas)
+        this.__hitCanvas.setStrokeOptions(this.__)
+    },
+
+    __hit(inner: IRadiusPointData): boolean {
+        const { __hitCanvas: h } = this
+
+        const { fill, hitFill, windingRule } = this.__
+        const needHitFill = (fill && hitFill === 'path') || hitFill === 'all'
+        if (needHitFill && h.hitFill(inner, windingRule)) return true
+
+        const { stroke, hitStroke, strokeWidth, strokeAlign } = this.__
+        const needHitStroke = (stroke && hitStroke === 'path') || hitStroke === 'all'
+        const radiusWidth = inner.radiusX * 2
+        let hitWidth = (needHitStroke ? (strokeAlign === 'center' ? strokeWidth / 2 : strokeWidth) : 0) * 2 + radiusWidth
+        if (!hitWidth) return false
+
+        switch (strokeAlign) {
+            case 'inside':
+                if (!needHitFill && (h.hitFill(inner, windingRule) && h.hitStroke(inner, hitWidth))) return true
+                hitWidth = radiusWidth
+                break
+            case 'outside':
+                if (!needHitFill) {
+                    if (!h.hitFill(inner, windingRule) && h.hitStroke(inner, hitWidth)) return true
+                    hitWidth = radiusWidth
+                }
         }
 
-        return false
+        return hitWidth ? h.hitStroke(inner, hitWidth) : false
     }
 
 }