@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.3

package/esm/floorplan/MapviewFloorplanPlugin/Controller.js

@@ -0,0 +1,321 @@
+var A = Object.defineProperty, E = Object.defineProperties;
+var C = Object.getOwnPropertyDescriptors;
+var g = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var v = (h, n, t) => n in h ? A(h, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[n] = t, l = (h, n) => {
+  for (var t in n || (n = {}))
+    P.call(n, t) && v(h, t, n[t]);
+  if (g)
+    for (var t of g(n))
+      y.call(n, t) && v(h, t, n[t]);
+  return h;
+}, m = (h, n) => E(h, C(n));
+var s = (h, n, t) => (v(h, typeof n != "symbol" ? n + "" : n, t), t);
+var c = (h, n, t) => new Promise((e, i) => {
+  var o = (d) => {
+    try {
+      a(t.next(d));
+    } catch (u) {
+      i(u);
+    }
+  }, r = (d) => {
+    try {
+      a(t.throw(d));
+    } catch (u) {
+      i(u);
+    }
+  }, a = (d) => d.done ? e(d.value) : Promise.resolve(d.value).then(o, r);
+  a((t = t.apply(h, n)).next());
+});
+import * as x from "three";
+import { t as I } from "../../shared-utils/to.js";
+import { e as M } from "../../shared-utils/equal.js";
+import { M as L } from "../Components/Main.js";
+import { f as b } from "../utils/formatData.js";
+import { C as _ } from "../Assets/camera.js";
+import { o as D } from "../../shared-utils/filter.js";
+import { F as O } from "../constant.js";
+import { C as T } from "../../base/BasePluginWithData.js";
+import { g as k, a as B } from "../../shared-utils/getPxmm.js";
+import { c as H, a as R } from "../utils/correctFiveState.js";
+import { c as S } from "../../shared-utils/changeModelCanvasOpacity.js";
+import { F as f, S as G } from "../utils/constant.js";
+function W(h) {
+  const { latitude: n, longitude: t } = h, e = Math.abs(n - Math.PI / 2) > 5 * Math.PI / 180, i = t > 5 * (Math.PI / 180) && t < 355 * (Math.PI / 180);
+  return e || i;
+}
+function z(h) {
+  const { latitude: n, longitude: t } = h, e = Math.abs(n - Math.PI / 2) < 10 * Math.PI / 180, i = t < 30 * (Math.PI / 180) || t > 330 * (Math.PI / 180);
+  return e && i;
+}
+class et extends T {
+  constructor(t, e) {
+    super(t);
+    s(this, "name", "modelFloorplanPlugin");
+    s(this, "state");
+    s(this, "data");
+    s(this, "showState");
+    s(this, "showPromise");
+    s(this, "app");
+    s(this, "panoIndex", 0);
+    s(this, "floorIndex", 0);
+    s(this, "selector");
+    s(this, "showRejection");
+    s(this, "wrapper");
+    s(this, "container", document.createElement("div"));
+    s(this, "lastPanoramaLongitude", 0);
+    s(this, "size", { width: 0, height: 0 });
+    s(this, "hasAddedEventListener", !1);
+    s(this, "isHiddenByHideFunc", !1);
+    s(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");
+    });
+    s(this, "show", (...e) => c(this, [...e], function* (t = {}) {
+      if (!this.state.enabled || !this.showPromise && this.state.visible)
+        return;
+      const i = t.userAction !== void 0 ? t.userAction : !0;
+      this.updateState({ visible: !0 }, i), this._show(t);
+    }));
+    s(this, "hide", (...e) => c(this, [...e], function* (t = {}) {
+      !this.state.enabled || (this.isHiddenByHideFunc = !0, this.state.visible !== !1 && (this.updateState({ visible: !1 }, t.userAction || !0), this._hide(t)));
+    }));
+    s(this, "updateSize", () => {
+      if (!this.data || !H(this.five, this.showState) || !this.container || !this.wrapper)
+        return;
+      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, o = e.y - t.y, r = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, a = k(this.five, this.wrapper, this.floorIndex, r), d = Math.ceil(i * a), u = Math.ceil(o * a);
+      this.size.width === d && this.size.height === u || (this.container.style.width = d + "px", this.container.style.height = u + "px", this.size = { width: d, height: u });
+    });
+    s(this, "_disable", (t) => {
+      var i, o, r;
+      const { userAction: e } = t;
+      this.hooks.emit("disable", { userAction: e }), (i = this.showRejection) == null || i.call(this, f.BreakOffByDisable), this.showPromise = void 0, (o = this.app) == null || o.$destroy(), this.app = void 0, (r = this.container) == null || r.remove(), this.removeEventListener();
+    });
+    s(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 }));
+    });
+    s(this, "_show", (t) => c(this, null, function* () {
+      var r;
+      if (!this.state.enabled)
+        return;
+      if (!((r = this.five.model) != null && r.loaded))
+        throw new Error(f.ModelNotLoaded);
+      if (!this.data)
+        throw new Error(f.DataNotLoaded);
+      this.isHiddenByHideFunc = !1;
+      const e = {
+        floorIndex: this.floorIndex,
+        modelOpacity: this.state.config.modelOpacity,
+        immediately: !1,
+        isAutoShow: !1,
+        userAction: !0
+      }, i = l(l({}, e), t), o = () => c(this, null, function* () {
+        this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
+        let a = !1, d;
+        this.showRejection = (F) => {
+          a = !0, d = F;
+        };
+        const [u] = yield I(R(this.five, this.showState, i.userAction));
+        if (u)
+          throw u;
+        if (a)
+          throw d ? new Error(d) : new Error(f.UnknownError);
+        this.updateSize(), this.updatePosition(), this.floorIndex = i.floorIndex, this.five.model.show(this.floorIndex);
+        const p = i.modelOpacity, w = i.immediately ? 0 : G;
+        S(this.five, p, w), this.render(w);
+      });
+      return this.showPromise = o().then(() => {
+        this.hooks.emit("showAnimationEnded", {
+          auto: i.isAutoShow,
+          userAction: i.userAction
+        });
+      }).catch((a) => {
+        if (this.updateState({ visible: !1 }, i.userAction), !i.isAutoShow && a instanceof Error)
+          throw a;
+      }).finally(() => {
+        this.showPromise = void 0, this.showRejection = void 0;
+      }), this.showPromise;
+    }));
+    s(this, "_hide", (t) => {
+      var o;
+      (o = this.showRejection) == null || o.call(this, f.BreakOffByHide), this.showPromise = void 0;
+      const i = l(l({}, {
+        userAction: !0,
+        isAutoHide: !1
+      }), t);
+      S(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
+    });
+    s(this, "handleClick", () => {
+      if (!this.state.visible)
+        return;
+      if (this.hooks.emit("click"))
+        return !1;
+    });
+    s(this, "onFiveModelLoaded", () => {
+      if (this.state.enabled === !1 || this.wrapper || !this.selector)
+        return;
+      const t = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
+      if (!t)
+        throw new Error("\u4E0D\u6B63\u786E\u7684\u7236\u5BB9\u5668\u9009\u62E9\u5668");
+      this.wrapper = t, t.append(this.container);
+    });
+    s(this, "onFiveModeChange", (t) => {
+      t !== this.showState.mode && (this.updateState({ visible: !1 }, !1), this._hide({ userAction: !1 }));
+    });
+    s(this, "onFivePanoArrived", (t) => {
+      var e;
+      !((e = this.five) != null && e.work) || (this.panoIndex = t, this.floorIndex = this.five.work.observers[t].floorIndex);
+    });
+    s(this, "onFiveCameraUpdate", (t, e) => {
+      if (!this.state.visible || this.showPromise)
+        return;
+      const i = this.five.getCurrentState();
+      this.updatePosition(), this.updateSize(), W(i) && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e }));
+    });
+    s(this, "onFiveWantsPanGesture", (t, e) => {
+      if (this.five.getCurrentState().mode === this.showState.mode && this.state.config.autoShowEnable !== !1) {
+        if (e && this.state.visible)
+          return this.five.updateCamera(this.showState, 0), !1;
+        if (e && !this.state.visible) {
+          if (this.isHiddenByHideFunc)
+            return;
+          const i = this.five.getCurrentState();
+          return i.mode !== this.showState.mode || this.state.visible ? void 0 : (z(i) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 })), !1);
+        }
+      }
+    });
+    s(this, "onFiveWantsTapGesture", () => this.handleClick());
+    s(this, "onFiveWantsChangeMode", (t, e) => {
+      e === "Panorama" && t === this.showState.mode && (this.lastPanoramaLongitude = this.five.getCurrentState().longitude);
+    });
+    s(this, "onModelShownFloorChange", (t) => {
+      if (this.floorIndex !== t) {
+        if (t === null) {
+          const e = this.five.getCurrentState().panoIndex;
+          this.floorIndex = this.five.work.observers[e].floorIndex;
+          return;
+        }
+        this.floorIndex = t, this.updateSize(), this.render();
+      }
+    });
+    e != null && e.selector && (this.selector = e.selector, console.warn("\u4E0D\u63A8\u8350\u7EE7\u7EED\u4F7F\u7528 params.selector \u914D\u7F6E\u7236\u5BB9\u5668\uFF0C\u8BF7\u4F7F\u7528 appendTo \u65B9\u6CD5")), this.showState = {
+      mode: "Mapview",
+      longitude: 0,
+      latitude: Math.PI / 2,
+      fov: 90
+    };
+    const i = {
+      northDesc: "\u5317",
+      modelOpacity: 1,
+      hoverEnable: !0,
+      compassEnable: !0,
+      autoShowEnable: !0,
+      ruleLabelsEnable: !0,
+      roomLabelsEnable: !0,
+      cameraImageUrl: _,
+      attachedTo: O.BOUNDING_CENTER,
+      getLabelElement: void 0,
+      adaptiveRoomLabelVisibleEnable: !0,
+      getRoomAreaText: (a) => (a / 1e6).toFixed(1) + "\u33A1",
+      getRuleDistanceText: (a) => a.toString()
+    }, o = e ? D(e, ["selector", "scale"]) : {}, r = l(l({}, i), o);
+    this.state = {
+      enabled: !0,
+      visible: !1,
+      config: r
+    }, this.initContainer(), t.model.loaded ? this.onFiveModelLoaded() : t.once("modelLoaded", this.onFiveModelLoaded), t.once("dispose", this.dispose), this.addEventListener();
+  }
+  load(t, e, i = !0) {
+    return c(this, null, function* () {
+      function o(p) {
+        return Object.prototype.hasOwnProperty.apply(p, ["version"]);
+      }
+      const r = t;
+      r && !r.version && console.warn("\u4F20\u5165 serverData.data \u7684\u65B9\u5F0F\u540E\u7EED\u53EF\u80FD\u4E0D\u518D\u652F\u6301\uFF0C\u8BF7\u628A serverData \u6574\u4F53\u4F20\u5165 load \u51FD\u6570");
+      const a = JSON.parse(JSON.stringify(t)), d = o(a) ? a.data : a, u = this.data;
+      this.data = yield b(d), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, u), e && this.updateState(e, i), this.render();
+    });
+  }
+  appendTo(t) {
+    if (this.wrapper = t, !!this.state.enabled)
+      return t.appendChild(this.container), this.render(), this;
+  }
+  enable(t = {}) {
+    if (this.state.enabled)
+      return;
+    const e = t.userAction !== void 0 ? t.userAction : !0;
+    this.updateState({ enabled: !0 }, t.userAction || e), this._enable({ userAction: e });
+  }
+  disable(t = {}) {
+    if (!this.state.enabled)
+      return;
+    const e = t.userAction !== void 0 ? t.userAction : !0;
+    this.updateState({ enabled: !1 }, t.userAction || e), this._disable({ userAction: e });
+  }
+  setState(t, e = {}) {
+    const i = this.state, o = e.userAction !== void 0 ? e.userAction : !0;
+    if (this.updateState(t, o), t.enabled !== void 0 && i.enabled !== t.enabled && (t.enabled ? this._enable({ userAction: o }) : this._disable({ userAction: o })), t.visible !== void 0 && i.visible !== t.visible) {
+      const r = { userAction: o };
+      t.visible ? this._show(r) : this._hide(r);
+    }
+  }
+  changeConfigs(t, e = !0) {
+    this.updateState({ config: t }, e), this.render();
+  }
+  updatePosition() {
+    var a;
+    const t = B(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 i = e.clone().project(this.five.camera), o = (i.x + 1) / 2, r = -(i.y - 1) / 2;
+    this.container.style.left = o * 100 + "%", this.container.style.top = r * 100 + "%";
+  }
+  formatData(t) {
+    return c(this, null, function* () {
+      return yield b(t.data);
+    });
+  }
+  updateState(t, e) {
+    const i = this.state, o = t.config ? l(l({}, i.config), t.config) : i.config;
+    this.state = m(l(l({}, this.state), t), { config: o }), !M(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
+  }
+  initContainer() {
+    this.container.classList.add("floorplan-plugin"), Object.assign(this.container.style, {
+      position: "absolute",
+      left: "50%",
+      top: "50%",
+      transform: "translate(-50%, -50%)",
+      zIndex: 10,
+      pointerEvents: "none"
+    }), this.five.addExtraElement(this.container);
+  }
+  addEventListener() {
+    if (!this.state.enabled || this.hasAddedEventListener)
+      return;
+    const t = this.five;
+    t.on("modeChange", this.onFiveModeChange), t.on("panoArrived", this.onFivePanoArrived), t.on("cameraUpdate", this.onFiveCameraUpdate), t.on("wantsPanGesture", this.onFiveWantsPanGesture), t.on("wantsTapGesture", this.onFiveWantsTapGesture), t.on("wantsChangeMode", this.onFiveWantsChangeMode), t.on("modelShownFloorChange", this.onModelShownFloorChange);
+  }
+  removeEventListener() {
+    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);
+  }
+  render(t) {
+    if (!this.state.enabled || !this.container || !this.data || this.size.width === 0)
+      return;
+    const e = m(l({}, this.state.config), {
+      visible: this.state.visible,
+      duration: t != null ? t : 0,
+      panoIndex: this.panoIndex,
+      floorIndex: this.floorIndex,
+      floorplanData: this.data,
+      lastPanoramaLongitude: this.lastPanoramaLongitude
+    });
+    if (this.app)
+      return this.app.$set(e);
+    this.app = new L({ target: this.container, intro: !0, props: e });
+  }
+}
+export {
+  et as C
+};

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

