@realsee/dnalogel 2.1.2-alpha.1 → 2.1.2-alpha.3

package/esm/PanoMeasurePlugin/Controller/EditController.d.ts

@@ -0,0 +1,48 @@
+import type { LineJson } from '../typings/data';
+import Line from '../Model/line';
+import BaseController, { IControllerParams } from './BaseController';
+export interface EditEvent {
+    editedLineChange: (lines: LineJson[]) => void;
+}
+export default class EditController extends BaseController {
+    type: string;
+    private pressPoint?;
+    private hasAppendDashed;
+    private hasAppendMouseGroup;
+    private fiveElement?;
+    /** 上一个端点位置 */
+    private lastPoint;
+    private hammer?;
+    /** 根据 intersection 更新放大镜和吸附点 */
+    private onIntersectionUpdate;
+    constructor(params: IControllerParams);
+    dispose(): void;
+    getEditingLines(): Line[];
+    /** 撤销编辑 */
+    revoke: () => void;
+    private onMouseLeave;
+    /** 编辑线条发生改变时通知外部 */
+    private onLineChanged;
+    private onPress;
+    /**
+     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
+     * 2. 如果有长按点，把长按点位置更新为当前位置
+     */
+    private onPan;
+    private onPanEnd;
+    /**
+     * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
+     * 2. 把上一个点的位置更新为当前点的位置
+     * 3. 清除 mouseGroup 和 magnifier
+     */
+    private onTap;
+    private onWantsTapGesture;
+    /** 编辑时取消走点 */
+    private onWantsToMoveToPano;
+    /** 存在长按点时不能移动全景 */
+    private onWantsPanGesture;
+    /** 移动全景时更新 distanceItem 在屏幕上的位置 */
+    private onCameraUpdate;
+    /** 更新虚线 */
+    private updateDashed;
+}

package/esm/PanoMeasurePlugin/Controller/EditController.js

