@realsee/dnalogel 3.70.4 → 3.70.7-alpha.1

package/libs/floorplan/ModelFloorplanPlugin/Controller.js

@@ -11,24 +11,24 @@ var v = (d, s, t) => s in d ? S(d, s, { enumerable: !0, configurable: !0, writab
   return d;
 }, g = (d, s) => C(d, E(s));
 var o = (d, s, t) => (v(d, typeof s != "symbol" ? s + "" : s, t), t);
-var f = (d, s, t) => new Promise((e, i) => {
+var u = (d, s, t) => new Promise((e, i) => {
   var r = (a) => {
     try {
       n(t.next(a));
-    } catch (m) {
-      i(m);
+    } catch (p) {
+      i(p);
     }
   }, h = (a) => {
     try {
       n(t.throw(a));
-    } catch (m) {
-      i(m);
+    } catch (p) {
+      i(p);
     }
   }, n = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(r, h);
   n((t = t.apply(d, s)).next());
 });
-import { to as M } from "../../shared-utils/to.js";
-import { equal as I } from "../../shared-utils/equal.js";
+import { to as I } from "../../shared-utils/to.js";
+import { equal as M } from "../../shared-utils/equal.js";
 import { Main as y } from "../Components/Main.js";
 import { formatData as b } from "../utils/formatData.js";
 import { CAMERA_IMAGE as L } from "../Assets/camera.js";
@@ -38,7 +38,7 @@ import { FLOOR_PLAN_ATTACHED_TO as D } from "../constant.js";
 import { Controller as T } from "../../base/BasePluginWithData.js";
 import { correctFiveState as R } from "../utils/correctFiveState.js";
 import { changeModelCanvasOpacity as F } from "../../shared-utils/changeModelCanvasOpacity.js";
-import { FIVE_CAMERA_DEFAULT_FOV as k, FloorplanErrorType as u, SHOW_ANIME_DURATION as G } from "../utils/constant.js";
+import { FIVE_CAMERA_DEFAULT_FOV as k, FloorplanErrorType as f, SHOW_ANIME_DURATION as G } from "../utils/constant.js";
 import "../../shared-utils/tag.js";
 import "three";
 import "../../vendor/hammerjs/hammer.js";
@@ -154,7 +154,7 @@ function z(d) {
 }
 class Ze extends T {
   constructor(t, e) {
-    var a, m, c;
+    var a, p, c;
     super(t);
     // =============== public properties =================
     o(this, "name", "modelFloorplanPlugin");
@@ -204,22 +204,22 @@ class Ze extends T {
      * @param opts.isAutoShow 是否是自动展示
      * @param opts.userAction 是否是用户行为
      */
-    o(this, "show", (...e) => f(this, [...e], function* (t = {}) {
+    o(this, "show", (...e) => u(this, [...e], function* (t = {}) {
       if (!this.state.enabled || !this.showPromise && this.state.visible)
         return;
       const i = t.userAction !== void 0 ? t.userAction : !0;
       this.updateState({ visible: !0 }, i), this._show(t);
     }));
     /** 隐藏户型图 */
-    o(this, "hide", (...e) => f(this, [...e], function* (t = {}) {
+    o(this, "hide", (...e) => u(this, [...e], function* (t = {}) {
       this.state.enabled && (this.isHiddenByHideFunc = !0, this.state.visible !== !1 && (this.updateState({ visible: !1 }, t.userAction || !0), this._hide(t)));
     }));
     /** 更新户型图大小 */
     o(this, "updateSize", () => {
       if (!this.data || !this.container || !this.wrapper)
         return !1;
-      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, r = e.y - t.y, h = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, n = O(this.five, this.wrapper, this.floorIndex, h), a = Math.ceil(i * n), m = Math.ceil(r * n);
-      return this.size.width === a && this.size.height === m || (this.container.style.width = a + "px", this.container.style.height = m + "px", this.size = { width: a, height: m }), !0;
+      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, r = e.y - t.y, h = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, n = O(this.five, this.wrapper, this.floorIndex, h), a = Math.ceil(i * n), p = Math.ceil(r * n);
+      return this.size.width === a && this.size.height === p || (this.container.style.width = a + "px", this.container.style.height = p + "px", this.size = { width: a, height: p }), !0;
     });
     o(this, "highlight", (t) => {
       this.state.config.highlightEnable && (this.highlightData = t, this.render());
@@ -230,20 +230,20 @@ class Ze extends T {
     o(this, "_disable", (t) => {
       var i, r, h;
       const { userAction: e } = t;
-      this.hooks.emit("disable", { userAction: e }), (i = this.showRejection) == null || i.call(this, u.BreakOffByDisable), this.showPromise = void 0, (r = this.app) == null || r.$destroy(), this.app = void 0, (h = this.container) == null || h.remove(), this.removeEventListener();
+      this.hooks.emit("disable", { userAction: e }), (i = this.showRejection) == null || i.call(this, f.BreakOffByDisable), this.showPromise = void 0, (r = this.app) == null || r.$destroy(), this.app = void 0, (h = this.container) == null || h.remove(), this.removeEventListener();
     });
     o(this, "_enable", (t) => {
       const { userAction: e } = t;
       this.addEventListener(), this.wrapper && (this.wrapper.append(this.container), this.hooks.emit("enable", { userAction: e }), this.state.visible && this._show({ userAction: e }));
     });
-    o(this, "_show", (t) => f(this, null, function* () {
+    o(this, "_show", (t) => u(this, null, function* () {
       var h;
       if (!this.state.enabled)
         return;
       if (!((h = this.five.model) != null && h.loaded))
-        throw new Error(u.ModelNotLoaded);
+        throw new Error(f.ModelNotLoaded);
       if (!this.data)
-        throw new Error(u.DataNotLoaded);
+        throw new Error(f.DataNotLoaded);
       if (this.showPromise)
         return this.showPromise;
       const e = {
@@ -252,19 +252,19 @@ class Ze extends T {
         immediately: !1,
         isAutoShow: !1,
         userAction: !0
-      }, i = l(l({}, e), t), r = () => f(this, null, function* () {
+      }, i = l(l({}, e), t), r = () => u(this, null, function* () {
         this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
         let n = !1, a;
-        this.showRejection = (p) => {
-          n = !0, a = p;
+        this.showRejection = (m) => {
+          n = !0, a = m;
         };
-        const [m] = yield M(R(this.five, this.showState, i.userAction));
-        if (m)
-          throw m;
+        const [p] = yield I(R(this.five, this.showState, i.userAction));
+        if (p)
+          throw p;
         if (n)
-          throw a ? new Error(a) : new Error(u.UnknownError);
+          throw a ? new Error(a) : new Error(f.UnknownError);
         if (!this.updateSize())
-          throw new Error(u.UpdateSizeError);
+          throw new Error(f.UpdateSizeError);
         this.floorIndex = i.floorIndex, this.five.model.show(this.floorIndex);
       });
       return this.isHiddenByHideFunc = !1, this.showPromise = r().then(() => {
@@ -281,7 +281,7 @@ class Ze extends T {
     }));
     o(this, "_hide", (t) => {
       var r;
-      (r = this.showRejection) == null || r.call(this, u.BreakOffByHide), this.showPromise = void 0;
+      (r = this.showRejection) == null || r.call(this, f.BreakOffByHide), this.showPromise = void 0;
       const i = l(l({}, {
         userAction: !0,
         isAutoHide: !1
@@ -317,7 +317,7 @@ class Ze extends T {
     /** panoIndex 改变时，更新 floorIndex */
     o(this, "onFivePanoArrived", (t) => {
       var e;
-      (e = this.five) != null && e.work && (this.panoIndex = t, this.floorIndex = this.workUtil.observers[t].floorIndex);
+      (e = this.five) != null && e.work && (console.log("on arr", t), this.panoIndex = t, this.floorIndex = this.workUtil.observers[t].floorIndex);
     });
     /** cameraUpdate 时判断户型图是否应该自动隐藏 */
     o(this, "onFiveCameraUpdate", (t, e) => {
@@ -362,7 +362,7 @@ class Ze extends T {
       imageURL: U(e == null ? void 0 : e.staticPrefix, W),
       imageWidth: 200,
       imageHeight: 120,
-      text: (c = (m = e.i18n) == null ? void 0 : m.call(e, "暂无平面图")) != null ? c : "暂无平面图",
+      text: (c = (p = e.i18n) == null ? void 0 : p.call(e, "暂无平面图")) != null ? c : "暂无平面图",
       textFontSize: 14
     };
     const i = {
@@ -384,22 +384,22 @@ class Ze extends T {
       attachedTo: D.BOUNDING_CENTER,
       getLabelElement: void 0,
       missingFloorConfig: l(l({}, this.defaultMissingFloorConfig), e.missingFloorConfig),
-      i18n: (p) => p,
-      getRoomAreaText: (p) => (p / 1e6).toFixed(1) + "㎡",
-      getRoomDimensionText: (p, A) => (p / 1e3).toFixed(1) + "m × " + (A / 1e3).toFixed(1) + "m",
-      getRuleDistanceText: (p) => p.toString()
+      i18n: (m) => m,
+      getRoomAreaText: (m) => (m / 1e6).toFixed(1) + "㎡",
+      getRoomDimensionText: (m, A) => (m / 1e3).toFixed(1) + "m × " + (A / 1e3).toFixed(1) + "m",
+      getRuleDistanceText: (m) => m.toString()
     }, r = e ? _(e, ["selector", "scale"]) : {}, h = l(l({}, i.missingFloorConfig), r.missingFloorConfig), n = g(l(l({}, i), r), { missingFloorConfig: h });
-    this.state = { enabled: !0, visible: !1, config: n }, this.initContainer(), t.once("dispose", this.dispose), this.addEventListener();
+    this.state = { enabled: !0, visible: !1, config: n }, console.log("five curr", t.getCurrentState()), this.panoIndex = t.getCurrentState().panoIndex, this.initContainer(), t.once("dispose", this.dispose), this.addEventListener();
   }
   load(t, e, i = !0) {
-    return f(this, null, function* () {
+    return u(this, null, function* () {
       function r(c) {
         return Object.prototype.hasOwnProperty.apply(c, ["version"]);
       }
       const h = t;
       h && H(h.version) && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
-      const n = JSON.parse(JSON.stringify(t)), a = r(n) ? n.data : n, m = this.data;
-      this.data = yield b(a), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, m), e && this.updateState(e, i), this.render();
+      const n = JSON.parse(JSON.stringify(t)), a = r(n) ? n.data : n, p = this.data;
+      this.data = yield b(a), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, p), e && this.updateState(e, i), this.render();
     });
   }
   /** 把插件的渲染DOM插入到对应的容器中去 */
@@ -434,14 +434,14 @@ class Ze extends T {
     this.updateState({ config: t }, e), this.render();
   }
   formatData(t) {
-    return f(this, null, function* () {
+    return u(this, null, function* () {
       return yield b(t.data);
     });
   }
   updateState(t, e) {
     var n;
     const i = this.state, r = (n = t.config) != null && n.missingFloorConfig ? l(l({}, i.config.missingFloorConfig), t.config.missingFloorConfig) : i.config.missingFloorConfig, h = t.config ? g(l(l({}, i.config), t.config), { missingFloorConfig: r }) : i.config;
-    this.state = g(l(l({}, this.state), t), { config: h }), !I(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
+    this.state = g(l(l({}, this.state), t), { config: h }), !M(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
   }
   /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
    *

package/libs/shared-utils/CSS3DRender/CSS3DObject.js

@@ -1,15 +1,15 @@
 var A = Object.defineProperty;
-var H = (m, r, t) => r in m ? A(m, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[r] = t;
-var o = (m, r, t) => (H(m, typeof r != "symbol" ? r + "" : r, t), t);
-import { Vector3 as n } from "three";
+var F = (m, r, t) => r in m ? A(m, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[r] = t;
+var o = (m, r, t) => (F(m, typeof r != "symbol" ? r + "" : r, t), t);
+import { Vector3 as s } from "three";
 import { even as M } from "../even.js";
-import { OpecityMesh as N } from "./OpacityMesh.js";
-import { centerPoint as R } from "../three/centerPoint.js";
+import { OpecityMesh as H } from "./OpacityMesh.js";
+import { centerPoint as N } from "../three/centerPoint.js";
 import "../tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../three/PointSelector/index.js";
-import { CSS3DObject as T } from "../three/CSS3DRenderer/index.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { CSS3DObject as R } from "../three/CSS3DRenderer/index.js";
+import { addFrontScene as T, addBehindScene as z, removeFrontScene as B, removeBehindScene as k } from "./index.js";
 import "@realsee/five/line";
 import { isNil as O } from "../isNil.js";
 import "../three/core/Five_LineMaterial2.js";
@@ -17,32 +17,33 @@ import "../three/core/Sphere.js";
 import "../three/blink.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../five/FivePuppet.js";
-const $ = 1, V = `CSS3DObject@${$}`, z = 216e-5, F = 3e-3;
-class nt extends T {
+const $ = 1, V = `CSS3DObject@${$}`, q = 216e-5, I = 3e-3;
+class lt extends R {
   constructor(t) {
-    var b, f, v, S, _;
+    var g, x, v, S, _;
     if (O(t.cornerPoints) && O(t.width))
       throw new Error("cornerPoints and width cannot be both empty");
-    const i = (b = t.container) != null ? b : document.createElement("div"), s = (f = t.cornerPoints) != null ? f : (() => {
+    const i = (g = t.container) != null ? g : document.createElement("div"), n = (x = t.cornerPoints) != null ? x : (() => {
       const e = t.width / 2;
       return [
-        new n(-e, e, 0),
-        new n(-e, -e, 0),
-        new n(e, -e, 0),
-        new n(e, e, 0)
+        new s(-e, e, 0),
+        new s(-e, -e, 0),
+        new s(e, -e, 0),
+        new s(e, e, 0)
       ];
-    })(), c = (v = t.ratio) != null ? v : F, w = (S = t.dpr) != null ? S : 1, j = (_ = t.pointerEvents) != null ? _ : "auto", h = Math.max(z, c), a = s[0].distanceTo(s[1]), y = s[1].distanceTo(s[2]);
-    let l = M(a / c * w), d = M(y / c * w);
-    const u = R(...s);
+    })(), c = (v = t.ratio) != null ? v : I, u = (S = t.dpr) != null ? S : 1, j = (_ = t.pointerEvents) != null ? _ : "auto", h = Math.max(q, c), a = n[0].distanceTo(n[1]), y = n[1].distanceTo(n[2]);
+    let d = M(a / c * u), l = M(y / c * u);
+    const f = N(...n);
     let p;
     if (h === c)
-      i.style.width = `${l}px`, i.style.height = `${d}px`, p = i;
+      i.style.width = `${d}px`, i.style.height = `${l}px`, p = i;
     else {
       const e = document.createElement("div");
-      e.style.width = `${l}px`, e.style.height = `${d}px`, e.style.pointerEvents = "none";
+      e.style.width = `${d}px`, e.style.height = `${l}px`, e.style.pointerEvents = "none";
       const E = c / h;
-      i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.width = `${E * l}px`, i.style.height = `${E * d}px`, e.appendChild(i), p = e;
+      i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.width = `${E * d}px`, i.style.height = `${E * l}px`, e.appendChild(i), p = e;
     }
     super(p);
     o(this, "version", $);
@@ -61,17 +62,17 @@ class nt extends T {
     o(this, "ratio");
     o(this, "_mode", "front");
     o(this, "_opacityMesh");
-    if (p.id = this.id.toString(), i.style.pointerEvents = j, Object.assign(i.style, t.style), this.scale.set(h, h, h), this.cornerPoints = s, this.ratio = c, this.container = i, t.mode && (this.mode = t.mode), h === c)
-      this.width = a, this.height = y, this.centerPosition = u;
+    if (p.id = this.id.toString(), i.style.pointerEvents = j, Object.assign(i.style, t.style), this.scale.set(h, h, h), this.cornerPoints = n, this.ratio = c, this.container = i, t.mode && (this.mode = t.mode), h === c)
+      this.width = a, this.height = y, this.centerPosition = f;
     else {
       const e = c / h;
-      this.width = e * a, this.height = e * y, l = e * l, d = e * d, this.centerPosition = new n().subVectors(u, s[0]).multiplyScalar(e).add(s[0]);
+      this.width = e * a, this.height = e * y, d = e * d, l = e * l, this.centerPosition = new s().subVectors(f, n[0]).multiplyScalar(e).add(n[0]);
     }
-    this.domWidthPx = l, this.domHeightPx = d, i.classList.add(`${V}__container`);
-    const D = new n().subVectors(s[1], s[0]), P = new n().subVectors(s[3], s[0]), W = new n().crossVectors(D, P).normalize();
+    this.domWidthPx = d, this.domHeightPx = l, i.classList.add(`${V}__container`);
+    const D = new s().subVectors(n[1], n[0]), w = new s().subVectors(n[3], n[0]), W = new s().crossVectors(D, w).normalize();
     this.lookAt(W);
-    const g = this.up.clone().applyQuaternion(this.quaternion), x = P.clone(), C = new n().crossVectors(g, x).normalize();
-    this.rotateOnWorldAxis(C, g.angleTo(x)), this.position.copy(u), this._opacityMesh = new N(l, d), this._opacityMesh.visible = t.mode === "behind", this.add(this._opacityMesh);
+    const P = this.up.clone().applyQuaternion(this.quaternion), b = w.clone(), C = new s().crossVectors(P, b).normalize();
+    this.rotateOnWorldAxis(C, P.angleTo(b)), this.position.copy(f), this._opacityMesh = new H(d, l), this._opacityMesh.visible = t.mode === "behind", this.add(this._opacityMesh), t.mode === "front" ? T(this) : t.mode === "behind" && z(this);
   }
   get mode() {
     return this._mode;
@@ -84,9 +85,9 @@ class nt extends T {
     return t !== null && t.remove(this), this;
   }
   dispose() {
-    this.container.remove(), this.removeFromParent();
+    this.container.remove(), this.removeFromParent(), this.mode === "front" ? B(this) : this.mode === "behind" && k(this);
   }
 }
 export {
-  nt as CSS3DObjectPlus
+  lt as CSS3DObjectPlus
 };

package/libs/shared-utils/CSS3DRender/CSS3DRenderer.d.ts

@@ -1,5 +1,6 @@
 import { CSS3DRenderer } from '../three/CSS3DRenderer';
 import type * as THREE from 'three';
+import type { CSS3DObjectPlus } from './CSS3DObject';
 export declare class ICSS3DRenderer extends CSS3DRenderer {
     wrapper?: Element;
     domElementWrapper: HTMLDivElement;
@@ -9,6 +10,7 @@ export declare class ICSS3DRenderer extends CSS3DRenderer {
     setWrapper(wrapper: Element): this;
     appendToElement(wrapper: Element): void;
     renderEveryFrame(scene: THREE.Scene, camera: THREE.Camera): void;
+    renderCss3dObjectEveryFrame(scenes: THREE.Scene[] | Map<string, THREE.Scene | CSS3DObjectPlus>, camera: THREE.Camera): void;
     stopRender(): void;
     dispose(): void;
 }

package/libs/shared-utils/CSS3DRender/CSS3DRenderer.js

@@ -1,42 +1,52 @@
-var l = Object.defineProperty;
-var a = (i, t, e) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var n = (i, t, e) => (a(i, typeof t != "symbol" ? t + "" : t, e), e);
+var p = Object.defineProperty;
+var l = (s, r, e) => r in s ? p(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
+var o = (s, r, e) => (l(s, typeof r != "symbol" ? r + "" : r, e), e);
 import { CSS3DRenderer as d } from "../three/CSS3DRenderer/index.js";
 import { createResizeObserver as h } from "../createResizeObserver.js";
-class W extends d {
+class f extends d {
   constructor(e) {
     super(e);
-    n(this, "wrapper");
-    n(this, "domElementWrapper", document.createElement("div"));
-    n(this, "requestAnimationFrameId");
-    n(this, "resizeDisoper");
+    o(this, "wrapper");
+    o(this, "domElementWrapper", document.createElement("div"));
+    o(this, "requestAnimationFrameId");
+    o(this, "resizeDisoper");
     this.domElementWrapper.classList.add("ICSS3DRendererWrapper"), this.domElementWrapper.style.position = "absolute", this.domElementWrapper.style.top = "0", this.domElementWrapper.style.left = "0", this.domElementWrapper.style.width = "100%", this.domElementWrapper.style.height = "100%", this.domElementWrapper.style.userSelect = "none", this.domElementWrapper.style.pointerEvents = "none", this.domElement.classList.add("ICSS3DRenderer"), this.domElement.style.position = "absolute", this.domElement.style.top = "0", this.domElement.style.left = "0", this.domElement.style.userSelect = "none", this.domElement.style.pointerEvents = "none", this.domElementWrapper.appendChild(this.domElement);
   }
   setWrapper(e) {
     if (!e)
       throw new Error("CSS3DRenderer: wrapper is required");
     if ((() => {
-      for (let s = 0; s < e.children.length; s++)
-        if (e.children.item(s) === this.domElementWrapper)
+      for (let i = 0; i < e.children.length; i++)
+        if (e.children.item(i) === this.domElementWrapper)
           return !0;
       return !1;
     })())
       return;
-    const r = this.wrapper;
-    return r && r.contains(this.domElementWrapper) && this.domElementWrapper.remove(), this.appendToElement(e), this.wrapper = e, this;
+    const t = this.wrapper;
+    return t && t.contains(this.domElementWrapper) && this.domElementWrapper.remove(), this.appendToElement(e), this.wrapper = e, this;
   }
   appendToElement(e) {
     e.appendChild(this.domElementWrapper);
-    const o = (m, p) => this.setSize(m, p), { observe: r, unobserve: s } = h(this.domElementWrapper, o, !0);
-    r(), this.resizeDisoper = s, this.wrapper = e;
+    const n = (m, a) => this.setSize(m, a), { observe: t, unobserve: i } = h(this.domElementWrapper, n, !0);
+    t(), this.resizeDisoper = i, this.wrapper = e;
   }
-  renderEveryFrame(e, o) {
+  renderEveryFrame(e, n) {
     if (this.wrapper || console.warn("wrapper is not find, creating a html element and call setWrapper(wrapper)", this, e), this.requestAnimationFrameId)
       return;
-    const r = () => {
-      this.requestAnimationFrameId = requestAnimationFrame(r), e.visible && this.render(e, o);
+    const t = () => {
+      this.requestAnimationFrameId = requestAnimationFrame(t), e.visible && this.render(e, n);
     };
-    r();
+    t();
+  }
+  renderCss3dObjectEveryFrame(e, n) {
+    if (this.wrapper || console.warn("wrapper is not find, creating a html element and call setWrapper(wrapper)", this, e), this.requestAnimationFrameId)
+      return;
+    const t = () => {
+      this.requestAnimationFrameId = requestAnimationFrame(t), Array.isArray(e) ? e.forEach((i) => {
+        i.visible && this.render(i, n);
+      }) : this.sceneRender(Array.from(e.values()), n);
+    };
+    t();
   }
   stopRender() {
     this.requestAnimationFrameId && cancelAnimationFrame(this.requestAnimationFrameId);
@@ -47,5 +57,5 @@ class W extends d {
   }
 }
 export {
-  W as ICSS3DRenderer
+  f as ICSS3DRenderer
 };

package/libs/shared-utils/CSS3DRender/index.d.ts

@@ -1,2 +1,41 @@
 import { Five } from '@realsee/five';
+import type { CSS3DObjectPlus } from './CSS3DObject';
+/**
+ * 向前置场景列表添加场景
+ * @param scene 要添加的场景
+ * @param key 场景的唯一标识符，如果不提供则使用场景的 uuid
+ * @returns 是否添加成功
+ */
+export declare function addFrontScene(scene: THREE.Scene | CSS3DObjectPlus, key?: string): boolean;
+/**
+ * 从前置场景列表删除指定场景
+ * @param sceneOrKey 要删除的场景对象或场景的key
+ * @returns 是否删除成功
+ */
+export declare function removeFrontScene(sceneOrKey: THREE.Scene | string | CSS3DObjectPlus): boolean;
+/**
+ * 向后置场景列表添加场景
+ * @param scene 要添加的场景
+ * @param key 场景的唯一标识符，如果不提供则使用场景的 uuid
+ * @returns 是否添加成功
+ */
+export declare function addBehindScene(scene: THREE.Scene | CSS3DObjectPlus, key?: string): boolean;
+/**
+ * 从后置场景列表删除指定场景
+ * @param sceneOrKey 要删除的场景对象或场景的key
+ * @returns 是否删除成功
+ */
+export declare function removeBehindScene(sceneOrKey: THREE.Scene | string | CSS3DObjectPlus): boolean;
+/**
+ * 清空前置场景列表
+ */
+export declare function clearFrontScenes(): void;
+/**
+ * 清空后置场景列表
+ */
+export declare function clearBehindScenes(): void;
+/**
+ * 清空所有场景列表
+ */
+export declare function clearAllScenes(): void;
 export declare function initialCSS3DRender(five: Five): () => any;

package/libs/shared-utils/CSS3DRender/index.js

@@ -1,31 +1,76 @@
-import { ICSS3DRenderer as p } from "./CSS3DRenderer.js";
-import { waitFiveModelLoaded as a } from "../five/fiveModelLoad.js";
-import m from "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-let r = [null, null, () => null];
-function E(e) {
+import { ICSS3DRenderer as f } from "./CSS3DRenderer.js";
+import { waitFiveModelLoaded as c } from "../five/fiveModelLoad.js";
+import p from "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+let o = [null, null, () => null], t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+function F(e, n) {
+  if (!e)
+    return !1;
+  const r = n || e.uuid;
+  return t.has(r) ? !1 : (t.set(r, e), !0);
+}
+function R(e) {
+  if (!e)
+    return !1;
+  if (typeof e == "string")
+    return t.delete(e);
+  for (const [n, r] of t.entries())
+    if (r === e)
+      return t.delete(n);
+  return !1;
+}
+function b(e, n) {
+  if (!e)
+    return !1;
+  const r = n || e.uuid;
+  return i.has(r) ? !1 : (i.set(r, e), !0);
+}
+function w(e) {
+  if (!e)
+    return !1;
+  if (typeof e == "string")
+    return i.delete(e);
+  for (const [n, r] of i.entries())
+    if (r === e)
+      return i.delete(n);
+  return !1;
+}
+function m() {
+  t.clear();
+}
+function S() {
+  i.clear();
+}
+function h() {
+  m(), S();
+}
+function g(e) {
   var s;
-  if (r) {
-    if (r[0] === e)
-      return r[2];
-    (s = r[1]) == null || s.dispose();
+  if (o) {
+    if (o[0] === e)
+      return o[2];
+    (s = o[1]) == null || s.dispose();
   }
-  const n = new p("front");
+  const n = new f("front");
   n.domElementWrapper.style.zIndex = "1";
-  const t = new p("behind");
-  a(e).then(() => {
-    var d;
-    const l = (d = e.getElement()) == null ? void 0 : d.parentElement, i = m(e);
-    if (!l)
+  const r = new f("behind");
+  c(e).then(() => {
+    var u;
+    const d = (u = e.getElement()) == null ? void 0 : u.parentElement, a = p(e);
+    if (!d)
       return console.error("initialCSS3DRender: five element is not exist"), () => null;
-    if (n.appendToElement(l), n.renderEveryFrame(e.scene, e.camera), !i)
+    if (n.appendToElement(d), n.renderCss3dObjectEveryFrame(t, e.camera), !a)
       return console.error("initialCSS3DRender: behindWrapper is not exist"), () => null;
-    t.appendToElement(i), t.renderEveryFrame(e.scene, e.camera);
+    r.appendToElement(a), r.renderCss3dObjectEveryFrame(i, e.camera);
   });
-  const o = () => {
-    n.dispose(), t.dispose();
+  const l = () => {
+    n.dispose(), r.dispose(), h();
   };
-  return r = [e, n, o], o;
+  return o = [e, n, l], l;
 }
 export {
-  E as initialCSS3DRender
+  b as addBehindScene,
+  F as addFrontScene,
+  g as initialCSS3DRender,
+  w as removeBehindScene,
+  R as removeFrontScene
 };

package/libs/shared-utils/Object3DHelper/Base/BaseController.d.ts

@@ -37,6 +37,24 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     protected cameraHooks: Subscribe<{
         cameraUpdate: () => any;
     }>;
+    /** 其他控制器的引用，用于跨控制器状态检查 */
+    protected otherControllers?: {
+        moveController?: BaseController;
+        rotateController?: BaseController;
+        scaleController?: BaseController;
+    };
+    /**
+     * 更新其他控制器的引用
+     */
+    updateOtherControllers(otherControllers: {
+        moveController?: BaseController;
+        rotateController?: BaseController;
+        scaleController?: BaseController;
+    }): void;
+    /**
+     * 获取当前控制器的拖拽状态
+     */
+    getIsDragging(): boolean;
     constructor(params: {
         camera: THREE.Camera;
         model: THREE.Object3D;
@@ -48,6 +66,12 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
         onRender?: () => void;
         sharedHooks?: Subscribe<HelperEventMap>;
         sharedInternalHooks?: Subscribe<InternalHelperEventMap>;
+        /** 其他控制器的引用，用于跨控制器状态检查 */
+        otherControllers?: {
+            moveController?: BaseController;
+            rotateController?: BaseController;
+            scaleController?: BaseController;
+        };
     }, config?: Config);
     initialHelperPosition(): void;
     initialHelperQuaternion(): void;