@realsee/dnalogel 0.1.5 → 0.1.7-alpha.4

package/plugins/PanoMeasurePlugin/typings/event.type.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/plugins/PanoMeasurePlugin/typings/utils.type.d.ts

@@ -0,0 +1 @@
+export declare type ValueOf<T> = T[keyof T];

package/plugins/PanoMeasurePlugin/typings/utils.type.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/plugins/PanoMeasurePlugin/utils/clearGroup.d.ts

@@ -0,0 +1,2 @@
+import { Group } from 'three';
+export default function clearGroup(group: Group): void;

package/plugins/PanoMeasurePlugin/utils/clearGroup.js

@@ -0,0 +1,16 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = clearGroup;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+function clearGroup(group) {
+  group.children.length > 0 && group.remove.apply(group, (0, _toConsumableArray2["default"])(group.children));
+}

package/plugins/PanoMeasurePlugin/utils/constants.d.ts

@@ -0,0 +1,4 @@
+import { ICreatLineOpts } from './line';
+export declare const normalLineOpts: ICreatLineOpts;
+export declare const dashLineOpts: ICreatLineOpts;
+export declare const lightLineOpts: ICreatLineOpts;

package/plugins/PanoMeasurePlugin/utils/constants.js

@@ -0,0 +1,47 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalLineOpts = exports.lightLineOpts = exports.dashLineOpts = void 0;
+
+require("core-js/modules/es.object.assign.js");
+
+var _three = require("three");
+
+var lineWidth = 2;
+var lightLineWidth = 4;
+var lineColor = new _three.Color(0xffffff);
+var lightLineColor = new _three.Color(0x2d7cff);
+var pointColor = new _three.Color(0xffffff);
+var lightPointColor = new _three.Color(0x2d7cff);
+var pointSize = 8;
+var lightPointSize = 16;
+var pointImage = 'data:image/png;base64,' + 'iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAG/Py2baba05un7UgfgAAAHJJREFUKM9joBpgLHVSCRdA4metAoJlCJHmVWBgAeNzroKCCVCBLpjACqgJVjCBxRBT2FbBQQJYQAohsBAsUIUQWA4WiEIILAULeCEEloAFtBACizAEMLRgGIphLabDMJ2O6TlM72MGECIIMQIZIxqoBQCPvpJ/e9FaAAAAAABJRU5ErkJggg==';
+var pointTexture = new _three.TextureLoader().load(pointImage);
+var normalLineOpts = {
+  pointTexture: pointTexture,
+  pointSize: pointSize,
+  lineWidth: lineWidth,
+  lineColor: lineColor,
+  pointColor: pointColor,
+  lineRenderOrder: 20,
+  pointsRenderOrder: 20
+};
+exports.normalLineOpts = normalLineOpts;
+var dashLineOpts = Object.assign({}, normalLineOpts, {
+  dashed: true
+});
+exports.dashLineOpts = dashLineOpts;
+var lightLineOpts = {
+  pointTexture: pointTexture,
+  pointSize: lightPointSize,
+  lineWidth: lightLineWidth,
+  lineColor: lightLineColor,
+  pointColor: lightPointColor,
+  lineRenderOrder: 10,
+  pointsRenderOrder: 10
+};
+exports.lightLineOpts = lightLineOpts;

package/plugins/PanoMeasurePlugin/utils/distanceDom.d.ts

@@ -0,0 +1,28 @@
+import Line from '../Model/line';
+import { Five } from '@realsee/five';
+import { Vector3 } from 'three';
+import { LineCompletelyJson, PolylineCompletelyJson } from '../typings/data';
+export declare type DistanceItem = ReturnType<typeof creatDistanceItem>;
+export interface UserDistanceItem {
+    element: Element;
+    highlight: () => void;
+    unHighlight: () => void;
+    update: (params: {
+        line: LineCompletelyJson;
+        polyline: PolylineCompletelyJson;
+    }) => void;
+}
+export interface IDistanceItemProps {
+    line: Line;
+    userDistanceItem?: UserDistanceItem;
+    clickCallback?: (item: DistanceItem) => unknown;
+}
+export declare function creatDistanceItem(props: IDistanceItemProps): {
+    lineID: string;
+    ndcPosition: Vector3;
+    update: (five: Five) => void;
+    appendTo: (container: Element) => void;
+    remove: () => void;
+    highlight: () => void;
+    unHighlight: () => void;
+};

