@realsee/dnalogel 3.0.0-dev.1 → 3.0.0

package/libs/index.js

@@ -1,59 +1,59 @@
 import { consoleVersion as o } from "./shared-utils/logger.js";
 import { autoFixOffscreenCanvas as r } from "./shared-utils/offscreenCanvas.js";
-import { PaintBrush as Hp } from "./components/PaintBrush/index.js";
-import { PaintBrushTypeEnum as jp } from "./components/PaintBrush/typings.js";
-import { ModelViewPlugin as kp } from "./ModelViewPlugin/Plugin.js";
-import { CSS3DRenderPlugin as zp } from "./CSS3DRenderPlugin/index.js";
-import { PanoCursorRaycasterPlugin as Kp } from "./PanoCursorRaycasterPlugin/index.js";
-import { ModelRoomLabelPlugin as Wp, modelRoomLabelPluginServerParams as Xp } from "./ModelRoomLabelPlugin/index.js";
-import { FLOOR_PLAN_ATTACHED_TO as oe } from "./floorplan/constant.js";
-import { ModelFloorplanPlugin as te } from "./floorplan/ModelFloorplanPlugin/index.js";
-import { MapviewFloorplanPlugin as me } from "./floorplan/MapviewFloorplanPlugin/index.js";
-import { TopviewFloorplanPlugin as ee } from "./floorplan/TopviewFloorplanPlugin/index.js";
-import { PanoFloorplanRadarPlugin as le } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
-import { FLOOR_TYPE_MAP as Pe, ROOM_FETILE_TYPE_MAP as ue, ROOM_TYPE_MAP as fe } from "./floorplan/typings/floorplanServerData.js";
-import { ModelChassisCompassPlugin as ge } from "./ModelChassisCompassPlugin/Plugin.js";
-import { ModelEntryDoorGuidePlugin as de } from "./ModelEntryDoorGuidePlugin/Plugin.js";
-import { CameraMovementPlugin as Te } from "./CameraMovementPlugin/CameraMovementPlugin.js";
-import { CameraMovementEffect as Ce, Rotation as _e } from "./CameraMovementPlugin/typing.js";
-import { PanoRulerPlugin as Ie } from "./PanoRulerPlugin/Plugin.js";
-import { PanoRulerProPlugin as Oe } from "./PanoRulerProPlugin/index.js";
-import { PanoCompassPlugin as Ae } from "./PanoCompassPlugin/index.js";
-import { PanoMeasurePlugin as De } from "./PanoMeasurePlugin/index.js";
-import { PanoSpatialTagPlugin as be } from "./PanoSpatialTagPlugin/Plugin.js";
-import { modelItemLabelPluginServerParams as Ye } from "./ModelItemLabelPlugin/index.js";
-import { ModelTVVideoPlugin as ce } from "./ModelTVVideoPlugin/Plugin.js";
-import { DIRECTION as Ne } from "./ModelTVVideoPlugin/typings.js";
-import { itemLabelPluginServerParams as we } from "./ItemLabelPlugin/index.js";
-import { PanoDoorLabelPlugin as He } from "./PanoDoorLabelPlugin/index.js";
-import { GuideLinePlugin as je } from "./GuideLinePlugin/index.js";
-import { CruisePlugin as ke } from "./CruisePlugin/index.js";
-import { PanoTagPlugin as ze } from "./PanoTagPlugin/index.js";
-import { Object3DHelperPlugin as Ke } from "./Object3DHelperPlugin/index.js";
-import { PanoVideoPlugin as We } from "./PanoVideoPlugin/index.js";
-import { PipelinePlugin as Ze } from "./PipelinePlugin/index.js";
-import { AreaMakerPlugin as rn } from "./AreaMakerPlugin/index.js";
-import { CurrentPanoImagePlugin as mn } from "./CurrentPanoImagePlugin/index.js";
-import { index as en } from "./shared-utils/index.js";
-import { CSS3DRender as ln } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { Model as Pn } from "./PanoMeasurePlugin/Model/index.js";
-import { default as fn } from "./PanoMeasurePlugin/Model/point.js";
-import { default as gn } from "./PanoMeasurePlugin/Model/line.js";
-import { Polyline as dn } from "./PanoMeasurePlugin/Model/polyline.js";
-import { default as Tn } from "./PanoMeasurePlugin/Modules/Magnifier.js";
-import { DISPLAY_STRATEGY_TYPE as Cn } from "./ModelItemLabelPlugin/typings.js";
-import { ModelItemLabelPlugin as En } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
-import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as Rn } from "./ItemLabelPlugin/typings.js";
-import { Plugin as yn } from "./ItemLabelPlugin/Plugin.js";
-import { GuideLineItem$1 as Sn } from "./GuideLinePlugin/GuideLineItem/index.js";
-import { GuideLineModeItem$1 as Gn } from "./GuideLinePlugin/GuideLineModeItem/index.js";
-import { default as Fn } from "./CruisePlugin/Controller.js";
-import { typing as vn } from "./CruisePlugin/typing/index.js";
-import { default as Vn, pluginFlag as Nn } from "./PanoTagPlugin/controller/index.js";
-import { defaultGlobalConfig as wn } from "./PanoTagPlugin/typings/tag/TagConfig.js";
-import { ContentType as Hn, DimensionType as Un, PointType as jn } from "./PanoTagPlugin/Archive/deprecated.js";
-import { Object3DHelperController as kn, PLUGIN as qn } from "./Object3DHelperPlugin/Controller.js";
-import { typings as Jn } from "./PanoVideoPlugin/typings/index.js";
+import { PaintBrush as jp } from "./components/PaintBrush/index.js";
+import { PaintBrushTypeEnum as kp } from "./components/PaintBrush/typings.js";
+import { ModelViewPlugin as zp } from "./ModelViewPlugin/Plugin.js";
+import { CSS3DRenderPlugin as Kp } from "./CSS3DRenderPlugin/index.js";
+import { PanoCursorRaycasterPlugin as Wp } from "./PanoCursorRaycasterPlugin/index.js";
+import { ModelRoomLabelPlugin as Zp, modelRoomLabelPluginServerParams as oe } from "./ModelRoomLabelPlugin/index.js";
+import { FLOOR_PLAN_ATTACHED_TO as te } from "./floorplan/constant.js";
+import { ModelFloorplanPlugin as me } from "./floorplan/ModelFloorplanPlugin/index.js";
+import { MapviewFloorplanPlugin as ee } from "./floorplan/MapviewFloorplanPlugin/index.js";
+import { TopviewFloorplanPlugin as le } from "./floorplan/TopviewFloorplanPlugin/index.js";
+import { PanoFloorplanRadarPlugin as Pe } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
+import { FLOOR_TYPE_MAP as fe, ROOM_FETILE_TYPE_MAP as xe, ROOM_TYPE_MAP as ge } from "./floorplan/typings/floorplanServerData.js";
+import { ModelChassisCompassPlugin as de } from "./ModelChassisCompassPlugin/Plugin.js";
+import { ModelEntryDoorGuidePlugin as Te } from "./ModelEntryDoorGuidePlugin/Plugin.js";
+import { CameraMovementPlugin as Ce } from "./CameraMovementPlugin/CameraMovementPlugin.js";
+import { CameraMovementEffect as Ee, Rotation as Ie } from "./CameraMovementPlugin/typing.js";
+import { PanoRulerPlugin as Oe } from "./PanoRulerPlugin/Plugin.js";
+import { PanoRulerProPlugin as Ae } from "./PanoRulerProPlugin/index.js";
+import { PanoCompassPlugin as De } from "./PanoCompassPlugin/index.js";
+import { PanoMeasurePlugin as be } from "./PanoMeasurePlugin/index.js";
+import { PanoSpatialTagPlugin as Ye } from "./PanoSpatialTagPlugin/Plugin.js";
+import { modelItemLabelPluginServerParams as ce } from "./ModelItemLabelPlugin/index.js";
+import { ModelTVVideoPlugin as Ne } from "./ModelTVVideoPlugin/Plugin.js";
+import { DIRECTION as we } from "./ModelTVVideoPlugin/typings.js";
+import { itemLabelPluginServerParams as He } from "./ItemLabelPlugin/index.js";
+import { PanoDoorLabelPlugin as je } from "./PanoDoorLabelPlugin/index.js";
+import { GuideLinePlugin as ke } from "./GuideLinePlugin/index.js";
+import { CruisePlugin as ze } from "./CruisePlugin/index.js";
+import { PanoTagPlugin as Ke } from "./PanoTagPlugin/index.js";
+import { Object3DHelperPlugin as We } from "./Object3DHelperPlugin/index.js";
+import { PanoVideoPlugin as Ze } from "./PanoVideoPlugin/index.js";
+import { PipelinePlugin as rn } from "./PipelinePlugin/index.js";
+import { AreaMakerPlugin as mn } from "./AreaMakerPlugin/index.js";
+import { CurrentPanoImagePlugin as en } from "./CurrentPanoImagePlugin/index.js";
+import { index as ln } from "./shared-utils/index.js";
+import { CSS3DRender as Pn } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import { Model as fn } from "./PanoMeasurePlugin/Model/index.js";
+import { default as gn } from "./PanoMeasurePlugin/Model/point.js";
+import { default as dn } from "./PanoMeasurePlugin/Model/line.js";
+import { Polyline as Tn } from "./PanoMeasurePlugin/Model/polyline.js";
+import { default as Cn } from "./PanoMeasurePlugin/Modules/Magnifier.js";
+import { DISPLAY_STRATEGY_TYPE as En } from "./ModelItemLabelPlugin/typings.js";
+import { ModelItemLabelPlugin as Rn } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as yn } from "./ItemLabelPlugin/typings.js";
+import { Plugin as Sn } from "./ItemLabelPlugin/Plugin.js";
+import { GuideLineItem$1 as Gn } from "./GuideLinePlugin/GuideLineItem/index.js";
+import { GuideLineModeItem$1 as Fn } from "./GuideLinePlugin/GuideLineModeItem/index.js";
+import { default as vn } from "./CruisePlugin/Controller.js";
+import { typing as Vn } from "./CruisePlugin/typing/index.js";
+import { default as hn, pluginFlag as wn } from "./PanoTagPlugin/controller/index.js";
+import { defaultGlobalConfig as Hn } from "./PanoTagPlugin/typings/tag/TagConfig.js";
+import { ContentType as jn, DimensionType as $n, PointType as kn } from "./PanoTagPlugin/Archive/deprecated.js";
+import { Object3DHelperController as zn, PLUGIN as Jn } from "./Object3DHelperPlugin/Controller.js";
+import { typings as Qn } from "./PanoVideoPlugin/typings/index.js";
 import "./components/PaintBrush/Controller.js";
 import "./components/PaintBrush/utils.js";
 import "./components/PaintBrush/tween.js";
