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

package/libs/src/floorplan/typings/floorplanData.d.ts

@@ -0,0 +1,137 @@
+/**
+ * @file 对输入到户型图相关插件内的数据做 format 之后的数据
+ * 1. 数据的下划线到驼峰的转换
+ * 2. svg url 到 svg content 的处理
+ */
+import type { RecordKeys, RecordValue } from './utility';
+/** 户型图坐标，坐标原点时户型图中心点，单位是户型图单位 */
+export interface FloorplanPosition {
+    x: number;
+    y: number;
+}
+/** 户型图图片坐标，坐标原点是图片左上角，取值范围是 [0, 1]，表示距离左上角的相对距离 */
+export interface FloorplanImagePosition {
+    x: number;
+    y: number;
+}
+/** 户型图线框图 */
+export interface FloorplanOutlineItem {
+    url: string;
+    index: number;
+    svgUrl?: string;
+    svgContent?: string;
+}
+/** 户型图入户门 */
+export interface FloorplanEntrance {
+    /** 入户门角度 */
+    rad: number;
+    /** 入户门所在的位置「户型图坐标系」 */
+    position: FloorplanPosition;
+    /** 入户门在户型图上相对坐标 */
+    positionInImage: FloorplanImagePosition;
+    /** 入户门与北的朝向 */
+    northRad: number;
+    /** 入户门所在房间 ID */
+    roomId: string;
+    /** 入户门所楼层 */
+    floorIndex: number;
+}
+/** 户型图 FloorplanBounding
+ * @description 坐标都是户型图坐标
+ */
+export interface FloorplanBounding {
+    /** 户型图在 X 和 Y 轴上的最大值 */
+    max: FloorplanPosition;
+    /** 户型图在 X 和 Y 轴上的最小值 */
+    min: FloorplanPosition;
+    /** 户型图的中心位置 */
+    origin: FloorplanPosition;
+}
+/** 户型图房屋标签 */
+export interface FloorplanRoomLabelItem {
+    /** 房间的中心点坐标 */
+    position: FloorplanPosition;
+    /** 房间的中心在户型图上的相对位置 */
+    positionInImage: FloorplanImagePosition;
+}
+/** 户型图房间数据 */
+export interface FloorplanRoomItem {
+    id: string;
+    /** 房间面积
+     * @description 单位是平方毫米
+     */
+    size: number;
+    name: string;
+    /** 围成房间区域的坐标路径
+     * @description 坐标类型是户型图坐标
+     */
+    path: FloorplanPosition[];
+    /** 房屋类型
+     * @description 对应关系参考上方 ROOM_TYPE_MAP
+     */
+    roomType: string;
+    /** 地板类型
+     * @description 对应关系参考上方 FLOOR_TYPE_MAP
+     */
+    floorType: number;
+    roomLabel: FloorplanRoomLabelItem;
+    /** 当前房间里的 observer 索引 */
+    observerIndexs: number[];
+}
+/** 户型图标尺 */
+export declare type FloorplanRuleLabels = Record<'top' | 'right' | 'bottom' | 'left', FloorplanPosition[][]>;
+export declare type RuleLabelsKey = RecordKeys<FloorplanRuleLabels>;
+export declare type RuleLabelsValue = RecordValue<FloorplanRuleLabels>;
+/** 当前楼层的数据 */
+export interface FloorplanFloorData {
+    floorName: string;
+    floorIndex: number;
+    rooms: FloorplanRoomItem[];
+    rules: FloorplanRuleLabels;
+}
+/** 对 observer 做一些样式上的计算
+ * @description 每一个 floorplanObserver 对应一个 observer
+ * @description floorplanObserver 和 observer 在自身数组中的索引坐标应该是相同的
+ */
+export interface FloorplanObserver {
+    index: number;
+    floorIndex: number;
+    position: FloorplanPosition;
+    positionInImage: FloorplanImagePosition;
+}
+/** 户型图内部使用的数据 */
+export interface FloorplanData {
+    outlines: FloorplanOutlineItem[];
+    floorDatas: FloorplanFloorData[];
+    entrance: FloorplanEntrance | null;
+    bounding: FloorplanBounding;
+    observers: FloorplanObserver[];
+}
+/** 能够映射到雷达图上的三维物体 */
+export interface FloorplanExtraObject3D {
+    id: string;
+    position: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    icon?: {
+        url: string;
+        width: number;
+        height: number;
+    };
+}
+/** 添加到户型图上的额外物体 */
+export interface FloorplanExtraObject {
+    id: string;
+    icon: {
+        url: string;
+        width: number;
+        height: number;
+    };
+    floorIndex: number;
+    /** 入户门所在的位置「户型图坐标系」 */
+    position: FloorplanPosition;
+    /** 入户门在户型图上相对坐标 */
+    positionInImage: FloorplanImagePosition;
+}

