@realsee/dnalogel 2.27.1 → 2.28.0-dev.0

package/libs/floorplan/FloorplanRoomsPlugin/Components/Main.js

@@ -0,0 +1,237 @@
+import { SvelteComponent as I, init as N, safe_not_equal as R, append_styles as A, empty as B, insert as p, transition_in as g, transition_out as c, check_outros as W, detach as v, element as z, attr as C, action_destroyer as G, listen as O, group_outros as M, run_all as J, assign as K, create_component as L, set_style as m, mount_component as P, get_spread_update as Q, destroy_component as T } from "../../../vendor/svelte/internal/index.js";
+import U from "./CurrentFloor/CurrentFloor.js";
+import { svelteResizeObserver as V } from "../../../shared-utils/svelte/resizeObserver.js";
+import "./CurrentFloor/ExtraObjects.js";
+import "../../Components/BaseImage.js";
+import "../../Components/Normalmage.js";
+import "../../Components/SvgImage.js";
+import "./CurrentFloor/RoomHighlight/RoomHighlight.js";
+import "./CurrentFloor/RoomHighlight/Room.js";
+import "../../utils/formatPosition.js";
+import "../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+function X(n) {
+  A(n, "svelte-se81j2", ".plugin-floorplan-rooms.svelte-se81j2{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-rooms-container.svelte-se81j2{position:relative}");
+}
+function k(n) {
+  let e, i, l, h, t = (
+    /*clientWidth*/
+    n[7] !== 0 && w(n)
+  );
+  return {
+    c() {
+      e = z("div"), t && t.c(), C(e, "class", "plugin-floorplan-rooms svelte-se81j2");
+    },
+    m(a, f) {
+      p(a, e, f), t && t.m(e, null), i = !0, l || (h = [
+        G(V.call(null, e)),
+        O(
+          e,
+          "clientWidth",
+          /*clientWidth_handler*/
+          n[11]
+        ),
+        O(
+          e,
+          "clientHeight",
+          /*clientHeight_handler*/
+          n[12]
+        )
+      ], l = !0);
+    },
+    p(a, f) {
+      /*clientWidth*/
+      a[7] !== 0 ? t ? (t.p(a, f), f & /*clientWidth*/
+      128 && g(t, 1)) : (t = w(a), t.c(), g(t, 1), t.m(e, null)) : t && (M(), c(t, 1, 1, () => {
+        t = null;
+      }), W());
+    },
+    i(a) {
+      i || (g(t), i = !0);
+    },
+    o(a) {
+      c(t), i = !1;
+    },
+    d(a) {
+      a && v(e), t && t.d(), l = !1, J(h);
+    }
+  };
+}
+function w(n) {
+  let e, i, l = `${/*contentWidth*/
+  n[9]}px`, h = `${/*contentHeight*/
+  n[10]}px`, t;
+  const a = [
+    {
+      highlightEnable: (
+        /*highlightEnable*/
+        n[6]
+      ),
+      floorIndex: H,
+      floorplanData: (
+        /*floorplanData*/
+        n[2]
+      ),
+      hoverEnable: (
+        /*hoverEnable*/
+        n[1]
+      ),
+      extraObjects: (
+        /*extraObjects*/
+        n[3]
+      ),
+      highlightData: (
+        /*highlightData*/
+        n[4]
+      ),
+      highlightStyle: (
+        /*highlightStyle*/
+        n[5]
+      )
+    }
+  ];
+  let f = {};
+  for (let o = 0; o < a.length; o += 1)
+    f = K(f, a[o]);
+  return i = new U({ props: f }), {
+    c() {
+      e = z("div"), L(i.$$.fragment), C(e, "class", "plugin-floorplan-rooms-container svelte-se81j2"), m(e, "width", l), m(e, "height", h);
+    },
+    m(o, s) {
+      p(o, e, s), P(i, e, null), t = !0;
+    },
+    p(o, s) {
+      const u = s & /*highlightEnable, floorIndex, floorplanData, hoverEnable, extraObjects, highlightData, highlightStyle*/
+      126 ? Q(a, [
+        {
+          highlightEnable: (
+            /*highlightEnable*/
+            o[6]
+          ),
+          floorIndex: H,
+          floorplanData: (
+            /*floorplanData*/
+            o[2]
+          ),
+          hoverEnable: (
+            /*hoverEnable*/
+            o[1]
+          ),
+          extraObjects: (
+            /*extraObjects*/
+            o[3]
+          ),
+          highlightData: (
+            /*highlightData*/
+            o[4]
+          ),
+          highlightStyle: (
+            /*highlightStyle*/
+            o[5]
+          )
+        }
+      ]) : {};
+      i.$set(u), s & /*contentWidth*/
+      512 && l !== (l = `${/*contentWidth*/
+      o[9]}px`) && m(e, "width", l), s & /*contentHeight*/
+      1024 && h !== (h = `${/*contentHeight*/
+      o[10]}px`) && m(e, "height", h);
+    },
+    i(o) {
+      t || (g(i.$$.fragment, o), t = !0);
+    },
+    o(o) {
+      c(i.$$.fragment, o), t = !1;
+    },
+    d(o) {
+      o && v(e), T(i);
+    }
+  };
+}
+function Y(n) {
+  let e, i, l = (
+    /*visible*/
+    n[0] && k(n)
+  );
+  return {
+    c() {
+      l && l.c(), e = B();
+    },
+    m(h, t) {
+      l && l.m(h, t), p(h, e, t), i = !0;
+    },
+    p(h, [t]) {
+      /*visible*/
+      h[0] ? l ? (l.p(h, t), t & /*visible*/
+      1 && g(l, 1)) : (l = k(h), l.c(), g(l, 1), l.m(e.parentNode, e)) : l && (M(), c(l, 1, 1, () => {
+        l = null;
+      }), W());
+    },
+    i(h) {
+      i || (g(l), i = !0);
+    },
+    o(h) {
+      c(l), i = !1;
+    },
+    d(h) {
+      l && l.d(h), h && v(e);
+    }
+  };
+}
+let H = 0;
+function Z(n, e, i) {
+  let { visible: l } = e, { hoverEnable: h } = e, { floorplanData: t } = e, { extraObjects: a = [] } = e, { highlightData: f } = e, { highlightStyle: o } = e, { highlightEnable: s = !0 } = e, u = 0, _ = 0, y = 0, j = 0;
+  const q = (r) => {
+    i(7, u = r.detail);
+  }, F = (r) => {
+    i(8, _ = r.detail);
+  };
+  return n.$$set = (r) => {
+    "visible" in r && i(0, l = r.visible), "hoverEnable" in r && i(1, h = r.hoverEnable), "floorplanData" in r && i(2, t = r.floorplanData), "extraObjects" in r && i(3, a = r.extraObjects), "highlightData" in r && i(4, f = r.highlightData), "highlightStyle" in r && i(5, o = r.highlightStyle), "highlightEnable" in r && i(6, s = r.highlightEnable);
+  }, n.$$.update = () => {
+    if (n.$$.dirty & /*clientWidth, clientHeight, floorplanData*/
+    388) {
+      const r = Math.min(u, _), { max: D, min: E } = t.bounding, b = D.x - E.x, d = D.y - E.y, S = function() {
+        return b > d ? [r, r / b * d] : [r / d * b, r];
+      }();
+      i(9, y = S[0]), i(10, j = S[1]);
+    }
+  }, [
+    l,
+    h,
+    t,
+    a,
+    f,
+    o,
+    s,
+    u,
+    _,
+    y,
+    j,
+    q,
+    F
+  ];
+}
+class se extends I {
+  constructor(e) {
+    super(), N(
+      this,
+      e,
+      Z,
+      Y,
+      R,
+      {
+        visible: 0,
+        hoverEnable: 1,
+        floorplanData: 2,
+        extraObjects: 3,
+        highlightData: 4,
+        highlightStyle: 5,
+        highlightEnable: 6
+      },
+      X
+    );
+  }
+}
+export {
+  se as default
+};

