@realsee/dnalogel 3.35.2 → 3.36.0

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -1,22 +1,22 @@
 var Z = Object.defineProperty, q = Object.defineProperties;
 var K = Object.getOwnPropertyDescriptors;
-var _ = Object.getOwnPropertySymbols;
+var L = Object.getOwnPropertySymbols;
 var Q = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable;
-var E = (l, s, e) => s in l ? Z(l, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[s] = e, b = (l, s) => {
+var _ = (l, s, e) => s in l ? Z(l, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[s] = e, D = (l, s) => {
   for (var e in s || (s = {}))
-    Q.call(s, e) && E(l, e, s[e]);
-  if (_)
-    for (var e of _(s))
-      Y.call(s, e) && E(l, e, s[e]);
+    Q.call(s, e) && _(l, e, s[e]);
+  if (L)
+    for (var e of L(s))
+      Y.call(s, e) && _(l, e, s[e]);
   return l;
 }, U = (l, s) => q(l, K(s));
-var d = (l, s, e) => (E(l, typeof s != "symbol" ? s + "" : s, e), e);
+var f = (l, s, e) => (_(l, typeof s != "symbol" ? s + "" : s, e), e);
 import { defaultGlobalConfig as ee } from "../typings/tag/TagConfig.js";
-import { objectAssignDeepExports as y } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import { objectAssignDeepExports as P } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 import * as ie from "three";
 import { DefaultConfig as te } from "../tag.config.js";
-import { anyPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
-import { planeNormal as w } from "../utils/planeNormal.js";
+import { anyPositionToVector3 as y } from "../../shared-utils/positionToVector3.js";
+import { planeNormal as E } from "../utils/planeNormal.js";
 import { getTagCenterPosition as V } from "../utils/tagPosition.js";
 import { normalPositionToPositions as oe } from "../utils/normalPositionToPositions.js";
 import { TagCache as ne } from "./TagCache.js";
@@ -24,18 +24,18 @@ import { writable as re } from "../../vendor/svelte/store/index.js";
 import { isIOSWX as se } from "../../shared-utils/device.js";
 import { CSS3DRenderPlugin as fe } from "../../CSS3DRenderPlugin/index.js";
 import { Five as ae } from "@realsee/five";
-import { isMediaPlaneTag as le, isMediaModelTag as B, isPlaneTag as ce, isPoint3DTag as de } from "../utils/tag/tagCheck.js";
+import { isMediaPlaneTag as ce, isMediaModelTag as B, isPlaneTag as le, isPoint3DTag as de } from "../utils/tag/tagCheck.js";
 import { VideoPlane as ue } from "../utils/model/mediaPlane.js";
 import { FiveDomEvents as me } from "../../shared-utils/five/FiveDomEvents.js";
 import N from "../utils/tag/adaptConfig.js";
-import { isPanoramaLike as S, isModelLike as z } from "../../shared-utils/five/mode.js";
+import { isPanoramaLike as w, isModelLike as z } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "animejs";
 import { entries as $ } from "../../shared-utils/typescript/entries.js";
 import { getUrlExt as H } from "../../shared-utils/url/getUrl.js";
 import { transformPosition as J } from "../../shared-utils/five/transformPosition.js";
-import { WorkUtil as pe } from "../../shared-utils/Utils/WorkUtil.js";
+import { WorkUtil as he } from "../../shared-utils/Utils/WorkUtil.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
@@ -66,37 +66,32 @@ import "../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../shared-utils/three/getNormal.js";
 import "../../shared-utils/five/calculateThreeMouse.js";
 import "../../shared-utils/Utils/BaseUtil.js";
-class hi extends ne {
+class gi extends ne {
   constructor(e) {
     super(e);
-    d(this, "tags", []);
-    d(this, "config", te);
-    d(this, "tagsLengthWillUpdate", !0);
-    d(this, "workUtil", new pe(this.five));
+    f(this, "tags", []);
+    f(this, "config", te);
+    f(this, "workUtil", new he(this.five));
     /** 插件参数 */
-    d(this, "params");
-    d(this, "mediaStore", re({
+    f(this, "params");
+    f(this, "mediaStore", re({
       currentMediaElement: null
     }));
-    d(this, "store", {
+    f(this, "store", {
       disposers: [],
       disposed: !1,
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    d(this, "domEvents", new me(this.five));
-    // private _cache_pointTag?: PointTagInstance[]
-    // private _cache_2DPointTag?: TagInstance<TagContentType, '2DPoint'>[]
-    // private _cache_imagePlane?: TagInstance<'MediaPlane', 'Plane'>[]
-    // private _cache_mediaModel?: TagInstance<'MediaModel', 'Model'>[]
-    // private _cache_css3DTag?: (
-    //   | TagInstance<TagContentType, 'Plane'>
-    //   | TagInstance<TagContentType, 'Model'>
-    //   | TagInstance<TagContentType, '3DPoint'>
-    // )[]
-    d(this, "_container", null);
-    d(this, "_css3DRenderPlugin");
-    d(this, "loadVideoFirstFrame", () => {
+    f(this, "domEvents", new me(this.five));
+    f(this, "_cache_pointTag");
+    f(this, "_cache_2DPointTag");
+    f(this, "_cache_imagePlane");
+    f(this, "_cache_mediaModel");
+    f(this, "_cache_css3DTag");
+    f(this, "_container", null);
+    f(this, "_css3DRenderPlugin");
+    f(this, "loadVideoFirstFrame", () => {
       se && this.hooks.emit("loadVideoFirstFrame");
     });
     this.mediaStore.subscribe(({ currentMediaElement: i }) => {
@@ -117,6 +112,17 @@ class hi extends ne {
   set container(e) {
     this._container = e;
   }
+  // eslint-disable-next-line accessor-pairs
+  set tagsLengthWillUpdate(e) {
+    e && (this._cache_pointTag = this.tags.filter((i) => i.stickType === "2DPoint" || i.stickType === "3DPoint").filter((i) => i.position), this._cache_2DPointTag = this.tags.filter((i) => i.stickType === "2DPoint").filter((i) => i.position), this._cache_imagePlane = this.tags.filter(
+      (i) => i.contentType === "MediaPlane" && i.stickType === "Plane" && this.getRenderType(i) === "Mesh"
+    ), this._cache_mediaModel = this.tags.filter((i) => i.stickType === "Model" && i.contentType === "MediaModel"), this._cache_css3DTag = this.tags.filter(
+      (i) => i.stickType === "3DPoint" || i.stickType === "Plane" || i.stickType === "Model" && i.contentType === "MediaModel"
+    ).filter((i) => {
+      const o = this.getRenderType(i);
+      return o === "BehindDom" || o === "Dom";
+    }));
+  }
   set workCode(e) {
     this.workUtil.workCode = e;
   }
@@ -132,6 +138,26 @@ class hi extends ne {
     }
     return this._css3DRenderPlugin;
   }
+  get filterPointTag() {
+    var e;
+    return (e = this._cache_pointTag) != null ? e : [];
+  }
+  get filter2DPointTag() {
+    var e;
+    return (e = this._cache_2DPointTag) != null ? e : [];
+  }
+  get filterImagePlane() {
+    var e;
+    return (e = this._cache_imagePlane) != null ? e : [];
+  }
+  get filterMediaModel() {
+    var e;
+    return (e = this._cache_mediaModel) != null ? e : [];
+  }
+  get filterCSS3DTag() {
+    var e;
+    return (e = this._cache_css3DTag) != null ? e : [];
+  }
   getTagById(e) {
     const i = this.tags.find((o) => o.id === e);
     if (!i) {
@@ -148,9 +174,9 @@ class hi extends ne {
    * @description 获取标签配置
    */
   getTagConfig(e, i) {
-    var r, f, c;
-    const o = this.calculateTagConfig(e, { useCache: i == null ? void 0 : i.useCache }), t = (r = i == null ? void 0 : i.fiveMode) != null ? r : this.five.getCurrentState().mode, n = (f = o.configWithFiveMode) == null ? void 0 : f[t];
-    return (c = n != null ? n : o) != null ? c : {};
+    var r, a, d;
+    const o = this.calculateTagConfig(e, { useCache: i == null ? void 0 : i.useCache }), t = (r = i == null ? void 0 : i.fiveMode) != null ? r : this.five.getCurrentState().mode, n = (a = o.configWithFiveMode) == null ? void 0 : a[t];
+    return (d = n != null ? n : o) != null ? d : {};
   }
   /**
    * @description 获取标签当前状态
@@ -166,7 +192,7 @@ class hi extends ne {
       const o = this.getTagConfig(e);
       if (e.config = o, e.config.initialData) {
         const n = JSON.parse(JSON.stringify(e.data));
-        e.data = (t = o.initialData) != null && t.important ? y(e.data, n, o.initialData) : y(e.data, o.initialData, n);
+        e.data = (t = o.initialData) != null && t.important ? P(e.data, n, o.initialData) : P(e.data, o.initialData, n);
       }
     });
   }
@@ -197,7 +223,7 @@ class hi extends ne {
         return;
       const t = e.data.mediaData;
       if (!(!t || t.length === 0) && o.renderType === "Mesh") {
-        if (le(e)) {
+        if (ce(e)) {
           if (t.length === 1) {
             if (t[0].type === "Video")
               return navigator.userAgent.toLowerCase().indexOf("firefox") > -1 && navigator.userAgent.toLowerCase().indexOf("mobile") > -1 ? "Dom" : "Mesh";
@@ -224,43 +250,43 @@ class hi extends ne {
       const n = this.workUtil.getObserverPosition(o);
       if (n === void 0)
         throw new Error(`getAngle(): observerPosition is ${n}`);
-      const r = (() => e.stickType === "3DPoint" ? C(e.normal) : w(e.position))();
+      const r = (() => e.stickType === "3DPoint" ? y(e.normal) : E(e.position))();
       if (!r)
         return;
-      const f = V(e);
-      if (!f)
+      const a = V(e);
+      if (!a)
         return;
-      const c = new ie.Vector3().copy(n).sub(f), h = r.angleTo(c) * 180 / Math.PI;
-      return t.angle = h, t.angle;
+      const d = new ie.Vector3().copy(n).sub(a), g = r.angleTo(d) * 180 / Math.PI;
+      return t.angle = g, t.angle;
     }
   }
   /**
    * @description 获取距离
    */
   getDistance(e, i) {
-    const o = b(b({}, this.five.getCurrentState()), i), { panoIndex: t, mode: n } = o, r = S(n) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
+    const o = D(D({}, this.five.getCurrentState()), i), { panoIndex: t, mode: n } = o, r = w(n) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
     if ((r == null ? void 0 : r.distance) !== void 0)
       return r.distance;
-    const f = V(e);
-    if (!f)
+    const a = V(e);
+    if (!a)
       return -1;
-    if (S(n)) {
-      const c = this.workUtil.getObserverPosition(t);
-      if (c === void 0)
+    if (w(n)) {
+      const d = this.workUtil.getObserverPosition(t);
+      if (d === void 0)
         return -1;
-      const h = c.distanceTo(f);
-      return r && (r.distance = h), h;
+      const g = d.distanceTo(a);
+      return r && (r.distance = g), g;
     }
     if (z(n))
-      return this.five.camera.position.distanceTo(f);
+      return this.five.camera.position.distanceTo(a);
   }
   getPositions(e) {
-    if (ce(e))
+    if (le(e))
       return e.position;
     if (B(e))
       return e.data.mediaPosition;
     if (de(e))
-      return oe(this.five.camera.position, C(e.position), C(e.normal));
+      return oe(this.five.camera.position, y(e.position), y(e.normal));
   }
   addObjectClickHandler(e, i, o) {
     if (!i || !this.domEvents)
@@ -278,39 +304,17 @@ class hi extends ne {
   }
   getTagNormal(e) {
     if (e.normal)
-      return C(e.normal);
+      return y(e.normal);
     if (e.stickType === "Plane")
-      return w(e.position);
+      return E(e.position);
     if (e.stickType === "Model")
-      return w(this.getPositions(e));
-  }
-  get filterPointTag() {
-    return this.tags.filter((i) => i.stickType === "2DPoint" || i.stickType === "3DPoint").filter((i) => i.position);
-  }
-  get filter2DPointTag() {
-    return this.tags.filter((i) => i.stickType === "2DPoint").filter((i) => i.position);
-  }
-  get filterImagePlane() {
-    return this.tags.filter(
-      (i) => i.contentType === "MediaPlane" && i.stickType === "Plane" && this.getRenderType(i) === "Mesh"
-    );
-  }
-  get filterMediaModel() {
-    return this.tags.filter((i) => i.stickType === "Model" && i.contentType === "MediaModel");
-  }
-  get filterCSS3DTag() {
-    return this.tags.filter(
-      (i) => i.stickType === "3DPoint" || i.stickType === "Plane" || i.stickType === "Model" && i.contentType === "MediaModel"
-    ).filter((i) => {
-      const o = this.getRenderType(i);
-      return o === "BehindDom" || o === "Dom";
-    });
+      return E(this.getPositions(e));
   }
   getTransformedPostion(e) {
     if (!e)
       return;
     const i = this.workUtil.transform;
-    return Array.isArray(e) && e.length === 4 ? e.map(C).map((o) => J(o, i)) : J(C(e), i);
+    return Array.isArray(e) && e.length === 4 ? e.map(y).map((o) => J(o, i)) : J(y(e), i);
   }
   /**
    * @description 检查是否已经销毁
@@ -323,51 +327,51 @@ class hi extends ne {
    * @description 获取merge后的配置
    */
   calculateTagConfig(e, i) {
-    var A, O, I, W, j;
-    const o = (A = i == null ? void 0 : i.useCache) != null ? A : !0;
+    var S, A, O, I, W;
+    const o = (S = i == null ? void 0 : i.useCache) != null ? S : !0;
     if (!e)
-      return (O = this.config.globalConfig) != null ? O : {};
+      return (A = this.config.globalConfig) != null ? A : {};
     if (o) {
-      if ((I = e == null ? void 0 : e.computedConfig) != null && I._isMerged)
+      if ((O = e == null ? void 0 : e.computedConfig) != null && O._isMerged)
         return e.computedConfig;
-      if ((W = e == null ? void 0 : e.config) != null && W._isMerged)
+      if ((I = e == null ? void 0 : e.config) != null && I._isMerged)
         return e.config;
     }
     const t = {}, n = {}, r = {};
     this.config.contentTypeConfig && Object.entries(this.config.contentTypeConfig).forEach(([u, m]) => {
-      var R, F;
-      const a = u, D = a.split("-"), x = u.startsWith("["), T = x ? D[0].slice(1, -1) : void 0, g = x ? D.slice(1) : D, v = T ? ["PanoramaLike", "ModelLike"].includes(T) ? (R = n[T]) != null ? R : n[T] = {} : (F = r[T]) != null ? F : r[T] = {} : t;
-      if (!v[a]) {
-        if (g.length === 0 && (v[a] = m), g.length === 1) {
-          const [p] = g;
-          (e.contentType === p || p === "Any") && (v[a] = m);
+      var x, R;
+      const c = u, k = c.split("-"), j = u.startsWith("["), T = j ? k[0].slice(1, -1) : void 0, p = j ? k.slice(1) : k, v = T ? ["PanoramaLike", "ModelLike"].includes(T) ? (x = n[T]) != null ? x : n[T] = {} : (R = r[T]) != null ? R : r[T] = {} : t;
+      if (!v[c]) {
+        if (p.length === 0 && (v[c] = m), p.length === 1) {
+          const [h] = p;
+          (e.contentType === h || h === "Any") && (v[c] = m);
         }
-        if (g.length === 2) {
-          const [p = "Any", M = "Any"] = g;
-          p === "Mixin" && e.contentType === M && (v[a] = m), (e.stickType === p || p === "Any") && (e.contentType === M || M === "Any") && (v[a] = m);
+        if (p.length === 2) {
+          const [h = "Any", M = "Any"] = p;
+          h === "Mixin" && e.contentType === M && (v[c] = m), (e.stickType === h || h === "Any") && (e.contentType === M || M === "Any") && (v[c] = m);
         }
-        if (g.length === 3) {
-          const [p = "Any", M, X] = g;
+        if (p.length === 3) {
+          const [h = "Any", M, X] = p;
           if (M === "Audio" && e.contentType === "Audio") {
-            const L = e;
-            (L.stickType === p || p === "Any") && L.data.appearance === X && (v[a] = m);
+            const F = e;
+            (F.stickType === h || h === "Any") && F.data.appearance === X && (v[c] = m);
           }
         }
       }
     });
-    const f = (j = e.initialConfig) != null ? j : {}, c = y({}, ee, this.config.globalConfig, ...Object.values(t)), h = y({}, c, f), P = {}, G = Object.values(ae.Mode);
+    const a = (W = e.initialConfig) != null ? W : {}, d = P({}, ee, this.config.globalConfig, ...Object.values(t)), g = P({}, d, a), C = {}, G = Object.values(ae.Mode);
     $(n).forEach(([u, m]) => {
-      G.forEach((a) => {
-        (u === "PanoramaLike" && S(a) || u === "ModelLike" && z(a)) && (P[a] = y({}, c, ...Object.values(m), f, { _isMerged: !0 }));
+      G.forEach((c) => {
+        (u === "PanoramaLike" && w(c) || u === "ModelLike" && z(c)) && (C[c] = P({}, d, ...Object.values(m), a, { _isMerged: !0 }));
       });
     }), $(r).forEach(([u, m]) => {
-      const a = P[u];
-      P[u] = y({}, c, a, ...Object.values(m), f, { _isMerged: !0 });
+      const c = C[u];
+      C[u] = P({}, d, c, ...Object.values(m), a, { _isMerged: !0 });
     });
-    const k = U(b({}, h), { configWithFiveMode: P });
-    return N(k), Object.values(P).forEach((u) => N(u)), k._isMerged = !0, k;
+    const b = U(D({}, g), { configWithFiveMode: C });
+    return N(b), Object.values(C).forEach((u) => N(u)), b._isMerged = !0, b;
   }
 }
 export {
-  hi as TagUtil
+  gi as TagUtil
 };

package/libs/PanoTagPlugin/controller/index.d.ts

@@ -138,6 +138,7 @@ declare class PanoTagPluginController extends TagRender {
     private addResizeListener;
     private addResizeObserver;
     private updateVisible;
+    private handleFiveModeChange;
     private handleFiveWantsMoveToPano;
     /**
      * @description 走点/切换模型后显示

package/libs/PanoTagPlugin/controller/index.js

@@ -1,42 +1,42 @@
-var V = Object.defineProperty, E = Object.defineProperties;
-var R = Object.getOwnPropertyDescriptors;
+var k = Object.defineProperty, E = Object.defineProperties;
+var F = Object.getOwnPropertyDescriptors;
 var P = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var A = (d, a, e) => a in d ? V(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, c = (d, a) => {
+var R = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var D = (d, a, e) => a in d ? k(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, c = (d, a) => {
   for (var e in a || (a = {}))
-    F.call(a, e) && A(d, e, a[e]);
+    R.call(a, e) && D(d, e, a[e]);
   if (P)
     for (var e of P(a))
-      O.call(a, e) && A(d, e, a[e]);
+      M.call(a, e) && D(d, e, a[e]);
   return d;
-}, C = (d, a) => E(d, R(a));
-var f = (d, a, e) => (A(d, typeof a != "symbol" ? a + "" : a, e), e);
+}, C = (d, a) => E(d, F(a));
+var f = (d, a, e) => (D(d, typeof a != "symbol" ? a + "" : a, e), e);
 var g = (d, a, e) => new Promise((t, i) => {
   var s = (n) => {
     try {
       r(e.next(n));
-    } catch (l) {
-      i(l);
+    } catch (h) {
+      i(h);
     }
   }, o = (n) => {
     try {
       r(e.throw(n));
-    } catch (l) {
-      i(l);
+    } catch (h) {
+      i(h);
     }
   }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, o);
   r((e = e.apply(d, a)).next());
 });
-import * as D from "three";
-import { Subscribe as _ } from "@realsee/five";
+import * as A from "three";
+import { Subscribe as O } from "@realsee/five";
 import { objectAssignDeepExports as u } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { addDebugPoints as M } from "../utils/addDebugPoints.js";
+import { addDebugPoints as _ } from "../utils/addDebugPoints.js";
 import { arrayPositionToVector3 as w } from "../../shared-utils/positionToVector3.js";
 import { isMediaModelTag as L, isModelTag as G } from "../utils/tag/tagCheck.js";
 import { debounce as N } from "../utils/debounce.js";
 import { throttle as S } from "../utils/throttle.js";
-import z, { getTagStickType as $ } from "../utils/tag/format.js";
-import { generateBlankAudio as W, AudioNamespace as x } from "../../shared-utils/audio.js";
+import z, { getTagStickType as W } from "../utils/tag/format.js";
+import { generateBlankAudio as $, AudioNamespace as x } from "../../shared-utils/audio.js";
 import { resizeObserver as U } from "../../shared-utils/dom/resizeObserver.js";
 import { TagRender as j } from "./TagRender.js";
 import { uuid as J } from "../../shared-utils/uuid.js";
@@ -184,7 +184,7 @@ class Ni extends j {
     f(this, "debugUtil", new K(this));
     /** 更改 tag 模型 */
     f(this, "changeTagModel", (e, t) => g(this, null, function* () {
-      e.data = u({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+      e.data = u({}, e.data, t), yield this.loadModel(e), this.updateTag(e);
     }));
     f(this, "whyHide", (e) => {
       var s;
@@ -200,7 +200,7 @@ class Ni extends j {
       const i = C(c({}, this.computeTagVisible(t)), {
         tagInstance: t
       });
-      return t.state.visible ? { reason: "应该是能看见才对", info: i } : t.stickType === "Model" || t.stickType === "Plane" ? { reason: "maybe blocked by the five model" } : i.value === !0 ? { reason: "插件bug，请联系维护人员", info: i } : { reason: (s = i.reason.type) != null ? s : i.reason, info: i };
+      return t.state.visible ? { reason: "应该是能看见才对", info: i } : t.stickType === "Model" || t.stickType === "Plane" ? { reason: "maybe blocked by the five model", info: i } : i.value === !0 ? { reason: "插件bug，请联系维护人员", info: i } : { reason: (s = i.reason.type) != null ? s : i.reason, info: i };
     });
     f(this, "updateVisible", () => {
       const e = this.five.getCurrentState().mode;
@@ -208,6 +208,11 @@ class Ni extends j {
         L(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
       }), this.setVisible(), this.updateRenderAllTags();
     });
+    f(this, "handleFiveModeChange", () => {
+      this.tags.length < 200 ? this.updateVisible() : this.five.ready().then(() => {
+        this.updateVisible();
+      });
+    });
     f(this, "handleFiveWantsMoveToPano", (e) => {
       this.tags.forEach((t) => {
         this.getVisible(t, { panoIndex: e }) && (t.state.visible = !0);
@@ -240,25 +245,25 @@ class Ni extends j {
       }), this.updateRenderAllTags());
     });
     f(this, "handleFiveCameraUpdate", () => {
-      this.updatePointTagPosition();
+      this.setPointTagPosition(), this.updateDomView();
     });
     f(this, "handleFivePanoArrived", () => g(this, null, function* () {
-      this.setVisible(), this.updatePointTagPosition(), yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
+      this.setVisible(), this.setPointTagPosition(), this.updateDomView(), yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
         e.temporaryState = C(c({}, e.temporaryState), { visible: !0 });
       }), this.tags.filter(G).filter((e) => {
         var t;
         return (t = this.getTagConfig(e).modelConfig) == null ? void 0 : t.autoLookAtEnabled;
       }).forEach((e) => {
-        var l;
-        const t = new D.Mesh(new D.BoxGeometry(), new D.MeshBasicMaterial()), i = (l = e.model) == null ? void 0 : l.object;
+        var h;
+        const t = new A.Mesh(new A.BoxGeometry(), new A.MeshBasicMaterial()), i = (h = e.model) == null ? void 0 : h.object;
         if (!i)
           return;
         t.position.copy(i.position), t.quaternion.copy(i.quaternion);
         const s = this.five.camera.position;
         t.lookAt(s.clone().setY(t.position.y));
         const o = i.quaternion.clone(), r = t.quaternion.clone(), n = Z();
-        n.onUpdate(({ progress: h }) => {
-          i.quaternion.copy(o.clone().slerp(r, h));
+        n.onUpdate(({ progress: l }) => {
+          i.quaternion.copy(o.clone().slerp(r, l));
         }), n.play();
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
     }));
@@ -269,7 +274,7 @@ class Ni extends j {
     f(this, "onFiveEveryReady", () => {
       this.setUnfoldedByCamera(), q(this.five.getCurrentState().mode) && (this.setTagZIndex(this.filterPointTag), this.setVisible(), this.setPointTagPosition()), this.updateDomView({ withAnimation: !0 }), this.updateRenderVideoPlane(), this.updateRenderImagePlane(), this.updateTagModelVisible();
     });
-    this.params = u({}, { debug: !1, config: this.config }, c({}, t)), this.debug = this.params.debug, this.config = this.params.config, W(1, { namespace: x.PlayAudio });
+    this.params = u({}, { debug: !1, config: this.config }, c({}, t)), this.debug = this.params.debug, this.config = this.params.config, $(1, { namespace: x.PlayAudio });
     try {
       Array.isArray(window.__PANOTAGPLUGIN_DEBUG_LIST__) || (window.__PANOTAGPLUGIN_DEBUG_LIST__ = []), window.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), window.__PANOTAGPLUGIN_DEBUG__ || Object.defineProperty(window, "__PANOTAGPLUGIN_DEBUG__", {
         get: function() {
@@ -298,7 +303,7 @@ class Ni extends j {
       const i = yield this.addTag(e.tagList, t);
       if (this.store.visibleWithAnimation = void 0, this.debug)
         try {
-          M(this.five, this.tags);
+          _(this.five, this.tags);
         } catch (r) {
           console.error(r);
         }
@@ -312,28 +317,28 @@ class Ni extends j {
     return g(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
         var b, v, T, y;
-        o.stickType = $(o);
+        o.stickType = W(o);
         const r = JSON.parse(JSON.stringify(o.data)), n = (b = o.initialConfig) != null ? b : o.config ? JSON.parse(JSON.stringify(o.config)) : {};
         o.initialConfig = n;
-        const l = this.calculateTagConfig(o), h = this.getTagConfig(o);
-        o.config = h;
+        const h = this.calculateTagConfig(o), l = this.getTagConfig(o);
+        o.config = l;
         const p = C(c({}, o), {
           enabled: (v = o.enabled) != null ? v : !0,
           id: (T = o.id) != null ? T : J(),
-          data: (y = h.initialData) != null && y.important ? u(o.data, r, h.initialData) : u(o.data, h.initialData, r),
+          data: (y = l.initialData) != null && y.important ? u(o.data, r, l.initialData) : u(o.data, l.initialData, r),
           state: c({
             visible: void 0,
             unfolded: !this.can("fold", o)
-          }, h.initialState),
-          hooks: new _(),
+          }, l.initialState),
+          hooks: new O(),
           originPosition: o.position,
           position: (() => {
             const m = this.getTransformedPostion(o.position);
-            return Array.isArray(m) ? m.map((k) => k.toArray()) : m.toArray();
+            return Array.isArray(m) ? m.map((V) => V.toArray()) : m.toArray();
           })(),
           initialConfig: n,
-          computedConfig: l,
-          config: h,
+          computedConfig: h,
+          config: l,
           unfold: () => this.changeUnfoldedById(p.id, !0),
           fold: () => this.changeUnfoldedById(p.id, !1),
           enable: () => this.changeEnabledById(p.id, !0),
@@ -347,7 +352,7 @@ class Ni extends j {
       });
       return s.forEach(z), this.tags.push(...s), this.tagsLengthWillUpdate = !0, H(this.five).then(() => g(this, null, function* () {
         var o, r, n;
-        this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(s), this.setVisibleAndUnfolded({ withAnimation: (n = t == null ? void 0 : t.withAnimation) != null ? n : !0 }), this.updatePointTagPosition(), this.updateRenderAllTags();
+        this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(s), this.setVisibleAndUnfolded({ withAnimation: (n = t == null ? void 0 : t.withAnimation) != null ? n : !0 }), this.updateRenderAllTags();
       }));
     });
   }
@@ -408,9 +413,9 @@ class Ni extends j {
    */
   dispose() {
     var e, t, i, s, o, r;
-    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((n) => {
-      var l;
-      return (l = n.tag3DContentSvelte) == null ? void 0 : l.svelteApp.$destroy();
+    this.tagsLengthWillUpdate = !0, this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((n) => {
+      var h;
+      return (h = n.tag3DContentSvelte) == null ? void 0 : h.svelteApp.$destroy();
     }), this.tags = [], (t = this.store.disposers) == null || t.forEach((n) => n == null ? void 0 : n()), this.store.disposers = [], (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (r = (o = this.store).resizeObserverDisposer) == null || r.call(o), 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.clearCache(), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
   }
   /**
@@ -420,11 +425,11 @@ class Ni extends j {
    */
   blinkTagById(e, t) {
     return g(this, null, function* () {
-      var h, p;
+      var l, p;
       const i = this.getTagById(e);
       if (!i)
         return;
-      const s = (h = i.enabled) != null ? h : !0, o = (p = i.state) == null ? void 0 : p.visible, r = s && o;
+      const s = (l = i.enabled) != null ? l : !0, o = (p = i.state) == null ? void 0 : p.visible, r = s && o;
       r === !1 && (i.state.visible = !0, i.enabled = !0, this.setPointTagPosition(), this.updateDomView(), this.updateRender3DDomTag(), yield X(0), i.dom && (i.dom.style.visibility = "hidden"), i.contentDom && (i.contentDom.style.visibility = "hidden"));
       const n = (() => {
         var v, T, y;
@@ -469,7 +474,7 @@ class Ni extends j {
   changeEnabledById(e, t) {
     var s;
     const i = this.getTagById(e);
-    i && (i.enabled = t, (s = i.hooks) == null || s.emit(t ? "enable" : "disable"), this.updateRenderAllTags());
+    i && (i.enabled = t, (s = i.hooks) == null || s.emit(t ? "enable" : "disable"), this.updateTag(i));
   }
   /**
    * @description 修改3D标签normal
@@ -489,7 +494,7 @@ class Ni extends j {
       return;
     i.originPosition = t, i.position = t, this.clearCacheById(e);
     const s = this.getVisible(i);
-    i.state && (i.state.visible = s), i.stickType === "2DPoint" || i.stickType === "3DPoint" ? this.updatePointTagPosition() : this.updateRenderAllTags();
+    i.state && (i.state.visible = s), this.updateTag(i);
   }
   /**
    * @description 改变data
@@ -497,7 +502,7 @@ class Ni extends j {
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
     let o = !1;
-    s && (s.data && (o = !0), i ? s.data = u(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 = u(s.data, t) : s.data = c(c({}, s.data), t), this.clearUnusedPanelTag(), this.updateTag(s), o && s.hooks.emit("dataChanged", s.data));
   }
   /**
    * @description 改变tag的stickType
@@ -564,8 +569,8 @@ class Ni extends j {
         this.onFiveEveryReady(), i = !1;
       }));
     }, 150);
-    return e.on("cameraUpdate", s), this.updateVisible(), this.handleFivePanoArrived(), e.on("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.on("models.refined", this.onFiveEveryReady), 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("models.refined", this.onFiveEveryReady), 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;
+    return e.on("cameraUpdate", s), this.updateVisible(), this.handleFivePanoArrived(), e.on("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.on("models.refined", this.onFiveEveryReady), e.on("modeChange", this.handleFiveModeChange), 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("models.refined", this.onFiveEveryReady), e.off("modeChange", this.handleFiveModeChange), 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;
     };
   }
   addResizeListener() {
@@ -613,8 +618,8 @@ class Ni extends j {
     });
   }
   changeTagMode(e, t) {
-    var i, s, o, r, n, l;
-    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((r = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : r.mode) !== t && ((n = e.config) != null && n.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (l = this.store.css3DRenderDisposer.get(e.id)) == null || l.forEach((h) => h == null ? void 0 : h()), e.tag3DContentSvelte = void 0);
+    var i, s, o, r, n, h;
+    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((r = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : r.mode) !== t && ((n = e.config) != null && n.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((l) => l == null ? void 0 : l()), e.tag3DContentSvelte = void 0);
   }
 }
 export {

package/libs/PanoTagPlugin/utils/debounce.d.ts

@@ -5,3 +5,4 @@
  * @returns
  */
 export declare const debounce: <F extends (...args: any) => any>(callback: F, waitFor?: number) => (...args: Parameters<F>) => ReturnType<F>;
+export declare const debounceByKey: <F extends (...args: any) => any>(key: string, callback: F, waitFor?: number) => (...args: Parameters<F>) => ReturnType<F>;