@realsee/dnalogel 3.81.9 → 3.81.10-alpha.1

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

@@ -1,31 +1,31 @@
-var j = Object.defineProperty, V = Object.defineProperties;
-var k = Object.getOwnPropertyDescriptors;
+var R = Object.defineProperty, j = Object.defineProperties;
+var V = Object.getOwnPropertyDescriptors;
 var F = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var b = (c, d, t) => d in c ? j(c, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[d] = t, I = (c, d) => {
+var k = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var b = (u, d, t) => d in u ? R(u, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[d] = t, I = (u, d) => {
   for (var t in d || (d = {}))
-    M.call(d, t) && b(c, t, d[t]);
+    k.call(d, t) && b(u, t, d[t]);
   if (F)
     for (var t of F(d))
-      w.call(d, t) && b(c, t, d[t]);
-  return c;
-}, S = (c, d) => V(c, k(d));
-var v = (c, d, t) => (b(c, typeof d != "symbol" ? d + "" : d, t), t);
-var C = (c, d, t) => new Promise((e, i) => {
-  var o = (r) => {
+      w.call(d, t) && b(u, t, d[t]);
+  return u;
+}, S = (u, d) => j(u, V(d));
+var v = (u, d, t) => (b(u, typeof d != "symbol" ? d + "" : d, t), t);
+var C = (u, d, t) => new Promise((e, i) => {
+  var o = (a) => {
     try {
-      p(t.next(r));
-    } catch (a) {
-      i(a);
+      p(t.next(a));
+    } catch (n) {
+      i(n);
     }
-  }, l = (r) => {
+  }, l = (a) => {
     try {
-      p(t.throw(r));
-    } catch (a) {
-      i(a);
+      p(t.throw(a));
+    } catch (n) {
+      i(n);
     }
-  }, p = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(o, l);
-  p((t = t.apply(c, d)).next());
+  }, p = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(o, l);
+  p((t = t.apply(u, d)).next());
 });
 import { CONST as _ } from "../../../shared-utils/constants.js";
 import { CSS3DObjectPlus as O } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
@@ -52,7 +52,7 @@ import { waitFiveModelLoaded as T } from "../../../shared-utils/five/fiveModelLo
 import "../../../vendor/earcut/src/earcut.js";
 import { uuid as U } from "../../../shared-utils/uuid.js";
 import "../../../shared-utils/five/FivePuppet.js";
-import { Sculpt as R } from "../../../Sculpt/index.js";
+import { Sculpt as M } from "../../../Sculpt/index.js";
 import { Rectangle as W } from "../../../Sculpt/Objects/Rectangle/index.js";
 import { getFloorMesh as q } from "../../../shared-utils/five/getFloorMesh.js";
 import "../../../shared-utils/even.js";
@@ -302,7 +302,7 @@ import "../../../Sculpt/Objects/Line/index.js";
 import "../../../Sculpt/Editors/RectangleMeshEditor.js";
 import "../../../Sculpt/utils/sortPositionsByCameraPosition.js";
 const Z = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
-class tn extends N {
+class ta extends N {
   constructor(t, e) {
     super(t, e);
     v(this, "_floorIndex");
@@ -328,8 +328,8 @@ class tn extends N {
     this._floorIndexDirty = !0;
   }
   applyVisible() {
-    var e, i, o, l, p, r;
-    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((l = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : l.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((p = this.tag3DContentSvelte) == null || p.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)), this.syncEditorAuxiliaryVisibility();
+    var e, i, o, l, p, a;
+    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((l = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : l.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((p = this.tag3DContentSvelte) == null || p.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (a = this.tag3DContentSvelte) != null && a.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0)), this.syncEditorAuxiliaryVisibility();
   }
   set(t, e = !0) {
     super.set(t, e), T(this.five).then(() => {
@@ -337,63 +337,63 @@ class tn extends N {
     });
   }
   setData(...t) {
-    var i, o, l, p, r;
-    super.setData(...t), this.computeRenderType() === "Mesh" ? (((o = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((p = (l = this.data.mediaData) == null ? void 0 : l[0]) == null ? void 0 : p.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane(), this.mediaPlane && (this.mediaPlane.opacity = this.opacity)) : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
+    var i, o, l, p, a;
+    super.setData(...t), this.computeRenderType() === "Mesh" ? (((o = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((p = (l = this.data.mediaData) == null ? void 0 : l[0]) == null ? void 0 : p.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane(), this.mediaPlane && (this.mediaPlane.opacity = this.opacity)) : (a = this.tag3DContentSvelte) == null || a.svelteApp.$set({ tag: this });
   }
   /** 计算楼层索引 */
   computeFloorIndex() {
-    var p, r;
+    var p, a;
     const t = /* @__PURE__ */ new Map();
-    ((r = (p = this.five.works.getWork(this.workUtil.workCode)) == null ? void 0 : p.observers) != null ? r : []).forEach((a) => {
+    ((a = (p = this.five.works.getWork(this.workUtil.workCode)) == null ? void 0 : p.observers) != null ? a : []).forEach((n) => {
       var h;
-      const m = (h = a.floorIndex) != null ? h : 0;
+      const m = (h = n.floorIndex) != null ? h : 0;
       if (!t.has(m)) {
-        const u = q(this.five, m);
-        u.isEmpty() || t.set(m, u);
+        const f = q(this.five, m);
+        f.isEmpty() || t.set(m, f);
       }
     });
     const i = H(...this.position.map(E)), o = [], l = [];
-    if (t.forEach((a, m) => {
-      l.push({ floorIndex: m, box: a }), a.containsPoint(i) && o.push({ floorIndex: m, box: a });
+    if (t.forEach((n, m) => {
+      l.push({ floorIndex: m, box: n }), n.containsPoint(i) && o.push({ floorIndex: m, box: n });
     }), o.length === 1)
       return o[0].floorIndex;
     if (o.length > 1) {
-      let a = 1 / 0, m = o[0].floorIndex;
-      return o.forEach(({ floorIndex: h, box: u }) => {
+      let n = 1 / 0, m = o[0].floorIndex;
+      return o.forEach(({ floorIndex: h, box: f }) => {
         const s = new x.Vector3();
-        u.getCenter(s);
-        const n = i.distanceTo(s);
-        n < a && (a = n, m = h);
+        f.getCenter(s);
+        const r = i.distanceTo(s);
+        r < n && (n = r, m = h);
       }), m;
     }
     if (l.length > 0) {
-      let a = 1 / 0, m = l[0].floorIndex;
-      return l.forEach(({ floorIndex: h, box: u }) => {
+      let n = 1 / 0, m = l[0].floorIndex;
+      return l.forEach(({ floorIndex: h, box: f }) => {
         const s = new x.Vector3();
-        u.getCenter(s);
-        const n = i.distanceTo(s);
-        n < a && (a = n, m = h);
+        f.getCenter(s);
+        const r = i.distanceTo(s);
+        r < n && (n = r, m = h);
       }), m;
     }
   }
   loadModel() {
     return C(this, null, function* () {
-      var e, i, o, l, p, r;
+      var e, i, o, l, p, a;
       if (yield T(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() : ((l = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : l.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane();
       else {
         $(this.five);
-        const a = this.position.map(E);
-        (r = (p = this.tag3DContentSvelte) == null ? void 0 : p.dispose) == null || r.call(p);
+        const n = this.position.map(E);
+        (a = (p = this.tag3DContentSvelte) == null ? void 0 : p.dispose) == null || a.call(p);
         const m = document.createElement("div");
         m.classList.add("tag-media-container");
-        const h = I({ mode: "front", cornerPoints: a, container: m }, this.config.tag3DConfig), u = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", s = new O(S(I({}, h), { mode: u })), n = this.computeNormal();
-        s.position.add(n.clone().setLength(_.Z_FIGHTING_OFFSET)), this.plugin.group.add(s);
+        const h = I({ mode: "front", cornerPoints: n, container: m }, this.config.tag3DConfig), f = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", s = new O(S(I({}, h), { mode: f })), r = this.computeNormal();
+        s.position.add(r.clone().setLength(_.Z_FIGHTING_OFFSET)), this.plugin.group.add(s);
         let y;
         s.mode === "behind" && this.config.clickable !== !1 && (y = this.addObjectClickHandler(this, s, (g) => {
           this.plugin.hooks.emit("click", { event: g, target: "TagContent", tag: this });
         }));
-        const f = new B({
+        const c = new B({
           target: m,
           props: {
             tag: this,
@@ -405,15 +405,15 @@ class tn extends N {
           }
         });
         this.tag3DContentSvelte = {
-          svelteApp: f,
+          svelteApp: c,
           domContainer: {
             css3DObject: s
           },
           css3DInstance: s,
-          initialNormal: n,
-          currentNormal: n,
+          initialNormal: r,
+          currentNormal: r,
           dispose: () => {
-            f.$destroy(), s.dispose(), y == null || y();
+            c.$destroy(), s.dispose(), y == null || y();
           }
         }, this.five.needsRender = !0;
       }
@@ -422,7 +422,7 @@ class tn extends N {
   initialSculpt() {
     if (this.rectanglePlane)
       return;
-    const t = new R(this.five, void 0, {
+    const t = new M(this.five, void 0, {
       magnifier: null
     });
     t.clear(), t.group.removeFromParent();
@@ -461,7 +461,7 @@ class tn extends N {
     var e, i;
     const t = (e = this.rectanglePlane) == null ? void 0 : e.rectangleMesh;
     if (t)
-      return (i = R.modules.object3DHelper.getObject3DHelper(t)) == null ? void 0 : i.helper;
+      return (i = M.modules.object3DHelper.getObject3DHelper(t)) == null ? void 0 : i.helper;
   }
   /**
    * 标签因为 visiblePanoIndex 等可见性规则被隐藏时，同时隐藏编辑辅助元素。
@@ -478,20 +478,21 @@ class tn extends N {
     this.rectanglePlane.visible = !0, t == null || t.show(), this.five.needsRender = !0;
   }
   renderVideoPlane() {
-    var m, h, u;
+    var m, h, f;
     const t = this.data.mediaData[0];
     if (!t)
       return;
     const { url: e } = t;
     if (!e)
       return;
-    const i = (m = this.data.objectFit) != null ? m : "contain", o = this.currentVisible, l = (() => !!(this.mediaPlane && !o))(), p = (() => !!(!this.mediaPlane && o))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
-    (l || r) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
-    const a = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== i))();
-    if (p || r) {
+    const i = (m = this.data.objectFit) != null ? m : "contain", o = this.currentVisible, l = (() => !!(this.mediaPlane && !o))(), p = (() => !!(!this.mediaPlane && o))(), a = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
+    (l || a) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
+    const n = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== i))();
+    if (p || a) {
       let s = this.position.map(P);
       this.rectanglePlane && (s = this.rectanglePlane.data.points.map(P));
-      const n = new G(e, s, {
+      const r = new G(e, s, {
+        mediaManager: this.mediaManager,
         videoCoverSrc: t.videoCoverUrl,
         playButton: this.data.playIcon,
         paused: !((h = this.data.autoplayConfig) != null && h.autoplayVideo),
@@ -501,34 +502,34 @@ class tn extends N {
         domEvents: this.plugin.domEvents,
         opacity: this.opacity
       });
-      this.plugin.domEvents.addAutoBindEventListener(n, "click", (f) => {
+      r.onDispose(this.bindMediaManager((c) => r.setMediaManager(c))), this.plugin.domEvents.addAutoBindEventListener(r, "click", (c) => {
         var g, D;
-        !((g = n.videoInstance) != null && g.paused) && ((D = n.videoInstance) == null ? void 0 : D.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
-          event: f,
+        !((g = r.videoInstance) != null && g.paused) && ((D = r.videoInstance) == null ? void 0 : D.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
+          event: c,
           state: "playing",
           tag: this,
-          mediaInstance: n.videoInstance
+          mediaInstance: r.videoInstance
         });
-      }), n.onVideoReady = (f) => {
-        f.addEventListener("play", (g) => {
-          this.plugin.mediaStore.set({ currentMediaElement: n.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: g, state: "playing", tag: this, mediaInstance: n.videoInstance });
-        }), f.addEventListener("pause", (g) => {
-          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: n.videoInstance });
-        }), f.addEventListener("ended", (g) => {
-          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: n.videoInstance });
+      }), r.onVideoReady = (c) => {
+        c.addEventListener("play", (g) => {
+          this.plugin.mediaStore.set({ currentMediaElement: r.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: g, state: "playing", tag: this, mediaInstance: r.videoInstance });
+        }), c.addEventListener("pause", (g) => {
+          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: r.videoInstance });
+        }), c.addEventListener("ended", (g) => {
+          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: r.videoInstance });
         });
       };
-      const y = (f) => (this.five.on("renderFrame", f), () => this.five.off("renderFrame", f));
-      n.initialRenderHooks(y), this.mediaPlane = n, this.play = () => n.play(), this.pause = () => n.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
+      const y = (c) => (this.five.on("renderFrame", c), () => this.five.off("renderFrame", c));
+      r.initialRenderHooks(y), this.mediaPlane = r, this.play = (c = !1) => r.play(!1, c), this.pause = () => r.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
     }
-    if (a) {
+    if (n) {
       const s = this.rectanglePlane.data.points.map(P);
-      (u = this.mediaPlane) == null || u.changePointsOrParams({ cornerPoints: s, params: { objectFit: i } });
+      (f = this.mediaPlane) == null || f.changePointsOrParams({ cornerPoints: s, params: { objectFit: i } });
     }
     this.five.needsRender = !0;
   }
   renderImagePlane() {
-    var h, u;
+    var h, f;
     const t = this.data.mediaData[0], e = (h = this.data.objectFit) != null ? h : "contain";
     if (!t)
       return;
@@ -536,8 +537,8 @@ class tn extends N {
     if (!i)
       return;
     let o = this.position.map(P);
-    const l = this.currentVisible, p = (() => !!(this.mediaPlane && !l))(), r = (() => !!(!this.mediaPlane && l))(), a = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), m = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
-    if ((p || a) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || a) && (this.rectanglePlane && (o = this.rectanglePlane.data.points.map(P)), this.mediaPlane = new L(i, o, { objectFit: this.data.objectFit, opacity: this.opacity }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    const l = this.currentVisible, p = (() => !!(this.mediaPlane && !l))(), a = (() => !!(!this.mediaPlane && l))(), n = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), m = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
+    if ((p || n) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (a || n) && (this.rectanglePlane && (o = this.rectanglePlane.data.points.map(P)), this.mediaPlane = new L(i, o, { objectFit: this.data.objectFit, opacity: this.opacity }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
       this.mediaPlane,
       "click",
       (s) => {
@@ -546,7 +547,7 @@ class tn extends N {
       { noEmitWhenHide: !0 }
     ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), m) {
       const s = this.rectanglePlane.data.points.map(P);
-      (u = this.mediaPlane) == null || u.changePointsOrParams({ cornerPoints: s, params: { objectFit: e } });
+      (f = this.mediaPlane) == null || f.changePointsOrParams({ cornerPoints: s, params: { objectFit: e } });
     }
     this.five.needsRender = !0;
   }
@@ -558,5 +559,5 @@ class tn extends N {
   }
 }
 export {
-  tn as PlaneTag
+  ta as PlaneTag
 };

package/libs/PanoTagPlugin/controller/index.d.ts

@@ -1,3 +1,4 @@
+import type { PlaybackManager } from '../../shared-utils/playback';
 import type { Tag, TagId, Tags, State, ContentTypeConfigKey } from '../typings';
 import type { TagClickParams, TagConfigByKey, TagContentType } from '..';
 import type { ArrayPosition } from '../typings';
@@ -6,6 +7,7 @@ import { TagRender } from './TagRender';
 import type { PartialObjectDeep } from '../../typings/typings';
 export declare const pluginFlag: (name: string) => string;
 declare class PanoTagPluginController extends TagRender {
+    mediaManager?: PlaybackManager;
     /** state */
     state: {
         enabled: boolean;
@@ -17,6 +19,7 @@ declare class PanoTagPluginController extends TagRender {
     /** 全局 hover 启用状态，默认 true */
     globalHoverEnabled: boolean;
     constructor(five: Five, params?: {
+        mediaManager?: PlaybackManager;
         config?: Pick<Tags, 'contentTypeConfig' | 'globalConfig'>;
         debug?: boolean;
         containerZIndex?: number;

package/libs/PanoTagPlugin/controller/index.js

@@ -2,16 +2,16 @@ var w = Object.defineProperty, F = Object.defineProperties;
 var _ = Object.getOwnPropertyDescriptors;
 var S = Object.getOwnPropertySymbols;
 var L = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
-var b = (l, p, e) => p in l ? w(l, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[p] = e, g = (l, p) => {
+var C = (d, p, e) => p in d ? w(d, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[p] = e, g = (d, p) => {
   for (var e in p || (p = {}))
-    L.call(p, e) && b(l, e, p[e]);
+    L.call(p, e) && C(d, e, p[e]);
   if (S)
     for (var e of S(p))
-      B.call(p, e) && b(l, e, p[e]);
-  return l;
-}, C = (l, p) => F(l, _(p));
-var m = (l, p, e) => (b(l, typeof p != "symbol" ? p + "" : p, e), e);
-var d = (l, p, e) => new Promise((t, i) => {
+      B.call(p, e) && C(d, e, p[e]);
+  return d;
+}, y = (d, p) => F(d, _(p));
+var l = (d, p, e) => (C(d, typeof p != "symbol" ? p + "" : p, e), e);
+var m = (d, p, e) => new Promise((t, i) => {
   var o = (s) => {
     try {
       a(e.next(s));
@@ -25,17 +25,17 @@ var d = (l, p, e) => new Promise((t, i) => {
       i(r);
     }
   }, a = (s) => s.done ? t(s.value) : Promise.resolve(s.value).then(o, n);
-  a((e = e.apply(l, p)).next());
+  a((e = e.apply(d, p)).next());
 });
 import * as P from "three";
 import { objectAssignDeepExports as v } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 import { arrayPositionToVector3 as k } from "../../shared-utils/positionToVector3.js";
 import { isAutoLookAtModelTag as R, isMediaModelTag as G } from "../utils/tag/tagCheck.js";
-import { debounce as D } from "../utils/debounce.js";
+import { debounce as M } from "../utils/debounce.js";
 import { throttle as O } from "../utils/throttle.js";
 import x, { getTagStickType as N } from "../utils/tag/format.js";
 import { generateBlankAudio as V, AudioNamespace as z } from "../../shared-utils/audio.js";
-import { resizeObserver as M } from "../../shared-utils/dom/resizeObserver.js";
+import { resizeObserver as D } from "../../shared-utils/dom/resizeObserver.js";
 import { TagRender as $ } from "./TagRender.js";
 import "../../shared-utils/tag.js";
 import { isModelLike as A } from "../../shared-utils/five/mode.js";
@@ -336,23 +336,24 @@ import "../Components/Common/TagPopover/TagPopoverToolBar.js";
 import "../Components/Common/TagPopover/ArrowRightIcon.js";
 import "../Components/Common/TagPopover/ShareIcon.js";
 import "../utils/popoverContainer.js";
-const I = "Dnalogel-PanoTagPlugin", zs = (l) => `${I}--${l}`;
+const I = "Dnalogel-PanoTagPlugin", zs = (d) => `${I}--${d}`;
 class $s extends $ {
   constructor(e, t) {
     super(e);
+    l(this, "mediaManager");
     /** state */
-    m(this, "state", { enabled: !0, visible: !0 });
+    l(this, "state", { enabled: !0, visible: !0 });
     /** debug */
-    m(this, "debug");
-    m(this, "debugUtil", new W(this));
+    l(this, "debug");
+    l(this, "debugUtil", new W(this));
     /** 全局 hover 启用状态，默认 true */
-    m(this, "globalHoverEnabled", !0);
+    l(this, "globalHoverEnabled", !0);
     /** 更改 tag 模型 */
-    m(this, "changeTagModel", (e, t) => d(this, null, function* () {
+    l(this, "changeTagModel", (e, t) => m(this, null, function* () {
       var i;
       e.data = v({}, e.data, t), yield (i = e.loadModel) == null ? void 0 : i.call(e);
     }));
-    m(this, "handleFiveModeChange", (e) => {
+    l(this, "handleFiveModeChange", (e) => {
       const t = () => {
         this.filter2DPointTag.forEach((i) => {
           i.state.visible = !1, i.applyVisible();
@@ -366,7 +367,7 @@ class $s extends $ {
       };
       this.tags.length < 500 ? t() : this.five.ready().then(() => t());
     });
-    m(this, "handleFiveWantsMoveToPano", () => {
+    l(this, "handleFiveWantsMoveToPano", () => {
       if (this.tags.length > 500) {
         this.temporaryState.visible = !1, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] });
         return;
@@ -375,18 +376,18 @@ class $s extends $ {
           e.temporaryState.visible = !0;
         }), this.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.tags.forEach((e) => e.applyVisible());
     });
-    m(this, "clickhandler", (e) => {
+    l(this, "clickhandler", (e) => {
       e.tag.onClick(e);
     });
-    m(this, "handleFiveCameraUpdate", () => {
+    l(this, "handleFiveCameraUpdate", () => {
       this.filterPointTag.forEach((e) => e.updateScreenPosition());
     });
-    m(this, "handleFiveCameraFovUpdate", () => {
+    l(this, "handleFiveCameraFovUpdate", () => {
       this.handleFiveCameraUpdate(), this.five.off("render.prepare", this.handleFiveCameraUpdate), this.five.on("render.prepare", this.handleFiveCameraUpdate), setTimeout(() => {
         this.five.off("render.prepare", this.handleFiveCameraUpdate);
       }, 1e3);
     });
-    m(this, "handleFivePanoArrived", () => d(this, null, function* () {
+    l(this, "handleFivePanoArrived", () => m(this, null, function* () {
       this.filter2DPointTag.forEach((e) => {
         e.state.visible = !1, e.applyVisible();
       }), this.tagsDo(this.tags, (e) => {
@@ -409,16 +410,16 @@ class $s extends $ {
       });
     }));
     /** 楼层切换时，需要更新标签可见性 */
-    m(this, "handleFiveModelShownFloorChange", () => {
+    l(this, "handleFiveModelShownFloorChange", () => {
       this.tagsDo(this.tags, (e) => e.updateVisible());
     });
-    m(this, "onFiveRefined", D(() => {
+    l(this, "onFiveRefined", M(() => {
       A(this.five.getCurrentState().mode) ? this.setUnfoldedByCamera() : this.tags.forEach((e) => e.cache.clear()), this.tagsDo(this.tags, (e) => e.updateVisible());
     }));
-    m(this, "onFiveEveryReady", () => {
+    l(this, "onFiveEveryReady", () => {
       this.setUnfoldedByCamera(), A(this.five.getCurrentState().mode) && this.tagsDo(this.tags, (e) => e.updateVisible());
     });
-    m(this, "render", () => {
+    l(this, "render", () => {
       this.renderQueue.forEach((e, t) => {
         const { keys: i } = e;
         if (t === "TagContainerSvelte") {
@@ -445,7 +446,7 @@ class $s extends $ {
               return console.error("updateRenderPlaneTag: tag2DContainer not found");
             this.TagContainerSvelte = new X({
               target: this.container,
-              props: C(g({}, a), { state: C(g({}, this.state), { enabled: !1 }) })
+              props: y(g({}, a), { state: y(g({}, this.state), { enabled: !1 }) })
             }), H(() => {
               var s;
               (s = this.TagContainerSvelte) == null || s.$set({ state: this.state });
@@ -454,7 +455,7 @@ class $s extends $ {
         }
       }), this.renderQueue.clear();
     });
-    this.params = v({}, { debug: !1, config: this.config }, g({}, t)), this.debug = this.params.debug, this.config = this.params.config, this.debug && this.debugUtil.bindLog(), V(1, { namespace: z.PlayAudio });
+    this.mediaManager = t == null ? void 0 : t.mediaManager, this.params = v({}, { debug: !1, config: this.config }, y(g({}, t), { mediaManager: void 0 })), this.debug = this.params.debug, this.config = this.params.config, this.debug && this.debugUtil.bindLog(), V(1, { namespace: z.PlayAudio });
     try {
       Array.isArray(window.__PANOTAGPLUGIN_DEBUG_LIST__) || (window.__PANOTAGPLUGIN_DEBUG_LIST__ = []), this.NAME = I + "-" + window.__PANOTAGPLUGIN_DEBUG_LIST__.length, window.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), window.__PANOTAGPLUGIN_DEBUG__ || Object.defineProperty(window, "__PANOTAGPLUGIN_DEBUG__", {
         get: function() {
@@ -474,7 +475,7 @@ class $s extends $ {
    * @description 加载数据
    */
   load(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       var o, n;
       c.clearSharedMeshRegistry(), this.clearTags();
       try {
@@ -510,7 +511,7 @@ class $s extends $ {
    * @param options.updateMaskUrl 是否更新 mask。若为 true 且该 panoIndex 已有 Mask 标签，仅更新其 maskUrl（不变 color、style），并添加新标签
    */
   addTag(e, t) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       var a, s;
       const o = (Array.isArray(e) ? e : [e]).filter((r) => r.stickType === "3DBox" || r.stickType === "Mask" || r.position);
       if (t != null && t.updateMaskUrl && o.length === 1 && o[0].stickType === "Mask") {
@@ -524,7 +525,7 @@ class $s extends $ {
         const h = N(r);
         return h === "2DPoint" || h === "3DPoint" ? new q(this, r) : h === "Model" ? new J(this, r) : h === "Plane" ? new Z(this, r) : h === "3DBox" ? new Y(this, r) : h === "Polygon" ? new K(this, r) : h === "Mask" ? new c(this, r) : null;
       });
-      return n.forEach((r) => x(r)), this.tags.push(...n), this.tagsLengthWillUpdate = !0, j(this.five).then(() => d(this, null, function* () {
+      return n.forEach((r) => x(r)), this.tags.push(...n), this.tagsLengthWillUpdate = !0, j(this.five).then(() => m(this, null, function* () {
         var r, h;
         this.store.eventListenerDisposer && ((h = (r = this.store).eventListenerDisposer) == null || h.call(r)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.tagsDo(n, (f) => {
           this.tags.includes(f) && (f.updateVisible(), f.updateZIndex());
@@ -561,7 +562,7 @@ class $s extends $ {
     });
   }
   show(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0 } = e != null ? e : {};
@@ -569,7 +570,7 @@ class $s extends $ {
     });
   }
   hide(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0 } = e != null ? e : {};
@@ -613,7 +614,7 @@ class $s extends $ {
    * @param {Partial<anime.AnimeParams>} animeConfig
    */
   blinkTagById(e, t) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       var i;
       return (i = this.getTagById(e)) == null ? void 0 : i.blink(t);
     });
@@ -740,15 +741,15 @@ class $s extends $ {
   clearTags() {
     var e;
     this.tags.length && (this.tags.forEach((t) => {
-      var i, o, n, a, s, r, h, f, y, u, T;
-      (i = t.tag3DContentSvelte) == null || i.dispose(), (n = (o = t.mediaPlane) == null ? void 0 : o.parent) == null || n.remove(t.mediaPlane), (r = (s = (a = t.model) == null ? void 0 : a.object) == null ? void 0 : s.parent) == null || r.remove(t.model.object), (f = (h = t.rectanglePlane) == null ? void 0 : h.parent) == null || f.remove(t.rectanglePlane), (y = t.boxShape) != null && y.parent && t.boxShape.parent.remove(t.boxShape), (T = (u = t.polygonShape) == null ? void 0 : u.parent) == null || T.remove(t.polygonShape), t != null && t.tagNormalLine && (t == null || t.removeTagNormalLine()), t instanceof c && t.dispose();
+      var i, o, n, a, s, r, h, f, b, u, T;
+      (i = t.tag3DContentSvelte) == null || i.dispose(), (n = (o = t.mediaPlane) == null ? void 0 : o.parent) == null || n.remove(t.mediaPlane), (r = (s = (a = t.model) == null ? void 0 : a.object) == null ? void 0 : s.parent) == null || r.remove(t.model.object), (f = (h = t.rectanglePlane) == null ? void 0 : h.parent) == null || f.remove(t.rectanglePlane), (b = t.boxShape) != null && b.parent && t.boxShape.parent.remove(t.boxShape), (T = (u = t.polygonShape) == null ? void 0 : u.parent) == null || T.remove(t.polygonShape), t != null && t.tagNormalLine && (t == null || t.removeTagNormalLine()), t instanceof c && t.dispose();
     }), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (e = this.TagContainerSvelte) == null || e.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer()), this.enabledModelTagSet.clear(), this.cache.clear();
   }
   /**
    * @description 设置 unfolded
    */
   setUnfolded() {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       return new Promise((e) => {
         setTimeout(() => {
           this.setUnfoldedByCamera(), e();
@@ -787,13 +788,13 @@ class $s extends $ {
       this.state.enabled && (this.filterPointTag.forEach((r) => r.updateScreenPosition({ force: !0 })), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
     }, i = () => {
       this.state.enabled && (this.temporaryState.visible = !1, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
-    }, { observe: o, unobserve: n } = M(
+    }, { observe: o, unobserve: n } = D(
       O(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
-    ), { observe: a, unobserve: s } = M(
-      D(() => t(), 400),
+    ), { observe: a, unobserve: s } = D(
+      M(() => t(), 400),
       e
     );
     return o(), a(), () => {

package/libs/PanoTagPlugin/utils/audio/SharedAudio.d.ts

@@ -1,3 +1,4 @@
+import type { PlaybackManager } from '../../../shared-utils/playback';
 import { AudioDiagnostics } from './AudioDiagnostics';
 export { AudioDiagnostics };
 export declare class SharedAudio extends Audio {
@@ -10,9 +11,16 @@ export declare class SharedAudio extends Audio {
     private tryplaying;
     private audioInstance?;
     private eventListenerDisposer?;
-    constructor(src?: string);
-    play(): Promise<void>;
+    private controller?;
+    private session?;
+    private playGeneration;
+    private disposed;
+    private poolGeneration;
+    constructor(src?: string, mediaManager?: PlaybackManager);
+    play(userAction?: boolean): Promise<void>;
+    setMediaManager(manager?: PlaybackManager): void;
     pause(e?: Event): void;
+    private stopOutput;
     dispose(): void;
     private clear;
     private handlePlayError;