@realsee/dnalogel 3.2.0 → 3.3.0-dev.0

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -1,39 +1,40 @@
-var U = Object.defineProperty, X = Object.defineProperties;
-var q = Object.getOwnPropertyDescriptors;
+var X = Object.defineProperty, q = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
 var R = Object.getOwnPropertySymbols;
-var K = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
-var w = (a, r, e) => r in a ? U(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e, C = (a, r) => {
-  for (var e in r || (r = {}))
-    K.call(r, e) && w(a, e, r[e]);
+var Q = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable;
+var w = (a, s, e) => s in a ? X(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e, b = (a, s) => {
+  for (var e in s || (s = {}))
+    Q.call(s, e) && w(a, e, s[e]);
   if (R)
-    for (var e of R(r))
-      Q.call(r, e) && w(a, e, r[e]);
+    for (var e of R(s))
+      Y.call(s, e) && w(a, e, s[e]);
   return a;
-}, B = (a, r) => X(a, q(r));
-var d = (a, r, e) => (w(a, typeof r != "symbol" ? r + "" : r, e), e);
-import { defaultGlobalConfig as Y } from "../typings/tag/TagConfig.js";
-import { objectAssignDeepExports as P } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import * as Z from "three";
-import { DefaultConfig as ee } from "../tag.config.js";
-import { anyPositionToVector3 as ie, arrayPositionToVector3 as E } from "../../shared-utils/positionToVector3.js";
-import { planeNormal as W } from "../utils/planeNormal.js";
-import { getTagCenterPosition as N } from "../utils/tagPosition.js";
+}, _ = (a, s) => q(a, K(s));
+var d = (a, s, e) => (w(a, typeof s != "symbol" ? s + "" : s, e), e);
+import { defaultGlobalConfig as Z } from "../typings/tag/TagConfig.js";
+import { objectAssignDeepExports as y } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import * as ee from "three";
+import { DefaultConfig as ie } from "../tag.config.js";
+import { anyPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
+import { planeNormal as E } from "../utils/planeNormal.js";
+import { getTagCenterPosition as B } from "../utils/tagPosition.js";
 import { normalPositionToPositions as te } from "../utils/normalPositionToPositions.js";
 import { TagCache as oe } from "./TagCache.js";
-import { writable as ne } from "../../vendor/svelte/store/index.js";
-import { isIOSWX as re } from "../../shared-utils/device.js";
+import { writable as re } from "../../vendor/svelte/store/index.js";
+import { isIOSWX as ne } from "../../shared-utils/device.js";
 import { Five as se } from "@realsee/five";
-import { isMediaPlaneTag as fe, isMediaModelTag as G, isPlaneTag as ae, isPoint3DTag as ce } from "../utils/tag/tagCheck.js";
+import { isMediaPlaneTag as fe, isMediaModelTag as N, isPlaneTag as ae, isPoint3DTag as ce } from "../utils/tag/tagCheck.js";
 import { VideoPlane as le } from "../utils/model/mediaPlane.js";
 import { FiveDomEvents as de } from "../../shared-utils/five/FiveDomEvents.js";
-import _ from "../utils/tag/adaptConfig.js";
-import { isPanoramaLike as j, isModelLike as $ } from "../../shared-utils/five/mode.js";
+import $ from "../utils/tag/adaptConfig.js";
+import { isPanoramaLike as A, isModelLike as z } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { entries as z } from "../../shared-utils/typescript/entries.js";
-import { getUrlExt as H } from "../../shared-utils/url/getUrl.js";
+import { entries as H } from "../../shared-utils/typescript/entries.js";
+import { getUrlExt as J } from "../../shared-utils/url/getUrl.js";
+import { transformPosition as O } from "../../shared-utils/five/transformPosition.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
@@ -59,12 +60,12 @@ import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../shared-utils/three/getNormal.js";
 import "../../shared-utils/five/calculateThreeMouse.js";
-class si extends oe {
+class fi extends oe {
   constructor(e) {
     super(e);
     d(this, "tags", []);
-    d(this, "config", ee);
-    d(this, "mediaStore", ne({
+    d(this, "config", ie);
+    d(this, "mediaStore", re({
       currentMediaElement: null
     }));
     /** css3DRenderPlugin */
@@ -76,16 +77,17 @@ class si extends oe {
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
     d(this, "domEvents", new de(this.five));
-    d(this, "mouseInfo");
-    d(this, "loadVideoFirstFrame", () => {
-      re && this.hooks.emit("loadVideoFirstFrame");
+    d(this, "_workCode");
+    d(this, "getObserverPosition", (e) => {
+      var o, t;
+      const i = (o = this.work) == null ? void 0 : o.observers[e];
+      if (i)
+        return O(i.position, (t = this.work) == null ? void 0 : t.options.transform);
     });
-    d(this, "preventWhenMouseDown", () => {
-      var e;
-      if ((e = this.mouseInfo) != null && e.isDown)
-        return console.debug("preventWhenMouseDown 2"), !1;
+    d(this, "loadVideoFirstFrame", () => {
+      ne && this.hooks.emit("loadVideoFirstFrame");
     });
-    this.five.on("wantsMoveToPano", this.preventWhenMouseDown), this.five.on("wantsTapGesture", this.preventWhenMouseDown), this.mediaStore.subscribe(({ currentMediaElement: i }) => {
+    this.mediaStore.subscribe(({ currentMediaElement: i }) => {
       this.tags.forEach((o) => {
         var t;
         if (o.mediaPlane instanceof le && i !== o.mediaPlane.videoInstance) {
@@ -94,10 +96,19 @@ class si extends oe {
           o.mediaPlane.pause();
         }
       });
-    }), this.store.disposers.push(() => {
-      this.five.off("wantsMoveToPano", this.preventWhenMouseDown), this.five.off("wantsTapGesture", this.preventWhenMouseDown);
     });
   }
+  set workCode(e) {
+    this._workCode = e;
+  }
+  get workCode() {
+    var e;
+    return (e = this._workCode) != null ? e : this.five.state.workCode;
+  }
+  get work() {
+    var e, i;
+    return (i = (e = this.five.works) == null ? void 0 : e.find((o) => o.workCode === this.workCode)) != null ? i : this.five.work;
+  }
   getTagById(e) {
     const i = this.tags.find((o) => o.id === e);
     if (!i) {
@@ -114,9 +125,9 @@ class si extends oe {
    * @description: 获取标签配置
    */
   getTagConfig(e, i) {
-    var n, f;
-    const o = this.calculateTagConfig(e, i), t = (n = i == null ? void 0 : i.fiveMode) != null ? n : this.five.getCurrentState().mode, s = (f = o.configWithFiveMode) == null ? void 0 : f[t];
-    return s != null ? s : o;
+    var r, f, c;
+    const o = this.calculateTagConfig(e, i), 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 : {};
   }
   /**
    * @description 获取标签当前状态
@@ -130,7 +141,7 @@ class si extends oe {
       const i = this.getTagConfig(e, { useCache: !1 });
       if (e.config = i, e.config.initialData) {
         const t = JSON.parse(JSON.stringify(e.data));
-        e.data = (o = i.initialData) != null && o.important ? P(e.data, t, i.initialData) : P(e.data, i.initialData, t);
+        e.data = (o = i.initialData) != null && o.important ? y(e.data, t, i.initialData) : y(e.data, i.initialData, t);
       }
     });
   }
@@ -166,10 +177,10 @@ class si extends oe {
             if (t[0].type === "Video")
               return "Mesh";
             if (t[0].type === "Image")
-              return H(t[0].url) === "gif" ? "Dom" : "Mesh";
+              return J(t[0].url) === "gif" ? "Dom" : "Mesh";
           }
-        } else if (G(e))
-          return t.length === 1 && t[0].type === "Image" ? H(t[0].url) === "gif" ? "Dom" : "Mesh" : "BehindDom";
+        } else if (N(e))
+          return t.length === 1 && t[0].type === "Image" ? J(t[0].url) === "gif" ? "Dom" : "Mesh" : "BehindDom";
       }
     })();
     return i != null ? i : "Dom";
@@ -178,7 +189,6 @@ class si extends oe {
    * @description: 获取角度
    */
   getAngle(e, i) {
-    var s, n;
     const o = i != null ? i : this.five.getCurrentState().panoIndex;
     if (o === void 0)
       throw new Error(`getAngle(): fivePanoIndex is ${o}`);
@@ -186,69 +196,68 @@ class si extends oe {
     if (t.angle !== void 0)
       return t.angle;
     {
-      const f = (n = (s = this.five.work) == null ? void 0 : s.observers[o]) == null ? void 0 : n.position;
-      if (f === void 0)
-        throw new Error(`getAngle(): observerPosition is ${f}`);
-      const u = (() => e.stickType === "3DPoint" ? ie(e.normal) : W(e.position))();
-      if (!u)
+      const n = this.getObserverPosition(o);
+      if (n === void 0)
+        throw new Error(`getAngle(): observerPosition is ${n}`);
+      const r = (() => e.stickType === "3DPoint" ? C(e.normal) : E(e.position))();
+      if (!r)
         return;
-      const g = N(e);
-      if (!g)
+      const f = B(e);
+      if (!f)
         return;
-      const l = new Z.Vector3().copy(f).sub(g), T = u.angleTo(l) * 180 / Math.PI;
-      return t.angle = T, t.angle;
+      const c = new ee.Vector3().copy(n).sub(f), g = r.angleTo(c) * 180 / Math.PI;
+      return t.angle = g, t.angle;
     }
   }
   /**
    * @description: 获取距离
    */
   getDistance(e, i) {
-    var u, g;
-    const o = C(C({}, this.five.getCurrentState()), i), { panoIndex: t, mode: s } = o, n = j(s) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
-    if ((n == null ? void 0 : n.distance) !== void 0)
-      return n.distance;
-    const f = N(e);
+    const o = b(b({}, this.five.getCurrentState()), i), { panoIndex: t, mode: n } = o, r = A(n) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
+    if ((r == null ? void 0 : r.distance) !== void 0)
+      return r.distance;
+    const f = B(e);
     if (!f)
       return -1;
-    if (j(s)) {
-      const l = (g = (u = this.five.work) == null ? void 0 : u.observers[t]) == null ? void 0 : g.position;
-      if (l === void 0)
+    if (A(n)) {
+      const c = this.getObserverPosition(t);
+      if (c === void 0)
         return -1;
-      const T = l.distanceTo(f);
-      return n && (n.distance = T), T;
+      const g = c.distanceTo(f);
+      return r && (r.distance = g), g;
     }
-    if ($(s))
+    if (z(n))
       return this.five.camera.position.distanceTo(f);
   }
   getPositions(e) {
     if (ae(e))
       return e.position;
-    if (G(e))
+    if (N(e))
       return e.data.mediaPosition;
     if (ce(e))
-      return te(this.five.camera.position, E(e.position), E(e.normal));
+      return te(this.five.camera.position, C(e.position), C(e.normal));
   }
   addObjectClickHandler(e, i, o) {
     if (!i || !this.domEvents)
       return () => {
       };
-    const t = () => !(!this.getCurrentVisibleState(e) || e.loading), s = (n) => {
+    const t = () => !(!this.getCurrentVisibleState(e) || e.loading), n = (r) => {
       if (!t())
         return !1;
-      o(n.origDomEvent);
+      o(r.origDomEvent);
     };
-    return this.domEvents.addEventListener(i, "click", s), () => {
-      var n;
-      (n = this.domEvents) == null || n.removeEventListener(i, "click", s);
+    return this.domEvents.addEventListener(i, "click", n), () => {
+      var r;
+      (r = this.domEvents) == null || r.removeEventListener(i, "click", n);
     };
   }
   getTagNormal(e) {
     if (e.normal)
-      return E(e.normal);
+      return C(e.normal);
     if (e.stickType === "Plane")
-      return W(e.position);
+      return E(e.position);
     if (e.stickType === "Model")
-      return W(this.getPositions(e));
+      return E(this.getPositions(e));
   }
   // TODO: 优化点：下面这些函数，调用比较频繁，可以按点位加缓存
   get filterPointTag() {
@@ -273,6 +282,13 @@ class si extends oe {
       return o === "BehindDom" || o === "Dom";
     });
   }
+  getTransformedPostion(e) {
+    var o;
+    if (!e)
+      return;
+    const i = (o = this.work) == null ? void 0 : o.options.transform;
+    return Array.isArray(e) && e.length === 4 ? e.map(C).map((t) => O(t, i)) : O(C(e), i);
+  }
   /**
    * @description 检查是否已经销毁
    * @returns isDisposed; 已经销毁返回 true，否则返回 false
@@ -284,46 +300,46 @@ class si extends oe {
    * @description: 获取merge后的配置
    */
   calculateTagConfig(e, i) {
-    var A, I, S, O;
-    const o = (A = i == null ? void 0 : i.useCache) != null ? A : !0;
+    var j, S, I, W;
+    const o = (j = i == null ? void 0 : i.useCache) != null ? j : !0;
     if (!e)
-      return (I = this.config.globalConfig) != null ? I : {};
-    if (o && ((S = e.config) != null && S._isMerged))
+      return (S = this.config.globalConfig) != null ? S : {};
+    if (o && ((I = e.config) != null && I._isMerged))
       return e.config;
-    const t = {}, s = {}, n = {};
-    this.config.contentTypeConfig && Object.entries(this.config.contentTypeConfig).forEach(([p, h]) => {
-      var F, L;
-      const c = p, k = c.split("-"), V = p.startsWith("["), y = V ? k[0].slice(1, -1) : void 0, v = V ? k.slice(1) : k, M = y ? ["PanoramaLike", "ModelLike"].includes(y) ? (F = s[y]) != null ? F : s[y] = {} : (L = n[y]) != null ? L : n[y] = {} : t;
-      if (!M[c]) {
-        if (v.length === 0 && (M[c] = h), v.length === 1) {
-          const [m] = v;
-          (e.contentType === m || m === "Any") && (M[c] = h);
+    const t = {}, n = {}, r = {};
+    this.config.contentTypeConfig && Object.entries(this.config.contentTypeConfig).forEach(([u, p]) => {
+      var V, L;
+      const l = u, D = l.split("-"), F = u.startsWith("["), T = F ? D[0].slice(1, -1) : void 0, h = F ? D.slice(1) : D, v = T ? ["PanoramaLike", "ModelLike"].includes(T) ? (V = n[T]) != null ? V : n[T] = {} : (L = r[T]) != null ? L : r[T] = {} : t;
+      if (!v[l]) {
+        if (h.length === 0 && (v[l] = p), h.length === 1) {
+          const [m] = h;
+          (e.contentType === m || m === "Any") && (v[l] = p);
         }
-        if (v.length === 2) {
-          const [m = "Any", b = "Any"] = v;
-          m === "Mixin" && e.contentType === b && (M[c] = h), (e.stickType === m || m === "Any") && (e.contentType === b || b === "Any") && (M[c] = h);
+        if (h.length === 2) {
+          const [m = "Any", P = "Any"] = h;
+          m === "Mixin" && e.contentType === P && (v[l] = p), (e.stickType === m || m === "Any") && (e.contentType === P || P === "Any") && (v[l] = p);
         }
-        if (v.length === 3) {
-          const [m = "Any", b, J] = v;
-          if (b === "Audio" && e.contentType === "Audio") {
+        if (h.length === 3) {
+          const [m = "Any", P, G] = h;
+          if (P === "Audio" && e.contentType === "Audio") {
             const x = e;
-            (x.stickType === m || m === "Any") && x.data.appearance === J && (M[c] = h);
+            (x.stickType === m || m === "Any") && x.data.appearance === G && (v[l] = p);
           }
         }
       }
     });
-    const f = (O = e.config) != null && O._isMerged ? e.initialConfig : e.config, u = P({}, Y, this.config.globalConfig, ...Object.values(t)), g = P({}, u, f), l = {}, T = Object.values(se.Mode);
-    z(s).forEach(([p, h]) => {
-      T.forEach((c) => {
-        (p === "PanoramaLike" && j(c) || p === "ModelLike" && $(c)) && (l[c] = P({}, u, ...Object.values(h), f));
+    const f = (W = e.config) != null && W._isMerged ? e.initialConfig : e.config, c = y({}, Z, this.config.globalConfig, ...Object.values(t)), g = y({}, c, f), k = {}, U = Object.values(se.Mode);
+    H(n).forEach(([u, p]) => {
+      U.forEach((l) => {
+        (u === "PanoramaLike" && A(l) || u === "ModelLike" && z(l)) && (k[l] = y({}, c, ...Object.values(p), f));
       });
-    }), z(n).forEach(([p, h]) => {
-      l[p] = P({}, u, ...Object.values(h), f);
+    }), H(r).forEach(([u, p]) => {
+      k[u] = y({}, c, ...Object.values(p), f);
     });
-    const D = B(C({}, g), { configWithFiveMode: l });
-    return _(D, e), Object.values(l).forEach((p) => _(p, e)), D._isMerged = !0, D;
+    const M = _(b({}, g), { configWithFiveMode: k });
+    return $(M, e), Object.values(k).forEach((u) => $(u, e)), M._isMerged = !0, M;
   }
 }
 export {
-  si as TagUtil
+  fi as TagUtil
 };

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

@@ -53,7 +53,7 @@ declare class PanoTagPluginController extends TagRender {
     disable(params?: {
         userAction?: boolean;
     }): void;
-    setState(state: Partial<State>, params: {
+    setState(state: Partial<State>, params?: {
         userAction?: boolean;
         visibleWithAnimation?: boolean;
     }): void;

package/libs/PanoTagPlugin/controller/index.js

@@ -1,17 +1,17 @@
 var w = Object.defineProperty, E = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
 var C = Object.getOwnPropertySymbols;
-var I = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var I = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
 var m = (d, a, e) => a in d ? w(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, c = (d, a) => {
   for (var e in a || (a = {}))
     I.call(a, e) && m(d, e, a[e]);
   if (C)
     for (var e of C(a))
-      B.call(a, e) && m(d, e, a[e]);
+      R.call(a, e) && m(d, e, a[e]);
   return d;
 }, u = (d, a) => E(d, U(a));
 var l = (d, a, e) => (m(d, typeof a != "symbol" ? a + "" : a, e), e);
-var p = (d, a, e) => new Promise((t, i) => {
+var f = (d, a, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
       n(e.next(r));
@@ -28,11 +28,11 @@ var p = (d, a, e) => new Promise((t, i) => {
   n((e = e.apply(d, a)).next());
 });
 import * as v from "three";
-import { Subscribe as F } from "@realsee/five";
-import { objectAssignDeepExports as f } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { addDebugPoints as M } from "../utils/addDebugPoints.js";
+import { Subscribe as B } from "@realsee/five";
+import { objectAssignDeepExports as p } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import { addDebugPoints as F } from "../utils/addDebugPoints.js";
 import { arrayPositionToVector3 as A } from "../../shared-utils/positionToVector3.js";
-import { isMediaModelTag as R, isModelTag as _ } from "../utils/tag/tagCheck.js";
+import { isMediaModelTag as M, isModelTag as _ } from "../utils/tag/tagCheck.js";
 import { debounce as k } from "../utils/debounce.js";
 import { throttle as O } from "../utils/throttle.js";
 import { resizeObserver as D } from "../utils/resizeObserver.js";
@@ -89,6 +89,7 @@ import "../../shared-utils/five/calculateThreeMouse.js";
 import "../utils/tag/adaptConfig.js";
 import "../../shared-utils/typescript/entries.js";
 import "../../shared-utils/url/getUrl.js";
+import "../../shared-utils/five/transformPosition.js";
 import "../../shared-utils/five/getFloorIndex.js";
 import "../../shared-utils/safeObj.js";
 import "../Components/TagContainer.js";
@@ -167,8 +168,8 @@ import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/animationFrame/index.js";
-const P = "Dnalogel-PanoTagPlugin", Di = (d) => `${P}--${d}`;
-class Pi extends N {
+const P = "Dnalogel-PanoTagPlugin", Pi = (d) => `${P}--${d}`;
+class Si extends N {
   constructor(e, t) {
     super(e);
     /** state */
@@ -178,8 +179,8 @@ class Pi extends N {
     /** debug */
     l(this, "debug");
     /** 更改 tag 模型 */
-    l(this, "changeTagModel", (e, t) => p(this, null, function* () {
-      e.data = f({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+    l(this, "changeTagModel", (e, t) => f(this, null, function* () {
+      e.data = p({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
     l(this, "whyHide", (e) => {
       var i, s, o;
@@ -192,16 +193,18 @@ class Pi extends N {
         return { reason: `tag ${e} not found` };
       if (!t.enabled)
         return { reason: `tag ${e} enabled is ${t.enabled}` };
+      if (t.stickType === "Model" || t.stickType === "Plane")
+        return { reason: "maybe blocked by the five model" };
       if (!t.state.visible) {
         const n = (s = (i = this.getPanoIndexCache({ panoIndex: this.five.panoIndex, id: e })) == null ? void 0 : i.__debug_visible_reason__) == null ? void 0 : s.reason;
-        return { reason: (o = n.type) != null ? o : n, reasonObj: n };
+        return { reason: (o = n == null ? void 0 : n.type) != null ? o : n, reasonObj: n };
       }
-      return t.stickType === "Model" || t.stickType === "Plane" ? { reason: "maybe blocked by the five model" } : { reason: "check your eyes" };
+      return { reason: "check your eyes" };
     });
     l(this, "updateVisible", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        R(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+        M(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
       }), this.setVisible(), this.updateRenderAllTags();
     });
     l(this, "handleFiveWantsMoveToPano", (e) => {
@@ -240,12 +243,12 @@ class Pi extends N {
     l(this, "handleFiveCameraUpdate", () => {
       this.updatePointTagPosition();
     });
-    l(this, "handleFivePanoArrived", () => p(this, null, function* () {
+    l(this, "handleFivePanoArrived", () => f(this, null, function* () {
       this.setVisible(), this.updatePointTagPosition(), yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
         e.temporaryState = u(c({}, e.temporaryState), { visible: !0 });
       }), this.tags.filter(_).filter((e) => {
-        var t, i;
-        return (i = (t = e.config) == null ? void 0 : t.modelConfig) == null ? void 0 : i.autoLookAtEnabled;
+        var t;
+        return (t = this.getTagConfig(e).modelConfig) == null ? void 0 : t.autoLookAtEnabled;
       }).forEach((e) => {
         var h;
         const t = new v.Mesh(new v.BoxGeometry(), new v.MeshBasicMaterial()), i = (h = e.model) == null ? void 0 : h.object;
@@ -265,9 +268,9 @@ class Pi extends N {
       this.setVisible(), this.updateRenderAllTags();
     });
     l(this, "onFiveEveryReady", () => {
-      this.setUnfoldedByCamera(), x(this.five.getCurrentState().mode) && (this.setTagZIndex(this.filterPointTag), this.setVisible(this.filterPointTag), this.setPointTagPosition()), this.updateDomView({ withAnimation: !0 });
+      this.setUnfoldedByCamera(), x(this.five.getCurrentState().mode) && (this.setTagZIndex(this.filterPointTag), this.setVisible(), this.setPointTagPosition()), this.updateDomView({ withAnimation: !0 }), this.updateRenderVideoPlane(), this.updateRenderImagePlane(), this.updateRenderModelTag();
     });
-    this.params = f({}, { debug: !1, config: this.config }, c({}, t)), this.debug = this.params.debug, this.config = this.params.config, L(1, { namespace: G.PlayAudio });
+    this.params = p({}, { debug: !1, config: this.config }, c({}, t)), this.debug = this.params.debug, this.config = this.params.config, L(1, { namespace: G.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;
@@ -278,16 +281,16 @@ class Pi extends N {
    * @description: 加载数据
    */
   load(e, t) {
-    return p(this, null, function* () {
+    return f(this, null, function* () {
       var s, o;
-      this.clearTags(), console.debug(P, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = f({}, this.config, {
+      this.clearTags(), console.debug(P, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = p({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          M(this.five, this.tags);
+          F(this.five, this.tags);
         } catch (n) {
           console.error(n);
         }
@@ -298,19 +301,21 @@ class Pi extends N {
    * @description: 添加标签
    */
   addTag(e, t) {
-    return p(this, null, function* () {
+    return f(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
         var b, T, y;
         const n = this.getTagConfig(o), r = JSON.parse(JSON.stringify(o.data)), h = o.config;
         return o.config = n, u(c({}, o), {
           enabled: (b = o.enabled) != null ? b : !0,
           id: (T = o.id) != null ? T : z(),
-          data: (y = n.initialData) != null && y.important ? f(o.data, r, n.initialData) : f(o.data, n.initialData, r),
+          data: (y = n.initialData) != null && y.important ? p(o.data, r, n.initialData) : p(o.data, n.initialData, r),
           state: c({
             visible: void 0,
             unfolded: !this.can("fold", o)
           }, n.initialState),
-          hooks: new F(),
+          hooks: new B(),
+          originPosition: o.position,
+          position: this.getTransformedPostion(o.position),
           initialConfig: h,
           config: n,
           unfold: () => this.changeUnfoldedById(o.id, !0),
@@ -321,7 +326,7 @@ class Pi extends N {
           changeData: (S) => this.changeDataById(o.id, S)
         });
       }).filter((o) => o.position);
-      return s.forEach(V), this.tags.push(...s), W(this.five).then(() => p(this, null, function* () {
+      return s.forEach(V), this.tags.push(...s), W(this.five).then(() => f(this, null, function* () {
         var o, n, r;
         this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(s), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }), this.updatePointTagPosition(), this.updateRenderAllTags();
       }));
@@ -331,22 +336,22 @@ class Pi extends N {
    * @description: 改变配置
    */
   changeConfig(e, t = !0) {
-    t ? this.config = f({}, this.config, e) : this.config = e, this.updateTagConfig(), this.updateRenderAllTags();
+    t ? this.config = p({}, this.config, e) : this.config = e, this.updateTagConfig(), this.updateRenderAllTags();
   }
   /**
    * @description: 改变全局配置
    */
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = f({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig(), this.updateRenderAllTags();
+    t ? this.config.globalConfig = p({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig(), this.updateRenderAllTags();
   }
   /**
    * @description: 改变类型配置
    */
   changeContentTypeConfig(e, t, i = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = f({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.updateTagConfig(), this.updateRenderAllTags();
+    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = p({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.updateTagConfig(), this.updateRenderAllTags();
   }
   show(e) {
-    return p(this, null, function* () {
+    return f(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
@@ -354,7 +359,7 @@ class Pi extends N {
     });
   }
   hide(e) {
-    return p(this, null, function* () {
+    return f(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
@@ -376,7 +381,7 @@ class Pi extends N {
   setState(e, t) {
     if (this.checkDisposed())
       return;
-    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = c({}, this.state);
+    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t != null ? t : {}, o = c({}, this.state);
     this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = s, o.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), o.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: i });
   }
   /**
@@ -419,7 +424,7 @@ class Pi extends N {
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
     let o = !1;
-    s && (s.data && (o = !0), i ? s.data = f(s.data, t) : s.data = c(c({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), o && s.hooks.emit("dataChanged", s.data));
+    s && (s.data && (o = !0), i ? s.data = p(s.data, t) : s.data = c(c({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), o && s.hooks.emit("dataChanged", s.data));
   }
   /**
    * @description: 改变tag的stickType
@@ -433,7 +438,7 @@ class Pi extends N {
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
     let o = !1;
-    t && (t.data && (o = !0), i ? f(s, t) : Object.assign(s, t), s != null && s.tag3DContentSvelte && (t != null && t.normal) && (s.tag3DContentSvelte.currentNormal = A(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag(), o && s.hooks.emit("dataChanged", s.data));
+    t && (t.data && (o = !0), i ? p(s, t) : Object.assign(s, t), s != null && s.tag3DContentSvelte && (t != null && t.normal) && (s.tag3DContentSvelte.currentNormal = A(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag(), o && s.hooks.emit("dataChanged", s.data));
   }
   /**
    * @description: 销毁tag
@@ -448,7 +453,7 @@ class Pi extends N {
    * @description: 设置 visible 和 unfolded
    */
   setVisibleAndUnfolded() {
-    return p(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
+    return f(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
       return this.setVisible(), e ? new Promise((t) => {
         setTimeout(() => {
           this.setUnfoldedByPanoIndex(), t();
@@ -534,7 +539,7 @@ class Pi extends N {
   }
 }
 export {
-  Pi as PanoTagPluginController,
-  Pi as default,
-  Di as pluginFlag
+  Si as PanoTagPluginController,
+  Si as default,
+  Pi as pluginFlag
 };