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

package/libs/index.js

@@ -1,55 +1,55 @@
 import { consoleVersion as o } from "./shared-utils/logger.js";
 import { autoFixOffscreenCanvas as r } from "./shared-utils/offscreenCanvas.js";
-import { PaintBrush as Rp } from "./components/PaintBrush/index.js";
-import { PaintBrushTypeEnum as Op } from "./components/PaintBrush/typings.js";
-import { ModelViewPlugin as Sp } from "./ModelViewPlugin/Plugin.js";
-import { CSS3DRenderPlugin as Dp } from "./CSS3DRenderPlugin/index.js";
-import { PanoCursorRaycasterPlugin as bp } from "./PanoCursorRaycasterPlugin/index.js";
-import { ModelRoomLabelPlugin as Yp, modelRoomLabelPluginServerParams as vp } from "./ModelRoomLabelPlugin/index.js";
-import { FLOOR_PLAN_ATTACHED_TO as Vp } from "./floorplan/constant.js";
-import { ModelFloorplanPlugin as hp } from "./floorplan/ModelFloorplanPlugin/index.js";
-import { MapviewFloorplanPlugin as Bp } from "./floorplan/MapviewFloorplanPlugin/index.js";
-import { TopviewFloorplanPlugin as Up } from "./floorplan/TopviewFloorplanPlugin/index.js";
-import { PanoFloorplanRadarPlugin as $p } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
-import { FLOOR_TYPE_MAP as qp, ROOM_FETILE_TYPE_MAP as zp, ROOM_TYPE_MAP as Jp } from "./floorplan/typings/floorplanServerData.js";
-import { ModelChassisCompassPlugin as Qp } from "./ModelChassisCompassPlugin/Plugin.js";
-import { ModelEntryDoorGuidePlugin as Xp } from "./ModelEntryDoorGuidePlugin/Plugin.js";
-import { CameraMovementPlugin as oe } from "./CameraMovementPlugin/CameraMovementPlugin.js";
-import { CameraMovementEffect as te, Rotation as ie } from "./CameraMovementPlugin/typing.js";
-import { PanoRulerPlugin as pe } from "./PanoRulerPlugin/Plugin.js";
-import { PanoRulerProPlugin as ne } from "./PanoRulerProPlugin/index.js";
-import { PanoCompassPlugin as ae } from "./PanoCompassPlugin/index.js";
-import { PanoMeasurePlugin as ue } from "./PanoMeasurePlugin/index.js";
-import { PanoSpatialTagPlugin as xe } from "./PanoSpatialTagPlugin/Plugin.js";
-import { modelItemLabelPluginServerParams as se } from "./ModelItemLabelPlugin/index.js";
-import { ModelTVVideoPlugin as Me } from "./ModelTVVideoPlugin/Plugin.js";
-import { DIRECTION as Le } from "./ModelTVVideoPlugin/typings.js";
-import { itemLabelPluginServerParams as _e } from "./ItemLabelPlugin/index.js";
-import { PanoDoorLabelPlugin as Re } from "./PanoDoorLabelPlugin/index.js";
-import { GuideLinePlugin as Oe } from "./GuideLinePlugin/index.js";
-import { CruisePlugin as Se } from "./CruisePlugin/index.js";
-import { PanoTagPlugin as De } from "./PanoTagPlugin/index.js";
-import { Object3DHelperPlugin as be } from "./Object3DHelperPlugin/index.js";
-import { PanoVideoPlugin as Ye } from "./PanoVideoPlugin/index.js";
-import { index as ce } from "./shared-utils/index.js";
-import { CSS3DRender as Ne } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { Model as we } from "./PanoMeasurePlugin/Model/index.js";
-import { default as He } from "./PanoMeasurePlugin/Model/point.js";
-import { default as je } from "./PanoMeasurePlugin/Model/line.js";
-import { Polyline as ke } from "./PanoMeasurePlugin/Model/polyline.js";
-import { default as ze } from "./PanoMeasurePlugin/Modules/Magnifier.js";
-import { DISPLAY_STRATEGY_TYPE as Ke } from "./ModelItemLabelPlugin/typings.js";
-import { ModelItemLabelPlugin as We } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
-import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as Ze } from "./ItemLabelPlugin/typings.js";
-import { Plugin as rn } from "./ItemLabelPlugin/Plugin.js";
-import { GuideLineItem$1 as mn } from "./GuideLinePlugin/GuideLineItem/index.js";
-import { GuideLineModeItem$1 as en } from "./GuideLinePlugin/GuideLineModeItem/index.js";
-import { default as ln } from "./CruisePlugin/Controller.js";
-import { typing as Pn } from "./CruisePlugin/typing/index.js";
-import { default as fn, pluginFlag as xn } from "./PanoTagPlugin/controller/index.js";
-import { ContentType as sn, DimensionType as dn, PointType as Mn } from "./PanoTagPlugin/Archive/deprecated.js";
-import { Object3DHelperController as Ln, PLUGIN as Cn } from "./Object3DHelperPlugin/Controller.js";
-import { typings as En } from "./PanoVideoPlugin/typings/index.js";
+import { PaintBrush as Ip } from "./components/PaintBrush/index.js";
+import { PaintBrushTypeEnum as yp } from "./components/PaintBrush/typings.js";
+import { ModelViewPlugin as Ap } from "./ModelViewPlugin/Plugin.js";
+import { CSS3DRenderPlugin as Gp } from "./CSS3DRenderPlugin/index.js";
+import { PanoCursorRaycasterPlugin as Fp } from "./PanoCursorRaycasterPlugin/index.js";
+import { ModelRoomLabelPlugin as vp, modelRoomLabelPluginServerParams as cp } from "./ModelRoomLabelPlugin/index.js";
+import { FLOOR_PLAN_ATTACHED_TO as Np } from "./floorplan/constant.js";
+import { ModelFloorplanPlugin as wp } from "./floorplan/ModelFloorplanPlugin/index.js";
+import { MapviewFloorplanPlugin as Hp } from "./floorplan/MapviewFloorplanPlugin/index.js";
+import { TopviewFloorplanPlugin as jp } from "./floorplan/TopviewFloorplanPlugin/index.js";
+import { PanoFloorplanRadarPlugin as kp } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
+import { FLOOR_TYPE_MAP as zp, ROOM_FETILE_TYPE_MAP as Jp, ROOM_TYPE_MAP as Kp } from "./floorplan/typings/floorplanServerData.js";
+import { ModelChassisCompassPlugin as Wp } from "./ModelChassisCompassPlugin/Plugin.js";
+import { ModelEntryDoorGuidePlugin as Zp } from "./ModelEntryDoorGuidePlugin/Plugin.js";
+import { CameraMovementPlugin as re } from "./CameraMovementPlugin/CameraMovementPlugin.js";
+import { CameraMovementEffect as ie, Rotation as me } from "./CameraMovementPlugin/typing.js";
+import { PanoRulerPlugin as ee } from "./PanoRulerPlugin/Plugin.js";
+import { PanoRulerProPlugin as le } from "./PanoRulerProPlugin/index.js";
+import { PanoCompassPlugin as Pe } from "./PanoCompassPlugin/index.js";
+import { PanoMeasurePlugin as fe } from "./PanoMeasurePlugin/index.js";
+import { PanoSpatialTagPlugin as ge } from "./PanoSpatialTagPlugin/Plugin.js";
+import { modelItemLabelPluginServerParams as de } from "./ModelItemLabelPlugin/index.js";
+import { ModelTVVideoPlugin as Te } from "./ModelTVVideoPlugin/Plugin.js";
+import { DIRECTION as Ce } from "./ModelTVVideoPlugin/typings.js";
+import { itemLabelPluginServerParams as Ee } from "./ItemLabelPlugin/index.js";
+import { PanoDoorLabelPlugin as Ie } from "./PanoDoorLabelPlugin/index.js";
+import { GuideLinePlugin as ye } from "./GuideLinePlugin/index.js";
+import { CruisePlugin as Ae } from "./CruisePlugin/index.js";
+import { PanoTagPlugin as Ge } from "./PanoTagPlugin/index.js";
+import { Object3DHelperPlugin as Fe } from "./Object3DHelperPlugin/index.js";
+import { PanoVideoPlugin as ve } from "./PanoVideoPlugin/index.js";
+import { index as Ve } from "./shared-utils/index.js";
+import { CSS3DRender as he } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import { Model as Be } from "./PanoMeasurePlugin/Model/index.js";
+import { default as Ue } from "./PanoMeasurePlugin/Model/point.js";
+import { default as $e } from "./PanoMeasurePlugin/Model/line.js";
+import { Polyline as qe } from "./PanoMeasurePlugin/Model/polyline.js";
+import { default as Je } from "./PanoMeasurePlugin/Modules/Magnifier.js";
+import { DISPLAY_STRATEGY_TYPE as Qe } from "./ModelItemLabelPlugin/typings.js";
+import { ModelItemLabelPlugin as Xe } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as on } from "./ItemLabelPlugin/typings.js";
+import { Plugin as tn } from "./ItemLabelPlugin/Plugin.js";
+import { GuideLineItem$1 as pn } from "./GuideLinePlugin/GuideLineItem/index.js";
+import { GuideLineModeItem$1 as nn } from "./GuideLinePlugin/GuideLineModeItem/index.js";
+import { default as an } from "./CruisePlugin/Controller.js";
+import { typing as un } from "./CruisePlugin/typing/index.js";
+import { default as xn, pluginFlag as gn } from "./PanoTagPlugin/controller/index.js";
+import { ContentType as dn, DimensionType as Mn, PointType as Tn } from "./PanoTagPlugin/Archive/deprecated.js";
+import { Object3DHelperController as Cn, PLUGIN as _n } from "./Object3DHelperPlugin/Controller.js";
+import { typings as Rn } from "./PanoVideoPlugin/typings/index.js";
 import "./components/PaintBrush/Controller.js";
 import "./components/PaintBrush/utils.js";
 import "./components/PaintBrush/tween.js";
