@realsee/dnalogel 3.64.22 → 3.64.23-alpha.16

package/libs/ModelMakerPlugin/Controller.js

@@ -1,57 +1,58 @@
-var F = Object.defineProperty;
-var D = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
-var b = (l, p, e) => p in l ? F(l, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[p] = e, E = (l, p) => {
-  for (var e in p || (p = {}))
-    k.call(p, e) && b(l, e, p[e]);
-  if (D)
-    for (var e of D(p))
-      S.call(p, e) && b(l, e, p[e]);
-  return l;
+var Y = Object.defineProperty;
+var H = Object.getOwnPropertySymbols;
+var Z = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var P = (h, l, e) => l in h ? Y(h, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[l] = e, B = (h, l) => {
+  for (var e in l || (l = {}))
+    Z.call(l, e) && P(h, e, l[e]);
+  if (H)
+    for (var e of H(l))
+      K.call(l, e) && P(h, e, l[e]);
+  return h;
 };
-var h = (l, p, e) => (b(l, typeof p != "symbol" ? p + "" : p, e), e);
-var w = (l, p, e) => new Promise((s, a) => {
-  var i = (t) => {
+var d = (h, l, e) => (P(h, typeof l != "symbol" ? l + "" : l, e), e);
+var D = (h, l, e) => new Promise((i, r) => {
+  var t = (s) => {
     try {
-      o(e.next(t));
-    } catch (r) {
-      a(r);
+      a(e.next(s));
+    } catch (o) {
+      r(o);
     }
-  }, n = (t) => {
+  }, n = (s) => {
     try {
-      o(e.throw(t));
-    } catch (r) {
-      a(r);
+      a(e.throw(s));
+    } catch (o) {
+      r(o);
     }
-  }, o = (t) => t.done ? s(t.value) : Promise.resolve(t.value).then(i, n);
-  o((e = e.apply(l, p)).next());
+  }, a = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(t, n);
+  a((e = e.apply(h, l)).next());
 });
-import { Controller as P } from "../base/BasePluginWithData.js";
-import * as d from "three";
-import { ModelMakerBoxItem as j } from "./item/boxItem.js";
-import { PrismMesh as I } from "../Sculpt/Meshes/Prism.js";
-import { anyPositionToVector3 as L } from "../shared-utils/positionToVector3.js";
-import { PolygonWithEdgeMesh as H } from "../Sculpt/Meshes/PolygonWithEdge.js";
-import "../shared-utils/tag.js";
+import { AnimationFrameLoop as X } from "@realsee/five";
+import { Controller as J } from "../base/BasePluginWithData.js";
+import * as c from "three";
+import { ModelMakerBoxItem as ee } from "./item/boxItem.js";
+import { PrismMesh as G } from "../Sculpt/Meshes/Prism.js";
+import { anyPositionToVector3 as te } from "../shared-utils/positionToVector3.js";
+import { PolygonWithEdgeMesh as ie } from "../Sculpt/Meshes/PolygonWithEdge.js";
+import { LightTag as oe } from "../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 A } from "../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as se } from "../shared-utils/five/fiveModelLoad.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as v } from "../shared-utils/isNil.js";
+import { notNil as C } from "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Five_LineMaterial2.js";
-import { boxVertex as y } from "../shared-utils/three/boundingBox.js";
+import { boxVertex as b, boundingBox as F } from "../shared-utils/three/boundingBox.js";
 import "../vendor/animejs/lib/anime.es.js";
-import { FiveDomEvents as O } from "../shared-utils/five/FiveDomEvents.js";
+import { FiveDomEvents as ne } from "../shared-utils/five/FiveDomEvents.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/five/FivePuppet.js";
-import { tagRendererMap as B } from "./utils/tagRenderer.js";
-import { ModelMakerPrismItem as T } from "./item/prismItem.js";
-import { ModelMakerPolygonItem as z } from "./item/polygonItem.js";
-import { fiveEveryReadyListener as G } from "../shared-utils/five/fiveEveryReadyListener.js";
-import { sleep as N } from "../CruisePlugin/utils/sleep.js";
-import { CONST as Q } from "../shared-utils/constants.js";
+import { tagRendererMap as re } from "./utils/tagRenderer.js";
+import { ModelMakerPrismItem as N } from "./item/prismItem.js";
+import { ModelMakerPolygonItem as ae } from "./item/polygonItem.js";
+import { fiveEveryReadyListener as le } from "../shared-utils/five/fiveEveryReadyListener.js";
+import { sleep as ce } from "../CruisePlugin/utils/sleep.js";
+import { CONST as de } from "../shared-utils/constants.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/three/core/Sphere.js";
@@ -114,161 +115,376 @@ 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 "@realsee/five";
 import "../shared-utils/five/calculateThreeMouse.js";
 import "./utils/Text.js";
 import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/LabelItem.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/rad2Deg.js";
-class kt extends P {
-  constructor(e, s) {
-    var a, i;
+import "./utils/BoxLabelItem.js";
+const he = (h, l, e, i = [0, 1, 4, 5]) => {
+  let r = null, t = 1 / 0;
+  return i.forEach((n) => {
+    const a = b(h, n), o = a.clone().applyMatrix4(l.matrixWorld).distanceTo(e);
+    o < t && (t = o, r = a);
+  }), r || b(h, 5);
+}, pe = (h) => {
+  const l = h * 100;
+  return l < 10 ? null : `${Math.round(l / 10) * 10}cm`;
+};
+class ii extends J {
+  constructor(e, i) {
+    var r, t;
     super(e);
-    h(this, "state");
-    h(this, "items", []);
-    h(this, "group", new d.Group());
-    h(this, "data");
-    h(this, "tagRendererMap", {});
-    h(this, "fiveDomEvents");
-    h(this, "zFightingOffset", 0);
-    h(this, "tagWrapper");
-    h(this, "occlusionVisibility");
-    h(this, "occlusionMode");
-    h(this, "fiveEveryReadyListenerDisposer");
-    h(this, "onFiveModeChange", (e) => {
-      const s = this.occlusionVisibility;
-      Array.isArray(s) && this.items.forEach((a) => {
-        a.type !== "triangles" && a.model.setStyle instanceof Function && a.model.setStyle({ occlusionVisibility: s.includes(e) });
+    d(this, "state");
+    d(this, "items", []);
+    d(this, "group", new c.Group());
+    d(this, "data");
+    d(this, "tagRendererMap", {});
+    d(this, "fiveDomEvents");
+    d(this, "zFightingOffset", 0);
+    d(this, "tagWrapper");
+    d(this, "occlusionVisibility");
+    d(this, "occlusionMode");
+    d(this, "fiveEveryReadyListenerDisposer");
+    d(this, "activeAnimations", /* @__PURE__ */ new Map());
+    d(this, "activeEaseInAnimations", /* @__PURE__ */ new Map());
+    d(this, "onFiveModeChange", (e) => {
+      const i = this.occlusionVisibility;
+      Array.isArray(i) && this.items.forEach((r) => {
+        r.type !== "triangles" && r.model.setStyle instanceof Function && r.model.setStyle({ occlusionVisibility: i.includes(e) });
       });
     });
-    h(this, "handleEnable", () => {
-      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 = G(this.five, this.onFiveEveryReady);
+    d(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.items.forEach((r) => {
+        r.state.enabled || r.enable();
+      }), this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveEveryReady(), this.five.on("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer = le(this.five, this.onFiveEveryReady);
     });
-    h(this, "handleDisable", () => {
-      this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0, this.five.off("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer();
+    d(this, "handleDisable", () => {
+      this.items.forEach((e) => {
+        e.state.enabled && e.disable();
+      }), this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0, this.five.off("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer();
     });
-    h(this, "onFiveEveryReady", () => w(this, null, function* () {
+    d(this, "onFiveEveryReady", () => D(this, null, function* () {
       if (this.five.state.mode === "Panorama")
         return;
-      const e = this.items.filter((t) => t instanceof T).map((t) => t.tag), s = e.filter((t) => t.position && t.visible && t.enabled);
-      yield N(0);
-      const a = this.five.camera.position.clone(), i = s.sort((t, r) => a.distanceTo(t.position) - a.distanceTo(r.position)), n = [], o = (t, r) => !(t.right < r.left || t.left > r.right || t.bottom < r.top || t.top > r.bottom);
-      e.forEach((t) => {
-        t.visibles[2] = void 0;
-      }), i.forEach((t) => {
-        if (t.visibles[1] === !1)
+      const e = this.items.filter((s) => s instanceof N).map((s) => s.tag), i = e.filter((s) => s.position && s.visible && s.enabled);
+      yield ce(0);
+      const r = this.five.camera.position.clone(), t = i.sort((s, o) => r.distanceTo(s.position) - r.distanceTo(o.position)), n = [], a = (s, o) => !(s.right < o.left || s.left > o.right || s.bottom < o.top || s.top > o.bottom);
+      e.forEach((s) => {
+        s.visibles[2] = void 0;
+      }), t.forEach((s) => {
+        if (s.visibles[1] === !1)
           return;
-        const r = t.container.getElementsByClassName("room-label-item__text")[0];
-        if (!r)
+        const o = s.container.getElementsByClassName("room-label-item__text")[0];
+        if (!o)
           return;
-        const c = r.getBoundingClientRect();
-        n.every((m) => !o(m.boundingClientRect, c)) ? (n.push({ tag: t, boundingClientRect: c }), t.visibles[2] = !0) : t.visibles[2] = !1, t.needsRender = !0;
+        const p = o.getBoundingClientRect();
+        n.every((y) => !a(y.boundingClientRect, p)) ? (n.push({ tag: s, boundingClientRect: p }), s.visibles[2] = !0) : s.visibles[2] = !1, s.needsRender = !0;
       });
     }));
-    h(this, "updateTagRenderer", () => {
+    d(this, "updateTagRenderer", () => {
       this.items.forEach((e) => {
-        var a;
-        const s = (a = this.tagRendererMap[e.type]) != null ? a : B[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));
+        var r;
+        const i = (r = this.tagRendererMap[e.type]) != null ? r : re[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.five));
       });
     });
-    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (a = s == null ? void 0 : s.occlusionVisibility) != null ? a : !1, this.occlusionMode = (i = s == null ? void 0 : s.occlusionMode) != null ? i : "translucence", this.fiveDomEvents = new O(e, { noEmitWhenHide: !0, noEmitWhenNotInScene: !0 }), this.tagWrapper = (() => {
-      var o;
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (r = i == null ? void 0 : i.occlusionVisibility) != null ? r : !1, this.occlusionMode = (t = i == null ? void 0 : i.occlusionMode) != null ? t : "translucence", this.fiveDomEvents = new ne(e, { noEmitWhenHide: !0, noEmitWhenNotInScene: !0 }), this.tagWrapper = (() => {
+      var a;
       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 = s == null ? void 0 : s.tagContainerZIndex) != null ? o : ""}`, n;
-    })(), e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
+      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 = `${(a = i == null ? void 0 : i.tagContainerZIndex) != null ? a : ""}`, n;
+    })(), this.injectEdgeTagCSS(), e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
   load(e) {
-    return w(this, null, function* () {
-      var a;
-      if (this.clear(), this.data = e, yield A(this.five), this.data !== e)
+    return D(this, null, function* () {
+      var r;
+      if (this.clear(), this.data = e, yield se(this.five), this.data !== e)
         return;
       this.clear();
-      const s = (i) => {
-        var r;
-        const n = i.object_data.color ? new d.Color().setHex(parseInt(i.object_data.color.slice(1), 16)) : new d.Color(1, 1, 1);
-        let o = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, t = this.occlusionMode;
-        return i.type === "triangles" && (o = !0, t = "depthTest"), {
+      const i = (t) => {
+        var x;
+        const n = t.object_data.color ? new c.Color().setHex(parseInt(t.object_data.color.slice(1), 16)) : new c.Color(1, 1, 1);
+        let a = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, s = this.occlusionMode;
+        t.type === "triangles" && (a = !0, s = "depthTest");
+        let o = 1, p = ((x = t.object_data.opacity) != null ? x : 0.8) / 2;
+        return t.type === "box" && (o = 0.5, p = 0.2), {
           color: n,
           lineColor: n,
-          opacity: ((r = i.object_data.opacity) != null ? r : 0.4) / 2,
-          lineOpacity: 1,
+          opacity: p,
+          lineOpacity: o,
           lineWidth: 1,
-          occlusionVisibility: o,
-          occlusionMode: t
+          occlusionVisibility: a,
+          occlusionMode: s
         };
       };
-      (a = e == null ? void 0 : e.list) == null || a.forEach((i) => {
-        var n;
-        if (i.type === "triangles") {
-          const o = new H();
-          v(i.id) && (o.uuid = i.id.toString()), o.setPoints(i.object_data.points, { checkLinesIntersect: !1 }), o.setStyle(s(i)), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight());
-          const t = new z({
+      (r = e == null ? void 0 : e.list) == null || r.forEach((t) => {
+        var n, a, s;
+        if (t.type === "triangles") {
+          const o = new ie();
+          C(t.id) && (o.uuid = t.id.toString()), o.setPoints(t.object_data.points, { checkLinesIntersect: !1 }), o.setStyle(i(t)), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight());
+          const p = new ae({
             five: this.five,
             tagWrapper: this.tagWrapper,
             model: o,
             group: this.group,
-            type: i.type,
-            rawData: i,
+            type: t.type,
+            rawData: t,
             fiveDomEvents: this.fiveDomEvents
           });
-          this.items.push(t);
-        } else if (i.type === "prism") {
-          const o = new I();
-          v(i.id) && (o.uuid = i.id.toString()), this.zFightingOffset += Q.Z_FIGHTING_OFFSET;
-          const t = i.object_data.points.map((m) => {
-            var g;
-            return [m[0], m[1] + ((g = i.object_data.fixedY) != null ? g : 0), m[2]];
+          this.items.push(p);
+        } else if (t.type === "prism") {
+          const o = new G();
+          C(t.id) && (o.uuid = t.id.toString()), this.zFightingOffset += de.Z_FIGHTING_OFFSET;
+          const p = t.object_data.points.map((E) => {
+            var R;
+            return [E[0], E[1] + ((R = t.object_data.fixedY) != null ? R : 0), E[2]];
           });
-          t.push(t[0]);
-          const r = i.object_data.height + ((n = i.object_data.fixedHeight) != null ? n : 0) + this.zFightingOffset, c = L(t[0]).add(new d.Vector3().setY(r));
-          o.setPoints({ points: t, heightPoint: c }), o.setStyle(s(i));
-          const u = new T({
+          p.push(p[0]);
+          const x = t.object_data.height + ((n = t.object_data.fixedHeight) != null ? n : 0) + this.zFightingOffset, y = te(p[0]).add(new c.Vector3().setY(x));
+          o.setPoints({ points: p, heightPoint: y }), o.setStyle(i(t));
+          const w = new N({
             five: this.five,
             tagWrapper: this.tagWrapper,
             model: o,
             group: this.group,
-            type: i.type,
-            rawData: i,
+            type: t.type,
+            rawData: t,
             fiveDomEvents: this.fiveDomEvents
           });
-          this.items.push(u);
-        } else if (i.type === "box") {
-          const o = new I();
-          v(i.id) && (o.uuid = i.id.toString());
-          const { start: t, end: r, rotation: c = [0, 0, 0, 0] } = i.object_data, u = new d.Vector3().fromArray(t), m = new d.Vector3().fromArray(r), g = new d.Euler().fromArray(c), R = new d.Quaternion().setFromEuler(g), M = R.clone().inverse(), _ = new d.Vector3().lerpVectors(u, m, 0.5), C = _.clone().negate(), x = u.clone().add(C).applyQuaternion(M), V = m.clone().add(C).applyQuaternion(M), f = new d.Box3(x.clone().max(V), x.clone().min(V));
+          this.items.push(w);
+        } else if (t.type === "box") {
+          const o = new G();
+          C(t.id) && (o.uuid = t.id.toString());
+          const { start: p, end: x, rotation: y = [0, 0, 0, 0] } = t.object_data, w = new c.Vector3().fromArray(p), E = new c.Vector3().fromArray(x), R = new c.Euler().fromArray(y), v = new c.Quaternion().setFromEuler(R), u = v.clone().inverse(), A = new c.Vector3().lerpVectors(w, E, 0.5), S = A.clone().negate(), V = w.clone().add(S).applyQuaternion(u), m = E.clone().add(S).applyQuaternion(u), f = new c.Box3(V.clone().max(m), V.clone().min(m));
           o.setPoints({
-            points: [y(f, 2), y(f, 3), y(f, 7), y(f, 6)],
-            heightPoint: y(f, 1)
-          }), o.position.copy(_), o.quaternion.copy(R), o.setStyle(s(i));
-          const W = new j({
+            points: [b(f, 2), b(f, 3), b(f, 7), b(f, 6)],
+            heightPoint: b(f, 1)
+          }), o.position.copy(A), o.quaternion.copy(v), o.setStyle(i(t));
+          const g = ((a = t.extend) == null ? void 0 : a.index) !== void 0 ? this.five.work.observers[t.extend.index].position : null, M = g ? he(F(o), o, g, [0, 1, 4, 5]) : b(F(o), (s = t.object_data.positionIndex) != null ? s : 5), _ = (I) => ({
+            0: [1, 3, 4],
+            1: [0, 2, 5],
+            2: [1, 3, 6],
+            3: [0, 2, 7],
+            4: [0, 5, 7],
+            5: [1, 4, 6],
+            6: [2, 5, 7],
+            7: [3, 4, 6]
+          })[I] || [], z = F(o);
+          let k = 5;
+          for (let I = 0; I < 8; I++)
+            if (b(z, I).distanceTo(M) < 1e-3) {
+              k = I;
+              break;
+            }
+          const U = _(k), W = [];
+          U.forEach((I, j) => {
+            const L = b(z, I), $ = M.distanceTo(L), O = pe($);
+            if (!O)
+              return;
+            const Q = new c.Vector3().lerpVectors(M, L, 0.5).clone().applyMatrix4(o.matrixWorld), T = new oe(this.five);
+            T.setPosition(Q), T.container.innerHTML = `
+            <div class="model-maker-edge-tag">
+              ${O}
+            </div>
+          `, T.container.style.transform = "translate(-50%, -100%)", T.hide(), W.push(T);
+          });
+          const q = new ee({
             five: this.five,
             tagWrapper: this.tagWrapper,
             model: o,
             group: this.group,
-            type: i.type,
-            rawData: i,
-            fiveDomEvents: this.fiveDomEvents
+            type: t.type,
+            rawData: t,
+            fiveDomEvents: this.fiveDomEvents,
+            position: M,
+            edgeTags: W
           });
-          this.items.push(W);
+          this.items.push(q);
         }
       }), 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(e) {
-    v(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: "我不知道捏" })), v(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((s) => s.rawData.id === e);
+    return this.items.find((i) => i.rawData.id === e);
   }
   registerTagRenderer(e) {
-    this.tagRendererMap = E(E({}, this.tagRendererMap), e), this.updateTagRenderer();
+    this.tagRendererMap = B(B({}, this.tagRendererMap), e), this.updateTagRenderer();
   }
   hasCustomTagRenderer(e) {
     return !!this.tagRendererMap[e];
   }
+  /**
+   * Shows a specific item's tag and ensures all other tags are hidden
+   * @param id The ID of the item whose tag should be shown
+   * @returns The item if found and showed, otherwise null
+   */
+  showItemTag(e) {
+    const i = this.getItemById(e);
+    return i ? (this.five.currentMode === "Panorama" && this.hideAllItemTags(), i.tag.visible || (i.tag.show({ force: !0 }), i.type === "box" && "edgeTags" in i && i.edgeTags.forEach((r) => r.show({ force: !0 }))), this.five.needsRender = !0, i) : (console.warn(`Item with ID ${e} not found`), null);
+  }
+  /**
+   * Hides all item tags
+   * @param options Optional configuration for hiding tags
+   * @param options.excludeId Optional ID of an item whose tag should remain visible
+   */
+  hideAllItemTags(e) {
+    this.items.forEach((i) => {
+      i.tag && i.tag.visible && i.rawData.id !== (e == null ? void 0 : e.excludeId) && (i.tag.hide(), i.type === "box" && "edgeTags" in i && i.edgeTags.forEach((r) => r.hide()));
+    }), this.five.needsRender = !0;
+  }
+  /**
+   * Force finish all active box animations immediately
+   * @param id Optional box item ID. If not provided, finishes all active box animations.
+   */
+  forceFinishBoxAnimation(e) {
+    (e ? [e] : Array.from(this.activeAnimations.keys())).forEach((r) => {
+      const t = this.activeAnimations.get(r);
+      if (t) {
+        t.remove(), t.animatedBoxMesh.visible = !1;
+        const a = this.getItemById(r);
+        a && a.type === "box" && this.showBoxFinalState(a.model), this.activeAnimations.delete(r);
+      }
+      const n = this.activeEaseInAnimations.get(r);
+      n && (clearInterval(n.interval), this.showBoxFinalState(n.model), this.activeEaseInAnimations.delete(r));
+    }), 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.
+   * @returns Promise that resolves when all animations are complete
+   */
+  playBoxAnimation(e) {
+    this.activeAnimations.size > 0 && this.forceFinishBoxAnimation();
+    const i = e ? [this.getItemById(e)].filter(Boolean) : this.items.filter((t) => t.type === "box");
+    if (i.length === 0)
+      return console.warn("No box items found to animate"), Promise.resolve();
+    const r = i.map((t) => {
+      if (!t || t.type !== "box")
+        return Promise.resolve();
+      const n = t.model;
+      return new Promise((a) => {
+        if (n && n.isBox && typeof n.isBox == "function" && n.isBox()) {
+          n.prismMesh.visible = !1, n.edgeMesh.visible = !1;
+          const s = new c.Vector3(1 / 0, 1 / 0, 1 / 0), o = new c.Vector3(-1 / 0, -1 / 0, -1 / 0), p = n.bottomPositions;
+          for (const m of p)
+            s.min(m), o.max(m);
+          const x = n.topPositions;
+          for (const m of x)
+            s.min(m), o.max(m);
+          const y = o.clone().sub(s), w = new c.BoxGeometry(y.x, y.y, y.z), E = `
+          varying vec2 vUV;
+          varying vec3 vPosition;
+          #include <common>
+          void main() {
+            vUV = uv;
+            vPosition = position;
+            vec4 transformed = vec4(position, 1.0);
+            gl_Position = projectionMatrix * modelViewMatrix * transformed;
+          }
+          `, R = `
+          #include <common>
+          uniform vec3 color;
+          uniform vec3 size;
+          uniform vec2 faceSize;
+          uniform float opacity;
+          uniform float progress;
+          uniform float spread;
+          varying vec2 vUV;
+          varying vec3 vPosition;
+          void main() {
+
+            float u = vUV.x;
+            float v = vUV.y;
+            float r = 0.1 + sqrt(u * u + v * v) * 0.3;
+
+            // 边缘线
+            if (size.y * v < 0.003 || size.y * (1.0 - v) < 0.003) {
+              r += 0.8 * (1.0 - abs(u - 0.5) * 2.0);
+            }
+            if (size.x * u < 0.003 || size.x * (1.0 - u) < 0.003) {
+              r += 0.8 * (1.0 - abs(v - 0.5) * 2.0);
+            }
+
+            // 扫光动画
+            vec3 p = (vPosition + size / 2.0) / size;
+            r = r * pow(clamp(1.0 - abs(p.y - progress) / spread, 0.0, 1.0), 2.0);
+
+            gl_FragColor = vec4(color, clamp(r * opacity, 0.0, 1.0));
+          }
+          `, v = new c.ShaderMaterial({
+            vertexShader: E,
+            fragmentShader: R,
+            uniforms: {
+              color: { value: new c.Color(77 / 255, 240 / 255, 1) },
+              // Color
+              size: { value: y },
+              // Box size
+              faceSize: { value: new c.Vector2(1, 1) },
+              // Face size
+              opacity: { value: 0.8 },
+              // Opacity
+              progress: { value: 0.5 },
+              // Animation progress
+              spread: { value: 0.5 }
+              // Animation spread
+            },
+            depthTest: !1,
+            side: c.DoubleSide,
+            transparent: !0
+          });
+          v.polygonOffset = !0, v.polygonOffsetFactor = 1, v.polygonOffsetUnits = 1;
+          const u = new c.Mesh(w, [
+            v.clone(),
+            // right
+            v.clone(),
+            // left
+            v.clone(),
+            // top
+            v.clone(),
+            // bottom
+            v.clone(),
+            // back
+            v.clone()
+            // front
+          ]);
+          u.position.copy(n.localCenter), u.position.applyMatrix4(n.matrixWorld), u.quaternion.copy(n.quaternion), u.onBeforeRender = () => {
+            w.boundingBox || w.computeBoundingBox();
+            const m = w.boundingBox.getSize(new c.Vector3());
+            for (let f = 0; f < 6; f++) {
+              const g = u.material[f];
+              f === 0 || f === 1 ? g.uniforms.faceSize.value.set(m.z, m.y) : f === 2 || f === 3 ? g.uniforms.faceSize.value.set(m.x, m.z) : g.uniforms.faceSize.value.set(m.x, m.y);
+            }
+            for (const f of u.material)
+              f.uniforms.size.value.copy(m);
+            this.five.needsRender = !0;
+          };
+          const A = 3e3;
+          let S = 0;
+          const V = X.shared.add((m, f) => {
+            S += f;
+            let g = S / A;
+            g > 1 && (g = 1);
+            let M = Math.abs((g - 0.5) * 2);
+            M = M * 2 - 0.5;
+            for (const _ of u.material)
+              _.uniforms.progress.value = M;
+            g === 1 && (V(), u.visible = !1, this.playEaseInAnimation(n, () => {
+              this.activeAnimations.delete(t.rawData.id), a();
+            })), this.five.needsRender = !0;
+          });
+          this.activeAnimations.set(t.rawData.id, { animatedBoxMesh: u, remove: V }), this.five.scene.add(u);
+        } else
+          a();
+      });
+    });
+    return Promise.all(r).then(() => {
+    });
+  }
   enable() {
     this.setState({ enabled: !0 });
   }
@@ -282,7 +498,9 @@ class kt extends P {
     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.zFightingOffset = 0, this.items.forEach((e) => {
+      e.state.enabled && e.disable();
+    }), this.handleDisable(), this.group.children.length = 0, this.five.needsRender = !0, this.items = [], this.tagWrapper.innerHTML = "", this.fiveDomEvents.clear();
   }
   dispose() {
     this.hooks.emit("dispose"), this.clear();
@@ -290,13 +508,60 @@ class kt extends P {
   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();
   }
+  playEaseInAnimation(e, i) {
+    e.prismMesh.visible = !0, e.edgeMesh.visible = !0;
+    let r = 0;
+    const t = e.prismMesh.style.opacity;
+    e.prismMesh.setStyle({ opacity: 0 }), e.edgeMesh.setStyle({ lineOpacity: 0 });
+    const n = this.items.find((s) => s.model === e);
+    if (!n) {
+      console.warn("Could not find item for model in playEaseInAnimation");
+      return;
+    }
+    const a = setInterval(() => {
+      r === 61 && (clearInterval(a), this.activeEaseInAnimations.delete(n.rawData.id), this.showBoxFinalState(e), i()), e.edgeMesh.setStyle({ lineOpacity: r / 60 }), e.prismMesh.setStyle({ opacity: r / 60 * t }), this.five.needsRender = !0, r++;
+    }, 16);
+    this.activeEaseInAnimations.set(n.rawData.id, { interval: a, model: e });
+  }
   handleShow() {
-    this.group.visible = !0, this.tagWrapper.style.display = "block", this.five.needsRender = !0;
+    this.group.visible = !0, this.tagWrapper.style.display = "block", this.items.forEach((e) => {
+      e.show();
+    }), this.five.needsRender = !0;
   }
   handleHide() {
-    this.group.visible = !1, this.tagWrapper.style.display = "none", this.five.needsRender = !0;
+    this.group.visible = !1, this.tagWrapper.style.display = "none", this.items.forEach((e) => {
+      e.hide();
+    }), this.five.needsRender = !0;
+  }
+  /**
+   * Shows a box model in its final state (fully visible with full opacity)
+   * @param model The PrismMesh model to show
+   */
+  showBoxFinalState(e) {
+    e.prismMesh.visible = !0, e.edgeMesh.visible = !0, e.prismMesh.setStyle({ opacity: e.prismMesh.style.opacity }), e.edgeMesh.setStyle({ lineOpacity: 1 });
+  }
+  /**
+   * Inject CSS styles for edge tags
+   */
+  injectEdgeTagCSS() {
+    if (!document.getElementById("model-maker-edge-tag-style")) {
+      const e = document.createElement("style");
+      e.id = "model-maker-edge-tag-style", e.textContent = `
+        .model-maker-edge-tag {
+          color: white;
+          font-size: 14px;
+          font-weight: 500;
+          white-space: nowrap;
+          pointer-events: none;
+          text-align: center;
+          line-height: 1;
+          display: inline-block;
+          min-width: 30px;
+        }
+      `, document.head.appendChild(e);
+    }
   }
 }
 export {
-  kt as Controller
+  ii as Controller
 };