@@ -67,7 +67,7 @@ import "./CSS3DRenderPlugin/Controller.js";
 import "./CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "./CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "hammerjs";
-import "./shared-utils/absoluteUrl.js";
+import "./shared-utils/url/absoluteUrl.js";
 import "./shared-utils/positionToVector3.js";
 import "./CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -279,9 +279,12 @@ import "./shared-utils/math/pointIsRectangle.js";
 import "./shared-utils/three/loadVideoTexture.js";
 import "./shared-utils/three/getPositionsByObjectFit.js";
 import "./shared-utils/three/FragmentTransparencyMaterial.js";
+import "./shared-utils/three/getNormal.js";
 import "./shared-utils/five/FiveDomEvents.js";
+import "./shared-utils/five/calculateThreeMouse.js";
 import "./PanoTagPlugin/utils/tag/adaptConfig.js";
 import "./shared-utils/typescript/entries.js";
+import "./shared-utils/url/getUrl.js";
 import "./shared-utils/five/getFloorIndex.js";
 import "./PanoTagPlugin/Components/TagContainer.js";
 import "./PanoTagPlugin/Components/TagItem.js";
@@ -406,7 +409,6 @@ import "./shared-utils/three/objects/LineSegments.js";
 import "./components/AreaLabel/LabelItem.js";
 import "./components/AreaLabel/Assets/roomLabelBg.js";
 import "./CurrentPanoImagePlugin/Controller.js";
