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

package/libs/floorplan/MapviewFloorplanPlugin/index.js

@@ -61,6 +61,8 @@ import "../../shared-utils/three/PointSelector/index.js";
 import "../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../../shared-utils/three/Magnifier.js";
 import "../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../../shared-utils/three/Assets/index.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../shared-utils/even.js";
@@ -69,36 +71,32 @@ import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/getObjectVisible.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../../shared-utils/isNil.js";
-import "../../shared-utils/three/core/Five_LineMaterial2.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/CSS3DRender/CSS3DRenderer.js";
-import "../../shared-utils/createResizeObserver.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../shared-utils/util.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/five/FivePuppet.js";
+import "@realsee/five-webgpu";
+import "../../shared-utils/five/fiveModelLoad.js";
 import "../../shared-utils/three/PointSelector/utils/html.js";
 import "../../shared-utils/CSS3DRender/index.js";
-import "../../shared-utils/five/fiveModelLoad.js";
+import "../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../shared-utils/createResizeObserver.js";
 import "../../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../../Sculpt/Meshes/Line.js";
 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/util.js";
 import "../../shared-utils/three/core/LineGeometry.js";
 import "../../shared-utils/three/core/LineMaterial.js";
 import "../../shared-utils/three/core/Line2.js";
 import "../../shared-utils/three/core/LineMaterial2.js";
 import "../../Sculpt/utils/unit.js";
 import "../../Sculpt/utils/renderDom.js";
-import "../../shared-utils/five/FivePuppet.js";
-import "@realsee/five";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../../shared-utils/isTouchDevice.js";
 import "../../shared-utils/five/getPosition.js";
@@ -112,8 +110,8 @@ import "../utils/constant.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/five/changeMode.js";
 import "../../shared-utils/changeModelCanvasOpacity.js";
-const ur = (o, r) => new t(o, r);
+const nr = (o, r) => new t(o, r);
 export {
-  ur as MapviewFloorplanPlugin,
-  ur as default
+  nr as MapviewFloorplanPlugin,
+  nr as default
 };

package/libs/floorplan/ModelFloorplanPlugin/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';
@@ -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;

package/libs/floorplan/ModelFloorplanPlugin/Controller.js

