@realsee/dnalogel 2.0.0-alpha.5 → 2.0.0-alpha.8

package/libs/floorplan/TopviewFloorplanPlugin/Controller.d.ts

@@ -1,6 +1,7 @@
 import type { Five } from '@realsee/five';
 import type { FloorplanServerData } from '../typings/floorplanServerData';
 import type { FloorplanRoomItem } from '../typings/floorplanData';
+import { FLOOR_PLAN_ATTACHED_TO } from '../constant';
 export interface TopviewFloorplanPluginParameterType {
     selector?: string | Element;
     scale?: number;
@@ -12,6 +13,7 @@ export interface TopviewFloorplanPluginParameterType {
     ruleLabelsEnable?: boolean;
     roomLabelsEnable?: boolean;
     preventRoomClick?: boolean;
+    attachedTo?: FLOOR_PLAN_ATTACHED_TO;
     getLabelElement?: (room: FloorplanRoomItem) => Element | null;
 }
 export declare type TopviewFloorplanPluginReturnType = TopviewFloorplanPluginController;

package/libs/floorplan/TopviewFloorplanPlugin/Controller.js

@@ -62,6 +62,7 @@ export class TopviewFloorplanPluginController {
         if (shownFloor === null)
             return;
         this.floorIndex = shownFloor;
+        this.updateSize();
         this.render();
     };
     /** panoIndex 改变时，更新 floorIndex */
@@ -109,8 +110,8 @@ export class TopviewFloorplanPluginController {
     };
     show() {
         this.visible = true;
-        this.updateSize();
         this.five.model.show(this.floorIndex);
+        this.updateSize();
         const renderDuration = 500;
         const modelOpacity = this.configs.modelOpacity;
         if (typeof modelOpacity === 'number') {
@@ -142,7 +143,8 @@ export class TopviewFloorplanPluginController {
         const width = max.x - min.x;
         const height = max.y - min.y;
         // 每毫米对应的 px 值
-        const pxmm = getPxmm(this.five, this.wrapper);
+        const options = this.configs.attachedTo ? { attachedTo: this.configs.attachedTo } : undefined;
+        const pxmm = getPxmm(this.five, this.wrapper, this.floorIndex, options);
         const _width = Math.ceil(width * pxmm);
         const _height = Math.ceil(height * pxmm);
         this.pxmm = pxmm;
@@ -157,7 +159,6 @@ export class TopviewFloorplanPluginController {
             return;
         const { getLabelElement, cameraImageUrl, preventRoomClick, hoverEnable, compassEnable, roomLabelsEnable, ruleLabelsEnable, } = this.configs;
         const handleClick = preventRoomClick ? () => false : undefined;
-        console.log('🚀 ~ TopviewFloorplanPluginController ~ handleClick', handleClick);
         const props = {
             five: this.five,
             pxmm: this.pxmm,

package/libs/floorplan/constant.d.ts

@@ -0,0 +1,5 @@
+export declare enum FLOOR_PLAN_ATTACHED_TO {
+    FLOOR = 1,
+    CEILING = 2,
+    BOUNDING_CENTER = 3
+}

package/libs/floorplan/constant.js

@@ -0,0 +1,6 @@
+export var FLOOR_PLAN_ATTACHED_TO;
+(function (FLOOR_PLAN_ATTACHED_TO) {
+    FLOOR_PLAN_ATTACHED_TO[FLOOR_PLAN_ATTACHED_TO["FLOOR"] = 1] = "FLOOR";
+    FLOOR_PLAN_ATTACHED_TO[FLOOR_PLAN_ATTACHED_TO["CEILING"] = 2] = "CEILING";
+    FLOOR_PLAN_ATTACHED_TO[FLOOR_PLAN_ATTACHED_TO["BOUNDING_CENTER"] = 3] = "BOUNDING_CENTER";
+})(FLOOR_PLAN_ATTACHED_TO || (FLOOR_PLAN_ATTACHED_TO = {}));

package/libs/floorplan/typings/floorplanServerData.d.ts

@@ -79,6 +79,10 @@ export interface FloorplanServerRoomItem {
      * @description 单位是平方毫米
      */
     size: number;
+    /** 房屋类型
+     * @description 对应关系参考上方 ROOM_DETAILS_TYPE_MAP
+     */
+    type: number;
     name: string;
     /** 围成房间区域的坐标路径
      * @description 坐标类型是户型图坐标

package/libs/index.d.ts

@@ -4,6 +4,7 @@ export type { PanoCursorRaycasterPluginExportType } from './PanoCursorRaycasterP
 export { default as PanoCursorRaycasterPlugin } from './PanoCursorRaycasterPlugin';
 export type { ModelRoomLabelController, ModelRoomLabelPluginData, RoomLabel, ModelRoomLabelPluginReturnType, ModelRoomLabelPluginParameters, } from './ModelRoomLabelPlugin';
 export { default as ModelRoomLabelPlugin } from './ModelRoomLabelPlugin';
+export * from './floorplan/constant';
 export type { TopviewFloorplanPluginReturnType, TopviewFloorplanPluginParameterType, } from './floorplan/TopviewFloorplanPlugin';
 export { default as TopviewFloorplanPlugin } from './floorplan/TopviewFloorplanPlugin';
 export type { PanoFloorplanRadarPluginReturnType, PanoFloorplanRadarPluginParameterType, } from './floorplan/PanoFloorplanRadarPlugin';
@@ -19,3 +20,5 @@ export type { PanoRulerPluginParameterType, PanoRulerPluginExportType, PanoRuler
 export { default as PanoRulerPlugin } from './PanoRulerPlugin';
 export type { PanoCompassPluginParameterType, PanoCompassPluginExportType, PanoCompassPluginData, } from './PanoCompassPlugin';
 export { default as PanoCompassPlugin } from './PanoCompassPlugin';
+export type { PluginReturns, PluginEvent, LineJson, PointJson } from './PanoMeasurePlugin';
+export { default as PanoMeasurePlugin } from './PanoMeasurePlugin';

package/libs/index.js

@@ -2,6 +2,8 @@ export { default as ModelViewPlugin } from './ModelViewPlugin';
 export { default as CSS3DRenderPlugin } from './CSS3DRenderPlugin';
 export { default as PanoCursorRaycasterPlugin } from './PanoCursorRaycasterPlugin';
 export { default as ModelRoomLabelPlugin } from './ModelRoomLabelPlugin';
+// floorplan
+export * from './floorplan/constant';
 export { default as TopviewFloorplanPlugin } from './floorplan/TopviewFloorplanPlugin';
 export { default as PanoFloorplanRadarPlugin } from './floorplan/PanoFloorplanRadarPlugin';
 export { default as ModelFloorplanPlugin } from './floorplan/ModelFloorplanPlugin';
@@ -10,3 +12,4 @@ export { default as ModelEntryDoorGuidePlugin } from './ModelEntryDoorGuidePlugi
 export { default as CameraMovementPlugin } from './CameraMovementPlugin';
 export { default as PanoRulerPlugin } from './PanoRulerPlugin';
 export { default as PanoCompassPlugin } from './PanoCompassPlugin';
+export { default as PanoMeasurePlugin } from './PanoMeasurePlugin';

package/libs/shared-utils/getPxmm.d.ts

@@ -1,6 +1,11 @@
 import type { Five } from '@realsee/five';
+import { FLOOR_PLAN_ATTACHED_TO } from '../floorplan/constant';
+interface GetPxmmOption {
+    attachedTo: FLOOR_PLAN_ATTACHED_TO;
+}
 /**
  * 获取「在俯视图」状态下，模型 mm 与屏幕像素 px 的对应关系，即每 mm 对应多少 px
  * @param five five
  */
-export default function getPxmm(five: Five, container: Element): number;
+export default function getPxmm(five: Five, container: Element, floorIndex: number, options?: GetPxmmOption): number;
+export {};

package/libs/shared-utils/getPxmm.js

@@ -1,20 +1,34 @@
+import { FLOOR_PLAN_ATTACHED_TO } from '../floorplan/constant';
 import * as THREE from 'three';
 /**
  * 获取「在俯视图」状态下，模型 mm 与屏幕像素 px 的对应关系，即每 mm 对应多少 px
  * @param five five
  */
-export default function getPxmm(five, container) {
-    const boundingCenter = new THREE.Vector3(0, 0, 0);
-    five.model.bounding.getCenter(boundingCenter);
-    const { y: boundingCenterY } = boundingCenter;
-    const { longitude } = five.getCurrentState();
-    // 因为模型可能经过旋转，所以屏幕水平方向上的 1m 对应 X 轴距离需要转换
-    const X = 1 / Math.abs(Math.cos(longitude));
-    // 模型绕 (boundingCenterX, boundingCenterY, boundingCenterZ) 旋转
-    const originPosition = new THREE.Vector3(0, boundingCenterY, 0);
-    const originPositionXUnit = new THREE.Vector3(X, boundingCenterY, 0);
-    const mouse = originPosition.project(five.camera);
-    const xUnitMouse = originPositionXUnit.project(five.camera);
+export default function getPxmm(five, container, floorIndex, options) {
+    const maxFloorIndex = Math.max(...five.work.observers.map((ob) => ob.floorIndex));
+    function getFloorY(floorIndex) {
+        return floorIndex > maxFloorIndex
+            ? five.model.bounding.max.y
+            : Math.max(...five.work.observers
+                .filter((ob) => ob.floorIndex === floorIndex)
+                .map((ob) => ob.standingPosition.y));
+    }
+    function getY() {
+        const currentFloorY = getFloorY(floorIndex);
+        const nextFloorY = getFloorY(floorIndex + 1);
+        const attachedTo = options?.attachedTo || FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER;
+        if (attachedTo === FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER)
+            return (five.model.bounding.max.y + five.model.bounding.min.y) / 2;
+        else if (attachedTo === FLOOR_PLAN_ATTACHED_TO.CEILING)
+            return nextFloorY;
+        else
+            return currentFloorY;
+    }
+    const y = getY();
+    const originPosition = new THREE.Vector3(0, y, 0);
+    const originPositionXUnit = new THREE.Vector3(1, y, 0);
+    const mouse = originPosition.clone().project(five.camera);
+    const xUnitMouse = originPositionXUnit.clone().project(five.camera);
     const pxmm = Math.abs((xUnitMouse.x - mouse.x) / 1000) * (container.getBoundingClientRect().width / 2);
     return pxmm;
 }

package/package.json

@@ -5,11 +5,11 @@
   "author": "REALSEE-DEVELOPER",
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "private": false,
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.8",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
-    "build:dev": "yarn tsb && vite build --watch",
-    "build": "yarn tsb && vite build",
+    "build": "yarn tsb && vite build && yarn build:docs",
+    "build:dev": "yarn build:svelte && tsc --watch",
     "tsb": "tsc && yarn build:svelte",
     "build:svelte": "svelte-strip strip src/ libs",
     "build:docs": "typedoc --options ./typedoc.json",
@@ -19,6 +19,7 @@
   "files": [
     "libs",
     "dist",
+    "docs",
     "TERMS.txt"
   ],
   "devDependencies": {