@realsee/dnalogel 2.0.0-alpha.10 → 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/Components/tag.js

@@ -22,7 +22,7 @@ import '../typings';
 import { currentTarget } from '../store';
 
 function add_css(target) {
-	append_styles(target, "svelte-1xmyxaa", ".PanoSpatialTagPlugin__tag-x.svelte-1xmyxaa.svelte-1xmyxaa{position:relative;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1xmyxaa.svelte-1xmyxaa{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1xmyxaa.svelte-1xmyxaa{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1xmyxaa.svelte-1xmyxaa{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1xmyxaa.svelte-1xmyxaa{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1xmyxaa.svelte-1xmyxaa{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-line1.svelte-1xmyxaa{animation:svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-line2.svelte-1xmyxaa{animation:svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1xmyxaa.svelte-1xmyxaa{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-line.svelte-1xmyxaa{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1xmyxaa.svelte-1xmyxaa{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-animate.svelte-1xmyxaa{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1xmyxaa.svelte-1xmyxaa{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-content.svelte-1xmyxaa{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-flagpole.svelte-1xmyxaa{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-shadow.svelte-1xmyxaa{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-shadow.svelte-1xmyxaa{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-content.svelte-1xmyxaa{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-flagpole.svelte-1xmyxaa{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-shadow.svelte-1xmyxaa{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-content.svelte-1xmyxaa{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-content .svelte-1xmyxaa{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-line1.svelte-1xmyxaa{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-line2.svelte-1xmyxaa{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
+	append_styles(target, "svelte-1c0xhg0", ".PanoSpatialTagPlugin__tag-x.svelte-1c0xhg0.svelte-1c0xhg0{position:relative;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0.svelte-1c0xhg0{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0{animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0{animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0.svelte-1c0xhg0{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line.svelte-1c0xhg0{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1c0xhg0.svelte-1c0xhg0{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-animate.svelte-1c0xhg0{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content .svelte-1c0xhg0{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
 }
 
 function create_fragment(ctx) {
@@ -56,19 +56,19 @@ function create_fragment(ctx) {
 			t3 = space();
 			div3 = element("div");
 			div2 = element("div");
-			attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1xmyxaa");
+			attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1c0xhg0");
 			set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px)");
-			attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1xmyxaa");
+			attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1c0xhg0");
 			set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
-			attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1xmyxaa");
-			attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1xmyxaa");
-			attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1xmyxaa");
-			attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1xmyxaa");
-			attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1xmyxaa");
+			attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1c0xhg0");
+			attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1c0xhg0");
+			attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1c0xhg0");
+			attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1c0xhg0");
+			attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1c0xhg0");
 			set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
 			attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
 			set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
-			attr(div4, "class", "svelte-1xmyxaa");
+			attr(div4, "class", "svelte-1c0xhg0");
 			toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
 			toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
 			toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);

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

@@ -11,8 +11,10 @@ import {
 	insert,
 	noop,
 	safe_not_equal,
+	set_data,
 	set_style,
-	space
+	space,
+	text
 } from "svelte/internal";
 
 import { COMPASS_IMAGE } from '../Assets/compass';
@@ -21,12 +23,13 @@ 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}");
 }
 
-// (11:0) {#if northRad}
+// (13:0) {#if northRad}
 function create_if_block(ctx) {
 	let div1;
 	let div0;
 	let t0;
 	let span;
+	let t1;
 
 	return {
 		c() {
@@ -34,20 +37,23 @@ function create_if_block(ctx) {
 			div0 = element("div");
 			t0 = space();
 			span = element("span");
-			span.textContent = "北";
+			t1 = text(/*northDesc*/ ctx[0]);
 			attr(div0, "class", "floorplan-plugin__compass-image svelte-5l80pv");
 			set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
 			attr(span, "class", "floorplan-plugin__compass-text svelte-5l80pv");
 			attr(div1, "class", "floorplan-plugin__compass svelte-5l80pv");
-			set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
+			set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
 			append(div1, div0);
 			append(div1, t0);
 			append(div1, span);
+			append(span, t1);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*northDesc*/ 1) set_data(t1, /*northDesc*/ ctx[0]);
 		},
-		p: noop,
 		d(detaching) {
 			if (detaching) detach(div1);
 		}
@@ -56,7 +62,7 @@ function create_if_block(ctx) {
 
 function create_fragment(ctx) {
 	let if_block_anchor;
-	let if_block = /*northRad*/ ctx[0] && create_if_block(ctx);
+	let if_block = /*northRad*/ ctx[1] && create_if_block(ctx);
 
 	return {
 		c() {
@@ -68,7 +74,7 @@ function create_fragment(ctx) {
 			insert(target, if_block_anchor, anchor);
 		},
 		p(ctx, [dirty]) {
-			if (/*northRad*/ ctx[0]) if_block.p(ctx, dirty);
+			if (/*northRad*/ ctx[1]) if_block.p(ctx, dirty);
 		},
 		i: noop,
 		o: noop,
@@ -84,22 +90,29 @@ function rad2Deg(rad) {
 }
 
 function instance($$self, $$props, $$invalidate) {
+	var _a;
 	let { floorplanData } = $$props;
-	const northRad = floorplanData.entrance?.northRad;
+	let { northDesc } = $$props;
+
+	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)`;
 
 	$$self.$$set = $$props => {
-		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
+		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+		if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
 	};
 
-	return [northRad, compassTransformStyle, floorplanData];
+	return [northDesc, northRad, compassTransformStyle, floorplanData];
 }
 
 class Component extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { floorplanData: 2 }, add_css);
+		init(this, options, instance, create_fragment, safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css);
 	}
 }