@leafer-ui/hit 1.0.0-rc.1 → 1.0.0-rc.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/hit",
-  "version": "1.0.0-rc.1",
+  "version": "1.0.0-rc.11",
   "description": "@leafer-ui/hit",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -21,8 +21,11 @@
     "leafer-ui",
     "leaferjs"
   ],
+  "dependencies": {
+    "@leafer-ui/draw": "1.0.0-rc.11"
+  },
   "devDependencies": {
-    "@leafer/interface": "1.0.0-rc.1",
-    "@leafer-ui/interface": "1.0.0-rc.1"
+    "@leafer/interface": "1.0.0-rc.11",
+    "@leafer-ui/interface": "1.0.0-rc.11"
   }
 }

package/src/LeafHit.ts

@@ -0,0 +1,26 @@
+import { IRadiusPointData } from '@leafer/interface'
+import { Leaf, PointHelper, BoundsHelper } from '@leafer-ui/draw'
+
+
+const { toInnerRadiusPointOf, copy, setRadius } = PointHelper
+const inner = {} as IRadiusPointData
+
+Leaf.prototype.__hitWorld = function (point: IRadiusPointData): boolean {
+    if (this.__layout.hitCanvasChanged || !this.__hitCanvas) {
+        this.__updateHitCanvas()
+        this.__layout.hitCanvasChanged = false
+    }
+
+    if (this.__.hitRadius) {
+        copy(inner, point), point = inner
+        setRadius(point, this.__.hitRadius)
+    }
+
+    toInnerRadiusPointOf(point, this.__world, inner)
+
+    if (this.__.hitBox) {
+        if (BoundsHelper.hitRadiusPoint(this.__layout.boxBounds, inner)) return true
+    }
+
+    return this.__hit(inner)
+}

package/src/RectHit.ts

@@ -0,0 +1,15 @@
+import { IRadiusPointData } from '@leafer/interface'
+import { Rect, UI, BoundsHelper } from '@leafer-ui/draw'
+
+
+const ui = new UI()
+
+// hit 
+
+Rect.prototype.__updateHitCanvas = function () {
+    if (this.stroke || this.cornerRadius) ui.__updateHitCanvas.call(this)
+}
+
+Rect.prototype.__hitFill = function (inner: IRadiusPointData, windingRule?: string): boolean {
+    return this.__hitCanvas ? ui.__hitFill.call(this, inner, windingRule) : BoundsHelper.hitRadiusPoint(this.__layout.boxBounds, inner)
+}

package/src/UIHit.ts

@@ -1,54 +1,47 @@
 import { IRadiusPointData } from '@leafer/interface'