-import "./shared-utils/five/adapt.js";
 import "./shared-utils/math/Interval.js";
 import "./shared-utils/math/Rectangle.js";
 import "./shared-utils/five/index.js";
@@ -415,66 +417,66 @@ import "./shared-utils/three/getRaycaster.js";
 r();
 o();
 export {
-  rn as AreaMakerPlugin,
-  ln as CSS3DRender,
-  zp as CSS3DRenderPlugin,
-  Ce as CameraMovementEffect,
-  Te as CameraMovementPlugin,
-  Hn as ContentType,
-  ke as CruisePlugin,
-  Fn as CruisePluginController,
-  vn as CruisePluginTypes,
-  mn as CurrentPanoImagePlugin,
-  Ne as DIRECTION,
-  Cn as DISPLAY_STRATEGY_TYPE,
-  Un as DimensionType,
-  oe as FLOOR_PLAN_ATTACHED_TO,
-  Pe as FLOOR_TYPE_MAP,
-  Sn as GuideLineItem,
-  Gn as GuideLineModeItem,
-  je as GuideLinePlugin,
-  Rn as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
-  yn as ItemLabelPlugin,
-  Tn as Magnifier,
-  me as MapviewFloorplanPlugin,
-  ge as ModelChassisCompassPlugin,
-  de as ModelEntryDoorGuidePlugin,
-  te as ModelFloorplanPlugin,
-  En as ModelItemLabelPlugin,
-  Wp as ModelRoomLabelPlugin,
-  ce as ModelTVVideoPlugin,
-  kp as ModelViewPlugin,
-  kn as Object3DHelperController,
-  Ke as Object3DHelperPlugin,
-  qn as PLUGIN,
-  Hp as PaintBrush,
-  jp as PaintBrushTypeEnum,
-  Ae as PanoCompassPlugin,
-  Kp as PanoCursorRaycasterPlugin,
-  He as PanoDoorLabelPlugin,
-  le as PanoFloorplanRadarPlugin,
-  De as PanoMeasurePlugin,
-  gn as PanoMeasurePluginLine,
-  Pn as PanoMeasurePluginModel,
-  fn as PanoMeasurePluginPoint,
-  dn as PanoMeasurePluginPolyline,
-  Ie as PanoRulerPlugin,
-  Oe as PanoRulerProPlugin,
-  be as PanoSpatialTagPlugin,
-  ze as PanoTagPlugin,
-  Vn as PanoTagPluginController,
-  We as PanoVideoPlugin,
-  Jn as PanoVideoPluginType,
-  Ze as PipelinePlugin,
-  jn as PointType,
-  ue as ROOM_FETILE_TYPE_MAP,
-  fe as ROOM_TYPE_MAP,
-  _e as Rotation,
-  ee as TopviewFloorplanPlugin,
-  en as Util,
-  wn as defaultGlobalConfig,
-  we as itemLabelPluginServerParams,
-  Ye as modelItemLabelPluginServerParams,
-  Xp as modelRoomLabelPluginServerParams,
-  Nn as pluginFlag
+  mn as AreaMakerPlugin,
+  Pn as CSS3DRender,
+  Kp as CSS3DRenderPlugin,
+  Ee as CameraMovementEffect,
+  Ce as CameraMovementPlugin,
+  jn as ContentType,
+  ze as CruisePlugin,
+  vn as CruisePluginController,
+  Vn as CruisePluginTypes,
+  en as CurrentPanoImagePlugin,
+  we as DIRECTION,
+  En as DISPLAY_STRATEGY_TYPE,
+  $n as DimensionType,
+  te as FLOOR_PLAN_ATTACHED_TO,
+  fe as FLOOR_TYPE_MAP,
+  Gn as GuideLineItem,
+  Fn as GuideLineModeItem,
+  ke as GuideLinePlugin,
+  yn as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
+  Sn as ItemLabelPlugin,
+  Cn as Magnifier,
+  ee as MapviewFloorplanPlugin,
+  de as ModelChassisCompassPlugin,
+  Te as ModelEntryDoorGuidePlugin,
+  me as ModelFloorplanPlugin,
+  Rn as ModelItemLabelPlugin,
+  Zp as ModelRoomLabelPlugin,
+  Ne as ModelTVVideoPlugin,
+  zp as ModelViewPlugin,
+  zn as Object3DHelperController,
+  We as Object3DHelperPlugin,
+  Jn as PLUGIN,
+  jp as PaintBrush,
+  kp as PaintBrushTypeEnum,
+  De as PanoCompassPlugin,
+  Wp as PanoCursorRaycasterPlugin,
+  je as PanoDoorLabelPlugin,
+  Pe as PanoFloorplanRadarPlugin,
+  be as PanoMeasurePlugin,
+  dn as PanoMeasurePluginLine,
+  fn as PanoMeasurePluginModel,
+  gn as PanoMeasurePluginPoint,
+  Tn as PanoMeasurePluginPolyline,
+  Oe as PanoRulerPlugin,
+  Ae as PanoRulerProPlugin,
+  Ye as PanoSpatialTagPlugin,
+  Ke as PanoTagPlugin,
+  hn as PanoTagPluginController,
+  Ze as PanoVideoPlugin,
+  Qn as PanoVideoPluginType,
+  rn as PipelinePlugin,
+  kn as PointType,
+  xe as ROOM_FETILE_TYPE_MAP,
+  ge as ROOM_TYPE_MAP,
+  Ie as Rotation,
+  le as TopviewFloorplanPlugin,
+  ln as Util,
+  Hn as defaultGlobalConfig,
+  He as itemLabelPluginServerParams,
+  ce as modelItemLabelPluginServerParams,
+  oe as modelRoomLabelPluginServerParams,
+  wn as pluginFlag
 };

