@realsee/dnalogel 2.21.0-dev.0 → 2.21.0-dev.3

package/libs/shared-utils/three/PointSelectorHelper.d.ts

@@ -0,0 +1,50 @@
+import type { Five } from '@realsee/five';
+import { Subscribe } from '@realsee/five';
+import { Magnifier, PointHelper, PointDomHelper } from '.';
+import type { Intersection } from '../../typings/typings';
+interface Options {
+    magnifier: Magnifier | null;
+    magnifierParams: ConstructorParameters<typeof Magnifier>[1];
+    pointHelper: PointHelper | null;
+    pointDomHelper: PointDomHelper | null;
+}
+type EventMap = {
+    intersectionUpdate: (intersection: PointIntersection) => void;
+    /** 功能开启 */
+    enabled: () => void;
+    /** 功能关闭 */
+    disabled: () => void;
+};
+export interface PointIntersection extends Intersection {
+    isVirtual?: boolean;
+}
+export declare class PointSelectorHelper {
+    five: Five;
+    hooks: Subscribe<EventMap>;
+    position: PointIntersection | undefined;
+    private magnifier;
+    private pointHelper;
+    private pointDomHelper;
+    private state;
+    private group;
+    constructor(five: Five, options?: Partial<Options>);
+    show: () => void;
+    hide: () => void;
+    enable(): void;
+    disable(): void;
+    dispose(): void;
+    updateWithIntersect: (intersect: Intersection) => void;
+    updateByMousePosition: (mousePosition: {
+        clientX: number;
+        clientY: number;
+    }) => void;
+    /**
+     * @description: 根据鼠标位置更新helper位置
+     */
+    updateByNdcPosition: (ndcPosition: {
+        x: number;
+        y: number;
+    }) => void;
+    private abortUpdateMagnifier;
+}
+export {};

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

