@realsee/dnalogel 3.0.0 → 3.1.0

package/libs/floorplan/TopviewFloorplanPlugin/Controller.js

@@ -1,51 +1,47 @@
-var w = Object.defineProperty, A = Object.defineProperties;
-var E = Object.getOwnPropertyDescriptors;
-var u = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var m = (h, n, t) => n in h ? w(h, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[n] = t, p = (h, n) => {
+var w = Object.defineProperty, C = Object.defineProperties;
+var F = Object.getOwnPropertyDescriptors;
+var g = Object.getOwnPropertySymbols;
+var A = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var u = (d, n, t) => n in d ? w(d, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[n] = t, l = (d, n) => {
   for (var t in n || (n = {}))
-    C.call(n, t) && m(h, t, n[t]);
-  if (u)
-    for (var t of u(n))
-      x.call(n, t) && m(h, t, n[t]);
-  return h;
-}, f = (h, n) => A(h, E(n));
-var i = (h, n, t) => (m(h, typeof n != "symbol" ? n + "" : n, t), t);
-var c = (h, n, t) => new Promise((e, o) => {
-  var s = (d) => {
+    A.call(n, t) && u(d, t, n[t]);
+  if (g)
+    for (var t of g(n))
+      E.call(n, t) && u(d, t, n[t]);
+  return d;
+}, m = (d, n) => C(d, F(n));
+var o = (d, n, t) => (u(d, typeof n != "symbol" ? n + "" : n, t), t);
+var f = (d, n, t) => new Promise((e, i) => {
+  var s = (h) => {
     try {
-      r(t.next(d));
-    } catch (l) {
-      o(l);
+      a(t.next(h));
+    } catch (c) {
+      i(c);
     }
-  }, a = (d) => {
+  }, r = (h) => {
     try {
-      r(t.throw(d));
-    } catch (l) {
-      o(l);
+      a(t.throw(h));
+    } catch (c) {
+      i(c);
     }
-  }, r = (d) => d.done ? e(d.value) : Promise.resolve(d.value).then(s, a);
-  r((t = t.apply(h, n)).next());
+  }, a = (h) => h.done ? e(h.value) : Promise.resolve(h.value).then(s, r);
+  a((t = t.apply(d, n)).next());
 });
-import * as S from "three";
-import { equal as F } from "../../shared-utils/equal.js";
+import * as x from "three";
+import { equal as S } from "../../shared-utils/equal.js";
 import { Main as y } from "../Components/Main.js";
 import { formatData as v } from "../utils/formatData.js";
 import { CAMERA_IMAGE as I } 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 T } from "../../base/BasePluginWithData.js";
-import { changeMode as M } from "../../shared-utils/five/changeMode.js";
+import { omit as L } from "../../shared-utils/filter.js";
+import { FLOOR_PLAN_ATTACHED_TO as _ } from "../constant.js";
+import { Controller as M } from "../../base/BasePluginWithData.js";
+import { changeMode as T } from "../../shared-utils/five/changeMode.js";
 import { getPxmm as P, getAttachedY as D } from "../../shared-utils/getPxmm.js";
-import { changeModelCanvasOpacity as g } from "../../shared-utils/changeModelCanvasOpacity.js";
+import { changeModelCanvasOpacity as b } from "../../shared-utils/changeModelCanvasOpacity.js";
 import "../../shared-utils/isTruelyObject.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../vendor/svelte/transition/index.js";
 import "../../vendor/svelte/easing/index.js";
-import "../Components/Camera.js";
-import "../../shared-utils/math/rad2Deg.js";
-import "../Components/Compass.js";
-import "../Assets/compass.js";
 import "../Components/CurrentFloor.js";
 import "../../vendor/svelte/store/index.js";
 import "../Components/BaseImage.js";
@@ -64,6 +60,11 @@ import "../Components/RoomMaterials/RoomMaterial_1.js";
 import "../Components/RoomMaterials/RoomMaterial_2.js";
 import "../Components/RoomHighlight/RoomHighlight.js";
 import "../Components/RoomHighlight/Room.js";
+import "../Components/MissingFloor.js";
+import "../Components/Camera.js";
+import "../../shared-utils/math/rad2Deg.js";
+import "../Components/Compass.js";
+import "../Assets/compass.js";
 import "../Assets/floorplanExtraObject.js";
 import "../../shared-utils/tap.js";
 import "../../base/BasePlugin.js";
@@ -89,57 +90,59 @@ import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../shared-utils/url/absoluteUrl.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/to.js";
-class Wt extends T {
+class Bt extends M {
   constructor(t, e) {
+    var h, c;
     super(t);
     // =============== public properties =================
-    i(this, "name", "topviewFloorplanPlugin");
-    i(this, "state");
+    o(this, "name", "topviewFloorplanPlugin");
+    o(this, "state");
     // =============== private properties =================
-    i(this, "data");
-    i(this, "app");
-    i(this, "selector");
-    i(this, "panoIndex", 0);
-    i(this, "floorIndex", 0);
+    o(this, "data");
+    o(this, "app");
+    o(this, "selector");
+    o(this, "panoIndex", 0);
+    o(this, "floorIndex", 0);
     /** 户型图父容器 */
-    i(this, "wrapper");
+    o(this, "wrapper");
     /** 户型图主容器 */
-    i(this, "container", document.createElement("div"));
+    o(this, "container", document.createElement("div"));
     /** 展示户型图图前，Five 的 Panorama Longitude */
-    i(this, "lastPanoramaLongitude", 0);
+    o(this, "lastPanoramaLongitude", 0);
     /** 户型图大小 */
-    i(this, "size", { width: 0, height: 0 });
+    o(this, "size", { width: 0, height: 0 });
+    o(this, "defaultMissingFloorConfig");
     /** 是否已经执行过事件监听 */
-    i(this, "hasAddedEventListener", !1);
+    o(this, "hasAddedEventListener", !1);
     /** 上一次隐藏是否是用户调用了 hide 导致的 */
-    i(this, "isHiddenByHideFunc", !1);
+    o(this, "isHiddenByHideFunc", !1);
     /** 高亮区域 */
-    i(this, "highlightData", {});
+    o(this, "highlightData", {});
     /** 更新户型图大小 */
-    i(this, "updateSize", () => {
+    o(this, "updateSize", () => {
       if (!this.data || !this.container || !this.wrapper || this.five.getCurrentState().mode !== "Topview")
         return;
-      const { min: t, max: e } = this.data.bounding, o = e.x - t.x, s = e.y - t.y, a = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, r = P(this.five, this.wrapper, this.floorIndex, a), d = Math.ceil(o * r), l = Math.ceil(s * r);
-      this.size.width === d && this.size.height === l || (this.container.style.width = d + "px", this.container.style.height = l + "px", this.size = { width: d, height: l });
+      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, s = e.y - t.y, r = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, a = P(this.five, this.wrapper, this.floorIndex, r), h = Math.ceil(i * a), c = Math.ceil(s * a);
+      this.size.width === h && this.size.height === c || (this.container.style.width = h + "px", this.container.style.height = c + "px", this.size = { width: h, height: c });
     });
     /** 销毁插件 */
-    i(this, "dispose", () => {
+    o(this, "dispose", () => {
       var t, e;
       this.removeEventListener(), (t = this.app) == null || t.$destroy(), this.app = void 0, (e = this.container) == null || e.remove(), this.data = void 0, this.wrapper = void 0, this.selector = void 0, this.hooks.emit("dispose");
     });
-    i(this, "highlight", (t) => {
+    o(this, "highlight", (t) => {
       this.state.config.highlightEnable && (this.highlightData = t, this.render());
     });
-    i(this, "unhighlight", () => {
+    o(this, "unhighlight", () => {
       this.highlightData = {}, this.render();
     });
-    i(this, "_disable", (t) => {
-      var o, s;
+    o(this, "_disable", (t) => {
+      var i, s;
       const { userAction: e } = t;
-      (o = this.app) == null || o.$destroy(), this.app = void 0, (s = this.container) == null || s.remove(), this.removeEventListener(), this.hooks.emit("disable", { userAction: e });
+      (i = this.app) == null || i.$destroy(), this.app = void 0, (s = this.container) == null || s.remove(), this.removeEventListener(), this.hooks.emit("disable", { userAction: e });
     });
     /** modelLoaded 之后自动执行 append container 操作  */
-    i(this, "onFiveModelLoaded", () => {
+    o(this, "onFiveModelLoaded", () => {
       if (this.state.enabled === !1 || this.wrapper || !this.selector)
         return;
       const t = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
@@ -148,30 +151,30 @@ class Wt extends T {
       this.wrapper = t, t.append(this.container);
     });
     /** 非 Topview 态隐藏户型图 */
-    i(this, "onFiveModeChange", (...[t, , , , e]) => {
+    o(this, "onFiveModeChange", (...[t, , , , e]) => {
       t !== "Topview" && this.state.visible && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e }));
     });
-    i(this, "onFivePanoArrived", (t) => {
+    o(this, "onFivePanoArrived", (t) => {
       var e;
       (e = this.five) != null && e.work && (this.panoIndex = t, this.floorIndex = this.five.work.observers[t].floorIndex);
     });
-    i(this, "onFiveCameraUpdate", (t, e) => {
+    o(this, "onFiveCameraUpdate", (t, e) => {
       this.state.visible && (this.updatePosition(), this.updateSize());
     });
-    i(this, "onFiveWantsGesture", (t) => {
+    o(this, "onFiveWantsGesture", (t) => {
       if (!(t !== "pan" && t !== "pinch" && t !== "mouseWheel") && this.state.visible && !this.state.config.gestureEnable)
         return !1;
     });
-    i(this, "onFiveWantsMoveToPano", () => {
+    o(this, "onFiveWantsMoveToPano", () => {
       if (this.state.visible && this.state.config.preventRoomClick)
         return !1;
     });
     /** 动画结束后是 Topview 态就展示户型图 */
-    i(this, "onFiveInitAnimationEnded", (...[, , t]) => {
+    o(this, "onFiveInitAnimationEnded", (...[, , t]) => {
       const { mode: e } = this.five.getCurrentState();
       e === "Topview" && !this.isHiddenByHideFunc && !this.state.visible && this.state.config.autoShowEnable && (this.updateState({ visible: !0 }, t), this._show({ userAction: t }));
     });
-    i(this, "onModelShownFloorChange", (t) => {
+    o(this, "onModelShownFloorChange", (t) => {
       if (this.floorIndex !== t) {
         if (t === null) {
           const e = this.five.getCurrentState().panoIndex;
@@ -181,8 +184,14 @@ class Wt extends T {
         this.floorIndex = t, this.updateSize(), this.render();
       }
     });
-    e != null && e.selector && (this.selector = e.selector, console.warn("不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法"));
-    const o = {
+    e != null && e.selector && (this.selector = e.selector, console.warn("不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法")), this.defaultMissingFloorConfig = {
+      imageURL: this.staticPrefix + "/release/web/saas/missing-floorplan.e274c596.png",
+      imageWidth: 200,
+      imageHeight: 120,
+      text: (c = (h = e.i18n) == null ? void 0 : h.call(e, "暂无平面图")) != null ? c : "暂无平面图",
+      textFontSize: 14
+    };
+    const i = {
       northDesc: "北",
       modelOpacity: 1,
       cameraEnable: !0,
@@ -196,37 +205,35 @@ class Wt extends T {
       roomAreaEnable: !0,
       roomNameEnable: !0,
       cameraImageUrl: I,
-      attachedTo: L.BOUNDING_CENTER,
+      attachedTo: _.BOUNDING_CENTER,
       getLabelElement: void 0,
+      missingFloorConfig: l(l({}, this.defaultMissingFloorConfig), e.missingFloorConfig),
+      i18n: (p) => p,
       adaptiveRoomLabelVisibleEnable: !0,
-      getRoomAreaText: (r) => (r / 1e6).toFixed(1) + "㎡",
-      getRuleDistanceText: (r) => r.toString()
-    }, s = e ? _(e, ["selector", "scale"]) : {}, a = p(p({}, o), s);
-    this.state = {
-      enabled: !0,
-      visible: !1,
-      config: a
-    }, this.initContainer(), t.model.loaded ? this.onFiveModelLoaded() : t.once("modelLoaded", this.onFiveModelLoaded), t.once("dispose", this.dispose), this.addEventListener();
+      getRoomAreaText: (p) => (p / 1e6).toFixed(1) + "㎡",
+      getRuleDistanceText: (p) => p.toString()
+    }, s = e ? L(e, ["selector", "scale"]) : {}, r = l(l({}, i.missingFloorConfig), s.missingFloorConfig), a = m(l(l({}, i), s), { missingFloorConfig: r });
+    this.state = { enabled: !0, visible: !1, config: a }, this.initContainer(), t.model.loaded ? this.onFiveModelLoaded() : t.once("modelLoaded", this.onFiveModelLoaded), t.once("dispose", this.dispose), this.addEventListener();
   }
-  load(t, e, o = !0) {
-    return c(this, null, function* () {
-      function s(b) {
-        return Object.prototype.hasOwnProperty.apply(b, ["version"]);
+  load(t, e, i = !0) {
+    return f(this, null, function* () {
+      function s(p) {
+        return Object.prototype.hasOwnProperty.apply(p, ["version"]);
       }
-      const a = t;
-      a && !a.version && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
-      const r = JSON.parse(JSON.stringify(t)), d = s(r) ? r.data : r, l = this.data;
-      this.data = yield v(d), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, l), e && this.updateState(e, o), this.render();
+      const r = t;
+      r && !r.version && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
+      const a = JSON.parse(JSON.stringify(t)), h = s(a) ? a.data : a, c = this.data;
+      this.data = yield v(h), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, c), e && this.updateState(e, i), this.render();
     });
   }
   /** 更新户型图位置 */
   updatePosition() {
-    var r;
-    const t = D(this.five, this.floorIndex, this.state.config.attachedTo), e = (r = this.five.model) == null ? void 0 : r.bounding.getCenter(new S.Vector3()).setY(t);
+    var a;
+    const t = D(this.five, this.floorIndex, this.state.config.attachedTo), e = (a = this.five.model) == null ? void 0 : a.bounding.getCenter(new x.Vector3()).setY(t);
     if (!e)
       return;
-    const o = e.clone().project(this.five.camera), s = (o.x + 1) / 2, a = -(o.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, r = -(i.y - 1) / 2;
+    this.container.style.left = s * 100 + "%", this.container.style.top = r * 100 + "%";
   }
   /** 把插件的渲染DOM插入到对应的容器中去 */
   appendTo(t) {
@@ -234,7 +241,7 @@ class Wt extends T {
       return t.appendChild(this.container), this.render(), this;
   }
   show() {
-    return c(this, arguments, function* (t = {}) {
+    return f(this, arguments, function* (t = {}) {
       if (this.state.visible)
         return;
       const e = t.userAction !== void 0 ? t.userAction : !0;
@@ -242,7 +249,7 @@ class Wt extends T {
     });
   }
   hide() {
-    return c(this, arguments, function* (t = {}) {
+    return f(this, arguments, function* (t = {}) {
       if (this.isHiddenByHideFunc = !0, !this.state.visible)
         return;
       const e = t.userAction !== void 0 ? t.userAction : !0;
@@ -263,43 +270,43 @@ class Wt extends T {
   }
   /** 更改插件 State */
   setState(t, e = {}) {
-    const o = this.state, s = e.userAction !== void 0 ? e.userAction : !0;
-    if (this.updateState(t, s), t.enabled !== void 0 && o.enabled !== t.enabled) {
-      const a = { userAction: s };
-      t.enabled ? this._enable(a) : this._disable(a);
+    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) {
+      const r = { userAction: s };
+      t.enabled ? this._enable(r) : this._disable(r);
     }
-    if (t.visible !== void 0 && o.visible !== t.visible) {
-      const a = { userAction: s };
-      t.visible ? this._show(a) : this._hide(a);
+    if (t.visible !== void 0 && i.visible !== t.visible) {
+      const r = { userAction: s };
+      t.visible ? this._show(r) : this._hide(r);
     }
   }
   changeConfigs(t, e = !0) {
     this.updateState({ config: t }, e), this.render();
   }
   formatData(t) {
-    return c(this, null, function* () {
+    return f(this, null, function* () {
       return yield v(t.data);
     });
   }
   _show(t) {
-    return c(this, null, function* () {
+    return f(this, null, function* () {
       if (!this.state.enabled)
         return;
       this.isHiddenByHideFunc = !1;
       const { userAction: e } = t;
-      this.hooks.emit("show", { userAction: e, auto: !1 }), this.five.getCurrentState().mode !== "Topview" && (yield M(this.five, ["Topview", void 0, void 0, e])), this.five.model.show(this.floorIndex), this.updatePosition(), this.updateSize();
-      const o = 500, s = this.state.config.modelOpacity;
-      g(this.five, s, o), this.hooks.emit("showAnimationEnded", { userAction: e, auto: !1 }), this.render();
+      this.hooks.emit("show", { userAction: e, auto: !1 }), this.five.getCurrentState().mode !== "Topview" && (yield T(this.five, ["Topview", void 0, void 0, e])), this.five.model.show(this.floorIndex), this.updatePosition(), this.updateSize();
+      const i = 500, s = this.state.config.modelOpacity;
+      b(this.five, s, i), this.hooks.emit("showAnimationEnded", { userAction: e, auto: !1 }), this.render();
     });
   }
   _hide(t) {
-    return c(this, null, function* () {
+    return f(this, null, function* () {
       if (!this.state.enabled)
         return;
       const { userAction: e } = t;
       this.hooks.emit("hide", { userAction: e, auto: !1 });
-      const o = 1, s = 0;
-      g(this.five, o, s), this.render();
+      const i = 1, s = 0;
+      b(this.five, i, s), this.render();
     });
   }
   _enable(t) {
@@ -307,8 +314,9 @@ class Wt extends T {
     this.addEventListener(), this.wrapper && this.wrapper.append(this.container), this.hooks.emit("enable", { userAction: e }), this.state.visible && this._show({ userAction: e });
   }
   updateState(t, e) {
-    const o = this.state, s = t.config ? p(p({}, o.config), t.config) : o.config;
-    this.state = f(p(p({}, this.state), t), { config: s }), !F(this.state, o, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: e });
+    var a;
+    const i = this.state, s = (a = t.config) != null && a.missingFloorConfig ? l(l({}, i.config.missingFloorConfig), t.config.missingFloorConfig) : i.config.missingFloorConfig, r = t.config ? m(l(l({}, i.config), t.config), { missingFloorConfig: s }) : i.config;
+    this.state = m(l(l({}, this.state), t), { config: r }), !S(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
   }
   addEventListener() {
     if (!this.state.enabled || this.hasAddedEventListener)
@@ -338,7 +346,7 @@ class Wt extends T {
   render(t) {
     if (!this.state.enabled || !this.container || !this.data || this.size.width === 0)
       return;
-    const e = f(p({}, this.state.config), {
+    const e = m(l({}, this.state.config), {
       visible: this.state.visible,
       duration: t != null ? t : 0,
       panoIndex: this.panoIndex,
@@ -353,5 +361,5 @@ class Wt extends T {
   }
 }
 export {
-  Wt as Controller
+  Bt as Controller
 };

package/libs/floorplan/TopviewFloorplanPlugin/index.js

@@ -6,11 +6,6 @@ import "../Components/Main.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../vendor/svelte/transition/index.js";
 import "../../vendor/svelte/easing/index.js";
-import "../Components/Camera.js";
-import "../Assets/camera.js";
-import "../../shared-utils/math/rad2Deg.js";
-import "../Components/Compass.js";
-import "../Assets/compass.js";
 import "../Components/CurrentFloor.js";
 import "../../vendor/svelte/store/index.js";
 import "../Components/BaseImage.js";
@@ -29,6 +24,12 @@ import "../Components/RoomMaterials/RoomMaterial_1.js";
 import "../Components/RoomMaterials/RoomMaterial_2.js";
 import "../Components/RoomHighlight/RoomHighlight.js";
 import "../Components/RoomHighlight/Room.js";
+import "../Components/MissingFloor.js";
+import "../Components/Camera.js";
+import "../Assets/camera.js";
+import "../../shared-utils/math/rad2Deg.js";
+import "../Components/Compass.js";
+import "../Assets/compass.js";
 import "../utils/formatData.js";
 import "../Assets/floorplanExtraObject.js";
 import "../../shared-utils/filter.js";
@@ -61,8 +62,8 @@ import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/to.js";
 import "../../shared-utils/getPxmm.js";
 import "../../shared-utils/changeModelCanvasOpacity.js";
-const so = (o, r) => new t(o, r);
+const wo = (o, r) => new t(o, r);
 export {
-  so as TopviewFloorplanPlugin,
-  so as default
+  wo as TopviewFloorplanPlugin,
+  wo as default
 };

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

@@ -7,6 +7,17 @@ export interface State extends BasePlugin.State {
     visible: boolean;
     config: Config;
 }
+export interface MissingFloorConfig {
+    /** 缺失内容占位图片地址 */
+    imageURL?: string;
+    /** 图片宽：单位 px，默认 200px */
+    imageWidth?: number;
+    /** 图片高：单位 px，默认 120px */
+    imageHeight?: number;
+    /** 缺失内容提示文本内容 */
+    text?: string;
+    textFontSize?: number;
+}
 export interface Config {
     /** 指北针的显示文案，默认为 '北' */
     northDesc: string;
@@ -44,6 +55,10 @@ export interface Config {
      * - FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER: 户型图大小与模型的中心进行贴合
      */
     attachedTo: FLOOR_PLAN_ATTACHED_TO;
+    /** 楼层数据不存在时，进行缺失内容填充，通过 defaultStyle 配置相关样式 */
+    missingFloorConfig: MissingFloorConfig;
+    /** 国际化配置 */
+    i18n: (...params: any[]) => string;
     /** 分间标签的自定义函数，通过返回自定义 DOM 替换对应分间的标签 */
     getLabelElement: undefined | ((room: FloorplanRoomItem) => Element | null);
     /** 自定义分间面积文本