package/libs/shared-utils/five/FiveDomEvents.d.ts

@@ -7,13 +7,24 @@
  * 4. 重构之后只会在 wantsTapGesture 事件触发的时候做射线检测
  */
 import type { Five } from '@realsee/five';
-import type * as THREE from 'three';
-type EventName = 'click';
+import * as THREE from 'three';
+interface EventMap {
+    /**
+     * @description 点击事件
+     * @return {PreventFiveEvent} 返回 false 可以不阻止 five 的 tap 事件; default: true
+     */
+    click: (event: CallbackEvent) => PreventFiveEvent | void;
+    /**
+     * @description 鼠标移入事件
+     */
+    hover: (event: CallbackEvent) => void;
+    /**
+     * @description 鼠标移出事件
+     */
+    unHover: (event: CallbackEvent) => void;
+}
+type EventName = keyof EventMap;
 type PreventFiveEvent = boolean;
-/**
- * @return {PreventFiveEvent} 返回 false 可以不阻止 five 的 tap 事件; default: true
- */
-type Callback = (event: CallbackEvent) => PreventFiveEvent | void;
 interface EventHandlerConfig {
     /**
      * @default true
@@ -29,8 +40,9 @@ interface CallbackEvent {
 }
 type Object3DWithEvent = THREE.Object3D & {
     _domEvent?: {
-        [key in `${EventName}Handler`]?: Array<[Function, EventHandlerConfig]>;
+        [key in `${EventName}Handler`]?: Array<[EventMap[EventName], EventHandlerConfig]>;
     };
+    _hovered?: boolean;
 };
 export declare class FiveDomEvents {
     private five;
@@ -41,7 +53,7 @@ export declare class FiveDomEvents {
      * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效
      * @todo: added 和 removed 还是不太智能
      */
-    addAutoBindEventListener(...params: Parameters<InstanceType<typeof FiveDomEvents>['addEventListener']>): void;
+    addAutoBindEventListener<T extends EventName>(object: Object3DWithEvent, event: T, callback: EventMap[T], config?: EventHandlerConfig): () => void;
     /**
      * @description: add event listener
      * @param params.object: object
@@ -49,10 +61,12 @@ export declare class FiveDomEvents {
      * @param params.callback: 返回 false 可以不阻止 five 的 tap 事件; default: true
      * @return {void}
      */
-    addEventListener(object: Object3DWithEvent, event: EventName, callback: Callback, config?: EventHandlerConfig): void;
+    addEventListener<T extends EventName>(object: Object3DWithEvent, event: T, callback: EventMap[T], config?: EventHandlerConfig): void;
     removeEventListener(object: Object3DWithEvent, event: EventName, callback: (e: CallbackEvent) => any, ...args: any[]): void;
     dispose(): void;
-    private handleWantsTapGesture;
+    private getRaycaster;
+    private handleWantsGesture;
+    private onDomEvent;
     private objectIsBound;
     private notify;
 }

