@realsee/dnalogel 3.73.0 → 3.73.1-alpha.2

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.d.ts

@@ -6,11 +6,24 @@ import type { Vector3 } from 'three';
 import { Rectangle } from '../../../Sculpt/Objects/Rectangle';
 export type PlaneTagInterface<C extends TagContentType = TagContentType> = TagInstance<C, 'Plane'>;
 export declare class PlaneTag<C extends TagContentType = TagContentType> extends BaseTag<C, 'Plane'> {
-    constructor(plugin: PanoTagPluginController, tagData: TagData);
     rectanglePlane?: Rectangle;
+    private _floorIndex?;
+    private _floorIndexDirty;
+    private _opacity?;
+    constructor(plugin: PanoTagPluginController, tagData: TagData);
+    /** 获取透明度 */
+    get opacity(): number;
+    /** 设置透明度 (0-1) */
+    set opacity(value: number);
+    /** 获取楼层索引（惰性计算 + 缓存） */
+    get floorIndex(): number | undefined;
+    /** 标记 floorIndex 需要重新计算（在位置等相关数据变化时调用） */
+    invalidateFloorIndex(): void;
     applyVisible(): void;
     set(tag: PartialObjectDeep<Tag<C, 'Plane'>>, deepMerge?: boolean): void;
     setData(...data: Parameters<InstanceType<typeof BaseTag<C, 'Plane'>>['setData']>): void;
+    /** 计算楼层索引 */
+    private computeFloorIndex;
     private loadModel;
     private initialSculpt;
     editorEnable(): void;

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.js

@@ -1,44 +1,46 @@
-var F = Object.defineProperty, T = Object.defineProperties;
-var j = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var R = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var S = (l, i, t) => i in l ? F(l, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[i] = t, v = (l, i) => {
-  for (var t in i || (i = {}))
-    R.call(i, t) && S(l, t, i[t]);
-  if (b)
-    for (var t of b(i))
-      k.call(i, t) && S(l, t, i[t]);
-  return l;
-}, D = (l, i) => T(l, j(i));
-var C = (l, i, t) => new Promise((e, o) => {
-  var n = (s) => {
+var j = Object.defineProperty, R = Object.defineProperties;
+var V = Object.getOwnPropertyDescriptors;
+var F = Object.getOwnPropertySymbols;
+var k = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var I = (d, p, t) => p in d ? j(d, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[p] = t, b = (d, p) => {
+  for (var t in p || (p = {}))
+    k.call(p, t) && I(d, t, p[t]);
+  if (F)
+    for (var t of F(p))
+      M.call(p, t) && I(d, t, p[t]);
+  return d;
+}, S = (d, p) => R(d, V(p));
+var y = (d, p, t) => (I(d, typeof p != "symbol" ? p + "" : p, t), t);
+var C = (d, p, t) => new Promise((e, i) => {
+  var n = (r) => {
     try {
-      r(t.next(s));
-    } catch (d) {
-      o(d);
+      o(t.next(r));
+    } catch (m) {
+      i(m);
     }
-  }, m = (s) => {
+  }, a = (r) => {
     try {
-      r(t.throw(s));
-    } catch (d) {
-      o(d);
+      o(t.throw(r));
+    } catch (m) {
+      i(m);
     }
-  }, r = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(n, m);
-  r((t = t.apply(l, i)).next());
+  }, o = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(n, a);
+  o((t = t.apply(d, p)).next());
 });
-import { CONST as E } from "../../../shared-utils/constants.js";
-import { CSS3DObjectPlus as V } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
-import { anyPositionToVector3 as M, arrayPositionToVector3 as u } from "../../../shared-utils/positionToVector3.js";
-import "three";
+import { CONST as _ } from "../../../shared-utils/constants.js";
+import { CSS3DObjectPlus as w } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
+import { anyPositionToVector3 as T, arrayPositionToVector3 as g } from "../../../shared-utils/positionToVector3.js";
+import * as E from "three";
 import { planeNormal as O } from "../../utils/planeNormal.js";
-import { VideoPlane as w, ImagePlane as G } from "../../utils/model/mediaPlane.js";
-import L from "../../Components/Tag/index.js";
-import { BaseTag as A } from "./BaseTag.js";
+import { centerPoint as G } from "../../../shared-utils/three/centerPoint.js";
+import { VideoPlane as L, ImagePlane as A } from "../../utils/model/mediaPlane.js";
+import N from "../../Components/Tag/index.js";
+import { BaseTag as B } from "./BaseTag.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 { initialCSS3DRender as N } from "../../../shared-utils/CSS3DRender/index.js";
+import { initialCSS3DRender as H } from "../../../shared-utils/CSS3DRender/index.js";
 import "@realsee/five/line";
 import "../../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../../shared-utils/three/core/Sphere.js";
@@ -46,14 +48,14 @@ import "../../../shared-utils/three/blink.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { waitFiveModelLoaded as I } from "../../../shared-utils/five/fiveModelLoad.js";
-import { uuid as B } from "../../../shared-utils/uuid.js";
+import { waitFiveModelLoaded as x } from "../../../shared-utils/five/fiveModelLoad.js";
+import { uuid as $ } from "../../../shared-utils/uuid.js";
 import "../../../shared-utils/five/FivePuppet.js";
-import { Sculpt as x } from "../../../Sculpt/index.js";
-import { Rectangle as H } from "../../../Sculpt/Objects/Rectangle/index.js";
+import { Sculpt as U } from "../../../Sculpt/index.js";
+import { Rectangle as q } from "../../../Sculpt/Objects/Rectangle/index.js";
+import { getFloorMesh as W } from "../../../shared-utils/five/getFloorMesh.js";
 import "../../../shared-utils/even.js";
 import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
-import "../../../shared-utils/three/centerPoint.js";
 import "../../../shared-utils/isNil.js";
 import "../../../shared-utils/three/loadTexture.js";
 import "../../../shared-utils/three/Quadrangle.js";
@@ -297,43 +299,99 @@ import "../../../shared-utils/forReverseEach.js";
 import "../../../Sculpt/Objects/Line/index.js";
 import "../../../Sculpt/Editors/RectangleMeshEditor.js";
 import "../../../Sculpt/utils/sortPositionsByCameraPosition.js";
-const $ = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map();
-class Zr extends A {
-  constructor(i, t) {
-    super(i, t), this.state.unfolded = !0, this.loadModel();
+const Z = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
+class Xr extends B {
+  constructor(t, e) {
+    super(t, e);
+    y(this, "_floorIndex");
+    y(this, "_floorIndexDirty", !0);
+    y(this, "_opacity");
+    this.state.unfolded = !0, this.loadModel();
+  }
+  /** 获取透明度 */
+  get opacity() {
+    var t, e;
+    return this._opacity !== void 0 ? this._opacity : (e = (t = this.data) == null ? void 0 : t.opacity) != null ? e : 1;
+  }
+  /** 设置透明度 (0-1) */
+  set opacity(t) {
+    t !== this._opacity && (this._opacity = t, this.mediaPlane && (this.mediaPlane.opacity = t));
+  }
+  /** 获取楼层索引（惰性计算 + 缓存） */
+  get floorIndex() {
+    return (this._floorIndexDirty || this._floorIndex === void 0) && (this._floorIndex = this.computeFloorIndex(), this._floorIndexDirty = !1), this._floorIndex;
+  }
+  /** 标记 floorIndex 需要重新计算（在位置等相关数据变化时调用） */
+  invalidateFloorIndex() {
+    this._floorIndexDirty = !0;
   }
   applyVisible() {
-    var t, e, o, n, m, r;
-    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((e = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : e.type) === "Video" ? this.renderVideoPlane() : ((n = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : n.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((m = this.tag3DContentSvelte) == null || m.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (r = this.tag3DContentSvelte) != null && r.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0));
+    var e, i, n, a, o, r;
+    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((a = (n = this.data.mediaData) == null ? void 0 : n[0]) == null ? void 0 : a.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((o = this.tag3DContentSvelte) == null || o.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (r = this.tag3DContentSvelte) != null && r.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0));
   }
-  set(i, t = !0) {
-    super.set(i, t), I(this.five).then(() => {
-      this.tag3DContentSvelte && (i.data ? this.tag3DContentSvelte.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }) : i.position && this.loadModel());
+  set(t, e = !0) {
+    super.set(t, e), x(this.five).then(() => {
+      this.tag3DContentSvelte && (t.data ? this.tag3DContentSvelte.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }) : t.position && this.loadModel());
     });
   }
-  setData(...i) {
-    var e, o, n, m, r;
-    super.setData(...i), this.computeRenderType() === "Mesh" ? ((o = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((m = (n = this.data.mediaData) == null ? void 0 : n[0]) == null ? void 0 : m.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane() : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
+  setData(...t) {
+    var i, n, a, o, r;
+    super.setData(...t), this.computeRenderType() === "Mesh" ? (((n = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : n.type) === "Video" ? this.renderVideoPlane() : ((o = (a = this.data.mediaData) == null ? void 0 : a[0]) == null ? void 0 : o.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane(), this.mediaPlane && (this.mediaPlane.opacity = this.opacity)) : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
+  }
+  /** 计算楼层索引 */
+  computeFloorIndex() {
+    const t = /* @__PURE__ */ new Map();
+    this.five.observers.forEach((a) => {
+      var r;
+      const o = (r = a.floorIndex) != null ? r : 0;
+      if (!t.has(o)) {
+        const m = W(this.five, o);
+        m.isEmpty() || t.set(o, m);
+      }
+    });
+    const e = G(...this.position.map(T)), i = [], n = [];
+    if (t.forEach((a, o) => {
+      n.push({ floorIndex: o, box: a }), a.containsPoint(e) && i.push({ floorIndex: o, box: a });
+    }), i.length === 1)
+      return i[0].floorIndex;
+    if (i.length > 1) {
+      let a = 1 / 0, o = i[0].floorIndex;
+      return i.forEach(({ floorIndex: r, box: m }) => {
+        const h = new E.Vector3();
+        m.getCenter(h);
+        const c = e.distanceTo(h);
+        c < a && (a = c, o = r);
+      }), o;
+    }
+    if (n.length > 0) {
+      let a = 1 / 0, o = n[0].floorIndex;
+      return n.forEach(({ floorIndex: r, box: m }) => {
+        const h = new E.Vector3();
+        m.getCenter(h);
+        const c = e.distanceTo(h);
+        c < a && (a = c, o = r);
+      }), o;
+    }
   }
   loadModel() {
     return C(this, null, function* () {
-      var t, e, o, n, m, r;
-      if (yield I(this.five), this.computeRenderType() === "Mesh")
-        this.initialSculpt(), ((e = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : e.type) === "Video" ? this.renderVideoPlane() : ((n = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : n.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane();
+      var e, i, n, a, o, r;
+      if (yield x(this.five), this.computeRenderType() === "Mesh")
+        this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((a = (n = this.data.mediaData) == null ? void 0 : n[0]) == null ? void 0 : a.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane();
       else {
-        N(this.five);
-        const s = this.position.map(M);
-        (r = (m = this.tag3DContentSvelte) == null ? void 0 : m.dispose) == null || r.call(m);
-        const d = document.createElement("div");
-        d.classList.add("tag-media-container");
-        const g = v({ mode: "front", cornerPoints: s, container: d }, this.config.tag3DConfig), P = this.computeRenderType() === "BehindDom" || g.mode === "behind" ? "behind" : "front", p = new V(D(v({}, g), { mode: P })), a = this.computeNormal();
-        p.position.add(a.clone().setLength(E.Z_FIGHTING_OFFSET)), this.plugin.group.add(p);
-        let f;
-        p.mode === "behind" && this.config.clickable !== !1 && (f = this.addObjectClickHandler(this, p, (c) => {
-          this.plugin.hooks.emit("click", { event: c, target: "TagContent", tag: this });
+        H(this.five);
+        const m = this.position.map(T);
+        (r = (o = this.tag3DContentSvelte) == null ? void 0 : o.dispose) == null || r.call(o);
+        const h = document.createElement("div");
+        h.classList.add("tag-media-container");
+        const c = b({ mode: "front", cornerPoints: m, container: h }, this.config.tag3DConfig), P = this.computeRenderType() === "BehindDom" || c.mode === "behind" ? "behind" : "front", l = new w(S(b({}, c), { mode: P })), s = this.computeNormal();
+        l.position.add(s.clone().setLength(_.Z_FIGHTING_OFFSET)), this.plugin.group.add(l);
+        let v;
+        l.mode === "behind" && this.config.clickable !== !1 && (v = this.addObjectClickHandler(this, l, (f) => {
+          this.plugin.hooks.emit("click", { event: f, target: "TagContent", tag: this });
         }));
-        const h = new L({
-          target: d,
+        const u = new N({
+          target: h,
           props: {
             tag: this,
             hooks: this.plugin.hooks,
@@ -344,15 +402,15 @@ class Zr extends A {
           }
         });
         this.tag3DContentSvelte = {
-          svelteApp: h,
+          svelteApp: u,
           domContainer: {
-            css3DObject: p
+            css3DObject: l
           },
-          css3DInstance: p,
-          initialNormal: a,
-          currentNormal: a,
+          css3DInstance: l,
+          initialNormal: s,
+          currentNormal: s,
           dispose: () => {
-            h.$destroy(), p.dispose(), f == null || f();
+            u.$destroy(), l.dispose(), v == null || v();
           }
         }, this.five.needsRender = !0;
       }
@@ -361,15 +419,15 @@ class Zr extends A {
   initialSculpt() {
     if (this.rectanglePlane)
       return;
-    const i = new x(this.five, void 0, {
+    const t = new U(this.five, void 0, {
       magnifier: null
     });
-    i.clear(), i.group.removeFromParent();
-    const t = B(), e = new H(
+    t.clear(), t.group.removeFromParent();
+    const e = $(), i = new q(
       {
-        id: t,
+        id: e,
         type: "Rectangle",
-        points: this.position.map(u),
+        points: this.position.map(g),
         style: {
           color: 2203620,
           opacity: 0.1,
@@ -380,91 +438,92 @@ class Zr extends A {
         defaultAction: !1
       }
     );
-    e.visible = !1, this.plugin.imagePlaneGroup.add(e), this.rectanglePlane = e, e.editor.hooks.on("objectUpdate", () => {
-      var o;
-      (o = this.mediaPlane) == null || o.changePointsOrParams({ cornerPoints: e.data.points.map(u) });
-    }), e.editor.disable();
+    i.visible = !1, this.plugin.imagePlaneGroup.add(i), this.rectanglePlane = i, i.editor.hooks.on("objectUpdate", () => {
+      var n;
+      (n = this.mediaPlane) == null || n.changePointsOrParams({ cornerPoints: i.data.points.map(g) });
+    }), i.editor.disable();
   }
   editorEnable() {
     this.rectanglePlane || this.initialSculpt(), this.rectanglePlane.visible = !0, this.rectanglePlane.editor.enable();
   }
-  editorDisable(i) {
-    var e;
+  editorDisable(t) {
+    var i;
     this.rectanglePlane.visible = !1;
-    const t = i || this.position.map(u);
-    (e = this.mediaPlane) == null || e.changePointsOrParams({ cornerPoints: t }), this.rectanglePlane.setData({
-      points: t
+    const e = t || this.position.map(g);
+    (i = this.mediaPlane) == null || i.changePointsOrParams({ cornerPoints: e }), this.rectanglePlane.setData({
+      points: e
     }), this.rectanglePlane.editor.disable();
   }
   renderVideoPlane() {
-    var d, g, P;
-    const i = this.data.mediaData[0];
-    if (!i)
-      return;
-    const { url: t } = i;
+    var h, c, P;
+    const t = this.data.mediaData[0];
     if (!t)
       return;
-    const e = (d = this.data.objectFit) != null ? d : "contain", o = this.currentVisible, n = (() => !!(this.mediaPlane && !o))(), m = (() => !!(!this.mediaPlane && o))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== t || this.mediaPlane.objectFit !== e)))();
-    (n || r) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
-    const s = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
-    if (m || r) {
-      let p = this.position.map(u);
-      this.rectanglePlane && (p = this.rectanglePlane.data.points.map(u));
-      const a = new w(t, p, {
-        videoCoverSrc: i.videoCoverUrl,
+    const { url: e } = t;
+    if (!e)
+      return;
+    const i = (h = this.data.objectFit) != null ? h : "contain", n = this.currentVisible, a = (() => !!(this.mediaPlane && !n))(), o = (() => !!(!this.mediaPlane && n))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
+    (a || r) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
+    const m = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== i))();
+    if (o || r) {
+      let l = this.position.map(g);
+      this.rectanglePlane && (l = this.rectanglePlane.data.points.map(g));
+      const s = new L(e, l, {
+        videoCoverSrc: t.videoCoverUrl,
         playButton: this.data.playIcon,
-        paused: !((g = this.data.autoplayConfig) != null && g.autoplayVideo),
+        paused: !((c = this.data.autoplayConfig) != null && c.autoplayVideo),
         objectFit: this.data.objectFit,
-        videoTextureMap: $,
-        ImageTextureMap: U,
-        domEvents: this.plugin.domEvents
+        videoTextureMap: Z,
+        ImageTextureMap: z,
+        domEvents: this.plugin.domEvents,
+        opacity: this.opacity
       });
-      this.plugin.domEvents.addAutoBindEventListener(a, "click", (h) => {
-        var c, y;
-        !((c = a.videoInstance) != null && c.paused) && ((y = a.videoInstance) == null ? void 0 : y.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
-          event: h,
+      this.plugin.domEvents.addAutoBindEventListener(s, "click", (u) => {
+        var f, D;
+        !((f = s.videoInstance) != null && f.paused) && ((D = s.videoInstance) == null ? void 0 : D.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
+          event: u,
           state: "playing",
           tag: this,
-          mediaInstance: a.videoInstance
+          mediaInstance: s.videoInstance
         });
-      }), a.onVideoReady = (h) => {
-        h.addEventListener("play", (c) => {
-          this.plugin.mediaStore.set({ currentMediaElement: a.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: c, state: "playing", tag: this, mediaInstance: a.videoInstance });
-        }), h.addEventListener("pause", (c) => {
-          this.plugin.hooks.emit("playStateChange", { event: c, state: "paused", tag: this, mediaInstance: a.videoInstance });
-        }), h.addEventListener("ended", (c) => {
-          this.plugin.hooks.emit("playStateChange", { event: c, state: "paused", tag: this, mediaInstance: a.videoInstance });
+      }), s.onVideoReady = (u) => {
+        u.addEventListener("play", (f) => {
+          this.plugin.mediaStore.set({ currentMediaElement: s.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: f, state: "playing", tag: this, mediaInstance: s.videoInstance });
+        }), u.addEventListener("pause", (f) => {
+          this.plugin.hooks.emit("playStateChange", { event: f, state: "paused", tag: this, mediaInstance: s.videoInstance });
+        }), u.addEventListener("ended", (f) => {
+          this.plugin.hooks.emit("playStateChange", { event: f, state: "paused", tag: this, mediaInstance: s.videoInstance });
         });
       };
-      const f = (h) => (this.five.on("renderFrame", h), () => this.five.off("renderFrame", h));
-      a.initialRenderHooks(f), this.mediaPlane = a, this.play = () => a.play(), this.pause = () => a.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
+      const v = (u) => (this.five.on("renderFrame", u), () => this.five.off("renderFrame", u));
+      s.initialRenderHooks(v), this.mediaPlane = s, this.play = () => s.play(), this.pause = () => s.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
     }
-    if (s) {
-      const p = this.rectanglePlane.data.points.map(u);
-      (P = this.mediaPlane) == null || P.changePointsOrParams({ cornerPoints: p, params: { objectFit: e } });
+    if (m) {
+      const l = this.rectanglePlane.data.points.map(g);
+      (P = this.mediaPlane) == null || P.changePointsOrParams({ cornerPoints: l, params: { objectFit: i } });
     }
     this.five.needsRender = !0;
   }
   renderImagePlane() {
-    var g, P;
-    const i = this.data.mediaData[0], t = (g = this.data.objectFit) != null ? g : "contain";
-    if (!i)
+    var c, P;
+    const t = this.data.mediaData[0], e = (c = this.data.objectFit) != null ? c : "contain";
+    if (!t)
       return;
-    const { url: e } = i;
-    if (!e)
+    const { url: i } = t;
+    if (!i)
       return;
-    let o = this.position.map(u);
-    const n = this.currentVisible, m = (() => !!(this.mediaPlane && !n))(), r = (() => !!(!this.mediaPlane && n))(), s = (() => !!(this.mediaPlane && this.mediaPlane.src !== e))(), d = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== t))();
-    if ((m || s) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || s) && (this.rectanglePlane && (o = this.rectanglePlane.data.points.map(u)), this.mediaPlane = new G(e, o, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    let n = this.position.map(g);
+    const a = this.currentVisible, o = (() => !!(this.mediaPlane && !a))(), r = (() => !!(!this.mediaPlane && a))(), m = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), h = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
+    if ((o || m) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || m) && (this.rectanglePlane && (n = this.rectanglePlane.data.points.map(g)), this.mediaPlane = new A(i, n, { objectFit: this.data.objectFit, opacity: this.opacity }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
       this.mediaPlane,
       "click",
-      (p) => {
-        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: p.origDomEvent });
+      (l) => {
+        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: l.origDomEvent });
       },
       { noEmitWhenHide: !0 }
-    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), d) {
-      const p = this.rectanglePlane.data.points.map(u);
-      (P = this.mediaPlane) == null || P.changePointsOrParams({ cornerPoints: p, params: { objectFit: t } });
+    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), h) {
+      const l = this.rectanglePlane.data.points.map(g);
+      (P = this.mediaPlane) == null || P.changePointsOrParams({ cornerPoints: l, params: { objectFit: e } });
     }
     this.five.needsRender = !0;
   }
@@ -476,5 +535,5 @@ class Zr extends A {
   }
 }
 export {
-  Zr as PlaneTag
+  Xr as PlaneTag
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -312,6 +312,7 @@ import "../../Sculpt/Editors/BoxMeshEditor.js";
 import "../../Sculpt/Meshes/Box.js";
 import "../../shared-utils/forReverseEach.js";
 import "../../Sculpt/Objects/Line/index.js";
+import "../../shared-utils/five/getFloorMesh.js";
 import "../Components/TagItem.js";
 import "../Components/Common/TagPoint.js";
 import "../Components/Tag/AudioTag/AudioPoint.js";
@@ -328,8 +329,8 @@ import "../Components/Common/TagPopover/TagPopoverToolBar.js";
 import "../Components/Common/TagPopover/ArrowRightIcon.js";
 import "../Components/Common/TagPopover/ShareIcon.js";
 import "../utils/popoverContainer.js";
-const D = "Dnalogel-PanoTagPlugin", Us = (h) => `${D}--${h}`;
-class _s extends R {
+const D = "Dnalogel-PanoTagPlugin", _s = (h) => `${D}--${h}`;
+class Fs extends R {
   constructor(e, t) {
     super(e);
     /** state */
@@ -802,7 +803,7 @@ class _s extends R {
   }
 }
 export {
-  _s as PanoTagPluginController,
-  _s as default,
-  Us as pluginFlag
+  Fs as PanoTagPluginController,
+  Fs as default,
+  _s as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import r from "./controller/index.js";
-import { pluginFlag as Ki } from "./controller/index.js";
-import { defaultGlobalConfig as Mi } from "./typings/tag/TagConfig.js";
-import { ContentType as Oi, DimensionType as Qi, PointType as Ri } from "./Archive/deprecated.js";
+import { pluginFlag as Li } from "./controller/index.js";
+import { defaultGlobalConfig as Ni } from "./typings/tag/TagConfig.js";
+import { ContentType as Qi, DimensionType as Ri, PointType as Si } from "./Archive/deprecated.js";
 import "three";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/positionToVector3.js";
@@ -284,6 +284,7 @@ import "../Sculpt/Editors/BoxMeshEditor.js";
 import "../Sculpt/Meshes/Box.js";
 import "../shared-utils/forReverseEach.js";
 import "../Sculpt/Objects/Line/index.js";
+import "../shared-utils/five/getFloorMesh.js";
 import "./Components/TagContainer.js";
 import "./Components/TagItem.js";
 import "./Components/Common/TagPoint.js";
@@ -302,14 +303,14 @@ import "./Components/Common/TagPopover/ArrowRightIcon.js";
 import "./Components/Common/TagPopover/ShareIcon.js";
 import "./utils/popoverContainer.js";
 import "../shared-utils/animationFrame/BetterTween.js";
-const Hi = (o, t) => new r(o, t);
+const Ii = (o, t) => new r(o, t);
 export {
-  Oi as ContentType,
-  Qi as DimensionType,
-  Hi as PanoTagPlugin,
+  Qi as ContentType,
+  Ri as DimensionType,
+  Ii as PanoTagPlugin,
   r as PanoTagPluginController,
-  Ri as PointType,
-  Hi as default,
-  Mi as defaultGlobalConfig,
-  Ki as pluginFlag
+  Si as PointType,
+  Ii as default,
+  Ni as defaultGlobalConfig,
+  Li as pluginFlag
 };

package/libs/PanoTagPlugin/utils/model/mediaPlane.d.ts

@@ -15,6 +15,10 @@ declare abstract class MediaPlane extends THREE.Mesh<THREE.BufferGeometry | THRE
     name: string;
     src?: string;
     objectFit: ObjectFit;
+    /** 获取透明度 */
+    get opacity(): number;
+    /** 设置透明度 (0-1) */
+    set opacity(value: number);
     removeFromParent(): this;
     dispose(): void;
 }
@@ -24,6 +28,7 @@ declare class ImagePlane extends MediaPlane {
     constructor(imageSrc: string, cornerPoints: Vector3[], params?: {
         objectFit?: ObjectFit;
         resolveZFighting?: boolean;
+        opacity?: number;
     });
     changePointsOrParams(props: {
         cornerPoints: Vector3[];
@@ -48,6 +53,7 @@ declare class VideoPlane extends MediaPlane {
     private buttonMesh?;
     private videoTextureMap;
     private ImageTextureMap;
+    private initialOpacity;
     constructor(videoSrc: string, cornerPoints: Vector3[], params?: {
         paused?: boolean;
         playButton?: 'withText' | 'withoutText' | string;
@@ -59,6 +65,7 @@ declare class VideoPlane extends MediaPlane {
             transparent: boolean;
         }>;
         domEvents?: FiveDomEvents;
+        opacity?: number;
     });
     play(muted?: boolean): Promise<void>;
     pause(): void;