@realsee/dnalogel 2.21.0-dev.9 → 2.21.0

package/libs/shared-utils/Object3DHelper/Base/BaseHelper.js

@@ -1,16 +1,36 @@
-var o = Object.defineProperty;
-var l = (s, r, e) => r in s ? o(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var a = (s, r, e) => (l(s, typeof r != "symbol" ? r + "" : r, e), e);
-import { Vector3 as p } from "three";
-import { setObjectQuaternion as c } from "../utils/setObjectQuaternion.js";
-import { IObject3D as h } from "../../three/IObject3D.js";
-class n extends h {
-  constructor(e, t) {
+var a = Object.defineProperty;
+var l = (r, t, e) => t in r ? a(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var o = (r, t, e) => (l(r, typeof t != "symbol" ? t + "" : t, e), e);
+import { Vector3 as c, Object3D as p } from "three";
+import { setObjectQuaternion as h } from "../utils/setObjectQuaternion.js";
+class d extends p {
+  constructor() {
+    super();
+  }
+  add(...t) {
+    if (t.length === 0)
+      return this;
+    const e = t.filter(Boolean);
+    return super.add(...e);
+  }
+  remove(...t) {
+    if (t.length === 0)
+      return this;
+    const e = t.filter(Boolean);
+    return super.remove(...e);
+  }
+  removeFromParent() {
+    const t = this.parent;
+    return t !== null && t.remove(this), this;
+  }
+}
+class n extends d {
+  constructor(e, s) {
     var i;
     super();
-    a(this, "originObject3D");
-    a(this, "onRender");
-    this.originObject3D = e, this.onRender = (i = t == null ? void 0 : t.onRender) != null ? i : () => {
+    o(this, "originObject3D");
+    o(this, "onRender");
+    this.originObject3D = e, this.onRender = (i = s == null ? void 0 : s.onRender) != null ? i : () => {
     };
   }
   get helperObject() {
@@ -31,8 +51,8 @@ class n extends h {
   hide() {
     this.visible = !1, this.render();
   }
-  raycasterIntersectObject(e, t = []) {
-    return e.intersectObject(this, !0, t);
+  raycasterIntersectObject(e, s = []) {
+    return e.intersectObject(this, !0, s);
   }
   initialPosition() {
     this.position.add(this.originObject3D.position);
@@ -40,15 +60,15 @@ class n extends h {
   initQuaternion() {
     this.quaternion.copy(this.originObject3D.quaternion);
   }
-  applyHelperScaleMatrix4(e, t) {
+  applyHelperScaleMatrix4(e, s) {
     this.scale.applyMatrix4(e);
   }
-  setHelperQuaternion(e, t) {
-    c(this, e, t);
+  setHelperQuaternion(e, s) {
+    h(this, e, s);
   }
-  applyHelperQuaternion(e, t) {
-    if (t) {
-      const i = new p().subVectors(this.position, t).applyQuaternion(e).add(t);
+  applyHelperQuaternion(e, s) {
+    if (s) {
+      const i = new c().subVectors(this.position, s).applyQuaternion(e).add(s);
       this.position.copy(i);
     }
     this.applyQuaternion(e);
@@ -57,20 +77,20 @@ class n extends h {
     this.removeFromParent();
   }
 }
-class j extends n {
+class x extends n {
 }
-class H extends n {
+class j extends n {
 }
-class O extends n {
+class v extends n {
 }
-class d extends n {
+class u extends n {
 }
-class y extends d {
+class H extends u {
 }
 export {
-  H as BoundingBoxHelperAbstract,
-  j as MoveHelperAbstract,
-  y as RectangleScaleHelperAbstract,
-  O as RotateHelperAbstract,
-  d as ScaleHelperAbstract
+  j as BoundingBoxHelperAbstract,
+  x as MoveHelperAbstract,
+  H as RectangleScaleHelperAbstract,
+  v as RotateHelperAbstract,
+  u as ScaleHelperAbstract
 };

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

@@ -3,5 +3,5 @@ export * from './five';
 export * from './three';
 export * from './isNil';
 export * from './uuid';
-export * from './absoluteUrl';
+export * from './isAbsoluteURL';
 export * from './animationFrame';

package/libs/shared-utils/index.js

@@ -3,41 +3,40 @@ import { Rectangle as r } from "./math/Rectangle.js";
 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 l } from "./three/getRaycaster.js";
-import { getIntersectFromRelativePosition as p } from "./three/getIntersect.js";
-import { PointHelper as f } from "./three/PointHelper.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 { PointDomHelper as a } from "./three/PointDomHelper.js";
-import { PointSelectorHelper as s } from "./three/PointSelectorHelper.js";
-import { isNil as g, notNil as u } from "./isNil.js";
-import { uuid as F } from "./uuid.js";
-import { absoluteUrl as P, isAbsoluteURL as c } from "./absoluteUrl.js";
-import { getFrameTime as d, nextFrame as b, requestAnimationFrameInterval as v } from "./animationFrame/index.js";
-import { BetterTween as R, tweenProgress as _ } from "./animationFrame/BetterTween.js";
-const U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { FivePointSelector as s } from "./three/FivePointSelector.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";
+import { getFrameTime as d, nextFrame as u, requestAnimationFrameInterval as v } from "./animationFrame/index.js";
+import { BetterTween as b, tweenProgress as R } from "./animationFrame/BetterTween.js";
+const O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BetterTween: R,
+  BetterTween: b,
+  FivePointSelector: s,
   Interval: o,
   Magnifier: m,
   PointDomHelper: a,
-  PointHelper: f,
-  PointSelectorHelper: s,
+  PointHelper: l,
   Rectangle: r,
-  absoluteUrl: P,
   getCoordsFromClient: i,
   getCoordsFromElement: n,
   getFrameTime: d,
-  getIntersectFromRelativePosition: p,
-  getRaycasterFromFivePointer: l,
+  getIntersectFromRelativePosition: f,
+  getRaycasterFromFivePointer: p,
   isAbsoluteURL: c,
   isModelLike: e,
   isNil: g,
   isPanoramaLike: t,
-  nextFrame: b,
-  notNil: u,
+  nextFrame: u,
+  notNil: F,
   requestAnimationFrameInterval: v,
-  tweenProgress: _,
-  uuid: F
+  tweenProgress: R,
+  uuid: P
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  U as index
+  O as index
 };

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

@@ -0,0 +1 @@
+export declare function isAbsoluteURL(url: string): boolean;

package/libs/shared-utils/isAbsoluteURL.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t.indexOf("//") === 0 || /^[0-9a-z]+\:\/\//i.test(t);
+}
+export {
+  e as isAbsoluteURL
+};

package/libs/shared-utils/logger.js

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

@@ -0,0 +1,36 @@
+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 {};

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

@@ -0,0 +1,49 @@
+var l = Object.defineProperty;
+var h = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var i = (n, t, e) => (h(n, typeof t != "symbol" ? t + "" : t, e), e);
+import * as a from "three";
+import { Subscribe as p } from "@realsee/five";
+import { Magnifier as m } from "./Magnifier.js";
+import { PointHelper as d } from "./PointHelper.js";
+import { PointDomHelper as f } from "./PointDomHelper.js";
+class D {
+  constructor(t, e) {
+    i(this, "five");
+    i(this, "hooks", new p());
+    i(this, "magnifier", null);
+    i(this, "pointHelper", null);
+    i(this, "pointDomHelper", null);
+    i(this, "contentDom", document.createElement("div"));
+    i(this, "state", { enabled: !1 });
+    i(this, "group", new a.Group());
+    this.five = t, this.magnifier = (e == null ? void 0 : e.magnifier) === void 0 ? new m(t, { dragEnabled: !0 }) : null, this.pointHelper = (e == null ? void 0 : e.pointHelper) === void 0 ? new d() : null, this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) === void 0 ? new f(t) : null, this.group.name = "five-point-selector", this.five.scene.add(this.group), this.contentDom.classList.add("five-point-selector-content"), this.contentDom.style.position = "absolute", this.contentDom.style.top = "0", this.contentDom.style.left = "0", this.contentDom.style.width = "100%", this.contentDom.style.height = "100%", this.contentDom.style.pointerEvents = "none";
+  }
+  enable() {
+    var t, e;
+    this.state.enabled || (this.state.enabled = !0, this.pointHelper && this.group.add(this.pointHelper), (t = this.magnifier) == null || t.enable(), (e = this.pointDomHelper) == null || e.enable(), this.five.needsRender = !0, this.hooks.emit("enabled"));
+  }
+  disable() {
+    var t, e;
+    this.state.enabled && (this.state.enabled = !1, this.pointHelper && this.group.remove(this.pointHelper), (t = this.magnifier) == null || t.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;
+  }
+  updateWithIntersect(t) {
+    var s;
+    this.hooks.emit("pointChanged", {
+      panoIndex: this.five.getCurrentState().panoIndex,
+      position: t.point.toArray(),
+      normal: (s = t.face) == null ? void 0 : s.normal.toArray()
+    });
+    const e = this.magnifier;
+    e && e.renderWithPoint(t.point);
+    const o = this.pointHelper;
+    o && o.updateWithIntersect(t);
+    const r = this.pointDomHelper;
+    r && r.updateWithIntersect(t), this.five.needsRender = !0;
+  }
+}
+export {
+  D as FivePointSelector
+};

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

@@ -35,9 +35,6 @@ export declare class Magnifier {
     private hammer?;
     private state;
     constructor(five: Five, options: MagnifierParameter);
-    getCurrentState(): {
-        enabled: boolean;
-    };
     dispose(): void;
     enable(): this;
     disable(): this;

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

@@ -1,14 +1,14 @@
-var p = Object.defineProperty;
-var P = (s, t, e) => t in s ? p(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var a = (s, t, e) => (P(s, typeof t != "symbol" ? t + "" : t, e), e);
+var P = Object.defineProperty;
+var b = (s, t, e) => t in s ? P(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var a = (s, t, e) => (b(s, typeof t != "symbol" ? t + "" : t, e), e);
 import w from "hammerjs";
-import * as g from "three";
+import * as m from "three";
 import { Subscribe as D } from "@realsee/five";
 function l(s, t, e) {
   const n = s[t], i = s[e];
   !n || !i || (s[t] = i, s[e] = n);
 }
-function C(s, t, e) {
+function E(s, t, e) {
   const n = e / 2;
   for (let i = 1; i <= n; i++) {
     const h = e - (i - 1);
@@ -30,7 +30,7 @@ class H {
     a(this, "config");
     a(this, "offset", { x: 0, y: 0 });
     a(this, "context");
-    a(this, "renderCenter", new g.Vector3());
+    a(this, "renderCenter", new m.Vector3());
     a(this, "hammer");
     a(this, "state", { enabled: !1 });
     a(this, "onPan", (t) => {
@@ -55,9 +55,6 @@ class H {
       throw new Error("CANNOT CREATE CONTEXT2D");
     this.context = n, this.config.dragEnabled && (this.hammer = new w(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panend", this.onPanEnd)), this.initStyle();
   }
-  getCurrentState() {
-    return this.state;
-  }
   dispose() {
     var t;
     this.clear(), this.disable(), (t = this.hammer) == null || t.destroy();
@@ -73,7 +70,8 @@ class H {
   }
   /** 把放大镜放到某一个容器中 */
   appendTo(t) {
-    return this.containerDom && Array.from(this.containerDom.children).includes(this.canvas) && this.containerDom.removeChild(this.canvas), this.containerDom = t, this.state.enabled && t.append(this.canvas), this;
+    var e;
+    return this.containerDom && ((e = this.containerDom) == null || e.removeChild(this.canvas)), this.containerDom = t, this.state.enabled && t.append(this.canvas), this;
   }
   /** 清除放大镜渲染内容 */
   clear() {
@@ -92,17 +90,16 @@ class H {
   render() {
     if (!this.five.renderer || !this.containerDom)
       return;
-    this.canvas.style.visibility = "visible";
-    const { scale: t, context: e, width: n, height: i } = this, h = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new g.Vector2()), o = 1, c = n / t, v = i / t, u = o * t, y = (h.x + 1) / 2 * r.x, b = (h.y + 1) / 2 * r.y, d = this.five.getPixels(y - c / 2, b - c / 2, c, v, u), f = Math.floor(n * o), x = Math.floor(i * o);
-    C(d, f, x);
-    const m = new ImageData(f, x);
-    m.data.set(d), e.putImageData(m, 0, 0);
+    const { scale: t, context: e, width: n, height: i } = this, h = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new m.Vector2()), o = 1, c = n / t, v = i / t, u = o * t, y = (h.x + 1) / 2 * r.x, p = (h.y + 1) / 2 * r.y, d = this.five.getPixels(y - c / 2, p - c / 2, c, v, u), f = Math.floor(n * o), x = Math.floor(i * o);
+    E(d, f, x);
+    const g = new ImageData(f, x);
+    g.data.set(d), e.putImageData(g, 0, 0);
   }
   initStyle() {
     const t = this.canvas;
     t.classList.add("five-plugin__magnifier"), t.style.position = "absolute", t.style.pointerEvents = "all", t.style.borderRadius = "50%", t.style.zIndex = "99";
     const e = 1;
-    t.setAttribute("width", (this.width * e).toString()), t.setAttribute("height", (this.height * e).toString()), t.style.border = "2px solid rgba(255,255,255,0.20)", t.style.width = this.width + "px", t.style.height = this.height + "px", t.style.top = this.config.initialPosition.top, t.style.left = this.config.initialPosition.left, t.style.transform = "translate(0,0,100px)", t.style.visibility = "hidden", this.config.dragEnabled && (this.canvas.style.cursor = "pointer");
+    t.setAttribute("width", (this.width * e).toString()), t.setAttribute("height", (this.height * e).toString()), t.style.border = "2px solid rgba(255,255,255,0.20)", t.style.width = this.width + "px", t.style.height = this.height + "px", t.style.top = this.config.initialPosition.top, t.style.left = this.config.initialPosition.left, t.style.transform = "translate(0,0,100px)", this.config.dragEnabled && (this.canvas.style.cursor = "pointer");
   }
 }
 export {

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

@@ -1,7 +1,9 @@
 import { Vector3 as r } from "three";
 function c(...t) {
   const e = new r();
-  return t.forEach((n) => e.add(n)), e.divideScalar(t.length), e;
+  return t.forEach((n) => {
+    e.add(n);
+  }), e.divideScalar(t.length), e;
 }
 export {
   c as centerPoint

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 './PointSelectorHelper';
+export * from './FivePointSelector';