@realsee/dnalogel 3.0.0-dev.1 → 3.0.0

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -2,15 +2,15 @@ var E = Object.defineProperty, $ = Object.defineProperties;
 var L = Object.getOwnPropertyDescriptors;
 var k = Object.getOwnPropertySymbols;
 var _ = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
-var M = (v, e, i) => e in v ? E(v, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : v[e] = i, y = (v, e) => {
+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 = {}))
-    _.call(e, i) && M(v, i, e[i]);
+    _.call(e, i) && M(p, i, e[i]);
   if (k)
     for (var i of k(e))
-      z.call(e, i) && M(v, i, e[i]);
-  return v;
-}, D = (v, e) => $(v, L(e));
-import * as F from "three";
+      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";
 import { getTagCenterPosition as I, getTagPosition as Z } from "../utils/tagPosition.js";
 import { checkRange as h } from "../utils/checkRange.js";
@@ -45,7 +45,7 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
-import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/url/absoluteUrl.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/device.js";
@@ -57,11 +57,14 @@ import "../../shared-utils/three/loadVideoTexture.js";
 import "../Assets/Icon.js";
 import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
+import "../../shared-utils/three/getNormal.js";
 import "../../shared-utils/five/FiveDomEvents.js";
+import "../../shared-utils/five/calculateThreeMouse.js";
 import "../utils/tag/adaptConfig.js";
 import "../../shared-utils/typescript/entries.js";
