@realsee/dnalogel 3.36.11 → 3.36.12

package/libs/CSS3DRenderPlugin/Controller.js

@@ -1,24 +1,24 @@
-var F = Object.defineProperty, C = Object.defineProperties;
-var D = Object.getOwnPropertyDescriptors;
+var R = Object.defineProperty, F = Object.defineProperties;
+var C = Object.getOwnPropertyDescriptors;
 var f = Object.getOwnPropertySymbols;
-var R = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var m = (r, i, e) => i in r ? F(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e, p = (r, i) => {
+var O = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var m = (s, i, e) => i in s ? R(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e, p = (s, i) => {
   for (var e in i || (i = {}))
-    R.call(i, e) && m(r, e, i[e]);
+    O.call(i, e) && m(s, e, i[e]);
   if (f)
     for (var e of f(i))
-      O.call(i, e) && m(r, e, i[e]);
-  return r;
-}, h = (r, i) => C(r, D(i));
-var o = (r, i, e) => (m(r, typeof i != "symbol" ? i + "" : i, e), e);
-import { CSS3DRender as S } from "./utils/three/CSS3DRender.js";
-import j from "./utils/generateBehindFiveElement.js";
+      S.call(i, e) && m(s, e, i[e]);
+  return s;
+}, l = (s, i) => F(s, C(i));
+var n = (s, i, e) => (m(s, typeof i != "symbol" ? i + "" : i, e), e);
+import { CSS3DRender as j } from "./utils/three/CSS3DRender.js";
+import x from "./utils/generateBehindFiveElement.js";
 import "hammerjs";
 import "three";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "animejs";
-import { absoluteUrl as x } from "../shared-utils/url/absoluteUrl.js";
-import { waitFiveModelLoaded as P } from "../shared-utils/five/fiveModelLoad.js";
+import { absoluteUrl as P } from "../shared-utils/url/absoluteUrl.js";
+import { waitFiveModelLoaded as w } from "../shared-utils/five/fiveModelLoad.js";
 import "../shared-utils/positionToVector3.js";
 import "./utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -33,16 +33,16 @@ import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
 import "./utils/three/CSS3DScene.js";
 import "./utils/three/CSS3DGroup.js";
-const E = "v2.0.1", b = `CSS3DRenderPlugin@${E}`;
-class Y extends S {
+const b = "v2.0.1", E = `CSS3DRenderPlugin@${b}`;
+class Z extends j {
   constructor(e) {
     super();
-    o(this, "five");
-    o(this, "behindFiveContainer");
-    o(this, "frontFiveContainer");
-    o(this, "VERSION", E);
-    o(this, "staticPrefix", "//vr-image-4.realsee-cdn.cn");
-    o(this, "created3DElementResults", []);
+    n(this, "five");
+    n(this, "behindFiveContainer");
+    n(this, "frontFiveContainer");
+    n(this, "VERSION", b);
+    n(this, "staticPrefix", "//vr-image-4.realsee-cdn.cn");
+    n(this, "created3DElementResults", []);
     /**
      * @description 根据传入的四个点位创建一个 3d dom容器，可以通过ReactDom.render()的方式将react组件放到容器中
      * @param { Vector3Position[] } points 矩形四个点坐标
@@ -78,12 +78,12 @@ class Y extends S {
      *    } | void
      * ```
      */
-    o(this, "create3DDomContainer", (e, t) => {
+    n(this, "create3DDomContainer", (e, t) => {
       if (this.state.disposed)
         return;
-      const s = (() => {
+      const o = (() => {
         var a;
-        (t == null ? void 0 : t.dpr) !== void 0 && console.warn(`${b}: please use "config.devicePixelRatio" replace "config.dpr"`);
+        (t == null ? void 0 : t.dpr) !== void 0 && console.warn(`${E}: please use "config.devicePixelRatio" replace "config.dpr"`);
         const d = {
           ratio: 216e-5,
           devicePixelRatio: (a = t == null ? void 0 : t.dpr) != null ? a : 1,
@@ -92,21 +92,23 @@ class Y extends S {
           wrapperStyle: {}
         };
         return Object.assign(d, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
-      })(), { autoRender: l } = s;
-      s.mode === "behind" && s.behindFiveContainer && (this.behindFiveContainer = s.behindFiveContainer);
-      const n = this.create3DElement(this.five.camera, e, h(p({}, s), { autoRender: !1 }));
-      if (!n)
+      })(), { autoRender: h } = o;
+      o.mode === "behind" && o.behindFiveContainer && (this.behindFiveContainer = o.behindFiveContainer);
+      const r = this.create3DElement(this.five.camera, e, l(p({}, o), { autoRender: !1 }));
+      if (!r)
         return;
-      const v = () => {
-        var a, u;
-        const d = n.css3DObject.mode === "front" ? (u = this.frontFiveContainer) != null ? u : (a = this.five.getElement()) == null ? void 0 : a.parentElement : this.getBehindFiveElement();
+      const D = r.dispose;
+      r.dispose = () => (this.created3DElementResults.includes(r) && this.created3DElementResults.splice(this.created3DElementResults.indexOf(r), 1), D());
+      const c = () => {
+        var a, v;
+        const d = r.css3DObject.mode === "front" ? (v = this.frontFiveContainer) != null ? v : (a = this.five.getElement()) == null ? void 0 : a.parentElement : this.getBehindFiveElement();
         if (!d)
-          return console.error(`${b}: wrapper is ${d}; mode is ${n.css3DObject.mode}`);
-        n.appendToElement(d), n.render(), this.created3DElementResults.push(n);
-      }, c = () => {
-        n.css3DObject.mode === "front" && v(), n.css3DObject.mode === "behind" && P(this.five).then(() => v());
+          return console.error(`${E}: wrapper is ${d}; mode is ${r.css3DObject.mode}`);
+        r.appendToElement(d), r.render(), this.created3DElementResults.push(r);
+      }, u = () => {
+        r.css3DObject.mode === "front" && c(), r.css3DObject.mode === "behind" && w(this.five).then(() => c());
       };
-      return l && c(), h(p({}, n), { render: l ? void 0 : c });
+      return h && u(), l(p({}, r), { render: h ? void 0 : u });
     });
     this.five = e;
   }
@@ -129,16 +131,21 @@ class Y extends S {
     });
   }
   getBehindFiveElement() {
-    return this.behindFiveContainer ? this.behindFiveContainer : (this.behindFiveContainer = j(this.five), this.behindFiveContainer);
+    return this.behindFiveContainer ? this.behindFiveContainer : (this.behindFiveContainer = x(this.five), this.behindFiveContainer);
   }
   /**
    * @description: 获取静态资源的url
    */
   absoluteUrl(e) {
-    return x(this.staticPrefix, e);
+    return P(this.staticPrefix, e);
+  }
+  clear() {
+    this.created3DElementResults.forEach((e) => {
+      e.dispose();
+    }), this.created3DElementResults = [];
   }
 }
 export {
-  b as PLUGIN_NAME,
-  Y as default
+  E as PLUGIN_NAME,
+  Z as default
 };

package/libs/GuideLinePlugin/Controller.js

@@ -1,12 +1,12 @@
 var C = Object.defineProperty;
 var T = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var O = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
 var c = (s, o, t) => o in s ? C(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t, f = (s, o) => {
   for (var t in o || (o = {}))
-    M.call(o, t) && c(s, t, o[t]);
+    O.call(o, t) && c(s, t, o[t]);
   if (T)
     for (var t of T(o))
-      O.call(o, t) && c(s, t, o[t]);
+      M.call(o, t) && c(s, t, o[t]);
   return s;
 };
 var h = (s, o, t) => (c(s, typeof o != "symbol" ? o + "" : o, t), t);
@@ -331,7 +331,7 @@ class oe extends k {
   }
   /** 清空所有 GuideLineItem */
   clear() {
-    this.itemMap.forEach((t) => {
+    this.heightOffset = 0, this.itemMap.forEach((t) => {
       this.removeGuideLineItem(t);
     });
   }

package/libs/ModelMakerPlugin/Controller.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five, Mode as FiveMode } from '@realsee/five';
 import * as BasePlugin from '../base/BasePluginWithData';
 import type * as PluginType from './typings';
 import * as THREE from 'three';
@@ -12,8 +12,15 @@ export declare class Controller extends BasePlugin.Controller<PluginType.State,
     private fiveDomEvents;
     private zFightingOffset;
     private tagWrapper;
+    private occlusionVisibility;
     constructor(five: Five, config?: {
         tagContainerZIndex?: number;
+        /**
+         * @description 是否以一种半透明的方式显示遮挡的部分
+         * @params 所有模式下都显示被遮挡的部分, false: 所有模式下不显示被遮挡的部分, ['Mapview', ...]: 指定模式下显示被遮挡的部分
+         * @default false
+         */
+        occlusionVisibility?: boolean | FiveMode[];
     });
     load(serverData: PluginType.ServerData): Promise<void>;
     setState(targetState: Partial<PluginType.State>): void;
@@ -26,6 +33,7 @@ export declare class Controller extends BasePlugin.Controller<PluginType.State,
     clear(): void;
     dispose(): void;
     protected onWorkCodeChange(): void;
+    private onFiveModeChange;
     private handleShow;
     private handleHide;
     private handleEnable;

package/libs/ModelMakerPlugin/Controller.js

@@ -1,39 +1,40 @@
-var V = Object.defineProperty;
-var P = (p, n, e) => n in p ? V(p, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[n] = e;
-var s = (p, n, e) => (P(p, typeof n != "symbol" ? n + "" : n, e), e);
-var x = (p, n, e) => new Promise((o, t) => {
-  var l = (r) => {
+var k = Object.defineProperty;
+var P = (h, a, e) => a in h ? k(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e;
+var n = (h, a, e) => (P(h, typeof a != "symbol" ? a + "" : a, e), e);
+var V = (h, a, e) => new Promise((i, r) => {
+  var t = (s) => {
     try {
-      a(e.next(r));
+      o(e.next(s));
     } catch (d) {
-      t(d);
+      r(d);
     }
-  }, i = (r) => {
+  }, l = (s) => {
     try {
-      a(e.throw(r));
+      o(e.throw(s));
     } catch (d) {
-      t(d);
+      r(d);
     }
-  }, a = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(l, i);
-  a((e = e.apply(p, n)).next());
+  }, o = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(t, l);
+  o((e = e.apply(h, a)).next());
 });
-import { Controller as C } from "../base/BasePluginWithData.js";
-import * as h from "three";
-import { ModelMakerBoxItem as D } from "./item/boxItem.js";
+import { Controller as F } from "../base/BasePluginWithData.js";
+import * as p from "three";
+import { ModelMakerBoxItem as A } from "./item/boxItem.js";
 import { PrismMesh as R } from "../Sculpt/Meshes/Prism.js";
 import { anyPositionToVector3 as I } from "../shared-utils/positionToVector3.js";
-import { PolygonWithEdgeMesh as A } from "../Sculpt/Meshes/PolygonWithEdge.js";
+import { PolygonWithEdgeMesh as D } from "../Sculpt/Meshes/PolygonWithEdge.js";
 import "hammerjs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { waitFiveModelLoaded as T } from "../shared-utils/five/fiveModelLoad.js";
 import "animejs";
-import { notNil as j } from "../shared-utils/isNil.js";
-import { tagRendererMap as T } from "./utils/tagRenderer.js";
-import { ModelMakerPrismItem as H } from "./item/prismItem.js";
-import { ModelMakerPolygonItem as F } from "./item/polygonItem.js";
-import { boxVertex as b } from "../shared-utils/Object3DHelper/utils/boundingBox.js";
-import { getFiveDomEvent as z } from "./utils/getFiveDomEvent.js";
+import { notNil as C } from "../shared-utils/isNil.js";
+import { tagRendererMap as H } from "./utils/tagRenderer.js";
+import { ModelMakerPrismItem as L } from "./item/prismItem.js";
+import { ModelMakerPolygonItem as z } from "./item/polygonItem.js";
+import { boxVertex as u } from "../shared-utils/Object3DHelper/utils/boundingBox.js";
+import { getFiveDomEvent as O } from "./utils/getFiveDomEvent.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/url/absoluteUrl.js";
@@ -51,6 +52,7 @@ import "../Sculpt/utils/three/ColoredMesh.js";
 import "../shared-utils/three/geometryUtil.js";
 import "../shared-utils/three/centerPoint.js";
 import "../Sculpt/Meshes/Line.js";
+import "../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
 import "../Sculpt/Meshes/Polyline.js";
 import "../Sculpt/Meshes/LineWithDots.js";
@@ -77,105 +79,119 @@ import "../shared-utils/tag.js";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/five/FiveDomEvents.js";
 import "../shared-utils/five/calculateThreeMouse.js";
-class Se extends C {
-  constructor(e, o) {
+class Ke extends F {
+  constructor(e, i) {
+    var r;
     super(e);
-    s(this, "state");
-    s(this, "items", []);
-    s(this, "group", new h.Group());
-    s(this, "data");
-    s(this, "tagRendererMap", {});
-    s(this, "fiveDomEvents");
-    s(this, "zFightingOffset", 0);
-    s(this, "tagWrapper");
-    s(this, "handleEnable", () => {
-      var e, o;
-      this.five.scene.add(this.group), (o = (e = this.five.getElement()) == null ? void 0 : e.parentElement) == null || o.appendChild(this.tagWrapper), this.five.needsRender = !0;
+    n(this, "state");
+    n(this, "items", []);
+    n(this, "group", new p.Group());
+    n(this, "data");
+    n(this, "tagRendererMap", {});
+    n(this, "fiveDomEvents");
+    n(this, "zFightingOffset", 0);
+    n(this, "tagWrapper");
+    n(this, "occlusionVisibility");
+    n(this, "onFiveModeChange", (e) => {
+      const i = this.occlusionVisibility;
+      Array.isArray(i) && this.items.forEach((r) => {
+        r.model.setStyle instanceof Function && r.model.setStyle({ occlusionVisibility: i.includes(e) });
+      });
+    });
+    n(this, "handleEnable", () => {
+      var e, i;
+      this.five.scene.add(this.group), (i = (e = this.five.getElement()) == null ? void 0 : e.parentElement) == null || i.appendChild(this.tagWrapper), this.five.needsRender = !0, this.five.on("modeChange", this.onFiveModeChange);
     });
-    s(this, "handleDisable", () => {
-      this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0;
+    n(this, "handleDisable", () => {
+      this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0, this.five.off("modeChange", this.onFiveModeChange);
     });
-    s(this, "updateTagRenderer", () => {
+    n(this, "updateTagRenderer", () => {
       this.items.forEach((e) => {
-        var t;
-        const o = (t = this.tagRendererMap[e.type]) != null ? t : T[e.type];
-        o && e.__renderer !== o && (e.__renderer = o, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = o(e.tag.container, e));
+        var r;
+        const i = (r = this.tagRendererMap[e.type]) != null ? r : H[e.type];
+        i && e.__renderer !== i && (e.__renderer = i, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = i(e.tag.container, e));
       });
     });
-    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.fiveDomEvents = z(e), this.tagWrapper = (() => {
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (r = i == null ? void 0 : i.occlusionVisibility) != null ? r : !1, this.fiveDomEvents = O(e), this.tagWrapper = (() => {
       var l;
       const t = document.createElement("div");
-      return t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.width = "100%", t.style.height = "100%", t.style.pointerEvents = "none", t.style.zIndex = `${(l = o == null ? void 0 : o.tagContainerZIndex) != null ? l : ""}`, t;
+      return t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.width = "100%", t.style.height = "100%", t.style.pointerEvents = "none", t.style.zIndex = `${(l = i == null ? void 0 : i.tagContainerZIndex) != null ? l : ""}`, t;
     })(), e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
   load(e) {
-    return x(this, null, function* () {
-      var o;
-      this.clear(), this.data = e, (o = e == null ? void 0 : e.list) == null || o.forEach((t) => {
+    return V(this, null, function* () {
+      var r;
+      if (this.clear(), this.data = e, yield T(this.five), this.data !== e)
+        return;
+      this.clear();
+      const i = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1;
+      (r = e == null ? void 0 : e.list) == null || r.forEach((t) => {
         var l;
         if (t.type === "triangles") {
-          const i = new A();
-          i.setPoints(t.object_data.points), i.setStyle({
+          const o = new D();
+          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(i, "hover", () => i.highlight()), this.fiveDomEvents.addEventListener(i, "unHover", () => i.unhighlight());
-          const a = new F({
+            occlusionVisibility: i
+          }), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight());
+          const s = new z({
             five: this.five,
             tagWrapper: this.tagWrapper,
-            model: i,
+            model: o,
             group: this.group,
             type: t.type,
             rawData: t
           });
-          this.items.push(a);
+          this.items.push(s);
         } else if (t.type === "prism") {
-          const i = new R();
+          const o = new R();
           this.zFightingOffset += 1e-4;
-          const a = t.object_data.points.map((m) => {
-            var c;
-            return [m[0], m[1] + ((c = t.object_data.fixedY) != null ? c : 0), m[2]];
-          }), r = t.object_data.height + ((l = t.object_data.fixedHeight) != null ? l : 0) + this.zFightingOffset, d = I(a[0]).add(new h.Vector3().setY(r));
-          i.setPoints({ points: a, heightPoint: d }), i.setStyle({
+          const s = t.object_data.points.map((c) => {
+            var b;
+            return [c[0], c[1] + ((b = t.object_data.fixedY) != null ? b : 0), c[2]];
+          });
+          s.push(s[0]);
+          const d = t.object_data.height + ((l = t.object_data.fixedHeight) != null ? l : 0) + this.zFightingOffset, g = I(s[0]).add(new p.Vector3().setY(d));
+          o.setPoints({ points: s, heightPoint: g }), o.setStyle({
             color: t.object_data.color,
             opacity: t.object_data.opacity,
             lineColor: t.object_data.color,
-            occlusionVisibility: !1
+            occlusionVisibility: i
           });
-          const g = new H({
+          const f = new L({
             five: this.five,
             tagWrapper: this.tagWrapper,
-            model: i,
+            model: o,
             group: this.group,
             type: t.type,
             rawData: t
           });
-          this.items.push(g);
+          this.items.push(f);
         } else if (t.type === "box") {
-          const i = new R(), { start: a, end: r, rotation: d = [0, 0, 0, 0], opacity: g, color: m } = t.object_data, c = new h.Vector3().fromArray(a), f = new h.Vector3().fromArray(r), k = new h.Euler().fromArray(d), y = new h.Quaternion().setFromEuler(k), v = y.clone().inverse(), w = new h.Vector3().lerpVectors(c, f, 0.5), _ = w.clone().negate(), E = c.clone().add(_).applyQuaternion(v), M = f.clone().add(_).applyQuaternion(v), u = new h.Box3(E.clone().max(M), E.clone().min(M));
-          i.setPoints({
-            points: [b(u, 2), b(u, 3), b(u, 7), b(u, 6)],
-            heightPoint: b(u, 0)
-          }), i.position.copy(w), i.quaternion.copy(y), i.setStyle({ color: m, opacity: g, lineColor: m, occlusionVisibility: !1 });
-          const W = new D({
+          const o = new R(), { start: s, end: d, rotation: g = [0, 0, 0, 0], opacity: f, color: c } = t.object_data, b = new p.Vector3().fromArray(s), y = new p.Vector3().fromArray(d), W = new p.Euler().fromArray(g), v = new p.Quaternion().setFromEuler(W), w = v.clone().inverse(), E = new p.Vector3().lerpVectors(b, y, 0.5), _ = E.clone().negate(), M = b.clone().add(_).applyQuaternion(w), x = y.clone().add(_).applyQuaternion(w), m = new p.Box3(M.clone().max(x), M.clone().min(x));
+          o.setPoints({
+            points: [u(m, 2), u(m, 3), u(m, 7), u(m, 6), u(m, 2)],
+            heightPoint: u(m, 0)
+          }), o.position.copy(E), o.quaternion.copy(v), o.setStyle({ color: c, opacity: f, lineColor: c, occlusionVisibility: i });
+          const j = new A({
             five: this.five,
             tagWrapper: this.tagWrapper,
-            model: i,
+            model: o,
             group: this.group,
             type: t.type,
             rawData: t
           });
-          this.items.push(W);
+          this.items.push(j);
         }
       }), 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) {
-    j(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: "我不知道捏" })), j(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: "我不知道捏" }));
+    C(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: "我不知道捏" })), C(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((o) => o.rawData.id === e);
+    return this.items.find((i) => i.rawData.id === e);
   }
   registerTagRenderer(e) {
     this.tagRendererMap = e, this.updateTagRenderer();
@@ -193,10 +209,10 @@ class Se extends C {
     this.setState({ visible: !1 });
   }
   clear() {
-    this.zFightingOffset = 0, this.handleDisable(), this.items = [];
+    this.zFightingOffset = 0, this.handleDisable(), this.group.children.length = 0, this.five.needsRender = !0, this.items = [], this.tagWrapper.innerHTML = "", this.fiveDomEvents.clear(), console.log("123");
   }
   dispose() {
-    this.hooks.emit("dispose"), this.handleDisable();
+    this.hooks.emit("dispose"), this.clear();
   }
   onWorkCodeChange() {
     this.group.matrix.copy(this.workUtil.transform.clone()), this.group.matrix.decompose(this.group.position, this.group.quaternion, this.group.scale), this.group.updateMatrixWorld();
@@ -209,5 +225,5 @@ class Se extends C {
   }
 }
 export {
-  Se as Controller
+  Ke as Controller
 };

package/libs/ModelMakerPlugin/index.d.ts

@@ -2,6 +2,7 @@ import type * as ModelMakerPluginType from './typings';
 import { Controller } from './Controller';
 export declare const ModelMakerPlugin: (five: import("@realsee/five").Five, config?: {
     tagContainerZIndex?: number;
+    occlusionVisibility?: boolean | import("@realsee/five").Mode[];
 }) => ModelMakerPluginType.ModelMakerController;
 export type { Controller as ModelMakerPluginInstance };
 export type { ModelMakerPluginType };

package/libs/ModelMakerPlugin/index.js

@@ -47,19 +47,21 @@ import "../Sculpt/utils/color.js";
 import "../Sculpt/utils/three/ColoredMesh.js";
 import "../shared-utils/three/geometryUtil.js";
 import "../Sculpt/Meshes/Line.js";
+import "../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
 import "../Sculpt/Meshes/PolygonWithEdge.js";
 import "../Sculpt/Meshes/Polyline.js";
 import "../Sculpt/Meshes/LineWithDots.js";
 import "../Sculpt/Meshes/Point.js";
 import "../shared-utils/three/closeVectors.js";
+import "../shared-utils/five/fiveModelLoad.js";
 import "./utils/tagRenderer.js";
 import "./utils/Text.js";
 import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/LabelItem.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "./item/prismItem.js";
-const Mo = (...o) => new r(...o);
+const co = (...o) => new r(...o);
 export {
-  Mo as ModelMakerPlugin
+  co as ModelMakerPlugin
 };

package/libs/Sculpt/Meshes/Line.js

@@ -3,7 +3,7 @@ var E = (h, o, e) => o in h ? k(h, o, { enumerable: !0, configurable: !0, writab
 var l = (h, o, e) => (E(h, typeof o != "symbol" ? o + "" : o, e), e);
 import * as r from "three";
 import { DEFAULT_LINE_COLOR as g, DEFAULT_LINE_WIDTH as w, DEFAULT_HIGHLIGHT_OPACITY as L } from "../utils/color.js";
-import { LineGeometry as y, LineMaterial as a, THREE_Line2 as H } from "@realsee/five/line";
+import { LineGeometry as y, LineMaterial as a, THREE_Line2 as H } from "../../shared-utils/five/FiveLine.js";
 import { anyPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
 import { IObject3D as D } from "../../shared-utils/three/IObject3D.js";
 import "hammerjs";

package/libs/base/BasePlugin.js

@@ -15,7 +15,7 @@ let x = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    o(this, "VERSION", "3.36.11");
+    o(this, "VERSION", "3.36.12");
     o(this, "NAME");
     o(this, "five");
     o(this, "workUtil");

package/libs/shared-utils/five/FiveDomEvents.d.ts

@@ -102,7 +102,11 @@ export declare class FiveDomEvents {
      */
     addEventListener<T extends EventName = EventName>(object: Object3DWithEvent, event: T, callback: FiveDomEventMap[T], config?: EventHandlerConfig): void;
     removeEventListener(object: Object3DWithEvent, event?: EventName, callback?: (e: FiveDomEvent) => any, ...args: any[]): void;
+    clear(): void;
     dispose(): void;
+    toJSON(): {
+        boundObject: Partial<Record<keyof FiveDomEventMap, Object3DWithEvent[]>>;
+    };
     private getRaycaster;
     private handleWantsGesture;
     private handleDomEvent;