@realsee/dnalogel 3.50.17-alpha.0 → 3.51.0

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

@@ -9,23 +9,23 @@ var V = (o, e, t) => e in o ? B(o, e, { enumerable: !0, configurable: !0, writab
       H.call(e, t) && V(o, t, e[t]);
   return o;
 };
-var g = (o, e, t) => new Promise((r, m) => {
-  var u = (a) => {
+var g = (o, e, t) => new Promise((n, l) => {
+  var u = (r) => {
     try {
-      l(t.next(a));
-    } catch (d) {
-      m(d);
+      m(t.next(r));
+    } catch (p) {
+      l(p);
     }
-  }, s = (a) => {
+  }, s = (r) => {
     try {
-      l(t.throw(a));
-    } catch (d) {
-      m(d);
+      m(t.throw(r));
+    } catch (p) {
+      l(p);
     }
-  }, l = (a) => a.done ? r(a.value) : Promise.resolve(a.value).then(u, s);
-  l((t = t.apply(o, e)).next());
+  }, m = (r) => r.done ? n(r.value) : Promise.resolve(r.value).then(u, s);
+  m((t = t.apply(o, e)).next());
 });
-import * as n from "three";
+import * as a from "three";
 import "hammerjs";
 import "../three/PointSelector/index.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -34,35 +34,39 @@ import { vectorToCoordinates as N } from "../vectorToCoordinate.js";
 import { FiveUtil as O } from "../Utils/FiveUtil.js";
 import { notNil as Y } from "../isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../Sculpt/Meshes/Polygon.js";
+import "../../Sculpt/utils/Modules/Global.js";
 import "@realsee/five/line";
 import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
+import "../../vendor/hotkeys-js/dist/hotkeys.esm.js";
+import "../../Sculpt/utils/three/rayOnLine.js";
 import { worldBoundingSphere as j } from "../three/boundingBox.js";
 import "animejs";
-function et(o, e, t) {
+function nt(o, e, t) {
   return g(this, null, function* () {
     var P, x, z;
     if (!e)
       return;
-    const r = j(e);
-    if (!r)
+    const n = j(e);
+    if (!n)
       return;
-    const m = new O(o), u = (P = t == null ? void 0 : t.scale) != null ? P : 1.4, s = r.center, l = o.camera.position.clone().sub(s).setY(0).normalize(), a = o.state.mode === "Mapview" ? o.state.fov : 60, C = Math.max(1.5, r.radius * u), k = C * (1 / Math.tan(n.MathUtils.degToRad(a / 2)));
-    let p = 0;
+    const l = new O(o), u = (P = t == null ? void 0 : t.scale) != null ? P : 1.4, s = n.center, m = o.camera.position.clone().sub(s).setY(0).normalize(), r = o.state.mode === "Mapview" ? o.state.fov : 60, C = Math.max(1.5, n.radius * u), k = C * (1 / Math.tan(a.MathUtils.degToRad(r / 2)));
+    let d = 0;
     const w = [], M = (c) => {
-      const i = n.MathUtils.degToRad(c);
-      return l.clone().applyAxisAngle(new n.Vector3(0, 1, 0), i).clone().multiplyScalar(k).add(new n.Vector3(0, C, 0)).add(s);
+      const i = a.MathUtils.degToRad(c);
+      return m.clone().applyAxisAngle(new a.Vector3(0, 1, 0), i).clone().multiplyScalar(k).add(new a.Vector3(0, C, 0)).add(s);
     };
-    for (; p !== 360; ) {
+    for (; d !== 360; ) {
       let c = 0;
-      const i = M(p), f = (y) => {
-        const I = y.distanceTo(i), _ = new n.Raycaster(y, i.clone().sub(y).normalize()), h = m.model.intersectRaycaster(_, void 0, !0)[0], S = h == null ? void 0 : h.distance;
+      const i = M(d), f = (y) => {
+        const I = y.distanceTo(i), _ = new a.Raycaster(y, i.clone().sub(y).normalize()), h = l.model.intersectRaycaster(_, void 0, !0)[0], S = h == null ? void 0 : h.distance;
         Y(S) ? S > I && (c += 1) : c += 1;
-      }, A = r.clampPoint(i, new n.Vector3());
+      }, A = n.clampPoint(i, new a.Vector3());
       f(A);
-      const E = new n.Vector3(s.x, i.y, s.z);
-      if (f(E), w[c] = p, c === 2)
+      const E = new a.Vector3(s.x, i.y, s.z);
+      if (f(E), w[c] = d, c === 2)
         break;
-      p += 30;
+      d += 30;
     }
     const R = M((z = (x = w[2]) != null ? x : w[1]) != null ? z : 0), v = R.distanceTo(s), b = N(s.clone().sub(R).normalize());
     if (o.state.mode === "Mapview")
@@ -81,5 +85,5 @@ function et(o, e, t) {
   });
 }
 export {
-  et as lookObject
+  nt as lookObject
 };

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

@@ -7,3 +7,4 @@ export * from './uuid';
 export * from './url/absoluteUrl';
 export * from './animationFrame';
 export * from './equal';
+export * from '../Sculpt/utils/export';

package/libs/shared-utils/index.js

@@ -18,16 +18,17 @@ import { uuid as j } from "./uuid.js";
 import { absoluteUrl as I, 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 N, isPanoramaLike as q } from "./five/mode.js";
-import { lookObject as A } from "./five/lookObject.js";
-import { lookPoint as D } from "./five/lookPoint.js";
-import { fiveModelIsLoaded as E, waitFiveModelLoaded as R } from "./five/fiveModelLoad.js";
-import { FiveDomEvents as U } from "./five/FiveDomEvents.js";
-import { BetterTween as V, tweenProgress as z } from "./animationFrame/BetterTween.js";
-const vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { sculpt as N } from "../Sculpt/utils/export.js";
+import { isModelLike as q, isPanoramaLike as A } from "./five/mode.js";
+import { lookObject as D } from "./five/lookObject.js";
+import { lookPoint as E } from "./five/lookPoint.js";
+import { fiveModelIsLoaded as R, waitFiveModelLoaded as U } from "./five/fiveModelLoad.js";
+import { FiveDomEvents as V } from "./five/FiveDomEvents.js";
+import { BetterTween as z, tweenProgress as G } from "./animationFrame/BetterTween.js";
+const Lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BetterTween: V,
-  FiveDomEvents: U,
+  BetterTween: z,
+  FiveDomEvents: V,
   Interval: r,
   LightTag: i,
   LineSegments: u,
@@ -49,30 +50,31 @@ const vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   checkFiveModelLoaded: n,
   convexHull: t,
   equal: H,
-  fiveModelIsLoaded: E,
+  fiveModelIsLoaded: R,
   getCoordsFromClient: l,
   getCoordsFromElement: f,
   getFrameTime: _,
   inside: o,
   isAbsoluteURL: O,
-  isModelLike: N,
+  isModelLike: q,
   isNil: B,
-  isPanoramaLike: q,
-  lookObject: A,
-  lookPoint: D,
+  isPanoramaLike: A,
+  lookObject: D,
+  lookPoint: E,
   nextFrame: y,
   notNil: h,
   pointInPolygon: o,
   reblink: S,
   requestAnimationFrameInterval: C,
+  sculpt: N,
   tag: m,
-  tweenProgress: z,
+  tweenProgress: G,
   uuid: j,
-  waitFiveModelLoaded: R,
+  waitFiveModelLoaded: U,
   worldBounding: L,
   worldBoundingBox: P,
   worldBoundingSphere: k
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  vo as index
+  Lo as index
 };

package/libs/shared-utils/logger.js

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

@@ -13,6 +13,16 @@ export declare class LightTag {
     container: HTMLDivElement;
     visible: boolean;
     enabled: boolean;
+    /**
+     * @description 标签的可见性数组
+     * ```
+     * [0] this.visible
+     * [1] 碰撞检测
+     * [2] 元素遮挡
+     * ```
+     */
+    visibles: boolean[];
+    get position(): THREE.Vector3;
     /**
      * @description 标签容器的父容器
      * @default this.five.getElement()?.parentElement
@@ -24,11 +34,16 @@ export declare class LightTag {
      * @default true
      */
     intersectCheck: boolean;
+    /**
+     * @description 用于碰撞检测的额外 Object3D
+     */
+    extraObjectsForIntersectCheck: THREE.Object3D[];
     /**
      * @description 模拟3D
      * @default true
      */
     simulate3D: boolean;
+    set needsRender(val: true);
     /**
      * @description 标签的容器，根据 namespace 区分
      */
@@ -41,16 +56,40 @@ export declare class LightTag {
     private fiveUtil;
     private disposers;
     constructor(five: Five, position?: AnyPosition, config?: LightTagConfig);
+    /**
+     * @description 显示标签
+     */
     show(): void;
+    /**
+     * @description 隐藏标签
+     */
     hide(): void;
+    /**
+     * @description 启用标签
+     */
     enable(): void;
+    /**
+     * @description 禁用标签
+     */
     disable(): void;
+    /**
+     * @description 销毁标签，并释放相关资源
+     */
     destroy(): void;
-    setTransformMatrix(matrix: THREE.Matrix4): void;
+    /**
+     * @description 设置标签位置
+     * @param position 位置
+     * @param positionsForRotate 用于 css 旋转的斜线的两个端点
+     */
     setPosition(position: AnyPosition, positionsForRotate?: AnyPosition[]): void;
+    setTransformMatrix(matrix: THREE.Matrix4): void;
     updateScreenPosition(): void;
     private onCameraUpdate;
+    private onCameraFovUpdate;
     private onFiveEveryReady;
+    private updateVisible;
+    private applyVisible;
+    private updateIntersectCheckVisible;
     private addResizeListener;
 }
 export declare function tag(...params: ConstructorParameters<typeof LightTag>): LightTag;

package/libs/shared-utils/tag.js

@@ -1,152 +1,205 @@
-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 s = (l, t, e) => (P(l, typeof t != "symbol" ? t + "" : t, e), e);
-import { anyPositionToVector3 as f } from "./positionToVector3.js";
-import * as g from "three";
-import { vector3ToScreen as d } 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 x } from "./dom/resizeObserver.js";
-const E = new g.Vector2();
+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 d } from "./positionToVector3.js";
+import * as P from "three";
+import { vector3ToScreen as m } from "./five/vector3ToScreen.js";
+import { getFiveModel as g } from "./five/getFiveModel.js";
+import { FiveUtil as C } from "./Utils/FiveUtil.js";
+import { _raycaster as v } 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 {
-  constructor(t, e, i) {
+  constructor(e, t, o) {
     /**
      * @description 单个标签 dom
      */
-    s(this, "container");
-    s(this, "visible", !1);
-    s(this, "enabled", !1);
+    i(this, "container");
+    i(this, "visible", !1);
+    i(this, "enabled", !1);
+    /**
+     * @description 标签的可见性数组
+     * ```
+     * [0] this.visible
+     * [1] 碰撞检测
+     * [2] 元素遮挡
+     * ```
+     */
+    i(this, "visibles", []);
     /**
      * @description 标签容器的父容器
      * @default this.five.getElement()?.parentElement
      */
-    s(this, "wrapper");
-    s(this, "positionsForRotate");
+    i(this, "wrapper");
+    i(this, "positionsForRotate");
     /**
      * @description 碰撞检测
      * @default true
      */
-    s(this, "intersectCheck", !0);
+    i(this, "intersectCheck", !0);
+    /**
+     * @description 用于碰撞检测的额外 Object3D
+     */
+    i(this, "extraObjectsForIntersectCheck", []);
     /**
      * @description 模拟3D
      * @default true
      */
-    s(this, "simulate3D", !1);
+    i(this, "simulate3D", !1);
     /**
      * @description 标签的容器，根据 namespace 区分
      */
-    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, "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", () => {
-      var t;
-      if (this.intersectCheck && this.visible && this.five.state.mode !== "Panorama") {
-        let e = !1, i = 0.01;
-        this.fiveUtil.workUtil.fromType === "poincare" && (i = 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) + i > 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");
+    i(this, "onCameraFovUpdate", () => {
+      this.onCameraUpdate(), this.five.off("render.prepare", this.onCameraUpdate), this.five.on("render.prepare", this.onCameraUpdate), setTimeout(() => {
+        this.five.off("render.prepare", this.onCameraUpdate);
+      }, 1e3);
+    });
+    i(this, "onFiveEveryReady", () => {
+      this.five.state.mode !== "Panorama" && this.updateVisible();
+    });
+    i(this, "updateVisible", () => {
+      this.visible && (this.updateIntersectCheckVisible(), this.needsRender = !0);
+    });
+    i(this, "applyVisible", () => {
+      console.log(this.visibles), 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, r;
+      if (!this.intersectCheck) {
+        this.visibles[1] = !0;
+        return;
       }
+      let e = !1, t = 0.01;
+      this.fiveUtil.workUtil.fromType === "poincare" && (t = 0.05);
+      const o = this.transformedPosition.clone().sub(this.five.camera.position).normalize();
+      v.set(this.five.camera.position, o);
+      const h = (n = g(this.five).intersectRaycaster(v)) != null ? n : [], a = (r = v.intersectObjects(this.extraObjectsForIntersectCheck, !0)) != null ? r : [], s = [...h, ...a].sort((p, f) => p.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;
     });
-    var a, n, h;
-    this.five = t, this.fiveUtil = (a = t.__fiveUtil__) != null ? a : t.__fiveUtil__ = new U(t), this.originPosition = e ? f(e).clone() : void 0, this.transformedPosition = (n = this.originPosition) == null ? void 0 : n.clone(), this.positionsForRotate = (h = i == null ? void 0 : i.positionsForRotate) == null ? void 0 : h.map((o) => f(o).clone()), this.config = i != null ? i : {}, 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.enable(), this.show(), this.addResizeListener();
+    var h, a, l;
+    this.five = e, this.fiveUtil = (h = e.__fiveUtil__) != null ? h : e.__fiveUtil__ = new C(e), this.originPosition = t ? d(t).clone() : void 0, this.transformedPosition = (a = this.originPosition) == null ? void 0 : a.clone(), this.positionsForRotate = (l = o == null ? void 0 : o.positionsForRotate) == null ? void 0 : l.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.addResizeListener(), this.show(), this.enable(), setTimeout(() => {
+      this.updateVisible(), this.needsRender = !0;
+    }, 0);
   }
+  get position() {
+    return this.transformedPosition;
+  }
+  set needsRender(e) {
+    this.applyVisible();
+  }
+  /**
+   * @description 显示标签
+   */
   show() {
-    this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.onCameraUpdate();
+    this.visible = !0, this.visibles[0] = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.updateVisible(), this.onCameraUpdate();
   }
+  /**
+   * @description 隐藏标签
+   */
   hide() {
-    this.visible = !1, this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
+    this.visible = !1, this.visibles[0] = !1, this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
   }
+  /**
+   * @description 启用标签
+   */
   enable() {
-    var a, n, h, o, c;
+    var o, h, a, l, s;
     if (this.enabled)
       return;
-    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 = (o = this.config) == null ? void 0 : o.namespace) != null ? c : "default"}`;
+    this.enabled = !0, this.wrapper = (a = (h = this.config.wrapper) != null ? h : (o = this.five.getElement()) == null ? void 0 : o.parentElement) != null ? a : document.body;
+    const e = `light-tag-wrapper-${(s = (l = this.config) == null ? void 0 : l.namespace) != null ? s : "default"}`;
     if (!this.tagWrapper) {
-      let p = Array.from(this.wrapper.children).find((r) => r.id === t);
-      if (!p) {
+      let n = Array.from(this.wrapper.children).find((r) => r.id === e);
+      if (!n) {
         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);
+        n = r, r.id = e, 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(n);
       }
-      this.tagWrapper = p;
+      this.tagWrapper = n;
     }
-    this.tagWrapper.appendChild(this.container);
-    let e = !1;
-    const i = () => {
-      e || (e = !0, this.five.ready().then(() => {
-        this.onFiveEveryReady(), e = !1;
-      }));
-    };
-    this.five.on("cameraUpdate", i), this.five.on("cameraUpdate", this.onCameraUpdate), this.disposer = () => {
-      this.five.off("cameraUpdate", i), this.five.off("cameraUpdate", this.onCameraUpdate);
+    this.tagWrapper.appendChild(this.container), this.updateVisible();
+    const t = x(this.five, this.onFiveEveryReady);
+    this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("cameraFovUpdate", this.onCameraFovUpdate), this.five.on("panoArrived", this.updateVisible), this.five.on("modeChange", this.updateVisible), this.disposer = () => {
+      t(), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("cameraFovUpdate", this.onCameraFovUpdate), this.five.off("panoArrived", this.updateVisible), this.five.off("modeChange", this.updateVisible);
     };
   }
+  /**
+   * @description 禁用标签
+   */
   disable() {
-    var t;
-    this.enabled && (this.enabled = !1, this.tagWrapper.removeChild(this.container), (t = this.disposer) == null || t.call(this));
+    var e;
+    this.enabled && (this.enabled = !1, this.tagWrapper.removeChild(this.container), (e = this.disposer) == null || e.call(this));
   }
+  /**
+   * @description 销毁标签，并释放相关资源
+   */
   destroy() {
-    this.disable(), this.container.remove(), this.disposers.forEach((t) => t());
+    this.disable(), this.container.remove(), this.disposers.forEach((e) => e());
   }
-  setTransformMatrix(t) {
-    var e;
-    this.transformedPosition = (e = this.originPosition) == null ? void 0 : e.clone().applyMatrix4(t), this.onCameraUpdate();
+  /**
+   * @description 设置标签位置
+   * @param position 位置
+   * @param positionsForRotate 用于 css 旋转的斜线的两个端点
+   */
+  setPosition(e, t) {
+    this.transformedPosition = d(e).clone(), this.positionsForRotate = t == null ? void 0 : t.map((o) => d(o).clone()), this.onCameraUpdate(), setTimeout(() => this.onCameraUpdate(), 0);
   }
-  setPosition(t, e) {
-    this.transformedPosition = f(t).clone(), this.positionsForRotate = e == null ? void 0 : e.map((i) => f(i).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() {
     if (!this.transformedPosition) {
       this.container.style.left = "-100%", this.container.style.top = "-100%";
       return;
     }
-    const t = this.five.renderer.getSize(E), e = d(this.five.camera, this.transformedPosition, t);
-    if (!e) {
+    const e = this.five.renderer.getSize(E), t = m(this.five.camera, this.transformedPosition, e);
+    if (!t) {
       this.container.style.left = "-100%", this.container.style.top = "-100%";
       return;
     }
-    const i = (() => {
+    const o = (() => {
       if (!this.simulate3D)
         return 1;
-      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 = (() => {
+      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 = (() => {
       if (this.positionsForRotate === void 0 || this.positionsForRotate.length !== 2)
         return 0;
-      const [n, h] = this.positionsForRotate, o = d(this.five.camera, n, t), c = d(this.five.camera, h, t);
-      if (!o || !c)
+      const [a, l] = this.positionsForRotate, s = m(this.five.camera, a, e), n = m(this.five.camera, l, e);
+      if (!s || !n)
         return 0;
-      const p = o.leftPx > c.leftPx ? c : o, r = o.leftPx > c.leftPx ? o : c, v = r.leftPx - p.leftPx, y = r.topPx - p.topPx;
-      return Math.atan2(y, v) * (180 / Math.PI);
+      const r = s.leftPx > n.leftPx ? n : s, p = s.leftPx > n.leftPx ? s : n, f = p.leftPx - r.leftPx, u = p.topPx - r.topPx;
+      return Math.atan2(u, f) * (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(${i})`, a && (this.container.style.transform += ` rotate(${a}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(${o})`, h && (this.container.style.transform += ` rotate(${h}deg)`);
   }
   addResizeListener() {
-    const t = this.five.getElement();
-    if (t) {
-      const { observe: e, unobserve: i } = x(this.onCameraUpdate, t);
-      e(), this.disposers.push(i);
+    const e = this.five.getElement();
+    if (e) {
+      const { observe: t, unobserve: o } = U(this.onCameraUpdate, e);
+      t(), this.disposers.push(o);
     }
   }
 }
-function S(...l) {
-  return new w(...l);
+function k(...c) {
+  return new w(...c);
 }
 export {
   w as LightTag,
-  S as tag
+  k as tag
 };

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

@@ -8,3 +8,7 @@ import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
 import "./core/Sphere.js";
 import "animejs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../Sculpt/Meshes/Polygon.js";
+import "../../Sculpt/utils/Modules/Global.js";
+import "../../vendor/hotkeys-js/dist/hotkeys.esm.js";
+import "../../Sculpt/utils/three/rayOnLine.js";

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

@@ -1,2 +1,2 @@
-import * as THREE from 'three';
-export declare const _raycaster: THREE.Raycaster;
+import { THREERaycaster } from './core/Raycaster';
+export declare const _raycaster: THREERaycaster;

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

@@ -1,6 +1,6 @@
-import * as r from "three";
-const a = new r.Raycaster();
-a.params.Points.threshold = 0.02;
+import { THREERaycaster as r } from "./core/Raycaster.js";
+const t = new r();
+t.params.Points.threshold = 0.02;
 export {
-  a as _raycaster
+  t as _raycaster
 };

package/package.json

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