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

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@realsee/five/line'), require('svelte/internal'), require('svelte'), require('svelte/easing'), require('svelte/transition'), require('@realsee/five'), require('three/examples/jsm/loaders/FBXLoader'), require('@tweenjs/tween.js'), require('svelte/store'), require('classnames')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@realsee/five/line', 'svelte/internal', 'svelte', 'svelte/easing', 'svelte/transition', '@realsee/five', 'three/examples/jsm/loaders/FBXLoader', '@tweenjs/tween.js', 'svelte/store', 'classnames'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.dnalogel = {}, global.THREE, global.CSS3DRenderer, global.FiveSDK_Line, global.internal, global.svelte, global.easing, global.transition, global.five, global.FBXLoader, global.TWEEN, global.store, global.classNames));
-})(this, (function (exports, THREE, CSS3DRenderer, line, internal, svelte, easing, transition, five, FBXLoader, TWEEN, store, classNames) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@realsee/five/react'), require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@realsee/five/line'), require('svelte/internal'), require('svelte'), require('svelte/easing'), require('svelte/transition'), require('@realsee/five'), require('three/examples/jsm/loaders/FBXLoader'), require('@tweenjs/tween.js'), require('svelte/store'), require('classnames')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@realsee/five/react', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@realsee/five/line', 'svelte/internal', 'svelte', 'svelte/easing', 'svelte/transition', '@realsee/five', 'three/examples/jsm/loaders/FBXLoader', '@tweenjs/tween.js', 'svelte/store', 'classnames'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.dnalogel = {}, global.react, global.THREE, global.CSS3DRenderer, global.FiveSDK_Line, global.internal, global.svelte, global.easing, global.transition, global.five, global.FBXLoader, global.TWEEN, global.store, global.classNames));
+})(this, (function (exports, react, THREE, CSS3DRenderer, line, internal, svelte, easing, transition, five, FBXLoader, TWEEN, store, classNames) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,6 +29,14 @@
     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 导出方法
@@ -999,6 +1007,10 @@
     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) {
@@ -6341,6 +6353,108 @@
         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');
@@ -6687,20 +6801,20 @@
     /**
      * 运镜效果
      */
-    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;
     /**
@@ -6731,18 +6845,18 @@
         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 };
     };
     /**
@@ -6792,7 +6906,7 @@
             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;
@@ -6850,7 +6964,7 @@
                     .onUpdate(onUpdate)
                     .onComplete(onComplete)
                     .onDestroy(onDestroy);
-                if (args.rotation === Rotation.Loop) {
+                if (args.rotation === exports.Rotation.Loop) {
                     tween.repeat(Infinity).yoyo(true);
                 }
                 /**
@@ -7821,6 +7935,11 @@
         }
     }
 
+    const panoCompassPluginServerParams = {
+        name: 'PanoCompassPlugin',
+        version: 0,
+    };
+
     /** 交换数组元素 */
     function exchange(array, index1, index2) {
         const value = array[index1];
@@ -14110,7 +14229,9 @@
                 }))
                     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) {
@@ -14151,10 +14272,10 @@
             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;
@@ -14178,16 +14299,16 @@
                 state.folded = data.folded;
         };
         /** 标签启用
-        * 启用插件并重新计算展示标签
-        */
+         * 启用插件并重新计算展示标签
+         */
         const enable = () => {
             state.enabled = true;
             updateTags();
         };
         /** 插件禁用
-        * 1. 禁用同时会清除已展示的标签
-        * 2. 再次启用时会重新计算展示标签
-        */
+         * 1. 禁用同时会清除已展示的标签
+         * 2. 再次启用时会重新计算展示标签
+         */
         const disable = () => {
             state.enabled = false;
             origins.$set({ origins: [] });
@@ -14199,9 +14320,9 @@
             state.tags = [];
         };
         /** 展开所有标签
-        * 1. 展开所有收起的标签
-        * 2. 新标签会默认展开
-        */
+         * 1. 展开所有收起的标签
+         * 2. 新标签会默认展开
+         */
         const unfoldAll = () => {
             state.folded = false;
             state.tags.forEach(tag => {
@@ -14209,9 +14330,9 @@
             });
         };
         /** 收起所有标签
-        * 1. 收起所有展开的标签
-        * 2. 新标签会默认收起
-        */
+         * 1. 收起所有展开的标签
+         * 2. 新标签会默认收起
+         */
         const foldAll = () => {
             state.folded = true;
             state.tags.forEach(tag => {
@@ -14219,8 +14340,8 @@
             });
         };
         /** 展开单个标签
-        * @param id {Number | String} 标签ID
-        */
+         * @param id {Number | String} 标签ID
+         */
         const unfold = (id) => {
             state.tags.forEach(tag => {
                 if (tag.id === id)
@@ -14228,8 +14349,8 @@
             });
         };
         /** 收起单个标签
-        * @param id {Number | String} 标签ID
-        */
+         * @param id {Number | String} 标签ID
+         */
         const fold = (id) => {
             state.tags.forEach(tag => {
                 if (tag.id === id)
@@ -14263,7 +14384,7 @@
             five$1.on('cameraUpdate', onCameraUpdate);
         }
         else {
-            five$1.once('modelBvhLoaded', () => {
+            five$1.once('modelLoaded', () => {
                 if (!wrapper)
                     wrapper = five$1.getElement().parentElement;
                 wrapper.appendChild(container);
@@ -14289,13 +14410,13 @@
         };
     };
 
-    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 */
 
@@ -14636,13 +14757,13 @@
 
     	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);
     		}
     	}
@@ -14818,7 +14939,7 @@
             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 = `
@@ -14922,13 +15043,18 @@
         };
     };
 
-    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)
@@ -14937,7 +15063,7 @@
             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;
@@ -15197,6 +15323,7 @@
 
     exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
     exports.CameraMovementPlugin = CameraMovementPlugin;
+    exports.FLOOR_TYPE_MAP = FLOOR_TYPE_MAP;
     exports.ModelChassisCompassPlugin = ModelChassisCompassPlugin;
     exports.ModelEntryDoorGuidePlugin = ModelEntryDoorGuidePlugin;
     exports.ModelFloorplanPlugin = ModelFloorplanPlugin;
@@ -15210,7 +15337,13 @@
     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;
 
     Object.defineProperty(exports, '__esModule', { value: true });