@@ -0,0 +1,100 @@
+var f = Object.defineProperty, u = Object.defineProperties;
+var g = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var l = (t, i, e) => i in t ? f(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, h = (t, i) => {
+  for (var e in i || (i = {}))
+    b.call(i, e) && l(t, e, i[e]);
+  if (m)
+    for (var e of m(i))
+      v.call(i, e) && l(t, e, i[e]);
+  return t;
+}, c = (t, i) => u(t, g(i));
+var r = (t, i, e) => (l(t, typeof i != "symbol" ? i + "" : i, e), e);
+import * as s from "three";
+import { Subscribe as H } from "@realsee/five";
+import { Magnifier as y } from "./Magnifier.js";
+import { getIntersectFromRelativePosition as D } from "./getIntersect.js";
+import { PointHelper as w } from "./PointHelper.js";
+import { PointDomHelper as P } from "./PointDomHelper.js";
+class E {
+  constructor(i, e) {
+    r(this, "five");
+    r(this, "hooks", new H());
+    r(this, "position");
+    r(this, "magnifier", null);
+    r(this, "pointHelper", null);
+    r(this, "pointDomHelper", null);
+    r(this, "state", { enabled: !1 });
+    r(this, "group", new s.Group());
+    r(this, "show", () => {
+      this.pointHelper.visible = !0, this.pointDomHelper.enable(), this.magnifier.canvas && (this.magnifier.canvas.style.visibility = "visible");
+    });
+    r(this, "hide", () => {
+      this.pointHelper.visible = !1, this.pointDomHelper.disable(), this.magnifier.canvas && (this.magnifier.canvas.style.visibility = "hidden");
+    });
+    r(this, "updateWithIntersect", (i) => {
+      var n;
+      this.abortUpdateMagnifier(), this.position = i, this.hooks.emit("intersectionUpdate", i), this.pointHelper.updateWithIntersect(i), (n = this.pointDomHelper) == null || n.updateWithIntersect(i);
+      const e = () => this.magnifier.renderWithPoint(i.point);
+      this.abortUpdateMagnifier = () => this.five.off("renderFrame", e), this.five.once("renderFrame", e), this.five.needsRender = !0;
+    });
+    r(this, "updateByMousePosition", (i) => {
+      const e = this.five.getElement();
+      if (!e)
+        return;
+      const { clientX: n, clientY: a } = i, o = {
+        x: n / e.clientWidth,
+        y: 1 - a / e.clientHeight
+      };
+      this.updateByNdcPosition(o);
+    });
+    /**
+     * @description: 根据鼠标位置更新helper位置
+     */
+    r(this, "updateByNdcPosition", (i) => {
+      const e = D(this.five, i);
+      if (e)
+        this.position = c(h({}, e), { isVirtual: !1 });
+      else {
+        const n = R(this.five, i);
+        this.position = c(h({}, n), { isVirtual: !0 });
+      }
+      this.updateWithIntersect(this.position);
+    });
+    r(this, "abortUpdateMagnifier", () => {
+    });
+    var n;
+    this.five = i, this.magnifier = (e == null ? void 0 : e.magnifier) !== void 0 ? e.magnifier : new y(i, (n = e == null ? void 0 : e.magnifierParams) != null ? n : { dragEnabled: !0 }), this.pointHelper = (e == null ? void 0 : e.pointHelper) !== void 0 ? e.pointHelper : new w(), this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) !== void 0 ? e.pointDomHelper : new P(i), this.group.name = "five-point-selector", this.five.scene.add(this.group), this.magnifier.appendTo(document.body);
+  }
+  enable() {
+    var i, e;
+    this.state.enabled || (this.state.enabled = !0, this.pointHelper && this.group.add(this.pointHelper), (i = this.magnifier) == null || i.enable(), (e = this.pointDomHelper) == null || e.enable(), this.five.needsRender = !0, this.hooks.emit("enabled"));
+  }
+  disable() {
+    var i, e;
+    this.state.enabled && (this.state.enabled = !1, this.pointHelper && this.group.remove(this.pointHelper), (i = this.magnifier) == null || i.disable(), (e = this.pointDomHelper) == null || e.disable(), this.hooks.emit("disabled"));
+  }
+  dispose() {
+    this.hooks.off(), this.disable(), this.magnifier = null, this.pointHelper = null, this.pointDomHelper = null;
+  }
+}
+function I(t, i) {
+  const { x: e, y: n } = i, a = e * 2 - 1, o = n * 2 - 1, p = new s.Vector2().fromArray([a, o]), d = new s.Raycaster();
+  return d.setFromCamera(p, t.camera), d;
+}
+function R(t, i) {
+  const e = I(t, i), n = 3, a = new s.Vector3().addVectors(
+    e.ray.origin,
+    e.ray.direction.clone().normalize().multiplyScalar(n)
+  ), o = e.ray.direction.clone().negate();
+  return {
+    distance: n,
+    point: a,
+    object: new s.Object3D(),
+    face: new s.Face3(0, 0, 0, o)
+  };
+}
+export {
+  E as PointSelectorHelper
+};

package/libs/shared-utils/three/index.d.ts

@@ -4,4 +4,4 @@ export * from './getRaycaster';
 export * from './getIntersect';
 export * from './PointHelper';
 export * from './PointDomHelper';
-export * from './FivePointSelector';
+export * from './PointSelectorHelper';

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.21.0-dev.0",
+  "version": "2.21.0-dev.3",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",

package/dist/shared-utils/three/FivePointSelector.d.ts

@@ -1,36 +0,0 @@
-import * as THREE from 'three';
-import type { Five } from '@realsee/five';
-import { Subscribe } from '@realsee/five';
-import { Magnifier, PointHelper, PointDomHelper } from '.';
-interface FivePointSelectorOptions {
-    magnifier: Magnifier | null;
-    pointHelper: PointHelper | null;
-    pointDomHelper: PointDomHelper | null;
-}
-export declare class FivePointSelector {
-    five: Five;
-    hooks: Subscribe<{
-        /** 点的位置发生变化 */
-        pointChanged: (data: {
-            panoIndex: number;
-            position: number[];
-            normal: number[];
-        }) => void;
-        /** 功能开启 */
-        enabled: () => void;
-        /** 功能关闭 */
-        disabled: () => void;
-    }>;
-    private magnifier;
-    private pointHelper;
-    private pointDomHelper;
-    private contentDom;
-    private state;
-    private group;
-    constructor(five: Five, options?: Partial<FivePointSelectorOptions>);
-    enable(): void;
-    disable(): void;
-    dispose(): void;
-    updateWithIntersect(intersect: THREE.Intersection): void;
-}
-export {};

