@realsee/dnalogel 3.2.0-dev.8 → 3.2.0

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -1,30 +1,30 @@
-var B = Object.defineProperty, E = Object.defineProperties;
-var $ = Object.getOwnPropertyDescriptors;
-var C = Object.getOwnPropertySymbols;
-var w = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var k = (m, e, i) => e in m ? B(m, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : m[e] = i, g = (m, e) => {
+var E = Object.defineProperty, $ = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
+var k = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
+var M = (p, e, i) => e in p ? E(p, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : p[e] = i, y = (p, e) => {
   for (var i in e || (e = {}))
-    w.call(e, i) && k(m, i, e[i]);
-  if (C)
-    for (var i of C(e))
-      O.call(e, i) && k(m, i, e[i]);
-  return m;
-}, M = (m, e) => E(m, $(e));
+    _.call(e, i) && M(p, i, e[i]);
+  if (k)
+    for (var i of k(e))
+      z.call(e, i) && M(p, i, e[i]);
+  return p;
+}, D = (p, e) => $(p, L(e));
 import * as j from "three";
-import { is3DTag as L, isMediaModelTag as D } from "../utils/tag/tagCheck.js";
-import { getTagCenterPosition as x, getTagPosition as z } from "../utils/tagPosition.js";
-import { checkRange as p } from "../utils/checkRange.js";
-import { isPanoramaLike as b, isModelLike as Z } from "../../shared-utils/five/mode.js";
+import { is3DTag as O, isMediaModelTag as R } from "../utils/tag/tagCheck.js";
+import { getTagCenterPosition as I, getTagPosition as Z } from "../utils/tagPosition.js";
+import { checkRange as h } from "../utils/checkRange.js";
+import { isPanoramaLike as b, isModelLike as H } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { notNil as H } from "../../shared-utils/isNil.js";
-import { TagUtil as N } from "./TagUtil.js";
-import { getFloorIndex as q } from "../../shared-utils/five/getFloorIndex.js";
-import { safeObj as R } from "../../shared-utils/safeObj.js";
-import { toArray as W } from "../../shared-utils/util.js";
+import { notNil as N } from "../../shared-utils/isNil.js";
+import { TagUtil as q } from "./TagUtil.js";
+import { getFloorIndex as W } from "../../shared-utils/five/getFloorIndex.js";
+import { safeObj as U } from "../../shared-utils/safeObj.js";
+import { toArray as X } from "../../shared-utils/util.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
@@ -63,9 +63,8 @@ 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";
-const I = new j.Raycaster();
-class Je extends N {
+const T = new j.Raycaster();
+class Je extends q {
   constructor(e) {
     super(e);
   }
@@ -73,12 +72,12 @@ class Je extends N {
    * @description: 获取是否可见
    */
   getVisible(e, i) {
-    const l = g(g({}, this.five.getCurrentState()), i), { panoIndex: t, mode: n } = l, f = b(n) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
-    if ((f == null ? void 0 : f.visible) !== void 0)
-      return f.visible;
+    const l = y(y({}, this.five.getCurrentState()), i), { panoIndex: t, mode: n } = l, d = b(n) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
+    if ((d == null ? void 0 : d.visible) !== void 0)
+      return d.visible;
     {
-      const s = [], u = (() => {
-        var r, c, v;
+      const s = [], c = (() => {
+        var r, f, u;
         const o = (r = e.config.visibleConfig) != null ? r : {};
         if (typeof o == "function")
           return { value: o(this.five, { tag: e, distance: this.getDistance(e) }), checkedList: s, reason: "config function result" };
@@ -88,8 +87,8 @@ class Je extends N {
           return { value: !0, checkedList: s, reason: "config.keep is visible" };
         if (o.visibleFiveMode !== void 0) {
           const a = typeof o.visibleFiveMode == "function" ? o.visibleFiveMode(e) : o.visibleFiveMode;
-          let d = !1;
-          if (Array.isArray(a) ? d = a.includes(n) : a === "ModelLike" ? d = Z(n) : a === "PanoramaLike" ? d = !b(n) : a === "all" ? d = !0 : typeof a == "string" && (d = a === n), d === !1)
+          let v = !1;
+          if (Array.isArray(a) ? v = a.includes(n) : a === "ModelLike" ? v = H(n) : a === "PanoramaLike" ? v = !b(n) : a === "all" ? v = !0 : typeof a == "string" && (v = a === n), v === !1)
             return {
               value: !1,
               checkedList: s,
@@ -107,26 +106,26 @@ class Je extends N {
               checkedList: s,
               reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${t}, visiblePanoIndex: ${o.visiblePanoIndex}`
             };
-          if (o.visiblePanoIndex === "current" && t !== ((c = e.fiveState) == null ? void 0 : c.panoIndex))
+          if (o.visiblePanoIndex === "current" && t !== ((f = e.fiveState) == null ? void 0 : f.panoIndex))
             return {
               value: !1,
               checkedList: s,
-              reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${t}, tag.panoIndex: ${(v = e.fiveState) == null ? void 0 : v.panoIndex}`
+              reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${t}, tag.panoIndex: ${(u = e.fiveState) == null ? void 0 : u.panoIndex}`
             };
         }
-        if (o.visibleDistance !== void 0 && (s.push("visibleDistance"), o.visibleDistance !== "unLimited")) {
+        if (b(n) && o.visibleDistance !== void 0 && (s.push("visibleDistance"), o.visibleDistance !== "unLimited")) {
           const a = this.getDistance(e);
-          if (p(a, o.visibleDistance) === !1)
+          if (h(a, o.visibleDistance) === !1)
             return {
               value: !1,
               checkedList: s,
               reason: `distance is not in visibleDistance. distance: ${a}, visibleDistance: ${o.visibleDistance}`
             };
         }
-        if (b(n) && o.angleRange && L(e)) {
+        if (b(n) && o.angleRange && O(e)) {
           s.push("angleRange");
           const a = this.getAngle(e);
-          if (p(a, o.angleRange) === !1)
+          if (h(a, o.angleRange) === !1)
             return { value: !1, checkedList: s, reason: `angle is not in angleRange. angle: ${a}, angleRange: ${o.angleRange}` };
         }
         if (o.intersectRaycaster !== !1 && (typeof o.intersectRaycaster != "object" || o.intersectRaycaster.enabled !== !1)) {
@@ -146,7 +145,7 @@ class Je extends N {
           reason: "all check passed"
         };
       })();
-      return f && (f.visible = u.value, f.__debug_visible_reason__ = u), u.value;
+      return d && (d.visible = c.value, d.__debug_visible_reason__ = c), c.value;
     }
   }
   /**
@@ -162,17 +161,17 @@ class Je extends N {
       const n = this.getTagConfig(e).unfoldedConfig;
       if (!n)
         return;
-      const f = (() => {
+      const d = (() => {
         if (typeof n == "function")
           return n(this.five, { tag: e, distance: this.getDistance(e) });
         if (n.keep === "folded")
           return !1;
         if (n.keep === "unfolded")
           return !0;
-        if (n.unfoldDistance && p(this.getDistance(e), n.unfoldDistance) === !1)
+        if (n.unfoldDistance && h(this.getDistance(e), n.unfoldDistance) === !1)
           return !1;
       })();
-      t.unfolded = f;
+      t.unfolded = d;
       const s = this.getUnfoldedByCamera(e);
       return s !== void 0 ? s : t.unfolded;
     }
@@ -194,25 +193,25 @@ class Je extends N {
         if (t.autoUnfold === void 0 || t.autoUnfold === !1 || t.autoUnfold.enable === !1 || !t.autoUnfold.strategy)
           return;
         if (t.autoUnfold.strategy === "ScreenPostion") {
-          const f = this.getTagProject(e);
-          if (f && p(f.x, t.autoUnfold.autoUnfoldProjectX) === !1)
+          const d = this.getTagProject(e);
+          if (d && h(d.x, t.autoUnfold.autoUnfoldProjectX) === !1)
             return !1;
         }
         if (t.autoUnfold.strategy === "MinimumDistance") {
-          const u = this.filterPointTag.filter((r) => this.getCurrentVisibleState(r)).filter((r) => {
-            const c = this.getTagProject(r);
-            if (!c)
+          const c = this.filterPointTag.filter((r) => this.getCurrentVisibleState(r)).filter((r) => {
+            const f = this.getTagProject(r);
+            if (!f)
               return !1;
-            const { x: v, y: a, z: d } = c;
-            return !(Math.abs(d) > 1 || Math.abs(v) > 1 || Math.abs(a) > 1);
-          }).map((r) => ({ tag: r, id: r.id, tagConfig: this.getTagConfig(r).unfoldedConfig })).filter(({ tag: r, tagConfig: c }) => {
-            var v, a;
-            return !(typeof c == "function" || c.keep || c.autoUnfold === !1 || ((v = c.autoUnfold) == null ? void 0 : v.enable) === !1 || ((a = c.autoUnfold) == null ? void 0 : a.strategy) !== "MinimumDistance");
-          }).map((r) => M(g({}, r), { distance: this.getDistance(r.tag) })).filter(({ distance: r, tagConfig: c }) => {
-            const v = c.autoUnfold.distance;
-            return !(v && p(r, v) === !1);
-          }).sort((r, c) => r.distance - c.distance).findIndex((r) => r.id === e.id);
-          if (u === -1 || u <= ((n = t.autoUnfold.maxNumber) != null ? n : 1) - 1 === !1)
+            const { x: u, y: a, z: v } = f;
+            return !(Math.abs(v) > 1 || Math.abs(u) > 1 || Math.abs(a) > 1);
+          }).map((r) => ({ tag: r, id: r.id, tagConfig: this.getTagConfig(r).unfoldedConfig })).filter(({ tag: r, tagConfig: f }) => {
+            var u, a;
+            return !(typeof f == "function" || f.keep || f.autoUnfold === !1 || ((u = f.autoUnfold) == null ? void 0 : u.enable) === !1 || ((a = f.autoUnfold) == null ? void 0 : a.strategy) !== "MinimumDistance");
+          }).map((r) => D(y({}, r), { distance: this.getDistance(r.tag) })).filter(({ distance: r, tagConfig: f }) => {
+            const u = f.autoUnfold.distance;
+            return !(u && h(r, u) === !1);
+          }).sort((r, f) => r.distance - f.distance).findIndex((r) => r.id === e.id);
+          if (c === -1 || c <= ((n = t.autoUnfold.maxNumber) != null ? n : 1) - 1 === !1)
             return !1;
         }
         return !0;
@@ -234,17 +233,21 @@ class Je extends N {
   setPointTagPosition() {
     const e = this.filterPointTag;
     e.length !== 0 && e.forEach((i) => {
-      var f;
-      const l = this.getCurrentVisibleState(i), t = (f = i.__Object__) != null ? f : {
-        timeoutId: void 0,
-        inAnimation: !0
-      };
-      if (i.__Object__ = t, !l && i.screenPosition ? (t.inAnimation = !0, t.timeoutId = setTimeout(() => {
-        this.getCurrentVisibleState(i) || (t.inAnimation = !1, i.screenPosition = null);
-      }, 1e3)) : t.timeoutId && (t.inAnimation = !1, clearTimeout(t.timeoutId)), !l && !t.inAnimation)
+      const l = this.getCurrentVisibleState(i);
+      let t;
+      if (!l) {
+        t = setTimeout(() => {
+          l || (i.screenPosition = null);
+        }, 1e3);
         return;
+      }
+      clearTimeout(t);
       const n = this.getTagProject(i);
-      n ? i.screenPosition = { leftPercent: (n.x + 1) / 2 * 100, topPercent: (-n.y + 1) / 2 * 100 } : i.screenPosition = null;
+      if (!n) {
+        i.screenPosition = null;
+        return;
+      }
+      i.screenPosition = { leftPercent: (n.x + 1) / 2 * 100, topPercent: (-n.y + 1) / 2 * 100 };
     });
   }
   setVisible(e) {
@@ -266,7 +269,7 @@ class Je extends N {
    * @description 一个点的标签
    */
   getTagProject(e) {
-    const i = x(e);
+    const i = I(e);
     if (!i)
       return;
     const { x: l, y: t, z: n } = i.project(this.five.camera);
@@ -275,36 +278,36 @@ class Je extends N {
   }
   /** 通过射线检测标签可用性 */
   getTagEnableByIntersect(e, i) {
-    var o, r, c, v, a;
-    const l = R(R((o = this.getTagConfig(e).visibleConfig) != null ? o : {}).intersectRaycaster), t = i != null ? i : this.five.getCurrentState().panoIndex, n = b(this.five.getCurrentState().mode) ? this.getObserverPosition(t) : this.five.camera.position;
+    var o, r, f, u, a, v;
+    const l = U(U((o = this.getTagConfig(e).visibleConfig) != null ? o : {}).intersectRaycaster), t = i != null ? i : this.five.getCurrentState().panoIndex, n = b(this.five.getCurrentState().mode) ? (r = this.five.work.observers[t]) == null ? void 0 : r.position : this.five.camera.position;
     if (n === void 0)
       return { value: !1, reason: { type: "startPosition is undefined", fivePanoIndex: t } };
-    const f = W(
+    const d = X(
       (() => {
-        var h;
-        const d = (h = l.checkPoints) != null ? h : "center";
-        return d === "center" ? x(e) : d === "corner" ? z(e) : Array.isArray(d) ? d : [];
+        var g;
+        const m = (g = l.checkPoints) != null ? g : "center";
+        return m === "center" ? I(e) : m === "corner" ? Z(e) : Array.isArray(m) ? m : [];
       })()
     );
-    let s = 0, u = 0;
-    for (const d of f) {
-      const h = new j.Vector3().subVectors(d, n).normalize();
-      I.set(n, h);
-      const U = n.distanceTo(d), [y] = this.five.model.intersectRaycaster(I), P = (() => {
-        if (!D(e))
+    let s = 0, c = 0;
+    for (const m of d) {
+      const g = new j.Vector3().subVectors(m, n).normalize();
+      T.set(n, g);
+      const F = n.distanceTo(m), [P] = this.five.model.intersectRaycaster(T), x = (() => {
+        if (!R(e))
           return;
-        const A = this.tags.filter(D).map((V) => {
-          var T;
-          return (T = V.model) == null ? void 0 : T.object;
-        }).filter(H), [S] = I.intersectObjects(A, !0);
-        return S;
-      })(), _ = (r = l.distanceAccuracy) != null ? r : 0.01;
-      Math.min((c = y == null ? void 0 : y.distance) != null ? c : 1 / 0, (v = P == null ? void 0 : P.distance) != null ? v : 1 / 0) + _ >= U ? s++ : u++;
-      const F = (a = l.needPassed) != null ? a : 1;
-      if (s >= F)
+        const B = this.tags.filter(R).map((A) => {
+          var C;
+          return (C = A.model) == null ? void 0 : C.object;
+        }).filter(N), [w] = T.intersectObjects(B, !0);
+        return w;
+      })(), S = (f = l.distanceAccuracy) != null ? f : 0.01;
+      Math.min((u = P == null ? void 0 : P.distance) != null ? u : 1 / 0, (a = x == null ? void 0 : x.distance) != null ? a : 1 / 0) + S >= F ? s++ : c++;
+      const V = (v = l.needPassed) != null ? v : 1;
+      if (s >= V)
         return { value: !0 };
     }
-    return u === 0 ? { value: !0 } : {
+    return c === 0 ? { value: !0 } : {
       value: !1,
       reason: {
         type: "intersectRaycaster check failed",
@@ -315,10 +318,13 @@ class Je extends N {
   }
   /** 检测是否匹配当前楼层 */
   getVisibleByFloorIndex(e) {
-    var n, f, s, u, o, r, c;
+    var n, d, s, c, o, r, f;
     let i = 0;
     const l = (n = e.fiveState) == null ? void 0 : n.panoIndex;
-    l !== void 0 ? i = (f = this.work.observers[l]) == null ? void 0 : f.floorIndex : i = q(this.work, (c = (r = (u = (s = e.model) == null ? void 0 : s.object) == null ? void 0 : u.position) != null ? r : (o = e.mediaPlane) == null ? void 0 : o.position) != null ? c : x(e));
+    l !== void 0 ? i = (d = this.five.work.observers[l]) == null ? void 0 : d.floorIndex : i = W(
+      this.five.work.observers,
+      (f = (r = (c = (s = e.model) == null ? void 0 : s.object) == null ? void 0 : c.position) != null ? r : (o = e.mediaPlane) == null ? void 0 : o.position) != null ? f : I(e)
+    );
     const t = this.five.model.shownFloor;
     return t === null || t === i;
   }

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,16 +1,16 @@
-var E = Object.defineProperty;
-var R = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var S = (c, l, t) => l in c ? E(c, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[l] = t, j = (c, l) => {
-  for (var t in l || (l = {}))
-    V.call(l, t) && S(c, t, l[t]);
-  if (R)
-    for (var t of R(l))
-      A.call(l, t) && S(c, t, l[t]);
-  return c;
+var V = Object.defineProperty;
+var j = Object.getOwnPropertySymbols;
+var A = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
+var y = (d, p, t) => p in d ? V(d, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[p] = t, w = (d, p) => {
+  for (var t in p || (p = {}))
+    A.call(p, t) && y(d, t, p[t]);
+  if (j)
+    for (var t of j(p))
+      x.call(p, t) && y(d, t, p[t]);
+  return d;
 };
-var P = (c, l, t) => (S(c, typeof l != "symbol" ? l + "" : l, t), t);
-var C = (c, l, t) => new Promise((e, o) => {
+var P = (d, p, t) => (y(d, typeof p != "symbol" ? p + "" : p, t), t);
+var M = (d, p, t) => new Promise((e, o) => {
   var i = (r) => {
     try {
       a(t.next(r));
@@ -24,18 +24,18 @@ var C = (c, l, t) => new Promise((e, o) => {
       o(n);
     }
   }, a = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(i, s);
-  a((t = t.apply(c, l)).next());
+  a((t = t.apply(d, p)).next());
 });
-import { TagComputer as x } from "./TagComputer.js";
-import { Group as y, Quaternion as O, Vector3 as v, Matrix4 as T } from "three";
-import I from "../Components/TagContainer.js";
-import G from "../Components/Tag/index.js";
-import { CSS3DRenderPlugin as F } from "../../CSS3DRenderPlugin/index.js";
-import { loadGLTF as L } from "../../shared-utils/three/GLTFLoader.js";
-import { isMediaModelTag as D, isStickModelTag as W } from "../utils/tag/tagCheck.js";
-import { VideoPlane as w, ImagePlane as k } from "../utils/model/mediaPlane.js";
-import { centerPoint as $ } from "../../shared-utils/three/centerPoint.js";
-import { arrayPositionToVector3 as g } from "../../shared-utils/positionToVector3.js";
+import { TagComputer as O } from "./TagComputer.js";
+import { Group as R, Quaternion as I, Vector3 as D, Matrix4 as g } from "three";
+import G from "../Components/TagContainer.js";
+import F from "../Components/Tag/index.js";
+import { CSS3DRenderPlugin as L } from "../../CSS3DRenderPlugin/index.js";
+import { loadGLTF as W } from "../../shared-utils/three/GLTFLoader.js";
+import { isMediaModelTag as S, isStickModelTag as $ } from "../utils/tag/tagCheck.js";
+import { VideoPlane as k, ImagePlane as E } from "../utils/model/mediaPlane.js";
+import { centerPoint as q } from "../../shared-utils/three/centerPoint.js";
+import { arrayPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
 import "../utils/tagPosition.js";
 import "../utils/checkRange.js";
 import "../../shared-utils/five/mode.js";
@@ -74,7 +74,6 @@ 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 "../../shared-utils/three/loadTexture.js";
@@ -158,14 +157,14 @@ import "../Components/Tag/CustomTag.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "@realsee/five/gltf-loader";
-const q = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
-class ui extends x {
+const B = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
+class ui extends O {
   constructor(t) {
     super(t);
-    P(this, "group", new y());
+    P(this, "group", new R());
     P(this, "renderMap", /* @__PURE__ */ new Map());
-    P(this, "imagePlaneGroup", new y());
-    P(this, "gltfObjectGroup", new y());
+    P(this, "imagePlaneGroup", new R());
+    P(this, "gltfObjectGroup", new R());
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
     P(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     /** 临时状态 */
@@ -173,23 +172,23 @@ class ui extends x {
     /** 点标签 */
     P(this, "TagContainerSvelte");
     /** 加载外部模型 */
-    P(this, "loadModel", (t) => C(this, null, function* () {
+    P(this, "loadModel", (t) => M(this, null, function* () {
       var a;
       const e = t.data.modelUrl;
       if (!e)
         return;
       t.loading = !0;
-      const o = L(e).then((r) => {
-        var m, h;
+      const o = W(e).then((r) => {
+        var m, c;
         const n = Object.assign(r.scene, {
           customID: t.id,
           isTagModel: !0,
           removeEventListener: t.config.clickable === !1 ? () => {
-          } : this.addObjectClickHandler(t, r.scene, (u) => {
-            this.hooks.emit("click", { target: "TagModel", tag: t, event: u });
+          } : this.addObjectClickHandler(t, r.scene, (h) => {
+            this.hooks.emit("click", { target: "TagModel", tag: t, event: h });
           })
         });
-        return n.visible = this.getCurrentVisibleState(t), new T().fromArray(t.matrix).decompose(n.position, n.quaternion, n.scale), n.updateWorldMatrix(!0, !0), n.visible = this.getVisible(t), (h = (m = t.config) == null ? void 0 : m.modelConfig) != null && h.autoLookAtEnabled && n.lookAt(this.five.camera.position.clone().setY(n.position.y)), n;
+        return n.visible = this.getCurrentVisibleState(t), new g().fromArray(t.matrix).decompose(n.position, n.quaternion, n.scale), n.updateWorldMatrix(!0, !0), n.visible = this.getVisible(t), (c = (m = t.config) == null ? void 0 : m.modelConfig) != null && c.autoLookAtEnabled && n.lookAt(this.five.camera.position.clone().setY(n.position.y)), n;
       });
       t.model = { promise: o };
       const i = yield o;
@@ -197,13 +196,13 @@ class ui extends x {
         return;
       t.model.object = i;
       const s = this.gltfObjectGroup.children.find((r) => r.customID === t.id);
-      if (s && (this.gltfObjectGroup.remove(s), s.removeEventListener()), this.updateRender3DDomTag(), D(t)) {
+      if (s && (this.gltfObjectGroup.remove(s), s.removeEventListener()), this.updateRender3DDomTag(), S(t)) {
         if (this.getRenderType(t) === "Mesh" && !t.mediaPlane) {
-          const r = t.data.mediaPosition.map(g);
-          t.mediaPlane = new k(t.data.mediaData[0].url, t.data.mediaPosition.map(g), {
+          const r = t.data.mediaPosition.map(C);
+          t.mediaPlane = new E(t.data.mediaData[0].url, t.data.mediaPosition.map(C), {
             objectFit: t.data.objectFit
           });
-          const n = new v().addVectors(r[0], r[2]).divideScalar(2);
+          const n = new D().addVectors(r[0], r[2]).divideScalar(2);
           t.mediaPlane.position.copy(n), i.add(t.mediaPlane);
         }
         this.getRenderType(t) !== "Mesh" && (i.updateTagCss3DObjectMatrix = () => this.updateTagCss3DObjectMatrix(t, i), i.updateTagCss3DObjectMatrix());
@@ -240,30 +239,30 @@ class ui extends x {
       var o, i;
       return ((i = (o = e.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : i.type) === "Video";
     }).forEach((e) => {
-      var m, h, u;
+      var m, c, h, u, b;
       const o = e.data.mediaData[0];
       if (!o)
         return;
       const { url: i } = o;
       if (!i)
         return;
-      e.mediaPlane && !((h = (m = e.state) == null ? void 0 : m.visible) == null || h) && e.mediaPlane instanceof w && e.mediaPlane.pause();
-      const s = e.position.map(g), a = this.getCurrentVisibleState(e), r = (() => !!(e.mediaPlane && !a))(), n = (() => !!(!e.mediaPlane && a))(), p = (() => !!(e.mediaPlane && e.mediaPlane.src !== i))();
-      if ((r || p) && e.mediaPlane && (this.imagePlaneGroup.remove(e.mediaPlane), e.mediaPlane.dispose(), e.mediaPlane.removeFromParent(), e.mediaPlane = void 0), n || p) {
-        const d = new w(i, s, {
+      e.mediaPlane && !((c = (m = e.state) == null ? void 0 : m.visible) == null || c) && e.mediaPlane instanceof k && e.mediaPlane.pause();
+      const s = e.position.map(C), a = this.getCurrentVisibleState(e), r = (() => !!(e.mediaPlane && !a))(), n = (() => !!(!e.mediaPlane && a))(), l = (() => !!(e.mediaPlane && e.mediaPlane.src !== i))();
+      if ((r || l) && (e.mediaPlane && this.imagePlaneGroup.remove(e.mediaPlane), (h = e.mediaPlane) == null || h.dispose(), (u = e.mediaPlane) == null || u.removeFromParent(), e.mediaPlane = void 0), n || l) {
+        const f = new k(i, s, {
           videoCoverSrc: o.videoCoverUrl,
           playButton: e.data.playIcon,
-          paused: !((u = e.data.autoplayConfig) != null && u.autoplayVideo),
+          paused: !((b = e.data.autoplayConfig) != null && b.autoplayVideo),
           objectFit: e.data.objectFit,
-          videoTextureMap: q,
-          ImageTextureMap: B,
+          videoTextureMap: B,
+          ImageTextureMap: N,
           domEvents: this.domEvents
         });
-        d.onVideoReady = (f) => {
-          f.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: d.videoInstance }));
+        f.onVideoReady = (T) => {
+          T.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: f.videoInstance }));
         };
-        const b = (f) => (this.five.on("renderFrame", f), () => this.five.off("renderFrame", f));
-        d.initialRenderHooks(b), e.mediaPlane = d, this.imagePlaneGroup.add(e.mediaPlane);
+        const v = (T) => (this.five.on("renderFrame", T), () => this.five.off("renderFrame", T));
+        f.initialRenderHooks(v), e.mediaPlane = f, this.imagePlaneGroup.add(e.mediaPlane);
       }
     });
   }
@@ -275,12 +274,13 @@ class ui extends x {
       var o, i;
       return ((i = (o = e.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : i.type) === "Image";
     }).forEach((e) => {
+      var l, m;
       const { url: o } = e.data.mediaData[0];
       if (!o)
         return;
-      const i = e.position.map(g), s = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !s))(), r = (() => !!(!e.mediaPlane && s))(), n = (() => !!(e.mediaPlane && e.mediaPlane.src !== o))();
-      (a || n) && e.mediaPlane && (this.imagePlaneGroup.remove(e.mediaPlane), e.mediaPlane.dispose(), e.mediaPlane.removeFromParent(), e.mediaPlane = void 0), (r || n) && (e.mediaPlane = new k(o, i, { objectFit: e.data.objectFit }), e.config.clickable !== !1 && this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (p) => {
-        this.hooks.emit("click", { tag: e, target: "TagContent", event: p.origDomEvent });
+      const i = e.position.map(C), s = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !s))(), r = (() => !!(!e.mediaPlane && s))(), n = (() => !!(e.mediaPlane && e.mediaPlane.src !== o))();
+      (a || n) && (e.mediaPlane && this.imagePlaneGroup.remove(e.mediaPlane), (l = e.mediaPlane) == null || l.dispose(), (m = e.mediaPlane) == null || m.removeFromParent(), e.mediaPlane = void 0), (r || n) && (e.mediaPlane = new E(o, i, { objectFit: e.data.objectFit }), e.config.clickable !== !1 && this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (c) => {
+        this.hooks.emit("click", { tag: e, target: "TagContent", event: c.origDomEvent });
       }), this.imagePlaneGroup.add(e.mediaPlane));
     });
   }
@@ -291,16 +291,16 @@ class ui extends x {
     this.filterCSS3DTag.forEach((e) => {
       var o, i, s;
       if (e.tag3DContentSvelte) {
-        const { svelteApp: a, css3DInstance: r, initialNormal: n, currentNormal: p } = e.tag3DContentSvelte;
-        if (a.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !n.equals(p)) {
-          const m = new O().setFromUnitVectors(n, p);
+        const { svelteApp: a, css3DInstance: r, initialNormal: n, currentNormal: l } = e.tag3DContentSvelte;
+        if (a.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !n.equals(l)) {
+          const m = new I().setFromUnitVectors(n, l);
           r.css3DObject.setRotationFromQuaternion(m);
         }
         return;
       } else {
-        if (D(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled)
+        if (S(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled)
           return;
-        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = F(this.five)), e.stickType === "3DPoint" && !e.normal)
+        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = L(this.five)), e.stickType === "3DPoint" && !e.normal)
           return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
         const a = this.getPositions(e);
         if (!a)
@@ -308,25 +308,25 @@ class ui extends x {
         const r = this.getTagNormal(e);
         if (!r)
           return;
-        const n = this.getTagConfig(e), p = j({ wrapperStyle: { zIndex: this.calculateTagZIndex(e).toString() } }, n.tag3DConfig);
-        if (this.getRenderType(e) === "BehindDom" || p.mode === "behind") {
-          p.mode = "behind", p.container = document.createElement("div");
-          const u = "black";
-          p.container.style.backgroundColor = u, p.container.style.border = `3px solid ${u}`, this.css3DRenderPlugin.hooks.on("render", () => {
-            var d;
+        const n = this.getTagConfig(e), l = w({ wrapperStyle: { zIndex: this.calculateTagZIndex(e).toString() } }, n.tag3DConfig);
+        if (this.getRenderType(e) === "BehindDom" || l.mode === "behind") {
+          l.mode = "behind", l.container = document.createElement("div");
+          const h = "black";
+          l.container.style.backgroundColor = h, l.container.style.border = `3px solid ${h}`, this.css3DRenderPlugin.hooks.on("render", () => {
+            var u;
             if (m.css3DObject.opacityMesh && n.clickable !== !1) {
               const b = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (f) => {
                 this.hooks.emit("click", { event: f, target: "TagContent", tag: e });
               });
-              (d = this.store.css3DRenderDisposer.get(e.id)) == null || d.push(b);
+              (u = this.store.css3DRenderDisposer.get(e.id)) == null || u.push(b);
             }
           });
         }
-        const m = this.css3DRenderPlugin.create3DDomContainer(a, p);
+        const m = this.css3DRenderPlugin.create3DDomContainer(a, l);
         if (!m)
           return;
         this.store.css3DRenderDisposer.set(e.id, [m.dispose]);
-        const h = new G({
+        const c = new F({
           target: m.container,
           props: {
             tag: e,
@@ -338,15 +338,15 @@ class ui extends x {
           }
         });
         e.tag3DContentSvelte = {
-          svelteApp: h,
+          svelteApp: c,
           domContainer: m,
           css3DInstance: m,
           initialNormal: r,
           currentNormal: r,
           dispose: () => {
-            h.$destroy(), m.dispose();
+            c.$destroy(), m.dispose();
           }
-        }, D(e) && ((s = e.model) != null && s.object) && this.updateTagCss3DObjectMatrix(e, e.model.object);
+        }, S(e) && ((s = e.model) != null && s.object) && this.updateTagCss3DObjectMatrix(e, e.model.object);
       }
     }), this.clearUnusedPanelTag();
   }
@@ -377,23 +377,23 @@ class ui extends x {
    * @param model 模型
    */
   updateTagCss3DObjectMatrix(t, e) {
-    var b, f, M;
-    const o = (f = (b = t.config.tag3DConfig) == null ? void 0 : b.ratio) != null ? f : 216e-5, i = (M = t.tag3DContentSvelte) == null ? void 0 : M.css3DInstance.css3DObject;
+    var b, f, v;
+    const o = (f = (b = t.config.tag3DConfig) == null ? void 0 : b.ratio) != null ? f : 216e-5, i = (v = t.tag3DContentSvelte) == null ? void 0 : v.css3DInstance.css3DObject;
     if (!i)
       return;
-    const s = D(t) ? t.data.mediaPosition : t.position;
+    const s = S(t) ? t.data.mediaPosition : t.position;
     if (!s || s.length !== 4 || !Array.isArray(s[0]) || !Array.isArray(s[2]))
       return;
     e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, r = new v().fromArray(s[0]), n = new v().fromArray(s[2]), p = $(r, n).add(new v(0, 0, 5e-4)), m = new T().setPosition(p), h = new T().makeScale(o, o, o), u = new T().multiply(a).multiply(m).multiply(h);
-    u.decompose(i.position, i.quaternion, i.scale);
-    const d = i.opacityMesh;
-    d && u.decompose(d.position, d.quaternion, d.scale);
+    const a = e.matrixWorld, r = new D().fromArray(s[0]), n = new D().fromArray(s[2]), l = q(r, n).add(new D(0, 0, 5e-4)), m = new g().setPosition(l), c = new g().makeScale(o, o, o), h = new g().multiply(a).multiply(m).multiply(c);
+    h.decompose(i.position, i.quaternion, i.scale);
+    const u = i.opacityMesh;
+    u && h.decompose(u.position, u.quaternion, u.scale);
   }
   /** 添加模型标签 */
   addMediaModelTag(t) {
-    return C(this, null, function* () {
-      const e = t.filter(W).map((o) => this.loadModel(o));
+    return M(this, null, function* () {
+      const e = t.filter($).map((o) => this.loadModel(o));
       yield Promise.all(e), this.setVisible(), this.updateRenderAllTags();
     });
   }
@@ -449,7 +449,7 @@ class ui extends x {
       const s = (o = this.five.getElement()) == null ? void 0 : o.parentElement;
       if (!s)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new I({
+      this.TagContainerSvelte = new G({
         target: s,
         props: {
           hooks: this.hooks,