@realsee/dnalogel 2.1.2-alpha.7 → 2.1.2-alpha.9

package/esm/floorplan/MapviewFloorplanPlugin/Controller.js

@@ -1,321 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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

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

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

@@ -1,99 +0,0 @@
-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;
-}