package/libs/shared-utils/three/FivePointSelector.d.ts

@@ -1,36 +0,0 @@
-import * as THREE from 'three';
-import type { Five } from '@realsee/five';
-import { Subscribe } from '@realsee/five';
-import { Magnifier, PointHelper, PointDomHelper } from '.';
-interface FivePointSelectorOptions {
-    magnifier: Magnifier | null;
-    pointHelper: PointHelper | null;
-    pointDomHelper: PointDomHelper | null;
-}
-export declare class FivePointSelector {
-    five: Five;
-    hooks: Subscribe<{
-        /** 点的位置发生变化 */
-        pointChanged: (data: {
-            panoIndex: number;
-            position: number[];
-            normal: number[];
-        }) => void;
-        /** 功能开启 */
-        enabled: () => void;
-        /** 功能关闭 */
-        disabled: () => void;
-    }>;
-    private magnifier;
-    private pointHelper;
-    private pointDomHelper;
-    private contentDom;
-    private state;
-    private group;
-    constructor(five: Five, options?: Partial<FivePointSelectorOptions>);
-    enable(): void;
-    disable(): void;
-    dispose(): void;
-    updateWithIntersect(intersect: THREE.Intersection): void;
-}
-export {};

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

@@ -1,49 +0,0 @@
-var l = Object.defineProperty;
-var h = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var i = (n, t, e) => (h(n, typeof t != "symbol" ? t + "" : t, e), e);
-import * as a from "three";
-import { Subscribe as p } from "@realsee/five";
-import { Magnifier as m } from "./Magnifier.js";
-import { PointHelper as d } from "./PointHelper.js";
-import { PointDomHelper as f } from "./PointDomHelper.js";
-class D {
-  constructor(t, e) {
-    i(this, "five");
-    i(this, "hooks", new p());
-    i(this, "magnifier", null);
-    i(this, "pointHelper", null);
-    i(this, "pointDomHelper", null);
-    i(this, "contentDom", document.createElement("div"));
-    i(this, "state", { enabled: !1 });
-    i(this, "group", new a.Group());
-    this.five = t, this.magnifier = (e == null ? void 0 : e.magnifier) === void 0 ? new m(t, { dragEnabled: !0 }) : null, this.pointHelper = (e == null ? void 0 : e.pointHelper) === void 0 ? new d() : null, this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) === void 0 ? new f(t) : null, this.group.name = "five-point-selector", this.five.scene.add(this.group), this.contentDom.classList.add("five-point-selector-content"), this.contentDom.style.position = "absolute", this.contentDom.style.top = "0", this.contentDom.style.left = "0", this.contentDom.style.width = "100%", this.contentDom.style.height = "100%", this.contentDom.style.pointerEvents = "none";
-  }
-  enable() {
-    var t, e;
-    this.state.enabled || (this.state.enabled = !0, this.pointHelper && this.group.add(this.pointHelper), (t = this.magnifier) == null || t.enable(), (e = this.pointDomHelper) == null || e.enable(), this.five.needsRender = !0, this.hooks.emit("enabled"));
-  }
-  disable() {
-    var t, e;
-    this.state.enabled && (this.state.enabled = !1, this.pointHelper && this.group.remove(this.pointHelper), (t = this.magnifier) == null || t.disable(), (e = this.pointDomHelper) == null || e.disable(), this.hooks.emit("disabled"));
-  }
-  dispose() {
-    this.hooks.off(), this.disable(), this.magnifier = null, this.pointHelper = null, this.pointDomHelper = null;
-  }
-  updateWithIntersect(t) {
-    var s;
-    this.hooks.emit("pointChanged", {
-      panoIndex: this.five.getCurrentState().panoIndex,
-      position: t.point.toArray(),
-      normal: (s = t.face) == null ? void 0 : s.normal.toArray()
-    });
-    const e = this.magnifier;
-    e && e.renderWithPoint(t.point);
-    const o = this.pointHelper;
-    o && o.updateWithIntersect(t);
-    const r = this.pointDomHelper;
-    r && r.updateWithIntersect(t), this.five.needsRender = !0;
-  }
-}
-export {
-  D as FivePointSelector
-};