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

package/esm/floorplan/PanoFloorplanRadarPlugin/Components/Main.js

@@ -0,0 +1,183 @@
+import { SvelteComponent as P, init as B, safe_not_equal as G, append_styles as J, empty as K, insert as I, transition_in as c, group_outros as W, transition_out as g, check_outros as A, detach as k, element as S, attr as F, add_render_callback as L, add_resize_listener as Q, assign as z, create_component as E, space as R, set_style as q, mount_component as O, append as T, get_spread_update as U, destroy_component as C } from "svelte/internal";
+import { onMount as V } from "svelte";
+import { C as X } from "./Camera.js";
+import { C as Y } from "./CurrentFloor/CurrentFloor.js";
+function Z(i) {
+  J(i, "svelte-1mvqyqq", ".plugin-floorplan-radar.svelte-1mvqyqq{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-1mvqyqq{position:relative}");
+}
+function H(i) {
+  let n, l, r, e = i[6] !== 0 && M(i);
+  return {
+    c() {
+      n = S("div"), e && e.c(), F(n, "class", "plugin-floorplan-radar svelte-1mvqyqq"), L(() => i[12].call(n));
+    },
+    m(a, f) {
+      I(a, n, f), e && e.m(n, null), l = Q(n, i[12].bind(n)), r = !0;
+    },
+    p(a, f) {
+      a[6] !== 0 ? e ? (e.p(a, f), f & 64 && c(e, 1)) : (e = M(a), e.c(), c(e, 1), e.m(n, null)) : e && (W(), g(e, 1, 1, () => {
+        e = null;
+      }), A());
+    },
+    i(a) {
+      r || (c(e), r = !0);
+    },
+    o(a) {
+      g(e), r = !1;
+    },
+    d(a) {
+      a && k(n), e && e.d(), l();
+    }
+  };
+}
+function M(i) {
+  let n, l, r, e, a = `${i[8]}px`, f = `${i[11]}px`, u;
+  const _ = [
+    {
+      five: i[0],
+      pxmm: i[9],
+      floorIndex: i[10],
+      floorplanData: i[3],
+      hoverEnable: i[2],
+      extraObjects: i[5]
+    }
+  ];
+  let d = {};
+  for (let t = 0; t < _.length; t += 1)
+    d = z(d, _[t]);
+  l = new Y({ props: d });
+  const h = [
+    {
+      pxmm: i[9],
+      five: i[0],
+      floorplanData: i[3],
+      cameraImageUrl: i[4]
+    }
+  ];
+  let m = {};
+  for (let t = 0; t < h.length; t += 1)
+    m = z(m, h[t]);
+  return e = new X({ props: m }), {
+    c() {
+      n = S("div"), E(l.$$.fragment), r = R(), E(e.$$.fragment), F(n, "class", "plugin-floorplan-radar-container svelte-1mvqyqq"), q(n, "width", a, !1), q(n, "height", f, !1);
+    },
+    m(t, s) {
+      I(t, n, s), O(l, n, null), T(n, r), O(e, n, null), u = !0;
+    },
+    p(t, s) {
+      const p = s & 1581 ? U(_, [
+        {
+          five: t[0],
+          pxmm: t[9],
+          floorIndex: t[10],
+          floorplanData: t[3],
+          hoverEnable: t[2],
+          extraObjects: t[5]
+        }
+      ]) : {};
+      l.$set(p);
+      const v = s & 537 ? U(h, [
+        {
+          pxmm: t[9],
+          five: t[0],
+          floorplanData: t[3],
+          cameraImageUrl: t[4]
+        }
+      ]) : {};
+      e.$set(v), s & 256 && a !== (a = `${t[8]}px`) && q(n, "width", a, !1), s & 2048 && f !== (f = `${t[11]}px`) && q(n, "height", f, !1);
+    },
+    i(t) {
+      u || (c(l.$$.fragment, t), c(e.$$.fragment, t), u = !0);
+    },
+    o(t) {
+      g(l.$$.fragment, t), g(e.$$.fragment, t), u = !1;
+    },
+    d(t) {
+      t && k(n), C(l), C(e);
+    }
+  };
+}
+function x(i) {
+  let n, l, r = i[1] && H(i);
+  return {
+    c() {
+      r && r.c(), n = K();
+    },
+    m(e, a) {
+      r && r.m(e, a), I(e, n, a), l = !0;
+    },
+    p(e, [a]) {
+      e[1] ? r ? (r.p(e, a), a & 2 && c(r, 1)) : (r = H(e), r.c(), c(r, 1), r.m(n.parentNode, n)) : r && (W(), g(r, 1, 1, () => {
+        r = null;
+      }), A());
+    },
+    i(e) {
+      l || (c(r), l = !0);
+    },
+    o(e) {
+      g(r), l = !1;
+    },
+    d(e) {
+      r && r.d(e), e && k(n);
+    }
+  };
+}
+function $(i, n, l) {
+  let { five: r } = n, { visible: e } = n, { hoverEnable: a } = n, { floorplanData: f } = n, { cameraImageUrl: u } = n, { extraObjects: _ = [] } = n, d = 0, h = 0, m = 0, t = 0, s = 0, p = 0;
+  function v(o) {
+    l(10, h = r.work.observers[o].floorIndex);
+  }
+  V(() => (r.on("panoArrived", v), () => {
+    r.off("panoArrived", v);
+  }));
+  function N() {
+    m = this.clientWidth, t = this.clientHeight, l(6, m), l(7, t);
+  }
+  return i.$$set = (o) => {
+    "five" in o && l(0, r = o.five), "visible" in o && l(1, e = o.visible), "hoverEnable" in o && l(2, a = o.hoverEnable), "floorplanData" in o && l(3, f = o.floorplanData), "cameraImageUrl" in o && l(4, u = o.cameraImageUrl), "extraObjects" in o && l(5, _ = o.extraObjects);
+  }, i.$$.update = () => {
+    if (i.$$.dirty & 456) {
+      const o = Math.min(m, t), { max: D, min: j } = f.bounding, b = D.x - j.x, y = D.y - j.y, w = function() {
+        return b > y ? [o, o / b * y] : [o / y * b, o];
+      }();
+      l(8, s = w[0]), l(11, p = w[1]), l(9, d = s / b);
+    }
+  }, [
+    r,
+    e,
+    a,
+    f,
+    u,
+    _,
+    m,
+    t,
+    s,
+    d,
+    h,
+    p,
+    N
+  ];
+}
+class ie extends P {
+  constructor(n) {
+    super(), B(
+      this,
+      n,
+      $,
+      x,
+      G,
+      {
+        five: 0,
+        visible: 1,
+        hoverEnable: 2,
+        floorplanData: 3,
+        cameraImageUrl: 4,
+        extraObjects: 5
+      },
+      Z
+    );
+  }
+}
+export {
+  ie as M
+};

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

