@realsee/dnalogel 2.20.5 → 2.21.0-dev.0

package/libs/PanoMeasurePlugin/utils/dom/base.d.ts

@@ -0,0 +1,25 @@
+import type { Vector3 } from 'three';
+import type { Five } from '@realsee/five';
+export interface ItemDomParams {
+    clickCallback?: (event: MouseEvent, item: ItemDom) => unknown;
+}
+export declare abstract class ItemDom {
+    ndcPosition: Vector3 | null;
+    protected contentDom: HTMLElement;
+    protected containerDom: HTMLElement;
+    protected params: ItemDomParams;
+    protected canSelected: boolean;
+    constructor(params: ItemDomParams);
+    handleClick: (e: MouseEvent) => void;
+    setCanSelect(canSelect: boolean): void;
+    highlight(): void;
+    unHighlight(): void;
+    appendTo(container: Element): void;
+    remove(): void;
+    show(): void;
+    hide(): void;
+    /**
+     * @description: camera update 的时候，更新dom的位置
+     */
+    updateDomPosition(five: Five): void;
+}

package/libs/PanoMeasurePlugin/utils/dom/base.js

@@ -0,0 +1,72 @@
+var a = Object.defineProperty;
+var h = (e, t, n) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var i = (e, t, n) => (h(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { isNDCPointInFront as d } from "../isNDCPointInScreen.js";
+function m() {
+  const e = document.createElement("div");
+  return e.setAttribute(
+    "style",
+    "backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);-webkit-tap-highlight-color: rgba(0,0,0,0);"
+  ), e.style.width = "max-content", e.style.padding = "3px 6px", e.style.lineHeight = "1", e.style.textAlign = "center", e.style.transform = "translate(-50%, -50%)", e.style.borderRadius = "100px", e.style.fontSize = "14px", e.style.color = "#fff", e.style.background = "rgba(195,195,195,0.70)", e.style.border = "0.5px solid rgba(255,255,255,0.6)", e.style.cursor = "pointer", e;
+}
+function y(e) {
+  const t = document.createElement("div");
+  return e != null && e.id && (t.id = e == null ? void 0 : e.id), t.classList.add("five-plugin-measure__distance"), t.style.opacity = "0", t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = "0", t.style.height = "0", t.style.transform = "translate3d(0, 0, 0)", t.style.transformOrigin = "left top", t;
+}
+class g {
+  constructor(t) {
+    i(this, "ndcPosition");
+    i(this, "contentDom");
+    i(this, "containerDom");
+    i(this, "params");
+    i(this, "canSelected");
+    i(this, "handleClick", (t) => {
+      var n, o;
+      (o = (n = this.params).clickCallback) == null || o.call(n, t, this);
+    });
+    this.params = t, this.contentDom = m(), this.containerDom = y(), this.setCanSelect(!0);
+  }
+  setCanSelect(t) {
+    this.canSelected = t, this.containerDom.style.pointerEvents = t ? "all" : "none";
+  }
+  highlight() {
+    this.contentDom.style.border = "0.5px solid #95AEFF", this.contentDom.style.background = "linear-gradient(90deg, #95AEFF 0%, #6386FF 100%)";
+  }
+  unHighlight() {
+    this.contentDom.style.border = "0.5px solid rgba(255,255,255,0.6)", this.contentDom.style.background = "rgba(195,195,195,0.70)";
+  }
+  appendTo(t) {
+    t.appendChild(this.containerDom), this.containerDom.addEventListener("click", this.handleClick);
+  }
+  remove() {
+    this.contentDom.removeEventListener("click", this.handleClick), this.containerDom.remove();
+  }
+  show() {
+    this.containerDom.style.opacity = "1", this.containerDom.style.pointerEvents = this.canSelected ? "auto" : "none";
+  }
+  hide() {
+    this.containerDom.style.opacity = "0", this.containerDom.style.pointerEvents = "none";
+  }
+  /**
+   * @description: camera update 的时候，更新dom的位置
+   */
+  updateDomPosition(t) {
+    if (!this.ndcPosition) {
+      this.hide();
+      return;
+    }
+    const n = t.getElement();
+    if (!n)
+      return;
+    const o = n.clientWidth, r = n.clientHeight, s = this.ndcPosition.project(t.camera);
+    if (!d(s)) {
+      this.hide();
+      return;
+    }
+    const c = (s.x + 1) / 2 * o, l = -(s.y - 1) / 2 * r;
+    this.containerDom.style.transform = `translate(${c}px, ${l}px)`, this.show();
+  }
+}
+export {
+  g as ItemDom
+};

package/libs/PanoMeasurePlugin/utils/dom/distanceItem.d.ts

@@ -0,0 +1,27 @@
+import type { ItemDomParams } from './base';
+import { ItemDom } from './base';
+import type Line from '../../Model/line';
+import type { Five } from '@realsee/five';
+import type { Polyline } from '../../Model/polyline';
+export interface UserDistanceItem {
+    element: Element;
+    highlight: () => void;
+    unHighlight: () => void;
+    update: (params: {
+        line: Line;
+        polyline: Polyline;
+    }) => void;
+}
+interface DistanceItemParams extends ItemDomParams {
+    line: Line;
+    userDistanceItem?: UserDistanceItem;
+}
+export declare class DistanceItem extends ItemDom {
+    protected params: DistanceItemParams;
+    private line;
+    constructor(params: DistanceItemParams);
+    update(five: Five): void;
+    /** 获取内容文本 */
+    getCurrentContent(): string;
+}
+export {};

package/libs/PanoMeasurePlugin/utils/dom/distanceItem.js

@@ -0,0 +1,47 @@
+var S = Object.defineProperty;
+var M = (o, n, t) => n in o ? S(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
+var x = (o, n, t) => (M(o, typeof n != "symbol" ? n + "" : n, t), t);
+import { ItemDom as T } from "./base.js";
+import { Vector2 as P } from "three";
+import { isNDCPointInFront as u } from "../isNDCPointInScreen.js";
+class z extends T {
+  constructor(t) {
+    var i;
+    super(t);
+    x(this, "line");
+    this.params = t, this.line = t.line, (i = this.params.userDistanceItem) != null && i.element ? this.containerDom.appendChild(this.params.userDistanceItem.element) : this.containerDom.appendChild(this.contentDom);
+  }
+  update(t) {
+    var D;
+    if (this.line.mesh.visible === !1) {
+      this.hide();
+      return;
+    }
+    const i = t.getElement();
+    if (!i)
+      return;
+    const a = i.clientWidth, r = i.clientHeight, l = a / 2, c = r / 2;
+    if (this.line.points.length < 2)
+      return;
+    const [h, m] = this.line.points, e = h.position.clone().project(t.camera), s = m.position.clone().project(t.camera), d = e.clone().lerp(s, 0.5), p = new P(e.x * l, e.y * c), f = new P(s.x * l, s.y * c), g = p.distanceTo(f);
+    if ((() => !(Math.abs(e.z) > 1 || Math.abs(s.z) > 1 || !u(e) && !u(s) || !u(d) || g === 0))() === !1) {
+      this.hide();
+      return;
+    }
+    const y = (d.x + 1) / 2 * a, C = -(d.y - 1) / 2 * r, I = -(Math.atan((p.y - f.y) / (p.x - f.x)) * 180) / Math.PI, b = this.containerDom.parentElement && this.contentDom.clientWidth > g ? -20 : 0;
+    this.containerDom.style.transform = `translate(${y}px, ${C}px) rotate(${I}deg) translateY(${b}px)`, this.show(), (D = this.params.userDistanceItem) == null || D.update({ line: this.line, polyline: this.line.getPolyline() });
+    const E = this.getCurrentContent();
+    this.contentDom.innerText = E;
+  }
+  /** 获取内容文本 */
+  getCurrentContent() {
+    var h, m, e, s;
+    if (this.line.points.length < 2)
+      return "";
+    const [t, i] = this.line.points, a = t.position.clone().distanceTo(i.position), r = (m = this.line.text) != null ? m : (h = this.line.model.config) == null ? void 0 : h.defaultText, l = (s = (e = this.line.model.config) == null ? void 0 : e.getDistanceText) == null ? void 0 : s.call(e, a), c = r != null ? r : l;
+    return c != null ? c : a.toFixed(2) + "m";
+  }
+}
+export {
+  z as DistanceItem
+};

package/libs/PanoMeasurePlugin/utils/generatePolygonGeometry.d.ts

@@ -0,0 +1,6 @@
+import type { Vector3 } from 'three';
+import * as THREE from 'three';
+/**
+ * @description: 根据多边形的顶点数组生成多边形的 BufferGeometry
+ */
+export default function generatePolygonGeometry(_points: Vector3[]): THREE.BufferGeometry;

package/libs/PanoMeasurePlugin/utils/generatePolygonGeometry.js

@@ -0,0 +1,13 @@
+import * as n from "three";
+import u from "earcut";
+function m(i) {
+  const t = i.slice();
+  if (t.length < 3)
+    return;
+  t.at(-1).equals(t[0]) || t.push(t[0]);
+  const r = t.flatMap((o) => [o.x, o.y, o.z]), s = new n.Float32BufferAttribute(r, 3), a = u(r, void 0, 3), e = new n.BufferGeometry();
+  return e.setAttribute("position", s), e.setIndex(a), e.name = "PolygonGeometry", e;
+}
+export {
+  m as default
+};

package/libs/PanoMeasurePlugin/utils/geometryUtil.d.ts

@@ -0,0 +1,7 @@
+import type * as THREE from 'three';
+import { Vector3 } from 'three';
+export declare function getGeometryArea(geometry: THREE.BufferGeometry): number;
+export declare function getGeometryInfo(geometry: THREE.BufferGeometry): {
+    center: Vector3;
+    area: number;
+};

package/libs/PanoMeasurePlugin/utils/geometryUtil.js

@@ -0,0 +1,37 @@
+import { Vector3 as a } from "three";
+import { centerPoint as A } from "../../shared-utils/three/centerPoint.js";
+function b(r) {
+  return u(r).reduce((e, [n, i, o]) => e + l(n, i, o), 0);
+}
+function h(r) {
+  const t = u(r);
+  let e = 0, n = new a();
+  for (const [i, o, c] of t) {
+    const s = l(i, o, c), g = d(i, o, c, s);
+    e += s, n.add(g);
+  }
+  return n = n.divideScalar(e), { center: n, area: e };
+}
+function l(r, t, e) {
+  return t.clone().sub(r).cross(e.clone().sub(r)).length() / 2;
+}
+function d(r, t, e, n) {
+  const i = n != null ? n : l(r, t, e);
+  return A(r, t, e).multiplyScalar(i);
+}
+function u(r) {
+  var i;
+  const t = r.getAttribute("position"), e = (i = r.getIndex()) == null ? void 0 : i.array;
+  if (!t || !e)
+    return [];
+  let n = [];
+  for (let o = 0; o < e.length; o += 3) {
+    const c = e[o], s = e[o + 1], g = e[o + 2], f = new a().fromArray([t.getX(c), t.getY(c), t.getZ(c)]), m = new a().fromArray([t.getX(s), t.getY(s), t.getZ(s)]), p = new a().fromArray([t.getX(g), t.getY(g), t.getZ(g)]);
+    n.push([f, m, p]);
+  }
+  return n;
+}
+export {
+  b as getGeometryArea,
+  h as getGeometryInfo
+};

package/libs/PanoMeasurePlugin/utils/isIntersecting.d.ts

@@ -0,0 +1,15 @@
+interface Point3D {
+    x: number;
+    y: number;
+    z: number;
+}
+interface Line3D {
+    start: Point3D;
+    end: Point3D;
+}
+/**
+ * @description 判断线段是否相交
+ * @todo ai写的一些变量名起的比较怪，懒得改了
+ */
+export default function isIntersecting(line1: Line3D, line2: Line3D | Line3D[]): boolean;
+export {};

package/libs/PanoMeasurePlugin/utils/isIntersecting.js

@@ -0,0 +1,25 @@
+function m(t, n) {
+  const e = Array.isArray(n) ? n : [n];
+  for (let o = 0; o < e.length; o++) {
+    const x = e[o], r = t.start, u = t.end, s = x.start, i = x.end;
+    if (c(r, s) || c(r, i) || c(u, s) || c(u, i) || c(r, u))
+      continue;
+    const z = f(r, u, s), d = f(r, u, i), l = f(s, i, r), h = f(s, i, u);
+    if (z !== d && l !== h || z === 0 && a(r, u, s) || d === 0 && a(r, u, i) || l === 0 && a(s, i, r) || h === 0 && a(s, i, u))
+      return !0;
+  }
+  return !1;
+}
+function c(t, n) {
+  return t.x === n.x && t.z === n.z && t.y === n.y;
+}
+function f(t, n, e) {
+  const o = (e.z - t.z) * (n.x - t.x) - (n.z - t.z) * (e.x - t.x);
+  return o === 0 ? 0 : o < 0 ? 2 : 1;
+}
+function a(t, n, e) {
+  return n.x <= Math.max(t.x, e.x) && n.x >= Math.min(t.x, e.x) && n.z <= Math.max(t.z, e.z) && n.z >= Math.min(t.z, e.z);
+}
+export {
+  m as default
+};

package/libs/PanoMeasurePlugin/utils/line.d.ts

@@ -1,6 +1,7 @@
 import type Line from '../Model/line';
 import { Line as FiveLine } from '@realsee/five/line';
-import { Color, Texture, Vector3 } from 'three';
+import type { Texture, Vector3 } from 'three';
+import { Color } from 'three';
 type ISetMaterialOpts = Parameters<FiveLine['setMaterial']>[0];
 export interface ICreateLineOpts extends ISetMaterialOpts {
     hasPoint?: boolean;

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -228,7 +228,7 @@ class ei extends w {
         return;
       const a = e.position.map(y);
       if (e.mediaPlane && e.mediaPlane.removeFromParent(), n === "Image")
-        e.mediaPlane = new j(i, a, { objectFit: e.data.objectFit }), e.config.clickable !== !1 && this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (l) => {
+        e.mediaPlane = new j(i, a, { objectFit: e.data.objectFit }), this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (l) => {
           this.hooks.emit("click", { tag: e, target: "TagContent", event: l.origDomEvent });
         });
       else if (n === "Video") {

package/libs/base/BasePlugin.js

@@ -14,7 +14,7 @@ let n = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    e(this, "VERSION", "2.20.5");
+    e(this, "VERSION", "2.21.0-dev.0");
     e(this, "five");
     /**
      * 插件事件钩子

package/libs/floorplan/Components/RoomHighlight/Room.js

@@ -1,108 +1,108 @@
-import { SvelteComponent as D, init as q, safe_not_equal as v, append_styles as p, svg_element as I, attr as r, insert as b, listen as d, noop as c, detach as M, run_all as C } from "../../../vendor/svelte/internal/index.js";
-import { pathD as E, formatFloorplanPoint as F } from "../../utils/formatPosition.js";
-function L(e) {
-  p(e, "svelte-qq2273", "path.svelte-qq2273{--opacity:0;opacity:var(--opacity)}path.svelte-qq2273:hover{opacity:calc(var(--opacity) + 0.1)}");
+import { SvelteComponent as v, init as D, safe_not_equal as q, append_styles as p, svg_element as R, attr as f, insert as I, listen as m, noop as s, detach as b, run_all as M } from "../../../vendor/svelte/internal/index.js";
+import { pathD as C, formatFloorplanPoint as E } from "../../utils/formatPosition.js";
+function F(t) {
+  p(t, "svelte-qq2273", "path.svelte-qq2273{--opacity:0;opacity:var(--opacity)}path.svelte-qq2273:hover{opacity:calc(var(--opacity) + 0.1)}");
 }
-function P(e) {
-  let t, n, l, h;
+function L(t) {
+  let e, n, l, r;
   return {
     c() {
-      t = I("path"), r(
-        t,
+      e = R("path"), f(
+        e,
         "d",
         /*_pathD*/
-        e[5]
-      ), r(t, "fill", "#fff"), r(
-        t,
+        t[5]
+      ), f(e, "fill", "#fff"), f(
+        e,
         "style",
         /*style*/
-        e[2]
-      ), r(t, "id", n = `${/*floorIndex*/
-      e[1]}_${/*room*/
-      e[0].id}`), r(t, "class", "svelte-qq2273");
+        t[2]
+      ), f(e, "id", n = `${/*floorIndex*/
+      t[1]}_${/*room*/
+      t[0].id}`), f(e, "class", "svelte-qq2273");
     },
     m(o, a) {
-      b(o, t, a), l || (h = [
-        d(
-          t,
+      I(o, e, a), l || (r = [
+        m(
+          e,
           "mouseenter",
           /*onMouseEnter*/
-          e[3]
+          t[3]
         ),
-        d(
-          t,
+        m(
+          e,
           "mouseleave",
           /*onMouseLeave*/
-          e[4]
+          t[4]
         )
       ], l = !0);
     },
     p(o, [a]) {
       a & /*style*/
-      4 && r(
-        t,
+      4 && f(
+        e,
         "style",
         /*style*/
         o[2]
       ), a & /*floorIndex, room*/
       3 && n !== (n = `${/*floorIndex*/
       o[1]}_${/*room*/
-      o[0].id}`) && r(t, "id", n);
+      o[0].id}`) && f(e, "id", n);
     },
-    i: c,
-    o: c,
+    i: s,
+    o: s,
     d(o) {
-      o && M(t), l = !1, C(h);
+      o && b(e), l = !1, M(r);
     }
   };
 }
-function R(e, t, n) {
-  let l, h, { room: o } = t, { floorIndex: a } = t, { floorplanData: u } = t, { highlightData: s } = t, { hoveredRoom: f } = t;
-  function m() {
-    f == null || f.set(o);
+function P(t, e, n) {
+  let l, r, { room: o } = e, { floorIndex: a } = e, { floorplanData: d } = e, { hoveredRoom: h } = e, { highlightData: u } = e;
+  function c() {
+    h.set(o);
   }
   function g() {
-    f == null || f.set(void 0);
+    h.set(void 0);
   }
-  const { bounding: _ } = u, y = E(o.path, {
+  const { bounding: _ } = d, y = C(o.path, {
     needZ: !0,
-    format: (i) => F(i, _)
+    format: (i) => E(i, _)
   });
-  return e.$$set = (i) => {
-    "room" in i && n(0, o = i.room), "floorIndex" in i && n(1, a = i.floorIndex), "floorplanData" in i && n(6, u = i.floorplanData), "highlightData" in i && n(7, s = i.highlightData), "hoveredRoom" in i && n(8, f = i.hoveredRoom);
-  }, e.$$.update = () => {
-    e.$$.dirty & /*highlightData, floorIndex, room*/
-    131 && n(9, l = s[`${a}_${o.id}`]), e.$$.dirty & /*highlight*/
-    512 && n(2, h = l ? `fill: ${l.color}; --opacity: ${l.opacity}; pointer-events: ${l.disabled ? "none" : "auto"}` : null);
+  return t.$$set = (i) => {
+    "room" in i && n(0, o = i.room), "floorIndex" in i && n(1, a = i.floorIndex), "floorplanData" in i && n(6, d = i.floorplanData), "hoveredRoom" in i && n(7, h = i.hoveredRoom), "highlightData" in i && n(8, u = i.highlightData);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*highlightData, floorIndex, room*/
+    259 && n(9, l = u[`${a}_${o.id}`]), t.$$.dirty & /*highlight*/
+    512 && n(2, r = l ? `fill: ${l.color}; --opacity: ${l.opacity}; pointer-events: ${l.disabled ? "none" : "auto"}` : null);
   }, [
     o,
     a,
-    h,
-    m,
+    r,
+    c,
     g,
     y,
+    d,
+    h,
     u,
-    s,
-    f,
     l
   ];
 }
-class j extends D {
-  constructor(t) {
-    super(), q(
+class j extends v {
+  constructor(e) {
+    super(), D(
       this,
-      t,
-      R,
+      e,
       P,
-      v,
+      L,
+      q,
       {
         room: 0,
         floorIndex: 1,
         floorplanData: 6,
-        highlightData: 7,
-        hoveredRoom: 8
+        hoveredRoom: 7,
+        highlightData: 8
       },
-      L
+      F
     );
   }
 }

package/libs/floorplan/Components/RoomHighlight/RoomHighlight.js

@@ -21,7 +21,7 @@ function m(r, l) {
       ),
       hoveredRoom: (
         /*hoveredRoom*/
-        l[3]
+        l[2]
       ),
       floorIndex: (
         /*floorIndex*/
@@ -29,7 +29,7 @@ function m(r, l) {
       ),
       highlightData: (
         /*highlightData*/
-        l[2]
+        l[3]
       )
     }
   ];
@@ -60,7 +60,7 @@ function m(r, l) {
           ),
           hoveredRoom: (
             /*hoveredRoom*/
-            l[3]
+            l[2]
           ),
           floorIndex: (
             /*floorIndex*/
@@ -68,7 +68,7 @@ function m(r, l) {
           ),
           highlightData: (
             /*highlightData*/
-            l[2]
+            l[3]
           )
         }
       ]) : {};
@@ -144,10 +144,10 @@ function E(r) {
   };
 }
 function F(r, l, n) {
-  let { floorIndex: o } = l, { floorplanData: a } = l, { highlightData: s } = l, { hoveredRoom: h } = l;
+  let { floorIndex: o } = l, { floorplanData: a } = l, { hoveredRoom: s } = l, { highlightData: h } = l;
   const i = a.bounding.max.x - a.bounding.min.x, t = a.bounding.max.y - a.bounding.min.y;
   return r.$$set = (e) => {
-    "floorIndex" in e && n(0, o = e.floorIndex), "floorplanData" in e && n(1, a = e.floorplanData), "highlightData" in e && n(2, s = e.highlightData), "hoveredRoom" in e && n(3, h = e.hoveredRoom);
+    "floorIndex" in e && n(0, o = e.floorIndex), "floorplanData" in e && n(1, a = e.floorplanData), "hoveredRoom" in e && n(2, s = e.hoveredRoom), "highlightData" in e && n(3, h = e.highlightData);
   }, [
     o,
     a,
@@ -168,8 +168,8 @@ class K extends p {
       {
         floorIndex: 0,
         floorplanData: 1,
-        highlightData: 2,
-        hoveredRoom: 3
+        hoveredRoom: 2,
+        highlightData: 3
       },
       A
     );