@realsee/dnalogel 2.0.3 → 2.0.4-dev.1

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -1,331 +1,167 @@
-import Magnifier from '../Modules/Magnifier';
-import FiveHelper from '../Modules/FiveHelper';
-import EditController from './EditController';
-import ViewController from './ViewController';
-import WatchController from './WatchController';
-import MixedController from './MixedController';
-import { omit } from '../../shared-utils/filter';
-import { Group } from 'three';
-import { Model } from '../Model';
-import { Subscribe } from '@realsee/five';
-import { getMouseGroup } from '../utils/mouseGroup';
-import { UIController } from '../Modules/UIController';
-import { GuideController } from '../Modules/GuideController';
-import { ShortcutKeyController } from './ShortcutKeyController';
-import RangePieceController from '../Modules/rangePiece';
-export default class MeasureController {
-    constructor(five, params) {
-        var _a, _b;
-        Object.defineProperty(this, "hasOpen", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "hook", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Subscribe()
-        });
-        Object.defineProperty(this, "magnifier", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "five", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "model", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "group", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "config", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "fiveHelper", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "useUIController", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "params", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "useGuideController", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "rangePieceController", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "container", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: document.createElement('div')
-        });
-        Object.defineProperty(this, "shortcutKeyController", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "controller", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "controllerParams", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "getCurrentMode", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (this.controller instanceof EditController)
-                    return 'Edit';
-                if (this.controller instanceof WatchController)
-                    return 'Watch';
-                if (this.controller instanceof MixedController)
-                    return 'Mixed';
-                return null;
-            }
-        });
-        /** 变更场景
-         * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
-         */
-        Object.defineProperty(this, "changeMode", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (mode) => {
-                var _a;
-                if (!this.hasOpen)
-                    return;
-                if (this.getCurrentMode() === mode)
-                    return;
-                // 不支持Mixed模式与其他模式切换
-                if (this.getCurrentMode() === 'Mixed' || mode === 'Mixed')
-                    return new Error('不支持切换的Mode');
-                (_a = this.controller) === null || _a === void 0 ? void 0 : _a.dispose();
-                const controllerMap = {
-                    View: ViewController,
-                    Watch: WatchController,
-                    Edit: EditController,
-                };
-                if (!controllerMap[mode])
-                    throw new Error('不存在的 Mode');
-                this.controller = new controllerMap[mode](this.controllerParams);
-                this.hook.emit('modeChange', mode);
-            }
-        });
-        this.five = five;
-        this.params = params;
-        const defaultConfig = {
-            userDistanceItemCreator: undefined,
-            getDistanceText(distance) {
-                return distance.toFixed(2) + 'm';
-            },
-        };
-        this.config = Object.assign(Object.assign({}, defaultConfig), omit(params, ['openParams', 'magnifierParams']));
-        this.model = new Model(this.config);
-        this.fiveHelper = new FiveHelper(five);
-        // magnifier
-        this.magnifier = new Magnifier(five, (_a = params.magnifierParams) !== null && _a !== void 0 ? _a : { width: 190, height: 190, scale: 2 });
-        // ==================== Group ====================
-        this.group = new Group();
-        this.group.name = 'plugin-measure-group';
-        this.container.classList.add('five-plugin-measure-container');
-        this.container.style.position = 'absolute';
-        this.container.style.left = '0';
-        this.container.style.top = '0';
-        this.container.style.pointerEvents = 'none';
-        this.container.style.width = '100%';
-        this.container.style.height = '100%';
-        this.container.style.opacity = '0';
-        this.container.style.background = 'rgba(0, 0, 0, 0.15)';
-        const openParams = (_b = this.params.openParams) !== null && _b !== void 0 ? _b : {};
-        this.controllerParams = {
-            five: this.five,
-            hook: this.hook,
-            group: this.group,
-            model: this.model,
-            config: this.config,
-            magnifier: this.magnifier,
-            container: this.container,
-            fiveHelper: this.fiveHelper,
-            openParams,
-            mouseGroup: getMouseGroup(Object.assign({}, openParams.crossHairParameter)),
-            userDistanceItemCreator: this.params.userDistanceItemCreator,
-        };
-        if (this.params.useUIController !== false)
-            this.useUIController = new UIController(this, this.controllerParams);
-        if (this.params.useGuideController !== false)
-            this.useGuideController = new GuideController(this, this.controllerParams);
-    }
-    appendTo(parent) {
-        // const intersect = new IntersectController(this.five)
-        // intersect.appendTo(parent)
-        parent.append(this.container);
-    }
-    dispose() {
-        var _a, _b;
-        this.disable();
-        (_a = this.useUIController) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = this.magnifier) === null || _b === void 0 ? void 0 : _b.dispose();
-        this.five.needsRender = true;
-    }
-    /** 加载数据
-     * @description 数据加载时会覆盖当前已保存的数据
-     * @description 如果当前正在编辑中，会自动退出并保存编辑
-     */
-    load(data) {
-        this.model.parse(data);
-        this.save();
-    }
-    /** 插件功能入口
-     * @description 会隐藏鼠标的默认聚焦环
-     * @description 会隐藏当前 VR 内的点位展示
-     */
-    enable() {
-        var _a, _b, _c;
-        if (this.hasOpen)
-            return;
-        this.hasOpen = true;
-        this.five.scene.add(this.group);
-        // 修改透明度
-        this.container.style.opacity = '1';
-        if ((_a = this.params.openParams) === null || _a === void 0 ? void 0 : _a.isMobile) {
-            this.controller = new MixedController(this.controllerParams);
-            this.rangePieceController = new RangePieceController(this.controllerParams);
-        }
-        else {
-            // 隐藏点位和鼠标聚焦环
-            this.five.helperVisible = false;
-            this.controller = new WatchController(this.controllerParams);
-        }
-        (_b = this.useUIController) === null || _b === void 0 ? void 0 : _b.show();
-        (_c = this.useGuideController) === null || _c === void 0 ? void 0 : _c.show();
-        this.shortcutKeyController = new ShortcutKeyController(this, this.five);
-        this.hook.emit('enable', true);
-    }
-    /** 关闭插件功能
-     * @description 清除标尺线条
-     * @description 还原点位展示和默认鼠标 UI
-     */
-    disable() {
-        var _a, _b, _c, _d, _e;
-        this.hasOpen = false;
-        // 修改透明度
-        this.container.style.opacity = '0';
-        // 展示点位和鼠标聚焦环
-        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = this.rangePieceController) === null || _b === void 0 ? void 0 : _b.dispose();
-        (_c = this.useUIController) === null || _c === void 0 ? void 0 : _c.hide();
-        (_d = this.useGuideController) === null || _d === void 0 ? void 0 : _d.hide();
-        (_e = this.shortcutKeyController) === null || _e === void 0 ? void 0 : _e.dispose();
-        this.controller = null;
-        this.five.helperVisible = true;
-        this.five.scene.remove(this.group);
-        this.five.needsRender = true;
-        this.hook.emit('disable', true);
-    }
-    /** 撤销编辑 */
-    revoke() {
-        if (!(this.controller instanceof EditController))
-            return;
-        this.controller.revoke();
+var u = Object.defineProperty;
+var f = (o, e, t) => e in o ? u(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var r = (o, e, t) => (f(o, typeof e != "symbol" ? e + "" : e, t), t);
+import d from "../Modules/Magnifier.js";
+import g from "../Modules/FiveHelper.js";
+import l from "./EditController.js";
+import C from "./ViewController.js";
+import a from "./WatchController.js";
+import m from "./MixedController.js";
+import { omit as P } from "../../shared-utils/filter.js";
+import { Group as v } from "three";
+import { Model as w } from "../Model/index.js";
+import { Subscribe as M } from "@realsee/five";
+import { getMouseGroup as y } from "../utils/mouseGroup.js";
+import { UIController as p } from "../Modules/UIController/index.js";
+import { GuideController as I } from "../Modules/GuideController.js";
+import { ShortcutKeyController as b } from "./ShortcutKeyController.js";
+import D from "../Modules/rangePiece/index.js";
+import "../../hammer.b5b6115e.js";
+import "../Model/line.js";
+import "../../shared-utils/uuid.js";
+import "../Model/polyline.js";
+import "../utils/line.js";
+import "@realsee/five/line";
+import "../utils/constants.js";
+import "../utils/distanceDom.js";
+import "../utils/isNDCPointInScreen.js";
+import "../Model/point.js";
+import "../../shared-utils/removeArrayItem.js";
+import "../../shared-utils/throttle.js";
+import "./BaseController.js";
+import "../utils/ironbox.js";
+import "../utils/getIntersectionFromEvent.js";
+import "../utils/getPointFromHammerEvent.js";
+import "../utils/math.js";
+import "../utils/findAssociatedLines.js";
+import "../Modules/DeleteDom/index.js";
+import "../Modules/DeleteDom/_Assets/delete.svg.js";
+import "../Modules/DeleteDom/_Assets/delete_bg.png.js";
+import "../Modules/DeleteDom/_Assets/delete_hover_bg.png.js";
+import "../utils/findClosestPoint.js";
+import "../utils/ndc2Screen.js";
+import "../../shared-utils/tap.js";
+import "../Modules/UIController/HTML.js";
+import "../Modules/UIController/mobileHTML.js";
+import "../Modules/UIController/style.js";
+import "../Modules/UIController/MainBtnController.js";
+import "../Modules/UIController/mobileMainBtnController.js";
+import "../Modules/UIController/Revoke/index.js";
+import "@tweenjs/tween.js";
+import "../Modules/rangePiece/html.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/noop.js";
+import "../utils/calculateThreeMouse.js";
+class be {
+  constructor(e, t) {
+    r(this, "hasOpen", !1);
+    r(this, "hook", new M());
+    r(this, "magnifier");
+    r(this, "five");
+    r(this, "model");
+    r(this, "group");
+    r(this, "config");
+    r(this, "fiveHelper");
+    r(this, "useUIController");
+    r(this, "params");
+    r(this, "useGuideController");
+    r(this, "rangePieceController");
+    r(this, "container", document.createElement("div"));
+    r(this, "shortcutKeyController");
+    r(this, "controller", null);
+    r(this, "controllerParams");
+    r(this, "getCurrentMode", () => this.controller instanceof l ? "Edit" : this.controller instanceof a ? "Watch" : this.controller instanceof m ? "Mixed" : null);
+    r(this, "changeMode", (e) => {
+      var i;
+      if (!this.hasOpen || this.getCurrentMode() === e)
         return;
+      if (this.getCurrentMode() === "Mixed" || e === "Mixed")
+        return new Error("\u4E0D\u652F\u6301\u5207\u6362\u7684Mode");
+      (i = this.controller) == null || i.dispose();
+      const t = {
+        View: C,
+        Watch: a,
+        Edit: l
+      };
+      if (!t[e])
+        throw new Error("\u4E0D\u5B58\u5728\u7684 Mode");
+      this.controller = new t[e](this.controllerParams), this.hook.emit("modeChange", e);
+    });
+    var n, h;
+    this.five = e, this.params = t;
+    const i = {
+      userDistanceItemCreator: void 0,
+      getDistanceText(c) {
+        return c.toFixed(2) + "m";
+      }
+    };
+    this.config = { ...i, ...P(t, ["openParams", "magnifierParams"]) }, this.model = new w(this.config), this.fiveHelper = new g(e), this.magnifier = new d(e, (n = t.magnifierParams) != null ? n : { width: 190, height: 190, scale: 2 }), this.group = new v(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0", this.container.style.background = "rgba(0, 0, 0, 0.15)";
+    const s = (h = this.params.openParams) != null ? h : {};
+    this.controllerParams = {
+      five: this.five,
+      hook: this.hook,
+      group: this.group,
+      model: this.model,
+      config: this.config,
+      magnifier: this.magnifier,
+      container: this.container,
+      fiveHelper: this.fiveHelper,
+      openParams: s,
+      mouseGroup: y({ ...s.crossHairParameter }),
+      userDistanceItemCreator: this.params.userDistanceItemCreator
+    }, this.params.useUIController !== !1 && (this.useUIController = new p(this, this.controllerParams)), this.params.useGuideController !== !1 && (this.useGuideController = new I(this, this.controllerParams));
+  }
+  appendTo(e) {
+    e.append(this.container);
+  }
+  dispose() {
+    var e, t;
+    this.disable(), (e = this.useUIController) == null || e.dispose(), (t = this.magnifier) == null || t.dispose(), this.five.needsRender = !0;
+  }
+  load(e) {
+    this.model.parse(e), this.save();
+  }
+  enable() {
+    var e, t, i;
+    this.hasOpen || (this.hasOpen = !0, this.five.scene.add(this.group), this.container.style.opacity = "1", (e = this.params.openParams) != null && e.isMobile ? (this.controller = new m(this.controllerParams), this.rangePieceController = new D(this.controllerParams)) : (this.five.helperVisible = !1, this.controller = new a(this.controllerParams)), (t = this.useUIController) == null || t.show(), (i = this.useGuideController) == null || i.show(), this.shortcutKeyController = new b(this, this.five), this.hook.emit("enable", !0));
+  }
+  disable() {
+    var e, t, i, s, n;
+    this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.rangePieceController) == null || t.dispose(), (i = this.useUIController) == null || i.hide(), (s = this.useGuideController) == null || s.hide(), (n = this.shortcutKeyController) == null || n.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
+  }
+  revoke() {
+    this.controller instanceof l && this.controller.revoke();
+  }
+  removeLineByID(e) {
+    this.model.removeLineByID(e);
+  }
+  highlightLine(e) {
+    if (this.getCurrentMode() !== "Watch")
+      return !1;
+    const t = this.model.getLineByID(e);
+    return t ? (this.controller.highlightLine(t), !0) : !1;
+  }
+  clearHighlightLines() {
+    return this.getCurrentMode() !== "Watch" ? !1 : (this.controller.clearHighlightLines(), !0);
+  }
+  save() {
+    return this.controller instanceof l ? (this.model.mergeModel(this.controller.model), this) : this;
+  }
+  toJson() {
+    return this.model.toJson();
+  }
+  changeIsMobile(e) {
+    var t, i;
+    ((t = this.controllerParams.openParams) == null ? void 0 : t.isMobile) === void 0 && (this.controllerParams.openParams.isMobile = e), this.controllerParams.openParams.isMobile !== e && (this.controllerParams.openParams.isMobile = e, this.params.useUIController !== !1 && ((i = this.useUIController) == null || i.dispose()), this.useUIController = new p(this, this.controllerParams));
+  }
+  changeConfigs(e) {
+    var t;
+    if (e.getDistanceText && e.getDistanceText !== this.config.getDistanceText) {
+      const i = e.getDistanceText;
+      this.config.getDistanceText = i, (t = this.controller) == null || t.updateDistanceUI();
     }
-    removeLineByID(lineID) {
-        this.model.removeLineByID(lineID);
-    }
-    /**
-     * 高亮当前线段
-     */
-    highlightLine(lineID) {
-        if (this.getCurrentMode() !== 'Watch')
-            return false;
-        const line = this.model.getLineByID(lineID);
-        if (!line)
-            return false;
-        this.controller.highlightLine(line);
-        return true;
-    }
-    clearHighlightLines() {
-        if (this.getCurrentMode() !== 'Watch')
-            return false;
-        this.controller.clearHighlightLines();
-        return true;
-    }
-    /** 保存编辑 */
-    save() {
-        if (!(this.controller instanceof EditController))
-            return this;
-        this.model.mergeModel(this.controller.model);
-        return this;
-    }
-    /** 把当前以保存的数据转换成 JSON 对象 */
-    toJson() {
-        return this.model.toJson();
-    }
-    /**
-     * @description 改变插件的模式（pc端模式或移动端模式）
-     * @param isMobile true为移动端模式，false为pc端
-     */
-    changeIsMobile(isMobile) {
-        var _a, _b;
-        if (((_a = this.controllerParams.openParams) === null || _a === void 0 ? void 0 : _a.isMobile) === undefined) {
-            this.controllerParams.openParams.isMobile = isMobile;
-        }
-        if (this.controllerParams.openParams.isMobile === isMobile)
-            return;
-        this.controllerParams.openParams.isMobile = isMobile;
-        if (this.params.useUIController !== false)
-            (_b = this.useUIController) === null || _b === void 0 ? void 0 : _b.dispose();
-        this.useUIController = new UIController(this, this.controllerParams);
-    }
-    changeConfigs(config) {
-        var _a;
-        if (config.getDistanceText && config.getDistanceText !== this.config.getDistanceText) {
-            const getDistanceText = config.getDistanceText;
-            this.config.getDistanceText = getDistanceText;
-            (_a = this.controller) === null || _a === void 0 ? void 0 : _a.updateDistanceUI();
-        }
-    }
+  }
 }
+export {
+  be as default
+};

package/libs/PanoMeasurePlugin/Model/index.d.ts

@@ -21,13 +21,13 @@ export declare class Model {
     readonly polylines: Polyline[];
     readonly hook: Subscribe<IModelEvent>;
     constructor(params: Config);
-    addLine(line: Line): this;
+    addLine(line: Line): this | undefined;
     removeLineByID(lineID: string): void;
     removeLine(line: Line): this;
     mergeModel(model: Model): void;
-    includes(item: Point | Line): boolean;
-    getPointByID(id: string): Point;
-    getLineByID(id: string): Line;
+    includes(item: Point | Line): boolean | undefined;
+    getPointByID(id: string): Point | undefined;
+    getLineByID(id: string): Line | undefined;
     getClosestPoint(): void;
     parse(data: PluginData): this;
     toJson(): PluginData;