@realsee/dnalogel 3.50.13 → 3.50.14

package/libs/shared-utils/index.js

@@ -2,67 +2,70 @@ import { Interval as r } from "./math/Interval.js";
 import { Rectangle as e } from "./math/Rectangle.js";
 import { convexHull as t } from "./math/convexHull.js";
 import { inside as o } from "./math/inside.js";
-import { checkFiveModelLoaded as i } from "./five/index.js";
-import { Magnifier as m } from "./three/Magnifier.js";
-import { getCoordsFromClient as n, getCoordsFromElement as l } from "./three/getCoords.js";
-import { PointHelper as p } from "./three/PointSelector/utils/PointHelper.js";
-import { PointSelectorHelper as f } from "./three/PointSelector/utils/PointSelectorHelper.js";
-import { Object3D as a } from "./three/core/Object3D.js";
-import { LineSegments as d } from "./three/core/LineSegments.js";
-import { bounding as g, boundingBox as u, boundingSphere as s, boxVertex as b, boxVertexes as x, worldBounding as c, worldBoundingBox as k, worldBoundingSphere as F } from "./three/boundingBox.js";
-import { animeMap as P, blink as w, reblink as B } from "./three/blink.js";
-import { isNil as S, notNil as v } from "./isNil.js";
-import { uuid as L } from "./uuid.js";
-import { absoluteUrl as M, isAbsoluteURL as j } from "./url/absoluteUrl.js";
-import { awaitNextFrame as O, getFrameTime as _, nextFrame as h, requestAnimationFrameInterval as y } from "./animationFrame/index.js";
-import { equal as C } from "./equal.js";
-import { isModelLike as H, isPanoramaLike as I } from "./five/mode.js";
-import { lookObject as N } from "./five/lookObject.js";
-import { lookPoint as T } from "./five/lookPoint.js";
-import { BetterTween as q, tweenProgress as A } from "./animationFrame/BetterTween.js";
-const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { LightTag as i, tag as m } from "./tag.js";
+import { checkFiveModelLoaded as n } from "./five/index.js";
+import { Magnifier as p } from "./three/Magnifier.js";
+import { getCoordsFromClient as l, getCoordsFromElement as f } from "./three/getCoords.js";
+import { PointHelper as a } from "./three/PointSelector/utils/PointHelper.js";
+import { PointSelectorHelper as d } from "./three/PointSelector/utils/PointSelectorHelper.js";
+import { Object3D as g } from "./three/core/Object3D.js";
+import { LineSegments as u } from "./three/core/LineSegments.js";
+import { bounding as s, boundingBox as b, boundingSphere as x, boxVertex as c, boxVertexes as k, worldBounding as F, worldBoundingBox as P, worldBoundingSphere as w } from "./three/boundingBox.js";
+import { animeMap as B, blink as L, reblink as S } from "./three/blink.js";
+import { isNil as v, notNil as M } from "./isNil.js";
+import { uuid as h } from "./uuid.js";
+import { absoluteUrl as j, isAbsoluteURL as O } from "./url/absoluteUrl.js";
+import { awaitNextFrame as T, getFrameTime as _, nextFrame as y, requestAnimationFrameInterval as C } from "./animationFrame/index.js";
+import { equal as H } from "./equal.js";
+import { isModelLike as I, isPanoramaLike as N } from "./five/mode.js";
+import { lookObject as q } from "./five/lookObject.js";
+import { lookPoint as A } from "./five/lookPoint.js";
+import { BetterTween as R, tweenProgress as U } from "./animationFrame/BetterTween.js";
+const ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BetterTween: q,
+  BetterTween: R,
   Interval: r,
-  LineSegments: d,
-  Magnifier: m,
-  Object3D: a,
-  PointHelper: p,
-  PointSelectorHelper: f,
+  LightTag: i,
+  LineSegments: u,
+  Magnifier: p,
+  Object3D: g,
+  PointHelper: a,
+  PointSelectorHelper: d,
   Rectangle: e,
-  absoluteUrl: M,
-  animeMap: P,
-  awaitNextFrame: O,
-  blink: w,
-  bounding: g,
-  boundingBox: u,
-  boundingSphere: s,
-  boxVertex: b,
-  boxVertexes: x,
-  checkFiveModelLoaded: i,
+  absoluteUrl: j,
+  animeMap: B,
+  awaitNextFrame: T,
+  blink: L,
+  bounding: s,
+  boundingBox: b,
+  boundingSphere: x,
+  boxVertex: c,
+  boxVertexes: k,
+  checkFiveModelLoaded: n,
   convexHull: t,
-  equal: C,
-  getCoordsFromClient: n,
-  getCoordsFromElement: l,
+  equal: H,
+  getCoordsFromClient: l,
+  getCoordsFromElement: f,
   getFrameTime: _,
   inside: o,
