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

package/libs/shared-utils/Object3DHelper/Base/BaseHelper.d.ts

@@ -1,15 +1,11 @@
 import type { Create3DElementReturnType } from '../../../CSS3DRenderPlugin';
 import type * as THREE from 'three';
-import { Group, Mesh, Object3D, Vector3 } from 'three';
+import type { Group, Mesh, Object3D } from 'three';
+import { Vector3 } from 'three';
 import type { Direction, Direction4 } from '../typings';
 import type { tipsDom } from '../Helper/HTML/tipsDom';
+import { IObject3D } from '../../three/IObject3D';
 type NonVoid<T> = T extends void ? never : T;
-declare class IObject3D extends Object3D {
-    constructor();
-    add(...objects: Object3D[]): this;
-    remove(...objects: Object3D[]): this;
-    removeFromParent(): this;
-}
 export declare abstract class BaseHelper<OriginObject3D extends Object3D = Object3D> extends IObject3D {
     protected originObject3D: OriginObject3D;
     protected onRender: () => any;

package/libs/shared-utils/Object3DHelper/Base/BaseHelper.js

@@ -1,36 +1,16 @@
-var a = Object.defineProperty;
-var l = (r, t, e) => t in r ? a(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var o = (r, t, e) => (l(r, typeof t != "symbol" ? t + "" : t, e), e);
-import { Vector3 as c, Object3D as p } from "three";
-import { setObjectQuaternion as h } from "../utils/setObjectQuaternion.js";
-class d extends p {
-  constructor() {
-    super();
-  }
-  add(...t) {
-    if (t.length === 0)
-      return this;
-    const e = t.filter(Boolean);
-    return super.add(...e);
-  }
-  remove(...t) {
-    if (t.length === 0)
-      return this;
-    const e = t.filter(Boolean);
-    return super.remove(...e);
-  }
-  removeFromParent() {
-    const t = this.parent;
-    return t !== null && t.remove(this), this;
-  }
-}
-class n extends d {
-  constructor(e, s) {
+var o = Object.defineProperty;
+var l = (s, r, e) => r in s ? o(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
+var a = (s, r, e) => (l(s, typeof r != "symbol" ? r + "" : r, e), e);
+import { Vector3 as p } from "three";
+import { setObjectQuaternion as c } from "../utils/setObjectQuaternion.js";
+import { IObject3D as h } from "../../three/IObject3D.js";
+class n extends h {
+  constructor(e, t) {
     var i;
     super();
-    o(this, "originObject3D");
-    o(this, "onRender");
-    this.originObject3D = e, this.onRender = (i = s == null ? void 0 : s.onRender) != null ? i : () => {
+    a(this, "originObject3D");
+    a(this, "onRender");
+    this.originObject3D = e, this.onRender = (i = t == null ? void 0 : t.onRender) != null ? i : () => {
     };
   }
   get helperObject() {
@@ -51,8 +31,8 @@ class n extends d {
   hide() {
     this.visible = !1, this.render();
   }
-  raycasterIntersectObject(e, s = []) {
-    return e.intersectObject(this, !0, s);
+  raycasterIntersectObject(e, t = []) {
+    return e.intersectObject(this, !0, t);
   }
   initialPosition() {
     this.position.add(this.originObject3D.position);
@@ -60,15 +40,15 @@ class n extends d {
   initQuaternion() {
     this.quaternion.copy(this.originObject3D.quaternion);
   }
-  applyHelperScaleMatrix4(e, s) {
+  applyHelperScaleMatrix4(e, t) {
     this.scale.applyMatrix4(e);
   }
-  setHelperQuaternion(e, s) {
-    h(this, e, s);
+  setHelperQuaternion(e, t) {
+    c(this, e, t);
   }
-  applyHelperQuaternion(e, s) {
-    if (s) {
-      const i = new c().subVectors(this.position, s).applyQuaternion(e).add(s);
+  applyHelperQuaternion(e, t) {
+    if (t) {
+      const i = new p().subVectors(this.position, t).applyQuaternion(e).add(t);
       this.position.copy(i);
     }
     this.applyQuaternion(e);
@@ -77,20 +57,20 @@ class n extends d {
     this.removeFromParent();
   }
 }
-class x extends n {
-}
 class j extends n {
 }
-class v extends n {
+class H extends n {
+}
+class O extends n {
 }
-class u extends n {
+class d extends n {
 }
-class H extends u {
+class y extends d {
 }
 export {
-  j as BoundingBoxHelperAbstract,
-  x as MoveHelperAbstract,
-  H as RectangleScaleHelperAbstract,
-  v as RotateHelperAbstract,
-  u as ScaleHelperAbstract
+  H as BoundingBoxHelperAbstract,
+  j as MoveHelperAbstract,
+  y as RectangleScaleHelperAbstract,
+  O as RotateHelperAbstract,
+  d as ScaleHelperAbstract
 };

package/libs/shared-utils/absoluteUrl.d.ts

@@ -0,0 +1,5 @@
+export declare function isAbsoluteURL(url: string): boolean;
+/**
+   * @description: 获取静态资源的url
+*/
+export declare function absoluteUrl(baseUrl: string, url: string): string;

package/libs/shared-utils/absoluteUrl.js

@@ -0,0 +1,10 @@
+function n(t) {
+  return /^https?:\/\/|^\/\//.test(t) || /^data:/.test(t);
+}
+function s(t, e) {
+  return n(e) ? e : `${t}${e}`;
+}
+export {
+  s as absoluteUrl,
+  n as isAbsoluteURL
+};

package/{dist/PanoMeasurePlugin/utils → libs/shared-utils}/getIntersectionFromEvent.d.ts

@@ -1,4 +1,4 @@
 import type Hammer from 'hammerjs';
 import type { Five, Intersection } from '@realsee/five';
 /** 通过鼠标事件或者触摸事件，获取当前点击屏幕关联的射线与模型的交点 */
-export declare function getIntersectionFromEvent(five: Five, event: typeof Hammer['Input']): Intersection[];
+export declare function getIntersectionFromEvent(five: Five, event: (typeof Hammer)['Input']): Intersection[];

package/libs/{PanoMeasurePlugin/utils → shared-utils}/getPointFromHammerEvent.d.ts

@@ -4,7 +4,7 @@ import { Vector2 } from 'three';
  * 从 Hammer 事件中获取操作的点在交互 DOM 中的位置
  * @ignore TODO: make a suitable name
  */
-export declare function getPointFromHammerEvent(event: typeof Hammer['Input']): {
+export declare function getPointFromHammerEvent(event: (typeof Hammer)['Input']): {
     point: Vector2;
     ndcPoint: Vector2;
 };

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

@@ -3,5 +3,5 @@ export * from './five';
 export * from './three';
 export * from './isNil';
 export * from './uuid';
-export * from './isAbsoluteURL';
+export * from './absoluteUrl';
 export * from './animationFrame';

package/libs/shared-utils/index.js

@@ -3,40 +3,41 @@ import { Rectangle as r } from "./math/Rectangle.js";
 import { isModelLike as e, isPanoramaLike as t } from "./five/mode.js";
 import { Magnifier as m } from "./three/Magnifier.js";
 import { getCoordsFromClient as i, getCoordsFromElement as n } from "./three/getCoords.js";
-import { getRaycasterFromFivePointer as p } from "./three/getRaycaster.js";
-import { getIntersectFromRelativePosition as f } from "./three/getIntersect.js";
-import { PointHelper as l } from "./three/PointHelper.js";
+import { getRaycasterFromFivePointer as l } from "./three/getRaycaster.js";
+import { getIntersectFromRelativePosition as p } from "./three/getIntersect.js";
+import { PointHelper as f } from "./three/PointHelper.js";
 import { PointDomHelper as a } from "./three/PointDomHelper.js";
-import { FivePointSelector as s } from "./three/FivePointSelector.js";
-import { isNil as g, notNil as F } from "./isNil.js";
-import { uuid as P } from "./uuid.js";
-import { isAbsoluteURL as c } from "./isAbsoluteURL.js";
-import { getFrameTime as d, nextFrame as u, requestAnimationFrameInterval as v } from "./animationFrame/index.js";
-import { BetterTween as b, tweenProgress as R } from "./animationFrame/BetterTween.js";
-const O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { PointSelectorHelper as s } from "./three/PointSelectorHelper.js";
+import { isNil as g, notNil as u } from "./isNil.js";
+import { uuid as F } from "./uuid.js";
+import { absoluteUrl as P, isAbsoluteURL as c } from "./absoluteUrl.js";
+import { getFrameTime as d, nextFrame as b, requestAnimationFrameInterval as v } from "./animationFrame/index.js";
+import { BetterTween as R, tweenProgress as _ } from "./animationFrame/BetterTween.js";
+const U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BetterTween: b,
-  FivePointSelector: s,
+  BetterTween: R,
   Interval: o,
   Magnifier: m,
   PointDomHelper: a,
-  PointHelper: l,
+  PointHelper: f,
+  PointSelectorHelper: s,
   Rectangle: r,
+  absoluteUrl: P,
   getCoordsFromClient: i,
   getCoordsFromElement: n,
   getFrameTime: d,
-  getIntersectFromRelativePosition: f,
-  getRaycasterFromFivePointer: p,
+  getIntersectFromRelativePosition: p,
+  getRaycasterFromFivePointer: l,
   isAbsoluteURL: c,
   isModelLike: e,
   isNil: g,
   isPanoramaLike: t,
-  nextFrame: u,
-  notNil: F,
+  nextFrame: b,
+  notNil: u,
   requestAnimationFrameInterval: v,
-  tweenProgress: R,
-  uuid: P
+  tweenProgress: _,
+  uuid: F
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  O as index
+  U as index
 };

package/libs/shared-utils/isTouchDevice.d.ts

@@ -0,0 +1 @@
+export declare const isTouchDevice: boolean;

package/libs/shared-utils/isTouchDevice.js

@@ -0,0 +1,4 @@
+const o = "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+export {
+  o as isTouchDevice
+};

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
-  console.info(
-    "%c %c@realsee/dnalogel %cv2.21.0-0",
+  console.debug(
+    "%c %c@realsee/dnalogel %cv2.21.0-dev.10",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/safeObj.d.ts

@@ -0,0 +1 @@
+export default function safeObj<T = any>(object: T): NonNullable<Extract<T, Record<any, any>>>;

package/libs/shared-utils/safeObj.js

@@ -0,0 +1,6 @@
+function r(e) {
+  return typeof e == "object" ? e === null ? {} : e : {};
+}
+export {
+  r as safeObj
+};

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

@@ -0,0 +1,7 @@
+import { Object3D } from 'three';
+export declare class IObject3D extends Object3D {
+    constructor();
+    add(...objects: Object3D[]): this;
+    remove(...objects: Object3D[]): this;
+    removeFromParent(): this;
+}

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

@@ -0,0 +1,25 @@
+import { Object3D as r } from "three";
+class s extends r {
+  constructor() {
+    super();
+  }
+  add(...e) {
+    if (e.length === 0)
+      return this;
+    const t = e.filter(Boolean);
+    return super.add(...t);
+  }
+  remove(...e) {
+    if (e.length === 0)
+      return this;
+    const t = e.filter(Boolean);
+    return super.remove(...t);
+  }
+  removeFromParent() {
+    const e = this.parent;
+    return e !== null && e.remove(this), this;
+  }
+}
+export {
+  s as IObject3D
+};

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

@@ -35,7 +35,12 @@ export declare class Magnifier {
     private hammer?;
     private state;
     constructor(five: Five, options: MagnifierParameter);
+    getCurrentState(): {
+        enabled: boolean;
+    };
     dispose(): void;
+    show(): this;
+    hide(): this;
     enable(): this;
     disable(): this;
     /** 把放大镜放到某一个容器中 */

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

@@ -1,14 +1,14 @@
-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);
+var p = Object.defineProperty;
+var P = (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) => (P(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,10 +55,19 @@ 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();
   }
+  show() {
+    return this.canvas.style.visibility = "visible", this;
+  }
+  hide() {
+    return this.canvas.style.visibility = "hidden", this;
+  }
   enable() {
     var t;
     if (!this.state.enabled)
@@ -70,8 +79,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,16 +98,16 @@ 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, v = i / t, u = o * t, y = (h.x + 1) / 2 * r.x, b = (h.y + 1) / 2 * r.y, d = this.five.getPixels(y - c / 2, b - c / 2, c, v, u), 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;
     t.classList.add("five-plugin__magnifier"), t.style.position = "absolute", t.style.pointerEvents = "all", t.style.borderRadius = "50%", t.style.zIndex = "99";
     const e = 1;
-    t.setAttribute("width", (this.width * e).toString()), t.setAttribute("height", (this.height * e).toString()), t.style.border = "2px solid rgba(255,255,255,0.20)", t.style.width = this.width + "px", t.style.height = this.height + "px", t.style.top = this.config.initialPosition.top, t.style.left = this.config.initialPosition.left, t.style.transform = "translate(0,0,100px)", this.config.dragEnabled && (this.canvas.style.cursor = "pointer");
+    t.setAttribute("width", (this.width * e).toString()), t.setAttribute("height", (this.height * e).toString()), t.style.border = "2px solid rgba(255,255,255,0.20)", t.style.width = this.width + "px", t.style.height = this.height + "px", t.style.top = this.config.initialPosition.top, t.style.left = this.config.initialPosition.left, t.style.transform = "translate(0,0,100px)", t.style.visibility = "visible", this.config.dragEnabled && (this.canvas.style.cursor = "pointer");
   }
 }
 export {

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

@@ -0,0 +1,76 @@
+import type { Five, SubscribeEventMap } from '@realsee/five';
+import { Subscribe } from '@realsee/five';
+import { PointSelectorHelper, type PointIntersection } from './PointSelectorHelper';
+interface Config {
+    /**
+     * @description: 选点的两种模式, 'fixed' 为固定选点为屏幕中心点，拖动five画布来更新点，'cursor' 为跟随鼠标移动来更新点, 'auto' 则根据设备类型自动选择
+     * @default: 'auto'
+     */
+    mode: 'fixed' | 'cursor' | 'auto';
+    pointSelectorHelperParams: ConstructorParameters<typeof PointSelectorHelper>[1];
+}
+interface EventMap extends SubscribeEventMap {
+    /**
+     * @description: 与模型交点更新时触发，移出监听范围时为null
+     */
+    intersectionUpdate: (intersection: PointIntersection | null) => void;
+    /**
+     * @description: 试图打点，返回false则不打点
+     */
+    wantsSelect: (intersection: PointIntersection) => boolean | void;
+    select: (intersection: PointIntersection) => void;
+}
+/**
+ * @description: 在屏幕上选点
+ */
+export declare class PointSelector {
+    hook: Subscribe<EventMap>;
+    get position(): PointIntersection;
+    /**
+     * @description: 不在 five canvas 上时为 true
+     */
+    outOfFive: boolean;
+    private five;
+    private hammer?;
+    private mode;
+    private pointSelectorHelper;
+    private enabled;
+    /** 长按屏幕的动作触发后为true，手指抬起后为false */
+    private pressDown;
+    constructor(five: Five, config?: Partial<Config>);
+    enable(): void;
+    disable(): void;
+    dispose(): void;
+    /**
+     * @description: 主动触发一次选点
+     * @return: select 是否成功
+     */
+    select: (intersection?: PointIntersection) => boolean;
+    /**
+     * @description: 鼠标进入five canvas时
+     */
+    private onEnter;
+    /**
+     * @description: 鼠标离开five canvas时
+     */
+    private onLeave;
+    private onTap;
+    /**
+     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
+     * 2. 如果有长按点，把长按点位置更新为当前位置
+     */
+    private onPan;
+    /**
+     * @description: 长按屏幕后，更新长按点的位置
+     */
+    private onPress;
+    /**
+     * @description: 手指抬起后，重置pressDown状态
+     */
+    private onPanEnd;
+    private intersectionOnModelUpdate;
+    private onFiveWantsPanGesture;
+    private renderScreenCenter;
+    private emitIntersectionUpdate;
+}
+export {};

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

@@ -0,0 +1,132 @@
+var c = Object.defineProperty, u = Object.defineProperties;
+var v = Object.getOwnPropertyDescriptors;
+var d = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var r = (s, e, t) => e in s ? c(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, o = (s, e) => {
+  for (var t in e || (e = {}))
+    P.call(e, t) && r(s, t, e[t]);
+  if (d)
+    for (var t of d(e))
+      S.call(e, t) && r(s, t, e[t]);
+  return s;
+}, m = (s, e) => u(s, v(e));
+var i = (s, e, t) => (r(s, typeof e != "symbol" ? e + "" : e, t), t);
+import { Subscribe as H } from "@realsee/five";
+import { PointSelectorHelper as w } from "./PointSelectorHelper.js";
+import { isTouchDevice as U } from "../isTouchDevice.js";
+import b from "hammerjs";
+import { getIntersectionFromEvent as h } from "../getIntersectionFromEvent.js";
+const n = () => !1;
+class k {
+  constructor(e, t) {
+    i(this, "hook", new H());
+    /**
+     * @description: 不在 five canvas 上时为 true
+     */
+    i(this, "outOfFive", !1);
+    i(this, "five");
+    i(this, "hammer");
+    i(this, "mode");
+    i(this, "pointSelectorHelper");
+    i(this, "enabled", !1);
+    /** 长按屏幕的动作触发后为true，手指抬起后为false */
+    i(this, "pressDown", !1);
+    /**
+     * @description: 主动触发一次选点
+     * @return: select 是否成功
+     */
+    i(this, "select", (e) => {
+      e && this.pointSelectorHelper.updateWithIntersect(e);
+      const t = this.hook.emit("wantsSelect", this.position);
+      return t || (this.pointSelectorHelper.hide(), this.hook.emit("select", this.position)), !t;
+    });
+    /**
+     * @description: 鼠标进入five canvas时
+     */
+    i(this, "onEnter", () => {
+      this.pointSelectorHelper.show(), this.outOfFive = !1, this.hook.emit("intersectionUpdate", this.position);
+    });
+    /**
+     * @description: 鼠标离开five canvas时
+     */
+    i(this, "onLeave", () => {
+      this.pointSelectorHelper.hide(), this.outOfFive = !0, this.hook.emit("intersectionUpdate", null);
+    });
+    i(this, "onTap", (e) => {
+      const [t] = h(this.five, e);
+      t != null && t.face && (this.pointSelectorHelper.updateWithIntersect(t), this.select(t));
+    });
+    /**
+     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
+     * 2. 如果有长按点，把长按点位置更新为当前位置
+     */
+    i(this, "onPan", (e) => {
+      if (!this.pressDown)
+        return;
+      const [t] = h(this.five, e);
+      t != null && t.face && this.intersectionOnModelUpdate(t);
+    });
+    /**
+     * @description: 长按屏幕后，更新长按点的位置
+     */
+    i(this, "onPress", (e) => {
+      const [t] = h(this.five, e);
+      t != null && t.face && (this.pressDown = !0, this.intersectionOnModelUpdate(t));
+    });
+    /**
+     * @description: 手指抬起后，重置pressDown状态
+     */
+    i(this, "onPanEnd", () => {
+      this.pressDown = !1, this.select();
+    });
+    i(this, "intersectionOnModelUpdate", (e) => {
+      this.pointSelectorHelper.show(), this.pointSelectorHelper.updateWithIntersect(e);
+    });
+    i(this, "onFiveWantsPanGesture", () => {
+      if (this.pressDown)
+        return !1;
+    });
+    i(this, "renderScreenCenter", () => {
+      this.pointSelectorHelper.updateByNdcPosition({ x: 0.5, y: 0.5 });
+    });
+    i(this, "emitIntersectionUpdate", (e) => {
+      this.hook.emit("intersectionUpdate", e);
+    });
+    var p, l;
+    this.five = e;
+    const a = (p = t == null ? void 0 : t.mode) != null ? p : "auto";
+    a === "auto" ? this.mode = U ? "fixed" : "cursor" : this.mode = a;
+    const f = {
+      autoFixPCPosition: this.mode === "cursor",
+      initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
+    };
+    this.pointSelectorHelper = new w(e, m(o({}, t == null ? void 0 : t.pointSelectorHelperParams), {
+      magnifierParams: o(o({}, f), (l = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : l.magnifierParams)
+    }));
+  }
+  get position() {
+    return this.outOfFive ? null : this.pointSelectorHelper.position;
+  }
+  enable() {
+    if (this.enabled)
+      return;
+    this.enabled = !0, this.pointSelectorHelper.enable();
+    const e = this.five.getElement();
+    if (!e)
+      throw new Error("five element not found");
+    this.hammer || (this.hammer = new b(e)), this.mode === "cursor" ? (this.five.on("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.five.on("wantsMoveToPano", n), this.five.on("wantsTapGesture", n), e.addEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate);
+  }
+  disable() {
+    if (!this.enabled)
+      return;
+    this.enabled = !1, this.pointSelectorHelper.disable();
+    const e = this.five.getElement();
+    this.five.off("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", n), this.five.off("wantsTapGesture", n), e == null || e.removeEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate);
+  }
+  dispose() {
+    this.disable(), this.pointSelectorHelper.dispose();
+  }
+}
+export {
+  k as PointSelector
+};

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;
+    magnifier: Magnifier | null;
+    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 {};