@realsee/dnalogel 3.77.2 → 3.78.0-alpha.0

package/libs/PanoTagPlugin/controller/index.js

@@ -1,68 +1,71 @@
-var E = Object.defineProperty, U = 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 w = Object.defineProperty, _ = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var k = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var c = (h, p, e) => p in h ? w(h, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[p] = e, d = (h, 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]);
+    L.call(p, e) && c(h, e, p[e]);
+  if (k)
+    for (var e of k(p))
+      B.call(p, e) && c(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) => {
+}, u = (h, p) => _(h, I(p));
+var m = (h, p, e) => (c(h, typeof p != "symbol" ? p + "" : p, e), e);
+var l = (h, p, e) => new Promise((t, i) => {
   var o = (r) => {
     try {
-      s(e.next(r));
+      n(e.next(r));
     } catch (a) {
       i(a);
     }
-  }, n = (r) => {
+  }, s = (r) => {
     try {
-      s(e.throw(r));
+      n(e.throw(r));
     } catch (a) {
       i(a);
     }
-  }, s = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(o, n);
-  s((e = e.apply(h, p)).next());
+  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(o, s);
+  n((e = e.apply(h, 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 v from "three";
+import { objectAssignDeepExports as f } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import { arrayPositionToVector3 as T } from "../../shared-utils/positionToVector3.js";
+import { isModelTag as G, isMediaModelTag as O } from "../utils/tag/tagCheck.js";
+import { debounce as D } from "../utils/debounce.js";
+import { throttle as R } from "../utils/throttle.js";
+import N, { getTagStickType as V } from "../utils/tag/format.js";
+import { generateBlankAudio as x, AudioNamespace as z } from "../../shared-utils/audio.js";
+import { resizeObserver as E } 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 M } 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 y } 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,21 +334,21 @@ 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 F = "Dnalogel-PanoTagPlugin", Vs = (h) => `${F}--${h}`;
+class xs extends $ {
   constructor(e, t) {
     super(e);
     /** state */
     m(this, "state", { enabled: !0, visible: !0 });
     /** debug */
     m(this, "debug");
-    m(this, "debugUtil", new j(this));
+    m(this, "debugUtil", new W(this));
     /** 全局 hover 启用状态，默认 true */
     m(this, "globalHoverEnabled", !0);
     /** 更改 tag 模型 */
-    m(this, "changeTagModel", (e, t) => d(this, null, function* () {
+    m(this, "changeTagModel", (e, t) => l(this, null, function* () {
       var i;
-      e.data = l({}, e.data, t), yield (i = e.loadModel) == null ? void 0 : i.call(e);
+      e.data = f({}, e.data, t), yield (i = e.loadModel) == null ? void 0 : i.call(e);
     }));
     m(this, "handleFiveModeChange", (e) => {
       const t = () => {
@@ -351,7 +356,9 @@ class Fs extends R {
           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(), O(i) && e !== "Panorama" && this.changeTagMode(i, "behind");
+          }), e === "Panorama" ? this.updateMaskTagsForCurrentPano() : this.filterMaskTag.forEach((i) => {
+            i.state.visible = !1, i.applyVisible();
           });
         });
       };
@@ -377,25 +384,25 @@ class Fs extends R {
         this.five.off("render.prepare", this.handleFiveCameraUpdate);
       }, 1e3);
     });
-    m(this, "handleFivePanoArrived", () => d(this, null, function* () {
+    m(this, "handleFivePanoArrived", () => l(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(G).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;
+        const t = new v.Mesh(new v.BoxGeometry(), new v.MeshBasicMaterial()), i = (a = e.model) == null ? void 0 : a.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));
+        const s = i.quaternion.clone(), n = t.quaternion.clone(), r = te();
+        r.onUpdate(({ progress: g }) => {
+          i.quaternion.copy(s.clone().slerp(n, g));
         }), r.play();
       });
     }));
@@ -403,19 +410,19 @@ class Fs extends R {
     m(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());
+    m(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());
+      this.setUnfoldedByCamera(), A(this.five.getCurrentState().mode) && this.tagsDo(this.tags, (e) => e.updateVisible());
     });
     m(this, "render", () => {
       this.renderQueue.forEach((e, t) => {
         const { keys: i } = e;
         if (t === "TagContainerSvelte") {
-          const n = this.filterPointTag.filter((r) => r.screenPosition), s = {
+          const s = this.filterPointTag.filter((r) => r.screenPosition), n = {
             hooks: this.hooks,
-            tags: n,
+            tags: s,
             state: this.state,
             temporaryState: this.temporaryState,
             mediaStore: this.mediaStore,
@@ -426,18 +433,18 @@ class Fs extends R {
           if (this.TagContainerSvelte) {
             let r = {};
             if (i.length === 0)
-              r = s;
+              r = n;
             else
               for (const a of i)
-                r[a] = s[a];
+                r[a] = n[a];
             this.TagContainerSvelte.$set(r);
           } 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(() => {
+              props: u(d({}, n), { state: u(d({}, this.state), { enabled: !1 }) })
+            }), H(() => {
               var r;
               (r = this.TagContainerSvelte) == null || r.$set({ state: this.state });
             });
@@ -445,9 +452,9 @@ class Fs extends R {
         }
       }), 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 = f({}, { debug: !1, config: this.config }, d({}, t)), this.debug = this.params.debug, this.config = this.params.config, this.debug && this.debugUtil.bindLog(), x(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 = F + "-" + 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];
         }
@@ -456,62 +463,57 @@ class Fs extends R {
     }
   }
   appendTo(e) {
-    var i, o, n;
+    var i, o, s;
     this.container = e;
     const t = (o = (i = this.TagContainerSvelte) == null ? void 0 : i.$$) == null ? void 0 : o.root;
-    t && t !== this.container && ((n = this.TagContainerSvelte) == null || n.$destroy(), this.TagContainerSvelte = void 0);
+    t && t !== this.container && ((s = this.TagContainerSvelte) == null || s.$destroy(), this.TagContainerSvelte = void 0);
   }
   /**
    * @description 加载数据
    */
   load(e) {
-    return d(this, null, function* () {
-      var o, n;
+    return l(this, null, function* () {
+      var o, s;
       this.clearTags();
       try {
         console.debug(this.NAME, " load:", { data: JSON.parse(JSON.stringify(e)) });
-      } catch (s) {
+      } catch (n) {
       }
-      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((n) => {
+        if (n.enu_position && this.isValidArrayPosition(n.enu_position))
           try {
-            const r = v(s.enu_position), a = t.viewLayers[0].scene.enuToWorld(r);
-            s.position = P(a);
+            const r = T(n.enu_position), a = t.viewLayers[0].scene.enuToWorld(r);
+            n.position = U(a);
           } catch (r) {
           }
-        if (s.enu_normal && this.isValidArrayPosition(s.enu_normal))
+        if (n.enu_normal && this.isValidArrayPosition(n.enu_normal))
           try {
-            const r = v(s.enu_normal), a = t.viewLayers[0].scene.enuToWorld(r);
-            s.normal = P(a);
+            const r = T(n.enu_normal), a = t.viewLayers[0].scene.enuToWorld(r);
+            n.normal = U(a);
           } catch (r) {
           }
-      }), this.config = l({}, this.config, {
+      }), this.config = f({}, this.config, {
         globalConfig: (o = e.globalConfig) != null ? o : {},
-        contentTypeConfig: (n = e.contentTypeConfig) != null ? n : {}
+        contentTypeConfig: (s = e.contentTypeConfig) != null ? s : {}
       });
       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 添加标签
    */
   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);
+    return l(this, null, function* () {
+      const o = (Array.isArray(e) ? e : [e]).filter((s) => s.stickType === "3DBox" || s.stickType === "Mask" || s.position).map((s) => {
+        const n = V(s);
+        return n === "2DPoint" || n === "3DPoint" ? new q(this, s) : n === "Model" ? new J(this, s) : n === "Plane" ? new Z(this, s) : n === "3DBox" ? new Y(this, s) : n === "Polygon" ? new K(this, s) : n === "Mask" ? new y(this, s) : 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 o.forEach((s) => N(s)), this.tags.push(...o), this.tagsLengthWillUpdate = !0, j(this.five).then(() => l(this, null, function* () {
+        var s, n;
+        this.store.eventListenerDisposer && ((n = (s = this.store).eventListenerDisposer) == null || n.call(s)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.tagsDo(o, (r) => {
+          this.tags.includes(r) && (r.updateVisible(), r.updateZIndex());
         }), this.setUnfolded(), this.addRenderQueue({ type: "TagContainerSvelte" }), this.hooks.emit("tagsLengthChange");
       }));
     });
@@ -520,7 +522,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 = f({}, this.config, e) : this.config = e, this.tags.forEach((i) => {
       i.updateConfig();
     }), this.tagsDo(this.tags, (i) => i.updateVisible());
   }
@@ -528,7 +530,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 = f({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.tags.forEach((i) => {
       i.updateConfig();
     }), this.tagsDo(this.tags, (i) => {
       i.updateVisible();
@@ -538,14 +540,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] = f({}, 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 l(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0 } = e != null ? e : {};
@@ -553,7 +555,7 @@ class Fs extends R {
     });
   }
   hide(e) {
-    return d(this, null, function* () {
+    return l(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0 } = e != null ? e : {};
@@ -575,21 +577,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 = d({}, 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;
+    var e, t, i, o, s, n;
     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");
+    }), 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 闪烁标签
@@ -597,7 +599,7 @@ class Fs extends R {
    * @param {Partial<anime.AnimeParams>} animeConfig
    */
   blinkTagById(e, t) {
-    return d(this, null, function* () {
+    return l(this, null, function* () {
       var i;
       return (i = this.getTagById(e)) == null ? void 0 : i.blink(t);
     });
@@ -628,7 +630,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 = T(t));
   }
   /**
    * @description 改变data
@@ -655,7 +657,15 @@ 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 s = d({}, o);
+        this.destroyTagById(e), this.addTag(d(d({}, s), t));
+        return;
+      }
+      o.set(t), o.updateVisible(), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data);
+    }
   }
   /**
    * @description 销毁tag
@@ -678,15 +688,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, s, n, r, a, g, b, C, P, S;
+      (i = t.tag3DContentSvelte) == null || i.dispose(), (s = (o = t.mediaPlane) == null ? void 0 : o.parent) == null || s.remove(t.mediaPlane), (a = (r = (n = t.model) == null ? void 0 : n.object) == null ? void 0 : r.parent) == null || a.remove(t.model.object), (b = (g = t.rectanglePlane) == null ? void 0 : g.parent) == null || b.remove(t.rectanglePlane), (C = t.boxShape) != null && C.parent && t.boxShape.parent.remove(t.boxShape), (S = (P = t.polygonShape) == null ? void 0 : P.parent) == null || S.remove(t.polygonShape), t != null && t.tagNormalLine && (t == null || t.removeTagNormalLine());
     }), 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 l(this, null, function* () {
       return new Promise((e) => {
         setTimeout(() => {
           this.setUnfoldedByCamera(), e();
@@ -706,8 +716,8 @@ class Fs extends R {
   handleDisable() {
     var e, t, i;
     this.pauseCurrentMedia(), this.tags.forEach((o) => {
-      var n;
-      return (n = o.rectanglePlane) == null ? void 0 : n.delete();
+      var s;
+      return (s = o.rectanglePlane) == null ? void 0 : s.delete();
     }), 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() {
@@ -725,17 +735,17 @@ class Fs extends R {
       this.state.enabled && (this.filterPointTag.forEach((a) => a.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: s } = E(
+      R(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
-    ), { observe: s, unobserve: r } = T(
-      y(() => t(), 400),
+    ), { observe: n, unobserve: r } = E(
+      D(() => t(), 400),
       e
     );
-    return o(), s(), () => {
-      n(), r();
+    return o(), n(), () => {
+      s(), r();
     };
   }
   setUnfoldedByCamera() {
@@ -745,13 +755,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);
+          M(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 || M(i.autoUnfold).enable === !1 || i.keep) || t.state && (t.state.unfolded = !1);
     });
   }
   changeTagMode(e, t) {
@@ -762,7 +772,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 +811,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 = y.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() {
+    y.clearAllCache();
+  }
 }
 export {
-  Fs as PanoTagPluginController,
-  Fs as default,
-  _s as pluginFlag
+  xs as PanoTagPluginController,
+  xs as default,
+  Vs as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import r from "./controller/index.js";
-import { pluginFlag as Li } from "./controller/index.js";
-import { defaultGlobalConfig as Ni } from "./typings/tag/TagConfig.js";
-import { ContentType as Qi, DimensionType as Ri, PointType as Si } from "./Archive/deprecated.js";
+import { pluginFlag as Ri } from "./controller/index.js";
+import { defaultGlobalConfig as Ui } from "./typings/tag/TagConfig.js";
+import { ContentType as Wi, DimensionType as Xi, PointType as Yi } from "./Archive/deprecated.js";
 import "three";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/positionToVector3.js";
@@ -285,6 +285,11 @@ import "../Sculpt/Meshes/Box.js";
 import "../shared-utils/forReverseEach.js";
 import "../Sculpt/Objects/Line/index.js";
 import "../shared-utils/five/getFloorMesh.js";
+import "./controller/Tag/BoxTag.js";
+import "./utils/sculptDataToBoxPosition.js";
+import "./controller/Tag/PolygonTag.js";
+import "./controller/Tag/MaskTag.js";
+import "./controller/Tag/MaskTag.shaders.js";
 import "./Components/TagContainer.js";
 import "./Components/TagItem.js";
 import "./Components/Common/TagPoint.js";
@@ -303,14 +308,14 @@ import "./Components/Common/TagPopover/ArrowRightIcon.js";
 import "./Components/Common/TagPopover/ShareIcon.js";
 import "./utils/popoverContainer.js";
 import "../shared-utils/animationFrame/BetterTween.js";
-const Ii = (o, t) => new r(o, t);
+const Ni = (o, t) => new r(o, t);
 export {
-  Qi as ContentType,
-  Ri as DimensionType,
-  Ii as PanoTagPlugin,
+  Wi as ContentType,
+  Xi as DimensionType,
+  Ni as PanoTagPlugin,
   r as PanoTagPluginController,
-  Si as PointType,
-  Ii as default,
-  Ni as defaultGlobalConfig,
-  Li as pluginFlag
+  Yi as PointType,
+  Ni as default,
+  Ui as defaultGlobalConfig,
+  Ri as pluginFlag
 };