@realsee/dnalogel 2.16.1 → 2.17.0-alpha.3

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -1,36 +1,36 @@
-var I = Object.defineProperty;
-var P = (u, c, e) => c in u ? I(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e;
-var o = (u, c, e) => (P(u, typeof c != "symbol" ? c + "" : c, e), e);
-var v = (u, c, e) => new Promise((t, i) => {
-  var s = (r) => {
+var x = Object.defineProperty;
+var P = (c, a, e) => a in c ? x(c, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[a] = e;
+var n = (c, a, e) => (P(c, typeof a != "symbol" ? a + "" : a, e), e);
+var v = (c, a, e) => new Promise((t, i) => {
+  var s = (o) => {
     try {
-      n(e.next(r));
+      r(e.next(o));
     } catch (h) {
       i(h);
     }
-  }, a = (r) => {
+  }, d = (o) => {
     try {
-      n(e.throw(r));
+      r(e.throw(o));
     } catch (h) {
       i(h);
     }
-  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, a);
-  n((e = e.apply(u, c)).next());
+  }, r = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(s, d);
+  r((e = e.apply(c, a)).next());
 });
-import * as d from "three";
-import { Vector3 as f } from "three";
-import { centerPoint as b } from "../../../shared-utils/three/centerPoint.js";
-import { loadTexture as E } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as S, QuadrangleMesh as y } from "../../../shared-utils/three/Quadrangle.js";
-import { loadVideoTexture as C } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as V, Image_Play_Icon as x } from "../../Assets/Icon.js";
-import { getPositionsByObjectFit as g } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FiveDomEvents as F } from "../../../shared-utils/five/FiveDomEvents.js";
+import * as p from "three";
+import { Vector3 as g } from "three";
+import { centerPoint as w } from "../../../shared-utils/three/centerPoint.js";
+import { loadTexture as I } from "../../../shared-utils/three/loadTexture.js";
+import { QuadrangleGeometry as V, QuadrangleMesh as y } from "../../../shared-utils/three/Quadrangle.js";
+import { getVideoTexture as B } from "../../../shared-utils/three/loadVideoTexture.js";
+import { Image_Play_Icon_With_Text as C, Image_Play_Icon as T } from "../../Assets/Icon.js";
+import { getPositionsByObjectFit as l } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import "@realsee/five";
+import "../../../shared-utils/threex/domevents/index.js";
 import "@realsee/five/gltf-loader";
+import { FragmentTransparencyMaterial as F } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../../shared-utils/math/pointIsRectangle.js";
-import "@realsee/five";
 import "object-assign-deep";
-import "../../../shared-utils/threex/domevents/index.js";
 import "hammerjs";
 import "@tweenjs/tween.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -58,88 +58,89 @@ import "lodash.clonedeep";
 import "lodash.isequal";
 import "classnames";
 import "../../../shared-utils/three/GLTFLoader.js";
-class L extends d.Mesh {
+class b extends p.Mesh {
   constructor() {
     super(...arguments);
-    o(this, "name", "MediaPlane");
-    o(this, "src");
+    n(this, "name", "MediaPlane");
+    n(this, "src");
   }
   removeFromParent() {
     const e = this.parent;
     return e !== null && e.remove(this), this;
   }
 }
-class ye extends L {
+class ye extends b {
   constructor(e, t, i) {
     super();
-    o(this, "name", "PanoTagPluginImagePlane");
-    this.src = e, E(e).then((s) => {
-      var p;
-      const a = new URL(e, location.href).pathname.endsWith(".png"), n = new d.MeshBasicMaterial({ map: s, transparent: a }), r = g((p = i == null ? void 0 : i.objectFit) != null ? p : "contain", t, s.image.width / s.image.height), h = b(...r), m = r.map((l) => l.clone().sub(h)), M = new S(m);
-      this.position.copy(h), this.geometry = M, this.material = n;
+    n(this, "name", "PanoTagPluginImagePlane");
+    this.src = e, I(e).then((s) => {
+      var u;
+      const d = new URL(e, location.href).pathname.endsWith(".png"), r = new p.MeshBasicMaterial({ map: s, transparent: d }), o = l((u = i == null ? void 0 : i.objectFit) != null ? u : "contain", t, s.image.width / s.image.height), h = w(...o), m = o.map((f) => f.clone().sub(h)), M = new V(m);
+      this.position.copy(h), this.geometry = M, this.material = r;
     }).catch((s) => {
       console.error({ e: s });
     });
   }
 }
-class Ee extends L {
+class Ee extends b {
   constructor(e, t, i) {
-    const {
-      videoCoverSrc: s,
-      objectFit: a = "contain",
-      playButton: n = "withText",
-      videoTextureMap: r,
-      ImageTextureMap: h,
-      videoInstance: m = document.createElement("video")
-    } = i != null ? i : {};
+    const { videoCoverSrc: s, objectFit: d = "contain", playButton: r = "withText", paused: o = !0, videoTextureMap: h, ImageTextureMap: m } = i != null ? i : {};
     super();
-    o(this, "isVideoPlane", !0);
-    o(this, "name", "PanoTagPluginImagePlane");
-    o(this, "videoInstance");
-    o(this, "objectFit");
-    o(this, "buttonSrc");
-    o(this, "paused", !0);
-    o(this, "videoCoverSrc");
-    o(this, "domEvents");
-    o(this, "disposers", []);
-    o(this, "domEventsListenerTemporaryList", []);
-    o(this, "cornerPoints");
-    o(this, "videoMesh");
-    o(this, "coverMesh");
-    o(this, "buttonMesh");
-    o(this, "videoTextureMap");
-    o(this, "ImageTextureMap");
-    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => n === "withText" ? V : n === "withoutText" ? x : typeof n == "string" ? n : x)(), this.videoInstance = m, this.videoCoverSrc = s, this.objectFit = a, this.videoTextureMap = r, this.ImageTextureMap = h, this.position.copy(b(...t)), this.videoCoverSrc ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => this.addButtonMesh()), this.addEventListener("removed", () => {
+    n(this, "isVideoPlane", !0);
+    n(this, "name", "PanoTagPluginImagePlane");
+    n(this, "videoInstance");
+    n(this, "onVideoReady");
+    n(this, "objectFit");
+    n(this, "buttonSrc");
+    n(this, "videoCoverSrc");
+    n(this, "domEvents");
+    n(this, "disposers", []);
+    n(this, "domEventsListenerTemporaryList", []);
+    n(this, "cornerPoints");
+    n(this, "videoMesh");
+    n(this, "coverMesh");
+    n(this, "buttonMesh");
+    n(this, "videoTextureMap");
+    n(this, "ImageTextureMap");
+    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => r === "withText" ? C : r === "withoutText" ? T : typeof r == "string" ? r : T)(), this.videoCoverSrc = s, this.objectFit = d, this.videoTextureMap = h, this.ImageTextureMap = m, this.position.copy(w(...t)), this.videoCoverSrc && o ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
+      o ? this.addButtonMesh() : this.play(!0);
+    }), this.addEventListener("removed", () => {
       this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
       var M;
-      this.domEventsListenerTemporaryList = [], (M = this.disposers) == null || M.forEach((p) => p == null ? void 0 : p());
+      this.domEventsListenerTemporaryList = [], (M = this.disposers) == null || M.forEach((u) => u == null ? void 0 : u());
     });
   }
-  play() {
+  play(e = !1) {
     return v(this, null, function* () {
-      !this.paused || (this.paused = !1, this.videoMesh || (yield this.addVideoMesh()), this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0, this.videoInstance.play(), this.videoInstance.muted = !1, this.render());
+      this.videoMesh || (yield this.addVideoMesh()), this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0, this.videoInstance.paused && this.videoInstance.play().catch((t) => {
+        console.error(t);
+      }), this.videoInstance.muted = e, this.render();
     });
   }
   pause() {
-    this.paused || (this.paused = !0, this.showPauseUI(), this.videoInstance.pause(), this.render());
+    !this.videoInstance || (this.showPauseUI(), this.videoInstance.pause(), this.render());
   }
   initialDomEvents(e) {
-    this.domEvents || (this.domEvents = new F(e), this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
+    this.domEvents || (this.domEvents = e, this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
   }
   initialRenderHooks(e) {
-    const t = () => {
-      this.videoMesh && (this.videoInstance.paused || (this.videoMesh.needsRender = !0));
-    };
-    e.on("renderFrame", t), this.disposers.push(() => e.off("renderFrame", t));
+    const i = e(() => {
+      var s;
+      this.videoMesh && ((s = this.videoInstance) == null ? void 0 : s.paused) === !1 && (this.videoMesh.needsRender = !0);
+    });
+    this.disposers.push(() => i);
   }
   showPauseUI() {
-    this.coverMesh && (this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1)), this.addButtonMesh(), this.render();
+    return v(this, null, function* () {
+      this.coverMesh ? (this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1)) : (yield this.addCoverMesh(), this.coverMesh && (this.videoMesh.visible = !1)), this.addButtonMesh(), this.render();
+    });
   }
   render() {
-    this.videoMesh && (this.videoMesh.needsRender = !0), this.coverMesh && (this.coverMesh.needsRender = !0), this.buttonMesh && (this.buttonMesh.needsRender = !0), this.videoMesh && (this.videoInstance.paused || (this.videoMesh.needsRender = !0));
+    var e;
+    this.videoMesh && (this.videoMesh.needsRender = !0), this.coverMesh && (this.coverMesh.needsRender = !0), this.buttonMesh && (this.buttonMesh.needsRender = !0), this.videoMesh && ((e = this.videoInstance) == null ? void 0 : e.paused) === !1 && (this.videoMesh.needsRender = !0);
   }
-  addAutoEventListener(...e) {
+  addAutoBindEventListener(...e) {
     const t = e[0];
     t.addEventListener("added", () => {
       this.addDomEventListener(...e);
@@ -160,112 +161,83 @@ class Ee extends L {
   }
   addCoverMesh() {
     return v(this, null, function* () {
-      if (this.children.find((t) => t === this.coverMesh))
+      if (this.children.includes(this.coverMesh))
         return;
-      const e = yield this.getCoverMesh();
-      this.add(e);
+      const e = yield (() => v(this, null, function* () {
+        if (this.coverMesh)
+          return this.coverMesh;
+        if (!this.videoCoverSrc)
+          return;
+        const t = yield this.getImageTexture(this.videoCoverSrc);
+        if (!t)
+          return;
+        const i = new p.MeshBasicMaterial({ transparent: !1, map: t }), s = l(this.objectFit, this.cornerPoints, t.image.width / t.image.height), d = new y(s, i);
+        return d.position.copy(new g(0, 0, 0)), d.name = "videoCoverMesh", d;
+      }))();
+      return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
     });
   }
   addVideoMesh() {
     return v(this, null, function* () {
-      if (this.children.find((t) => t === this.videoMesh))
+      if (this.children.includes(this.videoMesh))
         return;
-      const e = yield this.getVideoMesh();
-      this.add(e);
-    });
-  }
-  addButtonMesh() {
-    return v(this, null, function* () {
-      if (this.children.find((t) => t === this.buttonMesh))
+      const e = yield (() => v(this, null, function* () {
+        if (this.videoMesh)
+          return this.videoMesh;
+        if (!this.src)
+          return;
+        const i = this.getVideoTexture(this.src), s = new p.MeshBasicMaterial({ transparent: !1, map: i }), d = yield new Promise((o) => {
+          i.metadataLoaded ? o(l(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight)) : i.addEventListener(
+            "videoLoaded",
+            () => o(l(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight))
+          );
+        }), r = new y(d, s);
+        return r.name = "videoMesh", r.position.copy(new g(0, 0, 0)), r;
+      }))();
+      if (!e)
         return;
-      const e = yield this.getButtonMesh();
-      this.add(e);
-    });
-  }
-  getCoverMesh() {
-    return v(this, null, function* () {
-      if (this.coverMesh)
-        return this.coverMesh;
-      const e = yield this.getCoverTexture(), t = new d.MeshBasicMaterial({ transparent: !1, map: e }), i = g(this.objectFit, this.cornerPoints, e.image.width / e.image.height), s = new y(i, t);
-      return s.name = "videoCoverMesh", s.position.copy(new f(0, 0, 0)), this.coverMesh = s, s;
-    });
-  }
-  getVideoMesh() {
-    return v(this, null, function* () {
-      if (this.videoMesh)
-        return this.videoMesh;
-      const e = yield this.getVideoTexture(), t = new d.MeshBasicMaterial({ transparent: !1, map: e }), i = g(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight), s = new y(i, t);
-      s.name = "videoMesh", s.position.copy(new f(0, 0, 0)), this.addAutoEventListener(s, "click", () => this.pause());
-      const a = e.image;
-      return a.addEventListener("playing", () => {
+      this.addAutoBindEventListener(e, "click", () => {
+        !this.videoInstance.paused && this.videoInstance.muted ? this.videoInstance.muted = !1 : this.pause();
+      });
+      const t = e.material.map.image;
+      return t.addEventListener("playing", () => {
         this.coverMesh || this.remove(this.buttonMesh), this.render();
-      }), a.addEventListener("pause", () => {
-        this.showPauseUI();
-      }), this.videoMesh = s, this.videoInstance = a, s;
-    });
-  }
-  getButtonMesh() {
-    return v(this, null, function* () {
-      var p, l, w, T;
-      if (this.buttonMesh)
-        return this.buttonMesh;
-      const e = (l = (p = this.videoMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? l : 1 / 0, t = (T = (w = this.coverMesh) == null ? void 0 : w.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? T : 1 / 0, i = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), a = Math.min(e, t, i) / i * 0.3, n = yield this.getButtonTexture(), r = new d.ShaderMaterial({
-        uniforms: {
-          map: { value: n }
-        },
-        transparent: !1,
-        blending: d.CustomBlending,
-        blendSrc: d.SrcAlphaFactor,
-        blendDst: d.OneMinusSrcAlphaFactor,
-        blendSrcAlpha: d.OneFactor,
-        blendDstAlpha: d.OneMinusSrcAlphaFactor,
-        vertexShader: `
-        varying vec2 vUv;
-        void main() {
-          vUv = uv;
-          gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-        }
-      `,
-        fragmentShader: `
-        uniform sampler2D map;
-        // \u7EB9\u7406\u5750\u6807
-        varying vec2 vUv;
-        void main() {
-          gl_FragColor = texture2D(map, vUv);
-        }
-      `
-      }), h = g("contain", this.cornerPoints, n.image.width / n.image.height), m = new y(h, r);
-      m.position.copy(new f(0, 0, 0)), m.name = "buttonMesh", m.scale.set(a, a, a), this.addAutoEventListener(m, "click", () => this.play());
-      const M = new d.Vector3().crossVectors(new d.Vector3().subVectors(h[0], h[1]), new d.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
-      return m.position.add(M), this.buttonMesh = m, m;
+      }), t.addEventListener("pause", () => {
+        this.showPauseUI(), this.render();
+      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = t), e;
     });
   }
-  getButtonTexture() {
+  addButtonMesh() {
     return v(this, null, function* () {
-      var t, i;
-      if ((t = this.ImageTextureMap) != null && t.has(this.buttonSrc))
-        return this.ImageTextureMap.get(this.buttonSrc);
-      const e = yield E(this.buttonSrc);
-      return (i = this.ImageTextureMap) == null || i.set(this.buttonSrc, e), e;
+      if (this.children.includes(this.buttonMesh))
+        return;
+      const e = yield (() => v(this, null, function* () {
+        var u, f, E, L;
+        if (this.buttonMesh)
+          return this.buttonMesh;
+        const t = (f = (u = this.videoMesh) == null ? void 0 : u.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? f : 1 / 0, i = (L = (E = this.coverMesh) == null ? void 0 : E.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? L : 1 / 0, s = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), r = Math.min(t, i, s) / s * 0.3, o = yield this.getImageTexture(this.buttonSrc), h = l("contain", this.cornerPoints, o.image.width / o.image.height), m = new y(h, new F(o));
+        m.position.copy(new g(0, 0, 0)), m.name = "buttonMesh", m.scale.set(r, r, r), this.addAutoBindEventListener(m, "click", () => this.play());
+        const M = new p.Vector3().crossVectors(new p.Vector3().subVectors(h[0], h[1]), new p.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
+        return m.position.add(M), m;
+      }))();
+      return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
     });
   }
-  getCoverTexture() {
+  getImageTexture(e) {
     return v(this, null, function* () {
-      var t, i;
-      if ((t = this.ImageTextureMap) != null && t.has(this.videoCoverSrc))
-        return this.ImageTextureMap.get(this.videoCoverSrc);
-      const e = yield E(this.videoCoverSrc);
-      return (i = this.ImageTextureMap) == null || i.set(this.videoCoverSrc, e), e;
+      var i, s;
+      if ((i = this.ImageTextureMap) != null && i.has(e))
+        return this.ImageTextureMap.get(e);
+      const t = yield I(e);
+      return (s = this.ImageTextureMap) == null || s.set(e, t), t;
     });
   }
-  getVideoTexture() {
-    return v(this, null, function* () {
-      var t, i;
-      if ((t = this.videoTextureMap) != null && t.has(this.src))
-        return this.videoTextureMap.get(this.src);
-      const e = yield C(this.src, this.videoInstance);
-      return (i = this.videoTextureMap) == null || i.set(this.src, e), e;
-    });
+  getVideoTexture(e) {
+    var i, s;
+    if ((i = this.videoTextureMap) != null && i.has(e))
+      return this.videoTextureMap.get(e);
+    const t = B(e);
+    return (s = this.videoTextureMap) == null || s.set(e, t), t;
   }
 }
 export {

package/libs/base/BasePlugin.js

@@ -2,9 +2,9 @@ var i = Object.defineProperty;
 var a = (e, r, t) => r in e ? i(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
 var s = (e, r, t) => (a(e, typeof r != "symbol" ? r + "" : r, t), t);
 import { Subscribe as c } from "../shared-utils/Subscribe.js";
-class x {
+class o {
   constructor(r, t) {
-    s(this, "VERSION", "2.16.1");
+    s(this, "VERSION", "2.17.0-alpha.3");
     s(this, "five");
     s(this, "hooks", new c());
     s(this, "staticPrefix", "//vrlab-static.ljcdn.com");
@@ -15,5 +15,5 @@ class x {
   }
 }
 export {
-  x as Controller
+  o as Controller
 };

package/libs/index.js

@@ -1,53 +1,53 @@
 import { consoleVersion as o } from "./shared-utils/logger.js";
 import { autoFixOffscreenCanvas as r } from "./shared-utils/offscreenCanvas.js";
-import { PaintBrush as qi } from "./components/PaintBrush/index.js";
-import { PaintBrushTypeEnum as Ji } from "./components/PaintBrush/typings.js";
-import { ModelViewPlugin as Qi } from "./ModelViewPlugin/Plugin.js";
-import { CSS3DRenderPlugin as Xi } from "./CSS3DRenderPlugin/index.js";
-import { PanoCursorRaycasterPlugin as $i } from "./PanoCursorRaycasterPlugin/index.js";
-import { ModelRoomLabelPlugin as rp, modelRoomLabelPluginServerParams as tp } from "./ModelRoomLabelPlugin/index.js";
-import { FLOOR_PLAN_ATTACHED_TO as ip } from "./floorplan/constant.js";
-import { ModelFloorplanPlugin as ep } from "./floorplan/ModelFloorplanPlugin/index.js";
-import { MapviewFloorplanPlugin as np } from "./floorplan/MapviewFloorplanPlugin/index.js";
-import { TopviewFloorplanPlugin as Pp } from "./floorplan/TopviewFloorplanPlugin/index.js";
-import { PanoFloorplanRadarPlugin as up } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
-import { FLOOR_TYPE_MAP as gp, ROOM_FETILE_TYPE_MAP as sp, ROOM_TYPE_MAP as dp } from "./floorplan/typings/floorplanServerData.js";
-import { ModelChassisCompassPlugin as Tp } from "./ModelChassisCompassPlugin/Plugin.js";
-import { ModelEntryDoorGuidePlugin as Cp } from "./ModelEntryDoorGuidePlugin/Plugin.js";
-import { CameraMovementPlugin as Ep } from "./CameraMovementPlugin/CameraMovementPlugin.js";
-import { CameraMovementEffect as Op, Rotation as Sp } from "./CameraMovementPlugin/typing.js";
-import { PanoRulerPlugin as Dp } from "./PanoRulerPlugin/Plugin.js";
-import { PanoRulerProPlugin as bp } from "./PanoRulerProPlugin/index.js";
-import { PanoCompassPlugin as Fp } from "./PanoCompassPlugin/index.js";
-import { PanoMeasurePlugin as vp } from "./PanoMeasurePlugin/index.js";
-import { PanoSpatialTagPlugin as Gp } from "./PanoSpatialTagPlugin/Plugin.js";
-import { modelItemLabelPluginServerParams as Np } from "./ModelItemLabelPlugin/index.js";
-import { ModelTVVideoPlugin as wp } from "./ModelTVVideoPlugin/Plugin.js";
-import { DIRECTION as Hp } from "./ModelTVVideoPlugin/typings.js";
-import { itemLabelPluginServerParams as jp } from "./ItemLabelPlugin/index.js";
-import { PanoDoorLabelPlugin as qp } from "./PanoDoorLabelPlugin/index.js";
-import { GuideLinePlugin as Jp } from "./GuideLinePlugin/index.js";
-import { CruisePlugin as Qp } from "./CruisePlugin/index.js";
-import { PanoTagPlugin as Xp } from "./PanoTagPlugin/index.js";
-import { Object3DHelperPlugin as $p } from "./Object3DHelperPlugin/index.js";
-import { PanoVideoPlugin as re } from "./PanoVideoPlugin/index.js";
-import { index as me } from "./shared-utils/index.js";
-import { CSS3DRender as pe } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { Model as le } from "./PanoMeasurePlugin/Model/index.js";
-import { default as ae } from "./PanoMeasurePlugin/Model/point.js";
-import { default as fe } from "./PanoMeasurePlugin/Model/line.js";
-import { Polyline as xe } from "./PanoMeasurePlugin/Model/polyline.js";
-import { default as se } from "./PanoMeasurePlugin/Modules/Magnifier.js";
-import { DISPLAY_STRATEGY_TYPE as Me } from "./ModelItemLabelPlugin/typings.js";
-import { ModelItemLabelPlugin as Le } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
-import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as _e } from "./ItemLabelPlugin/typings.js";
-import { Plugin as Re } from "./ItemLabelPlugin/Plugin.js";
-import { default as Se } from "./CruisePlugin/Controller.js";
-import { default as De, pluginFlag as Ie } from "./PanoTagPlugin/controller/index.js";
-import { ContentType as ye } from "./PanoTagPlugin/typings/tag/TagData.js";
-import { DimensionType as Ye } from "./PanoTagPlugin/typings/tag/Utils.js";
-import { Object3DHelperController as ce, PLUGIN as Ge } from "./Object3DHelperPlugin/Controller.js";
-import { typings as Ne } from "./PanoVideoPlugin/typings/index.js";
+import { PaintBrush as Ji } from "./components/PaintBrush/index.js";
+import { PaintBrushTypeEnum as Qi } from "./components/PaintBrush/typings.js";
+import { ModelViewPlugin as Xi } from "./ModelViewPlugin/Plugin.js";
+import { CSS3DRenderPlugin as $i } from "./CSS3DRenderPlugin/index.js";
+import { PanoCursorRaycasterPlugin as rp } from "./PanoCursorRaycasterPlugin/index.js";
+import { ModelRoomLabelPlugin as mp, modelRoomLabelPluginServerParams as ip } from "./ModelRoomLabelPlugin/index.js";
+import { FLOOR_PLAN_ATTACHED_TO as ep } from "./floorplan/constant.js";
+import { ModelFloorplanPlugin as np } from "./floorplan/ModelFloorplanPlugin/index.js";
+import { MapviewFloorplanPlugin as Pp } from "./floorplan/MapviewFloorplanPlugin/index.js";
+import { TopviewFloorplanPlugin as up } from "./floorplan/TopviewFloorplanPlugin/index.js";
+import { PanoFloorplanRadarPlugin as gp } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
+import { FLOOR_TYPE_MAP as dp, ROOM_FETILE_TYPE_MAP as Mp, ROOM_TYPE_MAP as Tp } from "./floorplan/typings/floorplanServerData.js";
+import { ModelChassisCompassPlugin as Cp } from "./ModelChassisCompassPlugin/Plugin.js";
+import { ModelEntryDoorGuidePlugin as Ep } from "./ModelEntryDoorGuidePlugin/Plugin.js";
+import { CameraMovementPlugin as Op } from "./CameraMovementPlugin/CameraMovementPlugin.js";
+import { CameraMovementEffect as Ap, Rotation as Dp } from "./CameraMovementPlugin/typing.js";
+import { PanoRulerPlugin as bp } from "./PanoRulerPlugin/Plugin.js";
+import { PanoRulerProPlugin as Fp } from "./PanoRulerProPlugin/index.js";
+import { PanoCompassPlugin as vp } from "./PanoCompassPlugin/index.js";
+import { PanoMeasurePlugin as Gp } from "./PanoMeasurePlugin/index.js";
+import { PanoSpatialTagPlugin as Np } from "./PanoSpatialTagPlugin/Plugin.js";
+import { modelItemLabelPluginServerParams as wp } from "./ModelItemLabelPlugin/index.js";
+import { ModelTVVideoPlugin as Hp } from "./ModelTVVideoPlugin/Plugin.js";
+import { DIRECTION as jp } from "./ModelTVVideoPlugin/typings.js";
+import { itemLabelPluginServerParams as qp } from "./ItemLabelPlugin/index.js";
+import { PanoDoorLabelPlugin as Jp } from "./PanoDoorLabelPlugin/index.js";
+import { GuideLinePlugin as Qp } from "./GuideLinePlugin/index.js";
+import { CruisePlugin as Xp } from "./CruisePlugin/index.js";
+import { PanoTagPlugin as $p } from "./PanoTagPlugin/index.js";
+import { Object3DHelperPlugin as re } from "./Object3DHelperPlugin/index.js";
+import { PanoVideoPlugin as me } from "./PanoVideoPlugin/index.js";
+import { index as pe } from "./shared-utils/index.js";
+import { CSS3DRender as le } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import { Model as ae } from "./PanoMeasurePlugin/Model/index.js";
+import { default as fe } from "./PanoMeasurePlugin/Model/point.js";
+import { default as xe } from "./PanoMeasurePlugin/Model/line.js";
+import { Polyline as se } from "./PanoMeasurePlugin/Model/polyline.js";
+import { default as Me } from "./PanoMeasurePlugin/Modules/Magnifier.js";
+import { DISPLAY_STRATEGY_TYPE as Le } from "./ModelItemLabelPlugin/typings.js";
+import { ModelItemLabelPlugin as _e } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as Re } from "./ItemLabelPlugin/typings.js";
+import { Plugin as Se } from "./ItemLabelPlugin/Plugin.js";
+import { default as De } from "./CruisePlugin/Controller.js";
+import { default as be, pluginFlag as ye } from "./PanoTagPlugin/controller/index.js";
+import { ContentType as Ye } from "./PanoTagPlugin/typings/tag/TagData.js";
+import { DimensionType as ce } from "./PanoTagPlugin/typings/tag/Utils.js";
+import { Object3DHelperController as Ve, PLUGIN as Ne } from "./Object3DHelperPlugin/Controller.js";
+import { typings as we } from "./PanoVideoPlugin/typings/index.js";
 import "./components/PaintBrush/Controller.js";
 import "./components/PaintBrush/utils.js";
 import "./components/PaintBrush/tween.js";
@@ -255,7 +255,9 @@ import "./shared-utils/math/pointIsRectangle.js";
 import "./shared-utils/three/loadVideoTexture.js";
 import "./PanoTagPlugin/Assets/Icon.js";
 import "./shared-utils/three/getPositionsByObjectFit.js";
+import "./shared-utils/three/FragmentTransparencyMaterial.js";
 import "./shared-utils/five/FiveDomEvents.js";
+import "./shared-utils/five/getFloorIndex.js";
 import "./PanoTagPlugin/Components/TagContainer.js";
 import "./PanoTagPlugin/Components/TagItem.js";
 import "./PanoTagPlugin/Components/Tag/index.js";
@@ -359,58 +361,58 @@ import "./shared-utils/three/FivePointSelector.js";
 r();
 o();
 export {
-  pe as CSS3DRender,
-  Xi as CSS3DRenderPlugin,
-  Op as CameraMovementEffect,
-  Ep as CameraMovementPlugin,
-  ye as ContentType,
-  Qp as CruisePlugin,
-  Se as CruisePluginController,
-  Hp as DIRECTION,
-  Me as DISPLAY_STRATEGY_TYPE,
-  Ye as DimensionType,
-  ip as FLOOR_PLAN_ATTACHED_TO,
-  gp as FLOOR_TYPE_MAP,
-  Jp as GuideLinePlugin,
-  _e as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
-  Re as ItemLabelPlugin,
-  se as Magnifier,
-  np as MapviewFloorplanPlugin,
-  Tp as ModelChassisCompassPlugin,
-  Cp as ModelEntryDoorGuidePlugin,
-  ep as ModelFloorplanPlugin,
-  Le as ModelItemLabelPlugin,
-  rp as ModelRoomLabelPlugin,
-  wp as ModelTVVideoPlugin,
-  Qi as ModelViewPlugin,
-  ce as Object3DHelperController,
-  $p as Object3DHelperPlugin,
-  Ge as PLUGIN,
-  qi as PaintBrush,
-  Ji as PaintBrushTypeEnum,
-  Fp as PanoCompassPlugin,
-  $i as PanoCursorRaycasterPlugin,
-  qp as PanoDoorLabelPlugin,
-  up as PanoFloorplanRadarPlugin,
-  vp as PanoMeasurePlugin,
-  fe as PanoMeasurePluginLine,
-  le as PanoMeasurePluginModel,
-  ae as PanoMeasurePluginPoint,
-  xe as PanoMeasurePluginPolyline,
-  Dp as PanoRulerPlugin,
-  bp as PanoRulerProPlugin,
-  Gp as PanoSpatialTagPlugin,
-  Xp as PanoTagPlugin,
-  De as PanoTagPluginController,
-  re as PanoVideoPlugin,
-  Ne as PanoVideoPluginType,
-  sp as ROOM_FETILE_TYPE_MAP,
-  dp as ROOM_TYPE_MAP,
-  Sp as Rotation,
-  Pp as TopviewFloorplanPlugin,
-  me as Util,
-  jp as itemLabelPluginServerParams,
-  Np as modelItemLabelPluginServerParams,
-  tp as modelRoomLabelPluginServerParams,
-  Ie as pluginFlag
+  le as CSS3DRender,
+  $i as CSS3DRenderPlugin,
+  Ap as CameraMovementEffect,
+  Op as CameraMovementPlugin,
+  Ye as ContentType,
+  Xp as CruisePlugin,
+  De as CruisePluginController,
+  jp as DIRECTION,
+  Le as DISPLAY_STRATEGY_TYPE,
+  ce as DimensionType,
+  ep as FLOOR_PLAN_ATTACHED_TO,
+  dp as FLOOR_TYPE_MAP,
+  Qp as GuideLinePlugin,
+  Re as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
+  Se as ItemLabelPlugin,
+  Me as Magnifier,
+  Pp as MapviewFloorplanPlugin,
+  Cp as ModelChassisCompassPlugin,
+  Ep as ModelEntryDoorGuidePlugin,
+  np as ModelFloorplanPlugin,
+  _e as ModelItemLabelPlugin,
+  mp as ModelRoomLabelPlugin,
+  Hp as ModelTVVideoPlugin,
+  Xi as ModelViewPlugin,
+  Ve as Object3DHelperController,
+  re as Object3DHelperPlugin,
+  Ne as PLUGIN,
+  Ji as PaintBrush,
+  Qi as PaintBrushTypeEnum,
+  vp as PanoCompassPlugin,
+  rp as PanoCursorRaycasterPlugin,
+  Jp as PanoDoorLabelPlugin,
+  gp as PanoFloorplanRadarPlugin,
+  Gp as PanoMeasurePlugin,
+  xe as PanoMeasurePluginLine,
+  ae as PanoMeasurePluginModel,
+  fe as PanoMeasurePluginPoint,
+  se as PanoMeasurePluginPolyline,
+  bp as PanoRulerPlugin,
+  Fp as PanoRulerProPlugin,
+  Np as PanoSpatialTagPlugin,
+  $p as PanoTagPlugin,
+  be as PanoTagPluginController,
+  me as PanoVideoPlugin,
+  we as PanoVideoPluginType,
+  Mp as ROOM_FETILE_TYPE_MAP,
+  Tp as ROOM_TYPE_MAP,
+  Dp as Rotation,
+  up as TopviewFloorplanPlugin,
+  pe as Util,
+  qp as itemLabelPluginServerParams,
+  wp as modelItemLabelPluginServerParams,
+  ip as modelRoomLabelPluginServerParams,
+  ye as pluginFlag
 };

package/libs/shared-utils/five/FiveDomEvents.d.ts

@@ -5,6 +5,12 @@ export declare class FiveDomEvents extends DomEvents {
     private mouseInfo?;
     private clickHandlerMap;
     constructor(five: Five);
+    /**
+     * @description: added 时自动绑定事件，removed时自动解绑事件，也就是说只有物体在场景中的时候才会触发事件
+     * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效
+     * @todo: added 和 removed 还是不太智能
+     */
+    addAutoBindEventListener(...params: Parameters<InstanceType<typeof FiveDomEvents>['addEventListener']>): void;
     addEventListener<T extends 'click' | 'dblclick' | 'mouseover' | 'mouseout' | 'mousemove' | 'mousedown' | 'mouseup' | 'contextmenu' | 'touchstart' | 'touchend', K extends THREE.Object3D>(object: K, eventName: T, callback: (params: DomEventInterface<T, K>) => void, useCapture?: boolean): void;
     removeEventListener(object: THREE.Object3D, eventName: 'click' | 'dblclick' | 'mouseover' | 'mouseout' | 'mousemove' | 'mousedown' | 'mouseup' | 'contextmenu' | 'touchstart' | 'touchend', callback: (params: any) => void, useCapture?: boolean): void;
     private preventWhenMouseDown;