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

package/dist/floorplan/ModelFloorplanPlugin/index.js

@@ -28,6 +28,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 CAMERA_IMAGE = 'data:image/png;base64,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';
 
 function rad2Deg$1(rad) {
@@ -145,12 +170,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() {
@@ -158,20 +184,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);
 		}
@@ -180,7 +209,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() {
@@ -192,7 +221,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,
@@ -208,22 +237,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);
 	}
 }
 
@@ -365,7 +401,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));
 		}
 	};
 
@@ -1230,7 +1268,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;
@@ -1264,7 +1302,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;
@@ -1392,6 +1430,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;
 
@@ -1405,12 +1444,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 {
@@ -1431,7 +1474,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;
         }
@@ -1722,7 +1765,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;
@@ -1756,7 +1799,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (19:37) 
+// (16:37) 
 function create_if_block_1$2(ctx) {
 	let roommaterial_2;
 	let current;
@@ -1790,7 +1833,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;
@@ -1824,7 +1867,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;
@@ -1996,8 +2039,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))
 			})));
 		}
@@ -2245,7 +2287,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();
@@ -2766,7 +2810,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;
@@ -2778,15 +2822,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]
 		}
 	];
 
@@ -2800,10 +2844,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]
 		}
 	];
 
@@ -2814,7 +2858,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() {
@@ -2838,42 +2882,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 {
@@ -2901,7 +2945,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
 					});
 
@@ -2926,13 +2970,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 {
@@ -2945,7 +2992,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) {
@@ -2966,7 +3014,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() {
@@ -2979,11 +3027,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 {
@@ -3019,6 +3067,7 @@ function create_fragment(ctx) {
 }
 
 function instance($$self, $$props, $$invalidate) {
+	let { northDesc } = $$props;
 	let { pxmm } = $$props;
 	let { five } = $$props;
 	let { duration = 0 } = $$props;
@@ -3036,24 +3085,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,
@@ -3083,21 +3134,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
 		);
@@ -3110,34 +3162,40 @@ class Main extends internal.SvelteComponent {
  * 有异常，则返回 [Error, undefined]
  * 用于替代 try&catch 处理 await 异常的方案
  */
-async function to(promise) {
-    try {
-        const data = await promise;
-        return [null, data];
-    }
-    catch (error) {
-        if (error instanceof Error)
-            return [error, null];
-        return [new Error(''), null];
-    }
+function to(promise) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            const data = yield promise;
+            return [null, data];
+        }
+        catch (error) {
+            if (error instanceof Error)
+                return [error, null];
+            return [new Error(''), null];
+        }
+    });
 }
 
-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 = {
@@ -3183,19 +3241,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;
+    });
 }
 
 /**
@@ -3326,7 +3386,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)
@@ -3343,18 +3403,20 @@ function getPxmm(five, container, floorIndex, options) {
     return pxmm;
 }
 
-async function changeMode(five, ...changeModeParams) {
-    const [changeModeError] = await to(five.changeMode(...changeModeParams));
-    if (changeModeError)
-        throw changeModeError;
-    await new Promise((reslove, reject) => {
-        five.once('initAnimationEnded', reslove);
-        const handleModeChange = (mode) => {
-            if (mode !== changeModeParams[0])
-                reject('changeMode 被中断');
-            five.off('modeChange', handleModeChange);
-        };
-        five.on('modeChange', handleModeChange);
+function changeMode(five, ...changeModeParams) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const [changeModeError] = yield to(five.changeMode(...changeModeParams));
+        if (changeModeError)
+            throw changeModeError;
+        yield new Promise((reslove, reject) => {
+            five.once('initAnimationEnded', reslove);
+            const handleModeChange = (mode) => {
+                if (mode !== changeModeParams[0])
+                    reject('changeMode 被中断');
+                five.off('modeChange', handleModeChange);
+            };
+            five.on('modeChange', handleModeChange);
+        });
     });
 }
 
@@ -3399,30 +3461,32 @@ function checkShowState(five$1, showState) {
  * 2. 内置了相应的动画时间计算
  * 3. 纠正成功会返回 true，失败「可能会被用户行为中断」会返回 false
  */