package/libs/src/floorplan/typings/floorplanData.js

@@ -0,0 +1,6 @@
+/**
+ * @file 对输入到户型图相关插件内的数据做 format 之后的数据
+ * 1. 数据的下划线到驼峰的转换
+ * 2. svg url 到 svg content 的处理
+ */
+export {};

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

@@ -0,0 +1,144 @@
+/** 房屋数据映射表 */
+export declare const ROOM_FETILE_TYPE_MAP: ({
+    type: number;
+    floorType: number;
+    roomType: string;
+    name: string;
+    onlySubArea?: undefined;
+} | {
+    type: number;
+    floorType: number;
+    roomType: string;
+    name: string;
+    onlySubArea: boolean;
+})[];
+/** 地板信息映射表 */
+export declare const FLOOR_TYPE_MAP: {
+    type: number;
+    description: string;
+}[];
+/** 房屋类型映射表 */
+export declare const ROOM_TYPE_MAP: {
+    roomType: string;
+    description: string;
+}[];
+/** 户型图坐标，坐标原点时户型图中心点，单位是户型图单位 */
+export interface FloorplanServerPosition {
+    x: number;
+    y: number;
+}
+/** 户型图图片坐标，坐标原点是图片左上角，取值范围是 [0, 1]，表示距离左上角的相对距离 */
+export interface FloorplanServerImagePosition {
+    x: number;
+    y: number;
+}
+/** 户型图线框图 */
+export interface FloorplanServerOutlineItem {
+    url: string;
+    index: number;
+    checksum?: string;
+    svg_url?: string;
+}
+/** 户型图入户门 */
+export interface FloorplanServerEntrance {
+    /** 入户门角度 */
+    rad: number;
+    /** 入户门所在的位置「户型图坐标系」 */
+    position: FloorplanServerPosition;
+    /** 入户门在户型图上相对坐标 */
+    position_in_image: FloorplanServerImagePosition;
+    /** 入户门与北的朝向 */
+    north_rad: number;
+    /** 入户门所在房间 ID */
+    room_id: string;
+    /** 入户门所楼层 */
+    floor_index: number;
+}
+/** 户型图 FloorplanServerBounding
+ * @description 坐标都是户型图坐标
+ */
+export interface FloorplanServerBounding {
+    /** 户型图在 X 和 Y 轴上的最大值 */
+    max: FloorplanServerPosition;
+    /** 户型图在 X 和 Y 轴上的最小值 */
+    min: FloorplanServerPosition;
+    /** 户型图的中心位置 */
+    origin: FloorplanServerPosition;
+}
+/** 户型图房屋标签 */
+export interface FloorplanServerRoomLabelItem {
+    /** 房间的中心点坐标 */
+    position: FloorplanServerPosition;
+    /** 房间的中心在户型图上的相对位置 */
+    position_in_image: FloorplanServerImagePosition;
+}
+/** 户型图房间数据 */
+export interface FloorplanServerRoomItem {
+    id: string;
+    /** 房间面积
+     * @description 单位是平方毫米
+     */
+    size: number;
+    /** 房屋类型
+     * @description 对应关系参考上方 ROOM_DETAILS_TYPE_MAP
+     */
+    type: number;
+    name: string;
+    /** 围成房间区域的坐标路径
+     * @description 坐标类型是户型图坐标
+     */
+    path: FloorplanServerPosition[];
+    /** 房屋类型
+     * @description 对应关系参考上方 ROOM_TYPE_MAP
+     */
+    room_type: string;
+    /** 地板类型
+     * @description 对应关系参考上方 FLOOR_TYPE_MAP
+     */
+    floor_type: number;
+    room_label: FloorplanServerRoomLabelItem;
+    /** 当前房间里的 observer 索引 */
+    observer_indexs: number[];
+}
+export declare type FloorplanServerRuleLabels = Record<'top' | 'right' | 'bottom' | 'left', FloorplanServerPosition[][]>;
+/** 当前楼层的数据 */
+export interface FloorplanServerFloorData {
+    floor_name: string;
+    floor_index: number;
+    rooms: FloorplanServerRoomItem[];
+    rules: FloorplanServerRuleLabels;
+}
+/** 对 observer 做一些样式上的计算
+ * @description 每一个 FloorplanServer_observer 对应一个 observer
+ * @description FloorplanServer_observer 和 observer 在自身数组中的索引坐标应该是相同的
+ */
+export interface FloorplanServerObserver {
+    index: number;
+    floor_index: number;
+    position: FloorplanServerPosition;
+    position_in_image: FloorplanServerImagePosition;
+}
+export interface FloorplanServerDoorPosition {
+    x: number;
+    y: number;
+    z: number;
+}
+export interface FloorplanServerDoorItem {
+    id: string;
+    localName: string;
+    name: string;
+    position: FloorplanServerDoorPosition;
+    rad: number;
+}
+export interface FloorplanServerComputedData {
+    floor_datas: FloorplanServerFloorData[];
+    entrance: FloorplanServerEntrance | null;
+    bounding: FloorplanServerBounding;
+    observers: FloorplanServerObserver[];
+    doors: FloorplanServerDoorItem[];
+}
+/** 原始输入的户型图数据 */
+export interface FloorplanServerData {
+    outlines: FloorplanServerOutlineItem[];
+    computed_data: FloorplanServerComputedData;
+}

