@realsee/dnalogel 3.61.9 → 3.61.11

package/libs/shared-utils/three/PointSelector/index.js

@@ -2,15 +2,15 @@ var w = Object.defineProperty, I = Object.defineProperties;
 var S = Object.getOwnPropertyDescriptors;
 var m = Object.getOwnPropertySymbols;
 var b = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var f = (r, i, e) => i in r ? w(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e, u = (r, i) => {
-  for (var e in i || (i = {}))
-    b.call(i, e) && f(r, e, i[e]);
+var f = (h, s, e) => s in h ? w(h, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[s] = e, l = (h, s) => {
+  for (var e in s || (s = {}))
+    b.call(s, e) && f(h, e, s[e]);
   if (m)
-    for (var e of m(i))
-      E.call(i, e) && f(r, e, i[e]);
-  return r;
-}, v = (r, i) => I(r, S(i));
-var s = (r, i, e) => (f(r, typeof i != "symbol" ? i + "" : i, e), e);
+    for (var e of m(s))
+      E.call(s, e) && f(h, e, s[e]);
+  return h;
+}, v = (h, s) => I(h, S(s));
+var i = (h, s, e) => (f(h, typeof s != "symbol" ? s + "" : s, e), e);
 import { PointSelectorHelper as H } from "./utils/PointSelectorHelper.js";
 import { isTouchDevice as y } from "../../isTouchDevice.js";
 import * as p from "three";
@@ -19,43 +19,44 @@ import { getIntersectByRaycaster as D, getVirtualIntersectByRaycaster as L } fro
 import { getRaycasterByNdcPosition as T } from "../../five/getRaycasterByNdcPosition.js";
 import { CURSOR_NOT_ALLOW_URL as P } from "./utils/contents.js";
 const N = new p.Vector3(), d = () => !1;
-class V extends M {
+class O extends M {
   constructor(e, t) {
-    var a, l, n, c;
+    var a, c, r, u;
     super();
-    s(this, "_cursorError", !1);
-    s(this, "actionIfNoIntersection", "virtualPoint");
-    s(this, "plane");
-    s(this, "pointSelectorHelper");
+    i(this, "_cursorError", !1);
+    i(this, "actionIfNoIntersection", "virtualPoint");
+    i(this, "plane");
+    i(this, "pointSelectorHelper");
     /** @deprecated directly use `pointSelector.on/off` instead */
-    s(this, "hook", this);
-    s(this, "five");
-    s(this, "_outOfFive", !1);
-    s(this, "_enabled", !1);
-    s(this, "mode");
+    i(this, "hook", this);
+    i(this, "five");
+    i(this, "_outOfFive", !1);
+    i(this, "_enabled", !1);
+    i(this, "mode");
     /** 长按屏幕的动作触发后为true，手指抬起后为false */
-    s(this, "pressDown", !1);
+    i(this, "pressDown", !1);
     /** 一组吸附的点，光标靠近这些点时，会将helper以及放大镜的位置设置为这些点 */
-    s(this, "adherePoints");
+    i(this, "adherePoints");
     /** 吸附点的半径 */
-    s(this, "adherePointsRadius", 0.1);
+    i(this, "adherePointsRadius", 0.1);
     /** 有值时表明处于按压检查阶段 */
-    s(this, "setPressDown");
-    s(this, "lastFiveHelperVisible");
-    s(this, "lastIntersection");
-    s(this, "mousePosition");
-    s(this, "_mouseDownInfo");
-    s(this, "config", {});
+    i(this, "setPressDown");
+    i(this, "lastFiveHelperVisible");
+    i(this, "lastIntersection");
+    i(this, "mousePosition");
+    i(this, "_mouseDownInfo");
+    i(this, "_touchStartInfo");
+    i(this, "config", {});
     /**
      * @description: 主动触发一次选点
      * @return: select 是否成功
      */
-    s(this, "select", (e) => {
+    i(this, "select", (e) => {
       e && this.updatePointSelectorHelperIntersect(e);
       const t = this.emit("wantsSelect", this.position);
       return t || (this.pointSelectorHelper.hide(), this.emit("select", this.position), console.debug(this.position)), !t;
     });
-    s(this, "onMouseWheel", (e) => {
+    i(this, "onMouseWheel", (e) => {
       this.updateByMousePosition(e);
       const t = () => this.updateByMousePosition();
       this.five.off("render.prepare", t), this.five.on("render.prepare", t), setTimeout(() => {
@@ -65,33 +66,37 @@ class V extends M {
     /**
      * @description: 鼠标进入five canvas时
      */
-    s(this, "onEnter", () => {
+    i(this, "onEnter", () => {
       this.cursorError || this.pointSelectorHelper.show(), this.outOfFive = !1, this.emit("intersectionUpdate", this.position);
     });
     /**
      * @description: 鼠标离开five canvas时
      */
-    s(this, "onLeave", () => {
+    i(this, "onLeave", () => {
       this.pointSelectorHelper.hide(), this.outOfFive = !0, this.emit("intersectionUpdate", null);
     });
-    s(this, "onClick", () => {
+    i(this, "onClick", () => {
       this.select();
     });
-    s(this, "onMouseDown", (e) => {
+    i(this, "onMouseDown", (e) => {
       this._mouseDownInfo = {
         clientX: e.clientX,
         clientY: e.clientY,
         timestamp: performance.now()
       };
     });
-    s(this, "onMouseUp", (e) => {
+    i(this, "onMouseUp", (e) => {
       if (!this._mouseDownInfo)
         return;
-      const { clientX: t, clientY: o, timestamp: h } = this._mouseDownInfo;
-      Math.abs(e.clientX - t) < 2 && Math.abs(e.clientY - o) < 2 && performance.now() - h < 500 ? this.select() : this._mouseDownInfo = null;
+      const { clientX: t, clientY: o, timestamp: n } = this._mouseDownInfo;
+      Math.abs(e.clientX - t) < 2 && Math.abs(e.clientY - o) < 2 && performance.now() - n < 500 ? this.select() : this._mouseDownInfo = null;
     });
-    s(this, "onTouchStart", (e) => {
-      this.setPressDown = setTimeout(() => {
+    i(this, "onTouchStart", (e) => {
+      this._touchStartInfo = {
+        clientX: e.touches[0].clientX,
+        clientY: e.touches[0].clientY,
+        timestamp: performance.now()
+      }, this.setPressDown = setTimeout(() => {
         if (this.setPressDown = void 0, this.mousePosition = {
           clientX: e.touches[0].clientX,
           clientY: e.touches[0].clientY
@@ -99,11 +104,16 @@ class V extends M {
           return;
         const t = this.updateByNdcPosition(this.mouseNdcPosition);
         this.pressDown = t;
-      }, 300);
+      }, 200);
     });
-    s(this, "onTouchMove", (e) => {
+    i(this, "onTouchMove", (e) => {
       if (this.setPressDown) {
-        clearTimeout(this.setPressDown), this.setPressDown = void 0;
+        let t = !1;
+        if (this._touchStartInfo) {
+          const { clientX: o, clientY: n } = this._touchStartInfo;
+          (Math.abs(e.touches[0].clientX - o) > 2 || Math.abs(e.touches[0].clientY - n) > 2) && (t = !0);
+        }
+        t && (clearTimeout(this.setPressDown), this.setPressDown = void 0);
         return;
       }
       if (this.pressDown) {
@@ -115,7 +125,7 @@ class V extends M {
         this.updateByNdcPosition(this.mouseNdcPosition);
       }
     });
-    s(this, "onTouchEnd", (e) => {
+    i(this, "onTouchEnd", (e) => {
       if (this.setPressDown) {
         clearTimeout(this.setPressDown), this.setPressDown = void 0;
         return;
@@ -124,88 +134,88 @@ class V extends M {
         this.pressDown = !1;
       }, 100), this.select());
     });
-    s(this, "updateByMousePosition", (e) => {
+    i(this, "updateByMousePosition", (e) => {
       this.five.getElement() && (e && (this.mousePosition = e), this.updateByNdcPosition(this.mouseNdcPosition));
     });
     /**
      * @description: 根据鼠标位置计算焦点位置并更新
      */
-    s(this, "updateByNdcPosition", (e) => {
-      var h, a, l;
+    i(this, "updateByNdcPosition", (e) => {
+      var n, a, c;
       const t = T(this.five, e), o = D(this.five, t);
       if (o)
         return this.updatePointSelectorHelperIntersect(o), this.lastIntersection = o, !0;
       if (this.plane) {
-        const n = t.ray.intersectPlane(this.plane, N);
-        if (n) {
-          const c = {
-            distance: this.five.camera.position.distanceTo(n),
-            point: n.clone(),
+        const r = t.ray.intersectPlane(this.plane, N);
+        if (r) {
+          const u = {
+            distance: this.five.camera.position.distanceTo(r),
+            point: r.clone(),
             object: new p.Object3D(),
             face: new p.Face3(0, 0, 0, this.plane.normal.clone()),
             raycaster: t,
             isVirtual: !0
           };
-          return this.updatePointSelectorHelperIntersect(c), !0;
+          return this.updatePointSelectorHelperIntersect(u), !0;
         }
       }
       if (this.actionIfNoIntersection === "lastPoint")
         return this.updatePointSelectorHelperIntersect(this.lastIntersection), !0;
       if (this.actionIfNoIntersection === "virtualPoint") {
-        const n = L(t, (h = this.lastIntersection) == null ? void 0 : h.distance);
-        return n.face = new p.Face3(0, 0, 0, (l = (a = this.lastIntersection) == null ? void 0 : a.face) == null ? void 0 : l.normal), n.isVirtual = !0, this.lastIntersection = n, this.updatePointSelectorHelperIntersect(n), !0;
+        const r = L(t, (n = this.lastIntersection) == null ? void 0 : n.distance);
+        return r.face = new p.Face3(0, 0, 0, (c = (a = this.lastIntersection) == null ? void 0 : a.face) == null ? void 0 : c.normal), r.isVirtual = !0, this.lastIntersection = r, this.updatePointSelectorHelperIntersect(r), !0;
       } else if (this.actionIfNoIntersection === "disable")
         return this.updatePointSelectorHelperIntersect(null), !1;
     });
     /**
      * @description: 更新 pointSelectorHelper 的焦点位置
      */
-    s(this, "updatePointSelectorHelperIntersect", (e) => {
+    i(this, "updatePointSelectorHelperIntersect", (e) => {
       if (!e) {
         this.onLeave(), this.five.getElement().style.cursor = P;
         return;
       }
       this.onEnter(), this.cursorError || (this.five.getElement().style.cursor = "");
-      const t = u({}, e);
+      const t = l({}, e);
       let o = !1;
       if (typeof this.adherePoints == "function" && typeof this.adherePointsRadius == "number") {
-        for (const h of this.adherePoints({ intersection: e, pointSelectorInstance: this }))
-          if (h.distanceTo(e.point) < this.adherePointsRadius) {
-            t.point = h.clone(), o = !0;
+        for (const n of this.adherePoints({ intersection: e, pointSelectorInstance: this }))
+          if (n.distanceTo(e.point) < this.adherePointsRadius) {
+            t.point = n.clone(), o = !0;
             break;
           }
       }
       this.pointSelectorHelper.updateWithIntersect(t, { emitEvent: !1 }), this.emit("intersectionUpdate", t, o);
     });
-    s(this, "mousePositionToNdcPosition", (e) => {
+    i(this, "mousePositionToNdcPosition", (e) => {
       const t = this.five.getElement();
       if (!t)
         return null;
-      const { top: o, left: h, width: a, height: l } = t.getBoundingClientRect(), { clientX: n, clientY: c } = e;
+      const { top: o, left: n, width: a, height: c } = t.getBoundingClientRect(), { clientX: r, clientY: u } = e;
       return {
-        x: (n - h) / a,
-        y: 1 - (c - o) / l
+        x: (r - n) / a,
+        y: 1 - (u - o) / c
       };
     });
-    s(this, "onFiveWantsPanGesture", () => {
+    i(this, "onFiveWantsPanGesture", () => {
       if (this.pressDown)
         return !1;
     });
-    s(this, "renderScreenCenter", () => {
+    i(this, "renderScreenCenter", () => {
       this.updateByNdcPosition({ x: 0.5, y: 0.5 });
     });
-    s(this, "emitIntersectionUpdate", (e) => {
+    i(this, "emitIntersectionUpdate", (e) => {
       this.emit("intersectionUpdate", e);
     });
-    this.five = e, this.config = u(u({}, this.config), t), this.actionIfNoIntersection = (l = (a = t == null ? void 0 : t.actionIfNoIntersection) != null ? a : t == null ? void 0 : t.actionIfNoModelUnderMouse) != null ? l : "virtualPoint";
-    const o = (n = t == null ? void 0 : t.mode) != null ? n : "auto";
+    this.five = e, this.config = l(l({}, this.config), t), this.actionIfNoIntersection = (c = (a = t == null ? void 0 : t.actionIfNoIntersection) != null ? a : t == null ? void 0 : t.actionIfNoModelUnderMouse) != null ? c : "virtualPoint";
+    const o = (r = t == null ? void 0 : t.mode) != null ? r : "auto";
     o === "auto" ? this.mode = y ? "fixed" : "cursor" : this.mode = o;
-    const h = {
+    const n = {
       autoFixPCPosition: this.mode === "cursor",
       initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
     };
-    this.pointSelectorHelper = new H(this.five, v(u({}, t == null ? void 0 : t.helper), {
-      magnifierParams: u(u({}, h), (c = t == null ? void 0 : t.helper) == null ? void 0 : c.magnifierParams)
+    this.pointSelectorHelper = new H(this.five, v(l({}, t == null ? void 0 : t.helper), {
+      magnifierParams: l(l({}, n), (u = t == null ? void 0 : t.helper) == null ? void 0 : u.magnifierParams)
     })), this.pointSelectorHelper.hide();
   }
   get position() {
@@ -259,5 +269,5 @@ class V extends M {
   }
 }
 export {
-  V as PointSelector
+  O as PointSelector
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.61.9",
+  "version": "3.61.11",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",