@realsee/dnalogel 3.0.0-dev.2 → 3.0.0

package/libs/shared-utils/five/FiveDomEvents.js

@@ -1,89 +1,119 @@
-var O = Object.defineProperty, g = Object.defineProperties;
-var H = Object.getOwnPropertyDescriptors;
-var m = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var f = (i, e, t) => e in i ? O(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, p = (i, e) => {
+var g = Object.defineProperty;
+var _ = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var E = (u, e, t) => e in u ? g(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t, b = (u, e) => {
   for (var t in e || (e = {}))
-    L.call(e, t) && f(i, t, e[t]);
-  if (m)
-    for (var t of m(e))
-      $.call(e, t) && f(i, t, e[t]);
-  return i;
-}, _ = (i, e) => g(i, H(e));
-var u = (i, e, t) => (f(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { getObjectVisible as x } from "../three/getObjectVisible.js";
-class G {
+    y.call(e, t) && E(u, t, e[t]);
+  if (_)
+    for (var t of _(e))
+      H.call(e, t) && E(u, t, e[t]);
+  return u;
+};
+var v = (u, e, t) => (E(u, typeof e != "symbol" ? e + "" : e, t), t);
+import * as L from "three";
+import { getObjectVisible as $ } from "../three/getObjectVisible.js";
+import { calculateThreeMouse as x } from "./calculateThreeMouse.js";
+class D {
   constructor(e) {
-    u(this, "five");
-    u(this, "boundObject", {});
-    u(this, "handleWantsTapGesture", (e) => {
-      var d;
-      const t = "click", n = this.boundObject[t];
-      if (!n || (n == null ? void 0 : n.length) === 0)
+    v(this, "five");
+    v(this, "boundObject", {});
+    v(this, "handleWantsGesture", (e, t) => {
+      if (t.length !== 1)
         return;
-      const o = this.five.model.intersectRaycaster(e), s = e.intersectObjects(n, !0);
-      if (o.length > 0 && s.length > 0 && o[0].distance < s[0].distance)
+      const n = t[0];
+      if (n) {
+        if (e === "mouseMove")
+          return this.onDomEvent("hover", n);
+        if (e === "tap")
+          return this.onDomEvent("click", n);
+      }
+    });
+    v(this, "onDomEvent", (e, t) => {
+      var f, i;
+      const n = this.boundObject[e];
+      if (!n || (n == null ? void 0 : n.length) === 0 || !t)
         return;
-      const r = (d = s[0]) == null ? void 0 : d.object;
-      if (!r || !this.objectIsBound(r))
+      const s = (f = t.raycaster) != null ? f : this.getRaycaster(t), r = (() => {
+        var h;
+        const d = s.intersectObjects(n, !0);
+        if (d.length === 0)
+          return;
+        const o = this.five.model.intersectRaycaster(s);
+        if (!(o.length > 0 && d.length > 0 && o[0].distance < d[0].distance))
+          return (h = d[0]) == null ? void 0 : h.object;
+      })();
+      if (!r || !this.objectIsBound(r)) {
+        for (const d of (i = this.boundObject.hover) != null ? i : [])
+          d._hovered && this.notify("unHover", d);
         return;
-      if (this.notify(t, r))
+      }
+      if (this.notify(e, r))
         return !1;
     });
-    u(this, "objectIsBound", (e) => {
+    v(this, "objectIsBound", (e) => {
       let t = e._domEvent, n = e.parent;
       for (; typeof t == "undefined" && n; )
         t = n._domEvent, n = n.parent;
       return !!t;
     });
     // eslint-disable-next-line max-params
-    u(this, "notify", (e, t, n, o) => {
-      let s = !1, r = [];
-      const l = [t];
-      let d = t;
-      for (; d.parent; )
-        d = d.parent, l.push(d);
-      for (const a of l) {
-        if (s)
+    v(this, "notify", (e, t, n, s) => {
+      var d;
+      let r = !1, a = [];
+      const f = [];
+      let i = t;
+      for (f.push(i); i.parent; )
+        i = i.parent, f.push(i);
+      for (const o of f) {
+        if (r)
           break;
-        const h = a._domEvent;
+        const h = o._domEvent;
         if (!h)
           continue;
-        const E = h[`${e}Handler`];
-        if (E)
-          for (const [b, v] of E) {
-            if (v != null && v.checkVisible && !x(a))
+        const p = h[`${e}Handler`];
+        if (p)
+          for (const [O, l] of p) {
+            if (l != null && l.checkVisible && !$(o))
               continue;
-            const c = b({
+            if (e === "hover") {
+              if (o._hovered)
+                continue;
+              o._hovered = !0;
+              for (const c of (d = this.boundObject.hover) != null ? d : [])
+                c !== o && c._hovered && this.notify("unHover", c);
+            }
+            if (e === "unHover") {
+              if (!o._hovered)
+                continue;
+              o._hovered = !1;
+            }
+            const m = O({
               type: e,
-              target: a,
+              target: o,
               origDomEvent: n,
-              intersect: o,
+              intersect: s,
               stopPropagation: () => {
-                s = !0;
+                r = !0;
               }
             });
-            r.push(c != null ? c : !0);
+            a.push(m != null ? m : !0);
           }
       }
-      return r.some((a) => a === !0);
+      if (e === "click")
+        return a.some((o) => o === !0);
     });
-    this.five = e, e.on("wantsTapGesture", this.handleWantsTapGesture);
+    this.five = e, e.on("wantsGesture", this.handleWantsGesture);
   }
   /**
    * @description: added 时自动绑定事件，removed时自动解绑事件，也就是说只有物体在场景中的时候才会触发事件
    * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效
    * @todo: added 和 removed 还是不太智能
    */
-  addAutoBindEventListener(...e) {
-    const t = e[0];
-    t.addEventListener("added", () => {
-      this.addEventListener(...e);
-    }), t.addEventListener("removed", () => {
-      this.removeEventListener(...e);
-    }), t.addEventListener("dispose", () => {
-      this.removeEventListener(...e);
-    });
+  addAutoBindEventListener(e, t, n, s) {
+    const r = () => this.addEventListener(e, t, n, s), a = () => this.removeEventListener(e, t, n, s);
+    return e.addEventListener("added", r), e.addEventListener("removed", a), e.addEventListener("dispose", a), () => {
+      e.removeEventListener("added", r), e.removeEventListener("removed", a), e.removeEventListener("dispose", a);
+    };
   }
   /**
    * @description: add event listener
@@ -92,24 +122,32 @@ class G {
    * @param params.callback: 返回 false 可以不阻止 five 的 tap 事件; default: true
    * @return {void}
    */
-  addEventListener(e, t, n, o) {
-    var s;
-    e._domEvent || (e._domEvent = {}), e._domEvent[`${t}Handler`] || (e._domEvent[`${t}Handler`] = []), this.boundObject[t] || (this.boundObject[t] = []), e._domEvent[`${t}Handler`].push([n, _(p({}, o), { checkVisible: !0 })]), (s = this.boundObject[t]) == null || s.push(e);
+  addEventListener(e, t, n, s) {
+    var r;
+    e._domEvent || (e._domEvent = {}), e._domEvent[`${t}Handler`] || (e._domEvent[`${t}Handler`] = []), this.boundObject[t] || (this.boundObject[t] = []), e._domEvent[`${t}Handler`].push([n, b({ checkVisible: !0 }, s)]), (r = this.boundObject[t]) == null || r.push(e);
   }
-  removeEventListener(e, t, n, ...o) {
-    var r, l;
+  removeEventListener(e, t, n, ...s) {
+    var a, f;
     if (!e._domEvent || !e._domEvent[`${t}Handler`])
       return;
-    const s = e._domEvent[`${t}Handler`].findIndex((d) => d[0] === n);
-    if (s !== -1 && (e._domEvent[`${t}Handler`].splice(s, 1), e._domEvent[`${t}Handler`].length === 0 && delete e._domEvent[`${t}Handler`], e._domEvent && Object.keys(e._domEvent).length === 0 && delete e._domEvent, !e._domEvent)) {
-      const d = (r = this.boundObject[t]) == null ? void 0 : r.findIndex((a) => a === e);
-      d !== -1 && ((l = this.boundObject[t]) == null || l.splice(d, 1));
+    const r = e._domEvent[`${t}Handler`].findIndex((i) => i[0] === n);
+    if (r !== -1 && (e._domEvent[`${t}Handler`].splice(r, 1), e._domEvent[`${t}Handler`].length === 0 && delete e._domEvent[`${t}Handler`], e._domEvent && Object.keys(e._domEvent).length === 0 && delete e._domEvent, !e._domEvent)) {
+      const i = (a = this.boundObject[t]) == null ? void 0 : a.findIndex((d) => d === e);
+      i !== -1 && ((f = this.boundObject[t]) == null || f.splice(i, 1));
     }
   }
   dispose() {
-    this.five.off("wantsTapGesture", this.handleWantsTapGesture), this.boundObject = {};
+    var e;
+    (e = this.five) == null || e.off("wantsGesture", this.handleWantsGesture), this.boundObject = {};
+  }
+  getRaycaster(e) {
+    const t = this.five.getElement();
+    if (!t)
+      return;
+    const n = x(e, t), s = new L.Raycaster();
+    return s.setFromCamera(n, this.five.camera), s;
   }
 }
 export {
-  G as FiveDomEvents
+  D as FiveDomEvents
 };

package/libs/shared-utils/five/calculateThreeMouse.d.ts

@@ -0,0 +1,11 @@
+import * as THREE from 'three';
+/**
+ * 计算 three 中的 mouse 的值
+ * @param  mouseXY - 鼠标相对屏幕位置
+ * @param  element - canvas元素（three的展示元素）
+ */
+declare function calculateThreeMouse(mouseXY: {
+    x: number;
+    y: number;
+}, element: HTMLElement): THREE.Vector2;
+export { calculateThreeMouse };

package/libs/shared-utils/five/calculateThreeMouse.js

@@ -0,0 +1,8 @@
+import * as i from "three";
+function h(t, e) {
+  const { top: n, left: o, width: r, height: c } = e.getBoundingClientRect();
+  return new i.Vector2((t.x - o) / r * 2 - 1, -(t.y - n) / c * 2 + 1);
+}
+export {
+  h as calculateThreeMouse
+};

package/libs/shared-utils/five/changeMode.js

@@ -14,17 +14,17 @@ var f = (t, c, n) => new Promise((e, r) => {
   }, u = (o) => o.done ? e(o.value) : Promise.resolve(o.value).then(a, i);
   u((n = n.apply(t, c)).next());
 });
-import { nearlyEqual as d } from "../nearlyEqual.js";
-import { to as l } from "../to.js";
-function h(t) {
+import { nearlyEqualRad as d, nearlyEqual as m } from "../nearlyEqual.js";
+import { to as h } from "../to.js";
+function w(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-function m(t) {
-  return h(t) && !!t.isVector3;
+function l(t) {
+  return w(t) && !!t.isVector3;
 }
-function g(t, c) {
+function j(t, c) {
   return f(this, null, function* () {
-    const [n] = yield l(t.changeMode(...c));
+    const [n] = yield h(t.changeMode(...c));
     if (n)
       throw new Error("change mode canceled");
     yield new Promise((i) => {
@@ -36,16 +36,16 @@ function g(t, c) {
     if (!e)
       return !0;
     const r = t.getCurrentState();
-    if (!w(e, r))
+    if (!b(e, r))
       throw new Error("pose 与预期不符");
   });
 }
-function w(t, c) {
+function b(t, c) {
   return Object.keys(t).every((n) => {
     const e = c[n], r = t[n];
-    return e === void 0 || r === void 0 ? !0 : typeof e == "number" && typeof r == "number" ? d(e, r, 2) : m(r) && m(e) ? r.distanceTo(e) < 0.01 : e === r;
+    return e === void 0 || r === void 0 ? !0 : n === "longitude" || n === "latitude" ? d(e, r, 2) : typeof e == "number" && typeof r == "number" ? m(e, r, 2) : l(r) && l(e) ? r.distanceTo(e) < 0.01 : e === r;
   });
 }
 export {
-  g as changeMode
+  j as changeMode
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.0.0-dev.2",
+    "%c %c@realsee/dnalogel %cv3.0.0",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/nearlyEqual.d.ts

@@ -5,3 +5,10 @@
  * @param accuracy 精度：精确到小数点后几位，默认精确到 小数点后四位
  */
 export default function nearlyEqual(num1: number, num2: number, accuracy?: number): boolean;
+/**
+ * 比较两个弧度近似相等
+ * @param rad1 弧度1
+ * @param rad2 弧度2
+ * @param accuracy 精度：精确到小数点后几位，默认精确到 小数点后四位
+ */
+export declare function nearlyEqualRad(rad1: number, rad2: number, accuracy?: number): boolean;

package/libs/shared-utils/nearlyEqual.js

@@ -1,6 +1,12 @@
-function a(t, r, o = 4) {
-  return Math.floor(t * Math.pow(10, o)) === Math.floor(r * Math.pow(10, o));
+function r(t, a, n = 4) {
+  return Math.abs(t - a) < Math.pow(10, -n);
 }
+function h(t, a, n = 4) {
+  const o = Math.PI * 2, s = t % o, e = a % o, i = Math.min(s, e), c = Math.max(s, e);
+  return r(i, c, n) || r(i + o, c, n);
+}
+Object.assign(window, { nearlyEqual: r, nearlyEqualRad: h });
 export {
-  a as nearlyEqual
+  r as nearlyEqual,
+  h as nearlyEqualRad
 };

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

@@ -1,27 +1,27 @@
-var u = Object.defineProperty, v = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
+var P = Object.defineProperty, S = Object.defineProperties;
+var w = Object.getOwnPropertyDescriptors;
 var m = Object.getOwnPropertySymbols;
-var S = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var p = (s, e, t) => e in s ? u(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, a = (s, e) => {
+var H = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var d = (s, e, t) => e in s ? P(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, h = (s, e) => {
   for (var t in e || (e = {}))
-    S.call(e, t) && p(s, t, e[t]);
+    H.call(e, t) && d(s, t, e[t]);
   if (m)
     for (var t of m(e))
-      w.call(e, t) && p(s, t, e[t]);
+      b.call(e, t) && d(s, t, e[t]);
   return s;
-}, c = (s, e) => v(s, P(e));
-var i = (s, e, t) => (p(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { Subscribe as H } from "@realsee/five";
-import { PointSelectorHelper as b } from "./PointSelectorHelper.js";
-import { isTouchDevice as y } from "../isTouchDevice.js";
-import F from "hammerjs";
-import { getIntersectionFromEvent as d } from "../getIntersectionFromEvent.js";
-import { Vector3 as U, Object3D as E, Face3 as M, Vector2 as I, Raycaster as O } from "three";
-import { getIntersectFromRelativePosition as V } from "./getIntersect.js";
+}, c = (s, e) => S(s, w(e));
+var i = (s, e, t) => (d(s, typeof e != "symbol" ? e + "" : e, t), t);
+import { Subscribe as y } from "@realsee/five";
+import { PointSelectorHelper as F } from "./PointSelectorHelper.js";
+import { isTouchDevice as E } from "../isTouchDevice.js";
+import U from "hammerjs";
+import { getIntersectionFromEvent as f } from "../getIntersectionFromEvent.js";
+import { Vector3 as M, Object3D as I, Face3 as O, Vector2 as V, Raycaster as C } from "three";
+import { getIntersectFromRelativePosition as k } from "./getIntersect.js";
 const l = () => !1;
-class W {
+class N {
   constructor(e, t) {
-    i(this, "hook", new H());
+    i(this, "hook", new y());
     /**
      * @description: 不在 five canvas 上时为 true
      */
@@ -60,7 +60,7 @@ class W {
       this.pointSelectorHelper.hide(), this.outOfFive = !0, this.hook.emit("intersectionUpdate", null);
     });
     i(this, "onTap", (e) => {
-      const [t] = d(this.five, e);
+      const [t] = f(this.five, e);
       t != null && t.face && this.select(t);
     });
     /**
@@ -70,14 +70,14 @@ class W {
     i(this, "onPan", (e) => {
       if (!this.pressDown)
         return;
-      const [t] = d(this.five, e);
+      const [t] = f(this.five, e);
       t != null && t.face && this.intersectionOnModelUpdate(t);
     });
     /**
      * @description: 长按屏幕后，更新长按点的位置
      */
     i(this, "onPress", (e) => {
-      const [t] = d(this.five, e);
+      const [t] = f(this.five, e);
       t != null && t.face && (this.pressDown = !0, this.intersectionOnModelUpdate(t));
     });
     /**
@@ -93,17 +93,17 @@ class W {
       const t = this.five.getElement();
       if (!t)
         return;
-      const { clientX: o, clientY: r } = e, n = {
-        x: o / t.clientWidth,
-        y: 1 - r / t.clientHeight
+      const { top: o, left: r, width: n, height: a } = t.getBoundingClientRect(), { clientX: p, clientY: u } = e, v = {
+        x: (p - r) / n,
+        y: 1 - (u - o) / a
       };
-      this.updateByNdcPosition(n);
+      this.updateByNdcPosition(v);
     });
     /**
      * @description: 根据鼠标位置更新helper位置
      */
     i(this, "updateByNdcPosition", (e) => {
-      const t = V(this.five, e), o = (() => t ? c(a({}, t), { isVirtual: !1 }) : c(a({}, C(this.five, e)), { isVirtual: !0 }))();
+      const t = k(this.five, e), o = (() => t ? c(h({}, t), { isVirtual: !1 }) : c(h({}, G(this.five, e)), { isVirtual: !0 }))();
       this.updatePointSelectorHelperIntersect(o);
     });
     /**
@@ -111,7 +111,7 @@ class W {
      */
     i(this, "updatePointSelectorHelperIntersect", (e) => {
       var r;
-      const t = a({}, e);
+      const t = h({}, e);
       let o = !1;
       if (((r = this.adherePoints) == null ? void 0 : r.length) > 0 && typeof this.adherePointsRadius == "number") {
         for (const n of this.adherePoints)
@@ -132,16 +132,16 @@ class W {
     i(this, "emitIntersectionUpdate", (e) => {
       this.hook.emit("intersectionUpdate", e);
     });
-    var n, h;
+    var n, a;
     this.five = e;
     const o = (n = t == null ? void 0 : t.mode) != null ? n : "auto";
-    o === "auto" ? this.mode = y ? "fixed" : "cursor" : this.mode = o;
+    o === "auto" ? this.mode = E ? "fixed" : "cursor" : this.mode = o;
     const r = {
       autoFixPCPosition: this.mode === "cursor",
       initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
     };
-    this.pointSelectorHelper = new b(e, c(a({}, t == null ? void 0 : t.pointSelectorHelperParams), {
-      magnifierParams: a(a({}, r), (h = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : h.magnifierParams)
+    this.pointSelectorHelper = new F(e, c(h({}, t == null ? void 0 : t.pointSelectorHelperParams), {
+      magnifierParams: h(h({}, r), (a = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : a.magnifierParams)
     })), this.pointSelectorHelper.hide();
   }
   get position() {
@@ -154,7 +154,7 @@ class W {
     const e = this.five.getElement();
     if (!e)
       throw new Error("five element not found");
-    this.hammer || (this.hammer = new F(e)), this.mode === "cursor" ? (this.five.on("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.five.on("wantsMoveToPano", l), this.five.on("wantsChangeMode", l), this.five.on("wantsTapGesture", l), e.addEventListener("mousemove", this.updateByMousePosition), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), 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.show()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1;
+    this.hammer || (this.hammer = new U(e)), this.mode === "cursor" ? (this.five.on("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.five.on("wantsMoveToPano", l), this.five.on("wantsChangeMode", l), this.five.on("wantsTapGesture", l), e.addEventListener("mousemove", this.updateByMousePosition), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), 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.show()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1;
   }
   disable() {
     if (!this.enabled)
@@ -170,19 +170,19 @@ class W {
     e ? this.adherePoints = Array.isArray(e) ? e : [e] : this.adherePoints = null, typeof t == "number" && (this.adherePointsRadius = t);
   }
 }
-function k(s, e) {
-  const { x: t, y: o } = e, r = t * 2 - 1, n = o * 2 - 1, h = new I().fromArray([r, n]), f = new O();
-  return f.setFromCamera(h, s.camera), f;
+function x(s, e) {
+  const { x: t, y: o } = e, r = t * 2 - 1, n = o * 2 - 1, a = new V().fromArray([r, n]), p = new C();
+  return p.setFromCamera(a, s.camera), p;
 }
-function C(s, e) {
-  const t = k(s, e), o = 3, r = new U().addVectors(t.ray.origin, t.ray.direction.clone().normalize().multiplyScalar(o)), n = t.ray.direction.clone().negate();
+function G(s, e) {
+  const t = x(s, e), o = 3, r = new M().addVectors(t.ray.origin, t.ray.direction.clone().normalize().multiplyScalar(o)), n = t.ray.direction.clone().negate();
   return {
     distance: o,
     point: r,
-    object: new E(),
-    face: new M(0, 0, 0, n)
+    object: new I(),
+    face: new O(0, 0, 0, n)
   };
 }
 export {
-  W as PointSelector
+  N as PointSelector
 };

package/libs/shared-utils/three/PointSelectorHelper.d.ts

@@ -3,10 +3,11 @@ import { Subscribe } from '@realsee/five';
 import { Magnifier, PointHelper, PointDomHelper } from '.';
 import type { Intersection } from '../../typings/typings';
 interface Options {
-    magnifier: Magnifier | null;
-    magnifierParams: ConstructorParameters<typeof Magnifier>[1];
-    pointHelper: PointHelper | null;
-    pointDomHelper: PointDomHelper | null;
+    magnifier?: Magnifier | null;
+    magnifierParams?: ConstructorParameters<typeof Magnifier>[1];
+    pointHelper?: PointHelper | null;
+    pointDomHelper?: PointDomHelper | null;
+    container?: Element;
 }
 type EventMap = {
     intersectionUpdate: (intersection: PointIntersection) => void;
@@ -27,7 +28,7 @@ export declare class PointSelectorHelper {
     private pointDomHelper;
     private state;
     private group;
-    constructor(five: Five, options?: Partial<Options>);
+    constructor(five: Five, options?: Options);
     show: () => void;
     hide: () => void;
     enable(): void;

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

@@ -3,8 +3,8 @@ var l = (r, i, e) => i in r ? a(r, i, { enumerable: !0, configurable: !0, writab
 var t = (r, i, e) => (l(r, typeof i != "symbol" ? i + "" : i, e), e);
 import * as h from "three";
 import { Subscribe as p } from "@realsee/five";
-import { Magnifier as o } from "./Magnifier.js";
-import { PointHelper as d } from "./PointHelper.js";
+import { Magnifier as d } from "./Magnifier.js";
+import { PointHelper as o } from "./PointHelper.js";
 import { PointDomHelper as f } from "./PointDomHelper.js";
 class v {
   constructor(i, e) {
@@ -30,8 +30,8 @@ class v {
     });
     t(this, "abortUpdateMagnifier", () => {
     });
-    var s;
-    this.five = i, this.magnifier = (e == null ? void 0 : e.magnifier) !== void 0 ? e.magnifier : new o(i, (s = e == null ? void 0 : e.magnifierParams) != null ? s : { dragEnabled: !0 }), this.pointHelper = (e == null ? void 0 : e.pointHelper) !== void 0 ? e.pointHelper : new d(), this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) !== void 0 ? e.pointDomHelper : new f(i), this.group.name = "five-point-selector", this.five.scene.add(this.group), this.magnifier.appendTo(document.body);
+    var s, n;
+    this.five = i, this.magnifier = (e == null ? void 0 : e.magnifier) !== void 0 ? e.magnifier : new d(i, (s = e == null ? void 0 : e.magnifierParams) != null ? s : { dragEnabled: !0 }), this.pointHelper = (e == null ? void 0 : e.pointHelper) !== void 0 ? e.pointHelper : new o(), this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) !== void 0 ? e.pointDomHelper : new f(i), this.group.name = "five-point-selector", this.five.scene.add(this.group), this.magnifier.appendTo((n = e.container) != null ? n : document.body);
   }
   enable() {
     var i, e;

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

@@ -1,9 +1,9 @@
-import { Vector3 as s } from "three";
-function p(o, r = 1) {
+import { Vector3 as u } from "three";
+function p(o, r) {
   if (o.length < 3)
-    return console.error("points.length < 3"), new s(0, 0, 0);
-  const [t, n, e] = o, l = t.clone().sub(n), c = e.clone().sub(n);
-  return l.cross(c).normalize().multiplyScalar(r);
+    return console.error("points.length < 3"), new u(0, 0, 0);
+  const [n, t, c] = o, l = n.clone().sub(t), s = n.clone().sub(c), e = l.cross(s).normalize();
+  return typeof r == "number" ? e.multiplyScalar(r) : e;
 }
 export {
   p as getNormal

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "3.0.0-dev.2",
+  "version": "3.0.0",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.22.9",
-    "@realsee/five": "6.0.0-alpha.8",
+    "@realsee/five": "6.0.0-alpha.24",
     "@sveltejs/vite-plugin-svelte": "^2.4.2",
     "@tsconfig/svelte": "^4.0.1",
     "@tweenjs/tween.js": "^20.0.3",

package/dist/shared-utils/five/adapt.d.ts

@@ -1,9 +0,0 @@
-/**
- * @description: 一些函数，来适配 Five@5.x 和 Five@6.x 的差异
- */
-import type { Five } from '@realsee/five';
-export declare function adaptPanoId(five: Five, func: (params?: {
-    panoIndex: number;
-    panoId: string;
-    derivedId: number;
-}, ...args: any[]) => any): (panoIdOrPanoIndex: string | number, ...args: any[]) => void;

package/docs/.nojekyll

@@ -1 +0,0 @@
-TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.