@realsee/dnalogel 3.64.27 → 3.64.28-alpha.0

package/libs/ModelMakerPlugin/Controller.d.ts

@@ -1,13 +1,12 @@
 import type { Five, Mode as FiveMode } from '@realsee/five';
 import * as BasePlugin from '../base/BasePluginWithData';
-import type * as PluginType from './typings';
-import * as THREE from 'three';
-import type { ModelMakerBaseItem } from './item/baseItem';
-export declare class Controller extends BasePlugin.Controller<PluginType.State, PluginType.EventMap, PluginType.ServerData, PluginType.ServerData> {
-    state: PluginType.State;
-    items: ModelMakerBaseItem[];
-    group: THREE.Group;
-    protected data: PluginType.ServerData;
+import { Group } from 'three';
+import type { MarkerItem, State, ServerData, ItemType, ElementRenderer, EventMap } from './typings';
+export declare class Controller extends BasePlugin.Controller<State, EventMap, ServerData, ServerData> {
+    state: State;
+    items: MarkerItem[];
+    group: Group;
+    protected data: ServerData;
     private tagRendererMap;
     private fiveDomEvents;
     private zFightingOffset;
@@ -15,6 +14,8 @@ export declare class Controller extends BasePlugin.Controller<PluginType.State,
     private occlusionVisibility;
     private occlusionMode;
     private fiveEveryReadyListenerDisposer?;
+    private originalOpacities;
+    private originalTagOpacities;
     constructor(five: Five, config?: {
         tagContainerZIndex?: number;
         /**
@@ -30,18 +31,43 @@ export declare class Controller extends BasePlugin.Controller<PluginType.State,
          */
         occlusionMode?: 'translucence' | 'depthTest';
     });
-    load(serverData: PluginType.ServerData): Promise<void>;
-    setState(targetState: Partial<PluginType.State>): void;
-    getItemById(id: string | number): ModelMakerBaseItem;
-    registerTagRenderer(map: Partial<Record<PluginType.ItemType, PluginType.ElementRenderer>>): void;
-    hasCustomTagRenderer(map: PluginType.ItemType): boolean;
+    load(serverData: ServerData): Promise<void>;
+    setState(targetState: Partial<State>): void;
+    getItemById(id: string | number): MarkerItem;
+    registerTagRenderer(map: Partial<Record<ItemType, ElementRenderer>>): void;
+    hasCustomTagRenderer(map: ItemType): boolean;
     enable(): void;
     disable(): void;
     show(): void;
     hide(): void;
     clear(): void;
+    /**
+     * 设置所有模型的透明度
+     * @param opacityPercent 透明度系数，范围0-1，1表示保持原始透明度，0表示完全透明
+     * @param options 可选参数
+     * @param options.type 模型类型，可选值为'box'、'prism'、'triangles'
+     * @param options.id 模型id
+     */
+    setModelsOpacity(opacityPercent: number, options?: {
+        type?: ItemType | ItemType[];
+        id?: number;
+    }): void;
     dispose(): void;
     protected onWorkCodeChange(): void;
+    /**
+     * 设置棱柱体模型的透明度
+     * @param id 模型id
+     * @param model 模型对象
+     * @param opacityPercent 透明度系数，范围0-1
+     */
+    private setPrismModelOpacity;
+    /**
+     * 设置多边形模型的透明度
+     * @param id 模型id
+     * @param model 模型对象
+     * @param opacityPercent 透明度系数，范围0-1
+     */
+    private setPolygonModelOpacity;
     private onFiveModeChange;
     private handleShow;
     private handleHide;

package/libs/ModelMakerPlugin/Controller.js

@@ -1,58 +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 x = Object.defineProperty;
+var T = Object.getOwnPropertySymbols;
+var k = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var E = (h, l, t) => l in h ? x(h, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[l] = t, M = (h, l) => {
+  for (var t in l || (l = {}))
+    k.call(l, t) && E(h, t, l[t]);
+  if (T)
+    for (var t of T(l))
+      F.call(l, t) && E(h, t, l[t]);
+  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 p = (h, l, t) => (E(h, typeof l != "symbol" ? l + "" : l, t), t);
+var w = (h, l, t) => new Promise((s, e) => {
+  var r = (i) => {
     try {
-      o(e.next(t));
-    } catch (r) {
-      a(r);
+      n(t.next(i));
+    } catch (a) {
+      e(a);
     }
-  }, n = (t) => {
+  }, o = (i) => {
     try {
-      o(e.throw(t));
-    } catch (r) {
-      a(r);
+      n(t.throw(i));
+    } catch (a) {
+      e(a);
     }
-  }, o = (t) => t.done ? s(t.value) : Promise.resolve(t.value).then(i, n);
-  o((e = e.apply(l, p)).next());
+  }, n = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(r, o);
+  n((t = t.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 { Controller as W } from "../base/BasePluginWithData.js";
+import { Group as V, Vector3 as b, Euler as P, Quaternion as j, Box3 as A, Color as C } from "three";
+import { ModelMakerBoxItem as L } 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 { anyPositionToVector3 as H } from "../shared-utils/positionToVector3.js";
+import { PolygonWithEdgeMesh as B } 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 A } from "../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as z } 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 u } from "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Five_LineMaterial2.js";
 import { boxVertex as y } from "../shared-utils/three/boundingBox.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { FiveDomEvents as O } from "../shared-utils/five/FiveDomEvents.js";
+import { FiveDomEvents as G } from "../shared-utils/five/FiveDomEvents.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 N } from "./utils/tagRenderer.js";
+import { ModelMakerPrismItem as S } from "./item/prismItem.js";
+import { ModelMakerPolygonItem as Q } 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";
@@ -125,153 +125,161 @@ import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/LabelItem.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/rad2Deg.js";
-class Lt extends P {
-  constructor(e, s) {
-    var a, i;
-    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) => {
+class ze extends W {
+  constructor(t, s) {
+    var e, r;
+    super(t);
+    p(this, "state");
+    p(this, "items", []);
+    p(this, "group", new V());
+    p(this, "data");
+    p(this, "tagRendererMap", {});
+    p(this, "fiveDomEvents");
+    p(this, "zFightingOffset", 0);
+    p(this, "tagWrapper");
+    p(this, "occlusionVisibility");
+    p(this, "occlusionMode");
+    p(this, "fiveEveryReadyListenerDisposer");
+    // 存储每个模型的原始透明度
+    p(this, "originalOpacities", /* @__PURE__ */ new Map());
+    // 存储标签原始透明度
+    p(this, "originalTagOpacities", /* @__PURE__ */ new Map());
+    p(this, "onFiveModeChange", (t) => {
       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) });
+      Array.isArray(s) && this.items.forEach((e) => {
+        e.type !== "triangles" && e.model.setStyle instanceof Function && e.model.setStyle({ occlusionVisibility: s.includes(t) });
       });
     });
-    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);
+    p(this, "handleEnable", () => {
+      var t, s;
+      this.five.scene.add(this.group), (s = (t = this.five.getElement()) == null ? void 0 : t.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);
     });
-    h(this, "handleDisable", () => {
+    p(this, "handleDisable", () => {
       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* () {
+    p(this, "onFiveEveryReady", () => w(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 t = this.items.filter((i) => i instanceof S).map((i) => i.tag), s = t.filter((i) => i.position && i.visible && i.enabled);
+      yield U(0);
+      const e = this.five.camera.position.clone(), r = s.sort((i, a) => e.distanceTo(i.position) - e.distanceTo(a.position)), o = [], n = (i, a) => !(i.right < a.left || i.left > a.right || i.bottom < a.top || i.top > a.bottom);
+      t.forEach((i) => {
+        i.visibles[2] = void 0;
+      }), r.forEach((i) => {
+        if (i.visibles[1] === !1)
           return;
-        const r = t.container.getElementsByClassName("room-label-item__text")[0];
-        if (!r)
+        const a = i.container.getElementsByClassName("room-label-item__text")[0];
+        if (!a)
           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 d = a.getBoundingClientRect();
+        o.every((c) => !n(c.boundingClientRect, d)) ? (o.push({ tag: i, boundingClientRect: d }), i.visibles[2] = !0) : i.visibles[2] = !1, i.needsRender = !0;
       });
     }));
-    h(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));
+    p(this, "updateTagRenderer", () => {
+      this.items.forEach((t) => {
+        var e;
+        const s = (e = this.tagRendererMap[t.type]) != null ? e : N[t.type];
+        s && t.__renderer !== s && (t.__renderer = s, typeof t.__disposeRenderer == "function" && t.__disposeRenderer(), t.tag.container.innerHTML = "", t.__disposeRenderer = s(t.tag.container, t, 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;
-      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;
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (e = s == null ? void 0 : s.occlusionVisibility) != null ? e : !1, this.occlusionMode = (r = s == null ? void 0 : s.occlusionMode) != null ? r : "translucence", this.fiveDomEvents = new G(t, { noEmitWhenHide: !0, noEmitWhenNotInScene: !0 }), this.tagWrapper = (() => {
+      var n;
+      const o = document.createElement("div");
+      return o.style.position = "absolute", o.style.top = "0", o.style.left = "0", o.style.width = "100%", o.style.height = "100%", o.style.pointerEvents = "none", o.style.zIndex = `${(n = s == null ? void 0 : s.tagContainerZIndex) != null ? n : ""}`, o;
+    })(), t.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
-  load(e) {
+  load(t) {
     return w(this, null, function* () {
-      var a;
-      if (this.clear(), this.data = e, yield A(this.five), this.data !== e)
+      if (this.clear(), this.data = t, this.originalOpacities.clear(), yield z(this.five), this.data !== t)
         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"), {
-          color: n,
-          lineColor: n,
-          opacity: ((r = i.object_data.opacity) != null ? r : 0.4) / 2,
+      const s = (e) => {
+        var a;
+        const r = e.object_data.color ? new C().setHex(parseInt(e.object_data.color.slice(1), 16)) : new C(1, 1, 1);
+        let o = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, n = this.occlusionMode;
+        e.type === "triangles" && (o = !0, n = "depthTest");
+        const i = ((a = e.object_data.opacity) != null ? a : 0.4) / 2;
+        return e.id && this.originalOpacities.set(e.id.toString(), {
+          opacity: i,
+          lineOpacity: 1
+        }), {
+          color: r,
+          lineColor: r,
+          opacity: i,
           lineOpacity: 1,
           lineWidth: 1,
           occlusionVisibility: o,
-          occlusionMode: t
+          occlusionMode: n
         };
       };
-      (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({
-            five: this.five,
-            tagWrapper: this.tagWrapper,
-            model: o,
-            group: this.group,
-            type: i.type,
-            rawData: i,
-            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]];
-          });
-          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({
-            five: this.five,
-            tagWrapper: this.tagWrapper,
-            model: o,
-            group: this.group,
-            type: i.type,
-            rawData: i,
-            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));
-          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({
-            five: this.five,
-            tagWrapper: this.tagWrapper,
-            model: o,
-            group: this.group,
-            type: i.type,
-            rawData: i,
-            fiveDomEvents: this.fiveDomEvents
-          });
-          this.items.push(W);
+      this.items = t.list.map((e) => {
+        var r;
+        switch (e.type) {
+          case "triangles": {
+            const o = new B();
+            return u(e.id) && (o.uuid = e.id.toString()), o.setPoints(e.object_data.points, { checkLinesIntersect: !1 }), o.setStyle(s(e)), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight()), new Q({
+              five: this.five,
+              tagWrapper: this.tagWrapper,
+              model: o,
+              group: this.group,
+              type: e.type,
+              rawData: e,
+              fiveDomEvents: this.fiveDomEvents
+            });
+          }
+          case "prism": {
+            const o = new I();
+            u(e.id) && (o.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]];
+            });
+            n.push(n[0]);
+            const i = e.object_data.height + ((r = e.object_data.fixedHeight) != null ? r : 0) + this.zFightingOffset, a = H(n[0]).add(new b().setY(i));
+            return o.setPoints({ points: n, heightPoint: a }), o.setStyle(s(e)), new S({
+              five: this.five,
+              tagWrapper: this.tagWrapper,
+              model: o,
+              group: this.group,
+              type: e.type,
+              rawData: e,
+              fiveDomEvents: this.fiveDomEvents
+            });
+          }
+          case "box": {
+            const o = new I();
+            u(e.id) && (o.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 P().fromArray(a), f = new j().setFromEuler(c), v = f.clone().inverse(), O = new b().lerpVectors(d, m, 0.5), R = O.clone().negate(), _ = d.clone().add(R).applyQuaternion(v), D = m.clone().add(R).applyQuaternion(v), g = new A(_.clone().max(D), _.clone().min(D));
+            return o.setPoints({
+              points: [y(g, 2), y(g, 3), y(g, 7), y(g, 6)],
+              heightPoint: y(g, 1)
+            }), o.position.copy(O), o.quaternion.copy(f), o.setStyle(s(e)), new L({
+              five: this.five,
+              tagWrapper: this.tagWrapper,
+              model: o,
+              group: this.group,
+              type: e.type,
+              rawData: e,
+              fiveDomEvents: this.fiveDomEvents
+            });
+          }
+          default:
+            return null;
         }
-      }), 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;
+      }).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(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: "我不知道捏" }));
+  setState(t) {
+    u(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: "我不知道捏" })), u(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(e) {
-    return this.items.find((s) => s.rawData.id === e);
+  getItemById(t) {
+    return this.items.find((s) => s.rawData.id === t);
   }
-  registerTagRenderer(e) {
-    this.tagRendererMap = E(E({}, this.tagRendererMap), e), this.updateTagRenderer();
+  registerTagRenderer(t) {
+    this.tagRendererMap = M(M({}, this.tagRendererMap), t), this.updateTagRenderer();
   }
-  hasCustomTagRenderer(e) {
-    return !!this.tagRendererMap[e];
+  hasCustomTagRenderer(t) {
+    return !!this.tagRendererMap[t];
   }
   enable() {
     this.setState({ enabled: !0 });
@@ -286,7 +294,51 @@ class Lt 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.handleDisable(), this.group.children.length = 0, this.five.needsRender = !0, this.items = [], this.tagWrapper.innerHTML = "", this.fiveDomEvents.clear(), this.originalOpacities.clear(), this.originalTagOpacities.clear();
+  }
+  /**
+   * 设置所有模型的透明度
+   * @param opacityPercent 透明度系数，范围0-1，1表示保持原始透明度，0表示完全透明
+   * @param options 可选参数
+   * @param options.type 模型类型，可选值为'box'、'prism'、'triangles'
+   * @param options.id 模型id
+   */
+  setModelsOpacity(t, s) {
+    if (!this.state.enabled)
+      return;
+    const { type: e, id: r } = s || {}, o = e ? Array.isArray(e) ? e : [e] : [], n = t === 1;
+    for (const i of this.items)
+      if (!e || o.includes(i.type) || i.rawData.id === r) {
+        switch (i.type) {
+          case "box":
+          case "prism": {
+            this.setPrismModelOpacity(i.rawData.id, i.model, t);
+            break;
+          }
+          case "triangles": {
+            this.setPolygonModelOpacity(i.rawData.id, i.model, t);
+            break;
+          }
+        }
+        if (i.tag) {
+          if (!i.tag.visible)
+            continue;
+          const d = i.rawData.id.toString();
+          if (n) {
+            const c = this.originalTagOpacities.get(d);
+            c !== void 0 && (i.tag.container.style.opacity = c.toString());
+          } else {
+            if (!this.originalTagOpacities.has(d)) {
+              const v = parseFloat(i.tag.container.style.opacity) || 1;
+              this.originalTagOpacities.set(d, v);
+            }
+            const f = (this.originalTagOpacities.get(d) || 1) * t;
+            i.tag.container.style.opacity = f.toString();
+          }
+          (parseFloat(i.tag.container.style.opacity) || 0) < 0.01 ? i.tag.container.style.pointerEvents = "none" : i.tag.container.style.pointerEvents = "auto";
+        }
+      }
+    this.five.needsRender = !0;
   }
   dispose() {
     this.hooks.emit("dispose"), this.clear();
@@ -294,6 +346,26 @@ class Lt 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();
   }
+  /**
+   * 设置棱柱体模型的透明度
+   * @param id 模型id
+   * @param model 模型对象
+   * @param opacityPercent 透明度系数，范围0-1
+   */
+  setPrismModelOpacity(t, s, e) {
+    let { opacity: r, lineOpacity: o } = this.originalOpacities.get(t.toString()) || { opacity: 0.2, lineOpacity: 1 };
+    r = r * e, o = o * e, s.setStyle({ opacity: r, lineOpacity: o });
+  }
+  /**
+   * 设置多边形模型的透明度
+   * @param id 模型id
+   * @param model 模型对象
+   * @param opacityPercent 透明度系数，范围0-1
+   */
+  setPolygonModelOpacity(t, s, e) {
+    let { opacity: r, lineOpacity: o } = this.originalOpacities.get(t.toString()) || { opacity: 0.2, lineOpacity: 1 };
+    r = r * e, o = o * e, s.setStyle({ opacity: r, lineOpacity: o });
+  }
   handleShow() {
     this.group.visible = !0, this.tagWrapper.style.display = "block", this.five.needsRender = !0;
   }
@@ -302,5 +374,5 @@ class Lt extends P {
   }
 }
 export {
-  Lt as Controller
+  ze as Controller
 };

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

@@ -1,40 +1,57 @@
 import type { Five, Mode } from '@realsee/five';
-import * as THREE from 'three';
+import type { Object3D } from 'three';
+import { Vector3 } from 'three';
 import { Subscribe } from '../../shared-utils/Subscribe';
 import type { LightTag } from '../../shared-utils/tag';
 import type { FiveDomEvents } from '../../shared-utils/five/FiveDomEvents';
-type Event = {
+import type { ServerItemData, ItemType } from '../typings';
+interface ModelWithCenter extends Object3D {
+    /** 模型中心点 */
+    center?: Vector3;
+}
+/**
+ * @description 模型标注的事件类型
+ */
+type ModelMakerEvent<ServerData extends ServerItemData> = {
+    /** 启用 */
     enable: () => void;
+    /** 禁用 */
     disable: () => void;
+    /** 显示 */
     show: () => void;
+    /** 隐藏 */
     hide: () => void;
-    click: (item: ModelMakerBaseItem) => void | boolean;
+    /** 点击 */
+    click: (item: ModelMakerBaseItem<ServerData>) => void | boolean;
 };
-export declare class ModelMakerBaseItem extends Subscribe<Event> {
+/**
+ * @description 模型标注的基类
+ */
+export declare class ModelMakerBaseItem<ServerData extends ServerItemData> extends Subscribe<ModelMakerEvent<ServerData>> {
     get container(): HTMLDivElement;
-    type: string;
+    type: ItemType;
     tag: LightTag;
-    rawData: any;
-    model: THREE.Object3D;
+    rawData: ServerData;
+    model: ModelWithCenter;
     get state(): {
         visible: boolean;
         enabled: boolean;
     };
     visibles: boolean[];
     protected five: Five;
-    protected group: THREE.Object3D;
+    protected group: Object3D;
     protected fiveDomEvents: FiveDomEvents;
-    protected disposers: (() => any)[];
+    protected disposers: (() => void)[];
     constructor(params: {
         five: Five;
-        model: THREE.Object3D;
-        group: THREE.Object3D;
-        type: string;
+        model: ModelWithCenter;
+        group: Object3D;
+        type: ItemType;
         fiveDomEvents: FiveDomEvents;
-        rawData?: any;
+        rawData?: ServerData;
         tagWrapper?: HTMLElement;
         visibleMode?: Mode[];
-        position?: THREE.Vector3;
+        position?: Vector3;
         tagContainerZIndex?: number;
     });
     show(): void;