@realsee/dnalogel 3.50.12 → 3.50.14

package/libs/PanoTagPlugin/Components/Tag/index.js

@@ -11,12 +11,12 @@ import gA from "./PanoramaTag.js";
 import uA from "./CustomTag.js";
 import { classnames as S } from "../../../vendor/classnames/index.js";
 import { ModelTag as cA } from "../../controller/Tag/ModelTag.js";
+import "../../../shared-utils/tag.js";
 import { isModelLike as dA } from "../../../shared-utils/five/mode.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../../shared-utils/tag.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -72,8 +72,6 @@ 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 "../Common/MediaItem.js";
-import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../../vendor/three/build/three.module.js";
 import "../../../shared-utils/positionToVector3.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
 import "../../../shared-utils/five/getFiveModel.js";
@@ -84,6 +82,8 @@ import "../../../shared-utils/Utils/WorkUtil.js";
 import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/three/temp.js";
 import "../../../shared-utils/dom/resizeObserver.js";
+import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../../vendor/three/build/three.module.js";
 import "./AudioTag/AudioTag.js";
 import "../Common/Audio.js";
 import "../../utils/audio/SharedAudio.js";

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -58,12 +58,6 @@ import "../../vendor/svelte-carousel/src/utils/ProgressManager.js";
 import "../../vendor/svelte-carousel/src/utils/interval.js";
 import "./Common/MediaItem.js";
 import "./Tag/MarketingTag.js";
-import "hammerjs";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "@realsee/five/line";
-import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../vendor/three/build/three.module.js";
 import "../../shared-utils/tag.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/five/vector3ToScreen.js";
@@ -75,6 +69,12 @@ import "../../shared-utils/Utils/WorkUtil.js";
 import "../../shared-utils/five/transformPosition.js";
 import "../../shared-utils/three/temp.js";
 import "../../shared-utils/dom/resizeObserver.js";
+import "hammerjs";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
+import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
+import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../vendor/three/build/three.module.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../utils/noTypecheck.js";

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -3,12 +3,12 @@ import $ from "./Tag/index.js";
 import "three";
 import { noTypecheck as V } from "../utils/noTypecheck.js";
 import tt from "./Common/TagPoint.js";
+import "../../shared-utils/tag.js";
 import { isModelLike as et } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../shared-utils/tag.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -67,8 +67,6 @@ import "../../vendor/svelte-carousel/src/utils/ProgressManager.js";
 import "../../vendor/svelte-carousel/src/utils/interval.js";
 import "./Common/MediaItem.js";
 import "./Tag/MarketingTag.js";
-import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../vendor/three/build/three.module.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/five/vector3ToScreen.js";
 import "../../shared-utils/five/getFiveModel.js";
@@ -79,6 +77,8 @@ import "../../shared-utils/Utils/WorkUtil.js";
 import "../../shared-utils/five/transformPosition.js";
 import "../../shared-utils/three/temp.js";
 import "../../shared-utils/dom/resizeObserver.js";
+import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../vendor/three/build/three.module.js";
 import "./Tag/AudioTag/index.js";
 import "./Tag/AudioTag/AudioTag.js";
 import "./Common/Audio.js";

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

@@ -153,8 +153,8 @@ export declare abstract class BaseTag<C extends TagContentType = TagContentType,
     }): TagConfig;
     getDistance(fiveState?: Partial<FiveState>, accurate?: number): number;
     getVisible(fiveState?: Partial<FiveState>): boolean;
-    getUnfoldedByPanoIndex(panoIndex?: number): any;
-    getUnfoldedByCamera(): any;
+    getUnfoldedByPanoIndex(panoIndex?: number): boolean;
+    getUnfoldedByCamera(): boolean;
     can(action: 'show' | 'hide' | 'fold' | 'unfold'): boolean;
     onClick(params: Pick<TagClickParams, 'target'>): void;
     abstract computeNormal(): THREE.Vector3 | undefined;
@@ -204,7 +204,7 @@ export declare abstract class BaseTag<C extends TagContentType = TagContentType,
      * @description 获取是否展开
      */
     protected computeUnfoldedByPanoIndex(panoIndex?: number): boolean;