@@ -0,0 +1,36 @@
+import type { Five } from '@realsee/five';
+import type { BaseOptions } from '../../base/BasePlugin';
+import type { FloorplanServerData } from '../typings/floorplanServerData';
+import type { FloorplanExtraObject3D } from '../typings/floorplanData';
+import type { State, Config, EventMap, 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;
+    private app?;
+    private wrapperSelector;
+    private wrapper;
+    private disposed;
+    private extraObjects;
+    constructor(five: Five, params?: Parameters);
+    dispose: () => void;
+    load(serverData: PluginServerData | FloorplanServerData, state?: Partial<State>, userAction?: boolean): Promise<void>;
+    show(options?: BaseOptions): Promise<void>;
+    hide(options?: BaseOptions): Promise<void>;
+    enable(options?: BaseOptions): void;
+    disable(options?: BaseOptions): void;
+    /** 更改插件 State */
+    setState(state: Partial<State>, options?: BaseOptions): void;
+    /** 把插件的渲染DOM插入到对应的容器中去 */
+    appendTo(wrapper: Element): void;
+    changeConfigs(config: Config, userAction?: boolean): void;
+    setExtraObjectsWith3DPositions(data: FloorplanExtraObject3D[]): void;
+    protected formatData(serverData: PluginServerData): Promise<PluginData>;
+    private _enable;
+    private _disable;
+    private _show;
+    private _hide;
+    private updateState;
+    private render;
+}

