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

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 Mp } from "./components/PaintBrush/index.js";
-import { PaintBrushTypeEnum as Lp } from "./components/PaintBrush/typings.js";
-import { ModelViewPlugin as _p } from "./ModelViewPlugin/Plugin.js";
-import { CSS3DRenderPlugin as Rp } from "./CSS3DRenderPlugin/index.js";
-import { PanoCursorRaycasterPlugin as Op } from "./PanoCursorRaycasterPlugin/index.js";
-import { ModelRoomLabelPlugin as Sp, modelRoomLabelPluginServerParams as Ap } from "./ModelRoomLabelPlugin/index.js";
-import { FLOOR_PLAN_ATTACHED_TO as Gp } from "./floorplan/constant.js";
-import { ModelFloorplanPlugin as Fp } from "./floorplan/ModelFloorplanPlugin/index.js";
-import { MapviewFloorplanPlugin as vp } from "./floorplan/MapviewFloorplanPlugin/index.js";
-import { TopviewFloorplanPlugin as Vp } from "./floorplan/TopviewFloorplanPlugin/index.js";
-import { PanoFloorplanRadarPlugin as hp } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
-import { FLOOR_TYPE_MAP as Bp, ROOM_FETILE_TYPE_MAP as Hp, ROOM_TYPE_MAP as Up } from "./floorplan/typings/floorplanServerData.js";
-import { ModelChassisCompassPlugin as $p } from "./ModelChassisCompassPlugin/Plugin.js";
-import { ModelEntryDoorGuidePlugin as qp } from "./ModelEntryDoorGuidePlugin/Plugin.js";
-import { CameraMovementPlugin as Jp } from "./CameraMovementPlugin/CameraMovementPlugin.js";
-import { CameraMovementEffect as Qp, Rotation as Wp } from "./CameraMovementPlugin/typing.js";
-import { PanoRulerPlugin as Zp } from "./PanoRulerPlugin/Plugin.js";
-import { PanoRulerProPlugin as re } from "./PanoRulerProPlugin/index.js";
-import { PanoCompassPlugin as ie } from "./PanoCompassPlugin/index.js";
-import { PanoMeasurePlugin as pe } from "./PanoMeasurePlugin/index.js";
-import { PanoSpatialTagPlugin as ne } from "./PanoSpatialTagPlugin/Plugin.js";
-import { modelItemLabelPluginServerParams as ae } from "./ModelItemLabelPlugin/index.js";
-import { ModelTVVideoPlugin as ue } from "./ModelTVVideoPlugin/Plugin.js";
-import { DIRECTION as xe } from "./ModelTVVideoPlugin/typings.js";
-import { itemLabelPluginServerParams as se } from "./ItemLabelPlugin/index.js";
-import { PanoDoorLabelPlugin as Me } from "./PanoDoorLabelPlugin/index.js";
-import { GuideLinePlugin as Le } from "./GuideLinePlugin/index.js";
-import { CruisePlugin as _e } from "./CruisePlugin/index.js";
-import { PanoTagPlugin as Re } from "./PanoTagPlugin/index.js";
-import { Object3DHelperPlugin as Oe } from "./Object3DHelperPlugin/index.js";
-import { PanoVideoPlugin as Se } from "./PanoVideoPlugin/index.js";
-import { index as De } from "./shared-utils/index.js";
-import { CSS3DRender as be } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { Model as Ye } from "./PanoMeasurePlugin/Model/index.js";
-import { default as ce } from "./PanoMeasurePlugin/Model/point.js";
-import { default as Ne } from "./PanoMeasurePlugin/Model/line.js";
-import { Polyline as we } from "./PanoMeasurePlugin/Model/polyline.js";
-import { default as He } from "./PanoMeasurePlugin/Modules/Magnifier.js";
-import { DISPLAY_STRATEGY_TYPE as je } from "./ModelItemLabelPlugin/typings.js";
-import { ModelItemLabelPlugin as ke } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
-import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as ze } from "./ItemLabelPlugin/typings.js";
-import { Plugin as Ke } from "./ItemLabelPlugin/Plugin.js";
-import { GuideLineItem$1 as We } from "./GuideLinePlugin/GuideLineItem/index.js";
-import { GuideLineModeItem$1 as Ze } from "./GuideLinePlugin/GuideLineModeItem/index.js";
-import { default as rn } from "./CruisePlugin/Controller.js";
-import { typing as mn } from "./CruisePlugin/typing/index.js";
-import { default as en, pluginFlag as nn } from "./PanoTagPlugin/controller/index.js";
-import { ContentType as an, DimensionType as Pn, PointType as un } from "./PanoTagPlugin/Archive/deprecated.js";
-import { Object3DHelperController as xn, PLUGIN as gn } from "./Object3DHelperPlugin/Controller.js";
-import { typings as dn } from "./PanoVideoPlugin/typings/index.js";
+import { PaintBrush as Ep } from "./components/PaintBrush/index.js";
+import { PaintBrushTypeEnum as Ip } from "./components/PaintBrush/typings.js";
+import { ModelViewPlugin as yp } from "./ModelViewPlugin/Plugin.js";
+import { CSS3DRenderPlugin as Ap } from "./CSS3DRenderPlugin/index.js";
+import { PanoCursorRaycasterPlugin as Gp } from "./PanoCursorRaycasterPlugin/index.js";
+import { ModelRoomLabelPlugin as Fp, modelRoomLabelPluginServerParams as Yp } from "./ModelRoomLabelPlugin/index.js";
+import { FLOOR_PLAN_ATTACHED_TO as cp } from "./floorplan/constant.js";
+import { ModelFloorplanPlugin as Np } from "./floorplan/ModelFloorplanPlugin/index.js";
+import { MapviewFloorplanPlugin as wp } from "./floorplan/MapviewFloorplanPlugin/index.js";
+import { TopviewFloorplanPlugin as Hp } from "./floorplan/TopviewFloorplanPlugin/index.js";
+import { PanoFloorplanRadarPlugin as jp } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
+import { FLOOR_TYPE_MAP as kp, ROOM_FETILE_TYPE_MAP as qp, ROOM_TYPE_MAP as zp } from "./floorplan/typings/floorplanServerData.js";
+import { ModelChassisCompassPlugin as Kp } from "./ModelChassisCompassPlugin/Plugin.js";
+import { ModelEntryDoorGuidePlugin as Wp } from "./ModelEntryDoorGuidePlugin/Plugin.js";
+import { CameraMovementPlugin as Zp } from "./CameraMovementPlugin/CameraMovementPlugin.js";
+import { CameraMovementEffect as re, Rotation as te } from "./CameraMovementPlugin/typing.js";
+import { PanoRulerPlugin as me } from "./PanoRulerPlugin/Plugin.js";
+import { PanoRulerProPlugin as ee } from "./PanoRulerProPlugin/index.js";
+import { PanoCompassPlugin as le } from "./PanoCompassPlugin/index.js";
+import { PanoMeasurePlugin as Pe } from "./PanoMeasurePlugin/index.js";
+import { PanoSpatialTagPlugin as fe } from "./PanoSpatialTagPlugin/Plugin.js";
+import { modelItemLabelPluginServerParams as ge } from "./ModelItemLabelPlugin/index.js";
+import { ModelTVVideoPlugin as de } from "./ModelTVVideoPlugin/Plugin.js";
+import { DIRECTION as Te } from "./ModelTVVideoPlugin/typings.js";
+import { itemLabelPluginServerParams as Ce } from "./ItemLabelPlugin/index.js";
+import { PanoDoorLabelPlugin as Ee } from "./PanoDoorLabelPlugin/index.js";
+import { GuideLinePlugin as Ie } from "./GuideLinePlugin/index.js";
+import { CruisePlugin as ye } from "./CruisePlugin/index.js";
+import { PanoTagPlugin as Ae } from "./PanoTagPlugin/index.js";
+import { Object3DHelperPlugin as Ge } from "./Object3DHelperPlugin/index.js";
+import { PanoVideoPlugin as Fe } from "./PanoVideoPlugin/index.js";
+import { index as ve } from "./shared-utils/index.js";
+import { CSS3DRender as Ve } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import { Model as he } from "./PanoMeasurePlugin/Model/index.js";
+import { default as Be } from "./PanoMeasurePlugin/Model/point.js";
+import { default as Ue } from "./PanoMeasurePlugin/Model/line.js";
+import { Polyline as $e } from "./PanoMeasurePlugin/Model/polyline.js";
+import { default as qe } from "./PanoMeasurePlugin/Modules/Magnifier.js";
+import { DISPLAY_STRATEGY_TYPE as Je } from "./ModelItemLabelPlugin/typings.js";
+import { ModelItemLabelPlugin as Qe } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as Xe } from "./ItemLabelPlugin/typings.js";
+import { Plugin as on } from "./ItemLabelPlugin/Plugin.js";
+import { GuideLineItem$1 as tn } from "./GuideLinePlugin/GuideLineItem/index.js";
+import { GuideLineModeItem$1 as pn } from "./GuideLinePlugin/GuideLineModeItem/index.js";
+import { default as nn } from "./CruisePlugin/Controller.js";
+import { typing as an } from "./CruisePlugin/typing/index.js";
+import { default as un, pluginFlag as fn } from "./PanoTagPlugin/controller/index.js";
+import { ContentType as gn, DimensionType as sn, PointType as dn } from "./PanoTagPlugin/Archive/deprecated.js";
+import { Object3DHelperController as Tn, PLUGIN as Ln } from "./Object3DHelperPlugin/Controller.js";
+import { typings as _n } from "./PanoVideoPlugin/typings/index.js";
 import "./components/PaintBrush/Controller.js";
 import "./components/PaintBrush/utils.js";
 import "./components/PaintBrush/tween.js";
