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

package/esm/PanoDoorLabelPlugin/BaseController.d.ts

@@ -0,0 +1,60 @@
+import { Five } from '@realsee/five';
+import { BaseOptions, Controller, EventMap, State } from '../base/BasePlugin';
+/**
+ * pano plugin controller 基类
+ * @author kyleju
+ */
+export declare abstract class BasePanoPluginController<T extends State, E extends EventMap<T>> extends Controller<T, E> {
+    state: T;
+    container: Element;
+    enabled: boolean;
+    constructor(five: Five);
+    /**
+     * 启用组件
+     * @param options
+     */
+    enable(options?: BaseOptions): void;
+    /**
+     * 禁用组件
+     * @param options
+     */
+    disable(options?: BaseOptions): void;
+    /**
+     * 显示 UI
+     * @param options
+     * @returns
+     */
+    show(options?: BaseOptions): Promise<void>;
+    /**
+     * 隐藏 UI
+     * @param options
+     * @returns
+     */
+    hide(options: BaseOptions): Promise<void>;
+    /**
+     * 销毁对象
+     */
+    dispose(): void;
+    /**
+     * 设置状态
+     * @param state @T 状态
+     * @param options @BaseOptions 可选配置
+     * @returns
+     */
+    setState(state: Partial<T>, options?: BaseOptions): void;
+    get visible(): boolean;
+    appendTo(container: Element): void;
+    private updateState;
+    /**
+     * 组件 渲染
+     */
+    abstract render(): any;
+    /**
+     * State 初始化
+     */
+    abstract initState(): T;
+    /**
+     * State 改变回调
+     */
+    abstract stateChangedCallback(prevState: T, options?: BaseOptions): any;
+}

package/esm/PanoDoorLabelPlugin/BaseController.js

