@realsee/dnalogel 3.59.7 → 3.59.8

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.js

@@ -1,31 +1,33 @@
-import { arrayPositionToVector3 as d } from "../../../shared-utils/positionToVector3.js";
+var T = Object.defineProperty, S = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var y = Object.getOwnPropertySymbols;
+var V = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var b = (s, t, i) => t in s ? T(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i, g = (s, t) => {
+  for (var i in t || (t = {}))
+    V.call(t, i) && b(s, i, t[i]);
+  if (y)
+    for (var i of y(t))
+      k.call(t, i) && b(s, i, t[i]);
+  return s;
+}, f = (s, t) => S(s, I(t));
+import { CONST as F } from "../../../shared-utils/constants.js";
+import { CSS3DObjectPlus as M } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
+import { arrayPositionToVector3 as P } from "../../../shared-utils/positionToVector3.js";
 import "three";
-import { planeNormal as h } from "../../utils/planeNormal.js";
-import { VideoPlane as u, ImagePlane as c } from "../../utils/model/mediaPlane.js";
-import { BaseTag as f } from "./BaseTag.js";
+import { planeNormal as R } from "../../utils/planeNormal.js";
+import { VideoPlane as E, ImagePlane as j } from "../../utils/model/mediaPlane.js";
+import N from "../../Components/Tag/index.js";
+import { BaseTag as w } from "./BaseTag.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../../shared-utils/even.js";
+import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/three/centerPoint.js";
-import "../../../shared-utils/three/loadTexture.js";
-import "../../../shared-utils/three/Quadrangle.js";
-import "../../../shared-utils/math/pointsIsRectangle.js";
-import "../../../shared-utils/three/loadVideoTexture.js";
-import "../../../shared-utils/device.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/constants.js";
-import "../../../shared-utils/Subscribe.js";
-import "../../utils/tag/calculateTagConfig.js";
-import "../../../vendor/object-assign-deep/objectAssignDeep.js";
-import "../../../shared-utils/typescript/entries.js";
-import "../../utils/tag/adaptConfig.js";
-import "../../typings/tag/TagConfig.js";
-import "@realsee/five";
 import "../../../shared-utils/tag.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
 import "../../../shared-utils/five/getFiveModel.js";
 import "../../../shared-utils/Utils/FiveUtil.js";
 import "../../../shared-utils/Utils/BaseUtil.js";
+import "../../../shared-utils/Subscribe.js";
 import "../../../shared-utils/Utils/WorkUtil.js";
 import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/three/temp.js";
@@ -33,7 +35,6 @@ import "../../../shared-utils/three/core/Raycaster.js";
 import "../../../shared-utils/dom/resizeObserver.js";
 import "../../../shared-utils/five/fiveEveryReadyListener.js";
 import "../../../shared-utils/throttle.js";
-import "../../../shared-utils/five/mode.js";
 import "hammerjs";
 import "../../../shared-utils/three/PointSelector/index.js";
 import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
@@ -41,9 +42,6 @@ import "../../../shared-utils/three/Magnifier.js";
 import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
 import "../../../shared-utils/three/Assets/index.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../../CSS3DRenderPlugin/utils/even.js";
-import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../../shared-utils/three/getObjectVisible.js";
 import "@realsee/five/line";
 import "../../../shared-utils/isNil.js";
@@ -52,11 +50,12 @@ import "../../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/five/FivePuppet.js";
+import "@realsee/five";
 import "../../../shared-utils/three/PointSelector/utils/html.js";
 import "../../../shared-utils/five/initialCSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "../../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
-import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../../shared-utils/CSS3DRender/THREEJS_CSS3DRenderer/index.js";
+import "../../../shared-utils/createResizeObserver.js";
 import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../../../Sculpt/Meshes/Line.js";
 import "../../../Sculpt/typings/style.js";
@@ -74,77 +73,215 @@ import "../../../shared-utils/isTouchDevice.js";
 import "../../../shared-utils/five/getPosition.js";
 import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../../shared-utils/three/PointSelector/utils/contents.js";
+import "../../../shared-utils/three/loadTexture.js";
+import "../../../shared-utils/three/Quadrangle.js";
+import "../../../shared-utils/math/pointsIsRectangle.js";
+import "../../../shared-utils/three/loadVideoTexture.js";
+import "../../../shared-utils/device.js";
+import "../../Assets/Icon.js";
+import "../../../shared-utils/three/getPositionsByObjectFit.js";
+import "../../../shared-utils/three/FragmentTransparencyMaterial.js";
+import "../../../shared-utils/three/getNormal.js";
+import "../../../vendor/svelte/internal/index.js";
+import "../../Components/Tag/TextTag/index.js";
+import "../../Components/Tag/TextTag/TextTag.js";
+import "../../Components/Common/Line/Straight.js";
+import "../../../vendor/svelte/transition/index.js";
+import "../../../vendor/svelte/easing/index.js";
+import "../../../shared-utils/uuid.js";
+import "../../Components/Common/Shadow.js";
+import "../../Components/Common/Text/FlyMText.js";
+import "../../Components/Common/Text/FlyText.js";
+import "../../utils/search.js";
+import "../../utils/constants.js";
+import "../../Components/Common/Arrow.js";
+import "../../utils/doUtil.js";
+import "../../../shared-utils/svelte/resizeObserver.js";
+import "../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "../../Components/Tag/TextTag/TextPlaneTag.js";
+import "../../Components/Common/Text/MText.js";
+import "../../utils/px2rem.js";
+import "../../Components/Tag/ImageTextTag.js";
+import "../../Components/Common/Line/Polyline.js";
+import "../../Components/Common/Media.js";
+import "../../../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import "../../../vendor/svelte-carousel/src/components/Dots/Dots.js";
+import "../../../vendor/svelte-carousel/src/components/Dot/Dot.js";
+import "../../../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
+import "../../../vendor/svelte-carousel/src/direction.js";
+import "../../../vendor/svelte-carousel/src/components/Progress/Progress.js";
+import "../../../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
+import "../../../vendor/svelte-carousel/src/actions/swipeable/event.js";
+import "../../../vendor/svelte-carousel/src/utils/event.js";
+import "../../../vendor/svelte-carousel/src/units.js";
+import "../../../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
+import "../../../vendor/svelte-carousel/src/actions/hoverable/event.js";
+import "../../../vendor/svelte-carousel/src/actions/tappable/tappable.js";
+import "../../../vendor/svelte-carousel/src/utils/math.js";
+import "../../../vendor/svelte-carousel/src/actions/tappable/event.js";
+import "../../../vendor/svelte-carousel/src/utils/page.js";
+import "../../../vendor/svelte-carousel/src/utils/clones.js";
+import "../../../vendor/svelte-carousel/src/utils/object.js";
+import "../../../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
+import "../../../vendor/easy-reactive/src/simply-reactive.js";
+import "../../../vendor/lodash.get/index.js";
+import "../../../_commonjsHelpers.js";
+import "../../../vendor/lodash.clonedeep/index.js";
+import "../../../vendor/easy-reactive/src/utils/subscription.js";
+import "../../../vendor/easy-reactive/src/utils/object.js";
+import "../../../vendor/lodash.isequal/index.js";
+import "../../../vendor/easy-reactive/src/utils/watcher.js";
+import "../../../vendor/svelte-carousel/src/utils/lazy.js";
+import "../../../vendor/svelte-carousel/src/utils/ProgressManager.js";
+import "../../../vendor/svelte-carousel/src/utils/interval.js";
+import "../../Components/Common/MediaItem.js";
+import "../../Components/Tag/MarketingTag.js";
+import "../../utils/noTypecheck.js";
+import "../../Components/Tag/AudioTag/index.js";
+import "../../Components/Tag/AudioTag/AudioTag.js";
+import "../../Components/Common/Audio.js";
+import "../../utils/audio/SharedAudio.js";
+import "../../../shared-utils/audio.js";
+import "../../Components/Common/Icon/audioIcon.js";
+import "../../Components/Tag/AudioTag/AudioPlaneTag.js";
+import "../../Components/Tag/MediaPlane.js";
+import "../../Components/Tag/LinkTag.js";
+import "../../Components/Common/Icon/Icon.js";
+import "../../utils/getImageInfo.js";
+import "../../Components/Tag/PanoramaTag.js";
+import "../../Components/Tag/CustomTag.js";
+import "../../../vendor/classnames/index.js";
+import "./ModelTag.js";
+import "../../../shared-utils/CSS3DRender/index.js";
+import "../../../shared-utils/five/fiveModelLoad.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../../shared-utils/three/GLTFLoader.js";
+import "@realsee/five/gltf-loader";
+import "../../utils/tag/tagCheck.js";
+import "../../../shared-utils/five/mode.js";
+import "../../utils/tag/calculateTagConfig.js";
+import "../../../vendor/object-assign-deep/objectAssignDeep.js";
+import "../../../shared-utils/typescript/entries.js";
+import "../../utils/tag/adaptConfig.js";
+import "../../typings/tag/TagConfig.js";
 import "../../utils/tag/format.js";
 import "../../../shared-utils/three/blink.js";
 import "../../../shared-utils/vectorToCoordinate.js";
 import "../../../shared-utils/formatRad.js";
 import "../../../shared-utils/five/lookPoint.js";
-import "../../../shared-utils/uuid.js";
 import "../../utils/tagPosition.js";
-import "../../utils/tag/tagCheck.js";
 import "../../utils/checkRange.js";
 import "../../../shared-utils/url/getUrl.js";
 import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/promise/withResolvers.js";
-const P = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-class ee extends f {
-  constructor(e, t) {
-    super(e, t), this.state.unfolded = !0;
+const G = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
+class $e extends w {
+  constructor(t, i) {
+    super(t, i), this.state.unfolded = !0, this.loadModel();
   }
   applyVisible() {
-    var t, r, o, m, a, i;
-    this.computeRenderType() === "Mesh" ? ((r = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : r.type) === "Video" ? this.renderVideoPlane() : ((m = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : m.type) === "Image" && this.renderImagePlane() : (this.tag3DContentSvelte || this.plugin.updateRender3DDomTag(), (a = this.tag3DContentSvelte) == null || a.svelteApp.$set({ tag: this, state: this.plugin.state }), (i = this.tag3DContentSvelte) == null || i.css3DInstance.setVisible(this.currentVisible));
+    var i, r, m, p, e, o;
+    this.computeRenderType() === "Mesh" ? ((r = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : r.type) === "Video" ? this.renderVideoPlane() : ((p = (m = this.data.mediaData) == null ? void 0 : m[0]) == null ? void 0 : p.type) === "Image" && this.renderImagePlane() : ((e = this.tag3DContentSvelte) == null || e.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (o = this.tag3DContentSvelte) != null && o.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.temporaryState.visible && this.state.visible));
+  }
+  set(...t) {
+    super.set(...t), this.loadModel();
+  }
+  setData(...t) {
+    var r, m, p, e, o;
+    super.setData(...t), this.computeRenderType() === "Mesh" ? ((m = (r = this.data.mediaData) == null ? void 0 : r[0]) == null ? void 0 : m.type) === "Video" ? this.renderVideoPlane() : ((e = (p = this.data.mediaData) == null ? void 0 : p[0]) == null ? void 0 : e.type) === "Image" && this.renderImagePlane() : (o = this.tag3DContentSvelte) == null || o.svelteApp.$set({ tag: this });
+  }
+  loadModel() {
+    var i, r, m, p, e, o;
+    if (this.computeRenderType() === "Mesh")
+      ((r = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : r.type) === "Video" ? this.renderVideoPlane() : ((p = (m = this.data.mediaData) == null ? void 0 : m[0]) == null ? void 0 : p.type) === "Image" && this.renderImagePlane();
+    else {
+      const l = this.position.map(P);
+      (o = (e = this.tag3DContentSvelte) == null ? void 0 : e.dispose) == null || o.call(e);
+      const a = document.createElement("div");
+      a.classList.add("tag-media-container");
+      const h = "black";
+      a.style.backgroundColor = h, a.style.border = `3px solid ${h}`;
+      const n = f(g({}, this.config.tag3DConfig), { mode: "behind", cornerPoints: l, container: a }), D = this.computeRenderType() === "BehindDom" || n.mode === "behind" ? "behind" : "front", d = new M(f(g({}, n), { mode: D })), u = this.computeNormal();
+      d.position.add(u.clone().setLength(F.Z_FIGHTING_OFFSET)), this.plugin.group.add(d);
+      let c;
+      d.mode === "behind" && this.config.clickable !== !1 && (c = this.addObjectClickHandler(this, d, (C) => {
+        this.plugin.hooks.emit("click", { event: C, target: "TagContent", tag: this });
+      }));
+      const v = new N({
+        target: a,
+        props: {
+          tag: this,
+          hooks: this.plugin.hooks,
+          /** 模型标签要等模型加载好之后再展示 */
+          state: this.plugin.state,
+          mediaStore: this.plugin.mediaStore,
+          temporaryState: this.plugin.temporaryState
+        }
+      });
+      this.tag3DContentSvelte = {
+        svelteApp: v,
+        domContainer: {
+          css3DObject: d
+        },
+        css3DInstance: d,
+        initialNormal: u,
+        currentNormal: u,
+        dispose: () => {
+          v.$destroy(), d.dispose(), c == null || c();
+        }
+      };
+    }
   }
   renderVideoPlane() {
-    var i;
-    const e = this.data.mediaData[0];
-    if (!e)
-      return;
-    const { url: t } = e;
+    var o;
+    const t = this.data.mediaData[0];
     if (!t)
       return;
-    const r = this.currentVisible, o = (() => !!(this.mediaPlane && !r))(), m = (() => !!(!this.mediaPlane && r))(), a = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
-    if ((o || a) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), m || a) {
-      const p = this.position.map(d), n = new u(t, p, {
-        videoCoverSrc: e.videoCoverUrl,
+    const { url: i } = t;
+    if (!i)
+      return;
+    const r = this.currentVisible, m = (() => !!(this.mediaPlane && !r))(), p = (() => !!(!this.mediaPlane && r))(), e = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))();
+    if ((m || e) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), p || e) {
+      const l = this.position.map(P), a = new E(i, l, {
+        videoCoverSrc: t.videoCoverUrl,
         playButton: this.data.playIcon,
-        paused: !((i = this.data.autoplayConfig) != null && i.autoplayVideo),
+        paused: !((o = this.data.autoplayConfig) != null && o.autoplayVideo),
         objectFit: this.data.objectFit,
-        videoTextureMap: P,
-        ImageTextureMap: g,
+        videoTextureMap: G,
+        ImageTextureMap: x,
         domEvents: this.plugin.domEvents
       });
-      n.onVideoReady = (s) => {
-        s.addEventListener("play", () => this.plugin.mediaStore.set({ currentMediaElement: n.videoInstance }));
+      a.onVideoReady = (n) => {
+        n.addEventListener("play", () => this.plugin.mediaStore.set({ currentMediaElement: a.videoInstance }));
       };
-      const l = (s) => (this.five.on("renderFrame", s), () => this.five.off("renderFrame", s));
-      n.initialRenderHooks(l), this.mediaPlane = n, this.play = () => n.play(), this.pause = () => n.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
+      const h = (n) => (this.five.on("renderFrame", n), () => this.five.off("renderFrame", n));
+      a.initialRenderHooks(h), this.mediaPlane = a, this.play = () => a.play(), this.pause = () => a.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
     }
     this.five.needsRender = !0;
   }
   renderImagePlane() {
-    const e = this.data.mediaData[0];
-    if (!e)
-      return;
-    const { url: t } = e;
+    const t = this.data.mediaData[0];
     if (!t)
       return;
-    const r = this.position.map(d), o = this.currentVisible, m = (() => !!(this.mediaPlane && !o))(), a = (() => !!(!this.mediaPlane && o))(), i = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
-    (m || i) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (a || i) && (this.mediaPlane = new c(t, r, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    const { url: i } = t;
+    if (!i)
+      return;
+    const r = this.position.map(P), m = this.currentVisible, p = (() => !!(this.mediaPlane && !m))(), e = (() => !!(!this.mediaPlane && m))(), o = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))();
+    (p || o) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (e || o) && (this.mediaPlane = new j(i, r, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
       this.mediaPlane,
       "click",
-      (p) => {
-        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: p.origDomEvent });
+      (l) => {
+        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: l.origDomEvent });
       },
       { noEmitWhenHide: !0 }
     ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), this.five.needsRender = !0;
   }
   computeNormal() {
-    return h(this.position);
+    return R(this.position);
   }
 }
 export {
-  ee as PlaneTag
+  $e as PlaneTag
 };

package/libs/PanoTagPlugin/controller/Tag/PointTag.d.ts

@@ -24,6 +24,8 @@ export declare class PointTag<C extends TagContentType = TagContentType> extends
     updateScreenPosition(params?: {
         force?: boolean;
     }): void;
+    set(...data: Parameters<InstanceType<typeof BaseTag<C, '2DPoint' | '3DPoint'>>['set']>): void;
+    setData(...data: Parameters<InstanceType<typeof BaseTag<C, '2DPoint' | '3DPoint'>>['setData']>): void;
     updateUnfoldedByPanoIndex(): void;
     computeNormal(): THREE.Vector3;
 }

package/libs/PanoTagPlugin/controller/Tag/PointTag.js

@@ -1,6 +1,6 @@
-var h = Object.defineProperty;
-var f = (s, r, t) => r in s ? h(s, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[r] = t;
-var p = (s, r, t) => (f(s, typeof r != "symbol" ? r + "" : r, t), t);
+var c = Object.defineProperty;
+var f = (n, o, t) => o in n ? c(n, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[o] = t;
+var p = (n, o, t) => (f(n, typeof o != "symbol" ? o + "" : o, t), t);
 import { BaseTag as g } from "./BaseTag.js";
 import * as l from "three";
 import "../../../shared-utils/Subscribe.js";
@@ -32,8 +32,8 @@ import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
 import "../../../shared-utils/three/Assets/index.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../../CSS3DRenderPlugin/utils/even.js";
-import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../shared-utils/even.js";
+import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/three/centerPoint.js";
 import "../../../shared-utils/three/getObjectVisible.js";
 import "@realsee/five/line";
@@ -45,9 +45,9 @@ import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/five/FivePuppet.js";
 import "../../../shared-utils/three/PointSelector/utils/html.js";
 import "../../../shared-utils/five/initialCSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "../../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
-import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../../shared-utils/CSS3DRender/THREEJS_CSS3DRenderer/index.js";
+import "../../../shared-utils/createResizeObserver.js";
 import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../../../Sculpt/Meshes/Line.js";
 import "../../../Sculpt/typings/style.js";
@@ -91,16 +91,16 @@ class zt extends g {
    */
   unfoldAndFoldOthers() {
     const t = this.can("fold"), i = this.can("unfold");
-    t && i && (this.state.unfolded = !this.state.unfolded, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.state.unfolded && this.plugin.tags.forEach((o) => {
-      o.id !== this.id && o.fold();
+    t && i && (this.state.unfolded = !this.state.unfolded, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.state.unfolded && this.plugin.tags.forEach((s) => {
+      s.id !== this.id && s.fold();
     }));
   }
   onClick(t) {
     t.target === "TagPoint" && this.unfoldAndFoldOthers();
   }
   applyVisible() {
-    var t, i, o, e;
-    this.currentVisible && this.updateScreenPosition(), (o = (i = (t = this.tag3DContentSvelte) == null ? void 0 : t.css3DInstance) == null ? void 0 : i.css3DObject) == null || o.setVisible(this.currentVisible), (e = this.tag3DContentSvelte) == null || e.svelteApp.$set({
+    var t, i;
+    this.currentVisible && this.updateScreenPosition(), (t = this.tag3DContentSvelte) != null && t.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.temporaryState.visible && this.state.visible), (i = this.tag3DContentSvelte) == null || i.svelteApp.$set({
       state: this.plugin.state,
       temporaryState: this.temporaryState
     }), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
@@ -116,43 +116,49 @@ class zt extends g {
    * @param {boolean} unfolded
    */
   setUnfold(t) {
-    const i = this.can("fold"), o = this.can("unfold");
-    i && o && (this.state.unfolded = t, this.hooks.emit(t ? "unfolded" : "folded"), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }));
+    const i = this.can("fold"), s = this.can("unfold");
+    i && s && (this.state.unfolded = t, this.hooks.emit(t ? "unfolded" : "folded"), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }));
   }
   setPosition(t) {
     this.originPosition = t, this.position = t, this.cache.clear(), this.updateVisible(), this.updateScreenPosition(), this.updateZIndex(), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
   }
   updateScreenPosition(t) {
-    var m;
+    var a;
     if (this.stickType !== "2DPoint" && this.stickType !== "3DPoint")
       return;
-    const { force: i = !1 } = t != null ? t : {}, o = i ? this.state.visible : this.currentVisible, e = (m = this.__Object__) != null ? m : {
+    const { force: i = !1 } = t != null ? t : {}, s = i ? this.state.visible : this.currentVisible, e = (a = this.__Object__) != null ? a : {
       timeoutId: void 0,
       inAnimation: !1
     };
-    if (this.__Object__ = e, !o && this.screenPosition ? (e.inAnimation = !0, e.timeoutId = setTimeout(() => {
+    if (this.__Object__ = e, !s && this.screenPosition ? (e.inAnimation = !0, e.timeoutId = setTimeout(() => {
       requestAnimationFrame(() => {
         this.currentVisible || (e.inAnimation = !1, this.screenPosition = null, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }));
       });
-    }, 1e3)) : e.timeoutId && (clearTimeout(e.timeoutId), e.inAnimation = !1, e.timeoutId = void 0), !o && !e.inAnimation)
+    }, 1e3)) : e.timeoutId && (clearTimeout(e.timeoutId), e.inAnimation = !1, e.timeoutId = void 0), !s && !e.inAnimation)
       return;
-    const n = this.computeTagProject();
-    if (n && this.five.renderer) {
-      const a = (() => {
+    const r = this.computeTagProject();
+    if (r && this.five.renderer) {
+      const m = (() => {
         if (!this.currentConfig.simulate3D)
           return 1;
-        const u = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), c = this.getDistance(void 0, 1);
-        return Math.max(Math.min(1 - u * c / 40, 1), 0.5);
+        const u = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), h = this.getDistance(void 0, 1);
+        return Math.max(Math.min(1 - u * h / 40, 1), 0.5);
       })(), d = this.five.renderer.getSize(v);
       this.screenPosition = {
-        leftPx: (n.x + 1) / 2 * d.x,
-        topPx: (-n.y + 1) / 2 * d.y,
-        scale: a
+        leftPx: (r.x + 1) / 2 * d.x,
+        topPx: (-r.y + 1) / 2 * d.y,
+        scale: m
       };
     } else
       this.screenPosition = null;
     this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
   }
+  set(...t) {
+    super.set(...t), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.setPosition(this.position);
+  }
+  setData(...t) {
+    super.setData(...t), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
+  }
   updateUnfoldedByPanoIndex() {
     const t = this.getUnfoldedByPanoIndex();
     if (this.state && (t !== void 0 && (this.state.unfolded = t), t && !this.state.visible)) {

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

@@ -1,19 +1,18 @@
-import type { TagObjectGroup, TagGLTFObjectGroup, ImagePlaneGroup, TagContentType, ElementRenderer, TagRendererMap, TagContentTypeMapping, TagInstance } from '../typings';
+import type { TagObjectGroup, TagGLTFObjectGroup, ImagePlaneGroup, TagContentType, ElementRenderer, TagRendererMap, TagContentTypeMapping } from '../typings';
 import type { TemporaryState } from '../typings';
-import type { Object3D } from 'three';
 import TagContainerSvelte from '../Components/TagContainer.svelte';
 import type { Five } from '@realsee/five';
 import { TagUtil } from './TagUtil';
 export declare abstract class TagRender extends TagUtil {
     rendererMap: TagRendererMap;
     contentTypeMap: TagContentTypeMapping;
-    protected group: TagObjectGroup;
+    group: TagObjectGroup;
     imagePlaneGroup: ImagePlaneGroup;
     gltfObjectGroup: TagGLTFObjectGroup;
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
     protected enabledModelTagSet: Set<string | number>;
     /** 临时状态 */
-    protected temporaryState: TemporaryState;
+    temporaryState: TemporaryState;
     /** 点标签 */
     TagContainerSvelte?: TagContainerSvelte;
     constructor(five: Five);
@@ -29,15 +28,6 @@ export declare abstract class TagRender extends TagUtil {
         usePoint?: boolean;
     }): void;
     bindRenderer(contentType: string, builtInRenderer: TagContentType): void;
-    /**
-     * @description 渲染3D贴片
-     */
-    updateRender3DDomTag(tag?: TagInstance | TagInstance[]): void;
-    /** 更新标签中多媒体面片的位置
-     * @param tag 标签
-     * @param model 模型
-     */
-    updateTagCss3DObjectMatrix<S extends 'Model' | 'Plane' = 'Model'>(tag: TagInstance<TagContentType, S>, model: Object3D): void;
     protected disposeAllCSS3DContainer(): void;
     /**
      * @description 检查并销毁不用的3D贴片