-async function correctFiveState(five$1, showState, userAction = true) {
-    // 当前已满足状态，不需要变更
-    const result = checkShowState(five$1, showState);
-    if (result === true)
-        return;
-    // 纠正 mode
-    if (five$1.currentMode !== five.Five.Mode.Floorplan) {
-        const [changeModeError] = await to(changeMode(five$1, five.Five.Mode.Floorplan, showState, undefined, userAction));
-        if (changeModeError)
-            throw changeModeError;
-        // changeMode 是异步行为，可能会被打断，需要在结束后加一次判断
+function correctFiveState(five$1, showState, userAction = true) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // 当前已满足状态，不需要变更
         const result = checkShowState(five$1, showState);
-        if (result === false)
-            throw new Error(FloorplanErrorType.ChangeModeError);
+        if (result === true)
+            return;
+        // 纠正 mode
+        if (five$1.currentMode !== five.Five.Mode.Floorplan) {
+            const [changeModeError] = yield to(changeMode(five$1, five.Five.Mode.Floorplan, showState, undefined, userAction));
+            if (changeModeError)
+                throw changeModeError;
+            // changeMode 是异步行为，可能会被打断，需要在结束后加一次判断
+            const result = checkShowState(five$1, showState);
+            if (result === false)
+                throw new Error(FloorplanErrorType.ChangeModeError);
+            return;
+        }
+        // 纠正相机状态
+        // 根据 latitude、longitude、fov 计算动画时间，最多 1s
+        const { latitude, longitude, fov } = five$1.getCurrentState();
+        const time = Math.min(1000, Math.max(200, Math.abs(latitude - Math.PI / 2) * 1000, (longitude > Math.PI ? 2 * Math.PI - longitude : longitude) * 500, Math.abs(fov - showState.fov) * 10));
+        const [updateCameraError] = yield to(five$1.updateCamera(showState, time, userAction));
+        if (updateCameraError)
+            throw new Error(FloorplanErrorType.UpdateCameraError);
         return;
-    }
-    // 纠正相机状态
-    // 根据 latitude、longitude、fov 计算动画时间，最多 1s
-    const { latitude, longitude, fov } = five$1.getCurrentState();
-    const time = Math.min(1000, Math.max(200, Math.abs(latitude - Math.PI / 2) * 1000, (longitude > Math.PI ? 2 * Math.PI - longitude : longitude) * 500, Math.abs(fov - showState.fov) * 10));
-    const [updateCameraError] = await to(five$1.updateCamera(showState, time, userAction));
-    if (updateCameraError)
-        throw new Error(FloorplanErrorType.UpdateCameraError);
-    return;
+    });
 }
 
 function changeModelCanvasOpacity(five, opacity, duration = 300) {
@@ -3472,35 +3536,446 @@ function omit(object, props) {
 
 const MODEL_FLOORPLAN_PLUGIN_NAME = 'modelFloorplanPlugin';
 class ModelFloorplanPluginController {
-    name = MODEL_FLOORPLAN_PLUGIN_NAME;
-    /** 用于绑定事件钩子 */
-    hooks;
-    /** 展示状态 */
-    visible = false;
-    /** 户型图大小 */
-    size = { width: 0, height: 0 };
-    app = undefined;
-    pxmm = 0;
-    five;
-    panoIndex = 0;
-    floorIndex = 0;
-    configs = {};
-    lastPanoramaLongitude = 0;
-    selector;
-    floorplanData;
-    wrapper;
-    container = document.createElement('div');
-    showState;
-    /** 记录上次 show 的参数，如果不一致，需要 reject 掉正在进行的 showPromise */
-    ModelFloorplanPluginsShowOpts;
-    showPromise;
-    showRejection;
     constructor(five$1, params) {
+        var _a;
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: MODEL_FLOORPLAN_PLUGIN_NAME
+        });
+        /** 用于绑定事件钩子 */
+        Object.defineProperty(this, "hooks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 展示状态 */
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** 户型图大小 */
+        Object.defineProperty(this, "size", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: { width: 0, height: 0 }
+        });
+        Object.defineProperty(this, "app", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: undefined
+        });
+        Object.defineProperty(this, "pxmm", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 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, "showState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 记录上次 show 的参数，如果不一致，需要 reject 掉正在进行的 showPromise */
+        Object.defineProperty(this, "ModelFloorplanPluginsShowOpts", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showPromise", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showRejection", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a, _b;
+                const five = this.five;
+                this.hide();
+                (_a = this.app) === null || _a === void 0 ? void 0 : _a.$destroy();
+                (_b = this.container) === null || _b === void 0 ? void 0 : _b.remove();
+                five.off('modelLoaded', this.handleModelLoaded);
+                five.off('modeChange', this.handleModeChange);
+                five.off('panGesture', this.handlePanGesture);
+                five.off('panoArrived', this.handlePanoArrived);
+                five.off('wantsChangeMode', this.handleWantsChangeMode);
+                five.off('wantsInteriaPan', this.handleWantsInteriaPan);
+                five.off('wantsTapGesture', this.handleWantsTapGesture);
+                five.off('modelShownFloorChange', this.onModelShownFloorChange);
+            }
+        });
+        /** 更新户型图大小 */
+        Object.defineProperty(this, "updateSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.floorplanData)
+                    return;
+                if (!checkShowState(this.five, this.showState))
+                    return;
+                if (!this.container || !this.wrapper)
+                    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);
+                if (this.size.width === _width && this.size.height === _height)
+                    return;
+                this.pxmm = pxmm;
+                this.size = { width: _width, height: _height };
+                this.container.style.width = _width + 'px';
+                this.container.style.height = _height + 'px';
+            }
+        });
+        /** 展示户型图
+         * 1. show 函数大部分情况下需要耗时
+         * 2. 如果当前已经在展示中，将不会触发任何事件
+         * 3. 如果展示过程被中断，将抛出错误
+         * 4. 多次调用 show 方法，只会触发一次 showAnimationEnded 事件，但是展示结果会取决于最后一次调用参数
+         * 5. 如果多次调用 show 方法，参数与上次参数不一致时，上次 show Promise 会被 reject
+         * @param opts.floorIndex 楼层
+         * @param opts.modelOpacity 模型透明度
+         * @param opts.immediately 是否立即展示
+         * @param opts.isAutoShow 是否是自动展示
+         */
+        Object.defineProperty(this, "show", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (opts) => __awaiter(this, void 0, void 0, function* () {
+                var _b, _c;
+                // 已经在展示中了
+                if (!this.showPromise && this.visible)
+                    return true;
+                if (!((_b = this.five.model) === null || _b === void 0 ? void 0 : _b.loaded))
+                    throw new Error(FloorplanErrorType.ModelNotLoaded);
+                if (!this.floorplanData)
+                    throw new Error(FloorplanErrorType.DataNotLoaded);
+                this.visible = true;
+                if (this.showPromise) {
+                    const sameWithLastOpts = equal(opts, this.ModelFloorplanPluginsShowOpts, { deep: false });
+                    if (!!this.showPromise && sameWithLastOpts)
+                        return this.showPromise;
+                    if (!!this.showPromise && !sameWithLastOpts)
+                        (_c = this.showRejection) === null || _c === void 0 ? void 0 : _c.call(this, FloorplanErrorType.DifferentShowParams);
+                }
+                this.ModelFloorplanPluginsShowOpts = opts;
+                const getShowPromise = () => __awaiter(this, void 0, void 0, function* () {
+                    var _d, _e;
+                    let hasRejected = false;
+                    let externalErrorMsg;
+                    this.showRejection = (errorMsg) => {
+                        hasRejected = true;
+                        externalErrorMsg = errorMsg;
+                    };
+                    const [correctError] = yield to(correctFiveState(this.five, this.showState, opts === null || opts === void 0 ? void 0 : opts.userAction));
+                    if (correctError)
+                        throw correctError;
+                    // 异步结束要判断当前是不是被中断了，是不是调用了隐藏
+                    if (hasRejected)
+                        throw externalErrorMsg ? new Error(externalErrorMsg) : new Error(FloorplanErrorType.UnknownError);
+                    if (!this.visible)
+                        throw new Error(FloorplanErrorType.UnknownError);
+                    // 更新户型图状态
+                    this.visible = true;
+                    // 更新户型图大小
+                    this.updateSize();
+                    // 高亮当前楼层，有两个目的
+                    // 1. 点击模型时，可以跳转到当前楼层的点位上
+                    // 2. 当前楼层比较小时，户型图也比较小，如果展示全部楼层，会展示户型图外有一圈模型
+                    if (opts === null || opts === void 0 ? void 0 : opts.floorIndex)
+                        this.floorIndex = opts.floorIndex;
+                    this.five.model.show(this.floorIndex);
+                    // 模型消失, 渲染户型图
+                    const modelOpacity = (_e = (_d = opts === null || opts === void 0 ? void 0 : opts.modelOpacity) !== null && _d !== void 0 ? _d : this.configs.modelOpacity) !== null && _e !== void 0 ? _e : 1;
+                    const renderDuration = (opts === null || opts === void 0 ? void 0 : opts.immediately) ? 0 : SHOW_ANIME_DURATION;
+                    changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
+                    this.render(renderDuration);
+                    // 展示之后的事件监听
+                    this.five.on('wantsGesture', this.handleWantsGesture);
+                    this.five.on('wantsTapGesture', this.handleWantsTapGesture);
+                    return true;
+                });
+                const showPromise = getShowPromise()
+                    .then(() => {
+                    var _a;
+                    this.hooks.emit('showAnimationEnded', { auto: !!(opts === null || opts === void 0 ? void 0 : opts.isAutoShow), userAction: (_a = opts === null || opts === void 0 ? void 0 : opts.userAction) !== null && _a !== void 0 ? _a : true });
+                    return true;
+                })
+                    .catch((error) => {
+                    // 自动展示的报错内部处理
+                    if (opts === null || opts === void 0 ? void 0 : opts.isAutoShow)
+                        return false;
+                    if (!(error instanceof Error))
+                        return false;
+                    // 非自动展示的报错继续向外抛出
+                    throw error;
+                })
+                    .finally(() => {
+                    this.showPromise = undefined;
+                    this.showRejection = undefined;
+                });
+                this.showPromise = showPromise;
+                return showPromise;
+            })
+        });
+        /** 隐藏户型图 */
+        Object.defineProperty(this, "hide", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (options) => {
+                var _a, _b;
+                if (this.size.width === 0)
+                    return true;
+                if (this.visible === false)
+                    return true;
+                const isAutoHide = !!(options === null || options === void 0 ? void 0 : options.isAutoHide);
+                this.five.off('wantsGesture', this.handleWantsGesture);
+                this.five.off('wantsTapGesture', this.handleWantsTapGesture);
+                this.visible = false;
+                (_a = this.showRejection) === null || _a === void 0 ? void 0 : _a.call(this, FloorplanErrorType.BreakOffByHide);
+                changeModelCanvasOpacity(this.five, 1, 0);
+                this.render();
+                this.hooks.emit('hide', { auto: isAutoHide, userAction: (_b = options === null || options === void 0 ? void 0 : options.userAction) !== null && _b !== void 0 ? _b : true });
+                return true;
+            }
+        });
+        /** 模型楼层高亮改变时，自动进行楼层切换 */
+        Object.defineProperty(this, "onModelShownFloorChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (shownFloor) => {
+                if (shownFloor === null)
+                    return;
+                this.floorIndex = shownFloor;
+                this.updateSize();
+                this.render();
+            }
+        });
+        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);
+            }
+        });
+        Object.defineProperty(this, "handleClick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.visible)
+                    return;
+                const prevented = this.hooks.emit('click');
+                if (prevented)
+                    return false;
+            }
+        });
+        Object.defineProperty(this, "handleWantsTapGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.handleClick()
+        });
+        /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
+        Object.defineProperty(this, "handleWantsChangeMode", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode) => {
+                if (mode !== 'Panorama') {
+                    this.lastPanoramaLongitude = this.five.getCurrentState().longitude;
+                }
+                if (mode !== 'Floorplan')
+                    this.hide();
+            }
+        });
+        /** 监听模型态变化，只有在模型态才进行手势动作监听 */
+        Object.defineProperty(this, "handleModeChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode) => {
+                if (mode === 'Floorplan') {
+                    this.five.on('panGesture', this.handlePanGesture);
+                }
+                else {
+                    this.hide();
+                    this.five.off('panGesture', this.handlePanGesture);
+                }
+            }
+        });
+        /** 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;
+            }
+        });
+        /** 当户型图正在展示中的时候禁用惯性 */
+        Object.defineProperty(this, "handleWantsInteriaPan", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (this.visible)
+                    return false;
+            }
+        });
+        /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
+        Object.defineProperty(this, "handleWantsGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (type, pointers) => {
+                if (!this.visible)
+                    return;
+                if (pointers.length > 1)
+                    return false;
+                if (type === 'mouseWheel')
+                    return false;
+            }
+        });
+        /** 监听三维模型滑动
+         * 1. 在三维模型转动结束时，如果达到设置的阈值，会自动切换到户型图
+         * 2. 如何户型图已经展示，滑动时关闭户型图
+         */
+        Object.defineProperty(this, "handlePanGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ({ latitude, longitude }, isFinal) => __awaiter(this, void 0, void 0, function* () {
+                if (this.configs.autoShowEnable === false)
+                    return;
+                // 如果操作结束后，户型图还在展示中，初始化模型状态
+                if (isFinal && this.visible)
+                    return this.five.setState(this.showState, true);
+                // 满足消失的条件：
+                // 水平旋转角大于正负 5 度 || 俯仰角度大于 5 度
+                const latitudeHide = Math.abs(latitude - Math.PI / 2) > (5 * Math.PI) / 180;
+                const longitudeHide = longitude > 5 * (Math.PI / 180) && longitude < 355 * (Math.PI / 180);
+                const canHide = latitudeHide || longitudeHide;
+                if (this.visible && canHide)
+                    return this.hide({ isAutoHide: true });
+                if (this.five.camera.fov / FIVE_CAMERA_DEFAULT_FOV < 0.8)
+                    return;
+                // 户型图展示条件：
+                // 水平旋转角正负 30 度 && 俯仰角度小于 10 度
+                const latitudeVisible = Math.abs(latitude - Math.PI / 2) < (10 * Math.PI) / 180;
+                const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
+                if (isFinal && !this.visible && latitudeVisible && longitudeVisible) {
+                    // 当手指离开时需要等惯性结束之后在进行判断
+                    const handleInteriaPan = (any, isFinal) => __awaiter(this, void 0, void 0, function* () {
+                        if (!isFinal)
+                            return;
+                        this.five.off('interiaPan', handleInteriaPan);
+                        yield this.show({ isAutoShow: true });
+                    });
+                    this.five.on('interiaPan', handleInteriaPan);
+                    return;
+                }
+            })
+        });
         this.five = five$1;
         this.hooks = new five.Subscribe();
         this.selector = params.selector;
         this.configs = omit(params, ['selector']);
