@realsee/dnalogel 3.61.15 → 3.63.0

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

@@ -6,6 +6,12 @@ import { Subscribe } from '../../Subscribe';
 import type { LiteralString } from '../../../typings/utils.type';
 export type { PointIntersection };
 export type ActionIfNoIntersection = LiteralString<'virtualPoint' | 'lastPoint' | 'disable'>;
+export type AdherePoint = (Vector3 | THREE.Face3) & {
+    /**
+     * @description 被模型遮挡也能看到的点
+     */
+    IsAlwaysVisible?: boolean;
+};
 type PointerSelectorMode = 'fixed' | 'cursor';
 interface Config {
     /**
@@ -33,9 +39,8 @@ export type PointSelectorConfig = Partial<Config>;
 type EventMap = {
     /**
      * @description: 与模型交点更新时触发，移出监听范围时为null
-     * @param isAdhered 是否为吸附的点
      */
-    intersectionUpdate: (intersection: PointIntersection | null, isAdhered?: boolean) => void;
+    intersectionUpdate: (intersection: PointIntersection | null) => void;
     /**
      * @description: 试图打点，返回false则不打点
      */
@@ -68,10 +73,30 @@ export declare class PointSelector extends Subscribe<EventMap> {
     _cursorError: boolean;
     actionIfNoIntersection: ActionIfNoIntersection;
     plane?: THREE.Plane | null;
+    /**
+     * @description 结果区别：vertical: 射线和模型的交点在plane上的投影点；onlyPlane: 不论射线和模型是否有交点，都为射线和plane的焦点；onlyVirtual: 仅当射线和模型没有交点时，为射线和plane的焦点
+     */
+    planeMode: 'vertical' | 'onlyPlane' | 'onlyVirtual';
     readonly pointSelectorHelper: PointSelectorHelper;
+    five: Five;
     /** @deprecated directly use `pointSelector.on/off` instead */
     readonly hook: this;
-    private five;
+    /**
+     * @description 吸附功能总开关，方便临时的一键开启/关闭
+     */
+    private adhereEnabled;
+    /**
+     * @description 吸附半径
+     */
+    adhereRadius: number;
+    /**
+     * @description 吸附面
+     */
+    adherePlane: THREE.Plane[];
+    /**
+     * @description 吸附线
+     */
+    adhereLine: THREE.Line3[];
     private set outOfFive(value);
     private _outOfFive;
     private set enabled(value);
@@ -81,8 +106,6 @@ export declare class PointSelector extends Subscribe<EventMap> {
     private pressDown;
     /** 一组吸附的点，光标靠近这些点时，会将helper以及放大镜的位置设置为这些点 */
     private adherePoints;
-    /** 吸附点的半径 */
-    private adherePointsRadius;
     /** 有值时表明处于按压检查阶段 */
     private setPressDown?;
     private lastFiveHelperVisible?;
@@ -96,15 +119,21 @@ export declare class PointSelector extends Subscribe<EventMap> {
     enable(): void;
     disable(): void;
     dispose(): void;
-    setAdherePoints(points: Vector3[] | ((params: {
+    setAdherePoints(points: AdherePoint[] | ((params: {
         intersection: PointIntersection;
         pointSelectorInstance: PointSelector;
-    }) => Vector3[]) | null, radius?: number): void;
+    }) => AdherePoint[]) | null, 
+    /**
+     * @deprecated use `.adhereRadius = 0.1` instead
+     */
+    radius?: number): void;
     /**
      * @description: 主动触发一次选点
      * @return: select 是否成功
      */
     select: (intersection?: PointIntersection) => boolean;
+    private onKeyDown;
+    private onKeyUp;
     private onMouseWheel;
     /**
      * @description: 鼠标进入five canvas时
@@ -114,7 +143,6 @@ export declare class PointSelector extends Subscribe<EventMap> {
      * @description: 鼠标离开five canvas时
      */
     private onLeave;
-    private onClick;
     private onMouseDown;
     private onMouseUp;
     private onTouchStart;

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

@@ -1,35 +1,57 @@
-var w = Object.defineProperty, I = Object.defineProperties;
-var S = Object.getOwnPropertyDescriptors;
-var m = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var f = (h, s, e) => s in h ? w(h, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[s] = e, l = (h, s) => {
-  for (var e in s || (s = {}))
-    b.call(s, e) && f(h, e, s[e]);
-  if (m)
-    for (var e of m(s))
-      E.call(s, e) && f(h, e, s[e]);
-  return h;
-}, v = (h, s) => I(h, S(s));
-var i = (h, s, e) => (f(h, typeof s != "symbol" ? s + "" : s, e), e);
-import { PointSelectorHelper as H } from "./utils/PointSelectorHelper.js";
-import { isTouchDevice as y } from "../../isTouchDevice.js";
-import * as p from "three";
-import { Subscribe as M } from "../../Subscribe.js";
-import { getIntersectByRaycaster as D, getVirtualIntersectByRaycaster as L } from "../../five/getPosition.js";
-import { getRaycasterByNdcPosition as T } from "../../five/getRaycasterByNdcPosition.js";
-import { CURSOR_NOT_ALLOW_URL as P } from "./utils/contents.js";
-const N = new p.Vector3(), d = () => !1;
-class O extends M {
+var R = Object.defineProperty, O = Object.defineProperties;
+var X = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var Y = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var I = (l, h, e) => h in l ? R(l, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[h] = e, P = (l, h) => {
+  for (var e in h || (h = {}))
+    Y.call(h, e) && I(l, e, h[e]);
+  if (N)
+    for (var e of N(h))
+      B.call(h, e) && I(l, e, h[e]);
+  return l;
+}, E = (l, h) => O(l, X(h));
+var i = (l, h, e) => (I(l, typeof h != "symbol" ? h + "" : h, e), e);
+import { PointSelectorHelper as C } from "./utils/PointSelectorHelper.js";
+import { isTouchDevice as j } from "../../isTouchDevice.js";
+import * as o from "three";
+import { Subscribe as A } from "../../Subscribe.js";
+import { getIntersectByRaycaster as k, getVirtualIntersectByRaycaster as g } from "../../five/getPosition.js";
+import { getRaycasterByNdcPosition as G } from "../../five/getRaycasterByNdcPosition.js";
+import { CURSOR_NOT_ALLOW_URL as V } from "./utils/contents.js";
+import { rayOnLine as W } from "../../../Sculpt/utils/three/rayOnLine.js";
+import { THREERaycaster as z } from "../core/Raycaster.js";
+const _ = new o.Vector3(), w = () => !1;
+class se extends A {
   constructor(e, t) {
-    var a, c, r, u;
+    var u, d, n, f;
     super();
     i(this, "_cursorError", !1);
     i(this, "actionIfNoIntersection", "virtualPoint");
     i(this, "plane");
+    /**
+     * @description 结果区别：vertical: 射线和模型的交点在plane上的投影点；onlyPlane: 不论射线和模型是否有交点，都为射线和plane的焦点；onlyVirtual: 仅当射线和模型没有交点时，为射线和plane的焦点
+     */
+    i(this, "planeMode", "onlyVirtual");
     i(this, "pointSelectorHelper");
+    i(this, "five");
     /** @deprecated directly use `pointSelector.on/off` instead */
     i(this, "hook", this);
-    i(this, "five");
+    /**
+     * @description 吸附功能总开关，方便临时的一键开启/关闭
+     */
+    i(this, "adhereEnabled", !0);
+    /**
+     * @description 吸附半径
+     */
+    i(this, "adhereRadius", 0.1);
+    /**
+     * @description 吸附面
+     */
+    i(this, "adherePlane", []);
+    /**
+     * @description 吸附线
+     */
+    i(this, "adhereLine", []);
     i(this, "_outOfFive", !1);
     i(this, "_enabled", !1);
     i(this, "mode");
@@ -37,8 +59,6 @@ class O extends M {
     i(this, "pressDown", !1);
     /** 一组吸附的点，光标靠近这些点时，会将helper以及放大镜的位置设置为这些点 */
     i(this, "adherePoints");
-    /** 吸附点的半径 */
-    i(this, "adherePointsRadius", 0.1);
     /** 有值时表明处于按压检查阶段 */
     i(this, "setPressDown");
     i(this, "lastFiveHelperVisible");
@@ -56,6 +76,12 @@ class O extends M {
       const t = this.emit("wantsSelect", this.position);
       return t || (this.pointSelectorHelper.hide(), this.emit("select", this.position), console.debug(this.position)), !t;
     });
+    i(this, "onKeyDown", (e) => {
+      e.key === "Shift" && (this.adhereEnabled = !1);
+    });
+    i(this, "onKeyUp", (e) => {
+      e.key === "Shift" && (this.adhereEnabled = !0);
+    });
     i(this, "onMouseWheel", (e) => {
       this.updateByMousePosition(e);
       const t = () => this.updateByMousePosition();
@@ -75,9 +101,6 @@ class O extends M {
     i(this, "onLeave", () => {
       this.pointSelectorHelper.hide(), this.outOfFive = !0, this.emit("intersectionUpdate", null);
     });
-    i(this, "onClick", () => {
-      this.select();
-    });
     i(this, "onMouseDown", (e) => {
       this._mouseDownInfo = {
         clientX: e.clientX,
@@ -88,8 +111,8 @@ class O extends M {
     i(this, "onMouseUp", (e) => {
       if (!this._mouseDownInfo)
         return;
-      const { clientX: t, clientY: o, timestamp: n } = this._mouseDownInfo;
-      Math.abs(e.clientX - t) < 2 && Math.abs(e.clientY - o) < 2 && performance.now() - n < 500 ? this.select() : this._mouseDownInfo = null;
+      const { clientX: t, clientY: s, timestamp: c } = this._mouseDownInfo;
+      Math.abs(e.clientX - t) < 2 && Math.abs(e.clientY - s) < 2 && performance.now() - c < 500 ? this.select() : this._mouseDownInfo = null;
     });
     i(this, "onTouchStart", (e) => {
       this._touchStartInfo = {
@@ -110,8 +133,8 @@ class O extends M {
       if (this.setPressDown) {
         let t = !1;
         if (this._touchStartInfo) {
-          const { clientX: o, clientY: n } = this._touchStartInfo;
-          (Math.abs(e.touches[0].clientX - o) > 2 || Math.abs(e.touches[0].clientY - n) > 2) && (t = !0);
+          const { clientX: s, clientY: c } = this._touchStartInfo;
+          (Math.abs(e.touches[0].clientX - s) > 2 || Math.abs(e.touches[0].clientY - c) > 2) && (t = !0);
         }
         t && (clearTimeout(this.setPressDown), this.setPressDown = void 0);
         return;
@@ -135,35 +158,63 @@ class O extends M {
       }, 100), this.select());
     });
     i(this, "updateByMousePosition", (e) => {
-      this.five.getElement() && (e && (this.mousePosition = e), this.updateByNdcPosition(this.mouseNdcPosition));
+      if (this.five.getElement()) {
+        if (!e || (e == null ? void 0 : e.buttons) !== 0) {
+          this.pointSelectorHelper.hide();
+          return;
+        } else
+          this.pointSelectorHelper.show();
+        e && (this.mousePosition = {
+          clientX: e.clientX,
+          clientY: e.clientY
+        }), this.updateByNdcPosition(this.mouseNdcPosition);
+      }
     });
     /**
      * @description: 根据鼠标位置计算焦点位置并更新
      */
     i(this, "updateByNdcPosition", (e) => {
-      var n, a, c;
-      const t = T(this.five, e), o = D(this.five, t);
-      if (o)
-        return this.updatePointSelectorHelperIntersect(o), this.lastIntersection = o, !0;
+      var c, u, d;
+      const t = G(this.five, e);
+      let s = k(this.five, t);
+      if (s) {
+        if (this.plane && this.planeMode === "vertical" && (s = E(P({}, s), {
+          point: this.plane.projectPoint(s.point, new o.Vector3()),
+          face: new o.Face3(0, 0, 0, this.plane.normal.clone()),
+          originalPoint: s.point.clone()
+        })), this.plane && this.planeMode === "onlyPlane") {
+          const n = t.ray.intersectPlane(this.plane, _);
+          if (!n)
+            return !1;
+          s = {
+            distance: this.five.camera.position.distanceTo(n),
+            point: n.clone(),
+            originalPoint: s.point.clone(),
+            face: new o.Face3(0, 0, 0, this.plane.normal.clone()),
+            raycaster: t
+          };
+        }
+        return this.updatePointSelectorHelperIntersect(s), this.lastIntersection = s, !0;
+      }
       if (this.plane) {
-        const r = t.ray.intersectPlane(this.plane, N);
-        if (r) {
-          const u = {
-            distance: this.five.camera.position.distanceTo(r),
-            point: r.clone(),
-            object: new p.Object3D(),
-            face: new p.Face3(0, 0, 0, this.plane.normal.clone()),
+        const n = t.ray.intersectPlane(this.plane, _);
+        if (n) {
+          const f = {
+            distance: this.five.camera.position.distanceTo(n),
+            point: n.clone(),
+            object: new o.Object3D(),
+            face: new o.Face3(0, 0, 0, this.plane.normal.clone()),
             raycaster: t,
             isVirtual: !0
           };
-          return this.updatePointSelectorHelperIntersect(u), !0;
+          return this.updatePointSelectorHelperIntersect(f), !0;
         }
       }
       if (this.actionIfNoIntersection === "lastPoint")
         return this.updatePointSelectorHelperIntersect(this.lastIntersection), !0;
       if (this.actionIfNoIntersection === "virtualPoint") {
-        const r = L(t, (n = this.lastIntersection) == null ? void 0 : n.distance);
-        return r.face = new p.Face3(0, 0, 0, (c = (a = this.lastIntersection) == null ? void 0 : a.face) == null ? void 0 : c.normal), r.isVirtual = !0, this.lastIntersection = r, this.updatePointSelectorHelperIntersect(r), !0;
+        const n = g(t, (c = this.lastIntersection) == null ? void 0 : c.distance);
+        return n.face = new o.Face3(0, 0, 0, (d = (u = this.lastIntersection) == null ? void 0 : u.face) == null ? void 0 : d.normal), n.isVirtual = !0, this.lastIntersection = n, this.updatePointSelectorHelperIntersect(n), !0;
       } else if (this.actionIfNoIntersection === "disable")
         return this.updatePointSelectorHelperIntersect(null), !1;
     });
@@ -171,30 +222,91 @@ class O extends M {
      * @description: 更新 pointSelectorHelper 的焦点位置
      */
     i(this, "updatePointSelectorHelperIntersect", (e) => {
+      var u, d, n, f, L, T, M, H;
       if (!e) {
-        this.onLeave(), this.five.getElement().style.cursor = P;
+        this.onLeave(), this.five.getElement().style.cursor = V;
         return;
       }
       this.onEnter(), this.cursorError || (this.five.getElement().style.cursor = "");
-      const t = l({}, e);
-      let o = !1;
-      if (typeof this.adherePoints == "function" && typeof this.adherePointsRadius == "number") {
-        for (const n of this.adherePoints({ intersection: e, pointSelectorInstance: this }))
-          if (n.distanceTo(e.point) < this.adherePointsRadius) {
-            t.point = n.clone(), o = !0;
+      const t = P({}, e), s = {
+        x: this.mouseNdcPosition.x,
+        y: 1 - this.mouseNdcPosition.y
+      }, c = this.five.renderer.getSize(new o.Vector2());
+      if (this.adhereEnabled && typeof this.adherePoints == "function" && typeof this.adhereRadius == "number") {
+        for (const r of this.adherePlane) {
+          const a = r.distanceToPoint(e.point);
+          let p = r.projectPoint(e.point, new o.Vector3());
+          (!this.plane || this.plane.distanceToPoint(p) < 0.01) && (p = (d = (u = this.plane) == null ? void 0 : u.projectPoint(p, new o.Vector3())) != null ? d : p, a < this.adhereRadius && (t.point = p.clone(), t.adherePoint = p.clone(), this.plane || (t.face = new o.Face3(0, 0, 0, r.normal.clone())), t.isAdsorbed = !0));
+        }
+        for (const r of this.adhereLine) {
+          let a = r.closestPointToPoint(e.point, !1, new o.Vector3());
+          if (a.distanceTo(e.point) < this.adhereRadius)
+            (!this.plane || this.plane.distanceToPoint(a) < 0.01) && (a = (f = (n = this.plane) == null ? void 0 : n.projectPoint(a, new o.Vector3())) != null ? f : a, t.point = a.clone(), t.adhereLine = r.clone(), t.isAdsorbed = !0);
+          else {
+            const p = W({
+              raycaster: new z(this.five.camera.position, e.point.clone().sub(this.five.camera.position).normalize()),
+              line: r,
+              clampToLine: !1
+            }), v = p.clone().project(this.five.camera);
+            if (v.z <= 1) {
+              const y = {
+                x: (v.x + 1) / 2,
+                y: (1 - v.y) / 2
+              }, b = {
+                x: Math.abs(y.x - s.x) * c.width,
+                y: Math.abs(y.y - s.y) * c.height
+              };
+              let m = p.clone();
+              b.x < 10 && b.y < 10 && (!this.plane || this.plane.distanceToPoint(m) < 0.01) && (m = (T = (L = this.plane) == null ? void 0 : L.projectPoint(m, new o.Vector3())) != null ? T : m, t.point = m.clone(), t.adhereLine = r.clone(), t.isAdsorbed = !0);
+            }
+          }
+        }
+        for (const r of this.adherePoints({ intersection: e, pointSelectorInstance: this })) {
+          const a = r instanceof o.Face3 ? new o.Vector3(r.a, r.b, r.c) : r;
+          if (a.IsAlwaysVisible = r.IsAlwaysVisible, this.plane && this.plane.distanceToPoint(a) > 0.01)
+            continue;
+          if (a.distanceTo(e.point) < this.adhereRadius) {
+            t.point = (H = (M = this.plane) == null ? void 0 : M.projectPoint(a, new o.Vector3())) != null ? H : a.clone(), !this.plane && r instanceof o.Face3 && (t.face = r), t.isAdsorbed = !0;
             break;
+          } else {
+            const v = a.clone().project(this.five.camera);
+            if (v.z > 1)
+              continue;
+            const y = this.five.renderer.getSize(new o.Vector2()), b = {
+              x: (v.x + 1) / 2,
+              y: (1 - v.y) / 2
+            }, m = {
+              x: Math.abs(b.x - s.x) * y.width,
+              y: Math.abs(b.y - s.y) * y.height
+            };
+            if (m.x < 10 && m.y < 10) {
+              let S = !1;
+              if (a.IsAlwaysVisible)
+                S = !0;
+              else {
+                const D = new o.Raycaster();
+                D.setFromCamera(a.clone(), this.five.camera);
+                const F = this.five.model.intersectRaycaster(D, void 0, !0)[0], x = 0.1, U = this.five.camera.position.distanceTo(a);
+                F && F.distance < U + x && (S = !0);
+              }
+              if (S) {
+                t.point = a.clone(), !this.plane && r instanceof o.Face3 && (t.face = r), t.isAdsorbed = !0;
+                break;
+              }
+            }
           }
+        }
       }
-      this.pointSelectorHelper.updateWithIntersect(t, { emitEvent: !1 }), this.emit("intersectionUpdate", t, o);
+      this.pointSelectorHelper.updateWithIntersect(t, { emitEvent: !1 }), this.emit("intersectionUpdate", t);
     });
     i(this, "mousePositionToNdcPosition", (e) => {
       const t = this.five.getElement();
       if (!t)
         return null;
-      const { top: o, left: n, width: a, height: c } = t.getBoundingClientRect(), { clientX: r, clientY: u } = e;
+      const { top: s, left: c, width: u, height: d } = t.getBoundingClientRect(), { clientX: n, clientY: f } = e;
       return {
-        x: (r - n) / a,
-        y: 1 - (u - o) / c
+        x: (n - c) / u,
+        y: 1 - (f - s) / d
       };
     });
     i(this, "onFiveWantsPanGesture", () => {
@@ -207,15 +319,15 @@ class O extends M {
     i(this, "emitIntersectionUpdate", (e) => {
       this.emit("intersectionUpdate", e);
     });
-    this.five = e, this.config = l(l({}, this.config), t), this.actionIfNoIntersection = (c = (a = t == null ? void 0 : t.actionIfNoIntersection) != null ? a : t == null ? void 0 : t.actionIfNoModelUnderMouse) != null ? c : "virtualPoint";
-    const o = (r = t == null ? void 0 : t.mode) != null ? r : "auto";
-    o === "auto" ? this.mode = y ? "fixed" : "cursor" : this.mode = o;
-    const n = {
+    this.five = e, this.config = P(P({}, this.config), t), this.actionIfNoIntersection = (d = (u = t == null ? void 0 : t.actionIfNoIntersection) != null ? u : t == null ? void 0 : t.actionIfNoModelUnderMouse) != null ? d : "virtualPoint";
+    const s = (n = t == null ? void 0 : t.mode) != null ? n : "auto";
+    s === "auto" ? this.mode = j ? "fixed" : "cursor" : this.mode = s;
+    const c = {
       autoFixPCPosition: this.mode === "cursor",
       initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
     };
-    this.pointSelectorHelper = new H(this.five, v(l({}, t == null ? void 0 : t.helper), {
-      magnifierParams: l(l({}, n), (u = t == null ? void 0 : t.helper) == null ? void 0 : u.magnifierParams)
+    this.pointSelectorHelper = new C(this.five, E(P({}, t == null ? void 0 : t.helper), {
+      magnifierParams: P(P({}, c), (f = t == null ? void 0 : t.helper) == null ? void 0 : f.magnifierParams)
     })), this.pointSelectorHelper.hide();
   }
   get position() {
@@ -234,7 +346,7 @@ class O extends M {
     return this._cursorError;
   }
   set cursorError(e) {
-    this._cursorError = e, this.five.getElement().style.cursor = e ? P : "", e ? this.pointSelectorHelper.hide() : this.pointSelectorHelper.show();
+    this._cursorError = e, this.five.getElement().style.cursor = e ? V : "", e ? this.pointSelectorHelper.hide() : this.pointSelectorHelper.show();
   }
   set outOfFive(e) {
     this._outOfFive = e;
@@ -252,22 +364,22 @@ class O extends M {
     const e = this.five.getElement();
     if (!e)
       throw new Error("five element not found");
-    this.mode === "cursor" ? (this.five.on("wantsMoveToPano", d), this.five.on("wantsChangeMode", d), this.five.on("wantsTapGesture", d), e.addEventListener("touchstart", this.onTouchStart, { passive: !0 }), e.addEventListener("touchmove", this.onTouchMove), e.addEventListener("touchend", this.onTouchEnd), e.addEventListener("mousedown", this.onMouseDown), e.addEventListener("mouseup", this.onMouseUp), e.addEventListener("mousemove", this.updateByMousePosition), e.addEventListener("wheel", this.onMouseWheel), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture)) : this.mode === "fixed" && (this.five.on("panoArrived", this.renderScreenCenter), this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1, this.emit("enable");
+    this.mode === "cursor" ? (this.five.on("wantsMoveToPano", w), this.five.on("wantsChangeMode", w), this.five.on("wantsTapGesture", w), e.addEventListener("touchstart", this.onTouchStart, { passive: !0 }), e.addEventListener("touchmove", this.onTouchMove), e.addEventListener("touchend", this.onTouchEnd), e.addEventListener("mousedown", this.onMouseDown), e.addEventListener("mouseup", this.onMouseUp), e.addEventListener("mousemove", this.updateByMousePosition), e.addEventListener("wheel", this.onMouseWheel), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture)) : this.mode === "fixed" && (this.five.on("panoArrived", this.renderScreenCenter), this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), document.addEventListener("keydown", this.onKeyDown), document.addEventListener("keyup", this.onKeyUp), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1, this.emit("enable");
   }
   disable() {
     if (!this.enabled)
       return;
-    this.enabled = !1, this.pointSelectorHelper.disable(), this.five.getElement().style.cursor = "";
+    this.enabled = !1, this.adherePoints = null, this.adhereLine = [], this.adherePlane = [], this.plane = void 0, this.pointSelectorHelper.disable(), this.five.getElement().style.cursor = "";
     const e = this.five.getElement();
-    this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", d), this.five.off("wantsChangeMode", d), this.five.off("wantsTapGesture", d), this.five.helperVisible = this.lastFiveHelperVisible, e == null || e.removeEventListener("touchstart", this.onTouchStart), e == null || e.removeEventListener("touchmove", this.onTouchMove), e == null || e.removeEventListener("touchend", this.onTouchEnd), e == null || e.removeEventListener("mousedown", this.onMouseDown), e == null || e.removeEventListener("mouseup", this.onMouseUp), e == null || e.removeEventListener("mousemove", this.updateByMousePosition), e == null || e.removeEventListener("wheel", this.onMouseWheel), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.five.off("panoArrived", this.renderScreenCenter), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate), this.emit("disable");
+    this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", w), this.five.off("wantsChangeMode", w), this.five.off("wantsTapGesture", w), this.five.helperVisible = this.lastFiveHelperVisible, e == null || e.removeEventListener("touchstart", this.onTouchStart), e == null || e.removeEventListener("touchmove", this.onTouchMove), e == null || e.removeEventListener("touchend", this.onTouchEnd), e == null || e.removeEventListener("mousedown", this.onMouseDown), e == null || e.removeEventListener("mouseup", this.onMouseUp), e == null || e.removeEventListener("mousemove", this.updateByMousePosition), e == null || e.removeEventListener("wheel", this.onMouseWheel), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.five.off("panoArrived", this.renderScreenCenter), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("keyup", this.onKeyUp), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate), this.emit("disable");
   }
   dispose() {
     this.disable(), this.pointSelectorHelper.dispose();
   }
   setAdherePoints(e, t) {
-    e ? typeof e == "function" ? this.adherePoints = e : this.adherePoints = () => e : this.adherePoints = null, typeof t == "number" && (this.adherePointsRadius = t);
+    e ? typeof e == "function" ? this.adherePoints = e : this.adherePoints = () => e : this.adherePoints = null;
   }
 }
 export {
-  O as PointSelector
+  se as PointSelector
 };

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

@@ -15,6 +15,7 @@ declare function createRingMesh(): THREE.Mesh<THREE.RingGeometry, THREE.MeshBasi
 declare function createBallMesh(): THREE.Mesh<THREE.SphereGeometry, THREE.MeshBasicMaterial>;
 declare function createCSSBallMesh(): ICSS3DSprite;
 export declare class PointHelper2 extends THREE.Object3D implements PointHelperAbstract {
+    disableGetPixel: boolean;
     planeMesh: ReturnType<typeof createPlaneMesh>;
     ringMesh: ReturnType<typeof createRingMesh>;
     crossline: ReturnType<typeof createCrossline>;

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

@@ -2,16 +2,16 @@ var M = Object.defineProperty, v = Object.defineProperties;
 var p = Object.getOwnPropertyDescriptors;
 var d = Object.getOwnPropertySymbols;
 var f = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var l = (s, e, r) => e in s ? M(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r, c = (s, e) => {
-  for (var r in e || (e = {}))
-    f.call(e, r) && l(s, r, e[r]);
+var l = (s, t, r) => t in s ? M(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r, c = (s, t) => {
+  for (var r in t || (t = {}))
+    f.call(t, r) && l(s, r, t[r]);
   if (d)
-    for (var r of d(e))
-      m.call(e, r) && l(s, r, e[r]);
+    for (var r of d(t))
+      m.call(t, r) && l(s, r, t[r]);
   return s;
-}, h = (s, e) => v(s, p(e));
-var o = (s, e, r) => (l(s, typeof e != "symbol" ? e + "" : e, r), r);
-import * as t from "three";
+}, h = (s, t) => v(s, p(t));
+var o = (s, t, r) => (l(s, typeof t != "symbol" ? t + "" : t, r), r);
+import * as e from "three";
 import { initialCSS3DRender as A } from "../../../CSS3DRender/index.js";
 import { LineMesh as u } from "../../../../Sculpt/Meshes/Line.js";
 import { ICSS3DSprite as g } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
@@ -57,7 +57,8 @@ void main() {
 `
 );
 function P() {
-  const e = new t.CircleGeometry(0.2, 64), r = new t.ShaderMaterial({
+  const t = new e.CircleGeometry(0.2, 64), r = new e.ShaderMaterial({
+    side: e.DoubleSide,
     uniforms: {
       borderWidth: { value: 0.01 },
       radius: { value: 0.2 }
@@ -66,61 +67,63 @@ function P() {
     fragmentShader: y,
     depthTest: !1,
     transparent: !0,
-    blending: t.CustomBlending,
-    blendEquation: t.AddEquation,
-    blendSrc: t.DstColorFactor,
-    blendDst: t.SrcAlphaFactor,
-    blendDstAlpha: t.DstAlphaFactor
+    blending: e.CustomBlending,
+    blendEquation: e.AddEquation,
+    blendSrc: e.DstColorFactor,
+    blendDst: e.SrcAlphaFactor,
+    blendDstAlpha: e.DstAlphaFactor
   });
-  return new t.Mesh(e, r);
+  return new e.Mesh(t, r);
 }
 function b() {
-  const e = new t.Group(), r = {
+  const t = new e.Group(), r = {
     lineWidth: 1,
     lineColor: 3407837,
     lineOpacity: 0.7,
     occlusionVisibility: !0
   }, i = new u(h(c({ points: [{ x: -0.5 }, { x: 0.5 }] }, r), { lineColor: 3407837 })), a = new u(h(c({ points: [{ y: -0.5 }, { y: 0.5 }] }, r), { lineColor: 3407837 }));
-  return e.add(i, a), e;
+  return t.add(i, a), t;
 }
 function V(s) {
-  const e = new t.CurvePath();
-  e.add(new t.LineCurve3(new t.Vector3(0, 0, 0), new t.Vector3(0, 0, s)));
-  const r = new t.TubeGeometry(e, 32, 3e-3), i = new t.MeshBasicMaterial({
+  const t = new e.CurvePath();
+  t.add(new e.LineCurve3(new e.Vector3(0, 0, 0), new e.Vector3(0, 0, s)));
+  const r = new e.TubeGeometry(t, 32, 3e-3), i = new e.MeshBasicMaterial({
     color: 10994687,
     depthTest: !1,
     transparent: !0
     // 必须要开启透明度，要和PlaneMesh一起渲染
   });
-  return new t.Mesh(r, i);
+  return new e.Mesh(r, i);
 }
 function C() {
-  const s = new t.RingGeometry(0.03, 0.035, 64), e = new t.MeshBasicMaterial({
+  const s = new e.RingGeometry(0.03, 0.035, 64), t = new e.MeshBasicMaterial({
     color: 16777215,
     depthTest: !1,
-    transparent: !0
+    transparent: !0,
     // 必须要开启透明度，要和PlaneMesh一起渲染
+    side: e.DoubleSide
   });
-  return new t.Mesh(s, e);
+  return new e.Mesh(s, t);
 }
 function x() {
-  const s = new t.SphereGeometry(0.018, 32, 32), e = new t.MeshBasicMaterial({
+  const s = new e.SphereGeometry(0.018, 32, 32), t = new e.MeshBasicMaterial({
     color: 5085183,
     depthTest: !1,
     transparent: !0
     // 必须要开启透明度，要和PlaneMesh一起渲染
   });
-  return new t.Mesh(s, e);
+  return new e.Mesh(s, t);
 }
 function S() {
   const s = document.createElement("img");
   s.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAMAAAB8FU7dAAAAw1BMVEUAAACDuuiAsu11q/x8r/+HxtKHxtKIx9J4ut6Hx9Jcn/uNwNlmmf+RuP9ppf9orel3ud2HxtJrpf9oremev/9ppP9orelQmP9ZoPWSuP92q/9cnv9prel4ut53qv9orelYoPWIxdJPmP+HxtGRuP9oo/+Suf9Qmf92q/+RuP+DsP9Pmv+FxdFtre2SyMiRuP9PmP+evv9ppf9cnv+rxf9orepZofV4ut52q/+Dsf+Esv+5y/93q/9aofbF0f93rP9qpf8IzZ1iAAAAL3RSTlMAEg4s3dK5nodgVQoF/Pf39vbt7evr39rV1NTOzs6srJ+fiIZ9fWlpW09ERCwcHMH8LhIAAADRSURBVBjTjdDHkoMwEIThBrzOm3POOQwSYCRhe/f9n2p75FD2zX/VXL5qOAjzkixLsFL6fOFF5PwpXUj/eEwx7Oh9Jq+FdV5MqZkXlU9K4KZsmqY02x/A8LSwv14o0ylJWkP087WVhDfcjmjj5b/E3+CEpDPdGY58C7tKfzSiiA9uB4dV/NIF7yVQ7AGuq0lOIzrvnLP2Et2aMzUqryge8FVX0Zjl5XkG3KsR593pM2zVEScjvbMU7IdGjF19IzZ43Ceyve4Ai5Jep93u9BJs3j/gXjHbRgy31AAAAABJRU5ErkJggg==";
-  const e = new g(s);
-  return s.style.pointerEvents = "none", e.scale.set(3e-3, 3e-3, 3e-3), e;
+  const t = new g(s);
+  return s.style.pointerEvents = "none", t.scale.set(3e-3, 3e-3, 3e-3), t;
 }
-class E extends t.Object3D {
+class E extends e.Object3D {
   constructor(r) {
     super();
+    o(this, "disableGetPixel", !0);
     o(this, "planeMesh");
     o(this, "ringMesh");
     o(this, "crossline");
@@ -128,15 +131,15 @@ class E extends t.Object3D {
     o(this, "ballMesh");
     o(this, "cssBallMesh");
     const i = 0.18;
-    this.planeMesh = P(), this.ringMesh = C(), this.crossline = b(), this.lineMesh = V(i), this.ballMesh = x(), this.cssBallMesh = S(), this.ballMesh.position.setZ(i), this.cssBallMesh.position.setZ(i), this.planeMesh.renderOrder = 0, this.ringMesh.renderOrder = 1, this.crossline.renderOrder = 2, this.lineMesh.renderOrder = 3, this.ballMesh.renderOrder = 4, this.add(this.planeMesh, this.crossline, this.lineMesh, this.ballMesh, this.ringMesh, this.cssBallMesh), A(r);
+    this.planeMesh = P(), this.ringMesh = C(), this.crossline = b(), this.lineMesh = V(i), this.ballMesh = x(), this.cssBallMesh = S(), this.ballMesh.position.setZ(i), this.cssBallMesh.position.setZ(i), this.planeMesh.renderOrder = 0, this.ringMesh.renderOrder = 1, this.crossline.renderOrder = 2, this.lineMesh.renderOrder = 3, this.ballMesh.renderOrder = 4, this.add(this.planeMesh, this.lineMesh, this.ballMesh, this.ringMesh, this.cssBallMesh), A(r);
   }
   updateWithIntersect(r) {
     if (!r.face)
       return;
     const i = (() => {
       const n = r.face.normal.clone().normalize();
-      return n.y > 0.99 ? new t.Vector3(0, 1, 0) : n.y < -0.99 ? new t.Vector3(0, -1, 0) : n.x > 0.99 ? new t.Vector3(1, 0, 0) : n.x < -0.99 ? new t.Vector3(-1, 0, 0) : n.z > 0.99 ? new t.Vector3(0, 0, 1) : n.z < -0.99 ? new t.Vector3(0, 0, -1) : n.y < 0.01 && n.y > -0.01 ? new t.Vector3(n.x, 0, n.z) : n;
-    })(), a = new t.Vector3().addVectors(r.point, i);
+      return n.y > 0.99 ? new e.Vector3(0, 1, 0) : n.y < -0.99 ? new e.Vector3(0, -1, 0) : n.x > 0.99 ? new e.Vector3(1, 0, 0) : n.x < -0.99 ? new e.Vector3(-1, 0, 0) : n.z > 0.99 ? new e.Vector3(0, 0, 1) : n.z < -0.99 ? new e.Vector3(0, 0, -1) : n.y < 0.01 && n.y > -0.01 ? new e.Vector3(n.x, 0, n.z) : n;
+    })(), a = new e.Vector3().addVectors(r.point, i);
     this.position.copy(r.point), this.lookAt(a);
   }
   show() {