package/plugins/PanoMeasurePlugin/utils/distanceDom.js

@@ -0,0 +1,147 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.creatDistanceItem = creatDistanceItem;
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.number.to-fixed.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _three = require("three");
+
+var _isNDCPointInScreen = _interopRequireDefault(require("./isNDCPointInScreen"));
+
+function creatContentDom() {
+  var contentDom = document.createElement('div');
+  contentDom.style.height = '24px';
+  contentDom.style.width = '62px';
+  contentDom.style.lineHeight = '24px';
+  contentDom.style.textAlign = 'center';
+  contentDom.style.transform = 'translate(-50%, -50%)';
+  contentDom.style.borderRadius = '12px';
+  contentDom.style.fontSize = '14px';
+  contentDom.style.color = '#000000';
+  contentDom.style.background = '#fff';
+  contentDom.style.pointerEvents = 'all';
+  contentDom.style.cursor = 'pointer';
+  return contentDom;
+}
+
+function createContainerDom(line) {
+  var containerDom = document.createElement('div');
+  containerDom.id = 'distance_' + line.id;
+  containerDom.classList.add('five-plugin-measure__distance');
+  containerDom.style.opacity = '0';
+  containerDom.style.position = 'absolute';
+  containerDom.style.left = '0';
+  containerDom.style.top = '0';
+  containerDom.style.transform = 'translate3d(0, 0, 0)';
+  return containerDom;
+}
+
+function creatDistanceItem(props) {
+  function handleClick() {
+    var _props$clickCallback;
+
+    highlight();
+    (_props$clickCallback = props.clickCallback) === null || _props$clickCallback === void 0 ? void 0 : _props$clickCallback.call(props, distanceItem);
+  }
+
+  function highlight() {
+    if (userDistanceItem) return userDistanceItem.highlight();
+    contentDom.style.border = '1px solid #538FFF';
+    contentDom.style.color = '#538FFF';
+  }
+
+  function unHighlight() {
+    if (userDistanceItem) return userDistanceItem.unHighlight();
+    contentDom.style.border = 'none';
+    contentDom.style.color = '#000';
+  }
+
+  function update(five) {
+    var fiveElement = five.getElement();
+    if (!fiveElement) return;
+    var screenWidth = fiveElement.clientWidth;
+    var screenHeight = fiveElement.clientHeight;
+    if (line.points.length < 2) return;
+
+    var _line$points = (0, _slicedToArray2["default"])(line.points, 2),
+        startPoint = _line$points[0],
+        endPoint = _line$points[1];
+
+    var ndcStartPosition = startPoint.position.clone().project(five.camera);
+    var ndcEndPosition = endPoint.position.clone().project(five.camera);
+    var ndcDomPosition = ndcStartPosition.clone().lerp(ndcEndPosition, 0.5);
+
+    var visible = function () {
+      // 对于超过近平面和远平面的点，计算会有问题
+      if (Math.abs(ndcStartPosition.z) > 1 || Math.abs(ndcEndPosition.z) > 1) return false;
+      if (!(0, _isNDCPointInScreen["default"])(ndcStartPosition) && !(0, _isNDCPointInScreen["default"])(ndcEndPosition)) return false;
+      if (!(0, _isNDCPointInScreen["default"])(ndcDomPosition)) return false;
+      var screenStartPosition = new _three.Vector2(ndcStartPosition.x * screenWidth, ndcStartPosition.y * screenHeight);
+      var screenEndPosition = new _three.Vector2(ndcEndPosition.x * screenWidth, ndcEndPosition.y * screenHeight);
+      if (screenStartPosition.distanceTo(screenEndPosition) < 20) return false;
+      return true;
+    }();
+
+    if (visible === false) {
+      containerDom.style.opacity = '0';
+      containerDom.style.pointerEvents = 'none';
+      return;
+    } // 更新 UI
+
+
+    var left = (ndcDomPosition.x + 1) / 2 * screenWidth;
+    var top = -(ndcDomPosition.y - 1) / 2 * screenHeight;
+    containerDom.style.transform = "translate3d(".concat(left, "px, ").concat(top, "px, 10px)");
+    containerDom.style.opacity = '1';
+    containerDom.style.pointerEvents = 'all';
+
+    if (userDistanceItem) {
+      userDistanceItem.update({
+        line: line.toCompletelyJson(),
+        polyline: line.getPolyline().toCompletelyJson()
+      });
+    }
+
+    var distanceString = startPoint.position.clone().distanceTo(endPoint.position).toFixed(2) + 'm';
+    contentDom.innerText !== distanceString && (contentDom.innerText = distanceString);
+  }
+
+  function appendTo(container) {
+    container.appendChild(containerDom);
+    containerDom.addEventListener('click', handleClick);
+  }
+
+  function remove() {
+    contentDom.removeEventListener('click', handleClick);
+    containerDom.remove();
+  }
+
+  var line = props.line;
+  var lineID = line.id;
+  var contentDom = creatContentDom();
+  var containerDom = createContainerDom(line);
+  var userDistanceItem = props.userDistanceItem;
+  var ndcPosition = new _three.Vector3(0, 0, 0);
+  var distanceItem = {
+    lineID: lineID,
+    ndcPosition: ndcPosition,
+    update: update,
+    appendTo: appendTo,
+    remove: remove,
+    highlight: highlight,
+    unHighlight: unHighlight
+  };
+  userDistanceItem !== null && userDistanceItem !== void 0 && userDistanceItem.element ? containerDom.appendChild(userDistanceItem.element) : containerDom.appendChild(contentDom);
+  return distanceItem;
+}