@@ -0,0 +1,59 @@
+var d = Object.defineProperty, u = Object.defineProperties;
+var b = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var n = (s, t, e) => t in s ? d(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, i = (s, t) => {
+  for (var e in t || (t = {}))
+    p.call(t, e) && n(s, e, t[e]);
+  if (o)
+    for (var e of o(t))
+      v.call(t, e) && n(s, e, t[e]);
+  return s;
+}, a = (s, t) => u(s, b(t));
+var r = (s, t, e) => (n(s, typeof t != "symbol" ? t + "" : t, e), e);
+import { Five as c } from "@realsee/five";
+import { C as f } from "../base/BasePlugin.js";
+class P extends f {
+  constructor(e) {
+    super(e);
+    r(this, "state");
+    r(this, "container");
+    r(this, "enabled");
+    this.five = e, this.five.once("dispose", this.dispose), this.enabled = !0, this.state = this.initState();
+  }
+  enable(e) {
+    this.enabled = !0, this.updateState(a(i({}, e), { userAction: !0 }));
+  }
+  disable(e) {
+    this.enabled = !1, this.updateState(a(i({}, e), { userAction: !0 }));
+  }
+  show(e) {
+    if (!!this.state.enabled)
+      return this.setState(a(i({}, this.state), { visible: !0 }), e), Promise.resolve();
+  }
+  hide(e) {
+    if (!!this.state.enabled)
+      return this.setState(a(i({}, this.state), { visible: !1 }), e), Promise.resolve();
+  }
+  dispose() {
+    this.container.remove();
+  }
+  setState(e, h) {
+    if (!this.enabled)
+      return;
+    const l = i({}, this.state);
+    this.state = i(i(i({}, this.state), e), h), this.stateChangedCallback(l, h);
+  }
+  get visible() {
+    return this.five.state.mode === c.Mode.Panorama;
+  }
+  appendTo(e) {
+    !this.enabled || (this.container = e, this.render());
+  }
+  updateState(e) {
+    this.setState(a(i({}, this.state), { enabled: this.enabled, visible: this.visible }), e);
+  }
+}
+export {
+  P as B
+};

package/esm/PanoDoorLabelPlugin/Controller.d.ts

@@ -0,0 +1,37 @@
+import type { Five } from '@realsee/five';
+import type { BaseOptions, EventMap, State } from '../base/BasePlugin';
+import type { FloorplanServerData } from '../floorplan/typings/floorplanServerData';
+import { BasePanoPluginController } from './BaseController';
+import type { DoorLabelConfig } from './typings';
+/**
+ * 分间标签插件
+ * @author kyleju
+ */
+export declare class PanoDoorLabelPluginController extends BasePanoPluginController<State, EventMap<State>> {
+    private MinVisibledistance;
+    private MaxVisibledistance;
+    private OffsetHeight;
+    private rooms;
+    private floorplanServerData;
+    /** 标签项 */
+    private doorLabelItems;
+    /** 每个点位 visible 标签的缓存 */
+    private visibleLabelMap;
+    /** 标签项Prop值 */
+    private labelItems;
+    /** 数据 */
+    private doorLabels;
+    private roomObservers;
+    constructor(five: Five);
+    loadData: (floorplanServerData: FloorplanServerData, doorLabelConfig?: DoorLabelConfig) => void;
+    stateChangedCallback(prevState: State, options?: BaseOptions): void;
+    render(): void;
+    initState(): State;
+    dispose(): void;
+    private initRoomObservers;
+    private hideAllLabels;
+    private fixDoorVisibleAndPosition;
+    private fixDoorPosition;
+    private onClick;
+    private initData;
+}

package/esm/PanoDoorLabelPlugin/Controller.js

@@ -0,0 +1,219 @@
+var y = Object.defineProperty, E = Object.defineProperties;
+var O = Object.getOwnPropertyDescriptors;
+var w = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var D = (b, l, e) => l in b ? y(b, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : b[l] = e, L = (b, l) => {
+  for (var e in l || (l = {}))
+    _.call(l, e) && D(b, e, l[e]);
+  if (w)
+    for (var e of w(l))
+      S.call(l, e) && D(b, e, l[e]);
+  return b;
+}, V = (b, l) => E(b, O(l));
+var a = (b, l, e) => (D(b, typeof l != "symbol" ? l + "" : l, e), e);
+import { Raycaster as k, Vector3 as P, Quaternion as C, Euler as A } from "three";
+import { B as H } from "./BaseController.js";
+import { D as W } from "./DoorLabelItem.js";
+import { g as z, i as R, a as F, b as $ } from "./utils.js";
+const B = { userAction: !0 };
+class q extends H {
+  constructor(e) {
+    super(e);
+    a(this, "MinVisibledistance", 1.8);
+    a(this, "MaxVisibledistance", 5);
+    a(this, "OffsetHeight", -1.3);
+    a(this, "rooms");
+    a(this, "floorplanServerData");
+    a(this, "doorLabelItems");
+    a(this, "visibleLabelMap", /* @__PURE__ */ new Map());
+    a(this, "labelItems", []);
+    a(this, "doorLabels");
+    a(this, "roomObservers");
+    a(this, "loadData", (e, n) => {
+      n && (this.MaxVisibledistance = n.MaxVisibledistance, this.MinVisibledistance = n.MinVisibledistance, this.OffsetHeight = n.OffsetHeight), this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((f) => {
+        f.$destroy();
+      }), this.labelItems = [], this.doorLabels = [], this.doorLabelItems = [], this.floorplanServerData = e, this.five.once("panoArrived", () => {
+        console.log("doorplugin", "panoArrived"), this.initData();
+      });
+    });
+    a(this, "initRoomObservers", () => {
+      var h, c;
+      const e = this.floorplanServerData.computed_data.floor_datas || [], f = (((c = (h = this.five) == null ? void 0 : h.work) == null ? void 0 : c.observers) || []).map((s) => {
+        const o = s.panoIndex, d = s.floorIndex, i = e == null ? void 0 : e.find((t) => t.floor_index === d);
+        if (i) {
+          const t = i.rooms.find((r) => r.observer_indexs.includes(o));
+          if (t)
+            return { panoIndex: o, floorIndex: d, name: t.name };
+        }
+      }).filter(Boolean);
+      this.roomObservers = f;
+    });
+    a(this, "hideAllLabels", () => {
+      this.labelItems.forEach((e) => {
+        e.visible = !1, e.inSight = !1;
+      }), this.render();
+    });
+    a(this, "fixDoorVisibleAndPosition", () => {
+      this.initRoomObservers();
+      const { panoIndex: e } = this.five;
+      if (!this.visible || this.five.model.empty || e === null || !this.roomObservers.find((s) => s.panoIndex === e))
+        return;
+      const n = this.roomObservers.find((s) => s.panoIndex === e), h = this.five.work.observers.find((s) => s.panoIndex === e).position.clone(), c = (() => {
+        if (this.visibleLabelMap.has(e))
+          return this.visibleLabelMap.get(e);
+        {
+          const s = [];
+          return this.doorLabels.forEach((o, d) => {
+            if (o.roomName === n.name)
+              return;
+            const i = o.position.clone(), t = i.distanceTo(h);
+            if (t < this.MinVisibledistance || t > this.MaxVisibledistance)
+              return;
+            const r = new k(), m = i.clone().sub(h).normalize();
+            r.set(h, m);
+            const [u] = this.five.model.intersectRaycaster(r);
+            u && u.distance + 0.1 < t || s.push(d);
+          }), this.visibleLabelMap.set(e, s), s;
+        }
+      })();
+      this.labelItems.forEach((s, o) => {
+        s.visible = c.includes(o);
+      }), this.fixDoorPosition();
+    });
+    a(this, "fixDoorPosition", () => {
+      const { panoIndex: e, camera: n } = this.five;
+      if (e === null)
+        return;
+      if (this.five.currentMode !== "Panorama")
+        return this.hideAllLabels();
+      const f = this.five.getElement(), h = f.clientWidth, c = f.clientHeight, s = n.getWorldDirection(new P()), o = [], d = [...this.labelItems];
+      if (d.forEach((i, t) => {
+        if (i.visible) {
+          const r = n.position.distanceTo(i.position), m = i.position.clone().add(new P(0, this.OffsetHeight, 0)), g = m.clone().sub(n.position).normalize().angleTo(s), x = m.clone().project(n), p = (x.x + 1) / 2.2 * 100, v = (-x.y + 1) / 2.2 * 100, I = p >= 0 && p <= 100 && v >= 0 && v <= 100 && r > this.MinVisibledistance && r <= this.MaxVisibledistance;
+          i.left = p, i.top = v, i.inSight = I && g < Math.PI / 2, i.cameraToward = z(this.five), I ? o.push({ disFromCameraToLabel: r, left: p, top: v, index: t }) : i.transform = "translate(-50%, -50%)";
+        } else
+          i.inSight = !1;
+      }), o.length > 1) {
+        let i = 0;
+        o.sort((t, r) => r.disFromCameraToLabel - t.disFromCameraToLabel);
+        for (let t = 1; t < o.length; t++) {
+          const { index: r, left: m, top: u } = o[t - 1], { index: g, left: x, top: p } = o[t], v = this.container.children[r], I = this.container.children[g];
+          if (!v || !I)
+            return;
+          const M = {
+            left: h * m / 100,
+            top: c * u / 100,
+            width: v.children[0].clientWidth,
+            height: v.children[0].clientHeight
+          }, T = {
+            left: h * x / 100,
+            top: c * p / 100,
+            width: I.children[0].clientWidth,
+            height: I.children[0].clientHeight
+          };
+          R(M, T) && (i++, d[r].transform = `translate(-50%, ${(i - 1) * 100 - 50}%)`, d[g].transform = `translate(-50%, ${i * 100 - 50}%)`);
+        }
+      }
+      this.labelItems = d, this.render();
+    });
+    a(this, "onClick", (e, n) => {
+      if (!this.roomObservers)
+        return;
+      const { work: f } = this.five;
+      let h, c, s = 1 / 0;
+      for (let o = 0; o < f.observers.length; o++) {
+        if (this.roomObservers[o].name !== e)
+          continue;
+        const i = f.observers[o].standingPosition, t = n.distanceTo(i);
+        t < s && (h = o, c = i.clone().sub(n).normalize(), s = t);
+      }
+      if (c !== null && h !== null) {
+        const o = {};
+        if (s > 0) {
+          const i = new P(0, 0, -1), t = c.clone(), r = new C();
+          r.setFromUnitVectors(i, t);
+          const m = new A();
+          m.setFromQuaternion(r, "YXZ"), o.longitude = m.y;
+        }
+        this.five.emit("wantsToMoveToPano", h, {}, !0) || this.five.moveToPano(h, { longitude: o.longitude });
+      }
+    });
+    a(this, "initData", () => {
+      var h;
+      this.doorLabels = [];
+      const e = this.five.panoIndex, n = this.floorplanServerData.computed_data.observers[e].floor_index, f = n !== void 0 && ((h = this.floorplanServerData.computed_data.floor_datas[n]) == null ? void 0 : h.rooms);
+      this.rooms = f, this.rooms && this.rooms.length > 0 && this.rooms.forEach((c) => {
+        var d;
+        const s = (d = this.floorplanServerData.computed_data.doors) == null ? void 0 : d.filter((i) => !!(i && i.name === c.name)), o = this.five.work.observers.filter((i, t) => !!c.observer_indexs.find((r) => r === t));
+        s && s.forEach((i) => {
+          const t = i.position;
+          let r = 1 / 0, m;
+          o.forEach((g) => {
+            const x = g.standingPosition, p = {
+              x: x.x,
+              y: x.y,
+              z: x.z
+            }, v = F(t, p);
+            v < r && (r = v, m = p);
+          }), m && (t.y = m.y + 0.01);
+          const u = new P(t.x, t.y, t.z);
+          u.add(new P(-0.2, 1.8, 0).applyEuler(new A(0, i.rad, 0))), this.doorLabels.push({
+            roomName: c.name,
+            name: i.name,
+            position: u,
+            toward: $(i.rad)
+          });
+        });
+      }), this.labelItems = this.doorLabels.map((c) => V(L({}, c), {
+        left: 0,
+        top: 0,
+        visible: !1,
+        inSight: !1,
+        transform: "",
+        cameraToward: ""
+      })), console.log("doorplugin", "labelItems", this.labelItems), this.five.on("wantsToMoveToPano", this.hideAllLabels), this.five.on("modelLoaded", this.fixDoorVisibleAndPosition), this.five.on("panoArrived", this.fixDoorVisibleAndPosition), this.five.on("initAnimationEnded", this.fixDoorPosition), this.five.on("cameraUpdate", this.fixDoorPosition), this.five.on("mouseWheel", this.fixDoorPosition), this.five.on("pinchGesture", this.fixDoorPosition), this.fixDoorVisibleAndPosition();
+    });
+  }
+  stateChangedCallback(e, n) {
+    if (this.hooks.hasListener("stateChange")) {
+      const f = {
+        state: this.state,
+        prevState: e,
+        userAction: n ? n.userAction : B.userAction
+      };
+      this.hooks.emit("stateChange", f);
+    }
+  }
+  render() {
+    if (!this.enabled) {
+      this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((e) => {
+        e == null || e.$destroy();
+      }), this.doorLabels = void 0;
+      return;
+    }
+    this.doorLabelItems && this.doorLabelItems.forEach((e) => {
+      e.$destroy();
+    }), this.doorLabelItems = [], this.labelItems.forEach((e) => {
+      this.doorLabelItems.push(
+        new W({
+          target: this.container,
+          props: {
+            props: e,
+            onClick: () => {
+              this.onClick(e.name, e.position);
+            }
+          }
+        })
+      );
+    });
+  }
+  initState() {
+    return { enabled: !0, visible: !0 };
+  }
+  dispose() {
+    this.five && (this.five.off("wantsToMoveToPano", this.hideAllLabels), this.five.off("modelLoaded", this.fixDoorVisibleAndPosition), this.five.off("panoArrived", this.fixDoorVisibleAndPosition), this.five.off("initAnimationEnded", this.fixDoorPosition), this.five.off("cameraUpdate", this.fixDoorPosition), this.five.off("mouseWheel", this.fixDoorPosition), this.five.off("pinchGesture", this.fixDoorPosition), super.dispose());
+  }
+}
+export {
+  q as P
+};

package/esm/PanoDoorLabelPlugin/DoorLabelItem.js

@@ -0,0 +1,65 @@
+import { SvelteComponent as k, init as _, safe_not_equal as C, append_styles as I, element as d, space as j, attr as p, null_to_empty as v, insert as B, append as b, listen as x, noop as f, detach as H, binding_callbacks as S } from "svelte/internal";
+import y from "classnames";
+function W(e) {
+  I(e, "svelte-wpy7pz", '.plugin-DoorLabelPlugin-item.svelte-wpy7pz.svelte-wpy7pz{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.75rem;padding:0.375rem;white-space:nowrap;font-size:0.75rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz::after{content:"";display:block;position:absolute;top:-0.0625rem;left:-0.0625rem;bottom:-0.0625rem;right:-0.0625rem;border-radius:0.125rem;border:0.0625rem solid rgba(0, 0, 0, 0);-o-border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-wpy7pz.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg") no-repeat;background-size:100%;display:inline-block;width:0.625rem;height:0.625rem;margin-left:0.25rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}');
+}
+function q(e) {
+  let l, t, a, s, o, n, i, c;
+  return {
+    c() {
+      l = d("div"), t = d("div"), a = d("span"), a.textContent = `${e[8]}`, s = j(), o = d("i"), p(a, "class", "plugin-DoorLabelPlugin-txt svelte-wpy7pz"), p(o, "class", "plugin-DoorLabelPlugin-icon svelte-wpy7pz"), p(t, "class", n = v(y("plugin-DoorLabelPlugin-cnt", e[0].toward)) + " svelte-wpy7pz"), p(t, "style", `transform: ${e[6] || "initial"};pointer-events: ${e[5] ? "auto" : "none"};opacity: ${e[5] ? 1 : 0}`), p(t, "data-camera-toward", e[7]), p(l, "style", `left: ${e[3] || 0}%;top: ${e[4] || 0}%;opacity: ${e[5] ? 1 : 0}`), p(l, "class", "plugin-DoorLabelPlugin-item svelte-wpy7pz");
+    },
+    m(g, u) {
+      B(g, l, u), b(l, t), b(t, a), b(t, s), b(t, o), e[10](l), i || (c = x(t, "click", e[9]), i = !0);
+    },
+    p(g, [u]) {
+      u & 1 && n !== (n = v(y("plugin-DoorLabelPlugin-cnt", g[0].toward)) + " svelte-wpy7pz") && p(t, "class", n);
+    },
+    i: f,
+    o: f,
+    d(g) {
+      g && H(l), e[10](null), i = !1, c();
+    }
+  };
+}
+function E(e, l, t) {
+  let { props: a } = l, { onClick: s } = l, o, { left: n, top: i, inSight: c, transform: g, panoIndex: u, cameraToward: z, name: P } = a, m = 0;
+  const D = () => {
+    if (!n || !i || !c || !o)
+      return;
+    const r = o.current.clientWidth / window.innerWidth * 100, w = o.current.clientHeight / window.innerHeight * 100;
+    if (n <= r / 2 || n >= 100 - r / 2 || i <= w / 2 || i >= 100 - w / 2)
+      return;
+    u !== m && (console.log("panoDoorLabelPlugin", u, "\u89E6\u53D1\u57CB\u70B9"), m = u);
+  }, L = (r) => {
+    s && s();
+  };
+  function h(r) {
+    S[r ? "unshift" : "push"](() => {
+      o = r, t(2, o);
+    });
+  }
+  return e.$$set = (r) => {
+    "props" in r && t(0, a = r.props), "onClick" in r && t(1, s = r.onClick);
+  }, D(), [
+    a,
+    s,
+    o,
+    n,
+    i,
+    c,
+    g,
+    z,
+    P,
+    L,
+    h
+  ];
+}
+class A extends k {
+  constructor(l) {
+    super(), _(this, l, E, q, C, { props: 0, onClick: 1 }, W);
+  }
+}
+export {
+  A as D
+};

package/esm/PanoDoorLabelPlugin/index.d.ts

@@ -0,0 +1,7 @@
+import type { FivePlugin } from '@realsee/five';
+import type { FloorplanServerData } from '../floorplan';
+import type { PanoDoorLabelPluginController } from './Controller';
+export type { FloorplanServerData, FloorplanServerRoomItem, } from '../floorplan/typings/floorplanServerData';
+declare const PanoDoorLabelPlugin: FivePlugin<FloorplanServerData, PanoDoorLabelPluginController>;
+export { PanoDoorLabelPlugin };
+export default PanoDoorLabelPlugin;

package/esm/PanoDoorLabelPlugin/index.js

@@ -0,0 +1,15 @@
+import { P as r } from "./Controller.js";
+import "three";
+import "./BaseController.js";
+import "@realsee/five";
+import "../base/BasePlugin.js";
+import "../shared-utils/Subscribe.js";
+import "./DoorLabelItem.js";
+import "svelte/internal";
+import "classnames";
+import "./utils.js";
+const s = (o) => new r(o);
+export {
+  s as PanoDoorLabelPlugin,
+  s as default
+};

package/esm/PanoDoorLabelPlugin/typings.d.ts

@@ -0,0 +1,38 @@
+import type * as THREE from 'three';
+export interface DoorLabel {
+    /** 观察点的房间 */
+    roomName: string;
+    /** 标签展示的房间名 */
+    name: string;
+    /** 标签的三维坐标位置 */
+    position: THREE.Vector3;
+    /** 标签的朝向 */
+    toward: '' | 'left' | 'right' | 'back' | 'forward';
+    [props: string]: any;
+}
+export interface LabelItemProp extends DoorLabel {
+    /** css left */
+    left: number;
+    /** css top */
+    top: number;
+    /** css transform */
+    transform: string;
+    /** 当前点位有哪些标签可以展示 */
+    visible: boolean;
+    /** 是否能够展示在用户视线内（inSight 是 visible 的一个子集，当切换户型图模式或是有模型遮挡时，inSight 为 false） */
+    inSight: boolean;
+    /** icon 朝向 */
+    cameraToward: '' | 'left' | 'right' | 'back' | 'forward';
+}
+export interface NeverOverlapLabel {
+    left: number;
+    top: number;
+    disFromCameraToLabel: number;
+    index: number;
+    transform?: string;
+}
+export interface DoorLabelConfig {
+    MinVisibledistance: number;
+    MaxVisibledistance: number;
+    OffsetHeight: number;
+}

package/esm/PanoDoorLabelPlugin/utils.d.ts

@@ -0,0 +1,5 @@
+import type { Five } from '@realsee/five';
+export declare function isTwoRectOverlaped(rect1: any, rect2: any): boolean;
+export declare function getCameraToward(five: Five): "" | "left" | "right" | "back" | "forward";
+export declare function getDistance(p1: any, p2: any): number;
+export declare function getToward(rad: number): "" | "left" | "right" | "back" | "forward";

package/esm/PanoDoorLabelPlugin/utils.js

@@ -0,0 +1,23 @@
+import { Vector3 as r } from "three";
+function s(t, e) {
+  const n = Math.abs(t.top + t.height / 2 - e.top - e.height / 2), i = Math.abs(t.left + t.width / 2 - e.left - e.width / 2), o = (t.height + e.height) / 2, a = (t.width + e.width) / 2;
+  return !(n > o && i > a);
+}
+function f(t) {
+  const { camera: e } = t, n = e.getWorldDirection(new r());
+  let i = Math.atan(n.z / n.x) * 180 / Math.PI, o = "";
+  return n.x < 0 && (i += 180), i < 0 && (i += 360), i > 315 || i <= 45 ? o = "right" : i > 45 && i <= 135 ? o = "back" : i > 135 && i <= 225 ? o = "left" : i > 225 && i <= 315 && (o = "forward"), o;
+}
+function l(t, e) {
+  return Math.sqrt(Math.pow(t.z - e.z, 2) + Math.pow(t.x - e.x, 2));
+}
+function c(t) {
+  const e = Math.PI / 4;
+  return t > -e && t <= e ? "left" : t > e * 3 || t <= -e * 3 ? "right" : t > -e * 3 && t <= -e ? "forward" : t > e && t <= e * 3 ? "back" : "";
+}
+export {
+  l as a,
+  c as b,
+  f as g,
+  s as i
+};

package/esm/PanoMeasurePlugin/Controller/BaseController.d.ts

@@ -0,0 +1,43 @@
+import type Magnifier from '../Modules/Magnifier';
+import type FiveHelper from '../Modules/FiveHelper';
+import type { Group } from 'three';
+import type { Model } from '../Model';
+import type { Config } from '../typings';
+import type { PanoMeasurePluginEvent } from '../typings/event.type';
+import type { UserDistanceItem } from '../utils/distanceDom';
+import type { Five, Intersection, IntersectMeshInterface, Subscribe } from '@realsee/five';
+import type { OpenParameter } from '../typings/data';
+import Line from '../Model/line';
+export interface IControllerParams {
+    five: Five;
+    group: Group;
+    model: Model;
+    config: Config;
+    mouseGroup: Group;
+    container: Element;
+    magnifier: Magnifier;
+    fiveHelper: FiveHelper;
+    openParams: OpenParameter;
+    hook: Subscribe<PanoMeasurePluginEvent>;
+    userDistanceItemCreator?: () => UserDistanceItem;
+}
+export default class BaseController {
+    model: Model;
+    protected five: Five;
+    protected group: Group;
+    protected config: Config;
+    protected dashed: Line;
+    protected disposed: boolean;
+    protected isMobile: boolean;
+    protected mouseGroup: Group;
+    protected container: Element;
+    protected fiveHelper: FiveHelper;
+    protected hook: IControllerParams['hook'];
+    protected magnifier: IControllerParams['magnifier'];
+    protected userDistanceItemCreator: IControllerParams['userDistanceItemCreator'];
+    constructor(params: IControllerParams);
+    updateDistanceUI: () => void;
+    protected removeLine(line: Line): void;
+    protected updateMouseGroup(intersection: Intersection, mesh?: IntersectMeshInterface): Group;
+    protected dispose(): void;
+}

package/esm/PanoMeasurePlugin/Controller/BaseController.js

@@ -0,0 +1,53 @@
+var a = Object.defineProperty;
+var m = (i, e, o) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[e] = o;
+var t = (i, e, o) => (m(i, typeof e != "symbol" ? e + "" : e, o), o);
+import { L as l } from "../Model/line.js";
+import { P as d } from "../Model/point.js";
+import { p as r } from "../utils/ironbox.js";
+class G {
+  constructor(e) {
+    t(this, "model");
+    t(this, "five");
+    t(this, "group");
+    t(this, "config");
+    t(this, "dashed");
+    t(this, "disposed", !1);
+    t(this, "isMobile");
+    t(this, "mouseGroup");
+    t(this, "container");
+    t(this, "fiveHelper");
+    t(this, "hook");
+    t(this, "magnifier");
+    t(this, "userDistanceItemCreator");
+    t(this, "updateDistanceUI", () => {
+      this.dashed.distanceItem.update(this.five), this.model.lines.forEach((e) => e.distanceItem.update(this.five));
+    });
+    var s, n;
+    this.five = e.five, this.hook = e.hook, this.model = e.model, this.config = e.config, this.magnifier = e.magnifier, this.container = e.container, this.fiveHelper = e.fiveHelper, this.isMobile = (n = (s = e.openParams) == null ? void 0 : s.isMobile) != null ? n : !1, this.userDistanceItemCreator = e.userDistanceItemCreator, this.group = e.group, this.mouseGroup = e.mouseGroup, this.dashed = new l(new d([0, 0, 0]), new d([0, 0, 0]), this.model), this.dashed.mesh.setMaterial({ dashed: !0, dashScale: 100 }), this.dashed.mesh.name = "dashLine";
+    const o = this.five.getElement();
+    o && (o.addEventListener("touchstart", r), o.addEventListener("contextmenu", r));
+  }
+  removeLine(e) {
+    this.group.remove(e.mesh, e.lightMesh), e.distanceItem.remove(), this.five.needsRender = !0;
+  }
+  updateMouseGroup(e, o) {
+    if (!e)
+      return this.mouseGroup;
+    const s = this.fiveHelper.getAdsorbentPoint(e), n = s || e.point;
+    if (this.mouseGroup.position.copy(n), o)
+      this.mouseGroup.quaternion.copy(o.quaternion);
+    else if (e.face) {
+      const h = e.face.normal.clone().multiplyScalar(0.05), u = e.point.clone().add(h).clone().add(h);
+      this.mouseGroup.lookAt(u);
+    }
+    return this.mouseGroup;
+  }
+  dispose() {
+    this.disposed = !0, this.magnifier.remove(), this.model.lines.forEach((o) => this.removeLine(o));
+    const e = this.five.getElement();
+    e && (e.removeEventListener("touchstart", r), e.removeEventListener("contextmenu", r));
+  }
+}
+export {
+  G as B
+};