package/esm/floorplan/PanoFloorplanRadarPlugin/Controller.js

@@ -0,0 +1,164 @@
+var v = Object.defineProperty, A = Object.defineProperties;
+var S = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var l = (r, s, t) => s in r ? v(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t, u = (r, s) => {
+  for (var t in s || (s = {}))
+    g.call(s, t) && l(r, t, s[t]);
+  if (f)
+    for (var t of f(s))
+      _.call(s, t) && l(r, t, s[t]);
+  return r;
+}, b = (r, s) => A(r, S(s));
+var o = (r, s, t) => (l(r, typeof s != "symbol" ? s + "" : s, t), t);
+var p = (r, s, t) => new Promise((e, i) => {
+  var n = (h) => {
+    try {
+      d(t.next(h));
+    } catch (c) {
+      i(c);
+    }
+  }, a = (h) => {
+    try {
+      d(t.throw(h));
+    } catch (c) {
+      i(c);
+    }
+  }, d = (h) => h.done ? e(h.value) : Promise.resolve(h.value).then(n, a);
+  d((t = t.apply(r, s)).next());
+});
+import { M as y } from "./Components/Main.js";
+import { e as C } from "../../shared-utils/equal.js";
+import { C as D } from "../Assets/camera.js";
+import { C as E } from "../../base/BasePluginWithData.js";
+import { f as w, a as O } from "../utils/formatData.js";
+class M extends E {
+  constructor(t, e) {
+    super(t);
+    o(this, "name", "panoFloorplanRadarPlugin");
+    o(this, "state");
+    o(this, "data");
+    o(this, "app");
+    o(this, "wrapperSelector", "");
+    o(this, "wrapper", null);
+    o(this, "disposed", !1);
+    o(this, "extraObjects", []);
+    o(this, "dispose", () => {
+      var t;
+      this.disposed = !0, (t = this.app) == null || t.$destroy(), this.wrapper = null, this.wrapperSelector = "", this.hooks.emit("dispose");
+    });
+    o(this, "_disable", (t) => {
+      var i;
+      const { userAction: e } = t;
+      (i = this.app) == null || i.$destroy(), this.app = void 0, this.hooks.emit("disable", { userAction: e });
+    });
+    this.five = t;
+    const i = {
+      hoverEnable: !1,
+      cameraImageUrl: D
+    }, n = e != null && e.configs ? e.configs : {}, a = u(u({}, i), n);
+    this.state = { enabled: !0, visible: !0, config: a }, e != null && e.wrapper && console.warn("\u4E0D\u63A8\u8350\u7EE7\u7EED\u4F7F\u7528 params.selector \u914D\u7F6E\u7236\u5BB9\u5668\uFF0C\u8BF7\u4F7F\u7528 appendTo \u65B9\u6CD5"), typeof (e == null ? void 0 : e.wrapper) == "string" ? this.wrapperSelector = e.wrapper : (e == null ? void 0 : e.wrapper) instanceof Element && (this.wrapper = e.wrapper), t.once("dispose", this.dispose);
+  }
+  load(t, e, i = !0) {
+    return p(this, null, function* () {
+      function n(c) {
+        return Object.prototype.hasOwnProperty.apply(c, ["version"]);
+      }
+      const a = JSON.parse(JSON.stringify(t)), d = n(a) ? a.data : a, h = this.data;
+      this.data = yield w(d), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, h), e && this.updateState(e, i), this.render();
+    });
+  }
+  show() {
+    return p(this, arguments, function* (t = {}) {
+      if (this.state.visible)
+        return;
+      const e = t.userAction !== void 0 ? t.userAction : !0;
+      this.updateState({ visible: !0 }, e), this._show({ userAction: e });
+    });
+  }
+  hide() {
+    return p(this, arguments, function* (t = {}) {
+      if (!this.state.visible)
+        return;
+      const e = t.userAction !== void 0 ? t.userAction : !0;
+      this.updateState({ visible: !1 }, e), this._hide({ userAction: e });
+    });
+  }
+  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, n = e.userAction !== void 0 ? e.userAction : !0;
+    if (this.updateState(t, n), t.enabled !== void 0 && i.enabled !== t.enabled) {
+      const a = { userAction: n };
+      t.enabled ? this._enable(a) : this._disable(a);
+    }
+    if (t.visible !== void 0 && i.visible !== t.visible) {
+      const a = { userAction: n };
+      t.visible ? this._show(a) : this._hide(a);
+    }
+  }
+  appendTo(t) {
+    this.wrapper = t, this.render();
+  }
+  changeConfigs(t, e = !0) {
+    this.setState({ config: t }, { userAction: e }), this.render();
+  }
+  setExtraObjectsWith3DPositions(t) {
+    !this.data || (this.extraObjects = O(t, this.five, this.data), this.render());
+  }
+  formatData(t) {
+    return p(this, null, function* () {
+      return yield w(t.data);
+    });
+  }
+  _enable(t) {
+    const { userAction: e } = t;
+    this.hooks.emit("enable", { userAction: e }), this.state.visible && this._show({ userAction: e });
+  }
+  _show(t) {
+    if (this.disposed || !this.state.enabled)
+      return;
+    const { userAction: e } = t;
+    this.hooks.emit("show", { userAction: e }), this.render();
+  }
+  _hide(t) {
+    if (this.disposed || !this.state.enabled)
+      return;
+    const { userAction: e } = t;
+    this.hooks.emit("hide", { userAction: e }), this.render();
+  }
+  updateState(t, e) {
+    const i = this.state;
+    this.state = u(u({}, this.state), t), !C(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
+  }
+  render() {
+    if (this.disposed || !this.state.enabled)
+      return;
+    if (!this.wrapper && this.wrapperSelector) {
+      const e = document.querySelector(this.wrapperSelector);
+      this.wrapper = e;
+    }
+    if (!this.data || !this.wrapper)
+      return;
+    const t = b(u({}, this.state.config), {
+      five: this.five,
+      floorplanData: this.data,
+      visible: this.state.visible,
+      extraObjects: this.extraObjects
+    });
+    this.app ? this.app.$set(t) : this.app = new y({ target: this.wrapper, props: t });
+  }
+}
+export {
+  M as C
+};

