@realsee/dnalogel 2.28.0-dev.1 → 2.28.1-0

package/libs/AreaMakerPlugin/utils/Item.js

@@ -0,0 +1,266 @@
+var f = Object.defineProperty;
+var d = (n, t, e) => t in n ? f(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var i = (n, t, e) => (d(n, typeof t != "symbol" ? t + "" : t, e), e);
+import * as a from "three";
+import "hammerjs";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { Object3D as b } from "../../shared-utils/three/core/Object3D.js";
+import { LineSegments as k } from "../../shared-utils/three/objects/LineSegments.js";
+import { BetterTween as y } from "../../shared-utils/animationFrame/BetterTween.js";
+import { LabelItem as T } from "../../components/AreaLabel/LabelItem.js";
+import { getCenterPointOfPoints as O } from "../../shared-utils/math/planimetry.js";
+import { Subscribe as C } from "../../shared-utils/Subscribe.js";
+import "../../shared-utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../vendor/svelte/internal/index.js";
+import "../../components/AreaLabel/Assets/roomLabelBg.js";
+class v extends b {
+  constructor(e) {
+    super();
+    i(this, "areaMakerItem");
+    this.areaMakerItem = e;
+  }
+  raycast(e, s) {
+    this.areaMakerItem.makerObject.raycast(e, s);
+  }
+}
+class q {
+  constructor(t, e) {
+    i(this, "id");
+    /** 标注名称 */
+    i(this, "name", "");
+    /** 标注几何体 */
+    i(this, "makerObject");
+    /** 标注几何体的边框 */
+    i(this, "outline");
+    /** 标注底面 Y 坐标 */
+    i(this, "bottomY");
+    /** 标注透明度 */
+    i(this, "opacity");
+    /** 标注高度 */
+    i(this, "height");
+    /** 标注所在楼层 */
+    i(this, "floorIndex");
+    /** 标注底面形状 */
+    i(this, "shape");
+    /** 是否被挂载 */
+    i(this, "mounted", !1);
+    /** 查询问题使用的调试对象 */
+    i(this, "checkMsg", {
+      /** 当标注没有展示时，可以通过这个字段查看原因 */
+      checkVisibleMsg: "",
+      /** 当标注标签没有展示时，可以通过这个字段查看原因 */
+      checkTagVisibleMsg: ""
+    });
+    /** 模型容器 */
+    i(this, "modelGroup");
+    /** 标注是否可见 */
+    i(this, "visible", !1);
+    // ==================== 标签相关 ====================
+    /** 标注标签实例 */
+    i(this, "tagApp");
+    /** 标注标签是否可见 */
+    i(this, "tagVisible", !1);
+    /** 标注标签的世界坐标 */
+    i(this, "tagPosition", new a.Vector3());
+    /** 标注标签的 NDC 坐标 */
+    i(this, "tagNDCPosition", new a.Vector3());
+    /** 标注标签的 transform */
+    i(this, "tagTransform", { left: 0, top: 0 });
+    /** 标注标签的显示层级 */
+    i(this, "tagZIndex", 0);
+    i(this, "hooks", new C());
+    /** Plugin 实例 */
+    i(this, "plugin");
+    /** 标注透明度动画 */
+    i(this, "opacityAnime");
+    /** 显示标注 */
+    // public show() {
+    // return this.doOpacityAnime({
+    //   duration: 500,
+    //   makerObjectOpacity: [this.makerObject.material.opacity, this.opacity],
+    //   outlineOpacity: [this.outline.material.opacity, 1],
+    //   ...options,
+    // })
+    // }
+    /** 隐藏标注 */
+    // public hide() {
+    // return this.doOpacityAnime({
+    //   duration: 500,
+    //   makerObjectOpacity: [this.makerObject.material.opacity, 0],
+    //   outlineOpacity: [this.outline.material.opacity, 0],
+    //   ...options,
+    // })
+    // }
+    /** 透明度动画 */
+    i(this, "doOpacityAnime", (t) => {
+      var h;
+      (h = this.opacityAnime) == null || h.dispose();
+      const e = t.duration, [s, o] = t.makerObjectOpacity, [r, l] = t.outlineOpacity;
+      if (e === 0) {
+        this.makerObject.material.opacity = o, this.outline.material.opacity = l;
+        return;
+      }
+      return new Promise((p) => {
+        this.opacityAnime = new y({ makerObjectOpacity: s, outlineOpacity: r }).to({
+          makerObjectOpacity: o,
+          outlineOpacity: l
+        }).onUpdate(({ makerObjectOpacity: c, outlineOpacity: m }) => {
+          this.makerObject.material.opacity = c, this.outline.material.opacity = m, this.plugin.five.needsRender = !0;
+        }).onComplete(() => p(!0)).onDispose(() => {
+          this.makerObject.material.opacity = o, this.outline.material.opacity = l, this.plugin.five.needsRender = !0, p(!1);
+        }).play();
+      });
+    });
+    /** 插件 Config 变化时更新自身 depthTest */
+    i(this, "onPluginConfigChange", (t) => {
+      this.makerObject.material.depthTest = t.config.modelDepthTest, this.outline.material.depthTest = t.config.modelDepthTest, this.plugin.five.needsRender = !0;
+    });
+    i(this, "onPluginStateChange", (t) => {
+      this.updateVisible(), this.updateTagVisible();
+    });
+    /** 更新标注可见性 */
+    i(this, "updateVisible", () => {
+      const { result: t, msg: e } = this.checkVisible();
+      this.checkMsg.checkVisibleMsg = e, this.visible !== t && (this.visible = t, this.modelGroup.visible = t, this.plugin.five.needsRender = !0);
+    });
+    /** 检测标注是否可见 */
+    i(this, "checkVisible", () => {
+      if (!this.plugin.state.visible)
+        return { result: !1, msg: "插件不可见" };
+      const e = this.plugin.five.model.shownFloor;
+      return e === null || e === this.floorIndex ? { result: !0, msg: "" } : { result: !1, msg: `模型高亮楼层不符合展示条件, 当前高亮楼层为：${e}` };
+    });
+    /** 更新标注标签 */
+    i(this, "updateTag", () => {
+      this.tagApp && (this.updateTagNDCPosition(), this.updateTagDomTransform(), this.updateTagVisible());
+    });
+    /** 更新标注标签的 NDC Position */
+    i(this, "updateTagNDCPosition", () => {
+      const e = this.tagPosition.clone().project(this.plugin.five.camera);
+      this.tagNDCPosition.copy(e);
+    });
+    /** 更新标注标签的 transform */
+    i(this, "updateTagDomTransform", () => {
+      var o;
+      const t = this.tagNDCPosition, e = Math.round((t.x + 1) / 2 * this.plugin.tagDomContainer.clientWidth), s = Math.round((-t.y + 1) / 2 * this.plugin.tagDomContainer.clientHeight);
+      this.tagTransform.left === e && this.tagTransform.top === s || (this.tagTransform = { left: e, top: s }, (o = this.tagApp) == null || o.$set({ transform: `translate(${e}px, ${s}px)` }));
+    });
+    /** 更新标注标签可见性 */
+    i(this, "updateTagVisible", () => {
+      var s;
+      const { result: t, msg: e } = this.checkTagVisible();
+      this.checkMsg.checkTagVisibleMsg = e, this.tagVisible !== t && (this.tagVisible = t, (s = this.tagApp) == null || s.$set({ visible: t }));
+    });
+    /** 检测标注标签是否可见 */
+    i(this, "checkTagVisible", () => {
+      if (!this.visible)
+        return { result: !1, msg: "标注整体不可见" };
+      const e = this.plugin.five, s = new a.Raycaster(), o = e.camera.position.clone();
+      s.set(o.clone(), this.tagPosition.clone().sub(o).normalize());
+      const [r] = e.model.intersectRaycaster(s), l = this.tagPosition.distanceTo(e.camera.position);
+      if (r && r.distance + 0.1 < l)
+        return { result: !1, msg: "标注标签被 Five 模型遮挡" };
+      const h = this.tagNDCPosition;
+      return Math.abs(h.x) > 1.2 || Math.abs(h.y) > 1.2 || Math.abs(h.z) > 1 ? { result: !1, msg: "标注标签不在屏幕内" } : { result: !0, msg: "" };
+    });
+    /** 相机位姿发生变化时，更新标签 */
+    i(this, "onFiveCameraUpdate", () => {
+      this.tagApp && this.visible && (this.updateTagNDCPosition(), this.updateTagDomTransform(), this.updateTagVisible());
+    });
+    var p, c, m;
+    const s = e.object_data, o = s.bottom_y, r = s.height, l = new a.Color((p = s.color) != null ? p : "#FFFFFF"), h = (c = s.opacity) != null ? c : 0.4;
+    this.id = e.id, this.name = (m = e.name) != null ? m : "", this.plugin = t, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new a.Shape().fromJSON(s.shape), this.floorIndex = e.floor_index, this.makerObject = new a.Mesh(u(this.shape, r), M(l, h)), g(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new k(
+      new a.EdgesGeometry(this.makerObject.geometry),
+      new a.LineBasicMaterial({ color: l, transparent: !0 })
+    ), g(this.outline, o), this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.setHeight(r), this.modelGroup = new v(this);
+  }
+  /** 挂载标注 */
+  mount() {
+    if (this.mounted = !0, this.updateVisible(), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.modelGroup.add(this.makerObject, this.outline), !!this.name) {
+      const e = this.plugin.tagDomContainer, s = {
+        content: this.name,
+        visible: this.tagVisible,
+        transform: `translate(${this.tagTransform.left}px, ${this.tagTransform.top}px)`,
+        onClick: (o) => this.hooks.emit("tagClick", { target: this, nativeEvent: o })
+      };
+      this.tagApp = new T({ target: e, props: s }), this.updateTag();
+    }
+    this.plugin.five.needsRender = !0, this.plugin.hooks.on("stateChange", this.onPluginStateChange), this.plugin.hooks.on("configChange", this.onPluginConfigChange), this.plugin.five.on("modeChange", this.updateVisible), this.plugin.five.on("modelShownFloorChange", this.updateVisible), this.plugin.five.on("cameraUpdate", this.onFiveCameraUpdate);
+  }
+  /** 卸载标注 */
+  unmount() {
+    var t;
+    this.mounted = !1, this.modelGroup.remove(...this.modelGroup.children), (t = this.tagApp) == null || t.$destroy(), this.tagApp = null, this.plugin.hooks.off("stateChange", this.onPluginStateChange), this.plugin.hooks.off("configChange", this.onPluginConfigChange), this.plugin.five.off("modeChange", this.updateVisible), this.plugin.five.off("modelShownFloorChange", this.updateVisible), this.plugin.five.off("cameraUpdate", this.onFiveCameraUpdate);
+  }
+  /** 更改标注透明度
+   * @param opacity 标注透明度，范围：0-1
+   */
+  setOpacity(t) {
+    var e;
+    this.opacity = t, (e = this.opacityAnime) == null || e.dispose(), this.makerObject.material.opacity = t, this.plugin.five.needsRender = !0;
+  }
+  /** 更改标注颜色
+   * @param color 标注颜色，支持 hex
+   * @example setColor('#FF0000')
+   */
+  setColor(t) {
+    const e = new a.Color(t);
+    this.makerObject.material.color = e, this.outline.material.color = e, this.plugin.five.needsRender = !0;
+  }
+  /** 更改标注高度
+   * @param height 标注高度，单位：米
+   */
+  setHeight(t) {
+    if (t <= 0)
+      throw new Error("高度必须大于 0");
+    this.height = t, this.makerObject.geometry = u(this.shape, t), this.outline.geometry = new a.EdgesGeometry(this.makerObject.geometry);
+    const e = this.shape.extractPoints(10).shape.slice(0, -1), s = O(e), o = new a.Vector3(s.x, s.y, t);
+    g(o, this.bottomY), this.tagPosition.copy(o), this.updateTag(), this.plugin.five.needsRender = !0;
+  }
+  /** 更改标注标签的显示层级
+   * @description 为什么需要这个方法
+   * 在相机朝向或位置发生变化时，各个标签所在的坐标与相机的远近关系发生了变化，所以标签的层级也会有变化。
+   * 比如：
+   * - 相机 -> 标签 A -> 标签 B： 标签 A 在标签 B 的前面
+   * - 标签 A <- 标签 B <- 相机： 标签 A 在标签 B 的后面
+   * 但是当前元素是无法感知到这种变化的，所以需要通过父元素调用这个方法来更新标签的层级。
+   */
+  setTagZIndex(t) {
+    var e;
+    this.tagZIndex !== t && ((e = this.tagApp) == null || e.$set({ zIndex: t }));
+  }
+}
+function u(n, t) {
+  return new a.ExtrudeBufferGeometry(n, {
+    depth: t,
+    bevelEnabled: !1
+  });
+}
+function M(n, t) {
+  return new a.MeshBasicMaterial({
+    color: n,
+    opacity: t,
+    transparent: !0
+  });
+}
+function g(n, t) {
+  const e = new a.Matrix4(), s = new a.Matrix4().makeRotationX(Math.PI / 2), o = new a.Matrix4().makeTranslation(0, 0, -t), r = new a.Matrix4().makeScale(1, 1, -1);
+  e.multiply(s), e.multiply(o), e.multiply(r), n.applyMatrix4(e);
+}
+export {
+  q as AreaMakerItem
+};

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -2,14 +2,14 @@ var k = Object.defineProperty, w = Object.defineProperties;
 var P = Object.getOwnPropertyDescriptors;
 var C = Object.getOwnPropertySymbols;
 var F = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
-var v = (n, e, t) => e in n ? k(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, m = (n, e) => {
+var v = (n, e, t) => e in n ? k(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, p = (n, e) => {
   for (var t in e || (e = {}))
     F.call(e, t) && v(n, t, e[t]);
   if (C)
     for (var t of C(e))
       L.call(e, t) && v(n, t, e[t]);
   return n;
-}, p = (n, e) => w(n, P(e));
+}, c = (n, e) => w(n, P(e));
 var i = (n, e, t) => (v(n, typeof e != "symbol" ? e + "" : e, t), t);
 import * as l from "three";
 import { logWarning as T, logError as V } from "../../shared-utils/log.js";
@@ -185,19 +185,19 @@ class R {
       this.mesh.material.uniforms.vOffset.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
     });
     i(this, "onFlickerAnimeUpdate", (e) => {
-      var a, r;
+      var r, a, o, d;
       const { progress: t } = e, s = 1 - t;
-      this.mesh.material.uniforms.flicker.value = s, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && b(this.startTagContainer.tag) && ((a = this.startTagContainer.app) == null || a.$set(p(m({}, this.startTagContainer.tag.data), {
+      this.mesh.material.uniforms.flicker.value = s, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && b(this.startTagContainer.tag) && ((o = this.startTagContainer.app) == null || o.$set(c(p({}, this.startTagContainer.tag.data), {
         opacity: s,
         name: this.name,
-        distance: Math.round(this.curvePath.getLength())
-      }))), this.endTagContainer.tag && b(this.endTagContainer.tag) && ((r = this.endTagContainer.app) == null || r.$set(p(m({}, this.endTagContainer.tag.data), { opacity: s })));
+        distance: Math.round((a = (r = this.curvePath) == null ? void 0 : r.getLength()) != null ? a : 0)
+      }))), this.endTagContainer.tag && b(this.endTagContainer.tag) && ((d = this.endTagContainer.app) == null || d.$set(c(p({}, this.endTagContainer.tag.data), { opacity: s })));
     });
     i(this, "logWarning", (e) => T("GuideLineModeItem: ", e));
     i(this, "logError", (e) => V("GuideLineModeItem: ", e));
-    var r, o;
+    var a, o;
     this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.startTagContainer = { tag: null, plugin: new y(this.five) }, this.endTagContainer = { tag: null, plugin: new y(this.five) };
-    const s = new l.BufferGeometry(), a = new l.ShaderMaterial({
+    const s = new l.BufferGeometry(), r = new l.ShaderMaterial({
       vertexShader: B,
       fragmentShader: I,
       transparent: !0,
@@ -216,7 +216,7 @@ class R {
         vOffset: { value: 0 }
       }
     });
-    this.mesh = new l.Mesh(s, a), this.mesh.name = "GuideLineModeItem", this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), this.updateVisible(), this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveModelShownFloorChange((o = (r = this.five.model) == null ? void 0 : r.shownFloor) != null ? o : null), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), this.flickerAnime.onUpdate(this.onFlickerAnimeUpdate), this.parent.hooks.on("show", this.updateVisible), this.parent.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("show", this.updateVisible), this.plugin.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("enable", this.updateVisible), this.plugin.hooks.on("disable", this.updateVisible), this.plugin.hooks.on("dispose", this.dispose), this.five.on("modeChange", this.onFiveModeChange), this.five.on("modelShownFloorChange", this.onFiveModelShownFloorChange);
+    this.mesh = new l.Mesh(s, r), this.mesh.name = "GuideLineModeItem", this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), this.updateVisible(), this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveModelShownFloorChange((o = (a = this.five.model) == null ? void 0 : a.shownFloor) != null ? o : null), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), this.flickerAnime.onUpdate(this.onFlickerAnimeUpdate), this.parent.hooks.on("show", this.updateVisible), this.parent.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("show", this.updateVisible), this.plugin.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("enable", this.updateVisible), this.plugin.hooks.on("disable", this.updateVisible), this.plugin.hooks.on("dispose", this.dispose), this.five.on("modeChange", this.onFiveModeChange), this.five.on("modelShownFloorChange", this.onFiveModelShownFloorChange);
   }
   get panoGroup() {
     return this._panoGroup;
@@ -265,26 +265,26 @@ class R {
       return this.logError("setPathByPanoGroup: work is not ready");
     const s = S(e);
     if (this._panoGroup = s, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
-      const r = t.skipPanoGroup ? s.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
-      this.skippedPositions = r;
+      const a = t.skipPanoGroup ? s.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
+      this.skippedPositions = a;
     }
-    const a = this.getPathFromPanoGroup(s, this.five.work, t);
-    this.path = a, this.setGeometryByPath(a, t);
+    const r = this.getPathFromPanoGroup(s, this.five.work, t);
+    this.path = r, this.setGeometryByPath(r, t);
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, t) {
-    var f, g, c;
+    var h, g, f;
     if (this.disposed)
       return this.logError("disposed");
-    const s = (f = t == null ? void 0 : t.scale) != null ? f : this.scale, a = (g = t == null ? void 0 : t.width) != null ? g : this.width, r = (c = t == null ? void 0 : t.unit_length) != null ? c : this.unitLength;
-    this.path = e, this.scale = s, this.width = a, this.unitLength = r;
-    const { geometry: o, maxU: u, curvePath: d, curvePoints: h } = U({
+    const s = (h = t == null ? void 0 : t.scale) != null ? h : this.scale, r = (g = t == null ? void 0 : t.width) != null ? g : this.width, a = (f = t == null ? void 0 : t.unit_length) != null ? f : this.unitLength;
+    this.path = e, this.scale = s, this.width = r, this.unitLength = a;
+    const { geometry: o, maxU: d, curvePath: m, curvePoints: u } = U({
       path: e,
-      width: a * s,
-      unitLength: r * s,
+      width: r * s,
+      unitLength: a * s,
       skipPositions: this.skippedPositions
     });
-    this._curvePath = d, this._curvePoints = h, this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = u, this.five.needsRender = !0;
+    this._curvePath = m, this._curvePoints = u, this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = d, this.five.needsRender = !0;
   }
   /** 设置线条材质 */
   setMartial(e) {
@@ -371,32 +371,35 @@ class R {
     return this.disposed ? this.logError("disposed") : this.cacheLengths.length !== 0 ? this.cacheLengths[e] : (this.cacheLengths = this.getPanoGroupLengths(), this.cacheLengths[e]);
   }
   getPanoGroupLengths() {
-    const e = this.panoGroup.map((h) => this.five.work.observers[h]), t = this.curvePoints.length, s = this.curvePath.getLength(), a = t - 1, r = s / a, o = this.curvePath.getLengths(a), u = [];
-    let d = 0;
+    var u;
+    if (!this.curvePoints || !this.curvePath)
+      return [];
+    const e = this.panoGroup.map((h) => this.five.work.observers[h]), t = this.curvePoints.length, s = this.curvePath.getLength(), r = t - 1, a = s / r, o = (u = this.curvePath.getLengths(r)) != null ? u : [], d = [];
+    let m = 0;
     for (let h = 0; h < t; h++) {
-      const f = this.curvePoints[h], g = e[d];
-      if (!g)
+      const g = this.curvePoints[h], f = e[m];
+      if (!f)
         break;
-      g.standingPosition.clone().setY(0).distanceTo(f.clone().setY(0)) < r && (u.push(o[h]), d += 1);
+      f.standingPosition.clone().setY(0).distanceTo(g.clone().setY(0)) < a && (d.push(o[h]), m += 1);
     }
-    return u;
+    return d;
   }
   setTag(e, t) {
-    const s = e === "start" ? this.startTagContainer : this.endTagContainer;
-    t || s.plugin.clearTags();
-    const r = A({}, {
+    const s = this.curvePath, r = e === "start" ? this.startTagContainer : this.endTagContainer;
+    t || r.plugin.clearTags();
+    const o = A({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"], followModelVisibility: !1 } },
       style: { point: { enabled: !1 } },
       data: {}
     }, t);
-    s.tag = r, b(r) && (s.tag.element = (o) => {
-      var h;
-      (h = s.app) == null || h.$destroy();
-      const u = e === "start" ? p(m({}, r.data), { name: this.name, distance: Math.round(this.curvePath.getLength()), i18n: this.plugin.config.i18n }) : r.data, d = new O({ target: o, intro: !0, props: u });
-      return s.app = d, () => d.$destroy();
-    }), s.plugin.load({ tagList: [s.tag] });
+    r.tag = o, b(o) && (r.tag.element = (d) => {
+      var h, g;
+      (h = r.app) == null || h.$destroy();
+      const m = e === "start" ? c(p({}, o.data), { name: this.name, distance: Math.round((g = s.getLength()) != null ? g : 0), i18n: this.plugin.config.i18n }) : o.data, u = new O({ target: d, intro: !0, props: m });
+      return r.app = u, () => u.$destroy();
+    }), r.plugin.load({ tagList: [r.tag] });
   }
   doShow() {
     this.mode === "model" && this.flowAnime.play(), this.five.scene.add(this.mesh), this.startTagContainer.plugin.show(), this.endTagContainer.plugin.show(), this.five.needsRender = !0;
@@ -408,18 +411,18 @@ class R {
   getPathFromPanoGroup(e, t, s) {
     if (e.length < 2)
       return [];
-    const r = e.map((o) => t.observers[o]).map((o) => o.standingPosition.toArray());
-    return [m({ type: "CatmullRomCurve3", points: r }, s)];
+    const a = e.map((o) => t.observers[o]).map((o) => o.standingPosition.toArray());
+    return [p({ type: "CatmullRomCurve3", points: a }, s)];
   }
 }
 function b(n) {
   return n.contentType === "Custom";
 }
-const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   GuideLineModeItem: R
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   R as GuideLineModeItem,
-  te as GuideLineModeItem$1
+  ie as GuideLineModeItem$1
 };

package/libs/GuideLinePlugin/utils/createLineGeometry.d.ts

@@ -17,11 +17,6 @@ interface LineGeometryOption {
  * @returns THREE BufferGeometry
  */
 export declare function createLineGeometry(options: LineGeometryOption): {
-    geometry: THREE.BufferGeometry;
-    maxU: number;
-    curvePath?: undefined;
-    curvePoints?: undefined;
-} | {
     geometry: THREE.BufferGeometry;
     maxU: number;
     curvePath: THREE.CurvePath<THREE.Vector3>;

package/libs/GuideLinePlugin/utils/createLineGeometry.js

@@ -11,31 +11,31 @@ const z = 2, M = 3, X = 3, k = 2;
 function Q(e) {
   const i = e.width, g = e.unitLength / i, c = i / 2, E = e.path;
   if (E.length === 0)
-    return { geometry: new n.BufferGeometry(), maxU: 0 };
+    return { geometry: new n.BufferGeometry(), maxU: 0, curvePath: null, curvePoints: null };
   const u = new n.CurvePath();
   E.forEach((t) => {
-    const m = I(t);
-    m && u.add(m);
+    const l = I(t);
+    l && u.add(l);
   });
   const w = Math.ceil(u.getLength() * 100);
   u.arcLengthDivisions = w;
   const o = u.getPoints(w), y = o.length, L = G(o.map((t) => [t.x, t.z])), B = (y - 1) * z * M, d = 2 * y, C = d * X, U = d * k, r = new Uint32Array(B), s = new Float32Array(C), a = new Float32Array(U);
-  let N = 0, R = 0;
+  let N = 0, P = 0;
   for (let t = 0; t < o.length; t++) {
-    const [m, A] = L[t][0], T = o[t], { x: _, y: b, z: P } = T, f = new x(_ + m * c, b + 0.05, P + A * c);
-    s[t * 6 + 0] = f.x, s[t * 6 + 1] = f.y, s[t * 6 + 2] = f.z;
-    const h = new x(_ - m * c, b + 0.05, P - A * c);
-    s[t * 6 + 3] = h.x, s[t * 6 + 4] = h.y, s[t * 6 + 5] = h.z, N += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
-    const v = N / i / g;
-    if (R = v, a[t * 4 + 0] = 0, a[t * 4 + 1] = v, a[t * 4 + 2] = 1, a[t * 4 + 3] = v, e.skipPositions) {
-      const V = new n.Vector3().lerpVectors(f, h, 0.5);
+    const [l, R] = L[t][0], T = o[t], { x: A, y: _, z: b } = T, v = new x(A + l * c, _ + 0.05, b + R * c);
+    s[t * 6 + 0] = v.x, s[t * 6 + 1] = v.y, s[t * 6 + 2] = v.z;
+    const f = new x(A - l * c, _ + 0.05, b - R * c);
+    s[t * 6 + 3] = f.x, s[t * 6 + 4] = f.y, s[t * 6 + 5] = f.z, N += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
+    const h = N / i / g;
+    if (P = h, a[t * 4 + 0] = 0, a[t * 4 + 1] = h, a[t * 4 + 2] = 1, a[t * 4 + 3] = h, e.skipPositions) {
+      const V = new n.Vector3().lerpVectors(v, f, 0.5);
       if (e.skipPositions.some((F) => F.distanceTo(V) < 0.26))
         continue;
     }
     t !== o.length - 1 && (r[t * 6 + 0] = t * 2 + 0, r[t * 6 + 1] = t * 2 + 2, r[t * 6 + 2] = t * 2 + 1, r[t * 6 + 3] = t * 2 + 2, r[t * 6 + 4] = t * 2 + 3, r[t * 6 + 5] = t * 2 + 1);
   }
-  const l = new n.BufferGeometry();
-  return l.setAttribute("position", new n.BufferAttribute(s, 3)), l.setAttribute("uv", new n.BufferAttribute(a, 2)), l.setIndex(new n.BufferAttribute(r, 1)), { geometry: l, maxU: R, curvePath: u, curvePoints: o };
+  const m = new n.BufferGeometry();
+  return m.setAttribute("position", new n.BufferAttribute(s, 3)), m.setAttribute("uv", new n.BufferAttribute(a, 2)), m.setIndex(new n.BufferAttribute(r, 1)), { geometry: m, maxU: P, curvePath: u, curvePoints: o };
 }
 function I(e) {
   if (O(e)) {

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -163,15 +163,16 @@ class ri extends w {
       if (!e)
         return;
       const o = F(e).then((r) => {
-        var l, m, h, d, u;
+        var l, m, h, p, u;
         const s = Object.assign(r.scene, {
           customID: t.id,
           isTagModel: !0,
-          removeEventListener: this.addObjectClickHandler(t, r.scene, (c) => {
+          removeEventListener: t.config.clickable === !1 ? () => {
+          } : this.addObjectClickHandler(t, r.scene, (c) => {
             this.hooks.emit("click", { target: "TagModel", tag: t, event: c });
           })
         });
-        return s.visible = this.getCurrentVisibleState(t), new g().fromArray(t.matrix).decompose(s.position, s.quaternion, s.scale), s.updateWorldMatrix(!0, !0), s.visible = this.getVisibleByFiveMode(t), (h = (m = (l = this.config) == null ? void 0 : l.globalConfig) == null ? void 0 : m.modelConfig) != null && h.autoLookAtEnabled && ((u = (d = t.config) == null ? void 0 : d.modelConfig) != null && u.autoLookAtEnabled) && s.lookAt(this.five.camera.position.clone().setY(s.position.y)), s;
+        return s.visible = this.getCurrentVisibleState(t), new g().fromArray(t.matrix).decompose(s.position, s.quaternion, s.scale), s.updateWorldMatrix(!0, !0), s.visible = this.getVisibleByFiveMode(t), (h = (m = (l = this.config) == null ? void 0 : l.globalConfig) == null ? void 0 : m.modelConfig) != null && h.autoLookAtEnabled && ((u = (p = t.config) == null ? void 0 : p.modelConfig) != null && u.autoLookAtEnabled) && s.lookAt(this.five.camera.position.clone().setY(s.position.y)), s;
       });
       t.model = { promise: o };
       const i = yield o;
@@ -222,7 +223,7 @@ class ri extends w {
       var o, i;
       return ((i = (o = e.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : i.type) === "Video";
     }).forEach((e) => {
-      var l, m, h, d, u;
+      var l, m, h, p, u;
       const o = e.data.mediaData[0];
       if (!o)
         return;
@@ -230,8 +231,8 @@ class ri extends w {
       if (!i)
         return;
       e.mediaPlane && !((m = (l = e.state) == null ? void 0 : l.visible) == null || m) && e.mediaPlane instanceof R && e.mediaPlane.pause();
-      const n = e.position.map(C), a = this.getCurrentVisibleState(e), r = (() => !!(e.mediaPlane && !a))(), s = (() => !!(!e.mediaPlane && a))(), p = (() => !!(e.mediaPlane && e.mediaPlane.src !== i))();
-      if ((r || p) && (e.mediaPlane && this.imagePlaneGroup.remove(e.mediaPlane), (h = e.mediaPlane) == null || h.dispose(), (d = e.mediaPlane) == null || d.removeFromParent(), e.mediaPlane = void 0), s || p) {
+      const n = e.position.map(C), a = this.getCurrentVisibleState(e), r = (() => !!(e.mediaPlane && !a))(), s = (() => !!(!e.mediaPlane && a))(), d = (() => !!(e.mediaPlane && e.mediaPlane.src !== i))();
+      if ((r || d) && (e.mediaPlane && this.imagePlaneGroup.remove(e.mediaPlane), (h = e.mediaPlane) == null || h.dispose(), (p = e.mediaPlane) == null || p.removeFromParent(), e.mediaPlane = void 0), s || d) {
         const c = new R(i, n, {
           videoCoverSrc: o.videoCoverUrl,
           playButton: e.data.playIcon,
@@ -257,12 +258,12 @@ class ri extends w {
       var o, i;
       return ((i = (o = e.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : i.type) === "Image";
     }).forEach((e) => {
-      var p, l;
+      var d, l;
       const { url: o } = e.data.mediaData[0];
       if (!o)
         return;
       const i = e.position.map(C), n = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !n))(), r = (() => !!(!e.mediaPlane && n))(), s = (() => !!(e.mediaPlane && e.mediaPlane.src !== o))();
-      (a || s) && (e.mediaPlane && this.imagePlaneGroup.remove(e.mediaPlane), (p = e.mediaPlane) == null || p.dispose(), (l = e.mediaPlane) == null || l.removeFromParent(), e.mediaPlane = void 0), (r || s) && (e.mediaPlane = new j(o, i, { objectFit: e.data.objectFit }), e.config.clickable !== !1 && this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (m) => {
+      (a || s) && (e.mediaPlane && this.imagePlaneGroup.remove(e.mediaPlane), (d = e.mediaPlane) == null || d.dispose(), (l = e.mediaPlane) == null || l.removeFromParent(), e.mediaPlane = void 0), (r || s) && (e.mediaPlane = new j(o, i, { objectFit: e.data.objectFit }), e.config.clickable !== !1 && this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (m) => {
         this.hooks.emit("click", { tag: e, target: "TagContent", event: m.origDomEvent });
       }), this.imagePlaneGroup.add(e.mediaPlane));
     });
@@ -274,9 +275,9 @@ class ri extends w {
     this.sort([...this.filterCSS3DTag]).forEach((e) => {
       var o, i, n, a;
       if (e.tag3DContentSvelte) {
-        const { svelteApp: r, css3DInstance: s, initialNormal: p, currentNormal: l } = e.tag3DContentSvelte;
-        if (r.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !p.equals(l)) {
-          const m = new O().setFromUnitVectors(p, l);
+        const { svelteApp: r, css3DInstance: s, initialNormal: d, currentNormal: l } = e.tag3DContentSvelte;
+        if (r.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !d.equals(l)) {
+          const m = new O().setFromUnitVectors(d, l);
           s.css3DObject.setRotationFromQuaternion(m);
         }
         return;
@@ -291,13 +292,13 @@ class ri extends w {
         const s = this.getTagNormal(e);
         if (!s)
           return;
-        const l = (n = this.getTagConfig(e).tag3DConfig) != null ? n : {};
+        const d = this.getTagConfig(e), l = (n = d.tag3DConfig) != null ? n : {};
         if (this.getRenderType(e) === "BehindDom") {
           l.mode = "behind", l.container = document.createElement("div");
-          const d = "black";
-          l.container.style.backgroundColor = d, l.container.style.border = `3px solid ${d}`, this.css3DRenderPlugin.hooks.on("render", () => {
+          const p = "black";
+          l.container.style.backgroundColor = p, l.container.style.border = `3px solid ${p}`, this.css3DRenderPlugin.hooks.on("render", () => {
             var u;
-            if (m.css3DObject.opacityMesh) {
+            if (m.css3DObject.opacityMesh && d.clickable !== !1) {
               const c = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (v) => {
                 this.hooks.emit("click", { event: v, target: "TagContent", tag: e });
               });
@@ -368,10 +369,10 @@ class ri extends w {
     if (!n || n.length !== 4 || !Array.isArray(n[0]) || !Array.isArray(n[2]))
       return;
     e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, r = new D().fromArray(n[0]), s = new D().fromArray(n[2]), p = x(r, s).add(new D(0, 0, 5e-4)), l = new g().setPosition(p), m = new g().makeScale(o, o, o), h = new g().multiply(a).multiply(l).multiply(m);
+    const a = e.matrixWorld, r = new D().fromArray(n[0]), s = new D().fromArray(n[2]), d = x(r, s).add(new D(0, 0, 5e-4)), l = new g().setPosition(d), m = new g().makeScale(o, o, o), h = new g().multiply(a).multiply(l).multiply(m);
     h.decompose(i.position, i.quaternion, i.scale);
-    const d = i.opacityMesh;
-    d && h.decompose(d.position, d.quaternion, d.scale);
+    const p = i.opacityMesh;
+    p && h.decompose(p.position, p.quaternion, p.scale);
   }
   /** 添加模型标签 */
   addMediaModelTag(t) {

package/libs/PanoTagPlugin/typings/tag/Tag.d.ts

@@ -33,7 +33,7 @@ export type Tag<C extends TagContentType = TagContentType, S extends StickType =
     /** 标签 wrapper 的 classname */
     className?: string;
     /** 标签数据 */
-    data: C extends TagContentType ? ContentTypeMap[C] : ContentTypeMap[keyof ContentTypeMap];
+    data: ContentTypeMap[C];
     /** 「展开/收起」 「可见/不可见」 的策略配置 */
     config?: TagConfig<C>;
     /** 打标签时的 five state */

package/libs/PanoTagPlugin/typings/tag/TagConfig.d.ts

@@ -141,9 +141,7 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
      * @description: 标签的默认数据，会将 tag.data 深度合并进来
      * @code `tag.data = ObjectAssignDeep(initialData, tag.data)`
      */
-    initialData?: (C extends TagContentType ? PartialObjectDeep<ContentTypeMap[C]> : {
-        [key: string]: any;
-    }) & {
+    initialData?: PartialObjectDeep<ContentTypeMap[C]> & {
         /**
          * @description: 类似 css 的 !important，会覆盖掉 tag.data 中对应的数据
          * @code
@@ -173,5 +171,5 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
     clickable?: boolean;
     isMerged?: boolean;
 }
-export declare const defaultGlobalConfig: TagConfig<any>;
+export declare const defaultGlobalConfig: TagConfig;
 export {};

package/libs/PanoTagPlugin/typings/tag/TagData.d.ts

@@ -156,6 +156,8 @@ interface ContentTypeMapInterface {
 type ContentTypeMapInterfaceWithExtraData = {
     [key in keyof ContentTypeMapInterface]: ContentTypeMapInterface[key] & {
         extraData?: Object;
+    } & {
+        [key: string]: any;
     };
 };
 export type ContentTypeMap = Pick<ContentTypeMapInterfaceWithExtraData, TagContentType>;