@realsee/dnalogel 2.0.0-alpha.12 → 2.0.0-alpha.13

package/libs/PanoMeasurePlugin/Model/line.js

@@ -4,17 +4,67 @@ import { creatLineMesh } from '../utils/line';
 import { Subscribe } from '@realsee/five';
 import { creatDistanceItem } from '../utils/distanceDom';
 export default class Line {
-    id;
-    selected = false;
-    type = 'line';
-    model;
-    mesh;
-    points;
-    lightMesh;
-    hook;
-    distanceItem;
-    polyline;
     constructor(point, anotherPoint, model) {
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "selected", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'line'
+        });
+        Object.defineProperty(this, "model", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "mesh", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "points", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "lightMesh", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "hook", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "distanceItem", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "polyline", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.id = uuid();
         this.model = model;
         if (point.id === anotherPoint.id)

package/libs/PanoMeasurePlugin/Model/point.js

@@ -2,11 +2,31 @@ import { Vector3 } from 'three';
 import uuid from '../../shared-utils/uuid';
 import removeArrayItem from '../../shared-utils/removeArrayItem';
 export default class Point {
-    id;
-    lines;
-    position;
-    type = 'point';
     constructor(position) {
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "lines", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "position", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'point'
+        });
         this.id = uuid();
         this.lines = [];
         this.position = new Vector3();

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -1,8 +1,25 @@
 import uuid from '../../shared-utils/uuid';
 export class Polyline {
-    id = uuid();
-    points = [];
-    lines = [];
+    constructor() {
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: uuid()
+        });
+        Object.defineProperty(this, "points", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "lines", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+    }
     push(line) {
         const next = this.getNext(line);
         if (!next)

package/libs/PanoMeasurePlugin/Modules/DeleteDom/index.js

@@ -2,16 +2,67 @@ import deleteSvg from './_Assets/delete.svg';
 import deleteBg from './_Assets/delete_bg.png';
 import deleteHoverBg from './_Assets/delete_hover_bg.png';
 export default class DeleteDom {
-    visible = false;
-    five;
-    lines = [];
-    points = [];
-    onClick;
-    content = document.createElement('div');
-    container = document.createElement('div');
     constructor(five, opts) {
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "lines", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "points", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "onClick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "content", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document.createElement('div')
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document.createElement('div')
+        });
+        Object.defineProperty(this, "onMouseEnter", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.content.style.backgroundImage = `url(${deleteHoverBg})`;
+            }
+        });
+        Object.defineProperty(this, "onMouseLeave", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.content.style.backgroundImage = `url(${deleteBg})`;
+            }
+        });
         this.five = five;
-        this.onClick = opts?.onClick || (() => void 0);
+        this.onClick = (opts === null || opts === void 0 ? void 0 : opts.onClick) || (() => void 0);
         // container
         this.container.classList.add('fpm__delete');
         this.container.style.opacity = '0';
@@ -99,10 +150,4 @@ export default class DeleteDom {
         this.container.style.pointerEvents = 'auto';
         return this;
     }
-    onMouseEnter = () => {
-        this.content.style.backgroundImage = `url(${deleteHoverBg})`;
-    };
-    onMouseLeave = () => {
-        this.content.style.backgroundImage = `url(${deleteBg})`;
-    };
 }

package/libs/PanoMeasurePlugin/Modules/FiveHelper.js

@@ -1,8 +1,29 @@
 import { Vector3 } from 'three';
 export default class FiveHelper {
-    edges = [];
-    five;
     constructor(five) {
+        Object.defineProperty(this, "edges", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 模型加载后获取折线 */
+        Object.defineProperty(this, "onModelLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.five.model)
+                    return;
+                this.edges = this.five.model.getEdges();
+            }
+        });
         this.five = five;
         this.five.model.loaded ? this.onModelLoaded() : this.five.on('modelLoaded', this.onModelLoaded);
     }
@@ -24,10 +45,4 @@ export default class FiveHelper {
             return null;
         return closestPoint || null;
     }
-    /** 模型加载后获取折线 */
-    onModelLoaded = () => {
-        if (!this.five.model)
-            return;
-        this.edges = this.five.model.getEdges();
-    };
 }

package/libs/PanoMeasurePlugin/Modules/GuideController.js

@@ -1,9 +1,66 @@
 export class GuideController {
-    measureController;
-    textDom = document.createElement('span');
-    container = document.createElement('div');
-    hasAnchor = false;
     constructor(measureController, params) {
+        Object.defineProperty(this, "measureController", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "textDom", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document.createElement('span')
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document.createElement('div')
+        });
+        Object.defineProperty(this, "hasAnchor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "onModelChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode) => {
+                if (mode === 'Watch') {
+                    this.textDom.innerText = ``;
+                    return;
+                }
+                this.textDom.innerText = `请选择第一个测量点，Esc或单击鼠标右键可取消选择`;
+            }
+        });
+        Object.defineProperty(this, "anchorChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (anchor) => {
+                if (!this.hasAnchor && !!anchor) {
+                    this.hasAnchor = true;
+                    this.textDom.innerText = `选择下一个测量点，Esc或单击鼠标右键取消选择`;
+                }
+                else if (!anchor) {
+                    this.hasAnchor = false;
+                    this.textDom.innerText = `请选择第一个测量点，Esc或单击鼠标右键可取消选择`;
+                }
+            }
+        });
+        Object.defineProperty(this, "onEditedLineChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (lines) => {
+                if (lines.length === 1) {
+                    this.textDom.innerText = `可以连续选择测量点，或点击下方“完成”结束测量（Esc取消，Command+S保存）`;
+                }
+            }
+        });
         this.initDom();
         params.container.append(this.container);
         this.measureController = measureController;