@@ -0,0 +1,7 @@
+import type { Parameters } from './typing';
+import type { FivePlugin } from '@realsee/five';
+import { Controller } from './Controller';
+export declare const MapviewFloorplanPlugin: FivePlugin<undefined | Parameters, Controller>;
+export declare type MapviewFloorplanPluginParameterType = Parameters | undefined;
+export declare type MapviewFloorplanPluginReturnType = InstanceType<typeof Controller>;
+export default MapviewFloorplanPlugin;

package/esm/floorplan/MapviewFloorplanPlugin/index.js

@@ -0,0 +1,50 @@
+import { C as t } from "./Controller.js";
+import "three";
+import "../../shared-utils/to.js";
+import "../../shared-utils/equal.js";
+import "../../shared-utils/isTruelyObject.js";
+import "../Components/Main.js";
+import "svelte/internal";
+import "svelte/easing";
+import "svelte/transition";
+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 "svelte/store";
+import "../Components/BaseImage.js";
+import "../Components/Normalmage.js";
+import "../Components/SvgImage.js";
+import "../Components/RoomLabels/RoomLabels.js";
+import "../Components/RoomLabels/RoomLabel.js";
+import "svelte";
+import "../Components/RuleLabels/RuleLabels.js";
+import "../Components/RuleLabels/RuleItem.js";
+import "../Components/RoomMaterials/RoomMaterial.js";
+import "../utils/formatPosition.js";
+import "../Components/RoomMaterials/RoomMaterial_0.js";
+import "../Components/RoomMaterials/RoomMaterial_1.js";
+import "../Components/RoomMaterials/RoomMaterial_2.js";
+import "../Components/RoomHighlight/RoomHighlight.js";
+import "../Components/RoomHighlight/Room.js";
+import "../utils/formatData.js";
+import "../Assets/floorplanExtraObject.js";
+import "../../shared-utils/filter.js";
+import "../../shared-utils/tap.js";
+import "../constant.js";
+import "../../base/BasePluginWithData.js";
+import "../../base/BasePlugin.js";
+import "../../shared-utils/Subscribe.js";
+import "../../shared-utils/getPxmm.js";
+import "../utils/correctFiveState.js";
+import "../utils/constant.js";
+import "../../shared-utils/nearlyEqual.js";
+import "../../shared-utils/five/changeMode.js";
+import "../../shared-utils/changeModelCanvasOpacity.js";
+const W = (o, r) => new t(o, r);
+export {
+  W as MapviewFloorplanPlugin,
+  W as default
+};

