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

package/dist/index.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var react = require('@realsee/five/react');
 var THREE = require('three');
 var CSS3DRenderer = require('three/examples/jsm/renderers/CSS3DRenderer');
 var line = require('@realsee/five/line');
@@ -40,6 +41,14 @@ var TWEEN__namespace = /*#__PURE__*/_interopNamespace(TWEEN);
 var TWEEN__default = /*#__PURE__*/_interopDefaultLegacy(TWEEN);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
+function useFivePlugin(name) {
+    const five = react.unsafe__useFiveInstance();
+    const plugin = five.plugins[name];
+    if (!plugin)
+        throw new Error(`can not find plugin "${name}"`);
+    return plugin;
+}
+
 /**
  * Five 模型插件
  * @template ExportType 导出方法
@@ -1010,6 +1019,10 @@ class ModelRoomLabelController {
 const ModelRoomLabelPlugin = (five) => {
     return new ModelRoomLabelController(five);
 };
+const modelRoomLabelPluginServerParams = {
+    name: 'ModelRoomLabelPlugin',
+    version: 0,
+};
 
 exports.FLOOR_PLAN_ATTACHED_TO = void 0;
 (function (FLOOR_PLAN_ATTACHED_TO) {
@@ -6352,6 +6365,108 @@ const ModelFloorplanPlugin = (five, params) => {
     return new ModelFloorplanPluginController(five, params);
 };
 
+/** 房屋数据映射表 */
+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: '和室' },
+];
+/** 地板信息映射表 */
+const FLOOR_TYPE_MAP = [
+    { type: 0, description: '木质地板' },
+    { type: 1, description: '瓷砖地面' },
+    { type: 2, description: '户外地面' },
+    { type: 3, description: '卫生间地面' },
+    { type: 4, description: '阳台地面' },
+    { type: 5, description: '车库地面' },
+];
+/** 房屋类型映射表 */
+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: '写字楼' },
+];
+
 const genRotationMatrix = (x, y, z) => {
     const matrix = new THREE__namespace.Matrix4();
     const euler = new THREE__namespace.Euler(x, y, z, 'YXZ');
@@ -6698,20 +6813,20 @@ function tweenProgress$1(duration, easing) {
 /**
  * 运镜效果
  */
-var CameraMovementEffect;
+exports.CameraMovementEffect = void 0;
 (function (CameraMovementEffect) {
     CameraMovementEffect["Move"] = "Move";
     CameraMovementEffect["Rotate"] = "Rotate";
-})(CameraMovementEffect || (CameraMovementEffect = {}));
+})(exports.CameraMovementEffect || (exports.CameraMovementEffect = {}));
 /**
  * 旋转类型
  */
-var Rotation;
+exports.Rotation = void 0;
 (function (Rotation) {
     Rotation["Clockwise"] = "Clockwise";
     Rotation["Anticlockwise"] = "Anticlockwise";
     Rotation["Loop"] = "Loop";
-})(Rotation || (Rotation = {}));
+})(exports.Rotation || (exports.Rotation = {}));
 
 const PI_2 = Math.PI * 2;
 /**
@@ -6742,18 +6857,18 @@ const getLongitudeParams = (from, to, rotation) => {
     from = formatLongitude(from);
     to = formatLongitude(to);
     // 逆时针旋转，初始值必须是较大的值
-    if (rotation === Rotation.Anticlockwise && from < to)
+    if (rotation === exports.Rotation.Anticlockwise && from < to)
         from += PI_2;
     // 顺时针旋转，结束值必须是较大值
-    if (rotation === Rotation.Clockwise && to < from)
+    if (rotation === exports.Rotation.Clockwise && to < from)
         to += PI_2;
     // Loop 旋转，找锐角旋转
     // 如果 to 比 from 大 180°，逆时针转
     // 如果 from 比 to 大 180°，顺时针转
-    if (rotation === Rotation.Loop && to - from > PI)
-        return getLongitudeParams(from, to, Rotation.Anticlockwise);
-    if (rotation === Rotation.Loop && from - to > PI)
-        return getLongitudeParams(from, to, Rotation.Clockwise);
+    if (rotation === exports.Rotation.Loop && to - from > PI)
+        return getLongitudeParams(from, to, exports.Rotation.Anticlockwise);
+    if (rotation === exports.Rotation.Loop && from - to > PI)
+        return getLongitudeParams(from, to, exports.Rotation.Clockwise);
     return { from, to };
 };
 /**
@@ -6803,7 +6918,7 @@ const CameraMovementPlugin = (five$1) => {
         const fromLatitude = formatLatitude(currentFiveState.latitude);
         const toLatitude = formatLatitude(args.latitude);
         // longitude
-        const { from: fromLongitude, to: toLongitude } = getLongitudeParams(currentFiveState.longitude, args.longitude, args.rotation || Rotation.Loop);
+        const { from: fromLongitude, to: toLongitude } = getLongitudeParams(currentFiveState.longitude, args.longitude, args.rotation || exports.Rotation.Loop);
         // fov
         const fromFov = currentFiveState.fov;
         const toFov = args.fov;
@@ -6861,7 +6976,7 @@ const CameraMovementPlugin = (five$1) => {
                 .onUpdate(onUpdate)
                 .onComplete(onComplete)
                 .onDestroy(onDestroy);
-            if (args.rotation === Rotation.Loop) {
+            if (args.rotation === exports.Rotation.Loop) {
                 tween.repeat(Infinity).yoyo(true);
             }
             /**
@@ -7832,6 +7947,11 @@ class PanoCompassController {
     }
 }
 
+const panoCompassPluginServerParams = {
+    name: 'PanoCompassPlugin',
+    version: 0,
+};
+
 /** 交换数组元素 */
 function exchange(array, index1, index2) {
     const value = array[index1];
@@ -14121,7 +14241,9 @@ const PanoSpatialTagPlugin = (five$1, params) => {
             }))
                 continue;
             const raycaster = new THREE__namespace.Raycaster(camera.position.clone().setY(RAY_ORIGIN_Y), point.position.clone().sub(camera.position.clone().setY(RAY_ORIGIN_Y)).normalize(), 0, point.distance + RAY_TOLERANT_DISTANCE);
