@realsee/dnalogel 3.3.0-dev.5 → 3.3.1

package/libs/CurrentPanoImagePlugin/Controller.js

@@ -1,7 +1,7 @@
 var m = Object.defineProperty;
 var g = Object.getOwnPropertySymbols;
 var v = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var p = (r, o, e) => o in r ? m(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, d = (r, o) => {
+var p = (r, o, e) => o in r ? m(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, l = (r, o) => {
   for (var e in o || (o = {}))
     v.call(o, e) && p(r, e, o[e]);
   if (g)
@@ -11,22 +11,22 @@ var p = (r, o, e) => o in r ? m(r, o, { enumerable: !0, configurable: !0, writab
 };
 var n = (r, o, e) => (p(r, typeof o != "symbol" ? o + "" : o, e), e);
 var f = (r, o, e) => new Promise((i, t) => {
-  var s = (l) => {
+  var s = (d) => {
     try {
-      u(e.next(l));
+      u(e.next(d));
     } catch (c) {
       t(c);
     }
-  }, h = (l) => {
+  }, a = (d) => {
     try {
-      u(e.throw(l));
+      u(e.throw(d));
     } catch (c) {
       t(c);
     }
-  }, u = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, h);
+  }, u = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, a);
   u((e = e.apply(r, o)).next());
 });
-import * as a from "three";
+import * as h from "three";
 import { Controller as M } from "../base/BasePlugin.js";
 import { tweenProgress as A } from "../shared-utils/animationFrame/BetterTween.js";
 import "hammerjs";
@@ -69,7 +69,7 @@ class K extends M {
       pluginHidden: ""
     });
     // ==================== private properties ====================
-    n(this, "group", new a.Group());
+    n(this, "group", new h.Group());
     n(this, "mesh");
     n(this, "textureLoadingPromise");
     n(this, "opacityAnimeTween");
@@ -127,20 +127,20 @@ class K extends M {
       visible: !0
     };
     this.state = Object.assign(t, i == null ? void 0 : i.initialState);
-    const s = d({
+    const s = l({
       width: 1.4,
       yOffset: 0.01,
       yRotate: 0,
       imageURL: this.absoluteUrl("/release/web/logo.7febb17f.png")
     }, i == null ? void 0 : i.config);
-    this._config = s, this.group.name = "current-pano-image-plugin-group", this.mesh = new a.Mesh(
-      new a.PlaneBufferGeometry(this.config.width, this.config.width),
-      new a.MeshBasicMaterial({ transparent: !0, opacity: 0, depthTest: !1 })
+    this._config = s, this.group.name = "current-pano-image-plugin-group", this.mesh = new h.Mesh(
+      new h.PlaneBufferGeometry(this.config.width, this.config.width),
+      new h.MeshBasicMaterial({ transparent: !0, opacity: 0, depthTest: !1 })
     ), this.mesh.visible = !1, this.group.add(this.mesh), this.updateMeshQuaternion(this.config.yRotate), this.state.visible || (this.checkMsg.pluginHidden = "初始值设置为隐藏"), this.state.enabled || (this.checkMsg.pluginDisabled = "初始值设置为禁用"), this.state.enabled && this._enable({ userAction: !1 }), this.five.once("dispose", this.dispose);
   }
   /** 插件配置项 */
   get config() {
-    return d({}, this._config);
+    return l({}, this._config);
   }
   /** 是否已经被销毁 */
   get disposed() {
@@ -178,7 +178,7 @@ class K extends M {
         return Promise.resolve();
       if (this.disposed)
         return Promise.reject(new Error("不能在已销毁的插件上调用 show"));
-      const i = d({ userAction: !0 }, e);
+      const i = l({ userAction: !0 }, e);
       this.updateState({ visible: !0 }, i.userAction), this.checkMsg.pluginHidden = "", this._show(i);
     });
   }
@@ -190,7 +190,7 @@ class K extends M {
     return f(this, null, function* () {
       if (this.state.visible === !1)
         return;
-      const i = d({ userAction: !0 }, e);
+      const i = l({ userAction: !0 }, e);
       this.updateState({ visible: !1 }, i.userAction), this.checkMsg.pluginDisabled = "调用 hide 隐藏", this._hide(i);
     });
   }
@@ -205,8 +205,8 @@ class K extends M {
       return;
     const s = i.userAction !== void 0 ? i.userAction : !0;
     if (this.updateState(e, s), e.enabled !== void 0 && t.enabled !== e.enabled && (e.enabled ? this.checkMsg.pluginDisabled = "" : this.checkMsg.pluginDisabled = "调用 setState 禁用", e.enabled ? this._enable({ userAction: s }) : this._disable({ userAction: s })), e.visible !== void 0 && t.visible !== e.visible) {
-      const h = { userAction: s, anime: { duration: 500 } };
-      e.visible ? this.checkMsg.pluginHidden = "" : this.checkMsg.pluginHidden = "调用 setState 隐藏", e.visible ? this._show(h) : this._hide(h);
+      const a = { userAction: s, anime: { duration: 500 } };
+      e.visible ? this.checkMsg.pluginHidden = "" : this.checkMsg.pluginHidden = "调用 setState 隐藏", e.visible ? this._show(a) : this._hide(a);
     }
   }
   /** 更改插件 Config
@@ -214,9 +214,9 @@ class K extends M {
    * @param `options` `<Option> | <undefined>`
    */
   updateConfig(e, i = {}) {
-    var h;
-    const t = this.config, s = d(d({}, t), e);
-    this._config = s, t.imageURL !== s.imageURL && this.reloadTexture(s.imageURL), t.yOffset !== s.yOffset && this.updateMeshPosition(this.five.getCurrentState().panoIndex), t.yRotate !== s.yRotate && this.updateMeshQuaternion(s.yRotate), t.width !== s.width && (this.mesh.geometry = new a.PlaneBufferGeometry(s.width, s.width)), this.hooks.emit("configChange", { prevConfig: t, config: s, userAction: (h = i.userAction) != null ? h : !0 });
+    var a;
+    const t = this.config, s = l(l({}, t), e);
+    this._config = s, t.imageURL !== s.imageURL && this.reloadTexture(s.imageURL), t.yOffset !== s.yOffset && this.updateMeshPosition(this.five.getCurrentState().panoIndex), t.yRotate !== s.yRotate && this.updateMeshQuaternion(s.yRotate), t.width !== s.width && (this.mesh.geometry = new h.PlaneBufferGeometry(s.width, s.width)), this.hooks.emit("configChange", { prevConfig: t, config: s, userAction: (a = i.userAction) != null ? a : !0 });
   }
   /** 问什么看不到模型 */
   __whyCantSeeMesh() {
@@ -231,7 +231,7 @@ class K extends M {
   }
   updateState(e, i) {
     const t = this.state;
-    this.state = d(d({}, this.state), e), this.hooks.emit("stateChange", { state: this.state, prevState: t, userAction: i });
+    this.state = l(l({}, this.state), e), this.hooks.emit("stateChange", { state: this.state, prevState: t, userAction: i });
   }
   /** 根据各种条件更新 Mesh 的可见性 */
   updateMeshVisible() {
@@ -240,8 +240,8 @@ class K extends M {
   }
   /** 根据点位更新 Mesh 坐标 */
   updateMeshPosition(e) {
-    var s, h, u;
-    const i = (u = (h = (s = this.five.work) == null ? void 0 : s.observers) == null ? void 0 : h[e]) == null ? void 0 : u.standingPosition, t = i == null ? void 0 : i.clone().setY(i.y + this.config.yOffset);
+    var s, a, u;
+    const i = (u = (a = (s = this.five.work) == null ? void 0 : s.observers) == null ? void 0 : a[e]) == null ? void 0 : u.standingPosition, t = i == null ? void 0 : i.clone().setY(i.y + this.config.yOffset);
     t && this.mesh.position.copy(t);
   }
   /** 重新加载贴图，调用时会先清除已有的贴图 */
@@ -251,19 +251,19 @@ class K extends M {
         const i = P(e);
         this.textureLoadingPromise = i;
         const t = yield i;
-        this.textureLoadingPromise === i && (this.onTextureLoaded(t), this.textureLoadingPromise = null);
+        t.minFilter = h.LinearFilter, this.textureLoadingPromise === i && (this.onTextureLoaded(t), this.textureLoadingPromise = null);
       }
       this.updateMeshVisible();
     });
   }
   /** north_rad 变化时，需要更新模型的旋转角度 */
   updateMeshQuaternion(e) {
-    const i = new a.Quaternion();
+    const i = new h.Quaternion();
     i.multiplyQuaternions(
       // 沿着自身 X 轴旋转 -90 度
-      new a.Quaternion().setFromAxisAngle(new a.Vector3(1, 0, 0), -Math.PI / 2),
+      new h.Quaternion().setFromAxisAngle(new h.Vector3(1, 0, 0), -Math.PI / 2),
       // 沿着自身 Z 轴旋转 rad 弧度
-      new a.Quaternion().setFromAxisAngle(new a.Vector3(0, 0, 1), e)
+      new h.Quaternion().setFromAxisAngle(new h.Vector3(0, 0, 1), e)
     ), this.mesh.quaternion.copy(i);
   }
   _enable(e) {

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,29 +1,29 @@
 var P = Object.defineProperty, V = Object.defineProperties;
-var F = Object.getOwnPropertyDescriptors;
+var T = Object.getOwnPropertyDescriptors;
 var k = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
-var b = (n, e, t) => e in n ? P(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, d = (n, e) => {
+var F = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+var b = (h, e, t) => e in h ? P(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, u = (h, e) => {
   for (var t in e || (e = {}))
-    L.call(e, t) && b(n, t, e[t]);
+    F.call(e, t) && b(h, t, e[t]);
   if (k)
     for (var t of k(e))
-      T.call(e, t) && b(n, t, e[t]);
-  return n;
-}, p = (n, e) => V(n, F(e));
-var i = (n, e, t) => (b(n, typeof e != "symbol" ? e + "" : e, t), t);
-import * as h from "three";
-import { logWarning as x, logError as U } from "../../shared-utils/log.js";
-import { createLineGeometry as S } from "../utils/createLineGeometry.js";
-import { isPanoramaLike as _, isModelLike as M } from "../../shared-utils/five/mode.js";
+      L.call(e, t) && b(h, t, e[t]);
+  return h;
+}, p = (h, e) => V(h, T(e));
+var i = (h, e, t) => (b(h, typeof e != "symbol" ? e + "" : e, t), t);
+import * as n from "three";
+import { logWarning as x, logError as S } from "../../shared-utils/log.js";
+import { createLineGeometry as U } from "../utils/createLineGeometry.js";
+import { isPanoramaLike as M, isModelLike as _ } from "../../shared-utils/five/mode.js";
 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 { BetterTween as G, tweenProgress as O } from "../../shared-utils/animationFrame/BetterTween.js";
-import { loadTexture as E } from "../../shared-utils/three/loadTexture.js";
+import { BetterTween as O, tweenProgress as G } from "../../shared-utils/animationFrame/BetterTween.js";
+import { loadTexture as A } from "../../shared-utils/three/loadTexture.js";
 import w from "../../PanoTagPlugin/controller/index.js";
-import A from "../Components/Tag.js";
+import E from "../Components/Tag.js";
 import { filterAdjacentDistinct as B } from "../utils/index.js";
 import { objectAssignDeepExports as I } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 const R = (
@@ -155,8 +155,8 @@ class N {
     i(this, "plugin");
     i(this, "textureHasLoaded", !1);
     i(this, "disposed", !1);
-    i(this, "flowAnime", new G({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
-    i(this, "flickerAnime", O(300).yoyo(!0).repeat(5));
+    i(this, "flowAnime", new O({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
+    i(this, "flickerAnime", G(300).yoyo(!0).repeat(5));
     /** 缓存 panoGroup 中每个点距离起点的长度 */
     i(this, "cacheLengths", []);
     /** 为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
@@ -175,7 +175,7 @@ class N {
     });
     /** 模型状态变更 */
     i(this, "onFiveModeChange", (e) => {
-      this.modeVisible = this.mode === "panorama" ? _(e) : M(e), this.updateVisible();
+      this.modeVisible = this.mode === "panorama" ? M(e) : _(e), this.updateVisible();
     });
     i(this, "onFiveModelShownFloorChange", (e) => {
       this.floorVisible = e === null || this.visibleFloorIndexes === null || this.visibleFloorIndexes.includes(e), this.updateVisible();
@@ -190,30 +190,30 @@ class N {
       this.mesh.material.uniforms.vOffset.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
     });
     i(this, "onFlickerAnimeUpdate", (e) => {
-      var r, a, o, u;
-      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 && y(this.startTagContainer.tag) && ((o = this.startTagContainer.app) == null || o.$set(p(d({}, this.startTagContainer.tag.data), {
-        opacity: s,
+      var s, a, o, d;
+      const { progress: t } = e, r = 1 - t;
+      this.mesh.material.uniforms.flicker.value = r, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && y(this.startTagContainer.tag) && ((o = this.startTagContainer.app) == null || o.$set(p(u({}, this.startTagContainer.tag.data), {
+        opacity: r,
         name: this.name,
-        distance: Math.round((a = (r = this.curvePath) == null ? void 0 : r.getLength()) != null ? a : 0)
-      }))), this.endTagContainer.tag && y(this.endTagContainer.tag) && ((u = this.endTagContainer.app) == null || u.$set(p(d({}, this.endTagContainer.tag.data), { opacity: s })));
+        distance: Math.round((a = (s = this.curvePath) == null ? void 0 : s.getLength()) != null ? a : 0)
+      }))), this.endTagContainer.tag && y(this.endTagContainer.tag) && ((d = this.endTagContainer.app) == null || d.$set(p(u({}, this.endTagContainer.tag.data), { opacity: r })));
     });
     i(this, "logWarning", (e) => x("GuideLineModeItem: ", e));
-    i(this, "logError", (e) => U("GuideLineModeItem: ", e));
+    i(this, "logError", (e) => S("GuideLineModeItem: ", e));
     var a, o;
     this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.startTagContainer = { tag: null, plugin: new w(this.five) }, this.endTagContainer = { tag: null, plugin: new w(this.five) };
-    const s = new h.BufferGeometry(), r = new h.ShaderMaterial({
+    const r = new n.BufferGeometry(), s = new n.ShaderMaterial({
       vertexShader: R,
       fragmentShader: W,
       transparent: !0,
       uniforms: {
         map: { value: null },
         useMapColor: { value: 0 },
-        mapColor: { value: new h.Color() },
+        mapColor: { value: new n.Color() },
         mapOpacity: { value: 1 },
-        backgroundColor: { value: new h.Color() },
+        backgroundColor: { value: new n.Color() },
         backgroundOpacity: { value: 0 },
-        borderColor: { value: new h.Color() },
+        borderColor: { value: new n.Color() },
         borderOpacity: { value: 0 },
         opacity: { value: 1 },
         flicker: { value: 1 },
@@ -221,7 +221,7 @@ class N {
         vOffset: { value: 0 }
       }
     });
-    this.mesh = new h.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);
+    this.mesh = new n.Mesh(r, s), 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;
@@ -268,65 +268,73 @@ class N {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const s = B(e);
-    if (this._panoGroup = s, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
-      const a = t.skipPanoGroup ? s.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
+    const r = B(e);
+    if (this._panoGroup = r, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
+      const a = t.skipPanoGroup ? r.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
       this.skippedPositions = a;
     }
-    const r = this.getPathFromPanoGroup(s, this.five.work, t);
-    this.path = r, this.setGeometryByPath(r, t);
+    const s = this.getPathFromPanoGroup(r, this.five.work, t);
+    this.path = s, this.setGeometryByPath(s, t);
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, t) {
-    var c, v, C;
+    var f, v, C;
     if (this.disposed)
       return this.logError("disposed");
-    const s = (c = t == null ? void 0 : t.scale) != null ? c : this.scale, r = (v = t == null ? void 0 : t.width) != null ? v : this.width, a = (C = t == null ? void 0 : t.unit_length) != null ? C : this.unitLength;
-    this.scale = s, this.width = r, this.unitLength = a;
-    const { geometry: o, maxU: u, curvePath: g, curvePoints: m } = S({
+    const r = (f = t == null ? void 0 : t.scale) != null ? f : this.scale, s = (v = t == null ? void 0 : t.width) != null ? v : this.width, a = (C = t == null ? void 0 : t.unit_length) != null ? C : this.unitLength;
+    this.scale = r, this.width = s, this.unitLength = a;
+    const { geometry: o, maxU: d, curvePath: g, curvePoints: m } = U({
       path: e,
-      width: r * s,
-      unitLength: a * s,
+      width: s * r,
+      unitLength: a * r,
       skipPositions: this.skippedPositions
     });
-    this._curvePath = g, this._curvePoints = m, this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = u, this.five.needsRender = !0;
-    const l = e, f = d(d({}, this.geometryStyle), t);
-    this.path = l, this.geometryStyle = f;
+    this._curvePath = g, this._curvePoints = m, this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = d, this.five.needsRender = !0;
+    const l = e, c = u(u({}, this.geometryStyle), t);
+    this.path = l, this.geometryStyle = c;
   }
   /** 设置线条材质 */
   setMartial(e) {
-    var s;
+    var r;
     if (this.disposed)
       return this.logError("disposed");
-    (e == null ? void 0 : e.visible) !== void 0 && this.setDefaultVisible(e.visible), (e == null ? void 0 : e.color) !== void 0 && this.setColor(e.color), (e == null ? void 0 : e.opacity) !== void 0 && this.setOpacity(e.opacity), ((s = e == null ? void 0 : e.texture) == null ? void 0 : s.url) !== void 0 && this.setTextureUrl(e.texture.url), (e == null ? void 0 : e.background_color) !== void 0 && this.setBackgroundColor(e.background_color), (e == null ? void 0 : e.background_opacity) !== void 0 && this.setBackgroundOpacity(e.background_opacity), (e == null ? void 0 : e.border_color) !== void 0 && this.setBorderColor(e.border_color), (e == null ? void 0 : e.border_opacity) !== void 0 && this.setBorderOpacity(e.border_opacity);
-    const t = d(d({}, this.materialStyle), e);
+    (e == null ? void 0 : e.visible) !== void 0 && this.setDefaultVisible(e.visible), (e == null ? void 0 : e.color) !== void 0 && this.setColor(e.color), (e == null ? void 0 : e.opacity) !== void 0 && this.setOpacity(e.opacity), ((r = e == null ? void 0 : e.texture) == null ? void 0 : r.url) !== void 0 && this.setTextureUrl(e.texture.url), (e == null ? void 0 : e.background_color) !== void 0 && this.setBackgroundColor(e.background_color), (e == null ? void 0 : e.background_opacity) !== void 0 && this.setBackgroundOpacity(e.background_opacity), (e == null ? void 0 : e.border_color) !== void 0 && this.setBorderColor(e.border_color), (e == null ? void 0 : e.border_opacity) !== void 0 && this.setBorderOpacity(e.border_opacity);
+    const t = u(u({}, this.materialStyle), e);
     this.materialStyle = t;
   }
   /** 设置模型状态 */
   setMeshStyle(e) {
     if (e != null && e.translate) {
-      const s = new h.Vector3(), r = new h.Vector3().fromArray(e.translate);
-      s.add(r), s.y += this.heightOffset, this.mesh.position.copy(s);
+      const s = new n.Vector3(), a = new n.Vector3().fromArray(e.translate);
+      a.y += this.heightOffset, s.add(a), this.mesh.position.copy(s), r(this.startTagContainer, a), r(this.endTagContainer, a);
     }
-    const t = d(d({}, this.meshStyle), e);
+    const t = u(u({}, this.meshStyle), e);
     this.meshStyle = t;
+    function r(s, a) {
+      if (!s.tag)
+        return;
+      const o = new n.Vector3().fromArray(s.tag.position);
+      o.add(a);
+      const d = o.toArray();
+      s.plugin.changeTagById(s.tag.id, { position: d });
+    }
   }
   /** 设置 Y 轴上的偏移量，为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
   setHeightOffset(e) {
-    const t = new h.Vector3();
-    this.meshStyle.translate && t.add(new h.Vector3().fromArray(this.meshStyle.translate)), t.setY(t.y + e), this.mesh.position.copy(t), this.heightOffset = e, this.five.needsRender = !0;
+    const t = new n.Vector3();
+    this.meshStyle.translate && t.add(new n.Vector3().fromArray(this.meshStyle.translate)), t.setY(t.y + e), this.mesh.position.copy(t), this.heightOffset = e, this.five.needsRender = !0;
   }
   /** 设置贴图颜色 */
   setColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    e && (this.mesh.material.uniforms.mapColor.value = new h.Color().set(e)), this.mesh.material.uniforms.useMapColor.value = e ? 1 : 0, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    e && (this.mesh.material.uniforms.mapColor.value = new n.Color().set(e)), this.mesh.material.uniforms.useMapColor.value = e ? 1 : 0, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置边框 */
   setBorderColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.borderColor.value = new h.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.borderColor.value = new n.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置边框透明度 */
   setBorderOpacity(e) {
@@ -338,7 +346,7 @@ class N {
   setBackgroundColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.backgroundColor.value = new h.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.backgroundColor.value = new n.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置背景透明度 */
   setBackgroundOpacity(e) {
@@ -362,15 +370,15 @@ class N {
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, E(e).then((t) => {
-      this.disposed || this.textureUrl === e && (t.wrapT = h.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.uniforms.map.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
+    this.textureUrl = e, A(e).then((t) => {
+      this.disposed || this.textureUrl === e && (t.wrapT = n.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.uniforms.map.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
     });
   }
   setVisibleFloorIndexes(e) {
-    var t, s;
+    var t, r;
     if (this.disposed)
       return this.logError("disposed");
-    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((s = (t = this.five.model) == null ? void 0 : t.shownFloor) != null ? s : null);
+    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((r = (t = this.five.model) == null ? void 0 : t.shownFloor) != null ? r : null);
   }
   setStartTag(e) {
     this.setTag("start", e);
@@ -397,19 +405,20 @@ class N {
     var m;
     if (!this.curvePoints || !this.curvePath)
       return [];
-    const e = this.panoGroup.map((l) => this.five.work.observers[l]), t = this.curvePoints.length, s = this.curvePath.getLength(), r = t - 1, a = s / r, o = (m = this.curvePath.getLengths(r)) != null ? m : [], u = [];
+    const e = this.panoGroup.map((l) => this.five.work.observers[l]), t = this.curvePoints.length, r = this.curvePath.getLength(), s = t - 1, a = r / s, o = (m = this.curvePath.getLengths(s)) != null ? m : [], d = [];
     let g = 0;
     for (let l = 0; l < t; l++) {
-      const f = this.curvePoints[l], c = e[g];
-      if (!c)
+      const c = this.curvePoints[l], f = e[g];
+      if (!f)
         break;
-      c.standingPosition.clone().setY(0).distanceTo(f.clone().setY(0)) < a && (u.push(o[l]), g += 1);
+      f.standingPosition.clone().setY(0).distanceTo(c.clone().setY(0)) < a && (d.push(o[l]), g += 1);
     }
-    return u;
+    return d;
   }
   setTag(e, t) {
-    const s = this.curvePath, r = e === "start" ? this.startTagContainer : this.endTagContainer;
-    t || r.plugin.clearTags();
+    const r = this.curvePath, s = e === "start" ? this.startTagContainer : this.endTagContainer;
+    if (!(t != null && t.data))
+      return s.plugin.clearTags();
     const o = I({}, {
       contentType: "Custom",
       stickType: "2DPoint",
@@ -417,12 +426,19 @@ class N {
       style: { point: { enabled: !1 } },
       data: {}
     }, t);
-    r.tag = o, y(o) && (r.tag.element = (u) => {
-      var l, f;
-      (l = r.app) == null || l.$destroy();
-      const g = e === "start" ? p(d({}, o.data), { name: this.name, distance: Math.round((f = s.getLength()) != null ? f : 0), i18n: this.plugin.config.i18n }) : o.data, m = new A({ target: u, intro: !0, props: g });
-      return r.app = m, () => m.$destroy();
-    }), r.plugin.load({ tagList: [r.tag] });
+    s.tag = o, y(o) && (s.tag.element = (g) => {
+      var c, f;
+      (c = s.app) == null || c.$destroy();
+      const m = e === "start" ? p(u({}, o.data), { name: this.name, distance: Math.round((f = r.getLength()) != null ? f : 0), i18n: this.plugin.config.i18n }) : o.data, l = new E({ target: g, intro: !0, props: m });
+      return s.app = l, () => l.$destroy();
+    }), s.plugin.load({ tagList: [s.tag] });
+    const d = this.meshStyle.translate;
+    if (d && o.position) {
+      const g = new n.Vector3().fromArray(o.position), m = new n.Vector3().fromArray(d);
+      g.add(m), g.y += this.heightOffset;
+      const l = g.toArray();
+      s.plugin.changeTagById(s.tag.id, { position: l });
+    }
   }
   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;
@@ -431,15 +447,15 @@ class N {
     this.mode === "model" && this.flowAnime.stop(), this.five.scene.remove(this.mesh), this.startTagContainer.plugin.hide(), this.endTagContainer.plugin.hide(), this.five.needsRender = !0;
   }
   /** 通过 panoIndex 数组计算路径 */
-  getPathFromPanoGroup(e, t, s) {
+  getPathFromPanoGroup(e, t, r) {
     if (e.length < 2)
       return [];
     const a = e.map((o) => t.observers[o]).map((o) => o.standingPosition.toArray());
-    return [d({ type: "CatmullRomCurve3", points: a }, s)];
+    return [u({ type: "CatmullRomCurve3", points: a }, r)];
   }
 }
-function y(n) {
-  return n.contentType === "Custom";
+function y(h) {
+  return h.contentType === "Custom";
 }
 const se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -27,7 +27,7 @@ var S = (c, l, t) => new Promise((e, o) => {
   a((t = t.apply(c, l)).next());
 });
 import { TagComputer as x } from "./TagComputer.js";
-import { Group as y, Quaternion as O, Vector3 as T, Matrix4 as v } from "three";
+import { Group as y, Quaternion as O, Vector3 as b, Matrix4 as v } from "three";
 import I from "../Components/TagContainer.js";
 import G from "../Components/Tag/index.js";
 import { CSS3DRenderPlugin as F } from "../../CSS3DRenderPlugin/index.js";
@@ -203,7 +203,7 @@ class ui extends x {
           t.mediaPlane = new k(t.data.mediaData[0].url, t.data.mediaPosition.map(g), {
             objectFit: t.data.objectFit
           });
-          const n = new T().addVectors(r[0], r[2]).divideScalar(2);
+          const n = new b().addVectors(r[0], r[2]).divideScalar(2);
           t.mediaPlane.position.copy(n), i.add(t.mediaPlane);
         }
         this.getRenderType(t) !== "Mesh" && (i.updateTagCss3DObjectMatrix = () => this.updateTagCss3DObjectMatrix(t, i), i.updateTagCss3DObjectMatrix());
@@ -262,8 +262,8 @@ class ui extends x {
         d.onVideoReady = (u) => {
           u.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: d.videoInstance }));
         };
-        const b = (u) => (this.five.on("renderFrame", u), () => this.five.off("renderFrame", u));
-        d.initialRenderHooks(b), e.mediaPlane = d, this.imagePlaneGroup.add(e.mediaPlane);
+        const T = (u) => (this.five.on("renderFrame", u), () => this.five.off("renderFrame", u));
+        d.initialRenderHooks(T), e.mediaPlane = d, this.imagePlaneGroup.add(e.mediaPlane);
       }
     });
   }
@@ -298,7 +298,7 @@ class ui extends x {
         }
         return;
       } else {
-        if (D(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled || !e.model.object.visible)
+        if (D(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled)
           return;
         if (this.css3DRenderPlugin || (this.css3DRenderPlugin = F(this.five)), e.stickType === "3DPoint" && !e.normal)
           return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
@@ -315,10 +315,10 @@ class ui extends x {
           p.container.style.backgroundColor = P, p.container.style.border = `3px solid ${P}`, this.css3DRenderPlugin.hooks.on("render", () => {
             var d;
             if (m.css3DObject.opacityMesh && n.clickable !== !1) {
-              const b = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (u) => {
+              const T = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (u) => {
                 this.hooks.emit("click", { event: u, target: "TagContent", tag: e });
               });
-              (d = this.store.css3DRenderDisposer.get(e.id)) == null || d.push(b);
+              (d = this.store.css3DRenderDisposer.get(e.id)) == null || d.push(T);
             }
           });
         }
@@ -378,15 +378,15 @@ class ui extends x {
    * @param model 模型
    */
   updateTagCss3DObjectMatrix(t, e) {
-    var b, u, M;
-    const o = (u = (b = this.getTagConfig(t).tag3DConfig) == null ? void 0 : b.ratio) != null ? u : 216e-5, i = (M = t.tag3DContentSvelte) == null ? void 0 : M.css3DInstance.css3DObject;
+    var T, u, M;
+    const o = (u = (T = this.getTagConfig(t).tag3DConfig) == null ? void 0 : T.ratio) != null ? u : 216e-5, i = (M = t.tag3DContentSvelte) == null ? void 0 : M.css3DInstance.css3DObject;
     if (!i)
       return;
     const s = D(t) ? t.data.mediaPosition : t.position;
     if (!s || s.length !== 4 || !Array.isArray(s[0]) || !Array.isArray(s[2]))
       return;
     e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, r = new T().fromArray(s[0]), n = new T().fromArray(s[2]), p = $(r, n).add(new T(0, 0, 5e-4)), m = new v().setPosition(p), h = new v().makeScale(o, o, o), P = new v().multiply(a).multiply(m).multiply(h);
+    const a = e.matrixWorld, r = new b().fromArray(s[0]), n = new b().fromArray(s[2]), p = $(r, n).add(new b(0, 0, 5e-4)), m = new v().setPosition(p), h = new v().makeScale(o, o, o), P = new v().multiply(a).multiply(m).multiply(h);
     P.decompose(i.position, i.quaternion, i.scale);
     const d = i.opacityMesh;
     d && P.decompose(d.position, d.quaternion, d.scale);

package/libs/base/BasePlugin.js

@@ -14,7 +14,7 @@ let b = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.3.0-dev.5");
+    i(this, "VERSION", "3.3.1");
     i(this, "five");
     /**
      * 插件事件钩子

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.3.0-dev.5",
+    "%c %c@realsee/dnalogel %cv3.3.1",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "3.3.0-dev.5",
+  "version": "3.3.1",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",

package/docs/.nojekyll

@@ -1 +0,0 @@
-TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.