@realsee/dnalogel 2.28.0-dev.1 → 2.28.0

package/libs/PanoTagPlugin/controller/TagRender.js

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

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

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

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

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

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

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

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -24,7 +24,7 @@ import { loadTexture as T } from "../../../shared-utils/three/loadTexture.js";
 import { QuadrangleGeometry as F, QuadrangleMesh as I } from "../../../shared-utils/three/Quadrangle.js";
 import { getVideoTexture as B } from "../../../shared-utils/three/loadVideoTexture.js";
 import { Image_Play_Icon_With_Text as L, Image_Play_Icon as b } from "../../Assets/Icon.js";
-import { getPositionsByObjectFit as g } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import { getPositionsByObjectFit as f } from "../../../shared-utils/three/getPositionsByObjectFit.js";
 import { FragmentTransparencyMaterial as H } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../../shared-utils/math/pointIsRectangle.js";
 import "../../../shared-utils/device.js";
@@ -65,15 +65,15 @@ class G extends P {
       a = t.map((h) => h.clone().add(i));
     }
     T(e).then((i) => {
-      var f;
-      const h = new URL(e, location.href).pathname.endsWith(".png"), u = new l.MeshBasicMaterial({ map: i, transparent: h }), p = g(
-        (f = s == null ? void 0 : s.objectFit) != null ? f : "contain",
+      var g;
+      const h = new URL(e, location.href).pathname.endsWith(".png"), u = new l.MeshBasicMaterial({ map: i, transparent: h }), p = f(
+        (g = s == null ? void 0 : s.objectFit) != null ? g : "contain",
         a,
         i.image.width / i.image.height
       ), m = x(...p), M = p.map((V) => V.clone().sub(m)), y = new F(M);
       this.position.copy(m), this.geometry = y, this.material = u;
     }).catch((i) => {
-      console.error(`Imageplane error ${i}`);
+      console.error(`Imageplane error ${i == null ? void 0 : i.message}`);
     });
   }
 }
@@ -155,7 +155,7 @@ class O extends P {
         const t = yield this.getImageTexture(this.videoCoverSrc);
         if (!t)
           return;
-        const s = new l.MeshBasicMaterial({ transparent: !1, map: t }), o = g(this.objectFit, this.cornerPoints, t.image.width / t.image.height), a = new I(o, s);
+        const s = new l.MeshBasicMaterial({ transparent: !1, map: t }), o = f(this.objectFit, this.cornerPoints, t.image.width / t.image.height), a = new I(o, s);
         return a.position.copy(new w(0, 0, 0)), a.name = "videoCoverMesh", a;
       }))();
       return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
