@realsee/dnalogel 3.77.2-alpha.0 → 3.77.3-alpha.1

package/libs/floorplan/MapviewFloorplanPlugin/Controller.js

@@ -1,62 +1,62 @@
-var O = Object.defineProperty, D = Object.defineProperties;
-var T = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
+var D = Object.defineProperty, T = Object.defineProperties;
+var R = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
 var k = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
-var v = (l, h, t) => h in l ? O(l, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[h] = t, m = (l, h) => {
+var w = (l, h, t) => h in l ? D(l, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[h] = t, d = (l, h) => {
   for (var t in h || (h = {}))
-    k.call(h, t) && v(l, t, h[t]);
-  if (b)
-    for (var t of b(h))
-      H.call(h, t) && v(l, t, h[t]);
+    k.call(h, t) && w(l, t, h[t]);
+  if (P)
+    for (var t of P(h))
+      H.call(h, t) && w(l, t, h[t]);
   return l;
-}, g = (l, h) => D(l, T(h));
-var o = (l, h, t) => (v(l, typeof h != "symbol" ? h + "" : h, t), t);
-var f = (l, h, t) => new Promise((e, i) => {
+}, u = (l, h) => T(l, R(h));
+var o = (l, h, t) => (w(l, typeof h != "symbol" ? h + "" : h, t), t);
+var c = (l, h, t) => new Promise((e, i) => {
   var s = (a) => {
     try {
       r(t.next(a));
-    } catch (d) {
-      i(d);
+    } catch (m) {
+      i(m);
     }
   }, n = (a) => {
     try {
       r(t.throw(a));
-    } catch (d) {
-      i(d);
+    } catch (m) {
+      i(m);
     }
   }, r = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(s, n);
   r((t = t.apply(l, h)).next());
 });
 import S from "./items.js";
-import * as C from "three";
-import { to as R } from "../../shared-utils/to.js";
-import { equal as U } from "../../shared-utils/equal.js";
-import { Main as N } from "../Components/Main.js";
-import { formatData as A } from "../utils/formatData.js";
-import { CAMERA_IMAGE as z } from "../Assets/camera.js";
-import { omit as F } from "../../shared-utils/filter.js";
-import { FLOOR_PLAN_ATTACHED_TO as W } from "../constant.js";
-import { Controller as G } from "../../base/BasePluginWithData.js";
-import { getPxmm as B, getAttachedY as j } from "../../shared-utils/getPxmm.js";
+import * as v from "three";
+import { to as U } from "../../shared-utils/to.js";
+import { equal as z } from "../../shared-utils/equal.js";
+import { Main as W } from "../Components/Main.js";
+import { formatData as x } from "../utils/formatData.js";
+import { CAMERA_IMAGE as N } from "../Assets/camera.js";
+import { omit as A } from "../../shared-utils/filter.js";
+import { FLOOR_PLAN_ATTACHED_TO as G } from "../constant.js";
+import { Controller as j } from "../../base/BasePluginWithData.js";
+import { getPxmm as B, getAttachedY as C } from "../../shared-utils/getPxmm.js";
 import { correctFiveState as V } from "../utils/correctFiveState.js";
-import { changeModelCanvasOpacity as E } from "../../shared-utils/changeModelCanvasOpacity.js";
-import { FloorplanErrorType as c, SHOW_ANIME_DURATION as $ } from "../utils/constant.js";
+import { changeModelCanvasOpacity as I } from "../../shared-utils/changeModelCanvasOpacity.js";
+import { FloorplanErrorType as f, SHOW_ANIME_DURATION as Z } from "../utils/constant.js";
 import "../../shared-utils/tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
-import { waitFiveModelLoaded as Y } from "../../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as $ } from "../../shared-utils/five/fiveModelLoad.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { isNil as q } from "../../shared-utils/isNil.js";
+import { isNil as Y } from "../../shared-utils/isNil.js";
 import "../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../shared-utils/three/blink.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../vendor/earcut/src/earcut.js";
-import { FLOORPLAN_DEFAULT_IMAGE as J } from "../../shared-utils/url/defaultUrls.js";
-import { replaceStaticPrefix as X } from "../../shared-utils/url/replace-static-prefix.js";
+import { FLOORPLAN_DEFAULT_IMAGE as q } from "../../shared-utils/url/defaultUrls.js";
+import { replaceStaticPrefix as J } from "../../shared-utils/url/replace-static-prefix.js";
 import "../../shared-utils/five/FivePuppet.js";
 import "../../shared-utils/isTruelyObject.js";
 import "../../vendor/svelte/internal/index.js";
@@ -129,6 +129,7 @@ import "../../shared-utils/three/IObject3D.js";
 import "../../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../../shared-utils/three/applyObjectMatrixWorld.js";
 import "../../shared-utils/util.js";
+import "../../shared-utils/five/getFiveFromParentChain.js";
 import "../../shared-utils/three/core/LineGeometry.js";
 import "../../shared-utils/three/core/LineMaterial.js";
 import "../../shared-utils/three/core/Line2.js";
@@ -147,7 +148,7 @@ import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "@realsee/five";
 import "../../shared-utils/url/absoluteUrl.js";
-const Z = "//vr-image-4.realsee-cdn.cn/release/static/image/doctorstrange/0.6.201-beta/";
+const X = "//vr-image-4.realsee-cdn.cn/release/static/image/doctorstrange/0.6.201-beta/";
 function K(l) {
   const { latitude: h, longitude: t } = l, e = Math.abs(h - Math.PI / 2) > 5 * Math.PI / 180, i = t > 5 * (Math.PI / 180) && t < 355 * (Math.PI / 180);
   return e || i;
@@ -156,9 +157,9 @@ function Q(l) {
   const { latitude: h, longitude: t } = l, e = Math.abs(h - Math.PI / 2) < 10 * Math.PI / 180, i = t < 30 * (Math.PI / 180) || t > 330 * (Math.PI / 180);
   return e && i;
 }
-class pi extends G {
+class ci extends j {
   constructor(t, e) {
-    var a, d;
+    var a, m;
     super(t);
     // =============== public properties =================
     o(this, "name", "modelFloorplanPlugin");
@@ -209,22 +210,22 @@ class pi extends G {
      * @param opts.isAutoShow 是否是自动展示
      * @param opts.userAction 是否是用户行为
      */
-    o(this, "show", (...e) => f(this, [...e], function* (t = {}) {
+    o(this, "show", (...e) => c(this, [...e], function* (t = {}) {
       if (!this.state.enabled || !this.showPromise && this.state.visible)
         return;
       const i = t.userAction !== void 0 ? t.userAction : !0;
       this.updateState({ visible: !0 }, i), this._show(t);
     }));
     /** 隐藏户型图 */
-    o(this, "hide", (...e) => f(this, [...e], function* (t = {}) {
+    o(this, "hide", (...e) => c(this, [...e], function* (t = {}) {
       this.state.enabled && (this.isHiddenByHideFunc = !0, this.state.visible !== !1 && (this.updateState({ visible: !1 }, t.userAction || !0), this._hide(t)));
     }));
     /** 更新户型图大小 */
     o(this, "updateSize", () => {
       if (!this.data || !this.container || !this.wrapper)
         return !1;
-      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, s = e.y - t.y, n = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, r = B(this.five, this.wrapper, this.floorIndex, n), a = Math.ceil(i * r), d = Math.ceil(s * r);
-      return this.size.width === a && this.size.height === d || (this.container.style.width = a + "px", this.container.style.height = d + "px", this.size = { width: a, height: d }), !0;
+      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, s = e.y - t.y, n = this.getPxmmWithRotation(), r = Math.ceil(i * n), a = Math.ceil(s * n);
+      return this.size.width === r && this.size.height === a || (this.container.style.width = r + "px", this.container.style.height = a + "px", this.size = { width: r, height: a }), !0;
     });
     o(this, "highlight", (t) => {
       this.state.config.highlightEnable && (this.highlightData = t, this.render());
@@ -232,23 +233,33 @@ class pi extends G {
     o(this, "unhighlight", () => {
       this.highlightData = {}, this.render();
     });
+    /** 更新展示状态
+     * @description 可以更新 longitude、latitude、offset 等参数
+     * @param showState 需要更新的状态，会与现有状态合并
+     * @example
+     * // 更新 longitude
+     * plugin.updateShowState({ longitude: Math.PI / 2 })
+     */
+    o(this, "updateShowState", (t) => {
+      this.showState = d(d({}, this.showState), t);
+    });
     o(this, "_disable", (t) => {
       var i, s, n;
       const { userAction: e } = t;
-      this.hooks.emit("disable", { userAction: e }), (i = this.showRejection) == null || i.call(this, c.BreakOffByDisable), this.showPromise = void 0, (s = this.app) == null || s.$destroy(), this.app = void 0, (n = this.container) == null || n.remove(), this.removeEventListener();
+      this.hooks.emit("disable", { userAction: e }), (i = this.showRejection) == null || i.call(this, f.BreakOffByDisable), this.showPromise = void 0, (s = this.app) == null || s.$destroy(), this.app = void 0, (n = this.container) == null || n.remove(), this.removeEventListener();
     });
     o(this, "_enable", (t) => {
       const { userAction: e } = t;
       this.addEventListener(), this.wrapper && (this.wrapper.append(this.container), this.hooks.emit("enable", { userAction: e }), this.state.visible && this._show({ userAction: e }));
     });
-    o(this, "_show", (t) => f(this, null, function* () {
+    o(this, "_show", (t) => c(this, null, function* () {
       var n;
       if (!this.state.enabled)
         return;
       if (!((n = this.fiveUtil.model) != null && n.loaded))
-        throw new Error(c.ModelNotLoaded);
+        throw new Error(f.ModelNotLoaded);
       if (!this.data)
-        throw new Error(c.DataNotLoaded);
+        throw new Error(f.DataNotLoaded);
       if (this.showPromise)
         return this.showPromise;
       const e = {
@@ -257,25 +268,25 @@ class pi extends G {
         immediately: !1,
         isAutoShow: !1,
         userAction: !0
-      }, i = m(m({}, e), t), s = () => f(this, null, function* () {
+      }, i = d(d({}, e), t), s = () => c(this, null, function* () {
         this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
         let r = !1, a;
-        this.showRejection = (u) => {
-          r = !0, a = u;
+        this.showRejection = (g) => {
+          r = !0, a = g;
         };
-        const [d] = yield R(V(this.five, this.showState, i.userAction));
-        if (d)
-          throw d;
+        const [m] = yield U(V(this.five, this.showState, i.userAction));
+        if (m)
+          throw m;
         if (r)
-          throw a ? new Error(a) : new Error(c.UnknownError);
+          throw a ? new Error(a) : new Error(f.UnknownError);
         if (!this.updateSize())
-          throw new Error(c.UpdateSizeError);
+          throw new Error(f.UpdateSizeError);
         this.updatePosition(), this.floorIndex = i.floorIndex, this.fiveUtil.model.show(this.floorIndex);
       });
       return this.isHiddenByHideFunc = !1, this.showPromise = s().then(() => {
         this.showPromise = void 0, this.showRejection = void 0;
-        const r = i.modelOpacity, a = i.immediately ? 0 : $;
-        E(this.five, r, a), this.render(a), this.hooks.emit("showAnimationEnded", {
+        const r = i.modelOpacity, a = i.immediately ? 0 : Z;
+        I(this.five, r, a), this.render(a), this.hooks.emit("showAnimationEnded", {
           auto: i.isAutoShow,
           userAction: i.userAction
         });
@@ -286,12 +297,12 @@ class pi extends G {
     }));
     o(this, "_hide", (t) => {
       var s;
-      (s = this.showRejection) == null || s.call(this, c.BreakOffByHide), this.showPromise = void 0;
-      const i = m(m({}, {
+      (s = this.showRejection) == null || s.call(this, f.BreakOffByHide), this.showPromise = void 0;
+      const i = d(d({}, {
         userAction: !0,
         isAutoHide: !1
       }), t);
-      E(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
+      I(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
     });
     o(this, "handleClick", () => {
       if (!this.state.visible)
@@ -301,7 +312,7 @@ class pi extends G {
     });
     /** modelLoaded 之后自动执行 append container 操作  */
     o(this, "onFiveModelLoaded", () => {
-      const i = this.five.models.find((n) => n.name === this.five.state.workCode).bounding.getCenter(new C.Vector3());
+      const i = this.five.models.find((n) => n.name === this.five.state.workCode).bounding.getCenter(new v.Vector3());
       if (this.showState.offset = i, this.state.enabled === !1 || this.wrapper || !this.selector)
         return;
       const s = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
@@ -318,7 +329,10 @@ class pi extends G {
       if (!e || this.state.visible || this.state.config.autoShowEnable === !1 || this.isHiddenByHideFunc)
         return;
       const i = this.five.getCurrentState();
-      i.mode === this.showState.mode && Q(i) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 }));
+      if (i.mode !== this.showState.mode)
+        return;
+      const s = this.getRelativePose(i);
+      Q(s) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 }));
     });
     /** panoIndex 改变时，更新 floorIndex */
     o(this, "onFivePanoArrived", (t) => {
@@ -330,12 +344,14 @@ class pi extends G {
       if (!this.state.visible || this.showPromise)
         return;
       const i = this.five.getCurrentState();
-      this.updatePosition(), this.updateSize(), K(i) && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e }));
+      this.updatePosition(), this.updateSize();
+      const s = this.getRelativePose(i);
+      K(s) && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e }));
     });
     /** 户型图展示中，转动三维模型，结束时应该自动修复模型状态 */
     o(this, "onFiveWantsPanGesture", (t, e) => {
       if (this.five.getCurrentState().mode === this.showState.mode && this.state.config.autoShowEnable !== !1 && e && this.state.visible)
-        return this.five.updateCamera(F(this.showState, ["offset"]), 0), !1;
+        return this.five.updateCamera(A(this.showState, ["offset"]), 0), !1;
     });
     /** 阻止点击分间走点 */
     o(this, "onFiveWantsTapGesture", () => this.handleClick());
@@ -354,15 +370,15 @@ class pi extends G {
         this.floorIndex = t, this.updateSize(), this.render();
       }
     });
-    e != null && e.selector && (this.selector = e.selector, console.warn("不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法")), this.showState = {
+    e != null && e.selector && (this.selector = e.selector, console.warn("不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法")), this.showState = d({
       mode: "Mapview",
       longitude: 0,
       latitude: Math.PI / 2
-    }, this.defaultMissingFloorConfig = {
-      imageURL: X(e == null ? void 0 : e.staticPrefix, J),
+    }, e == null ? void 0 : e.showState), this.defaultMissingFloorConfig = {
+      imageURL: J(e == null ? void 0 : e.staticPrefix, q),
       imageWidth: 200,
       imageHeight: 120,
-      text: (d = (a = e.i18n) == null ? void 0 : a.call(e, "暂无平面图")) != null ? d : "暂无平面图",
+      text: (m = (a = e.i18n) == null ? void 0 : a.call(e, "暂无平面图")) != null ? m : "暂无平面图",
       textFontSize: 14
     };
     const i = {
@@ -379,44 +395,44 @@ class pi extends G {
       roomNameEnable: !0,
       roomNameOtherTypeEnable: !0,
       roomDimensionEnable: !0,
-      cameraImageUrl: z,
-      attachedTo: W.BOUNDING_CENTER,
+      cameraImageUrl: N,
+      attachedTo: G.BOUNDING_CENTER,
       getLabelElement: void 0,
       adaptiveRoomLabelVisibleEnable: !0,
-      missingFloorConfig: m(m({}, this.defaultMissingFloorConfig), e.missingFloorConfig),
+      missingFloorConfig: d(d({}, this.defaultMissingFloorConfig), e.missingFloorConfig),
       i18n: (p) => p,
       getRoomAreaText: (p) => (p / 1e6).toFixed(1) + "㎡",
-      getRoomDimensionText: (p, u) => (p / 1e3).toFixed(1) + "m × " + (u / 1e3).toFixed(1) + "m",
+      getRoomDimensionText: (p, g) => (p / 1e3).toFixed(1) + "m × " + (g / 1e3).toFixed(1) + "m",
       getRuleDistanceText: (p) => p.toString()
-    }, s = e ? F(e, ["selector", "scale"]) : {}, n = m(m({}, i.missingFloorConfig), s.missingFloorConfig), r = g(m(m({}, i), s), { missingFloorConfig: n });
-    this.state = { enabled: !0, visible: !1, config: r }, this.panoIndex = t.getCurrentState().panoIndex, this.initContainer(), Y(t).then(this.onFiveModelLoaded), t.once("dispose", this.dispose), this.addEventListener();
+    }, s = e ? A(e, ["selector", "scale"]) : {}, n = d(d({}, i.missingFloorConfig), s.missingFloorConfig), r = u(d(d({}, i), s), { missingFloorConfig: n });
+    this.state = { enabled: !0, visible: !1, config: r }, this.panoIndex = t.getCurrentState().panoIndex, this.initContainer(), $(t).then(this.onFiveModelLoaded), t.once("dispose", this.dispose), this.addEventListener();
   }
   load(t, e, i = !0) {
-    return f(this, null, function* () {
+    return c(this, null, function* () {
       function s(p) {
         return Object.prototype.hasOwnProperty.apply(p, ["version"]);
       }
       const n = t;
-      n && q(n.version) && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
-      const r = JSON.parse(JSON.stringify(t)), a = s(r) ? r.data : r, d = this.data;
-      this.data = yield A(a), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, d), e && this.updateState(e, i), this.render();
+      n && Y(n.version) && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
+      const r = JSON.parse(JSON.stringify(t)), a = s(r) ? r.data : r, m = this.data;
+      this.data = yield x(a), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, m), e && this.updateState(e, i), this.render();
     });
   }
   loadItems(t) {
     const { min: e, max: i } = this.data.bounding, s = i.x - e.x, n = i.y - e.y;
     this.data.floorDatas.forEach((r, a) => {
-      r.items = t[a].filter((d) => d.displayName === "Item-SimpleItem").map((d) => {
-        const { x: p, y: u, width: P, height: x, notes: y, type: w, id: I, rotateX: M, rotateY: L, rotateZ: _ = 0 } = d;
+      r.items = t[a].filter((m) => m.displayName === "Item-SimpleItem").map((m) => {
+        const { x: p, y: g, width: F, height: M, notes: E, type: b, id: y, rotateX: L, rotateY: _, rotateZ: O = 0 } = m;
         return {
-          id: I,
-          positionInImage: { x: (p - e.x) / s, y: (i.y - u) / n },
-          width: P / s,
-          height: x / n,
-          src: Z + S[w].href.replace(/\{\{\stheme\s\}\}/, "realsee"),
-          notes: y || S[w].description,
-          rotateX: M,
-          rotateY: L,
-          rotateZ: _
+          id: y,
+          positionInImage: { x: (p - e.x) / s, y: (i.y - g) / n },
+          width: F / s,
+          height: M / n,
+          src: X + S[b].href.replace(/\{\{\stheme\s\}\}/, "realsee"),
+          notes: E || S[b].description,
+          rotateX: L,
+          rotateY: _,
+          rotateZ: O
         };
       });
     });
@@ -451,24 +467,42 @@ class pi extends G {
   changeConfigs(t, e = !0) {
     this.updateState({ config: t }, e), this.render();
   }
+  /** 根据旋转角度计算 pxmm
+   * @description 当 longitude 大于 45° 或小于 -45°（相对于基准方向）时，使用 Z 轴计算
+   */
+  getPxmmWithRotation() {
+    if (!this.wrapper)
+      return 0;
+    const t = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, e = this.showState.longitude, i = Math.abs((e % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI));
+    return i > Math.PI / 4 && i < 3 * Math.PI / 4 || i > 5 * Math.PI / 4 && i < 7 * Math.PI / 4 ? this.getPxmmZAxis(t) : B(this.five, this.wrapper, this.floorIndex, t);
+  }
+  /** 使用 Z 轴计算 pxmm
+   * @description 当相机旋转导致 X 轴接近垂直于屏幕时，改用 Z 轴计算
+   */
+  getPxmmZAxis(t) {
+    if (!this.wrapper)
+      return 0;
+    const e = C(this.five, this.floorIndex, t == null ? void 0 : t.attachedTo), i = new v.Vector3(0, e, 0), s = new v.Vector3(0, e, 1), n = i.clone().project(this.five.camera), r = s.clone().project(this.five.camera);
+    return Math.abs((r.x - n.x) / 1e3) * (this.wrapper.getBoundingClientRect().width / 2);
+  }
   /** 更新户型图位置 */
   updatePosition() {
     var r;
-    const t = j(this.five, this.floorIndex, this.state.config.attachedTo), e = (r = this.fiveUtil.model) == null ? void 0 : r.bounding.getCenter(new C.Vector3()).setY(t);
+    const t = C(this.five, this.floorIndex, this.state.config.attachedTo), e = (r = this.fiveUtil.model) == null ? void 0 : r.bounding.getCenter(new v.Vector3()).setY(t);
     if (!e)
       return;
     const i = e.clone().project(this.five.camera), s = (i.x + 1) / 2, n = -(i.y - 1) / 2;
     this.container.style.left = s * 100 + "%", this.container.style.top = n * 100 + "%";
   }
   formatData(t) {
-    return f(this, null, function* () {
-      return yield A(t.data);
+    return c(this, null, function* () {
+      return yield x(t.data);
     });
   }
   updateState(t, e) {
     var r;
-    const i = this.state, s = (r = t.config) != null && r.missingFloorConfig ? m(m({}, i.config.missingFloorConfig), t.config.missingFloorConfig) : i.config.missingFloorConfig, n = t.config ? g(m(m({}, i.config), t.config), { missingFloorConfig: s }) : i.config;
-    this.state = g(m(m({}, this.state), t), { config: n }), !U(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
+    const i = this.state, s = (r = t.config) != null && r.missingFloorConfig ? d(d({}, i.config.missingFloorConfig), t.config.missingFloorConfig) : i.config.missingFloorConfig, n = t.config ? u(d(d({}, i.config), t.config), { missingFloorConfig: s }) : i.config;
+    this.state = u(d(d({}, this.state), t), { config: n }), !z(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
   }
   /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
    *
@@ -494,10 +528,18 @@ class pi extends G {
     const t = this.five;
     this.hasAddedEventListener = !1, t.off("modelLoaded", this.onFiveModelLoaded), t.off("modeChange", this.onFiveModeChange), t.off("panoArrived", this.onFivePanoArrived), t.off("cameraUpdate", this.onFiveCameraUpdate), t.off("wantsPanGesture", this.onFiveWantsPanGesture), t.off("wantsTapGesture", this.onFiveWantsTapGesture), t.off("wantsChangeMode", this.onFiveWantsChangeMode), t.off("modelShownFloorChange", this.onModelShownFloorChange);
   }
+  /** 获取相对于 showState 的 pose 偏差
+   * @description 将当前相机状态的 longitude 减去 showState.longitude，归一化后返回
+   * 这样自动隐藏逻辑会检查相对偏差，而不是绝对值
+   */
+  getRelativePose(t) {
+    const e = this.showState.longitude || 0, s = ((t.longitude - e) % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI);
+    return u(d({}, t), { longitude: s });
+  }
   render(t) {
     if (!this.state.enabled || !this.container || !this.data || this.size.width === 0 || this.showPromise)
       return;
-    const e = g(m({}, this.state.config), {
+    const e = u(d({}, this.state.config), {
       visible: this.state.visible,
       duration: t != null ? t : 0,
       panoIndex: this.panoIndex,
@@ -510,9 +552,9 @@ class pi extends G {
     });
     if (this.app)
       return this.app.$set(e);
-    this.app = new N({ target: this.container, intro: !0, props: e });
+    this.app = new W({ target: this.container, intro: !0, props: e });
   }
 }
 export {
-  pi as Controller
+  ci as Controller
 };

package/libs/floorplan/MapviewFloorplanPlugin/index.js

@@ -94,6 +94,7 @@ import "../../Sculpt/typings/style.js";
 import "../../shared-utils/three/IObject3D.js";
 import "../../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../../shared-utils/three/applyObjectMatrixWorld.js";
+import "../../shared-utils/five/getFiveFromParentChain.js";
 import "../../shared-utils/three/core/LineGeometry.js";
 import "../../shared-utils/three/core/LineMaterial.js";
 import "../../shared-utils/three/core/Line2.js";
@@ -119,8 +120,8 @@ import "../../shared-utils/translateMode/getDistanceFromModel.js";
 import "../../shared-utils/changeModelCanvasOpacity.js";
 import "../../shared-utils/url/replace-static-prefix.js";
 import "../../shared-utils/url/absoluteUrl.js";
-const vr = (o, r) => new t(o, r);
+const xr = (o, r) => new t(o, r);
 export {
-  vr as MapviewFloorplanPlugin,
-  vr as default
+  xr as MapviewFloorplanPlugin,
+  xr as default
 };

package/libs/floorplan/ModelFloorplanPlugin/Controller.d.ts

@@ -65,8 +65,24 @@ export declare class Controller extends BasePlugin.Controller<State, EventMap, P
     changeConfigs(config: Partial<Config>, userAction?: boolean): void;
     /** 更新户型图大小 */
     updateSize: () => boolean;
+    /** 根据旋转角度计算 pxmm
+     * @description 当 longitude 大于 45° 或小于 -45°（相对于基准方向）时，使用 Z 轴计算
+     */
+    private getPxmmWithRotation;
+    /** 使用 Z 轴计算 pxmm
+     * @description 当相机旋转导致 X 轴接近垂直于屏幕时，改用 Z 轴计算
+     */
+    private getPxmmZAxis;
     highlight: (highlightData: HighlightData) => void;
     unhighlight: () => void;
+    /** 更新展示状态
+     * @description 可以更新 longitude、latitude、fov 等参数
+     * @param showState 需要更新的状态，会与现有状态合并
+     * @example
+     * // 更新 longitude
+     * plugin.updateShowState({ longitude: Math.PI / 2 })
+     */
+    updateShowState: (showState: Partial<ShowState>) => void;
     protected formatData(serverData: PluginServerData): Promise<PluginData>;
     private _disable;
     private _enable;