package/libs/src/floorplan/typings/floorplanServerData.js

@@ -0,0 +1,101 @@
+/** 房屋数据映射表 */
+export const ROOM_FETILE_TYPE_MAP = [
+    { type: 0, floorType: 1, roomType: '100900000012', name: '其他' },
+    { type: 1, floorType: 1, roomType: '100900000002', name: '客厅' },
+    { type: 2, floorType: 1, roomType: '100900000002', name: '餐厅' },
+    { type: 3, floorType: 0, roomType: '100900000001', name: '卧室' },
+    { type: 4, floorType: 0, roomType: '100900000001', name: '书房' },
+    { type: 5, floorType: 3, roomType: '100900000004', name: '卫生间' },
+    { type: 6, floorType: 3, roomType: '100900000004', name: '淋浴间' },
+    { type: 7, floorType: 3, roomType: '100900000004', name: '洗手间' },
+    { type: 8, floorType: 3, roomType: '100900000003', name: '厨房' },
+    {
+        type: 9,
+        floorType: 1,
+        roomType: '100900000003',
+        name: '开放厨房',
+        onlySubArea: true,
+    },
+    { type: 10, floorType: 0, roomType: '100900000001', name: '多功能间' },
+    { type: 11, floorType: 0, roomType: '100900000009', name: '保姆间' },
+    { type: 12, floorType: 4, roomType: '100900000005', name: '阳台' },
+    { type: 13, floorType: 4, roomType: '100900000006', name: '露台' },
+    { type: 14, floorType: 0, roomType: '100900000008', name: '储物间' },
+    { type: 15, floorType: 0, roomType: '100900000013', name: '衣帽间' },
+    { type: 16, floorType: 0, roomType: '100900000011', name: '阁楼' },
+    { type: 17, floorType: 2, roomType: '100900000007', name: '花园' },
+    { type: 18, floorType: 5, roomType: '100900000010', name: '车库' },
+    { type: 19, floorType: 1, roomType: '100900000012', name: '电梯' },
+    { type: 20, floorType: 1, roomType: '100900000012', name: '地下室' },
+    { type: 21, floorType: 1, roomType: '100900000012', name: '天井' },
+    { type: 22, floorType: 1, roomType: '100900000012', name: '阳光房' },
+    { type: 23, floorType: 1, roomType: '100900000012', name: '过道' },
+    { type: 24, floorType: 1, roomType: '100900000012', name: '楼梯间' },
+    { type: 25, floorType: 1, roomType: '100900000012', name: '门厅' },
+    { type: 26, floorType: 2, roomType: '100900000012', name: '入户花园' },
+    { type: 27, floorType: 1, roomType: '100900000012', name: '玄关' },
+    { type: 28, floorType: 1, roomType: '100900000012', name: '挑空' },
+    { type: 29, floorType: 4, roomType: '100900000012', name: '晾晒区' },
+    { type: 30, floorType: 4, roomType: '100900000012', name: '洗衣房' },
+    { type: 31, floorType: 0, roomType: '100900000012', name: '娱乐区' },
+    { type: 32, floorType: 0, roomType: '100900000012', name: '健身区' },
+    { type: 33, floorType: 0, roomType: '100900000012', name: '接待区' },
+    { type: 34, floorType: 0, roomType: '100900000012', name: '影音区' },
+    { type: 35, floorType: 1, roomType: '100900000012', name: '餐饮区' },
+    {
+        type: 36,
+        floorType: 1,
+        roomType: '100900000012',
+        name: '其他',
+        onlySubArea: true,
+    },
+    { type: 37, floorType: 1, roomType: '100900000002', name: '起居室' },
+    { type: 38, floorType: 0, roomType: '100900000001', name: '主卧' },
+    { type: 39, floorType: 0, roomType: '100900000001', name: '次卧' },
+    { type: 40, floorType: 0, roomType: '100900000001', name: '优化间' },
+    { type: 41, floorType: 0, roomType: '100900000001', name: '办公室' },
+    { type: 42, floorType: 0, roomType: '100900000001', name: '会议室' },
+    { type: 43, floorType: 0, roomType: '100900000001', name: '洽谈间' },
+    { type: 44, floorType: 1, roomType: '100900000002', name: '共享大厅' },
+    { type: 45, floorType: 1, roomType: '100900000012', name: '水吧' },
+    { type: 46, floorType: 0, roomType: '100900000015', name: '出入口' },
+    { type: 47, floorType: 0, roomType: '100900000015', name: '大厅' },
+    { type: 48, floorType: 0, roomType: '100900000015', name: '包厢' },
+    { type: 49, floorType: 0, roomType: '100900000015', name: '其他' },
+    { type: 50, floorType: 0, roomType: '100900000016', name: '出入口' },
+    { type: 51, floorType: 0, roomType: '100900000016', name: '办公区' },
+    { type: 52, floorType: 0, roomType: '100900000016', name: '老板间' },
+    { type: 53, floorType: 0, roomType: '100900000016', name: '会议室' },
+    { type: 54, floorType: 0, roomType: '100900000016', name: '休息区/水吧' },
+    { type: 55, floorType: 0, roomType: '100900000016', name: '其他' },
+    { type: 56, floorType: 2, roomType: '100900000012', name: '空中花园' },
+    { type: 57, floorType: 0, roomType: '100900000001', name: '洋室' },
+    { type: 58, floorType: 0, roomType: '100900000001', name: '和室' },
+];
+/** 地板信息映射表 */
+export const FLOOR_TYPE_MAP = [
+    { type: 0, description: '木质地板' },
+    { type: 1, description: '瓷砖地面' },
+    { type: 2, description: '户外地面' },
+    { type: 3, description: '卫生间地面' },
+    { type: 4, description: '阳台地面' },
+    { type: 5, description: '车库地面' },
+];
+/** 房屋类型映射表 */
+export const ROOM_TYPE_MAP = [
+    { roomType: '100900000001', description: '室' },
+    { roomType: '100900000002', description: '厅' },
+    { roomType: '100900000003', description: '厨' },
+    { roomType: '100900000004', description: '卫' },
+    { roomType: '100900000005', description: '阳台' },
+    { roomType: '100900000006', description: '露台' },
+    { roomType: '100900000007', description: '花园' },
+    { roomType: '100900000008', description: '储' },
+    { roomType: '100900000009', description: '保姆间' },
+    { roomType: '100900000010', description: '车库' },
+    { roomType: '100900000011', description: '阁楼' },
+    { roomType: '100900000012', description: '其他' },
+    { roomType: '100900000013', description: '衣' },
+    { roomType: '100900000015', description: '商铺' },
+    { roomType: '100900000016', description: '写字楼' },
+];