package/esm/floorplan/PanoFloorplanRadarPlugin/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 PanoFloorplanRadarPlugin: FivePlugin<Parameters | undefined, Controller>;
+export declare type PanoFloorplanRadarPluginParameterType = Parameters | undefined;
+export declare type PanoFloorplanRadarPluginReturnType = InstanceType<typeof Controller>;
+export default PanoFloorplanRadarPlugin;

package/esm/floorplan/PanoFloorplanRadarPlugin/index.js

@@ -0,0 +1,27 @@
+import { C as t } from "./Controller.js";
+import "./Components/Main.js";
+import "svelte/internal";
+import "svelte";
+import "./Components/Camera.js";
+import "../Assets/camera.js";
+import "../../shared-utils/throttle.js";
+import "./Components/CurrentFloor/CurrentFloor.js";
+import "./Components/CurrentFloor/ExtraObjects.js";
+import "../Components/BaseImage.js";
+import "../Components/Normalmage.js";
+import "../Components/SvgImage.js";
+import "../Components/RoomHighlight/RoomHighlight.js";
+import "../Components/RoomHighlight/Room.js";
+import "../utils/formatPosition.js";
+import "../../shared-utils/equal.js";
+import "../../shared-utils/isTruelyObject.js";
+import "../../base/BasePluginWithData.js";
+import "../../base/BasePlugin.js";
+import "../../shared-utils/Subscribe.js";
+import "../utils/formatData.js";
+import "../Assets/floorplanExtraObject.js";
+const k = (o, r) => new t(o, r);
+export {
+  k as PanoFloorplanRadarPlugin,
+  k as default
+};

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