-            const [intersect] = five$1.model.intersectRaycaster(raycaster);
+            const [intersect] = five$1.model.bvhs.loaded ?
+                five$1.model.intersectRaycaster(raycaster) :
+                raycaster.intersectObjects(five$1.model.children, true);
             if (!intersect)
                 continue;
             if (point.distance - intersect.distance < RAY_TOLERANT_DISTANCE) {
@@ -14162,10 +14284,10 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         return newTags;
     };
     /** 标签数据加载
-    * @param data.points {Array} 标签数据
-    * @param data.enabled {Boolean} 插件是否启用
-    * @param data.folded {Boolean} 标签是否默认展开
-    */
+     * @param data.points {Array} 标签数据
+     * @param data.enabled {Boolean} 插件是否启用
+     * @param data.folded {Boolean} 标签是否默认展开
+     */
     const load = (data) => {
         state.points = data.points.map(point => {
             var _a, _b;
@@ -14189,16 +14311,16 @@ const PanoSpatialTagPlugin = (five$1, params) => {
             state.folded = data.folded;
     };
     /** 标签启用
-    * 启用插件并重新计算展示标签
-    */
+     * 启用插件并重新计算展示标签
+     */
     const enable = () => {
         state.enabled = true;
         updateTags();
     };
     /** 插件禁用
-    * 1. 禁用同时会清除已展示的标签
-    * 2. 再次启用时会重新计算展示标签
-    */
+     * 1. 禁用同时会清除已展示的标签
+     * 2. 再次启用时会重新计算展示标签
+     */
     const disable = () => {
         state.enabled = false;
         origins.$set({ origins: [] });
@@ -14210,9 +14332,9 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         state.tags = [];
     };
     /** 展开所有标签
-    * 1. 展开所有收起的标签
-    * 2. 新标签会默认展开
-    */
+     * 1. 展开所有收起的标签
+     * 2. 新标签会默认展开
+     */
     const unfoldAll = () => {
         state.folded = false;
         state.tags.forEach(tag => {
@@ -14220,9 +14342,9 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         });
     };
     /** 收起所有标签
-    * 1. 收起所有展开的标签
-    * 2. 新标签会默认收起
-    */
+     * 1. 收起所有展开的标签
+     * 2. 新标签会默认收起
+     */
     const foldAll = () => {
         state.folded = true;
         state.tags.forEach(tag => {
@@ -14230,8 +14352,8 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         });
     };
     /** 展开单个标签
-    * @param id {Number | String} 标签ID
-    */
+     * @param id {Number | String} 标签ID
+     */
     const unfold = (id) => {
         state.tags.forEach(tag => {
             if (tag.id === id)
@@ -14239,8 +14361,8 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         });
     };
     /** 收起单个标签
-    * @param id {Number | String} 标签ID
-    */
+     * @param id {Number | String} 标签ID
+     */
     const fold = (id) => {
         state.tags.forEach(tag => {
             if (tag.id === id)
@@ -14274,7 +14396,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         five$1.on('cameraUpdate', onCameraUpdate);
     }
     else {
-        five$1.once('modelBvhLoaded', () => {
+        five$1.once('modelLoaded', () => {
             if (!wrapper)
                 wrapper = five$1.getElement().parentElement;
             wrapper.appendChild(container);
@@ -14300,13 +14422,13 @@ const PanoSpatialTagPlugin = (five$1, params) => {
     };
 };
 
-var DISPLAY_STRATEGY_TYPE;
+exports.DISPLAY_STRATEGY_TYPE = void 0;
 (function (DISPLAY_STRATEGY_TYPE) {
     DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
     DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
     DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
     DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
-})(DISPLAY_STRATEGY_TYPE || (DISPLAY_STRATEGY_TYPE = {}));
+})(exports.DISPLAY_STRATEGY_TYPE || (exports.DISPLAY_STRATEGY_TYPE = {}));
 
 /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.47.0 */
 
@@ -14647,13 +14769,13 @@ function instance($$self, $$props, $$invalidate) {
 
 	function getStrokeLength(itemSpaceHeight, type) {
 		switch (type) {
-			case DISPLAY_STRATEGY_TYPE.SMALL:
+			case exports.DISPLAY_STRATEGY_TYPE.SMALL:
 				return Math.ceil(-27.78 * itemSpaceHeight + 85);
-			case DISPLAY_STRATEGY_TYPE.MIDLLE:
+			case exports.DISPLAY_STRATEGY_TYPE.MIDLLE:
 				return Math.ceil(-38.9 * itemSpaceHeight + 130);
-			case DISPLAY_STRATEGY_TYPE.LARGE:
+			case exports.DISPLAY_STRATEGY_TYPE.LARGE:
 				return Math.ceil(-44.44 * itemSpaceHeight + 140);
-			case DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
+			case exports.DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
 				return Math.ceil(-92.59 * itemSpaceHeight + 300);
 		}
 	}
@@ -14829,7 +14951,7 @@ const ModelItemLabelPlugin = (five$1, params) => {
         app: undefined,
         hooks: new five.Subscribe(),
         modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
-        displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : DISPLAY_STRATEGY_TYPE.SMALL,
+        displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : exports.DISPLAY_STRATEGY_TYPE.SMALL,
     };
     pluginState.container.setAttribute('class', 'model-item-label-plugin-container');
     pluginState.container.style.cssText = `
@@ -14933,13 +15055,18 @@ const ModelItemLabelPlugin = (five$1, params) => {
     };
 };
 
-var DIRECTION;
+const modelItemLabelPluginServerParams = {
+    name: 'ModelItemLabelPlugin',
+    version: 0,
+};
+
+exports.DIRECTION = void 0;
 (function (DIRECTION) {
     DIRECTION["TOP_LEFT"] = "topLeft";
     DIRECTION["TOP_RIGHT"] = "topRight";
     DIRECTION["BOTTOM_LEFT"] = "bottomLeft";
     DIRECTION["BOTTOM_RIGHT"] = "bottomRight";
-})(DIRECTION || (DIRECTION = {}));
+})(exports.DIRECTION || (exports.DIRECTION = {}));
 
 function parseModelTVVideoPoints(points) {
     if (points.length === 0)
@@ -14948,7 +15075,7 @@ function parseModelTVVideoPoints(points) {
         return points;
     let newPoints = [];
     points.map(point => {
-        const newPoint = [point[DIRECTION.TOP_LEFT], point[DIRECTION.BOTTOM_LEFT], point[DIRECTION.BOTTOM_RIGHT], point[DIRECTION.TOP_RIGHT]];
+        const newPoint = [point[exports.DIRECTION.TOP_LEFT], point[exports.DIRECTION.BOTTOM_LEFT], point[exports.DIRECTION.BOTTOM_RIGHT], point[exports.DIRECTION.TOP_RIGHT]];
         newPoints.push(newPoint);
     });
     return newPoints;
@@ -15208,6 +15335,7 @@ const ModelTVVideoPlugin = (five, { videoElement }) => {
 
 exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
 exports.CameraMovementPlugin = CameraMovementPlugin;
+exports.FLOOR_TYPE_MAP = FLOOR_TYPE_MAP;
 exports.ModelChassisCompassPlugin = ModelChassisCompassPlugin;
 exports.ModelEntryDoorGuidePlugin = ModelEntryDoorGuidePlugin;
 exports.ModelFloorplanPlugin = ModelFloorplanPlugin;
@@ -15221,4 +15349,10 @@ exports.PanoFloorplanRadarPlugin = PanoFloorplanRadarPlugin;
 exports.PanoMeasurePlugin = PanoMeasurePlugin;
 exports.PanoRulerPlugin = PanoRulerPlugin;
 exports.PanoSpatialTagPlugin = PanoSpatialTagPlugin;
+exports.ROOM_FETILE_TYPE_MAP = ROOM_FETILE_TYPE_MAP;
+exports.ROOM_TYPE_MAP = ROOM_TYPE_MAP;
 exports.TopviewFloorplanPlugin = TopviewFloorplanPlugin;
+exports.modelItemLabelPluginServerParams = modelItemLabelPluginServerParams;
+exports.modelRoomLabelPluginServerParams = modelRoomLabelPluginServerParams;
+exports.panoCompassPluginServerParams = panoCompassPluginServerParams;
+exports.useFivePlugin = useFivePlugin;