@realsee/dnalogel 4.0.0-webgpu.13 → 4.0.0-webgpu.15

package/libs/ModelMakerPlugin/Controller.js

@@ -0,0 +1,652 @@
+var A = Object.defineProperty;
+var _ = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+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 _(c))
+      P.call(c, t) && I(p, t, c[t]);
+  return p;
+};
+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(o));
+    } catch (a) {
+      e(a);
+    }
+  }, s = (o) => {
+    try {
+      n(t.throw(o));
+    } catch (a) {
+      e(a);
+    }
+  }, 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 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";
+import "../vendor/hammerjs/hammer.js";
+import "../shared-utils/three/PointSelector/index.js";
+import "../shared-utils/three/CSS3DRenderer/index.js";
+import { waitFiveModelLoaded as N } from "../shared-utils/five/fiveModelLoad.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five/line";
+import { notNil as f } from "../shared-utils/isNil.js";
+import "../shared-utils/three/core/Five_LineMaterial2.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 "../vendor/earcut/src/earcut.js";
+import { FiveDomEvents as z } from "../shared-utils/five/FiveDomEvents.js";
+import "../shared-utils/five/FivePuppet.js";
+import { tagRendererMap as G } from "./utils/tagRenderer.js";
+import { ModelMakerPrismItem as S } from "./item/prismItem.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";
+import "../shared-utils/Subscribe.js";
+import "../shared-utils/three/core/Sphere.js";
+import "../shared-utils/Utils/FiveUtil.js";
+import "../shared-utils/Utils/BaseUtil.js";
+import "../shared-utils/Utils/WorkUtil.js";
+import "../shared-utils/five/transformPosition.js";
+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";
+import "../Sculpt/typings/style.js";
+import "../shared-utils/three/core/PrismGeometry.js";
+import "../shared-utils/three/core/polygonVertex.js";
+import "../shared-utils/three/earcut3D.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";
+import "../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "../shared-utils/util.js";
+import "../shared-utils/five/getFiveFromParentChain.js";
+import "../shared-utils/three/core/LineGeometry.js";
+import "../shared-utils/three/core/LineMaterial.js";
+import "../shared-utils/three/core/Line2.js";
+import "../shared-utils/three/core/LineMaterial2.js";
+import "../Sculpt/utils/unit.js";
+import "../Sculpt/utils/renderDom.js";
+import "@realsee/five";
+import "../Sculpt/Meshes/Polyline.js";
+import "../Sculpt/Meshes/LineWithDots.js";
+import "../Sculpt/Meshes/Point.js";
+import "../shared-utils/three/closeVectors.js";
+import "../Sculpt/Meshes/Polygon.js";
+import "../shared-utils/three/generatePolygonGeometry.js";
+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";
+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/throttle.js";
+import "../shared-utils/three/PointSelector/utils/html.js";
+import "../shared-utils/CSS3DRender/index.js";
+import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../shared-utils/createResizeObserver.js";
+import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../shared-utils/isTouchDevice.js";
+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 "../vendor/animejs/lib/anime.es.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+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";
+import "../components/AreaLabel/Assets/fontSize.js";
+import "../shared-utils/px2rem.js";
+import "../shared-utils/fontSize.js";
+class $e extends H {
+  constructor(t, i) {
+    var e, r, s;
+    super(t);
+    l(this, "state");
+    l(this, "items", []);
+    l(this, "group", new W());
+    l(this, "data");
+    l(this, "tagRendererMap", {});
+    l(this, "fiveDomEvents");
+    l(this, "zFightingOffset", 0);
+    l(this, "tagWrapper");
+    l(this, "occlusionVisibility");
+    l(this, "occlusionMode");
+    l(this, "tagOcclusionScope");
+    l(this, "fiveEveryReadyListenerDisposer");
+    // 存储每个模型的原始透明度
+    l(this, "originalOpacities", /* @__PURE__ */ new Map());
+    // 存储标签原始透明度
+    l(this, "originalTagOpacities", /* @__PURE__ */ new Map());
+    // 存储当前高亮的项目
+    l(this, "highlightedItem", null);
+    // 存储标签原始样式用于高亮恢复
+    l(this, "originalTagStyles", /* @__PURE__ */ new Map());
+    // 存储模型原始颜色用于高亮恢复（包括表面颜色、线条颜色和透明度）
+    l(this, "originalModelColors", /* @__PURE__ */ new Map());
+    l(this, "onFiveModeChange", (t) => {
+      const i = this.occlusionVisibility;
+      Array.isArray(i) && [...this.getPrismItems(), ...this.getBoxItems()].forEach((r) => {
+        (r.model instanceof M || r.model instanceof k) && r.model.setStyle({ occlusionVisibility: i.includes(t) });
+      });
+    });
+    l(this, "handleEnable", () => {
+      var t, i;
+      this.five.scene.add(this.group), (i = (t = this.five.getElement()) == null ? void 0 : t.parentElement) == null || i.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();
+    });
+    l(this, "onFiveEveryReady", () => O(this, null, function* () {
+      if (this.five.state.mode === "Panorama")
+        return;
+      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((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 = o.container.getElementsByClassName("room-label-item__text")[0];
+        if (!a)
+          return;
+        const h = a.getBoundingClientRect();
+        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", () => {
+      this.items.forEach((t) => {
+        var e;
+        const i = (e = this.tagRendererMap[t.type]) != null ? e : G[t.type];
+        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.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 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 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: o,
+          lineOpacity: 1
+        }), {
+          color: r,
+          lineColor: r,
+          opacity: o,
+          lineOpacity: 1,
+          lineWidth: 1,
+          occlusionVisibility: s,
+          occlusionMode: n
+        };
+      };
+      this.items = t.list.map((e) => {
+        var r;
+        switch (e.type) {
+          case "triangles": {
+            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: s,
+              group: this.group,
+              type: e.type,
+              rawData: e,
+              fiveDomEvents: this.fiveDomEvents,
+              tagOcclusionScope: this.tagOcclusionScope[e.type]
+            });
+          }
+          case "prism": {
+            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 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: s,
+              group: this.group,
+              type: e.type,
+              rawData: e,
+              fiveDomEvents: this.fiveDomEvents,
+              tagOcclusionScope: this.tagOcclusionScope[e.type]
+            });
+          }
+          case "box": {
+            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)
+            }), s.position.copy(x), s.quaternion.copy(b), s.setStyle(i(e)), new T({
+              five: this.five,
+              tagWrapper: this.tagWrapper,
+              model: s,
+              group: this.group,
+              type: e.type,
+              rawData: e,
+              fiveDomEvents: this.fiveDomEvents,
+              tagOcclusionScope: this.tagOcclusionScope[e.type]
+            });
+          }
+          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;
+    });
+  }
+  setState(t) {
+    f(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: "我不知道捏" })), f(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: "我不知道捏" }));
+  }
+  getItemById(t) {
+    return this.items.find((i) => i.rawData.id === t);
+  }
+  registerTagRenderer(t) {
+    this.tagRendererMap = E(E({}, this.tagRendererMap), t), this.updateTagRenderer();
+  }
+  hasCustomTagRenderer(t) {
+    return !!this.tagRendererMap[t];
+  }
+  /**
+   * 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, i = !0) {
+    let e = [];
+    if (t) {
+      const r = this.getItemById(t);
+      r && ["box", "prism"].includes(r.type) && (e = [r], r.model.forceFinishBoxAnimation(t));
+    } else
+      e = this.items.filter((r) => ["box", "prism"].includes(r.type)), e.forEach((r) => {
+        r.model.forceFinishBoxAnimation(r.rawData.id);
+      });
+    i && e.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, i = {}) {
+    const { color: e = "#4DF0FF", hideLabels: r = !1 } = i;
+    this.forceFinishBoxAnimation(t);
+    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(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(s);
+    });
+  }
+  enable() {
+    this.setState({ enabled: !0 });
+  }
+  disable() {
+    this.setState({ enabled: !1 });
+  }
+  show() {
+    this.setState({ visible: !0 });
+  }
+  hide() {
+    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.highlightedItem = null, this.originalTagStyles.clear(), this.originalModelColors.clear();
+  }
+  /**
+   * 设置所有模型的透明度
+   * @param opacityPercent 透明度系数，范围0-1，1表示保持原始透明度，0表示完全透明
+   * @param options 可选参数
+   * @param options.type 模型类型，可选值为'box'、'prism'、'triangles'
+   * @param options.id 模型id
+   */
+  setModelsOpacity(t, i) {
+    if (!this.state.enabled)
+      return;
+    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(o.rawData.id, o.model, t);
+            break;
+          }
+          case "triangles": {
+            this.setPolygonModelOpacity(o.rawData.id, o.model, t);
+            break;
+          }
+        }
+        if (o.tag) {
+          if (!o.tag.visible)
+            continue;
+          const h = o.rawData.id.toString();
+          if (n) {
+            const d = this.originalTagOpacities.get(h);
+            d !== void 0 && (o.tag.container.style.opacity = d.toString());
+          } else {
+            if (!this.originalTagOpacities.has(h)) {
+              const v = parseFloat(o.tag.container.style.opacity) || 1;
+              this.originalTagOpacities.set(h, v);
+            }
+            const b = (this.originalTagOpacities.get(h) || 1) * t;
+            o.tag.container.style.opacity = b.toString();
+          }
+          (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;
+  }
+  /**
+   * 隐藏指定类型的模型
+   * @param itemTypes 模型类型数组
+   */
+  hideItemsByType(t) {
+    const i = Array.isArray(t) ? t : [t];
+    this.items.forEach((e) => {
+      i.includes(e.type) && e.hide();
+    });
+  }
+  /**
+   * 显示指定类型的模型
+   * @param itemTypes 模型类型数组
+   */
+  showItemsByType(t) {
+    const i = Array.isArray(t) ? t : [t];
+    this.items.forEach((e) => {
+      i.includes(e.type) && e.show();
+    });
+  }
+  /**
+   * 根据条件隐藏模型项目
+   * @param condition 判断函数，返回 true 的项目将被隐藏
+   * @example
+   * // 隐藏所有 ID 大于 10 的项目
+   * controller.hideItemsByCondition(item => item.rawData.id > 10)
+   * 
+   * // 隐藏所有红色的盒子
+   * controller.hideItemsByCondition(item => 
+   *   item.type === 'box' && item.rawData.object_data.color === '#FF0000'
+   * )
+   */
+  hideItemsByCondition(t) {
+    this.items.forEach((i) => {
+      t(i) && (i.hide(), i.tag.disable());
+    });
+  }
+  /**
+   * 根据条件显示模型项目
+   * @param condition 判断函数，返回 true 的项目将被显示
+   * @example
+   * // 显示所有棱柱类型的项目
+   * controller.showItemsByCondition(item => item.type === 'prism')
+   * 
+   * // 显示所有透明度大于 0.5 的项目
+   * controller.showItemsByCondition(item => 
+   *   (item.rawData.object_data.opacity ?? 0.4) > 0.5
+   * )
+   */
+  showItemsByCondition(t) {
+    this.items.forEach((i) => {
+      t(i) && (i.show(), i.tag.enable());
+    });
+  }
+  /**
+   * 根据条件设置模型项目的可见性
+   * @param condition 判断函数，返回 true 的项目将应用指定的可见性状态
+   * @param visible 是否可见，true 为显示，false 为隐藏
+   * @example
+   * // 隐藏所有小于指定面积的项目
+   * controller.setItemsVisibility(item => getItemArea(item) < 100, false)
+   * 
+   * // 显示所有包含特定标签的项目
+   * controller.setItemsVisibility(item => 
+   *   item.rawData.label?.includes('important'), true
+   * )
+   */
+  setItemsVisibility(t, i) {
+    this.items.forEach((e) => {
+      t(e) && (i ? e.show() : e.hide(), i ? e.tag.enable() : e.tag.disable());
+    });
+  }
+  /**
+   * 显示所有模型项目
+   * @example
+   * // 恢复所有项目的可见性
+   * controller.showAllItems()
+   */
+  showAllItems() {
+    this.items.forEach((t) => {
+      t.show(), t.tag.enable();
+    });
+  }
+  /**
+   * 隐藏所有模型项目
+   * @example
+   * // 隐藏所有项目
+   * controller.hideAllItems()
+   */
+  hideAllItems() {
+    this.items.forEach((t) => {
+      t.hide(), t.tag.disable();
+    });
+  }
+  dispose() {
+    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(t, i) {
+    const e = t.rawData.id.toString(), r = t.tag.container;
+    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: 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 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: o.clone(),
+        lineColor: o.clone(),
+        opacity: a.opacity,
+        lineOpacity: a.lineOpacity
+      });
+      const h = new y(i);
+      n.setStyle({
+        color: h,
+        lineColor: h,
+        opacity: a.opacity,
+        // 确保高亮时表面足够可见
+        lineOpacity: a.lineOpacity
+      });
+    }
+    this.five.needsRender = !0;
+  }
+  /**
+   * 移除指定项目的高亮样式
+   * @param item 要移除高亮的项目
+   */
+  removeHighlightStyles(t) {
+    const i = t.rawData.id.toString(), e = t.tag.container, r = this.originalTagStyles.get(i);
+    if (r) {
+      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 s = this.originalModelColors.get(i);
+    if (s) {
+      const n = t.model;
+      n && typeof n.setStyle == "function" && n.setStyle({
+        color: s.color,
+        lineColor: s.lineColor,
+        opacity: s.opacity,
+        lineOpacity: s.lineOpacity
+      }), this.originalModelColors.delete(i);
+    }
+    this.five.needsRender = !0;
+  }
+  /**
+   * 设置棱柱体模型的透明度
+   * @param id 模型id
+   * @param model 模型对象
+   * @param opacityPercent 透明度系数，范围0-1
+   */
+  setPrismModelOpacity(t, i, e) {
+    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 });
+  }
+  /**
+   * 设置多边形模型的透明度
+   * @param id 模型id
+   * @param model 模型对象
+   * @param opacityPercent 透明度系数，范围0-1
+   */
+  setPolygonModelOpacity(t, i, e) {
+    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;
+  }
+  handleHide() {
+    this.group.visible = !1, this.tagWrapper.style.display = "none", this.five.needsRender = !0;
+  }
+  /**
+   * 高亮指定的模型项目
+   * @param id 模型项目的ID
+   * @param color 高亮颜色，默认为 #FF7700
+   */
+  highlightItem(t, i = "#FF7700") {
+    if (!this.state.enabled)
+      return;
+    this.resetHighlight();
+    const e = this.getItemById(t);
+    !e || !e.tag || (this.highlightedItem = e, this.applyHighlightStyles(e, i));
+  }
+  /**
+   * 重置所有高亮
+   */
+  resetHighlight() {
+    this.highlightedItem && (this.removeHighlightStyles(this.highlightedItem), this.highlightedItem = null);
+  }
+  /**
+   * 获取当前高亮的项目ID
+   */
+  getHighlightedItemId() {
+    var t, i;
+    return (i = (t = this.highlightedItem) == null ? void 0 : t.rawData.id) != null ? i : null;
+  }
+  getPrismItems() {
+    return this.items.filter((t) => t instanceof S);
+  }
+  getPolygonItems() {
+    return this.items.filter((t) => t instanceof F);
+  }
+  getBoxItems() {
+    return this.items.filter((t) => t instanceof T);
+  }
+  /**
+   * 隐藏指定项目的标签
+   * @param items 要隐藏标签的项目数组
+   */
+  hideItemLabels(t) {
+    t.forEach((i) => {
+      i.tag && i.tag.hide();
+    });
+  }
+  /**
+   * 缓动显示指定项目的标签
+   * @param items 要显示标签的项目数组
+   * @param duration 缓动持续时间（毫秒）
+   */
+  easeInItemLabels(t, i = 500) {
+    return new Promise((e) => {
+      if (t.length === 0 || !this.state.enabled) {
+        e();
+        return;
+      }
+      t.forEach((n) => {
+        n.tag && (n.tag.show(), n.tag.container.style.opacity = "0");
+      });
+      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());
+        }), o < 1 ? requestAnimationFrame(s) : (t.forEach((h) => {
+          h.tag && (h.tag.container.style.opacity = "1");
+        }), e());
+      };
+      requestAnimationFrame(s);
+    });
+  }
+}
+export {
+  $e as Controller
+};

package/libs/ModelMakerPlugin/index.d.ts

@@ -0,0 +1,9 @@
+import type * as ModelMakerPluginType from './typings';
+import { Controller } from './Controller';
+import type { BoxAnimationConfig } from './Controller';
+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 };