-  isAbsoluteURL: j,
-  isModelLike: H,
-  isNil: S,
-  isPanoramaLike: I,
-  lookObject: N,
-  lookPoint: T,
-  nextFrame: h,
-  notNil: v,
+  isAbsoluteURL: O,
+  isModelLike: I,
+  isNil: v,
+  isPanoramaLike: N,
+  lookObject: q,
+  lookPoint: A,
+  nextFrame: y,
+  notNil: M,
   pointInPolygon: o,
-  reblink: B,
-  requestAnimationFrameInterval: y,
-  tweenProgress: A,
-  uuid: L,
-  worldBounding: c,
-  worldBoundingBox: k,
-  worldBoundingSphere: F
+  reblink: S,
+  requestAnimationFrameInterval: C,
+  tag: m,
+  tweenProgress: U,
+  uuid: h,
+  worldBounding: F,
+  worldBoundingBox: P,
+  worldBoundingSphere: w
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  lo as index
+  ao as index
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.50.13",
+    "%c %c@realsee/dnalogel %cv3.50.14",
     [
       "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.d.ts

@@ -1,10 +1,22 @@
 import type { Five } from '@realsee/five';
 import { type AnyPosition } from './positionToVector3';
 import * as THREE from 'three';
+interface LightTagConfig {
+    wrapper?: HTMLElement;
+    positionsForRotate?: AnyPosition[];
+    namespace?: string;
+}
 export declare class LightTag {
+    /**
+     * @description 单个标签 dom
+     */
     container: HTMLDivElement;
     visible: boolean;
     enabled: boolean;
+    /**
+     * @description 标签容器的父容器
+     * @default this.five.getElement()?.parentElement
+     */
     wrapper: HTMLElement;
     positionsForRotate?: THREE.Vector3[];
     /**
@@ -17,6 +29,9 @@ export declare class LightTag {
      * @default true
      */
     simulate3D: boolean;
+    /**
+     * @description 标签的容器，根据 namespace 区分
+     */
     private tagWrapper;
     private five;
     private originPosition?;
@@ -25,10 +40,7 @@ export declare class LightTag {
     private config;
     private fiveUtil;
     private disposers;
-    constructor(five: Five, position?: AnyPosition, config?: {
-        wrapper?: HTMLElement;
-        positionsForRotate?: AnyPosition[];
-    });
+    constructor(five: Five, position?: AnyPosition, config?: LightTagConfig);
     show(): void;
     hide(): void;
     enable(): void;
@@ -41,6 +53,5 @@ export declare class LightTag {
     private onFiveEveryReady;
     private addResizeListener;
 }
-export declare function tag(five: Five, position: AnyPosition, config?: {
-    wrapper?: HTMLElement;
-}): LightTag;
+export declare function tag(five: Five, position: AnyPosition, config?: LightTagConfig): LightTag;
+export {};

package/libs/shared-utils/tag.js

@@ -1,56 +1,68 @@
-var P = Object.defineProperty;
-var g = (h, t, e) => t in h ? P(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var s = (h, t, e) => (g(h, typeof t != "symbol" ? t + "" : t, e), e);
+var u = Object.defineProperty;
+var P = (l, t, e) => t in l ? u(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
+var i = (l, t, e) => (P(l, typeof t != "symbol" ? t + "" : t, e), e);
 import { anyPositionToVector3 as d } from "./positionToVector3.js";
-import * as b from "three";
-import { vector3ToScreen as l } from "./five/vector3ToScreen.js";
-import { getFiveModel as U } from "./five/getFiveModel.js";
-import { FiveUtil as x } from "./Utils/FiveUtil.js";
+import * as g from "three";
+import { vector3ToScreen as f } from "./five/vector3ToScreen.js";
+import { getFiveModel as b } from "./five/getFiveModel.js";
+import { FiveUtil as U } from "./Utils/FiveUtil.js";
 import { _raycaster as m } from "./three/temp.js";
-import { resizeObserver as E } from "./dom/resizeObserver.js";
-const v = "LightTagContainer_shgjakdhwakjdhsja", w = new b.Vector2();
-class R {
+import { resizeObserver as x } from "./dom/resizeObserver.js";
+const E = new g.Vector2();
+class w {
   constructor(t, e, o) {
-    s(this, "container");
-    s(this, "visible", !1);
-    s(this, "enabled", !1);
-    s(this, "wrapper");
-    s(this, "positionsForRotate");
+    /**
+     * @description 单个标签 dom
+     */
+    i(this, "container");
+    i(this, "visible", !1);
+    i(this, "enabled", !1);
+    /**
+     * @description 标签容器的父容器
+     * @default this.five.getElement()?.parentElement
+     */
+    i(this, "wrapper");
+    i(this, "positionsForRotate");
     /**
      * @description 碰撞检测
      * @default true
      */
-    s(this, "intersectCheck", !0);
+    i(this, "intersectCheck", !0);
     /**
      * @description 模拟3D
      * @default true
      */
-    s(this, "simulate3D", !1);
-    s(this, "tagWrapper");
-    s(this, "five");
-    s(this, "originPosition");
-    s(this, "transformedPosition");
-    s(this, "disposer");
-    s(this, "config");
-    s(this, "fiveUtil");
-    s(this, "disposers", []);
-    s(this, "onCameraUpdate", () => {
+    i(this, "simulate3D", !1);
+    /**
+     * @description 标签的容器，根据 namespace 区分
+     */
+    i(this, "tagWrapper");
+    i(this, "five");
+    i(this, "originPosition");
+    i(this, "transformedPosition");
+    i(this, "disposer");
+    i(this, "config");
+    i(this, "fiveUtil");
+    i(this, "disposers", []);
+    i(this, "onCameraUpdate", () => {
       this.visible !== !1 && this.updateScreenPosition();
     });
-    s(this, "onFiveEveryReady", () => {
+    i(this, "onFiveEveryReady", () => {
       var t;
       if (this.intersectCheck && this.visible && this.five.state.mode !== "Panorama") {
-        let e = 0.01;
-        this.fiveUtil.workUtil.fromType === "poincare" && (e = 0.05), m.set(this.five.camera.position, this.transformedPosition.clone().sub(this.five.camera.position));
-        const o = (t = U(this.five).intersectRaycaster(m)) == null ? void 0 : t[0];
-        (o == null ? void 0 : o.distance) + e > this.transformedPosition.distanceTo(this.five.camera.position) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
+        let e = !1, o = 0.01;
+        this.fiveUtil.workUtil.fromType === "poincare" && (o = 0.05);
+        const a = this.transformedPosition.clone().sub(this.five.camera.position).normalize();
+        m.set(this.five.camera.position, a);
+        const n = (t = b(this.five).intersectRaycaster(m)) == null ? void 0 : t[0];
+        n ? e = (n == null ? void 0 : n.distance) + o > this.transformedPosition.distanceTo(this.five.camera.position) : e = !0, e ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
       }
     });
-    var n, r, a;
-    this.five = t, this.fiveUtil = (n = t.__fiveUtil__) != null ? n : t.__fiveUtil__ = new x(t), this.originPosition = e ? d(e).clone() : void 0, this.transformedPosition = (r = this.originPosition) == null ? void 0 : r.clone(), this.positionsForRotate = (a = o == null ? void 0 : o.positionsForRotate) == null ? void 0 : a.map((i) => d(i).clone()), this.container = (() => {
-      const i = document.createElement("div");
-      return i.style.width = "0", i.style.height = "0", i.style.position = "absolute", i.style.transition = "opacity 0.2s linear", i;
-    })(), this.config = o != null ? o : {}, this.enable(), this.show(), this.addResizeListener();
+    var a, n, h;
+    this.five = t, this.fiveUtil = (a = t.__fiveUtil__) != null ? a : t.__fiveUtil__ = new U(t), this.originPosition = e ? d(e).clone() : void 0, this.transformedPosition = (n = this.originPosition) == null ? void 0 : n.clone(), this.positionsForRotate = (h = o == null ? void 0 : o.positionsForRotate) == null ? void 0 : h.map((s) => d(s).clone()), this.config = o != null ? o : {}, 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;
+    })(), this.enable(), this.show(), this.addResizeListener();
   }
   show() {
     this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.onCameraUpdate();
@@ -59,21 +71,28 @@ class R {
     this.visible = !1, this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
   }
   enable() {
-    var o, n, r, a;
+    var a, n, h, s, c;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper = (r = (n = this.config.wrapper) != null ? n : (o = this.five.getElement()) == null ? void 0 : o.parentElement) != null ? r : document.body, this.tagWrapper || (this.tagWrapper = (a = document.getElementById(v)) != null ? a : (() => {
-      const i = document.createElement("div");
-      return i.id = v, i.style.position = "absolute", i.style.top = "0", i.style.left = "0", i.style.width = "100%", i.style.height = "100%", i.style.pointerEvents = "none", i.style.zIndex = "1", i;
-    })(), this.wrapper.contains(this.tagWrapper) || this.wrapper.appendChild(this.tagWrapper)), this.tagWrapper.appendChild(this.container);
-    let t = !1;
-    const e = () => {
-      t || (t = !0, this.five.ready().then(() => {
-        this.onFiveEveryReady(), t = !1;
+    this.enabled = !0, this.wrapper = (h = (n = this.config.wrapper) != null ? n : (a = this.five.getElement()) == null ? void 0 : a.parentElement) != null ? h : document.body;
+    const t = `light-tag-wrapper-${(c = (s = this.config) == null ? void 0 : s.namespace) != null ? c : "default"}`;
+    if (!this.tagWrapper) {
+      let p = Array.from(this.wrapper.children).find((r) => r.id === t);
+      if (!p) {
+        const r = document.createElement("div");
+        p = r, r.id = t, r.style.position = "absolute", r.style.overflow = "hidden", r.style.top = "0", r.style.left = "0", r.style.width = "100%", r.style.height = "100%", r.style.pointerEvents = "none", r.style.zIndex = "1", this.wrapper.appendChild(p);
+      }
+      this.tagWrapper = p;
+    }
+    this.tagWrapper.appendChild(this.container);
+    let e = !1;
+    const o = () => {
+      e || (e = !0, this.five.ready().then(() => {
+        this.onFiveEveryReady(), e = !1;
       }));
     };
-    this.five.on("cameraUpdate", e), this.five.on("cameraUpdate", this.onCameraUpdate), this.disposer = () => {
-      this.five.off("cameraUpdate", e), this.five.off("cameraUpdate", this.onCameraUpdate);
+    this.five.on("cameraUpdate", o), this.five.on("cameraUpdate", this.onCameraUpdate), this.disposer = () => {
+      this.five.off("cameraUpdate", o), this.five.off("cameraUpdate", this.onCameraUpdate);
     };
   }
   disable() {
@@ -95,7 +114,7 @@ class R {
       this.container.style.left = "-100%", this.container.style.top = "-100%";
       return;
     }
-    const t = this.five.renderer.getSize(w), e = l(this.five.camera, this.transformedPosition, t);
+    const t = this.five.renderer.getSize(E), e = f(this.five.camera, this.transformedPosition, t);
     if (!e) {
       this.container.style.left = "-100%", this.container.style.top = "-100%";
       return;
@@ -103,31 +122,31 @@ class R {
     const o = (() => {
       if (!this.simulate3D)
         return 1;
-      const r = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), a = this.transformedPosition.distanceTo(this.five.camera.position);
-      return Math.max(Math.min(1 - r * a / 40, 1), 0.5);
-    })(), n = (() => {
+      const n = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), h = this.transformedPosition.distanceTo(this.five.camera.position);
+      return Math.max(Math.min(1 - n * h / 40, 1), 0.5);
+    })(), a = (() => {
       if (this.positionsForRotate === void 0 || this.positionsForRotate.length !== 2)
         return 0;
-      const [r, a] = this.positionsForRotate, i = l(this.five.camera, r, t), c = l(this.five.camera, a, t);
-      if (!i || !c)
+      const [n, h] = this.positionsForRotate, s = f(this.five.camera, n, t), c = f(this.five.camera, h, t);
+      if (!s || !c)
         return 0;
-      const p = i.leftPx > c.leftPx ? c : i, f = i.leftPx > c.leftPx ? i : c, y = f.leftPx - p.leftPx, u = f.topPx - p.topPx;
-      return Math.atan2(u, y) * (180 / Math.PI);
+      const p = s.leftPx > c.leftPx ? c : s, r = s.leftPx > c.leftPx ? s : c, v = r.leftPx - p.leftPx, y = r.topPx - p.topPx;
+      return Math.atan2(y, v) * (180 / Math.PI);
     })();
-    this.container.style.left = e.leftPx + "px", this.container.style.top = e.topPx + "px", this.container.style.transformOrigin = "center", this.container.style.transform = `scale(${o})`, n && (this.container.style.transform += ` rotate(${n}deg)`);
+    this.container.style.left = e.leftPx + "px", this.container.style.top = e.topPx + "px", this.container.style.transformOrigin = "center", this.container.style.transform = `scale(${o})`, a && (this.container.style.transform += ` rotate(${a}deg)`);
   }
   addResizeListener() {
     const t = this.five.getElement();
     if (t) {
-      const { observe: e, unobserve: o } = E(this.onCameraUpdate, t);
+      const { observe: e, unobserve: o } = x(this.onCameraUpdate, t);
       e(), this.disposers.push(o);
     }
   }
 }
-function z(h, t, e) {
-  return new R(h, t, e);
+function S(l, t, e) {
+  return new w(l, t, e);
 }
 export {
-  R as LightTag,
-  z as tag
+  w as LightTag,
+  S as tag
 };

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

@@ -1,9 +1,9 @@
 import "hammerjs";
 import "three";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../tag.js";
 import "@realsee/five/line";
 import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../tag.js";
 import "./core/Sphere.js";
 import "animejs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";

package/package.json

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