@realsee/dnalogel 2.27.0-dev.2 → 2.27.0

package/libs/PanoTagPlugin/Components/Tag/TextTag/TextTag.js

@@ -1,12 +1,12 @@
 import { safe_not_equal as R, action_destroyer as S, run_all as W } from "../../../../vendor/svelte/src/runtime/internal/utils.js";
-import { append_styles as C, empty as q, insert as w, detach as v, space as U, element as x, attr as F, listen as D } from "../../../../vendor/svelte/src/runtime/internal/dom.js";
-import { transition_in as d, transition_out as u, check_outros as I, group_outros as L } from "../../../../vendor/svelte/src/runtime/internal/transitions.js";
-import { SvelteComponent as N, init as O, create_component as $, mount_component as y, destroy_component as T } from "../../../../vendor/svelte/src/runtime/internal/Component.js";
+import { append_styles as C, empty as q, insert as v, detach as y, space as U, element as F, attr as I, listen as D } from "../../../../vendor/svelte/src/runtime/internal/dom.js";
+import { transition_in as c, transition_out as b, check_outros as L, group_outros as N } from "../../../../vendor/svelte/src/runtime/internal/transitions.js";
+import { SvelteComponent as O, init as j, create_component as T, mount_component as k, destroy_component as $ } from "../../../../vendor/svelte/src/runtime/internal/Component.js";
 import "../../../../vendor/svelte/src/runtime/internal/disclose-version/index.js";
-import j from "../../Common/Line/Straight.js";
-import A from "../../Common/Shadow.js";
-import B from "../../Common/Text/FlyMText.js";
-import { svelteResizeObserver as E } from "../../../../shared-utils/svelte/resizeObserver.js";
+import A from "../../Common/Line/Straight.js";
+import B from "../../Common/Shadow.js";
+import E from "../../Common/Text/FlyMText.js";
+import { svelteResizeObserver as G } from "../../../../shared-utils/svelte/resizeObserver.js";
 import "../../../../vendor/svelte/src/runtime/internal/environment.js";
 import "../../../../vendor/svelte/src/runtime/internal/loop.js";
 import "../../../../vendor/svelte/src/runtime/internal/style_manager.js";
@@ -27,13 +27,13 @@ import "../../Common/Arrow.js";
 import "../../../Assets/Icon.js";
 import "../../../utils/doUtil.js";
 import "../../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
