@realsee/dnalogel 3.56.0 → 3.57.0

package/libs/PanoTagPlugin/controller/Tag/PointTag.js

@@ -78,7 +78,7 @@ import "../../../shared-utils/url/getUrl.js";
 import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
-const y = new l.Vector2();
+const v = new l.Vector2();
 class wt extends g {
   constructor(t, i) {
     super(t, i);
@@ -136,13 +136,13 @@ class wt extends g {
     }, 1e3)) : e.timeoutId && (clearTimeout(e.timeoutId), e.inAnimation = !1, e.timeoutId = void 0), !o && !e.inAnimation)
       return;
     const n = this.computeTagProject();
-    if (n) {
+    if (n && this.five.renderer) {
       const a = (() => {
         if (!this.currentConfig.simulate3D)
           return 1;
         const u = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), c = this.getDistance(void 0, 1);
         return Math.max(Math.min(1 - u * c / 40, 1), 0.5);
-      })(), d = this.five.renderer.getSize(y);
+      })(), d = this.five.renderer.getSize(v);
       this.screenPosition = {
         leftPx: (n.x + 1) / 2 * d.x,
         topPx: (-n.y + 1) / 2 * d.y,

package/libs/Sculpt/Objects/Base/index.js

@@ -1,12 +1,12 @@
-var p = Object.defineProperty;
+var m = Object.defineProperty;
 var d = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
-var l = (i, t, e) => t in i ? p(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, u = (i, t) => {
+var g = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var l = (i, t, e) => t in i ? m(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, u = (i, t) => {
   for (var e in t || (t = {}))
-    f.call(t, e) && l(i, e, t[e]);
+    g.call(t, e) && l(i, e, t[e]);
   if (d)
     for (var e of d(t))
-      g.call(t, e) && l(i, e, t[e]);
+      f.call(t, e) && l(i, e, t[e]);
   return i;
 };
 var r = (i, t, e) => (l(i, typeof t != "symbol" ? t + "" : t, e), e);
@@ -15,7 +15,7 @@ import { Sculpt as n } from "../../index.js";
 import { IObject3D as a } from "../../../shared-utils/three/IObject3D.js";
 import { applyObjectMatrixWorld as b } from "../../../shared-utils/three/applyObjectMatrixWorld.js";
 import { removeAllTag as v } from "../../utils/removeAllTag.js";
-const m = /* @__PURE__ */ new Map();
+const p = /* @__PURE__ */ new Map();
 class j extends a {
   constructor(e, s) {
     super();
@@ -42,8 +42,8 @@ class j extends a {
       var h;
       if (this.pointSelector.enabled)
         return;
-      let o = m.get(this.parent.uuid);
-      o && (o.selected = !1, o.unhighlight(), (h = o._editor) == null || h.disable()), m.set(this.parent.uuid, this), this.selected = !0, this.highlight();
+      let o = p.get(this.parent.uuid);
+      o && (o.selected = !1, o.unhighlight(), (h = o._editor) == null || h.disable()), p.set(this.parent.uuid, this), this.selected = !0, this.highlight();
     }), c("esc", () => {
       var o;
       this.selected = !1, this.unhighlight(), !this.pointSelector.enabled && ((o = this._editor) == null || o.disable());
@@ -96,7 +96,7 @@ class j extends a {
    */
   delete() {
     var e;
-    this.removeFromParent(), this.off(), (e = this.editor) == null || e.disable();
+    this.stopCreating(), this.removeFromParent(), this.off(), (e = this.editor) == null || e.disable();
   }
   /**
    * @description 高亮当前物体

package/libs/Sculpt/utils/three/ColoredMesh.js

@@ -1,7 +1,7 @@
 var g = Object.defineProperty;
 var y = Object.getOwnPropertySymbols;
 var p = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
-var d = (i, e, t) => e in i ? g(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, u = (i, e) => {
+var d = (i, e, t) => e in i ? g(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, a = (i, e) => {
   for (var t in e || (e = {}))
     p.call(e, t) && d(i, t, e[t]);
   if (y)
@@ -9,8 +9,8 @@ var d = (i, e, t) => e in i ? g(i, e, { enumerable: !0, configurable: !0, writab
       f.call(e, t) && d(i, t, e[t]);
   return i;
 };
-var o = (i, e, t) => (d(i, typeof e != "symbol" ? e + "" : e, t), t);
-import * as h from "three";
+var s = (i, e, t) => (d(i, typeof e != "symbol" ? e + "" : e, t), t);
+import * as o from "three";
 import { DEFAULT_COLOR as F, DEFAULT_OPACITY as B, DEFAULT_HIGHLIGHT_OPACITY as M } from "../../typings/style.js";
 import { IObject3D as T } from "../../../shared-utils/three/IObject3D.js";
 import "../../../shared-utils/tag.js";
@@ -18,40 +18,41 @@ import "hammerjs";
 import "../../../shared-utils/three/PointSelector/index.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
-import { notNil as a } from "../../../shared-utils/isNil.js";
+import { notNil as u } from "../../../shared-utils/isNil.js";
 import "../../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/five/FivePuppet.js";
-class L extends T {
+class A extends T {
   constructor(t) {
-    var n, m;
+    var c, m;
     super();
-    o(this, "name", "ColoredMesh");
-    o(this, "meshFont");
-    o(this, "meshBackground");
-    o(this, "paramsStyle", {});
-    o(this, "_geometry", new h.BufferGeometry());
-    o(this, "highlighted", !1);
-    o(this, "opacityBeforeHighlight");
+    s(this, "name", "ColoredMesh");
+    s(this, "meshFont");
+    s(this, "meshBackground");
+    s(this, "paramsStyle", {});
+    s(this, "_geometry", new o.BufferGeometry());
+    s(this, "highlighted", !1);
+    s(this, "opacityBeforeHighlight");
     this.paramsStyle = t != null ? t : {};
-    const c = new h.MeshBasicMaterial({
-      color: (n = t == null ? void 0 : t.color) != null ? n : F,
+    const n = new o.MeshBasicMaterial({
+      color: new o.Color((c = t == null ? void 0 : t.color) != null ? c : F).convertSRGBToLinear(),
+      // 给 MeshBasicMaterial 的颜色必须是 linear，要不颜色不对
       transparent: !0,
-      side: h.DoubleSide,
+      side: o.DoubleSide,
       depthTest: !0,
       depthWrite: !1,
       opacity: (m = t == null ? void 0 : t.opacity) != null ? m : B
-    }), l = new h.MeshBasicMaterial({
+    }), l = new o.MeshBasicMaterial({
       color: 16777215,
       transparent: !0,
-      side: h.DoubleSide,
+      side: o.DoubleSide,
       depthTest: !1,
       depthWrite: !1,
-      opacity: 0.3 / 0.5 * c.opacity
-    }), s = new h.Mesh(this.geometry, c), r = new h.Mesh(this.geometry, l);
-    s.name = "MeshFront", r.name = "MeshBackground", s.renderOrder = 1, r.renderOrder = 0, this.meshFont = s, this.meshBackground = r, this.add(s), this.setOcclusionVisibility({ occlusionVisibility: t == null ? void 0 : t.occlusionVisibility, occlusionMode: t == null ? void 0 : t.occlusionMode });
+      opacity: 0.3 / 0.5 * n.opacity
+    }), h = new o.Mesh(this.geometry, n), r = new o.Mesh(this.geometry, l);
+    h.name = "MeshFront", r.name = "MeshBackground", h.renderOrder = 1, r.renderOrder = 0, this.meshFont = h, this.meshBackground = r, this.add(h), this.setOcclusionVisibility({ occlusionVisibility: t == null ? void 0 : t.occlusionVisibility, occlusionMode: t == null ? void 0 : t.occlusionMode });
   }
   get style() {
     return {
@@ -80,7 +81,7 @@ class L extends T {
     return this._geometry;
   }
   setStyle(t) {
-    this.paramsStyle = u(u({}, this.paramsStyle), t), a(t.color) && (this.meshFont.material.color.set(t.color), this.needsRender = !0), a(t.opacity) && (this.meshFont.material.opacity = t.opacity, this.meshBackground.material.opacity = 0.3 / 0.5 * this.meshFont.material.opacity, this.needsRender = !0), this.setOcclusionVisibility(t);
+    this.paramsStyle = a(a({}, this.paramsStyle), t), u(t.color) && (this.meshFont.material.color.set(new o.Color(t.color).convertSRGBToLinear()), this.needsRender = !0), u(t.opacity) && (this.meshFont.material.opacity = t.opacity, this.meshBackground.material.opacity = 0.3 / 0.5 * this.meshFont.material.opacity, this.needsRender = !0), this.setOcclusionVisibility(t);
   }
   highlight() {
     this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.opacity, this.meshFont.material.opacity = this.opacity * M, this.meshBackground.material.opacity = 0.3 / 0.5 * this.meshFont.material.opacity, this.needsRender = !0);
@@ -89,11 +90,11 @@ class L extends T {
     this.highlighted && (this.highlighted = !1, this.meshFont.material.opacity = this.opacityBeforeHighlight, this.meshBackground.material.opacity = 0.3 / 0.5 * this.meshFont.material.opacity, this.needsRender = !0);
   }
   setOcclusionVisibility(t) {
-    var s, r, n;
-    const c = (r = (s = t.occlusionMode) != null ? s : this.paramsStyle.occlusionMode) != null ? r : "translucence", l = (n = t.occlusionVisibility) != null ? n : this.paramsStyle.occlusionVisibility;
-    a(l) && (l ? c === "depthTest" ? (this.meshFont.material.depthTest = !1, this.remove(this.meshBackground)) : c === "translucence" && (this.meshFont.material.depthTest = !0, this.addIfNotExists(this.meshBackground)) : (this.meshFont.material.depthTest = !0, this.remove(this.meshBackground)));
+    var h, r, c;
+    const n = (r = (h = t.occlusionMode) != null ? h : this.paramsStyle.occlusionMode) != null ? r : "translucence", l = (c = t.occlusionVisibility) != null ? c : this.paramsStyle.occlusionVisibility;
+    u(l) && (l ? n === "depthTest" ? (this.meshFont.material.depthTest = !1, this.remove(this.meshBackground)) : n === "translucence" && (this.meshFont.material.depthTest = !0, this.addIfNotExists(this.meshBackground)) : (this.meshFont.material.depthTest = !0, this.remove(this.meshBackground)));
   }
 }
 export {
-  L as ColoredMesh
+  A as ColoredMesh
 };

package/libs/base/BasePlugin.js

@@ -20,7 +20,7 @@ let F = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.56.0");
+    i(this, "VERSION", "3.57.0");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");

package/libs/components/AreaLabel/LabelItem.js

@@ -1,157 +1,180 @@
-import { SvelteComponent as w, init as C, safe_not_equal as D, append_styles as N, element as g, attr as k, set_style as f, insert as b, noop as h, detach as _, onMount as L, onDestroy as B, text as M, space as O, append as j, listen as q, is_function as A, set_data as E, binding_callbacks as G } from "../../vendor/svelte/internal/index.js";
-import { ROOM_LABEL_BG as R } from "./Assets/roomLabelBg.js";
-function S(n) {
-  N(n, "svelte-ntto16", ".room-label-item.svelte-ntto16{position:absolute;font-size:0.625rem;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.room-label-item__text.svelte-ntto16{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.25rem;min-width:2rem;padding:0 0.375rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-ntto16{position:absolute;top:-2.75rem;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}");
+import { SvelteComponent as S, init as j, safe_not_equal as q, append_styles as A, element as I, attr as p, set_style as s, insert as g, noop as N, detach as y, onMount as E, onDestroy as F, text as G, space as P, append as R, listen as T, is_function as Y, set_data as H, binding_callbacks as z } from "../../vendor/svelte/internal/index.js";
+import { ROOM_LABEL_BG as J } from "./Assets/roomLabelBg.js";
+import { rad2Deg as K } from "../../shared-utils/math/rad2Deg.js";
+function Q(i) {
+  A(i, "svelte-16mrlad", ".room-label-item.svelte-16mrlad{position:absolute;font-size:0.625rem;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.room-label-item__text.svelte-16mrlad{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.25rem;min-width:2rem;padding:0 0.375rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-16mrlad{position:absolute;transform-origin:top;top:-2.75rem;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}");
 }
-function z(n) {
-  let e, t, o, l, a, m;
+function L(i) {
+  let e, n, o, l, r, d;
   return {
     c() {
-      e = g("span"), t = M(
+      e = I("span"), n = G(
         /*content*/
-        n[0]
-      ), o = O(), l = g("div"), k(e, "class", "room-label-item__text svelte-ntto16"), f(e, "background-image", "url(" + R + ")"), k(l, "class", "room-label-item__bar svelte-ntto16");
+        i[0]
+      ), o = P(), l = I("div"), p(e, "class", "room-label-item__text svelte-16mrlad"), s(e, "background-image", "url(" + J + ")"), p(l, "class", "room-label-item__bar svelte-16mrlad");
     },
-    m(r, s) {
-      b(r, e, s), j(e, t), b(r, o, s), b(r, l, s), a || (m = q(e, "click", function() {
-        A(
+    m(f, a) {
+      g(f, e, a), R(e, n), i[13](e), g(f, o, a), g(f, l, a), i[14](l), r || (d = T(e, "click", function() {
+        Y(
           /*onClick*/
-          n[4]
-        ) && n[4].apply(this, arguments);
-      }), a = !0);
+          i[4]
+        ) && i[4].apply(this, arguments);
+      }), r = !0);
     },
-    p(r, s) {
-      n = r, s & /*content*/
-      1 && E(
-        t,
+    p(f, a) {
+      i = f, a & /*content*/
+      1 && H(
+        n,
         /*content*/
-        n[0]
+        i[0]
       );
     },
-    d(r) {
-      r && _(e), r && _(o), r && _(l), a = !1, m();
+    d(f) {
+      f && y(e), i[13](null), f && y(o), f && y(l), i[14](null), r = !1, d();
     }
   };
 }
-function F(n) {
-  let e, t = !/*rendererIfNeed*/
-  n[5] && z(n);
+function V(i) {
+  let e, n = !/*rendererIfNeed*/
+  i[5] && L(i);
   return {
     c() {
-      e = g("div"), t && t.c(), k(e, "class", "room-label-item svelte-ntto16"), f(
+      e = I("div"), n && n.c(), p(e, "class", "room-label-item svelte-16mrlad"), s(
         e,
         "z-index",
         /*zIndex*/
-        n[2]
-      ), f(
+        i[2]
+      ), s(
         e,
         "transform",
         /*transform*/
-        n[3]
-      ), f(
+        i[3]
+      ), s(
         e,
         "opacity",
         /*opacity*/
-        n[1]
-      ), f(
+        i[1]
+      ), s(
         e,
         "visibility",
         /*visibility*/
-        n[7]
+        i[9]
       );
     },
     m(o, l) {
-      b(o, e, l), t && t.m(e, null), n[10](e);
+      g(o, e, l), n && n.m(e, null), i[15](e);
     },
     p(o, [l]) {
       /*rendererIfNeed*/
-      o[5] ? t && (t.d(1), t = null) : t ? t.p(o, l) : (t = z(o), t.c(), t.m(e, null)), l & /*zIndex*/
-      4 && f(
+      o[5] ? n && (n.d(1), n = null) : n ? n.p(o, l) : (n = L(o), n.c(), n.m(e, null)), l & /*zIndex*/
+      4 && s(
         e,
         "z-index",
         /*zIndex*/
         o[2]
       ), l & /*transform*/
-      8 && f(
+      8 && s(
         e,
         "transform",
         /*transform*/
         o[3]
       ), l & /*opacity*/
-      2 && f(
+      2 && s(
         e,
         "opacity",
         /*opacity*/
         o[1]
       ), l & /*visibility*/
-      128 && f(
+      512 && s(
         e,
         "visibility",
         /*visibility*/
-        o[7]
+        o[9]
       );
     },
-    i: h,
-    o: h,
+    i: N,
+    o: N,
     d(o) {
-      o && _(e), t && t.d(), n[10](null);
+      o && y(e), n && n.d(), i[15](null);
     }
   };
 }
-function H(n, e, t) {
-  let o, { content: l } = e, { visible: a = !0 } = e, { opacity: m = 1 } = e, { zIndex: r = 0 } = e, { transform: s = void 0 } = e, { onClick: y = () => {
-  } } = e, { rendererIfNeed: u = void 0 } = e, { rendererData: v = void 0 } = e, d, c;
-  L(() => {
-    d && typeof u == "function" && (c = u(d, v));
-  }), B(() => {
-    c == null || c();
+function W(i, e, n) {
+  let o, { content: l } = e, { five: r = void 0 } = e, { visible: d = !0 } = e, { opacity: f = 1 } = e, { zIndex: a = 0 } = e, { transform: C = void 0 } = e, { onClick: D = () => {
+  } } = e, { rendererIfNeed: b = void 0 } = e, { rendererData: h = void 0 } = e, u, m, c, _;
+  const k = (t) => {
+    if (r.state.mode !== "Panorama") {
+      const w = -(10 + 54 * (1 - K(t.latitude) / 90)), v = w + 20, O = v >= 0 ? 0 : -v / 44;
+      n(7, m.style.transform = `scaleY(${O})`, m), n(7, m.style.top = `${v}px`, m), n(8, c.style.top = `${w}px`, c);
+    }
+  };
+  E(() => {
+    u && typeof b == "function" && (_ = b(u, h)), r && (k(r.camera.pose), r.on("cameraUpdate", k));
+  }), F(() => {
+    _ == null || _(), r == null || r.off("cameraUpdate", k);
   });
-  function I(i) {
-    G[i ? "unshift" : "push"](() => {
-      d = i, t(6, d);
+  function U(t) {
+    z[t ? "unshift" : "push"](() => {
+      c = t, n(8, c);
+    });
+  }
+  function B(t) {
+    z[t ? "unshift" : "push"](() => {
+      m = t, n(7, m);
+    });
+  }
+  function M(t) {
+    z[t ? "unshift" : "push"](() => {
+      u = t, n(6, u);
     });
   }
-  return n.$$set = (i) => {
-    "content" in i && t(0, l = i.content), "visible" in i && t(8, a = i.visible), "opacity" in i && t(1, m = i.opacity), "zIndex" in i && t(2, r = i.zIndex), "transform" in i && t(3, s = i.transform), "onClick" in i && t(4, y = i.onClick), "rendererIfNeed" in i && t(5, u = i.rendererIfNeed), "rendererData" in i && t(9, v = i.rendererData);
-  }, n.$$.update = () => {
-    n.$$.dirty & /*visible*/
-    256 && t(7, o = a ? "visible" : "hidden");
+  return i.$$set = (t) => {
+    "content" in t && n(0, l = t.content), "five" in t && n(10, r = t.five), "visible" in t && n(11, d = t.visible), "opacity" in t && n(1, f = t.opacity), "zIndex" in t && n(2, a = t.zIndex), "transform" in t && n(3, C = t.transform), "onClick" in t && n(4, D = t.onClick), "rendererIfNeed" in t && n(5, b = t.rendererIfNeed), "rendererData" in t && n(12, h = t.rendererData);
+  }, i.$$.update = () => {
+    i.$$.dirty & /*visible*/
+    2048 && n(9, o = d ? "visible" : "hidden");
   }, [
     l,
+    f,
+    a,
+    C,
+    D,
+    b,
+    u,
     m,
+    c,
+    o,
     r,
-    s,
-    y,
-    u,
     d,
-    o,
-    a,
-    v,
-    I
+    h,
+    U,
+    B,
+    M
   ];
 }
-class P extends w {
+class ne extends S {
   constructor(e) {
-    super(), C(
+    super(), j(
       this,
       e,
-      H,
-      F,
-      D,
+      W,
+      V,
+      q,
       {
         content: 0,
-        visible: 8,
+        five: 10,
+        visible: 11,
         opacity: 1,
         zIndex: 2,
         transform: 3,
         onClick: 4,
         rendererIfNeed: 5,
-        rendererData: 9
+        rendererData: 12
       },
-      S
+      Q
     );
   }
 }
 export {
-  P as LabelItem
+  ne as LabelItem
 };

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

@@ -18,7 +18,8 @@ class u {
     r(this, "_cameraCache");
     r(this, "animate", () => {
       var s, c, o;
-      this.cancelRequestAnimationFrameId = requestAnimationFrame(this.animate);
+      if (this.cancelRequestAnimationFrameId = requestAnimationFrame(this.animate), !this.five.renderer)
+        return;
       const e = this.five.renderer.getSize(l), t = e.toArray().join(",");
       t !== this._rendererCache && (this._rendererCache = t, this.renderer.setSize(e.x, e.y));
       const n = this.five.camera.projectionMatrix.toArray().join(",") + this.five.camera.matrixWorld.toArray().join(",");

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.56.0",
+    "%c %c@realsee/dnalogel %cv3.57.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/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.0",
+  "version": "3.57.0",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",