@@ -176,7 +176,6 @@ import "./PanoMeasurePlugin/utils/isIntersecting.js";
 import "./shared-utils/three/PointSelector.js";
 import "./shared-utils/three/PointSelectorHelper.js";
 import "./shared-utils/three/Magnifier.js";
-import "./shared-utils/three/getIntersect.js";
 import "./shared-utils/three/PointHelper.js";
 import "./shared-utils/three/Assets/index.js";
 import "./shared-utils/three/PointDomHelper.js";
@@ -184,6 +183,7 @@ import "./PanoMeasurePlugin/Modules/rangePiece/html.js";
 import "./shared-utils/isTouchDevice.js";
 import "./shared-utils/getIntersectionFromEvent.js";
 import "./shared-utils/getPointFromHammerEvent.js";
+import "./shared-utils/three/getIntersect.js";
 import "./PanoMeasurePlugin/Modules/DeleteDom/index.js";
 import "./PanoMeasurePlugin/Modules/DeleteDom/_Assets/delete.svg.js";
 import "./PanoMeasurePlugin/Modules/DeleteDom/_Assets/delete_bg.png.js";
@@ -214,6 +214,8 @@ import "./PanoMeasurePlugin/Components/Controller1.js";
 import "./PanoMeasurePlugin/Components/Common/Switcher1.js";
 import "./PanoMeasurePlugin/Components/Common/CircleButton.js";
 import "./PanoMeasurePlugin/Modules/GuideController.js";