package/libs/src/floorplan/typings/utility.d.ts

@@ -0,0 +1,2 @@
+export declare type RecordKeys<T> = T extends Record<infer P, any> ? P : any;
+export declare type RecordValue<T> = T extends Record<any, infer P> ? P : any;

package/libs/src/floorplan/typings/utility.js

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

package/libs/src/floorplan/utils/constant.d.ts

@@ -0,0 +1,22 @@
+export declare const enum FloorplanErrorType {
+    /** 意料之外的错误 */
+    UnknownError = "UnknownError",
+    /** 数据未加载 */
+    DataNotLoaded = "DataNotLoaded",
+    /** 展示过程被隐藏打断 */
+    BreakOffByHide = "BreakOffByHide",
+    /** 展示过程中插件被禁用 */
+    BreakOffByDisable = "BreakOffByDisable",
+    /** 模型未加载完成 */
+    ModelNotLoaded = "ModelNotLoaded",
+    /** Five changeMode 行为不符合预期 */
+    ChangeModeError = "ChangeModeError",
+    /** Five updateCamera 行为不符合预期 */
+    UpdateCameraError = "UpdateCameraError"
+}
+/** 户型图展示 & 模型消失的默认时间 */
+export declare const SHOW_ANIME_DURATION = 500;
+/** Five camera 默认 fov */
+export declare const FIVE_CAMERA_DEFAULT_FOV = 80;
+/** 展示户型图时，默认模型的透明度 */
+export declare const DEFAULT_SHOW_MODEL_OPACITY = 0.01;