@@ -175,6 +175,15 @@ import "earcut";
 import "./PanoMeasurePlugin/utils/dom/areaDom.js";
 import "./PanoMeasurePlugin/utils/geometryUtil.js";
 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";
+import "./PanoMeasurePlugin/Modules/rangePiece/html.js";
+import "./shared-utils/isTouchDevice.js";
 import "./PanoMeasurePlugin/Controller/ViewController.js";
 import "./PanoMeasurePlugin/Controller/WatchController.js";
 import "./PanoMeasurePlugin/Modules/DeleteDom/index.js";
@@ -187,7 +196,6 @@ import "./PanoMeasurePlugin/utils/ndc2Screen.js";
 import "./PanoMeasurePlugin/utils/findAssociatedLines.js";
 import "./PanoMeasurePlugin/Controller/MixedController.js";
 import "./PanoMeasurePlugin/Modules/rangePiece/index.js";
-import "./PanoMeasurePlugin/Modules/rangePiece/html.js";
 import "./shared-utils/noop.js";
 import "./PanoMeasurePlugin/utils/calculateThreeMouse.js";
 import "./PanoMeasurePlugin/utils/mouseGroup.js";
@@ -198,13 +206,15 @@ import "./PanoMeasurePlugin/Modules/UIController/style.js";
 import "./PanoMeasurePlugin/Modules/UIController/MainBtnController.js";
 import "./PanoMeasurePlugin/Modules/UIController/mobileMainBtnController.js";
 import "./PanoMeasurePlugin/Modules/UIController/Revoke/index.js";