package/plugins/PanoMeasurePlugin/utils/findAssociatedLines.d.ts

@@ -0,0 +1,2 @@
+import Line from '../Model/line';
+export declare function findAssociatedLines(line: Line): Line[];

package/plugins/PanoMeasurePlugin/utils/findAssociatedLines.js

@@ -0,0 +1,37 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findAssociatedLines = findAssociatedLines;
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.array.find-index.js");
+
+require("core-js/modules/es.array.concat.js");
+
+function findAssociatedLines(line) {
+  // 找跟这个线段相邻的线
+  var mergeNextLine = function mergeNextLine(point, nextIndex, target) {
+    var nextLine = point.lines.find(function (line) {
+      var pointIndex = line.points.findIndex(function (_ref) {
+        var id = _ref.id;
+        return id === point.id;
+      });
+      if (pointIndex === nextIndex) return false;
+      return true;
+    });
+    if (!nextLine) return target;
+    var nextPoint = nextLine.points[nextIndex];
+    if (!nextPoint) return target;
+    return mergeNextLine(nextPoint, nextIndex, target.concat(nextLine));
+  };
+
+  var rightLines = mergeNextLine(line.points[0], 1, []);
+  var leftLines = mergeNextLine(line.points[0], 0, []);
+  var lines = rightLines.concat(leftLines);
+  return lines;
+}

package/plugins/PanoMeasurePlugin/utils/findClosestPoint.d.ts

@@ -0,0 +1,10 @@
+import { Vector2 } from 'three';
+import Point from '../Model/point';
+import { Five } from '@realsee/five';
+/**
+ * @param tapPoint 注意这里的坐标是相对于 FiveElement 的
+ */
+export declare function findClosestPoint(five: Five, points: Point[], tapPoint: Vector2, maxDistance?: number): {
+    distance: number;
+    point: Point;
+} | null;

package/plugins/PanoMeasurePlugin/utils/findClosestPoint.js