@@ -0,0 +1,52 @@
+import type * as BasePlugin from '../../base/BasePluginWithData';
+import type { FloorplanData } from '../typings/floorplanData';
+import type { FloorplanServerData } from '../typings/floorplanServerData';
+export interface Config {
+    /** 鼠标放置在分间上时，是否要自动高亮分间 */
+    hoverEnable: boolean;
+    /** 自定义「雷达」图标 */
+    cameraImageUrl: string;
+}
+export interface State extends BasePlugin.State {
+    visible: boolean;
+    config: Config;
+}
+export interface EventMap extends BasePlugin.EventMap<State, FloorplanData> {
+    /** visible 从 false 到 true 的回调
+     * @param event.userAction 是否是用户操作
+     */
+    show: (event: {
+        userAction: boolean;
+    }) => void;
+    /** visible 从 true 到 false 的回调
+     * @param event.userAction 是否是用户操作
+     */
+    hide: (event: {
+        userAction: boolean;
+    }) => void;
+    /** enabled 从 false 到 true 的回调
+     * @param event.userAction 是否是用户操作
+     */
+    enable: (event: {
+        userAction: boolean;
+    }) => void;
+    /** enabled 从 true 到 false 的回调
+     * @param event.userAction 是否是用户操作
+     */
+    disable: (event: {
+        userAction: boolean;
+    }) => void;
+}
+/** 插件初始化参数 */
+export interface Parameters extends Partial<Config> {
+    wrapper?: string | Element;
+    configs?: {
+        hoverEnable?: boolean;
+        cameraImageUrl?: string;
+    };
+}
+export interface PluginServerData extends BasePlugin.ServerData {
+    version: number;
+    data: FloorplanServerData;
+}
+export { FloorplanData as PluginData };

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

@@ -0,0 +1,69 @@
+import type { PartialDeep } from 'type-fest';
+import type { BaseOptions } from '../../base/BasePlugin';
+import type { Five } from '@realsee/five';
+import type { FloorplanServerData } from '../typings/floorplanServerData';
+import type { State, Config, EventMap, 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;
+    private app?;
+    private selector?;
+    private panoIndex;
+    private floorIndex;
+    /** 户型图父容器 */
+    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>;
+    /** 更新户型图大小 */
+    updateSize: () => void;
+    /** 更新户型图位置 */
+    updatePosition(): void;
+    /** 把插件的渲染DOM插入到对应的容器中去 */
+    appendTo(wrapper: Element): this;
+    show(options?: BaseOptions): Promise<void>;
+    hide(options?: BaseOptions): Promise<void>;
+    enable(options?: BaseOptions): void;
+    disable(options?: BaseOptions): void;
+    /** 销毁插件 */
+    dispose: () => void;
+    /** 更改插件 State */
+    setState(state: PartialDeep<State>, options?: BaseOptions): void;
+    changeConfigs(config: Partial<Config>, userAction?: boolean): void;
+    protected formatData(serverData: PluginServerData): Promise<PluginData>;
+    private _show;
+    private _hide;
+    private _enable;
+    private _disable;
+    private updateState;
+    private addEventListener;
+    private removeEventListener;
+    /** modelLoaded 之后自动执行 append container 操作  */
+    private onFiveModelLoaded;
+    /** 非 Topview 态隐藏户型图 */
+    private onFiveModeChange;
+    private onFivePanoArrived;
+    private onFiveCameraUpdate;
+    private onFiveWantsGesture;
+    private onFiveWantsMoveToPano;
+    /** 动画结束后是 Topview 态就展示户型图 */
+    private onFiveInitAnimationEnded;
+    private onModelShownFloorChange;
+    /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
+     *
+     * - TODO: 等 selector 功能下掉之后删除这个逻辑
+     */
+    private initContainer;
+    private render;
+}