@realsee/dnalogel 2.0.0-alpha.12 → 2.0.0-alpha.13

package/libs/PanoMeasurePlugin/Modules/UIController/index.js

@@ -3,12 +3,63 @@ import { uiWrapperStyle, operatingSpaceStyle, controllerBackgroundStyle, buttonG
 import { MainBtnController } from './MainBtnController';
 import Revoke from './Revoke';
 export class UIController {
-    revoke;
-    container;
-    mainController;
-    disposers = [];
-    measureController;
     constructor(measureController, params) {
+        Object.defineProperty(this, "revoke", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "mainController", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "disposers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "measureController", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "handleExit", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const exitIcon = this.container.querySelector('.fpm__exit-icon');
+                const exitItem = this.container.querySelector('.fpm__exit');
+                if (!exitItem || !exitIcon)
+                    throw new Error('cannot find dom');
+                Object.assign(exitItem.style, exitItemStyle);
+                Object.assign(exitIcon === null || exitIcon === void 0 ? void 0 : exitIcon.style, exitIconStyle);
+                const onMouseEnter = () => (exitItem.style.opacity = '1');
+                const onMouseLeave = () => (exitItem.style.opacity = '0.7');
+                const handleClick = () => {
+                    this.measureController.disable();
+                };
+                exitIcon.addEventListener('click', handleClick);
+                exitIcon.addEventListener('mouseenter', onMouseEnter);
+                exitIcon.addEventListener('mouseleave', onMouseLeave);
+                return () => {
+                    exitIcon.removeEventListener('click', handleClick);
+                    exitIcon.removeEventListener('mouseenter', onMouseEnter);
+                    exitIcon.removeEventListener('mouseleave', onMouseLeave);
+                };
+            }
+        });
         this.measureController = measureController;
         this.container = document.createElement('div');
         this.container.innerHTML = htmlString;
@@ -18,8 +69,8 @@ export class UIController {
         const UIItems = this.container.querySelectorAll('.fpm__ui-item');
         const bgDom = this.container.querySelector('.fpm_ui-bg');
         const operatingSpaceDom = this.container.querySelector('.fpm_operating-space');
-        Object.assign(bgDom?.style, controllerBackgroundStyle);
-        Object.assign(operatingSpaceDom?.style, operatingSpaceStyle);
+        Object.assign(bgDom === null || bgDom === void 0 ? void 0 : bgDom.style, controllerBackgroundStyle);
+        Object.assign(operatingSpaceDom === null || operatingSpaceDom === void 0 ? void 0 : operatingSpaceDom.style, operatingSpaceStyle);
         Object.assign(this.container.style, uiWrapperStyle);
         UIItems.forEach((item) => Object.assign(item.style, buttonGroupStyle));
         textDoms.forEach((item) => Object.assign(item.style, textStyle));
@@ -37,33 +88,13 @@ export class UIController {
         return this;
     }
     hide() {
+        var _a, _b;
         this.container.style.opacity = '0';
         this.container.style.transform = 'translate(0, 10px)';
-        this.revoke?.dispose();
-        this.mainController?.dispose();
+        (_a = this.revoke) === null || _a === void 0 ? void 0 : _a.dispose();
+        (_b = this.mainController) === null || _b === void 0 ? void 0 : _b.dispose();
         this.disposers.forEach((disposer) => disposer());
         this.disposers = [];
         return this;
     }
-    handleExit = () => {
-        const exitIcon = this.container.querySelector('.fpm__exit-icon');
-        const exitItem = this.container.querySelector('.fpm__exit');
-        if (!exitItem || !exitIcon)
-            throw new Error('cannot find dom');
-        Object.assign(exitItem.style, exitItemStyle);
-        Object.assign(exitIcon?.style, exitIconStyle);
-        const onMouseEnter = () => (exitItem.style.opacity = '1');
-        const onMouseLeave = () => (exitItem.style.opacity = '0.7');
-        const handleClick = () => {
-            this.measureController.disable();
-        };
-        exitIcon.addEventListener('click', handleClick);
-        exitIcon.addEventListener('mouseenter', onMouseEnter);
-        exitIcon.addEventListener('mouseleave', onMouseLeave);
-        return () => {
-            exitIcon.removeEventListener('click', handleClick);
-            exitIcon.removeEventListener('mouseenter', onMouseEnter);
-            exitIcon.removeEventListener('mouseleave', onMouseLeave);
-        };
-    };
 }

package/libs/PanoMeasurePlugin/utils/distanceDom.js

@@ -28,8 +28,9 @@ function createContainerDom(line) {
 }
 export function creatDistanceItem(props) {
     function handleClick() {
+        var _a;
         highlight();
-        props.clickCallback?.(distanceItem);
+        (_a = props.clickCallback) === null || _a === void 0 ? void 0 : _a.call(props, distanceItem);
     }
     function highlight() {
         if (userDistanceItem)
@@ -109,6 +110,6 @@ export function creatDistanceItem(props) {
         highlight: highlight,
         unHighlight: unHighlight,
     };
-    userDistanceItem?.element ? containerDom.appendChild(userDistanceItem.element) : containerDom.appendChild(contentDom);
+    (userDistanceItem === null || userDistanceItem === void 0 ? void 0 : userDistanceItem.element) ? containerDom.appendChild(userDistanceItem.element) : containerDom.appendChild(contentDom);
     return distanceItem;
 }

package/libs/PanoMeasurePlugin/utils/line.js

@@ -2,11 +2,12 @@ import { Line as FiveLine } from '@realsee/five/line';
 import { lightLineOpts, normalLineOpts } from './constants';
 import { Color } from 'three';
 export function creatLine(start, end, opts) {
-    const lineWidth = opts?.lineWidth ?? 2;
-    const lineColor = opts?.lineColor ?? new Color(0xffffff);
-    const pointSize = opts?.pointSize ?? 5;
-    const lineRenderOrder = opts?.lineRenderOrder ?? 10;
-    const pointsRenderOrder = opts?.lineRenderOrder ?? 20;
+    var _a, _b, _c, _d, _e;
+    const lineWidth = (_a = opts === null || opts === void 0 ? void 0 : opts.lineWidth) !== null && _a !== void 0 ? _a : 2;
+    const lineColor = (_b = opts === null || opts === void 0 ? void 0 : opts.lineColor) !== null && _b !== void 0 ? _b : new Color(0xffffff);
+    const pointSize = (_c = opts === null || opts === void 0 ? void 0 : opts.pointSize) !== null && _c !== void 0 ? _c : 5;
+    const lineRenderOrder = (_d = opts === null || opts === void 0 ? void 0 : opts.lineRenderOrder) !== null && _d !== void 0 ? _d : 10;
+    const pointsRenderOrder = (_e = opts === null || opts === void 0 ? void 0 : opts.lineRenderOrder) !== null && _e !== void 0 ? _e : 20;
     const line = new FiveLine(start, end);
     // set line
     line.setMaterial({ linewidth: lineWidth, color: lineColor });
@@ -18,8 +19,8 @@ export function creatLine(start, end, opts) {
     const pointMaterial = line.points.material;
     pointMaterial.depthTest = false;
     pointMaterial.size = pointSize;
-    opts?.pointColor && pointMaterial.color.set(opts.pointColor).convertSRGBToLinear();
-    if (opts?.pointTexture)
+    (opts === null || opts === void 0 ? void 0 : opts.pointColor) && pointMaterial.color.set(opts.pointColor).convertSRGBToLinear();
+    if (opts === null || opts === void 0 ? void 0 : opts.pointTexture)
         pointMaterial.map = opts.pointTexture;
     return line;
 }

package/libs/PanoRulerPlugin/index.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { Five } from '@realsee/five';
 import { Raycaster, Vector3 } from 'three';
 import { intersectionOfLine } from '../shared-utils/math/planimetry';
@@ -161,7 +170,7 @@ export const PanoRulerPlugin = (five, params) => {
         state.loaded = true;
         return true;
     };
-    const load = async (_roomInfo, _roomRules, options) => {
+    const load = (_roomInfo, _roomRules, options) => __awaiter(void 0, void 0, void 0, function* () {
         const roomInfo = _roomInfo || params.roomInfo;
         const roomRules = _roomRules || params.roomRules;
         if (!roomInfo || !roomRules) {
@@ -172,9 +181,9 @@ export const PanoRulerPlugin = (five, params) => {
             return _load(roomInfo, roomRules);
         }
         else {
-            return await new Promise((resolve) => five.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
+            return yield new Promise((resolve) => five.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
         }
-    };
+    });
     if (params.roomInfo && params.roomRules) {
         load(params.roomInfo, params.roomRules);
     }
@@ -210,7 +219,8 @@ export const PanoRulerPlugin = (five, params) => {
         }
     };
     const freshRule = () => {
-        const element = five.getElement()?.parentElement;
+        var _a;
+        const element = (_a = five.getElement()) === null || _a === void 0 ? void 0 : _a.parentElement;
         if (!element)
             return;
         if (!state.loaded)
@@ -353,12 +363,13 @@ export const PanoRulerPlugin = (five, params) => {
     const nextFrameFreshRule = () => nextFrame(freshRule);
     const throttleFreshRule = throttle(freshRule, 80);
     const enable = () => {
+        var _a, _b;
         if (!state.loaded)
             return false;
         if (state.enable)
             return true;
         $rule.setAttribute('class', 'PanoRulerPlugin' + (state.options.className ? ' ' + state.options.className : ''));
-        five.getElement()?.parentElement?.append($rule);
+        (_b = (_a = five.getElement()) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.append($rule);
         freshRule();
         five.on('panoArrived', freshRule);
         five.on('modeChange', freshRule);

package/libs/PanoSpatialTagPlugin/index.js

@@ -15,12 +15,13 @@ const MAX_DISTANCE = 3.5;
  * 空间游走标签插件
  */
 export const PanoSpatialTagPlugin = (five, params) => {
-    let wrapper = params?.container;
-    const wait = params?.wait ?? 200;
-    const maxNumberOnScreen = params?.maxNumberOnScreen ?? 3;
-    const minRad = params?.minRad ?? Math.PI / 4;
-    const nearTolerance = params?.nearTolerance ?? 100;
-    const upsideHeight = params?.upsideHeight ?? 1.6;
+    var _a, _b, _c, _d, _e, _f;
+    let wrapper = params === null || params === void 0 ? void 0 : params.container;
+    const wait = (_a = params === null || params === void 0 ? void 0 : params.wait) !== null && _a !== void 0 ? _a : 200;
+    const maxNumberOnScreen = (_b = params === null || params === void 0 ? void 0 : params.maxNumberOnScreen) !== null && _b !== void 0 ? _b : 3;
+    const minRad = (_c = params === null || params === void 0 ? void 0 : params.minRad) !== null && _c !== void 0 ? _c : Math.PI / 4;
+    const nearTolerance = (_d = params === null || params === void 0 ? void 0 : params.nearTolerance) !== null && _d !== void 0 ? _d : 100;
+    const upsideHeight = (_e = params === null || params === void 0 ? void 0 : params.upsideHeight) !== null && _e !== void 0 ? _e : 1.6;
     // const foldPercent = params?.foldPercent ?? 20
     const css3DRender = CSS3DRenderPlugin(five);
     const container = document.createElement('div');
@@ -278,12 +279,13 @@ export const PanoSpatialTagPlugin = (five, params) => {
     */
     const load = (data) => {
         state.points = data.points.map(point => {
+            var _a, _b;
             return {
                 id: point.id,
                 position: new THREE.Vector3().fromArray(point.position),
                 normal: new THREE.Vector3().fromArray(point.normal),
-                replacement: point.replacement ?? {},
-                weight: point.weight ?? -1,
+                replacement: (_a = point.replacement) !== null && _a !== void 0 ? _a : {},
+                weight: (_b = point.weight) !== null && _b !== void 0 ? _b : -1,
             };
         });
         if (data.render)
@@ -371,7 +373,7 @@ export const PanoSpatialTagPlugin = (five, params) => {
         five.off('modeChange', onModeChange);
         five.off('cameraUpdate', onCameraUpdate);
     };
-    if (five?.model?.loaded) {
+    if ((_f = five === null || five === void 0 ? void 0 : five.model) === null || _f === void 0 ? void 0 : _f.loaded) {
         if (!wrapper)
             wrapper = five.getElement().parentElement;
         wrapper.appendChild(container);

package/libs/floorplan/Components/BaseImage.js

@@ -24,7 +24,7 @@ function add_css(target) {
 	append_styles(target, "svelte-126ja8e", ".floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
 }
 
-// (12:22) 
+// (13:22) 
 function create_if_block_1(ctx) {
 	let normalimage;
 	let current;
@@ -58,7 +58,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (10:2) {#if svgContent}
+// (11:2) {#if svgContent}
 function create_if_block(ctx) {
 	let svgimage;
 	let current;
@@ -186,6 +186,7 @@ function create_fragment(ctx) {
 function instance($$self, $$props, $$invalidate) {
 	let imageData;
 	let svgContent;
+	var _a, _b;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
 
@@ -199,12 +200,16 @@ function instance($$self, $$props, $$invalidate) {
 			$: $$invalidate(1, imageData = floorplanData.outlines[floorIndex]);
 		}
 
-		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 12) {
-			$: $$invalidate(0, svgContent = floorplanData.outlines?.[floorIndex]?.svgContent);
+		if ($$self.$$.dirty & /*floorplanData, _a, floorIndex, _b*/ 60) {
+			$: $$invalidate(0, svgContent = $$invalidate(5, _b = $$invalidate(4, _a = floorplanData.outlines) === null || _a === void 0
+			? void 0
+			: _a[floorIndex]) === null || _b === void 0
+			? void 0
+			: _b.svgContent);
 		}
 	};
 
-	return [svgContent, imageData, floorIndex, floorplanData];
+	return [svgContent, imageData, floorIndex, floorplanData, _a, _b];
 }
 
 class Component extends SvelteComponent {

package/libs/floorplan/Components/RoomHighlight/RoomHighlight.js

@@ -206,7 +206,9 @@ function instance($$self, $$props, $$invalidate) {
 	const { observers: floorplan_observers } = floorplanData;
 
 	const handleClick = function (e) {
-		if (onRoomHeightClick?.(e) === false) return;
+		if ((onRoomHeightClick === null || onRoomHeightClick === void 0
+		? void 0
+		: onRoomHeightClick(e)) === false) return;
 
 		// 因为 mouse.offsetX 的兼容性问题，手动计算 mouse offsetX offsetY
 		const boundingClientRect = highlightContainerDom.getBoundingClientRect();

package/libs/floorplan/Components/RoomMaterials/RoomMaterial.js

@@ -34,7 +34,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (21:6) {:else}
+// (18:6) {:else}
 function create_else_block(ctx) {
 	let roommaterial_1;
 	let current;
@@ -68,7 +68,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (19:37) 
+// (16:37) 
 function create_if_block_1(ctx) {
 	let roommaterial_2;
 	let current;
@@ -102,7 +102,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (17:6) {#if room.floorType === 1}
+// (14:6) {#if room.floorType === 1}
 function create_if_block(ctx) {
 	let roommaterial_0;
 	let current;
@@ -136,7 +136,7 @@ function create_if_block(ctx) {
 	};
 }
 
-// (15:2) {#each rooms as room}
+// (12:2) {#each rooms as room}
 function create_each_block(ctx) {
 	let svg;
 	let current_block_type_index;
@@ -308,8 +308,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*floorplanData, floorIndex, pxmm*/ 14) {
-			$: $$invalidate(0, rooms = floorplanData.floorDatas[floorIndex].rooms.map(room => ({
-				...room,
+			$: $$invalidate(0, rooms = floorplanData.floorDatas[floorIndex].rooms.map(room => Object.assign(Object.assign({}, room), {
 				path: room.path.map(p => formatFloorplanPoint(p, pxmm, floorplanData.bounding))
 			})));
 		}

package/libs/floorplan/ModelFloorplanPlugin/Components/Compass.js

@@ -23,7 +23,7 @@ function add_css(target) {
 	append_styles(target, "svelte-5l80pv", ".floorplan-plugin__compass.svelte-5l80pv{position:absolute;left:50%;top:-46px;width:231px;height:41px;will-change:opacity;transform-origin:center 184px}.floorplan-plugin__compass-image.svelte-5l80pv{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-5l80pv{position:absolute;left:50%;top:15px;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:10px;color:#fff}");
 }
 
-// (12:0) {#if northRad}
+// (13:0) {#if northRad}
 function create_if_block(ctx) {
 	let div1;
 	let div0;
@@ -90,9 +90,14 @@ function rad2Deg(rad) {
 }
 
 function instance($$self, $$props, $$invalidate) {
+	var _a;
 	let { floorplanData } = $$props;
 	let { northDesc } = $$props;
-	const northRad = floorplanData.entrance?.northRad;
+
+	const northRad = (_a = floorplanData.entrance) === null || _a === void 0
+	? void 0
+	: _a.northRad;
+
 	const rotate = !northRad ? 0 : rad2Deg(northRad);
 	const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
 

package/libs/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabel.js

@@ -154,7 +154,9 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*getLabelElement, room*/ 3) {
-			$: $$invalidate(2, userConfigElement = getLabelElement?.(room));
+			$: $$invalidate(2, userConfigElement = getLabelElement === null || getLabelElement === void 0
+			? void 0
+			: getLabelElement(room));
 		}
 	};