@realsee/dnalogel 3.29.9 → 3.30.1

package/libs/ModelMakerPlugin/Controller.js

@@ -1,28 +1,28 @@
-var k = Object.defineProperty;
-var D = (p, n, e) => n in p ? k(p, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[n] = e;
-var s = (p, n, e) => (D(p, typeof n != "symbol" ? n + "" : n, e), e);
-var M = (p, n, e) => new Promise((r, t) => {
+var P = Object.defineProperty;
+var D = (l, n, e) => n in l ? P(l, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[n] = e;
+var r = (l, n, e) => (D(l, typeof n != "symbol" ? n + "" : n, e), e);
+var M = (l, n, e) => new Promise((s, t) => {
   var m = (i) => {
     try {
       a(e.next(i));
-    } catch (h) {
-      t(h);
+    } catch (p) {
+      t(p);
     }
   }, o = (i) => {
     try {
       a(e.throw(i));
-    } catch (h) {
-      t(h);
+    } catch (p) {
+      t(p);
     }
-  }, a = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(m, o);
-  a((e = e.apply(p, n)).next());
+  }, a = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(m, o);
+  a((e = e.apply(l, n)).next());
 });
-import { Controller as I } from "../base/BasePluginWithData.js";
-import * as l from "three";
-import { ModelMakerBoxItem as T } from "./item/boxItem.js";
+import { Controller as A } from "../base/BasePluginWithData.js";
+import * as h from "three";
+import { ModelMakerBoxItem as C } from "./item/boxItem.js";
 import { PrismMesh as j } from "../Sculpt/Meshes/Prism.js";
-import { anyPositionToVector3 as H } from "../shared-utils/positionToVector3.js";
-import { PolygonWithEdgeMesh as C } from "../Sculpt/Meshes/PolygonWithEdge.js";
+import { anyPositionToVector3 as I } from "../shared-utils/positionToVector3.js";
+import { PolygonWithEdgeMesh as T } from "../Sculpt/Meshes/PolygonWithEdge.js";
 import "hammerjs";
 import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -30,9 +30,9 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "animejs";
 import { notNil as x } from "../shared-utils/isNil.js";
-import { tagRendererMap as F } from "./utils/tagRenderer.js";
-import { ModelMakerPrismItem as A } from "./item/prismItem.js";
-import { ModelMakerPolygonItem as z } from "./item/polygonItem.js";
+import { tagRendererMap as H } from "./utils/tagRenderer.js";
+import { ModelMakerPrismItem as F } from "./item/prismItem.js";
+import { ModelMakerPolygonItem as L } from "./item/polygonItem.js";
 import { boxVertex as c } from "../shared-utils/Object3DHelper/utils/boundingBox.js";
 import { getFiveDomEvent as O } from "./utils/getFiveDomEvent.js";
 import "../base/BasePlugin.js";
@@ -75,45 +75,45 @@ import "../shared-utils/tag.js";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/five/FiveDomEvents.js";
 import "../shared-utils/five/calculateThreeMouse.js";
-class Ye extends I {
+class Se extends A {
   constructor(e) {
     super(e);
-    s(this, "state");
-    s(this, "items", []);
-    s(this, "data");
-    s(this, "group", new l.Group());
-    s(this, "tagRendererMap", {});
-    s(this, "fiveDomEvents");
-    s(this, "zFightingOffset", 0);
-    s(this, "handleEnable", () => {
+    r(this, "state");
+    r(this, "items", []);
+    r(this, "data");
+    r(this, "group", new h.Group());
+    r(this, "tagRendererMap", {});
+    r(this, "fiveDomEvents");
+    r(this, "zFightingOffset", 0);
+    r(this, "handleEnable", () => {
       this.items.forEach((e) => e.enable());
     });
-    s(this, "handleDisable", () => {
+    r(this, "handleDisable", () => {
       this.items.forEach((e) => e.disable());
     });
-    s(this, "updateTagRenderer", () => {
+    r(this, "updateTagRenderer", () => {
       this.items.forEach((e) => {
         var t;
-        const r = (t = this.tagRendererMap[e.type]) != null ? t : F[e.type];
-        r && e.__renderer !== r && (e.__renderer = r, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = r(e.tag.container, e));
+        const s = (t = this.tagRendererMap[e.type]) != null ? t : H[e.type];
+        s && e.__renderer !== s && (e.__renderer = s, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = s(e.tag.container, e));
       });
     });
-    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.fiveDomEvents = O(e), e.scene.add(this.group), this.handleEnable();
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.fiveDomEvents = O(e), e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
   load(e) {
     return M(this, null, function* () {
-      var r;
-      this.clear(), this.data = e, (r = e == null ? void 0 : e.list) == null || r.forEach((t) => {
+      var s;
+      this.clear(), this.data = e, (s = e == null ? void 0 : e.list) == null || s.forEach((t) => {
         var m;
         if (t.type === "triangles") {
-          const o = new C();
+          const o = new T();
           o.setPoints(t.object_data.points), o.setStyle({
             color: t.object_data.color,
             opacity: t.object_data.opacity,
             lineColor: t.object_data.color,
             occlusionVisibility: !1
           }), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight());
-          const a = new z({
+          const a = new L({
             five: this.five,
             model: o,
             group: this.group,
@@ -125,17 +125,17 @@ class Ye extends I {
           const o = new j();
           this.zFightingOffset += 1e-4, o.setPoints({
             points: t.object_data.points.map((i) => {
-              var h;
-              return [i[0], i[1] + ((h = t.object_data.fixedY) != null ? h : 0), i[2]];
+              var p;
+              return [i[0], i[1] + ((p = t.object_data.fixedY) != null ? p : 0), i[2]];
             }),
-            heightPoint: H(t.object_data.points[0]).add(new l.Vector3().setY(t.object_data.height + ((m = t.object_data.fixedHeight) != null ? m : 0))).add(new l.Vector3().setY(this.zFightingOffset))
+            heightPoint: I(t.object_data.points[0]).add(new h.Vector3().setY(t.object_data.height + ((m = t.object_data.fixedHeight) != null ? m : 0))).add(new h.Vector3().setY(this.zFightingOffset))
           }), o.setStyle({
             color: t.object_data.color,
             opacity: t.object_data.opacity,
             lineColor: t.object_data.color,
             occlusionVisibility: !1
           });
-          const a = new A({
+          const a = new F({
             five: this.five,
             model: o,
             group: this.group,
@@ -144,22 +144,22 @@ class Ye extends I {
           });
           this.items.push(a);
         } else if (t.type === "box") {
-          const o = new j(), { start: a, end: i, rotation: h, opacity: V, color: b } = t.object_data, f = new l.Vector3().fromArray(a), u = new l.Vector3().fromArray(i), R = new l.Euler().fromArray(h), g = new l.Quaternion().setFromEuler(R), y = g.clone().inverse(), v = new l.Vector3().lerpVectors(f, u, 0.5), w = v.clone().negate(), E = f.clone().add(w).applyQuaternion(y), _ = u.clone().add(w).applyQuaternion(y), d = new l.Box3(E.clone().max(_), E.clone().min(_));
+          const o = new j(), { start: a, end: i, rotation: p = [0, 0, 0, 0], opacity: V, color: b } = t.object_data, f = new h.Vector3().fromArray(a), u = new h.Vector3().fromArray(i), R = new h.Euler().fromArray(p), g = new h.Quaternion().setFromEuler(R), y = g.clone().inverse(), _ = new h.Vector3().lerpVectors(f, u, 0.5), w = _.clone().negate(), v = f.clone().add(w).applyQuaternion(y), E = u.clone().add(w).applyQuaternion(y), d = new h.Box3(v.clone().max(E), v.clone().min(E));
           o.setPoints({
             points: [c(d, 2), c(d, 3), c(d, 7), c(d, 6)],
             heightPoint: c(d, 0)
-          }), o.position.copy(v), o.quaternion.copy(g), o.setStyle({ color: b, opacity: V, lineColor: b, occlusionVisibility: !1 });
-          const P = new T({ five: this.five, model: o, group: this.group, type: t.type, rawData: t });
-          this.items.push(P);
+          }), o.position.copy(_), o.quaternion.copy(g), o.setStyle({ color: b, opacity: V, lineColor: b, occlusionVisibility: !1 });
+          const k = new C({ five: this.five, model: o, group: this.group, type: t.type, rawData: t });
+          this.items.push(k);
         }
-      }), this.five.needsRender = !0, this.state.enabled ? this.handleEnable() : this.handleDisable(), this.state.visible ? this.handleShow() : this.handleHide(), this.updateTagRenderer();
+      }), this.five.needsRender = !0, this.state.enabled ? this.handleEnable() : this.handleDisable(), this.state.visible ? this.handleShow() : this.handleHide(), this.updateTagRenderer(), this.hooks.emit("dataLoaded", e);
     });
   }
   setState(e) {
-    x(e.enabled) && this.state.enabled !== e.enabled && (this.state.enabled = e.enabled, e.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(e.enabled ? "enable" : "disable", { userAction: "我不知道捏" })), x(e.visible) && this.state.visible !== e.visible && (this.state.visible = e.visible, e.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(e.visible ? "show" : "hide", { userAction: "我不知道捏" }));
+    x(e.enabled) && this.state.enabled !== e.enabled && (this.state.enabled = e.enabled, e.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(e.enabled ? "enable" : "disable", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" })), x(e.visible) && this.state.visible !== e.visible && (this.state.visible = e.visible, e.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(e.visible ? "show" : "hide", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" }));
   }
   getItemById(e) {
-    return this.items.find((r) => r.rawData.id === e);
+    return this.items.find((s) => s.rawData.id === e);
   }
   registerTagRenderer(e) {
     this.tagRendererMap = e, this.updateTagRenderer();
@@ -180,7 +180,7 @@ class Ye extends I {
     this.zFightingOffset = 0, this.handleDisable(), this.items = [];
   }
   dispose() {
-    this.handleDisable();
+    this.hooks.emit("dispose"), this.handleDisable();
   }
   handleShow() {
     this.items.forEach((e) => e.show());
@@ -190,5 +190,5 @@ class Ye extends I {
   }
 }
 export {
-  Ye as Controller
+  Se as Controller
 };

package/libs/ModelMakerPlugin/index.d.ts

@@ -1,4 +1,6 @@
 import type { Five } from '@realsee/five';
 import type * as ModelMakerPluginType from './typings';
+import { Controller } from './Controller';
 export declare const ModelMakerPlugin: (five: Five) => ModelMakerPluginType.ModelMakerController;
+export type { Controller as ModelMakerPluginInstance };
 export type { ModelMakerPluginType };

package/libs/ModelMakerPlugin/typings/data.d.ts

@@ -2,7 +2,9 @@ export interface ServerData {
     list: (ServerBoxItem | ServerTrianglesItem | ServerPrismItem)[];
 }
 export interface ServerBaseItem {
+    /** 唯一标识 */
     id?: number;
+    /** 标签名 */
     name?: string;
 }
 export interface ServerBoxItem extends ServerBaseItem {
@@ -13,29 +15,40 @@ export interface ServerBoxItem extends ServerBaseItem {
         /** start 对角位置的顶点坐标 */
         end: number[];
         /** box 的欧拉角旋转，旋转顺序是 [XYZ] */
-        rotation: number[];
+        rotation?: number[];
+        /** 标注颜色 */
         color?: string;
+        /** 透明度 */
         opacity?: number;
     };
 }
 export interface ServerTrianglesItem extends ServerBaseItem {
     type: 'triangles';
     object_data: {
-        panoIndex: number;
+        /** 多边形的顶点坐标数组 */
         points: number[][];
+        /** 标注颜色 */
         color?: string;
+        /** 透明度 */
         opacity?: number;
     };
 }
 export interface ServerPrismItem extends ServerBaseItem {
     type: 'prism';
     object_data: {
+        /** 绘制平面的三维世界坐标点数组 */
         points: number[][];
-        floorIndex?: number;
+        /** 楼层高度 */
         height: number;
+        /** 所在楼层 */
+        floorIndex?: number;
+        /** 人工设置的y坐标方向偏移 */
         fixedY?: number;
+        /** 人工设置的高度修正 */
         fixedHeight?: number;
-        color: string;
+        /** 标注颜色 */
+        color?: string;
+        /** 透明度 */
         opacity?: number;
     };
 }

package/libs/ModelMakerPlugin/typings/index.d.ts

@@ -1,5 +1,4 @@
 import type * as BasePlugin from '../../base/BasePluginWithData';
-import type * as THREE from 'three';
 import type { ModelMakerBaseItem } from '../item/baseItem';
 import type { ServerData } from './data';
 export type { Controller as ModelMakerController } from '../Controller';
@@ -37,16 +36,6 @@ export interface EventMap extends BasePlugin.EventMap<State, ServerData> {
     disable: (event: {
         userAction: boolean;
     }) => void;
-    /** 插件内容点击的回调
-     * @param event.target 点击的标注实例
-     * @param event.intersectObjects 射线与标注模型的交点集合
-     * @param event.wantsFiveTapGestureParams Five wantsFiveTapGesture 的回调参数
-     * @returns <boolean> | <void> 返回 false 会阻止 Five wantsFiveTapGesture 的回调，其余 return 值会被忽略
-     */
-    wantsTap: (event: {
-        target: any;
-        intersectObjects: THREE.Intersection[];
-    }) => boolean | void;
 }
 export type ItemType = ServerData['list'][number]['type'];
 export type ElementRenderer = (container: HTMLElement, item: ModelMakerBaseItem) => () => void;

package/libs/ModelMakerPlugin/utils/getFiveDomEvent.js

@@ -1,9 +1,12 @@
-import { FiveDomEvents as o } from "../../shared-utils/five/FiveDomEvents.js";
+import { FiveDomEvents as n } from "../../shared-utils/five/FiveDomEvents.js";
 import "three";
 import "../../shared-utils/three/getObjectVisible.js";
 import "../../shared-utils/five/calculateThreeMouse.js";
-let e;
-const v = (t) => e || (e = new o(t, { noEmitWhenHide: !0 }), e);
+let t;
+const p = (e) => ((!t || e !== t.five) && (t = {
+  instance: new n(e, { noEmitWhenHide: !0 }),
+  five: e
+}), t.instance);
 export {
-  v as getFiveDomEvent
+  p as getFiveDomEvent
 };

package/libs/PanoCompassPlugin/Controller.js

@@ -142,10 +142,10 @@ class pe extends A {
     r(this, "onFivePanoArrived", (e) => {
       var o, s, i, l, p, c, y, I;
       const t = (i = (s = (o = this.five.work) == null ? void 0 : o.observers) == null ? void 0 : s[e]) == null ? void 0 : i.standingPosition;
-      if (this.compassMesh && (this.compassMesh.position.copy(t.clone().setY(t.y + 0.01)), this.compassMesh.material.opacity === 0 && ((l = this.compassMeshTween) == null || l.dispose(), this.compassMeshTween = D(1e3).onUpdate(({ progress: v }) => {
+      if (this.compassMesh && t && (this.compassMesh.position.copy(t.clone().setY(t.y + 0.01)), this.compassMesh.material.opacity === 0 && ((l = this.compassMeshTween) == null || l.dispose(), this.compassMeshTween = D(1e3).onUpdate(({ progress: v }) => {
         var m;
         (m = this.compassMesh) == null || m.material.setValues({ opacity: v }), this.five.needsRender = !0;
-      }).play())), this.logoMesh && (this.logoMesh.position.copy(t.clone().setY(t.y + 0.011)), this.logoMesh.material.opacity === 0 && ((p = this.logoMeshTween) == null || p.dispose(), this.logoMeshTween = D(1e3).onUpdate(({ progress: v }) => {
+      }).play())), this.logoMesh && t && (this.logoMesh.position.copy(t.clone().setY(t.y + 0.011)), this.logoMesh.material.opacity === 0 && ((p = this.logoMeshTween) == null || p.dispose(), this.logoMeshTween = D(1e3).onUpdate(({ progress: v }) => {
         var m;
         (m = this.logoMesh) == null || m.material.setValues({ opacity: v }), this.five.needsRender = !0;
       }).play())), this.entryDoorMesh) {
@@ -156,7 +156,7 @@ class pe extends A {
         ).clone().setY(t.y).sub(t).normalize(), w = t.clone().add(m.clone().multiplyScalar(0.7)).setY(t.y + 0.01);
         this.entryDoorMesh.rotation.z = new a.Vector3(0, 0, -1).angleTo(m), this.entryDoorMesh.position.copy(w), ((c = this.data) == null ? void 0 : c.room_observers[e].room.type) === 1 ? (y = this.entryDoorMesh) == null || y.material.setValues({ opacity: 1 }) : (I = this.entryDoorMesh) == null || I.material.setValues({ opacity: 0 });
       }
-      this.roomInfoInstance && this.roomInfoWrapperInstance && (this.roomInfoWrapperInstance.css3DObject.position.copy(t.clone().setY(t.y + 0.01)), this.roomInfoInstance.setRoom(this.data.room_observers[e].room)), this.five.needsRender = !0;
+      this.roomInfoInstance && this.roomInfoWrapperInstance && t && (this.roomInfoWrapperInstance.css3DObject.position.copy(t.clone().setY(t.y + 0.01)), this.roomInfoInstance.setRoom(this.data.room_observers[e].room)), this.five.needsRender = !0;
     });
     r(this, "onFiveCameraDirectionUpdate", ({ longitude: e, latitude: t }) => {
       var o, s;

package/libs/PanoTagPlugin/typings/tag/Utils.d.ts

@@ -66,7 +66,7 @@ export interface ImagePlaneGroup extends Group {
 export type AudioAppearance = TagInstance<'Audio'>['data']['appearance'];
 type _ContentTypeConfigKey = `${StickType | 'Any'}-${TagContentType | 'Any'}` | TagContentType | `Any-Audio-${AudioAppearance}` | 'Any';
 export type ContentTypeConfigKeySplit = [StickType | 'Any', TagContentType | 'Any'] | [TagContentType] | [StickType | 'Any', 'Audio', AudioAppearance] | ['Any'] | [];
-type FiveModeType = `[${Exclude<Mode, 'DepthPanorama'> | 'PanoramaLike' | 'ModelLike'}]`;
+type FiveModeType = `[${Mode | 'PanoramaLike' | 'ModelLike'}]`;
 export type ContentTypeConfigKey = FiveModeType | `${FiveModeType}-${_ContentTypeConfigKey}` | _ContentTypeConfigKey;
 /**
  * @description 从 ContentTypeConfigKey 中提取 ContentTypeConfigKey 对应的 TagContentType 是啥

package/libs/base/BasePlugin.js

@@ -15,7 +15,7 @@ let C = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.29.9");
+    i(this, "VERSION", "3.30.1");
     i(this, "five");
     /**
      * @description: 插件事件钩子

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.29.9",
+    "%c %c@realsee/dnalogel %cv3.30.1",
     [
       "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,11 +1,11 @@
-var r = Object.defineProperty;
-var h = (o, t, e) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => (h(o, typeof t != "symbol" ? t + "" : t, e), e);
-import { anyPositionToVector3 as c } from "./positionToVector3.js";
-import * as l from "three";
-import { vector3ToScreen as d } from "./five/vector3ToScreen.js";
-const a = "LightTagContainer_shgjakdhwakjdhsja";
-class p {
+var h = Object.defineProperty;
+var c = (o, t, e) => t in o ? h(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var n = (o, t, e) => (c(o, typeof t != "symbol" ? t + "" : t, e), e);
+import { anyPositionToVector3 as l } from "./positionToVector3.js";
+import * as d from "three";
+import { vector3ToScreen as p } from "./five/vector3ToScreen.js";
+const r = "LightTagContainer_shgjakdhwakjdhsja";
+class f {
   constructor(t, e) {
     n(this, "container");
     n(this, "visible", !1);
@@ -17,19 +17,19 @@ class p {
     n(this, "onCameraUpdate", () => {
       if (this.visible === !1)
         return;
-      const t = d(this.five.camera, this.position);
+      const t = p(this.five.camera, this.position);
       t ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.style.left = t.leftPercent + "%", this.container.style.top = t.topPercent + "%") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
     });
     n(this, "onFiveEveryReady", () => {
       var t;
       if (this.visible && this.five.state.mode !== "Panorama") {
-        const e = new l.Raycaster();
+        const e = new d.Raycaster();
         e.set(this.five.camera.position, this.position.clone().sub(this.five.camera.position));
         const i = (t = this.five.model.intersectRaycaster(e)) == null ? void 0 : t[0];
         (i == null ? void 0 : i.distance) > this.position.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");
       }
     });
-    this.five = t, this.position = c(e).clone(), this.container = (() => {
+    this.five = t, this.position = l(e).clone(), this.container = (() => {
       const i = document.createElement("div");
       return i.style.width = "0", i.style.height = "0", i.style.position = "absolute", i;
     })(), this.enable(), this.show();
@@ -44,9 +44,10 @@ class p {
     var i;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper = (i = document.getElementById(a)) != null ? i : (() => {
+    this.enabled = !0, this.wrapper = (i = document.getElementById(r)) != null ? i : (() => {
+      var a;
       const s = document.createElement("div");
-      return s.id = a, s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.width = "100%", s.style.height = "100%", s.style.pointerEvents = "none", this.five.getElement().parentElement.appendChild(s), s;
+      return s.id = r, s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.width = "100%", s.style.height = "100%", s.style.pointerEvents = "none", (a = this.five.getElement()) == null || a.parentElement.appendChild(s), s;
     })(), this.wrapper.appendChild(this.container);
     let t = !1;
     const e = () => {
@@ -63,9 +64,9 @@ class p {
     this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), (t = this.disposer) == null || t.call(this));
   }
 }
-function m(o, t) {
-  return new p(o, t);
+function u(o, t) {
+  return new f(o, t);
 }
 export {
-  m as tag
+  u as tag
 };

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

@@ -3,13 +3,13 @@ var b = (r, t, e) => t in r ? p(r, t, { enumerable: !0, configurable: !0, writab
 var n = (r, t, e) => (b(r, typeof t != "symbol" ? t + "" : t, e), e);
 import C from "hammerjs";
 import * as l from "three";
-import { Subscribe as w } from "@realsee/five";
+import { Subscribe as R } from "@realsee/five";
 class Y {
   constructor(t, e) {
     n(this, "width");
     n(this, "height");
     n(this, "containerDom");
-    n(this, "hooks", new w());
+    n(this, "hooks", new R());
     n(this, "canvas", document.createElement("canvas"));
     n(this, "config");
     n(this, "state", { enabled: !1 });
@@ -37,8 +37,10 @@ class Y {
       this.canvas.style.transform = `translate3d(${e}px, ${i}px, 100px)`, this.offset = { x: e, y: i };
     });
     var s, h, o, a;
-    if (!t.renderer)
-      throw new Error("Five Render 未初始化");
+    if (!t.renderer) {
+      console.error("Five Render 未初始化");
+      return;
+    }
     this.five = t, this.scale = (s = e == null ? void 0 : e.scale) != null ? s : 2, this.width = (h = e == null ? void 0 : e.width) != null ? h : 190, this.height = (a = (o = e == null ? void 0 : e.height) != null ? o : e == null ? void 0 : e.width) != null ? a : 190, this.config = {
       dragEnabled: (e == null ? void 0 : e.dragEnabled) || !1,
       autoFixPCPosition: (e == null ? void 0 : e.autoFixPCPosition) || !1,
@@ -98,12 +100,12 @@ class Y {
       return;
     const { width: t, height: e } = this, { clientWidth: i, clientHeight: s } = this.containerDom, [h, o, a] = (() => {
       if (this.renderCenter instanceof l.Vector3) {
-        const f = this.renderCenter.clone().project(this.five.camera);
+        const c = this.renderCenter.clone().project(this.five.camera);
         return [
           //
-          (f.x + 1) / 2 * i,
-          -(f.x - 1) / 2 * i,
-          -(f.y - 1) / 2 * s
+          (c.x + 1) / 2 * i,
+          -(c.x - 1) / 2 * i,
+          -(c.y - 1) / 2 * s
         ];
       } else
         return [this.renderCenter.x, i - this.renderCenter.x, this.renderCenter.y];
@@ -119,8 +121,8 @@ class Y {
         return [(y.x + 1) / 2 * h.x, (y.y + 1) / 2 * h.y];
       } else
         return [this.renderCenter.x, h.y - this.renderCenter.y];
-    })(), f = 1, c = i / t, x = s / t, P = f * t, g = this.five.getPixels(o - c / 2, a - c / 2, c, x, P), m = Math.floor(i * f), u = Math.floor(s * f);
-    R(g, m, u);
+    })(), c = 1, f = i / t, x = s / t, P = c * t, g = this.five.getPixels(o - f / 2, a - f / 2, f, x, P), m = Math.floor(i * c), u = Math.floor(s * c);
+    w(g, m, u);
     const v = new ImageData(m, u);
     v.data.set(g), e.putImageData(v, 0, 0), this.canvas.style.visibility = "visible";
   }
@@ -134,21 +136,21 @@ class Y {
     const {
       min: { x: i, y: s },
       max: { x: h, y: o }
-    } = e, a = this.offset.x + t.deltaX, f = this.offset.y + t.deltaY, c = Math.min(Math.max(a, i), h), x = Math.min(Math.max(f, s), o);
-    return { translateX: c, translateY: x };
+    } = e, a = this.offset.x + t.deltaX, c = this.offset.y + t.deltaY, f = Math.min(Math.max(a, i), h), x = Math.min(Math.max(c, s), o);
+    return { translateX: f, translateY: x };
   }
 }
 function d(r, t, e) {
   const i = r[t], s = r[e];
   i === void 0 || s === void 0 || (r[t] = s, r[e] = i);
 }
-function R(r, t, e) {
+function w(r, t, e) {
   const i = e / 2;
   for (let s = 1; s <= i; s++) {
     const h = e - (s - 1);
     for (let o = 1; o <= t; o++) {
-      const a = (s - 1) * t + o - 1, f = (h - 1) * t + o - 1;
-      d(r, a * 4 + 0, f * 4 + 0), d(r, a * 4 + 1, f * 4 + 1), d(r, a * 4 + 2, f * 4 + 2), d(r, a * 4 + 3, f * 4 + 3);
+      const a = (s - 1) * t + o - 1, c = (h - 1) * t + o - 1;
+      d(r, a * 4 + 0, c * 4 + 0), d(r, a * 4 + 1, c * 4 + 1), d(r, a * 4 + 2, c * 4 + 2), d(r, a * 4 + 3, c * 4 + 3);
     }
   }
 }

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

@@ -7,6 +7,8 @@ export declare function getIntersectFromRelativePosition(five: Five, position: {
     raycaster: THREE.Raycaster;
     isVirtual: boolean;
     floor: number;
+    model?: import("@realsee/five").Model;
+    viewLayer?: import("@realsee/five").ModelViewLayer;
     distance: number;
     distanceToRay?: number;
     point: THREE.Vector3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.29.9",
+  "version": "3.30.1",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.22.9",
-    "@realsee/five": "6.0.0-alpha.74",
+    "@realsee/five": "6.0.0-alpha.98",
     "@sveltejs/vite-plugin-svelte": "^2.4.2",
     "@tsconfig/svelte": "^4.0.1",
     "@tweenjs/tween.js": "^23.1.1",