@realsee/dnalogel 3.34.6 → 3.35.0-dev.1

package/libs/PanoTagPlugin/controller/index.js

@@ -1,43 +1,43 @@
-var V = Object.defineProperty, E = Object.defineProperties;
-var R = Object.getOwnPropertyDescriptors;
-var D = 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 k = Object.defineProperty, F = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
+var R = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var A = (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]);
-  if (D)
-    for (var e of D(a))
+    R.call(a, e) && A(d, e, a[e]);
+  if (P)
+    for (var e of P(a))
       O.call(a, e) && A(d, e, a[e]);
   return d;
-}, C = (d, a) => E(d, R(a));
+}, C = (d, a) => F(d, M(a));
 var f = (d, a, e) => (A(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 P from "three";
+import * as D from "three";
 import { Subscribe as _ } 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 L } 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 { isMediaModelTag as S, 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 { resizeObserver as U } from "../../shared-utils/dom/resizeObserver.js";
+import { throttle as U } from "../utils/throttle.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 I } from "../../shared-utils/dom/resizeObserver.js";
 import { TagRender as j } from "./TagRender.js";
 import { uuid as J } from "../../shared-utils/uuid.js";
 import { isModelLike as q } from "../../shared-utils/five/mode.js";
@@ -49,7 +49,7 @@ import { waitFiveModelLoaded as H } from "../../shared-utils/five/fiveModelLoad.
 import { blink as Q, reblink as Y } from "../../shared-utils/three/blink.js";
 import { tweenProgress as Z } from "../../shared-utils/animationFrame/BetterTween.js";
 import { DebugUtil as K } from "../utils/DebugUtil.js";
-import { safeObj as I } from "../../shared-utils/safeObj.js";
+import { safeObj as B } from "../../shared-utils/safeObj.js";
 import { sleep as X } from "../../CruisePlugin/utils/sleep.js";
 import "./TagComputer.js";
 import "../utils/tagPosition.js";
@@ -173,7 +173,7 @@ import "../Components/Common/TagPoint.js";
 import "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/animationFrame/index.js";
-const B = "Dnalogel-PanoTagPlugin", Gi = (d) => `${B}--${d}`;
+const V = "Dnalogel-PanoTagPlugin", Gi = (d) => `${V}--${d}`;
 class Ni extends j {
   constructor(e, t) {
     super(e);
@@ -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,12 +200,18 @@ 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;
       this.tags.forEach((t) => {
-        L(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+        S(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+      }), this.setVisible(), this.updateRenderAllTags();
+    });
+    f(this, "handleFiveModeChange", () => {
+      const e = this.five.getCurrentState().mode;
+      this.tags.forEach((t) => {
+        S(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
       }), this.setVisible(), this.updateRenderAllTags();
     });
     f(this, "handleFiveWantsMoveToPano", (e) => {
@@ -240,25 +246,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 P.Mesh(new P.BoxGeometry(), new P.MeshBasicMaterial()), i = (l = e.model) == null ? void 0 : l.object;
+        var h;
+        const t = new D.Mesh(new D.BoxGeometry(), new D.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 +275,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() {
@@ -291,14 +297,14 @@ class Ni extends j {
   load(e, t) {
     return g(this, null, function* () {
       var s, o;
-      this.clearTags(), console.debug(B, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = u({}, this.config, {
+      this.clearTags(), console.debug(V, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = u({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       }), this.store.visibleWithAnimation = !0;
       const i = yield this.addTag(e.tagList, t);
       if (this.store.visibleWithAnimation = void 0, this.debug)
         try {
-          M(this.five, this.tags);
+          L(this.five, this.tags);
         } catch (r) {
           console.error(r);
         }
@@ -312,28 +318,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),
+          }, l.initialState),
           hooks: new _(),
           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((E) => E.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 +353,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 +414,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 +426,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(), yield X(0), i.dom && (i.dom.style.visibility = "hidden"));
       const n = (() => {
         var v, T, y;
@@ -469,7 +475,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 +495,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 +503,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
@@ -559,13 +565,13 @@ class Ni extends j {
   addEventListener() {
     const { five: e, hooks: t } = this;
     let i = !1;
-    const s = S(() => {
+    const s = U(() => {
       i || (i = !0, e.ready().then(() => {
         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() {
@@ -583,12 +589,12 @@ class Ni extends j {
       this.state.enabled && (this.show(), this.updateRenderAllTags());
     }, i = () => {
       this.state.enabled && this.hide();
-    }, { observe: s, unobserve: o } = U(
-      S(() => {
+    }, { observe: s, unobserve: o } = I(
+      U(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
-    ), { observe: r, unobserve: n } = U(
+    ), { observe: r, unobserve: n } = I(
       N(() => t(), 400),
       e
     );
@@ -603,18 +609,18 @@ class Ni extends j {
       if (t.state && i !== void 0) {
         if (i === !0 && t.screenPosition) {
           const s = this.getTagConfig(t).unfoldedConfig;
-          I(s).keep !== "unfolded" && (e = !0);
+          B(s).keep !== "unfolded" && (e = !0);
         }
         t.state.unfolded = i;
       }
     }), e && this.filterPointTag.forEach((t) => {
       const i = this.getTagConfig(t).unfoldedConfig;
-      typeof i == "object" && (i.autoUnfold || i.autoUnfold === !1 || I(i.autoUnfold).enable === !1 || i.keep) || t.state && (t.state.unfolded = !1);
+      typeof i == "object" && (i.autoUnfold || i.autoUnfold === !1 || B(i.autoUnfold).enable === !1 || i.keep) || t.state && (t.state.unfolded = !1);
     });
   }
   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>;

package/libs/PanoTagPlugin/utils/debounce.js

@@ -1,12 +1,18 @@
-const r = (n, o = 16.666666666666668) => {
+const u = (n, o = 16.666666666666668) => {
   let e = null;
   const t = n;
-  return (...l) => {
+  return (...r) => {
     e && clearTimeout(e), e = setTimeout(() => {
-      t == null || t(...l), e && clearTimeout(e), e = null;
+      t == null || t(...r), e && clearTimeout(e), e = null;
     }, o);
   };
+}, c = /* @__PURE__ */ new Map(), i = (n, o, e = 1e3 / 60) => {
+  if (c.has(n))
+    return c.get(n);
+  const t = u(o, e);
+  return c.set(n, t), t;
 };
 export {
-  r as debounce
+  u as debounce,
+  i as debounceByKey
 };

package/libs/PanoTagPlugin/utils/index.js

@@ -1,10 +1,10 @@
 import { addDebugPoints as a } from "./addDebugPoints.js";
 import { noTypecheck as n } from "./noTypecheck.js";
 import { planeNormal as f } from "./planeNormal.js";
-import { getTagCenterPosition as l, getTagPosition as c } from "./tagPosition.js";
+import { getTagCenterPosition as c, getTagPosition as l } from "./tagPosition.js";
 import { checkRange as h } from "./checkRange.js";
-import { normalPositionToPositions as T } from "./normalPositionToPositions.js";
-import { debounce as b } from "./debounce.js";
+import { normalPositionToPositions as P } from "./normalPositionToPositions.js";
+import { debounce as b, debounceByKey as d } from "./debounce.js";
 import { throttle as k } from "./throttle.js";
 import { binarySearchFirstBig as F, searchFirstValueSmallThanLastValue as S } from "./search.js";
 import "three";
@@ -16,10 +16,11 @@ export {
   F as binarySearchFirstBig,
   h as checkRange,
   b as debounce,
-  l as getTagCenterPosition,
-  c as getTagPosition,
+  d as debounceByKey,
+  c as getTagCenterPosition,
+  l as getTagPosition,
   n as noTypecheck,
-  T as normalPositionToPositions,
+  P as normalPositionToPositions,
   f as planeNormal,
   S as searchFirstValueSmallThanLastValue,
   k as throttle

package/libs/PanoVideoPlugin/Controller.d.ts

@@ -1,6 +1,5 @@
 import type { Five } from '@realsee/five';
 import type { LoadParams, PluginEventMap, PluginState, PluginData, VideoItem } from './typings';
-import { VideoMeshController } from './VideoMeshController';
 import * as BasePlugin from '../base/BasePlugin';
 export declare class PanoVideoPluginController extends BasePlugin.Controller<PluginState, PluginEventMap> {
     /** 插件 State */
@@ -9,8 +8,8 @@ export declare class PanoVideoPluginController extends BasePlugin.Controller<Plu
     };
     /** 插件是否已被销毁 */
     get disposed(): boolean;
-    controllerMap: Map<string, VideoMeshController>;
     private enabled;
+    private controllerMap;
     private _disposed;
     constructor(five: Five);
     /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */

package/libs/PanoVideoPlugin/Controller.js

@@ -41,8 +41,8 @@ import "../shared-utils/url/absoluteUrl.js";
 class T extends _ {
   constructor(r) {
     super(r);
-    s(this, "controllerMap", /* @__PURE__ */ new Map());
     s(this, "enabled", !0);
+    s(this, "controllerMap", /* @__PURE__ */ new Map());
     s(this, "_disposed", !1);
     this.five = r;
   }

package/libs/base/BasePlugin.js

@@ -10,12 +10,12 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "animejs";
 import { absoluteUrl as l } from "../shared-utils/url/absoluteUrl.js";
-let C = class {
+let v = class {
   constructor(t, r) {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.34.6");
+    i(this, "VERSION", "3.35.0-dev.1");
     i(this, "five");
     /**
      * @description: 插件事件钩子
@@ -38,5 +38,5 @@ let C = class {
   }
 };
 export {
-  C as Controller
+  v as Controller
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.34.6",
+    "%c %c@realsee/dnalogel %cv3.35.0-dev.1",
     [
       "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/libs/shared-utils/tag.d.ts

@@ -4,13 +4,13 @@ export declare class LightTag {
     container: HTMLDivElement;
     visible: boolean;
     enabled: boolean;
-    wrapper: HTMLElement;
     private five;
     private position;
+    private wrapper;
     private disposer;
-    private config;
+    private wrapperStyle;
     constructor(five: Five, position: AnyPosition, config?: {
-        wrapper?: HTMLElement;
+        wrapperStyle?: Partial<CSSStyleDeclaration>;
     });
     show(): void;
     hide(params?: {
@@ -22,5 +22,5 @@ export declare class LightTag {
     private onFiveEveryReady;
 }
 export declare function tag(five: Five, position: AnyPosition, config?: {
-    wrapper?: HTMLElement;
+    wrapperStyle?: Partial<CSSStyleDeclaration>;
 }): LightTag;

package/libs/shared-utils/tag.js

@@ -1,27 +1,27 @@
 var l = Object.defineProperty;
-var p = (s, e, t) => e in s ? l(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var i = (s, e, t) => (p(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { anyPositionToVector3 as f } from "./positionToVector3.js";
+var c = (o, e, t) => e in o ? l(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var s = (o, e, t) => (c(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { anyPositionToVector3 as p } from "./positionToVector3.js";
 import * as d from "three";
 import { vector3ToScreen as y } from "./five/vector3ToScreen.js";
-const c = "LightTagContainer_shgjakdhwakjdhsja";
-class v {
+const h = "LightTagContainer_shgjakdhwakjdhsja";
+class f {
   constructor(e, t, n) {
-    i(this, "container");
-    i(this, "visible", !1);
-    i(this, "enabled", !1);
-    i(this, "wrapper");
-    i(this, "five");
-    i(this, "position");
-    i(this, "disposer");
-    i(this, "config");
-    i(this, "onCameraUpdate", () => {
+    s(this, "container");
+    s(this, "visible", !1);
+    s(this, "enabled", !1);
+    s(this, "five");
+    s(this, "position");
+    s(this, "wrapper");
+    s(this, "disposer");
+    s(this, "wrapperStyle", {});
+    s(this, "onCameraUpdate", () => {
       if (this.visible === !1)
         return;
       const e = y(this.five.camera, this.position);
       e ? (this.container.style.left = e.leftPercent + "%", this.container.style.top = e.topPercent + "%") : (this.container.style.left = "-100%", this.container.style.top = "-100%");
     });
-    i(this, "onFiveEveryReady", () => {
+    s(this, "onFiveEveryReady", () => {
       var e;
       if (this.visible && this.five.state.mode !== "Panorama") {
         const t = new d.Raycaster();
@@ -30,10 +30,11 @@ class v {
         (n == null ? void 0 : n.distance) > this.position.distanceTo(this.five.camera.position) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
       }
     });
-    this.five = e, this.position = f(t).clone(), this.container = (() => {
-      const o = document.createElement("div");
-      return o.style.width = "0", o.style.height = "0", o.style.position = "absolute", o;
-    })(), this.config = n, this.enable(), this.show();
+    var i;
+    this.five = e, this.position = p(t).clone(), this.container = (() => {
+      const a = document.createElement("div");
+      return a.style.width = "0", a.style.height = "0", a.style.position = "absolute", a;
+    })(), this.wrapperStyle = (i = n == null ? void 0 : n.wrapperStyle) != null ? i : {}, this.enable(), this.show();
   }
   show() {
     this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.style.transition = "opacity 0.2s linear", this.onCameraUpdate();
@@ -42,13 +43,16 @@ class v {
     this.visible = !1, e != null && e.withAnimation ? this.container.style.transition = "opacity 0.2s linear" : this.container.style.transition = "", this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
   }
   enable() {
-    var n, o, r, h;
+    var n;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper || (this.wrapper = (o = (n = this.config.wrapper) != null ? n : document.getElementById(c)) != null ? o : (() => {
-      const a = document.createElement("div");
-      return a.id = c, a.style.position = "absolute", a.style.top = "0", a.style.left = "0", a.style.width = "100%", a.style.height = "100%", a.style.pointerEvents = "none", a;
-    })(), (r = this.five.getElement()) != null && r.parentElement.contains(this.wrapper) || (h = this.five.getElement()) == null || h.parentElement.appendChild(this.wrapper)), this.wrapper.appendChild(this.container);
+    this.enabled = !0, this.wrapper = (n = document.getElementById(h)) != null ? n : (() => {
+      var a;
+      const i = document.createElement("div");
+      return i.id = h, i.style.position = "absolute", i.style.top = "0", i.style.left = "0", i.style.width = "100%", i.style.height = "100%", i.style.pointerEvents = "none", Object.keys(this.wrapperStyle).forEach((r) => {
+        i.style[r] = this.wrapperStyle[r];
+      }), (a = this.five.getElement()) == null || a.parentElement.appendChild(i), i;
+    })(), this.wrapper.appendChild(this.container);
     let e = !1;
     const t = () => {
       e || (e = !0, this.five.ready().then(() => {
@@ -64,8 +68,8 @@ class v {
     this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), (e = this.disposer) == null || e.call(this));
   }
 }
-function w(s, e, t) {
-  return new v(s, e, t);
+function w(o, e, t) {
+  return new f(o, e, t);
 }
 export {
   w as tag

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.34.6",
+  "version": "3.35.0-dev.1",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",
@@ -24,7 +24,7 @@
     "build:dist": "NODE_ENV=production BUILD_MODULE=dist vite build -m production",
     "build:components": "NODE_ENV=production BUILD_MODULE=components vite build -m production",
     "docs": "typedoc --options ./typedoc.json",
-    "prepublishOnly": "run-p build docs",
+    "prepublishOnly": "run-p build",
     "postpublish": "cnpm sync @realsee/dnalogel"
   },
   "files": [