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

package/dist/floorplan/TopviewFloorplanPlugin/index.js

@@ -27,6 +27,31 @@ function _interopNamespace(e) {
 
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(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());
+    });
+}
+
 const pluginStyle = {
     position: 'absolute',
     left: '50%',
@@ -47,7 +72,7 @@ function pathD(points, options = {}) {
             d += 'M' + point;
             return d;
         }
-        if (needA?.[index]) {
+        if (needA === null || needA === void 0 ? void 0 : needA[index]) {
             d += 'A' + needA[index] + ',' + point;
             return d;
         }
@@ -62,22 +87,26 @@ function formatFloorplanPoint({ x, y }, pxmm, bounding) {
     return { x: (x - min.x) * pxmm, y: (max.y - y) * pxmm };
 }
 
-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,
+function formatOutlines(outlines) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const headers = new Headers({ 'Content-Type': 'text/plain' });
+        const getOutlineItem = function (item) {
+            return __awaiter(this, void 0, void 0, function* () {
+                const outlineItem = {
+                    index: item.index,
+                    url: item.url,
+                    svgUrl: item.svg_url,
+                };
+                if (item.svg_url) {
+                    const svgContent = yield fetch(item.svg_url, { headers }).then((res) => res.text());
+                    outlineItem.svgContent = svgContent;
+                }
+                return outlineItem;
+            });
         };
-        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;
+        const svgOutlineItems = yield Promise.all(outlines.map(getOutlineItem));
+        return svgOutlineItems;
+    });
 }
 function formatRoom(data) {
     const floorplanRoomItem = {
@@ -123,19 +152,21 @@ function formatFloorplanEntrance(data) {
     };
     return floorplanEntrance;
 }
-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;
+function formatData(data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const outlines = yield 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;
+    });
 }
 
 /**
@@ -190,7 +221,7 @@ function getPxmm(five, container, floorIndex, options) {
     function getY() {
         const currentFloorY = getFloorY(floorIndex);
         const nextFloorY = getFloorY(floorIndex + 1);
-        const attachedTo = options?.attachedTo || FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER;
+        const attachedTo = (options === null || options === void 0 ? void 0 : options.attachedTo) || FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER;
         if (attachedTo === FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER)
             return (five.model.bounding.max.y + five.model.bounding.min.y) / 2;
         else if (attachedTo === FLOOR_PLAN_ATTACHED_TO.CEILING)
@@ -324,12 +355,13 @@ function add_css$b(target) {
 	internal.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$6(ctx) {
 	let div1;
 	let div0;
 	let t0;
 	let span;
+	let t1;
 
 	return {
 		c() {
@@ -337,20 +369,23 @@ function create_if_block$6(ctx) {
 			div0 = internal.element("div");
 			t0 = internal.space();
 			span = internal.element("span");
-			span.textContent = "北";
+			t1 = internal.text(/*northDesc*/ ctx[0]);
 			internal.attr(div0, "class", "floorplan-plugin__compass-image svelte-5l80pv");
 			internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
 			internal.attr(span, "class", "floorplan-plugin__compass-text svelte-5l80pv");
 			internal.attr(div1, "class", "floorplan-plugin__compass svelte-5l80pv");
-			internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
+			internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
 		},
 		m(target, anchor) {
 			internal.insert(target, div1, anchor);
 			internal.append(div1, div0);
 			internal.append(div1, t0);
 			internal.append(div1, span);
+			internal.append(span, t1);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*northDesc*/ 1) internal.set_data(t1, /*northDesc*/ ctx[0]);
 		},
-		p: internal.noop,
 		d(detaching) {
 			if (detaching) internal.detach(div1);
 		}
@@ -359,7 +394,7 @@ function create_if_block$6(ctx) {
 
 function create_fragment$f(ctx) {
 	let if_block_anchor;
-	let if_block = /*northRad*/ ctx[0] && create_if_block$6(ctx);
+	let if_block = /*northRad*/ ctx[1] && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -371,7 +406,7 @@ function create_fragment$f(ctx) {
 			internal.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: internal.noop,
 		o: internal.noop,
@@ -387,22 +422,29 @@ function rad2Deg(rad) {
 }
 
 function instance$f($$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 Compass extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$f, create_fragment$f, internal.safe_not_equal, { floorplanData: 2 }, add_css$b);
+		internal.init(this, options, instance$f, create_fragment$f, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$b);
 	}
 }
 
@@ -544,7 +586,9 @@ function instance$e($$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));
 		}
 	};
 
