@realsee/dnalogel 2.0.0-alpha.7 → 2.0.0-beta.36

package/libs/ModelViewPlugin/Plugin.js

@@ -0,0 +1,160 @@
+import * as THREE from 'three';
+/**
+ * Five 模型插件
+ * @template ExportType 导出方法
+ */
+export const ModelViewPlugin = (five) => {
+    let needsRender = true;
+    let renderer = null;
+    const scene = new THREE.Scene();
+    const camera = new THREE.PerspectiveCamera(60, 1, 0.1, 1000);
+    let model = new THREE.Object3D();
+    {
+        const light = new THREE.DirectionalLight(0xffffff, 0.5);
+        light.position.copy(new THREE.Vector3(1, 1, 1));
+        scene.add(light);
+    }
+    {
+        const light = new THREE.DirectionalLight(0xffffff, 0.3);
+        scene.add(light);
+    }
+    {
+        const light = new THREE.AmbientLight(0xffffff, 0.3);
+        scene.add(light);
+    }
+    scene.add(model);
+    const initRendererIfNeeds = () => {
+        if (!five.renderer)
+            return;
+        if (!renderer) {
+            renderer = new THREE.WebGLRenderer({ antialias: false, alpha: true });
+            renderer.setPixelRatio(five.renderer.getPixelRatio());
+            renderer.outputEncoding = THREE.sRGBEncoding;
+            renderer.setClearColor(0x181a1c, 0);
+            renderer.autoClear = true;
+        }
+        return renderer;
+    };
+    const handleModelWillLoad = () => {
+        model.traverse((object) => {
+            if (object instanceof THREE.Mesh) {
+                const materials = [].concat(object.material);
+                materials.forEach((material) => material.dispose());
+            }
+        });
+        scene.remove(model);
+        model = new THREE.Object3D();
+        scene.add(model);
+        update();
+    };
+    const handleModelLoaded = () => {
+        function cloneMaterial(material) {
+            material = material.clone();
+            material.uniforms.modelAlpha.value = 1;
+            if (material.uniforms.map.value) {
+                material.uniforms.map.value.needsUpdate = true;
+            }
+            return material;
+        }
+        function cloneModel(model) {
+            if (model instanceof THREE.Mesh) {
+                const geometry = model.geometry;
+                const material = Array.isArray(model.material)
+                    ? model.material.map(cloneMaterial)
+                    : cloneMaterial(model.material);
+                return new THREE.Mesh(geometry, material);
+            }
+            else if (model instanceof THREE.Group) {
+                const group = new THREE.Group();
+                model.children.forEach((object) => group.add(cloneModel(object)));
+                return group;
+            }
+            else {
+                const object3D = new THREE.Object3D();
+                model.children.forEach((object) => object3D.add(cloneModel(object)));
+                return object3D;
+            }
+        }
+        scene.remove(model);
+        model = cloneModel(five.model);
+        scene.add(model);
+        update();
+    };
+    const appendTo = (element, size = {}) => {
+        const renderer = initRendererIfNeeds();
+        if (!renderer)
+            return;
+        element.appendChild(renderer.domElement);
+        refresh(size);
+        const positionType = window.getComputedStyle(element).position;
+        if (positionType !== 'relative' &&
+            positionType !== 'absolute' &&
+            positionType !== 'fixed' &&
+            positionType !== 'sticky')
+            element.style.position = 'relative';
+    };
+    const refresh = (size = {}) => {
+        if (!renderer)
+            return;
+        const element = renderer.domElement;
+        const container = element.parentNode;
+        if (container && container.nodeName) {
+            const { width = container.offsetWidth, height = container.offsetHeight } = size;
+            renderer.setSize(width, height);
+            // 修改摄像机 aspect 比值
+            camera.aspect = width / height;
+            camera.updateProjectionMatrix();
+        }
+        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));
+        // fit screen
+        let distance = radius / 2 / Math.tan((Math.PI * fov) / 360);
+        if (aspect < 1)
+            distance = distance / aspect;
+        return isNaN(distance) ? radius : distance;
+    };
+    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);
+        needsRender = true;
+    };
+    const render = () => {
+        if (needsRender !== true)
+            return;
+        if (!renderer)
+            return;
+        if (!renderer.domElement.parentNode)
+            return;
+        const parentNode = renderer.domElement.parentNode;
+        if (parentNode.offsetWidth === 0)
+            return;
+        renderer.render(scene, camera);
+        needsRender = false;
+    };
+    const dispose = () => {
+        if (renderer)
+            renderer.dispose();
+        renderer = null;
+    };
+    five.on('modelLoaded', handleModelLoaded);
+    five.on('modelWillLoad', handleModelWillLoad);
+    five.on('cameraDirectionUpdate', update);
+    five.on('dispose', dispose);
+    five.on('renderFrame', render);
+    return { appendTo, refresh };
+};
+export default ModelViewPlugin;