+import "./PanoMeasurePlugin/Components/Controller0.js";
+import "./PanoMeasurePlugin/Components/Common/Switcher0.js";
+import "./PanoMeasurePlugin/Components/Common/Exit.js";
 import "./PanoMeasurePlugin/Components/Controller1.js";
 import "./PanoMeasurePlugin/Components/Common/Switcher1.js";
 import "./PanoMeasurePlugin/Components/Common/CircleButton.js";
 import "./PanoMeasurePlugin/Modules/GuideController.js";
 import "./PanoMeasurePlugin/Controller/ShortcutKeyController.js";
 import "./shared-utils/safeObj.js";
-import "./shared-utils/three/Magnifier.js";
 import "./PanoSpatialTagPlugin/Components/origins.js";
 import "./PanoSpatialTagPlugin/store.js";
 import "./PanoSpatialTagPlugin/Components/tag.js";
@@ -379,70 +389,65 @@ import "./shared-utils/math/Interval.js";
 import "./shared-utils/math/Rectangle.js";
 import "./shared-utils/three/getCoords.js";
 import "./shared-utils/three/getRaycaster.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";
-import "./shared-utils/three/FivePointSelector.js";
 r();
 o();
 export {
-  be as CSS3DRender,
-  Rp as CSS3DRenderPlugin,
-  Qp as CameraMovementEffect,
-  Jp as CameraMovementPlugin,
-  an as ContentType,
-  _e as CruisePlugin,
-  rn as CruisePluginController,
-  mn as CruisePluginTypes,
-  xe as DIRECTION,
-  je as DISPLAY_STRATEGY_TYPE,
-  Pn as DimensionType,
-  Gp as FLOOR_PLAN_ATTACHED_TO,
-  Bp as FLOOR_TYPE_MAP,
-  We as GuideLineItem,
-  Ze as GuideLineModeItem,
-  Le as GuideLinePlugin,
-  ze as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
-  Ke as ItemLabelPlugin,
-  He as Magnifier,
-  vp as MapviewFloorplanPlugin,
-  $p as ModelChassisCompassPlugin,
-  qp as ModelEntryDoorGuidePlugin,
-  Fp as ModelFloorplanPlugin,
-  ke as ModelItemLabelPlugin,
-  Sp as ModelRoomLabelPlugin,
-  ue as ModelTVVideoPlugin,
-  _p as ModelViewPlugin,
-  xn as Object3DHelperController,
-  Oe as Object3DHelperPlugin,
-  gn as PLUGIN,
-  Mp as PaintBrush,
-  Lp as PaintBrushTypeEnum,
-  ie as PanoCompassPlugin,
-  Op as PanoCursorRaycasterPlugin,
-  Me as PanoDoorLabelPlugin,
-  hp as PanoFloorplanRadarPlugin,
-  pe as PanoMeasurePlugin,
-  Ne as PanoMeasurePluginLine,
-  Ye as PanoMeasurePluginModel,
-  ce as PanoMeasurePluginPoint,
-  we as PanoMeasurePluginPolyline,
-  Zp as PanoRulerPlugin,
-  re as PanoRulerProPlugin,
-  ne as PanoSpatialTagPlugin,
-  Re as PanoTagPlugin,
-  en as PanoTagPluginController,
-  Se as PanoVideoPlugin,
-  dn as PanoVideoPluginType,
-  un as PointType,
-  Hp as ROOM_FETILE_TYPE_MAP,
-  Up as ROOM_TYPE_MAP,
-  Wp as Rotation,
-  Vp as TopviewFloorplanPlugin,
-  De as Util,
-  se as itemLabelPluginServerParams,
-  ae as modelItemLabelPluginServerParams,
-  Ap as modelRoomLabelPluginServerParams,
-  nn as pluginFlag
+  Ve as CSS3DRender,
+  Ap as CSS3DRenderPlugin,
+  re as CameraMovementEffect,
+  Zp as CameraMovementPlugin,
+  gn as ContentType,
+  ye as CruisePlugin,
+  nn as CruisePluginController,
+  an as CruisePluginTypes,
+  Te as DIRECTION,
+  Je as DISPLAY_STRATEGY_TYPE,
+  sn as DimensionType,
+  cp as FLOOR_PLAN_ATTACHED_TO,
+  kp as FLOOR_TYPE_MAP,
+  tn as GuideLineItem,
+  pn as GuideLineModeItem,
+  Ie as GuideLinePlugin,
+  Xe as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
+  on as ItemLabelPlugin,
+  qe as Magnifier,
+  wp as MapviewFloorplanPlugin,
+  Kp as ModelChassisCompassPlugin,
+  Wp as ModelEntryDoorGuidePlugin,
+  Np as ModelFloorplanPlugin,
+  Qe as ModelItemLabelPlugin,
+  Fp as ModelRoomLabelPlugin,
+  de as ModelTVVideoPlugin,
+  yp as ModelViewPlugin,
+  Tn as Object3DHelperController,
+  Ge as Object3DHelperPlugin,
+  Ln as PLUGIN,
+  Ep as PaintBrush,
+  Ip as PaintBrushTypeEnum,
+  le as PanoCompassPlugin,
+  Gp as PanoCursorRaycasterPlugin,
+  Ee as PanoDoorLabelPlugin,
+  jp as PanoFloorplanRadarPlugin,
+  Pe as PanoMeasurePlugin,
+  Ue as PanoMeasurePluginLine,
+  he as PanoMeasurePluginModel,
+  Be as PanoMeasurePluginPoint,
+  $e as PanoMeasurePluginPolyline,
+  me as PanoRulerPlugin,
+  ee as PanoRulerProPlugin,
+  fe as PanoSpatialTagPlugin,
+  Ae as PanoTagPlugin,
+  un as PanoTagPluginController,
+  Fe as PanoVideoPlugin,
+  _n as PanoVideoPluginType,
+  dn as PointType,
+  qp as ROOM_FETILE_TYPE_MAP,
+  zp as ROOM_TYPE_MAP,
+  te as Rotation,
+  Hp as TopviewFloorplanPlugin,
+  ve as Util,
+  Ce as itemLabelPluginServerParams,
+  ge as modelItemLabelPluginServerParams,
+  Yp as modelRoomLabelPluginServerParams,
+  fn as pluginFlag
 };