package/libs/src/floorplan/utils/constant.js

@@ -0,0 +1,23 @@
+export var FloorplanErrorType;
+(function (FloorplanErrorType) {
+    /** 意料之外的错误 */
+    FloorplanErrorType["UnknownError"] = "UnknownError";
+    /** 数据未加载 */
+    FloorplanErrorType["DataNotLoaded"] = "DataNotLoaded";
+    /** 展示过程被隐藏打断 */
+    FloorplanErrorType["BreakOffByHide"] = "BreakOffByHide";
+    /** 展示过程中插件被禁用 */
+    FloorplanErrorType["BreakOffByDisable"] = "BreakOffByDisable";
+    /** 模型未加载完成 */
+    FloorplanErrorType["ModelNotLoaded"] = "ModelNotLoaded";
+    /** Five changeMode 行为不符合预期 */
+    FloorplanErrorType["ChangeModeError"] = "ChangeModeError";
+    /** Five updateCamera 行为不符合预期 */
+    FloorplanErrorType["UpdateCameraError"] = "UpdateCameraError";
+})(FloorplanErrorType || (FloorplanErrorType = {}));
+/** 户型图展示 & 模型消失的默认时间 */
+export const SHOW_ANIME_DURATION = 500;
+/** Five camera 默认 fov */
+export const FIVE_CAMERA_DEFAULT_FOV = 80;
+/** 展示户型图时，默认模型的透明度 */
+export const DEFAULT_SHOW_MODEL_OPACITY = 0.01;

package/libs/src/floorplan/utils/correctFiveState.d.ts

@@ -0,0 +1,15 @@
+import type { Five, Mode } from '@realsee/five';
+export interface ShowState {
+    latitude: number;
+    longitude: number;
+    fov: number;
+    mode: Mode;
+}
+/** 判断当前状态是否可以展示户型图 */
+export declare function checkShowState(five: Five, showState: ShowState): boolean;
+/** 更改 Five 状态到展示户型图的状态
+ * 1. 判断状态不符合时，会纠正到正确的状态
+ * 2. 内置了相应的动画时间计算
+ * 3. 纠正成功会返回 true，失败「可能会被用户行为中断」会返回 false
+ */
+export default function correctFiveState(five: Five, showState: ShowState, userAction?: boolean): Promise<void>;

