@realsee/dnalogel 3.64.23-alpha.4 → 3.64.23-ke-webgpu.1

package/libs/floorplan/Components/SvgImage.js

@@ -1,27 +1,27 @@
-import { SvelteComponent as p, init as r, safe_not_equal as g, append_styles as c, element as u, space as m, attr as _, insert as d, append as v, noop as o, detach as y, HtmlTag as i } from "../../vendor/svelte/internal/index.js";
+import { SvelteComponent as g, init as p, safe_not_equal as r, append_styles as c, element as u, space as m, attr as v, insert as _, append as d, noop as o, detach as y, HtmlTag as i } from "../../vendor/svelte/internal/index.js";
 function h(n) {
   c(n, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
 }
 function b(n) {
-  let e, a, l, f;
+  let e, s, f, l;
   return {
     c() {
-      e = u("div"), a = new i(!1), l = m(), f = new i(!1), a.a = l, f.a = null, _(e, "class", "floorplan-plugin__base-image svelte-ub47ya");
+      e = u("div"), s = new i(!1), f = m(), l = new i(!1), s.a = f, l.a = null, v(e, "class", "floorplan-plugin__base-image svelte-ub47ya");
     },
-    m(t, s) {
-      d(t, e, s), a.m(
+    m(t, a) {
+      _(t, e, a), s.m(
         /*svgStyle*/
         n[1],
         e
-      ), v(e, l), f.m(
+      ), d(e, f), l.m(
         /*content*/
         n[0],
         e
       );
     },
-    p(t, [s]) {
-      s & /*content*/
-      1 && f.p(
+    p(t, [a]) {
+      a & /*content*/
+      1 && l.p(
         /*content*/
         t[0]
       );
@@ -33,9 +33,9 @@ function b(n) {
     }
   };
 }
-function w(n, e, a) {
-  let { content: l } = e;
-  const f = `
+function k(n, e, s) {
+  let { content: f } = e;
+  const l = `
     <style>
       svg [type='lineGroup'] path {
         fill: #ffffff;
@@ -43,17 +43,23 @@ function w(n, e, a) {
       }
       svg [type='lineItemGroup'] g g g g {
         stroke: #ffffff;
+      }
+      svg defs g g g {
+        stroke: #ffffff;
+      }
+      svg [type='areaGroup'] path {
+        fill: none;
       }</style>
   `;
   return n.$$set = (t) => {
-    "content" in t && a(0, l = t.content);
-  }, [l, f];
+    "content" in t && s(0, f = t.content);
+  }, [f, l];
 }
-class k extends p {
+class G extends g {
   constructor(e) {
-    super(), r(this, e, w, b, g, { content: 0 }, h);
+    super(), p(this, e, k, b, r, { content: 0 }, h);
   }
 }
 export {
-  k as SvgImage
+  G as SvgImage
 };

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

@@ -1,6 +1,6 @@
 import type { PartialDeep } from 'type-fest';
 import type { BaseOptions } from '../../base/BasePlugin';
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type { ShowState } from '../utils/correctFiveState';
 import type { FloorplanServerData } from '../typings/floorplanServerData';
 import type { State, Config, EventMap, ShowOptions, HideOptions, Parameters, PluginData, PluginServerData, HighlightData } from './typing';
@@ -67,10 +67,26 @@ 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;
     /** 更新户型图位置 */
     updatePosition(): void;
     highlight: (highlightData: HighlightData) => void;
     unhighlight: () => void;
+    /** 更新展示状态
+     * @description 可以更新 longitude、latitude、offset 等参数
+     * @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;
@@ -95,6 +111,11 @@ export declare class Controller extends BasePlugin.Controller<State, EventMap, P
     private onFivePanoArrived;
     /** cameraUpdate 时判断户型图是否应该自动隐藏 */
     private onFiveCameraUpdate;
+    /** 获取相对于 showState 的 pose 偏差
+     * @description 将当前相机状态的 longitude 减去 showState.longitude，归一化后返回
+     * 这样自动隐藏逻辑会检查相对偏差，而不是绝对值
+     */
+    private getRelativePose;
     /** 户型图展示中，转动三维模型，结束时应该自动修复模型状态 */
     private onFiveWantsPanGesture;
     /** 阻止点击分间走点 */

package/libs/floorplan/MapviewFloorplanPlugin/Controller.js

@@ -1,59 +1,59 @@
-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 H = Object.prototype.hasOwnProperty, k = 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 = {}))
-    H.call(h, t) && v(l, t, h[t]);
-  if (b)
-    for (var t of b(h))
-      k.call(h, t) && v(l, t, h[t]);
+    H.call(h, t) && w(l, t, h[t]);
+  if (P)
+    for (var t of P(h))
+      k.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) => {
-  var s = (n) => {
+}, u = (l, h) => T(l, R(h));
+var o = (l, h, t) => (w(l, typeof h != "symbol" ? h + "" : h, t), t);
+var p = (l, h, t) => new Promise((e, i) => {
+  var s = (a) => {
     try {
-      r(t.next(n));
-    } catch (d) {
-      i(d);
+      r(t.next(a));
+    } catch (m) {
+      i(m);
     }
-  }, a = (n) => {
+  }, n = (a) => {
     try {
-      r(t.throw(n));
-    } catch (d) {
-      i(d);
+      r(t.throw(a));
+    } catch (m) {
+      i(m);
     }
-  }, r = (n) => n.done ? e(n.value) : Promise.resolve(n.value).then(s, a);
+  }, 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 * as v from "three";
+import { to as z } from "../../shared-utils/to.js";
 import { equal as U } from "../../shared-utils/equal.js";
-import { Main as z } from "../Components/Main.js";
-import { formatData as A } from "../utils/formatData.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 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 { omit as C } from "../../shared-utils/filter.js";
+import { FLOOR_PLAN_ATTACHED_TO as j } from "../constant.js";
+import { Controller as B } from "../../base/BasePluginWithData.js";
+import { getPxmm as G, getAttachedY as A } 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 "three/webgpu";
+import "three/tsl";
+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 "../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/LineGeometry.js";
+import { isNil as Y } from "../../shared-utils/isNil.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../shared-utils/five/FivePuppet.js";
 import "../../shared-utils/isTruelyObject.js";
 import "../../vendor/svelte/internal/index.js";
@@ -113,6 +113,7 @@ import "../../shared-utils/even.js";
 import "../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/getObjectVisible.js";
+import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../shared-utils/three/PointSelector/utils/html.js";
 import "../../shared-utils/CSS3DRender/index.js";
 import "../../shared-utils/CSS3DRender/CSS3DRenderer.js";
@@ -136,22 +137,19 @@ import "../../shared-utils/five/getPosition.js";
 import "../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../Sculpt/utils/three/rayOnLine.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "@realsee/five";
-const J = "//vr-image-4.realsee-cdn.cn/release/static/image/doctorstrange/0.6.201-beta/";
-function X(l) {
+import "@realsee/five-webgpu";
+const q = "//vr-image-4.realsee-cdn.cn/release/static/image/doctorstrange/0.6.201-beta/";
+function J(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;
 }
-function Z(l) {
+function X(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 oi extends G {
+class ei extends B {
   constructor(t, e) {
-    var n, d;
+    var a, m;
     super(t);
     // =============== public properties =================
     o(this, "name", "modelFloorplanPlugin");
@@ -202,22 +200,22 @@ class oi extends G {
      * @param opts.isAutoShow 是否是自动展示
      * @param opts.userAction 是否是用户行为
      */
-    o(this, "show", (...e) => f(this, [...e], function* (t = {}) {
+    o(this, "show", (...e) => p(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) => p(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, a = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, r = B(this.five, this.wrapper, this.floorIndex, a), n = Math.ceil(i * r), d = Math.ceil(s * r);
-      return this.size.width === n && this.size.height === d || (this.container.style.width = n + "px", this.container.style.height = d + "px", this.size = { width: n, 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());
@@ -225,23 +223,33 @@ class oi 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, a;
+      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, (a = this.container) == null || a.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* () {
-      var a;
+    o(this, "_show", (t) => p(this, null, function* () {
+      var n;
       if (!this.state.enabled)
         return;
-      if (!((a = this.fiveUtil.model) != null && a.loaded))
-        throw new Error(c.ModelNotLoaded);
+      if (!((n = this.fiveUtil.model) != null && n.loaded))
+        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 = {
@@ -250,25 +258,25 @@ class oi extends G {
         immediately: !1,
         isAutoShow: !1,
         userAction: !0
-      }, i = m(m({}, e), t), s = () => f(this, null, function* () {
+      }, i = d(d({}, e), t), s = () => p(this, null, function* () {
         this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
-        let r = !1, n;
-        this.showRejection = (u) => {
-          r = !0, n = u;
+        let r = !1, a;
+        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 z(V(this.five, this.showState, i.userAction));
+        if (m)
+          throw m;
         if (r)
-          throw n ? new Error(n) : 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, n = i.immediately ? 0 : $;
-        E(this.five, r, n), this.render(n), 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
         });
@@ -279,12 +287,12 @@ class oi 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)
@@ -294,7 +302,7 @@ class oi extends G {
     });
     /** modelLoaded 之后自动执行 append container 操作  */
     o(this, "onFiveModelLoaded", () => {
-      const e = this.five.model.bounding.getCenter(new C.Vector3());
+      const e = this.five.model.bounding.getCenter(new v.Vector3());
       if (this.showState.offset = e, this.state.enabled === !1 || this.wrapper || !this.selector)
         return;
       const i = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
@@ -311,7 +319,10 @@ class oi 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 && Z(i) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 }));
+      if (i.mode !== this.showState.mode)
+        return;
+      const s = this.getRelativePose(i);
+      X(s) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 }));
     });
     /** panoIndex 改变时，更新 floorIndex */
     o(this, "onFivePanoArrived", (t) => {
@@ -323,12 +334,14 @@ class oi extends G {
       if (!this.state.visible || this.showPromise)
         return;
       const i = this.five.getCurrentState();
-      this.updatePosition(), this.updateSize(), X(i) && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e }));
+      this.updatePosition(), this.updateSize();
+      const s = this.getRelativePose(i);
+      J(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(C(this.showState, ["offset"]), 0), !1;
     });
     /** 阻止点击分间走点 */
     o(this, "onFiveWantsTapGesture", () => this.handleClick());
@@ -348,15 +361,15 @@ class oi 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 = {
+    }, e == null ? void 0 : e.showState), this.defaultMissingFloorConfig = {
       imageURL: this.staticPrefix + "/release/web/saas/missing-floorplan.e274c596.png",
       imageWidth: 200,
       imageHeight: 120,
-      text: (d = (n = e.i18n) == null ? void 0 : n.call(e, "暂无平面图")) != null ? d : "暂无平面图",
+      text: (m = (a = e.i18n) == null ? void 0 : a.call(e, "暂无平面图")) != null ? m : "暂无平面图",
       textFontSize: 14
     };
     const i = {
@@ -374,43 +387,43 @@ class oi extends G {
       roomNameOtherTypeEnable: !0,
       roomDimensionEnable: !0,
       cameraImageUrl: N,
-      attachedTo: W.BOUNDING_CENTER,
+      attachedTo: j.BOUNDING_CENTER,
       getLabelElement: void 0,
       adaptiveRoomLabelVisibleEnable: !0,
-      missingFloorConfig: m(m({}, 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",
-      getRuleDistanceText: (p) => p.toString()
-    }, s = e ? F(e, ["selector", "scale"]) : {}, a = m(m({}, i.missingFloorConfig), s.missingFloorConfig), r = g(m(m({}, i), s), { missingFloorConfig: a });
-    this.state = { enabled: !0, visible: !1, config: r }, this.initContainer(), Y(t).then(this.onFiveModelLoaded), t.once("dispose", this.dispose), this.addEventListener();
+      missingFloorConfig: d(d({}, this.defaultMissingFloorConfig), e.missingFloorConfig),
+      i18n: (c) => c,
+      getRoomAreaText: (c) => (c / 1e6).toFixed(1) + "㎡",
+      getRoomDimensionText: (c, g) => (c / 1e3).toFixed(1) + "m × " + (g / 1e3).toFixed(1) + "m",
+      getRuleDistanceText: (c) => c.toString()
+    }, s = e ? C(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.initContainer(), $(t).then(this.onFiveModelLoaded), t.once("dispose", this.dispose), this.addEventListener();
   }
   load(t, e, i = !0) {
-    return f(this, null, function* () {
-      function s(p) {
-        return Object.prototype.hasOwnProperty.apply(p, ["version"]);
+    return p(this, null, function* () {
+      function s(c) {
+        return Object.prototype.hasOwnProperty.apply(c, ["version"]);
       }
-      const a = t;
-      a && q(a.version) && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
-      const r = JSON.parse(JSON.stringify(t)), n = s(r) ? r.data : r, d = this.data;
-      this.data = yield A(n), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, d), e && this.updateState(e, i), this.render();
+      const n = t;
+      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, a = i.y - e.y;
-    this.data.floorDatas.forEach((r, n) => {
-      r.items = t[n].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: _, rotateZ: L = 0 } = d;
+    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((m) => m.displayName === "Item-SimpleItem").map((m) => {
+        const { x: c, 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) / a },
-          width: P / s,
-          height: x / a,
-          src: J + S[w].href.replace(/\{\{\stheme\s\}\}/, "realsee"),
-          notes: y || S[w].description,
-          rotateX: M,
+          id: y,
+          positionInImage: { x: (c - e.x) / s, y: (i.y - g) / n },
+          width: F / s,
+          height: M / n,
+          src: q + S[b].href.replace(/\{\{\stheme\s\}\}/, "realsee"),
+          notes: E || S[b].description,
+          rotateX: L,
           rotateY: _,
-          rotateZ: L
+          rotateZ: O
         };
       });
     });
@@ -438,31 +451,49 @@ class oi extends G {
   setState(t, e = {}) {
     const i = this.state, s = e.userAction !== void 0 ? e.userAction : !0;
     if (this.updateState(t, s), t.enabled !== void 0 && i.enabled !== t.enabled && (t.enabled ? this._enable({ userAction: s }) : this._disable({ userAction: s })), t.visible !== void 0 && i.visible !== t.visible) {
-      const a = { userAction: s };
-      t.visible ? this._show(a) : this._hide(a);
+      const n = { userAction: s };
+      t.visible ? this._show(n) : this._hide(n);
     }
   }
   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) : G(this.five, this.wrapper, this.floorIndex, t);
+  }
+  /** 使用 Z 轴计算 pxmm
+   * @description 当相机旋转导致 X 轴接近垂直于屏幕时，改用 Z 轴计算
+   */
+  getPxmmZAxis(t) {
+    if (!this.wrapper)
+      return 0;
+    const e = A(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 = A(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, a = -(i.y - 1) / 2;
-    this.container.style.left = s * 100 + "%", this.container.style.top = a * 100 + "%";
+    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 p(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, a = t.config ? g(m(m({}, i.config), t.config), { missingFloorConfig: s }) : i.config;
-    this.state = g(m(m({}, this.state), t), { config: a }), !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 }), !U(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
   }
   /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
    *
@@ -488,10 +519,18 @@ class oi 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,
@@ -504,9 +543,9 @@ class oi extends G {
     });
     if (this.app)
       return this.app.$set(e);
-    this.app = new z({ target: this.container, intro: !0, props: e });
+    this.app = new W({ target: this.container, intro: !0, props: e });
   }
 }
 export {
-  oi as Controller
+  ei as Controller
 };

package/libs/floorplan/MapviewFloorplanPlugin/index.d.ts

@@ -1,5 +1,5 @@
 import type { Parameters } from './typing';
-import type { FivePlugin } from '@realsee/five';
+import type { FivePlugin } from '@realsee/five-webgpu';
 import { Controller } from './Controller';
 export declare const MapviewFloorplanPlugin: FivePlugin<undefined | Parameters, Controller>;
 export type MapviewFloorplanPluginParameterType = Parameters | undefined;