@realsee/dnalogel 3.70.10 → 3.70.11-alpha.1

package/libs/ModelMakerPlugin/Controller.js

@@ -1,56 +1,56 @@
-var k = Object.defineProperty;
-var T = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
-var w = (h, p, t) => p in h ? k(h, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[p] = t, E = (h, p) => {
-  for (var t in p || (p = {}))
-    B.call(p, t) && w(h, t, p[t]);
-  if (T)
-    for (var t of T(p))
-      P.call(p, t) && w(h, t, p[t]);
-  return h;
+var A = Object.defineProperty;
+var _ = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var I = (c, p, e) => p in c ? A(c, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[p] = e, E = (c, p) => {
+  for (var e in p || (p = {}))
+    L.call(p, e) && I(c, e, p[e]);
+  if (_)
+    for (var e of _(p))
+      P.call(p, e) && I(c, e, p[e]);
+  return c;
 };
-var l = (h, p, t) => (w(h, typeof p != "symbol" ? p + "" : p, t), t);
-var M = (h, p, t) => new Promise((o, e) => {
+var l = (c, p, e) => (I(c, typeof p != "symbol" ? p + "" : p, e), e);
+var M = (c, p, e) => new Promise((s, t) => {
   var r = (i) => {
     try {
-      n(t.next(i));
+      n(e.next(i));
     } catch (a) {
-      e(a);
+      t(a);
     }
-  }, s = (i) => {
+  }, o = (i) => {
     try {
-      n(t.throw(i));
+      n(e.throw(i));
     } catch (a) {
-      e(a);
+      t(a);
     }
-  }, n = (i) => i.done ? o(i.value) : Promise.resolve(i.value).then(r, s);
-  n((t = t.apply(h, p)).next());
+  }, n = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(r, o);
+  n((e = e.apply(c, p)).next());
 });
-import { Controller as W } from "../base/BasePluginWithData.js";
-import { Group as V, Vector3 as b, Euler as j, Quaternion as L, Box3 as H, Color as A } from "three";
-import { ModelMakerBoxItem as C } from "./item/boxItem.js";
-import { PrismMesh as O } from "../Sculpt/Meshes/Prism.js";
-import { anyPositionToVector3 as N } from "../shared-utils/positionToVector3.js";
-import { PolygonWithEdgeMesh as F } from "../Sculpt/Meshes/PolygonWithEdge.js";
+import { Controller as B } from "../base/BasePluginWithData.js";
+import { Group as H, Vector3 as w, Euler as W, Quaternion as V, Box3 as j, Color as y } from "three";
+import { ModelMakerBoxItem as T } from "./item/boxItem.js";
+import { PrismMesh as S } 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";
 import "../vendor/hammerjs/hammer.js";
 import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
-import { waitFiveModelLoaded as z } from "../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as N } from "../shared-utils/five/fiveModelLoad.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as y } from "../shared-utils/isNil.js";
+import { notNil as f } from "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Five_LineMaterial2.js";
-import { boxVertex as g } from "../shared-utils/three/boundingBox.js";
+import { boxVertex as u } from "../shared-utils/three/boundingBox.js";
 import "../shared-utils/three/blink.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { FiveDomEvents as G } from "../shared-utils/five/FiveDomEvents.js";
+import { FiveDomEvents as z } from "../shared-utils/five/FiveDomEvents.js";
 import "../shared-utils/five/FivePuppet.js";
-import { tagRendererMap as Q } from "./utils/tagRenderer.js";
+import { tagRendererMap as G } from "./utils/tagRenderer.js";
 import { ModelMakerPrismItem as x } from "./item/prismItem.js";
-import { ModelMakerPolygonItem as S } from "./item/polygonItem.js";
-import { fiveEveryReadyListener as q } from "../shared-utils/five/fiveEveryReadyListener.js";
+import { ModelMakerPolygonItem as F } from "./item/polygonItem.js";
+import { fiveEveryReadyListener as Q } from "../shared-utils/five/fiveEveryReadyListener.js";
 import { sleep as U } from "../CruisePlugin/utils/sleep.js";
 import { CONST as Y } from "../shared-utils/constants.js";
 import "../base/BasePlugin.js";
@@ -73,6 +73,7 @@ import "../shared-utils/three/core/polygonVertex.js";
 import "../shared-utils/three/earcut3D.js";
 import "../vendor/earcut/src/earcut.js";
 import "../shared-utils/three/getNormal.js";
+import "../shared-utils/three/core/PrismAnimationGeometry.js";
 import "../shared-utils/three/geometryUtil.js";
 import "../shared-utils/three/centerPoint.js";
 import "../Sculpt/Meshes/Line.js";
@@ -129,13 +130,13 @@ import "../shared-utils/math/rad2Deg.js";
 import "../components/AreaLabel/Assets/fontSize.js";
 import "../shared-utils/px2rem.js";
 import "../shared-utils/fontSize.js";
-class qe extends W {
-  constructor(t, o) {
-    var e, r;
-    super(t);
+class Ut extends B {
+  constructor(e, s) {
+    var t, r;
+    super(e);
     l(this, "state");
     l(this, "items", []);
-    l(this, "group", new V());
+    l(this, "group", new H());
     l(this, "data");
     l(this, "tagRendererMap", {});
     l(this, "fiveDomEvents");
@@ -148,15 +149,21 @@ class qe extends W {
     l(this, "originalOpacities", /* @__PURE__ */ new Map());
     // 存储标签原始透明度
     l(this, "originalTagOpacities", /* @__PURE__ */ new Map());
-    l(this, "onFiveModeChange", (t) => {
-      const o = this.occlusionVisibility;
-      Array.isArray(o) && [...this.getPrismItems(), ...this.getBoxItems()].forEach((r) => {
-        (r.model instanceof O || r.model instanceof F) && r.model.setStyle({ occlusionVisibility: o.includes(t) });
+    // 存储当前高亮的项目
+    l(this, "highlightedItem", null);
+    // 存储标签原始样式用于高亮恢复
+    l(this, "originalTagStyles", /* @__PURE__ */ new Map());
+    // 存储模型原始线条颜色用于高亮恢复
+    l(this, "originalLineColors", /* @__PURE__ */ new Map());
+    l(this, "onFiveModeChange", (e) => {
+      const s = this.occlusionVisibility;
+      Array.isArray(s) && [...this.getPrismItems(), ...this.getBoxItems()].forEach((r) => {
+        (r.model instanceof S || r.model instanceof k) && r.model.setStyle({ occlusionVisibility: s.includes(e) });
       });
     });
     l(this, "handleEnable", () => {
-      var t, o;
-      this.five.scene.add(this.group), (o = (t = this.five.getElement()) == null ? void 0 : t.parentElement) == null || o.appendChild(this.tagWrapper), this.five.needsRender = !0, this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveEveryReady(), this.five.on("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer = q(this.five, this.onFiveEveryReady);
+      var e, s;
+      this.five.scene.add(this.group), (s = (e = this.five.getElement()) == null ? void 0 : e.parentElement) == null || s.appendChild(this.tagWrapper), this.five.needsRender = !0, this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveEveryReady(), this.five.on("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer = Q(this.five, this.onFiveEveryReady);
     });
     l(this, "handleDisable", () => {
       this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0, this.five.off("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer();
@@ -164,10 +171,10 @@ class qe extends W {
     l(this, "onFiveEveryReady", () => M(this, null, function* () {
       if (this.five.state.mode === "Panorama")
         return;
-      const t = this.items.filter((i) => i instanceof x).map((i) => i.tag), o = t.filter((i) => i.position && i.visible && i.enabled);
+      const e = this.items.filter((i) => i instanceof x).map((i) => i.tag), s = e.filter((i) => i.position && i.visible && i.enabled);
       yield U(0);
-      const e = this.five.camera.position.clone(), r = o.sort((i, a) => e.distanceTo(i.position) - e.distanceTo(a.position)), s = [], n = (i, a) => !(i.right < a.left || i.left > a.right || i.bottom < a.top || i.top > a.bottom);
-      t.forEach((i) => {
+      const t = this.five.camera.position.clone(), r = s.sort((i, a) => t.distanceTo(i.position) - t.distanceTo(a.position)), o = [], n = (i, a) => !(i.right < a.left || i.left > a.right || i.bottom < a.top || i.top > a.bottom);
+      e.forEach((i) => {
         i.visibles[2] = void 0;
       }), r.forEach((i) => {
         if (i.visibles[1] === !1)
@@ -175,35 +182,35 @@ class qe extends W {
         const a = i.container.getElementsByClassName("room-label-item__text")[0];
         if (!a)
           return;
-        const d = a.getBoundingClientRect();
-        s.every((c) => !n(c.boundingClientRect, d)) ? (s.push({ tag: i, boundingClientRect: d }), i.visibles[2] = !0) : i.visibles[2] = !1, i.needsRender = !0;
+        const h = a.getBoundingClientRect();
+        o.every((d) => !n(d.boundingClientRect, h)) ? (o.push({ tag: i, boundingClientRect: h }), i.visibles[2] = !0) : i.visibles[2] = !1, i.needsRender = !0;
       });
     }));
     l(this, "updateTagRenderer", () => {
-      this.items.forEach((t) => {
-        var e;
-        const o = (e = this.tagRendererMap[t.type]) != null ? e : Q[t.type];
-        o && t.__renderer !== o && (t.__renderer = o, typeof t.__disposeRenderer == "function" && t.__disposeRenderer(), t.tag.container.innerHTML = "", t.__disposeRenderer = o(t.tag.container, t, this.five));
+      this.items.forEach((e) => {
+        var t;
+        const s = (t = this.tagRendererMap[e.type]) != null ? t : G[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.five));
       });
     });
-    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (e = o == null ? void 0 : o.occlusionVisibility) != null ? e : !1, this.occlusionMode = (r = o == null ? void 0 : o.occlusionMode) != null ? r : "translucence", this.fiveDomEvents = new G(t, { noEmitWhenHide: !0, noEmitWhenNotInScene: !0 }), this.tagWrapper = (() => {
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (t = s == null ? void 0 : s.occlusionVisibility) != null ? t : !1, this.occlusionMode = (r = s == null ? void 0 : s.occlusionMode) != null ? r : "translucence", this.fiveDomEvents = new z(e, { noEmitWhenHide: !0, noEmitWhenNotInScene: !0 }), this.tagWrapper = (() => {
       var n;
-      const s = document.createElement("div");
-      return s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.width = "100%", s.style.height = "100%", s.style.pointerEvents = "none", s.style.zIndex = `${(n = o == null ? void 0 : o.tagContainerZIndex) != null ? n : ""}`, s;
-    })(), t.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
+      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 = s == null ? void 0 : s.tagContainerZIndex) != null ? n : ""}`, o;
+    })(), e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
-  load(t) {
+  load(e) {
     return M(this, null, function* () {
-      if (this.clear(), this.data = t, this.originalOpacities.clear(), yield z(this.five), this.data !== t)
+      if (this.clear(), this.data = e, this.originalOpacities.clear(), this.resetHighlight(), yield N(this.five), this.data !== e)
         return;
       this.clear();
-      const o = (e) => {
+      const s = (t) => {
         var a;
-        const r = e.object_data.color ? new A().setHex(parseInt(e.object_data.color.slice(1), 16)) : new A(1, 1, 1);
-        let s = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, n = this.occlusionMode;
-        e.type === "triangles" && (s = !0, n = "depthTest");
-        const i = ((a = e.object_data.opacity) != null ? a : 0.4) / 2;
-        return e.id && this.originalOpacities.set(e.id.toString(), {
+        const r = t.object_data.color ? new y().setHex(parseInt(t.object_data.color.slice(1), 16)) : new y(1, 1, 1);
+        let o = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, n = this.occlusionMode;
+        t.type === "triangles" && (o = !0, n = "depthTest");
+        const i = ((a = t.object_data.opacity) != null ? a : 0.4) / 2;
+        return t.id && this.originalOpacities.set(t.id.toString(), {
           opacity: i,
           lineOpacity: 1
         }), {
@@ -212,105 +219,114 @@ class qe extends W {
           opacity: i,
           lineOpacity: 1,
           lineWidth: 1,
-          occlusionVisibility: s,
+          occlusionVisibility: o,
           occlusionMode: n
         };
       };
-      this.items = t.list.map((e) => {
+      this.items = e.list.map((t) => {
         var r;
-        switch (e.type) {
+        switch (t.type) {
           case "triangles": {
-            const s = new F();
-            return y(e.id) && (s.uuid = e.id.toString()), s.setPoints(e.object_data.points, { checkLinesIntersect: !1 }), s.setStyle(o(e)), this.fiveDomEvents.addEventListener(s, "hover", () => s.highlight()), this.fiveDomEvents.addEventListener(s, "unHover", () => s.unhighlight()), new S({
+            const o = new k();
+            return f(t.id) && (o.uuid = t.id.toString()), o.setPoints(t.object_data.points, { checkLinesIntersect: !1 }), o.setStyle(s(t)), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight()), new F({
               five: this.five,
               tagWrapper: this.tagWrapper,
-              model: s,
+              model: o,
               group: this.group,
-              type: e.type,
-              rawData: e,
+              type: t.type,
+              rawData: t,
               fiveDomEvents: this.fiveDomEvents
             });
           }
           case "prism": {
-            const s = new O();
-            y(e.id) && (s.uuid = e.id.toString()), this.zFightingOffset += Y.Z_FIGHTING_OFFSET;
-            const n = e.object_data.points.map((m) => {
-              var c;
-              return [m[0], m[1] + ((c = e.object_data.fixedY) != null ? c : 0), m[2]];
+            const o = new S();
+            f(t.id) && (o.uuid = t.id.toString()), this.zFightingOffset += Y.Z_FIGHTING_OFFSET;
+            const n = t.object_data.points.map((m) => {
+              var d;
+              return [m[0], m[1] + ((d = t.object_data.fixedY) != null ? d : 0), m[2]];
             });
             n.push(n[0]);
-            const i = e.object_data.height + ((r = e.object_data.fixedHeight) != null ? r : 0) + this.zFightingOffset, a = N(n[0]).add(new b().setY(i));
-            return s.setPoints({ points: n, heightPoint: a }), s.setStyle(o(e)), new x({
+            const i = t.object_data.height + ((r = t.object_data.fixedHeight) != null ? r : 0) + this.zFightingOffset, a = q(n[0]).add(new w().setY(i));
+            return o.setPoints({ points: n, heightPoint: a }), o.setStyle(s(t)), new x({
               five: this.five,
               tagWrapper: this.tagWrapper,
-              model: s,
+              model: o,
               group: this.group,
-              type: e.type,
-              rawData: e,
+              type: t.type,
+              rawData: t,
               fiveDomEvents: this.fiveDomEvents
             });
           }
           case "box": {
-            const s = new O({ five: this.five });
-            y(e.id) && (s.uuid = e.id.toString());
-            const { start: n, end: i, rotation: a = [0, 0, 0, 0] } = e.object_data, d = new b().fromArray(n), m = new b().fromArray(i), c = new j().fromArray(a), u = new L().setFromEuler(c), v = u.clone().inverse(), I = new b().lerpVectors(d, m, 0.5), R = I.clone().negate(), D = d.clone().add(R).applyQuaternion(v), _ = m.clone().add(R).applyQuaternion(v), f = new H(D.clone().max(_), D.clone().min(_));
-            return s.setPoints({
-              points: [g(f, 2), g(f, 3), g(f, 7), g(f, 6)],
-              heightPoint: g(f, 1)
-            }), s.position.copy(I), s.quaternion.copy(u), s.setStyle(o(e)), new C({
+            const o = new S({ five: this.five });
+            f(t.id) && (o.uuid = t.id.toString());
+            const { start: n, end: i, rotation: a = [0, 0, 0, 0] } = t.object_data, h = new w().fromArray(n), m = new w().fromArray(i), d = new W().fromArray(a), b = new V().setFromEuler(d), v = b.clone().inverse(), O = new w().lerpVectors(h, m, 0.5), R = O.clone().negate(), C = h.clone().add(R).applyQuaternion(v), D = m.clone().add(R).applyQuaternion(v), g = new j(C.clone().max(D), C.clone().min(D));
+            return o.setPoints({
+              points: [u(g, 2), u(g, 3), u(g, 7), u(g, 6)],
+              heightPoint: u(g, 1)
+            }), o.position.copy(O), o.quaternion.copy(b), o.setStyle(s(t)), new T({
               five: this.five,
               tagWrapper: this.tagWrapper,
-              model: s,
+              model: o,
               group: this.group,
-              type: e.type,
-              rawData: e,
+              type: t.type,
+              rawData: t,
               fiveDomEvents: this.fiveDomEvents
             });
           }
           default:
             return null;
         }
-      }).filter(Boolean), this.state.enabled ? this.handleEnable() : this.handleDisable(), this.state.visible ? this.handleShow() : this.handleHide(), this.updateTagRenderer(), this.hooks.emit("dataLoaded", t), this.five.needsRender = !0;
+      }).filter(Boolean), this.state.enabled ? this.handleEnable() : this.handleDisable(), this.state.visible ? this.handleShow() : this.handleHide(), this.updateTagRenderer(), this.hooks.emit("dataLoaded", e), this.five.needsRender = !0;
     });
   }
-  setState(t) {
-    y(t.enabled) && this.state.enabled !== t.enabled && (this.state.enabled = t.enabled, t.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(t.enabled ? "enable" : "disable", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" })), y(t.visible) && this.state.visible !== t.visible && (this.state.visible = t.visible, t.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(t.visible ? "show" : "hide", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" }));
+  setState(e) {
+    f(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: "我不知道捏" })), f(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(t) {
-    return this.items.find((o) => o.rawData.id === t);
+  getItemById(e) {
+    return this.items.find((s) => s.rawData.id === e);
   }
-  registerTagRenderer(t) {
-    this.tagRendererMap = E(E({}, this.tagRendererMap), t), this.updateTagRenderer();
+  registerTagRenderer(e) {
+    this.tagRendererMap = E(E({}, this.tagRendererMap), e), this.updateTagRenderer();
   }
-  hasCustomTagRenderer(t) {
-    return !!this.tagRendererMap[t];
+  hasCustomTagRenderer(e) {
+    return !!this.tagRendererMap[e];
   }
   /**
    * Force finish all active box animations immediately
    * @param id Optional box item ID. If not provided, finishes all active box animations.
+   * @param restoreLabels Whether to restore labels immediately. Defaults to true.
    */
-  forceFinishBoxAnimation(t) {
-    if (t) {
-      const o = this.getItemById(t);
-      o && o.type === "box" && o.model.forceFinishBoxAnimation(t);
+  forceFinishBoxAnimation(e, s = !0) {
+    let t = [];
+    if (e) {
+      const r = this.getItemById(e);
+      r && ["box", "prism"].includes(r.type) && (t = [r], r.model.forceFinishBoxAnimation(e));
     } else
-      this.items.filter((e) => e.type === "box").forEach((e) => {
-        e.model.forceFinishBoxAnimation(e.rawData.id);
+      t = this.items.filter((r) => ["box", "prism"].includes(r.type)), t.forEach((r) => {
+        r.model.forceFinishBoxAnimation(r.rawData.id);
       });
-    this.five.needsRender = !0;
+    s && t.forEach((r) => {
+      r.tag && (r.tag.show(), r.tag.container.style.opacity = "1");
+    }), this.five.needsRender = !0;
   }
   /**
    * Play the up-and-down animation for a box mesh
    * @param id Optional box item ID. If not provided, plays animation for all box items.
+   * @param config Animation configuration options
    * @returns Promise that resolves when all animations are complete
    */
-  playBoxAnimation(t) {
-    this.forceFinishBoxAnimation();
-    const o = t ? [this.getItemById(t)].filter(Boolean) : this.items.filter((r) => r.type === "box");
+  playBoxAnimation(e, s = {}) {
+    const { color: t = "#4DF0FF", hideLabels: r = !1 } = s;
+    this.forceFinishBoxAnimation(e);
+    const o = e ? [this.getItemById(e)].filter(Boolean) : this.items.filter((i) => ["box", "prism"].includes(i.type));
     if (o.length === 0)
       return console.warn("No box items found to animate"), Promise.resolve();
-    const e = o.map((r) => !r || r.type !== "box" ? Promise.resolve() : r.model.playBoxAnimation(r.rawData.id));
-    return Promise.all(e).then(() => {
+    r && this.hideItemLabels(o);
+    const n = o.map((i) => !i || !["box", "prism"].includes(i.type) ? Promise.resolve() : i.model.playBoxAnimation(i.rawData.id, t));
+    return Promise.all(n).then(() => {
+      if (r)
+        return this.easeInItemLabels(o);
     });
   }
   enable() {
@@ -326,7 +342,7 @@ class qe extends W {
     this.setState({ visible: !1 });
   }
   clear() {
-    this.zFightingOffset = 0, this.handleDisable(), this.group.children.length = 0, this.five.needsRender = !0, this.items = [], this.tagWrapper.innerHTML = "", this.fiveDomEvents.clear(), this.originalOpacities.clear(), this.originalTagOpacities.clear();
+    this.zFightingOffset = 0, this.handleDisable(), this.group.children.length = 0, this.five.needsRender = !0, this.items = [], this.tagWrapper.innerHTML = "", this.fiveDomEvents.clear(), this.originalOpacities.clear(), this.originalTagOpacities.clear(), this.highlightedItem = null, this.originalTagStyles.clear(), this.originalLineColors.clear();
   }
   /**
    * 设置所有模型的透明度
@@ -335,37 +351,37 @@ class qe extends W {
    * @param options.type 模型类型，可选值为'box'、'prism'、'triangles'
    * @param options.id 模型id
    */
-  setModelsOpacity(t, o) {
+  setModelsOpacity(e, s) {
     if (!this.state.enabled)
       return;
-    const { type: e, id: r } = o || {}, s = e ? Array.isArray(e) ? e : [e] : [], n = t === 1;
+    const { type: t, id: r } = s || {}, o = t ? Array.isArray(t) ? t : [t] : [], n = e === 1;
     for (const i of this.items)
-      if (!e || s.includes(i.type) || i.rawData.id === r) {
+      if (!t || o.includes(i.type) || i.rawData.id === r) {
         switch (i.type) {
           case "box":
           case "prism": {
-            this.setPrismModelOpacity(i.rawData.id, i.model, t);
+            this.setPrismModelOpacity(i.rawData.id, i.model, e);
             break;
           }
           case "triangles": {
-            this.setPolygonModelOpacity(i.rawData.id, i.model, t);
+            this.setPolygonModelOpacity(i.rawData.id, i.model, e);
             break;
           }
         }
         if (i.tag) {
           if (!i.tag.visible)
             continue;
-          const d = i.rawData.id.toString();
+          const h = i.rawData.id.toString();
           if (n) {
-            const c = this.originalTagOpacities.get(d);
-            c !== void 0 && (i.tag.container.style.opacity = c.toString());
+            const d = this.originalTagOpacities.get(h);
+            d !== void 0 && (i.tag.container.style.opacity = d.toString());
           } else {
-            if (!this.originalTagOpacities.has(d)) {
+            if (!this.originalTagOpacities.has(h)) {
               const v = parseFloat(i.tag.container.style.opacity) || 1;
-              this.originalTagOpacities.set(d, v);
+              this.originalTagOpacities.set(h, v);
             }
-            const u = (this.originalTagOpacities.get(d) || 1) * t;
-            i.tag.container.style.opacity = u.toString();
+            const b = (this.originalTagOpacities.get(h) || 1) * e;
+            i.tag.container.style.opacity = b.toString();
           }
           (parseFloat(i.tag.container.style.opacity) || 0) < 0.01 ? i.tag.container.style.pointerEvents = "none" : i.tag.container.style.pointerEvents = "auto";
         }
@@ -376,37 +392,84 @@ class qe extends W {
    * 隐藏指定类型的模型
    * @param itemTypes 模型类型数组
    */
-  hideItemsByType(t) {
-    const o = Array.isArray(t) ? t : [t];
-    this.items.forEach((e) => {
-      o.includes(e.type) && e.hide();
+  hideItemsByType(e) {
+    const s = Array.isArray(e) ? e : [e];
+    this.items.forEach((t) => {
+      s.includes(t.type) && t.hide();
     });
   }
   /**
    * 显示指定类型的模型
    * @param itemTypes 模型类型数组
    */
-  showItemsByType(t) {
-    const o = Array.isArray(t) ? t : [t];
-    this.items.forEach((e) => {
-      o.includes(e.type) && e.show();
+  showItemsByType(e) {
+    const s = Array.isArray(e) ? e : [e];
+    this.items.forEach((t) => {
+      s.includes(t.type) && t.show();
     });
   }
   dispose() {
-    this.hooks.emit("dispose"), this.clear();
+    this.hooks.emit("dispose"), this.resetHighlight(), 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();
   }
+  /**
+   * 应用高亮样式到指定项目
+   * @param item 要高亮的项目
+   * @param color 高亮颜色
+   */
+  applyHighlightStyles(e, s) {
+    const t = e.rawData.id.toString(), r = e.tag.container;
+    let o = null;
+    if (e.type === "prism" ? o = r.querySelector(".room-label-item__text") : e.type === "box" && (o = r.querySelector(".model-maker-tag")), o) {
+      const i = window.getComputedStyle(o);
+      this.originalTagStyles.set(t, {
+        background: o.style.background || i.background,
+        borderImage: o.style.borderImage || i.borderImage
+      }), o.style.background = s, o.style.borderImage = "none";
+    }
+    const n = e.model;
+    if (n && typeof n.setStyle == "function") {
+      const i = e.rawData.object_data.color ? new y().setHex(parseInt(e.rawData.object_data.color.slice(1), 16)) : new y(1, 1, 1);
+      this.originalLineColors.set(t, {
+        lineColor: i
+      });
+      const a = new y(s);
+      n.setStyle({
+        lineColor: a
+      });
+    }
+    this.five.needsRender = !0;
+  }
+  /**
+   * 移除指定项目的高亮样式
+   * @param item 要移除高亮的项目
+   */
+  removeHighlightStyles(e) {
+    const s = e.rawData.id.toString(), t = e.tag.container, r = this.originalTagStyles.get(s);
+    if (r) {
+      let n = null;
+      e.type === "prism" ? n = t.querySelector(".room-label-item__text") : e.type === "box" && (n = t.querySelector(".model-maker-tag")), n && (n.style.background = r.background, n.style.borderImage = r.borderImage), this.originalTagStyles.delete(s);
+    }
+    const o = this.originalLineColors.get(s);
+    if (o) {
+      const n = e.model;
+      n && typeof n.setStyle == "function" && n.setStyle({
+        lineColor: o.lineColor
+      }), this.originalLineColors.delete(s);
+    }
+    this.five.needsRender = !0;
+  }
   /**
    * 设置棱柱体模型的透明度
    * @param id 模型id
    * @param model 模型对象
    * @param opacityPercent 透明度系数，范围0-1
    */
-  setPrismModelOpacity(t, o, e) {
-    let { opacity: r, lineOpacity: s } = this.originalOpacities.get(t.toString()) || { opacity: 0.2, lineOpacity: 1 };
-    r = r * e, s = s * e, o.setStyle({ opacity: r, lineOpacity: s });
+  setPrismModelOpacity(e, s, t) {
+    let { opacity: r, lineOpacity: o } = this.originalOpacities.get(e.toString()) || { opacity: 0.2, lineOpacity: 1 };
+    r = r * t, o = o * t, s.setStyle({ opacity: r, lineOpacity: o });
   }
   /**
    * 设置多边形模型的透明度
@@ -414,9 +477,9 @@ class qe extends W {
    * @param model 模型对象
    * @param opacityPercent 透明度系数，范围0-1
    */
-  setPolygonModelOpacity(t, o, e) {
-    let { opacity: r, lineOpacity: s } = this.originalOpacities.get(t.toString()) || { opacity: 0.2, lineOpacity: 1 };
-    r = r * e, s = s * e, o.setStyle({ opacity: r, lineOpacity: s });
+  setPolygonModelOpacity(e, s, t) {
+    let { opacity: r, lineOpacity: o } = this.originalOpacities.get(e.toString()) || { opacity: 0.2, lineOpacity: 1 };
+    r = r * t, o = o * t, s.setStyle({ opacity: r, lineOpacity: o });
   }
   handleShow() {
     this.group.visible = !0, this.tagWrapper.style.display = "block", this.five.needsRender = !0;
@@ -424,16 +487,75 @@ class qe extends W {
   handleHide() {
     this.group.visible = !1, this.tagWrapper.style.display = "none", this.five.needsRender = !0;
   }
+  /**
+   * 高亮指定的模型项目
+   * @param id 模型项目的ID
+   * @param color 高亮颜色，默认为 #FF7700
+   */
+  highlightItem(e, s = "#FF7700") {
+    if (!this.state.enabled)
+      return;
+    this.resetHighlight();
+    const t = this.getItemById(e);
+    !t || !t.tag || (this.highlightedItem = t, this.applyHighlightStyles(t, s));
+  }
+  /**
+   * 重置所有高亮
+   */
+  resetHighlight() {
+    this.highlightedItem && (this.removeHighlightStyles(this.highlightedItem), this.highlightedItem = null);
+  }
+  /**
+   * 获取当前高亮的项目ID
+   */
+  getHighlightedItemId() {
+    var e, s;
+    return (s = (e = this.highlightedItem) == null ? void 0 : e.rawData.id) != null ? s : null;
+  }
   getPrismItems() {
-    return this.items.filter((t) => t instanceof x);
+    return this.items.filter((e) => e instanceof x);
   }
   getPolygonItems() {
-    return this.items.filter((t) => t instanceof S);
+    return this.items.filter((e) => e instanceof F);
   }
   getBoxItems() {
-    return this.items.filter((t) => t instanceof C);
+    return this.items.filter((e) => e instanceof T);
+  }
+  /**
+   * 隐藏指定项目的标签
+   * @param items 要隐藏标签的项目数组
+   */
+  hideItemLabels(e) {
+    e.forEach((s) => {
+      s.tag && s.tag.hide();
+    });
+  }
+  /**
+   * 缓动显示指定项目的标签
+   * @param items 要显示标签的项目数组
+   * @param duration 缓动持续时间（毫秒）
+   */
+  easeInItemLabels(e, s = 500) {
+    return new Promise((t) => {
+      if (e.length === 0 || !this.state.enabled) {
+        t();
+        return;
+      }
+      e.forEach((n) => {
+        n.tag && (n.tag.show(), n.tag.container.style.opacity = "0");
+      });
+      const r = Date.now(), o = () => {
+        const n = Date.now() - r, i = Math.min(n / s, 1), a = 1 - Math.pow(1 - i, 3);
+        e.forEach((h) => {
+          h.tag && (h.tag.container.style.opacity = a.toString());
+        }), i < 1 ? requestAnimationFrame(o) : (e.forEach((h) => {
+          h.tag && (h.tag.container.style.opacity = "1");
+        }), t());
+      };
+      requestAnimationFrame(o);
+    });
   }
 }
 export {
-  qe as Controller
+  Ut as Controller
 };

package/libs/ModelMakerPlugin/index.d.ts

@@ -1,5 +1,6 @@
 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[];
@@ -7,3 +8,4 @@ export declare const ModelMakerPlugin: (five: import("@realsee/five").Five, conf
 }) => ModelMakerPluginType.ModelMakerController;
 export type { Controller as ModelMakerPluginInstance };
 export type { ModelMakerPluginType };
+export type { BoxAnimationConfig };