package/libs/floorplan/FloorplanRoomsPlugin/Components/Main.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/libs/floorplan/FloorplanRoomsPlugin/Controller.d.ts

@@ -0,0 +1,40 @@
+import type { BaseOptions } from './BasePlugin';
+import type { FloorplanServerData } from '../typings/floorplanServerData';
+import type { FloorplanExtraObject3D } from '../typings/floorplanData';
+import type { HighlightData } from '../typings';
+import type { State, Config, EventMap, Parameters, PluginData, PluginServerData } from './typing';
+import * as BasePlugin from './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;
+    private highlightData;
+    constructor(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;
+    highlight: (highlightData: HighlightData) => void;
+    unhighlight: () => void;
+    getHighlightData: () => HighlightData;
+    /** 更改插件 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/libs/floorplan/FloorplanRoomsPlugin/Controller.js

@@ -0,0 +1,207 @@
+var m = Object.defineProperty, w = Object.defineProperties;
+var v = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var u = (r, i, t) => i in r ? m(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t, p = (r, i) => {
+  for (var t in i || (i = {}))
+    S.call(i, t) && u(r, t, i[t]);
+  if (b)
+    for (var t of b(i))
+      A.call(i, t) && u(r, t, i[t]);
+  return r;
+}, f = (r, i) => w(r, v(i));
+var s = (r, i, t) => (u(r, typeof i != "symbol" ? i + "" : i, t), t);
+var c = (r, i, t) => new Promise((e, o) => {
+  var a = (n) => {
+    try {
+      l(t.next(n));
+    } catch (d) {
+      o(d);
+    }
+  }, h = (n) => {
+    try {
+      l(t.throw(n));
+    } catch (d) {
+      o(d);
+    }
+  }, l = (n) => n.done ? e(n.value) : Promise.resolve(n.value).then(a, h);
+  l((t = t.apply(r, i)).next());
+});
+import D from "./Components/Main.js";
+import { equal as _ } from "../../shared-utils/equal.js";
+import { Controller as y } from "./BasePluginWithData.js";
+import { formatData as g, formatExtraObjects as O } from "../utils/formatData.js";
+import "../../vendor/svelte/internal/index.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/CurrentFloor/RoomHighlight/RoomHighlight.js";
+import "./Components/CurrentFloor/RoomHighlight/Room.js";
+import "../utils/formatPosition.js";
+import "../../shared-utils/svelte/resizeObserver.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "../../shared-utils/isTruelyObject.js";
+import "./BasePlugin.js";
+import "../../shared-utils/Subscribe.js";
+import "hammerjs";
+import "three";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../shared-utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/absoluteUrl.js";
+import "../Assets/floorplanExtraObject.js";
+class lt extends y {
+  constructor(t) {
+    super();
+    // =============== public properties =================
+    s(this, "name", "FloorplanRoomsPlugin");
+    s(this, "state");
+    // =============== protected properties =================
+    s(this, "data");
+    // =============== private properties =================
+    s(this, "app");
+    s(this, "wrapperSelector", "");
+    s(this, "wrapper", null);
+    s(this, "disposed", !1);
+    s(this, "extraObjects", []);
+    s(this, "highlightData", {});
+    s(this, "dispose", () => {
+      this.disposed = !0, this.wrapper = null, this.wrapperSelector = "", this.hooks.emit("dispose");
+    });
+    s(this, "highlight", (t) => {
+      this.state.config.highlightEnable && (this.highlightData = t, this.render());
+    });
+    s(this, "unhighlight", () => {
+      this.highlightData = {}, this.render();
+    });
+    s(this, "getHighlightData", () => this.highlightData);
+    s(this, "_disable", (t) => {
+      const { userAction: e } = t;
+      this.app = void 0, this.hooks.emit("disable", { userAction: e });
+    });
+    const e = {
+      hoverEnable: !0,
+      highlightEnable: !0
+    }, o = t != null && t.configs ? t.configs : {}, a = p(p({}, e), o);
+    this.state = { enabled: !0, visible: !0, config: a }, typeof (t == null ? void 0 : t.wrapper) == "string" ? this.wrapperSelector = t.wrapper : (t == null ? void 0 : t.wrapper) instanceof Element && (this.wrapper = t.wrapper);
+  }
+  load(t, e, o = !0) {
+    return c(this, null, function* () {
+      function a(d) {
+        return Object.prototype.hasOwnProperty.apply(d, ["version"]);
+      }
+      const h = JSON.parse(JSON.stringify(t)), l = a(h) ? h.data : h, n = this.data;
+      this.data = yield g(l), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, n), e && this.updateState(e, o), this.render();
+    });
+  }
+  show() {
+    return c(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 c(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 });
+  }
+  /** 更改插件 State */
+  setState(t, e = {}) {
+    const o = this.state, a = e.userAction !== void 0 ? e.userAction : !0;
+    if (this.updateState(t, a), t.enabled !== void 0 && o.enabled !== t.enabled) {
+      const h = { userAction: a };
+      t.enabled ? this._enable(h) : this._disable(h);
+    }
+    if (t.visible !== void 0 && o.visible !== t.visible) {
+      const h = { userAction: a };
+      t.visible ? this._show(h) : this._hide(h);
+    }
+  }
+  /** 把插件的渲染DOM插入到对应的容器中去 */
+  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, null, this.data), this.render());
+  }
+  formatData(t) {
+    return c(this, null, function* () {
+      return yield g(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 o = this.state;
+    this.state = p(p({}, this.state), t), !_(this.state, o, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: o, 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 = f(p({}, this.state.config), {
+      floorplanData: this.data,
+      visible: this.state.visible,
+      extraObjects: this.extraObjects,
+      highlightData: this.highlightData,
+      highlightStyle: this.state.config.highlightStyle
+    });
+    this.app ? this.app.$set(t) : this.app = new D({ target: this.wrapper, props: t });
+  }
+}
+export {
+  lt as Controller
+};

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

@@ -0,0 +1,6 @@
+import type { Parameters } from './typing';
+import { Controller } from './Controller';
+export declare const FloorplanRoomsPlugin: (params: any) => Controller;
+export type FloorplanRoomsPluginParameterType = Parameters | undefined;
+export type FloorplanRoomsPluginReturnType = InstanceType<typeof Controller>;
+export default FloorplanRoomsPlugin;

package/libs/floorplan/FloorplanRoomsPlugin/index.js

@@ -0,0 +1,43 @@
+import { Controller as r } from "./Controller.js";
+import "./Components/Main.js";
+import "../../vendor/svelte/internal/index.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/CurrentFloor/RoomHighlight/RoomHighlight.js";
+import "./Components/CurrentFloor/RoomHighlight/Room.js";
+import "../utils/formatPosition.js";
+import "../../shared-utils/svelte/resizeObserver.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "../../shared-utils/equal.js";
+import "../../shared-utils/isTruelyObject.js";
+import "./BasePluginWithData.js";
+import "./BasePlugin.js";
+import "../../shared-utils/Subscribe.js";
+import "hammerjs";
+import "three";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../shared-utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/absoluteUrl.js";
+import "../utils/formatData.js";
+import "../Assets/floorplanExtraObject.js";
+const M = (o) => new r(o);
+export {
+  M as FloorplanRoomsPlugin,
+  M as default
+};

package/libs/floorplan/FloorplanRoomsPlugin/typing.d.ts

@@ -0,0 +1,60 @@
+import type * as BasePlugin from './BasePluginWithData';
+import type { FloorplanData } from '../typings/floorplanData';
+import type { FloorplanServerData } from '../typings/floorplanServerData';
+export interface HighlightStyle {
+    color: string;
+    opacity: number;
+    disabled?: boolean;
+}
+export interface Config {
+    /** 鼠标放置在分间上时，是否要自动高亮分间 */
+    hoverEnable: boolean;
+    /** 支持highlight功能，默认为 false */
+    highlightEnable: boolean;
+    /** highlight的样式 */
+    highlightStyle?: HighlightStyle;
+}
+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;
+        highlightEnable?: boolean;
+        highlightStyle?: HighlightStyle;
+    };
+}
+export interface PluginServerData {
+    version: number;
+    data: FloorplanServerData;
+}
+export type { FloorplanData as PluginData };

package/libs/floorplan/FloorplanRoomsPlugin/typing.js

@@ -0,0 +1 @@
+

package/libs/floorplan/index.d.ts

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