@realsee/dnalogel 3.63.0 → 3.63.2-alpha.0

package/dist/index.js

@@ -43,7 +43,7 @@ import { LineGeometry as PA, LineMaterial as IA, THREE_Line2 as EA, Line as MA }
 import { GLTFLoader as xA } from "@realsee/five/gltf-loader";
 function kA() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.63.0",
+    "%c %c@realsee/dnalogel %cv3.63.2-alpha.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",
@@ -1280,6 +1280,9 @@ class qA extends _m {
     const e = (r = (i = this.work) == null ? void 0 : i.transform) != null ? r : (o = (s = this.work) == null ? void 0 : s.options) == null ? void 0 : o.transform;
     return e ? e.clone() : new y.Matrix4();
   }
+  getResolvedObserver(e) {
+    return this.five.works.getResolvedObserver({ workCode: this.workCode, panoIndex: e });
+  }
   /**
    * @description 获取全景点坐标
    */
@@ -4144,8 +4147,13 @@ class il extends bt {
     /**
      * @description: 鼠标进入five canvas时
      */
-    d(this, "onEnter", () => {
-      this.cursorError || this.pointSelectorHelper.show(), this.outOfFive = !1, this.emit("intersectionUpdate", this.position);
+    d(this, "onEnter", (e) => {
+      var s;
+      const i = (s = e == null ? void 0 : e.emitEvent) != null ? s : !0;
+      this.cursorError || this.pointSelectorHelper.show(), this.outOfFive = !1, i && this.emit("intersectionUpdate", this.position);
+    });
+    d(this, "onMouseEnter", () => {
+      this.onEnter();
     });
     /**
      * @description: 鼠标离开five canvas时
@@ -4274,76 +4282,79 @@ class il extends bt {
      * @description: 更新 pointSelectorHelper 的焦点位置
      */
     d(this, "updatePointSelectorHelperIntersect", (e) => {
-      var r, a, l, c, h, u, f, p;
+      var s, o, r, a, l, c, h, u;
       if (!e) {
         this.onLeave(), this.five.getElement().style.cursor = Su;
         return;
       }
-      this.onEnter(), this.cursorError || (this.five.getElement().style.cursor = "");
-      const i = R({}, e), s = {
-        x: this.mouseNdcPosition.x,
-        y: 1 - this.mouseNdcPosition.y
-      }, o = this.five.renderer.getSize(new y.Vector2());
-      if (this.adhereEnabled && typeof this.adherePoints == "function" && typeof this.adhereRadius == "number") {
-        for (const v of this.adherePlane) {
-          const g = v.distanceToPoint(e.point);
-          let m = v.projectPoint(e.point, new y.Vector3());
-          (!this.plane || this.plane.distanceToPoint(m) < 0.01) && (m = (a = (r = this.plane) == null ? void 0 : r.projectPoint(m, new y.Vector3())) != null ? a : m, g < this.adhereRadius && (i.point = m.clone(), i.adherePoint = m.clone(), this.plane || (i.face = new y.Face3(0, 0, 0, v.normal.clone())), i.isAdsorbed = !0));
-        }
-        for (const v of this.adhereLine) {
-          let g = v.closestPointToPoint(e.point, !1, new y.Vector3());
-          if (g.distanceTo(e.point) < this.adhereRadius)
-            (!this.plane || this.plane.distanceToPoint(g) < 0.01) && (g = (c = (l = this.plane) == null ? void 0 : l.projectPoint(g, new y.Vector3())) != null ? c : g, i.point = g.clone(), i.adhereLine = v.clone(), i.isAdsorbed = !0);
-          else {
-            const m = _n({
-              raycaster: new ka(this.five.camera.position, e.point.clone().sub(this.five.camera.position).normalize()),
-              line: v,
-              clampToLine: !1
-            }), b = m.clone().project(this.five.camera);
-            if (b.z <= 1) {
-              const C = {
-                x: (b.x + 1) / 2,
-                y: (1 - b.y) / 2
-              }, x = {
-                x: Math.abs(C.x - s.x) * o.width,
-                y: Math.abs(C.y - s.y) * o.height
-              };
-              let E = m.clone();
-              x.x < 10 && x.y < 10 && (!this.plane || this.plane.distanceToPoint(E) < 0.01) && (E = (u = (h = this.plane) == null ? void 0 : h.projectPoint(E, new y.Vector3())) != null ? u : E, i.point = E.clone(), i.adhereLine = v.clone(), i.isAdsorbed = !0);
+      this.onEnter({ emitEvent: !1 }), this.cursorError || (this.five.getElement().style.cursor = "");
+      const i = R({}, e);
+      if (this.adhereEnabled && this.mouseNdcPosition && this.five.renderer) {
+        const f = {
+          x: this.mouseNdcPosition.x,
+          y: 1 - this.mouseNdcPosition.y
+        }, p = this.five.renderer.getSize(new y.Vector2());
+        if (this.adhereEnabled && typeof this.adherePoints == "function" && typeof this.adhereRadius == "number") {
+          for (const v of this.adherePlane) {
+            const g = v.distanceToPoint(e.point);
+            let m = v.projectPoint(e.point, new y.Vector3());
+            (!this.plane || this.plane.distanceToPoint(m) < 0.01) && (m = (o = (s = this.plane) == null ? void 0 : s.projectPoint(m, new y.Vector3())) != null ? o : m, g < this.adhereRadius && (i.point = m.clone(), i.adherePoint = m.clone(), this.plane || (i.face = new y.Face3(0, 0, 0, v.normal.clone())), i.isAdsorbed = !0));
+          }
+          for (const v of this.adhereLine) {
+            let g = v.closestPointToPoint(e.point, !1, new y.Vector3());
+            if (g.distanceTo(e.point) < this.adhereRadius)
+              (!this.plane || this.plane.distanceToPoint(g) < 0.01) && (g = (a = (r = this.plane) == null ? void 0 : r.projectPoint(g, new y.Vector3())) != null ? a : g, i.point = g.clone(), i.adhereLine = v.clone(), i.isAdsorbed = !0);
+            else {
+              const m = _n({
+                raycaster: new ka(this.five.camera.position, e.point.clone().sub(this.five.camera.position).normalize()),
+                line: v,
+                clampToLine: !1
+              }), b = m.clone().project(this.five.camera);
+              if (b.z <= 1) {
+                const C = {
+                  x: (b.x + 1) / 2,
+                  y: (1 - b.y) / 2
+                }, x = {
+                  x: Math.abs(C.x - f.x) * p.width,
+                  y: Math.abs(C.y - f.y) * p.height
+                };
+                let E = m.clone();
+                x.x < 10 && x.y < 10 && (!this.plane || this.plane.distanceToPoint(E) < 0.01) && (E = (c = (l = this.plane) == null ? void 0 : l.projectPoint(E, new y.Vector3())) != null ? c : E, i.point = E.clone(), i.adhereLine = v.clone(), i.isAdsorbed = !0);
+              }
             }
           }
-        }
-        for (const v of this.adherePoints({ intersection: e, pointSelectorInstance: this })) {
-          const g = v instanceof y.Face3 ? new y.Vector3(v.a, v.b, v.c) : v;
-          if (g.IsAlwaysVisible = v.IsAlwaysVisible, this.plane && this.plane.distanceToPoint(g) > 0.01)
-            continue;
-          if (g.distanceTo(e.point) < this.adhereRadius) {
-            i.point = (p = (f = this.plane) == null ? void 0 : f.projectPoint(g, new y.Vector3())) != null ? p : g.clone(), !this.plane && v instanceof y.Face3 && (i.face = v), i.isAdsorbed = !0;
-            break;
-          } else {
-            const b = g.clone().project(this.five.camera);
-            if (b.z > 1)
+          for (const v of this.adherePoints({ intersection: e, pointSelectorInstance: this })) {
+            const g = v instanceof y.Face3 ? new y.Vector3(v.a, v.b, v.c) : v;
+            if (g.IsAlwaysVisible = v.IsAlwaysVisible, this.plane && this.plane.distanceToPoint(g) > 0.01)
               continue;
-            const C = this.five.renderer.getSize(new y.Vector2()), x = {
-              x: (b.x + 1) / 2,
-              y: (1 - b.y) / 2
-            }, E = {
-              x: Math.abs(x.x - s.x) * C.width,
-              y: Math.abs(x.y - s.y) * C.height
-            };
-            if (E.x < 10 && E.y < 10) {
-              let S = !1;
-              if (g.IsAlwaysVisible)
-                S = !0;
-              else {
-                const D = new y.Raycaster();
-                D.setFromCamera(g.clone(), this.five.camera);
-                const V = this.five.model.intersectRaycaster(D, void 0, !0)[0], H = 0.1, X = this.five.camera.position.distanceTo(g);
-                V && V.distance < X + H && (S = !0);
-              }
-              if (S) {
-                i.point = g.clone(), !this.plane && v instanceof y.Face3 && (i.face = v), i.isAdsorbed = !0;
-                break;
+            if (g.distanceTo(e.point) < this.adhereRadius) {
+              i.point = (u = (h = this.plane) == null ? void 0 : h.projectPoint(g, new y.Vector3())) != null ? u : g.clone(), !this.plane && v instanceof y.Face3 && (i.face = v), i.isAdsorbed = !0;
+              break;
+            } else {
+              const b = g.clone().project(this.five.camera);
+              if (b.z > 1)
+                continue;
+              const C = this.five.renderer.getSize(new y.Vector2()), x = {
+                x: (b.x + 1) / 2,
+                y: (1 - b.y) / 2
+              }, E = {
+                x: Math.abs(x.x - f.x) * C.width,
+                y: Math.abs(x.y - f.y) * C.height
+              };
+              if (E.x < 10 && E.y < 10) {
+                let S = !1;
+                if (g.IsAlwaysVisible)
+                  S = !0;
+                else {
+                  const D = new y.Raycaster();
+                  D.setFromCamera(g.clone(), this.five.camera);
+                  const V = this.five.model.intersectRaycaster(D, void 0, !0)[0], H = 0.1, X = this.five.camera.position.distanceTo(g);
+                  V && V.distance < X + H && (S = !0);
+                }
+                if (S) {
+                  i.point = g.clone(), !this.plane && v instanceof y.Face3 && (i.face = v), i.isAdsorbed = !0;
+                  break;
+                }
               }
             }
           }
@@ -4416,14 +4427,14 @@ class il extends bt {
     const e = this.five.getElement();
     if (!e)
       throw new Error("five element not found");
-    this.mode === "cursor" ? (this.five.on("wantsMoveToPano", Ns), this.five.on("wantsChangeMode", Ns), this.five.on("wantsTapGesture", Ns), e.addEventListener("touchstart", this.onTouchStart, { passive: !0 }), e.addEventListener("touchmove", this.onTouchMove), e.addEventListener("touchend", this.onTouchEnd), e.addEventListener("mousedown", this.onMouseDown), e.addEventListener("mouseup", this.onMouseUp), e.addEventListener("mousemove", this.updateByMousePosition), e.addEventListener("wheel", this.onMouseWheel), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture)) : this.mode === "fixed" && (this.five.on("panoArrived", this.renderScreenCenter), this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), document.addEventListener("keydown", this.onKeyDown), document.addEventListener("keyup", this.onKeyUp), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1, this.emit("enable");
+    this.mode === "cursor" ? (this.five.on("wantsMoveToPano", Ns), this.five.on("wantsChangeMode", Ns), this.five.on("wantsTapGesture", Ns), e.addEventListener("touchstart", this.onTouchStart, { passive: !0 }), e.addEventListener("touchmove", this.onTouchMove), e.addEventListener("touchend", this.onTouchEnd), e.addEventListener("mousedown", this.onMouseDown), e.addEventListener("mouseup", this.onMouseUp), e.addEventListener("mousemove", this.updateByMousePosition), e.addEventListener("wheel", this.onMouseWheel), e.addEventListener("mouseenter", this.onMouseEnter), e.addEventListener("mouseout", this.onLeave), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture)) : this.mode === "fixed" && (this.five.on("panoArrived", this.renderScreenCenter), this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), document.addEventListener("keydown", this.onKeyDown), document.addEventListener("keyup", this.onKeyUp), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1, this.emit("enable");
   }
   disable() {
     if (!this.enabled)
       return;
     this.enabled = !1, this.adherePoints = null, this.adhereLine = [], this.adherePlane = [], this.plane = void 0, this.pointSelectorHelper.disable(), this.five.getElement().style.cursor = "";
     const e = this.five.getElement();
-    this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", Ns), this.five.off("wantsChangeMode", Ns), this.five.off("wantsTapGesture", Ns), this.five.helperVisible = this.lastFiveHelperVisible, e == null || e.removeEventListener("touchstart", this.onTouchStart), e == null || e.removeEventListener("touchmove", this.onTouchMove), e == null || e.removeEventListener("touchend", this.onTouchEnd), e == null || e.removeEventListener("mousedown", this.onMouseDown), e == null || e.removeEventListener("mouseup", this.onMouseUp), e == null || e.removeEventListener("mousemove", this.updateByMousePosition), e == null || e.removeEventListener("wheel", this.onMouseWheel), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.five.off("panoArrived", this.renderScreenCenter), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("keyup", this.onKeyUp), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate), this.emit("disable");
+    this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", Ns), this.five.off("wantsChangeMode", Ns), this.five.off("wantsTapGesture", Ns), this.five.helperVisible = this.lastFiveHelperVisible, e == null || e.removeEventListener("touchstart", this.onTouchStart), e == null || e.removeEventListener("touchmove", this.onTouchMove), e == null || e.removeEventListener("touchend", this.onTouchEnd), e == null || e.removeEventListener("mousedown", this.onMouseDown), e == null || e.removeEventListener("mouseup", this.onMouseUp), e == null || e.removeEventListener("mousemove", this.updateByMousePosition), e == null || e.removeEventListener("wheel", this.onMouseWheel), e == null || e.removeEventListener("mouseenter", this.onMouseEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.five.off("panoArrived", this.renderScreenCenter), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("keyup", this.onKeyUp), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate), this.emit("disable");
   }
   dispose() {
     this.disable(), this.pointSelectorHelper.dispose();
@@ -11638,7 +11649,7 @@ let Xn = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    d(this, "VERSION", "3.63.0");
+    d(this, "VERSION", "3.63.2-alpha.0");
     d(this, "NAME");
     d(this, "five");
     d(this, "workUtil");
@@ -18110,7 +18121,7 @@ class zn extends fl {
     d(this, "deleteDom");
     /** 根据 intersection 更新放大镜和吸附点 */
     d(this, "onIntersectionUpdate", tl((e) => {
-      this.currentMeasureType === "area" && typeof e.isAdsorbed == "boolean" && (e.isAdsorbed ? this.hook.emit("readyComplete") : this.hook.emit("notReadyComplete")), this.updateDashed();
+      e && (this.currentMeasureType === "area" && typeof e.isAdsorbed == "boolean" && (e.isAdsorbed ? this.hook.emit("readyComplete") : this.hook.emit("notReadyComplete")), this.updateDashed());
     }, 20));
     /** 撤销编辑 */
     d(this, "revoke", () => {
@@ -40225,6 +40236,7 @@ class vm {
   /** 初始化视频、模型以及相关事件监听。 */
   constructor(t, e) {
     d(this, "video");
+    d(this, "fiveUtil");
     d(this, "_id");
     /** 视频资源地址 */
     d(this, "url");
@@ -40260,14 +40272,13 @@ class vm {
     });
     /** 把 uv 值转换成位置 */
     d(this, "uv2Position", (t, e) => {
-      var p;
       const s = Math.PI, o = Math.PI * 2, r = t, a = 1 - e, l = new ue(
         -1 * Math.cos(o * r) * Math.sin(s * a),
         1 * Math.cos(s * a),
         1 * Math.sin(o * r) * Math.sin(s * a)
       );
       l.setX(-l.x);
-      const c = (p = this.five.work) == null ? void 0 : p.observers[this.panoIndex];
+      const c = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex);
       if (!c)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
       const h = c.position.clone(), u = c.quaternion.clone(), f = l.clone();
@@ -40275,8 +40286,7 @@ class vm {
     });
     /** Five 数据加载后需要根据点位位姿调整点位模型位置 */
     d(this, "onFiveDataLoaded", () => {
-      var l;
-      const t = (l = this.five.work) == null ? void 0 : l.observers[this.panoIndex];
+      const t = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex);
       if (!t)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
       this.observer = t;
@@ -40382,7 +40392,7 @@ class vm {
       (t = this.renderFiveDisposer) == null || t.call(this), this.renderFiveDisposer = void 0;
     });
     var l, c;
-    this.five = t, this.panoIndex = e.panoIndex, this._id = e.renderID, this.url = e.url, this.origin = e.origin.slice(), this.hooks = e.hooks, this._enabled = (c = (l = e.initialState) == null ? void 0 : l.enabled) != null ? c : !0;
+    this.five = t, this.panoIndex = e.panoIndex, this.fiveUtil = e.fiveUtil, this._id = e.renderID, this.url = e.url, this.origin = e.origin.slice(), this.hooks = e.hooks, this._enabled = (c = (l = e.initialState) == null ? void 0 : l.enabled) != null ? c : !0;
     const i = document.createElement("video");
     i.crossOrigin = "anonymous", i.autoplay = !1, i.muted = !0, i.loop = !0, i.playsInline = !0, this.video = i;
     const s = new wA(this.video);
@@ -40402,7 +40412,7 @@ class vm {
     }), r = new CA(1, 64, 64);
     r.scale(-1, 1, 1);
     const a = new so(r, o);
-    a.name = "pano-video-plugin", this.videoMesh = a, this.five.work && this.onFiveDataLoaded(), this.enabled && this.addEventListeners(), this.mountIfNeeded(), window[`__PANOVIDEO_${this.renderID}_DEBUG__`] = this;
+    a.name = "pano-video-plugin", this.videoMesh = a, this.fiveUtil.workUtil.work && this.onFiveDataLoaded(), this.enabled && this.addEventListeners(), this.mountIfNeeded(), window[`__PANOVIDEO_${this.renderID}_DEBUG__`] = this;
   }
   /** 传入的 ID，不可更改 */
   get renderID() {
@@ -40525,6 +40535,7 @@ class yT extends Xn {
         this.controllerMap.set(
           l.render_id,
           new vm(this.five, he(R({}, l), {
+            fiveUtil: this.fiveUtil,
             panoIndex: r,
             renderID: a,
             hooks: this.hooks,
@@ -40603,6 +40614,7 @@ class yT extends Xn {
       this.controllerMap.set(
         s.render_id,
         new vm(this.five, he(R({}, s), {
+          fiveUtil: this.fiveUtil,
           panoIndex: e,
           renderID: o,
           hooks: this.hooks,