@realsee/dnalogel 2.0.0-alpha.16 → 2.0.0-alpha.19

package/dist/floorplan/PanoFloorplanRadarPlugin/index.js

@@ -4,32 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var internal = require('svelte/internal');
 var svelte = require('svelte');
-var three = require('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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';
 
@@ -55,7 +29,7 @@ function throttle(func, wait = 200) {
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
 
 function add_css$7(target) {
-	internal.append_styles(target, "svelte-o7uo2v", ".plugin-radar__camera-wrapper.svelte-o7uo2v{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-o7uo2v{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-o7uo2v{position:absolute;left:-15px;top:-15px;width:17px;height:17px;transform-origin:15px 15px;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
+	internal.append_styles(target, "svelte-1ty3s4p", ".plugin-radar__camera-wrapper.svelte-1ty3s4p{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1ty3s4p{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1ty3s4p{position:absolute;left:-0.78125rem;top:-0.78125rem;width:0.88542rem;height:0.88542rem;transform-origin:0.78125rem 0.78125rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
 }
 
 function create_fragment$8(ctx) {
@@ -68,12 +42,12 @@ function create_fragment$8(ctx) {
 			div2 = internal.element("div");
 			div1 = internal.element("div");
 			div0 = internal.element("div");
-			internal.attr(div0, "class", "plugin-radar__camera-rotate svelte-o7uo2v");
+			internal.attr(div0, "class", "plugin-radar__camera-rotate svelte-1ty3s4p");
 			internal.set_style(div0, "background-image", "url(" + (/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE) + ")");
 			internal.set_style(div0, "transform", /*rotateTransform*/ ctx[1], false);
-			internal.attr(div1, "class", "plugin-radar__camera-position svelte-o7uo2v");
+			internal.attr(div1, "class", "plugin-radar__camera-position svelte-1ty3s4p");
 			internal.set_style(div1, "transform", /*positionTransform*/ ctx[2], false);
-			internal.attr(div2, "class", "plugin-radar__camera-wrapper svelte-o7uo2v");
+			internal.attr(div2, "class", "plugin-radar__camera-wrapper svelte-1ty3s4p");
 		},
 		m(target, anchor) {
 			internal.insert(target, div2, anchor);
@@ -189,7 +163,7 @@ class Camera extends internal.SvelteComponent {
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.47.0 */
 
 function add_css$6(target) {
-	internal.append_styles(target, "svelte-8n0d4v", ".plugin-pano-floorplan__extra-objects.svelte-8n0d4v{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-8n0d4v{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-8n0d4v{transform:translate(-50%, -50%)}");
+	internal.append_styles(target, "svelte-1i87fz7", ".plugin-pano-floorplan__extra-objects.svelte-1i87fz7{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-1i87fz7{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-1i87fz7{transform:translate(-50%, -50%)}");
 }
 
 function get_each_context$1(ctx, list, i) {
@@ -215,11 +189,11 @@ function create_each_block$1(key_1, ctx) {
 			div1 = internal.element("div");
 			div0 = internal.element("div");
 			t = internal.space();
-			internal.attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-8n0d4v");
+			internal.attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-1i87fz7");
 			internal.set_style(div0, "background-image", `url(${/*extraObject*/ ctx[1].icon.url})`);
 			internal.set_style(div0, "width", style_width, false);
 			internal.set_style(div0, "height", style_height, false);
-			internal.attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-8n0d4v");
+			internal.attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-1i87fz7");
 			internal.set_style(div1, "top", style_top, false);
 			internal.set_style(div1, "left", style_left, false);
 			this.first = div1;
@@ -279,7 +253,7 @@ function create_fragment$7(ctx) {
 				each_blocks[i].c();
 			}
 
-			internal.attr(div, "class", "plugin-pano-floorplan__extra-objects svelte-8n0d4v");
+			internal.attr(div, "class", "plugin-pano-floorplan__extra-objects svelte-1i87fz7");
 		},
 		m(target, anchor) {
 			internal.insert(target, div, anchor);
@@ -326,7 +300,7 @@ class ExtraObjects extends internal.SvelteComponent {
 /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.47.0 */
 
 function add_css$5(target) {
-	internal.append_styles(target, "svelte-1cuuebb", "img.svelte-1cuuebb{width:100%;height:100%}");
+	internal.append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
 }
 
 function create_fragment$6(ctx) {
@@ -338,7 +312,7 @@ function create_fragment$6(ctx) {
 			img = internal.element("img");
 			if (!internal.src_url_equal(img.src, img_src_value = /*url*/ ctx[0])) internal.attr(img, "src", img_src_value);
 			internal.attr(img, "alt", "floorplan iamge");
-			internal.attr(img, "class", "svelte-1cuuebb");
+			internal.attr(img, "class", "svelte-1gfoniz");
 		},
 		m(target, anchor) {
 			internal.insert(target, img, anchor);
@@ -376,7 +350,7 @@ class Normalmage extends internal.SvelteComponent {
 /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.47.0 */
 
 function add_css$4(target) {
-	internal.append_styles(target, "svelte-1qqy56u", ".floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}");
+	internal.append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
 }
 
 function create_fragment$5(ctx) {
@@ -393,7 +367,7 @@ function create_fragment$5(ctx) {
 			html_tag_1 = new internal.HtmlTag();
 			html_tag.a = t;
 			html_tag_1.a = null;
-			internal.attr(div, "class", "floorplan-plugin__base-image svelte-1qqy56u");
+			internal.attr(div, "class", "floorplan-plugin__base-image svelte-ub47ya");
 		},
 		m(target, anchor) {
 			internal.insert(target, div, anchor);
@@ -423,8 +397,7 @@ function instance$5($$self, $$props, $$invalidate) {
       }
       svg [type='lineItemGroup'] g g g g {
         stroke: #ffffff;
-      }
-    </style>
+      }</style>
   `;
 
 	$$self.$$set = $$props => {
@@ -444,7 +417,7 @@ class SvgImage extends internal.SvelteComponent {
 /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.47.0 */
 
 function add_css$3(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}");
+	internal.append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
 }
 
 // (13:22) 
@@ -540,7 +513,7 @@ function create_fragment$4(ctx) {
 		c() {
 			div = internal.element("div");
 			if (if_block) if_block.c();
-			internal.attr(div, "class", "floorplan-plugin__base-image svelte-126ja8e");
+			internal.attr(div, "class", "floorplan-plugin__base-image svelte-ozpg4a");
 		},
 		m(target, anchor) {
 			internal.insert(target, div, anchor);
@@ -663,9 +636,9 @@ function pathD(points, options = {}) {
     return d + (needZ ? 'Z' : '');
 }
 /** 把户型图上点点位转换到 SVG 上的点位 */
-function formatFloorplanPoint({ x, y }, pxmm, bounding) {
+function formatFloorplanPoint({ x, y }, bounding) {
     const { max, min } = bounding;
-    return { x: (x - min.x) * pxmm, y: (max.y - y) * pxmm };
+    return { x: x - min.x, y: max.y - y };
 }
 /** 模型坐标转户型图坐标 */
 function modelPosition2FloorplanPosition(position, floorplanData) {
@@ -696,7 +669,7 @@ function getFloorIndexFromModelPosition(position, five) {
 /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.47.0 */
 
 function add_css$2(target) {
-	internal.append_styles(target, "svelte-11takew", "path.svelte-11takew{opacity:0}path.svelte-11takew:hover{opacity:0.1}");
+	internal.append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
 }
 
 function create_fragment$3(ctx) {
@@ -707,7 +680,7 @@ function create_fragment$3(ctx) {
 			path = internal.svg_element("path");
 			internal.attr(path, "d", /*_pathD*/ ctx[0]);
 			internal.attr(path, "fill", `#fff`);
-			internal.attr(path, "class", "svelte-11takew");
+			internal.attr(path, "class", "svelte-19uvvss");
 		},
 		m(target, anchor) {
 			internal.insert(target, path, anchor);
@@ -722,45 +695,43 @@ function create_fragment$3(ctx) {
 }
 
 function instance$3($$self, $$props, $$invalidate) {
-	let { pxmm } = $$props;
 	let { room } = $$props;
 	let { floorplanData } = $$props;
 	const { bounding } = floorplanData;
 
 	const _pathD = pathD(room.path, {
 		needZ: true,
-		format: vector => formatFloorplanPoint(vector, pxmm, bounding)
+		format: vector => formatFloorplanPoint(vector, bounding)
 	});
 
 	$$self.$$set = $$props => {
-		if ('pxmm' in $$props) $$invalidate(1, pxmm = $$props.pxmm);
-		if ('room' in $$props) $$invalidate(2, room = $$props.room);
-		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+		if ('room' in $$props) $$invalidate(1, room = $$props.room);
+		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
 	};
 
-	return [_pathD, pxmm, room, floorplanData];
+	return [_pathD, room, floorplanData];
 }
 
 class Room extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, { pxmm: 1, room: 2, floorplanData: 3 }, add_css$2);
+		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, { room: 1, floorplanData: 2 }, add_css$2);
 	}
 }
 
 /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.47.0 */
 
 function add_css$1(target) {
-	internal.append_styles(target, "svelte-1aais5l", ".floorplan-plugin__room-highlight.svelte-1aais5l{position:absolute;width:100%;height:100%;pointer-events:all}svg.svelte-1aais5l{width:100%;height:100%;overflow:visible}");
+	internal.append_styles(target, "svelte-1kqo6e4", ".floorplan-plugin__room-highlight.svelte-1kqo6e4{position:absolute;width:100%;height:100%}svg.svelte-1kqo6e4{width:100%;height:100%;overflow:visible}");
 }
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[12] = list[i];
+	child_ctx[4] = list[i];
 	return child_ctx;
 }
 
-// (41:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
+// (10:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
 function create_each_block(key_1, ctx) {
 	let first;
 	let room;
@@ -768,9 +739,8 @@ function create_each_block(key_1, ctx) {
 
 	const room_spread_levels = [
 		{
-			room: /*room*/ ctx[12],
-			floorplanData: /*floorplanData*/ ctx[2],
-			pxmm: /*pxmm*/ ctx[0]
+			room: /*room*/ ctx[4],
+			floorplanData: /*floorplanData*/ ctx[1]
 		}
 	];
 
@@ -798,12 +768,11 @@ function create_each_block(key_1, ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			const room_changes = (dirty & /*floorplanData, floorIndex, pxmm*/ 7)
+			const room_changes = (dirty & /*floorplanData, floorIndex*/ 3)
 			? internal.get_spread_update(room_spread_levels, [
 					{
-						room: /*room*/ ctx[12],
-						floorplanData: /*floorplanData*/ ctx[2],
-						pxmm: /*pxmm*/ ctx[0]
+						room: /*room*/ ctx[4],
+						floorplanData: /*floorplanData*/ ctx[1]
 					}
 				])
 			: {};
@@ -831,12 +800,9 @@ function create_fragment$2(ctx) {
 	let svg;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
-	let div_resize_listener;
 	let current;
-	let mounted;
-	let dispose;
-	let each_value = /*floorplanData*/ ctx[2].floorDatas[/*floorIndex*/ ctx[1]].rooms;
-	const get_key = ctx => /*room*/ ctx[12].id;
+	let each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].rooms;
+	const get_key = ctx => /*room*/ ctx[4].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context(ctx, each_value, i);
@@ -853,9 +819,11 @@ function create_fragment$2(ctx) {
 				each_blocks[i].c();
 			}
 
-			internal.attr(svg, "class", "svelte-1aais5l");
-			internal.attr(div, "class", "floorplan-plugin__room-highlight svelte-1aais5l");
-			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
+			internal.attr(svg, "width", "100%");
+			internal.attr(svg, "height", "100%");
+			internal.attr(svg, "viewBox", `0 0 ${/*boundingWidth*/ ctx[2]} ${/*boundingHeight*/ ctx[3]}`);
+			internal.attr(svg, "class", "svelte-1kqo6e4");
+			internal.attr(div, "class", "floorplan-plugin__room-highlight svelte-1kqo6e4");
 		},
 		m(target, anchor) {
 			internal.insert(target, div, anchor);
@@ -865,18 +833,11 @@ function create_fragment$2(ctx) {
 				each_blocks[i].m(svg, null);
 			}
 
-			/*div_binding*/ ctx[9](div);
-			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[10].bind(div));
 			current = true;
-
-			if (!mounted) {
-				dispose = internal.listen(div, "click", /*handleClick*/ ctx[6]);
-				mounted = true;
-			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*floorplanData, floorIndex, pxmm*/ 7) {
-				each_value = /*floorplanData*/ ctx[2].floorDatas[/*floorIndex*/ ctx[1]].rooms;
+			if (dirty & /*floorplanData, floorIndex*/ 3) {
+				each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].rooms;
 				internal.group_outros();
 				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, internal.outro_and_destroy_block, create_each_block, null, get_each_context);
 				internal.check_outros();
@@ -904,106 +865,28 @@ function create_fragment$2(ctx) {
 			for (let i = 0; i < each_blocks.length; i += 1) {
 				each_blocks[i].d();
 			}
-
-			/*div_binding*/ ctx[9](null);
-			div_resize_listener();
-			mounted = false;
-			dispose();
 		}
 	};
 }
 
 function instance$2($$self, $$props, $$invalidate) {
-	let { five } = $$props;
-	let { pxmm } = $$props;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
-	let { onRoomHeightClick } = $$props;
-	let clientWidth;
-	let clientHeight;
-	let highlightContainerDom;
-	const { observers: floorplan_observers } = floorplanData;
-
-	const handleClick = function (e) {
-		if ((onRoomHeightClick === null || onRoomHeightClick === void 0
-		? void 0
-		: onRoomHeightClick(e)) === false) return;
-
-		// 因为 mouse.offsetX 的兼容性问题，手动计算 mouse offsetX offsetY
-		const boundingClientRect = highlightContainerDom.getBoundingClientRect();
-
-		const mouseClientVector = new three.Vector2(e.clientX, e.clientY);
-		const domTopLeftVector = new three.Vector2(boundingClientRect.left, boundingClientRect.top);
-		const mouseOffsetVector = mouseClientVector.clone().sub(domTopLeftVector);
-
-		// px 转换为 百分比
-		const mouseOffsetRelativeVector = new three.Vector2(mouseOffsetVector.x / clientWidth, mouseOffsetVector.y / clientHeight);
-
-		const closestPoint = floorplan_observers.filter(observer => observer.floorIndex === floorIndex).sort((ob1, ob2) => {
-			const position1 = new three.Vector2(ob1.positionInImage.x, ob1.positionInImage.y);
-			const position2 = new three.Vector2(ob2.positionInImage.x, ob2.positionInImage.y);
-			return position1.distanceTo(mouseOffsetRelativeVector) - position2.distanceTo(mouseOffsetRelativeVector);
-		})[0];
-
-		five.moveToPano(closestPoint.index);
-	};
-
-	function div_binding($$value) {
-		internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-			highlightContainerDom = $$value;
-			$$invalidate(5, highlightContainerDom);
-		});
-	}
-
-	function div_elementresize_handler() {
-		clientWidth = this.clientWidth;
-		clientHeight = this.clientHeight;
-		$$invalidate(3, clientWidth);
-		$$invalidate(4, clientHeight);
-	}
+	const boundingWidth = floorplanData.bounding.max.x - floorplanData.bounding.min.x;
+	const boundingHeight = floorplanData.bounding.max.y - floorplanData.bounding.min.y;
 
 	$$self.$$set = $$props => {
-		if ('five' in $$props) $$invalidate(7, five = $$props.five);
-		if ('pxmm' in $$props) $$invalidate(0, pxmm = $$props.pxmm);
-		if ('floorIndex' in $$props) $$invalidate(1, floorIndex = $$props.floorIndex);
-		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
-		if ('onRoomHeightClick' in $$props) $$invalidate(8, onRoomHeightClick = $$props.onRoomHeightClick);
+		if ('floorIndex' in $$props) $$invalidate(0, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(1, floorplanData = $$props.floorplanData);
 	};
 
-	return [
-		pxmm,
-		floorIndex,
-		floorplanData,
-		clientWidth,
-		clientHeight,
-		highlightContainerDom,
-		handleClick,
-		five,
-		onRoomHeightClick,
-		div_binding,
-		div_elementresize_handler
-	];
+	return [floorIndex, floorplanData, boundingWidth, boundingHeight];
 }
 
 class RoomHighlight extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-
-		internal.init(
-			this,
-			options,
-			instance$2,
-			create_fragment$2,
-			internal.safe_not_equal,
-			{
-				five: 7,
-				pxmm: 0,
-				floorIndex: 1,
-				floorplanData: 2,
-				onRoomHeightClick: 8
-			},
-			add_css$1
-		);
+		internal.init(this, options, instance$2, create_fragment$2, internal.safe_not_equal, { floorIndex: 0, floorplanData: 1 }, add_css$1);
 	}
 }
 
@@ -1237,7 +1120,7 @@ class CurrentFloor extends internal.SvelteComponent {
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
 
 function add_css(target) {
-	internal.append_styles(target, "svelte-7d8ub2", ".plugin-floorplan-radar.svelte-7d8ub2{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-7d8ub2{position:relative}");
+	internal.append_styles(target, "svelte-1mvqyqq", ".plugin-floorplan-radar.svelte-1mvqyqq{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-1mvqyqq{position:relative}");
 }
 
 // (41:2) {#if clientWidth !== 0}
@@ -1292,7 +1175,7 @@ function create_if_block(ctx) {
 			internal.create_component(currentfloor.$$.fragment);
 			t = internal.space();
 			internal.create_component(camera.$$.fragment);
-			internal.attr(div, "class", "plugin-floorplan-radar-container svelte-7d8ub2");
+			internal.attr(div, "class", "plugin-floorplan-radar-container svelte-1mvqyqq");
 			internal.set_style(div, "width", style_width, false);
 			internal.set_style(div, "height", style_height, false);
 		},
@@ -1369,7 +1252,7 @@ function create_fragment(ctx) {
 		c() {
 			div = internal.element("div");
 			if (if_block) if_block.c();
-			internal.attr(div, "class", "plugin-floorplan-radar svelte-7d8ub2");
+			internal.attr(div, "class", "plugin-floorplan-radar svelte-1mvqyqq");
 			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[11].call(div));
 		},
 		m(target, anchor) {
@@ -1519,26 +1402,22 @@ class Main extends internal.SvelteComponent {
 
 const FLOORPLAN_EXTRA_OBJECT_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAwCAYAAACFUvPfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALaADAAQAAAABAAAAMAAAAADe2FZjAAAEF0lEQVRoBe2WzWskRRiHf13V092TxI2oEzYeVDwITtyDuCiihwiCePGgxIM3vYgHL4J4UIhBRA8i/gPqyUvWg7AiIuIeloDiYUHJLOK6BPwIk9nNODM9Xf1RVe1b3elJRjCZmQ6euqGmuqer33rq4e23GqiOykBloDJQGagMVAYqA5WBykBlYFYD1qwP/tdzaZqOx9zYOLxeX0+L5yzLGp0X/03a25MOnGRcBtx+6Rlo9SL08G4EooFnxa8Yiivox5/h5Ys/4cl7NVorNDRnngX+0MIkVMeMSf23zyKML8J7/Dy8hwF2Buh9CnS+AEQIdLspBuGb+M7/qLW4qJrNpsLapjYhpwVnx3BMfCtNNx3Etc9xywvnMf80wG8HmQainw0RxSGrnmeBp+8k5/j9S0HbvXb5io0Lz880/0wPHV1NlhLd316He+4xOCv5ragF7L9PrH1qBJyB0626x/lC+qrSvH5r/W+n1WpxUM5nMY4GPeH8lHJaPgfeAFQHCL+ntkXT+vnUc3W6pvTIwC0wy3rA4dwLmK2avZ7Eo9uKBuYJfgJscbs8dLCxDMt+EOEPBEZNEWyBYHqTz6bPXrzUnNrSShxHIsYiOL69zrCGLLcLqJP68tB+9w5wj+YhWDafQ2s61wNqxjZhmrQ2pvMFCEvXuCUZ7wqH794ZWs28LJqlTXSUyuksF2M/yOwqgkx2c1ADa4wLAQRk2sAGQQakhN6yFC2hltfz5kSY44NKQeeh+vtI/SSzWhg2CzCgmWISmKUGmaYFBDfCSymnfxJ6/+ospVcWOLLp5DGP/y0P/Rp66O99DQNq7Po3Ds0a0wY+My2QSv2N2mO/OyxR2o6UQk+Lv7yJ06JYSnnolZVU9cUn2O9SmaMWGFBqYXRwbqAJWIi94TX5biotpcGl1DXZ6LnqIbNDTnmUgi52Mv5l5ysMxIcZcGjy2DTK4ZHlcBC14zeSge4qphICjj3bS0A7o9nSp2TOkm7aZ8bGZy/jxhO87V91G0+dfY/Z7BWIIK9KYUi5qy/Hf8YfBG3sqJTHiQWhmTVkbip+wX3x6volVSx+LPAxF+VLXhZ8VQ+iP2Rta/iWe5v42Fngj0BbdnRTXh12ZIcKhTaGbcYjybRwXBU1lu9KlndXp04NM52poKWO0RZsviNaP9a6grkO972+st05pXhE5c1hTEluJy7XUejGUQNLMbAmTdWY1rKBLW3aTJqBZ7nZkb36DhYCreeYHbMUXHvaYi5XDK70EcgulmRjm77wNtenzuXCbmnTRaAx493rbGf3Jr/njMzj920CnKdUaFCjlDioy7NYNvOdGrQJNgI32/L2tkXfFPlxgToqjWVhD6KdLnQRdARf/HHQz2r2X2Gqy8pAZaAyUBmoDFQGKgP/q4F/AJYg9/s0ZoABAAAAAElFTkSuQmCC';
 
-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;
-            });
+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,
         };
-        const svgOutlineItems = yield Promise.all(outlines.map(getOutlineItem));
-        return svgOutlineItems;
-    });
+        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;
 }
 function formatRoom(data) {
     const floorplanRoomItem = {
@@ -1584,21 +1463,19 @@ function formatFloorplanEntrance(data) {
     };
     return floorplanEntrance;
 }
-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;
-    });
+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 formatExtraObjects(data, five, floorplanData) {
     const extraObjects = data.map((object) => {
@@ -1681,9 +1558,9 @@ class PanoFloorplanRadarPluginController {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (data) => __awaiter(this, void 0, void 0, function* () {
+            value: async (data) => {
                 const copyData = JSON.parse(JSON.stringify(data));
-                const floorplanData = yield formatData(copyData);
+                const floorplanData = await formatData(copyData);
                 this.data = floorplanData;
                 // const loadImage = async () => {
                 //   const floorIndex = this.five.work.observers[this.five.getCurrentState().panoIndex].floorIndex
@@ -1701,7 +1578,7 @@ class PanoFloorplanRadarPluginController {
                 // }
                 // await loadImage()
                 this.render();
-            })
+            }
         });
         this.five = five;
         (params === null || params === void 0 ? void 0 : params.configs) && Object.assign(this.configs, params.configs);

package/dist/floorplan/TopviewFloorplanPlugin/Controller.d.ts

@@ -1,22 +1,34 @@
 import type { Five } from '@realsee/five';
+import type { FLOOR_PLAN_ATTACHED_TO } from '../constant';
 import type { FloorplanServerData } from '../typings/floorplanServerData';
 import type { FloorplanRoomItem } from '../typings/floorplanData';
-import { FLOOR_PLAN_ATTACHED_TO } from '../constant';
-export interface TopviewFloorplanPluginParameterType {
+/** TopviewFloorplanPlugin 配置参数 */
+interface Configs {
     northDesc?: string;
-    selector?: string | Element;
-    scale?: number;
     modelOpacity?: number;
     cameraImageUrl?: string;
+    /** 是否开启高亮房间功能，默认为 false */
     hoverEnable?: boolean;
+    /** 是否开启放大缩小和拖动功能，默认为 false */
+    gestureEnable?: boolean;
+    /** 是否展示指南针，默认为 true */
     compassEnable?: boolean;
-    autoShowEnable?: boolean;
+    /** 是否展示户型图标尺，默认为 true */
     ruleLabelsEnable?: boolean;
+    /** 是否展示房间标签，默认为 true */
     roomLabelsEnable?: boolean;
+    /** 点击房间时，是否需要跳转到被点房间的全景态点位上，默认为 true */
     preventRoomClick?: boolean;
+    /** 户型图展示时，应该对应到模型的哪个位置上，默认是 BOUNDING_CENTER */
     attachedTo?: FLOOR_PLAN_ATTACHED_TO;
+    /** 用户自定义房间标间 DOM 函数 */
     getLabelElement?: (room: FloorplanRoomItem) => Element | null;
 }
+/** TopviewFloorplanPlugin 初始化参数 */
+export interface TopviewFloorplanPluginParameterType extends Configs {
+    selector?: string | Element;
+    scale?: number;
+}
 export declare type TopviewFloorplanPluginReturnType = TopviewFloorplanPluginController;
 export declare class TopviewFloorplanPluginController {
     size: {
@@ -41,22 +53,23 @@ export declare class TopviewFloorplanPluginController {
     /** 把插件的渲染DOM插入到对应的容器中去 */
     appendTo(wrapper: Element): this;
     dispose: () => void;
-    /** 模型楼层高亮改变时，自动进行楼层切换 */
+    private onFiveWantsMoveToPano;
+    private onFiveWantsGesture;
     private onModelShownFloorChange;
-    /** panoIndex 改变时，更新 floorIndex */
-    private handlePanoArrived;
-    /** 配置了 preventRoomClick 后，在户型图展示时阻止 Five 走点 */
-    private handleWantsMoveToPano;
-    /** 在户型图展示时阻止 Five 滑动行为 */
-    private handleWantsPanGesture;
-    private handleModelLoaded;
+    private onFivePanoArrived;
+    private onFivePanGesture;
+    private onFivePinchGesture;
+    private onFiveModelLoaded;
     /** 非 Topview 态隐藏户型图 */
-    private handleModeChange;
+    private onFiveModeChange;
     /** 动画结束后是 Topview 态就展示户型图 */
-    private handleInitAnimationEnded;
+    private onFiveInitAnimationEnded;
     private show;
     private hide;
     /** 更新户型图大小 */
     private updateSize;
+    /** 更新户型图位置 */
+    private updatePosition;
     private render;
 }
+export {};

package/dist/floorplan/TopviewFloorplanPlugin/index.d.ts

@@ -1,4 +1,4 @@
-import { FivePlugin } from '@realsee/five';
+import type { FivePlugin } from '@realsee/five';
 import { TopviewFloorplanPluginParameterType, TopviewFloorplanPluginReturnType } from './Controller';
 export declare const TopviewFloorplanPlugin: FivePlugin<TopviewFloorplanPluginParameterType, TopviewFloorplanPluginReturnType>;
 export default TopviewFloorplanPlugin;