@@ -1409,7 +1453,7 @@ function add_css$5(target) {
 	internal.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$3(ctx) {
 	let normalimage;
 	let current;
@@ -1443,7 +1487,7 @@ function create_if_block_1$3(ctx) {
 	};
 }
 
-// (10:2) {#if svgContent}
+// (11:2) {#if svgContent}
 function create_if_block$3(ctx) {
 	let svgimage;
 	let current;
@@ -1571,6 +1615,7 @@ function create_fragment$8(ctx) {
 function instance$8($$self, $$props, $$invalidate) {
 	let imageData;
 	let svgContent;
+	var _a, _b;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
 
@@ -1584,12 +1629,16 @@ function instance$8($$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 BaseImage extends internal.SvelteComponent {
@@ -1875,7 +1924,7 @@ function get_each_context$1(ctx, list, i) {
 	return child_ctx;
 }
 
-// (21:6) {:else}
+// (18:6) {:else}
 function create_else_block(ctx) {
 	let roommaterial_1;
 	let current;
@@ -1909,7 +1958,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (19:37) 
+// (16:37) 
 function create_if_block_1$2(ctx) {
 	let roommaterial_2;
 	let current;
@@ -1943,7 +1992,7 @@ function create_if_block_1$2(ctx) {
 	};
 }
 
-// (17:6) {#if room.floorType === 1}
+// (14:6) {#if room.floorType === 1}
 function create_if_block$2(ctx) {
 	let roommaterial_0;
 	let current;
@@ -1977,7 +2026,7 @@ function create_if_block$2(ctx) {
 	};
 }
 
-// (15:2) {#each rooms as room}
+// (12:2) {#each rooms as room}
 function create_each_block$1(ctx) {
 	let svg;
 	let current_block_type_index;
@@ -2149,8 +2198,7 @@ function instance$4($$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))
 			})));
 		}
@@ -2398,7 +2446,9 @@ function instance$2($$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();
@@ -2919,7 +2969,7 @@ function add_css(target) {
 	internal.append_styles(target, "svelte-177x2q7", ".floorplan-main.svelte-177x2q7{width:100%;height:100%}");
 }
 
-// (23:0) {#if visible}
+// (24:0) {#if visible}
 function create_if_block(ctx) {
 	let div;
 	let currentfloor;
@@ -2931,15 +2981,15 @@ function create_if_block(ctx) {
 
 	const currentfloor_spread_levels = [
 		{
-			five: /*five*/ ctx[1],
-			pxmm: /*pxmm*/ ctx[0],
-			floorIndex: /*floorIndex*/ ctx[5],
-			hoverEnable: /*hoverEnable*/ ctx[6],
-			floorplanData: /*floorplanData*/ ctx[10],
-			getLabelElement: /*getLabelElement*/ ctx[14],
-			roomLabelsEnable: /*roomLabelsEnable*/ ctx[8],
-			ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[9],
-			onRoomHeightClick: /*onRoomHeightClick*/ ctx[13]
+			five: /*five*/ ctx[2],
+			pxmm: /*pxmm*/ ctx[1],
+			floorIndex: /*floorIndex*/ ctx[6],
+			hoverEnable: /*hoverEnable*/ ctx[7],
+			floorplanData: /*floorplanData*/ ctx[11],
+			getLabelElement: /*getLabelElement*/ ctx[15],
+			roomLabelsEnable: /*roomLabelsEnable*/ ctx[9],
+			ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[10],
+			onRoomHeightClick: /*onRoomHeightClick*/ ctx[14]
 		}
 	];
 
@@ -2953,10 +3003,10 @@ function create_if_block(ctx) {
 
 	const camera_spread_levels = [
 		{
-			panoIndex: /*panoIndex*/ ctx[4],
-			floorplanData: /*floorplanData*/ ctx[10],
-			lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[11],
-			cameraImageUrl: /*cameraImageUrl*/ ctx[12]
+			panoIndex: /*panoIndex*/ ctx[5],
+			floorplanData: /*floorplanData*/ ctx[11],
+			lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[12],
+			cameraImageUrl: /*cameraImageUrl*/ ctx[13]
 		}
 	];
 
@@ -2967,7 +3017,7 @@ function create_if_block(ctx) {
 	}
 
 	camera = new Camera({ props: camera_props });
-	let if_block = /*compassEnable*/ ctx[7] && create_if_block_1(ctx);
+	let if_block = /*compassEnable*/ ctx[8] && create_if_block_1(ctx);
 
 	return {
 		c() {
@@ -2991,42 +3041,42 @@ function create_if_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			const currentfloor_changes = (dirty & /*five, pxmm, floorIndex, hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, onRoomHeightClick*/ 26467)
+			const currentfloor_changes = (dirty & /*five, pxmm, floorIndex, hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, onRoomHeightClick*/ 52934)
 			? internal.get_spread_update(currentfloor_spread_levels, [
 					{
-						five: /*five*/ ctx[1],
-						pxmm: /*pxmm*/ ctx[0],
-						floorIndex: /*floorIndex*/ ctx[5],
-						hoverEnable: /*hoverEnable*/ ctx[6],
-						floorplanData: /*floorplanData*/ ctx[10],
-						getLabelElement: /*getLabelElement*/ ctx[14],
-						roomLabelsEnable: /*roomLabelsEnable*/ ctx[8],
-						ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[9],
-						onRoomHeightClick: /*onRoomHeightClick*/ ctx[13]
+						five: /*five*/ ctx[2],
+						pxmm: /*pxmm*/ ctx[1],
+						floorIndex: /*floorIndex*/ ctx[6],
+						hoverEnable: /*hoverEnable*/ ctx[7],
+						floorplanData: /*floorplanData*/ ctx[11],
+						getLabelElement: /*getLabelElement*/ ctx[15],
+						roomLabelsEnable: /*roomLabelsEnable*/ ctx[9],
+						ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[10],
+						onRoomHeightClick: /*onRoomHeightClick*/ ctx[14]
 					}
 				])
 			: {};
 
 			currentfloor.$set(currentfloor_changes);
 
-			const camera_changes = (dirty & /*panoIndex, floorplanData, lastPanoramaLongitude, cameraImageUrl*/ 7184)
+			const camera_changes = (dirty & /*panoIndex, floorplanData, lastPanoramaLongitude, cameraImageUrl*/ 14368)
 			? internal.get_spread_update(camera_spread_levels, [
 					{
-						panoIndex: /*panoIndex*/ ctx[4],
-						floorplanData: /*floorplanData*/ ctx[10],
-						lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[11],
-						cameraImageUrl: /*cameraImageUrl*/ ctx[12]
+						panoIndex: /*panoIndex*/ ctx[5],
+						floorplanData: /*floorplanData*/ ctx[11],
+						lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[12],
+						cameraImageUrl: /*cameraImageUrl*/ ctx[13]
 					}
 				])
 			: {};
 
 			camera.$set(camera_changes);
 
-			if (/*compassEnable*/ ctx[7]) {
+			if (/*compassEnable*/ ctx[8]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*compassEnable*/ 128) {
+					if (dirty & /*compassEnable*/ 256) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
@@ -3054,7 +3104,7 @@ function create_if_block(ctx) {
 			if (!div_intro) {
 				internal.add_render_callback(() => {
 					div_intro = internal.create_in_transition(div, transition.fade, {
-						duration: /*duration*/ ctx[2],
+						duration: /*duration*/ ctx[3],
 						easing: easing.linear
 					});
 
@@ -3079,13 +3129,16 @@ function create_if_block(ctx) {
 	};
 }
 
-// (39:4) {#if compassEnable}
+// (40:4) {#if compassEnable}
 function create_if_block_1(ctx) {
 	let compass;
 	let current;
 
 	compass = new Compass({
-			props: { floorplanData: /*floorplanData*/ ctx[10] }
+			props: {
+				floorplanData: /*floorplanData*/ ctx[11],
+				northDesc: /*northDesc*/ ctx[0]
+			}
 		});
 
 	return {
@@ -3098,7 +3151,8 @@ function create_if_block_1(ctx) {
 		},
 		p(ctx, dirty) {
 			const compass_changes = {};
-			if (dirty & /*floorplanData*/ 1024) compass_changes.floorplanData = /*floorplanData*/ ctx[10];
+			if (dirty & /*floorplanData*/ 2048) compass_changes.floorplanData = /*floorplanData*/ ctx[11];
+			if (dirty & /*northDesc*/ 1) compass_changes.northDesc = /*northDesc*/ ctx[0];
 			compass.$set(compass_changes);
 		},
 		i(local) {
@@ -3119,7 +3173,7 @@ function create_if_block_1(ctx) {
 function create_fragment(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*visible*/ ctx[3] && create_if_block(ctx);
+	let if_block = /*visible*/ ctx[4] && create_if_block(ctx);
 
 	return {
 		c() {
@@ -3132,11 +3186,11 @@ function create_fragment(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (/*visible*/ ctx[3]) {
+			if (/*visible*/ ctx[4]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*visible*/ 8) {
+					if (dirty & /*visible*/ 16) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
@@ -3172,6 +3226,7 @@ function create_fragment(ctx) {
 }
 
 function instance($$self, $$props, $$invalidate) {
+	let { northDesc } = $$props;
 	let { pxmm } = $$props;
 	let { five } = $$props;
 	let { duration = 0 } = $$props;
@@ -3189,24 +3244,26 @@ function instance($$self, $$props, $$invalidate) {
 	let { getLabelElement } = $$props;
 
 	$$self.$$set = $$props => {
-		if ('pxmm' in $$props) $$invalidate(0, pxmm = $$props.pxmm);
-		if ('five' in $$props) $$invalidate(1, five = $$props.five);
-		if ('duration' in $$props) $$invalidate(2, duration = $$props.duration);
-		if ('visible' in $$props) $$invalidate(3, visible = $$props.visible);
-		if ('panoIndex' in $$props) $$invalidate(4, panoIndex = $$props.panoIndex);
-		if ('floorIndex' in $$props) $$invalidate(5, floorIndex = $$props.floorIndex);
-		if ('hoverEnable' in $$props) $$invalidate(6, hoverEnable = $$props.hoverEnable);
-		if ('compassEnable' in $$props) $$invalidate(7, compassEnable = $$props.compassEnable);
-		if ('roomLabelsEnable' in $$props) $$invalidate(8, roomLabelsEnable = $$props.roomLabelsEnable);
-		if ('ruleLabelsEnable' in $$props) $$invalidate(9, ruleLabelsEnable = $$props.ruleLabelsEnable);
-		if ('floorplanData' in $$props) $$invalidate(10, floorplanData = $$props.floorplanData);
-		if ('lastPanoramaLongitude' in $$props) $$invalidate(11, lastPanoramaLongitude = $$props.lastPanoramaLongitude);
-		if ('cameraImageUrl' in $$props) $$invalidate(12, cameraImageUrl = $$props.cameraImageUrl);
-		if ('onRoomHeightClick' in $$props) $$invalidate(13, onRoomHeightClick = $$props.onRoomHeightClick);
-		if ('getLabelElement' in $$props) $$invalidate(14, getLabelElement = $$props.getLabelElement);
+		if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
+		if ('pxmm' in $$props) $$invalidate(1, pxmm = $$props.pxmm);
+		if ('five' in $$props) $$invalidate(2, five = $$props.five);
+		if ('duration' in $$props) $$invalidate(3, duration = $$props.duration);
+		if ('visible' in $$props) $$invalidate(4, visible = $$props.visible);
+		if ('panoIndex' in $$props) $$invalidate(5, panoIndex = $$props.panoIndex);
+		if ('floorIndex' in $$props) $$invalidate(6, floorIndex = $$props.floorIndex);
+		if ('hoverEnable' in $$props) $$invalidate(7, hoverEnable = $$props.hoverEnable);
+		if ('compassEnable' in $$props) $$invalidate(8, compassEnable = $$props.compassEnable);
+		if ('roomLabelsEnable' in $$props) $$invalidate(9, roomLabelsEnable = $$props.roomLabelsEnable);
+		if ('ruleLabelsEnable' in $$props) $$invalidate(10, ruleLabelsEnable = $$props.ruleLabelsEnable);
+		if ('floorplanData' in $$props) $$invalidate(11, floorplanData = $$props.floorplanData);
+		if ('lastPanoramaLongitude' in $$props) $$invalidate(12, lastPanoramaLongitude = $$props.lastPanoramaLongitude);
+		if ('cameraImageUrl' in $$props) $$invalidate(13, cameraImageUrl = $$props.cameraImageUrl);
+		if ('onRoomHeightClick' in $$props) $$invalidate(14, onRoomHeightClick = $$props.onRoomHeightClick);
+		if ('getLabelElement' in $$props) $$invalidate(15, getLabelElement = $$props.getLabelElement);
 	};
 
 	return [
+		northDesc,
 		pxmm,
 		five,
 		duration,
@@ -3236,21 +3293,22 @@ class Main extends internal.SvelteComponent {
 			create_fragment,
 			internal.safe_not_equal,
 			{
-				pxmm: 0,
-				five: 1,
-				duration: 2,
-				visible: 3,
-				panoIndex: 4,
-				floorIndex: 5,
-				hoverEnable: 6,
-				compassEnable: 7,
-				roomLabelsEnable: 8,
-				ruleLabelsEnable: 9,
-				floorplanData: 10,
-				lastPanoramaLongitude: 11,
-				cameraImageUrl: 12,
-				onRoomHeightClick: 13,
-				getLabelElement: 14
+				northDesc: 0,
+				pxmm: 1,
+				five: 2,
+				duration: 3,
+				visible: 4,
+				panoIndex: 5,
+				floorIndex: 6,
+				hoverEnable: 7,
+				compassEnable: 8,
+				roomLabelsEnable: 9,
+				ruleLabelsEnable: 10,
+				floorplanData: 11,
+				lastPanoramaLongitude: 12,
+				cameraImageUrl: 13,
+				onRoomHeightClick: 14,
+				getLabelElement: 15
 			},
 			add_css
 		);
@@ -3274,20 +3332,217 @@ function changeModelCanvasOpacity(five, opacity, duration = 300) {
 }
 
 class TopviewFloorplanPluginController {
-    size = { width: 0, height: 0 };
-    visible = false;
-    pxmm = 0;
-    app;
-    five;
-    panoIndex = 0;
-    floorIndex = 0;
-    configs = {};
-    lastPanoramaLongitude = 0;
-    selector;
-    floorplanData;
-    wrapper;
-    container = document.createElement('div');
     constructor(five, params) {
+        Object.defineProperty(this, "size", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: { width: 0, height: 0 }
+        });
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "pxmm", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "app", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "panoIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "floorIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "configs", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "lastPanoramaLongitude", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "selector", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "floorplanData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "wrapper", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document.createElement('div')
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a, _b;
+                this.hide();
+                (_a = this.container) === null || _a === void 0 ? void 0 : _a.remove();
+                (_b = this.app) === null || _b === void 0 ? void 0 : _b.$destroy();
+                this.five.off('modeChange', this.handleModeChange);
+                this.five.off('panoArrived', this.handlePanoArrived);
+                this.five.off('modelLoaded', this.handleModelLoaded);
+                this.five.off('wantsMoveToPano', this.handleWantsMoveToPano);
+                this.five.off('wantsPanGesture', this.handleWantsPanGesture);
+                this.five.off('initAnimationEnded', this.handleInitAnimationEnded);
+                this.five.off('modelShownFloorChange', this.onModelShownFloorChange);
+            }
+        });
+        /** 模型楼层高亮改变时，自动进行楼层切换 */
+        Object.defineProperty(this, "onModelShownFloorChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (shownFloor) => {
+                if (shownFloor === null)
+                    return;
+                this.floorIndex = shownFloor;
+                this.updateSize();
+                this.render();
+            }
+        });
+        /** panoIndex 改变时，更新 floorIndex */
+        Object.defineProperty(this, "handlePanoArrived", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (index) => {
+                var _a;
+                if (!((_a = this.five) === null || _a === void 0 ? void 0 : _a.work))
+                    return;
+                this.panoIndex = index;
+                this.floorIndex = this.five.work.observers[index].floorIndex;
+            }
+        });
+        /** 配置了 preventRoomClick 后，在户型图展示时阻止 Five 走点 */
+        Object.defineProperty(this, "handleWantsMoveToPano", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.visible)
+                    return;
+                if (this.configs.preventRoomClick)
+                    return false;
+                return;
+            }
+        });
+        /** 在户型图展示时阻止 Five 滑动行为 */
+        Object.defineProperty(this, "handleWantsPanGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.visible)
+                    return;
+                return false;
+            }
+        });
+        Object.defineProperty(this, "handleModelLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (this.wrapper)
+                    return;
+                if (!this.selector)
+                    return;
+                const wrapper = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
+                if (!wrapper)
+                    throw new Error('不正确的父容器选择器');
+                this.wrapper = wrapper;
+                wrapper.append(this.container);
+            }
+        });
+        /** 非 Topview 态隐藏户型图 */
+        Object.defineProperty(this, "handleModeChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode) => {
+                if (mode !== 'Topview')
+                    return this.hide();
+            }
+        });
+        /** 动画结束后是 Topview 态就展示户型图 */
+        Object.defineProperty(this, "handleInitAnimationEnded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const { mode } = this.five.getCurrentState();
+                if (mode === 'Topview')
+                    this.show();
+            }
+        });
+        /** 更新户型图大小 */
+        Object.defineProperty(this, "updateSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.floorplanData)
+                    return;
+                if (!this.container || !this.wrapper)
+                    return;
+                if (this.five.getCurrentState().mode !== 'Topview')
+                    return;
+                // 计算户型图展示大小
+                const { min, max } = this.floorplanData.bounding;
+                const width = max.x - min.x;
+                const height = max.y - min.y;
+                // 每毫米对应的 px 值
+                const options = this.configs.attachedTo ? { attachedTo: this.configs.attachedTo } : undefined;
+                const pxmm = getPxmm(this.five, this.wrapper, this.floorIndex, options);
+                const _width = Math.ceil(width * pxmm);
+                const _height = Math.ceil(height * pxmm);
+                this.pxmm = pxmm;
+                this.size = { width: _width, height: _height };
+                this.container.style.width = _width + 'px';
+                this.container.style.height = _height + 'px';
+            }
+        });
         this.five = five;
         this.selector = params.selector;
         this.configs = omit(params, ['selector']);
@@ -3303,10 +3558,12 @@ class TopviewFloorplanPluginController {
         this.five.on('modelShownFloorChange', this.onModelShownFloorChange);
     }
     /** 加载户型图数据 */
-    async load(data) {
-        const copyData = JSON.parse(JSON.stringify(data));
-        this.floorplanData = await formatData(copyData);
-        this.render();
+    load(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const copyData = JSON.parse(JSON.stringify(data));
+            this.floorplanData = yield formatData(copyData);
+            this.render();
+        });
     }
     /** 把插件的渲染DOM插入到对应的容器中去 */
     appendTo(wrapper) {
@@ -3314,69 +3571,6 @@ class TopviewFloorplanPluginController {
         wrapper.appendChild(this.container);
         return this;
     }
-    dispose = () => {
-        this.hide();
-        this.container?.remove();
-        this.app?.$destroy();
-        this.five.off('modeChange', this.handleModeChange);
-        this.five.off('panoArrived', this.handlePanoArrived);
-        this.five.off('modelLoaded', this.handleModelLoaded);
-        this.five.off('wantsMoveToPano', this.handleWantsMoveToPano);
-        this.five.off('wantsPanGesture', this.handleWantsPanGesture);
-        this.five.off('initAnimationEnded', this.handleInitAnimationEnded);
-        this.five.off('modelShownFloorChange', this.onModelShownFloorChange);
-    };
-    /** 模型楼层高亮改变时，自动进行楼层切换 */
-    onModelShownFloorChange = (shownFloor) => {
-        if (shownFloor === null)
-            return;
-        this.floorIndex = shownFloor;
-        this.updateSize();
-        this.render();
-    };
-    /** panoIndex 改变时，更新 floorIndex */
-    handlePanoArrived = (index) => {
-        if (!this.five?.work)
-            return;
-        this.panoIndex = index;
-        this.floorIndex = this.five.work.observers[index].floorIndex;
-    };
-    /** 配置了 preventRoomClick 后，在户型图展示时阻止 Five 走点 */
-    handleWantsMoveToPano = () => {
-        if (!this.visible)
-            return;
-        if (this.configs.preventRoomClick)
-            return false;
-        return;
-    };
-    /** 在户型图展示时阻止 Five 滑动行为 */
-    handleWantsPanGesture = () => {
-        if (!this.visible)
-            return;
-        return false;
-    };
-    handleModelLoaded = () => {
-        if (this.wrapper)
-            return;
-        if (!this.selector)
-            return;
-        const wrapper = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
-        if (!wrapper)
-            throw new Error('不正确的父容器选择器');
-        this.wrapper = wrapper;
-        wrapper.append(this.container);
-    };
-    /** 非 Topview 态隐藏户型图 */
-    handleModeChange = (mode) => {
-        if (mode !== 'Topview')
-            return this.hide();
-    };
-    /** 动画结束后是 Topview 态就展示户型图 */
-    handleInitAnimationEnded = () => {
-        const { mode } = this.five.getCurrentState();
-        if (mode === 'Topview')
-            this.show();
-    };
     show() {
         this.visible = true;
         this.five.model.show(this.floorIndex);
@@ -3399,48 +3593,27 @@ class TopviewFloorplanPluginController {
         this.five.on('wantsMoveToPano', this.handleWantsMoveToPano);
         this.five.on('wantsPanGesture', this.handleWantsPanGesture);
     }
-    /** 更新户型图大小 */
-    updateSize = () => {
-        if (!this.floorplanData)
-            return;
-        if (!this.container || !this.wrapper)
-            return;
-        if (this.five.getCurrentState().mode !== 'Topview')
-            return;
-        // 计算户型图展示大小
-        const { min, max } = this.floorplanData.bounding;
-        const width = max.x - min.x;
-        const height = max.y - min.y;
-        // 每毫米对应的 px 值
-        const options = this.configs.attachedTo ? { attachedTo: this.configs.attachedTo } : undefined;
-        const pxmm = getPxmm(this.five, this.wrapper, this.floorIndex, options);
-        const _width = Math.ceil(width * pxmm);
-        const _height = Math.ceil(height * pxmm);
-        this.pxmm = pxmm;
-        this.size = { width: _width, height: _height };
-        this.container.style.width = _width + 'px';
-        this.container.style.height = _height + 'px';
-    };
     render(duration) {
         if (!this.container || !this.floorplanData)
             return;
         if (this.size.width === 0)
             return;
-        const { getLabelElement, cameraImageUrl, preventRoomClick, hoverEnable, compassEnable, roomLabelsEnable, ruleLabelsEnable, } = this.configs;
+        const { northDesc, getLabelElement, cameraImageUrl, preventRoomClick, hoverEnable, compassEnable, roomLabelsEnable, ruleLabelsEnable, } = this.configs;
         const handleClick = preventRoomClick ? () => false : undefined;
         const props = {
+            northDesc: northDesc !== null && northDesc !== void 0 ? northDesc : '北',
             five: this.five,
             pxmm: this.pxmm,
             cameraImageUrl,
             visible: this.visible,
-            duration: duration ?? 0,
+            duration: duration !== null && duration !== void 0 ? duration : 0,
             panoIndex: this.panoIndex,
             floorIndex: this.floorIndex,
             floorplanData: this.floorplanData,
-            hoverEnable: hoverEnable ?? false,
-            compassEnable: compassEnable ?? true,
-            ruleLabelsEnable: ruleLabelsEnable ?? true,
-            roomLabelsEnable: roomLabelsEnable ?? true,
+            hoverEnable: hoverEnable !== null && hoverEnable !== void 0 ? hoverEnable : false,
+            compassEnable: compassEnable !== null && compassEnable !== void 0 ? compassEnable : true,
+            ruleLabelsEnable: ruleLabelsEnable !== null && ruleLabelsEnable !== void 0 ? ruleLabelsEnable : true,
+            roomLabelsEnable: roomLabelsEnable !== null && roomLabelsEnable !== void 0 ? roomLabelsEnable : true,
             lastPanoramaLongitude: this.lastPanoramaLongitude,
             getLabelElement,
             onRoomHeightClick: handleClick,