@realsee/dnalogel 3.37.0 → 3.37.2

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,41 +1,42 @@
-var A = Object.defineProperty;
+var I = Object.defineProperty;
 var j = Object.getOwnPropertySymbols;
-var I = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
-var S = (c, m, t) => m in c ? A(c, m, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[m] = t, k = (c, m) => {
-  for (var t in m || (m = {}))
-    I.call(m, t) && S(c, t, m[t]);
+var x = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var C = (u, l, e) => l in u ? I(u, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[l] = e, k = (u, l) => {
+  for (var e in l || (l = {}))
+    x.call(l, e) && C(u, e, l[e]);
   if (j)
-    for (var t of j(m))
-      V.call(m, t) && S(c, t, m[t]);
-  return c;
+    for (var e of j(l))
+      O.call(l, e) && C(u, e, l[e]);
+  return u;
 };
-var p = (c, m, t) => (S(c, typeof m != "symbol" ? m + "" : m, t), t);
-var C = (c, m, t) => new Promise((e, o) => {
+var h = (u, l, e) => (C(u, typeof l != "symbol" ? l + "" : l, e), e);
+var M = (u, l, e) => new Promise((o, t) => {
   var i = (s) => {
     try {
-      a(t.next(s));
-    } catch (n) {
-      o(n);
+      n(e.next(s));
+    } catch (a) {
+      t(a);
     }
   }, r = (s) => {
     try {
-      a(t.throw(s));
-    } catch (n) {
-      o(n);
+      n(e.throw(s));
+    } catch (a) {
+      t(a);
     }
-  }, a = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(i, r);
-  a((t = t.apply(c, m)).next());
+  }, n = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(i, r);
+  n((e = e.apply(u, l)).next());
 });
-import { TagComputer as x } from "./TagComputer.js";
-import { Group as M, Quaternion as E, Vector3 as b, Matrix4 as v } from "three";
-import O from "../Components/TagContainer.js";
-import G from "../Components/Tag/index.js";
-import { loadGLTF as F } from "../../shared-utils/three/GLTFLoader.js";
-import { isMediaModelTag as g, isStickModelTag as _ } from "../utils/tag/tagCheck.js";
-import { VideoPlane as L, ImagePlane as w } from "../utils/model/mediaPlane.js";
-import { centerPoint as W } from "../../shared-utils/three/centerPoint.js";
-import { arrayPositionToVector3 as D } from "../../shared-utils/positionToVector3.js";
-import { debounceByKey as y } from "../utils/debounce.js";
+import { TagComputer as E } from "./TagComputer.js";
+import { Group as R, Quaternion as G, Vector3 as D, Matrix4 as g } from "three";
+import F from "../Components/TagContainer.js";
+import _ from "../Components/Tag/index.js";
+import { loadGLTF as L } from "../../shared-utils/three/GLTFLoader.js";
+import { isMediaModelTag as y, isStickModelTag as W } from "../utils/tag/tagCheck.js";
+import { VideoPlane as q, ImagePlane as w } from "../utils/model/mediaPlane.js";
+import { centerPoint as $ } from "../../shared-utils/three/centerPoint.js";
+import { arrayPositionToVector3 as S } from "../../shared-utils/positionToVector3.js";
+import { debounceByKey as B } from "../utils/debounce.js";
+import { toArray as v } from "../../shared-utils/util.js";
 import "../utils/tagPosition.js";
 import "../utils/checkRange.js";
 import "../../shared-utils/five/mode.js";
@@ -45,7 +46,6 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../shared-utils/util.js";
 import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
 import "../../CSS3DRenderPlugin/utils/even.js";
 import "../../shared-utils/Subscribe.js";
@@ -162,67 +162,67 @@ import "../Components/Tag/LinkTag.js";
 import "../Components/Tag/PanoramaTag.js";
 import "../Components/Tag/CustomTag.js";
 import "@realsee/five/gltf-loader";
-const q = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
-class bi extends x {
-  constructor(t) {
-    super(t);
-    p(this, "rendererMap", /* @__PURE__ */ new Map());
-    p(this, "contentTypeMap", /* @__PURE__ */ new Map());
-    p(this, "group", new M());
-    p(this, "imagePlaneGroup", new M());
-    p(this, "gltfObjectGroup", new M());
+const N = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map();
+class gi extends E {
+  constructor(e) {
+    super(e);
+    h(this, "rendererMap", /* @__PURE__ */ new Map());
+    h(this, "contentTypeMap", /* @__PURE__ */ new Map());
+    h(this, "group", new R());
+    h(this, "imagePlaneGroup", new R());
+    h(this, "gltfObjectGroup", new R());
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
-    p(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    h(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     /** 临时状态 */
-    p(this, "temporaryState", { visible: !0 });
+    h(this, "temporaryState", { visible: !0 });
     /** 点标签 */
-    p(this, "TagContainerSvelte");
+    h(this, "TagContainerSvelte");
     /**
      * @description 渲染3D贴片
      */
-    p(this, "updateRender3DDomTag", () => {
-      this.filterCSS3DTag.forEach((e) => {
-        var o, i, r;
-        if (e.tag3DContentSvelte) {
-          const { svelteApp: a, css3DInstance: s, initialNormal: n, currentNormal: l } = e.tag3DContentSvelte;
-          if (a.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !n.equals(l)) {
-            const d = new E().setFromUnitVectors(n, l);
-            s.css3DObject.setRotationFromQuaternion(d);
+    h(this, "updateRender3DDomTag", (e) => {
+      (e ? v(e) : this.filterCSS3DTag).forEach((t) => {
+        var i, r, n, s, a;
+        if (t.tag3DContentSvelte) {
+          const { svelteApp: c, css3DInstance: m, initialNormal: f, currentNormal: d } = t.tag3DContentSvelte;
+          if ((r = m == null ? void 0 : m.css3DObject) == null || r.setVisible((this.state.visible && ((i = t.state) == null ? void 0 : i.visible)) !== !1), c.$set({ tag: t, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !f.equals(d)) {
+            const p = new G().setFromUnitVectors(f, d);
+            m.css3DObject.setRotationFromQuaternion(p);
           }
           return;
         } else {
-          if (g(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
+          if (y(t) && !((n = t.model) != null && n.object) || ((s = t.state) == null ? void 0 : s.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
             return;
-          if (e.stickType === "3DPoint" && !e.normal)
+          if (t.stickType === "3DPoint" && !t.normal)
             return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
-          const a = this.getPositions(e);
-          if (!a)
+          const c = this.getPositions(t);
+          if (!c)
             return;
-          const s = this.getTagNormal(e);
-          if (!s)
+          const m = this.getTagNormal(t);
+          if (!m)
             return;
-          const n = this.getTagConfig(e), l = k({ 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 h;
-              if (d.css3DObject.opacityMesh && n.clickable !== !1) {
-                const T = this.addObjectClickHandler(e, d.css3DObject.opacityMesh, (P) => {
-                  this.hooks.emit("click", { event: P, target: "TagContent", tag: e });
+          const f = this.getTagConfig(t), d = k({ wrapperStyle: { zIndex: this.calculateTagZIndex(t).toString() } }, f.tag3DConfig);
+          if (this.getRenderType(t) === "BehindDom" || d.mode === "behind") {
+            d.mode = "behind", d.container = document.createElement("div");
+            const P = "black";
+            d.container.style.backgroundColor = P, d.container.style.border = `3px solid ${P}`, this.css3DRenderPlugin.hooks.on("render", () => {
+              var b;
+              if (p.css3DObject.opacityMesh && f.clickable !== !1) {
+                const A = this.addObjectClickHandler(t, p.css3DObject.opacityMesh, (V) => {
+                  this.hooks.emit("click", { event: V, target: "TagContent", tag: t });
                 });
-                (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.push(T);
+                (b = this.store.css3DRenderDisposer.get(t.id)) == null || b.push(A);
               }
             });
           }
-          const d = this.css3DRenderPlugin.create3DDomContainer(a, l);
-          if (!d)
+          const p = this.css3DRenderPlugin.create3DDomContainer(c, d);
+          if (!p)
             return;
-          this.store.css3DRenderDisposer.set(e.id, [d.dispose]);
-          const u = new G({
-            target: d.container,
+          this.store.css3DRenderDisposer.set(t.id, [p.dispose]);
+          const T = new _({
+            target: p.container,
             props: {
-              tag: e,
+              tag: t,
               hooks: this.hooks,
               /** 模型标签要等模型加载好之后再展示 */
               state: this.state,
@@ -230,86 +230,86 @@ class bi extends x {
               temporaryState: this.temporaryState
             }
           });
-          e.tag3DContentSvelte = {
-            svelteApp: u,
-            domContainer: d,
-            css3DInstance: d,
-            initialNormal: s,
-            currentNormal: s,
+          t.tag3DContentSvelte = {
+            svelteApp: T,
+            domContainer: p,
+            css3DInstance: p,
+            initialNormal: m,
+            currentNormal: m,
             dispose: () => {
-              u.$destroy(), d.dispose();
+              T.$destroy(), p.dispose();
             }
-          }, g(e) && ((r = e.model) != null && r.object) && this.updateTagCss3DObjectMatrix(e, e.model.object);
+          }, y(t) && ((a = t.model) != null && a.object) && this.updateTagCss3DObjectMatrix(t, t.model.object);
         }
       }), this.clearUnusedPanelTag();
     });
     /**
      * @description 渲染单个点的标签
      */
-    p(this, "updateRenderPointTag", () => {
-      const t = this.filterPointTag;
-      this.setTagZIndex(t), this.setPointTagPosition(), y("updateDomView", this.updateDomView)();
+    h(this, "updateRenderPointTag", (e) => {
+      const o = e ? v(e) : this.filterPointTag;
+      this.setTagZIndex(o), this.setPointTagPosition(), B("updateDomView", this.updateDomView)();
     });
     /** 加载外部模型 */
-    p(this, "loadModel", (t) => C(this, null, function* () {
-      var a;
-      const e = t.data.modelUrl;
-      if (!e)
+    h(this, "loadModel", (e) => M(this, null, function* () {
+      var n;
+      const o = e.data.modelUrl;
+      if (!o)
         return;
-      t.loading = !0;
-      const o = F(e).then((s) => {
-        var d;
-        const n = Object.assign(s.scene, {
-          customID: t.id,
+      e.loading = !0;
+      const t = L(o).then((s) => {
+        var m;
+        const a = Object.assign(s.scene, {
+          customID: e.id,
           isTagModel: !0,
-          removeEventListener: this.getTagConfig(t).clickable === !1 ? () => {
-          } : this.addObjectClickHandler(t, s.scene, (u) => {
-            this.hooks.emit("click", { target: "TagModel", tag: t, event: u });
+          removeEventListener: this.getTagConfig(e).clickable === !1 ? () => {
+          } : this.addObjectClickHandler(e, s.scene, (f) => {
+            this.hooks.emit("click", { target: "TagModel", tag: e, event: f });
           })
         });
-        return n.visible = this.getCurrentVisibleState(t), new v().fromArray(t.matrix).decompose(n.position, n.quaternion, n.scale), n.updateWorldMatrix(!0, !0), n.visible = this.getVisible(t), (d = this.getTagConfig(t).modelConfig) != null && d.autoLookAtEnabled && n.lookAt(this.five.camera.position.clone().setY(n.position.y)), n;
+        return a.visible = this.getCurrentVisibleState(e), new g().fromArray(e.matrix).decompose(a.position, a.quaternion, a.scale), a.updateWorldMatrix(!0, !0), a.visible = this.getVisible(e), (m = this.getTagConfig(e).modelConfig) != null && m.autoLookAtEnabled && a.lookAt(this.five.camera.position.clone().setY(a.position.y)), a;
       });
-      t.model = { promise: o };
-      const i = yield o;
-      if (t.loading = !1, ((a = t.model) == null ? void 0 : a.promise) !== o || !this.tags.includes(t))
+      e.model = { promise: t };
+      const i = yield t;
+      if (e.loading = !1, ((n = e.model) == null ? void 0 : n.promise) !== t || !this.tags.includes(e))
         return;
-      t.model.object = i;
-      const r = this.gltfObjectGroup.children.find((s) => s.customID === t.id);
-      if (r && (this.gltfObjectGroup.remove(r), r.removeEventListener()), this.updateRender3DDomTag(), g(t)) {
-        if (this.getRenderType(t) === "Mesh" && !t.mediaPlane) {
-          const s = t.data.mediaPosition.map(D);
-          t.mediaPlane = new w(t.data.mediaData[0].url, t.data.mediaPosition.map(D), {
-            objectFit: t.data.objectFit
+      e.model.object = i;
+      const r = this.gltfObjectGroup.children.find((s) => s.customID === e.id);
+      if (r && (this.gltfObjectGroup.remove(r), r.removeEventListener()), this.updateRender3DDomTag(), y(e)) {
+        if (this.getRenderType(e) === "Mesh" && !e.mediaPlane) {
+          const s = e.data.mediaPosition.map(S);
+          e.mediaPlane = new w(e.data.mediaData[0].url, e.data.mediaPosition.map(S), {
+            objectFit: e.data.objectFit
           });
-          const n = new b().addVectors(s[0], s[2]).divideScalar(2);
-          t.mediaPlane.position.copy(n), i.add(t.mediaPlane);
+          const a = new D().addVectors(s[0], s[2]).divideScalar(2);
+          e.mediaPlane.position.copy(a), i.add(e.mediaPlane);
         }
-        this.getRenderType(t) !== "Mesh" && (i.updateTagCss3DObjectMatrix = () => this.updateTagCss3DObjectMatrix(t, i), i.updateTagCss3DObjectMatrix());
+        this.getRenderType(e) !== "Mesh" && (i.updateTagCss3DObjectMatrix = () => this.updateTagCss3DObjectMatrix(e, i), i.updateTagCss3DObjectMatrix());
       }
       return this.gltfObjectGroup.add(i), i;
     }));
-    p(this, "updateDomView", (t = {}) => {
-      var o;
-      const e = this.filterPointTag.filter((i) => i.state.visible);
+    h(this, "updateDomView", (e = {}) => {
+      var t;
+      const o = this.filterPointTag.filter((i) => i.state.visible);
       if (this.TagContainerSvelte)
-        this.TagContainerSvelte.$set({ tags: e, state: this.state, temporaryState: this.temporaryState });
+        this.TagContainerSvelte.$set({ tags: o, state: this.state, temporaryState: this.temporaryState });
       else {
-        if (!e.length)
+        if (!o.length)
           return;
         const i = this.container;
         if (!i)
           return console.error("updateRenderPlaneTag: tag2DContainer not found");
-        this.TagContainerSvelte = new O({
+        this.TagContainerSvelte = new F({
           target: i,
           props: {
             hooks: this.hooks,
-            tags: e,
+            tags: o,
             state: this.state,
             temporaryState: this.temporaryState,
             mediaStore: this.mediaStore,
             rendererMap: this.rendererMap,
             contentTypeMap: this.contentTypeMap,
-            withAnimation: (o = t == null ? void 0 : t.withAnimation) != null ? o : this.store.visibleWithAnimation,
+            withAnimation: (t = e == null ? void 0 : e.withAnimation) != null ? t : this.store.visibleWithAnimation,
             zIndex: this.params.containerZIndex
           }
         });
@@ -326,84 +326,84 @@ class bi extends x {
    * @param config.usePoint 是否需要标签点, 默认为 false
    * @note 优先级低于 tag.element
    */
-  registerRenderer(t, e, o) {
+  registerRenderer(e, o, t) {
     var i;
-    this.rendererMap.set(t, { renderer: e, usePoint: (i = o == null ? void 0 : o.usePoint) != null ? i : !1 });
+    this.rendererMap.set(e, { renderer: o, usePoint: (i = t == null ? void 0 : t.usePoint) != null ? i : !1 });
   }
-  bindRenderer(t, e) {
-    this.contentTypeMap.set(t, e);
+  bindRenderer(e, o) {
+    this.contentTypeMap.set(e, o);
   }
   clearTags() {
-    var t;
-    this.tags.length && (this.tags.forEach((e) => {
-      var o, i;
-      (i = (o = e.mediaPlane) == null ? void 0 : o.parent) == null || i.remove(e.mediaPlane);
-    }), this.tags = [], (t = this.TagContainerSvelte) == null || t.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer(), this.updateRenderAllTags()), this.enabledModelTagSet.clear(), this.clearCache(), this.tagsLengthWillUpdate = !0;
+    var e;
+    this.tags.length && (this.tags.forEach((o) => {
+      var t, i;
+      (i = (t = o.mediaPlane) == null ? void 0 : t.parent) == null || i.remove(o.mediaPlane);
+    }), this.tags = [], (e = this.TagContainerSvelte) == null || e.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer(), this.updateRenderAllTags()), this.enabledModelTagSet.clear(), this.clearCache(), this.tagsLengthWillUpdate = !0;
   }
   /**
    * @description 更新所有标签
    */
   updateRenderAllTags() {
-    this.enabledModelTagSet.clear(), this.tags.forEach((t) => t.stickType === "Model" && this.enabledModelTagSet.add(t.id)), this.updateRenderPointTag(), this.updateRender3DDomTag(), this.updateRenderModelTag(), this.updateRenderImagePlane(), this.updateRenderVideoPlane();
+    this.enabledModelTagSet.clear(), this.tags.forEach((e) => e.stickType === "Model" && this.enabledModelTagSet.add(e.id)), this.updateRenderPointTag(), this.updateRender3DDomTag(), this.updateRenderModelTag(), this.updateRenderImagePlane(), this.updateRenderVideoPlane();
   }
   updateAllTagsNextFrame() {
     requestAnimationFrame(() => this.updateRenderAllTags());
   }
-  updateTag(t) {
-    t.stickType === "2DPoint" ? y("updateRenderPointTag", this.updateRenderPointTag)() : t.stickType === "3DPoint" ? (y("updateRenderPointTag", this.updateRenderPointTag)(), y("updateRender3DDomTag", this.updateRender3DDomTag)()) : t.stickType === "Model" ? (this.enabledModelTagSet.clear(), this.tags.forEach((e) => e.stickType === "Model" && this.enabledModelTagSet.add(e.id)), this.updateRenderModelTag()) : t.stickType === "Plane" && (this.updateRenderImagePlane(), this.updateRenderVideoPlane());
+  updateTag(e) {
+    e.stickType === "2DPoint" ? this.updateRenderPointTag(e) : e.stickType === "3DPoint" ? (this.updateRenderPointTag(e), this.updateRender3DDomTag(e)) : e.stickType === "Model" ? (this.enabledModelTagSet.clear(), this.tags.forEach((o) => o.stickType === "Model" && this.enabledModelTagSet.add(o.id)), this.updateRenderModelTag()) : e.stickType === "Plane" && (this.getRenderType(e) === "Mesh" ? (this.updateRenderImagePlane(e), this.updateRenderVideoPlane(e)) : this.updateRender3DDomTag(e));
   }
-  updateRenderVideoPlane() {
-    this.filterImagePlane.filter((e) => {
-      var o, i;
-      return ((i = (o = e.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : i.type) === "Video";
-    }).forEach((e) => {
-      var l;
-      const o = e.data.mediaData[0];
-      if (!o)
-        return;
-      const { url: i } = o;
+  updateRenderVideoPlane(e) {
+    (e ? v(e) : this.filterImagePlane.filter((t) => {
+      var i, r;
+      return ((r = (i = t.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : r.type) === "Video";
+    })).forEach((t) => {
+      var m;
+      const i = t.data.mediaData[0];
       if (!i)
         return;
-      const r = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !r))(), s = (() => !!(!e.mediaPlane && r))(), n = (() => !!(e.mediaPlane && e.mediaPlane.src !== i))();
-      if ((a || n) && e.mediaPlane && (this.imagePlaneGroup.remove(e.mediaPlane), e.mediaPlane.dispose(), e.mediaPlane.removeFromParent(), e.mediaPlane = void 0), s || n) {
-        const d = e.position.map(D), u = new L(i, d, {
-          videoCoverSrc: o.videoCoverUrl,
-          playButton: e.data.playIcon,
-          paused: !((l = e.data.autoplayConfig) != null && l.autoplayVideo),
-          objectFit: e.data.objectFit,
-          videoTextureMap: q,
-          ImageTextureMap: $,
+      const { url: r } = i;
+      if (!r)
+        return;
+      const n = this.getCurrentVisibleState(t), s = (() => !!(t.mediaPlane && !n))(), a = (() => !!(!t.mediaPlane && n))(), c = (() => !!(t.mediaPlane && t.mediaPlane.src !== r))();
+      if ((s || c) && t.mediaPlane && (this.imagePlaneGroup.remove(t.mediaPlane), t.mediaPlane.dispose(), t.mediaPlane.removeFromParent(), t.mediaPlane = void 0), a || c) {
+        const f = t.position.map(S), d = new q(r, f, {
+          videoCoverSrc: i.videoCoverUrl,
+          playButton: t.data.playIcon,
+          paused: !((m = t.data.autoplayConfig) != null && m.autoplayVideo),
+          objectFit: t.data.objectFit,
+          videoTextureMap: N,
+          ImageTextureMap: U,
           domEvents: this.domEvents
         });
-        u.onVideoReady = (h) => {
-          h.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: u.videoInstance }));
+        d.onVideoReady = (T) => {
+          T.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: d.videoInstance }));
         };
-        const f = (h) => (this.five.on("renderFrame", h), () => this.five.off("renderFrame", h));
-        u.initialRenderHooks(f), e.mediaPlane = u, this.imagePlaneGroup.add(e.mediaPlane);
+        const p = (T) => (this.five.on("renderFrame", T), () => this.five.off("renderFrame", T));
+        d.initialRenderHooks(p), t.mediaPlane = d, this.imagePlaneGroup.add(t.mediaPlane);
       }
     });
   }
   /**
    * @description 渲染图片贴片
    */
-  updateRenderImagePlane() {
-    this.filterImagePlane.filter((e) => {
-      var o, i;
-      return ((i = (o = e.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : i.type) === "Image";
-    }).forEach((e) => {
-      const { url: o } = e.data.mediaData[0];
-      if (!o)
+  updateRenderImagePlane(e) {
+    (e ? v(e) : this.filterImagePlane.filter((t) => {
+      var i, r;
+      return ((r = (i = t.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : r.type) === "Image";
+    })).forEach((t) => {
+      const { url: i } = t.data.mediaData[0];
+      if (!i)
         return;
-      const i = e.position.map(D), r = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !r))(), s = (() => !!(!e.mediaPlane && r))(), 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), (s || n) && (e.mediaPlane = new w(o, i, { objectFit: e.data.objectFit }), this.getTagConfig(e).clickable !== !1 && this.domEvents.addAutoBindEventListener(
-        e.mediaPlane,
+      const r = t.position.map(S), n = this.getCurrentVisibleState(t), s = (() => !!(t.mediaPlane && !n))(), a = (() => !!(!t.mediaPlane && n))(), c = (() => !!(t.mediaPlane && t.mediaPlane.src !== i))();
+      (s || c) && t.mediaPlane && (this.imagePlaneGroup.remove(t.mediaPlane), t.mediaPlane.dispose(), t.mediaPlane.removeFromParent(), t.mediaPlane = void 0), (a || c) && (t.mediaPlane = new w(i, r, { objectFit: t.data.objectFit }), this.getTagConfig(t).clickable !== !1 && this.domEvents.addAutoBindEventListener(
+        t.mediaPlane,
         "click",
-        (l) => {
-          this.hooks.emit("click", { tag: e, target: "TagContent", event: l.origDomEvent });
+        (m) => {
+          this.hooks.emit("click", { tag: t, target: "TagContent", event: m.origDomEvent });
         },
         { noEmitWhenHide: !0 }
-      ), this.imagePlaneGroup.add(e.mediaPlane));
-    });
+      ), this.imagePlaneGroup.add(t.mediaPlane));
+    }), this.five.needsRender = !0;
   }
   /** 更新所有模型标签
    *
@@ -413,76 +413,76 @@ class bi extends x {
    * FIXME: 有性能问题，但是之前的逻辑都是这么写，暂时先这样吧
    */
   updateRenderModelTag() {
-    const t = (i) => !this.enabledModelTagSet.has(i.customID), e = this.gltfObjectGroup.children.filter(t);
-    e.forEach((i) => i.removeEventListener()), this.gltfObjectGroup.remove(...e), this.tags.filter((i) => i.stickType === "Model").forEach((i) => {
+    const e = (i) => !this.enabledModelTagSet.has(i.customID), o = this.gltfObjectGroup.children.filter(e);
+    o.forEach((i) => i.removeEventListener()), this.gltfObjectGroup.remove(...o), this.tags.filter((i) => i.stickType === "Model").forEach((i) => {
       var r;
-      (r = i.model) == null || r.promise.then((a) => {
-        a.visible = this.getCurrentVisibleState(i);
+      (r = i.model) == null || r.promise.then((n) => {
+        n.visible = this.getCurrentVisibleState(i);
       });
     }), this.five.needsRender = !0;
   }
   updateTagModelVisible() {
-    this.tags.forEach((t) => {
-      var o;
-      const e = this.getCurrentVisibleState(t);
-      e === !0 && this.getRenderType(t) && !t.tag3DContentSvelte && this.updateRender3DDomTag(), t.mediaPlane ? t.mediaPlane.visible = e : t.tag3DContentSvelte && (t.tag3DContentSvelte.css3DInstance.setVisible(e), this.updateDomView()), (o = t.model) != null && o.object && (t.model.object.visible = e);
+    this.tags.forEach((e) => {
+      var t;
+      const o = this.getCurrentVisibleState(e);
+      o === !0 && this.getRenderType(e) && !e.tag3DContentSvelte && this.updateRender3DDomTag(), e.mediaPlane ? e.mediaPlane.visible = o : e.tag3DContentSvelte && (e.tag3DContentSvelte.css3DInstance.setVisible(o), this.updateDomView()), (t = e.model) != null && t.object && (e.model.object.visible = o);
     });
   }
   /** 更新标签中多媒体面片的位置
    * @param tag 标签
    * @param model 模型
    */
-  updateTagCss3DObjectMatrix(t, e) {
-    var T, P, R;
-    const o = (P = (T = this.getTagConfig(t).tag3DConfig) == null ? void 0 : T.ratio) != null ? P : 216e-5, i = (R = t.tag3DContentSvelte) == null ? void 0 : R.css3DInstance.css3DObject;
+  updateTagCss3DObjectMatrix(e, o) {
+    var T, P, b;
+    const t = (P = (T = this.getTagConfig(e).tag3DConfig) == null ? void 0 : T.ratio) != null ? P : 216e-5, i = (b = e.tag3DContentSvelte) == null ? void 0 : b.css3DInstance.css3DObject;
     if (!i)
       return;
-    const r = g(t) ? t.data.mediaPosition : t.position;
+    const r = y(e) ? e.data.mediaPosition : e.position;
     if (!r || r.length !== 4 || !Array.isArray(r[0]) || !Array.isArray(r[2]))
       return;
-    e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, s = new b().fromArray(r[0]), n = new b().fromArray(r[2]), l = W(s, n).add(new b(0, 0, 5e-4)), d = new v().setPosition(l), u = new v().makeScale(o, o, o), f = new v().multiply(a).multiply(d).multiply(u);
-    f.decompose(i.position, i.quaternion, i.scale);
-    const h = i.opacityMesh;
-    h && f.decompose(h.position, h.quaternion, h.scale);
+    o.updateWorldMatrix(!1, !1);
+    const n = o.matrixWorld, s = new D().fromArray(r[0]), a = new D().fromArray(r[2]), c = $(s, a).add(new D(0, 0, 5e-4)), m = new g().setPosition(c), f = new g().makeScale(t, t, t), d = new g().multiply(n).multiply(m).multiply(f);
+    d.decompose(i.position, i.quaternion, i.scale);
+    const p = i.opacityMesh;
+    p && d.decompose(p.position, p.quaternion, p.scale);
   }
   /** 添加模型标签 */
-  addMediaModelTag(t) {
-    return C(this, null, function* () {
-      const e = t.filter(_).map((o) => this.loadModel(o));
-      yield Promise.all(e), this.setVisible(), this.updateRenderAllTags();
+  addMediaModelTag(e) {
+    return M(this, null, function* () {
+      const o = e.filter(W).map((t) => this.loadModel(t));
+      yield Promise.all(o), this.setVisible(), this.updateRenderAllTags();
     });
   }
   /**
    * @description 一个点的标签
    */
-  setPointTagPosition() {
-    const t = this.filterPointTag;
-    t.length !== 0 && t.forEach((e) => {
-      var a;
-      const o = this.getCurrentVisibleState(e), i = (a = e.__Object__) != null ? a : {
+  setPointTagPosition(e) {
+    const o = e ? v(e) : this.filterPointTag;
+    o.length !== 0 && o.forEach((t) => {
+      var s;
+      const i = this.getCurrentVisibleState(t), r = (s = t.__Object__) != null ? s : {
         timeoutId: void 0,
         inAnimation: !1
       };
-      if (e.__Object__ = i, !o && e.screenPosition ? (i.inAnimation = !0, i.timeoutId = setTimeout(() => {
+      if (t.__Object__ = r, !i && t.screenPosition ? (r.inAnimation = !0, r.timeoutId = setTimeout(() => {
         requestAnimationFrame(() => {
-          this.getCurrentVisibleState(e) || (i.inAnimation = !1, e.screenPosition = null, this.updateDomView());
+          this.getCurrentVisibleState(t) || (r.inAnimation = !1, t.screenPosition = null, this.updateDomView());
         });
-      }, 1e3)) : i.timeoutId && (clearTimeout(i.timeoutId), i.inAnimation = !1, i.timeoutId = void 0), !o && !i.inAnimation)
+      }, 1e3)) : r.timeoutId && (clearTimeout(r.timeoutId), r.inAnimation = !1, r.timeoutId = void 0), !i && !r.inAnimation)
         return;
-      const r = this.getTagProject(e);
-      r ? e.screenPosition = { leftPercent: (r.x + 1) / 2 * 100, topPercent: (-r.y + 1) / 2 * 100 } : e.screenPosition = null;
+      const n = this.getTagProject(t);
+      n ? t.screenPosition = { leftPercent: (n.x + 1) / 2 * 100, topPercent: (-n.y + 1) / 2 * 100 } : t.screenPosition = null;
     });
   }
   updateTagContainerVisible() {
-    var t;
-    (t = this.TagContainerSvelte) == null || t.$set({
+    var e;
+    (e = this.TagContainerSvelte) == null || e.$set({
       state: this.state,
       temporaryState: this.temporaryState,
       withAnimation: this.store.visibleWithAnimation
-    }), this.filterCSS3DTag.forEach((e) => {
-      var o, i, r, a, s;
-      (a = (i = (o = e.tag3DContentSvelte) == null ? void 0 : o.css3DInstance) == null ? void 0 : i.css3DObject) == null || a.setVisible((this.state.visible && ((r = e.state) == null ? void 0 : r.visible)) !== !1), (s = e.tag3DContentSvelte) == null || s.svelteApp.$set({
+    }), this.filterCSS3DTag.forEach((o) => {
+      var t, i, r, n, s;
+      (n = (i = (t = o.tag3DContentSvelte) == null ? void 0 : t.css3DInstance) == null ? void 0 : i.css3DObject) == null || n.setVisible((this.state.visible && ((r = o.state) == null ? void 0 : r.visible)) !== !1), (s = o.tag3DContentSvelte) == null || s.svelteApp.$set({
         state: this.state,
         temporaryState: this.temporaryState,
         withAnimation: this.store.visibleWithAnimation
@@ -490,24 +490,24 @@ class bi extends x {
     });
   }
   disposeAllCSS3DContainer() {
-    for (const [, t] of this.store.css3DRenderDisposer)
-      t == null || t.forEach((e) => e == null ? void 0 : e());
+    for (const [, e] of this.store.css3DRenderDisposer)
+      e == null || e.forEach((o) => o == null ? void 0 : o());
     this.store.css3DRenderDisposer = /* @__PURE__ */ new Map();
   }
   /**
    * @description 检查并销毁不用的3D贴片
    */
   clearUnusedPanelTag() {
-    this.filter2DPointTag.forEach((t) => {
-      var e;
-      (e = t.tag3DContentSvelte) == null || e.css3DInstance.dispose(), t.tag3DContentSvelte = void 0;
+    this.filter2DPointTag.forEach((e) => {
+      var o;
+      (o = e.tag3DContentSvelte) == null || o.css3DInstance.dispose(), e.tag3DContentSvelte = void 0;
     });
-    for (const [t, e] of this.store.css3DRenderDisposer) {
-      const o = this.getTagById(t);
-      (!o || o.stickType === "2DPoint") && (e == null || e.forEach((i) => i == null ? void 0 : i()), this.store.css3DRenderDisposer.delete(t));
+    for (const [e, o] of this.store.css3DRenderDisposer) {
+      const t = this.getTagById(e);
+      (!t || t.stickType === "2DPoint") && (o == null || o.forEach((i) => i == null ? void 0 : i()), this.store.css3DRenderDisposer.delete(e));
     }
   }
 }
 export {
-  bi as TagRender
+  gi as TagRender
 };