@realsee/dnalogel 2.20.5 → 2.21.0-dev.2

package/dist/GuideLinePlugin/Controller.d.ts

@@ -12,16 +12,14 @@ export default class Controller extends BasePluginWithData.Controller<PluginStat
     readonly cruisePlugin: CruisePluginController;
     /** GuideLineItem 索引 */
     readonly itemMap: Map<string | number, GuideLineItem>;
-    get config(): Config;
+    /** 当新增一根线时，整体高度的偏移值 */
+    private heightOffset;
+    get disposed(): boolean;
     state: {
         visible: boolean;
         enabled: boolean;
     };
     protected data?: PluginData;
-    /** 当新增一根线时，整体高度的偏移值 */
-    private heightOffset;
-    get disposed(): boolean;
-    private _config;
     private _disposed;
     constructor(five: Five, config?: Config);
     load(serverData: PluginServerData | PluginData, state?: PluginState, userAction?: boolean): Promise<void>;

package/dist/GuideLinePlugin/GuideLineItem.d.ts

@@ -2,7 +2,7 @@ import type { Five } from '@realsee/five';
 import type GuideLinePlugin from './Controller';
 import type * as PluginType from './typing';
 import { GuideLineModeItem } from './GuideLineModeItem';
-import type { CruisePluginTypes } from '../CruisePlugin';
+import { CruisePluginTypes } from '../CruisePlugin';
 import { Subscribe } from '@realsee/five';
 /** 路线引导实例。
  * - 路线包括两个部分：全景路线和模型路线。

package/dist/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -18,19 +18,12 @@ declare class GuideLineModeItem {
     get panoGroup(): number[];
     /** 可展示的楼层 */
     get visibleFloorIndexes(): number[];
-    /** THREE Curve 路径 */
-    get curvePath(): THREE.CurvePath<THREE.Vector3>;
-    /** THREE Curve 路径上的点 */
-    get curvePoints(): THREE.Vector3[];
-    name: string;
     startTagContainer: GuideLineTagContainer;
     endTagContainer: GuideLineTagContainer;
     readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
     private five;
     private mode;
     private path;
-    private _curvePath;
-    private _curvePoints;
     private _panoGroup;
     private skippedPositions;
     private textureUrl;
