@realsee/dnalogel 3.47.2 → 3.47.4

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

@@ -40,6 +40,7 @@ export declare class Magnifier {
     private hammer?;
     private offsetRange?;
     private isPanning;
+    private imageData;
     constructor(five: Five, options: MagnifierParameter);
     enable(): this;
     disable(): this;

package/libs/Sculpt/Meshes/Line.js

@@ -1,31 +1,31 @@
 var _ = Object.defineProperty;
-var L = Object.getOwnPropertySymbols;
+var b = Object.getOwnPropertySymbols;
 var S = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var f = (l, o, e) => o in l ? _(l, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[o] = e, y = (l, o) => {
+var f = (s, o, e) => o in s ? _(s, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[o] = e, y = (s, o) => {
   for (var e in o || (o = {}))
-    S.call(o, e) && f(l, e, o[e]);
-  if (L)
-    for (var e of L(o))
-      k.call(o, e) && f(l, e, o[e]);
-  return l;
+    S.call(o, e) && f(s, e, o[e]);
+  if (b)
+    for (var e of b(o))
+      k.call(o, e) && f(s, e, o[e]);
+  return s;
 };
-var h = (l, o, e) => (f(l, typeof o != "symbol" ? o + "" : o, e), e);
+var h = (s, o, e) => (f(s, typeof o != "symbol" ? o + "" : o, e), e);
 import * as a from "three";
-import { DEFAULT_LINE_COLOR as b, DEFAULT_LINE_WIDTH as M, DEFAULT_HIGHLIGHT_OPACITY as m } from "../typings/style.js";
-import { LineGeometry as D, LineMaterial as w, THREE_Line2 as H } from "../../shared-utils/five/FiveLine.js";
+import { DEFAULT_LINE_COLOR as m, DEFAULT_LINE_WIDTH as M, DEFAULT_HIGHLIGHT_OPACITY as D } from "../typings/style.js";
+import { LineGeometry as L, LineMaterial as w, THREE_Line2 as H } from "../../shared-utils/five/FiveLine.js";
 import { anyPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
-import { IObject3D as I } from "../../shared-utils/three/IObject3D.js";
+import { IObject3D as p } from "../../shared-utils/three/IObject3D.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import { centerPoint as R } from "../../shared-utils/three/centerPoint.js";
-import { LightTag as x } from "../../shared-utils/tag.js";
-import { globalModules as p } from "../utils/Modules/Global.js";
+import { centerPoint as I } from "../../shared-utils/three/centerPoint.js";
+import { LightTag as R } from "../../shared-utils/tag.js";
+import { globalModules as x } from "../utils/Modules/Global.js";
 import { removeAllTag as v } from "../utils/removeAllTag.js";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { notNil as c } from "../../shared-utils/isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-class T extends w {
+class E extends w {
   constructor(e) {
     var n, t;
     super(e);
@@ -44,15 +44,15 @@ class T extends w {
     this.dashed = e, e ? this.defines.USE_DASH = "" : delete this.defines.USE_DASH, this.needsUpdate = !0;
   }
 }
-class E extends H {
+class T extends H {
   constructor(e, n) {
     super(e, n);
     h(this, "name", "Line3");
   }
 }
-class J extends I {
+class J extends p {
   constructor(e) {
-    var s, r, u, g, d;
+    var l, r, g, u, d;
     super();
     h(this, "name", "LineMesh");
     h(this, "points");
@@ -63,15 +63,15 @@ class J extends I {
     h(this, "opacityBeforeHighlight");
     h(this, "paramsStyle", {});
     this.paramsStyle = e != null ? e : {};
-    const n = new D(), t = new T({
-      color: new a.Color((s = e == null ? void 0 : e.lineColor) != null ? s : b),
+    const n = new L(), t = new E({
+      color: new a.Color((l = e == null ? void 0 : e.lineColor) != null ? l : m),
       linewidth: (r = e == null ? void 0 : e.lineWidth) != null ? r : M,
       dashScale: 40,
-      opacity: (u = e == null ? void 0 : e.opacity) != null ? u : 1,
+      opacity: (g = e == null ? void 0 : e.opacity) != null ? g : 1,
       transparent: !0,
-      dashed: (g = e == null ? void 0 : e.dashed) != null ? g : !1
-    }), i = new T({
-      color: new a.Color((d = e == null ? void 0 : e.lineColor) != null ? d : b),
+      dashed: (u = e == null ? void 0 : e.dashed) != null ? u : !1
+    }), i = new E({
+      color: new a.Color((d = e == null ? void 0 : e.lineColor) != null ? d : m),
       linewidth: t.linewidth * 0.9,
       dashScale: t.dashScale,
       opacity: t.opacity * 0.8,
@@ -80,7 +80,7 @@ class J extends I {
       transparent: !0,
       resolution: t.resolution
     });
-    this.line = new E(n, t), this.backLine = new E(n, i), this.line.renderOrder = 1, this.backLine.renderOrder = 0, this.line.name = "lineFrontMaterial", this.backLine.name = "lineBackMaterial", e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
+    this.line = new T(n, t), this.backLine = new T(n, i), this.line.renderOrder = 1, this.backLine.renderOrder = 0, this.line.name = "lineFrontMaterial", this.backLine.name = "lineBackMaterial", e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
       v(this);
     });
   }
@@ -111,11 +111,13 @@ class J extends I {
   }
   setPoints(e) {
     const n = e.map(C).filter(c);
-    if (this.points = n, n.length < 2)
+    if (this.points = n, n.length < 2) {
+      this.line.geometry = new L(), this.backLine.geometry = this.line.geometry, this.updateLengthItems();
       return;
+    }
     this.addIfNotExists(this.line, this.backLine);
     const t = n.flatMap((i) => [i.x, i.y, i.z]);
-    t.length > 2 && (this.line.geometry.dispose(), this.line.geometry = new D(), this.backLine.geometry = this.line.geometry), this.line.geometry.setPositions(t), this.line.computeLineDistances(), this.updateLengthItems(), this.needsRender = !0;
+    t.length > 2 && (this.line.geometry.dispose(), this.line.geometry = new L(), this.backLine.geometry = this.line.geometry), this.line.geometry.setPositions(t), this.line.computeLineDistances(), this.updateLengthItems(), this.needsRender = !0;
   }
   setResolution(e, n) {
     const t = this.line.material.resolution;
@@ -124,28 +126,30 @@ class J extends I {
     (i.x !== e || i.y !== n) && (i.set(e, n), this.needsRender = !0);
   }
   setStyle(e) {
-    var i, s, r;
+    var i, l, r;
     this.paramsStyle = y(y({}, this.paramsStyle), e), c(e.lineColor) && (this.line.material.three_color = new a.Color(e.lineColor), this.backLine.material.three_color = new a.Color(e.lineColor)), c(e.lineWidth) && (this.line.material.linewidth = e.lineWidth), c(e.dashed) && this.line.material.setDashed(e.dashed), c(e.opacity) && (this.line.material.opacity = e.opacity, this.backLine.material.opacity = this.line.material.opacity * 0.2), this.updateLengthItems();
-    const n = (i = e.occlusionVisibility) != null ? i : this.paramsStyle.occlusionVisibility, t = (r = (s = e.occlusionMode) != null ? s : this.paramsStyle.occlusionMode) != null ? r : "translucence";
+    const n = (i = e.occlusionVisibility) != null ? i : this.paramsStyle.occlusionVisibility, t = (r = (l = e.occlusionMode) != null ? l : this.paramsStyle.occlusionMode) != null ? r : "translucence";
     n ? t === "depthTest" ? (this.line.material.depthTest = !1, this.backLine.visible = !1) : t === "translucence" && (this.line.material.depthTest = !0, this.backLine.visible = !0, this.line.material.opacity === 1 ? this.backLine.material.setDashed(!0) : this.backLine.material.setDashed(this.line.material.dashed)) : (this.line.material.depthTest = !0, this.backLine.visible = !1), this.needsRender = !0;
   }
   highlight() {
-    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.line.material.opacity, this.line.material.opacity = this.opacityBeforeHighlight * m, this.backLine.material.opacity = this.backLine.material.opacity * m, this.needsRender = !0);
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.line.material.opacity, this.line.material.opacity = this.opacityBeforeHighlight * D, this.backLine.material.opacity = this.backLine.material.opacity * D, this.needsRender = !0);
   }
   unhighlight() {
     this.highlighted && (this.highlighted = !1, this.line.material.opacity = this.opacityBeforeHighlight, this.backLine.material.opacity = 0.2, this.needsRender = !0);
   }
   updateLengthItems() {
     var e, n;
-    if (this.paramsStyle.lengthEnable) {
-      const t = (n = (e = this.points) == null ? void 0 : e.map((i, s) => {
-        if (s !== 0)
-          return [this.points[s - 1], i];
+    if ((!this.points || this.points.length < 2) && (this.lengthDoms.forEach((t) => t.destroy()), this.lengthDoms = []), this.paramsStyle.lengthEnable) {
+      const t = (n = (e = this.points) == null ? void 0 : e.map((i, l) => {
+        if (l !== 0)
+          return [this.points[l - 1], i];
       }).filter(c)) != null ? n : [];
-      t.forEach(([i, s], r) => {
+      t.forEach(([i, l], r) => {
         var d;
-        const u = R(i, s), g = i.distanceTo(s).toFixed(2) + "m";
-        this.lengthDoms[r] = (d = this.lengthDoms[r]) != null ? d : new x(p.five), this.lengthDoms[r].setPosition(u), this.lengthDoms[r].container.innerHTML = `<div style="pointer-events:none;color:white;">${g}</div>`;
+        const g = I(i, l), u = i.distanceTo(l).toFixed(2) + "m";
+        this.lengthDoms[r] = (d = this.lengthDoms[r]) != null ? d : new R(x.five), this.lengthDoms[r].setPosition(g), this.lengthDoms[r].container.innerHTML = `
+          <div style="pointer-events:none;color:white;">${u}</div>
+        `;
       }), this.lengthDoms.length > t.length && (this.lengthDoms.slice(t.length).forEach((i) => i.destroy()), this.lengthDoms.length = t.length);
     } else
       this.lengthDoms.forEach((t) => t.destroy()), this.lengthDoms = [];

package/libs/Sculpt/Objects/Line/index.js

@@ -1,55 +1,55 @@
-var j = Object.defineProperty, O = Object.defineProperties;
-var T = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var y = (i, t, e) => t in i ? j(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, u = (i, t) => {
+var W = Object.defineProperty, j = Object.defineProperties;
+var O = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var A = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var u = (i, t, e) => t in i ? W(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, P = (i, t) => {
   for (var e in t || (t = {}))
-    V.call(t, e) && y(i, e, t[e]);
-  if (b)
-    for (var e of b(t))
-      A.call(t, e) && y(i, e, t[e]);
+    A.call(t, e) && u(i, e, t[e]);
+  if (C)
+    for (var e of C(t))
+      D.call(t, e) && u(i, e, t[e]);
   return i;
-}, C = (i, t) => O(i, T(t));
-var P = (i, t, e) => (y(i, typeof t != "symbol" ? t + "" : t, e), e);
-var W = (i, t, e) => new Promise((n, a) => {
-  var h = (o) => {
+}, y = (i, t) => j(i, O(t));
+var L = (i, t, e) => (u(i, typeof t != "symbol" ? t + "" : t, e), e);
+var x = (i, t, e) => new Promise((s, c) => {
+  var a = (h) => {
     try {
-      d(e.next(o));
+      m(e.next(h));
     } catch (p) {
-      a(p);
+      c(p);
     }
-  }, f = (o) => {
+  }, d = (h) => {
     try {
-      d(e.throw(o));
+      m(e.throw(h));
     } catch (p) {
-      a(p);
+      c(p);
     }
-  }, d = (o) => o.done ? n(o.value) : Promise.resolve(o.value).then(h, f);
-  d((e = e.apply(i, t)).next());
+  }, m = (h) => h.done ? s(h.value) : Promise.resolve(h.value).then(a, d);
+  m((e = e.apply(i, t)).next());
 });
-import { hotkeys as D } from "../../../vendor/hotkeys-js/dist/hotkeys.esm.js";
-import { LineMesh as x } from "../../Meshes/Line.js";
-import { BaseObject as U } from "../Base/index.js";
-import * as m from "three";
-import { LineEditor as k } from "./Editor.js";
-import { vector3ToArray as z } from "../../../shared-utils/three/vector3ToArray.js";
-import { LineWithDotsMesh as E } from "../../Meshes/LineWithDots.js";
-import { rayOnLine as B } from "../../utils/three/rayOnLine.js";
-const F = new m.Vector3();
-class Q extends U {
-  constructor(e, n) {
-    super(e, n);
-    P(this, "type", "Line");
-    P(this, "lineMesh");
-    e && (this.lineMesh = new E(u(u({}, e.style), e)), this.add(this.lineMesh)), this.editor = new k(this), D("esc", () => {
+import { hotkeys as U } from "../../../vendor/hotkeys-js/dist/hotkeys.esm.js";
+import { LineMesh as E } from "../../Meshes/Line.js";
+import { BaseObject as k } from "../Base/index.js";
+import * as r from "three";
+import { LineEditor as z } from "./Editor.js";
+import { vector3ToArray as B } from "../../../shared-utils/three/vector3ToArray.js";
+import { LineWithDotsMesh as V } from "../../Meshes/LineWithDots.js";
+import { rayOnLine as F } from "../../utils/three/rayOnLine.js";
+const T = new r.Vector3();
+class X extends k {
+  constructor(e, s) {
+    super(e, s);
+    L(this, "type", "Line");
+    L(this, "lineMesh");
+    e && (this.lineMesh = new V(P(P({}, e.style), e)), this.add(this.lineMesh)), this.editor = new z(this), U("esc", () => {
       this.stopCreating();
     });
   }
   get data() {
-    return C(u({}, this.baseData), {
-      points: z(this.applyObjectMatrixWorld(this.lineMesh.points)),
+    return y(P({}, this.baseData), {
+      points: B(this.applyObjectMatrixWorld(this.lineMesh.points)),
       style: {
-        lineColor: new m.Color(this.lineMesh.color).getHex(),
+        lineColor: new r.Color(this.lineMesh.color).getHex(),
         lineWidth: this.lineMesh.lineWidth,
         dashed: this.lineMesh.dashed
       }
@@ -64,44 +64,44 @@ class Q extends U {
     (e = this.lineMesh) == null || e.unhighlight();
   }
   create(e) {
-    return W(this, null, function* () {
+    return x(this, null, function* () {
       this.removeChildren();
-      const n = new E(e);
-      this.lineMesh = n, this.add(this.lineMesh), yield H(n, this.pointSelector, e), this.editor.enable();
+      const s = new V(e);
+      this.lineMesh = s, this.add(this.lineMesh), yield H(s, this.pointSelector, e), this.editor.enable();
     });
   }
 }
 function H(i, t, e) {
-  var d;
-  const n = i.parent;
-  if (!n)
+  var m;
+  const s = i.parent;
+  if (!s)
     return;
-  const a = (d = e == null ? void 0 : e.limit) != null ? d : "none", h = new x(i.style);
-  n.add(h);
-  const f = new x({ dashed: !0, lineColor: i.color, lineWidth: i.lineWidth });
-  return n.add(f), t.enable(), new Promise((o, p) => {
-    const s = [];
-    let r, c;
+  const c = (m = e == null ? void 0 : e.limit) != null ? m : "none", a = new E(i.style);
+  s.add(a);
+  const d = new E(y(P({}, i.style), { dashed: !0 }));
+  return s.add(d), t.enable(), new Promise((h, p) => {
+    const n = [];
+    let o, f;
     const g = (l) => {
-      const w = s.length === 0 ? l.point : r.clone();
-      s.push(w), i.setPoints(s), s.length === 2 && (M(), o());
-    }, L = (l) => {
-      if (!(s != null && s.length) || !l)
+      const w = n.length === 0 ? l.point : o.clone();
+      n.push(w), i.setPoints(n), n.length === 2 && (v(), h());
+    }, M = (l) => {
+      if (!(n != null && n.length) || !l)
         return;
-      const w = s.at(-1).clone();
-      a === "none" ? (r = l.point, h.setPoints([w, r])) : a === "xoz" ? (t.plane = c, c = c != null ? c : new m.Plane().setFromNormalAndCoplanarPoint(new m.Vector3(0, 1, 0), s[0]), r = c.projectPoint(l.point, F), h.setPoints([w, r]), f.setPoints([r, l.point])) : a === "y" && (r = B({
+      const w = n.at(-1).clone();
+      c === "none" ? (o = l.point, a.setPoints([w, o])) : c === "xoz" ? (t.plane = f, f = f != null ? f : new r.Plane().setFromNormalAndCoplanarPoint(new r.Vector3(0, 1, 0), n[0]), o = f.projectPoint(l.point, T), a.setPoints([w, o]), d.setPoints([o, l.point])) : c === "y" && (l.isVirtual ? (o = F({
         raycaster: l.raycaster,
-        line: new m.Line3(s[0].clone(), new m.Vector3(0, 1, 0).add(s[0])),
+        line: new r.Line3(n[0].clone(), new r.Vector3(0, 1, 0).add(n[0])),
         clampToLine: !1
-      }), h.setPoints([w, r]));
-    }, M = () => {
-      t.off("select", g), t.off("intersectionUpdate", L), t.off("disable", v), t.plane = null, t.disable(), n == null || n.remove(h, f);
+      }), d.setPoints([])) : (o = new r.Line3(n[0].clone(), new r.Vector3(0, 1, 0).add(n[0])).closestPointToPoint(l.point, !1, T), d.setPoints([o, l.point])), a.setPoints([w, o]));
     }, v = () => {
-      M(), s.length !== 2 && (n == null || n.remove(i)), p(new Error("Cancelled"));
+      t.off("select", g), t.off("intersectionUpdate", M), t.off("disable", b), t.plane = null, t.disable(), s == null || s.remove(a, d);
+    }, b = () => {
+      v(), n.length !== 2 && (s == null || s.remove(i)), p(new Error("Cancelled"));
     };
-    t.on("select", g), t.on("intersectionUpdate", L), t.on("disable", v);
+    t.on("select", g), t.on("intersectionUpdate", M), t.on("disable", b);
   });
 }
 export {
-  Q as Line
+  X as Line
 };

package/libs/base/BasePlugin.js

@@ -17,7 +17,7 @@ let x = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.47.2");
+    i(this, "VERSION", "3.47.4");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.47.2",
+    "%c %c@realsee/dnalogel %cv3.47.4",
     [
       "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/Magnifier.d.ts

@@ -40,6 +40,7 @@ export declare class Magnifier {
     private hammer?;
     private offsetRange?;
     private isPanning;
+    private imageData;
     constructor(five: Five, options: MagnifierParameter);
     enable(): this;
     disable(): this;

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

@@ -1,15 +1,15 @@
-var p = Object.defineProperty;
-var b = (r, t, e) => t in r ? p(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var n = (r, t, e) => (b(r, typeof t != "symbol" ? t + "" : t, e), e);
-import C from "hammerjs";
+var P = Object.defineProperty;
+var p = (r, t, e) => t in r ? P(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var n = (r, t, e) => (p(r, typeof t != "symbol" ? t + "" : t, e), e);
+import b from "hammerjs";
 import * as l from "three";
-import { Subscribe as R } from "../Subscribe.js";
-class Y {
+import { Subscribe as C } from "../Subscribe.js";
+class E {
   constructor(t, e) {
     n(this, "width");
     n(this, "height");
     n(this, "containerDom");
-    n(this, "hooks", new R());
+    n(this, "hooks", new C());
     n(this, "canvas", document.createElement("canvas"));
     n(this, "config");
     n(this, "state", { enabled: !1 });
@@ -21,6 +21,7 @@ class Y {
     n(this, "hammer");
     n(this, "offsetRange");
     n(this, "isPanning", !1);
+    n(this, "imageData", new ImageData(1, 1));
     n(this, "onPanstart", () => {
       this.isPanning = !0, this.canvas.style.boxShadow = "0 2px 30px 0 rgba(0,0,0,0.20)";
     });
@@ -49,7 +50,7 @@ class Y {
     const i = this.canvas.getContext("2d");
     if (!i)
       throw new Error("CANNOT CREATE CONTEXT2D");
-    this.context = i, this.config.dragEnabled && (this.hammer = new C(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panstart", this.onPanstart), this.hammer.on("panend", this.onPanend)), this.initStyle();
+    this.context = i, this.config.dragEnabled && (this.hammer = new b(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panstart", this.onPanstart), this.hammer.on("panend", this.onPanend)), this.initStyle();
   }
   enable() {
     if (!this.state.enabled)
@@ -100,12 +101,12 @@ class Y {
       return;
     const { width: t, height: e } = this, { clientWidth: i, clientHeight: s } = this.containerDom, [h, o, a] = (() => {
       if (this.renderCenter instanceof l.Vector3) {
-        const c = this.renderCenter.clone().project(this.five.camera);
+        const f = this.renderCenter.clone().project(this.five.camera);
         return [
           //
-          (c.x + 1) / 2 * i,
-          -(c.x - 1) / 2 * i,
-          -(c.y - 1) / 2 * s
+          (f.x + 1) / 2 * i,
+          -(f.x - 1) / 2 * i,
+          -(f.y - 1) / 2 * s
         ];
       } else
         return [this.renderCenter.x, i - this.renderCenter.x, this.renderCenter.y];
@@ -117,14 +118,12 @@ class Y {
       return;
     const { scale: t, context: e, width: i, height: s } = this, h = this.five.renderer.getSize(new l.Vector2()), [o, a] = (() => {
       if (this.renderCenter instanceof l.Vector3) {
-        const y = this.renderCenter.clone().project(this.five.camera);
-        return [(y.x + 1) / 2 * h.x, (y.y + 1) / 2 * h.y];
+        const v = this.renderCenter.clone().project(this.five.camera);
+        return [(v.x + 1) / 2 * h.x, (v.y + 1) / 2 * h.y];
       } else
         return [this.renderCenter.x, h.y - this.renderCenter.y];
-    })(), c = 1, f = i / t, x = s / t, P = c * t, g = this.five.getPixels(o - f / 2, a - f / 2, f, x, P), m = Math.floor(i * c), u = Math.floor(s * c);
-    w(g, m, u);
-    const v = new ImageData(m, u);
-    v.data.set(g), e.putImageData(v, 0, 0), this.canvas.style.visibility = "visible";
+    })(), f = 1, c = i / t, g = s / t, y = f * t, u = this.five.getPixels(o - c / 2, a - c / 2, c, g, y), x = Math.floor(i * f), m = Math.floor(s * f);
+    D(u, x, m), (this.imageData.width !== x || this.imageData.height !== m) && (this.imageData = new ImageData(x, m)), this.imageData.data.set(u), e.putImageData(this.imageData, 0, 0), this.canvas.style.visibility = "visible";
   }
   initStyle() {
     const t = this.canvas;
@@ -136,24 +135,24 @@ class Y {
     const {
       min: { x: i, y: s },
       max: { x: h, y: o }
-    } = e, a = this.offset.x + t.deltaX, c = this.offset.y + t.deltaY, f = Math.min(Math.max(a, i), h), x = Math.min(Math.max(c, s), o);
-    return { translateX: f, translateY: x };
+    } = e, a = this.offset.x + t.deltaX, f = this.offset.y + t.deltaY, c = Math.min(Math.max(a, i), h), g = Math.min(Math.max(f, s), o);
+    return { translateX: c, translateY: g };
   }
 }
 function d(r, t, e) {
   const i = r[t], s = r[e];
   i === void 0 || s === void 0 || (r[t] = s, r[e] = i);
 }
-function w(r, t, e) {
+function D(r, t, e) {
   const i = e / 2;
   for (let s = 1; s <= i; s++) {
     const h = e - (s - 1);
     for (let o = 1; o <= t; o++) {
-      const a = (s - 1) * t + o - 1, c = (h - 1) * t + o - 1;
-      d(r, a * 4 + 0, c * 4 + 0), d(r, a * 4 + 1, c * 4 + 1), d(r, a * 4 + 2, c * 4 + 2), d(r, a * 4 + 3, c * 4 + 3);
+      const a = (s - 1) * t + o - 1, f = (h - 1) * t + o - 1;
+      d(r, a * 4 + 0, f * 4 + 0), d(r, a * 4 + 1, f * 4 + 1), d(r, a * 4 + 2, f * 4 + 2), d(r, a * 4 + 3, f * 4 + 3);
     }
   }
 }
 export {
-  Y as Magnifier
+  E as Magnifier
 };

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

@@ -2,15 +2,15 @@ var v = Object.defineProperty, E = Object.defineProperties;
 var w = Object.getOwnPropertyDescriptors;
 var f = Object.getOwnPropertySymbols;
 var S = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
-var p = (n, s, e) => s in n ? v(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e, l = (n, s) => {
+var p = (o, s, e) => s in o ? v(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e, l = (o, s) => {
   for (var e in s || (s = {}))
-    S.call(s, e) && p(n, e, s[e]);
+    S.call(s, e) && p(o, e, s[e]);
   if (f)
     for (var e of f(s))
-      y.call(s, e) && p(n, e, s[e]);
-  return n;
-}, m = (n, s) => E(n, w(s));
-var i = (n, s, e) => (p(n, typeof s != "symbol" ? s + "" : s, e), e);
+      y.call(s, e) && p(o, e, s[e]);
+  return o;
+}, m = (o, s) => E(o, w(s));
+var i = (o, s, e) => (p(o, typeof s != "symbol" ? s + "" : s, e), e);
 import { PointSelectorHelper as I } from "./utils/PointSelectorHelper.js";
 import { isTouchDevice as b } from "../../isTouchDevice.js";
 import C from "hammerjs";
@@ -19,9 +19,9 @@ import { Subscribe as H } from "../../Subscribe.js";
 import { getIntersectByRaycaster as F, getVirtualIntersectByRaycaster as M } from "../../five/getPosition.js";
 import { getRaycasterByNdcPosition as N } from "../../five/getRaycasterByNdcPosition.js";
 const x = new u.Vector3(), d = () => !1;
-class V extends H {
+class R extends H {
   constructor(e, t) {
-    var a, o, c;
+    var h, n, c;
     super();
     /**
      * @description: 不在 five canvas 上时为 true
@@ -108,16 +108,16 @@ class V extends H {
      * @description: 根据鼠标位置计算焦点位置并更新
      */
     i(this, "updateByNdcPosition", (e) => {
-      var h, a;
+      var a, h;
       const t = N(this.five, e), r = F(this.five, t);
       if (r)
         return this.updatePointSelectorHelperIntersect(r), this.lastIntersection = r, !0;
       if (this.plane) {
-        const o = t.ray.intersectPlane(this.plane, x);
-        if (o) {
+        const n = t.ray.intersectPlane(this.plane, x);
+        if (n) {
           const c = {
-            distance: this.five.camera.position.distanceTo(o),
-            point: o.clone(),
+            distance: this.five.camera.position.distanceTo(n),
+            point: n.clone(),
             object: new u.Object3D(),
             face: new u.Face3(0, 0, 0, this.plane.normal.clone()),
             raycaster: t,
@@ -129,8 +129,8 @@ class V extends H {
       if (this.actionIfNoModelUnderMouse === "lastPoint")
         return this.updatePointSelectorHelperIntersect(this.lastIntersection), !0;
       if (this.actionIfNoModelUnderMouse === "virtualPoint") {
-        const o = M(t, (h = this.lastIntersection) == null ? void 0 : h.distance);
-        return o.face = new u.Face3(0, 0, 0, (a = this.lastIntersection) == null ? void 0 : a.face.normal), this.lastIntersection = o, this.updatePointSelectorHelperIntersect(o), !0;
+        const n = M(t, (a = this.lastIntersection) == null ? void 0 : a.distance);
+        return n.face = new u.Face3(0, 0, 0, (h = this.lastIntersection) == null ? void 0 : h.face.normal), n.isVirtual = !0, this.lastIntersection = n, this.updatePointSelectorHelperIntersect(n), !0;
       } else if (this.actionIfNoModelUnderMouse === "disable")
         return this.updatePointSelectorHelperIntersect(null), !1;
     });
@@ -146,9 +146,9 @@ class V extends H {
       const t = l({}, e);
       let r = !1;
       if (typeof this.adherePoints == "function" && typeof this.adherePointsRadius == "number") {
-        for (const h of this.adherePoints({ intersection: e, pointSelectorInstance: this }))
-          if (h.distanceTo(e.point) < this.adherePointsRadius) {
-            t.point = h.clone(), r = !0;
+        for (const a of this.adherePoints({ intersection: e, pointSelectorInstance: this }))
+          if (a.distanceTo(e.point) < this.adherePointsRadius) {
+            t.point = a.clone(), r = !0;
             break;
           }
       }
@@ -158,10 +158,10 @@ class V extends H {
       const t = this.five.getElement();
       if (!t)
         return null;
-      const { top: r, left: h, width: a, height: o } = t.getBoundingClientRect(), { clientX: c, clientY: P } = e;
+      const { top: r, left: a, width: h, height: n } = t.getBoundingClientRect(), { clientX: c, clientY: P } = e;
       return {
-        x: (c - h) / a,
-        y: 1 - (P - r) / o
+        x: (c - a) / h,
+        y: 1 - (P - r) / n
       };
     });
     i(this, "onFiveWantsPanGesture", () => {
@@ -174,15 +174,15 @@ class V extends H {
     i(this, "emitIntersectionUpdate", (e) => {
       this.emit("intersectionUpdate", e);
     });
-    this.five = e, this.config = l(l({}, this.config), t), this.actionIfNoModelUnderMouse = (a = t == null ? void 0 : t.actionIfNoModelUnderMouse) != null ? a : "virtualPoint";
-    const r = (o = t == null ? void 0 : t.mode) != null ? o : "auto";
+    this.five = e, this.config = l(l({}, this.config), t), this.actionIfNoModelUnderMouse = (h = t == null ? void 0 : t.actionIfNoModelUnderMouse) != null ? h : "virtualPoint";
+    const r = (n = t == null ? void 0 : t.mode) != null ? n : "auto";
     r === "auto" ? this.mode = b ? "fixed" : "cursor" : this.mode = r;
-    const h = {
+    const a = {
       autoFixPCPosition: this.mode === "cursor",
       initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
     };
     this.pointSelectorHelper = new I(this.five, m(l({}, t == null ? void 0 : t.helper), {
-      magnifierParams: l(l({}, h), (c = t == null ? void 0 : t.helper) == null ? void 0 : c.magnifierParams)
+      magnifierParams: l(l({}, a), (c = t == null ? void 0 : t.helper) == null ? void 0 : c.magnifierParams)
     })), this.pointSelectorHelper.hide();
   }
   get position() {
@@ -215,5 +215,5 @@ class V extends H {
   }
 }
 export {
-  V as PointSelector
+  R as PointSelector
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.47.2",
+  "version": "3.47.4",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",
@@ -42,7 +42,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.22.9",
-    "@realsee/five": "6.1.2",
+    "@realsee/five": "6.2.0-alpha.6",
     "@sveltejs/vite-plugin-svelte": "^2.4.2",
     "@tsconfig/svelte": "^4.0.1",
     "@tweenjs/tween.js": "^23.1.1",