@@ -0,0 +1,49 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findClosestPoint = findClosestPoint;
+
+require("core-js/modules/es.array.sort.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _ndc2Screen = _interopRequireDefault(require("./ndc2Screen"));
+
+var _isNDCPointInScreen = _interopRequireDefault(require("./isNDCPointInScreen"));
+
+/**
+ * @param tapPoint 注意这里的坐标是相对于 FiveElement 的
+ */
+// eslint-disable-next-line max-params
+function findClosestPoint(five, points, tapPoint, maxDistance) {
+  var container = five.getElement();
+  if (!container) return null;
+  if (points.length === 0) return null;
+  var containerSize = {
+    width: container.clientWidth,
+    height: container.clientHeight
+  };
+  var ndcPoints = points.map(function (point) {
+    var ndcPosition = point.position.clone().project(five.camera);
+    if (!(0, _isNDCPointInScreen["default"])(ndcPosition)) return {
+      distance: Infinity,
+      point: point
+    };
+    var screenPosition = (0, _ndc2Screen["default"])(ndcPosition, containerSize);
+    var distance = screenPosition.distanceTo(tapPoint);
+    return {
+      distance: distance,
+      point: point
+    };
+  }).sort(function (a, b) {
+    return a.distance - b.distance;
+  });
+  if (typeof maxDistance === 'number' && ndcPoints[0].distance > maxDistance) return null;
+  return ndcPoints[0];
+}

package/plugins/PanoMeasurePlugin/utils/getIntersectionFromEvent.d.ts

@@ -0,0 +1,4 @@
+import Hammer from 'hammerjs';
+import { Five, Intersection } from '@realsee/five';
+/** 通过鼠标事件或者触摸事件，获取当前点击屏幕关联的射线与模型的交点 */
+export declare function getIntersectionFromEvent(five: Five, event: typeof Hammer['Input']): Intersection[];

package/plugins/PanoMeasurePlugin/utils/getIntersectionFromEvent.js

@@ -0,0 +1,20 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIntersectionFromEvent = getIntersectionFromEvent;
+
+var _three = require("three");
+
+var _getPointFromHammerEvent = require("./getPointFromHammerEvent");
+
+/** 通过鼠标事件或者触摸事件，获取当前点击屏幕关联的射线与模型的交点 */
+function getIntersectionFromEvent(five, event) {
+  var mouse = (0, _getPointFromHammerEvent.getPointFromHammerEvent)(event).ndcPoint;
+  var raycaster = new _three.Raycaster();
+  raycaster.setFromCamera(mouse, five.camera);
+  return five.model.intersectRaycaster(raycaster);
+}

package/plugins/PanoMeasurePlugin/utils/getPointFromHammerEvent.d.ts

@@ -0,0 +1,10 @@
+import Hammer from 'hammerjs';
+import { Vector2 } from 'three';
+/**
+ * 从 Hammer 事件中获取操作的点在交互 DOM 中的位置
+ * @ignore TODO: make a suitable name
+ */
+export declare function getPointFromHammerEvent(event: typeof Hammer['Input']): {
+    point: Vector2;
+    ndcPoint: Vector2;
+};

package/plugins/PanoMeasurePlugin/utils/getPointFromHammerEvent.js

@@ -0,0 +1,33 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPointFromHammerEvent = getPointFromHammerEvent;
+
+require("core-js/modules/es.string.sub.js");
+
+var _three = require("three");
+
+/**
+ * 从 Hammer 事件中获取操作的点在交互 DOM 中的位置
+ * @ignore TODO: make a suitable name
+ */
+function getPointFromHammerEvent(event) {
+  // clientX 与 clientY 是相对 document 的，需要转换成相对于 target 的坐标
+  var _event$center = event.center,
+      clientX = _event$center.x,
+      clientY = _event$center.y;
+  var _event$target = event.target,
+      clientWidth = _event$target.clientWidth,
+      clientHeight = _event$target.clientHeight;
+  var clientRect = event.target.getBoundingClientRect();
+  var position = new _three.Vector2(clientX, clientY).sub(new _three.Vector2(clientRect.left, clientRect.top));
+  var mouse = new _three.Vector2(position.x / clientWidth * 2 - 1, -(position.y / clientHeight) * 2 + 1);
+  return {
+    point: position,
+    ndcPoint: mouse
+  };
+}

package/plugins/PanoMeasurePlugin/utils/ironbox.d.ts

@@ -0,0 +1 @@
+export declare const preventDefault: (e: Event) => void;

package/plugins/PanoMeasurePlugin/utils/ironbox.js

@@ -0,0 +1,14 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preventDefault = void 0;
+
+var preventDefault = function preventDefault(e) {
+  return e.preventDefault();
+};
+
+exports.preventDefault = preventDefault;

package/plugins/PanoMeasurePlugin/utils/isNDCPointInScreen.d.ts

@@ -0,0 +1,2 @@
+import { Vector3 } from 'three';
+export default function isNDCPointInScreen(ndcPoint: Vector3): boolean;

package/plugins/PanoMeasurePlugin/utils/isNDCPointInScreen.js

@@ -0,0 +1,16 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = isNDCPointInScreen;
+
+function isNDCPointInScreen(ndcPoint) {
+  var x = ndcPoint.x,
+      y = ndcPoint.y,
+      z = ndcPoint.z;
+  if (Math.abs(x) > 1 || Math.abs(y) > 1 || Math.abs(z) > 1) return false;
+  return true;
+}

package/plugins/PanoMeasurePlugin/utils/line.d.ts

@@ -0,0 +1,17 @@
+import Line from '../Model/line';
+import { Line as FiveLine } from '@realsee/five/line';
+import { Color, Texture, Vector3 } from 'three';
+declare type ISetMaterialOpts = Parameters<FiveLine['setMaterial']>[0];
+export interface ICreatLineOpts extends ISetMaterialOpts {
+    hasPoint?: boolean;
+    pointSize?: number;
+    lineWidth?: number;
+    pointTexture?: Texture;
+    lineRenderOrder?: number;
+    pointsRenderOrder?: number;
+    lineColor?: Color | string | number;
+    pointColor?: Color | string | number;
+}
+export declare function creatLine(start: Vector3, end: Vector3, opts?: ICreatLineOpts): FiveLine;
+export declare function creatLineMesh(line: Line, type: 'normal' | 'light'): FiveLine;
+export {};

package/plugins/PanoMeasurePlugin/utils/line.js

@@ -0,0 +1,61 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.creatLine = creatLine;
+exports.creatLineMesh = creatLineMesh;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+var _line = require("@realsee/five/line");
+
+var _constants = require("./constants");
+
+var _three = require("three");
+
+function creatLine(start, end, opts) {
+  var _opts$lineWidth, _opts$lineColor, _opts$pointSize, _opts$lineRenderOrder, _opts$lineRenderOrder2;
+
+  var lineWidth = (_opts$lineWidth = opts === null || opts === void 0 ? void 0 : opts.lineWidth) !== null && _opts$lineWidth !== void 0 ? _opts$lineWidth : 2;
+  var lineColor = (_opts$lineColor = opts === null || opts === void 0 ? void 0 : opts.lineColor) !== null && _opts$lineColor !== void 0 ? _opts$lineColor : new _three.Color(0xffffff);
+  var pointSize = (_opts$pointSize = opts === null || opts === void 0 ? void 0 : opts.pointSize) !== null && _opts$pointSize !== void 0 ? _opts$pointSize : 5;
+  var lineRenderOrder = (_opts$lineRenderOrder = opts === null || opts === void 0 ? void 0 : opts.lineRenderOrder) !== null && _opts$lineRenderOrder !== void 0 ? _opts$lineRenderOrder : 10;
+  var pointsRenderOrder = (_opts$lineRenderOrder2 = opts === null || opts === void 0 ? void 0 : opts.lineRenderOrder) !== null && _opts$lineRenderOrder2 !== void 0 ? _opts$lineRenderOrder2 : 20;
+  var line = new _line.Line(start, end); // set line
+
+  line.setMaterial({
+    linewidth: lineWidth,
+    color: lineColor
+  });
+  line.line.material.depthTest = false;
+  line.line.material.transparent = true;
+  line.line.renderOrder = lineRenderOrder; // set point
+
+  line.points.renderOrder = pointsRenderOrder;
+  var pointMaterial = line.points.material;
+  pointMaterial.depthTest = false;
+  pointMaterial.size = pointSize;
+  (opts === null || opts === void 0 ? void 0 : opts.pointColor) && pointMaterial.color.set(opts.pointColor).convertSRGBToLinear();
+  if (opts !== null && opts !== void 0 && opts.pointTexture) pointMaterial.map = opts.pointTexture;
+  return line;
+}
+
+function creatLineMesh(line, type) {
+  var _line$points = (0, _slicedToArray2["default"])(line.points, 2),
+      point = _line$points[0],
+      anotherPoint = _line$points[1];
+
+  var opts = type === 'light' ? _constants.lightLineOpts : _constants.normalLineOpts;
+  var fiveLine = creatLine(point.position, anotherPoint.position, opts);
+  fiveLine.name = 'normalLine_' + line.id;
+  return fiveLine;
+}

package/plugins/PanoMeasurePlugin/utils/math.d.ts

@@ -0,0 +1,17 @@
+import { Vector2 } from 'three';
+/**
+ * 获取一点对于线段上最近的一点，
+ * 如果可以是过直线垂线的垂足，不行的话取线段的两端
+ * @param point
+ * @param linePoints
+ * @return
+ */
+export declare function closestPointOnLine(point: Vector2, linePoints: Vector2[]): Vector2;
+/**
+ * 检查两个点是否位置相同
+ * point: { x: number, y: number }
+ * @param  point1
+ * @param  point2
+ * @return
+ */
+export declare function samePointAt(point1: Vector2, point2: Vector2): boolean;

package/plugins/PanoMeasurePlugin/utils/math.js

@@ -0,0 +1,57 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.closestPointOnLine = closestPointOnLine;
+exports.samePointAt = samePointAt;
+
+var _three = require("three");
+
+/**
+ * 获取一点对于线段上最近的一点，
+ * 如果可以是过直线垂线的垂足，不行的话取线段的两端
+ * @param point
+ * @param linePoints
+ * @return
+ */
+function closestPointOnLine(point, linePoints) {
+  var tA = point.x - linePoints[0].x;
+  var tB = point.y - linePoints[0].y;
+  var tC = linePoints[1].x - linePoints[0].x;
+  var tD = linePoints[1].y - linePoints[0].y; // 设线段为 AB 线段，线段外一点为 P
+  // tDot = AP 向量与 AB 向量乘积，tLenSq 为 |AB|平方。
+  // tParam 是 AP 向量在 AB 向量投影向量 AC 与 AB 向量的比。
+
+  var tDot = tA * tC + tB * tD;
+  var tLenSq = tC * tC + tD * tD;
+  var tParam = tDot / tLenSq;
+  var tXx, tYy;
+
+  if (tParam < 0 || samePointAt(linePoints[0], linePoints[1])) {
+    tXx = linePoints[0].x;
+    tYy = linePoints[0].y;
+  } else if (tParam > 1) {
+    tXx = linePoints[1].x;
+    tYy = linePoints[1].y;
+  } else {
+    tXx = linePoints[0].x + tParam * tC;
+    tYy = linePoints[0].y + tParam * tD;
+  }
+
+  return new _three.Vector2(tXx, tYy);
+}
+/**
+ * 检查两个点是否位置相同
+ * point: { x: number, y: number }
+ * @param  point1
+ * @param  point2
+ * @return
+ */
+
+
+function samePointAt(point1, point2) {
+  return point1.x === point2.x && point1.y === point2.y;
+}

package/plugins/PanoMeasurePlugin/utils/mouseGroup.d.ts

@@ -0,0 +1,2 @@
+import * as THREE from 'three';
+export declare function getMouseGroup(): THREE.Group;