@realsee/dnalogel 3.0.0-10 → 3.0.0-11

package/libs/PanoTagPlugin/controller/index.js

@@ -1,16 +1,16 @@
-var w = Object.defineProperty, E = Object.defineProperties;
+var F = Object.defineProperty, w = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
-var C = Object.getOwnPropertySymbols;
+var y = Object.getOwnPropertySymbols;
 var I = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
-var b = (d, a, e) => a in d ? w(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, c = (d, a) => {
+var b = (d, a, e) => a in d ? F(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, g = (d, a) => {
   for (var e in a || (a = {}))
     I.call(a, e) && b(d, e, a[e]);
-  if (C)
-    for (var e of C(a))
+  if (y)
+    for (var e of y(a))
       B.call(a, e) && b(d, e, a[e]);
   return d;
-}, T = (d, a) => E(d, U(a));
-var l = (d, a, e) => (b(d, typeof a != "symbol" ? a + "" : a, e), e);
+}, T = (d, a) => w(d, U(a));
+var m = (d, a, e) => (b(d, typeof a != "symbol" ? a + "" : a, e), e);
 var p = (d, a, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
@@ -27,26 +27,25 @@ var p = (d, a, e) => new Promise((t, i) => {
   }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
   n((e = e.apply(d, a)).next());
 });
-import * as y from "three";
-import { Subscribe as F } from "@realsee/five";
-import { objectAssignDeepExports as f } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { addDebugPoints as k } from "../utils/addDebugPoints.js";
+import * as C from "three";
+import { Subscribe as R } from "@realsee/five";
+import { objectAssignDeepExports as l } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 import { arrayPositionToVector3 as A } from "../../shared-utils/positionToVector3.js";
-import { isMediaModelTag as M, isModelTag as R } from "../utils/tag/tagCheck.js";
-import { debounce as _ } from "../utils/debounce.js";
-import { throttle as O } from "../utils/throttle.js";
-import { resizeObserver as D } from "../utils/resizeObserver.js";
+import { addDebugPoints as _ } from "../utils/addDebugPoints.js";
+import { isMediaModelTag as D, isModelTag as k } from "../utils/tag/tagCheck.js";
+import { waitFiveModelLoaded as O } from "../utils/actionAfterFiveModelLoad.js";
+import { debounce as S } from "../utils/debounce.js";
+import { throttle as L } from "../utils/throttle.js";
+import { resizeObserver as P } from "../utils/resizeObserver.js";
 import V from "../utils/tag/format.js";
-import { generateBlankAudio as L, AudioNamespace as G } from "../../shared-utils/audio.js";
-import { TagRender as N } from "./TagRender.js";
-import { uuid as z } from "../../shared-utils/uuid.js";
-import { isModelLike as x } from "../../shared-utils/five/mode.js";
+import { generateBlankAudio as G, AudioNamespace as N } from "../../shared-utils/audio.js";
+import { TagRender as z } from "./TagRender.js";
+import { uuid as $ } from "../../shared-utils/uuid.js";
 import "hammerjs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { tweenProgress as $ } from "../../shared-utils/animationFrame/BetterTween.js";
-import { waitFiveModelLoaded as W } from "../../shared-utils/five/fiveModelLoad.js";
+import { tweenProgress as x } from "../../shared-utils/animationFrame/BetterTween.js";
 import "./TagComputer.js";
 import "../utils/tagPosition.js";
 import "../../shared-utils/three/centerPoint.js";
@@ -60,16 +59,14 @@ import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../shared-utils/util.js";
 import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
 import "../../CSS3DRenderPlugin/utils/even.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../vendor/svelte/store/index.js";
@@ -83,13 +80,11 @@ import "../../shared-utils/three/loadVideoTexture.js";
 import "../Assets/Icon.js";
 import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
-import "../../shared-utils/three/getNormal.js";
 import "../../shared-utils/five/FiveDomEvents.js";
-import "../utils/tag/adaptConfig.js";
-import "../../shared-utils/typescript/entries.js";
-import "../../shared-utils/url/getUrl.js";
+import "../../shared-utils/three/getObjectVisible.js";
 import "../../shared-utils/five/getFloorIndex.js";
 import "../../shared-utils/safeObj.js";
+import "../../shared-utils/util.js";
 import "../Components/TagContainer.js";
 import "../Components/TagItem.js";
 import "../Components/Tag/index.js";
@@ -166,22 +161,22 @@ import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/animationFrame/index.js";
-const P = "Dnalogel-PanoTagPlugin", Ai = (d) => `${P}--${d}`;
-class Di extends N {
+const M = "Dnalogel-PanoTagPlugin", ui = (d) => `${M}--${d}`;
+class vi extends z {
   constructor(e, t) {
     super(e);
     /** state */
-    l(this, "state", { enabled: !0, visible: !0 });
+    m(this, "state", { enabled: !0, visible: !0 });
     /** 插件参数 */
-    l(this, "params");
+    m(this, "params");
     /** debug */
-    l(this, "debug");
+    m(this, "debug");
     /** 更改 tag 模型 */
-    l(this, "changeTagModel", (e, t) => p(this, null, function* () {
-      e.data = f({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+    m(this, "changeTagModel", (e, t) => p(this, null, function* () {
+      e.data = l({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
-    l(this, "whyHide", (e) => {
-      var i, s, o;
+    m(this, "whyHide", (e) => {
+      var i, s;
       if (!this.state.enabled)
         return { reason: `plugin.state.enabled is ${this.state.enabled}` };
       if (!this.state.visible)
@@ -192,82 +187,26 @@ class Di extends N {
       if (!t.enabled)
         return { reason: `tag ${e} enabled is ${t.enabled}` };
       if (!t.state.visible) {
-        const n = (s = (i = this.getPanoIndexCache({ panoIndex: this.five.panoIndex, id: e })) == null ? void 0 : i.__debug_visible_reason__) == null ? void 0 : s.reason;
-        return { reason: (o = n.type) != null ? o : n, reasonObj: n };
+        const o = (i = this.getCache({ panoIndex: this.five.panoIndex, id: e })) == null ? void 0 : i.__debug_visible_reason__.reason;
+        return { reason: (s = o.type) != null ? s : o, reasonObj: o };
       }
       return t.stickType === "Model" || t.stickType === "Plane" ? { reason: "maybe blocked by the five model" } : { reason: "check your eyes" };
     });
-    l(this, "updateVisible", () => {
+    m(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        M(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
-      }), this.setVisible(), this.updateRenderAllTags();
+        D(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
+      }), this.updateRenderAllTags();
     });
-    l(this, "handleFiveWantsMoveToPano", (e) => {
-      this.tags.forEach((t) => {
-        this.getVisible(t, { panoIndex: e }) && (t.state.visible = !0);
-        const s = this.getTagConfig(t);
-        typeof s.visibleConfig == "object" && (s.visibleConfig.keep ? t.temporaryState.visible = s.visibleConfig.keep === "visible" : t.temporaryState.visible = !!s.visibleConfig.alwaysShowWhenMovePano);
-      }), this.updateTagContainerVisible(), this.updateRenderImagePlane(), this.updateRenderVideoPlane();
-    });
-    /**
-     * @description: 走点/切换模型后显示
-     */
-    // private temporaryShow({ withAnimation }: { withAnimation?: boolean } = { withAnimation: false }) {
-    //   this.store.visibleWithAnimation = withAnimation
-    //   this.temporaryState.visible = true
-    //   this.updateTagContainerVisible()
-    // }
-    /**
-     * @description: 走点/切换模型时临时隐藏
-     */
-    // private temporaryHide({ withAnimation }: { withAnimation?: boolean } = { withAnimation: false }) {
-    //   this.store.visibleWithAnimation = withAnimation
-    //   this.temporaryState.visible = false
-    //   this.updateTagContainerVisible()
-    // }
-    l(this, "clickhandler", (e) => {
-      if (e.target !== "TagPoint")
-        return;
-      if (!e.tag.state)
-        return console.warn("Clickhandler: params.tag.state is undefined");
-      const t = this.can("fold", e.tag), i = this.can("unfold", e.tag);
-      t && i && (e.tag.state.unfolded = !e.tag.state.unfolded, e.tag.state.unfolded && this.tags.forEach((s) => {
-        s.id !== e.tag.id && s.state && this.can("fold", s) && (s.state.unfolded = !1);
-      }), this.updateRenderAllTags());
-    });
-    l(this, "handleFiveCameraUpdate", () => {
-      this.updatePointTagPosition();
-    });
-    l(this, "handleFivePanoArrived", () => p(this, null, function* () {
-      var e, t, i;
-      this.setVisible(), this.updatePointTagPosition(), yield this.setVisibleAndUnfolded(), this.tags.forEach((s) => {
-        s.temporaryState = T(c({}, s.temporaryState), { visible: !0 });
-      }), (i = (t = (e = this.config) == null ? void 0 : e.globalConfig) == null ? void 0 : t.modelConfig) != null && i.autoLookAtEnabled && this.tags.filter(R).filter((s) => {
-        var o, n;
-        return (n = (o = s.config) == null ? void 0 : o.modelConfig) == null ? void 0 : n.autoLookAtEnabled;
-      }).forEach((s) => {
-        var u;
-        const o = new y.Mesh(new y.BoxGeometry(), new y.MeshBasicMaterial()), n = (u = s.model) == null ? void 0 : u.object;
-        if (!n)
-          return;
-        o.position.copy(n.position), o.quaternion.copy(n.quaternion);
-        const r = this.five.camera.position;
-        o.lookAt(r.clone().setY(o.position.y));
-        const h = n.quaternion.clone(), g = o.quaternion.clone(), m = $();
-        m.onUpdate(({ progress: v }) => {
-          n.quaternion.copy(h.clone().slerp(g, v));
-        }), m.play();
-      }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
-    }));
     /** 楼层切换时，需要更新标签可见性 */
-    l(this, "handleFiveModelShownFloorChange", () => {
-      this.setVisible(), this.updateRenderAllTags();
-    });
-    l(this, "onFiveEveryReady", () => {
-      this.setUnfoldedByCamera(), x(this.five.getCurrentState().mode) && (this.setTagZIndex(this.filterPointTag), this.setVisible(this.filterPointTag), this.setPointTagPosition()), this.updateDomView({ withAnimation: !0 });
+    m(this, "handleFiveModelShownFloorChange", () => {
+      this.tags.forEach((e) => {
+        var i, s;
+        const t = this.getTagConfig(e).visibleConfig;
+        typeof t == "object" && ((i = t.visibleFiveMode) != null && i.includes("Floorplan") || (s = t.visibleFiveMode) != null && s.includes("Mapview")) && (e.state.visible = this.getVisibleByFiveMode(e));
+      }), this.updateRenderAllTags();
     });
-    this.params = f({}, { debug: !1, config: this.config }, c({}, t)), this.debug = this.params.debug, this.config = this.params.config, L(1, { namespace: G.PlayAudio });
+    this.params = l({}, { debug: !1, config: this.config }, g({}, t)), this.debug = this.params.debug, this.config = this.params.config, G(1, { namespace: N.PlayAudio });
     try {
       const i = window;
       Array.isArray(i.__PANOTAGPLUGIN_DEBUG_LIST__) || (i.__PANOTAGPLUGIN_DEBUG_LIST__ = []), i.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), i.__PANOTAGPLUGIN_DEBUG__ = this;
@@ -280,14 +219,14 @@ class Di extends N {
   load(e, t) {
     return p(this, null, function* () {
       var s, o;
-      this.clearTags(), console.debug(P, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = f({}, this.config, {
+      this.clearTags(), console.debug(M, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = l({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          k(this.five, this.tags);
+          _(this.five, this.tags);
         } catch (n) {
           console.error(n);
         }
@@ -300,17 +239,17 @@ class Di extends N {
   addTag(e, t) {
     return p(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
-        var m, u, v;
+        var c, u, v;
         const n = this.getTagConfig(o), r = JSON.parse(JSON.stringify(o.data)), h = o.config;
-        return o.config = n, T(c({}, o), {
-          enabled: (m = o.enabled) != null ? m : !0,
-          id: (u = o.id) != null ? u : z(),
-          data: (v = n.initialData) != null && v.important ? f(o.data, r, n.initialData) : f(o.data, n.initialData, r),
-          state: c({
+        return o.config = n, T(g({}, o), {
+          enabled: (c = o.enabled) != null ? c : !0,
+          id: (u = o.id) != null ? u : $(),
+          data: (v = n.initialData) != null && v.important ? l(o.data, r, n.initialData) : l(o.data, n.initialData, r),
+          state: g({
             visible: void 0,
             unfolded: !this.can("fold", o)
           }, n.initialState),
-          hooks: new F(),
+          hooks: new R(),
           initialConfig: h,
           config: n,
           unfold: () => this.changeUnfoldedById(o.id, !0),
@@ -318,12 +257,12 @@ class Di extends N {
           enable: () => this.changeEnabledById(o.id, !0),
           disable: () => this.changeEnabledById(o.id, !1),
           destroy: () => this.destroyTagById(o.id),
-          changeData: (S) => this.changeDataById(o.id, S)
+          changeData: (E) => this.changeDataById(o.id, E)
         });
       }).filter((o) => o.position);
-      return s.forEach(V), this.tags.push(...s), W(this.five).then(() => p(this, null, function* () {
+      return s.forEach(V), this.tags.push(...s), O(this.five).then(() => p(this, null, function* () {
         var o, n, r;
-        this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(s), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }), this.updatePointTagPosition(), this.updateRenderAllTags();
+        this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), yield this.addMediaModelTag(s);
       }));
     });
   }
@@ -331,19 +270,19 @@ class Di extends N {
    * @description: 改变配置
    */
   changeConfig(e, t = !0) {
-    t ? this.config = f({}, this.config, e) : this.config = e, this.updateTagConfig(), this.updateRenderAllTags();
+    t ? this.config = l({}, this.config, e) : this.config = e, this.updateTagConfig(), this.updateRenderAllTags();
   }
   /**
    * @description: 改变全局配置
    */
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = f({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig(), this.updateRenderAllTags();
+    t ? this.config.globalConfig = l({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig(), this.updateRenderAllTags();
   }
   /**
    * @description: 改变类型配置
    */
   changeContentTypeConfig(e, t, i = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = f({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.updateTagConfig(), this.updateRenderAllTags();
+    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = l({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.updateTagConfig(), this.updateRenderAllTags();
   }
   show(e) {
     return p(this, null, function* () {
@@ -376,7 +315,7 @@ class Di extends N {
   setState(e, t) {
     if (this.checkDisposed())
       return;
-    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = c({}, this.state);
+    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = g({}, this.state);
     this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = s, 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 });
   }
   /**
@@ -419,7 +358,7 @@ class Di extends N {
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
     let o = !1;
-    s && (s.data && (o = !0), i ? s.data = f(s.data, t) : s.data = c(c({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), o && s.hooks.emit("dataChanged", s.data));
+    s && (s.data && (o = !0), i ? s.data = l(s.data, t) : s.data = g(g({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), o && s.hooks.emit("dataChanged", s.data));
   }
   /**
    * @description: 改变tag的stickType
@@ -433,7 +372,7 @@ class Di extends N {
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
     let o = !1;
-    t && (t.data && (o = !0), i ? f(s, t) : Object.assign(s, t), s != null && s.tag3DContentSvelte && (t != null && t.normal) && (s.tag3DContentSvelte.currentNormal = A(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag(), o && s.hooks.emit("dataChanged", s.data));
+    t && (t.data && (o = !0), i ? l(s, t) : Object.assign(s, t), s != null && s.tag3DContentSvelte && (t != null && t.normal) && (s.tag3DContentSvelte.currentNormal = A(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag(), o && s.hooks.emit("dataChanged", s.data));
   }
   /**
    * @description: 销毁tag
@@ -449,11 +388,12 @@ class Di extends N {
    */
   setVisibleAndUnfolded() {
     return p(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
-      return this.setVisible(), e ? new Promise((t) => {
-        setTimeout(() => {
-          this.setUnfoldedByPanoIndex(), t();
-        }, 10);
-      }) : (this.setUnfoldedByPanoIndex(), Promise.resolve());
+      if (this.isPanorama)
+        return this.setVisible(), e ? new Promise((t) => {
+          setTimeout(() => {
+            this.setUnfoldedByPanoIndex(), t();
+          }, 10);
+        }) : (this.setUnfoldedByPanoIndex(), Promise.resolve());
     });
   }
   handleShow() {
@@ -479,15 +419,9 @@ class Di extends N {
    * @description: 添加 cameraUpdate, panoArrived 等事件监听
    */
   addEventListener() {
-    const { five: e, hooks: t } = this;
-    let i = !1;
-    const s = () => {
-      i || (i = !0, e.ready().then(() => {
-        this.onFiveEveryReady(), i = !1;
-      }));
-    };
-    return e.on("cameraUpdate", s), this.updateVisible(), this.handleFivePanoArrived(), e.on("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.on("modeChange", this.updateVisible), e.on("initAnimationEnded", this.updateVisible), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", this.handleFiveCameraUpdate), e.on("panoArrived", this.handleFivePanoArrived), e.on("panoArrived", this.loadVideoFirstFrame), t.on("click", this.clickhandler), () => {
-      e.off("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.off("modeChange", this.updateVisible), e.off("initAnimationEnded", this.updateVisible), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", this.handleFiveCameraUpdate), e.off("cameraUpdate", s), e.off("panoArrived", this.handleFivePanoArrived), e.off("panoArrived", this.loadVideoFirstFrame), t.off("click", this.clickhandler), this.store.eventListenerDisposer = void 0;
+    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), h = this.loadVideoFirstFrame.bind(this), f = this.clickhandler.bind(this), c = this.five.currentMode;
+    return c && this.handleFiveModeChange(c), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", h), t.on("click", f), () => {
+      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", h), t.off("click", f), this.store.eventListenerDisposer = void 0;
     };
   }
   addResizeListener() {
@@ -505,36 +439,108 @@ class Di extends N {
       this.state.enabled && (this.show(), this.updateRenderAllTags());
     }, i = () => {
       this.state.enabled && this.hide();
-    }, { observe: s, unobserve: o } = D(
-      O(() => {
+    }, { observe: s, unobserve: o } = P(
+      L(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
-    ), { observe: n, unobserve: r } = D(
-      _(() => t(), 400),
+    ), { observe: n, unobserve: r } = P(
+      S(() => t(), 400),
       e
     );
     return s(), n(), () => {
       o(), r();
     };
   }
+  /**
+   * @description: 切换模式处理函数
+   */
+  handleFiveModeChange(e) {
+    this.setModelMedialVisible(), this.tags.forEach((t) => {
+      D(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
+    }), this.updateRenderAllTags();
+  }
+  handleFiveWantsMoveToPano(e) {
+    this.tags.forEach((t) => {
+      this.getVisible(t, { panoIndex: e }) && (t.state.visible = !0);
+      const s = this.getTagConfig(t);
+      typeof s.visibleConfig == "object" && (s.visibleConfig.keep ? t.temporaryState.visible = s.visibleConfig.keep === "visible" : t.temporaryState.visible = !!s.visibleConfig.alwaysShowWhenMovePano);
+    }), this.updateTagContainerVisible(), this.updateRenderImagePlane(), this.updateRenderVideoPlane();
+  }
+  /**
+   * @description: 走点/切换模型后显示
+   */
+  // private temporaryShow({ withAnimation }: { withAnimation?: boolean } = { withAnimation: false }) {
+  //   this.store.visibleWithAnimation = withAnimation
+  //   this.temporaryState.visible = true
+  //   this.updateTagContainerVisible()
+  // }
+  /**
+   * @description: 走点/切换模型时临时隐藏
+   */
+  // private temporaryHide({ withAnimation }: { withAnimation?: boolean } = { withAnimation: false }) {
+  //   this.store.visibleWithAnimation = withAnimation
+  //   this.temporaryState.visible = false
+  //   this.updateTagContainerVisible()
+  // }
+  clickhandler(e) {
+    if (e.target !== "TagPoint")
+      return;
+    if (!e.tag.state)
+      return console.warn("Clickhandler: params.tag.state is undefined");
+    const t = this.can("fold", e.tag), i = this.can("unfold", e.tag);
+    t && i && (e.tag.state.unfolded = !e.tag.state.unfolded, e.tag.state.unfolded && this.tags.forEach((s) => {
+      s.id !== e.tag.id && s.state && this.can("fold", s) && (s.state.unfolded = !1);
+    }), this.updateRenderAllTags());
+  }
+  handleFiveCameraUpdateDebounce() {
+    return S(() => {
+      this.setUnfoldedByCamera(), this.updateRenderAllTags();
+    }, 100);
+  }
+  handleFiveCameraUpdate() {
+    this.updateRenderPointTag();
+  }
+  handleFivePanoArrived() {
+    return p(this, null, function* () {
+      var e, t, i;
+      this.setModelMedialVisible(), yield this.setVisibleAndUnfolded(), this.tags.forEach((s) => {
+        s.temporaryState = T(g({}, s.temporaryState), { visible: !0 });
+      }), (i = (t = (e = this.config) == null ? void 0 : e.globalConfig) == null ? void 0 : t.modelConfig) != null && i.autoLookAtEnabled && this.tags.filter(k).filter((s) => {
+        var o, n;
+        return (n = (o = s.config) == null ? void 0 : o.modelConfig) == null ? void 0 : n.autoLookAtEnabled;
+      }).forEach((s) => {
+        var u;
+        const o = new C.Mesh(new C.BoxGeometry(), new C.MeshBasicMaterial()), n = (u = s.model) == null ? void 0 : u.object;
+        if (!n)
+          return;
+        o.position.copy(n.position), o.quaternion.copy(n.quaternion);
+        const r = this.five.camera.position;
+        o.lookAt(r.clone().setY(o.position.y));
+        const h = n.quaternion.clone(), f = o.quaternion.clone(), c = x();
+        c.onUpdate(({ progress: v }) => {
+          n.quaternion.copy(h.clone().slerp(f, v));
+        }), c.play();
+      }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
+    });
+  }
   setUnfoldedByCamera() {
     let e = !1;
-    this.filterPointTag.forEach((t) => {
+    this.tags.forEach((t) => {
       const i = this.getUnfoldedByCamera(t);
       t.state && i !== void 0 && (i === !0 && (e = !0), t.state.unfolded = i);
-    }), e && this.filterPointTag.forEach((t) => {
+    }), e && this.tags.forEach((t) => {
       const i = this.getTagConfig(t).unfoldedConfig;
       typeof i == "object" && (i.autoUnfold || i.keep) || t.state && (t.state.unfolded = !1);
     });
   }
   changeTagMode(e, t) {
     var i, s, o, n, r, h;
-    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : n.mode) !== t && ((r = e.config) != null && r.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.forEach((g) => g == null ? void 0 : g()), e.tag3DContentSvelte = void 0);
+    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : n.mode) !== t && ((r = e.config) != null && r.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.forEach((f) => f == null ? void 0 : f()), e.tag3DContentSvelte = void 0);
   }
 }
 export {
-  Di as PanoTagPluginController,
-  Di as default,
-  Ai as pluginFlag
+  vi as PanoTagPluginController,
+  vi as default,
+  ui as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,13 +1,14 @@
 import r from "./controller/index.js";
-import { pluginFlag as Kt } from "./controller/index.js";
-import { defaultGlobalConfig as Mt } from "./typings/tag/TagConfig.js";
-import { ContentType as Ot, DimensionType as Qt, PointType as Rt } from "./Archive/deprecated.js";
+import { pluginFlag as Bt } from "./controller/index.js";
+import { defaultGlobalConfig as Ht } from "./typings/tag/TagConfig.js";
+import { ContentType as Jt, DimensionType as Kt, PointType as Lt } from "./Archive/deprecated.js";
 import "three";
 import "@realsee/five";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
-import "./utils/addDebugPoints.js";
 import "../shared-utils/positionToVector3.js";
+import "./utils/addDebugPoints.js";
 import "./utils/tag/tagCheck.js";
+import "./utils/actionAfterFiveModelLoad.js";
 import "./utils/debounce.js";
 import "./utils/throttle.js";
 import "./utils/resizeObserver.js";
@@ -18,20 +19,17 @@ import "./controller/TagComputer.js";
 import "./utils/tagPosition.js";
 import "../shared-utils/three/centerPoint.js";
 import "./utils/checkRange.js";
-import "../shared-utils/five/mode.js";
 import "hammerjs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
 import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
 import "../CSS3DRenderPlugin/utils/even.js";
 import "../shared-utils/Subscribe.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../shared-utils/three/getObjectVisible.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
@@ -42,7 +40,7 @@ import "./utils/planeNormal.js";
 import "./utils/normalPositionToPositions.js";
 import "./controller/TagCache.js";
 import "../base/BasePlugin.js";
-import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/absoluteUrl.js";
 import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";
@@ -54,13 +52,11 @@ import "../shared-utils/three/loadVideoTexture.js";
 import "./Assets/Icon.js";
 import "../shared-utils/three/getPositionsByObjectFit.js";
 import "../shared-utils/three/FragmentTransparencyMaterial.js";
-import "../shared-utils/three/getNormal.js";
 import "../shared-utils/five/FiveDomEvents.js";
-import "./utils/tag/adaptConfig.js";
-import "../shared-utils/typescript/entries.js";
-import "../shared-utils/url/getUrl.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/five/getFloorIndex.js";
 import "../shared-utils/safeObj.js";
+import "../shared-utils/util.js";
 import "./Components/TagContainer.js";
 import "./Components/TagItem.js";
 import "./Components/Tag/index.js";
@@ -139,15 +135,14 @@ import "../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
-import "../shared-utils/five/fiveModelLoad.js";
-const Ht = (o, t) => new r(o, t);
+const vt = (o, t) => new r(o, t);
 export {
-  Ot as ContentType,
-  Qt as DimensionType,
-  Ht as PanoTagPlugin,
+  Jt as ContentType,
+  Kt as DimensionType,
+  vt as PanoTagPlugin,
   r as PanoTagPluginController,
-  Rt as PointType,
-  Ht as default,
-  Mt as defaultGlobalConfig,
-  Kt as pluginFlag
+  Lt as PointType,
+  vt as default,
+  Ht as defaultGlobalConfig,
+  Bt as pluginFlag
 };

package/libs/PanoTagPlugin/tag.config.js

@@ -5,7 +5,6 @@ const e = {
     },
     unfoldedConfig: {
       autoUnfold: {
-        enable: !0,
         strategy: "MinimumDistance",
         distance: { max: 5 }
       }
@@ -15,14 +14,6 @@ const e = {
     }
   },
   contentTypeConfig: {
-    "[ModelLike]": {
-      unfoldedConfig: {
-        autoUnfold: {
-          enable: !1,
-          distance: { max: 9999 }
-        }
-      }
-    },
     "Any-Audio-plane": {
       unfoldedConfig: {
         keep: "unfolded"
@@ -64,6 +55,7 @@ const e = {
       },
       visibleConfig: {
         alwaysShowWhenMovePano: !0
+        // visibleFiveMode: ['Panorama', 'Floorplan', 'Model', 'Mapview'],
       },
       initialData: {
         autoplayConfig: {
@@ -73,13 +65,13 @@ const e = {
         }
       }
     },
-    "Model-Any": {
+    MediaModel: {
       unfoldedConfig: {
         keep: "unfolded"
       },
       visibleConfig: {
         keep: "visible",
-        visibleFiveMode: "all",
+        visibleFiveMode: ["Panorama", "Floorplan", "Model", "Mapview"],
         alwaysShowWhenMovePano: !0
       }
     }

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

@@ -2,8 +2,7 @@ import type { State as FiveState } from '@realsee/five';
 import type { TagConfig } from './TagConfig';
 import type { ContentTypeMap, TagContentType } from './TagData';
 import type { Position, TagId, StickType, TagStyle, ElementRenderer, TagConfigByKey, ContentTypeConfigKey } from './Utils';
-import type { DeprecatedTagProperty } from '../../Archive/deprecated';
-import type { LiteralUnion } from 'type-fest';
+import type { ContentType, DeprecatedTagProperty } from '../../Archive/deprecated';
 export interface Tags {
     version?: string;
     /** tag配置 > 按type配置 > 全局配置 */
@@ -24,7 +23,7 @@ export type Tag<C extends TagContentType = TagContentType, S extends StickType =
     /** @type {StickType} 附着方式 */
     stickType: S;
     /** @type {TagContentType} 内容类型，根据内容类型展示对应UI */
-    contentType: LiteralUnion<C, string>;
+    contentType: C extends ContentType.Unknown ? string : C;
     /** 点 */
     position: S extends 'Plane' ? [Position, Position, Position, Position] : S extends '2DPoint' | '3DPoint' | 'Model' ? Position : Position | [Position, Position, Position, Position];
     /** 法向量 */