@@ -50,26 +107,4 @@ export class GuideController {
         textDom.innerText = `点击下方“添加”开始测距`;
         container.appendChild(textDom);
     }
-    onModelChange = (mode) => {
-        if (mode === 'Watch') {
-            this.textDom.innerText = ``;
-            return;
-        }
-        this.textDom.innerText = `请选择第一个测量点，Esc或单击鼠标右键可取消选择`;
-    };
-    anchorChange = (anchor) => {
-        if (!this.hasAnchor && !!anchor) {
-            this.hasAnchor = true;
-            this.textDom.innerText = `选择下一个测量点，Esc或单击鼠标右键取消选择`;
-        }
-        else if (!anchor) {
-            this.hasAnchor = false;
-            this.textDom.innerText = `请选择第一个测量点，Esc或单击鼠标右键可取消选择`;
-        }
-    };
-    onEditedLineChange = (lines) => {
-        if (lines.length === 1) {
-            this.textDom.innerText = `可以连续选择测量点，或点击下方“完成”结束测量（Esc取消，Command+S保存）`;
-        }
-    };
 }

package/libs/PanoMeasurePlugin/Modules/Magnifier.js

@@ -6,17 +6,67 @@ function exchange(array, index1, index2) {
     array[index2] = value;
 }
 export default class Magnifier {
-    five;
-    scale;
-    width;
-    height;
-    pixelRatio;
-    originWidth;
-    originHeight;
-    context;
-    canvas = document.createElement('canvas');
-    container;
     constructor(five, options) {
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "scale", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "width", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "height", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "pixelRatio", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "originWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "originHeight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "context", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "canvas", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document.createElement('canvas')
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         if (!five.renderer)
             throw new Error('Five Render 未初始化');
         this.five = five;

package/libs/PanoMeasurePlugin/Modules/UIController/MainBtnController.js

@@ -3,11 +3,84 @@ import { mainIconStyle as mainIconStyle, mainItemStyle as mainItemStyle } from '
 import { tweenProgress } from '../../../shared-utils/animationFrame/BetterTween';
 import { MAIN_NORMAL_PATH, MAIN_DONE_PATH, MAIN_MOUSE_ENTER_FILL, MAIN_MOUSE_LEAVE_FILL } from './HTML';
 export class MainBtnController {
-    container;
-    measureController;
-    mainIconMaskTween;
-    mainElement;
     constructor(measureController, container) {
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "measureController", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "mainIconMaskTween", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "mainElement", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /* 鼠标移入时变成蓝色 */
+        Object.defineProperty(this, "onMouseEnter", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const { mainItem, pathDom } = this.mainElement;
+                mainItem.style.opacity = '1';
+                pathDom.setAttribute('fill', MAIN_MOUSE_ENTER_FILL);
+            }
+        });
+        /* 鼠标移出时变成灰色 */
+        Object.defineProperty(this, "onMouseLeave", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const { mainItem, pathDom } = this.mainElement;
+                mainItem.style.opacity = '0.7';
+                pathDom.setAttribute('fill', MAIN_MOUSE_LEAVE_FILL);
+            }
+        });
+        Object.defineProperty(this, "onClick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const mode = this.measureController.getCurrentMode();
+                mode === 'Watch' ? this.measureController.changeMode('Edit') : this.measureController.save().changeMode('Watch');
+            }
+        });
+        Object.defineProperty(this, "editedLineChangeHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (lines) => {
+                // 线的数量大于 1 时，没有状态的变化
+                if (lines.length > 1)
+                    return;
+                // 因为撤销导致的状态变更 -> 取消
+                if (lines.length === 0)
+                    return this.change2Cancel(false);
+                this.change2Done();
+            }
+        });
+        Object.defineProperty(this, "modeChangeHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode) => {
+                mode === 'Watch' ? this.change2Add() : this.change2Cancel();
+            }
+        });
         this.measureController = measureController;
         this.container = container;
         this.mainElement = this.getMainElement();