package/libs/src/floorplan/utils/correctFiveState.js

@@ -0,0 +1,46 @@
+import to from '../../shared-utils/to';
+import { FloorplanErrorType } from '../utils/constant';
+import nearlyEqual from '../../shared-utils/nearlyEqual';
+import changeMode from '../../shared-utils/five/changeMode';
+/** 判断当前状态是否可以展示户型图 */
+export function checkShowState(five, showState) {
+    if (five.currentMode !== showState.mode)
+        return false;
+    const { latitude, longitude, fov } = showState;
+    const { latitude: _latitude, longitude: _longitude } = five.getCurrentState();
+    const _fov = five.camera.fov;
+    if (!nearlyEqual(latitude, _latitude, 2))
+        return false;
+    if (!nearlyEqual(longitude, _longitude, 2))
+        return false;
+    if (fov !== _fov)
+        return false;
+    return true;
+}
+/** 更改 Five 状态到展示户型图的状态
+ * 1. 判断状态不符合时，会纠正到正确的状态
+ * 2. 内置了相应的动画时间计算
+ * 3. 纠正成功会返回 true，失败「可能会被用户行为中断」会返回 false
+ */
+export default async function correctFiveState(five, showState, userAction = true) {
+    // 当前已满足状态，不需要变更
+    const result = checkShowState(five, showState);
+    if (result === true)
+        return;
+    const currentFiveState = five.getCurrentState();
+    // 纠正 mode
+    if (currentFiveState.mode !== showState.mode) {
+        const [changeModeError] = await to(changeMode(five, [showState.mode, showState, undefined, userAction]));
+        if (changeModeError)
+            throw new Error(FloorplanErrorType.ChangeModeError);
+        return;
+    }
+    // 纠正相机状态
+    // 根据 latitude、longitude、fov 计算动画时间，最多 1s
+    const { latitude, longitude, fov } = currentFiveState;
+    const time = Math.min(1000, Math.max(200, Math.abs(latitude - Math.PI / 2) * 1000, (longitude > Math.PI ? 2 * Math.PI - longitude : longitude) * 500, Math.abs(fov - showState.fov) * 10));
+    const [updateCameraError] = await to(five.updateCamera(showState, time, userAction));
+    if (updateCameraError)
+        throw new Error(FloorplanErrorType.UpdateCameraError);
+    return;
+}

package/libs/src/floorplan/utils/formatData.d.ts

@@ -0,0 +1,5 @@
+import type { Five } from '@realsee/five';
+import type { FloorplanData, FloorplanExtraObject, FloorplanExtraObject3D } from '../typings/floorplanData';
+import type { FloorplanServerData } from '../typings/floorplanServerData';
+export default function formatData(data: FloorplanServerData): Promise<FloorplanData>;
+export declare function formatExtraObjects(data: FloorplanExtraObject3D[], five: Five, floorplanData: FloorplanData): FloorplanExtraObject[];

package/libs/src/floorplan/utils/formatData.js