@@ -1,57 +1,57 @@
-var C = Object.defineProperty, S = Object.defineProperties;
-var E = Object.getOwnPropertyDescriptors;
+var P = Object.defineProperty, C = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
 var w = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var v = (d, s, t) => s in d ? C(d, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[s] = t, l = (d, s) => {
-  for (var t in s || (s = {}))
-    P.call(s, t) && v(d, t, s[t]);
+var E = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var v = (l, a, t) => a in l ? P(l, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[a] = t, d = (l, a) => {
+  for (var t in a || (a = {}))
+    E.call(a, t) && v(l, t, a[t]);
   if (w)
-    for (var t of w(s))
-      x.call(s, t) && v(d, t, s[t]);
-  return d;
-}, g = (d, s) => S(d, E(s));
-var o = (d, s, t) => (v(d, typeof s != "symbol" ? s + "" : s, t), t);
-var f = (d, s, t) => new Promise((e, i) => {
-  var r = (a) => {
+    for (var t of w(a))
+      M.call(a, t) && v(l, t, a[t]);
+  return l;
+}, g = (l, a) => C(l, x(a));
+var o = (l, a, t) => (v(l, typeof a != "symbol" ? a + "" : a, t), t);
+var u = (l, a, t) => new Promise((e, i) => {
+  var s = (n) => {
     try {
-      n(t.next(a));
-    } catch (p) {
-      i(p);
+      r(t.next(n));
+    } catch (m) {
+      i(m);
     }
-  }, h = (a) => {
+  }, h = (n) => {
     try {
-      n(t.throw(a));
-    } catch (p) {
-      i(p);
+      r(t.throw(n));
+    } catch (m) {
+      i(m);
     }
-  }, n = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(r, h);
-  n((t = t.apply(d, s)).next());
+  }, r = (n) => n.done ? e(n.value) : Promise.resolve(n.value).then(s, h);
+  r((t = t.apply(l, a)).next());
 });
-import { to as M } from "../../shared-utils/to.js";
-import { equal as I } from "../../shared-utils/equal.js";
-import { Main as y } from "../Components/Main.js";
-import { formatData as b } from "../utils/formatData.js";
-import { CAMERA_IMAGE as _ } from "../Assets/camera.js";
-import { omit as L } from "../../shared-utils/filter.js";
-import { getPxmm as O } from "../../shared-utils/getPxmm.js";
-import { FLOOR_PLAN_ATTACHED_TO as D } from "../constant.js";
-import { Controller as T } from "../../base/BasePluginWithData.js";
-import { correctFiveState as k } from "../utils/correctFiveState.js";
-import { changeModelCanvasOpacity as F } from "../../shared-utils/changeModelCanvasOpacity.js";
-import { FIVE_CAMERA_DEFAULT_FOV as R, FloorplanErrorType as u, SHOW_ANIME_DURATION as H } from "../utils/constant.js";
+import * as b from "three";
+import { to as I } from "../../shared-utils/to.js";
+import { equal as y } from "../../shared-utils/equal.js";
+import { Main as _ } from "../Components/Main.js";
+import { formatData as F } from "../utils/formatData.js";
+import { CAMERA_IMAGE as L } from "../Assets/camera.js";
+import { omit as O } from "../../shared-utils/filter.js";
+import { getPxmm as D, getAttachedY as T } from "../../shared-utils/getPxmm.js";
+import { FLOOR_PLAN_ATTACHED_TO as R } from "../constant.js";
+import { Controller as k } from "../../base/BasePluginWithData.js";
+import { correctFiveState as H } from "../utils/correctFiveState.js";
+import { changeModelCanvasOpacity as A } from "../../shared-utils/changeModelCanvasOpacity.js";
+import { FIVE_CAMERA_DEFAULT_FOV as W, FloorplanErrorType as f, SHOW_ANIME_DURATION as G } from "../utils/constant.js";
 import "../../shared-utils/tag.js";
-import "three";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import "../../shared-utils/three/CSS3DRenderer/index.js";
+import "three/webgpu";
+import "three/tsl";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
-import { isNil as G } from "../../shared-utils/isNil.js";
-import "../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/LineGeometry.js";
+import { isNil as z } 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";
@@ -112,6 +112,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";
@@ -135,21 +136,18 @@ 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";
-function W(d) {
-  const { latitude: s, longitude: t } = d, e = Math.abs(s - Math.PI / 2) > 5 * Math.PI / 180, i = t > 5 * (Math.PI / 180) && t < 355 * (Math.PI / 180);
+import "@realsee/five-webgpu";
+function U(l) {
+  const { latitude: a, longitude: t } = l, e = Math.abs(a - Math.PI / 2) > 5 * Math.PI / 180, i = t > 5 * (Math.PI / 180) && t < 355 * (Math.PI / 180);
   return e || i;
 }
-function z(d) {
-  const { latitude: s, longitude: t } = d, e = Math.abs(s - Math.PI / 2) < 10 * Math.PI / 180, i = t < 30 * (Math.PI / 180) || t > 330 * (Math.PI / 180);
+function N(l) {
+  const { latitude: a, longitude: t } = l, e = Math.abs(a - Math.PI / 2) < 10 * Math.PI / 180, i = t < 30 * (Math.PI / 180) || t > 330 * (Math.PI / 180);
   return e && i;
 }
-class $e extends T {
+class Ve extends k {
   constructor(t, e) {
-    var a, p, c;
+    var n, m, c;
     super(t);
     // =============== public properties =================
     o(this, "name", "modelFloorplanPlugin");
@@ -199,22 +197,22 @@ class $e extends T {
      * @param opts.isAutoShow 是否是自动展示
      * @param opts.userAction 是否是用户行为
      */
-    o(this, "show", (...e) => f(this, [...e], function* (t = {}) {
+    o(this, "show", (...e) => u(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) => u(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, r = e.y - t.y, h = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, n = O(this.five, this.wrapper, this.floorIndex, h), a = Math.ceil(i * n), p = Math.ceil(r * n);
-      return this.size.width === a && this.size.height === p || (this.container.style.width = a + "px", this.container.style.height = p + "px", this.size = { width: a, height: p }), !0;
+      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, s = e.y - t.y, h = this.getPxmmWithRotation(), r = Math.ceil(i * h), n = Math.ceil(s * h);
+      return this.size.width === r && this.size.height === n || (this.container.style.width = r + "px", this.container.style.height = n + "px", this.size = { width: r, height: n }), !0;
     });
     o(this, "highlight", (t) => {
       this.state.config.highlightEnable && (this.highlightData = t, this.render());
@@ -222,23 +220,33 @@ class $e extends T {
     o(this, "unhighlight", () => {
       this.highlightData = {}, this.render();
     });
+    /** 更新展示状态
+     * @description 可以更新 longitude、latitude、fov 等参数
+     * @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, r, h;
+      var i, s, h;
       const { userAction: e } = t;
-      this.hooks.emit("disable", { userAction: e }), (i = this.showRejection) == null || i.call(this, u.BreakOffByDisable), this.showPromise = void 0, (r = this.app) == null || r.$destroy(), this.app = void 0, (h = this.container) == null || h.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, (h = this.container) == null || h.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) => u(this, null, function* () {
       var h;
       if (!this.state.enabled)
         return;
       if (!((h = this.five.model) != null && h.loaded))
-        throw new Error(u.ModelNotLoaded);
+        throw new Error(f.ModelNotLoaded);
       if (!this.data)
-        throw new Error(u.DataNotLoaded);
+        throw new Error(f.DataNotLoaded);
       if (this.showPromise)
         return this.showPromise;
       const e = {
@@ -247,41 +255,41 @@ class $e extends T {
         immediately: !1,
         isAutoShow: !1,
         userAction: !0
-      }, i = l(l({}, e), t), r = () => f(this, null, function* () {
+      }, i = d(d({}, e), t), s = () => u(this, null, function* () {
         this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
-        let n = !1, a;
-        this.showRejection = (m) => {
-          n = !0, a = m;
+        let r = !1, n;
+        this.showRejection = (p) => {
+          r = !0, n = p;
         };
-        const [p] = yield M(k(this.five, this.showState, i.userAction));
-        if (p)
-          throw p;
-        if (n)
-          throw a ? new Error(a) : new Error(u.UnknownError);
+        const [m] = yield I(H(this.five, this.showState, i.userAction));
+        if (m)
+          throw m;
+        if (r)
+          throw n ? new Error(n) : new Error(f.UnknownError);
         if (!this.updateSize())
-          throw new Error(u.UpdateSizeError);
+          throw new Error(f.UpdateSizeError);
         this.floorIndex = i.floorIndex, this.five.model.show(this.floorIndex);
       });
-      return this.isHiddenByHideFunc = !1, this.showPromise = r().then(() => {
+      return this.isHiddenByHideFunc = !1, this.showPromise = s().then(() => {
         this.showPromise = void 0, this.showRejection = void 0;
-        const n = i.modelOpacity, a = i.immediately ? 0 : H;
-        F(this.five, n, a), this.render(a), this.hooks.emit("showAnimationEnded", {
+        const r = i.modelOpacity, n = i.immediately ? 0 : G;
+        A(this.five, r, n), this.render(n), this.hooks.emit("showAnimationEnded", {
           auto: i.isAutoShow,
           userAction: i.userAction
         });
-      }).catch((n) => {
-        if (this.showPromise = void 0, this.showRejection = void 0, this.updateState({ visible: !1 }, i.userAction), !i.isAutoShow && n instanceof Error)
-          throw n;
+      }).catch((r) => {
+        if (this.showPromise = void 0, this.showRejection = void 0, this.updateState({ visible: !1 }, i.userAction), !i.isAutoShow && r instanceof Error)
+          throw r;
       }), this.showPromise;
     }));
     o(this, "_hide", (t) => {
-      var r;
-      (r = this.showRejection) == null || r.call(this, u.BreakOffByHide), this.showPromise = void 0;
-      const i = l(l({}, {
+      var s;
+      (s = this.showRejection) == null || s.call(this, f.BreakOffByHide), this.showPromise = void 0;
+      const i = d(d({}, {
         userAction: !0,
         isAutoHide: !1
       }), t);
-      F(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
+      A(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
     });
     o(this, "handleClick", () => {
       if (!this.state.visible)
@@ -307,7 +315,7 @@ class $e extends T {
       if (!e || this.state.config.autoShowEnable === !1 || this.isHiddenByHideFunc)
         return;
       const i = this.five.getCurrentState();
-      i.mode === "Floorplan" && (this.state.visible || z(i) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 })));
+      i.mode === "Floorplan" && (this.state.visible || N(i) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 })));
     });
     /** panoIndex 改变时，更新 floorIndex */
     o(this, "onFivePanoArrived", (t) => {
@@ -319,7 +327,7 @@ class $e extends T {
       if (!this.state.visible || this.showPromise)
         return;
       const i = this.five.getCurrentState();
-      W(i) && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e, isAutoHide: !0 }));
+      U(i) && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e, isAutoHide: !0 }));
     });
     /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
     o(this, "onFiveWantsGesture", (t, e) => {
@@ -348,16 +356,16 @@ class $e extends T {
         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: "Floorplan",
       longitude: 0,
       latitude: Math.PI / 2,
-      fov: R / ((a = e == null ? void 0 : e.scale) != null ? a : 1)
-    }, this.defaultMissingFloorConfig = {
+      fov: W / ((n = e == null ? void 0 : e.scale) != null ? n : 1)
+    }, e == null ? void 0 : e.showState), this.defaultMissingFloorConfig = {
       imageURL: this.staticPrefix + "/release/web/saas/missing-floorplan.e274c596.png",
       imageWidth: 200,
       imageHeight: 120,
-      text: (c = (p = e.i18n) == null ? void 0 : p.call(e, "暂无平面图")) != null ? c : "暂无平面图",
+      text: (c = (m = e.i18n) == null ? void 0 : m.call(e, "暂无平面图")) != null ? c : "暂无平面图",
       textFontSize: 14
     };
     const i = {
@@ -375,26 +383,26 @@ class $e extends T {
       roomNameOtherTypeEnable: !0,
       roomDimensionEnable: !0,
       adaptiveRoomLabelVisibleEnable: !0,
-      cameraImageUrl: _,
-      attachedTo: D.BOUNDING_CENTER,
+      cameraImageUrl: L,
+      attachedTo: R.BOUNDING_CENTER,
       getLabelElement: void 0,
-      missingFloorConfig: l(l({}, this.defaultMissingFloorConfig), e.missingFloorConfig),
-      i18n: (m) => m,
-      getRoomAreaText: (m) => (m / 1e6).toFixed(1) + "㎡",
-      getRoomDimensionText: (m, A) => (m / 1e3).toFixed(1) + "m × " + (A / 1e3).toFixed(1) + "m",
-      getRuleDistanceText: (m) => m.toString()
-    }, r = e ? L(e, ["selector", "scale"]) : {}, h = l(l({}, i.missingFloorConfig), r.missingFloorConfig), n = g(l(l({}, i), r), { missingFloorConfig: h });
-    this.state = { enabled: !0, visible: !1, config: n }, this.initContainer(), t.once("dispose", this.dispose), this.addEventListener();
+      missingFloorConfig: d(d({}, this.defaultMissingFloorConfig), e.missingFloorConfig),
+      i18n: (p) => p,
+      getRoomAreaText: (p) => (p / 1e6).toFixed(1) + "㎡",
+      getRoomDimensionText: (p, S) => (p / 1e3).toFixed(1) + "m × " + (S / 1e3).toFixed(1) + "m",
+      getRuleDistanceText: (p) => p.toString()
+    }, s = e ? O(e, ["selector", "scale"]) : {}, h = d(d({}, i.missingFloorConfig), s.missingFloorConfig), r = g(d(d({}, i), s), { missingFloorConfig: h });
+    this.state = { enabled: !0, visible: !1, config: r }, this.initContainer(), t.once("dispose", this.dispose), this.addEventListener();
   }
   load(t, e, i = !0) {
-    return f(this, null, function* () {
-      function r(c) {
+    return u(this, null, function* () {
+      function s(c) {
         return Object.prototype.hasOwnProperty.apply(c, ["version"]);
       }
       const h = t;
-      h && G(h.version) && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
-      const n = JSON.parse(JSON.stringify(t)), a = r(n) ? n.data : n, p = this.data;
-      this.data = yield b(a), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, p), e && this.updateState(e, i), this.render();
+      h && z(h.version) && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
+      const r = JSON.parse(JSON.stringify(t)), n = s(r) ? r.data : r, m = this.data;
+      this.data = yield F(n), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, m), e && this.updateState(e, i), this.render();
     });
   }
   /** 把插件的渲染DOM插入到对应的容器中去 */
@@ -418,9 +426,9 @@ class $e extends T {
   }
   /** 更改插件 State */
   setState(t, e = {}) {
-    const i = this.state, r = e.userAction !== void 0 ? e.userAction : !0;
-    if (this.updateState(t, r), t.enabled !== void 0 && i.enabled !== t.enabled && (t.enabled ? this._enable({ userAction: r }) : this._disable({ userAction: r })), t.visible !== void 0 && i.visible !== t.visible) {
-      const h = { userAction: r };
+    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 h = { userAction: s };
       t.visible ? this._show(h) : this._hide(h);
     }
     this.render();
@@ -428,15 +436,33 @@ class $e extends T {
   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) : D(this.five, this.wrapper, this.floorIndex, t);
+  }
+  /** 使用 Z 轴计算 pxmm
+   * @description 当相机旋转导致 X 轴接近垂直于屏幕时，改用 Z 轴计算
+   */
+  getPxmmZAxis(t) {
+    if (!this.wrapper)
+      return 0;
+    const e = T(this.five, this.floorIndex, t == null ? void 0 : t.attachedTo), i = new b.Vector3(0, e, 0), s = new b.Vector3(0, e, 1), h = i.clone().project(this.five.camera), r = s.clone().project(this.five.camera);
+    return Math.abs((r.x - h.x) / 1e3) * (this.wrapper.getBoundingClientRect().width / 2);
+  }
   formatData(t) {
-    return f(this, null, function* () {
-      return yield b(t.data);
+    return u(this, null, function* () {
+      return yield F(t.data);
     });
   }
   updateState(t, e) {
-    var n;
-    const i = this.state, r = (n = t.config) != null && n.missingFloorConfig ? l(l({}, i.config.missingFloorConfig), t.config.missingFloorConfig) : i.config.missingFloorConfig, h = t.config ? g(l(l({}, i.config), t.config), { missingFloorConfig: r }) : i.config;
-    this.state = g(l(l({}, this.state), t), { config: h }), !I(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
+    var r;
+    const i = this.state, s = (r = t.config) != null && r.missingFloorConfig ? d(d({}, i.config.missingFloorConfig), t.config.missingFloorConfig) : i.config.missingFloorConfig, h = t.config ? g(d(d({}, i.config), t.config), { missingFloorConfig: s }) : i.config;
+    this.state = g(d(d({}, this.state), t), { config: h }), !y(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
   }
   /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
    *
@@ -465,7 +491,7 @@ class $e extends T {
   render(t) {
     if (!this.state.enabled || !this.container || !this.data || this.size.width === 0 || this.showPromise)
       return;
-    const e = g(l({}, this.state.config), {
+    const e = g(d({}, this.state.config), {
       visible: this.state.visible,
       duration: t != null ? t : 0,
       panoIndex: this.panoIndex,
@@ -477,9 +503,9 @@ class $e extends T {
     });
     if (this.app)
       return this.app.$set(e);
-    this.app = new y({ target: this.container, intro: !0, props: e });
+    this.app = new _({ target: this.container, intro: !0, props: e });
   }
 }
 export {
-  $e as Controller
+  Ve as Controller
 };

package/libs/floorplan/ModelFloorplanPlugin/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 ModelFloorplanPlugin: FivePlugin<undefined | Parameters, Controller>;
 export type ModelFloorplanPluginParameterType = Parameters | undefined;

package/libs/floorplan/ModelFloorplanPlugin/index.js

@@ -1,4 +1,5 @@
 import { Controller as t } from "./Controller.js";
+import "three";
 import "../../shared-utils/to.js";
 import "../../shared-utils/equal.js";
 import "../../shared-utils/isTruelyObject.js";
@@ -39,7 +40,6 @@ import "../../shared-utils/filter.js";
 import "../../shared-utils/tap.js";
 import "../../shared-utils/getPxmm.js";
 import "../constant.js";
-import "three";
 import "../../base/BasePluginWithData.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
@@ -61,6 +61,8 @@ import "../../shared-utils/three/PointSelector/index.js";
 import "../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../../shared-utils/three/Magnifier.js";
 import "../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../../shared-utils/three/Assets/index.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../shared-utils/even.js";
@@ -69,36 +71,32 @@ import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/getObjectVisible.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../../shared-utils/isNil.js";
-import "../../shared-utils/three/core/Five_LineMaterial2.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/CSS3DRender/CSS3DRenderer.js";
-import "../../shared-utils/createResizeObserver.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../shared-utils/util.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/five/FivePuppet.js";
+import "@realsee/five-webgpu";
+import "../../shared-utils/five/fiveModelLoad.js";
 import "../../shared-utils/three/PointSelector/utils/html.js";
 import "../../shared-utils/CSS3DRender/index.js";
-import "../../shared-utils/five/fiveModelLoad.js";
+import "../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../shared-utils/createResizeObserver.js";
 import "../../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../../Sculpt/Meshes/Line.js";
 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/util.js";
 import "../../shared-utils/three/core/LineGeometry.js";
 import "../../shared-utils/three/core/LineMaterial.js";
 import "../../shared-utils/three/core/Line2.js";
 import "../../shared-utils/three/core/LineMaterial2.js";
 import "../../Sculpt/utils/unit.js";
 import "../../Sculpt/utils/renderDom.js";
-import "../../shared-utils/five/FivePuppet.js";
-import "@realsee/five";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../../shared-utils/isTouchDevice.js";
 import "../../shared-utils/five/getPosition.js";
@@ -111,8 +109,8 @@ import "../utils/constant.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/five/changeMode.js";
 import "../../shared-utils/changeModelCanvasOpacity.js";
-const ar = (o, r) => new t(o, r);
+const er = (o, r) => new t(o, r);
 export {
-  ar as ModelFloorplanPlugin,
-  ar as default
+  er as ModelFloorplanPlugin,
+  er as default
 };

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

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type { BaseOptions } from '../../base/BasePlugin';
 import type { FloorplanServerData } from '../typings/floorplanServerData';
 import type { FloorplanExtraObject3D } from '../typings/floorplanData';