@@ -30,8 +103,8 @@ export class MainBtnController {
         const mainTextDom = this.container.querySelector('.fpm__main-text');
         const mainItem = this.container.querySelector('.fpm__main');
         const mainIcon = this.container.querySelector('.fpm__main-icon');
-        const pathDom = mainItem?.querySelector('.fpm__main-icon-path');
-        const maskWhiteRect = mainIcon?.querySelector('#fpm__main-icon-mask-white');
+        const pathDom = mainItem === null || mainItem === void 0 ? void 0 : mainItem.querySelector('.fpm__main-icon-path');
+        const maskWhiteRect = mainIcon === null || mainIcon === void 0 ? void 0 : mainIcon.querySelector('#fpm__main-icon-mask-white');
         if (!mainItem || !mainTextDom || !mainIcon || !pathDom || !maskWhiteRect)
             throw new Error('cannot find dom');
         return { mainTextDom, mainItem, mainIcon, pathDom, maskWhiteRect };
@@ -42,7 +115,7 @@ export class MainBtnController {
         mainIcon.style.transition = mainTextDom.innerText === '完成' ? 'none' : 'transform 300ms ease-in-out';
         mainIcon.style.transform = 'rotate(0deg)';
         mainTextDom.innerText = '添加';
-        pathDom?.setAttribute('d', MAIN_NORMAL_PATH);
+        pathDom === null || pathDom === void 0 ? void 0 : pathDom.setAttribute('d', MAIN_NORMAL_PATH);
     }
     change2Cancel(withAnime = true) {
         const { mainIcon, mainTextDom, pathDom } = this.mainElement;
@@ -54,6 +127,7 @@ export class MainBtnController {
         this.measureController.hook.on('editedLineChange', this.editedLineChangeHandler);
     }
     change2Done() {
+        var _a;
         const { mainTextDom, mainIcon, pathDom, maskWhiteRect } = this.getMainElement();
         if (mainTextDom.innerText === '完成')
             return;
@@ -62,41 +136,13 @@ export class MainBtnController {
         mainTextDom.innerText = '完成';
         pathDom.setAttribute('d', MAIN_DONE_PATH);
         pathDom.setAttribute('mask', `url(#fpm__main-icon-mask)`);
-        this.mainIconMaskTween?.dispose();
+        (_a = this.mainIconMaskTween) === null || _a === void 0 ? void 0 : _a.dispose();
         this.mainIconMaskTween = tweenProgress()
             .easing(TWEEN.Easing.Quartic.InOut)
             .onUpdate(({ progress }) => {
             maskWhiteRect.setAttribute('width', (progress * 30).toString());
         })
-            .onComplete(() => this.mainIconMaskTween?.dispose())
+            .onComplete(() => { var _a; return (_a = this.mainIconMaskTween) === null || _a === void 0 ? void 0 : _a.dispose(); })
             .play();
     }
-    /* 鼠标移入时变成蓝色 */
-    onMouseEnter = () => {
-        const { mainItem, pathDom } = this.mainElement;
-        mainItem.style.opacity = '1';
-        pathDom.setAttribute('fill', MAIN_MOUSE_ENTER_FILL);
-    };
-    /* 鼠标移出时变成灰色 */
-    onMouseLeave = () => {
-        const { mainItem, pathDom } = this.mainElement;
-        mainItem.style.opacity = '0.7';
-        pathDom.setAttribute('fill', MAIN_MOUSE_LEAVE_FILL);
-    };
-    onClick = () => {
-        const mode = this.measureController.getCurrentMode();
-        mode === 'Watch' ? this.measureController.changeMode('Edit') : this.measureController.save().changeMode('Watch');
-    };
-    editedLineChangeHandler = (lines) => {
-        // 线的数量大于 1 时，没有状态的变化
-        if (lines.length > 1)
-            return;
-        // 因为撤销导致的状态变更 -> 取消
-        if (lines.length === 0)
-            return this.change2Cancel(false);
-        this.change2Done();
-    };
-    modeChangeHandler = (mode) => {
-        mode === 'Watch' ? this.change2Add() : this.change2Cancel();
-    };
 }

package/libs/PanoMeasurePlugin/Modules/UIController/Revoke/index.js

@@ -1,9 +1,57 @@
 export default class Revoke {
-    container;
-    revokeIcon;
-    revokeItem;
-    measureController;
     constructor(measureController, container) {
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "revokeIcon", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "revokeItem", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "measureController", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onClick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.measureController.revoke();
+            }
+        });
+        Object.defineProperty(this, "onModeChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode) => {
+                if (mode !== 'Edit') {
+                    this.revokeItem.classList.remove('enabled');
+                    return;
+                }
+                this.revokeItem.classList.add('enabled');
+            }
+        });
+        Object.defineProperty(this, "handleRevoke", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                return () => { };
+            }
+        });
         this.measureController = measureController;
         this.container = container;
         const revokeIcon = this.container.querySelector('.fpm__revoke-icon');
@@ -19,17 +67,4 @@ export default class Revoke {
         this.revokeIcon.removeEventListener('click', this.onClick);
         this.measureController.hook.off('modeChange', this.onModeChange);
     }
-    onClick = () => {
-        this.measureController.revoke();
-    };
-    onModeChange = (mode) => {
-        if (mode !== 'Edit') {
-            this.revokeItem.classList.remove('enabled');
-            return;
-        }
-        this.revokeItem.classList.add('enabled');
-    };
-    handleRevoke = () => {
-        return () => { };
-    };
 }