@realsee/dnalogel 3.66.0-alpha.13 → 3.66.0-alpha.15

package/libs/PanoTagPlugin/controller/index.js

@@ -1,30 +1,30 @@
-var P = Object.defineProperty, U = Object.defineProperties;
-var A = Object.getOwnPropertyDescriptors;
+var P = Object.defineProperty, E = Object.defineProperties;
+var U = Object.getOwnPropertyDescriptors;
 var v = Object.getOwnPropertySymbols;
-var E = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var A = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
 var g = (d, a, e) => a in d ? P(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, f = (d, a) => {
   for (var e in a || (a = {}))
-    E.call(a, e) && g(d, e, a[e]);
+    A.call(a, e) && g(d, e, a[e]);
   if (v)
     for (var e of v(a))
       k.call(a, e) && g(d, e, a[e]);
   return d;
-}, c = (d, a) => U(d, A(a));
+}, c = (d, a) => E(d, U(a));
 var p = (d, a, e) => (g(d, typeof a != "symbol" ? a + "" : a, e), e);
-var l = (d, a, e) => new Promise((i, t) => {
+var l = (d, a, e) => new Promise((t, i) => {
   var o = (r) => {
     try {
       n(e.next(r));
     } catch (h) {
-      t(h);
+      i(h);
     }
   }, s = (r) => {
     try {
       n(e.throw(r));
     } catch (h) {
-      t(h);
+      i(h);
     }
-  }, n = (r) => r.done ? i(r.value) : Promise.resolve(r.value).then(o, s);
+  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(o, s);
   n((e = e.apply(d, a)).next());
 });
 import * as u from "three";
@@ -32,17 +32,17 @@ import { objectAssignDeepExports as m } from "../../vendor/object-assign-deep/ob
 import { arrayPositionToVector3 as F } from "../../shared-utils/positionToVector3.js";
 import { isModelTag as w, isMediaModelTag as _ } from "../utils/tag/tagCheck.js";
 import { debounce as b } from "../utils/debounce.js";
-import { throttle as L } from "../utils/throttle.js";
-import I, { getTagStickType as M } from "../utils/tag/format.js";
-import { generateBlankAudio as B, AudioNamespace as O } from "../../shared-utils/audio.js";
+import { throttle as I } from "../utils/throttle.js";
+import L, { getTagStickType as M } from "../utils/tag/format.js";
+import { generateBlankAudio as B, AudioNamespace as G } from "../../shared-utils/audio.js";
 import { resizeObserver as y } from "../../shared-utils/dom/resizeObserver.js";
-import { TagRender as R } from "./TagRender.js";
+import { TagRender as O } from "./TagRender.js";
 import "../../shared-utils/tag.js";
 import { isModelLike as T } from "../../shared-utils/five/mode.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
-import { waitFiveModelLoaded as G } from "../../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as R } from "../../shared-utils/five/fiveModelLoad.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
 import "../../shared-utils/three/core/Five_LineMaterial2.js";
@@ -58,8 +58,8 @@ import { PointTag as z } from "./Tag/PointTag.js";
 import { ModelTag as j } from "./Tag/ModelTag.js";
 import { PlaneTag as Q } from "./Tag/PlaneTag.js";
 import $ from "../Components/TagContainer.js";
-import { fiveEveryReadyListener as x } from "../../shared-utils/five/fiveEveryReadyListener.js";
-import { tweenProgress as W } from "../../shared-utils/animationFrame/BetterTween.js";
+import { fiveEveryReadyListener as H } from "../../shared-utils/five/fiveEveryReadyListener.js";
+import { tweenProgress as x } from "../../shared-utils/animationFrame/BetterTween.js";
 import "./TagUtil.js";
 import "../typings/tag/TagConfig.js";
 import "../tag.config.js";
@@ -228,40 +228,43 @@ import "../Components/Common/TagPopover/PanoramaIcon.js";
 import "../Components/Common/TagPopover/TagPopoverToolBar.js";
 import "../Components/Common/TagPopover/ArrowRightIcon.js";
 import "../Components/Common/TagPopover/ShareIcon.js";
-const S = "Dnalogel-PanoTagPlugin", Io = (d) => `${S}--${d}`;
-class Mo extends R {
-  constructor(e, i) {
+import "../utils/popoverContainer.js";
+const S = "Dnalogel-PanoTagPlugin", Mo = (d) => `${S}--${d}`;
+class Bo extends O {
+  constructor(e, t) {
     super(e);
     /** state */
     p(this, "state", { enabled: !0, visible: !0 });
     /** debug */
     p(this, "debug");
     p(this, "debugUtil", new V(this));
+    /** 全局 hover 启用状态，默认 true */
+    p(this, "globalHoverEnabled", !0);
     /** 更改 tag 模型 */
-    p(this, "changeTagModel", (e, i) => l(this, null, function* () {
-      var t;
-      e.data = m({}, e.data, i), yield (t = e.loadModel) == null ? void 0 : t.call(e);
+    p(this, "changeTagModel", (e, t) => l(this, null, function* () {
+      var i;
+      e.data = m({}, e.data, t), yield (i = e.loadModel) == null ? void 0 : i.call(e);
     }));
     p(this, "handleFiveModeChange", (e) => {
-      const i = () => {
-        this.filter2DPointTag.forEach((t) => {
-          t.state.visible = !1, t.applyVisible();
+      const t = () => {
+        this.filter2DPointTag.forEach((i) => {
+          i.state.visible = !1, i.applyVisible();
         }), this.five.ready().then(() => {
-          this.tagsDo(this.tags, (t) => {
-            t.updateVisible(), _(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+          this.tagsDo(this.tags, (i) => {
+            i.updateVisible(), _(i) && e !== "Panorama" && this.changeTagMode(i, "behind");
           });
         });
       };
-      this.tags.length < 500 ? i() : this.five.ready().then(() => i());
+      this.tags.length < 500 ? t() : this.five.ready().then(() => t());
     });
     p(this, "handleFiveWantsMoveToPano", (e) => {
       if (this.tags.length > 500) {
         this.temporaryState.visible = !1, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] });
         return;
       } else
-        this.temporaryState.visible = !0, this.tags.forEach((i) => {
-          i.temporaryState.visible = !0;
-        }), this.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.tags.forEach((i) => i.applyVisible());
+        this.temporaryState.visible = !0, this.tags.forEach((t) => {
+          t.temporaryState.visible = !0;
+        }), this.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.tags.forEach((t) => t.applyVisible());
     });
     p(this, "clickhandler", (e) => {
       e.tag.onClick(e);
@@ -280,19 +283,19 @@ class Mo extends R {
       }), this.tagsDo(this.tags, (e) => {
         e.updateVisible();
       }), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }), yield this.setUnfolded(), this.tags.filter(w).filter((e) => {
-        var i;
-        return (i = e.getConfig().modelConfig) == null ? void 0 : i.autoLookAtEnabled;
+        var t;
+        return (t = e.getConfig().modelConfig) == null ? void 0 : t.autoLookAtEnabled;
       }).forEach((e) => {
         var h;
-        const i = new u.Mesh(new u.BoxGeometry(), new u.MeshBasicMaterial()), t = (h = e.model) == null ? void 0 : h.object;
-        if (!t)
+        const t = new u.Mesh(new u.BoxGeometry(), new u.MeshBasicMaterial()), i = (h = e.model) == null ? void 0 : h.object;
+        if (!i)
           return;
-        i.position.copy(t.position), i.quaternion.copy(t.quaternion);
+        t.position.copy(i.position), t.quaternion.copy(i.quaternion);
         const o = this.five.camera.position;
-        i.lookAt(o.clone().setY(i.position.y));
-        const s = t.quaternion.clone(), n = i.quaternion.clone(), r = W();
+        t.lookAt(o.clone().setY(t.position.y));
+        const s = i.quaternion.clone(), n = t.quaternion.clone(), r = x();
         r.onUpdate(({ progress: D }) => {
-          t.quaternion.copy(s.clone().slerp(n, D));
+          i.quaternion.copy(s.clone().slerp(n, D));
         }), r.play();
       });
     }));
@@ -307,9 +310,9 @@ class Mo extends R {
       this.setUnfoldedByCamera(), T(this.five.getCurrentState().mode) && this.tagsDo(this.tags, (e) => e.updateVisible());
     });
     p(this, "render", () => {
-      this.renderQueue.forEach((e, i) => {
-        const { keys: t } = e;
-        if (i === "TagContainerSvelte") {
+      this.renderQueue.forEach((e, t) => {
+        const { keys: i } = e;
+        if (t === "TagContainerSvelte") {
           const s = this.filterPointTag.filter((r) => r.screenPosition), n = {
             hooks: this.hooks,
             tags: s,
@@ -322,10 +325,10 @@ class Mo extends R {
           };
           if (this.TagContainerSvelte) {
             let r = {};
-            if (t.length === 0)
+            if (i.length === 0)
               r = n;
             else
-              for (const h of t)
+              for (const h of i)
                 r[h] = n[h];
             this.TagContainerSvelte.$set(r);
           } else {
@@ -342,39 +345,39 @@ class Mo extends R {
         }
       }), this.renderQueue.clear();
     });
-    this.params = m({}, { debug: !1, config: this.config }, f({}, i)), this.debug = this.params.debug, this.config = this.params.config, this.debug && this.debugUtil.bindLog(), B(1, { namespace: O.PlayAudio });
+    this.params = m({}, { debug: !1, config: this.config }, f({}, t)), this.debug = this.params.debug, this.config = this.params.config, this.debug && this.debugUtil.bindLog(), B(1, { namespace: G.PlayAudio });
     try {
       Array.isArray(window.__PANOTAGPLUGIN_DEBUG_LIST__) || (window.__PANOTAGPLUGIN_DEBUG_LIST__ = []), this.NAME = S + "-" + window.__PANOTAGPLUGIN_DEBUG_LIST__.length, window.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), window.__PANOTAGPLUGIN_DEBUG__ || Object.defineProperty(window, "__PANOTAGPLUGIN_DEBUG__", {
         get: function() {
-          return window.__PANOTAGPLUGIN_DEBUG_LIST__.sort((t, o) => o.tags.length - t.tags.length)[0];
+          return window.__PANOTAGPLUGIN_DEBUG_LIST__.sort((i, o) => o.tags.length - i.tags.length)[0];
         }
       });
-    } catch (t) {
+    } catch (i) {
     }
   }
   appendTo(e) {
-    var t, o, s;
+    var i, o, s;
     this.container = e;
-    const i = (o = (t = this.TagContainerSvelte) == null ? void 0 : t.$$) == null ? void 0 : o.root;
-    i && i !== this.container && ((s = this.TagContainerSvelte) == null || s.$destroy(), this.TagContainerSvelte = void 0);
+    const t = (o = (i = this.TagContainerSvelte) == null ? void 0 : i.$$) == null ? void 0 : o.root;
+    t && t !== this.container && ((s = this.TagContainerSvelte) == null || s.$destroy(), this.TagContainerSvelte = void 0);
   }
   /**
    * @description 加载数据
    */
   load(e) {
     return l(this, null, function* () {
-      var t, o;
+      var i, o;
       this.clearTags();
       try {
         console.debug(this.NAME, " load:", { data: JSON.parse(JSON.stringify(e)) });
       } catch (s) {
       }
       this.config = m({}, this.config, {
-        globalConfig: (t = e.globalConfig) != null ? t : {},
+        globalConfig: (i = e.globalConfig) != null ? i : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
-      const i = yield this.addTag(e.tagList);
-      return this.hooks.emit("loaded"), i;
+      const t = yield this.addTag(e.tagList);
+      return this.hooks.emit("loaded"), t;
     });
   }
   /**
@@ -382,7 +385,7 @@ class Mo extends R {
    */
   addTag(e) {
     return l(this, null, function* () {
-      const t = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
+      const i = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
         const s = M(o);
         if (s === "2DPoint" || s === "3DPoint")
           return new z(this, o);
@@ -391,9 +394,9 @@ class Mo extends R {
         if (s === "Plane")
           return new Q(this, o);
       });
-      return t.forEach(I), this.tags.push(...t), this.tagsLengthWillUpdate = !0, G(this.five).then(() => l(this, null, function* () {
+      return i.forEach(L), this.tags.push(...i), this.tagsLengthWillUpdate = !0, R(this.five).then(() => l(this, null, function* () {
         var o, s;
-        this.store.eventListenerDisposer && ((s = (o = this.store).eventListenerDisposer) == null || s.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.tagsDo(t, (n) => {
+        this.store.eventListenerDisposer && ((s = (o = this.store).eventListenerDisposer) == null || s.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.tagsDo(i, (n) => {
           this.tags.includes(n) && (n.updateVisible(), n.updateZIndex());
         }), this.setUnfolded(), this.addRenderQueue({ type: "TagContainerSvelte" }), this.hooks.emit("tagsLengthChange");
       }));
@@ -402,26 +405,26 @@ class Mo extends R {
   /**
    * @description 改变配置
    */
-  changeConfig(e, i = !0) {
-    i ? this.config = m({}, this.config, e) : this.config = e, this.tags.forEach((t) => {
-      t.updateConfig();
-    }), this.tagsDo(this.tags, (t) => t.updateVisible());
+  changeConfig(e, t = !0) {
+    t ? this.config = m({}, this.config, e) : this.config = e, this.tags.forEach((i) => {
+      i.updateConfig();
+    }), this.tagsDo(this.tags, (i) => i.updateVisible());
   }
   /**
    * @description 改变全局配置
    */
-  changeGlobalConfig(e, i = !0) {
-    i ? this.config.globalConfig = m({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.tags.forEach((t) => {
-      t.updateConfig();
-    }), this.tagsDo(this.tags, (t) => {
-      t.updateVisible();
+  changeGlobalConfig(e, t = !0) {
+    t ? this.config.globalConfig = m({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.tags.forEach((i) => {
+      i.updateConfig();
+    }), this.tagsDo(this.tags, (i) => {
+      i.updateVisible();
     });
   }
   /**
    * @description 改变类型配置
    */
-  changeContentTypeConfig(e, i, t = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), t ? this.config.contentTypeConfig[e] = m({}, this.config.contentTypeConfig[e], i) : this.config.contentTypeConfig[e] = i, this.tags.forEach((o) => {
+  changeContentTypeConfig(e, t, i = !0) {
+    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = m({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.tags.forEach((o) => {
       o.updateConfig();
     }), this.tagsDo(this.tags, (o) => {
       o.updateVisible();
@@ -431,55 +434,55 @@ class Mo extends R {
     return l(this, null, function* () {
       if (this.checkDisposed())
         return;
-      const { userAction: i = !0 } = e != null ? e : {};
-      this.setState({ visible: !0 }, { userAction: i }), this.hooks.emit("show", { userAction: i });
+      const { userAction: t = !0 } = e != null ? e : {};
+      this.setState({ visible: !0 }, { userAction: t }), this.hooks.emit("show", { userAction: t });
     });
   }
   hide(e) {
     return l(this, null, function* () {
       if (this.checkDisposed())
         return;
-      const { userAction: i = !0 } = e != null ? e : {};
-      this.setState({ visible: !1 }, { userAction: i }), this.hooks.emit("hide", { userAction: i });
+      const { userAction: t = !0 } = e != null ? e : {};
+      this.setState({ visible: !1 }, { userAction: t }), this.hooks.emit("hide", { userAction: t });
     });
   }
   enable(e) {
     if (this.checkDisposed())
       return;
-    const { userAction: i = !0 } = e != null ? e : {};
-    this.setState({ enabled: !0 }, { userAction: i }), this.hooks.emit("enable", { userAction: i });
+    const { userAction: t = !0 } = e != null ? e : {};
+    this.setState({ enabled: !0 }, { userAction: t }), this.hooks.emit("enable", { userAction: t });
   }
   disable(e) {
     if (this.checkDisposed())
       return;
-    const { userAction: i = !0 } = e != null ? e : {};
-    this.setState({ enabled: !1 }, { userAction: i }), this.hooks.emit("disable", { userAction: i });
+    const { userAction: t = !0 } = e != null ? e : {};
+    this.setState({ enabled: !1 }, { userAction: t }), this.hooks.emit("disable", { userAction: t });
   }
-  setState(e, i) {
+  setState(e, t) {
     if (this.checkDisposed())
       return;
-    const { userAction: t = !0 } = i != null ? i : {}, o = f({}, this.state);
-    this.state = Object.assign(this.state, e), o.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), o.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: t });
+    const { userAction: i = !0 } = t != null ? t : {}, o = f({}, this.state);
+    this.state = Object.assign(this.state, e), o.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), o.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: i });
   }
   /**
    * @description 销毁
    */
   dispose() {
-    var e, i, t, o, s, n;
+    var e, t, i, o, s, n;
     this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((r) => {
       var h;
       return (h = r.tag3DContentSvelte) == null ? void 0 : h.svelteApp.$destroy();
-    }), this.tags.forEach((r) => r.cache.clear()), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (i = this.store.disposers) == null || i.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], (o = (t = this.store).eventListenerDisposer) == null || o.call(t), this.store.eventListenerDisposer = void 0, (n = (s = this.store).resizeObserverDisposer) == null || n.call(s), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.imagePlaneGroup.remove(...this.imagePlaneGroup.children), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
+    }), this.tags.forEach((r) => r.cache.clear()), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (t = this.store.disposers) == null || t.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], (o = (i = this.store).eventListenerDisposer) == null || o.call(i), this.store.eventListenerDisposer = void 0, (n = (s = this.store).resizeObserverDisposer) == null || n.call(s), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.imagePlaneGroup.remove(...this.imagePlaneGroup.children), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
   }
   /**
    * @description 闪烁标签
    * @param {TagId} id
    * @param {Partial<anime.AnimeParams>} animeConfig
    */
-  blinkTagById(e, i) {
+  blinkTagById(e, t) {
     return l(this, null, function* () {
-      var t;
-      return (t = this.getTagById(e)) == null ? void 0 : t.blink(i);
+      var i;
+      return (i = this.getTagById(e)) == null ? void 0 : i.blink(t);
     });
   }
   /**
@@ -487,63 +490,63 @@ class Mo extends R {
    * @param {TagId} id
    * @param {boolean} unfolded
    */
-  changeUnfoldedById(e, i) {
-    const t = this.getTagById(e);
-    i ? t == null || t.unfold() : t == null || t.fold();
+  changeUnfoldedById(e, t) {
+    const i = this.getTagById(e);
+    t ? i == null || i.unfold() : i == null || i.fold();
   }
   /**
    * @description 启用/停用指定id的标签
    * @param {TagId} id
    * @param {boolean} enabled
    */
-  changeEnabledById(e, i) {
+  changeEnabledById(e, t) {
     var o;
-    const t = this.getTagById(e);
-    t && (t.enabled = i, (o = t.hooks) == null || o.emit(i ? "enable" : "disable"));
+    const i = this.getTagById(e);
+    i && (i.enabled = t, (o = i.hooks) == null || o.emit(t ? "enable" : "disable"));
   }
   /**
    * @description 修改3D标签normal
    * @param {TagId} id
    * @param {ArrayPosition} normal
    */
-  changeTagNormalById(e, i) {
-    const t = this.getTagById(e);
-    t && t.tag3DContentSvelte && (t.tag3DContentSvelte.currentNormal = F(i));
+  changeTagNormalById(e, t) {
+    const i = this.getTagById(e);
+    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = F(t));
   }
   /**
    * @description 改变data
    */
-  changePositionById(e, i) {
-    const t = this.getTagById(e);
-    t && t.setPosition(i);
+  changePositionById(e, t) {
+    const i = this.getTagById(e);
+    i && i.setPosition(t);
   }
   /**
    * @description 改变data
    */
-  changeDataById(e, i, t = !0) {
+  changeDataById(e, t, i = !0) {
     const o = this.getTagById(e);
-    o && (o.setData(i, t), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data));
+    o && (o.setData(t, i), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data));
   }
   /**
    * @description 改变tag的stickType
    */
-  changeStickTypeById(e, i, t = !0) {
-    this.changeTagById(e, i, t);
+  changeStickTypeById(e, t, i = !0) {
+    this.changeTagById(e, t, i);
   }
   /**
    * @description 改变tag任意属性
    */
-  changeTagById(e, i, t = !0) {
+  changeTagById(e, t, i = !0) {
     const o = this.getTagById(e);
-    o && (o.set(i), o.updateVisible(), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data));
+    o && (o.set(t), o.updateVisible(), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data));
   }
   /**
    * @description 销毁tag
    */
   destroyTagById(e) {
-    (Array.isArray(e) ? e : [e]).forEach((t) => {
+    (Array.isArray(e) ? e : [e]).forEach((i) => {
       var o;
-      return (o = this.getTagById(t)) == null ? void 0 : o.destroy();
+      return (o = this.getTagById(i)) == null ? void 0 : o.destroy();
     });
   }
   /**
@@ -557,9 +560,9 @@ class Mo extends R {
    */
   clearTags() {
     var e;
-    this.tags.length && (this.tags.forEach((i) => {
-      var t, o, s, n, r, h;
-      (t = i.tag3DContentSvelte) == null || t.dispose(), (s = (o = i.mediaPlane) == null ? void 0 : o.parent) == null || s.remove(i.mediaPlane), (h = (r = (n = i.model) == null ? void 0 : n.object) == null ? void 0 : r.parent) == null || h.remove(i.model.object);
+    this.tags.length && (this.tags.forEach((t) => {
+      var i, o, s, n, r, h;
+      (i = t.tag3DContentSvelte) == null || i.dispose(), (s = (o = t.mediaPlane) == null ? void 0 : o.parent) == null || s.remove(t.mediaPlane), (h = (r = (n = t.model) == null ? void 0 : n.object) == null ? void 0 : r.parent) == null || h.remove(t.model.object);
     }), 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();
   }
   /**
@@ -584,8 +587,8 @@ class Mo extends R {
     this.state.enabled = !0, this.store.eventListenerDisposer = this.addEventListener(), this.five.scene.children.includes(this.group) || this.five.scene.add(this.group), this.five.needsRender = !0;
   }
   handleDisable() {
-    var e, i, t;
-    this.pauseCurrentMedia(), this.state.enabled = !1, (i = (e = this.store).eventListenerDisposer) == null || i.call(e), this.five.scene.remove(this.group), (t = this.TagContainerSvelte) == null || t.$set({ tags: [] }), this.five.needsRender = !0;
+    var e, t, i;
+    this.pauseCurrentMedia(), this.state.enabled = !1, (t = (e = this.store).eventListenerDisposer) == null || t.call(e), this.five.scene.remove(this.group), (i = this.TagContainerSvelte) == null || i.$set({ tags: [] }), this.five.needsRender = !0;
   }
   addResizeListener() {
     if (!this.store.resizeObserverDisposer && !this.store.resizeObserverDisposerAdding) {
@@ -598,17 +601,17 @@ class Mo extends R {
   addResizeObserver() {
     if (this.store.disposed)
       return;
-    const e = this.five.getElement(), i = () => {
+    const e = this.five.getElement(), t = () => {
       this.state.enabled && (this.filterPointTag.forEach((h) => h.updateScreenPosition({ force: !0 })), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
-    }, t = () => {
+    }, i = () => {
       this.state.enabled && (this.temporaryState.visible = !1, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
     }, { observe: o, unobserve: s } = y(
-      L(() => {
-        this.store.resizeObserverDisposer && t();
+      I(() => {
+        this.store.resizeObserverDisposer && i();
       }, 500),
       e
     ), { observe: n, unobserve: r } = y(
-      b(() => i(), 400),
+      b(() => t(), 400),
       e
     );
     return o(), n(), () => {
@@ -617,36 +620,62 @@ class Mo extends R {
   }
   setUnfoldedByCamera() {
     let e = !1;
-    this.filterPointTag.forEach((i) => {
-      const t = i.getUnfoldedByCamera();
-      if (i.state && t !== void 0) {
-        if (t === !0 && i.screenPosition) {
-          const o = i.getConfig().unfoldedConfig;
+    this.filterPointTag.forEach((t) => {
+      const i = t.getUnfoldedByCamera();
+      if (t.state && i !== void 0) {
+        if (i === !0 && t.screenPosition) {
+          const o = t.getConfig().unfoldedConfig;
           C(o).keep !== "unfolded" && (e = !0);
         }
-        i.state.unfolded = t;
+        t.state.unfolded = i;
       }
-    }), e && this.filterPointTag.forEach((i) => {
-      const t = i.getConfig().unfoldedConfig;
-      typeof t == "object" && (t.autoUnfold || t.autoUnfold === !1 || C(t.autoUnfold).enable === !1 || t.keep) || i.state && (i.state.unfolded = !1);
+    }), e && this.filterPointTag.forEach((t) => {
+      const i = t.getConfig().unfoldedConfig;
+      typeof i == "object" && (i.autoUnfold || i.autoUnfold === !1 || C(i.autoUnfold).enable === !1 || i.keep) || t.state && (t.state.unfolded = !1);
     });
   }
-  changeTagMode(e, i) {
-    var t;
-    (t = e.tag3DContentSvelte) != null && t.css3DInstance && (e.tag3DContentSvelte.css3DInstance.mode = i);
+  changeTagMode(e, t) {
+    var i;
+    (i = e.tag3DContentSvelte) != null && i.css3DInstance && (e.tag3DContentSvelte.css3DInstance.mode = t);
   }
   /**
    * @description 添加 cameraUpdate, panoArrived 等事件监听
    */
   addEventListener() {
-    const { five: e, hooks: i } = this, t = x(this.five, this.onFiveEveryReady);
-    return this.handleFivePanoArrived(), e.on("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.on("models.refined", this.onFiveRefined), e.on("modeChange", this.handleFiveModeChange), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", this.handleFiveCameraUpdate), e.on("cameraFovUpdate", this.handleFiveCameraFovUpdate), e.on("panoArrived", this.handleFivePanoArrived), e.on("panoArrived", this.loadVideoFirstFrame), e.on("render.prepare", this.render), i.on("click", this.clickhandler), () => {
-      t(), e.off("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.off("models.refined", this.onFiveRefined), e.off("modeChange", this.handleFiveModeChange), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", this.handleFiveCameraUpdate), e.off("cameraFovUpdate", this.handleFiveCameraFovUpdate), e.off("panoArrived", this.handleFivePanoArrived), e.off("panoArrived", this.loadVideoFirstFrame), e.off("render.prepare", this.render), i.off("click", this.clickhandler), this.store.eventListenerDisposer = void 0;
+    const { five: e, hooks: t } = this, i = H(this.five, this.onFiveEveryReady);
+    return this.handleFivePanoArrived(), e.on("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.on("models.refined", this.onFiveRefined), e.on("modeChange", this.handleFiveModeChange), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", this.handleFiveCameraUpdate), e.on("cameraFovUpdate", this.handleFiveCameraFovUpdate), e.on("panoArrived", this.handleFivePanoArrived), e.on("panoArrived", this.loadVideoFirstFrame), e.on("render.prepare", this.render), t.on("click", this.clickhandler), () => {
+      i(), e.off("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.off("models.refined", this.onFiveRefined), e.off("modeChange", this.handleFiveModeChange), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", this.handleFiveCameraUpdate), e.off("cameraFovUpdate", this.handleFiveCameraFovUpdate), e.off("panoArrived", this.handleFivePanoArrived), e.off("panoArrived", this.loadVideoFirstFrame), e.off("render.prepare", this.render), t.off("click", this.clickhandler), this.store.eventListenerDisposer = void 0;
     };
   }
+  /**
+   * @description 设置标签 hover 启用状态
+   */
+  setTagHoverEnabled(e, t) {
+    const i = this.getTagById(e);
+    i && (i.hoverEnabled = t);
+  }
+  /**
+   * @description 获取标签 hover 启用状态
+   */
+  getTagHoverEnabled(e) {
+    const t = this.getTagById(e);
+    return t == null ? void 0 : t.hoverEnabled;
+  }
+  /**
+   * 设置全局 hover 启用状态
+   */
+  setGlobalHoverEnabled(e) {
+    this.globalHoverEnabled = e;
+  }
+  /**
+   * 获取全局 hover 启用状态
+   */
+  getGlobalHoverEnabled() {
+    return this.globalHoverEnabled;
+  }
 }
 export {
-  Mo as PanoTagPluginController,
-  Mo as default,
-  Io as pluginFlag
+  Bo as PanoTagPluginController,
+  Bo as default,
+  Mo as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import r from "./controller/index.js";
-import { pluginFlag as Ur } from "./controller/index.js";
-import { defaultGlobalConfig as Wr } from "./typings/tag/TagConfig.js";
-import { ContentType as Yr, DimensionType as Zr, PointType as _r } from "./Archive/deprecated.js";
+import { pluginFlag as Vr } from "./controller/index.js";
+import { defaultGlobalConfig as Xr } from "./typings/tag/TagConfig.js";
+import { ContentType as Zr, DimensionType as _r, PointType as $r } from "./Archive/deprecated.js";
 import "three";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/positionToVector3.js";
@@ -201,15 +201,16 @@ import "./Components/Common/TagPopover/PanoramaIcon.js";
 import "./Components/Common/TagPopover/TagPopoverToolBar.js";
 import "./Components/Common/TagPopover/ArrowRightIcon.js";
 import "./Components/Common/TagPopover/ShareIcon.js";
+import "./utils/popoverContainer.js";
 import "../shared-utils/animationFrame/BetterTween.js";
-const Qr = (o, t) => new r(o, t);
+const Rr = (o, t) => new r(o, t);
 export {
-  Yr as ContentType,
-  Zr as DimensionType,
-  Qr as PanoTagPlugin,
+  Zr as ContentType,
+  _r as DimensionType,
+  Rr as PanoTagPlugin,
   r as PanoTagPluginController,
-  _r as PointType,
-  Qr as default,
-  Wr as defaultGlobalConfig,
-  Ur as pluginFlag
+  $r as PointType,
+  Rr as default,
+  Xr as defaultGlobalConfig,
+  Vr as pluginFlag
 };

package/libs/PanoTagPlugin/tag.config.js

@@ -3,6 +3,13 @@ const e = {
     visibleConfig: {
       followModelVisibility: !0
     },
+    unfoldedConfig: {
+      autoUnfold: {
+        enable: !0,
+        strategy: "MinimumDistance",
+        distance: { max: 5 }
+      }
+    },
     tag3DConfig: {
       ratio: 35e-4
     },
@@ -91,6 +98,11 @@ const e = {
       visibleConfig: {
         visibleFiveMode: "all"
       }
+    },
+    Marketing: {
+      popoverConfig: {
+        enabled: !1
+      }
     }
   }
 };

package/libs/PanoTagPlugin/typings/tag/Tag.d.ts

@@ -48,6 +48,8 @@ export type Tag<C extends TagContentType = TagContentType, S extends StickType =
     fiveState?: Partial<FiveState>;
     /** 样式 */
     style?: TagStyle;
+    /** 是否启用 hover 行为，默认 true */
+    hoverEnabled?: boolean;
 } & (S extends '3DPoint' ? {
     normal: Position;
 } : unknown) & (S extends 'Model' ? {