-function G(o) {
-  C(o, "svelte-nlvd3x", ".content.svelte-nlvd3x{width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0;overflow:hidden;box-sizing:border-box;font-size:0;pointer-events:none;white-space:nowrap;font-weight:600}");
+function H(o) {
+  C(o, "svelte-5hip41", ".content.svelte-5hip41{--height:62.4375rem;width:-moz-max-content;width:max-content;height:var(--height);padding:calc(var(--height) - 1.125rem) 0.25rem 0 1rem;position:absolute;left:0;bottom:0;overflow:hidden;box-sizing:border-box;font-size:0;pointer-events:none;white-space:nowrap;font-weight:600}");
 }
 function M(o) {
-  var _, g;
-  let i, m, e, n, r, f, p, s, c;
-  return i = new A({
+  var a, w;
+  let l, r, t, i, n, s, u, p, g;
+  return l = new B({
     props: {
       visible: (
         /*unfolded*/
@@ -48,7 +48,7 @@ function M(o) {
       blurRadius: 120,
       spreadRadius: 60
     }
-  }), e = new j({
+  }), t = new A({
     props: {
       unfolded: (
         /*unfolded*/
@@ -62,13 +62,13 @@ function M(o) {
         /*foldTextDelay*/
         o[4] + 40 * Math.min(
           /*textItems*/
-          (g = (_ = o[6][0]) == null ? void 0 : _.content.length) != null ? g : 10,
+          (w = (a = o[6][0]) == null ? void 0 : a.content.length) != null ? w : 10,
           15
         )
       ),
       useLinearColor: !0
     }
-  }), f = new B({
+  }), s = new E({
     props: {
       visible: (
         /*unfolded*/
@@ -85,134 +85,146 @@ function M(o) {
     }
   }), {
     c() {
-      $(i.$$.fragment), m = U(), $(e.$$.fragment), n = U(), r = x("div"), $(f.$$.fragment), F(r, "class", "content svelte-nlvd3x");
+      T(l.$$.fragment), r = U(), T(t.$$.fragment), i = U(), n = F("div"), T(s.$$.fragment), I(n, "class", "content svelte-5hip41");
     },
-    m(t, l) {
-      y(i, t, l), w(t, m, l), y(e, t, l), w(t, n, l), w(t, r, l), y(f, r, null), p = !0, s || (c = [
-        S(E.call(null, r)),
+    m(e, f) {
+      k(l, e, f), v(e, r, f), k(t, e, f), v(e, i, f), v(e, n, f), k(s, n, null), u = !0, p || (g = [
+        S(G.call(null, n)),
         D(
-          r,
+          n,
           "clientWidth",
           /*clientWidth_handler*/
-          o[8]
+          o[10]
         ),
         D(
-          r,
+          n,
           "click",
           /*toggleTextUnfolded*/
           o[7]
         )
-      ], s = !0);
+      ], p = !0);
     },
-    p(t, l) {
-      var k, z;
-      const a = {};
-      l & /*unfolded*/
-      4 && (a.visible = /*unfolded*/
-      t[2]), l & /*contentWidth*/
-      8 && (a.left = /*contentWidth*/
-      t[3] / 2 + "px"), i.$set(a);
-      const h = {};
-      l & /*unfolded*/
-      4 && (h.unfolded = /*unfolded*/
-      t[2]), l & /*contentWidth*/
-      8 && (h.length = /*contentWidth*/
-      t[3]), l & /*foldTextDelay*/
-      16 && (h.outDelay = /*foldTextDelay*/
-      t[4] + 40 * Math.min(
+    p(e, f) {
+      var _, z;
+      const m = {};
+      f & /*unfolded*/
+      4 && (m.visible = /*unfolded*/
+      e[2]), f & /*contentWidth*/
+      8 && (m.left = /*contentWidth*/
+      e[3] / 2 + "px"), l.$set(m);
+      const d = {};
+      f & /*unfolded*/
+      4 && (d.unfolded = /*unfolded*/
+      e[2]), f & /*contentWidth*/
+      8 && (d.length = /*contentWidth*/
+      e[3]), f & /*foldTextDelay*/
+      16 && (d.outDelay = /*foldTextDelay*/
+      e[4] + 40 * Math.min(
         /*textItems*/
-        (z = (k = t[6][0]) == null ? void 0 : k.content.length) != null ? z : 10,
+        (z = (_ = e[6][0]) == null ? void 0 : _.content.length) != null ? z : 10,
         15
-      )), e.$set(h);
-      const b = {};
-      l & /*unfolded*/
-      4 && (b.visible = /*unfolded*/
-      t[2]), l & /*textUnfolded*/
-      2 && (b.textUnfolded = /*textUnfolded*/
-      t[1]), l & /*content*/
-      32 && (b.content = /*content*/
-      t[5]), f.$set(b);
+      )), t.$set(d);
+      const h = {};
+      f & /*unfolded*/
+      4 && (h.visible = /*unfolded*/
+      e[2]), f & /*textUnfolded*/
+      2 && (h.textUnfolded = /*textUnfolded*/
+      e[1]), f & /*content*/
+      32 && (h.content = /*content*/
+      e[5]), s.$set(h);
     },
-    i(t) {
-      p || (d(i.$$.fragment, t), d(e.$$.fragment, t), d(f.$$.fragment, t), p = !0);
+    i(e) {
+      u || (c(l.$$.fragment, e), c(t.$$.fragment, e), c(s.$$.fragment, e), u = !0);
     },
-    o(t) {
-      u(i.$$.fragment, t), u(e.$$.fragment, t), u(f.$$.fragment, t), p = !1;
+    o(e) {
+      b(l.$$.fragment, e), b(t.$$.fragment, e), b(s.$$.fragment, e), u = !1;
     },
-    d(t) {
-      t && (v(m), v(n), v(r)), T(i, t), T(e, t), T(f), s = !1, W(c);
+    d(e) {
+      e && (y(r), y(i), y(n)), $(l, e), $(t, e), $(s), p = !1, W(g);
     }
   };
 }
-function H(o) {
-  let i, m, e = (
+function J(o) {
+  let l, r, t = (
     /*tag*/
     o[0].state && M(o)
   );
   return {
     c() {
-      e && e.c(), i = q();
+      t && t.c(), l = q();
     },
-    m(n, r) {
-      e && e.m(n, r), w(n, i, r), m = !0;
+    m(i, n) {
+      t && t.m(i, n), v(i, l, n), r = !0;
     },
-    p(n, [r]) {
+    p(i, [n]) {
       /*tag*/
-      n[0].state ? e ? (e.p(n, r), r & /*tag*/
-      1 && d(e, 1)) : (e = M(n), e.c(), d(e, 1), e.m(i.parentNode, i)) : e && (L(), u(e, 1, 1, () => {
-        e = null;
-      }), I());
+      i[0].state ? t ? (t.p(i, n), n & /*tag*/
+      1 && c(t, 1)) : (t = M(i), t.c(), c(t, 1), t.m(l.parentNode, l)) : t && (N(), b(t, 1, 1, () => {
+        t = null;
+      }), L());
     },
-    i(n) {
-      m || (d(e), m = !0);
+    i(i) {
+      r || (c(t), r = !0);
     },
-    o(n) {
-      u(e), m = !1;
+    o(i) {
+      b(t), r = !1;
     },
-    d(n) {
-      n && v(i), e && e.d(n);
+    d(i) {
+      i && y(l), t && t.d(i);
     }
   };
 }
-function J(o, i, m) {
-  let e, n, r, { tag: f } = i, p, s = !1, c = [];
-  function _() {
-    m(1, s = !s);
+function K(o, l, r) {
+  let t, i, n, s, u, { tag: p } = l, g, a = !1, w = [];
+  function e() {
+    r(1, a = !a);
   }
-  const g = (t) => {
-    m(3, p = t.detail);
+  const f = (m) => {
+    r(3, g = m.detail);
   };
-  return o.$$set = (t) => {
-    "tag" in t && m(0, f = t.tag);
+  return o.$$set = (m) => {
+    "tag" in m && r(0, p = m.tag);
   }, o.$$.update = () => {
-    var t, l, a;
+    var m, d, h, _;
     o.$$.dirty & /*tag*/
-    1 && m(2, e = !!((t = f.state) != null && t.unfolded)), o.$$.dirty & /*tag*/
-    1 && m(5, n = (a = (l = f.data.title) != null ? l : f.data.text) != null ? a : ""), o.$$.dirty & /*unfolded*/
-    4 && (e || setTimeout(
+    1 && r(2, t = !!((m = p.state) != null && m.unfolded)), o.$$.dirty & /*tag*/
+    1 && r(9, i = (h = (d = p.data.title) != null ? d : p.data.text) != null ? h : ""), o.$$.dirty & /*tag*/
+    1 && r(8, n = (_ = p.data.description) != null ? _ : ""), o.$$.dirty & /*title, description*/
+    768 && r(5, s = (() => {
+      if (i && n)
+        return i + `
+` + n;
+      if (i)
+        return i;
+      if (n)
+        return n;
+    })()), o.$$.dirty & /*unfolded*/
+    4 && (t || setTimeout(
       () => {
-        m(1, s = !1);
+        r(1, a = !1);
       },
       20
     )), o.$$.dirty & /*textUnfolded*/
-    2 && m(4, r = s ? 450 : 0);
+    2 && r(4, u = a ? 450 : 0);
   }, [
-    f,
+    p,
+    a,
+    t,
+    g,
+    u,
     s,
+    w,
     e,
-    p,
-    r,
     n,
-    c,
-    _,
-    g
+    i,
+    f
   ];
 }
-class yt extends N {
-  constructor(i) {
-    super(), O(this, i, J, H, R, { tag: 0 }, G);
+class Tt extends O {
+  constructor(l) {
+    super(), j(this, l, K, J, R, { tag: 0 }, H);
   }
 }
 export {
-  yt as default
+  Tt as default
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -1,15 +1,15 @@
-var E = Object.defineProperty, F = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
+var F = Object.defineProperty, w = Object.defineProperties;
+var U = Object.getOwnPropertyDescriptors;
 var A = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
-var b = (d, a, e) => a in d ? E(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, m = (d, a) => {
+var I = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var b = (d, a, e) => a in d ? F(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, m = (d, a) => {
   for (var e in a || (a = {}))
-    U.call(a, e) && b(d, e, a[e]);
+    I.call(a, e) && b(d, e, a[e]);
   if (A)
     for (var e of A(a))
-      I.call(a, e) && b(d, e, a[e]);
+      B.call(a, e) && b(d, e, a[e]);
   return d;
-}, T = (d, a) => F(d, w(a));
+}, T = (d, a) => w(d, U(a));
 var g = (d, a, e) => (b(d, typeof a != "symbol" ? a + "" : a, e), e);
 var f = (d, a, e) => new Promise((t, i) => {
   var o = (r) => {
@@ -28,24 +28,24 @@ var f = (d, a, e) => new Promise((t, i) => {
   n((e = e.apply(d, a)).next());
 });
 import * as C from "three";
-import { Subscribe as B } from "@realsee/five";
-import { objectAssignDeepExports as p } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import { Subscribe as R } from "@realsee/five";
+import { objectAssignDeepExports as l } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 import { arrayPositionToVector3 as y } from "../../shared-utils/positionToVector3.js";
-import { addDebugPoints as R } from "../utils/addDebugPoints.js";
-import { isMediaModelTag as D, isModelTag as O } from "../utils/tag/tagCheck.js";
-import { waitFiveModelLoaded as k } from "../utils/actionAfterFiveModelLoad.js";
+import { addDebugPoints as O } from "../utils/addDebugPoints.js";
+import { isMediaModelTag as D, isModelTag as k } from "../utils/tag/tagCheck.js";
+import { waitFiveModelLoaded as _ } from "../utils/actionAfterFiveModelLoad.js";
 import { debounce as S } from "../utils/debounce.js";
-import { throttle as _ } from "../utils/throttle.js";
+import { throttle as L } from "../utils/throttle.js";
 import { resizeObserver as P } from "../utils/resizeObserver.js";
-import L from "../utils/tag/format.js";
-import { generateBlankAudio as V, 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 V from "../utils/tag/format.js";
+import { generateBlankAudio as G, AudioNamespace as N } from "../../shared-utils/audio.js";
+import { TagRender as z } from "./TagRender.js";
+import { uuid as x } 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 x } from "../../shared-utils/animationFrame/BetterTween.js";
+import { tweenProgress as W } from "../../shared-utils/animationFrame/BetterTween.js";
 import "./TagComputer.js";
 import "../utils/tagPosition.js";
 import "../../shared-utils/three/centerPoint.js";
@@ -174,8 +174,8 @@ import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/animationFrame/index.js";
-const M = "Dnalogel-PanoTagPlugin", Fi = (d) => `${M}--${d}`;
-class wi extends N {
+const M = "Dnalogel-PanoTagPlugin", wi = (d) => `${M}--${d}`;
+class Ui extends z {
   constructor(e, t) {
     super(e);
     /** state */
@@ -186,7 +186,7 @@ class wi extends N {
     g(this, "debug");
     /** 更改 tag 模型 */
     g(this, "changeTagModel", (e, t) => f(this, null, function* () {
-      e.data = p({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+      e.data = l({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
     g(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
@@ -202,7 +202,7 @@ class wi extends N {
         typeof t == "object" && ((i = t.visibleFiveMode) != null && i.includes("Floorplan") || (o = t.visibleFiveMode) != null && o.includes("Mapview")) && (e.state.visible = this.getVisibleByFiveMode(e));
       }), this.updateRenderAllTags();
     });
-    this.params = p({}, { debug: !1, config: this.config }, m({}, t)), this.debug = this.params.debug, this.config = this.params.config, V(1, { namespace: G.PlayAudio });
+    this.params = l({}, { debug: !1, config: this.config }, m({}, 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;
@@ -215,14 +215,14 @@ class wi extends N {
   load(e, t) {
     return f(this, null, function* () {
       var o, s;
-      this.clearTags(), console.debug(M, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = p({}, this.config, {
+      this.clearTags(), console.debug(M, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = l({}, this.config, {
         globalConfig: (o = e.globalConfig) != null ? o : {},
         contentTypeConfig: (s = e.contentTypeConfig) != null ? s : {}
       });
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          R(this.five, this.tags);
+          O(this.five, this.tags);
         } catch (n) {
           console.error(n);
         }
@@ -235,28 +235,28 @@ class wi extends N {
   addTag(e, t) {
     return f(this, null, function* () {
       const o = (Array.isArray(e) ? e : [e]).map((s) => {
-        var l, c, u;
-        const n = this.getTagConfig(s), r = JSON.parse(JSON.stringify(s.data));
+        var c, u, v;
+        const n = this.getTagConfig(s), r = JSON.parse(JSON.stringify(s.data)), h = s.config;
         return s.config = n, T(m({}, s), {
-          enabled: (l = s.enabled) != null ? l : !0,
-          id: (c = s.id) != null ? c : z(),
-          data: (u = n.initialData) != null && u.important ? p(s.data, r, n.initialData) : p(s.data, n.initialData, r),
+          enabled: (c = s.enabled) != null ? c : !0,
+          id: (u = s.id) != null ? u : x(),
+          data: (v = n.initialData) != null && v.important ? l(s.data, r, n.initialData) : l(s.data, n.initialData, r),
           state: m({
             visible: void 0,
             unfolded: !this.can("fold", s)
           }, n.initialState),
-          hooks: new B(),
-          initialConfig: s.config,
+          hooks: new R(),
+          initialConfig: h,
           config: n,
           unfold: () => this.changeUnfoldedById(s.id, !0),
           fold: () => this.changeUnfoldedById(s.id, !1),
           enable: () => this.changeEnabledById(s.id, !0),
           disable: () => this.changeEnabledById(s.id, !1),
           destroy: () => this.destroyTagById(s.id),
-          changeData: (v) => this.changeDataById(s.id, v)
+          changeData: (E) => this.changeDataById(s.id, E)
         });
       }).filter((s) => s.position);
-      return o.forEach(L), this.tags.push(...o), k(this.five).then(() => f(this, null, function* () {
+      return o.forEach(V), this.tags.push(...o), _(this.five).then(() => f(this, null, function* () {
         var s, n, r;
         this.store.eventListenerDisposer && ((n = (s = this.store).eventListenerDisposer) == null || n.call(s)), 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(o);
       }));
@@ -266,19 +266,19 @@ class wi extends N {
    * @description: 改变配置
    */
   changeConfig(e, t = !0) {
-    t ? this.config = p({}, 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 = p({}, 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] = p({}, 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 f(this, null, function* () {
@@ -354,7 +354,7 @@ class wi extends N {
   changeDataById(e, t, i = !0) {
     const o = this.getTagById(e);
     let s = !1;
-    o && (o.data && (s = !0), i ? o.data = p(o.data, t) : o.data = m(m({}, o.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), s && o.hooks.emit("dataChanged", o.data));
+    o && (o.data && (s = !0), i ? o.data = l(o.data, t) : o.data = m(m({}, o.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), s && o.hooks.emit("dataChanged", o.data));
   }
   /**
    * @description: 改变tag的stickType
@@ -368,7 +368,7 @@ class wi extends N {
   changeTagById(e, t, i = !0) {
     const o = this.getTagById(e);
     let s = !1;
-    t && (t.data && (s = !0), i ? p(o, t) : Object.assign(o, t), o != null && o.tag3DContentSvelte && (t != null && t.normal) && (o.tag3DContentSvelte.currentNormal = y(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag(), s && o.hooks.emit("dataChanged", o.data));
+    t && (t.data && (s = !0), i ? l(o, t) : Object.assign(o, t), o != null && o.tag3DContentSvelte && (t != null && t.normal) && (o.tag3DContentSvelte.currentNormal = y(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag(), s && o.hooks.emit("dataChanged", o.data));
   }
   /**
    * @description: 销毁tag
@@ -415,9 +415,9 @@ class wi extends N {
    * @description: 添加 cameraUpdate, panoArrived 等事件监听
    */
   addEventListener() {
-    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), o = this.handleFiveModeChange.bind(this), s = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), h = this.loadVideoFirstFrame.bind(this), l = this.clickhandler.bind(this), c = this.five.currentMode;
-    return c && this.handleFiveModeChange(c), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", o), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", s), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", h), t.on("click", l), () => {
-      e.off("wantsMoveToPano", i), e.off("modeChange", o), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", s), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", h), t.off("click", l), this.store.eventListenerDisposer = void 0;
+    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), o = this.handleFiveModeChange.bind(this), s = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), h = this.loadVideoFirstFrame.bind(this), p = this.clickhandler.bind(this), c = this.five.currentMode;
+    return c && this.handleFiveModeChange(c), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", o), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", s), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", h), t.on("click", p), () => {
+      e.off("wantsMoveToPano", i), e.off("modeChange", o), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", s), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", h), t.off("click", p), this.store.eventListenerDisposer = void 0;
     };
   }
   addResizeListener() {
@@ -436,7 +436,7 @@ class wi extends N {
     }, i = () => {
       this.state.enabled && this.hide();
     }, { observe: o, unobserve: s } = P(
-      _(() => {
+      L(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
@@ -502,7 +502,7 @@ class wi extends N {
       var e, t, i;
       this.setModelMedialVisible(), yield this.setVisibleAndUnfolded(), this.tags.forEach((o) => {
         o.temporaryState = T(m({}, o.temporaryState), { visible: !0 });
-      }), (i = (t = (e = this.config) == null ? void 0 : e.globalConfig) == null ? void 0 : t.modelConfig) != null && i.autoLookAtEnabled && this.tags.filter(O).filter((o) => {
+      }), (i = (t = (e = this.config) == null ? void 0 : e.globalConfig) == null ? void 0 : t.modelConfig) != null && i.autoLookAtEnabled && this.tags.filter(k).filter((o) => {
         var s, n;
         return (n = (s = o.config) == null ? void 0 : s.modelConfig) == null ? void 0 : n.autoLookAtEnabled;
       }).forEach((o) => {
@@ -513,9 +513,9 @@ class wi extends N {
         s.position.copy(n.position), s.quaternion.copy(n.quaternion);
         const r = this.five.camera.position;
         s.lookAt(r.clone().setY(s.position.y));
-        const h = n.quaternion.clone(), l = s.quaternion.clone(), c = x();
+        const h = n.quaternion.clone(), p = s.quaternion.clone(), c = W();
         c.onUpdate(({ progress: v }) => {
-          n.quaternion.copy(h.clone().slerp(l, v));
+          n.quaternion.copy(h.clone().slerp(p, v));
         }), c.play();
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
     });
@@ -532,11 +532,11 @@ class wi extends N {
   }
   changeTagMode(e, t) {
     var i, o, s, n, r, h;
-    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (s = (o = e.tag3DContentSvelte) == null ? void 0 : o.css3DInstance) == null ? void 0 : s.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((l) => l == null ? void 0 : l()), e.tag3DContentSvelte = void 0);
+    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (s = (o = e.tag3DContentSvelte) == null ? void 0 : o.css3DInstance) == null ? void 0 : s.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((p) => p == null ? void 0 : p()), e.tag3DContentSvelte = void 0);
   }
 }
 export {
-  wi as PanoTagPluginController,
-  wi as default,
-  Fi as pluginFlag
+  Ui as PanoTagPluginController,
+  Ui as default,
+  wi as pluginFlag
 };

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

@@ -137,12 +137,26 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
         /** 展开/收起 */
         unfolded?: boolean;
     };
-    initialData?: C extends TagContentType ? PartialObjectDeep<ContentTypeMap[C]> & {
-        important?: boolean;
-    } : {
+    /**
+     * @description: 标签的默认数据，会将 tag.data 深度合并进来
+     * @code `tag.data = ObjectAssignDeep(initialData, tag.data)`
+     */
+    initialData?: (C extends TagContentType ? PartialObjectDeep<ContentTypeMap[C]> : {
         [key: string]: any;
+    }) & {
+        /**
+         * @description: 类似 css 的 !important，会覆盖掉 tag.data 中对应的数据
+         * @code
+         * ```
+         *  if (initialData.important) tag.data = ObjectAssignDeep(tag.data, initialData)
+         *  else tag.data = ObjectAssignDeep(initialData, tag.data)
+         * ```
+         */
         important?: boolean;
     };
+    /**
+     * @description: 内部使用 css3DRenderer 渲染的标签可以使用此配置来设置 css3DRenderer 相关参数
+     */
     tag3DConfig?: Create3DDomContainerParamsType['config'];
     modelConfig?: {
         autoLookAtEnabled?: boolean;

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

@@ -18,7 +18,7 @@ interface ContentTypeMapInterface {
     /** 文字标签 */
     Text: {
         appearance?: 'line' | 'plane';
-        /** @deprecated: 'text' replace by 'title' */
+        /** @deprecated: please use 'title' */
         text?: string;
         title?: string;
         description?: string;

package/libs/base/BasePlugin.js

@@ -14,7 +14,7 @@ let b = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "2.27.0-dev.2");
+    i(this, "VERSION", "2.27.0");
     i(this, "five");
     /**
      * 插件事件钩子

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv2.27.0-dev.2",
+    "%c %c@realsee/dnalogel %cv2.27.0",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.27.0-dev.2",
+  "version": "2.27.0",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",