@@ -54,8 +47,6 @@ declare class GuideLineModeItem {
     private disposed;
     private flowAnime;
     private flickerAnime;
-    /** 缓存 panoGroup 中每个点距离起点的长度 */
-    private cacheLengths;
     constructor(five: Five, options: {
         mode: PluginType.GuideLineModeItemMode;
         plugin: GuideLinePlugin;
@@ -99,14 +90,6 @@ declare class GuideLineModeItem {
     setEndTag(tag: Tag | PluginType.ModelGuideLineTagData | null): void;
     /** 闪烁 */
     flicker(): void;
-    /** 求起点到 panoIndex 曲线长度
-     * @param index panoIndex 在 panoGroup 中的索引
-     *
-     * @description 为什么不使用 panoIndex 作为参数？
-     * - panoIndex 在一个曲线中可能出现多次，无法确定是哪一个。
-     */
-    getLengthByPanoGroupIndex(index: number): number | void;
-    private getPanoGroupLengths;
     private setTag;
     /** 开始走点动画 */
     private onWalkAnimationStart;

package/dist/GuideLinePlugin/utils/createLineGeometry.d.ts

@@ -19,12 +19,5 @@ interface LineGeometryOption {
 export declare function createLineGeometry(options: LineGeometryOption): {
     geometry: THREE.BufferGeometry;
     maxU: number;
-    curvePath?: undefined;
-    curvePoints?: undefined;
-} | {
-    geometry: THREE.BufferGeometry;
-    maxU: number;
-    curvePath: THREE.CurvePath<THREE.Vector3>;
-    curvePoints: THREE.Vector3[];
 };
 export {};

package/dist/PanoMeasurePlugin/Components/Common/CircleButton.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoMeasurePlugin/Components/Common/Exit.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoMeasurePlugin/Components/Common/Switcher0.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoMeasurePlugin/Components/Common/Switcher1.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoMeasurePlugin/Components/Controller0.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/dist/PanoMeasurePlugin/Components/Controller1.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

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

@@ -1,13 +1,13 @@
-import type Magnifier from '../Modules/Magnifier';
 import type FiveHelper from '../Modules/FiveHelper';
-import type { Group } from 'three';
+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 { UserDistanceItem } from '../utils/dom/distanceItem';
 import type { Five, Intersection, IntersectMeshInterface, Subscribe } from '@realsee/five';
-import type { OpenParameter } from '../typings/data';
+import type { OpenParameter, EditParameter, MeasureType } from '../typings/data';
 import Line from '../Model/line';
+import type { Magnifier } from '../../shared-utils';
 export interface ControllerParams {
     five: Five;
     group: Group;
@@ -18,6 +18,9 @@ export interface ControllerParams {
     magnifier: Magnifier;
     fiveHelper: FiveHelper;
     openParams: OpenParameter;
+    editParams: EditParameter;
+    magnifierParams: ConstructorParameters<typeof Magnifier>[1];
+    getMeasureType: () => MeasureType;
     hook: Subscribe<PanoMeasurePluginEvent>;
     userDistanceItemCreator?: () => UserDistanceItem;
 }
@@ -27,14 +30,19 @@ export default class BaseController {
     protected group: Group;
     protected config: Config;
     protected dashed: Line;
+    protected perpendicularDashed: Line;
     protected disposed: boolean;
     protected isMobile: boolean;
     protected mouseGroup: Group;
     protected container: Element;
     protected fiveHelper: FiveHelper;
+    protected editParams: EditParameter;
+    protected magnifierParams: ConstructorParameters<typeof Magnifier>[1];
     protected hook: ControllerParams['hook'];
     protected magnifier: ControllerParams['magnifier'];
     protected userDistanceItemCreator: ControllerParams['userDistanceItemCreator'];
+    protected get currentMeasureType(): MeasureType;
+    private getMeasureType;
     constructor(params: ControllerParams);
     updateDistanceUI: () => void;
     protected removeLine(line: Line): void;

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

@@ -2,17 +2,19 @@ import Line from '../Model/line';
 import BaseController from './BaseController';
 import type { ControllerParams } from './BaseController';
 import { Polyline } from '../Model/polyline';
+import Area from '../Model/area';
 export default class EditController extends BaseController {
     type: string;
     polyline: Polyline;
+    area: Area;
     /** 拖动的控制点 */
     private pressPoint?;
     private hasAppendDashed;
-    private hasAppendMouseGroup;
     private fiveElement?;
     /** 上一个端点位置 */
     private lastPoint;
     private hammer?;
+    private pointSelector;
     /** 根据 intersection 更新放大镜和吸附点 */
     private onIntersectionUpdate;
     constructor(params: ControllerParams);
@@ -20,6 +22,15 @@ export default class EditController extends BaseController {
     getEditingLines(): Line[];
     /** 撤销编辑 */
     revoke: () => void;
+    /**
+     * @description: 测面积的撤销功能
+     */
+    revokeArea: () => void;
+    /**
+     * @description: 测距的撤销功能
+     */
+    revokeLine: (_polyline?: Polyline) => void;
+    selectPoint(): void;
     private onMouseLeave;
     /** 编辑线条发生改变时通知外部 */
     private onLineChanged;
@@ -33,12 +44,9 @@ export default class EditController extends BaseController {
     /**
      * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
      * 2. 把上一个点的位置更新为当前点的位置
-     * 3. 清除 mouseGroup 和 magnifier
+     * 3. 清除 pointSelector
      */
     private onTap;
-    private onWantsTapGesture;
-    /** 编辑时取消走点 */
-    private onWantsToMoveToPano;
     /** 存在长按点时不能移动全景 */
     private onWantsPanGesture;
     /** 移动全景时更新 distanceItem 在屏幕上的位置 */

package/dist/PanoMeasurePlugin/Controller/WatchController.d.ts

@@ -3,7 +3,9 @@ import BaseController, { type ControllerParams } from './BaseController';
 export default class WatchController extends BaseController {
     type: string;
     private deleteDom;
+    private choose;
     private highlightedLines;
+    private highlightedArea;
     private fiveElement?;
     private editPointState?;
     private hammer?;
@@ -11,6 +13,10 @@ export default class WatchController extends BaseController {
     dispose(): void;
     highlightLine(line: Line): void;
     clearHighlightLines(): void;
+    private highlightArea;
+    private highlightLines;
+    private unHighlightLines;
+    private unHighlightArea;
     private onPanStart;
     private onPanEnd;
     private onPan;
@@ -18,9 +24,10 @@ export default class WatchController extends BaseController {
     private wantsPanGesture;
     private wantsTapGesture;
     private chooseLine;
-    private highlightLines;
+    private chooseArea;
     private polylineRemoved;
     private onCameraUpdate;
-    private deleteDomClickCallback;
+    private deleteArea;
+    private deleteLine;
     private cancelDeleteClickCallback;
 }

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

@@ -1,17 +1,22 @@
 import type { Config } from '../typings';
-import type { OpenParameter, PluginData } from '../typings/data';
+import type { EditParameter, MeasureType, OpenParameter, PluginData } from '../typings/data';
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
-import type { UserDistanceItem } from '../utils/distanceDom';
+import type { UserDistanceItem } from '../utils/dom/distanceItem';
 import type { Polyline } from '../Model/polyline';
-import Magnifier, { type MagnifierParameter } from '../Modules/Magnifier';
-import type { Five } from '@realsee/five';
-import { Subscribe } from '@realsee/five';
+import EditController from './EditController';
+import ViewController from './ViewController';
+import WatchController from './WatchController';
+import MixedController from './MixedController';
+import { type Five, Subscribe } from '@realsee/five';
 import { type UIControllerParams } from '../Modules/UIController';
 import { type GuideControllerParams } from '../Modules/GuideController';
+import { Magnifier } from '../../shared-utils';
+import type { MagnifierParameter } from '../../shared-utils';
 export type Mode = 'Watch' | 'Edit' | 'Mixed' | 'View';
 export interface PanoMeasureParameterType extends Partial<Config> {
-    openParams?: OpenParameter;
+    editParams?: EditParameter;
     magnifierParams?: MagnifierParameter;
+    openParams?: OpenParameter;
     useUIController?: boolean | UIControllerParams;
     useGuideController?: boolean | GuideControllerParams;
     userDistanceItemCreator?: () => UserDistanceItem;
@@ -20,6 +25,11 @@ export default class MeasureController {
     hasOpen: boolean;
     hook: Subscribe<PanoMeasurePluginEvent>;
     magnifier: Magnifier;
+    controller: WatchController | EditController | MixedController | ViewController | null;
+    /** 允许的测量类型 */
+    allowMeasureType: Array<MeasureType>;
+    /** 当前的测量类型 */
+    currentMeasureType: MeasureType | null;
     private five;
     private model;
     private group;
@@ -31,7 +41,6 @@ export default class MeasureController {
     private useGuideController?;
     private container;
     private shortcutKeyController?;
-    private controller;
     constructor(five: Five, params: PanoMeasureParameterType);
     appendTo(parent: HTMLElement): void;
     dispose(): void;
@@ -51,14 +60,18 @@ export default class MeasureController {
      * @description 清除标尺线条
      * @description 还原点位展示和默认鼠标 UI
      */
-    disable(): void;
+    disable: () => void;
     getCurrentMode: () => Mode | null;
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
     changeMode: (mode: Mode) => void;
+    /**
+     * @description: 切换测量的类型
+     */
+    changeMeasureType: (measureType: MeasureType) => void;
     /** 进入编辑模式 */
-    edit(): void;
+    edit(measureType?: MeasureType): void;
     /** 撤销编辑 */
     revoke(): void;
     removePolyline(polyline: Polyline): void;

package/dist/PanoMeasurePlugin/Model/area.d.ts

@@ -0,0 +1,62 @@
+import * as THREE from 'three';
+import type { Line as FiveLine } from '@realsee/five/line';
+import { Subscribe, type Five, type SubscribeEventMap } from '@realsee/five';
+import PolygonMesh from './polygon';
+import { Polyline } from './polyline';
+import type { Model } from '.';
+import { AreaItem } from '../utils/dom/areaDom';
+export interface AreaHook extends SubscribeEventMap {
+    selected: (area: Area, position: {
+        left: string;
+        top: string;
+    }) => void;
+}
+/**
+ * @description: 多边形类
+ */
+export default class Area {
+    id: string;
+    selected: boolean;
+    text?: string;
+    readonly lightMesh: FiveLine;
+    readonly areaItem: AreaItem;
+    readonly hook: Subscribe<AreaHook>;
+    /** 多边形mesh */
+    polygon: PolygonMesh;
+    /** 多边形顶点 */
+    points: THREE.Vector3[];
+    /** 多边形前三个点组成的平面，用来使得后面加的点也落在这个平面上 */
+    planeHelper: THREE.Plane | null;
+    /** 多边形边框 */
+    polyline: Polyline;
+    /** 多边形mesh容器 */
+    private meshContainer;
+    /** 多边形dom容器 */
+    private domContainer;
+    private five;
+    private model?;
+    constructor(points: THREE.Vector3[] | undefined, config: {
+        /** @todo: 这个model整的真的太恶心了 */
+        model: Model;
+        meshContainer?: THREE.Object3D;
+        domContainer?: Element;
+        five?: Five;
+    });
+    addPoints(point: THREE.Vector3): void;
+    refresh(): void;
+    hideArea(): void;
+    showArea(): void;
+    /**
+     * @description: five camera update 时，更新Dom的位置
+     */
+    updateDom: () => void;
+    /**
+     * @description: 获取一个点投影在当前平面上的点
+     */
+    projectPoint(point: THREE.Vector3): THREE.Vector3;
+    remove(): void;
+    /**
+     * @todo: 没写完
+     */
+    dispose(): void;
+}

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

@@ -1,5 +1,6 @@
 import type { Config } from '../typings';
 import type { PluginData } from '../typings/data';
+import type Area from './area';
 import type Line from './line';
 import { Polyline } from './polyline';
 import { Subscribe } from '@realsee/five';
@@ -8,6 +9,10 @@ type IModelEvent = {
      * @param line 被创建的线条
      */
     polylineAdded: (line: Polyline) => void;
+    /** 新增面积
+     * @param area 被创建的面积
+     */
+    areaAdded: (area: Area) => void;
     /** 删除线条
      * @param lines 被删除的线条数组
      */
@@ -16,18 +21,22 @@ type IModelEvent = {
 export declare class Model {
     readonly config?: Config;
     readonly polylines: Polyline[];
+    readonly areas: Area[];
     readonly hook: Subscribe<IModelEvent>;
     constructor(config?: Config);
     addPolyline(polyline: Polyline): void;
+    addArea(area: Area): void;
     replacePolylineByID(id: string, polyline: Polyline): void;
     removePolyline(polyline: Polyline): void;
     getPolylineByID(id: string): Polyline;
     getPolylineByLine(line: Line): Polyline;
     getLineByID(id: string): Line;
     getAllLines(): Line[];
+    getAllAreas(): Area[];
     getAllPoints(): import("./point").default[];
     includes(item: Polyline): boolean;
     clear(): void;
+    dispose(): void;
     getClosestPoint(): void;
     parse(data: PluginData): void;
     toJson(): PluginData;

package/dist/PanoMeasurePlugin/Model/line.d.ts

@@ -4,7 +4,8 @@ import type { LineJson } from '../typings/data';
 import type { Line as FiveLine } from '@realsee/five/line';
 import type { Polyline } from './polyline';
 import { Subscribe, type SubscribeEventMap } from '@realsee/five';
-import { type DistanceItem } from '../utils/distanceDom';
+import { DistanceItem } from '../utils/dom/distanceItem';
+import type * as THREE from 'three';
 export interface ILineHook extends SubscribeEventMap {
     selected: (line: Line) => void;
     textChanged: (text: string | undefined) => void;
@@ -22,6 +23,8 @@ export default class Line {
     readonly distanceItem: DistanceItem;
     private polyline?;
     constructor(point: Point, anotherPoint: Point, model: Model);
+    setPoints(startPoint: THREE.Vector3, endPoint: THREE.Vector3): void;
+    remove(): void;
     clear(): void;
     isEmpty(): boolean;
     getPolyline(): Polyline;

package/dist/PanoMeasurePlugin/Model/polygon.d.ts

@@ -0,0 +1,10 @@
+import * as THREE from 'three';
+import { IObject3D } from '../../shared-utils/three/IObject3D';
+export default class PolygonMesh extends IObject3D {
+    geometry: THREE.BufferGeometry;
+    constructor(points?: THREE.Vector3[]);
+    /**
+     * @description: 按照新的端点来更新多边形的geometry
+     */
+    updatePoints(points: THREE.Vector3[]): void;
+}

package/dist/PanoMeasurePlugin/Model/polyline.d.ts

@@ -28,6 +28,10 @@ export declare class Polyline {
     removeLine(line: Line): void;
     isLastLine(line: Line): boolean;
     getLastLine(): Line;
+    /**
+     * @description: 获取连续线段的顶点数量
+     */
+    getPointLength(): number;
     clear(): void;
     /** 是否产生重叠 */
     overlapWith(item: Point | Line | Polyline): boolean;

package/dist/PanoMeasurePlugin/Modules/DeleteDom/index.d.ts

@@ -18,7 +18,7 @@ export default class DeleteDom {
     dispose(): void;
     appendTo(element: Element): this;
     setLines(lines: Line[]): this;
-    updatePosition(): this;
+    updatePosition(left?: string, top?: string): this;
     hide(): this;
     show(): this;
     private onMouseEnter;

package/dist/PanoMeasurePlugin/Modules/FiveHelper.d.ts

@@ -1,5 +1,6 @@
 import type { Five, Intersection } from '@realsee/five';
-import { Line3, Vector3 } from 'three';
+import type { Line3 } from 'three';
+import { Vector3 } from 'three';
 export default class FiveHelper {
     edges: Line3[];
     private five;

package/dist/PanoMeasurePlugin/Modules/GuideController.d.ts

@@ -1,6 +1,6 @@
 import type MeasureController from '../Controller';
 export interface GuideControllerParams {
-    container: Element;
+    container?: Element;
     startTip?: string;
     endTip?: string;
     firstPointTip?: string;

package/dist/PanoMeasurePlugin/Modules/Magnifier.d.ts

@@ -3,7 +3,7 @@ import Hammer from 'hammerjs';
 import * as THREE from 'three';
 import { Subscribe, type SubscribeEventMap } from '@realsee/five';
 interface MagnifierEvent extends SubscribeEventMap {
-    wantsPanGesture: (event: typeof Hammer['Input']) => boolean;
+    wantsPanGesture: (event: (typeof Hammer)['Input']) => boolean;
 }
 /** 放大镜配置参数 */
 export interface MagnifierParameter {

package/dist/PanoMeasurePlugin/Modules/UIController/index.d.ts

@@ -1,13 +1,14 @@
 import type MeasureController from '../../Controller';
+export type UIMode = 'pc' | 'mobile';
 export interface UIControllerParams {
-    container: Element;
-    mode?: 'pc' | 'mobile';
+    container?: Element;
+    mode?: UIMode;
+    useNewUI?: boolean;
     startButtonText?: string;
     endButtonText?: string;
     revokeButtonText?: string;
     exitButtonText?: string;
 }
-export type UIMode = 'pc' | 'mobile';
 export declare class UIController {
     private revoke?;
     private container;
@@ -15,6 +16,7 @@ export declare class UIController {
     private disposers;
     private measureController;
     private mode;
+    private svelteDom?;
     private _params;
     constructor(measureController: MeasureController, params: UIControllerParams);
     dispose(): void;

package/dist/PanoMeasurePlugin/Modules/rangePiece/index.d.ts

@@ -1,5 +1,5 @@
 import type { Five, Subscribe } from '@realsee/five';
-import { Group } from 'three';
+import type { Group } from 'three';
 import type { Model } from '../../Model';
 import type { PanoMeasurePluginEvent } from '../../typings/event.type';
 import type FiveHelper from '../FiveHelper';

package/dist/PanoMeasurePlugin/typings/data.d.ts

@@ -21,6 +21,29 @@ export interface OpenParameter {
     isMobile?: boolean;
     crossHairParameter?: CrossHairParameter;
 }
+/** 长度达到一定值时，自动结束线段，null 的话不自动结束 */
+export interface autoEndConfig {
+    line?: number | null;
+    area?: number | null;
+}
+export type MeasureType = 'line' | 'area';
+export interface EditParameter {
+    /**
+     * @description 选择测量插件的模式
+     * @default ['line']
+     * @example
+     * ['line']: 传统的测距
+     * ['area']: 新增的测面积功能
+     * ['line', 'area']: 同时开启测距和测面积功能
+     */
+    allowMeasureType?: Array<MeasureType>;
+    /**
+     * @description: 选点的两种模式, 'fixed' 为固定选点为屏幕中心点，拖动five画布来选点，'mouse' 为跟随鼠标移动
+     * @default: 'fixed'
+     */
+    pointSelectorMode?: 'fixed' | 'cursor';
+    autoEndConfig?: autoEndConfig;
+}
 export interface CrossHairParameter {
     useNormalVector?: boolean;
     ballColor?: number;

package/dist/PanoMeasurePlugin/typings/event.type.d.ts

@@ -4,6 +4,7 @@ import type { State } from '../Controller/MixedController';
 import type Line from '../Model/line';
 import type Point from '../Model/point';
 import type { Polyline } from '../Model/polyline';
+import type { MeasureType } from './data';
 type ControllerEvent = {
     enable: (userAction: boolean) => void;
     disable: (userAction: boolean) => void;
@@ -16,13 +17,19 @@ type WatchEvent = {
     selectedChange: (lines: Line[]) => void;
 };
 type EditEvent = {
-    /**
-     * 编辑线条变更
-     */
+    /** 编辑线条变更 */
     editedPolylineChange: (polyline: Polyline) => void;
     /** 编辑中的虚线变更 */
     editedDashedLineChange: (line: Line | null) => void;
     anchorChange: (anchor: Vector3 | null) => void;
+    /** 测量类型变更 */
+    measureTypeChange: (measureTpe: MeasureType) => void;
+    /** 差最后一次打点就可以完成完成 */
+    readyComplete: () => void;
+    /** 一条线段或者一个面积编辑完成 */
+    complete: () => void;
+    /** 测量面积时，是否可以打点的状态是会一直变的 */
+    allowAddPointStateChange: (state: 'allow' | 'forbid') => void;
 };
 type DragEvent = {
     wantsDragLine: (event: {

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

@@ -1,5 +1,5 @@
 import type { Config as BaseConfig } from '../../base/BasePlugin';
-import type { UserDistanceItem } from '../utils/distanceDom';
+import type { UserDistanceItem } from '../utils/dom/distanceItem';
 export interface Config extends BaseConfig {
     userDistanceItemCreator?: undefined | (() => UserDistanceItem);
     /** 展示 distance DOM 时，使用的转换函数

package/dist/PanoMeasurePlugin/utils/dom/areaDom.d.ts

@@ -0,0 +1,22 @@
+import type { ItemDomParams } from './base';
+import { ItemDom } from './base';
+import type { Five } from '@realsee/five';
+import type { BufferGeometry } from 'three';
+import type Area from '../../Model/area';
+interface AreaItemParams extends ItemDomParams {
+    area: Area;
+}
+export declare class AreaItem extends ItemDom {
+    protected params: AreaItemParams;
+    private area;
+    constructor(params: AreaItemParams);
+    /**
+     * @description: dom 依赖的多边形的顶点的位置更新时，更新 dom 的位置和面积
+     */
+    updateArea(five: Five, _geometry?: BufferGeometry): void;
+    updateAreaText(area: number, config?: {
+        unit?: string;
+        fix?: number;
+    }): void;
+}
+export {};

package/dist/PanoMeasurePlugin/utils/dom/base.d.ts

@@ -0,0 +1,25 @@
+import type { Vector3 } from 'three';
+import type { Five } from '@realsee/five';
+export interface ItemDomParams {
+    clickCallback?: (event: MouseEvent, item: ItemDom) => unknown;
+}
+export declare abstract class ItemDom {
+    ndcPosition: Vector3 | null;
+    protected contentDom: HTMLElement;
+    protected containerDom: HTMLElement;
+    protected params: ItemDomParams;
+    protected canSelected: boolean;
+    constructor(params: ItemDomParams);
+    handleClick: (e: MouseEvent) => void;
+    setCanSelect(canSelect: boolean): void;
+    highlight(): void;
+    unHighlight(): void;
+    appendTo(container: Element): void;
+    remove(): void;
+    show(): void;
+    hide(): void;
+    /**
+     * @description: camera update 的时候，更新dom的位置
+     */
+    updateDomPosition(five: Five): void;
+}