@realsee/dnalogel 2.0.0-alpha.26-beta → 2.0.0-alpha.28-beta

package/libs/PanoCompassPlugin/index.js

@@ -1,253 +1,7 @@
-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';
+import PanoCompassPlugin from './Plugin';
+export { PanoCompassPlugin };
+export default PanoCompassPlugin;
 export const panoCompassPluginServerParams = {
     name: 'PanoCompassPlugin',
     version: 0,
 };
-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/PanoMeasurePlugin/index.d.ts

@@ -1,6 +1,6 @@
 import type { FivePlugin } from '@realsee/five';
 import MeasureController, { MeasurePluginParameter } from './Controller';
-declare const PanoMeasurePlugin: FivePlugin<MeasurePluginParameter, PluginReturns>;
+export declare const PanoMeasurePlugin: FivePlugin<MeasurePluginParameter, PluginReturns>;
 export default PanoMeasurePlugin;
 export declare type PluginReturns = MeasureController;
 export type { PluginEvent } from './typings/event.type';

package/libs/PanoMeasurePlugin/index.js

@@ -1,5 +1,5 @@
 import MeasureController from './Controller';
-const PanoMeasurePlugin = function PanoMeasurePlugin(five, params) {
+export const PanoMeasurePlugin = function PanoMeasurePlugin(five, params) {
     return new MeasureController(five, params);
 };
 export default PanoMeasurePlugin;

package/libs/PanoRulerPlugin/Plugin.d.ts

@@ -0,0 +1,31 @@
+import type { FivePlugin } from '@realsee/five';
+import type { RoomInfo, RoomRules } from './typings';
+export interface PanoRulerPluginOptions {
+    distanceText?: (distance: number) => string;
+    className?: string;
+}
+interface PanoRulerPluginPluginState {
+    enable: boolean;
+    loaded: boolean;
+    options: PanoRulerPluginOptions;
+}
+export interface PanoRulerPluginParameterType {
+    roomInfo?: RoomInfo;
+    roomRules?: RoomRules;
+    options?: PanoRulerPluginOptions;
+}
+export interface PanoRulerPluginExportType {
+    enable: () => void;
+    disable: () => void;
+    load: (roomInfo?: RoomInfo, roomRules?: RoomRules, options?: PanoRulerPluginOptions) => Promise<boolean>;
+    state: PanoRulerPluginPluginState;
+}
+/**
+ * 全景标尺插件
+ */
+export declare const PanoRulerPlugin: FivePlugin<PanoRulerPluginParameterType, PanoRulerPluginExportType>;
+export declare const panoRulerPluginServerParams: {
+    name: string;
+    version: number;
+};
+export default PanoRulerPlugin;