package/esm/floorplan/MapviewFloorplanPlugin/typing.d.ts

@@ -0,0 +1 @@
+export * from '../typings';

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

@@ -0,0 +1,99 @@
+import type { PartialDeep } from 'type-fest';
+import type { BaseOptions } from '../../base/BasePlugin';
+import type { Five } from '@realsee/five';
+import type { ShowState } from '../utils/correctFiveState';
+import type { FloorplanServerData } from '../typings/floorplanServerData';
+import type { State, Config, EventMap, ShowOptions, HideOptions, Parameters, PluginData, PluginServerData } from './typing';
+import * as BasePlugin from '../../base/BasePluginWithData';
+export declare class Controller extends BasePlugin.Controller<State, EventMap, PluginServerData, PluginData> {
+    name: string;
+    state: State;
+    protected data?: PluginData;
+    /** 展示户型图时，需要正确的状态 */
+    protected showState: ShowState;
+    /** show 动画的公共 Promise */
+    protected showPromise?: Promise<void>;
+    private app?;
+    private panoIndex;
+    private floorIndex;
+    private selector?;
+    /** 公共 Promise 的 reject 方法 */
+    private showRejection?;
+    /** 户型图父容器 */
+    private wrapper?;
+    /** 户型图主容器 */
+    private container;
+    /** 展示户型图图前，Five 的 Panorama Longitude */
+    private lastPanoramaLongitude;
+    /** 户型图大小 */
+    private size;
+    /** 是否已经执行过事件监听 */
+    private hasAddedEventListener;
+    /** 上一次隐藏是否是用户调用了 hide 导致的 */
+    private isHiddenByHideFunc;
+    constructor(five: Five, params?: Parameters);
+    load(serverData: PluginServerData | FloorplanServerData, state?: Partial<State>, userAction?: boolean): Promise<void>;
+    /** 把插件的渲染DOM插入到对应的容器中去 */
+    appendTo(wrapper: Element): this;
+    /** 启用插件 */
+    enable(options?: BaseOptions): void;
+    /** 禁用插件 */
+    disable(options?: BaseOptions): void;
+    /** 销毁插件 */
+    dispose: () => void;
+    /** 展示户型图
+     * 1. show 函数大部分情况下需要耗时
+     * 2. 如果当前已经在展示中，将不会触发任何事件
+     * 3. 如果展示过程被中断，将抛出错误
+     * 4. 多次调用 show 方法，只会触发一次 showAnimationEnded 事件，但是展示结果会取决于最后一次调用参数
+     * 5. 如果多次调用 show 方法，参数与上次参数不一致时，上次 show Promise 会被 reject
+     * @param opts.floorIndex 楼层
+     * @param opts.modelOpacity 模型透明度
+     * @param opts.immediately 是否立即展示
+     * @param opts.isAutoShow 是否是自动展示
+     * @param opts.userAction 是否是用户行为
+     */
+    show: (options?: Omit<Partial<ShowOptions>, 'isAutoShow'>) => Promise<void>;
+    /** 隐藏户型图 */
+    hide: (options?: Partial<HideOptions>) => Promise<void>;
+    /** 更改插件 State */
+    setState(state: PartialDeep<State>, options?: BaseOptions): void;
+    changeConfigs(config: Partial<Config>, userAction?: boolean): void;
+    /** 更新户型图大小 */
+    updateSize: () => void;
+    protected formatData(serverData: PluginServerData): Promise<PluginData>;
+    private _disable;
+    private _enable;
+    private _show;
+    private _hide;
+    private updateState;
+    /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
+     *
+     * - TODO: 等 selector 功能下掉之后删除这个逻辑
+     */
+    private initContainer;
+    private handleClick;
+    private addEventListener;
+    private removeEventListener;
+    /** modelLoaded 之后自动执行 append container 操作  */
+    private onFiveModelLoaded;
+    /** 更改模型时，自动隐藏户型图 */
+    private onFiveModeChange;
+    /** 惯性结束后，判断能否自动展示户型图 */
+    private onFiveInteriaPan;
+    /** panoIndex 改变时，更新 floorIndex */
+    private onFivePanoArrived;
+    /** cameraUpdate 时判断户型图是否应该自动隐藏 */
+    private onFiveCameraUpdate;
+    /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
+    private onFiveWantsGesture;
+    /** 户型图展示中，转动三维模型，结束时应该自动修复模型状态 */
+    private onFiveWantsPanGesture;
+    /** 阻止点击分间走点 */
+    private onFiveWantsTapGesture;
+    /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
+    private onFiveWantsChangeMode;
+    /** 模型楼层高亮改变时，自动进行楼层切换 */
+    private onModelShownFloorChange;
+    private render;
+}