+import "./vendor/object-assign-deep/objectAssignDeep.js";
+import "./PanoMeasurePlugin/Components/Tip.js";
 import "./PanoMeasurePlugin/Controller/ShortcutKeyController.js";
 import "./shared-utils/safeObj.js";
 import "./PanoSpatialTagPlugin/Components/origins.js";
@@ -240,7 +242,6 @@ import "./PanoDoorLabelPlugin/BaseController.js";
 import "./PanoDoorLabelPlugin/DoorLabelItem.js";
 import "./PanoDoorLabelPlugin/utils.js";
 import "./GuideLinePlugin/Controller.js";
-import "./vendor/object-assign-deep/objectAssignDeep.js";
 import "./shared-utils/log.js";
 import "./GuideLinePlugin/utils/createLineGeometry.js";
 import "./vendor/polyline-normals/index.js";
@@ -393,62 +394,62 @@ import "./shared-utils/three/getRaycaster.js";
 r();
 o();
 export {
-  Ne as CSS3DRender,
-  Dp as CSS3DRenderPlugin,
-  te as CameraMovementEffect,
-  oe as CameraMovementPlugin,
-  sn as ContentType,
-  Se as CruisePlugin,
-  ln as CruisePluginController,
-  Pn as CruisePluginTypes,
-  Le as DIRECTION,
-  Ke as DISPLAY_STRATEGY_TYPE,
-  dn as DimensionType,
-  Vp as FLOOR_PLAN_ATTACHED_TO,
-  qp as FLOOR_TYPE_MAP,
-  mn as GuideLineItem,
-  en as GuideLineModeItem,
-  Oe as GuideLinePlugin,
-  Ze as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
-  rn as ItemLabelPlugin,
-  ze as Magnifier,
-  Bp as MapviewFloorplanPlugin,
-  Qp as ModelChassisCompassPlugin,
-  Xp as ModelEntryDoorGuidePlugin,
-  hp as ModelFloorplanPlugin,
-  We as ModelItemLabelPlugin,
-  Yp as ModelRoomLabelPlugin,
-  Me as ModelTVVideoPlugin,
-  Sp as ModelViewPlugin,
-  Ln as Object3DHelperController,
-  be as Object3DHelperPlugin,
-  Cn as PLUGIN,
-  Rp as PaintBrush,
-  Op as PaintBrushTypeEnum,
-  ae as PanoCompassPlugin,
-  bp as PanoCursorRaycasterPlugin,
-  Re as PanoDoorLabelPlugin,
-  $p as PanoFloorplanRadarPlugin,
-  ue as PanoMeasurePlugin,
-  je as PanoMeasurePluginLine,
-  we as PanoMeasurePluginModel,
-  He as PanoMeasurePluginPoint,
-  ke as PanoMeasurePluginPolyline,
-  pe as PanoRulerPlugin,
-  ne as PanoRulerProPlugin,
-  xe as PanoSpatialTagPlugin,
-  De as PanoTagPlugin,
-  fn as PanoTagPluginController,
-  Ye as PanoVideoPlugin,
-  En as PanoVideoPluginType,
-  Mn as PointType,
-  zp as ROOM_FETILE_TYPE_MAP,
-  Jp as ROOM_TYPE_MAP,
-  ie as Rotation,
-  Up as TopviewFloorplanPlugin,
-  ce as Util,
-  _e as itemLabelPluginServerParams,
-  se as modelItemLabelPluginServerParams,
-  vp as modelRoomLabelPluginServerParams,
-  xn as pluginFlag
+  he as CSS3DRender,
+  Gp as CSS3DRenderPlugin,
+  ie as CameraMovementEffect,
+  re as CameraMovementPlugin,
+  dn as ContentType,
+  Ae as CruisePlugin,
+  an as CruisePluginController,
+  un as CruisePluginTypes,
+  Ce as DIRECTION,
+  Qe as DISPLAY_STRATEGY_TYPE,
+  Mn as DimensionType,
+  Np as FLOOR_PLAN_ATTACHED_TO,
+  zp as FLOOR_TYPE_MAP,
+  pn as GuideLineItem,
+  nn as GuideLineModeItem,
+  ye as GuideLinePlugin,
+  on as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
+  tn as ItemLabelPlugin,
+  Je as Magnifier,
+  Hp as MapviewFloorplanPlugin,
+  Wp as ModelChassisCompassPlugin,
+  Zp as ModelEntryDoorGuidePlugin,
+  wp as ModelFloorplanPlugin,
+  Xe as ModelItemLabelPlugin,
+  vp as ModelRoomLabelPlugin,
+  Te as ModelTVVideoPlugin,
+  Ap as ModelViewPlugin,
+  Cn as Object3DHelperController,
+  Fe as Object3DHelperPlugin,
+  _n as PLUGIN,
+  Ip as PaintBrush,
+  yp as PaintBrushTypeEnum,
+  Pe as PanoCompassPlugin,
+  Fp as PanoCursorRaycasterPlugin,
+  Ie as PanoDoorLabelPlugin,
+  kp as PanoFloorplanRadarPlugin,
+  fe as PanoMeasurePlugin,
+  $e as PanoMeasurePluginLine,
+  Be as PanoMeasurePluginModel,
+  Ue as PanoMeasurePluginPoint,
+  qe as PanoMeasurePluginPolyline,
+  ee as PanoRulerPlugin,
+  le as PanoRulerProPlugin,
+  ge as PanoSpatialTagPlugin,
+  Ge as PanoTagPlugin,
+  xn as PanoTagPluginController,
+  ve as PanoVideoPlugin,
+  Rn as PanoVideoPluginType,
+  Tn as PointType,
+  Jp as ROOM_FETILE_TYPE_MAP,
+  Kp as ROOM_TYPE_MAP,
+  me as Rotation,
+  jp as TopviewFloorplanPlugin,
+  Ve as Util,
+  Ee as itemLabelPluginServerParams,
+  de as modelItemLabelPluginServerParams,
+  cp as modelRoomLabelPluginServerParams,
+  gn as pluginFlag
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv2.21.0-dev.10",
+    "%c %c@realsee/dnalogel %cv2.21.0-dev.12",
     [
       "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/three/PointSelector.d.ts

@@ -1,6 +1,7 @@
 import type { Five, SubscribeEventMap } from '@realsee/five';
 import { Subscribe } from '@realsee/five';
 import { PointSelectorHelper, type PointIntersection } from './PointSelectorHelper';
+import { Vector3 } from 'three';
 interface Config {
     /**
      * @description: 选点的两种模式, 'fixed' 为固定选点为屏幕中心点，拖动five画布来更新点，'cursor' 为跟随鼠标移动来更新点, 'auto' 则根据设备类型自动选择
@@ -12,8 +13,9 @@ interface Config {
 interface EventMap extends SubscribeEventMap {
     /**
      * @description: 与模型交点更新时触发，移出监听范围时为null
+     * @param isAdhered 是否为吸附的点
      */
-    intersectionUpdate: (intersection: PointIntersection | null) => void;
+    intersectionUpdate: (intersection: PointIntersection | null, isAdhered?: boolean) => void;
     /**
      * @description: 试图打点，返回false则不打点
      */
@@ -37,10 +39,15 @@ export declare class PointSelector {
     private enabled;
     /** 长按屏幕的动作触发后为true，手指抬起后为false */
     private pressDown;
+    /** 一组吸附的点，光标靠近这些点时，会将helper以及放大镜的位置设置为这些点 */
+    private adherePoints;
+    /** 吸附点的半径 */
+    private adherePointsRadius;
     constructor(five: Five, config?: Partial<Config>);
     enable(): void;
     disable(): void;
     dispose(): void;
+    setAdherePoints(points: Vector3[] | Vector3 | null, radius?: number): void;
     /**
      * @description: 主动触发一次选点
      * @return: select 是否成功
@@ -69,6 +76,15 @@ export declare class PointSelector {
      */
     private onPanEnd;
     private intersectionOnModelUpdate;
+    private updateByMousePosition;
+    /**
+     * @description: 根据鼠标位置更新helper位置
+     */
+    private updateByNdcPosition;
+    /**
+     * @description: 更新 pointSelectorHelper 的焦点位置
+     */
+    private updatePointSelectorHelperIntersect;
     private onFiveWantsPanGesture;
     private renderScreenCenter;
     private emitIntersectionUpdate;

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

@@ -1,23 +1,25 @@
-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) => {
+var u = Object.defineProperty, v = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var p = (s, e, t) => e in s ? u(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, a = (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]);
+    S.call(e, t) && p(s, t, e[t]);
+  if (m)
+    for (var t of m(e))
+      w.call(e, t) && p(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);
+}, l = (s, e) => v(s, P(e));
+var i = (s, e, t) => (p(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 {
+import { PointSelectorHelper as y } from "./PointSelectorHelper.js";
+import { isTouchDevice as b } from "../isTouchDevice.js";
+import U from "hammerjs";
+import { getIntersectionFromEvent as d } from "../getIntersectionFromEvent.js";
+import { Vector3 as E, Object3D as F, Face3 as I, Vector2 as M, Raycaster as O } from "three";
+import { getIntersectFromRelativePosition as k } from "./getIntersect.js";
+const c = () => !1;
+class W {
   constructor(e, t) {
     i(this, "hook", new H());
     /**
@@ -31,12 +33,16 @@ class k {
     i(this, "enabled", !1);
     /** 长按屏幕的动作触发后为true，手指抬起后为false */
     i(this, "pressDown", !1);
+    /** 一组吸附的点，光标靠近这些点时，会将helper以及放大镜的位置设置为这些点 */
+    i(this, "adherePoints", null);
+    /** 吸附点的半径 */
+    i(this, "adherePointsRadius", 0.1);
     /**
      * @description: 主动触发一次选点
      * @return: select 是否成功
      */
     i(this, "select", (e) => {
-      e && this.pointSelectorHelper.updateWithIntersect(e);
+      e && this.updatePointSelectorHelperIntersect(e);
       const t = this.hook.emit("wantsSelect", this.position);
       return t || (this.pointSelectorHelper.hide(), this.hook.emit("select", this.position)), !t;
     });
@@ -53,8 +59,8 @@ class k {
       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));
+      const [t] = d(this.five, e);
+      t != null && t.face && this.select(t);
     });
     /**
      * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
@@ -63,14 +69,14 @@ class k {
     i(this, "onPan", (e) => {
       if (!this.pressDown)
         return;
-      const [t] = h(this.five, e);
+      const [t] = d(this.five, e);
       t != null && t.face && this.intersectionOnModelUpdate(t);
     });
     /**
      * @description: 长按屏幕后，更新长按点的位置
      */
     i(this, "onPress", (e) => {
-      const [t] = h(this.five, e);
+      const [t] = d(this.five, e);
       t != null && t.face && (this.pressDown = !0, this.intersectionOnModelUpdate(t));
     });
     /**
@@ -80,29 +86,62 @@ class k {
       this.pressDown = !1, this.select();
     });
     i(this, "intersectionOnModelUpdate", (e) => {
-      this.pointSelectorHelper.show(), this.pointSelectorHelper.updateWithIntersect(e);
+      this.pointSelectorHelper.show(), this.updatePointSelectorHelperIntersect(e);
+    });
+    i(this, "updateByMousePosition", (e) => {
+      const t = this.five.getElement();
+      if (!t)
+        return;
+      const { clientX: o, clientY: r } = e, n = {
+        x: o / t.clientWidth,
+        y: 1 - r / t.clientHeight
+      };
+      this.updateByNdcPosition(n);
+    });
+    /**
+     * @description: 根据鼠标位置更新helper位置
+     */
+    i(this, "updateByNdcPosition", (e) => {
+      const t = k(this.five, e), o = (() => t ? l(a({}, t), { isVirtual: !1 }) : l(a({}, G(this.five, e)), { isVirtual: !0 }))();
+      this.updatePointSelectorHelperIntersect(o);
+    });
+    /**
+     * @description: 更新 pointSelectorHelper 的焦点位置
+     */
+    i(this, "updatePointSelectorHelperIntersect", (e) => {
+      var r;
+      const t = a({}, e);
+      let o = !1;
+      if (((r = this.adherePoints) == null ? void 0 : r.length) > 0 && typeof this.adherePointsRadius == "number") {
+        for (const n of this.adherePoints)
+          if (n.distanceTo(e.point) < this.adherePointsRadius) {
+            t.point = n.clone(), o = !0;
+            break;
+          }
+      }
+      this.pointSelectorHelper.updateWithIntersect(t, { emitEvent: !1 }), this.hook.emit("intersectionUpdate", t, o);
     });
     i(this, "onFiveWantsPanGesture", () => {
       if (this.pressDown)
         return !1;
     });
     i(this, "renderScreenCenter", () => {
-      this.pointSelectorHelper.updateByNdcPosition({ x: 0.5, y: 0.5 });
+      this.updateByNdcPosition({ x: 0.5, y: 0.5 });
     });
     i(this, "emitIntersectionUpdate", (e) => {
       this.hook.emit("intersectionUpdate", e);
     });
-    var p, l;
+    var n, h;
     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 = {
+    const o = (n = t == null ? void 0 : t.mode) != null ? n : "auto";
+    o === "auto" ? this.mode = b ? "fixed" : "cursor" : this.mode = o;
+    const r = {
       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)
-    }));
+    this.pointSelectorHelper = new y(e, l(a({}, t == null ? void 0 : t.pointSelectorHelperParams), {
+      magnifierParams: a(a({}, r), (h = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : h.magnifierParams)
+    })), this.pointSelectorHelper.hide();
   }
   get position() {
     return this.outOfFive ? null : this.pointSelectorHelper.position;
@@ -114,19 +153,35 @@ class k {
     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);
+    this.hammer || (this.hammer = new U(e)), this.mode === "cursor" ? (this.five.on("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.five.on("wantsMoveToPano", c), this.five.on("wantsTapGesture", c), e.addEventListener("mousemove", this.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.show()), 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);
+    this.five.off("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", c), this.five.off("wantsTapGesture", c), e == null || e.removeEventListener("mousemove", this.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();
   }
+  setAdherePoints(e, t) {
+    e ? this.adherePoints = Array.isArray(e) ? e : [e] : this.adherePoints = null, typeof t == "number" && (this.adherePointsRadius = t);
+  }
+}
+function x(s, e) {
+  const { x: t, y: o } = e, r = t * 2 - 1, n = o * 2 - 1, h = new M().fromArray([r, n]), f = new O();
+  return f.setFromCamera(h, s.camera), f;
+}
+function G(s, e) {
+  const t = x(s, e), o = 3, r = new E().addVectors(t.ray.origin, t.ray.direction.clone().normalize().multiplyScalar(o)), n = t.ray.direction.clone().negate();
+  return {
+    distance: o,
+    point: r,
+    object: new F(),
+    face: new I(0, 0, 0, n)
+  };
 }
 export {
-  k as PointSelector
+  W as PointSelector
 };

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

@@ -33,17 +33,8 @@ export declare class PointSelectorHelper {
     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;
+    updateWithIntersect: (intersect: Intersection, config?: {
+        emitEvent: boolean;
     }) => void;
     private abortUpdateMagnifier;
 }