@realsee/dnalogel 2.21.1 → 2.22.0-dev.0

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

@@ -0,0 +1,78 @@
+var h = Object.defineProperty;
+var d = (e, t, i) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var n = (e, t, i) => (d(e, typeof t != "symbol" ? t + "" : t, i), i);
+import { isNDCPointInFront as y } from "../isNDCPointInScreen.js";
+function m(e) {
+  const t = document.createElement("div");
+  return t.setAttribute(
+    "style",
+    "backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);-webkit-tap-highlight-color: rgba(0,0,0,0);"
+  ), t.style.width = "max-content", t.style.padding = "3px 6px", t.style.lineHeight = "1", t.style.textAlign = "center", t.style.transform = "translate(-50%, -50%)", t.style.fontSize = "14px", t.style.color = "#fff", t.style.cursor = "pointer", t.style.userSelect = "none", e != null && e.style && Object.assign(t.style, e == null ? void 0 : e.style), t;
+}
+function D(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.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", e != null && e.style && Object.assign(t.style, e.style), t;
+}
+class u {
+  constructor(t) {
+    n(this, "ndcPosition");
+    n(this, "contentDom");
+    n(this, "containerDom");
+    n(this, "params");
+    n(this, "canSelected");
+    n(this, "handleClick", (t) => {
+      var i, o;
+      (o = (i = this.params).clickCallback) == null || o.call(i, t, this);
+    });
+    this.params = t, this.contentDom = m({ style: t.contentStyle }), this.containerDom = D({ style: t.containerStyle }), 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.visibility = "visible";
+  }
+  hide() {
+    this.containerDom.style.visibility = "hidden";
+  }
+  tempHide() {
+    this.containerDom.style.opacity = "0";
+  }
+  tempShow() {
+    this.containerDom.style.opacity = "1";
+  }
+  /**
+   * @description: camera update 的时候，更新dom的位置
+   */
+  updateDomPosition(t) {
+    if (!this.ndcPosition) {
+      this.tempHide();
+      return;
+    }
+    const i = t.getElement();
+    if (!i)
+      return;
+    const o = i.clientWidth, l = i.clientHeight, s = this.ndcPosition.clone().project(t.camera);
+    if (!y(s)) {
+      this.tempHide();
+      return;
+    }
+    const c = (s.x + 1) / 2 * o, r = -(s.y - 1) / 2 * l;
+    this.containerDom.style.transform = `translate(${c}px, ${r}px)`, this.tempShow();
+  }
+}
+export {
+  u 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,63 @@
+var $ = Object.defineProperty, j = Object.defineProperties;
+var w = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
+var H = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
+var u = (e, n, t) => n in e ? $(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, b = (e, n) => {
+  for (var t in n || (n = {}))
+    H.call(n, t) && u(e, t, n[t]);
+  if (P)
+    for (var t of P(n))
+      z.call(n, t) && u(e, t, n[t]);
+  return e;
+}, y = (e, n) => j(e, w(n));
+var C = (e, n, t) => (u(e, typeof n != "symbol" ? n + "" : n, t), t);
+import { ItemDom as F } from "./base.js";
+import { Vector2 as I } from "three";
+import { isNDCPointInFront as g } from "../isNDCPointInScreen.js";
+import { centerPoint as Y } from "../../../shared-utils/three/centerPoint.js";
+class A extends F {
+  constructor(t) {
+    var o;
+    t.contentStyle = y(b({}, t.contentStyle), {
+      background: "rgba(195,195,195,0.70)",
+      border: "0.5px solid rgba(255,255,255,0.6)",
+      borderRadius: "999px"
+    });
+    super(t);
+    C(this, "line");
+    this.line = t.line, (o = this.params.userDistanceItem) != null && o.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 o = t.getElement();
+    if (!o)
+      return;
+    const a = o.clientWidth, r = o.clientHeight, d = a / 2, c = r / 2;
+    if (this.line.points.length < 2)
+      return;
+    const [l, h] = this.line.points, i = l.position.clone().project(t.camera), s = h.position.clone().project(t.camera), m = Y(l.position, h.position).clone().project(t.camera), p = new I(i.x * d, i.y * c), f = new I(s.x * d, s.y * c), x = p.distanceTo(f);
+    if ((() => !(Math.abs(i.z) > 1 || Math.abs(s.z) > 1 || !g(i) && !g(s) || !g(m) || x === 0))() === !1) {
+      this.hide();
+      return;
+    }
+    const S = (m.x + 1) / 2 * a, E = -(m.y - 1) / 2 * r, M = -(Math.atan((p.y - f.y) / (p.x - f.x)) * 180) / Math.PI, T = this.containerDom.parentElement && this.contentDom.clientWidth > x ? -20 : 0;
+    this.containerDom.style.transform = `translate(${S}px, ${E}px) rotate(${M}deg) translateY(${T}px)`, this.show(), (D = this.params.userDistanceItem) == null || D.update({ line: this.line, polyline: this.line.getPolyline() });
+    const W = this.getCurrentContent();
+    this.contentDom.innerText = W;
+  }
+  /** 获取内容文本 */
+  getCurrentContent() {
+    var l, h, i, s;
+    if (this.line.points.length < 2)
+      return "";
+    const [t, o] = this.line.points, a = t.position.clone().distanceTo(o.position), r = (h = this.line.text) != null ? h : (l = this.line.model.config) == null ? void 0 : l.defaultText, d = (s = (i = this.line.model.config) == null ? void 0 : i.getDistanceText) == null ? void 0 : s.call(i, a), c = r != null ? r : d;
+    return c != null ? c : a.toFixed(2) + "m";
+  }
+}
+export {
+  A 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 r from "three";
+import u from "earcut";
+function m(i) {
+  const t = [...new Set(i)];
+  if (t.length < 3)
+    return;
+  t.at(-1).equals(t[0]) || t.push(t[0]);
+  const n = t.flatMap((o) => [o.x, o.y, o.z]), s = new r.Float32BufferAttribute(n, 3), a = u(n, void 0, 3), e = new r.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;
+} | void;

package/libs/PanoMeasurePlugin/utils/geometryUtil.js

@@ -0,0 +1,39 @@
+import { Vector3 as l } from "three";
+import { centerPoint as A } from "../../shared-utils/three/centerPoint.js";
+function w(r) {
+  return a(r).reduce((e, [n, i, o]) => e + u(n, i, o), 0);
+}
+function b(r) {
+  const t = a(r);
+  if (t.length === 0)
+    return;
+  let e = 0, n = new l();
+  for (const [i, o, c] of t) {
+    const s = u(i, o, c), g = d(i, o, c, s);
+    e += s, n.add(g);
+  }
+  return n = n.divideScalar(e), { center: n, area: e };
+}
+function u(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 : u(r, t, e);
+  return A(r, t, e).multiplyScalar(i);
+}
+function a(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 l().fromArray([t.getX(c), t.getY(c), t.getZ(c)]), m = new l().fromArray([t.getX(s), t.getY(s), t.getZ(s)]), p = new l().fromArray([t.getX(g), t.getY(g), t.getZ(g)]);
+    n.push([f, m, p]);
+  }
+  return n;
+}
+export {
+  w as getGeometryArea,
+  b 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/PanoMeasurePlugin/utils/ndc2Screen.d.ts

@@ -1,4 +1,5 @@
-import { Vector2, Vector3 } from 'three';
+import { Vector2 } from 'three';
+import type { Vector3 } from 'three';
 export default function ndc2Screen(ndcPosition: Vector3, containerSize: {
     width: number;
     height: number;

package/libs/PanoTagPlugin/controller/index.d.ts

@@ -1,8 +1,9 @@
-import type { Tag, TagId, Tags, TagInstance, State, AddTagConfig, LoadTagConfig, ContentTypeConfigKey, TagConfig, PartialObjectDeep } from '../typings';
+import type { Tag, TagId, Tags, TagInstance, State, AddTagConfig, LoadTagConfig, ContentTypeConfigKey, TagConfig } from '../typings';
 import type { PickTagContentTypeInContentTypeConfigKey, TagContentType } from '..';
 import type { ArrayPosition } from '../typings';
 import { type Five } from '@realsee/five';
 import { TagRender } from './TagRender';
+import type { PartialObjectDeep } from '../../typings/typings';
 export declare const pluginFlag: (name: string) => string;
 declare class PanoTagPluginController extends TagRender {
     /** state */

package/libs/PanoTagPlugin/typings/tag/TagConfig.d.ts

@@ -2,8 +2,8 @@ import type { Create3DDomContainerParamsType } from '../../../CSS3DRenderPlugin/
 import type { Five, Mode } from '@realsee/five';
 import type { ContentTypeMap, TagContentType } from './TagData';
 import type { MinMax } from './Utils';
-import type { PartialObjectDeep } from './Utils';
 import type { TagInstance } from './TagInstance';
+import type { PartialObjectDeep } from '../../../typings/typings';
 type ConfigFunction = (five: Five, tagState: {
     tag: TagInstance<any>;
     /** 标签点或中心点的到摄像机的距离 */

package/libs/PanoTagPlugin/typings/tag/TagInstance.d.ts

@@ -1,7 +1,7 @@
 import type { Tag } from './Tag';
 import type TagContentSvelte from '../../Components/Tag/index.svelte';
 import type { TagContentType } from './TagData';
-import type { PartialObjectDeep, StickType, TagGLTFObject } from './Utils';
+import type { StickType, TagGLTFObject } from './Utils';
 import type { Create3DDomContainerReturnType } from '../../../CSS3DRenderPlugin';
 import type { Vector3 } from 'three';
 import type { ImagePlane, VideoPlane } from '../../utils/model/mediaPlane';
@@ -9,6 +9,7 @@ import type { TagEvents } from '../controller';
 import type { TagConfig } from './TagConfig';
 import type { Subscribe } from '@realsee/five';
 import type { SetRequired } from 'type-fest';
+import type { PartialObjectDeep } from '../../../typings/typings';
 type RequiredTag<C extends TagContentType = TagContentType, S extends StickType = StickType> = SetRequired<Tag<C, S>, 'id' | 'data' | 'enabled' | 'config' | 'stickType' | 'contentType'>;
 export type TagInstance<C extends TagContentType = TagContentType, S extends StickType = StickType> = RequiredTag<C, S> & Partial<{
     screenPosition: {

package/libs/PanoTagPlugin/typings/tag/Utils.d.ts

@@ -2,16 +2,12 @@ import type { GLTFObject } from '@realsee/five/gltf-loader';
 import type { Group } from 'three';
 import type { TagContentType } from './TagData';
 import type { ImagePlane } from '../../utils/model/mediaPlane';
-import type { PartialDeep } from 'type-fest';
 import type { TagInstance } from './TagInstance';
 export type TagId = string | number;
 export type ArrayPosition = number[];
 export type Position = ArrayPosition;
 export type PanoIndex = number;
 export type WorkCode = string;
-export type PartialObjectDeep<ObjectType extends object> = {
-    [KeyType in keyof ObjectType]?: PartialDeep<ObjectType[KeyType]>;
-};
 export interface MinMax {
     min?: number;
     max?: number;

package/libs/base/BasePlugin.js

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