@realsee/dnalogel 2.20.5 → 2.21.0-dev.0

package/libs/shared-utils/three/Magnifier.js

@@ -2,13 +2,13 @@ var P = Object.defineProperty;
 var b = (s, t, e) => t in s ? P(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var a = (s, t, e) => (b(s, typeof t != "symbol" ? t + "" : t, e), e);
 import w from "hammerjs";
-import * as m from "three";
+import * as g from "three";
 import { Subscribe as D } from "@realsee/five";
 function l(s, t, e) {
   const n = s[t], i = s[e];
   !n || !i || (s[t] = i, s[e] = n);
 }
-function E(s, t, e) {
+function C(s, t, e) {
   const n = e / 2;
   for (let i = 1; i <= n; i++) {
     const h = e - (i - 1);
@@ -30,7 +30,7 @@ class H {
     a(this, "config");
     a(this, "offset", { x: 0, y: 0 });
     a(this, "context");
-    a(this, "renderCenter", new m.Vector3());
+    a(this, "renderCenter", new g.Vector3());
     a(this, "hammer");
     a(this, "state", { enabled: !1 });
     a(this, "onPan", (t) => {
@@ -55,6 +55,9 @@ class H {
       throw new Error("CANNOT CREATE CONTEXT2D");
     this.context = n, this.config.dragEnabled && (this.hammer = new w(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panend", this.onPanEnd)), this.initStyle();
   }
+  getCurrentState() {
+    return this.state;
+  }
   dispose() {
     var t;
     this.clear(), this.disable(), (t = this.hammer) == null || t.destroy();
@@ -70,8 +73,7 @@ class H {
   }
   /** 把放大镜放到某一个容器中 */
   appendTo(t) {
-    var e;
-    return this.containerDom && ((e = this.containerDom) == null || e.removeChild(this.canvas)), this.containerDom = t, this.state.enabled && t.append(this.canvas), this;
+    return this.containerDom && Array.from(this.containerDom.children).includes(this.canvas) && this.containerDom.removeChild(this.canvas), this.containerDom = t, this.state.enabled && t.append(this.canvas), this;
   }
   /** 清除放大镜渲染内容 */
   clear() {
@@ -90,10 +92,10 @@ class H {
   render() {
     if (!this.five.renderer || !this.containerDom)
       return;
-    const { scale: t, context: e, width: n, height: i } = this, h = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new m.Vector2()), o = 1, c = n / t, v = i / t, u = o * t, y = (h.x + 1) / 2 * r.x, p = (h.y + 1) / 2 * r.y, d = this.five.getPixels(y - c / 2, p - c / 2, c, v, u), f = Math.floor(n * o), x = Math.floor(i * o);
-    E(d, f, x);
-    const g = new ImageData(f, x);
-    g.data.set(d), e.putImageData(g, 0, 0);
+    const { scale: t, context: e, width: n, height: i } = this, h = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new g.Vector2()), o = 1, c = n / t, u = i / t, v = o * t, y = (h.x + 1) / 2 * r.x, p = (h.y + 1) / 2 * r.y, d = this.five.getPixels(y - c / 2, p - c / 2, c, u, v), f = Math.floor(n * o), x = Math.floor(i * o);
+    C(d, f, x);
+    const m = new ImageData(f, x);
+    m.data.set(d), e.putImageData(m, 0, 0);
   }
   initStyle() {
     const t = this.canvas;

package/libs/shared-utils/three/centerPoint.js

@@ -1,9 +1,7 @@
 import { Vector3 as r } from "three";
 function c(...t) {
   const e = new r();
-  return t.forEach((n) => {
-    e.add(n);
-  }), e.divideScalar(t.length), e;
+  return t.forEach((n) => e.add(n)), e.divideScalar(t.length), e;
 }
 export {
   c as centerPoint

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.20.5",
+  "version": "2.21.0-dev.0",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.21.4",
-    "@realsee/five": "5.0.0-alpha.198",
+    "@realsee/five": "^5.0.0-alpha.205",
     "@sveltejs/vite-plugin-svelte": "^2.1.1",
     "@tsconfig/svelte": "^4.0.1",
     "@tweenjs/tween.js": "^20.0.3",
@@ -79,7 +79,9 @@
     "vite-plugin-dts": "^2.3.0"
   },
   "dependencies": {
+    "@types/earcut": "^2.1.1",
     "animejs": "^3.2.1",
+    "earcut": "^2.2.4",
     "hammerjs": "^2.0.8",
     "tslib": "^2.5.0"
   },

package/dist/PanoMeasurePlugin/utils/distanceDom.d.ts

@@ -1,30 +0,0 @@
-import type Line from '../Model/line';
-import type { Five } from '@realsee/five';
-import { Vector3 } from 'three';
-import type { Polyline } from '../Model/polyline';
-export type DistanceItem = ReturnType<typeof createDistanceItem>;
-export interface UserDistanceItem {
-    element: Element;
-    highlight: () => void;
-    unHighlight: () => void;
-    update: (params: {
-        line: Line;
-        polyline: Polyline;
-    }) => void;
-}
-export interface CreateDistanceItemProps {
-    line: Line;
-    userDistanceItem?: UserDistanceItem;
-    clickCallback?: (item: DistanceItem) => unknown;
-}
-export declare function createDistanceItem(props: CreateDistanceItemProps): {
-    lineID: string;
-    ndcPosition: Vector3;
-    update: (five: Five) => void;
-    appendTo: (container: Element) => void;
-    remove: () => void;
-    highlight: () => void;
-    unHighlight: () => void;
-    getCurrentContent: () => string;
-    setItemSelectable: (value: boolean) => void;
-};

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

@@ -1,30 +0,0 @@
-import type Line from '../Model/line';
-import type { Five } from '@realsee/five';
-import { Vector3 } from 'three';
-import type { Polyline } from '../Model/polyline';
-export type DistanceItem = ReturnType<typeof createDistanceItem>;
-export interface UserDistanceItem {
-    element: Element;
-    highlight: () => void;
-    unHighlight: () => void;
-    update: (params: {
-        line: Line;
-        polyline: Polyline;
-    }) => void;
-}
-export interface CreateDistanceItemProps {
-    line: Line;
-    userDistanceItem?: UserDistanceItem;
-    clickCallback?: (item: DistanceItem) => unknown;
-}
-export declare function createDistanceItem(props: CreateDistanceItemProps): {
-    lineID: string;
-    ndcPosition: Vector3;
-    update: (five: Five) => void;
-    appendTo: (container: Element) => void;
-    remove: () => void;
-    highlight: () => void;
-    unHighlight: () => void;
-    getCurrentContent: () => string;
-    setItemSelectable: (value: boolean) => void;
-};

package/libs/PanoMeasurePlugin/utils/distanceDom.js

@@ -1,83 +0,0 @@
-import { Vector3 as _, Vector2 as D } from "three";
-import { isNDCPointInFront as x } from "./isNDCPointInScreen.js";
-function j() {
-  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.borderRadius = "100px", t.style.fontSize = "14px", t.style.color = "#fff", t.style.background = "rgba(195,195,195,0.70)", t.style.border = "0.5px solid rgba(255,255,255,0.6)", t.style.cursor = "pointer", t;
-}
-function V(t) {
-  const e = document.createElement("div");
-  return e.id = "distance_" + t.id, e.classList.add("five-plugin-measure__distance"), e.style.opacity = "0", e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = "0", e.style.height = "0", e.style.transform = "translate3d(0, 0, 0)", e.style.transformOrigin = "left top", e;
-}
-function q(t) {
-  let e = !0;
-  const { line: s } = t, C = s.id, r = j(), n = V(s), o = t.userDistanceItem, F = new _(0, 0, 0), E = {
-    lineID: C,
-    ndcPosition: F,
-    update: H,
-    appendTo: I,
-    remove: T,
-    highlight: S,
-    unHighlight: w,
-    getCurrentContent: P,
-    setItemSelectable: A
-  };
-  n.style.pointerEvents = e ? "all" : "none", o != null && o.element ? n.appendChild(o.element) : n.appendChild(r);
-  function v() {
-    var i;
-    (i = t.clickCallback) == null || i.call(t, E);
-  }
-  function S() {
-    if (o)
-      return o.highlight();
-    r.style.border = "0.5px solid #95AEFF", r.style.background = "linear-gradient(90deg, #95AEFF 0%, #6386FF 100%)";
-  }
-  function w() {
-    if (o)
-      return o.unHighlight();
-    r.style.border = "0.5px solid rgba(255,255,255,0.6)", r.style.background = "rgba(195,195,195,0.70)";
-  }
-  function H(i) {
-    if (s.mesh.visible === !1) {
-      n.style.opacity = "0", n.style.pointerEvents = "none";
-      return;
-    }
-    const f = i.getElement();
-    if (!f)
-      return;
-    const u = f.clientWidth, c = f.clientHeight, g = u / 2, a = c / 2;
-    if (s.points.length < 2)
-      return;
-    const [h, d] = s.points, l = h.position.clone().project(i.camera), y = d.position.clone().project(i.camera), p = l.clone().lerp(y, 0.5), m = new D(l.x * g, l.y * a), b = new D(y.x * g, y.y * a), k = m.distanceTo(b);
-    if ((() => !(Math.abs(l.z) > 1 || Math.abs(y.z) > 1 || !x(l) && !x(y) || !x(p) || k === 0))() === !1) {
-      n.style.opacity = "0", n.style.pointerEvents = "none";
-      return;
-    }
-    const L = (p.x + 1) / 2 * u, M = -(p.y - 1) / 2 * c, W = -(Math.atan((m.y - b.y) / (m.x - b.x)) * 180) / Math.PI, $ = n.parentElement && r.clientWidth > k ? -20 : 0;
-    n.style.transform = `translate(${L}px, ${M}px) rotate(${W}deg) translateY(${$}px)`, n.style.opacity = "1", n.style.pointerEvents = e ? "all" : "none", o && o.update({ line: s, polyline: s.getPolyline() });
-    const z = P();
-    r.innerText = z;
-  }
-  function I(i) {
-    i.appendChild(n), n.addEventListener("click", v);
-  }
-  function T() {
-    r.removeEventListener("click", v), n.remove();
-  }
-  function P() {
-    var h, d, l;
-    if (s.points.length < 2)
-      return "";
-    const [i, f] = s.points, u = i.position.clone().distanceTo(f.position), c = (h = t.line.text) != null ? h : t.line.model.config.defaultText, g = (l = (d = t.line.model.config) == null ? void 0 : d.getDistanceText) == null ? void 0 : l.call(d, u), a = c != null ? c : g;
-    return a != null ? a : u.toFixed(2) + "m";
-  }
-  function A(i) {
-    e = i;
-  }
-  return E;
-}
-export {
-  q as createDistanceItem
-};