@realsee/dnalogel 3.77.4 → 3.77.6

package/libs/PanoTagPlugin/controller/index.js

@@ -1,68 +1,71 @@
-var E = Object.defineProperty, U = Object.defineProperties;
+var w = Object.defineProperty, F = Object.defineProperties;
 var _ = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var g = (h, p, e) => p in h ? E(h, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[p] = e, f = (h, p) => {
+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) => {
   for (var e in p || (p = {}))
-    F.call(p, e) && g(h, e, p[e]);
-  if (b)
-    for (var e of b(p))
-      w.call(p, e) && g(h, e, p[e]);
-  return h;
-}, c = (h, p) => U(h, _(p));
-var m = (h, p, e) => (g(h, typeof p != "symbol" ? p + "" : p, e), e);
-var d = (h, p, e) => new Promise((t, i) => {
-  var o = (r) => {
+    L.call(p, e) && b(l, 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 d = (l, p, e) => (b(l, typeof p != "symbol" ? p + "" : p, e), e);
+var m = (l, p, e) => new Promise((t, i) => {
+  var o = (s) => {
     try {
-      s(e.next(r));
-    } catch (a) {
-      i(a);
+      a(e.next(s));
+    } catch (r) {
+      i(r);
     }
-  }, n = (r) => {
+  }, n = (s) => {
     try {
-      s(e.throw(r));
-    } catch (a) {
-      i(a);
+      a(e.throw(s));
+    } catch (r) {
+      i(r);
     }
-  }, s = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(o, n);
-  s((e = e.apply(h, p)).next());
+  }, a = (s) => s.done ? t(s.value) : Promise.resolve(s.value).then(o, n);
+  a((e = e.apply(l, p)).next());
 });
-import * as u from "three";
-import { objectAssignDeepExports as l } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { arrayPositionToVector3 as v } from "../../shared-utils/positionToVector3.js";
-import { isModelTag as k, isMediaModelTag as L } from "../utils/tag/tagCheck.js";
-import { debounce as y } from "../utils/debounce.js";
-import { throttle as I } from "../utils/throttle.js";
-import M, { getTagStickType as B } from "../utils/tag/format.js";
-import { generateBlankAudio as G, AudioNamespace as O } from "../../shared-utils/audio.js";
-import { resizeObserver as T } from "../../shared-utils/dom/resizeObserver.js";
-import { TagRender as R } from "./TagRender.js";
+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 { isModelTag as R, isMediaModelTag as G } from "../utils/tag/tagCheck.js";
+import { debounce as D } 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 { TagRender as $ } from "./TagRender.js";
 import "../../shared-utils/tag.js";
-import { isModelLike as C } from "../../shared-utils/five/mode.js";
+import { isModelLike as A } 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 N } from "../../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as j } from "../../shared-utils/five/fiveModelLoad.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
 import "../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../shared-utils/three/blink.js";
-import { getFiveModel as V } from "../../shared-utils/five/getFiveModel.js";
+import { getFiveModel as Q } from "../../shared-utils/five/getFiveModel.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../vendor/earcut/src/earcut.js";
-import { nextFrame as z } from "../../shared-utils/animationFrame/index.js";
+import { nextFrame as H } from "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/five/FivePuppet.js";
-import { DebugUtil as j } from "../utils/DebugUtil.js";
-import { safeObj as S } from "../../shared-utils/safeObj.js";
-import { PointTag as Q } from "./Tag/PointTag.js";
-import { ModelTag as $ } from "./Tag/ModelTag.js";
-import { PlaneTag as H } from "./Tag/PlaneTag.js";
-import x from "../Components/TagContainer.js";
-import { fiveEveryReadyListener as W } from "../../shared-utils/five/fiveEveryReadyListener.js";
-import { vector3ToArray as P } from "../../shared-utils/three/vector3ToArray.js";
-import { tweenProgress as q } from "../../shared-utils/animationFrame/BetterTween.js";
+import { DebugUtil as W } from "../utils/DebugUtil.js";
+import { safeObj as E } from "../../shared-utils/safeObj.js";
+import { PointTag as q } from "./Tag/PointTag.js";
+import { ModelTag as J } from "./Tag/ModelTag.js";
+import { PlaneTag as Z } from "./Tag/PlaneTag.js";
+import { BoxTag as Y } from "./Tag/BoxTag.js";
+import { PolygonTag as K } from "./Tag/PolygonTag.js";
+import { MaskTag as c } from "./Tag/MaskTag.js";
+import X from "../Components/TagContainer.js";
+import { fiveEveryReadyListener as ee } from "../../shared-utils/five/fiveEveryReadyListener.js";
+import { vector3ToArray as U } from "../../shared-utils/three/vector3ToArray.js";
+import { tweenProgress as te } from "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/url/defaultUrls.js";
 import "./TagUtil.js";
 import "../typings/tag/TagConfig.js";
@@ -313,6 +316,8 @@ import "../../Sculpt/Meshes/Box.js";
 import "../../shared-utils/forReverseEach.js";
 import "../../Sculpt/Objects/Line/index.js";
 import "../../shared-utils/five/getFloorMesh.js";
+import "../utils/sculptDataToBoxPosition.js";
+import "./Tag/MaskTag.shaders.js";
 import "../Components/TagItem.js";
 import "../Components/Common/TagPoint.js";
 import "../Components/Tag/AudioTag/AudioPoint.js";
@@ -329,35 +334,37 @@ 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", _s = (h) => `${D}--${h}`;
-class Fs extends R {
+const I = "Dnalogel-PanoTagPlugin", Ns = (l) => `${I}--${l}`;
+class Vs extends $ {
   constructor(e, t) {
     super(e);
     /** state */
-    m(this, "state", { enabled: !0, visible: !0 });
+    d(this, "state", { enabled: !0, visible: !0 });
     /** debug */
-    m(this, "debug");
-    m(this, "debugUtil", new j(this));
+    d(this, "debug");
+    d(this, "debugUtil", new W(this));
     /** 全局 hover 启用状态，默认 true */
-    m(this, "globalHoverEnabled", !0);
+    d(this, "globalHoverEnabled", !0);
     /** 更改 tag 模型 */
-    m(this, "changeTagModel", (e, t) => d(this, null, function* () {
+    d(this, "changeTagModel", (e, t) => m(this, null, function* () {
       var i;
-      e.data = l({}, e.data, t), yield (i = e.loadModel) == null ? void 0 : i.call(e);
+      e.data = v({}, e.data, t), yield (i = e.loadModel) == null ? void 0 : i.call(e);
     }));
-    m(this, "handleFiveModeChange", (e) => {
+    d(this, "handleFiveModeChange", (e) => {
       const t = () => {
         this.filter2DPointTag.forEach((i) => {
           i.state.visible = !1, i.applyVisible();
         }), this.five.ready().then(() => {
           this.tagsDo(this.tags, (i) => {
-            i.updateVisible(), L(i) && e !== "Panorama" && this.changeTagMode(i, "behind");
+            i.updateVisible(), G(i) && e !== "Panorama" && this.changeTagMode(i, "behind");
+          }), e === "Panorama" ? this.updateMaskTagsForCurrentPano() : this.filterMaskTag.forEach((i) => {
+            i.state.visible = !1, i.applyVisible();
           });
         });
       };
       this.tags.length < 500 ? t() : this.five.ready().then(() => t());
     });
-    m(this, "handleFiveWantsMoveToPano", () => {
+    d(this, "handleFiveWantsMoveToPano", () => {
       if (this.tags.length > 500) {
         this.temporaryState.visible = !1, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] });
         return;
@@ -366,54 +373,54 @@ class Fs extends R {
           e.temporaryState.visible = !0;
         }), this.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.tags.forEach((e) => e.applyVisible());
     });
-    m(this, "clickhandler", (e) => {
+    d(this, "clickhandler", (e) => {
       e.tag.onClick(e);
     });
-    m(this, "handleFiveCameraUpdate", () => {
+    d(this, "handleFiveCameraUpdate", () => {
       this.filterPointTag.forEach((e) => e.updateScreenPosition());
     });
-    m(this, "handleFiveCameraFovUpdate", () => {
+    d(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* () {
+    d(this, "handleFivePanoArrived", () => m(this, null, function* () {
       this.filter2DPointTag.forEach((e) => {
         e.state.visible = !1, e.applyVisible();
       }), this.tagsDo(this.tags, (e) => {
         e.updateVisible();
-      }), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }), yield this.setUnfolded(), this.tags.filter(k).filter((e) => {
+      }), this.updateMaskTagsForCurrentPano(), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }), yield this.setUnfolded(), this.tags.filter(R).filter((e) => {
         var t;
         return (t = e.getConfig().modelConfig) == null ? void 0 : t.autoLookAtEnabled;
       }).forEach((e) => {
-        var a;
-        const t = new u.Mesh(new u.BoxGeometry(), new u.MeshBasicMaterial()), i = (a = e.model) == null ? void 0 : a.object;
+        var r;
+        const t = new P.Mesh(new P.BoxGeometry(), new P.MeshBasicMaterial()), i = (r = e.model) == null ? void 0 : r.object;
         if (!i)
           return;
         t.position.copy(i.position), t.quaternion.copy(i.quaternion);
         const o = this.five.camera.position;
         t.lookAt(o.clone().setY(t.position.y));
-        const n = i.quaternion.clone(), s = t.quaternion.clone(), r = q();
-        r.onUpdate(({ progress: A }) => {
-          i.quaternion.copy(n.clone().slerp(s, A));
-        }), r.play();
+        const n = i.quaternion.clone(), a = t.quaternion.clone(), s = te();
+        s.onUpdate(({ progress: h }) => {
+          i.quaternion.copy(n.clone().slerp(a, h));
+        }), s.play();
       });
     }));
     /** 楼层切换时，需要更新标签可见性 */
-    m(this, "handleFiveModelShownFloorChange", () => {
+    d(this, "handleFiveModelShownFloorChange", () => {
       this.tagsDo(this.tags, (e) => e.updateVisible());
     });
-    m(this, "onFiveRefined", y(() => {
-      C(this.five.getCurrentState().mode) ? this.setUnfoldedByCamera() : this.tags.forEach((e) => e.cache.clear()), this.tagsDo(this.tags, (e) => e.updateVisible());
+    d(this, "onFiveRefined", D(() => {
+      A(this.five.getCurrentState().mode) ? this.setUnfoldedByCamera() : this.tags.forEach((e) => e.cache.clear()), this.tagsDo(this.tags, (e) => e.updateVisible());
     }));
-    m(this, "onFiveEveryReady", () => {
-      this.setUnfoldedByCamera(), C(this.five.getCurrentState().mode) && this.tagsDo(this.tags, (e) => e.updateVisible());
+    d(this, "onFiveEveryReady", () => {
+      this.setUnfoldedByCamera(), A(this.five.getCurrentState().mode) && this.tagsDo(this.tags, (e) => e.updateVisible());
     });
-    m(this, "render", () => {
+    d(this, "render", () => {
       this.renderQueue.forEach((e, t) => {
         const { keys: i } = e;
         if (t === "TagContainerSvelte") {
-          const n = this.filterPointTag.filter((r) => r.screenPosition), s = {
+          const n = this.filterPointTag.filter((s) => s.screenPosition), a = {
             hooks: this.hooks,
             tags: n,
             state: this.state,
@@ -424,30 +431,30 @@ class Fs extends R {
             zIndex: this.params.containerZIndex
           };
           if (this.TagContainerSvelte) {
-            let r = {};
+            let s = {};
             if (i.length === 0)
-              r = s;
+              s = a;
             else
-              for (const a of i)
-                r[a] = s[a];
-            this.TagContainerSvelte.$set(r);
+              for (const r of i)
+                s[r] = a[r];
+            this.TagContainerSvelte.$set(s);
           } else {
             if (!this.container)
               return console.error("updateRenderPlaneTag: tag2DContainer not found");
-            this.TagContainerSvelte = new x({
+            this.TagContainerSvelte = new X({
               target: this.container,
-              props: c(f({}, s), { state: c(f({}, this.state), { enabled: !1 }) })
-            }), z(() => {
-              var r;
-              (r = this.TagContainerSvelte) == null || r.$set({ state: this.state });
+              props: C(g({}, a), { state: C(g({}, this.state), { enabled: !1 }) })
+            }), H(() => {
+              var s;
+              (s = this.TagContainerSvelte) == null || s.$set({ state: this.state });
             });
           }
         }
       }), this.renderQueue.clear();
     });
-    this.params = l({}, { debug: !1, config: this.config }, f({}, t)), this.debug = this.params.debug, this.config = this.params.config, this.debug && this.debugUtil.bindLog(), G(1, { namespace: O.PlayAudio });
+    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 });
     try {
-      Array.isArray(window.__PANOTAGPLUGIN_DEBUG_LIST__) || (window.__PANOTAGPLUGIN_DEBUG_LIST__ = []), this.NAME = D + "-" + window.__PANOTAGPLUGIN_DEBUG_LIST__.length, window.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), window.__PANOTAGPLUGIN_DEBUG__ || Object.defineProperty(window, "__PANOTAGPLUGIN_DEBUG__", {
+      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() {
           return window.__PANOTAGPLUGIN_DEBUG_LIST__.sort((i, o) => o.tags.length - i.tags.length)[0];
         }
@@ -465,53 +472,60 @@ class Fs extends R {
    * @description 加载数据
    */
   load(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       var o, n;
-      this.clearTags();
+      c.clearSharedMeshRegistry(), this.clearTags();
       try {
         console.debug(this.NAME, " load:", { data: JSON.parse(JSON.stringify(e)) });
-      } catch (s) {
+      } catch (a) {
       }
-      const t = V(this.five);
-      e.tagList.forEach((s) => {
-        if (s.enu_position && this.isValidArrayPosition(s.enu_position))
+      const t = Q(this.five);
+      e.tagList.forEach((a) => {
+        if (a.enu_position && this.isValidArrayPosition(a.enu_position))
           try {
-            const r = v(s.enu_position), a = t.viewLayers[0].scene.enuToWorld(r);
-            s.position = P(a);
-          } catch (r) {
+            const s = k(a.enu_position), r = t.viewLayers[0].scene.enuToWorld(s);
+            a.position = U(r);
+          } catch (s) {
           }
-        if (s.enu_normal && this.isValidArrayPosition(s.enu_normal))
+        if (a.enu_normal && this.isValidArrayPosition(a.enu_normal))
           try {
-            const r = v(s.enu_normal), a = t.viewLayers[0].scene.enuToWorld(r);
-            s.normal = P(a);
-          } catch (r) {
+            const s = k(a.enu_normal), r = t.viewLayers[0].scene.enuToWorld(s);
+            a.normal = U(r);
+          } catch (s) {
           }
-      }), this.config = l({}, this.config, {
+      }), this.config = v({}, this.config, {
         globalConfig: (o = e.globalConfig) != null ? o : {},
         contentTypeConfig: (n = e.contentTypeConfig) != null ? n : {}
       });
       const i = yield this.addTag(e.tagList);
-      return this.hooks.emit("loaded"), i;
+      return this.five.state.mode === "Panorama" && this.updateMaskTagsForCurrentPano(), this.hooks.emit("loaded"), i;
     });
   }
   /**
    * @description 添加标签
+   * @param tag 标签或标签数组
+   * @param options 可选配置
+   * @param options.updateMaskUrl 是否更新 mask。若为 true 且该 panoIndex 已有 Mask 标签，仅更新其 maskUrl（不变 color、style），并添加新标签
    */
-  addTag(e) {
-    return d(this, null, function* () {
-      const i = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
-        const n = B(o);
-        if (n === "2DPoint" || n === "3DPoint")
-          return new Q(this, o);
-        if (n === "Model")
-          return new $(this, o);
-        if (n === "Plane")
-          return new H(this, o);
+  addTag(e, t) {
+    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") {
+        const r = o[0], h = (a = r.maskUrl) != null ? a : r.mask, f = (s = r.fiveState) == null ? void 0 : s.panoIndex;
+        h && typeof f == "number" && this.tags.filter((u) => {
+          var T;
+          return u instanceof c && ((T = u.fiveState) == null ? void 0 : T.panoIndex) === f;
+        }).forEach((u) => u.set({ mask: h }));
+      }
+      const n = o.map((r) => {
+        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 i.forEach((o) => M(o)), this.tags.push(...i), this.tagsLengthWillUpdate = !0, N(this.five).then(() => d(this, null, function* () {
-        var o, n;
-        this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.tagsDo(i, (s) => {
-          this.tags.includes(s) && (s.updateVisible(), s.updateZIndex());
+      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());
         }), this.setUnfolded(), this.addRenderQueue({ type: "TagContainerSvelte" }), this.hooks.emit("tagsLengthChange");
       }));
     });
@@ -520,7 +534,7 @@ class Fs extends R {
    * @description 改变配置
    */
   changeConfig(e, t = !0) {
-    t ? this.config = l({}, this.config, e) : this.config = e, this.tags.forEach((i) => {
+    t ? this.config = v({}, this.config, e) : this.config = e, this.tags.forEach((i) => {
       i.updateConfig();
     }), this.tagsDo(this.tags, (i) => i.updateVisible());
   }
@@ -528,7 +542,7 @@ class Fs extends R {
    * @description 改变全局配置
    */
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = l({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.tags.forEach((i) => {
+    t ? this.config.globalConfig = v({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.tags.forEach((i) => {
       i.updateConfig();
     }), this.tagsDo(this.tags, (i) => {
       i.updateVisible();
@@ -538,14 +552,14 @@ class Fs extends R {
    * @description 改变类型配置
    */
   changeContentTypeConfig(e, t, i = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = l({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.tags.forEach((o) => {
+    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = v({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.tags.forEach((o) => {
       o.updateConfig();
     }), this.tagsDo(this.tags, (o) => {
       o.updateVisible();
     });
   }
   show(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0 } = e != null ? e : {};
@@ -553,7 +567,7 @@ class Fs extends R {
     });
   }
   hide(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0 } = e != null ? e : {};
@@ -575,21 +589,21 @@ class Fs extends R {
   setState(e, t) {
     if (this.checkDisposed())
       return;
-    const { userAction: i = !0 } = t != null ? t : {}, o = f({}, this.state);
+    const { userAction: i = !0 } = t != null ? t : {}, o = g({}, 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, t, i, o, n, s;
-    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((r) => {
-      var a;
-      return (a = r.tag3DContentSvelte) == null ? void 0 : a.svelteApp.$destroy();
-    }), this.tags.forEach((r) => {
-      var a;
-      (a = r.rectanglePlane) == null || a.editor.disable(), 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, (s = (n = this.store).resizeObserverDisposer) == null || s.call(n), 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");
+    var e, t, i, o, n, a;
+    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((s) => {
+      var r;
+      return (r = s.tag3DContentSvelte) == null ? void 0 : r.svelteApp.$destroy();
+    }), this.tags.forEach((s) => {
+      var r;
+      (r = s.rectanglePlane) == null || r.editor.disable(), s.cache.clear();
+    }), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (t = this.store.disposers) == null || t.forEach((s) => s == null ? void 0 : s()), this.store.disposers = [], (o = (i = this.store).eventListenerDisposer) == null || o.call(i), this.store.eventListenerDisposer = void 0, (a = (n = this.store).resizeObserverDisposer) == null || a.call(n), 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 闪烁标签
@@ -597,7 +611,7 @@ class Fs extends R {
    * @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);
     });
@@ -628,7 +642,7 @@ class Fs extends R {
    */
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = v(t));
+    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = k(t));
   }
   /**
    * @description 改变data
@@ -655,7 +669,53 @@ class Fs extends R {
    */
   changeTagById(e, t, i = !0) {
     const o = this.getTagById(e);
-    o && (o.set(t), o.updateVisible(), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data));
+    if (o) {
+      if (t.stickType && t.stickType !== o.stickType) {
+        console.log(`[PanoTagPlugin] stickType changed from ${o.stickType} to ${t.stickType}, recreating tag`);
+        const n = g({}, o);
+        this.destroyTagById(e), this.five.ready().then(() => {
+          this.addTag(g(g({}, n), t));
+        });
+        return;
+      }
+      o.set(t), o instanceof c && o.updateMaskStyle(), o.updateVisible(), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data);
+    }
+  }
+  /**
+   * @description 批量更新指定点位的 Mask 图
+   * @param maskUpdates 包含点位索引和对应 mask 的数组
+   * @example
+   * changeMask([
+   *   { index: 0, mask: 'https://example.com/mask1.png' },
+   *   { index: 1, mask: canvasElement }
+   * ])
+   */
+  changeMask(e) {
+    if (!Array.isArray(e) || e.length === 0) {
+      console.warn("[PanoTagPlugin] changeMask: invalid or empty maskUpdates");
+      return;
+    }
+    e.forEach(({ index: t, mask: i }) => {
+      if (typeof t != "number") {
+        console.warn("[PanoTagPlugin] changeMask: invalid index", t);
+        return;
+      }
+      if (!i) {
+        console.warn("[PanoTagPlugin] changeMask: invalid mask for index", t);
+        return;
+      }
+      const o = this.tags.filter((n) => {
+        var a;
+        return n instanceof c && ((a = n.fiveState) == null ? void 0 : a.panoIndex) === t;
+      });
+      if (o.length === 0) {
+        console.debug(`[PanoTagPlugin] changeMask: no MaskTag found at panoIndex ${t}`);
+        return;
+      }
+      o.forEach((n) => {
+        n.set({ mask: i }), console.log(`[PanoTagPlugin] Updated mask for tag ${n.id} at panoIndex ${t}`);
+      });
+    }), this.five.needsRender = !0;
   }
   /**
    * @description 销毁tag
@@ -678,15 +738,15 @@ class Fs extends R {
   clearTags() {
     var e;
     this.tags.length && (this.tags.forEach((t) => {
-      var i, o, n, s, r, a;
-      (i = t.tag3DContentSvelte) == null || i.dispose(), (n = (o = t.mediaPlane) == null ? void 0 : o.parent) == null || n.remove(t.mediaPlane), (a = (r = (s = t.model) == null ? void 0 : s.object) == null ? void 0 : r.parent) == null || a.remove(t.model.object), t != null && t.tagNormalLine && (t == null || t.removeTagNormalLine());
+      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();
     }), 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();
@@ -722,20 +782,20 @@ class Fs extends R {
     if (this.store.disposed)
       return;
     const e = this.five.getElement(), t = () => {
-      this.state.enabled && (this.filterPointTag.forEach((a) => a.updateScreenPosition({ force: !0 })), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
+      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 } = T(
-      I(() => {
+    }, { observe: o, unobserve: n } = M(
+      O(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
-    ), { observe: s, unobserve: r } = T(
-      y(() => t(), 400),
+    ), { observe: a, unobserve: s } = M(
+      D(() => t(), 400),
       e
     );
-    return o(), s(), () => {
-      n(), r();
+    return o(), a(), () => {
+      n(), s();
     };
   }
   setUnfoldedByCamera() {
@@ -745,13 +805,13 @@ class Fs extends R {
       if (t.state && i !== void 0) {
         if (i === !0 && t.screenPosition) {
           const o = t.getConfig().unfoldedConfig;
-          S(o).keep !== "unfolded" && (e = !0);
+          E(o).keep !== "unfolded" && (e = !0);
         }
         t.state.unfolded = i;
       }
     }), e && this.filterPointTag.forEach((t) => {
       const i = t.getConfig().unfoldedConfig;
-      typeof i == "object" && (i.autoUnfold || i.autoUnfold === !1 || S(i.autoUnfold).enable === !1 || i.keep) || t.state && (t.state.unfolded = !1);
+      typeof i == "object" && (i.autoUnfold || i.autoUnfold === !1 || E(i.autoUnfold).enable === !1 || i.keep) || t.state && (t.state.unfolded = !1);
     });
   }
   changeTagMode(e, t) {
@@ -762,7 +822,7 @@ class Fs extends R {
    * @description 添加 cameraUpdate, panoArrived 等事件监听
    */
   addEventListener() {
-    const { five: e, hooks: t } = this, i = W(this.five, this.onFiveEveryReady);
+    const { five: e, hooks: t } = this, i = ee(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;
     };
@@ -801,9 +861,62 @@ class Fs extends R {
   isValidArrayPosition(e) {
     return !Array.isArray(e) || e.length !== 3 ? !1 : e.every((t) => typeof t == "number" && !isNaN(t) && isFinite(t));
   }
+  /**
+   * 更新当前点位的 Mask 标签
+   * Mask 标签仅在当前点位可见
+   */
+  updateMaskTagsForCurrentPano() {
+    const e = this.five.getCurrentState().panoIndex;
+    console.log(
+      "[PanoTagPlugin] updateMaskTagsForCurrentPano, current panoIndex:",
+      e,
+      "mask tags count:",
+      this.filterMaskTag.length
+    ), this.filterMaskTag.forEach((t) => {
+      var o;
+      const i = (o = t.fiveState) == null ? void 0 : o.panoIndex;
+      console.log(
+        "[PanoTagPlugin] Processing mask tag:",
+        t.id,
+        "tagPanoIndex:",
+        i,
+        "matches current:",
+        i === e
+      ), i === e ? (console.log("[PanoTagPlugin] Tag matches current pano, updating visibility..."), t.updateVisible(), t.applyVisible()) : t.visible && (console.log("[PanoTagPlugin] Tag is from different pano, hiding..."), t.state.visible = !1, t.applyVisible());
+    });
+  }
+  /**
+   * 获取所有 Mask 类型的标签
+   */
+  get filterMaskTag() {
+    return this.tags.filter((e) => e.stickType === "Mask");
+  }
+  /**
+   * 获取 MaskTag 性能统计信息（用于性能监控和调试）
+   * @returns 性能统计信息
+   */
+  getMaskTagPerformanceStats() {
+    const e = c.getCacheStats(), t = this.filterMaskTag.length, i = this.filterMaskTag.filter((o) => o.visible).length;
+    return {
+      // 标签统计
+      totalMaskTags: t,
+      visibleMaskTags: i,
+      // 纹理缓存统计
+      textureCache: e,
+      // 当前点位
+      currentPanoIndex: this.five.state.panoIndex
+    };
+  }
+  /**
+   * 清理所有 MaskTag 纹理缓存（用于内存管理）
+   * 注意：这会释放所有纹理缓存，谨慎使用
+   */
+  clearMaskTagCache() {
+    c.clearAllCache();
+  }
 }
 export {
-  Fs as PanoTagPluginController,
-  Fs as default,
-  _s as pluginFlag
+  Vs as PanoTagPluginController,
+  Vs as default,
+  Ns as pluginFlag
 };