-
-import { IUIHitModule } from '@leafer-ui/interface'
-import { Platform } from '@leafer/core'
-
-
-export const UIHit: IUIHitModule = {
-
-    __updateHitCanvas(): void {
-        if (!this.__hitCanvas) this.__hitCanvas = this.leafer.hitCanvasManager.getPathType(this)
-        const h = this.__hitCanvas
-        this.__drawHitPath(h)
-        h.setStrokeOptions(this.__)
-    },
-
-    __hit(inner: IRadiusPointData): boolean {
-        const { __hitCanvas: h } = this
-        if (Platform.name === 'miniapp') this.__drawHitPath(h) // fix: 小程序需要实时更新
-
-        const { fill, hitFill, windingRule } = this.__
-        const needHitFill = (fill && hitFill === 'path') || hitFill === 'all'
-        const isHitFill = h.hitFill(inner, windingRule)
-        if (needHitFill && isHitFill) return true
-
-        const { stroke, hitStroke, strokeWidth, strokeAlign } = this.__
-        const needHitStroke = (stroke && hitStroke === 'path') || hitStroke === 'all'
-        const radiusWidth = inner.radiusX * 2
-
-        let hitWidth = radiusWidth
-
-        if (needHitStroke) {
-            switch (strokeAlign) {
-                case 'inside':
-                    hitWidth += strokeWidth * 2
-                    if (!needHitFill && (isHitFill && h.hitStroke(inner, hitWidth))) return true
+import { UI, Platform } from '@leafer-ui/draw'
+
+
+UI.prototype.__updateHitCanvas = function (): void {
+    if (!this.__hitCanvas) this.__hitCanvas = this.leafer.hitCanvasManager.getPathType(this)
+    const h = this.__hitCanvas
+    this.__drawHitPath(h)
+    h.setStrokeOptions(this.__)
+}
+
+UI.prototype.__hit = function (inner: IRadiusPointData): boolean {
+    if (Platform.name === 'miniapp') this.__drawHitPath(this.__hitCanvas) // fix: 小程序需要实时更新
+
+    const { fill, hitFill, windingRule } = this.__
+    const needHitFill = (fill && hitFill === 'path') || hitFill === 'all'
+    const isHitFill = this.__hitFill(inner, windingRule)
+    if (needHitFill && isHitFill) return true
+
+    const { stroke, hitStroke, __strokeWidth, strokeAlign } = this.__
+    const needHitStroke = (stroke && hitStroke === 'path') || hitStroke === 'all'
+    const radiusWidth = inner.radiusX * 2
+
+    let hitWidth = radiusWidth
+
+    if (needHitStroke) {
+        switch (strokeAlign) {
+            case 'inside':
+                hitWidth += __strokeWidth * 2
+                if (!needHitFill && (isHitFill && this.__hitStroke(inner, hitWidth))) return true
+                hitWidth = radiusWidth
+                break
+            case 'center':
+                hitWidth += __strokeWidth
+                break
+            case 'outside':
+                hitWidth += __strokeWidth * 2
+                if (!needHitFill) {
+                    if (!isHitFill && this.__hitStroke(inner, hitWidth)) return true
                     hitWidth = radiusWidth
-                    break
-                case 'center':
-                    hitWidth += strokeWidth
-                    break
-                case 'outside':
-                    hitWidth += strokeWidth * 2
-                    if (!needHitFill) {
-                        if (!isHitFill && h.hitStroke(inner, hitWidth)) return true
-                        hitWidth = radiusWidth
-                    }
-                    break
-            }
+                }
+                break
         }
-
-        return hitWidth ? h.hitStroke(inner, hitWidth) : false
     }
 
-}
+    return hitWidth ? this.__hitStroke(inner, hitWidth) : false
+}

package/src/index.ts

@@ -1 +1,22 @@
-export { UIHit } from "./UIHit"
+export * from './LeafHit'
+export * from './UIHit'
+export * from './RectHit'
+
+import { IFindMethod, IPointData, IPickOptions, IPickResult } from '@leafer/interface'
+import { IFindUIMethod, IUI } from '@leafer-ui/interface'
+import { UI, Group } from '@leafer-ui/draw'
+
+
+UI.prototype.find = function (condition: number | string | IFindUIMethod, options?: any): IUI[] {
+    return this.leafer ? this.leafer.selector.getBy(condition as IFindMethod, this, false, options) as IUI[] : []
+}
+
+UI.prototype.findOne = function (condition: number | string | IFindUIMethod, options?: any): IUI {
+    return this.leafer ? this.leafer.selector.getBy(condition as IFindMethod, this, true, options) as IUI : null
+}
+
+Group.prototype.pick = function (hitPoint: IPointData, options?: IPickOptions): IPickResult {
+    this.__layout.update()
+    if (!options) options = {}
+    return this.leafer ? this.leafer.selector.getByPoint(hitPoint, options.hitRadius || 0, { ...options, target: this }) : null
+}

package/types/index.d.ts

@@ -1,5 +1,2 @@
-import { IUIHitModule } from '@leafer-ui/interface';
 
-declare const UIHit: IUIHitModule;
-
-export { UIHit };
+export {  }