package/libs/ModelViewPlugin/index.d.ts

@@ -1,17 +1,4 @@
-import type { FivePlugin } from '@realsee/five';
-export interface ModelViewPluginExportType {
-    appendTo(element: HTMLElement, size?: {
-        width?: number;
-        height?: number;
-    }): void;
-    refresh(size?: {
-        width?: number;
-        height?: number;
-    }): void;
-}
-/**
- * Five 模型插件
- * @template ExportType 导出方法
- */
-export declare const ModelViewPlugin: FivePlugin<void, ModelViewPluginExportType>;
+import ModelViewPlugin from './Plugin';
+export { ModelViewPlugin };
 export default ModelViewPlugin;
+export type { ModelViewPluginExportType } from './Plugin';

package/libs/ModelViewPlugin/index.js

@@ -1,160 +1,3 @@
-import * as THREE from 'three';
-/**
- * Five 模型插件
- * @template ExportType 导出方法
- */
-export const ModelViewPlugin = (five) => {
-    let needsRender = true;
-    const scene = new THREE.Scene();
-    const camera = new THREE.PerspectiveCamera(60, 1, 0.1, 1000);
-    let model = new THREE.Object3D();
-    {
-        const light = new THREE.DirectionalLight(0xffffff, 0.5);
-        light.position.copy(new THREE.Vector3(1, 1, 1));
-        scene.add(light);
-    }
-    {
-        const light = new THREE.DirectionalLight(0xffffff, 0.3);
-        scene.add(light);
-    }
-    {
-        const light = new THREE.AmbientLight(0xffffff, 0.3);
-        scene.add(light);
-    }
-    scene.add(model);
-    let renderer = null;
-    const initRendererIfNeeds = () => {
-        if (!five.renderer)
-            return;
-        if (!renderer) {
-            renderer = new THREE.WebGLRenderer({ antialias: false, alpha: true });
-            renderer.setPixelRatio(five.renderer.getPixelRatio());
-            renderer.outputEncoding = THREE.sRGBEncoding;
-            renderer.setClearColor(0x181a1c, 0);
-            renderer.autoClear = true;
-        }
-        return renderer;
-    };
-    const modelWillLoad = () => {
-        model.traverse((object) => {
-            if (object instanceof THREE.Mesh) {
-                const materials = [].concat(object.material);
-                materials.forEach((material) => material.dispose());
-            }
-        });
-        scene.remove(model);
-        model = new THREE.Object3D();
-        scene.add(model);
-        update();
-    };
-    const modelLoaded = () => {
-        function cloneMaterial(material) {
-            material = material.clone();
-            material.uniforms.modelAlpha.value = 1;
-            if (material.uniforms.map.value) {
-                material.uniforms.map.value.needsUpdate = true;
-            }
-            return material;
-        }
-        function cloneModel(model) {
-            if (model instanceof THREE.Mesh) {
-                const geometry = model.geometry;
-                const material = Array.isArray(model.material)
-                    ? model.material.map(cloneMaterial)
-                    : cloneMaterial(model.material);
-                return new THREE.Mesh(geometry, material);
-            }
-            else if (model instanceof THREE.Group) {
-                const group = new THREE.Group();
-                model.children.forEach((object) => group.add(cloneModel(object)));
-                return group;
-            }
-            else {
-                const object3D = new THREE.Object3D();
-                model.children.forEach((object) => object3D.add(cloneModel(object)));
-                return object3D;
-            }
-        }
-        scene.remove(model);
-        model = cloneModel(five.model);
-        scene.add(model);
-        update();
-    };
-    const appendTo = (element, size = {}) => {
-        const renderer = initRendererIfNeeds();
-        if (!renderer)
-            return;
-        element.appendChild(renderer.domElement);
-        refresh(size);
-        const positionType = window.getComputedStyle(element).position;
-        if (positionType !== 'relative' &&
-            positionType !== 'absolute' &&
-            positionType !== 'fixed' &&
-            positionType !== 'sticky')
-            element.style.position = 'relative';
-    };
-    const refresh = (size = {}) => {
-        if (!renderer)
-            return;
-        const element = renderer.domElement;
-        const container = element.parentNode;
-        if (container && container.nodeName) {
-            const { width = container.offsetWidth, height = container.offsetHeight } = size;
-            renderer.setSize(width, height);
-            // 修改摄像机 aspect 比值
-            camera.aspect = width / height;
-            camera.updateProjectionMatrix();
-        }
-        needsRender = true;
-    };
-    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));
-        // fit screen
-        let distance = radius / 2 / Math.tan((Math.PI * fov) / 360);
-        if (aspect < 1)
-            distance = distance / aspect;
-        return isNaN(distance) ? radius : distance;
-    };
-    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);
-        needsRender = true;
-    };
-    const render = () => {
-        if (needsRender !== true)
-            return;
-        if (!renderer)
-            return;
-        if (!renderer.domElement.parentNode)
-            return;
-        const parentNode = renderer.domElement.parentNode;
-        if (parentNode.offsetWidth === 0)
-            return;
-        renderer.render(scene, camera);
-        needsRender = false;
-    };
-    const dispose = () => {
-        if (renderer)
-            renderer.dispose();
-        renderer = null;
-    };
-    five.on('modelLoaded', modelLoaded);
-    five.on('modelWillLoad', modelWillLoad);
-    five.on('cameraDirectionUpdate', update);
-    five.on('dispose', dispose);
-    five.on('renderFrame', render);
-    return { appendTo, refresh };
-};
+import ModelViewPlugin from './Plugin';
+export { ModelViewPlugin };
 export default ModelViewPlugin;

