@realsee/dnalogel 2.1.0-alpha.13 → 2.1.0-alpha.16

package/libs/ModelViewPlugin/Plugin.js

@@ -1,14 +1,24 @@
+import { Camera } from '@realsee/five';
 import * as THREE from 'three';
 /**
  * Five 模型插件
  * @template ExportType 导出方法
  */
-export const ModelViewPlugin = (five) => {
+export const ModelViewPlugin = (five, params) => {
     let needsRender = true;
     let renderer = null;
+    const defaultConfig = {
+        lookAtCurrentCamera: false,
+        lockedPanoIndex: null,
+        lockedLatitude: null,
+        lockedLongitude: null,
+    };
+    const config = Object.assign(Object.assign({}, defaultConfig), params === null || params === void 0 ? void 0 : params.config);
     const scene = new THREE.Scene();
-    const camera = new THREE.PerspectiveCamera(60, 1, 0.1, 1000);
+    const camera = new Camera(60);
     let model = new THREE.Object3D();
+    let distance;
+    let offset;
     {
         const light = new THREE.DirectionalLight(0xffffff, 0.5);
         light.position.copy(new THREE.Vector3(1, 1, 1));
@@ -48,6 +58,8 @@ export const ModelViewPlugin = (five) => {
         update();
     };
     const handleModelLoaded = () => {
+        distance = getDistanceFromModel(five.model, camera.fov, camera.aspect);
+        offset = five.model.bounding.getCenter(new THREE.Vector3());
         function cloneMaterial(_material) {
             const material = _material.clone();
             material.uniforms.modelAlpha.value = 1;
@@ -107,29 +119,36 @@ export const ModelViewPlugin = (five) => {
         }
         update();
     };
-    const cameraDistance = () => {
-        const bounding = five.model.bounding;
-        const { fov, aspect } = camera;
-        const radius = Math.sqrt(Math.pow(bounding.max.x - bounding.min.x + 2, 2) +
-            Math.pow(bounding.max.y - bounding.min.y + 2, 2) +
-            Math.pow(bounding.max.z - bounding.min.z + 2, 2));
+    function getDistanceFromModel(model, fov, aspect) {
+        const bounding = model.bounding;
+        const radius = Math.pow(Math.pow(bounding.max.x - bounding.min.x + 1, 2) +
+            Math.pow(bounding.max.y - bounding.min.y + 1, 2) +
+            Math.pow(bounding.max.z - bounding.min.z + 1, 2), 1 / 2);
         // fit screen
         let distance = radius / 2 / Math.tan((Math.PI * fov) / 360);
         if (aspect < 1)
             distance = distance / aspect;
         return isNaN(distance) ? radius : distance;
-    };
+    }
+    function getOffsetFromPanoIndex(panoIndex) {
+        return five.work.observers[panoIndex].standingPosition.clone();
+    }
     const update = () => {
-        const { longitude, latitude } = five.getPose();
-        const distance = cameraDistance();
-        const lookAt = five.model.bounding.getCenter(new THREE.Vector3());
-        const longitudeDistance = distance * Math.cos(latitude);
-        const cameraPosition = new THREE.Vector3();
-        cameraPosition.x = Math.sin(longitude) * longitudeDistance + lookAt.x;
-        cameraPosition.z = Math.cos(longitude) * longitudeDistance + lookAt.z;
-        cameraPosition.y = Math.sin(latitude) * distance + lookAt.y;
-        camera.position.copy(cameraPosition);
-        camera.lookAt(lookAt);
+        if (!distance || !offset)
+            return;
+        const pose = five.getPose();
+        pose.fov = camera.fov;
+        pose.offset = offset;
+        pose.distance = distance;
+        if (typeof config.lockedLatitude === 'number')
+            pose.latitude = config.lockedLatitude;
+        if (typeof config.lockedLongitude === 'number')
+            pose.longitude = config.lockedLongitude;
+        if (typeof config.lockedPanoIndex === 'number')
+            pose.offset = getOffsetFromPanoIndex(config.lockedPanoIndex);
+        if (config.lookAtCurrentCamera)
+            pose.offset = five.camera.position.clone().setY(five.camera.position.y + 1);
+        camera.setFromPose(pose);
         needsRender = true;
     };
     const render = () => {
@@ -150,11 +169,17 @@ export const ModelViewPlugin = (five) => {
             renderer.dispose();
         renderer = null;
     };
+    const changeConfigs = (userConfig) => {
+        Object.assign(config, userConfig);
+        update();
+    };
+    Object.assign(window, { camera });
     five.on('modelLoaded', handleModelLoaded);
     five.on('modelWillLoad', handleModelWillLoad);
     five.on('cameraDirectionUpdate', update);
     five.on('dispose', dispose);
     five.on('renderFrame', render);
-    return { appendTo, refresh };
+    five.on('cameraPositionUpdate', update);
+    return { appendTo, refresh, changeConfigs };
 };
 export default ModelViewPlugin;

package/libs/PanoDoorLabelPlugin/BaseController.d.ts

@@ -1,5 +1,5 @@
 import { Five } from '@realsee/five';
-import { BaseOptions, Controller, EventMap, State } from 'src/base/BasePlugin';
+import { BaseOptions, Controller, EventMap, State } from '../base/BasePlugin';
 /**
  * pano plugin controller 基类
  * @author kyleju

package/libs/PanoDoorLabelPlugin/BaseController.js

@@ -1,5 +1,5 @@
 import { Five } from '@realsee/five';
-import { Controller } from 'src/base/BasePlugin';
+import { Controller } from '../base/BasePlugin';
 /**
  * pano plugin controller 基类
  * @author kyleju

package/libs/PanoDoorLabelPlugin/Controller.js

@@ -1,6 +1,6 @@
 import { Euler, Quaternion, Raycaster, Vector3 } from 'three';
 import { BasePanoPluginController } from './BaseController';
-import DoorLabelItem from './DoorLabelItem';
+import DoorLabelItem from './DoorLabelItem.svelte';
 import { getCameraToward, getDistance, getToward, isTwoRectOverlaped } from './utils';
 const defaultBaseOptions = { userAction: true };
 /**

package/libs/PanoDoorLabelPlugin/DoorLabelItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.50.1 */
+/* generated by Svelte v3.52.0 */
 import {
 	SvelteComponent,
 	append,

package/libs/PanoDoorLabelPlugin/DoorLabelItem.svelte

@@ -0,0 +1,200 @@
+<script>import classnames from 'classnames';
+export let props;
+export let onClick;
+let divElement;
+let { left, top, inSight, transform, panoIndex, cameraToward, name } = props;
+let prevPanoIndexRef = 0;
+const initPanoIndex = () => {
+    if (!left || !top || !inSight) {
+        return;
+    }
+    if (!divElement)
+        return;
+    const _width = (divElement.current.clientWidth / window.innerWidth) * 100;
+    const _height = (divElement.current.clientHeight / window.innerHeight) * 100;
+    if (left <= _width / 2 || left >= 100 - _width / 2) {
+        return;
+    }
+    if (top <= _height / 2 || top >= 100 - _height / 2) {
+        return;
+    }
+    const prevPanoIndex = prevPanoIndexRef;
+    if (panoIndex !== prevPanoIndex) {
+        // 触发埋点
+        console.log('panoDoorLabelPlugin', panoIndex, '触发埋点');
+        // 这里触发曝光埋点
+        prevPanoIndexRef = panoIndex;
+    }
+};
+$: {
+    initPanoIndex();
+}
+</script>
+
+<template>
+  <div
+    bind:this="{divElement}"
+    style="{`left: ${left || 0}%;top: ${top || 0}%;opacity: ${inSight ? 1 : 0}`}"
+    class="plugin-DoorLabelPlugin-item"
+  >
+    <div
+      class="{classnames('plugin-DoorLabelPlugin-cnt', props.toward)}"
+      style="{`transform: ${transform || 'initial'};pointer-events: ${
+        inSight ? 'auto' : 'none'
+      };opacity: ${inSight ? 1 : 0}`}"
+      data-camera-toward="{cameraToward}"
+      on:click="{(e) => {
+        if (onClick) onClick()
+      }}"
+    >
+      <span class="plugin-DoorLabelPlugin-txt">{name}</span>
+      <i class="plugin-DoorLabelPlugin-icon"></i>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+  .plugin-DoorLabelPlugin-item {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 0;
+    height: 0;
+    pointer-events: none;
+    transition: opacity 0.3s ease;
+  }
+
+  .plugin-DoorLabelPlugin-cnt {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    border-radius: 2px;
+    background: rgba(0, 0, 0, 0.35);
+    line-height: 12px;
+    padding: 6px;
+    white-space: nowrap;
+    font-size: 12px;
+    font-style: normal;
+    // pointer-events: auto;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: transform ease 1s, background ease 0.3s, color ease 0.3s;
+    &::after {
+      content: '';
+      display: block;
+      position: absolute;
+      top: -1px;
+      left: -1px;
+      bottom: -1px;
+      right: -1px;
+      border-radius: 2px;
+      border: 1px solid rgba(0, 0, 0, 0);
+      border-image: url('//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png')
+        4;
+      transition: opacity ease 0.3s;
+    }
+    &:active,
+    &:focus {
+      background: rgba(0, 0, 0, 0.5);
+      color: rgba(255, 255, 255, 0.5);
+    }
+  }
+
+  .plugin-DoorLabelPlugin-icon {
+    background: url('//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg') no-repeat;
+    background-size: 100%;
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    margin-left: 4px;
+    transform-origin: center;
+  }
+
+  .plugin-DoorLabelPlugin-cnt[data-camera-toward='forward'] {
+    &.left {
+      .plugin-DoorLabelPlugin-icon {
+        transform: rotate(90deg);
+      }
+    }
+    &.right {
+      .plugin-DoorLabelPlugin-txt {
+        order: 1;
+      }
+      .plugin-DoorLabelPlugin-icon {
+        transform: rotate(-90deg);
+        margin-left: 0;
+        margin-right: 4px;
+        order: 0;
+      }
+    }
+  }
+  .plugin-DoorLabelPlugin-cnt[data-camera-toward='right'] {
+    &.forward {
+      .plugin-DoorLabelPlugin-icon {
+        transform: rotate(90deg);
+      }
+    }
+    &.back {
+      .plugin-DoorLabelPlugin-txt {
+        order: 1;
+      }
+      .plugin-DoorLabelPlugin-icon {
+        transform: rotate(-90deg);
+        margin-left: 0;
+        margin-right: 4px;
+        order: 0;
+      }
+    }
+  }
+  .plugin-DoorLabelPlugin-cnt[data-camera-toward='left'] {
+    &.back {
+      .plugin-DoorLabelPlugin-icon {
+        transform: rotate(90deg);
+      }
+    }
+    &.forward {
+      .plugin-DoorLabelPlugin-txt {
+        order: 1;
+      }
+      .plugin-DoorLabelPlugin-icon {
+        transform: rotate(-90deg);
+        margin-left: 0;
+        margin-right: 4px;
+        order: 0;
+      }
+    }
+  }
+  .plugin-DoorLabelPlugin-cnt[data-camera-toward='back'] {
+    &.right {
+      .plugin-DoorLabelPlugin-icon {
+        transform: rotate(90deg);
+      }
+    }
+    &.left {
+      .plugin-DoorLabelPlugin-txt {
+        order: 1;
+      }
+      .plugin-DoorLabelPlugin-icon {
+        transform: rotate(-90deg);
+        margin-left: 0;
+        margin-right: 4px;
+        order: 0;
+      }
+    }
+  }
+
+  .plugin-DoorLabelPlugin-cnt--customBrand {
+    color: #f9eac1;
+    .plugin-DoorLabelPlugin-icon {
+      background: url('//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg') no-repeat;
+    }
+    &:active,
+    &:focus {
+      background: rgba(0, 0, 0, 0.5);
+      color: rgba(249, 234, 193, 0.5);
+    }
+  }
+</style>

package/libs/PanoMeasurePlugin/Controller/BaseController.d.ts

@@ -1,16 +1,18 @@
-import type Line from '../Model/line';
 import type Magnifier from '../Modules/Magnifier';
 import type FiveHelper from '../Modules/FiveHelper';
 import type { Group } from 'three';
 import type { Model } from '../Model';
+import type { Config } from '../typings';
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
 import type { UserDistanceItem } from '../utils/distanceDom';
 import type { Five, Intersection, IntersectMeshInterface, Subscribe } from '@realsee/five';
 import type { OpenParameter } from '../typings/data';
+import Line from '../Model/line';
 export interface IControllerParams {
     five: Five;
     group: Group;
     model: Model;
+    config: Config;
     mouseGroup: Group;
     container: Element;
     magnifier: Magnifier;
@@ -19,10 +21,12 @@ export interface IControllerParams {
     hook: Subscribe<PanoMeasurePluginEvent>;
     userDistanceItemCreator?: () => UserDistanceItem;
 }
-export default abstract class BaseController {
+export default class BaseController {
+    model: Model;
     protected five: Five;
     protected group: Group;
-    protected model: Model;
+    protected config: Config;
+    protected dashed: Line;
     protected disposed: boolean;
     protected isMobile: boolean;
     protected mouseGroup: Group;
@@ -32,8 +36,8 @@ export default abstract class BaseController {
     protected magnifier: IControllerParams['magnifier'];
     protected userDistanceItemCreator: IControllerParams['userDistanceItemCreator'];
     constructor(params: IControllerParams);
+    updateDistanceUI: () => void;
     protected removeLine(line: Line): void;
-    protected updateDistanceUI: () => void;
     protected updateMouseGroup(intersection: Intersection, mesh?: IntersectMeshInterface): Group;
     protected dispose(): void;
 }

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -1,7 +1,15 @@
+import Line from '../Model/line';
+import Point from '../Model/point';
 import { preventDefault } from '../utils/ironbox';
 export default class BaseController {
     constructor(params) {
         var _a, _b;
+        Object.defineProperty(this, "model", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "five", {
             enumerable: true,
             configurable: true,
@@ -14,7 +22,13 @@ export default class BaseController {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "model", {
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dashed", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -73,6 +87,7 @@ export default class BaseController {
             configurable: true,
             writable: true,
             value: () => {
+                this.dashed.distanceItem.update(this.five);
                 this.model.lines.forEach((line) => line.distanceItem.update(this.five));
             }
         });
@@ -80,6 +95,7 @@ export default class BaseController {
         this.five = params.five;
         this.hook = params.hook;
         this.model = params.model;
+        this.config = params.config;
         this.magnifier = params.magnifier;
         this.container = params.container;
         this.fiveHelper = params.fiveHelper;
@@ -88,6 +104,10 @@ export default class BaseController {
         // ==================== Groups ====================
         this.group = params.group;
         this.mouseGroup = params.mouseGroup;
+        // ==================== 虚线 ====================
+        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';
         const fiveElement = this.five.getElement();
         if (fiveElement) {
             fiveElement.addEventListener('touchstart', preventDefault);

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

@@ -1,5 +1,4 @@
 import type { LineJson } from '../typings/data';
-import { Model } from '../Model';
 import Line from '../Model/line';
 import BaseController, { IControllerParams } from './BaseController';
 export interface EditEvent {
@@ -7,15 +6,12 @@ export interface EditEvent {
 }
 export default class EditController extends BaseController {
     type: string;
-    model: Model;
     private pressPoint?;
     private hasAppendDashed;
     private hasAppendMouseGroup;
     private fiveElement?;
     /** 上一个端点位置 */
     private lastPoint;
-    /** 鼠标点到上一个端点连接的虚线 */
-    private dashed;
     private hammer?;
     /** 根据 intersection 更新放大镜和吸附点 */
     private onIntersectionUpdate;

package/libs/PanoMeasurePlugin/Controller/EditController.js

@@ -15,12 +15,6 @@ export default class EditController extends BaseController {
             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,
@@ -52,13 +46,6 @@ export default class EditController extends BaseController {
             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,
@@ -271,9 +258,7 @@ export default class EditController extends BaseController {
                 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 });
+        this.model = new Model(this.config);
         // ==================== 事件监听 ====================
         // five
         this.five.on('cameraUpdate', this.onCameraUpdate);

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

@@ -15,8 +15,6 @@ export default class MixedController extends BaseController {
     private mobileNowPoint;
     private highlightedLines;
     private deleteDom;
-    /** 圆环点到上一个端点连接的虚线 */
-    private dashed;
     constructor(params: IControllerParams);
     dispose(): void;
     highlightLine(line: Line): void;

package/libs/PanoMeasurePlugin/Controller/MixedController.js

@@ -1,6 +1,5 @@
 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';
@@ -20,7 +19,7 @@ export default class MixedController extends BaseController {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: new Model({ userDistanceItemCreator: this.userDistanceItemCreator })
+            value: new Model(this.config)
         });
         Object.defineProperty(this, "hasAppendDashed", {
             enumerable: true,
@@ -58,13 +57,6 @@ export default class MixedController extends BaseController {
             writable: true,
             value: void 0
         });
-        /** 圆环点到上一个端点连接的虚线 */
-        Object.defineProperty(this, "dashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
         /** 编辑线条发生改变时通知外部 */
         Object.defineProperty(this, "onLineChanged", {
             enumerable: true,
@@ -267,10 +259,6 @@ export default class MixedController extends BaseController {
             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);

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

@@ -1,10 +1,11 @@
+import type { Config } from '../typings';
 import type { OpenParameter, PluginData } from '../typings/data';
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
 import type { UserDistanceItem } from '../utils/distanceDom';
 import Magnifier, { MagnifierParameter } from '../Modules/Magnifier';
 import { Five, Subscribe } from '@realsee/five';
 export declare type Mode = 'Watch' | 'Edit' | 'Mixed' | 'View';
-export interface PanoMeasureParameterType {
+export interface PanoMeasureParameterType extends Partial<Config> {
     openParams?: OpenParameter;
     magnifierParams?: MagnifierParameter;
     useUIController?: boolean;
@@ -18,6 +19,7 @@ export default class MeasureController {
     private five;
     private model;
     private group;
+    private config;
     private fiveHelper;
     private useUIController?;
     private params;
@@ -67,4 +69,5 @@ export default class MeasureController {
      * @param isMobile true为移动端模式，false为pc端
      */
     changeIsMobile(isMobile: boolean): void;
+    changeConfigs(config: Partial<Config>): void;
 }

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -4,6 +4,7 @@ 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';
@@ -51,6 +52,12 @@ export default class MeasureController {
             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,
@@ -149,7 +156,14 @@ export default class MeasureController {
         });
         this.five = five;
         this.params = params;
-        this.model = new Model({ userDistanceItemCreator: this.params.userDistanceItemCreator });
+        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 });
@@ -171,6 +185,7 @@ export default class MeasureController {
             hook: this.hook,
             group: this.group,
             model: this.model,
+            config: this.config,
             magnifier: this.magnifier,
             container: this.container,
             fiveHelper: this.fiveHelper,
@@ -305,4 +320,12 @@ export default class MeasureController {
             (_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();
+        }
+    }
 }

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

@@ -1,5 +1,5 @@
+import type { Config } from '../typings';
 import type { PluginData } from '../typings/data';
-import type { UserDistanceItem } from '../utils/distanceDom';
 import Line from './line';
 import Point from './point';
 import { Subscribe, SubscribeEventMap } from '@realsee/five';
@@ -14,16 +14,13 @@ interface IModelEvent extends SubscribeEventMap {
      */
     lineRemoved: (lines: Line) => void;
 }
-export interface ModelParams {
-    userDistanceItemCreator?: () => UserDistanceItem;
-}
 export declare class Model {
     readonly lines: Line[];
     readonly points: Point[];
-    readonly params: ModelParams;
+    readonly params: Config;
     readonly polylines: Polyline[];
     readonly hook: Subscribe<IModelEvent>;
-    constructor(params: ModelParams);
+    constructor(params: Config);
     addLine(line: Line): this;
     removeLineByID(lineID: string): void;
     removeLine(line: Line): this;

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

@@ -0,0 +1,8 @@
+import type { UserDistanceItem } from '../utils/distanceDom';
+export interface Config {
+    userDistanceItemCreator: undefined | (() => UserDistanceItem);
+    /** 展示 distance DOM 时，使用的转换函数
+     * @param distance 单位是 m
+     */
+    getDistanceText: (distance: number) => string;
+}

package/libs/PanoMeasurePlugin/typings/index.js

@@ -0,0 +1 @@
+export {};