-    protected computeUnfoldedByCamera(): any;
+    protected computeUnfoldedByCamera(): boolean;
     protected computeTagProject(): {
         x: number;
         y: number;

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

@@ -39,6 +39,7 @@ var y = (c, i, e) => new Promise((t, r) => {
 import { Subscribe as Q } from "../../../shared-utils/Subscribe.js";
 import { calculateTagConfig as w } from "../../utils/tag/calculateTagConfig.js";
 import { getTagStickType as Y } from "../../utils/tag/format.js";
+import "../../../shared-utils/tag.js";
 import { isPanoramaLike as U, isModelLike as C } from "../../../shared-utils/five/mode.js";
 import * as B from "three";
 import "hammerjs";
@@ -47,7 +48,6 @@ import { centerPoint as ee } from "../../../shared-utils/three/centerPoint.js";
 import "@realsee/five/line";
 import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
 import { anyPositionToVector3 as A } from "../../../shared-utils/positionToVector3.js";
-import "../../../shared-utils/tag.js";
 import { toArray as ie } from "../../../shared-utils/util.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import { blink as te, reblink as ne } from "../../../shared-utils/three/blink.js";
@@ -71,14 +71,14 @@ import "../../utils/tag/adaptConfig.js";
 import "../../typings/tag/TagConfig.js";
 import "@realsee/five";
 import "animejs";
-import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../../vendor/three/build/three.module.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/Utils/WorkUtil.js";
 import "../../../shared-utils/dom/resizeObserver.js";
+import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../../vendor/three/build/three.module.js";
 import "../../../shared-utils/formatRad.js";
 class ii {
   constructor(i, e) {

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

@@ -42,13 +42,6 @@ import "../../../shared-utils/typescript/entries.js";
 import "../../utils/tag/adaptConfig.js";
 import "../../typings/tag/TagConfig.js";
 import "@realsee/five";
-import "../../../shared-utils/five/mode.js";
-import "hammerjs";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "@realsee/five/line";
-import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../../vendor/three/build/three.module.js";
 import "../../../shared-utils/tag.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
 import "../../../shared-utils/five/getFiveModel.js";
@@ -58,6 +51,13 @@ import "../../../shared-utils/Utils/WorkUtil.js";
 import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/three/temp.js";
 import "../../../shared-utils/dom/resizeObserver.js";
+import "../../../shared-utils/five/mode.js";
+import "hammerjs";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
+import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
+import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../../vendor/three/build/three.module.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";

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

@@ -20,13 +20,6 @@ import "../../../shared-utils/typescript/entries.js";
 import "../../utils/tag/adaptConfig.js";
 import "../../typings/tag/TagConfig.js";
 import "@realsee/five";
-import "../../../shared-utils/five/mode.js";
-import "hammerjs";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "@realsee/five/line";
-import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../../vendor/three/build/three.module.js";
 import "../../../shared-utils/tag.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
 import "../../../shared-utils/five/getFiveModel.js";
@@ -36,6 +29,13 @@ import "../../../shared-utils/Utils/WorkUtil.js";
 import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/three/temp.js";
 import "../../../shared-utils/dom/resizeObserver.js";
+import "../../../shared-utils/five/mode.js";
+import "hammerjs";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
+import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
+import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../../vendor/three/build/three.module.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";

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

@@ -10,13 +10,6 @@ import "../../../shared-utils/typescript/entries.js";
 import "../../utils/tag/adaptConfig.js";
 import "../../typings/tag/TagConfig.js";
 import "@realsee/five";
-import "../../../shared-utils/five/mode.js";
-import "hammerjs";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "@realsee/five/line";
-import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../../vendor/three/build/three.module.js";
 import "../../../shared-utils/tag.js";
 import "../../../shared-utils/positionToVector3.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
@@ -27,6 +20,13 @@ import "../../../shared-utils/Utils/WorkUtil.js";
 import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/three/temp.js";
 import "../../../shared-utils/dom/resizeObserver.js";
+import "../../../shared-utils/five/mode.js";
+import "hammerjs";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
+import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
+import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../../vendor/three/build/three.module.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";

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

@@ -29,7 +29,6 @@ export declare abstract class TagRender extends TagUtil {
         usePoint?: boolean;
     }): void;
     bindRenderer(contentType: string, builtInRenderer: TagContentType): void;
-    clearTags(): void;
     /**
      * @description 渲染3D贴片
      */
@@ -39,8 +38,6 @@ export declare abstract class TagRender extends TagUtil {
      * @param model 模型
      */
     updateTagCss3DObjectMatrix<S extends 'Model' | 'Plane' = 'Model'>(tag: TagInstance<TagContentType, S>, model: Object3D): void;
-    /** 添加模型标签 */
-    protected addMediaModelTag(tags: TagInstance[]): Promise<void>;
     protected disposeAllCSS3DContainer(): void;
     /**
      * @description 检查并销毁不用的3D贴片

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,37 +1,21 @@
-var x = Object.defineProperty;
+var k = Object.defineProperty;
 var v = Object.getOwnPropertySymbols;
-var O = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var T = (a, r, t) => r in a ? x(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t, j = (a, r) => {
-  for (var t in r || (r = {}))
-    O.call(r, t) && T(a, t, r[t]);
+var x = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var y = (m, i, t) => i in m ? k(m, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[i] = t, R = (m, i) => {
+  for (var t in i || (i = {}))
+    x.call(i, t) && y(m, t, i[t]);
   if (v)
-    for (var t of v(r))
-      A.call(r, t) && T(a, t, r[t]);
-  return a;
+    for (var t of v(i))
+      O.call(i, t) && y(m, t, i[t]);
+  return m;
 };
-var d = (a, r, t) => (T(a, typeof r != "symbol" ? r + "" : r, t), t);
-var w = (a, r, t) => new Promise((e, o) => {
-  var i = (s) => {
-    try {
-      l(t.next(s));
-    } catch (h) {
-      o(h);
-    }
-  }, p = (s) => {
-    try {
-      l(t.throw(s));
-    } catch (h) {
-      o(h);
-    }
-  }, l = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(i, p);
-  l((t = t.apply(a, r)).next());
-});
-import { Group as y, Quaternion as G, Vector3 as C, Matrix4 as M } from "three";
-import E from "../Components/Tag/index.js";
-import { isMediaModelTag as P } from "../utils/tag/tagCheck.js";
-import { centerPoint as I } from "../../shared-utils/three/centerPoint.js";
-import { toArray as N } from "../../shared-utils/util.js";
-import { TagUtil as U } from "./TagUtil.js";
+var c = (m, i, t) => (y(m, typeof i != "symbol" ? i + "" : i, t), t);
+import { Group as T, Quaternion as G, Vector3 as P, Matrix4 as C } from "three";
+import A from "../Components/Tag/index.js";
+import { isMediaModelTag as M } from "../utils/tag/tagCheck.js";
+import { centerPoint as E } from "../../shared-utils/three/centerPoint.js";
+import { toArray as I } from "../../shared-utils/util.js";
+import { TagUtil as N } from "./TagUtil.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/Tag/TextTag/index.js";
 import "../Components/Tag/TextTag/TextTag.js";
@@ -89,12 +73,6 @@ 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 "hammerjs";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "@realsee/five/line";
-import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../vendor/three/build/three.module.js";
 import "../../shared-utils/tag.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/five/vector3ToScreen.js";
@@ -106,6 +84,12 @@ import "../../shared-utils/Utils/WorkUtil.js";
 import "../../shared-utils/five/transformPosition.js";
 import "../../shared-utils/three/temp.js";
 import "../../shared-utils/dom/resizeObserver.js";
+import "hammerjs";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
+import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
+import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../vendor/three/build/three.module.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../utils/noTypecheck.js";
@@ -179,20 +163,20 @@ import "../../shared-utils/five/calculateThreeMouse.js";
 import "../../shared-utils/three/core/Raycaster.js";
 import "../../shared-utils/isTouchDevice.js";
 import "../../base/BasePlugin.js";
-class Oe extends U {
+class xr extends N {
   constructor(t) {
     super(t);
-    d(this, "rendererMap", /* @__PURE__ */ new Map());
-    d(this, "contentTypeMap", /* @__PURE__ */ new Map());
-    d(this, "group", new y());
-    d(this, "imagePlaneGroup", new y());
-    d(this, "gltfObjectGroup", new y());
+    c(this, "rendererMap", /* @__PURE__ */ new Map());
+    c(this, "contentTypeMap", /* @__PURE__ */ new Map());
+    c(this, "group", new T());
+    c(this, "imagePlaneGroup", new T());
+    c(this, "gltfObjectGroup", new T());
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
-    d(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    c(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     /** 临时状态 */
-    d(this, "temporaryState", { visible: !0 });
+    c(this, "temporaryState", { visible: !0 });
     /** 点标签 */
-    d(this, "TagContainerSvelte");
+    c(this, "TagContainerSvelte");
     this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.imagePlaneGroup.name = "ImagePlaneGroup", this.group.add(this.gltfObjectGroup), this.group.add(this.imagePlaneGroup);
   }
   /**
@@ -203,66 +187,59 @@ class Oe extends U {
    * @param config.usePoint 是否需要标签点, 默认为 false
    * @note 优先级低于 tag.element
    */
-  registerRenderer(t, e, o) {
-    var i;
-    this.rendererMap.set(t, { renderer: e, usePoint: (i = o == null ? void 0 : o.usePoint) != null ? i : !1 });
-  }
-  bindRenderer(t, e) {
-    this.contentTypeMap.set(t, e);
+  registerRenderer(t, r, o) {
+    var e;
+    this.rendererMap.set(t, { renderer: r, usePoint: (e = o == null ? void 0 : o.usePoint) != null ? e : !1 });
   }
-  clearTags() {
-    var t;
-    this.tags.length && (this.tags.forEach((e) => {
-      var o, i, p, l, s;
-      (i = (o = e.mediaPlane) == null ? void 0 : o.parent) == null || i.remove(e.mediaPlane), (s = (l = (p = e.model) == null ? void 0 : p.object) == null ? void 0 : l.parent) == null || s.remove(e.model.object);
-    }), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (t = this.TagContainerSvelte) == null || t.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer()), this.enabledModelTagSet.clear(), this.cache.clear();
+  bindRenderer(t, r) {
+    this.contentTypeMap.set(t, r);
   }
   /**
    * @description 渲染3D贴片
    */
   updateRender3DDomTag(t) {
-    (t ? N(t) : this.filterCSS3DTag).forEach((o) => {
-      var i, p, l, s, h, b;
+    (t ? I(t) : this.filterCSS3DTag).forEach((o) => {
+      var e, a, f, D, g, b;
       if (o.tag3DContentSvelte) {
-        const { svelteApp: f, css3DInstance: c, initialNormal: u, currentNormal: m } = o.tag3DContentSvelte;
-        if ((p = c == null ? void 0 : c.css3DObject) == null || p.setVisible((this.state.visible && ((i = o.state) == null ? void 0 : i.visible)) !== !1), f.$set({ tag: o, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !u.equals(m)) {
-          const n = new G().setFromUnitVectors(u, m);
-          c.css3DObject.setRotationFromQuaternion(n);
+        const { svelteApp: d, css3DInstance: n, initialNormal: l, currentNormal: p } = o.tag3DContentSvelte;
+        if ((a = n == null ? void 0 : n.css3DObject) == null || a.setVisible((this.state.visible && ((e = o.state) == null ? void 0 : e.visible)) !== !1), d.$set({ tag: o, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !l.equals(p)) {
+          const s = new G().setFromUnitVectors(l, p);
+          n.css3DObject.setRotationFromQuaternion(s);
         }
         return;
       } else {
-        if (P(o) && !((l = o.model) != null && l.object) || ((s = o.state) == null ? void 0 : s.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
+        if (M(o) && !((f = o.model) != null && f.object) || ((D = o.state) == null ? void 0 : D.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
           return;
         if (o.stickType === "3DPoint" && !o.normal)
           return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
-        const f = this.getPositions(o);
-        if (!f)
+        const d = this.getPositions(o);
+        if (!d)
           return;
-        const c = o.computeNormal();
-        if (!c)
+        const n = o.computeNormal();
+        if (!n)
           return;
-        const u = o.getConfig(), m = j({
-          wrapperStyle: { zIndex: `${Math.round((1e4 - ((h = o.getDistance()) != null ? h : 0)) * 100)}` }
-        }, u.tag3DConfig);
-        if (o.computeRenderType() === "BehindDom" || m.mode === "behind") {
-          m.mode = "behind", m.container = document.createElement("div");
-          const D = "black";
-          m.container.style.backgroundColor = D, m.container.style.border = `3px solid ${D}`, this.css3DRenderPlugin.hooks.on("render", () => {
+        const l = o.getConfig(), p = R({
+          wrapperStyle: { zIndex: `${Math.round((1e4 - ((g = o.getDistance()) != null ? g : 0)) * 100)}` }
+        }, l.tag3DConfig);
+        if (o.computeRenderType() === "BehindDom" || p.mode === "behind") {
+          p.mode = "behind", p.container = document.createElement("div");
+          const h = "black";
+          p.container.style.backgroundColor = h, p.container.style.border = `3px solid ${h}`, this.css3DRenderPlugin.hooks.on("render", () => {
             var S;
-            if (n.css3DObject.opacityMesh && u.clickable !== !1) {
-              const R = this.addObjectClickHandler(o, n.css3DObject.opacityMesh, (k) => {
-                this.hooks.emit("click", { event: k, target: "TagContent", tag: o });
+            if (s.css3DObject.opacityMesh && l.clickable !== !1) {
+              const j = this.addObjectClickHandler(o, s.css3DObject.opacityMesh, (w) => {
+                this.hooks.emit("click", { event: w, target: "TagContent", tag: o });
               });
-              (S = this.store.css3DRenderDisposer.get(o.id)) == null || S.push(R);
+              (S = this.store.css3DRenderDisposer.get(o.id)) == null || S.push(j);
             }
           });
         }
-        const n = this.css3DRenderPlugin.create3DDomContainer(f, m);
-        if (!n)
+        const s = this.css3DRenderPlugin.create3DDomContainer(d, p);
+        if (!s)
           return;
-        this.store.css3DRenderDisposer.set(o.id, [n.dispose]);
-        const g = new E({
-          target: n.container,
+        this.store.css3DRenderDisposer.set(o.id, [s.dispose]);
+        const u = new A({
+          target: s.container,
           props: {
             tag: o,
             hooks: this.hooks,
@@ -273,15 +250,15 @@ class Oe extends U {
           }
         });
         o.tag3DContentSvelte = {
-          svelteApp: g,
-          domContainer: n,
-          css3DInstance: n,
-          initialNormal: c,
-          currentNormal: c,
+          svelteApp: u,
+          domContainer: s,
+          css3DInstance: s,
+          initialNormal: n,
+          currentNormal: n,
           dispose: () => {
-            g.$destroy(), n.dispose();
+            u.$destroy(), s.dispose();
           }
-        }, P(o) && ((b = o.model) != null && b.object) && this.updateTagCss3DObjectMatrix(o, o.model.object);
+        }, M(o) && ((b = o.model) != null && b.object) && this.updateTagCss3DObjectMatrix(o, o.model.object);
       }
     }), this.clearUnusedPanelTag();
   }
@@ -289,30 +266,23 @@ class Oe extends U {
    * @param tag 标签
    * @param model 模型
    */
-  updateTagCss3DObjectMatrix(t, e) {
-    var n, g, D;
-    const o = (g = (n = t.getConfig().tag3DConfig) == null ? void 0 : n.ratio) != null ? g : 216e-5, i = (D = t.tag3DContentSvelte) == null ? void 0 : D.css3DInstance.css3DObject;
-    if (!i)
+  updateTagCss3DObjectMatrix(t, r) {
+    var s, u, h;
+    const o = (u = (s = t.getConfig().tag3DConfig) == null ? void 0 : s.ratio) != null ? u : 216e-5, e = (h = t.tag3DContentSvelte) == null ? void 0 : h.css3DInstance.css3DObject;
+    if (!e)
       return;
-    const p = P(t) ? t.data.mediaPosition : t.position;
-    if (!p || p.length !== 4 || !Array.isArray(p[0]) || !Array.isArray(p[2]))
+    const a = M(t) ? t.data.mediaPosition : t.position;
+    if (!a || a.length !== 4 || !Array.isArray(a[0]) || !Array.isArray(a[2]))
       return;
-    e.updateWorldMatrix(!1, !1);
-    const l = e.matrixWorld, s = new C().fromArray(p[0]), h = new C().fromArray(p[2]), b = I(s, h).add(new C(0, 0, 5e-4)), f = new M().setPosition(b), c = new M().makeScale(o, o, o), u = new M().multiply(l).multiply(f).multiply(c);
-    u.decompose(i.position, i.quaternion, i.scale);
-    const m = i.opacityMesh;
-    m && u.decompose(m.position, m.quaternion, m.scale);
-  }
-  /** 添加模型标签 */
-  addMediaModelTag(t) {
-    return w(this, null, function* () {
-      const e = t.filter((o) => o.stickType === "Model").map((o) => o.loadModel());
-      yield Promise.all(e), t.forEach((o) => o.updateVisible());
-    });
+    r.updateWorldMatrix(!1, !1);
+    const f = r.matrixWorld, D = new P().fromArray(a[0]), g = new P().fromArray(a[2]), b = E(D, g).add(new P(0, 0, 5e-4)), d = new C().setPosition(b), n = new C().makeScale(o, o, o), l = new C().multiply(f).multiply(d).multiply(n);
+    l.decompose(e.position, e.quaternion, e.scale);
+    const p = e.opacityMesh;
+    p && l.decompose(p.position, p.quaternion, p.scale);
   }
   disposeAllCSS3DContainer() {
     for (const [, t] of this.store.css3DRenderDisposer)
-      t == null || t.forEach((e) => e == null ? void 0 : e());
+      t == null || t.forEach((r) => r == null ? void 0 : r());
     this.store.css3DRenderDisposer = /* @__PURE__ */ new Map();
   }
   /**
@@ -320,15 +290,15 @@ class Oe extends U {
    */
   clearUnusedPanelTag() {
     this.filter2DPointTag.forEach((t) => {
-      var e;
-      (e = t.tag3DContentSvelte) == null || e.css3DInstance.dispose(), t.tag3DContentSvelte = void 0;
+      var r;
+      (r = t.tag3DContentSvelte) == null || r.css3DInstance.dispose(), t.tag3DContentSvelte = void 0;
     });
-    for (const [t, e] of this.store.css3DRenderDisposer) {
+    for (const [t, r] 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));
+      (!o || o.stickType === "2DPoint") && (r == null || r.forEach((e) => e == null ? void 0 : e()), this.store.css3DRenderDisposer.delete(t));
     }
   }
 }
 export {
-  Oe as TagRender
+  xr as TagRender
 };

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -26,11 +26,6 @@ import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/getObjectVisible.js";
-import "hammerjs";
-import "@realsee/five/line";
-import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../../vendor/three/build/three.module.js";
 import "../../shared-utils/tag.js";
 import "../../shared-utils/five/vector3ToScreen.js";
 import "../../shared-utils/five/getFiveModel.js";
@@ -40,6 +35,11 @@ import "../../shared-utils/Utils/WorkUtil.js";
 import "../../shared-utils/five/transformPosition.js";
 import "../../shared-utils/three/temp.js";
 import "../../shared-utils/dom/resizeObserver.js";
+import "hammerjs";
+import "@realsee/five/line";
+import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
+import "../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
+import "../../vendor/three/build/three.module.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import "../../shared-utils/isNil.js";

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

@@ -111,6 +111,10 @@ declare class PanoTagPluginController extends TagRender {
      * @deprecated
      */
     updateRenderAllTags(): void;
+    /**
+     * @description 清除所有标签
+     */
+    clearTags(): void;
     /**
      * @description 设置 unfolded
      */