package/libs/PanoCompassPlugin/Plugin.d.ts

@@ -0,0 +1,47 @@
+import type { Five, FivePlugin } from '@realsee/five';
+import type { FloorplanServerRoomItem } from '../floorplan/typings/floorplanServerData';
+export interface PanoCompassPluginParameterType {
+    compassImageUrl?: string;
+    entryDoorImageUrl?: string;
+}
+export interface PanoCompassPluginData {
+    north_rad: null | number;
+    entrance: null | undefined | {
+        position: {
+            x: number;
+            y: number;
+            z: number;
+        };
+    };
+    room_observers: undefined | {
+        index: number;
+        floor_index: number;
+        room: FloorplanServerRoomItem;
+    }[];
+}
+export declare type PanoCompassPluginExportType = PanoCompassController;
+export declare const PanoCompassPlugin: FivePlugin<PanoCompassPluginParameterType | undefined, PanoCompassController>;
+export default PanoCompassPlugin;
+declare class PanoCompassController {
+    five: Five;
+    data?: PanoCompassPluginData;
+    config?: PanoCompassPluginParameterType;
+    private group;
+    private modelLoaded;
+    private roomInfoInstance?;
+    private roomInfoWrapperInstance?;
+    private compassMeshTween?;
+    private compassMesh?;
+    private entryDoorMesh?;
+    constructor(five: Five, config?: PanoCompassPluginParameterType);
+    load(data: PanoCompassPluginData): void;
+    dispose: () => void;
+    private onFiveFistPanoLoaded;
+    private init;
+    private loadCompassMesh;
+    private loadEntryDoorMesh;
+    private loadRoomInfo;
+    private onFivePanoWillArrive;
+    private onFivePanoArrived;
+    private onFiveCameraDirectionUpdate;
+}

