@realsee/dnalogel 2.21.0-dev.5 → 2.21.0-dev.7

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

@@ -1,68 +1,116 @@
-var c = Object.defineProperty, v = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
-var u = Object.getOwnPropertySymbols;
-var S = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
-var n = (i, e, t) => e in i ? c(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, s = (i, e) => {
+var c = Object.defineProperty, u = Object.defineProperties;
+var v = Object.getOwnPropertyDescriptors;
+var l = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var n = (s, e, t) => e in s ? c(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, o = (s, e) => {
   for (var t in e || (e = {}))
-    S.call(e, t) && n(i, t, e[t]);
-  if (u)
-    for (var t of u(e))
-      H.call(e, t) && n(i, t, e[t]);
-  return i;
-}, m = (i, e) => v(i, P(e));
-var o = (i, e, t) => (n(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { Subscribe as f } from "@realsee/five";
-import { PointSelectorHelper as b } from "./PointSelectorHelper.js";
-import { isTouchDevice as G } from "../isTouchDevice.js";
-class x {
+    S.call(e, t) && n(s, t, e[t]);
+  if (l)
+    for (var t of l(e))
+      P.call(e, t) && n(s, t, e[t]);
+  return s;
+}, m = (s, e) => u(s, v(e));
+var i = (s, e, t) => (n(s, typeof e != "symbol" ? e + "" : e, t), t);
+import { Subscribe as H } from "@realsee/five";
+import { PointSelectorHelper as w } from "./PointSelectorHelper.js";
+import { isTouchDevice as b } from "../isTouchDevice.js";
+import E from "hammerjs";
+import { getIntersectionFromEvent as d } from "../getIntersectionFromEvent.js";
+const r = () => !1;
+class I {
   constructor(e, t) {
-    o(this, "hook", new f());
-    o(this, "five");
-    o(this, "mode");
-    o(this, "pointSelectorHelper");
-    o(this, "enabled", !1);
-    o(this, "onFivePanGesture", () => {
+    i(this, "hook", new H());
+    i(this, "five");
+    i(this, "outOfFive", !1);
+    i(this, "hammer");
+    i(this, "mode");
+    i(this, "pointSelectorHelper");
+    i(this, "enabled", !1);
+    /** 长按屏幕的动作触发后为true，手指抬起后为false */
+    i(this, "pressDown", !1);
+    /**
+     * @description: 主动触发一次选点
+     */
+    i(this, "select", (e) => {
+      e && this.pointSelectorHelper.updateWithIntersect(e), this.hook.emit("select", this.position);
+    });
+    /**
+     * @description: 鼠标进入five canvas时
+     */
+    i(this, "onEnter", () => {
+      this.pointSelectorHelper.show(), this.outOfFive = !1, this.hook.emit("intersectionUpdate", this.position);
+    });
+    /**
+     * @description: 鼠标离开five canvas时
+     */
+    i(this, "onLeave", () => {
+      this.pointSelectorHelper.hide(), this.outOfFive = !0, this.hook.emit("intersectionUpdate", null);
+    });
+    i(this, "onTap", () => this.select());
+    /**
+     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
+     * 2. 如果有长按点，把长按点位置更新为当前位置
+     */
+    i(this, "onPan", (e) => {
+      if (!this.pressDown)
+        return;
+      const [t] = d(this.five, e);
+      t != null && t.face && this.select(t);
+    });
+    /**
+     * @description: 长按屏幕后，更新长按点的位置
+     */
+    i(this, "onPress", (e) => {
+      const [t] = d(this.five, e);
+      t != null && t.face && (this.pressDown = !0, this.select());
+    });
+    /**
+     * @description: 手指抬起后，重置pressDown状态
+     */
+    i(this, "onPanEnd", () => {
+      this.pressDown = !1;
+    });
+    i(this, "renderScreenCenter", () => {
       this.pointSelectorHelper.updateByNdcPosition({ x: 0.5, y: 0.5 });
     });
-    o(this, "emitIntersectionUpdate", (e) => {
+    i(this, "emitIntersectionUpdate", (e) => {
       this.hook.emit("intersectionUpdate", e);
     });
-    var l, h, d;
+    var a, p;
     this.five = e;
-    const a = (l = t == null ? void 0 : t.mode) != null ? l : "auto";
-    a === "auto" ? this.mode = G ? "fixed" : "cursor" : this.mode = a;
-    const p = {
+    const h = (a = t == null ? void 0 : t.mode) != null ? a : "auto";
+    h === "auto" ? this.mode = b ? "fixed" : "cursor" : this.mode = h;
+    const f = {
       autoFixPCPosition: this.mode === "cursor",
       initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
     };
-    console.log(s(s({}, p), (h = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : h.magnifierParams)), this.pointSelectorHelper = new b(e, m(s({}, t == null ? void 0 : t.pointSelectorHelperParams), {
-      magnifierParams: s(s({}, p), (d = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : d.magnifierParams)
+    this.pointSelectorHelper = new w(e, m(o({}, t == null ? void 0 : t.pointSelectorHelperParams), {
+      magnifierParams: o(o({}, f), (p = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : p.magnifierParams)
     }));
   }
   get position() {
-    return this.pointSelectorHelper.position;
+    return this.outOfFive ? null : this.pointSelectorHelper.position;
   }
   enable() {
     if (this.enabled)
       return;
     this.enabled = !0, this.pointSelectorHelper.enable();
     const e = this.five.getElement();
-    this.mode === "cursor" ? (console.log("cursor"), this.five.on("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.on("wantsMoveToPano", r), this.five.on("wantsTapGesture", r), e == null || e.addEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.addEventListener("mouseenter", this.pointSelectorHelper.show), e == null || e.addEventListener("mouseout", this.pointSelectorHelper.hide)) : this.mode === "fixed" && (this.five.on("panGesture", this.onFivePanGesture), this.five.on("interiaPan", this.onFivePanGesture)), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate);
+    if (!e)
+      throw new Error("five element not found");
+    this.hammer || (this.hammer = new E(e)), this.mode === "cursor" ? (this.five.on("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.on("wantsMoveToPano", r), this.five.on("wantsTapGesture", r), e.addEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e.addEventListener("mouseenter", this.pointSelectorHelper.show), e.addEventListener("mouseout", this.pointSelectorHelper.hide), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate);
   }
   disable() {
     if (!this.enabled)
       return;
     this.enabled = !1, this.pointSelectorHelper.disable();
     const e = this.five.getElement();
-    this.five.off("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.off("wantsMoveToPano", r), this.five.off("wantsTapGesture", r), e == null || e.removeEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.pointSelectorHelper.show), e == null || e.removeEventListener("mouseout", this.pointSelectorHelper.hide), this.five.off("panGesture", this.onFivePanGesture), this.five.off("interiaPan", this.onFivePanGesture), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate);
+    this.five.off("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.off("wantsMoveToPano", r), this.five.off("wantsTapGesture", r), e == null || e.removeEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate);
   }
   dispose() {
     this.disable(), this.pointSelectorHelper.dispose();
   }
 }
-function r() {
-  return !1;
-}
 export {
-  x as PointSelector
+  I as PointSelector
 };