@realsee/dnalogel 2.21.0-dev.8 → 2.21.0

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

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

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

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

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

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

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

@@ -1,50 +0,0 @@
-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

@@ -1,100 +0,0 @@
-var m = Object.defineProperty, u = Object.defineProperties;
-var g = Object.getOwnPropertyDescriptors;
-var f = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
-var l = (t, i, e) => i in t ? m(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 (f)
-    for (var e of f(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"), this.five.needsRender = !0;
-    });
-    r(this, "hide", () => {
-      this.pointHelper.visible = !1, this.pointDomHelper.disable(), this.magnifier.canvas && (this.magnifier.canvas.style.visibility = "hidden"), this.five.needsRender = !0;
-    });
-    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
-};