package/libs/PanoCompassPlugin/Plugin.js

@@ -0,0 +1,249 @@
+import * as THREE from 'three';
+import { getRoomInfoInstance } from './getRoomInfoInstance';
+import { loadTexture } from '../shared-utils/three/loadTexture';
+import CSS3DRenderPlugin from '../CSS3DRenderPlugin';
+import { tweenProgress } from '../shared-utils/animationFrame/BetterTween';
+export const PanoCompassPlugin = function (five, config) {
+    return new PanoCompassController(five, config);
+};
+export default PanoCompassPlugin;
+class PanoCompassController {
+    constructor(five, config) {
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "data", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "group", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new THREE.Group()
+        });
+        Object.defineProperty(this, "modelLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "roomInfoInstance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "roomInfoWrapperInstance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "compassMeshTween", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "compassMesh", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "entryDoorMesh", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a, _b, _c, _d;
+                this.five.scene.remove(this.group);
+                this.group.remove(...this.group.children);
+                (_b = (_a = this.compassMesh) === null || _a === void 0 ? void 0 : _a.material.map) === null || _b === void 0 ? void 0 : _b.dispose();
+                (_d = (_c = this.entryDoorMesh) === null || _c === void 0 ? void 0 : _c.material.map) === null || _d === void 0 ? void 0 : _d.dispose();
+                this.five.off('panoArrived', this.onFivePanoArrived);
+                this.five.off('panoWillArrive', this.onFivePanoWillArrive);
+            }
+        });
+        Object.defineProperty(this, "onFiveFistPanoLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.modelLoaded = true;
+                if (this.data)
+                    this.init();
+            }
+        });
+        Object.defineProperty(this, "onFivePanoWillArrive", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (panoIndex) => {
+                var _a, _b;
+                if (panoIndex === this.five.panoIndex)
+                    return;
+                (_a = this.compassMeshTween) === null || _a === void 0 ? void 0 : _a.dispose();
+                (_b = this.compassMesh) === null || _b === void 0 ? void 0 : _b.material.setValues({ opacity: 0 });
+            }
+        });
+        Object.defineProperty(this, "onFivePanoArrived", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (panoIndex) => {
+                var _a, _b, _c, _d;
+                // ======== fix compass position ========
+                const standingPosition = this.five.work.observers[panoIndex].standingPosition;
+                if (this.compassMesh) {
+                    // 指南针上移 0.01m，防止与地板重合
+                    this.compassMesh.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
+                    if (this.compassMesh.material.opacity !== 0)
+                        return;
+                    (_a = this.compassMeshTween) === null || _a === void 0 ? void 0 : _a.dispose();
+                    this.compassMeshTween = tweenProgress(1000)
+                        .onUpdate(({ progress }) => {
+                        var _a;
+                        (_a = this.compassMesh) === null || _a === void 0 ? void 0 : _a.material.setValues({ opacity: progress });
+                        this.five.needsRender = true;
+                    })
+                        .play();
+                }
+                // ======== fix entry door label position and rotation ========
+                if (this.entryDoorMesh) {
+                    const entryDoorPosition = new THREE.Vector3(this.data.entrance.position.x, this.data.entrance.position.y, this.data.entrance.position.z);
+                    const panoToEntryDoorVector = entryDoorPosition
+                        .clone()
+                        .setY(standingPosition.y)
+                        .sub(standingPosition)
+                        .normalize();
+                    const compassEntryDoorPosition = standingPosition
+                        .clone()
+                        .add(panoToEntryDoorVector.clone().multiplyScalar(0.7))
+                        .setY(standingPosition.y + 0.01);
+                    this.entryDoorMesh.rotation.z = new THREE.Vector3(0, 0, -1).angleTo(panoToEntryDoorVector);
+                    this.entryDoorMesh.position.copy(compassEntryDoorPosition);
+                    // 不是客厅时，隐藏入户门指引
+                    ((_b = this.data) === null || _b === void 0 ? void 0 : _b.room_observers[panoIndex].room.type) === 1
+                        ? (_c = this.entryDoorMesh) === null || _c === void 0 ? void 0 : _c.material.setValues({ opacity: 1 })
+                        : (_d = this.entryDoorMesh) === null || _d === void 0 ? void 0 : _d.material.setValues({ opacity: 0 });
+                }
+                // ======== fix room info ========
+                if (this.roomInfoInstance && this.roomInfoWrapperInstance) {
+                    this.roomInfoWrapperInstance.css3DObject.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
+                    this.roomInfoInstance.setRoom(this.data.room_observers[panoIndex].room);
+                }
+                this.five.needsRender = true;
+            }
+        });
+        Object.defineProperty(this, "onFiveCameraDirectionUpdate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ({ longitude, latitude, }) => {
+                var _a, _b;
+                if (!this.roomInfoWrapperInstance)
+                    return;
+                this.roomInfoWrapperInstance.css3DObject.rotation.z = longitude;
+                latitude > 0.66 && this.five.getCurrentState().mode === 'Panorama'
+                    ? (_a = this.roomInfoInstance) === null || _a === void 0 ? void 0 : _a.show()
+                    : (_b = this.roomInfoInstance) === null || _b === void 0 ? void 0 : _b.hide();
+            }
+        });
+        this.five = five;
+        this.config = config;
+        this.five.scene.add(this.group);
+        five.once('dispose', this.dispose);
+        five.once('modelLoaded', this.onFiveFistPanoLoaded);
+        this.five.on('panoArrived', this.onFivePanoArrived);
+        this.five.on('panoWillArrive', this.onFivePanoWillArrive);
+        this.five.on('cameraDirectionUpdate', this.onFiveCameraDirectionUpdate);
+    }
+    load(data) {
+        this.data = data;
+        if (this.modelLoaded)
+            this.init();
+    }
+    async init() {
+        if (!this.data || !this.modelLoaded)
+            return;
+        const northRad = this.data.north_rad;
+        if (northRad != null) {
+            this.compassMesh = await this.loadCompassMesh();
+            this.compassMesh.rotateX(-Math.PI / 2);
+            this.compassMesh.rotateZ(northRad - Math.PI / 2);
+            this.group.add(this.compassMesh);
+        }
+        if (this.data.entrance != null) {
+            this.entryDoorMesh = await this.loadEntryDoorMesh();
+            this.roomInfoWrapperInstance = this.loadRoomInfo();
+            this.roomInfoInstance = getRoomInfoInstance();
+            this.entryDoorMesh.rotateX(-Math.PI / 2);
+            if (this.roomInfoWrapperInstance)
+                this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container);
+            this.group.add(this.entryDoorMesh);
+        }
+        this.onFivePanoArrived(this.five.panoIndex || 0);
+        this.five.needsRender = true;
+    }
+    async loadCompassMesh() {
+        var _a;
+        const compassImageUrl = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.compassImageUrl) ||
+            '//vrlab-image4.ljcdn.com/release/web/v3/north-point-circle.96498e69.png';
+        const compassTexture = await loadTexture(compassImageUrl);
+        const compassGeometry = new THREE.CircleGeometry(0.7, 32);
+        const compassMaterial = new THREE.MeshBasicMaterial({
+            map: compassTexture,
+            transparent: true,
+            opacity: 0,
+            depthTest: false,
+        });
+        const compassMesh = new THREE.Mesh(compassGeometry, compassMaterial);
+        compassMesh.name = 'pano-compass-mesh';
+        return compassMesh;
+    }
+    async loadEntryDoorMesh() {
+        var _a;
+        const entryDoorImageUrl = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.entryDoorImageUrl) ||
+            '//vrlab-image4.ljcdn.com/release/web/enterDoor.831b8208.png';
+        const entryDoorTexture = await loadTexture(entryDoorImageUrl);
+        const entryDoorGeometry = new THREE.PlaneGeometry(0.2, 0.16);
+        const entryDoorMaterial = new THREE.MeshBasicMaterial({
+            map: entryDoorTexture,
+            transparent: true,
+            opacity: 0.8,
+            depthTest: false,
+        });
+        const entryDoorMesh = new THREE.Mesh(entryDoorGeometry, entryDoorMaterial);
+        entryDoorMesh.name = 'pano-compass-entry-door';
+        return entryDoorMesh;
+    }
+    loadRoomInfo() {
+        const points = [
+            new THREE.Vector3(-0.7, 0, -0.7),
+            new THREE.Vector3(0.7, 0, -0.7),
+            new THREE.Vector3(0.7, 0, 0.7),
+            new THREE.Vector3(-0.7, 0, 0.7),
+        ];
+        const roomInfo = CSS3DRenderPlugin(this.five).create3DDomContainer(points);
+        return roomInfo;
+    }
+}