package/libs/shared-utils/five/FiveDomEvents.js

@@ -1,89 +1,119 @@
-var O = Object.defineProperty, g = Object.defineProperties;
-var H = Object.getOwnPropertyDescriptors;
-var m = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var f = (i, e, t) => e in i ? O(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, p = (i, e) => {
+var g = Object.defineProperty;
+var _ = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var E = (u, e, t) => e in u ? g(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t, b = (u, e) => {
   for (var t in e || (e = {}))
-    L.call(e, t) && f(i, t, e[t]);
-  if (m)
-    for (var t of m(e))
-      $.call(e, t) && f(i, t, e[t]);
-  return i;
-}, _ = (i, e) => g(i, H(e));
-var u = (i, e, t) => (f(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { getObjectVisible as x } from "../three/getObjectVisible.js";
-class G {
+    y.call(e, t) && E(u, t, e[t]);
+  if (_)
+    for (var t of _(e))
+      H.call(e, t) && E(u, t, e[t]);
+  return u;
+};
+var v = (u, e, t) => (E(u, typeof e != "symbol" ? e + "" : e, t), t);
+import * as L from "three";
+import { getObjectVisible as $ } from "../three/getObjectVisible.js";
+import { calculateThreeMouse as x } from "./calculateThreeMouse.js";
+class D {
   constructor(e) {
-    u(this, "five");
-    u(this, "boundObject", {});
-    u(this, "handleWantsTapGesture", (e) => {
-      var d;
-      const t = "click", n = this.boundObject[t];
-      if (!n || (n == null ? void 0 : n.length) === 0)
+    v(this, "five");
+    v(this, "boundObject", {});
+    v(this, "handleWantsGesture", (e, t) => {
+      if (t.length !== 1)
         return;
-      const o = this.five.model.intersectRaycaster(e), s = e.intersectObjects(n, !0);
-      if (o.length > 0 && s.length > 0 && o[0].distance < s[0].distance)
+      const n = t[0];
+      if (n) {
+        if (e === "mouseMove")
+          return this.onDomEvent("hover", n);
+        if (e === "tap")
+          return this.onDomEvent("click", n);
+      }
+    });
+    v(this, "onDomEvent", (e, t) => {
+      var f, i;
+      const n = this.boundObject[e];
+      if (!n || (n == null ? void 0 : n.length) === 0 || !t)
         return;
-      const r = (d = s[0]) == null ? void 0 : d.object;
-      if (!r || !this.objectIsBound(r))
+      const s = (f = t.raycaster) != null ? f : this.getRaycaster(t), r = (() => {
+        var h;
+        const d = s.intersectObjects(n, !0);
+        if (d.length === 0)
+          return;
+        const o = this.five.model.intersectRaycaster(s);
+        if (!(o.length > 0 && d.length > 0 && o[0].distance < d[0].distance))
+          return (h = d[0]) == null ? void 0 : h.object;
+      })();
+      if (!r || !this.objectIsBound(r)) {
+        for (const d of (i = this.boundObject.hover) != null ? i : [])
+          d._hovered && this.notify("unHover", d);
         return;
-      if (this.notify(t, r))
+      }
+      if (this.notify(e, r))
         return !1;
     });
-    u(this, "objectIsBound", (e) => {
+    v(this, "objectIsBound", (e) => {
       let t = e._domEvent, n = e.parent;
       for (; typeof t == "undefined" && n; )
         t = n._domEvent, n = n.parent;
       return !!t;
     });
     // eslint-disable-next-line max-params
-    u(this, "notify", (e, t, n, o) => {
-      let s = !1, r = [];
-      const l = [t];
-      let d = t;
-      for (; d.parent; )
-        d = d.parent, l.push(d);
-      for (const a of l) {
-        if (s)
+    v(this, "notify", (e, t, n, s) => {
+      var d;
+      let r = !1, a = [];
+      const f = [];
+      let i = t;
+      for (f.push(i); i.parent; )
+        i = i.parent, f.push(i);
+      for (const o of f) {
+        if (r)
           break;
-        const h = a._domEvent;
+        const h = o._domEvent;
         if (!h)
           continue;
-        const E = h[`${e}Handler`];
-        if (E)
-          for (const [b, v] of E) {
-            if (v != null && v.checkVisible && !x(a))
+        const p = h[`${e}Handler`];
+        if (p)
+          for (const [O, l] of p) {
+            if (l != null && l.checkVisible && !$(o))
               continue;
-            const c = b({
+            if (e === "hover") {
+              if (o._hovered)
+                continue;
+              o._hovered = !0;
+              for (const c of (d = this.boundObject.hover) != null ? d : [])
+                c !== o && c._hovered && this.notify("unHover", c);
+            }
+            if (e === "unHover") {
+              if (!o._hovered)
+                continue;
+              o._hovered = !1;
+            }
+            const m = O({
               type: e,
-              target: a,
+              target: o,
               origDomEvent: n,
-              intersect: o,
+              intersect: s,
               stopPropagation: () => {
-                s = !0;
+                r = !0;
               }
             });
-            r.push(c != null ? c : !0);
+            a.push(m != null ? m : !0);
           }
       }
-      return r.some((a) => a === !0);
+      if (e === "click")
+        return a.some((o) => o === !0);
     });
-    this.five = e, e.on("wantsTapGesture", this.handleWantsTapGesture);
+    this.five = e, e.on("wantsGesture", this.handleWantsGesture);
   }
   /**
    * @description: added 时自动绑定事件，removed时自动解绑事件，也就是说只有物体在场景中的时候才会触发事件
    * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效
    * @todo: added 和 removed 还是不太智能
    */
-  addAutoBindEventListener(...e) {
-    const t = e[0];
-    t.addEventListener("added", () => {
-      this.addEventListener(...e);
-    }), t.addEventListener("removed", () => {
-      this.removeEventListener(...e);
-    }), t.addEventListener("dispose", () => {
-      this.removeEventListener(...e);
-    });
+  addAutoBindEventListener(e, t, n, s) {
+    const r = () => this.addEventListener(e, t, n, s), a = () => this.removeEventListener(e, t, n, s);
+    return e.addEventListener("added", r), e.addEventListener("removed", a), e.addEventListener("dispose", a), () => {
+      e.removeEventListener("added", r), e.removeEventListener("removed", a), e.removeEventListener("dispose", a);
+    };
   }
   /**
    * @description: add event listener
@@ -92,24 +122,32 @@ class G {
    * @param params.callback: 返回 false 可以不阻止 five 的 tap 事件; default: true
    * @return {void}
    */
-  addEventListener(e, t, n, o) {
-    var s;
-    e._domEvent || (e._domEvent = {}), e._domEvent[`${t}Handler`] || (e._domEvent[`${t}Handler`] = []), this.boundObject[t] || (this.boundObject[t] = []), e._domEvent[`${t}Handler`].push([n, _(p({}, o), { checkVisible: !0 })]), (s = this.boundObject[t]) == null || s.push(e);
+  addEventListener(e, t, n, s) {
+    var r;
+    e._domEvent || (e._domEvent = {}), e._domEvent[`${t}Handler`] || (e._domEvent[`${t}Handler`] = []), this.boundObject[t] || (this.boundObject[t] = []), e._domEvent[`${t}Handler`].push([n, b({ checkVisible: !0 }, s)]), (r = this.boundObject[t]) == null || r.push(e);
   }
-  removeEventListener(e, t, n, ...o) {
-    var r, l;
+  removeEventListener(e, t, n, ...s) {
+    var a, f;
     if (!e._domEvent || !e._domEvent[`${t}Handler`])
       return;
-    const s = e._domEvent[`${t}Handler`].findIndex((d) => d[0] === n);
-    if (s !== -1 && (e._domEvent[`${t}Handler`].splice(s, 1), e._domEvent[`${t}Handler`].length === 0 && delete e._domEvent[`${t}Handler`], e._domEvent && Object.keys(e._domEvent).length === 0 && delete e._domEvent, !e._domEvent)) {
-      const d = (r = this.boundObject[t]) == null ? void 0 : r.findIndex((a) => a === e);
-      d !== -1 && ((l = this.boundObject[t]) == null || l.splice(d, 1));
+    const r = e._domEvent[`${t}Handler`].findIndex((i) => i[0] === n);
+    if (r !== -1 && (e._domEvent[`${t}Handler`].splice(r, 1), e._domEvent[`${t}Handler`].length === 0 && delete e._domEvent[`${t}Handler`], e._domEvent && Object.keys(e._domEvent).length === 0 && delete e._domEvent, !e._domEvent)) {
+      const i = (a = this.boundObject[t]) == null ? void 0 : a.findIndex((d) => d === e);
+      i !== -1 && ((f = this.boundObject[t]) == null || f.splice(i, 1));
     }
   }
   dispose() {
-    this.five.off("wantsTapGesture", this.handleWantsTapGesture), this.boundObject = {};
+    var e;
+    (e = this.five) == null || e.off("wantsGesture", this.handleWantsGesture), this.boundObject = {};
+  }
+  getRaycaster(e) {
+    const t = this.five.getElement();
+    if (!t)
+      return;
+    const n = x(e, t), s = new L.Raycaster();
+    return s.setFromCamera(n, this.five.camera), s;
   }
 }
 export {
-  G as FiveDomEvents
+  D as FiveDomEvents
 };

package/libs/shared-utils/five/calculateThreeMouse.d.ts

@@ -0,0 +1,11 @@
+import * as THREE from 'three';
+/**
+ * 计算 three 中的 mouse 的值
+ * @param  mouseXY - 鼠标相对屏幕位置
+ * @param  element - canvas元素（three的展示元素）
+ */
+declare function calculateThreeMouse(mouseXY: {
+    x: number;
+    y: number;
+}, element: HTMLElement): THREE.Vector2;
+export { calculateThreeMouse };

package/libs/shared-utils/five/calculateThreeMouse.js

@@ -0,0 +1,8 @@
+import * as i from "three";
+function h(t, e) {
+  const { top: n, left: o, width: r, height: c } = e.getBoundingClientRect();
+  return new i.Vector2((t.x - o) / r * 2 - 1, -(t.y - n) / c * 2 + 1);
+}
+export {
+  h as calculateThreeMouse
+};

package/libs/shared-utils/five/changeMode.js

@@ -14,17 +14,17 @@ var f = (t, c, n) => new Promise((e, r) => {
   }, u = (o) => o.done ? e(o.value) : Promise.resolve(o.value).then(a, i);
   u((n = n.apply(t, c)).next());
 });
-import { nearlyEqual as d } from "../nearlyEqual.js";
-import { to as l } from "../to.js";
-function h(t) {
+import { nearlyEqualRad as d, nearlyEqual as m } from "../nearlyEqual.js";
+import { to as h } from "../to.js";
+function w(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-function m(t) {
-  return h(t) && !!t.isVector3;
+function l(t) {
+  return w(t) && !!t.isVector3;
 }
-function g(t, c) {
+function j(t, c) {
   return f(this, null, function* () {
-    const [n] = yield l(t.changeMode(...c));
+    const [n] = yield h(t.changeMode(...c));
     if (n)
       throw new Error("change mode canceled");
     yield new Promise((i) => {
@@ -36,16 +36,16 @@ function g(t, c) {
     if (!e)
       return !0;
     const r = t.getCurrentState();
-    if (!w(e, r))
+    if (!b(e, r))
       throw new Error("pose 与预期不符");
   });
 }
-function w(t, c) {
+function b(t, c) {
   return Object.keys(t).every((n) => {
     const e = c[n], r = t[n];
-    return e === void 0 || r === void 0 ? !0 : typeof e == "number" && typeof r == "number" ? d(e, r, 2) : m(r) && m(e) ? r.distanceTo(e) < 0.01 : e === r;
+    return e === void 0 || r === void 0 ? !0 : n === "longitude" || n === "latitude" ? d(e, r, 2) : typeof e == "number" && typeof r == "number" ? m(e, r, 2) : l(r) && l(e) ? r.distanceTo(e) < 0.01 : e === r;
   });
 }
 export {
-  g as changeMode
+  j as changeMode
 };

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

@@ -3,6 +3,6 @@ export * from './five';
 export * from './three';
 export * from './isNil';
 export * from './uuid';
-export * from './absoluteUrl';
+export * from './url/absoluteUrl';
 export * from './animationFrame';
 export { default as equal } from './equal';