@@ -171,9 +171,9 @@ class O extends P {
         if (!this.src)
           return;
         const s = this.getVideoTexture(this.src), o = new l.MeshBasicMaterial({ transparent: !1, map: s }), a = yield new Promise((i) => {
-          s.metadataLoaded ? i(g(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
+          s.metadataLoaded ? i(f(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
             "videoLoaded",
-            () => i(g(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
+            () => i(f(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
           );
         }), n = new I(a, o);
         return n.name = "videoMesh", n.position.copy(new w(0, 0, 0)), n;
@@ -196,10 +196,10 @@ class O extends P {
       if (this.children.includes(this.buttonMesh))
         return;
       const e = yield (() => v(this, null, function* () {
-        var m, M, y, f;
+        var m, M, y, g;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const t = (M = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? M : 1 / 0, s = (f = (y = this.coverMesh) == null ? void 0 : y.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? f : 1 / 0, o = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), n = Math.min(t, s, o) / o * 0.3, i = yield this.getImageTexture(this.buttonSrc), h = g("contain", this.cornerPoints, i.image.width / i.image.height), u = new I(h, new H(i));
+        const t = (M = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? M : 1 / 0, s = (g = (y = this.coverMesh) == null ? void 0 : y.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? g : 1 / 0, o = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), n = Math.min(t, s, o) / o * 0.3, i = yield this.getImageTexture(this.buttonSrc), h = f("contain", this.cornerPoints, i.image.width / i.image.height), u = new I(h, new H(i));
         u.position.copy(new w(0, 0, 0)), u.name = "buttonMesh", u.scale.set(n, n, n), this.domEvents.addAutoBindEventListener(u, "click", () => this.play());
         const p = new l.Vector3().crossVectors(new l.Vector3().subVectors(h[0], h[1]), new l.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
         return u.position.add(p), u;

package/libs/base/BasePlugin.js

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

package/libs/base/BasePluginWithData.d.ts

@@ -16,7 +16,7 @@ declare abstract class Controller<PluginState extends State, PluginEventMap exte
      */
     abstract load(serverData: PluginServerData, state?: PluginState, userAction?: boolean): Promise<void>;
     /** 把原始数据转化为插件数据 */
-    protected abstract formatData?(serverData: PluginServerData): Promise<PluginData>;
+    protected abstract formatData?(serverData: PluginServerData): Promise<PluginData> | PluginData;
 }
 export type { State, EventMap, Config };
 export type { BaseOptions } from './BasePlugin';

package/libs/components/AreaLabel/Assets/roomLabelBg.d.ts

@@ -0,0 +1 @@
+export declare const ROOM_LABEL_BG = "data:image/png;base64,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";

package/libs/components/AreaLabel/Assets/roomLabelBg.js

@@ -0,0 +1,4 @@
+const A = "data:image/png;base64,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";
+export {
+  A as ROOM_LABEL_BG
+};

package/libs/components/AreaLabel/LabelItem.js

@@ -0,0 +1,125 @@
+import { SvelteComponent as v, init as p, safe_not_equal as h, append_styles as z, element as d, text as k, space as y, attr as u, set_style as l, toggle_class as g, insert as q, append as b, listen as w, set_data as x, noop as _, detach as C, is_function as I } from "../../vendor/svelte/internal/index.js";
+import { ROOM_LABEL_BG as L } from "./Assets/roomLabelBg.js";
+function B(t) {
+  z(t, "svelte-qxepni", ".room-label-item.svelte-qxepni{position:absolute;font-size:0.5rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.room-label-item__text.svelte-qxepni{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.25rem;min-width:2rem;padding:0 0.375rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-qxepni{position:absolute;top:-2.75rem;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-qxepni{font-size:0.625rem}");
+}
+function O(t) {
+  let e, i, r, f, a, m, c;
+  return {
+    c() {
+      e = d("div"), i = d("span"), r = k(
+        /*content*/
+        t[0]
+      ), f = y(), a = d("div"), u(i, "class", "room-label-item__text svelte-qxepni"), l(i, "background-image", "url(" + L + ")"), g(
+        i,
+        "wide",
+        /*content*/
+        t[0].length > 3
+      ), u(a, "class", "room-label-item__bar svelte-qxepni"), u(e, "class", "room-label-item svelte-qxepni"), l(
+        e,
+        "z-index",
+        /*zIndex*/
+        t[2]
+      ), l(
+        e,
+        "transform",
+        /*transform*/
+        t[3]
+      ), l(
+        e,
+        "opacity",
+        /*opacity*/
+        t[1]
+      ), l(
+        e,
+        "visibility",
+        /*visibility*/
+        t[5]
+      );
+    },
+    m(s, o) {
+      q(s, e, o), b(e, i), b(i, r), b(e, f), b(e, a), m || (c = w(i, "click", function() {
+        I(
+          /*onClick*/
+          t[4]
+        ) && t[4].apply(this, arguments);
+      }), m = !0);
+    },
+    p(s, [o]) {
+      t = s, o & /*content*/
+      1 && x(
+        r,
+        /*content*/
+        t[0]
+      ), o & /*content*/
+      1 && g(
+        i,
+        "wide",
+        /*content*/
+        t[0].length > 3
+      ), o & /*zIndex*/
+      4 && l(
+        e,
+        "z-index",
+        /*zIndex*/
+        t[2]
+      ), o & /*transform*/
+      8 && l(
+        e,
+        "transform",
+        /*transform*/
+        t[3]
+      ), o & /*opacity*/
+      2 && l(
+        e,
+        "opacity",
+        /*opacity*/
+        t[1]
+      ), o & /*visibility*/
+      32 && l(
+        e,
+        "visibility",
+        /*visibility*/
+        t[5]
+      );
+    },
+    i: _,
+    o: _,
+    d(s) {
+      s && C(e), m = !1, c();
+    }
+  };
+}
+function j(t, e, i) {
+  let r, { content: f } = e, { visible: a } = e, { opacity: m = 1 } = e, { zIndex: c = 0 } = e, { transform: s } = e, { onClick: o = () => {
+  } } = e;
+  return t.$$set = (n) => {
+    "content" in n && i(0, f = n.content), "visible" in n && i(6, a = n.visible), "opacity" in n && i(1, m = n.opacity), "zIndex" in n && i(2, c = n.zIndex), "transform" in n && i(3, s = n.transform), "onClick" in n && i(4, o = n.onClick);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*visible*/
+    64 && i(5, r = a ? "visible" : "hidden");
+  }, [f, m, c, s, o, r, a];
+}
+class G extends v {
+  constructor(e) {
+    super(), p(
+      this,
+      e,
+      j,
+      O,
+      h,
+      {
+        content: 0,
+        visible: 6,
+        opacity: 1,
+        zIndex: 2,
+        transform: 3,
+        onClick: 4
+      },
+      B
+    );
+  }
+}
+export {
+  G as LabelItem
+};

package/libs/floorplan/MapviewFloorplanPlugin/Controller.js

@@ -1,18 +1,18 @@
-var S = Object.defineProperty, A = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
-var w = Object.getOwnPropertySymbols;
-var E = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var m = (d, n, t) => n in d ? S(d, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[n] = t, c = (d, n) => {
-  for (var t in n || (n = {}))
-    E.call(n, t) && m(d, t, n[t]);
-  if (w)
-    for (var t of w(n))
-      C.call(n, t) && m(d, t, n[t]);
+var A = Object.defineProperty, P = Object.defineProperties;
+var E = Object.getOwnPropertyDescriptors;
+var g = Object.getOwnPropertySymbols;
+var C = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var m = (d, r, t) => r in d ? A(d, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[r] = t, c = (d, r) => {
+  for (var t in r || (r = {}))
+    C.call(r, t) && m(d, t, r[t]);
+  if (g)
+    for (var t of g(r))
+      I.call(r, t) && m(d, t, r[t]);
   return d;
-}, v = (d, n) => A(d, P(n));
-var o = (d, n, t) => (m(d, typeof n != "symbol" ? n + "" : n, t), t);
-var u = (d, n, t) => new Promise((e, i) => {
-  var r = (a) => {
+}, v = (d, r) => P(d, E(r));
+var o = (d, r, t) => (m(d, typeof r != "symbol" ? r + "" : r, t), t);
+var u = (d, r, t) => new Promise((e, i) => {
+  var n = (a) => {
     try {
       s(t.next(a));
     } catch (l) {
@@ -24,21 +24,21 @@ var u = (d, n, t) => new Promise((e, i) => {
     } catch (l) {
       i(l);
     }
-  }, s = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(r, h);
-  s((t = t.apply(d, n)).next());
+  }, s = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(n, h);
+  s((t = t.apply(d, r)).next());
 });
-import * as I from "three";
+import * as w from "three";
 import { to as y } from "../../shared-utils/to.js";
 import { equal as F } from "../../shared-utils/equal.js";
 import { Main as x } from "../Components/Main.js";
-import { formatData as g } from "../utils/formatData.js";
+import { formatData as b } from "../utils/formatData.js";
 import { CAMERA_IMAGE as M } from "../Assets/camera.js";
 import { omit as _ } from "../../shared-utils/filter.js";
 import { FLOOR_PLAN_ATTACHED_TO as L } from "../constant.js";
 import { Controller as O } from "../../base/BasePluginWithData.js";
 import { getPxmm as D, getAttachedY as T } from "../../shared-utils/getPxmm.js";
 import { checkShowState as k, correctFiveState as H } from "../utils/correctFiveState.js";
-import { changeModelCanvasOpacity as b } from "../../shared-utils/changeModelCanvasOpacity.js";
+import { changeModelCanvasOpacity as S } from "../../shared-utils/changeModelCanvasOpacity.js";
 import { FloorplanErrorType as f, SHOW_ANIME_DURATION as R } from "../utils/constant.js";
 import "../../shared-utils/isTruelyObject.js";
 import "../../vendor/svelte/internal/index.js";
@@ -90,11 +90,11 @@ import "../../shared-utils/absoluteUrl.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/five/changeMode.js";
 function G(d) {
-  const { latitude: n, longitude: t } = d, e = Math.abs(n - Math.PI / 2) > 5 * Math.PI / 180, i = t > 5 * (Math.PI / 180) && t < 355 * (Math.PI / 180);
+  const { latitude: r, longitude: t } = d, e = Math.abs(r - Math.PI / 2) > 5 * Math.PI / 180, i = t > 5 * (Math.PI / 180) && t < 355 * (Math.PI / 180);
   return e || i;
 }
 function W(d) {
-  const { latitude: n, longitude: t } = d, e = Math.abs(n - Math.PI / 2) < 10 * Math.PI / 180, i = t < 30 * (Math.PI / 180) || t > 330 * (Math.PI / 180);
+  const { latitude: r, longitude: t } = d, e = Math.abs(r - Math.PI / 2) < 10 * Math.PI / 180, i = t < 30 * (Math.PI / 180) || t > 330 * (Math.PI / 180);
   return e && i;
 }
 class Jt extends O {
@@ -160,7 +160,7 @@ class Jt extends O {
     o(this, "updateSize", () => {
       if (!this.data || !k(this.five, this.showState) || !this.container || !this.wrapper)
         return;
-      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, s = D(this.five, this.wrapper, this.floorIndex, h), a = Math.ceil(i * s), l = Math.ceil(r * s);
+      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, n = e.y - t.y, h = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, s = D(this.five, this.wrapper, this.floorIndex, h), a = Math.ceil(i * s), l = Math.ceil(n * s);
       this.size.width === a && this.size.height === l || (this.container.style.width = a + "px", this.container.style.height = l + "px", this.size = { width: a, height: l });
     });
     o(this, "highlight", (t) => {
@@ -170,9 +170,9 @@ class Jt extends O {
       this.highlightData = {}, this.render();
     });
     o(this, "_disable", (t) => {
-      var i, r, h;
+      var i, n, h;
       const { userAction: e } = t;
-      this.hooks.emit("disable", { userAction: e }), (i = this.showRejection) == null || i.call(this, f.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, (n = this.app) == null || n.$destroy(), this.app = void 0, (h = this.container) == null || h.remove(), this.removeEventListener();
     });
     o(this, "_enable", (t) => {
       const { userAction: e } = t;
@@ -194,7 +194,7 @@ class Jt extends O {
         immediately: !1,
         isAutoShow: !1,
         userAction: !0
-      }, i = c(c({}, e), t), r = () => u(this, null, function* () {
+      }, i = c(c({}, e), t), n = () => u(this, null, function* () {
         this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
         let s = !1, a;
         this.showRejection = (p) => {
@@ -207,10 +207,10 @@ class Jt extends O {
           throw a ? new Error(a) : new Error(f.UnknownError);
         this.updateSize(), this.updatePosition(), this.floorIndex = i.floorIndex, this.five.model.show(this.floorIndex);
       });
-      return this.isHiddenByHideFunc = !1, this.showPromise = r().then(() => {
+      return this.isHiddenByHideFunc = !1, this.showPromise = n().then(() => {
         this.showPromise = void 0, this.showRejection = void 0;
         const s = i.modelOpacity, a = i.immediately ? 0 : R;
-        b(this.five, s, a), this.render(a), this.hooks.emit("showAnimationEnded", {
+        S(this.five, s, a), this.render(a), this.hooks.emit("showAnimationEnded", {
           auto: i.isAutoShow,
           userAction: i.userAction
         });
@@ -220,13 +220,13 @@ class Jt extends O {
       }), this.showPromise;
     }));
     o(this, "_hide", (t) => {
-      var r;
-      (r = this.showRejection) == null || r.call(this, f.BreakOffByHide), this.showPromise = void 0;
+      var n;
+      (n = this.showRejection) == null || n.call(this, f.BreakOffByHide), this.showPromise = void 0;
       const i = c(c({}, {
         userAction: !0,
         isAutoHide: !1
       }), t);
-      b(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
+      S(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
     });
     o(this, "handleClick", () => {
       if (!this.state.visible)
@@ -236,12 +236,13 @@ class Jt extends O {
     });
     /** modelLoaded 之后自动执行 append container 操作  */
     o(this, "onFiveModelLoaded", () => {
-      if (this.state.enabled === !1 || this.wrapper || !this.selector)
+      const e = this.five.model.bounding.getCenter(new w.Vector3());
+      if (this.showState.offset = e, this.state.enabled === !1 || this.wrapper || !this.selector)
         return;
-      const t = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
-      if (!t)
+      const i = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
+      if (!i)
         throw new Error("不正确的父容器选择器");
-      this.wrapper = t, t.append(this.container);
+      this.wrapper = i, i.append(this.container);
     });
     /** 更改模型时，自动隐藏户型图 */
     o(this, "onFiveModeChange", (t) => {
@@ -292,7 +293,7 @@ class Jt extends O {
       mode: "Mapview",
       longitude: 0,
       latitude: Math.PI / 2,
-      fov: 90
+      fov: 80
     };
     const i = {
       northDesc: "北",
@@ -312,7 +313,7 @@ class Jt extends O {
       adaptiveRoomLabelVisibleEnable: !0,
       getRoomAreaText: (s) => (s / 1e6).toFixed(1) + "㎡",
       getRuleDistanceText: (s) => s.toString()
-    }, r = e ? _(e, ["selector", "scale"]) : {}, h = c(c({}, i), r);
+    }, n = e ? _(e, ["selector", "scale"]) : {}, h = c(c({}, i), n);
     this.state = {
       enabled: !0,
       visible: !1,
@@ -321,13 +322,13 @@ class Jt extends O {
   }
   load(t, e, i = !0) {
     return u(this, null, function* () {
-      function r(p) {
+      function n(p) {
         return Object.prototype.hasOwnProperty.apply(p, ["version"]);
       }
       const h = t;
       h && !h.version && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
-      const s = JSON.parse(JSON.stringify(t)), a = r(s) ? s.data : s, l = this.data;
-      this.data = yield g(a), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, l), e && this.updateState(e, i), this.render();
+      const s = JSON.parse(JSON.stringify(t)), a = n(s) ? s.data : s, l = this.data;
+      this.data = yield b(a), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, l), e && this.updateState(e, i), this.render();
     });
   }
   /** 把插件的渲染DOM插入到对应的容器中去 */
@@ -351,9 +352,9 @@ class Jt extends O {
   }
   /** 更改插件 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, n = e.userAction !== void 0 ? e.userAction : !0;
+    if (this.updateState(t, n), t.enabled !== void 0 && i.enabled !== t.enabled && (t.enabled ? this._enable({ userAction: n }) : this._disable({ userAction: n })), t.visible !== void 0 && i.visible !== t.visible) {
+      const h = { userAction: n };
       t.visible ? this._show(h) : this._hide(h);
     }
   }
@@ -363,20 +364,20 @@ class Jt extends O {
   /** 更新户型图位置 */
   updatePosition() {
     var s;
-    const t = T(this.five, this.floorIndex, this.state.config.attachedTo), e = (s = this.five.model) == null ? void 0 : s.bounding.getCenter(new I.Vector3()).setY(t);
+    const t = T(this.five, this.floorIndex, this.state.config.attachedTo), e = (s = this.five.model) == null ? void 0 : s.bounding.getCenter(new w.Vector3()).setY(t);
     if (!e)
       return;
-    const i = e.clone().project(this.five.camera), r = (i.x + 1) / 2, h = -(i.y - 1) / 2;
-    this.container.style.left = r * 100 + "%", this.container.style.top = h * 100 + "%";
+    const i = e.clone().project(this.five.camera), n = (i.x + 1) / 2, h = -(i.y - 1) / 2;
+    this.container.style.left = n * 100 + "%", this.container.style.top = h * 100 + "%";
   }
   formatData(t) {
     return u(this, null, function* () {
-      return yield g(t.data);
+      return yield b(t.data);
     });
   }
   updateState(t, e) {
-    const i = this.state, r = t.config ? c(c({}, i.config), t.config) : i.config;
-    this.state = v(c(c({}, this.state), t), { config: r }), !F(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
+    const i = this.state, n = t.config ? c(c({}, i.config), t.config) : i.config;
+    this.state = v(c(c({}, this.state), t), { config: n }), !F(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
   }
   /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
    *

package/libs/floorplan/index.d.ts

@@ -3,6 +3,5 @@ export * from './ModelFloorplanPlugin';
 export * from './MapviewFloorplanPlugin';
 export * from './TopviewFloorplanPlugin';
 export * from './PanoFloorplanRadarPlugin';
-export * from './FloorplanRoomsPlugin';
 export * from './typings/floorplanServerData';
 export * from './typings/floorplanData';

package/libs/floorplan/utils/correctFiveState.d.ts

@@ -1,9 +1,11 @@
+import type * as THREE from 'three';
 import type { Five, Mode } from '@realsee/five';
 export interface ShowState {
     latitude: number;
     longitude: number;
     fov: number;
     mode: Mode;
+    offset?: THREE.Vector3;
 }
 /** 判断当前状态是否可以展示户型图 */
 export declare function checkShowState(five: Five, showState: ShowState): boolean;