@realsee/dnalogel 3.59.12-alpha.3 → 3.59.13-alpha.0

package/libs/PanoTagPlugin/controller/index.js

@@ -11,20 +11,20 @@ var g = (h, a, e) => a in h ? S(h, a, { enumerable: !0, configurable: !0, writab
   return h;
 }, c = (h, a) => P(h, D(a));
 var p = (h, a, e) => (g(h, typeof a != "symbol" ? a + "" : a, e), e);
-var l = (h, a, e) => new Promise((t, i) => {
-  var o = (s) => {
+var l = (h, a, e) => new Promise((i, t) => {
+  var o = (r) => {
     try {
-      n(e.next(s));
+      n(e.next(r));
     } catch (d) {
-      i(d);
+      t(d);
     }
-  }, r = (s) => {
+  }, s = (r) => {
     try {
-      n(e.throw(s));
+      n(e.throw(r));
     } catch (d) {
-      i(d);
+      t(d);
     }
-  }, n = (s) => s.done ? t(s.value) : Promise.resolve(s.value).then(o, r);
+  }, n = (r) => r.done ? i(r.value) : Promise.resolve(r.value).then(o, s);
   n((e = e.apply(h, a)).next());
 });
 import * as u from "three";
@@ -39,13 +39,13 @@ import { resizeObserver as y } from "../../shared-utils/dom/resizeObserver.js";
 import { TagRender as O } from "./TagRender.js";
 import "../../shared-utils/tag.js";
 import { isModelLike as R } from "../../shared-utils/five/mode.js";
-import "../../vendor/hammerjs/hammer.js";
+import "hammerjs";
 import "../../shared-utils/three/PointSelector/index.js";
-import "../../shared-utils/CSS3DRender/THREEJS_CSS3DRenderer/index.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../shared-utils/three/core/Sphere.js";
-import "../../vendor/animejs/lib/anime.es.js";
+import "animejs";
 import { waitFiveModelLoaded as G } from "../../shared-utils/five/fiveModelLoad.js";
 import { nextFrame as N } from "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/five/FivePuppet.js";
@@ -102,6 +102,7 @@ import "../../shared-utils/isNil.js";
 import "../../shared-utils/three/PointSelector/utils/html.js";
 import "../../shared-utils/five/initialCSS3DRender.js";
 import "../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../shared-utils/CSS3DRender/THREEJS_CSS3DRenderer/index.js";
 import "../../shared-utils/createResizeObserver.js";
 import "../../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../../Sculpt/Meshes/Line.js";
@@ -212,9 +213,9 @@ import "../Components/Tag/CustomTag.js";
 import "../../vendor/classnames/index.js";
 import "../Components/TagItem.js";
 import "../Components/Common/TagPoint.js";
-const T = "Dnalogel-PanoTagPlugin", vo = (h) => `${T}--${h}`;
-class yo extends O {
-  constructor(e, t) {
+const T = "Dnalogel-PanoTagPlugin", yo = (h) => `${T}--${h}`;
+class bo extends O {
+  constructor(e, i) {
     super(e);
     /** state */
     p(this, "state", { enabled: !0, visible: !0 });
@@ -222,30 +223,30 @@ class yo extends O {
     p(this, "debug");
     p(this, "debugUtil", new z(this));
     /** 更改 tag 模型 */
-    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, "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, "handleFiveModeChange", (e) => {
-      const t = () => {
-        this.filter2DPointTag.forEach((i) => {
-          i.state.visible = !1, i.applyVisible();
+      const i = () => {
+        this.filter2DPointTag.forEach((t) => {
+          t.state.visible = !1, t.applyVisible();
         }), this.five.ready().then(() => {
-          this.tagsDo(this.tags, (i) => {
-            i.updateVisible(), F(i) && e !== "Panorama" && this.changeTagMode(i, "behind");
+          this.tagsDo(this.tags, (t) => {
+            t.updateVisible(), F(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
           });
         });
       };
-      this.tags.length < 500 ? t() : this.five.ready().then(() => t());
+      this.tags.length < 500 ? i() : this.five.ready().then(() => i());
     });
     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((t) => {
-          t.temporaryState.visible = !0;
-        }), this.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.tags.forEach((t) => t.applyVisible());
+        this.temporaryState.visible = !0, this.tags.forEach((i) => {
+          i.temporaryState.visible = !0;
+        }), this.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.tags.forEach((i) => i.applyVisible());
     });
     p(this, "clickhandler", (e) => {
       e.tag.onClick(e);
@@ -264,20 +265,20 @@ class yo extends O {
       }), 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) => {
-        var t;
-        return (t = e.getConfig().modelConfig) == null ? void 0 : t.autoLookAtEnabled;
+        var i;
+        return (i = e.getConfig().modelConfig) == null ? void 0 : i.autoLookAtEnabled;
       }).forEach((e) => {
         var d;
-        const t = new u.Mesh(new u.BoxGeometry(), new u.MeshBasicMaterial()), i = (d = e.model) == null ? void 0 : d.object;
-        if (!i)
+        const i = new u.Mesh(new u.BoxGeometry(), new u.MeshBasicMaterial()), t = (d = e.model) == null ? void 0 : d.object;
+        if (!t)
           return;
-        t.position.copy(i.position), t.quaternion.copy(i.quaternion);
+        i.position.copy(t.position), i.quaternion.copy(t.quaternion);
         const o = this.five.camera.position;
-        t.lookAt(o.clone().setY(t.position.y));
-        const r = i.quaternion.clone(), n = t.quaternion.clone(), s = W();
-        s.onUpdate(({ progress: C }) => {
-          i.quaternion.copy(r.clone().slerp(n, C));
-        }), s.play();
+        i.lookAt(o.clone().setY(i.position.y));
+        const s = t.quaternion.clone(), n = i.quaternion.clone(), r = W();
+        r.onUpdate(({ progress: C }) => {
+          t.quaternion.copy(s.clone().slerp(n, C));
+        }), r.play();
       });
     }));
     /** 楼层切换时，需要更新标签可见性 */
@@ -288,12 +289,12 @@ class yo extends O {
       this.setUnfoldedByCamera(), R(this.five.getCurrentState().mode) && this.tagsDo(this.tags, (e) => e.updateVisible());
     });
     p(this, "render", () => {
-      this.renderQueue.forEach((e, t) => {
-        const { keys: i } = e;
-        if (t === "TagContainerSvelte") {
-          const r = this.filterPointTag.filter((s) => s.screenPosition), n = {
+      this.renderQueue.forEach((e, i) => {
+        const { keys: t } = e;
+        if (i === "TagContainerSvelte") {
+          const s = this.filterPointTag.filter((r) => r.screenPosition), n = {
             hooks: this.hooks,
-            tags: r,
+            tags: s,
             state: this.state,
             temporaryState: this.temporaryState,
             mediaStore: this.mediaStore,
@@ -302,13 +303,13 @@ class yo extends O {
             zIndex: this.params.containerZIndex
           };
           if (this.TagContainerSvelte) {
-            let s = {};
-            if (i.length === 0)
-              s = n;
+            let r = {};
+            if (t.length === 0)
+              r = n;
             else
-              for (const d of i)
-                s[d] = n[d];
-            this.TagContainerSvelte.$set(s);
+              for (const d of t)
+                r[d] = n[d];
+            this.TagContainerSvelte.$set(r);
           } else {
             if (!this.container)
               return console.error("updateRenderPlaneTag: tag2DContainer not found");
@@ -316,46 +317,46 @@ class yo extends O {
               target: this.container,
               props: c(f({}, n), { state: c(f({}, this.state), { enabled: !1 }) })
             }), N(() => {
-              var s;
-              (s = this.TagContainerSvelte) == null || s.$set({ state: this.state });
+              var r;
+              (r = this.TagContainerSvelte) == null || r.$set({ state: this.state });
             });
           }
         }
       }), this.renderQueue.clear();
     });
-    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(), M(1, { namespace: B.PlayAudio });
+    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(), M(1, { namespace: B.PlayAudio });
     try {
       Array.isArray(window.__PANOTAGPLUGIN_DEBUG_LIST__) || (window.__PANOTAGPLUGIN_DEBUG_LIST__ = []), this.NAME = T + "-" + 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];
+          return window.__PANOTAGPLUGIN_DEBUG_LIST__.sort((t, o) => o.tags.length - t.tags.length)[0];
         }
       });
-    } catch (i) {
+    } catch (t) {
     }
   }
   appendTo(e) {
-    var i, o, r;
+    var t, o, s;
     this.debugUtil.addLog("appendTo"), this.container = e;
-    const t = (o = (i = this.TagContainerSvelte) == null ? void 0 : i.$$) == null ? void 0 : o.root;
-    t && t !== this.container && ((r = this.TagContainerSvelte) == null || r.$destroy(), this.TagContainerSvelte = void 0);
+    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);
   }
   /**
    * @description 加载数据
    */
   load(e) {
     return l(this, null, function* () {
-      var i, o;
+      var t, o;
       this.clearTags();
       try {
         console.debug(this.NAME, " load:", { data: JSON.parse(JSON.stringify(e)) });
-      } catch (r) {
+      } catch (s) {
       }
       this.config = m({}, this.config, {
-        globalConfig: (i = e.globalConfig) != null ? i : {},
+        globalConfig: (t = e.globalConfig) != null ? t : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
-      const t = yield this.addTag(e.tagList);
-      return this.hooks.emit("loaded"), t;
+      const i = yield this.addTag(e.tagList);
+      return this.hooks.emit("loaded"), i;
     });
   }
   /**
@@ -363,18 +364,18 @@ class yo extends O {
    */
   addTag(e) {
     return l(this, null, function* () {
-      const i = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
-        const r = I(o);
-        if (r === "2DPoint" || r === "3DPoint")
+      const t = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
+        const s = I(o);
+        if (s === "2DPoint" || s === "3DPoint")
           return new V(this, o);
-        if (r === "Model")
+        if (s === "Model")
           return new j(this, o);
-        if (r === "Plane")
+        if (s === "Plane")
           return new Q(this, o);
       });
-      return i.forEach(L), this.tags.push(...i), this.tagsLengthWillUpdate = !0, G(this.five).then(() => l(this, null, function* () {
-        var o, r;
-        this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.tagsDo(i, (n) => {
+      return t.forEach(L), this.tags.push(...t), this.tagsLengthWillUpdate = !0, G(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.tags.includes(n) && (n.updateVisible(), n.updateZIndex());
         }), this.setUnfolded(), this.addRenderQueue({ type: "TagContainerSvelte" }), this.hooks.emit("tagsLengthChange");
       }));
@@ -383,26 +384,26 @@ class yo extends O {
   /**
    * @description 改变配置
    */
-  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());
+  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());
   }
   /**
    * @description 改变全局配置
    */
-  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();
+  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();
     });
   }
   /**
    * @description 改变类型配置
    */
-  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) => {
+  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) => {
       o.updateConfig();
     }), this.tagsDo(this.tags, (o) => {
       o.updateVisible();
@@ -412,55 +413,55 @@ class yo extends O {
     return l(this, null, function* () {
       if (this.checkDisposed())
         return;
-      const { userAction: t = !0 } = e != null ? e : {};
-      this.setState({ visible: !0 }, { userAction: t }), this.hooks.emit("show", { userAction: t });
+      const { userAction: i = !0 } = e != null ? e : {};
+      this.setState({ visible: !0 }, { userAction: i }), this.hooks.emit("show", { userAction: i });
     });
   }
   hide(e) {
     return l(this, null, function* () {
       if (this.checkDisposed())
         return;
-      const { userAction: t = !0 } = e != null ? e : {};
-      this.setState({ visible: !1 }, { userAction: t }), this.hooks.emit("hide", { userAction: t });
+      const { userAction: i = !0 } = e != null ? e : {};
+      this.setState({ visible: !1 }, { userAction: i }), this.hooks.emit("hide", { userAction: i });
     });
   }
   enable(e) {
     if (this.checkDisposed())
       return;
-    const { userAction: t = !0 } = e != null ? e : {};
-    this.setState({ enabled: !0 }, { userAction: t }), this.hooks.emit("enable", { userAction: t });
+    const { userAction: i = !0 } = e != null ? e : {};
+    this.setState({ enabled: !0 }, { userAction: i }), this.hooks.emit("enable", { userAction: i });
   }
   disable(e) {
     if (this.checkDisposed())
       return;
-    const { userAction: t = !0 } = e != null ? e : {};
-    this.setState({ enabled: !1 }, { userAction: t }), this.hooks.emit("disable", { userAction: t });
+    const { userAction: i = !0 } = e != null ? e : {};
+    this.setState({ enabled: !1 }, { userAction: i }), this.hooks.emit("disable", { userAction: i });
   }
-  setState(e, t) {
+  setState(e, i) {
     if (this.checkDisposed())
       return;
-    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 });
+    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 });
   }
   /**
    * @description 销毁
    */
   dispose() {
-    var e, t, i, o, r, n;
-    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((s) => {
+    var e, i, t, o, s, n;
+    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((r) => {
       var d;
-      return (d = s.tag3DContentSvelte) == null ? void 0 : d.svelteApp.$destroy();
-    }), this.tags.forEach((s) => 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, (n = (r = this.store).resizeObserverDisposer) == null || n.call(r), 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");
+      return (d = r.tag3DContentSvelte) == null ? void 0 : d.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");
   }
   /**
    * @description 闪烁标签
    * @param {TagId} id
    * @param {Partial<anime.AnimeParams>} animeConfig
    */
-  blinkTagById(e, t) {
+  blinkTagById(e, i) {
     return l(this, null, function* () {
-      var i;
-      return (i = this.getTagById(e)) == null ? void 0 : i.blink(t);
+      var t;
+      return (t = this.getTagById(e)) == null ? void 0 : t.blink(i);
     });
   }
   /**
@@ -468,63 +469,63 @@ class yo extends O {
    * @param {TagId} id
    * @param {boolean} unfolded
    */
-  changeUnfoldedById(e, t) {
-    const i = this.getTagById(e);
-    t ? i == null || i.unfold() : i == null || i.fold();
+  changeUnfoldedById(e, i) {
+    const t = this.getTagById(e);
+    i ? t == null || t.unfold() : t == null || t.fold();
   }
   /**
    * @description 启用/停用指定id的标签
    * @param {TagId} id
    * @param {boolean} enabled
    */
-  changeEnabledById(e, t) {
+  changeEnabledById(e, i) {
     var o;
-    const i = this.getTagById(e);
-    i && (i.enabled = t, (o = i.hooks) == null || o.emit(t ? "enable" : "disable"));
+    const t = this.getTagById(e);
+    t && (t.enabled = i, (o = t.hooks) == null || o.emit(i ? "enable" : "disable"));
   }
   /**
    * @description 修改3D标签normal
    * @param {TagId} id
    * @param {ArrayPosition} normal
    */
-  changeTagNormalById(e, t) {
-    const i = this.getTagById(e);
-    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = E(t));
+  changeTagNormalById(e, i) {
+    const t = this.getTagById(e);
+    t && t.tag3DContentSvelte && (t.tag3DContentSvelte.currentNormal = E(i));
   }
   /**
    * @description 改变data
    */
-  changePositionById(e, t) {
-    const i = this.getTagById(e);
-    i && i.setPosition(t);
+  changePositionById(e, i) {
+    const t = this.getTagById(e);
+    t && t.setPosition(i);
   }
   /**
    * @description 改变data
    */
-  changeDataById(e, t, i = !0) {
+  changeDataById(e, i, t = !0) {
     const o = this.getTagById(e);
-    o && (o.setData(t, i), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data));
+    o && (o.setData(i, t), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data));
   }
   /**
    * @description 改变tag的stickType
    */
-  changeStickTypeById(e, t, i = !0) {
-    this.changeTagById(e, t, i);
+  changeStickTypeById(e, i, t = !0) {
+    this.changeTagById(e, i, t);
   }
   /**
    * @description 改变tag任意属性
    */
-  changeTagById(e, t, i = !0) {
+  changeTagById(e, i, t = !0) {
     const o = this.getTagById(e);
-    o && (o.set(t), o.updateVisible(), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data));
+    o && (o.set(i), o.updateVisible(), this.clearUnusedPanelTag(), o.hooks.emit("dataChanged", o.data));
   }
   /**
    * @description 销毁tag
    */
   destroyTagById(e) {
-    (Array.isArray(e) ? e : [e]).forEach((i) => {
+    (Array.isArray(e) ? e : [e]).forEach((t) => {
       var o;
-      return (o = this.getTagById(i)) == null ? void 0 : o.destroy();
+      return (o = this.getTagById(t)) == null ? void 0 : o.destroy();
     });
   }
   /**
@@ -538,9 +539,9 @@ class yo extends O {
    */
   clearTags() {
     var e;
-    this.tags.length && (this.tags.forEach((t) => {
-      var i, o, r, n, s;
-      (o = (i = t.mediaPlane) == null ? void 0 : i.parent) == null || o.remove(t.mediaPlane), (s = (n = (r = t.model) == null ? void 0 : r.object) == null ? void 0 : n.parent) == null || s.remove(t.model.object);
+    this.tags.length && (this.tags.forEach((i) => {
+      var t, o, s, n, r;
+      (o = (t = i.mediaPlane) == null ? void 0 : t.parent) == null || o.remove(i.mediaPlane), (r = (n = (s = i.model) == null ? void 0 : s.object) == null ? void 0 : n.parent) == null || r.remove(i.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();
   }
   /**
@@ -565,8 +566,8 @@ class yo extends O {
     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, 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;
+    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;
   }
   addResizeListener() {
     if (!this.store.resizeObserverDisposer && !this.store.resizeObserverDisposerAdding) {
@@ -579,54 +580,55 @@ class yo extends O {
   addResizeObserver() {
     if (this.store.disposed)
       return;
-    const e = this.five.getElement(), t = () => {
+    const e = this.five.getElement(), i = () => {
       this.state.enabled && (this.filterPointTag.forEach((d) => d.updateScreenPosition({ force: !0 })), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
-    }, i = () => {
+    }, t = () => {
       this.state.enabled && (this.temporaryState.visible = !1, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
-    }, { observe: o, unobserve: r } = y(
+    }, { observe: o, unobserve: s } = y(
       _(() => {
-        this.store.resizeObserverDisposer && i();
+        this.store.resizeObserverDisposer && t();
       }, 500),
       e
-    ), { observe: n, unobserve: s } = y(
-      w(() => t(), 400),
+    ), { observe: n, unobserve: r } = y(
+      w(() => i(), 400),
       e
     );
     return o(), n(), () => {
-      r(), s();
+      s(), r();
     };
   }
   setUnfoldedByCamera() {
     let e = !1;
-    this.filterPointTag.forEach((t) => {
-      const i = t.getUnfoldedByCamera();
-      if (t.state && i !== void 0) {
-        if (i === !0 && t.screenPosition) {
-          const o = t.getConfig().unfoldedConfig;
+    this.filterPointTag.forEach((i) => {
+      const t = i.getUnfoldedByCamera();
+      if (i.state && t !== void 0) {
+        if (t === !0 && i.screenPosition) {
+          const o = i.getConfig().unfoldedConfig;
           b(o).keep !== "unfolded" && (e = !0);
         }
-        t.state.unfolded = i;
+        i.state.unfolded = t;
       }
-    }), e && this.filterPointTag.forEach((t) => {
-      const i = t.getConfig().unfoldedConfig;
-      typeof i == "object" && (i.autoUnfold || i.autoUnfold === !1 || b(i.autoUnfold).enable === !1 || i.keep) || t.state && (t.state.unfolded = !1);
+    }), e && this.filterPointTag.forEach((i) => {
+      const t = i.getConfig().unfoldedConfig;
+      typeof t == "object" && (t.autoUnfold || t.autoUnfold === !1 || b(t.autoUnfold).enable === !1 || t.keep) || i.state && (i.state.unfolded = !1);
     });
   }
-  changeTagMode(e, t) {
-    e.tag3DContentSvelte.css3DInstance && (e.tag3DContentSvelte.css3DInstance.mode = t);
+  changeTagMode(e, i) {
+    var t;
+    (t = e.tag3DContentSvelte) != null && t.css3DInstance && (e.tag3DContentSvelte.css3DInstance.mode = i);
   }
   /**
    * @description 添加 cameraUpdate, panoArrived 等事件监听
    */
   addEventListener() {
-    const { five: e, hooks: t } = this, i = x(this.five, this.onFiveEveryReady);
-    return this.handleFivePanoArrived(), e.on("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.on("models.refined", this.onFiveEveryReady), 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.onFiveEveryReady), 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;
+    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.onFiveEveryReady), 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.onFiveEveryReady), 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;
     };
   }
 }
 export {
-  yo as PanoTagPluginController,
-  yo as default,
-  vo as pluginFlag
+  bo as PanoTagPluginController,
+  bo as default,
+  yo as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import r from "./controller/index.js";
-import { pluginFlag as vr } from "./controller/index.js";
-import { defaultGlobalConfig as Ar } from "./typings/tag/TagConfig.js";
-import { ContentType as Er, DimensionType as Hr, PointType as Ir } from "./Archive/deprecated.js";
+import { pluginFlag as zr } from "./controller/index.js";
+import { defaultGlobalConfig as Br } from "./typings/tag/TagConfig.js";
+import { ContentType as Hr, DimensionType as Ir, PointType as Jr } from "./Archive/deprecated.js";
 import "three";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/positionToVector3.js";
@@ -46,27 +46,28 @@ import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/three/temp.js";
 import "../shared-utils/five/fiveEveryReadyListener.js";
 import "../shared-utils/throttle.js";
-import "../vendor/hammerjs/hammer.js";
+import "hammerjs";
 import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
 import "../shared-utils/three/Assets/index.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../shared-utils/even.js";
 import "../shared-utils/CSS3DRender/OpacityMesh.js";
-import "../shared-utils/CSS3DRender/THREEJS_CSS3DRenderer/index.js";
 import "@realsee/five/line";
 import "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Five_LineMaterial2.js";
 import "../shared-utils/three/core/Sphere.js";
-import "../vendor/animejs/lib/anime.es.js";
+import "animejs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/five/FivePuppet.js";
 import "@realsee/five";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/five/initialCSS3DRender.js";
 import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../shared-utils/CSS3DRender/THREEJS_CSS3DRenderer/index.js";
 import "../shared-utils/createResizeObserver.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../Sculpt/Meshes/Line.js";
@@ -186,14 +187,14 @@ import "./Components/TagContainer.js";
 import "./Components/TagItem.js";
 import "./Components/Common/TagPoint.js";
 import "../shared-utils/animationFrame/BetterTween.js";
-const jr = (o, t) => new r(o, t);
+const kr = (o, t) => new r(o, t);
 export {
-  Er as ContentType,
-  Hr as DimensionType,
-  jr as PanoTagPlugin,
+  Hr as ContentType,
+  Ir as DimensionType,
+  kr as PanoTagPlugin,
   r as PanoTagPluginController,
-  Ir as PointType,
-  jr as default,
-  Ar as defaultGlobalConfig,
-  vr as pluginFlag
+  Jr as PointType,
+  kr as default,
+  Br as defaultGlobalConfig,
+  zr as pluginFlag
 };