-        this.showState = { longitude: 0, latitude: Math.PI / 2, fov: FIVE_CAMERA_DEFAULT_FOV / (params?.scale ?? 1) };
+        this.showState = { longitude: 0, latitude: Math.PI / 2, fov: FIVE_CAMERA_DEFAULT_FOV / ((_a = params === null || params === void 0 ? void 0 : params.scale) !== null && _a !== void 0 ? _a : 1) };
         // 设置 container 样式
         this.container.classList.add('floorplan-plugin');
         Object.assign(this.container.style, {
@@ -3520,25 +3995,13 @@ class ModelFloorplanPluginController {
         five$1.on('wantsInteriaPan', this.handleWantsInteriaPan);
         five$1.on('modelShownFloorChange', this.onModelShownFloorChange);
     }
-    dispose = () => {
-        const five = this.five;
-        this.hide();
-        this.app?.$destroy();
-        this.container?.remove();
-        five.off('modelLoaded', this.handleModelLoaded);
-        five.off('modeChange', this.handleModeChange);
-        five.off('panGesture', this.handlePanGesture);
-        five.off('panoArrived', this.handlePanoArrived);
-        five.off('wantsChangeMode', this.handleWantsChangeMode);
-        five.off('wantsInteriaPan', this.handleWantsInteriaPan);
-        five.off('wantsTapGesture', this.handleWantsTapGesture);
-        five.off('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) {
@@ -3546,130 +4009,6 @@ class ModelFloorplanPluginController {
         wrapper.appendChild(this.container);
         return this;
     }
-    /** 更新户型图大小 */
-    updateSize = () => {
-        if (!this.floorplanData)
-            return;
-        if (!checkShowState(this.five, this.showState))
-            return;
-        if (!this.container || !this.wrapper)
-            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);
-        if (this.size.width === _width && this.size.height === _height)
-            return;
-        this.pxmm = pxmm;
-        this.size = { width: _width, height: _height };
-        this.container.style.width = _width + 'px';
-        this.container.style.height = _height + 'px';
-    };
-    /** 展示户型图
-     * 1. show 函数大部分情况下需要耗时
-     * 2. 如果当前已经在展示中，将不会触发任何事件
-     * 3. 如果展示过程被中断，将抛出错误
-     * 4. 多次调用 show 方法，只会触发一次 showAnimationEnded 事件，但是展示结果会取决于最后一次调用参数
-     * 5. 如果多次调用 show 方法，参数与上次参数不一致时，上次 show Promise 会被 reject
-     * @param opts.floorIndex 楼层
-     * @param opts.modelOpacity 模型透明度
-     * @param opts.immediately 是否立即展示
-     * @param opts.isAutoShow 是否是自动展示
-     */
-    show = async (opts) => {
-        // 已经在展示中了
-        if (!this.showPromise && this.visible)
-            return true;
-        if (!this.five.model?.loaded)
-            throw new Error(FloorplanErrorType.ModelNotLoaded);
-        if (!this.floorplanData)
-            throw new Error(FloorplanErrorType.DataNotLoaded);
-        this.visible = true;
-        if (this.showPromise) {
-            const sameWithLastOpts = equal(opts, this.ModelFloorplanPluginsShowOpts, { deep: false });
-            if (!!this.showPromise && sameWithLastOpts)
-                return this.showPromise;
-            if (!!this.showPromise && !sameWithLastOpts)
-                this.showRejection?.(FloorplanErrorType.DifferentShowParams);
-        }
-        this.ModelFloorplanPluginsShowOpts = opts;
-        const getShowPromise = async () => {
-            let hasRejected = false;
-            let externalErrorMsg;
-            this.showRejection = (errorMsg) => {
-                hasRejected = true;
-                externalErrorMsg = errorMsg;
-            };
-            const [correctError] = await to(correctFiveState(this.five, this.showState, opts?.userAction));
-            if (correctError)
-                throw correctError;
-            // 异步结束要判断当前是不是被中断了，是不是调用了隐藏
-            if (hasRejected)
-                throw externalErrorMsg ? new Error(externalErrorMsg) : new Error(FloorplanErrorType.UnknownError);
-            if (!this.visible)
-                throw new Error(FloorplanErrorType.UnknownError);
-            // 更新户型图状态
-            this.visible = true;
-            // 更新户型图大小
-            this.updateSize();
-            // 高亮当前楼层，有两个目的
-            // 1. 点击模型时，可以跳转到当前楼层的点位上
-            // 2. 当前楼层比较小时，户型图也比较小，如果展示全部楼层，会展示户型图外有一圈模型
-            if (opts?.floorIndex)
-                this.floorIndex = opts.floorIndex;
-            this.five.model.show(this.floorIndex);
-            // 模型消失, 渲染户型图
-            const modelOpacity = opts?.modelOpacity ?? this.configs.modelOpacity ?? 1;
-            const renderDuration = opts?.immediately ? 0 : SHOW_ANIME_DURATION;
-            changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
-            this.render(renderDuration);
-            // 展示之后的事件监听
-            this.five.on('wantsGesture', this.handleWantsGesture);
-            this.five.on('wantsTapGesture', this.handleWantsTapGesture);
-            return true;
-        };
-        const showPromise = getShowPromise()
-            .then(() => {
-            this.hooks.emit('showAnimationEnded', { auto: !!opts?.isAutoShow, userAction: opts?.userAction ?? true });
-            return true;
-        })
-            .catch((error) => {
-            // 自动展示的报错内部处理
-            if (opts?.isAutoShow)
-                return false;
-            if (!(error instanceof Error))
-                return false;
-            // 非自动展示的报错继续向外抛出
-            throw error;
-        })
-            .finally(() => {
-            this.showPromise = undefined;
-            this.showRejection = undefined;
-        });
-        this.showPromise = showPromise;
-        return showPromise;
-    };
-    /** 隐藏户型图 */
-    hide = (options) => {
-        if (this.size.width === 0)
-            return true;
-        if (this.visible === false)
-            return true;
-        const isAutoHide = !!options?.isAutoHide;
-        this.five.off('wantsGesture', this.handleWantsGesture);
-        this.five.off('wantsTapGesture', this.handleWantsTapGesture);
-        this.visible = false;
-        this.showRejection?.(FloorplanErrorType.BreakOffByHide);
-        changeModelCanvasOpacity(this.five, 1, 0);
-        this.render();
-        this.hooks.emit('hide', { auto: isAutoHide, userAction: options?.userAction ?? true });
-        return true;
-    };
     /** 更改户型图楼层 */
     changeFloor(floorIndex) {
         this.five.model.show(floorIndex);
@@ -3682,126 +4021,26 @@ class ModelFloorplanPluginController {
             return;
         this.render();
     }
-    /** 模型楼层高亮改变时，自动进行楼层切换 */
-    onModelShownFloorChange = (shownFloor) => {
-        if (shownFloor === null)
-            return;
-        this.floorIndex = shownFloor;
-        this.updateSize();
-        this.render();
-    };
-    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);
-    };
-    handleClick = () => {
-        if (!this.visible)
-            return;
-        const prevented = this.hooks.emit('click');
-        if (prevented)
-            return false;
-    };
-    handleWantsTapGesture = () => this.handleClick();
-    /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
-    handleWantsChangeMode = (mode) => {
-        if (mode !== 'Panorama') {
-            this.lastPanoramaLongitude = this.five.getCurrentState().longitude;
-        }
-        if (mode !== 'Floorplan')
-            this.hide();
-    };
-    /** 监听模型态变化，只有在模型态才进行手势动作监听 */
-    handleModeChange = (mode) => {
-        if (mode === 'Floorplan') {
-            this.five.on('panGesture', this.handlePanGesture);
-        }
-        else {
-            this.hide();
-            this.five.off('panGesture', this.handlePanGesture);
-        }
-    };
-    /** panoIndex 改变时，更新 floorIndex */
-    handlePanoArrived = (index) => {
-        if (!this.five?.work)
-            return;
-        this.panoIndex = index;
-        this.floorIndex = this.five.work.observers[index].floorIndex;
-    };
-    /** 当户型图正在展示中的时候禁用惯性 */
-    handleWantsInteriaPan = () => {
-        if (this.visible)
-            return false;
-    };
-    /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
-    handleWantsGesture = (type, pointers) => {
-        if (!this.visible)
-            return;
-        if (pointers.length > 1)
-            return false;
-        if (type === 'mouseWheel')
-            return false;
-    };
-    /** 监听三维模型滑动
-     * 1. 在三维模型转动结束时，如果达到设置的阈值，会自动切换到户型图
-     * 2. 如何户型图已经展示，滑动时关闭户型图
-     */
-    handlePanGesture = async ({ latitude, longitude }, isFinal) => {
-        if (this.configs.autoShowEnable === false)
-            return;
-        // 如果操作结束后，户型图还在展示中，初始化模型状态
-        if (isFinal && this.visible)
-            return this.five.setState(this.showState, true);
-        // 满足消失的条件：
-        // 水平旋转角大于正负 5 度 || 俯仰角度大于 5 度
-        const latitudeHide = Math.abs(latitude - Math.PI / 2) > (5 * Math.PI) / 180;
-        const longitudeHide = longitude > 5 * (Math.PI / 180) && longitude < 355 * (Math.PI / 180);
-        const canHide = latitudeHide || longitudeHide;
-        if (this.visible && canHide)
-            return this.hide({ isAutoHide: true });
-        if (this.five.camera.fov / FIVE_CAMERA_DEFAULT_FOV < 0.8)
-            return;
-        // 户型图展示条件：
-        // 水平旋转角正负 30 度 && 俯仰角度小于 10 度
-        const latitudeVisible = Math.abs(latitude - Math.PI / 2) < (10 * Math.PI) / 180;
-        const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
-        if (isFinal && !this.visible && latitudeVisible && longitudeVisible) {
-            // 当手指离开时需要等惯性结束之后在进行判断
-            const handleInteriaPan = async (any, isFinal) => {
-                if (!isFinal)
-                    return;
-                this.five.off('interiaPan', handleInteriaPan);
-                await this.show({ isAutoShow: true });
-            };
-            this.five.on('interiaPan', handleInteriaPan);
-            return;
-        }
-    };
     render(duration) {
         if (!this.container || !this.floorplanData)
             return;
         if (this.size.width === 0)
             return;
-        const { hoverEnable, cameraImageUrl, getLabelElement, roomLabelsEnable, compassEnable, ruleLabelsEnable } = this.configs;
+        const { northDesc, hoverEnable, cameraImageUrl, getLabelElement, roomLabelsEnable, compassEnable, ruleLabelsEnable } = this.configs;
         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: this.handleClick,