package/libs/shared-utils/index.js

@@ -4,10 +4,10 @@ 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 { getIntersectFromRelativePosition as l } 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 { PointSelectorHelper as s } from "./three/PointSelectorHelper.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";
@@ -16,16 +16,16 @@ import { BetterTween as b, tweenProgress as R } from "./animationFrame/BetterTwe
 const O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BetterTween: b,
-  FivePointSelector: s,
   Interval: o,
   Magnifier: m,
   PointDomHelper: a,
-  PointHelper: l,
+  PointHelper: f,
+  PointSelectorHelper: s,
   Rectangle: r,
   getCoordsFromClient: i,
   getCoordsFromElement: n,
   getFrameTime: d,
-  getIntersectFromRelativePosition: f,
+  getIntersectFromRelativePosition: l,
   getRaycasterFromFivePointer: p,
   isAbsoluteURL: c,
   isModelLike: e,

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.debug(
-    "%c %c@realsee/dnalogel %cv2.21.0-dev.0",
+    "%c %c@realsee/dnalogel %cv2.21.0-dev.2",
     [
       "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

@@ -0,0 +1,32 @@
+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 {
+    intersectionUpdate: (intersection: PointIntersection) => void;
+}
+/**
+ * @description: 在屏幕上选点
+ */
+export declare class PointSelector {
+    hook: Subscribe<EventMap>;
+    get position(): PointIntersection;
+    private five;
+    private mode;
+    private pointSelectorHelper;
+    private enabled;
+    constructor(five: Five, config?: Partial<Config>);
+    enable(): void;
+    disable(): void;
+    dispose(): void;
+    private onFivePanGesture;
+    private emitIntersectionUpdate;
+}
+export {};

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

@@ -0,0 +1,68 @@
+var c = Object.defineProperty, v = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var u = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var n = (i, e, t) => e in i ? c(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, s = (i, e) => {
+  for (var t in e || (e = {}))
+    S.call(e, t) && n(i, t, e[t]);
+  if (u)
+    for (var t of u(e))
+      H.call(e, t) && n(i, t, e[t]);
+  return i;
+}, m = (i, e) => v(i, P(e));
+var o = (i, e, t) => (n(i, typeof e != "symbol" ? e + "" : e, t), t);
+import { Subscribe as f } from "@realsee/five";
+import { PointSelectorHelper as b } from "./PointSelectorHelper.js";
+import { isTouchDevice as G } from "../isTouchDevice.js";
+class x {
+  constructor(e, t) {
+    o(this, "hook", new f());
+    o(this, "five");
+    o(this, "mode");
+    o(this, "pointSelectorHelper");
+    o(this, "enabled", !1);
+    o(this, "onFivePanGesture", () => {
+      this.pointSelectorHelper.updateByNdcPosition({ x: 0.5, y: 0.5 });
+    });
+    o(this, "emitIntersectionUpdate", (e) => {
+      this.hook.emit("intersectionUpdate", e);
+    });
+    var l, h, d;
+    this.five = e;
+    const a = (l = t == null ? void 0 : t.mode) != null ? l : "auto";
+    a === "auto" ? this.mode = G ? "fixed" : "cursor" : this.mode = a;
+    const p = {
+      autoFixPCPosition: this.mode === "cursor",
+      initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
+    };
+    console.log(s(s({}, p), (h = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : h.magnifierParams)), this.pointSelectorHelper = new b(e, m(s({}, t == null ? void 0 : t.pointSelectorHelperParams), {
+      magnifierParams: s(s({}, p), (d = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : d.magnifierParams)
+    }));
+  }
+  get position() {
+    return this.pointSelectorHelper.position;
+  }
+  enable() {
+    if (this.enabled)
+      return;
+    this.enabled = !0, this.pointSelectorHelper.enable();
+    const e = this.five.getElement();
+    this.mode === "cursor" ? (console.log("cursor"), this.five.on("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.on("wantsMoveToPano", r), this.five.on("wantsTapGesture", r), e == null || e.addEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.addEventListener("mouseenter", this.pointSelectorHelper.show), e == null || e.addEventListener("mouseout", this.pointSelectorHelper.hide)) : this.mode === "fixed" && (this.five.on("panGesture", this.onFivePanGesture), this.five.on("interiaPan", this.onFivePanGesture)), 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.pointSelectorHelper.updateWithIntersect), this.five.off("wantsMoveToPano", r), this.five.off("wantsTapGesture", r), e == null || e.removeEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.pointSelectorHelper.show), e == null || e.removeEventListener("mouseout", this.pointSelectorHelper.hide), this.five.off("panGesture", this.onFivePanGesture), this.five.off("interiaPan", this.onFivePanGesture), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate);
+  }
+  dispose() {
+    this.disable(), this.pointSelectorHelper.dispose();
+  }
+}
+function r() {
+  return !1;
+}
+export {
+  x 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;
+    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.2",
   "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 {};