-const T = new F.Raycaster();
-class We extends q {
+import "../../shared-utils/url/getUrl.js";
+const T = new j.Raycaster();
+class Je extends q {
   constructor(e) {
     super(e);
   }
@@ -73,71 +76,72 @@ class We extends q {
     if ((d == null ? void 0 : d.visible) !== void 0)
       return d.visible;
     {
-      const o = [], c = (() => {
+      const s = [], c = (() => {
         var r, f, u;
-        const s = (r = e.config.visibleConfig) != null ? r : {};
-        if (typeof s == "function")
-          return { value: s(this.five, { tag: e, distance: this.getDistance(e) }), checkedList: o, reason: "config function result" };
-        if (s.keep === "hidden")
-          return { value: !1, checkedList: o, reason: "config.keep is hidden" };
-        if (s.keep === "visible")
-          return { value: !0, checkedList: o, reason: "config.keep is visible" };
-        if (s.visibleFiveMode !== void 0) {
-          let a = !1;
-          if (Array.isArray(s.visibleFiveMode) ? a = s.visibleFiveMode.includes(n) : s.visibleFiveMode === "ModelLike" ? a = H(n) : s.visibleFiveMode === "PanoramaLike" ? a = !b(n) : s.visibleFiveMode === "all" ? a = !0 : typeof s.visibleFiveMode == "string" && (a = s.visibleFiveMode === n), a === !1)
+        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" };
+        if (o.keep === "hidden")
+          return { value: !1, checkedList: s, reason: "config.keep is hidden" };
+        if (o.keep === "visible")
+          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 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: o,
+              checkedList: s,
               reason: "current mode is not included in visibleFiveMode",
-              visibleFiveMode: s.visibleFiveMode,
+              visibleFiveMode: o.visibleFiveMode,
               mode: n
             };
         }
-        if (s.followModelVisibility === !0 && (n === "Floorplan" || n === "Mapview") && this.getVisibleByFloorIndex(e) === !1)
-          return { value: !1, checkedList: o, reason: "followModelVisibility check failed" };
-        if (b(n) && s.visiblePanoIndex !== void 0 && s.visiblePanoIndex !== "all" && t !== void 0) {
-          if (o.push("visiblePanoIndex"), Array.isArray(s.visiblePanoIndex) && !s.visiblePanoIndex.includes(t))
+        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 (s.push("visiblePanoIndex"), Array.isArray(o.visiblePanoIndex) && !o.visiblePanoIndex.includes(t))
             return {
               value: !1,
-              checkedList: o,
-              reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${t}, visiblePanoIndex: ${s.visiblePanoIndex}`
+              checkedList: s,
+              reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${t}, visiblePanoIndex: ${o.visiblePanoIndex}`
             };
-          if (s.visiblePanoIndex === "current" && t !== ((f = e.fiveState) == null ? void 0 : f.panoIndex))
+          if (o.visiblePanoIndex === "current" && t !== ((f = e.fiveState) == null ? void 0 : f.panoIndex))
             return {
               value: !1,
-              checkedList: o,
+              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) && s.visibleDistance !== void 0 && (o.push("visibleDistance"), s.visibleDistance !== "unLimited")) {
+        if (b(n) && o.visibleDistance !== void 0 && (s.push("visibleDistance"), o.visibleDistance !== "unLimited")) {
           const a = this.getDistance(e);
-          if (h(a, s.visibleDistance) === !1)
+          if (h(a, o.visibleDistance) === !1)
             return {
               value: !1,
-              checkedList: o,
-              reason: `distance is not in visibleDistance. distance: ${a}, visibleDistance: ${s.visibleDistance}`
+              checkedList: s,
+              reason: `distance is not in visibleDistance. distance: ${a}, visibleDistance: ${o.visibleDistance}`
             };
         }
-        if (b(n) && s.angleRange && O(e)) {
-          o.push("angleRange");
+        if (b(n) && o.angleRange && O(e)) {
+          s.push("angleRange");
           const a = this.getAngle(e);
-          if (h(a, s.angleRange) === !1)
-            return { value: !1, checkedList: o, reason: `angle is not in angleRange. angle: ${a}, angleRange: ${s.angleRange}` };
+          if (h(a, o.angleRange) === !1)
+            return { value: !1, checkedList: s, reason: `angle is not in angleRange. angle: ${a}, angleRange: ${o.angleRange}` };
         }
-        if (s.intersectRaycaster !== !1 && (typeof s.intersectRaycaster != "object" || s.intersectRaycaster.enabled !== !1)) {
-          if (o.push("intersectRaycaster"), t === void 0)
+        if (o.intersectRaycaster !== !1 && (typeof o.intersectRaycaster != "object" || o.intersectRaycaster.enabled !== !1)) {
+          if (s.push("intersectRaycaster"), t === void 0)
             return {
               value: !1,
-              checkedList: o,
+              checkedList: s,
               reason: `intersectRaycaster check failed: panoIndex is ${t}`
             };
           const a = this.getTagEnableByIntersect(e, t);
           if (a.value === !1)
-            return Object.assign(a, { checkedList: o });
+            return Object.assign(a, { checkedList: s });
         }
         return {
           value: !0,
-          checkedList: o,
+          checkedList: s,
           reason: "all check passed"
         };
       })();
@@ -168,8 +172,8 @@ class We extends q {
           return !1;
       })();
       t.unfolded = d;
-      const o = this.getUnfoldedByCamera(e);
-      return o !== void 0 ? o : t.unfolded;
+      const s = this.getUnfoldedByCamera(e);
+      return s !== void 0 ? s : t.unfolded;
     }
   }
   /**
@@ -198,8 +202,8 @@ class We extends q {
             const f = this.getTagProject(r);
             if (!f)
               return !1;
-            const { x: u, y: a, z: m } = f;
-            return !(Math.abs(m) > 1 || Math.abs(u) > 1 || Math.abs(a) > 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");
@@ -274,22 +278,22 @@ class We extends q {
   }
   /** 通过射线检测标签可用性 */
   getTagEnableByIntersect(e, i) {
-    var s, r, f, u, a, m;
-    const l = U(U((s = this.getTagConfig(e).visibleConfig) != null ? s : {}).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, 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 d = X(
       (() => {
         var g;
-        const p = (g = l.checkPoints) != null ? g : "center";
-        return p === "center" ? I(e) : p === "corner" ? Z(e) : Array.isArray(p) ? p : [];
+        const m = (g = l.checkPoints) != null ? g : "center";
+        return m === "center" ? I(e) : m === "corner" ? Z(e) : Array.isArray(m) ? m : [];
       })()
     );
-    let o = 0, c = 0;
-    for (const p of d) {
-      const g = new F.Vector3().subVectors(p, n).normalize();
+    let s = 0, c = 0;
+    for (const m of d) {
+      const g = new j.Vector3().subVectors(m, n).normalize();
       T.set(n, g);
-      const j = n.distanceTo(p), [P] = this.five.model.intersectRaycaster(T), x = (() => {
+      const F = n.distanceTo(m), [P] = this.five.model.intersectRaycaster(T), x = (() => {
         if (!R(e))
           return;
         const B = this.tags.filter(R).map((A) => {
@@ -298,33 +302,33 @@ class We extends q {
         }).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 >= j ? o++ : c++;
-      const V = (m = l.needPassed) != null ? m : 1;
-      if (o >= V)
+      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 c === 0 ? { value: !0 } : {
       value: !1,
       reason: {
         type: "intersectRaycaster check failed",
-        passedCount: o,
+        passedCount: s,
         needPassed: l.needPassed
       }
     };
   }
   /** 检测是否匹配当前楼层 */
   getVisibleByFloorIndex(e) {
-    var n, d, o, c, s, r, f;
+    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 = (d = this.five.work.observers[l]) == null ? void 0 : d.floorIndex : i = W(
       this.five.work.observers,
-      (f = (r = (c = (o = e.model) == null ? void 0 : o.object) == null ? void 0 : c.position) != null ? r : (s = e.mediaPlane) == null ? void 0 : s.position) != null ? f : I(e)
+      (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;
   }
 }
 export {
-  We as TagComputer
+  Je as TagComputer
 };

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,16 +1,16 @@
-var A = Object.defineProperty;
+var V = Object.defineProperty;
 var j = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var y = (c, d, t) => d in c ? A(c, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[d] = t, w = (c, d) => {
-  for (var t in d || (d = {}))
-    V.call(d, t) && y(c, t, d[t]);
+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(d))
-      x.call(d, t) && y(c, t, d[t]);
-  return c;
+    for (var t of j(p))
+      x.call(p, t) && y(d, t, p[t]);
+  return d;
 };
-var b = (c, d, t) => (y(c, typeof d != "symbol" ? d + "" : d, t), t);
-var M = (c, d, 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,7 +24,7 @@ var M = (c, d, 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, d)).next());
+  a((t = t.apply(d, p)).next());
 });
 import { TagComputer as O } from "./TagComputer.js";
 import { Group as R, Quaternion as I, Vector3 as D, Matrix4 as g } from "three";
@@ -65,13 +65,15 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
-import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/url/absoluteUrl.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/device.js";
 import "../../shared-utils/five/FiveDomEvents.js";
+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/getFloorIndex.js";
 import "../../shared-utils/safeObj.js";
 import "../../shared-utils/three/loadTexture.js";
@@ -81,6 +83,7 @@ import "../../shared-utils/three/loadVideoTexture.js";
 import "../Assets/Icon.js";
 import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
+import "../../shared-utils/three/getNormal.js";
 import "../Components/TagItem.js";
 import "../utils/noTypecheck.js";
 import "../Components/Common/TagPoint.js";
@@ -155,37 +158,37 @@ import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "@realsee/five/gltf-loader";
 const B = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
-class pi extends O {
+class ui extends O {
   constructor(t) {
     super(t);
-    b(this, "group", new R());
-    b(this, "renderMap", /* @__PURE__ */ new Map());
-    b(this, "imagePlaneGroup", new R());
-    b(this, "gltfObjectGroup", new R());
+    P(this, "group", new R());
+    P(this, "renderMap", /* @__PURE__ */ new Map());
+    P(this, "imagePlaneGroup", new R());
+    P(this, "gltfObjectGroup", new R());
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
-    b(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    P(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     /** 临时状态 */
-    b(this, "temporaryState", { visible: !0 });
+    P(this, "temporaryState", { visible: !0 });
     /** 点标签 */
-    b(this, "TagContainerSvelte");
+    P(this, "TagContainerSvelte");
     /** 加载外部模型 */
-    b(this, "loadModel", (t) => M(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 = W(e).then((r) => {
-        var m, h, f, p, P;
+        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 g().fromArray(t.matrix).decompose(n.position, n.quaternion, n.scale), n.updateWorldMatrix(!0, !0), n.visible = this.getVisible(t), (f = (h = (m = this.config) == null ? void 0 : m.globalConfig) == null ? void 0 : h.modelConfig) != null && f.autoLookAtEnabled && ((P = (p = t.config) == null ? void 0 : p.modelConfig) != null && P.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;
@@ -236,30 +239,30 @@ class pi 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, h, f, p, P;
+      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 k && e.mediaPlane.pause();
+      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), (f = e.mediaPlane) == null || f.dispose(), (p = e.mediaPlane) == null || p.removeFromParent(), e.mediaPlane = void 0), n || l) {
-        const u = new k(i, s, {
+      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: !((P = e.data.autoplayConfig) != null && P.autoplayVideo),
+          paused: !((b = e.data.autoplayConfig) != null && b.autoplayVideo),
           objectFit: e.data.objectFit,
           videoTextureMap: B,
           ImageTextureMap: N,
           domEvents: this.domEvents
         });
-        u.onVideoReady = (T) => {
-          T.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: u.videoInstance }));
+        f.onVideoReady = (T) => {
+          T.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: f.videoInstance }));
         };
         const v = (T) => (this.five.on("renderFrame", T), () => this.five.off("renderFrame", T));
-        u.initialRenderHooks(v), e.mediaPlane = u, this.imagePlaneGroup.add(e.mediaPlane);
+        f.initialRenderHooks(v), e.mediaPlane = f, this.imagePlaneGroup.add(e.mediaPlane);
       }
     });
   }
@@ -276,8 +279,8 @@ class pi extends O {
       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", (h) => {
-        this.hooks.emit("click", { tag: e, target: "TagContent", event: h.origDomEvent });
+      (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));
     });
   }
@@ -308,14 +311,14 @@ class pi extends O {
         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 f = "black";
-          l.container.style.backgroundColor = f, l.container.style.border = `3px solid ${f}`, this.css3DRenderPlugin.hooks.on("render", () => {
-            var p;
+          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 P = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (u) => {
-                this.hooks.emit("click", { event: u, target: "TagContent", tag: e });
+              const b = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (f) => {
+                this.hooks.emit("click", { event: f, target: "TagContent", tag: e });
               });
-              (p = this.store.css3DRenderDisposer.get(e.id)) == null || p.push(P);
+              (u = this.store.css3DRenderDisposer.get(e.id)) == null || u.push(b);
             }
           });
         }
@@ -323,7 +326,7 @@ class pi extends O {
         if (!m)
           return;
         this.store.css3DRenderDisposer.set(e.id, [m.dispose]);
-        const h = new F({
+        const c = new F({
           target: m.container,
           props: {
             tag: e,
@@ -335,13 +338,13 @@ class pi extends O {
           }
         });
         e.tag3DContentSvelte = {
-          svelteApp: h,
+          svelteApp: c,
           domContainer: m,
           css3DInstance: m,
           initialNormal: r,
           currentNormal: r,
           dispose: () => {
-            h.$destroy(), m.dispose();
+            c.$destroy(), m.dispose();
           }
         }, S(e) && ((s = e.model) != null && s.object) && this.updateTagCss3DObjectMatrix(e, e.model.object);
       }
@@ -374,18 +377,18 @@ class pi extends O {
    * @param model 模型
    */
   updateTagCss3DObjectMatrix(t, e) {
-    var P, u, v;
-    const o = (u = (P = t.config.tag3DConfig) == null ? void 0 : P.ratio) != null ? u : 216e-5, i = (v = t.tag3DContentSvelte) == null ? void 0 : v.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 = 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 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), h = new g().makeScale(o, o, o), f = new g().multiply(a).multiply(m).multiply(h);
-    f.decompose(i.position, i.quaternion, i.scale);
-    const p = i.opacityMesh;
-    p && f.decompose(p.position, p.quaternion, p.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) {
@@ -399,7 +402,7 @@ class pi extends O {
    */
   updateRenderPointTag() {
     const t = this.filterPointTag;
-    this.setTagZIndex(t), this.updateDomView();
+    this.setTagZIndex(t), this.setPointTagPosition(), this.updateDomView();
   }
   updatePointTagPosition() {
     this.setPointTagPosition(), this.updateDomView();
@@ -462,5 +465,5 @@ class pi extends O {
   }
 }
 export {
-  pi as TagRender
+  ui as TagRender
 };