@realsee/dnalogel 2.0.0-alpha.44 → 2.0.0-alpha.45

package/libs/src/PanoMeasurePlugin/Controller/EditController.js

@@ -1,329 +0,0 @@
-import Hammer from 'hammerjs';
-import { Model } from '../Model';
-import Line from '../Model/line';
-import Point from '../Model/point';
-import throttle from '../../shared-utils/throttle';
-import BaseController from './BaseController';
-import { getIntersectionFromEvent } from '../utils/getIntersectionFromEvent';
-export default class EditController extends BaseController {
-    constructor(params) {
-        var _a;
-        super(params);
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'edit'
-        });
-        Object.defineProperty(this, "model", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Model({ userDistanceItemCreator: this.userDistanceItemCreator })
-        });
-        Object.defineProperty(this, "pressPoint", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "hasAppendDashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "hasAppendMouseGroup", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "fiveElement", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** 上一个端点位置 */
-        Object.defineProperty(this, "lastPoint", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        /** 鼠标点到上一个端点连接的虚线 */
-        Object.defineProperty(this, "dashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "hammer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** 根据 intersection 更新放大镜和吸附点 */
-        Object.defineProperty(this, "onIntersectionUpdate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: throttle((intersection, mesh) => {
-                var _a;
-                if (this.hasAppendMouseGroup === false) {
-                    this.group.add(this.mouseGroup);
-                    this.magnifier.appendTo(this.container);
-                    this.hasAppendMouseGroup = true;
-                }
-                const position = this.updateMouseGroup(intersection, mesh).position;
-                (_a = this.pressPoint) === null || _a === void 0 ? void 0 : _a.position.copy(position);
-                this.updateDashed();
-                requestAnimationFrame(() => this.magnifier.renderWithPoint(this.mouseGroup.position));
-                this.five.needsRender = true;
-            }, 20)
-        });
-        /** 撤销编辑 */
-        Object.defineProperty(this, "revoke", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                // ============ revoke points ============
-                // 如果当前没有虚线，只有起始点，需要删除起始点，重置起始状态。并删除虚线实例
-                if (this.model.lines.length === 0 && this.lastPoint) {
-                    this.lastPoint = null;
-                    this.hasAppendDashed = false;
-                    this.dashed.distanceItem.remove();
-                    this.group.remove(this.dashed.mesh);
-                    this.hook.emit('anchorChange', null);
-                    this.five.needsRender = true;
-                    return;
-                }
-                if (this.model.lines.length === 0 && !this.lastPoint)
-                    return;
-                if (!this.lastPoint)
-                    return;
-                const revokedLine = this.model.lines[this.model.lines.length - 1];
-                const lastPoint = revokedLine.findAnotherPoint(this.lastPoint);
-                if (!lastPoint)
-                    return;
-                this.lastPoint = lastPoint;
-                this.hook.emit('anchorChange', lastPoint.position);
-                // ============ revoke lines ============
-                this.group.remove(revokedLine.mesh);
-                this.model.removeLine(revokedLine);
-                // ============ revoke mouse group ============
-                this.hasAppendMouseGroup = false;
-                this.mouseGroup.position.copy(this.lastPoint.position);
-                this.group.remove(this.mouseGroup);
-                // ============ revoke lineDistance ============
-                revokedLine.distanceItem.remove();
-                // ============ revoke dashed ============
-                this.updateDashed();
-                // ============ revoke magnifier ============
-                this.magnifier.remove();
-                this.five.needsRender = true;
-            }
-        });
-        Object.defineProperty(this, "onMouseLeave", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.magnifier.remove();
-                this.group.remove(this.mouseGroup);
-                this.hasAppendMouseGroup = false;
-                if (this.lastPoint) {
-                    this.mouseGroup.position.copy(this.lastPoint.position);
-                    this.updateDashed();
-                }
-            }
-        });
-        /** 编辑线条发生改变时通知外部 */
-        Object.defineProperty(this, "onLineChanged", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.hook.emit('editedLineChange', this.model.lines.map((line) => line.toCompletelyJson()));
-            }
-        });
-        Object.defineProperty(this, "onPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (e) => {
-                const [intersection] = getIntersectionFromEvent(this.five, e);
-                if (!intersection || !intersection.face)
-                    return;
-                const nowPoint = new Point(intersection.point);
-                this.pressPoint = nowPoint;
-                this.onIntersectionUpdate(intersection);
-            }
-        });
-        /**
-         * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
-         * 2. 如果有长按点，把长按点位置更新为当前位置
-         */
-        Object.defineProperty(this, "onPan", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (e) => {
-                if (!this.pressPoint)
-                    return;
-                const [intersection] = getIntersectionFromEvent(this.five, e);
-                if (!intersection || !intersection.face)
-                    return;
-                this.onIntersectionUpdate(intersection);
-            }
-        });
-        Object.defineProperty(this, "onPanEnd", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (e) => {
-                if (!this.pressPoint)
-                    return;
-                this.onTap(e);
-            }
-        });
-        /**
-         * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
-         * 2. 把上一个点的位置更新为当前点的位置
-         * 3. 清除 mouseGroup 和 magnifier
-         */
-        Object.defineProperty(this, "onTap", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (e) => {
-                if (!this.hasAppendDashed) {
-                    this.dashed.distanceItem.appendTo(this.container);
-                    this.group.add(this.dashed.mesh);
-                }
-                this.hasAppendDashed = true;
-                const [intersection] = getIntersectionFromEvent(this.five, e);
-                this.updateMouseGroup(intersection);
-                const nowPoint = new Point(this.mouseGroup.position);
-                const lastPoint = this.lastPoint;
-                if (nowPoint)
-                    this.lastPoint = nowPoint;
-                if (nowPoint && lastPoint) {
-                    const line = new Line(lastPoint, nowPoint, this.model);
-                    line.distanceItem.appendTo(this.container);
-                    this.model.addLine(line);
-                    this.group.add(line.mesh);
-                    line.distanceItem.update(this.five);
-                }
-                this.pressPoint = undefined;
-                this.hasAppendMouseGroup = false;
-                this.magnifier.remove();
-                this.group.remove(this.mouseGroup);
-                this.updateDashed();
-                this.five.needsRender = true;
-                this.hook.emit('anchorChange', nowPoint.position);
-            }
-        });
-        Object.defineProperty(this, "onWantsTapGesture", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => false
-        });
-        /** 编辑时取消走点 */
-        Object.defineProperty(this, "onWantsToMoveToPano", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => false
-        });
-        /** 存在长按点时不能移动全景 */
-        Object.defineProperty(this, "onWantsPanGesture", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => (this.pressPoint ? false : undefined)
-        });
-        /** 移动全景时更新 distanceItem 在屏幕上的位置 */
-        Object.defineProperty(this, "onCameraUpdate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.updateDistanceUI();
-                this.dashed.distanceItem.update(this.five);
-            }
-        });
-        /** 更新虚线 */
-        Object.defineProperty(this, "updateDashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (!this.lastPoint)
-                    return;
-                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.dashed = new Line(new Point([0, 0, 0]), new Point([0, 0, 0]), this.model);
-        this.dashed.mesh.setMaterial({ dashed: true, dashScale: 100 });
-        // ==================== 事件监听 ====================
-        // five
-        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);
-        // model
-        this.model.hook.on('lineAdded', this.onLineChanged);
-        this.model.hook.on('lineRemoved', this.onLineChanged);
-        // hammer
-        const fiveElement = this.five.getElement();
-        if (fiveElement) {
-            this.fiveElement = fiveElement;
-            const hammer = new Hammer(fiveElement);
-            this.hammer = hammer;
-            hammer.on('tap', this.onTap);
-            hammer.on('pan', this.onPan);
-            hammer.on('press', this.onPress);
-            hammer.on('panend', this.onPanEnd);
-        }
-        // fiveElement
-        (_a = this.fiveElement) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseleave', this.onMouseLeave);
-        // ==================== 其他 ====================
-        this.hook.emit('anchorChange', null);
-        this.five.refresh();
-    }
-    dispose() {
-        var _a, _b;
-        super.dispose();
-        this.group.remove(this.mouseGroup, this.dashed.mesh);
-        // ==================== 解除事件监听 ====================
-        // five
-        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);
-        // model
-        this.model.hook.off('lineAdded', this.onLineChanged);
-        this.model.hook.off('lineRemoved', this.onLineChanged);
-        // hammer
-        (_a = this.hammer) === null || _a === void 0 ? void 0 : _a.destroy();
-        // fiveElement
-        (_b = this.fiveElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.onMouseLeave);
-        this.magnifier.dispose();
-        this.dashed.distanceItem.remove();
-        this.five.needsRender = true;
-    }
-    getEditingLines() {
-        return this.model.lines;
-    }
-}

