@realsee/dnalogel 3.56.1 → 3.57.1

package/libs/shared-utils/tag.js

@@ -1,16 +1,16 @@
-var y = Object.defineProperty;
-var b = (c, e, t) => e in c ? y(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
-var i = (c, e, t) => (b(c, typeof e != "symbol" ? e + "" : e, t), t);
-import { anyPositionToVector3 as p } from "./positionToVector3.js";
-import * as P from "three";
+var b = Object.defineProperty;
+var P = (c, e, t) => e in c ? b(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
+var i = (c, e, t) => (P(c, typeof e != "symbol" ? e + "" : e, t), t);
+import { anyPositionToVector3 as f } from "./positionToVector3.js";
+import * as g from "three";
 import { vector3ToScreen as v } from "./five/vector3ToScreen.js";
-import { getFiveModel as g } from "./five/getFiveModel.js";
-import { FiveUtil as C } from "./Utils/FiveUtil.js";
+import { getFiveModel as C } from "./five/getFiveModel.js";
+import { FiveUtil as U } from "./Utils/FiveUtil.js";
 import { _raycaster as m } from "./three/temp.js";
-import { resizeObserver as U } from "./dom/resizeObserver.js";
-import { fiveEveryReadyListener as x } from "./five/fiveEveryReadyListener.js";
-const E = new P.Vector2();
-class w {
+import { resizeObserver as x } from "./dom/resizeObserver.js";
+import { fiveEveryReadyListener as E } from "./five/fiveEveryReadyListener.js";
+const w = new g.Vector2();
+class F {
   constructor(e, t, r) {
     /**
      * @description 单个标签 dom
@@ -83,7 +83,7 @@ class w {
       this.visibles[3] === !0 || this.visibles.every((t) => t !== !1) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
     });
     i(this, "updateIntersectCheckVisible", () => {
-      var n, o;
+      var n, s;
       if (!this.position)
         return;
       if (!this.intersectCheck) {
@@ -94,13 +94,13 @@ class w {
       this.fiveUtil.workUtil.fromType === "poincare" && (t = 0.05);
       const r = this.transformedPosition.clone().sub(this.five.camera.position).normalize();
       m.set(this.five.camera.position, r);
-      const h = (n = g(this.five).intersectRaycaster(m)) != null ? n : [], a = (o = m.intersectObjects(this.extraObjectsForIntersectCheck, !0)) != null ? o : [], s = [...h, ...a].sort((d, f) => d.distance - f.distance)[0];
-      s ? e = (s == null ? void 0 : s.distance) + t > this.transformedPosition.distanceTo(this.five.camera.position) : e = !0, this.visibles[1] = e;
+      const a = (n = C(this.five).intersectRaycaster(m)) != null ? n : [], h = (s = m.intersectObjects(this.extraObjectsForIntersectCheck, !0)) != null ? s : [], o = [...a, ...h].sort((d, p) => d.distance - p.distance)[0];
+      o ? e = (o == null ? void 0 : o.distance) + t > this.transformedPosition.distanceTo(this.five.camera.position) : e = !0, this.visibles[1] = e;
     });
-    var h, a, l;
-    this.five = e, this.fiveUtil = (h = e.__fiveUtil__) != null ? h : e.__fiveUtil__ = new C(e), this.originPosition = t ? p(t).clone() : void 0, this.transformedPosition = (a = this.originPosition) == null ? void 0 : a.clone(), this.positionsForRotate = (l = r == null ? void 0 : r.positionsForRotate) == null ? void 0 : l.map((s) => p(s).clone()), this.config = r != null ? r : {}, this.container = (() => {
-      const s = document.createElement("div");
-      return s.classList.add("light-tag"), s.style.width = "0", s.style.height = "0", s.style.position = "absolute", s.style.transition = "opacity 0.2s linear", s;
+    var a, h, l;
+    this.five = e, this.fiveUtil = (a = e.__fiveUtil__) != null ? a : e.__fiveUtil__ = new U(e), this.originPosition = t ? f(t).clone() : void 0, this.transformedPosition = (h = this.originPosition) == null ? void 0 : h.clone(), this.positionsForRotate = (l = r == null ? void 0 : r.positionsForRotate) == null ? void 0 : l.map((o) => f(o).clone()), this.config = r != null ? r : {}, this.container = (() => {
+      const o = document.createElement("div");
+      return o.classList.add("light-tag"), o.style.width = "0", o.style.height = "0", o.style.position = "absolute", o.style.transition = "opacity 0.2s linear", o;
     })(), this.addResizeListener(), this.show(), this.enable(), setTimeout(() => {
       this.updateVisible(), this.needsRender = !0;
     }, 0);
@@ -127,21 +127,21 @@ class w {
    * @description 启用标签
    */
   enable() {
-    var r, h, a, l, s;
+    var r, a, h, l, o;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper = (a = (h = this.config.wrapper) != null ? h : (r = this.five.getElement()) == null ? void 0 : r.parentElement) != null ? a : document.body;
-    const e = `light-tag-wrapper-${(s = (l = this.config) == null ? void 0 : l.namespace) != null ? s : "default"}`;
+    this.enabled = !0, this.wrapper = (h = (a = this.config.wrapper) != null ? a : (r = this.five.getElement()) == null ? void 0 : r.parentElement) != null ? h : document.body;
+    const e = `light-tag-wrapper-${(o = (l = this.config) == null ? void 0 : l.namespace) != null ? o : "default"}`;
     if (!this.tagWrapper) {
-      let n = Array.from(this.wrapper.children).find((o) => o.id === e);
+      let n = Array.from(this.wrapper.children).find((s) => s.id === e);
       if (!n) {
-        const o = document.createElement("div");
-        n = o, o.id = e, o.style.position = "absolute", o.style.overflow = "hidden", o.style.top = "0", o.style.left = "0", o.style.width = "100%", o.style.height = "100%", o.style.pointerEvents = "none", o.style.zIndex = "1", this.wrapper.appendChild(n);
+        const s = document.createElement("div");
+        n = s, s.id = e, s.style.position = "absolute", s.style.overflow = "hidden", s.style.top = "0", s.style.left = "0", s.style.width = "100%", s.style.height = "100%", s.style.pointerEvents = "none", s.style.zIndex = "1", this.wrapper.appendChild(n);
       }
       this.tagWrapper = n;
     }
     this.tagWrapper.appendChild(this.container), this.updateVisible();
-    const t = x(this.five, this.onFiveEveryReady);
+    const t = E(this.five, this.onFiveEveryReady);
     this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("cameraFovUpdate", this.onCameraFovUpdate), this.five.on("panoArrived", this.onPanoArrived), this.five.on("modeChange", this.onModeChange), this.disposer = () => {
       t(), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("cameraFovUpdate", this.onCameraFovUpdate), this.five.off("panoArrived", this.onPanoArrived), this.five.off("modeChange", this.onModeChange);
     };
@@ -165,18 +165,24 @@ class w {
    * @param positionsForRotate 用于 css 旋转的斜线的两个端点
    */
   setPosition(e, t) {
-    this.transformedPosition = p(e).clone(), this.positionsForRotate = t == null ? void 0 : t.map((r) => p(r).clone()), this.onCameraUpdate(), setTimeout(() => this.onCameraUpdate(), 0);
+    this.transformedPosition = f(e).clone(), this.positionsForRotate = t == null ? void 0 : t.map((r) => f(r).clone()), this.onCameraUpdate(), setTimeout(() => this.onCameraUpdate(), 0);
   }
   setTransformMatrix(e) {
     var t;
     this.transformedPosition = (t = this.originPosition) == null ? void 0 : t.clone().applyMatrix4(e), this.onCameraUpdate();
   }
   updateScreenPosition() {
+    var h;
     if (!this.transformedPosition) {
       this.container.style.left = "-100%", this.container.style.top = "-100%";
       return;
     }
-    const e = this.five.renderer.getSize(E), t = v(this.five.camera, this.transformedPosition, e);
+    const e = (h = this.five.renderer) == null ? void 0 : h.getSize(w);
+    if (!e) {
+      this.container.style.left = "-100%", this.container.style.top = "-100%";
+      return;
+    }
+    const t = v(this.five.camera, this.transformedPosition, e);
     if (!t) {
       this.container.style.left = "-100%", this.container.style.top = "-100%";
       return;
@@ -184,31 +190,31 @@ class w {
     const r = (() => {
       if (!this.simulate3D)
         return 1;
-      const a = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), l = this.transformedPosition.distanceTo(this.five.camera.position);
-      return Math.max(Math.min(1 - a * l / 40, 1), 0.5);
-    })(), h = (() => {
+      const l = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), o = this.transformedPosition.distanceTo(this.five.camera.position);
+      return Math.max(Math.min(1 - l * o / 40, 1), 0.5);
+    })(), a = (() => {
       if (this.positionsForRotate === void 0 || this.positionsForRotate.length !== 2)
         return 0;
-      const [a, l] = this.positionsForRotate, s = v(this.five.camera, a, e), n = v(this.five.camera, l, e);
-      if (!s || !n)
+      const [l, o] = this.positionsForRotate, n = v(this.five.camera, l, e), s = v(this.five.camera, o, e);
+      if (!n || !s)
         return 0;
-      const o = s.leftPx > n.leftPx ? n : s, d = s.leftPx > n.leftPx ? s : n, f = d.leftPx - o.leftPx, u = d.topPx - o.topPx;
-      return Math.atan2(u, f) * (180 / Math.PI);
+      const d = n.leftPx > s.leftPx ? s : n, p = n.leftPx > s.leftPx ? n : s, u = p.leftPx - d.leftPx, y = p.topPx - d.topPx;
+      return Math.atan2(y, u) * (180 / Math.PI);
     })();
-    this.container.style.left = t.leftPx + "px", this.container.style.top = t.topPx + "px", this.container.style.transformOrigin = "center", this.container.style.transform = `scale(${r})`, h && (this.container.style.transform += ` rotate(${h}deg)`);
+    this.container.style.left = t.leftPx + "px", this.container.style.top = t.topPx + "px", this.container.style.transformOrigin = "center", this.container.style.transform = `scale(${r})`, a && (this.container.style.transform += ` rotate(${a}deg)`);
   }
   addResizeListener() {
     const e = this.five.getElement();
     if (e) {
-      const { observe: t, unobserve: r } = U(this.onCameraUpdate, e);
+      const { observe: t, unobserve: r } = x(this.onCameraUpdate, e);
       t(), this.disposers.push(r);
     }
   }
 }
-function k(...c) {
-  return new w(...c);
+function z(...c) {
+  return new F(...c);
 }
 export {
-  w as LightTag,
-  k as tag
+  F as LightTag,
+  z as tag
 };

package/package.json

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