package/libs/PanoCompassPlugin/index.d.ts

@@ -1,51 +1,8 @@
-import type { Five, FivePlugin } from '@realsee/five';
-import type { FloorplanServerRoomItem } from '../floorplan/typings/floorplanServerData';
-export interface PanoCompassPluginParameterType {
-    compassImageUrl?: string;
-    entryDoorImageUrl?: string;
-}
-export interface PanoCompassPluginData {
-    north_rad: null | number;
-    entrance: null | undefined | {
-        position: {
-            x: number;
-            y: number;
-            z: number;
-        };
-    };
-    room_observers: undefined | {
-        index: number;
-        floor_index: number;
-        room: FloorplanServerRoomItem;
-    }[];
-}
-export declare type PanoCompassPluginExportType = PanoCompassController;
+import PanoCompassPlugin from './Plugin';
+export { PanoCompassPlugin };
+export default PanoCompassPlugin;
+export type { PanoCompassPluginParameterType, PanoCompassPluginData, PanoCompassPluginExportType } from './Plugin';
 export declare const panoCompassPluginServerParams: {
     name: string;
     version: number;
 };
-export declare const PanoCompassPlugin: FivePlugin<PanoCompassPluginParameterType | undefined, PanoCompassController>;
-export default PanoCompassPlugin;
-declare class PanoCompassController {
-    five: Five;
-    data?: PanoCompassPluginData;
-    config?: PanoCompassPluginParameterType;
-    private group;
-    private modelLoaded;
-    private roomInfoInstance?;
-    private roomInfoWrapperInstance?;
-    private compassMeshTween?;
-    private compassMesh?;
-    private entryDoorMesh?;
-    constructor(five: Five, config?: PanoCompassPluginParameterType);
-    load(data: PanoCompassPluginData): void;
-    dispose: () => void;
-    private onFiveFistPanoLoaded;
-    private init;
-    private loadCompassMesh;
-    private loadEntryDoorMesh;
-    private loadRoomInfo;
-    private onFivePanoWillArrive;
-    private onFivePanoArrived;
-    private onFiveCameraDirectionUpdate;
-}