@@ -0,0 +1,102 @@
+var p = Object.defineProperty;
+var m = (h, n, e) => n in h ? p(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
+var s = (h, n, e) => (m(h, typeof n != "symbol" ? n + "" : n, e), e);
+import u from "hammerjs";
+import { M as f } from "../Model/index.js";
+import { L as l } from "../Model/line.js";
+import { P as d } from "../Model/point.js";
+import { t as v } from "../../shared-utils/throttle.js";
+import { B as c } from "./BaseController.js";
+import { g as r } from "../utils/getIntersectionFromEvent.js";
+class A extends c {
+  constructor(e) {
+    var i;
+    super(e);
+    s(this, "type", "edit");
+    s(this, "pressPoint");
+    s(this, "hasAppendDashed", !1);
+    s(this, "hasAppendMouseGroup", !1);
+    s(this, "fiveElement");
+    s(this, "lastPoint", null);
+    s(this, "hammer");
+    s(this, "onIntersectionUpdate", v((e, t) => {
+      var o;
+      this.hasAppendMouseGroup === !1 && (this.group.add(this.mouseGroup), this.magnifier.appendTo(this.container), this.hasAppendMouseGroup = !0);
+      const i = this.updateMouseGroup(e, t).position;
+      (o = this.pressPoint) == null || o.position.copy(i), this.updateDashed(), requestAnimationFrame(() => this.magnifier.renderWithPoint(this.mouseGroup.position)), this.five.needsRender = !0;
+    }, 20));
+    s(this, "revoke", () => {
+      if (this.model.lines.length === 0 && this.lastPoint) {
+        this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.distanceItem.remove(), this.group.remove(this.dashed.mesh), this.hook.emit("anchorChange", null), this.five.needsRender = !0;
+        return;
+      }
+      if (this.model.lines.length === 0 && !this.lastPoint || !this.lastPoint)
+        return;
+      const e = this.model.lines[this.model.lines.length - 1], t = e.findAnotherPoint(this.lastPoint);
+      !t || (this.lastPoint = t, this.hook.emit("anchorChange", t.position), this.group.remove(e.mesh), this.model.removeLine(e), this.hasAppendMouseGroup = !1, this.mouseGroup.position.copy(this.lastPoint.position), this.group.remove(this.mouseGroup), e.distanceItem.remove(), this.updateDashed(), this.magnifier.remove(), this.five.needsRender = !0);
+    });
+    s(this, "onMouseLeave", () => {
+      this.magnifier.remove(), this.group.remove(this.mouseGroup), this.hasAppendMouseGroup = !1, this.lastPoint && (this.mouseGroup.position.copy(this.lastPoint.position), this.updateDashed());
+    });
+    s(this, "onLineChanged", () => {
+      this.hook.emit(
+        "editedLineChange",
+        this.model.lines.map((e) => e.toCompletelyJson())
+      );
+    });
+    s(this, "onPress", (e) => {
+      const [t] = r(this.five, e);
+      if (!t || !t.face)
+        return;
+      const i = new d(t.point);
+      this.pressPoint = i, this.onIntersectionUpdate(t);
+    });
+    s(this, "onPan", (e) => {
+      if (!this.pressPoint)
+        return;
+      const [t] = r(this.five, e);
+      !t || !t.face || this.onIntersectionUpdate(t);
+    });
+    s(this, "onPanEnd", (e) => {
+      !this.pressPoint || this.onTap(e);
+    });
+    s(this, "onTap", (e) => {
+      this.hasAppendDashed || (this.dashed.distanceItem.appendTo(this.container), this.group.add(this.dashed.mesh)), this.hasAppendDashed = !0;
+      const [t] = r(this.five, e);
+      this.updateMouseGroup(t);
+      const i = new d(this.mouseGroup.position), o = this.lastPoint;
+      if (i && (this.lastPoint = i), i && o) {
+        const a = new l(o, i, this.model);
+        a.distanceItem.appendTo(this.container), this.model.addLine(a), this.group.add(a.mesh), a.distanceItem.update(this.five);
+      }
+      this.pressPoint = void 0, this.hasAppendMouseGroup = !1, this.magnifier.remove(), this.group.remove(this.mouseGroup), this.updateDashed(), this.five.needsRender = !0, this.hook.emit("anchorChange", i.position);
+    });
+    s(this, "onWantsTapGesture", () => !1);
+    s(this, "onWantsToMoveToPano", () => !1);
+    s(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
+    s(this, "onCameraUpdate", () => {
+      this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
+    });
+    s(this, "updateDashed", () => {
+      !this.lastPoint || (this.dashed.points[0].position.copy(this.lastPoint.position), this.dashed.points[1].position.copy(this.mouseGroup.position), this.dashed.mesh.setPoints(this.lastPoint.position, this.mouseGroup.position), this.dashed.distanceItem.update(this.five));
+    });
+    this.model = new f(this.config), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsPanGesture", this.onWantsPanGesture), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.on("intersectionOnModelUpdate", this.onIntersectionUpdate), this.model.hook.on("lineAdded", this.onLineChanged), this.model.hook.on("lineRemoved", this.onLineChanged);
+    const t = this.five.getElement();
+    if (t) {
+      this.fiveElement = t;
+      const o = new u(t);
+      this.hammer = o, o.on("tap", this.onTap), o.on("pan", this.onPan), o.on("press", this.onPress), o.on("panend", this.onPanEnd);
+    }
+    (i = this.fiveElement) == null || i.addEventListener("mouseleave", this.onMouseLeave), this.hook.emit("anchorChange", null), this.five.refresh();
+  }
+  dispose() {
+    var e, t;
+    super.dispose(), this.group.remove(this.mouseGroup, this.dashed.mesh), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.onWantsPanGesture), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.off("intersectionOnModelUpdate", this.onIntersectionUpdate), this.model.hook.off("lineAdded", this.onLineChanged), this.model.hook.off("lineRemoved", this.onLineChanged), (e = this.hammer) == null || e.destroy(), (t = this.fiveElement) == null || t.removeEventListener("mouseleave", this.onMouseLeave), this.magnifier.dispose(), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
+  }
+  getEditingLines() {
+    return this.model.lines;
+  }
+}
+export {
+  A as E
+};

package/esm/PanoMeasurePlugin/Controller/MixedController.d.ts

@@ -0,0 +1,42 @@
+import type { LineJson } from '../typings/data';
+import { Model } from '../Model';
+import Line from '../Model/line';
+import BaseController, { IControllerParams } from './BaseController';
+export declare type State = 'watching' | 'editing';
+export interface EditEvent {
+    editedLineChange: (lines: LineJson[]) => void;
+}
+export default class MixedController extends BaseController {
+    state: State;
+    model: Model;
+    private hasAppendDashed;
+    private fiveElement?;
+    private mobileStartPoint;
+    private mobileNowPoint;
+    private highlightedLines;
+    private deleteDom;
+    constructor(params: IControllerParams);
+    dispose(): void;
+    highlightLine(line: Line): void;
+    clearHighlightLines(): void;
+    getEditingLines(): Line[];
+    /** 编辑线条发生改变时通知外部 */
+    private onLineChanged;
+    private onWantsTapGesture;
+    /** 编辑时取消走点,watch时可以走 */
+    private onWantsToMoveToPano;
+    /** 移动全景时更新 distanceItem 在屏幕上的位置 */
+    private onCameraUpdate;
+    /** mobile态时更新虚线 */
+    private updateMobileDashed;
+    /** mobile态时更新放大镜 */
+    private updateMagnifier;
+    private onGetStartPoint;
+    private onGetEndPoint;
+    private onNowPointChange;
+    private onWillChangeState;
+    private chooseLine;
+    private highlightLines;
+    private deleteDomClickCallback;
+    private cancelDeleteClickCallback;
+}

package/esm/PanoMeasurePlugin/Controller/MixedController.js

@@ -0,0 +1,125 @@
+var b = Object.defineProperty;
+var k = (h, n, e) => n in h ? b(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
+var t = (h, n, e) => (k(h, typeof n != "symbol" ? n + "" : n, e), e);
+import { M as S } from "../Model/index.js";
+import { L as D } from "../Model/line.js";
+import { B as T } from "./BaseController.js";
+import { D as M } from "../Modules/DeleteDom/index.js";
+import { f as G } from "../utils/findAssociatedLines.js";
+import { Vector2 as m } from "three";
+import { i as L } from "../utils/isNDCPointInScreen.js";
+import { c as N } from "../utils/math.js";
+class V extends T {
+  constructor(e) {
+    super(e);
+    t(this, "state", "watching");
+    t(this, "model", new S(this.config));
+    t(this, "hasAppendDashed", !1);
+    t(this, "fiveElement");
+    t(this, "mobileStartPoint", null);
+    t(this, "mobileNowPoint", null);
+    t(this, "highlightedLines", []);
+    t(this, "deleteDom");
+    t(this, "onLineChanged", () => {
+      this.hook.emit(
+        "editedLineChange",
+        this.model.lines.map((e) => e.toCompletelyJson())
+      );
+    });
+    t(this, "onWantsTapGesture", (e) => {
+      if (this.state === "editing")
+        return !1;
+      const [i] = this.five.model.intersectRaycaster(e);
+      if (!i)
+        return;
+      const s = this.five.camera, f = i.point.clone().project(s), d = this.container.clientWidth, r = this.container.clientHeight, p = new m(f.x * d, f.y * r), g = this.model.lines.map((o) => {
+        const [a, v] = o.points, l = a.position.clone().project(s), c = v.position.clone().project(s);
+        if (!L(l) && !L(c))
+          return null;
+        const C = new m(l.x * d, l.y * r), w = new m(c.x * d, c.y * r);
+        return { id: o.id, points: [C, w] };
+      }).filter((o) => !!o);
+      if (g.length === 0)
+        return;
+      const u = g.map((o) => {
+        const a = N(p, o.points);
+        return { id: o.id, distance: a.distanceTo(p) };
+      }).sort((o, a) => o.distance - a.distance)[0];
+      if (u.distance > 20)
+        return;
+      const P = this.model.lines.find(({ id: o }) => o === u.id);
+      if (!!P)
+        return this.chooseLine(P), !1;
+    });
+    t(this, "onWantsToMoveToPano", () => this.state === "watching");
+    t(this, "onCameraUpdate", () => {
+      this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
+    });
+    t(this, "updateMobileDashed", () => {
+      !this.mobileStartPoint || !this.mobileNowPoint || (this.dashed.points[0].position.copy(this.mobileStartPoint.position), this.dashed.points[1].position.copy(this.mobileNowPoint.position), this.dashed.mesh.setPoints(this.mobileStartPoint.position, this.mobileNowPoint.position), this.dashed.distanceItem.update(this.five));
+    });
+    t(this, "updateMagnifier", (e) => {
+      this.magnifier.visible === !1 && this.magnifier.appendTo(this.container), requestAnimationFrame(() => this.magnifier.renderWithPoint(e.position)), this.five.needsRender = !0;
+    });
+    t(this, "onGetStartPoint", (e) => {
+      this.mobileStartPoint = e;
+    });
+    t(this, "onGetEndPoint", (e) => {
+      const i = this.mobileNowPoint;
+      if (this.removeLine(this.dashed), this.hasAppendDashed = !1, this.mobileStartPoint && i) {
+        const s = new D(this.mobileStartPoint, i, this.model);
+        s.distanceItem.appendTo(this.container), s.distanceItem.update(this.five), s.hook.on("selected", this.chooseLine), this.group.add(s.mesh), this.model.addLine(s);
+      }
+      this.mobileStartPoint = null, this.mobileNowPoint = null, this.five.needsRender = !0;
+    });
+    t(this, "onNowPointChange", (e) => {
+      if (this.state === "watching") {
+        this.mobileNowPoint = e, this.updateMagnifier(e);
+        return;
+      }
+      this.hasAppendDashed || (this.dashed.distanceItem.appendTo(this.container), this.group.add(this.dashed.mesh), this.hasAppendDashed = !0), this.five.needsRender = !0, this.mobileNowPoint = e, this.updateMobileDashed(), this.updateMagnifier(e), this.five.needsRender = !0;
+    });
+    t(this, "onWillChangeState", (e, i) => {
+      this.state = i, this.state === "watching" ? this.five.helperVisible = !0 : this.five.helperVisible = !1;
+    });
+    t(this, "chooseLine", (e) => {
+      const i = G(e);
+      this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
+        "selectedChange",
+        i.map((s) => s.toCompletelyJson())
+      );
+    });
+    t(this, "deleteDomClickCallback", () => {
+      this.highlightedLines.forEach((e) => {
+        this.removeLine(e), this.model.removeLine(e);
+      }), this.highlightedLines = [], this.deleteDom.setLines([]).hide();
+    });
+    t(this, "cancelDeleteClickCallback", () => {
+      this.clearHighlightLines();
+    });
+    this.deleteDom = new M(this.five, {
+      onClick: this.deleteDomClickCallback,
+      cancelDelete: this.cancelDeleteClickCallback
+    }).appendTo(this.container), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.model.hook.on("lineAdded", this.onLineChanged), this.model.hook.on("lineRemoved", this.onLineChanged), this.hook.on("getStartPoint", this.onGetStartPoint), this.hook.on("getEndPoint", this.onGetEndPoint), this.hook.on("nowPointChange", this.onNowPointChange), this.hook.on("willChangeState", this.onWillChangeState), this.five.refresh();
+  }
+  dispose() {
+    super.dispose(), this.group.remove(this.mouseGroup, this.dashed.mesh), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), this.model.hook.off("lineAdded", this.onLineChanged), this.model.hook.off("lineRemoved", this.onLineChanged), this.hook.off("getStartPoint", this.onGetStartPoint), this.hook.off("getEndPoint", this.onGetEndPoint), this.hook.off("nowPointChange", this.onNowPointChange), this.hook.off("willChangeState", this.onWillChangeState), this.hook.emit("selectedChange", []), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
+  }
+  highlightLine(e) {
+    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
+  }
+  clearHighlightLines() {
+    this.group.children.length !== 0 && (this.deleteDom.setLines([]).hide(), this.model.lines.forEach((e) => {
+      e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
+    }), this.highlightedLines = [], this.five.needsRender = !0);
+  }
+  getEditingLines() {
+    return this.model.lines;
+  }
+  highlightLines(e) {
+    this.clearHighlightLines(), this.highlightedLines = e, this.deleteDom.setLines(e).updatePosition().show(), e.forEach((i) => this.highlightLine(i));
+  }
+}
+export {
+  V as M
+};