@@ -0,0 +1,94 @@
+import { FLOORPLAN_EXTRA_OBJECT_IMAGE } from '../Assets/floorplanExtraObject';
+import { floorplanPosition2ImagePosition, getFloorIndexFromModelPosition, modelPosition2FloorplanPosition, } from './formatPosition';
+async function formatOutlines(outlines) {
+    const headers = new Headers({ 'Content-Type': 'text/plain' });
+    const getOutlineItem = async function (item) {
+        const outlineItem = {
+            index: item.index,
+            url: item.url,
+            svgUrl: item.svg_url,
+        };
+        if (item.svg_url) {
+            const svgContent = await fetch(item.svg_url, { headers }).then((res) => res.text());
+            outlineItem.svgContent = svgContent;
+        }
+        return outlineItem;
+    };
+    const svgOutlineItems = await Promise.all(outlines.map(getOutlineItem));
+    return svgOutlineItems;
+}
+function formatRoom(data) {
+    const floorplanRoomItem = {
+        id: data.id,
+        size: data.size,
+        name: data.name,
+        path: data.path,
+        roomType: data.room_type,
+        floorType: data.floor_type,
+        roomLabel: {
+            position: data.room_label.position,
+            positionInImage: data.room_label.position_in_image,
+        },
+        observerIndexs: data.observer_indexs,
+    };
+    return floorplanRoomItem;
+}
+function formatFloorData(_data) {
+    return {
+        floorName: _data.floor_name,
+        floorIndex: _data.floor_index,
+        rooms: _data.rooms.map(formatRoom),
+        rules: _data.rules,
+    };
+}
+function formateFloorplanObserver(data) {
+    const floorplanObserver = {
+        index: data.index,
+        floorIndex: data.floor_index,
+        position: data.position,
+        positionInImage: data.position_in_image,
+    };
+    return floorplanObserver;
+}
+function formatFloorplanEntrance(data) {
+    const floorplanEntrance = {
+        rad: data.rad,
+        position: data.position,
+        positionInImage: data.position_in_image,
+        northRad: data.north_rad,
+        roomId: data.room_id,
+        floorIndex: data.floor_index,
+    };
+    return floorplanEntrance;
+}
+export default async function formatData(data) {
+    const outlines = await formatOutlines(data.outlines);
+    const bounding = data.computed_data.bounding;
+    const floorDatas = data.computed_data.floor_datas.map(formatFloorData);
+    const entrance = data.computed_data.entrance ? formatFloorplanEntrance(data.computed_data.entrance) : null;
+    const floorplanData = {
+        outlines,
+        entrance,
+        bounding,
+        floorDatas,
+        observers: data.computed_data.observers.map(formateFloorplanObserver),
+    };
+    return floorplanData;
+}
+export function formatExtraObjects(data, five, floorplanData) {
+    const extraObjects = data.map((object) => {
+        const position = object.position;
+        const icon = object.icon
+            ? object.icon
+            : {
+                url: FLOORPLAN_EXTRA_OBJECT_IMAGE,
+                width: 45,
+                height: 48,
+            };
+        const floorIndex = getFloorIndexFromModelPosition(position, five);
+        const floorplanPosition = modelPosition2FloorplanPosition(position, floorplanData);
+        const floorplanImagePosition = floorplanPosition2ImagePosition(floorplanPosition, floorplanData);
+        return { floorIndex, icon, id: object.id, position: floorplanPosition, positionInImage: floorplanImagePosition };
+    });
+    return extraObjects;
+}

package/libs/src/floorplan/utils/formatPosition.d.ts

@@ -0,0 +1,36 @@
+import type { Five } from '@realsee/five';
+import type { Vector2Position } from '../../typings/math.type';
+import type { FloorplanData, FloorplanBounding } from '../typings/floorplanData';
+export declare function pathD(points: Vector2Position[], options?: {
+    needZ?: boolean;
+    needA?: Record<number, string>;
+    format?: (vector: Vector2Position) => Vector2Position;
+}): string;
+/** 把户型图上点点位转换到 SVG 上的点位 */
+export default function formatFloorplanPoint({ x, y }: Vector2Position, bounding: FloorplanBounding): {
+    x: number;
+    y: number;
+};
+/** 模型坐标转户型图坐标 */
+export declare function modelPosition2FloorplanPosition(position: {
+    x: number;
+    y: number;
+    z: number;
+}, floorplanData: FloorplanData): {
+    x: number;
+    y: number;
+};
+/** 户型图点位转在图片上的相对坐标 */
+export declare function floorplanPosition2ImagePosition(position: {
+    x: number;
+    y: number;
+}, floorplanData: FloorplanData): {
+    x: number;
+    y: number;
+};
+/** 求三维坐标点所在的楼层 */
+export declare function getFloorIndexFromModelPosition(position: {
+    x: number;
+    y: number;
+    z: number;
+}, five: Five): number;