@realsee/dnalogel 3.1.2 → 3.2.0-dev.0

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -1,20 +1,20 @@
-var E = Object.defineProperty, $ = Object.defineProperties;
-var L = Object.getOwnPropertyDescriptors;
+var w = Object.defineProperty, E = Object.defineProperties;
+var $ = 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) => {
+var L = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var M = (m, e, i) => e in m ? w(m, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : m[e] = i, y = (m, e) => {
   for (var i in e || (e = {}))
-    _.call(e, i) && M(p, i, e[i]);
+    L.call(e, i) && M(m, 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 O, isMediaModelTag as R } from "../utils/tag/tagCheck.js";
+      O.call(e, i) && M(m, i, e[i]);
+  return m;
+}, D = (m, e) => E(m, $(e));
+import * as U from "three";
+import { is3DTag as z, 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 { checkRange as b } from "../utils/checkRange.js";
+import { isPanoramaLike as h, isModelLike as H } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -23,7 +23,7 @@ import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.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 { safeObj as j } 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";
@@ -63,7 +63,7 @@ import "../../shared-utils/five/calculateThreeMouse.js";
 import "../utils/tag/adaptConfig.js";
 import "../../shared-utils/typescript/entries.js";
 import "../../shared-utils/url/getUrl.js";
-const T = new j.Raycaster();
+const T = new U.Raycaster();
 class Je extends q {
   constructor(e) {
     super(e);
@@ -72,12 +72,12 @@ class Je extends q {
    * @description: 获取是否可见
    */
   getVisible(e, i) {
-    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 l = y(y({}, this.five.getCurrentState()), i), { panoIndex: t, mode: n } = l, f = h(n) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
+    if ((f == null ? void 0 : f.visible) !== void 0)
+      return f.visible;
     {
-      const s = [], c = (() => {
-        var r, f, u;
+      const s = [], d = (() => {
+        var r, c, 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,7 +88,7 @@ class Je extends q {
         if (o.visibleFiveMode !== void 0) {
           const a = typeof o.visibleFiveMode == "function" ? o.visibleFiveMode(e) : o.visibleFiveMode;
           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)
+          if (Array.isArray(a) ? v = a.includes(n) : a === "ModelLike" ? v = H(n) : a === "PanoramaLike" ? v = !h(n) : a === "all" ? v = !0 : typeof a == "string" && (v = a === n), v === !1)
             return {
               value: !1,
               checkedList: s,
@@ -99,33 +99,33 @@ class Je extends q {
         }
         if (o.followModelVisibility === !0 && (n === "Floorplan" || n === "Mapview") && this.getVisibleByFloorIndex(e) === !1)
           return { value: !1, checkedList: s, reason: "followModelVisibility check failed" };
-        if (b(n) && o.visiblePanoIndex !== void 0 && o.visiblePanoIndex !== "all" && t !== void 0) {
+        if (h(n) && o.visiblePanoIndex !== void 0 && o.visiblePanoIndex !== "all" && t !== void 0) {
           if (s.push("visiblePanoIndex"), Array.isArray(o.visiblePanoIndex) && !o.visiblePanoIndex.includes(t))
             return {
               value: !1,
               checkedList: s,
               reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${t}, visiblePanoIndex: ${o.visiblePanoIndex}`
             };
-          if (o.visiblePanoIndex === "current" && t !== ((f = e.fiveState) == null ? void 0 : f.panoIndex))
+          if (o.visiblePanoIndex === "current" && t !== ((c = e.fiveState) == null ? void 0 : c.panoIndex))
             return {
               value: !1,
               checkedList: s,
               reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${t}, tag.panoIndex: ${(u = e.fiveState) == null ? void 0 : u.panoIndex}`
             };
         }
-        if (b(n) && o.visibleDistance !== void 0 && (s.push("visibleDistance"), o.visibleDistance !== "unLimited")) {
+        if (o.visibleDistance !== void 0 && (s.push("visibleDistance"), o.visibleDistance !== "unLimited")) {
           const a = this.getDistance(e);
-          if (h(a, o.visibleDistance) === !1)
+          if (b(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 && O(e)) {
+        if (h(n) && o.angleRange && z(e)) {
           s.push("angleRange");
           const a = this.getAngle(e);
-          if (h(a, o.angleRange) === !1)
+          if (b(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)) {
@@ -145,7 +145,7 @@ class Je extends q {
           reason: "all check passed"
         };
       })();
-      return d && (d.visible = c.value, d.__debug_visible_reason__ = c), c.value;
+      return f && (f.visible = d.value, f.__debug_visible_reason__ = d), d.value;
     }
   }
   /**
@@ -161,17 +161,17 @@ class Je extends q {
       const n = this.getTagConfig(e).unfoldedConfig;
       if (!n)
         return;
-      const d = (() => {
+      const f = (() => {
         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 && h(this.getDistance(e), n.unfoldDistance) === !1)
+        if (n.unfoldDistance && b(this.getDistance(e), n.unfoldDistance) === !1)
           return !1;
       })();
-      t.unfolded = d;
+      t.unfolded = f;
       const s = this.getUnfoldedByCamera(e);
       return s !== void 0 ? s : t.unfolded;
     }
@@ -193,25 +193,25 @@ class Je extends q {
         if (t.autoUnfold === void 0 || t.autoUnfold === !1 || t.autoUnfold.enable === !1 || !t.autoUnfold.strategy)
           return;
         if (t.autoUnfold.strategy === "ScreenPostion") {
-          const d = this.getTagProject(e);
-          if (d && h(d.x, t.autoUnfold.autoUnfoldProjectX) === !1)
+          const f = this.getTagProject(e);
+          if (f && b(f.x, t.autoUnfold.autoUnfoldProjectX) === !1)
             return !1;
         }
         if (t.autoUnfold.strategy === "MinimumDistance") {
-          const c = this.filterPointTag.filter((r) => this.getCurrentVisibleState(r)).filter((r) => {
-            const f = this.getTagProject(r);
-            if (!f)
+          const d = this.filterPointTag.filter((r) => this.getCurrentVisibleState(r)).filter((r) => {
+            const c = this.getTagProject(r);
+            if (!c)
               return !1;
-            const { x: u, y: a, z: v } = f;
+            const { x: u, y: a, z: v } = c;
             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 }) => {
+          }).map((r) => ({ tag: r, id: r.id, tagConfig: this.getTagConfig(r).unfoldedConfig })).filter(({ tag: r, tagConfig: c }) => {
             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 !(typeof c == "function" || c.keep || c.autoUnfold === !1 || ((u = c.autoUnfold) == null ? void 0 : u.enable) === !1 || ((a = c.autoUnfold) == null ? void 0 : a.strategy) !== "MinimumDistance");
+          }).map((r) => D(y({}, r), { distance: this.getDistance(r.tag) })).filter(({ distance: r, tagConfig: c }) => {
+            const u = c.autoUnfold.distance;
+            return !(u && b(r, u) === !1);
+          }).sort((r, c) => r.distance - c.distance).findIndex((r) => r.id === e.id);
+          if (d === -1 || d <= ((n = t.autoUnfold.maxNumber) != null ? n : 1) - 1 === !1)
             return !1;
         }
         return !0;
@@ -233,21 +233,17 @@ class Je extends q {
   setPointTagPosition() {
     const e = this.filterPointTag;
     e.length !== 0 && e.forEach((i) => {
-      const l = this.getCurrentVisibleState(i);
-      let t;
-      if (!l) {
-        t = setTimeout(() => {
-          l || (i.screenPosition = null);
-        }, 1e3);
+      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)
         return;
-      }
-      clearTimeout(t);
       const n = this.getTagProject(i);
-      if (!n) {
-        i.screenPosition = null;
-        return;
-      }
-      i.screenPosition = { leftPercent: (n.x + 1) / 2 * 100, topPercent: (-n.y + 1) / 2 * 100 };
+      n ? i.screenPosition = { leftPercent: (n.x + 1) / 2 * 100, topPercent: (-n.y + 1) / 2 * 100 } : i.screenPosition = null;
     });
   }
   setVisible(e) {
@@ -278,36 +274,36 @@ class Je extends q {
   }
   /** 通过射线检测标签可用性 */
   getTagEnableByIntersect(e, i) {
-    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;
+    var o, r, c, u, a, v;
+    const l = j(j((o = this.getTagConfig(e).visibleConfig) != null ? o : {}).intersectRaycaster), t = i != null ? i : this.five.getCurrentState().panoIndex, n = h(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 d = X(
+    const f = X(
       (() => {
         var g;
-        const m = (g = l.checkPoints) != null ? g : "center";
-        return m === "center" ? I(e) : m === "corner" ? Z(e) : Array.isArray(m) ? m : [];
+        const p = (g = l.checkPoints) != null ? g : "center";
+        return p === "center" ? I(e) : p === "corner" ? Z(e) : Array.isArray(p) ? p : [];
       })()
     );
-    let s = 0, c = 0;
-    for (const m of d) {
-      const g = new j.Vector3().subVectors(m, n).normalize();
+    let s = 0, d = 0;
+    for (const p of f) {
+      const g = new U.Vector3().subVectors(p, n).normalize();
       T.set(n, g);
-      const F = n.distanceTo(m), [P] = this.five.model.intersectRaycaster(T), x = (() => {
+      const _ = n.distanceTo(p), [P] = this.five.model.intersectRaycaster(T), x = (() => {
         if (!R(e))
           return;
-        const B = this.tags.filter(R).map((A) => {
+        const S = this.tags.filter(R).map((B) => {
           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 (C = B.model) == null ? void 0 : C.object;
+        }).filter(N), [V] = T.intersectObjects(S, !0);
+        return V;
+      })(), F = (c = l.distanceAccuracy) != null ? c : 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) + F >= _ ? s++ : d++;
+      const A = (v = l.needPassed) != null ? v : 1;
+      if (s >= A)
         return { value: !0 };
     }
-    return c === 0 ? { value: !0 } : {
+    return d === 0 ? { value: !0 } : {
       value: !1,
       reason: {
         type: "intersectRaycaster check failed",
@@ -318,12 +314,12 @@ class Je extends q {
   }
   /** 检测是否匹配当前楼层 */
   getVisibleByFloorIndex(e) {
-    var n, d, s, c, o, r, f;
+    var n, f, s, d, o, r, c;
     let i = 0;
     const l = (n = e.fiveState) == null ? void 0 : n.panoIndex;
-    l !== void 0 ? i = (d = this.five.work.observers[l]) == null ? void 0 : d.floorIndex : i = W(
+    l !== void 0 ? i = (f = this.five.work.observers[l]) == null ? void 0 : f.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)
+      (c = (r = (d = (s = e.model) == null ? void 0 : s.object) == null ? void 0 : d.position) != null ? r : (o = e.mediaPlane) == null ? void 0 : o.position) != null ? c : I(e)
     );
     const t = this.five.model.shownFloor;
     return t === null || t === i;

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,16 +1,16 @@
-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 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 P = (d, p, t) => (y(d, typeof p != "symbol" ? p + "" : p, t), t);
-var M = (d, p, t) => new Promise((e, o) => {
+var P = (c, l, t) => (S(c, typeof l != "symbol" ? l + "" : l, t), t);
+var C = (c, l, t) => new Promise((e, o) => {
   var i = (r) => {
     try {
       a(t.next(r));
@@ -24,18 +24,18 @@ var M = (d, p, 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(d, p)).next());
+  a((t = t.apply(c, l)).next());
 });
-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 { 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 "../utils/tagPosition.js";
 import "../utils/checkRange.js";
 import "../../shared-utils/five/mode.js";
@@ -157,14 +157,14 @@ import "../Components/Tag/CustomTag.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "@realsee/five/gltf-loader";
-const B = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
-class ui extends O {
+const q = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+class hi extends x {
   constructor(t) {
     super(t);
-    P(this, "group", new R());
+    P(this, "group", new y());
     P(this, "renderMap", /* @__PURE__ */ new Map());
-    P(this, "imagePlaneGroup", new R());
-    P(this, "gltfObjectGroup", new R());
+    P(this, "imagePlaneGroup", new y());
+    P(this, "gltfObjectGroup", new y());
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
     P(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     /** 临时状态 */
@@ -172,23 +172,23 @@ class ui extends O {
     /** 点标签 */
     P(this, "TagContainerSvelte");
     /** 加载外部模型 */
-    P(this, "loadModel", (t) => M(this, null, function* () {
+    P(this, "loadModel", (t) => C(this, null, function* () {
       var a;
       const e = t.data.modelUrl;
       if (!e)
         return;
       t.loading = !0;
-      const o = W(e).then((r) => {
-        var m, c;
+      const o = L(e).then((r) => {
+        var m, h;
         const n = Object.assign(r.scene, {
           customID: t.id,
           isTagModel: !0,
           removeEventListener: t.config.clickable === !1 ? () => {
-          } : this.addObjectClickHandler(t, r.scene, (h) => {
-            this.hooks.emit("click", { target: "TagModel", tag: t, event: h });
+          } : this.addObjectClickHandler(t, r.scene, (u) => {
+            this.hooks.emit("click", { target: "TagModel", tag: t, event: u });
           })
         });
-        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;
+        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;
       });
       t.model = { promise: o };
       const i = yield o;
@@ -196,13 +196,13 @@ class ui extends O {
         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(), S(t)) {
+      if (s && (this.gltfObjectGroup.remove(s), s.removeEventListener()), this.updateRender3DDomTag(), D(t)) {
         if (this.getRenderType(t) === "Mesh" && !t.mediaPlane) {
-          const r = t.data.mediaPosition.map(C);
-          t.mediaPlane = new E(t.data.mediaData[0].url, t.data.mediaPosition.map(C), {
+          const r = t.data.mediaPosition.map(g);
+          t.mediaPlane = new k(t.data.mediaData[0].url, t.data.mediaPosition.map(g), {
             objectFit: t.data.objectFit
           });
-          const n = new D().addVectors(r[0], r[2]).divideScalar(2);
+          const n = new v().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());
@@ -239,30 +239,30 @@ class ui extends O {
       var o, i;
       return ((i = (o = e.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : i.type) === "Video";
     }).forEach((e) => {
-      var m, c, h, u, b;
+      var m, h, u;
       const o = e.data.mediaData[0];
       if (!o)
         return;
       const { url: i } = o;
       if (!i)
         return;
-      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, {
+      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, {
           videoCoverSrc: o.videoCoverUrl,
           playButton: e.data.playIcon,
-          paused: !((b = e.data.autoplayConfig) != null && b.autoplayVideo),
+          paused: !((u = e.data.autoplayConfig) != null && u.autoplayVideo),
           objectFit: e.data.objectFit,
-          videoTextureMap: B,
-          ImageTextureMap: N,
+          videoTextureMap: q,
+          ImageTextureMap: B,
           domEvents: this.domEvents
         });
-        f.onVideoReady = (T) => {
-          T.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: f.videoInstance }));
+        d.onVideoReady = (f) => {
+          f.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: d.videoInstance }));
         };
-        const v = (T) => (this.five.on("renderFrame", T), () => this.five.off("renderFrame", T));
-        f.initialRenderHooks(v), e.mediaPlane = f, this.imagePlaneGroup.add(e.mediaPlane);
+        const b = (f) => (this.five.on("renderFrame", f), () => this.five.off("renderFrame", f));
+        d.initialRenderHooks(b), e.mediaPlane = d, this.imagePlaneGroup.add(e.mediaPlane);
       }
     });
   }
@@ -274,13 +274,12 @@ class ui extends O {
       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(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 });
+      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 });
       }), this.imagePlaneGroup.add(e.mediaPlane));
     });
   }
@@ -291,16 +290,16 @@ class ui extends O {
     this.filterCSS3DTag.forEach((e) => {
       var o, i, s;
       if (e.tag3DContentSvelte) {
-        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);
+        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);
           r.css3DObject.setRotationFromQuaternion(m);
         }
         return;
       } else {
-        if (S(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled)
+        if (D(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 = L(this.five)), e.stickType === "3DPoint" && !e.normal)
+        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = F(this.five)), e.stickType === "3DPoint" && !e.normal)
           return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
         const a = this.getPositions(e);
         if (!a)
@@ -308,25 +307,25 @@ class ui extends O {
         const r = this.getTagNormal(e);
         if (!r)
           return;
-        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;
+        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;
             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 });
               });
-              (u = this.store.css3DRenderDisposer.get(e.id)) == null || u.push(b);
+              (d = this.store.css3DRenderDisposer.get(e.id)) == null || d.push(b);
             }
           });
         }
-        const m = this.css3DRenderPlugin.create3DDomContainer(a, l);
+        const m = this.css3DRenderPlugin.create3DDomContainer(a, p);
         if (!m)
           return;
         this.store.css3DRenderDisposer.set(e.id, [m.dispose]);
-        const c = new F({
+        const h = new G({
           target: m.container,
           props: {
             tag: e,
@@ -338,15 +337,15 @@ class ui extends O {
           }
         });
         e.tag3DContentSvelte = {
-          svelteApp: c,
+          svelteApp: h,
           domContainer: m,
           css3DInstance: m,
           initialNormal: r,
           currentNormal: r,
           dispose: () => {
-            c.$destroy(), m.dispose();
+            h.$destroy(), m.dispose();
           }
-        }, S(e) && ((s = e.model) != null && s.object) && this.updateTagCss3DObjectMatrix(e, e.model.object);
+        }, D(e) && ((s = e.model) != null && s.object) && this.updateTagCss3DObjectMatrix(e, e.model.object);
       }
     }), this.clearUnusedPanelTag();
   }
@@ -377,23 +376,23 @@ class ui extends O {
    * @param model 模型
    */
   updateTagCss3DObjectMatrix(t, e) {
-    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;
+    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;
     if (!i)
       return;
-    const s = S(t) ? t.data.mediaPosition : t.position;
+    const s = D(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 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);
+    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);
   }
   /** 添加模型标签 */
   addMediaModelTag(t) {
-    return M(this, null, function* () {
-      const e = t.filter($).map((o) => this.loadModel(o));
+    return C(this, null, function* () {
+      const e = t.filter(W).map((o) => this.loadModel(o));
       yield Promise.all(e), this.setVisible(), this.updateRenderAllTags();
     });
   }
@@ -449,7 +448,7 @@ class ui extends O {
       const s = (o = this.five.getElement()) == null ? void 0 : o.parentElement;
       if (!s)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new G({
+      this.TagContainerSvelte = new I({
         target: s,
         props: {
           hooks: this.hooks,
@@ -465,5 +464,5 @@ class ui extends O {
   }
 }
 export {
-  ui as TagRender
+  hi as TagRender
 };