package/esm/PanoMeasurePlugin/Controller/ShortcutKeyController.d.ts

@@ -0,0 +1,12 @@
+import type MeasureController from '.';
+import type { Five } from '@realsee/five';
+/** 快捷键控制器 */
+export declare class ShortcutKeyController {
+    five: Five;
+    measureController: MeasureController;
+    constructor(measureController: MeasureController, five: Five);
+    dispose(): void;
+    private escape;
+    private onKeyDown;
+    private onMouseDown;
+}

package/esm/PanoMeasurePlugin/Controller/ShortcutKeyController.js

@@ -0,0 +1,33 @@
+var s = Object.defineProperty;
+var i = (o, e, t) => e in o ? s(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var n = (o, e, t) => (i(o, typeof e != "symbol" ? e + "" : e, t), t);
+class a {
+  constructor(e, t) {
+    n(this, "five");
+    n(this, "measureController");
+    n(this, "onKeyDown", (e) => {
+      if (e.metaKey && e.code === "KeyS") {
+        this.measureController.save().changeMode("Watch"), e.preventDefault();
+        return;
+      }
+      if (e.code === "Escape")
+        return this.escape();
+    });
+    n(this, "onMouseDown", (e) => {
+      e.button === 2 && (e.preventDefault(), this.escape());
+    });
+    this.five = t, this.measureController = e;
+    const r = this.five.getElement();
+    !r || (document.body.addEventListener("keydown", this.onKeyDown), r.addEventListener("mousedown", this.onMouseDown));
+  }
+  dispose() {
+    const e = this.five.getElement();
+    !e || (document.body.removeEventListener("keydown", this.onKeyDown), e.removeEventListener("mousedown", this.onMouseDown));
+  }
+  escape() {
+    return this.measureController.getCurrentMode() === "Watch" ? this.measureController.disable() : this.measureController.changeMode("Watch");
+  }
+}
+export {
+  a as S
+};

package/esm/PanoMeasurePlugin/Controller/ViewController.d.ts

@@ -0,0 +1,16 @@
+import type Line from '../Model/line';
+import BaseController, { IControllerParams } from './BaseController';
+export default class ViewController extends BaseController {
+    type: string;
+    private highlightedLines;
+    private hammer?;
+    constructor(params: IControllerParams);
+    dispose(): void;
+    highlightLine(line: Line): void;
+    clearHighlightLines(): void;
+    private wantsTapGesture;
+    private chooseLine;
+    private highlightLines;
+    private lineRemoved;
+    private onCameraUpdate;
+}

package/esm/PanoMeasurePlugin/Controller/ViewController.js

@@ -0,0 +1,90 @@
+var P = Object.defineProperty;
+var y = (h, n, e) => n in h ? P(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
+var o = (h, n, e) => (y(h, typeof n != "symbol" ? n + "" : n, e), e);
+import T from "hammerjs";
+import { Vector2 as g } from "three";
+import { c as H } from "../utils/math.js";
+import { i as L } from "../utils/isNDCPointInScreen.js";
+import { f as k } from "../utils/findAssociatedLines.js";
+import { B as E } from "./BaseController.js";
+class D extends E {
+  constructor(e) {
+    super(e);
+    o(this, "type", "view");
+    o(this, "highlightedLines", []);
+    o(this, "hammer");
+    o(this, "wantsTapGesture", (e) => {
+      if (this.model.lines.length === 0)
+        return;
+      const [t] = this.five.model.intersectRaycaster(e);
+      if (!t)
+        return;
+      const i = this.five.camera, f = t.point.clone().project(i), c = this.container.clientWidth, a = this.container.clientHeight, p = new g(f.x * c, f.y * a), u = this.model.lines.map((s) => {
+        const [r, w] = s.points, l = r.position.clone().project(i), m = w.position.clone().project(i);
+        if (!L(l) && !L(m))
+          return null;
+        const C = new g(
+          l.x * c,
+          l.y * a
+        ), R = new g(
+          m.x * c,
+          m.y * a
+        );
+        return { id: s.id, points: [C, R] };
+      }).filter((s) => !!s);
+      if (u.length === 0)
+        return;
+      const v = u.map((s) => {
+        const r = H(p, s.points);
+        return { id: s.id, distance: r.distanceTo(p) };
+      }).sort((s, r) => s.distance - r.distance)[0], d = v.distance > 20 ? void 0 : this.model.lines.find(({ id: s }) => s === v.id);
+      if (this.highlightedLines.length > 0 && !d)
+        return this.clearHighlightLines(), !1;
+      if (d)
+        return this.chooseLine(d), !1;
+    });
+    o(this, "chooseLine", (e) => {
+      const t = k(e);
+      this.highlightLines(t), this.five.needsRender = !0, this.hook.emit(
+        "selectedChange",
+        t.map((i) => i.toCompletelyJson())
+      );
+    });
+    o(this, "lineRemoved", (e) => {
+      this.removeLine(e), this.hook.emit(
+        "selectedChange",
+        this.model.lines.filter((t) => t.selected).map((t) => t.toCompletelyJson())
+      );
+    });
+    o(this, "onCameraUpdate", () => {
+      this.updateDistanceUI();
+    });
+    this.model.lines.forEach((i) => {
+      i.distanceItem.appendTo(this.container), i.distanceItem.update(this.five), i.hook.on("selected", this.chooseLine), this.group.add(i.mesh);
+    });
+    const t = this.five.getElement();
+    if (t) {
+      const i = new T(t);
+      this.hammer = i;
+    }
+    this.model.hook.on("lineRemoved", this.lineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0;
+  }
+  dispose() {
+    var e;
+    super.dispose(), this.model.hook.off("lineRemoved", this.lineRemoved), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (e = this.hammer) == null || e.destroy();
+  }
+  highlightLine(e) {
+    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
+  }
+  clearHighlightLines() {
+    this.group.children.length !== 0 && (this.model.lines.forEach((e) => {
+      e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
+    }), this.highlightedLines = [], this.five.needsRender = !0);
+  }
+  highlightLines(e) {
+    this.clearHighlightLines(), this.highlightedLines = e, e.forEach((t) => this.highlightLine(t));
+  }
+}
+export {
+  D as V
+};

package/esm/PanoMeasurePlugin/Controller/WatchController.d.ts

@@ -0,0 +1,26 @@
+import type Line from '../Model/line';
+import BaseController, { IControllerParams } from './BaseController';
+export default class WatchController extends BaseController {
+    type: string;
+    private deleteDom;
+    private highlightedLines;
+    private fiveElement?;
+    private editPointState?;
+    private hammer?;
+    constructor(params: IControllerParams);
+    dispose(): void;
+    highlightLine(line: Line): void;
+    clearHighlightLines(): void;
+    private onPanStart;
+    private onPanEnd;
+    private onPan;
+    private onIntersectionUpdate;
+    private wantsPanGesture;
+    private wantsTapGesture;
+    private chooseLine;
+    private highlightLines;
+    private lineRemoved;
+    private onCameraUpdate;
+    private deleteDomClickCallback;
+    private cancelDeleteClickCallback;
+}

package/esm/PanoMeasurePlugin/Controller/WatchController.js

@@ -0,0 +1,154 @@
+var w = Object.defineProperty;
+var y = (r, h, e) => h in r ? w(r, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[h] = e;
+var s = (r, h, e) => (y(r, typeof h != "symbol" ? h + "" : h, e), e);
+import E from "hammerjs";
+import { D as G } from "../Modules/DeleteDom/index.js";
+import { i as L } from "../utils/isNDCPointInScreen.js";
+import { B as R } from "./BaseController.js";
+import { Raycaster as T, Vector2 as f } from "three";
+import { c as H } from "../utils/math.js";
+import { f as I } from "../utils/findClosestPoint.js";
+import { f as v } from "../utils/findAssociatedLines.js";
+import { g as C } from "../utils/getPointFromHammerEvent.js";
+class F extends R {
+  constructor(e) {
+    super(e);
+    s(this, "type", "watch");
+    s(this, "deleteDom");
+    s(this, "highlightedLines", []);
+    s(this, "fiveElement");
+    s(this, "editPointState");
+    s(this, "hammer");
+    s(this, "onPanStart", (e) => {
+      var a;
+      if (this.model.points.length === 0 || !this.fiveElement)
+        return;
+      const i = C(e).point, t = (a = I(this.five, this.model.points, i, 20)) == null ? void 0 : a.point;
+      if (!t) {
+        this.editPointState = void 0;
+        return;
+      }
+      const n = {
+        point: t,
+        associatedLines: v(t.lines[0])
+      };
+      this.hook.emit("wantsDragLine", {
+        point: t.id,
+        lines: n.associatedLines.map(({ id: l }) => l)
+      }) || (this.editPointState = n, this.magnifier.appendTo(this.container), this.group.add(this.mouseGroup));
+    });
+    s(this, "onPanEnd", () => {
+      !this.editPointState || (this.editPointState.point.lines.forEach((e) => e.mesh.setMaterial({ dashed: !1 })), this.highlightLines(this.editPointState.associatedLines), this.editPointState = void 0, this.magnifier.remove(), this.group.remove(this.mouseGroup));
+    });
+    s(this, "onPan", (e) => {
+      if (!this.editPointState || !this.fiveElement)
+        return;
+      const i = C(e).ndcPoint, t = new T();
+      t.setFromCamera(i, this.five.camera);
+      const [n] = this.five.model.intersectRaycaster(t);
+      !n || this.onIntersectionUpdate(n);
+    });
+    s(this, "onIntersectionUpdate", (e, i) => {
+      if (!!this.editPointState) {
+        if (this.clearHighlightLines(), this.editPointState.point.position.copy(e.point), this.editPointState.point.lines.forEach((t) => {
+          t.mesh.setPoints(t.points[0].position.clone(), t.points[1].position.clone()), t.lightMesh.setPoints(t.points[0].position.clone(), t.points[1].position.clone()), t.mesh.setMaterial({ dashed: !0 });
+        }), this.updateDistanceUI(), this.magnifier.renderWithPoint(e.point), this.mouseGroup.position.copy(e.point), i)
+          this.mouseGroup.quaternion.copy(i.quaternion);
+        else if (e.face) {
+          const n = e.face.normal.clone().multiplyScalar(0.05), a = e.point.clone().add(n).clone().add(n);
+          this.mouseGroup.lookAt(a);
+        }
+        this.five.needsRender = !0, this.hook.emit(
+          "selectedChange",
+          this.editPointState.associatedLines.map((t) => t.toCompletelyJson())
+        );
+      }
+    });
+    s(this, "wantsPanGesture", () => {
+      if (this.editPointState)
+        return !1;
+    });
+    s(this, "wantsTapGesture", (e) => {
+      const [i] = this.five.model.intersectRaycaster(e);
+      if (!i)
+        return;
+      const t = this.five.camera, n = i.point.clone().project(t), c = this.container.clientWidth, a = this.container.clientHeight, l = new f(n.x * c, n.y * a), g = this.model.lines.map((o) => {
+        const [d, S] = o.points, m = d.position.clone().project(t), p = S.position.clone().project(t);
+        if (!L(m) && !L(p))
+          return null;
+        const D = new f(
+          m.x * c,
+          m.y * a
+        ), k = new f(
+          p.x * c,
+          p.y * a
+        );
+        return { id: o.id, points: [D, k] };
+      }).filter((o) => !!o);
+      if (g.length === 0)
+        return;
+      const u = g.map((o) => {
+        const d = H(l, o.points);
+        return { id: o.id, distance: d.distanceTo(l) };
+      }).sort((o, d) => o.distance - d.distance)[0];
+      if (u.distance > 20)
+        return;
+      const P = this.model.lines.find(({ id: o }) => o === u.id);
+      if (!!P)
+        return this.chooseLine(P), !1;
+    });
+    s(this, "chooseLine", (e) => {
+      const i = v(e);
+      this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
+        "selectedChange",
+        i.map((t) => t.toCompletelyJson())
+      );
+    });
+    s(this, "lineRemoved", (e) => {
+      this.removeLine(e), this.hook.emit(
+        "selectedChange",
+        this.model.lines.filter((i) => i.selected).map((i) => i.toCompletelyJson())
+      );
+    });
+    s(this, "onCameraUpdate", () => {
+      this.updateDistanceUI(), this.highlightedLines.length > 0 && this.deleteDom.updatePosition();
+    });
+    s(this, "deleteDomClickCallback", () => {
+      this.highlightedLines[0].getPolyline().lines.slice().reverse().forEach((i) => this.model.removeLine(i)), this.highlightedLines = [], this.deleteDom.setLines([]).hide();
+    });
+    s(this, "cancelDeleteClickCallback", () => {
+      this.clearHighlightLines();
+    });
+    this.deleteDom = new G(this.five, {
+      onClick: this.deleteDomClickCallback,
+      cancelDelete: this.cancelDeleteClickCallback
+    }).appendTo(this.container), this.model.lines.forEach((t) => {
+      t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), t.hook.on("selected", this.chooseLine), this.group.add(t.mesh);
+    });
+    const i = this.five.getElement();
+    if (i) {
+      this.fiveElement = i;
+      const t = new E(i);
+      this.hammer = t, t.on("pan", this.onPan), t.on("panstart", this.onPanStart), t.on("panend", this.onPanEnd);
+    }
+    this.model.hook.on("lineRemoved", this.lineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.on("wantsPanGesture", this.wantsPanGesture), this.five.needsRender = !0;
+  }
+  dispose() {
+    var e;
+    super.dispose(), this.deleteDom.dispose(), this.model.hook.off("lineRemoved", this.lineRemoved), this.model.lines.forEach((i) => i.hook.off("selected", this.chooseLine)), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.wantsPanGesture), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (e = this.hammer) == null || e.destroy();
+  }
+  highlightLine(e) {
+    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
+  }
+  clearHighlightLines() {
+    this.group.children.length !== 0 && (this.deleteDom.setLines([]).hide(), this.model.lines.forEach((e) => {
+      e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
+    }), this.highlightedLines = [], this.five.needsRender = !0);
+  }
+  highlightLines(e) {
+    this.clearHighlightLines(), this.highlightedLines = e, this.deleteDom.setLines(e).updatePosition().show(), e.forEach((i) => this.highlightLine(i));
+  }
+}
+export {
+  F as W
+};