package/libs/src/PanoMeasurePlugin/Controller/MixedController.js

@@ -1,337 +0,0 @@
-import { Model } from '../Model';
-import Line from '../Model/line';
-import Point from '../Model/point';
-import BaseController from './BaseController';
-import DeleteDom from '../Modules/DeleteDom';
-import { findAssociatedLines } from '../utils/findAssociatedLines';
-import { Vector2 } from 'three';
-import isNDCPointInScreen from '../utils/isNDCPointInScreen';
-import { closestPointOnLine } from '../utils/math';
-export default class MixedController extends BaseController {
-    constructor(params) {
-        super(params);
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'watching'
-        });
-        Object.defineProperty(this, "model", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Model({ userDistanceItemCreator: this.userDistanceItemCreator })
-        });
-        Object.defineProperty(this, "hasAppendDashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "fiveElement", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "mobileStartPoint", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "mobileNowPoint", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "highlightedLines", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "deleteDom", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** 圆环点到上一个端点连接的虚线 */
-        Object.defineProperty(this, "dashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** 编辑线条发生改变时通知外部 */
-        Object.defineProperty(this, "onLineChanged", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.hook.emit('editedLineChange', this.model.lines.map((line) => line.toCompletelyJson()));
-            }
-        });
-        Object.defineProperty(this, "onWantsTapGesture", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (raycaster) => {
-                if (this.state === 'editing')
-                    return false;
-                const [target] = this.five.model.intersectRaycaster(raycaster);
-                if (!target)
-                    return;
-                const camera = this.five.camera;
-                const ndcTarget = target.point.clone().project(camera);
-                const screenWidth = this.container.clientWidth;
-                const screenHeight = this.container.clientHeight;
-                const targetScreenPosition = new Vector2(ndcTarget.x * screenWidth, ndcTarget.y * screenHeight);
-                // 把线的端点全部映射到屏幕上，过滤掉不在视野内的线，同时乘以屏幕宽 & 高
-                const screenLines = this.model.lines
-                    .map((line) => {
-                    const [startPoint, endPoint] = line.points;
-                    const ndcStartPoint = startPoint.position.clone().project(camera);
-                    const ndcEndPoint = endPoint.position.clone().project(camera);
-                    if (!isNDCPointInScreen(ndcStartPoint) && !isNDCPointInScreen(ndcEndPoint))
-                        return null;
-                    const startScreenPosition = new Vector2(ndcStartPoint.x * screenWidth, ndcStartPoint.y * screenHeight);
-                    const endScreenPosition = new Vector2(ndcEndPoint.x * screenWidth, ndcEndPoint.y * screenHeight);
-                    return { id: line.id, points: [startScreenPosition, endScreenPosition] };
-                })
-                    .filter((line) => !!line);
-                if (screenLines.length === 0)
-                    return;
-                // 找这些线距离鼠标点击位置最近的线
-                const distanceLines = screenLines
-                    .map((line) => {
-                    const closestPoint = closestPointOnLine(targetScreenPosition, line.points);
-                    return { id: line.id, distance: closestPoint.distanceTo(targetScreenPosition) };
-                })
-                    .sort((a, b) => a.distance - b.distance);
-                const closestScreenLine = distanceLines[0];
-                if (closestScreenLine.distance > 20)
-                    return;
-                const closestLine = this.model.lines.find(({ id }) => id === closestScreenLine.id);
-                if (!closestLine)
-                    return;
-                this.chooseLine(closestLine);
-                return false;
-            }
-        });
-        /** 编辑时取消走点,watch时可以走 */
-        Object.defineProperty(this, "onWantsToMoveToPano", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => this.state === 'watching'
-        });
-        /** 移动全景时更新 distanceItem 在屏幕上的位置 */
-        Object.defineProperty(this, "onCameraUpdate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.updateDistanceUI();
-                this.dashed.distanceItem.update(this.five);
-            }
-        });
-        /** mobile态时更新虚线 */
-        Object.defineProperty(this, "updateMobileDashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (!this.mobileStartPoint || !this.mobileNowPoint)
-                    return;
-                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);
-            }
-        });
-        /** mobile态时更新放大镜 */
-        Object.defineProperty(this, "updateMagnifier", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (point) => {
-                if (this.magnifier.visible === false) {
-                    this.magnifier.appendTo(this.container);
-                }
-                requestAnimationFrame(() => this.magnifier.renderWithPoint(point.position));
-                this.five.needsRender = true;
-            }
-        });
-        Object.defineProperty(this, "onGetStartPoint", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (point) => {
-                this.mobileStartPoint = point;
-            }
-        });
-        Object.defineProperty(this, "onGetEndPoint", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (point) => {
-                const endPoint = this.mobileNowPoint;
-                this.removeLine(this.dashed);
-                this.hasAppendDashed = false;
-                if (this.mobileStartPoint && endPoint) {
-                    const line = new Line(this.mobileStartPoint, endPoint, this.model);
-                    line.distanceItem.appendTo(this.container);
-                    line.distanceItem.update(this.five);
-                    line.hook.on('selected', this.chooseLine);
-                    this.group.add(line.mesh);
-                    this.model.addLine(line);
-                }
-                this.mobileStartPoint = null;
-                this.mobileNowPoint = null;
-                this.five.needsRender = true;
-            }
-        });
-        Object.defineProperty(this, "onNowPointChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (point) => {
-                if (this.state === 'watching') {
-                    this.mobileNowPoint = point;
-                    this.updateMagnifier(point);
-                    return;
-                }
-                if (!this.hasAppendDashed) {
-                    this.dashed.distanceItem.appendTo(this.container);
-                    this.group.add(this.dashed.mesh);
-                    this.hasAppendDashed = true;
-                }
-                this.five.needsRender = true;
-                this.mobileNowPoint = point;
-                this.updateMobileDashed();
-                this.updateMagnifier(point);
-                this.five.needsRender = true;
-            }
-        });
-        Object.defineProperty(this, "onWillChangeState", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (state, newState) => {
-                this.state = newState;
-                if (this.state === 'watching') {
-                    this.five.helperVisible = true;
-                }
-                else {
-                    // 隐藏点位和鼠标聚焦环
-                    this.five.helperVisible = false;
-                }
-            }
-        });
-        Object.defineProperty(this, "chooseLine", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (line) => {
-                const highlightLines = findAssociatedLines(line);
-                this.highlightLines(highlightLines);
-                this.five.needsRender = true;
-                this.hook.emit('selectedChange', highlightLines.map((line) => line.toCompletelyJson()));
-            }
-        });
-        Object.defineProperty(this, "deleteDomClickCallback", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.highlightedLines.forEach((line) => {
-                    this.removeLine(line);
-                    this.model.removeLine(line);
-                });
-                this.highlightedLines = [];
-                this.deleteDom.setLines([]).hide();
-            }
-        });
-        Object.defineProperty(this, "cancelDeleteClickCallback", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.clearHighlightLines();
-            }
-        });
-        this.deleteDom = new DeleteDom(this.five, {
-            onClick: this.deleteDomClickCallback,
-            cancelDelete: this.cancelDeleteClickCallback,
-        }).appendTo(this.container);
-        // ==================== 虚线 ====================
-        this.dashed = new Line(new Point([0, 0, 0]), new Point([0, 0, 0]), this.model);
-        this.dashed.mesh.setMaterial({ dashed: true, dashScale: 100 });
-        this.dashed.mesh.name = 'dashLine';
-        // ==================== 事件监听 ====================
-        // five
-        this.five.on('cameraUpdate', this.onCameraUpdate);
-        this.five.on('wantsTapGesture', this.onWantsTapGesture);
-        this.five.on('wantsToMoveToPano', this.onWantsToMoveToPano);
-        // model
-        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);
-        // ==================== 解除事件监听 ====================
-        // five
-        this.five.off('cameraUpdate', this.onCameraUpdate);
-        this.five.off('wantsTapGesture', this.onWantsTapGesture);
-        this.five.off('wantsToMoveToPano', this.onWantsToMoveToPano);
-        // model
-        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 = true;
-    }
-    highlightLine(line) {
-        if (line.selected)
-            return;
-        line.selected = true;
-        this.group.add(line.lightMesh);
-        line.distanceItem.highlight();
-        this.five.needsRender = true;
-    }
-    clearHighlightLines() {
-        if (this.group.children.length === 0)
-            return;
-        this.deleteDom.setLines([]).hide();
-        this.model.lines.forEach((line) => {
-            line.selected = false;
-            line.distanceItem.unHighlight();
-            this.group.remove(line.lightMesh);
-        });
-        this.highlightedLines = [];
-        this.five.needsRender = true;
-    }
-    getEditingLines() {
-        return this.model.lines;
-    }
-    highlightLines(lines) {
-        this.clearHighlightLines();
-        this.highlightedLines = lines;
-        this.deleteDom.setLines(lines).updatePosition().show();
-        lines.forEach((line) => this.highlightLine(line));
-    }
-}