@realsee/dnalogel 3.81.7 → 3.81.8

package/libs/ModelEntryDoorGuidePlugin/Plugin.js

@@ -1,4 +1,4 @@
-var L = (i, r, o) => new Promise((y, j) => {
+var L = (e, r, o) => new Promise((y, j) => {
   var D = (n) => {
     try {
       l(o.next(n));
@@ -12,7 +12,7 @@ var L = (i, r, o) => new Promise((y, j) => {
       j(u);
     }
   }, l = (n) => n.done ? y(n.value) : Promise.resolve(n.value).then(D, h);
-  l((o = o.apply(i, r)).next());
+  l((o = o.apply(e, r)).next());
 });
 import * as O from "three";
 import { MeshBasicMaterial as U, AnimationMixer as q } from "three";
@@ -51,6 +51,8 @@ import "../shared-utils/dom/resizeObserver.js";
 import "../shared-utils/five/fiveEveryReadyListener.js";
 import "../shared-utils/throttle.js";
 import "../shared-utils/five/fiveModelLoad.js";
+import "../shared-utils/three/filterVisibleIntersections.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
@@ -59,7 +61,6 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../shared-utils/even.js";
 import "../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/isNil.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
@@ -90,18 +91,18 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "@realsee/five";
-const ut = (i, r) => {
+const at = (e, r) => {
   var w, _, g;
   const o = {}, y = (w = r == null ? void 0 : r.animationEnabled) != null ? w : !0, j = (_ = r == null ? void 0 : r.position) != null ? _ : void 0, D = (g = r == null ? void 0 : r.rad) != null ? g : void 0, h = (r == null ? void 0 : r.fbx_url) || H, l = [], n = (t) => L(void 0, null, function* () {
     var d, a, M, b, f, E, P, R;
     const c = (d = t == null ? void 0 : t.position) != null ? d : j;
     if (!c)
       return Promise.reject(new Error("ModelEntryDoorGuidePlugin.load(): position is undefined"));
-    const m = S(c), e = (a = t == null ? void 0 : t.rad) != null ? a : D, A = (M = t == null ? void 0 : t.fbx_url) != null ? M : h;
-    if (o.rad = e, e === void 0)
-      return Promise.reject(new Error(`ModelEntryDoorGuidePlugin.load(): rad is ${e}`));
+    const m = S(c), i = (a = t == null ? void 0 : t.rad) != null ? a : D, A = (M = t == null ? void 0 : t.fbx_url) != null ? M : h;
+    if (o.rad = i, i === void 0)
+      return Promise.reject(new Error(`ModelEntryDoorGuidePlugin.load(): rad is ${i}`));
     const p = yield new B().loadAsync(A);
-    p.position.copy(m), p.rotation.z = e, p.scale.set(0.8, 0.8, 0.8), z(p, { transparent: !0, side: O.DoubleSide });
+    p.position.copy(m), p.rotation.z = i, p.scale.set(0.8, 0.8, 0.8), z(p, { transparent: !0, side: O.DoubleSide });
     const s = (P = (E = (f = (b = p.children) == null ? void 0 : b[0]) == null ? void 0 : f.children) == null ? void 0 : E[3]) == null ? void 0 : P.clone();
     if (!s)
       return Promise.reject(new Error(`ModelEntryDoorGuidePlugin.load(): textMesh is ${s}`));
@@ -116,40 +117,40 @@ const ut = (i, r) => {
     l.push(c);
     const m = c.clipAction(o.object.animations[0]);
     m.timeScale = t;
-    let e;
+    let i;
     const A = () => {
       let d = 0, a = 0;
       const M = 1e3 / 30, b = (f) => {
         d = requestAnimationFrame(b);
         const E = f - a;
-        E < M || (a = f, l.forEach((P) => P.update(E / 1e3)), i.needsRender = !0);
+        E < M || (a = f, l.forEach((P) => P.update(E / 1e3)), e.needsRender = !0);
       };
       return d = requestAnimationFrame(b), () => {
         cancelAnimationFrame(d);
       };
     }, G = { play: () => {
-      e || (m.play(), e = A(), requestAnimationFrame(() => {
+      i || (m.play(), i = A(), requestAnimationFrame(() => {
         o.object && o.object.rotation.z !== o.rad && (o.object.rotation.z = o.rad);
       }));
     }, stop: () => {
-      m.stop(), e == null || e(), e = void 0;
+      m.stop(), i == null || i(), i = void 0;
     } };
     o.animation = G;
   }, T = (t) => {
     var m;
     if (!o.object)
       return console.error("ModelEntryDoorGuidePlugin.enable(): object is ", o.object);
-    ((m = t == null ? void 0 : t.animationEnable) != null ? m : y) && (o.animation || u(), o.animation.play()), i.scene.add(o.object), i.needsRender = !0;
+    ((m = t == null ? void 0 : t.animationEnable) != null ? m : y) && (o.animation || u(), o.animation.play()), e.scene.add(o.object), e.needsRender = !0;
   }, F = () => {
-    o.object && (o.animation && o.animation.stop(), i.scene.remove(o.object), i.needsRender = !0);
+    o.object && (o.animation && o.animation.stop(), e.scene.remove(o.object), e.needsRender = !0);
   }, x = (t) => t === "Floorplan" ? T() : F();
-  return { load: n, enable: (t) => (o.enabled || (o.enabled = !0, x(i.currentMode), i.on("modeChange", x), T(t)), !0), disable: () => (o.enabled && (o.enabled = !1, F(), i.off("modeChange", x)), !0) };
-}, at = {
+  return { load: n, enable: (t) => (o.enabled || (o.enabled = !0, x(e.currentMode), e.on("modeChange", x), T(t)), !0), disable: () => (o.enabled && (o.enabled = !1, F(), e.off("modeChange", x)), !0) };
+}, bt = {
   name: "ModelEntryDoorGuidePlugin",
   version: 0
 };
 export {
-  ut as ModelEntryDoorGuidePlugin,
-  ut as default,
-  at as modelEntryDoorGuidePluginServerParams
+  at as ModelEntryDoorGuidePlugin,
+  at as default,
+  bt as modelEntryDoorGuidePluginServerParams
 };

package/libs/ModelEntryDoorGuidePlugin/index.js

@@ -73,6 +73,7 @@ import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
 import "../Sculpt/utils/three/rayOnLine.js";
+import "../shared-utils/three/filterVisibleIntersections.js";
 import "../shared-utils/url/defaultUrls.js";
 export {
   r as ModelEntryDoorGuidePlugin,

package/libs/ModelMakerPlugin/Controller.d.ts

@@ -1,7 +1,8 @@
-import { type Five, type Mode as FiveMode } from '@realsee/five';
+import { type Five } from '@realsee/five';
 import * as THREE from 'three';
 import * as BasePlugin from '../base/BasePluginWithData';
 import type { MarkerItem, State, ServerData, ItemType, ElementRenderer, EventMap } from './typings';
+import type { ModelMakerPluginConfig } from './typings/config';
 /**
  * 盒子动画配置选项
  */
@@ -22,27 +23,14 @@ export declare class Controller extends BasePlugin.Controller<State, EventMap, S
     private tagWrapper;
     private occlusionVisibility;
     private occlusionMode;
+    private tagOcclusionScope;
     private fiveEveryReadyListenerDisposer?;
     private originalOpacities;
     private originalTagOpacities;
     private highlightedItem;
     private originalTagStyles;
     private originalModelColors;
-    constructor(five: Five, config?: {
-        tagContainerZIndex?: number;
-        /**
-         * @description 是否显示遮挡的部分
-         * @params 所有模式下都显示被遮挡的部分, false: 所有模式下不显示被遮挡的部分, ['Mapview', ...]: 指定模式下显示被遮挡的部分
-         * @default false
-         */
-        occlusionVisibility?: boolean | FiveMode[];
-        /**
-         * @description 当 occlusionVisibility 为true时，以哪种方式显示被遮挡的部分
-         * @params 'depthTest': 关闭深度测试, 'translucence': 半透明
-         * @default 'translucence'
-         */
-        occlusionMode?: 'translucence' | 'depthTest';
-    });
+    constructor(five: Five, config?: ModelMakerPluginConfig);
     load(serverData: ServerData): Promise<void>;
     setState(targetState: Partial<State>): void;
     getItemById(id: string | number): MarkerItem;

package/libs/ModelMakerPlugin/Controller.js

@@ -1,35 +1,35 @@
 var A = Object.defineProperty;
 var _ = Object.getOwnPropertySymbols;
 var B = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
-var I = (c, p, t) => p in c ? A(c, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[p] = t, E = (c, p) => {
-  for (var t in p || (p = {}))
-    B.call(p, t) && I(c, t, p[t]);
+var I = (p, c, t) => c in p ? A(p, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[c] = t, E = (p, c) => {
+  for (var t in c || (c = {}))
+    B.call(c, t) && I(p, t, c[t]);
   if (_)
-    for (var t of _(p))
-      P.call(p, t) && I(c, t, p[t]);
-  return c;
+    for (var t of _(c))
+      P.call(c, t) && I(p, t, c[t]);
+  return p;
 };
-var l = (c, p, t) => (I(c, typeof p != "symbol" ? p + "" : p, t), t);
-var M = (c, p, t) => new Promise((i, e) => {
-  var r = (s) => {
+var l = (p, c, t) => (I(p, typeof c != "symbol" ? c + "" : c, t), t);
+var O = (p, c, t) => new Promise((i, e) => {
+  var r = (o) => {
     try {
-      n(t.next(s));
+      n(t.next(o));
     } catch (a) {
       e(a);
     }
-  }, o = (s) => {
+  }, s = (o) => {
     try {
-      n(t.throw(s));
+      n(t.throw(o));
     } catch (a) {
       e(a);
     }
-  }, n = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(r, o);
-  n((t = t.apply(c, p)).next());
+  }, n = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(r, s);
+  n((t = t.apply(p, c)).next());
 });
 import { Controller as H } from "../base/BasePluginWithData.js";
 import { Group as W, Vector3 as w, Euler as V, Quaternion as L, Box3 as j, Color as y } from "three";
 import { ModelMakerBoxItem as T } from "./item/boxItem.js";
-import { PrismMesh as O } from "../Sculpt/Meshes/Prism.js";
+import { PrismMesh as M } from "../Sculpt/Meshes/Prism.js";
 import { anyPositionToVector3 as q } from "../shared-utils/positionToVector3.js";
 import { PolygonWithEdgeMesh as k } from "../Sculpt/Meshes/PolygonWithEdge.js";
 import "../shared-utils/tag.js";
@@ -65,6 +65,7 @@ import "../shared-utils/five/getFiveModel.js";
 import "../shared-utils/url/defaultUrls.js";
 import "./item/baseItem.js";
 import "../shared-utils/three/addIfNotExists.js";
+import "./utils/getTagOcclusionObjects.js";
 import "../shared-utils/three/IObject3D.js";
 import "../shared-utils/three/core/Raycaster.js";
 import "../Sculpt/utils/three/ColoredMesh.js";
@@ -98,6 +99,8 @@ import "../PanoMeasurePlugin/utils/isIntersecting.js";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/three/temp.js";
 import "../shared-utils/dom/resizeObserver.js";
+import "../shared-utils/three/filterVisibleIntersections.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
@@ -105,7 +108,6 @@ import "../shared-utils/three/Assets/index.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../shared-utils/even.js";
 import "../shared-utils/CSS3DRender/OpacityMesh.js";
-import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/throttle.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
@@ -131,9 +133,9 @@ import "../shared-utils/math/rad2Deg.js";
 import "../components/AreaLabel/Assets/fontSize.js";
 import "../shared-utils/px2rem.js";
 import "../shared-utils/fontSize.js";
-class Ye extends H {
+class $e extends H {
   constructor(t, i) {
-    var e, r;
+    var e, r, s;
     super(t);
     l(this, "state");
     l(this, "items", []);
@@ -145,6 +147,7 @@ class Ye extends H {
     l(this, "tagWrapper");
     l(this, "occlusionVisibility");
     l(this, "occlusionMode");
+    l(this, "tagOcclusionScope");
     l(this, "fiveEveryReadyListenerDisposer");
     // 存储每个模型的原始透明度
     l(this, "originalOpacities", /* @__PURE__ */ new Map());
@@ -159,7 +162,7 @@ class Ye extends H {
     l(this, "onFiveModeChange", (t) => {
       const i = this.occlusionVisibility;
       Array.isArray(i) && [...this.getPrismItems(), ...this.getBoxItems()].forEach((r) => {
-        (r.model instanceof O || r.model instanceof k) && r.model.setStyle({ occlusionVisibility: i.includes(t) });
+        (r.model instanceof M || r.model instanceof k) && r.model.setStyle({ occlusionVisibility: i.includes(t) });
       });
     });
     l(this, "handleEnable", () => {
@@ -169,22 +172,22 @@ class Ye extends H {
     l(this, "handleDisable", () => {
       this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0, this.five.off("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer();
     });
-    l(this, "onFiveEveryReady", () => M(this, null, function* () {
+    l(this, "onFiveEveryReady", () => O(this, null, function* () {
       if (this.five.state.mode === "Panorama")
         return;
-      const t = this.items.filter((s) => s instanceof S).map((s) => s.tag), i = t.filter((s) => s.position && s.visible && s.enabled);
+      const t = this.items.filter((o) => o instanceof S).map((o) => o.tag), i = t.filter((o) => o.position && o.visible && o.enabled);
       yield U(0);
-      const e = this.five.camera.position.clone(), r = i.sort((s, a) => e.distanceTo(s.position) - e.distanceTo(a.position)), o = [], n = (s, a) => !(s.right < a.left || s.left > a.right || s.bottom < a.top || s.top > a.bottom);
-      t.forEach((s) => {
-        s.visibles[2] = void 0;
-      }), r.forEach((s) => {
-        if (s.visibles[1] === !1)
+      const e = this.five.camera.position.clone(), r = i.sort((o, a) => e.distanceTo(o.position) - e.distanceTo(a.position)), s = [], n = (o, a) => !(o.right < a.left || o.left > a.right || o.bottom < a.top || o.top > a.bottom);
+      t.forEach((o) => {
+        o.visibles[2] = void 0;
+      }), r.forEach((o) => {
+        if (o.visibles[1] === !1)
           return;
-        const a = s.container.getElementsByClassName("room-label-item__text")[0];
+        const a = o.container.getElementsByClassName("room-label-item__text")[0];
         if (!a)
           return;
         const h = a.getBoundingClientRect();
-        o.every((d) => !n(d.boundingClientRect, h)) ? (o.push({ tag: s, boundingClientRect: h }), s.visibles[2] = !0) : s.visibles[2] = !1, s.needsRender = !0;
+        s.every((d) => !n(d.boundingClientRect, h)) ? (s.push({ tag: o, boundingClientRect: h }), o.visibles[2] = !0) : o.visibles[2] = !1, o.needsRender = !0;
       });
     }));
     l(this, "updateTagRenderer", () => {
@@ -194,33 +197,33 @@ class Ye extends H {
         i && t.__renderer !== i && (t.__renderer = i, typeof t.__disposeRenderer == "function" && t.__disposeRenderer(), t.tag.container.innerHTML = "", t.__disposeRenderer = i(t.tag.container, t, this.five));
       });
     });
-    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (e = i == null ? void 0 : i.occlusionVisibility) != null ? e : !1, this.occlusionMode = (r = i == null ? void 0 : i.occlusionMode) != null ? r : "translucence", this.fiveDomEvents = new z(t, { noEmitWhenHide: !0, noEmitWhenNotInScene: !0 }), this.tagWrapper = (() => {
-      var n;
-      const o = document.createElement("div");
-      return o.style.position = "absolute", o.style.top = "0", o.style.left = "0", o.style.width = "100%", o.style.height = "100%", o.style.pointerEvents = "none", o.style.zIndex = `${(n = i == null ? void 0 : i.tagContainerZIndex) != null ? n : ""}`, o;
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (e = i == null ? void 0 : i.occlusionVisibility) != null ? e : !1, this.occlusionMode = (r = i == null ? void 0 : i.occlusionMode) != null ? r : "translucence", this.tagOcclusionScope = (s = i == null ? void 0 : i.tagOcclusionScope) != null ? s : {}, this.fiveDomEvents = new z(t, { noEmitWhenHide: !0, noEmitWhenNotInScene: !0 }), this.tagWrapper = (() => {
+      var o;
+      const n = document.createElement("div");
+      return n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.width = "100%", n.style.height = "100%", n.style.pointerEvents = "none", n.style.zIndex = `${(o = i == null ? void 0 : i.tagContainerZIndex) != null ? o : ""}`, n;
     })(), t.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
   load(t) {
-    return M(this, null, function* () {
+    return O(this, null, function* () {
       if (this.clear(), this.data = t, this.originalOpacities.clear(), this.resetHighlight(), yield N(this.five), this.data !== t)
         return;
       this.clear();
       const i = (e) => {
         var a;
         const r = e.object_data.color ? new y().setHex(parseInt(e.object_data.color.slice(1), 16)) : new y(1, 1, 1);
-        let o = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, n = this.occlusionMode;
-        e.type === "triangles" && (o = !0, n = "depthTest");
-        const s = ((a = e.object_data.opacity) != null ? a : 0.4) / 2;
+        let s = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, n = this.occlusionMode;
+        e.type === "triangles" && (s = !0, n = "depthTest");
+        const o = ((a = e.object_data.opacity) != null ? a : 0.4) / 2;
         return e.id && this.originalOpacities.set(e.id.toString(), {
-          opacity: s,
+          opacity: o,
           lineOpacity: 1
         }), {
           color: r,
           lineColor: r,
-          opacity: s,
+          opacity: o,
           lineOpacity: 1,
           lineWidth: 1,
-          occlusionVisibility: o,
+          occlusionVisibility: s,
           occlusionMode: n
         };
       };
@@ -228,51 +231,54 @@ class Ye extends H {
         var r;
         switch (e.type) {
           case "triangles": {
-            const o = new k();
-            return f(e.id) && (o.uuid = e.id.toString()), o.setPoints(e.object_data.points, { checkLinesIntersect: !1 }), o.setStyle(i(e)), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight()), new F({
+            const s = new k();
+            return f(e.id) && (s.uuid = e.id.toString()), s.setPoints(e.object_data.points, { checkLinesIntersect: !1 }), s.setStyle(i(e)), this.fiveDomEvents.addEventListener(s, "hover", () => s.highlight()), this.fiveDomEvents.addEventListener(s, "unHover", () => s.unhighlight()), new F({
               five: this.five,
               tagWrapper: this.tagWrapper,
-              model: o,
+              model: s,
               group: this.group,
               type: e.type,
               rawData: e,
-              fiveDomEvents: this.fiveDomEvents
+              fiveDomEvents: this.fiveDomEvents,
+              tagOcclusionScope: this.tagOcclusionScope[e.type]
             });
           }
           case "prism": {
-            const o = new O();
-            f(e.id) && (o.uuid = e.id.toString()), this.zFightingOffset += Y.Z_FIGHTING_OFFSET;
+            const s = new M();
+            f(e.id) && (s.uuid = e.id.toString()), this.zFightingOffset += Y.Z_FIGHTING_OFFSET;
             const n = e.object_data.points.map((m) => {
               var d;
               return [m[0], m[1] + ((d = e.object_data.fixedY) != null ? d : 0), m[2]];
             });
             n.push(n[0]);
-            const s = e.object_data.height + ((r = e.object_data.fixedHeight) != null ? r : 0) + this.zFightingOffset, a = q(n[0]).add(new w().setY(s));
-            return o.setPoints({ points: n, heightPoint: a }), o.setStyle(i(e)), new S({
+            const o = e.object_data.height + ((r = e.object_data.fixedHeight) != null ? r : 0) + this.zFightingOffset, a = q(n[0]).add(new w().setY(o));
+            return s.setPoints({ points: n, heightPoint: a }), s.setStyle(i(e)), new S({
               five: this.five,
               tagWrapper: this.tagWrapper,
-              model: o,
+              model: s,
               group: this.group,
               type: e.type,
               rawData: e,
-              fiveDomEvents: this.fiveDomEvents
+              fiveDomEvents: this.fiveDomEvents,
+              tagOcclusionScope: this.tagOcclusionScope[e.type]
             });
           }
           case "box": {
-            const o = new O({ five: this.five });
-            f(e.id) && (o.uuid = e.id.toString());
-            const { start: n, end: s, rotation: a = [0, 0, 0, 0] } = e.object_data, h = new w().fromArray(n), m = new w().fromArray(s), d = new V().fromArray(a), b = new L().setFromEuler(d), v = b.clone().inverse(), x = new w().lerpVectors(h, m, 0.5), C = x.clone().negate(), R = h.clone().add(C).applyQuaternion(v), D = m.clone().add(C).applyQuaternion(v), g = new j(R.clone().max(D), R.clone().min(D));
-            return o.setPoints({
+            const s = new M({ five: this.five });
+            f(e.id) && (s.uuid = e.id.toString());
+            const { start: n, end: o, rotation: a = [0, 0, 0, 0] } = e.object_data, h = new w().fromArray(n), m = new w().fromArray(o), d = new V().fromArray(a), b = new L().setFromEuler(d), v = b.clone().inverse(), x = new w().lerpVectors(h, m, 0.5), C = x.clone().negate(), R = h.clone().add(C).applyQuaternion(v), D = m.clone().add(C).applyQuaternion(v), g = new j(R.clone().max(D), R.clone().min(D));
+            return s.setPoints({
               points: [u(g, 2), u(g, 3), u(g, 7), u(g, 6)],
               heightPoint: u(g, 1)
-            }), o.position.copy(x), o.quaternion.copy(b), o.setStyle(i(e)), new T({
+            }), s.position.copy(x), s.quaternion.copy(b), s.setStyle(i(e)), new T({
               five: this.five,
               tagWrapper: this.tagWrapper,
-              model: o,
+              model: s,
               group: this.group,
               type: e.type,
               rawData: e,
-              fiveDomEvents: this.fiveDomEvents
+              fiveDomEvents: this.fiveDomEvents,
+              tagOcclusionScope: this.tagOcclusionScope[e.type]
             });
           }
           default:
@@ -320,14 +326,14 @@ class Ye extends H {
   playBoxAnimation(t, i = {}) {
     const { color: e = "#4DF0FF", hideLabels: r = !1 } = i;
     this.forceFinishBoxAnimation(t);
-    const o = t ? [this.getItemById(t)].filter(Boolean) : this.items.filter((s) => ["box", "prism"].includes(s.type));
-    if (o.length === 0)
+    const s = t ? [this.getItemById(t)].filter(Boolean) : this.items.filter((o) => ["box", "prism"].includes(o.type));
+    if (s.length === 0)
       return console.warn("No box items found to animate"), Promise.resolve();
-    r && this.hideItemLabels(o);
-    const n = o.map((s) => !s || !["box", "prism"].includes(s.type) ? Promise.resolve() : s.model.playBoxAnimation(s.rawData.id, e));
+    r && this.hideItemLabels(s);
+    const n = s.map((o) => !o || !["box", "prism"].includes(o.type) ? Promise.resolve() : o.model.playBoxAnimation(o.rawData.id, e));
     return Promise.all(n).then(() => {
       if (r)
-        return this.easeInItemLabels(o);
+        return this.easeInItemLabels(s);
     });
   }
   enable() {
@@ -355,36 +361,36 @@ class Ye extends H {
   setModelsOpacity(t, i) {
     if (!this.state.enabled)
       return;
-    const { type: e, id: r } = i || {}, o = e ? Array.isArray(e) ? e : [e] : [], n = t === 1;
-    for (const s of this.items)
-      if (!e || o.includes(s.type) || s.rawData.id === r) {
-        switch (s.type) {
+    const { type: e, id: r } = i || {}, s = e ? Array.isArray(e) ? e : [e] : [], n = t === 1;
+    for (const o of this.items)
+      if (!e || s.includes(o.type) || o.rawData.id === r) {
+        switch (o.type) {
           case "box":
           case "prism": {
-            this.setPrismModelOpacity(s.rawData.id, s.model, t);
+            this.setPrismModelOpacity(o.rawData.id, o.model, t);
             break;
           }
           case "triangles": {
-            this.setPolygonModelOpacity(s.rawData.id, s.model, t);
+            this.setPolygonModelOpacity(o.rawData.id, o.model, t);
             break;
           }
         }
-        if (s.tag) {
-          if (!s.tag.visible)
+        if (o.tag) {
+          if (!o.tag.visible)
             continue;
-          const h = s.rawData.id.toString();
+          const h = o.rawData.id.toString();
           if (n) {
             const d = this.originalTagOpacities.get(h);
-            d !== void 0 && (s.tag.container.style.opacity = d.toString());
+            d !== void 0 && (o.tag.container.style.opacity = d.toString());
           } else {
             if (!this.originalTagOpacities.has(h)) {
-              const v = parseFloat(s.tag.container.style.opacity) || 1;
+              const v = parseFloat(o.tag.container.style.opacity) || 1;
               this.originalTagOpacities.set(h, v);
             }
             const b = (this.originalTagOpacities.get(h) || 1) * t;
-            s.tag.container.style.opacity = b.toString();
+            o.tag.container.style.opacity = b.toString();
           }
-          (parseFloat(s.tag.container.style.opacity) || 0) < 0.01 ? s.tag.container.style.pointerEvents = "none" : s.tag.container.style.pointerEvents = "auto";
+          (parseFloat(o.tag.container.style.opacity) || 0) < 0.01 ? o.tag.container.style.pointerEvents = "none" : o.tag.container.style.pointerEvents = "auto";
         }
       }
     this.five.needsRender = !0;
@@ -496,20 +502,20 @@ class Ye extends H {
    */
   applyHighlightStyles(t, i) {
     const e = t.rawData.id.toString(), r = t.tag.container;
-    let o = null;
-    if (t.type === "prism" ? o = r.querySelector(".room-label-item__text") : t.type === "box" && (o = r.querySelector(".model-maker-tag")), o) {
-      const s = window.getComputedStyle(o);
+    let s = null;
+    if (t.type === "prism" ? s = r.querySelector(".room-label-item__text") : t.type === "box" && (s = r.querySelector(".model-maker-tag")), s) {
+      const o = window.getComputedStyle(s);
       this.originalTagStyles.set(e, {
-        background: o.style.background || s.background,
-        borderImage: o.style.borderImage || s.borderImage
-      }), o.style.background = i, o.style.borderImage = "none";
+        background: s.style.background || o.background,
+        borderImage: s.style.borderImage || o.borderImage
+      }), s.style.background = i, s.style.borderImage = "none";
     }
     const n = t.model;
     if (n && typeof n.setStyle == "function") {
-      const s = t.rawData.object_data.color ? new y().setHex(parseInt(t.rawData.object_data.color.slice(1), 16)) : new y(1, 1, 1), a = this.originalOpacities.get(e) || { opacity: 0.2, lineOpacity: 1 };
+      const o = t.rawData.object_data.color ? new y().setHex(parseInt(t.rawData.object_data.color.slice(1), 16)) : new y(1, 1, 1), a = this.originalOpacities.get(e) || { opacity: 0.2, lineOpacity: 1 };
       this.originalModelColors.set(e, {
-        color: s.clone(),
-        lineColor: s.clone(),
+        color: o.clone(),
+        lineColor: o.clone(),
         opacity: a.opacity,
         lineOpacity: a.lineOpacity
       });
@@ -534,14 +540,14 @@ class Ye extends H {
       let n = null;
       t.type === "prism" ? n = e.querySelector(".room-label-item__text") : t.type === "box" && (n = e.querySelector(".model-maker-tag")), n && (n.style.background = r.background, n.style.borderImage = r.borderImage), this.originalTagStyles.delete(i);
     }
-    const o = this.originalModelColors.get(i);
-    if (o) {
+    const s = this.originalModelColors.get(i);
+    if (s) {
       const n = t.model;
       n && typeof n.setStyle == "function" && n.setStyle({
-        color: o.color,
-        lineColor: o.lineColor,
-        opacity: o.opacity,
-        lineOpacity: o.lineOpacity
+        color: s.color,
+        lineColor: s.lineColor,
+        opacity: s.opacity,
+        lineOpacity: s.lineOpacity
       }), this.originalModelColors.delete(i);
     }
     this.five.needsRender = !0;
@@ -553,8 +559,8 @@ class Ye extends H {
    * @param opacityPercent 透明度系数，范围0-1
    */
   setPrismModelOpacity(t, i, e) {
-    let { opacity: r, lineOpacity: o } = this.originalOpacities.get(t.toString()) || { opacity: 0.2, lineOpacity: 1 };
-    r = r * e, o = o * e, i.setStyle({ opacity: r, lineOpacity: o });
+    let { opacity: r, lineOpacity: s } = this.originalOpacities.get(t.toString()) || { opacity: 0.2, lineOpacity: 1 };
+    r = r * e, s = s * e, i.setStyle({ opacity: r, lineOpacity: s });
   }
   /**
    * 设置多边形模型的透明度
@@ -563,8 +569,8 @@ class Ye extends H {
    * @param opacityPercent 透明度系数，范围0-1
    */
   setPolygonModelOpacity(t, i, e) {
-    let { opacity: r, lineOpacity: o } = this.originalOpacities.get(t.toString()) || { opacity: 0.2, lineOpacity: 1 };
-    r = r * e, o = o * e, i.setStyle({ opacity: r, lineOpacity: o });
+    let { opacity: r, lineOpacity: s } = this.originalOpacities.get(t.toString()) || { opacity: 0.2, lineOpacity: 1 };
+    r = r * e, s = s * e, i.setStyle({ opacity: r, lineOpacity: s });
   }
   handleShow() {
     this.group.visible = !0, this.tagWrapper.style.display = "block", this.five.needsRender = !0;
@@ -629,18 +635,18 @@ class Ye extends H {
       t.forEach((n) => {
         n.tag && (n.tag.show(), n.tag.container.style.opacity = "0");
       });
-      const r = Date.now(), o = () => {
-        const n = Date.now() - r, s = Math.min(n / i, 1), a = 1 - Math.pow(1 - s, 3);
+      const r = Date.now(), s = () => {
+        const n = Date.now() - r, o = Math.min(n / i, 1), a = 1 - Math.pow(1 - o, 3);
         t.forEach((h) => {
           h.tag && (h.tag.container.style.opacity = a.toString());
-        }), s < 1 ? requestAnimationFrame(o) : (t.forEach((h) => {
+        }), o < 1 ? requestAnimationFrame(s) : (t.forEach((h) => {
           h.tag && (h.tag.container.style.opacity = "1");
         }), e());
       };
-      requestAnimationFrame(o);
+      requestAnimationFrame(s);
     });
   }
 }
 export {
-  Ye as Controller
+  $e as Controller
 };

package/libs/ModelMakerPlugin/index.d.ts

@@ -1,11 +1,9 @@
 import type * as ModelMakerPluginType from './typings';
 import { Controller } from './Controller';
 import type { BoxAnimationConfig } from './Controller';
-export declare const ModelMakerPlugin: (five: import("@realsee/five").Five, config?: {
-    tagContainerZIndex?: number;
-    occlusionVisibility?: boolean | import("@realsee/five").Mode[];
-    occlusionMode?: "depthTest" | "translucence";
-}) => ModelMakerPluginType.ModelMakerController;
+import type { ModelMakerPluginConfig, TagOcclusionScope, TagOcclusionScopeConfig } from './typings/config';
+export declare const ModelMakerPlugin: (five: import("@realsee/five").Five, config?: ModelMakerPluginType.ModelMakerPluginConfig) => ModelMakerPluginType.ModelMakerController;
 export type { Controller as ModelMakerPluginInstance };
 export type { ModelMakerPluginType };
 export type { BoxAnimationConfig };
+export type { ModelMakerPluginConfig, TagOcclusionScope, TagOcclusionScopeConfig };

package/libs/ModelMakerPlugin/index.js

@@ -68,11 +68,13 @@ import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
 import "../Sculpt/utils/three/rayOnLine.js";
+import "../shared-utils/three/filterVisibleIntersections.js";
 import "../shared-utils/url/defaultUrls.js";
 import "./item/boxItem.js";
 import "./item/baseItem.js";
 import "../shared-utils/three/addIfNotExists.js";
 import "../shared-utils/three/boundingBox.js";
+import "./utils/getTagOcclusionObjects.js";
 import "../Sculpt/Meshes/Prism.js";
 import "../Sculpt/utils/three/ColoredMesh.js";
 import "../shared-utils/three/core/PrismGeometry.js";
@@ -104,7 +106,7 @@ import "./item/prismItem.js";
 import "./item/polygonItem.js";
 import "../CruisePlugin/utils/sleep.js";
 import "../shared-utils/constants.js";
-const rr = (...o) => new r(...o);
+const ir = (...o) => new r(...o);
 export {
-  rr as ModelMakerPlugin
+  ir as ModelMakerPlugin
 };

package/libs/ModelMakerPlugin/item/baseItem.d.ts

@@ -5,6 +5,7 @@ import { Subscribe } from '../../shared-utils/Subscribe';
 import type { LightTag } from '../../shared-utils/tag';
 import type { FiveDomEvents } from '../../shared-utils/five/FiveDomEvents';
 import type { ServerItem, ItemType, ElementRenderer } from '../typings';
+import type { TagOcclusionScope } from '../typings/config';
 interface ModelWithCenter extends Object3D {
     /** 模型中心点 */
     center?: Vector3;
@@ -55,6 +56,7 @@ export declare class ModelMakerBaseItem<ServerData extends ServerItem> extends S
         visibleMode?: Mode[];
         position?: Vector3;
         tagContainerZIndex?: number;
+        tagOcclusionScope?: TagOcclusionScope;
     });
     show(): void;
     hide(): void;