@realsee/dnalogel 2.0.0-alpha.36 → 2.0.0-alpha.39

package/dist/index.es.js

@@ -64,8 +64,7 @@ const ModelViewPlugin = (five) => {
     };
     const handleModelLoaded = () => {
         function cloneMaterial(material) {
-            material = material.clone();
-            material.uniforms.modelAlpha.value = 1;
+            material.clone().uniforms.modelAlpha.value = 1;
             if (material.uniforms.map.value) {
                 material.uniforms.map.value.needsUpdate = true;
             }
@@ -113,7 +112,7 @@ const ModelViewPlugin = (five) => {
             return;
         const element = renderer.domElement;
         const container = element.parentNode;
-        if (container && container.nodeName) {
+        if (container === null || container === void 0 ? void 0 : container.nodeName) {
             const { width = container.offsetWidth, height = container.offsetHeight } = size;
             renderer.setSize(width, height);
             // 修改摄像机 aspect 比值
@@ -463,11 +462,11 @@ const ROOM_LABEL_BG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAY
 
 /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.47.0 */
 
-function add_css$o(target) {
+function add_css$p(target) {
 	append_styles(target, "svelte-1ak9fbs", ".room-label-item.svelte-1ak9fbs{position:absolute;font-size:0.41667rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.room-label-item__text.svelte-1ak9fbs{position:absolute;left:0;top:-3.33333rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.04167rem;min-width:1.66667rem;padding:0 0.3125rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-1ak9fbs{position:absolute;top:-2.29167rem;height:2.5rem;width:1px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-1ak9fbs{font-size:0.52083rem}");
 }
 
-function create_fragment$s(ctx) {
+function create_fragment$u(ctx) {
 	let div1;
 	let span;
 	let t0_value = /*roomLabel*/ ctx[0].name + "";
@@ -534,7 +533,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { roomLabel } = $$props;
 
@@ -557,7 +556,7 @@ function instance$s($$self, $$props, $$invalidate) {
 class RoomLabelItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$s, create_fragment$s, safe_not_equal, { five: 2, roomLabel: 0 }, add_css$o);
+		init(this, options, instance$u, create_fragment$u, safe_not_equal, { five: 2, roomLabel: 0 }, add_css$p);
 	}
 }
 
@@ -565,18 +564,18 @@ class RoomLabelItem extends SvelteComponent {
 
 const { Map: Map_1 } = globals;
 
-function add_css$n(target) {
+function add_css$o(target) {
 	append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
 
-function get_each_context$a(ctx, list, i) {
+function get_each_context$c(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[12] = list[i];
 	return child_ctx;
 }
 
 // (82:2) {#each roomLabels as roomLableItem (roomLableItem.id)}
-function create_each_block$a(key_1, ctx) {
+function create_each_block$c(key_1, ctx) {
 	let first;
 	let roomlabelitem;
 	let current;
@@ -624,7 +623,7 @@ function create_each_block$a(key_1, ctx) {
 	};
 }
 
-function create_fragment$r(ctx) {
+function create_fragment$t(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map_1();
@@ -634,9 +633,9 @@ function create_fragment$r(ctx) {
 	const get_key = ctx => /*roomLableItem*/ ctx[12].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$a(ctx, each_value, i);
+		let child_ctx = get_each_context$c(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$a(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$c(key, child_ctx));
 	}
 
 	return {
@@ -664,7 +663,7 @@ function create_fragment$r(ctx) {
 			if (dirty & /*roomLabels, five*/ 3) {
 				each_value = /*roomLabels*/ ctx[0];
 				group_outros();
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block$a, null, get_each_context$a);
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block$c, null, get_each_context$c);
 				check_outros();
 			}
 		},
@@ -696,7 +695,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	let rendererSize;
 	let { five } = $$props;
 	let { roomLabels } = $$props;
@@ -821,7 +820,7 @@ function instance$r($$self, $$props, $$invalidate) {
 class RoomLabelItems extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$r, create_fragment$r, safe_not_equal, { five: 1, roomLabels: 0 }, add_css$n);
+		init(this, options, instance$t, create_fragment$t, safe_not_equal, { five: 1, roomLabels: 0 }, add_css$o);
 	}
 }
 
@@ -1109,11 +1108,11 @@ function rad2Deg$1(rad) {
 
 /* src/floorplan/Components/Camera.svelte generated by Svelte v3.47.0 */
 
-function add_css$m(target) {
+function add_css$n(target) {
 	append_styles(target, "svelte-17cl35n", ".floorplan__camera-position.svelte-17cl35n{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-17cl35n{position:absolute;background-repeat:no-repeat;background-size:100%}");
 }
 
-function create_fragment$q(ctx) {
+function create_fragment$s(ctx) {
 	let div1;
 	let div0;
 
@@ -1150,7 +1149,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
 	let { panoIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { lastPanoramaLongitude } = $$props;
@@ -1196,8 +1195,8 @@ class Camera$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$q,
-			create_fragment$q,
+			instance$s,
+			create_fragment$s,
 			safe_not_equal,
 			{
 				panoIndex: 5,
@@ -1205,7 +1204,7 @@ class Camera$1 extends SvelteComponent {
 				lastPanoramaLongitude: 7,
 				cameraImageUrl: 0
 			},
-			add_css$m
+			add_css$n
 		);
 	}
 }
@@ -1214,12 +1213,12 @@ const COMPASS_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArUAAAB7CAM
 
 /* src/floorplan/Components/Compass.svelte generated by Svelte v3.47.0 */
 
-function add_css$l(target) {
+function add_css$m(target) {
 	append_styles(target, "svelte-z9kwkx", ".floorplan-plugin__compass.svelte-z9kwkx{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-z9kwkx{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-z9kwkx{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
 }
 
 // (14:0) {#if canCompassShow}
-function create_if_block$a(ctx) {
+function create_if_block$b(ctx) {
 	let div1;
 	let div0;
 	let t0;
@@ -1255,9 +1254,9 @@ function create_if_block$a(ctx) {
 	};
 }
 
-function create_fragment$p(ctx) {
+function create_fragment$r(ctx) {
 	let if_block_anchor;
-	let if_block = /*canCompassShow*/ ctx[1] && create_if_block$a(ctx);
+	let if_block = /*canCompassShow*/ ctx[1] && create_if_block$b(ctx);
 
 	return {
 		c() {
@@ -1284,7 +1283,7 @@ function rad2Deg(rad) {
 	return rad / Math.PI * 180;
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	var _a;
 	let { floorplanData } = $$props;
 	let { northDesc } = $$props;
@@ -1308,17 +1307,17 @@ function instance$p($$self, $$props, $$invalidate) {
 class Compass extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$p, create_fragment$p, safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$l);
+		init(this, options, instance$r, create_fragment$r, safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$m);
 	}
 }
 
 /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.47.0 */
 
-function add_css$k(target) {
+function add_css$l(target) {
 	append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
 }
 
-function create_fragment$o(ctx) {
+function create_fragment$q(ctx) {
 	let img;
 	let img_src_value;
 
@@ -1345,7 +1344,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { url } = $$props;
 
 	$$self.$$set = $$props => {
@@ -1358,17 +1357,17 @@ function instance$o($$self, $$props, $$invalidate) {
 class Normalmage extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$o, create_fragment$o, safe_not_equal, { url: 0 }, add_css$k);
+		init(this, options, instance$q, create_fragment$q, safe_not_equal, { url: 0 }, add_css$l);
 	}
 }
 
 /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.47.0 */
 
-function add_css$j(target) {
+function add_css$k(target) {
 	append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
 }
 
-function create_fragment$n(ctx) {
+function create_fragment$p(ctx) {
 	let div;
 	let html_tag;
 	let t;
@@ -1401,7 +1400,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let { content } = $$props;
 
 	const svgStyle = `
@@ -1425,13 +1424,13 @@ function instance$n($$self, $$props, $$invalidate) {
 class SvgImage extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$n, create_fragment$n, safe_not_equal, { content: 0 }, add_css$j);
+		init(this, options, instance$p, create_fragment$p, safe_not_equal, { content: 0 }, add_css$k);
 	}
 }
 
 /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.47.0 */
 
-function add_css$i(target) {
+function add_css$j(target) {
 	append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
 }
 
@@ -1470,7 +1469,7 @@ function create_if_block_1$5(ctx) {
 }
 
 // (11:2) {#if svgContent}
-function create_if_block$9(ctx) {
+function create_if_block$a(ctx) {
 	let svgimage;
 	let current;
 
@@ -1506,12 +1505,12 @@ function create_if_block$9(ctx) {
 	};
 }
 
-function create_fragment$m(ctx) {
+function create_fragment$o(ctx) {
 	let div;
 	let current_block_type_index;
 	let if_block;
 	let current;
-	const if_block_creators = [create_if_block$9, create_if_block_1$5];
+	const if_block_creators = [create_if_block$a, create_if_block_1$5];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -1594,7 +1593,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let imageData;
 	let svgContent;
 	var _a, _b;
@@ -1626,13 +1625,13 @@ function instance$m($$self, $$props, $$invalidate) {
 class BaseImage extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$m, create_fragment$m, safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$i);
+		init(this, options, instance$o, create_fragment$o, safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$j);
 	}
 }
 
 /* src/floorplan/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.47.0 */
 
-function add_css$h(target) {
+function add_css$i(target) {
 	append_styles(target, "svelte-12pzct5", ".floorplan-plugin__room-label-item.svelte-12pzct5{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:1;color:#fff;transform:translate(-50%, -50%);white-space:nowrap;will-change:opacity;transition:opacity 300ms}.floorplan-plugin__room-size.svelte-12pzct5{opacity:0.45}");
 }
 
@@ -1663,7 +1662,7 @@ function create_if_block_1$4(ctx) {
 }
 
 // (89:2) {#if getLabelElement === undefined}
-function create_if_block$8(ctx) {
+function create_if_block$9(ctx) {
 	let span0;
 	let t0_value = /*room*/ ctx[0].name + "";
 	let t0;
@@ -1697,11 +1696,11 @@ function create_if_block$8(ctx) {
 	};
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$n(ctx) {
 	let div;
 
 	function select_block_type(ctx, dirty) {
-		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block$8;
+		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block$9;
 		if (/*userConfigElement*/ ctx[4]) return create_if_block_1$4;
 	}
 
@@ -1771,7 +1770,7 @@ function isPointInPolygon(point, polygon) {
 	return inside;
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let isLabelInRoom;
 	let userConfigElement;
 	let labelVisible;
@@ -1915,8 +1914,8 @@ class RoomLabel extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$l,
-			create_fragment$l,
+			instance$n,
+			create_fragment$n,
 			safe_not_equal,
 			{
 				pxmm: 9,
@@ -1925,25 +1924,25 @@ class RoomLabel extends SvelteComponent {
 				getLabelElement: 1,
 				adaptiveRoomLabelVisibleEnable: 11
 			},
-			add_css$h
+			add_css$i
 		);
 	}
 }
 
 /* src/floorplan/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.47.0 */
 
-function add_css$g(target) {
+function add_css$h(target) {
 	append_styles(target, "svelte-13xux0b", ".floorplan-plugin__room-labels.svelte-13xux0b{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20;pointer-events:none}");
 }
 
-function get_each_context$9(ctx, list, i) {
+function get_each_context$b(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[9] = list[i];
 	return child_ctx;
 }
 
 // (17:0) {#if rooms}
-function create_if_block$7(ctx) {
+function create_if_block$8(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -1953,9 +1952,9 @@ function create_if_block$7(ctx) {
 	const get_key = ctx => /*room*/ ctx[9].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$9(ctx, each_value, i);
+		let child_ctx = get_each_context$b(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$9(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$b(key, child_ctx));
 	}
 
 	return {
@@ -1983,7 +1982,7 @@ function create_if_block$7(ctx) {
 			if (dirty & /*pxmm, rooms, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 55) {
 				each_value = /*rooms*/ ctx[5];
 				group_outros();
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block$9, null, get_each_context$9);
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block$b, null, get_each_context$b);
 				check_outros();
 			}
 		},
@@ -2016,7 +2015,7 @@ function create_if_block$7(ctx) {
 }
 
 // (19:4) {#each rooms as room (room.id)}
-function create_each_block$9(key_1, ctx) {
+function create_each_block$b(key_1, ctx) {
 	let first;
 	let roomlabel;
 	let current;
@@ -2085,10 +2084,10 @@ function create_each_block$9(key_1, ctx) {
 	};
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$m(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*rooms*/ ctx[5] && create_if_block$7(ctx);
+	let if_block = /*rooms*/ ctx[5] && create_if_block$8(ctx);
 
 	return {
 		c() {
@@ -2109,7 +2108,7 @@ function create_fragment$k(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$7(ctx);
+					if_block = create_if_block$8(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2140,7 +2139,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
@@ -2197,8 +2196,8 @@ class RoomLabels extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$k,
-			create_fragment$k,
+			instance$m,
+			create_fragment$m,
 			safe_not_equal,
 			{
 				floorIndex: 6,
@@ -2207,18 +2206,18 @@ class RoomLabels extends SvelteComponent {
 				getLabelElement: 1,
 				adaptiveRoomLabelVisibleEnable: 2
 			},
-			add_css$g
+			add_css$h
 		);
 	}
 }
 
 /* src/floorplan/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.47.0 */
 
-function add_css$f(target) {
+function add_css$g(target) {
 	append_styles(target, "svelte-xt7p1v", ".floorplan-plugin__rule-labels.svelte-xt7p1v.svelte-xt7p1v{position:absolute;display:flex}.floorplan-plugin__rule-labels--top.svelte-xt7p1v.svelte-xt7p1v{left:0;top:-1.25rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v.svelte-xt7p1v{left:0;bottom:-1.25rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v.svelte-xt7p1v{top:0;left:-1.25rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v.svelte-xt7p1v{top:0;right:-1.25rem}.floorplan-plugin__rule-line.svelte-xt7p1v.svelte-xt7p1v{background:#fff;opacity:0.05;width:100%;height:100%}.floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute;width:0.3125rem;height:100%;left:50%;top:0;transform:translateX(-50%)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v{width:100%;height:0.3125rem;top:50%;left:0;transform:translateY(-50%)}.floorplan-plugin__rule-scale.svelte-xt7p1v.svelte-xt7p1v{position:absolute;background:#fff;opacity:0.05;width:100%;height:0.0625rem}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale.svelte-xt7p1v{width:0.0625rem;height:100%}.floorplan-plugin__rule-text-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute}.floorplan-plugin__rule-labels--top.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;top:0.625rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;bottom:0.625rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;left:0.625rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;right:0.625rem}.floorplan-plugin__rule-text-item.svelte-xt7p1v.svelte-xt7p1v{width:0;height:0;position:absolute;transform:rotate(90deg)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-text-item.svelte-xt7p1v{transform:rotate(0)}.floorplan-plugin__rule-text.svelte-xt7p1v.svelte-xt7p1v{width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translate(-50%, -50%);font-size:0.625rem;color:#fff;opacity:0.2}");
 }
 
-function get_each_context$8(ctx, list, i) {
+function get_each_context$a(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[10] = list[i];
 	child_ctx[12] = i;
@@ -2253,7 +2252,7 @@ function create_each_block_1(ctx) {
 }
 
 // (56:4) {#each rulerTexts as textItem, textItemIndex (textItemIndex)}
-function create_each_block$8(key_1, ctx) {
+function create_each_block$a(key_1, ctx) {
 	let div1;
 	let div0;
 	let t0_value = /*textItem*/ ctx[10].distance + "";
@@ -2290,7 +2289,7 @@ function create_each_block$8(key_1, ctx) {
 	};
 }
 
-function create_fragment$j(ctx) {
+function create_fragment$l(ctx) {
 	let div3;
 	let div0;
 	let t0;
@@ -2311,9 +2310,9 @@ function create_fragment$j(ctx) {
 	const get_key = ctx => /*textItemIndex*/ ctx[12];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$8(ctx, each_value, i);
+		let child_ctx = get_each_context$a(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each1_lookup.set(key, each_blocks[i] = create_each_block$8(key, child_ctx));
+		each1_lookup.set(key, each_blocks[i] = create_each_block$a(key, child_ctx));
 	}
 
 	return {
@@ -2386,7 +2385,7 @@ function create_fragment$j(ctx) {
 
 			if (dirty & /*rulerTexts, isRow*/ 10) {
 				each_value = /*rulerTexts*/ ctx[3];
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each1_lookup, div2, destroy_block, create_each_block$8, null, get_each_context$8);
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each1_lookup, div2, destroy_block, create_each_block$a, null, get_each_context$a);
 			}
 
 			if (dirty & /*type*/ 1 && div3_class_value !== (div3_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + /*type*/ ctx[0] + " svelte-xt7p1v")) {
@@ -2413,7 +2412,7 @@ function create_fragment$j(ctx) {
 const padding$1 = 1000;
 const exteriorWallOffset$1 = 180;
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let { type } = $$props;
 	let { data } = $$props;
 	let { bounding } = $$props;
@@ -2472,17 +2471,17 @@ function instance$j($$self, $$props, $$invalidate) {
 class RuleItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$j, create_fragment$j, safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$f);
+		init(this, options, instance$l, create_fragment$l, safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$g);
 	}
 }
 
 /* src/floorplan/Components/RuleLabels/RuleLabels.svelte generated by Svelte v3.47.0 */
 
-function add_css$e(target) {
+function add_css$f(target) {
 	append_styles(target, "svelte-1mzj9p3", ".floorplan-plugin__rule-labels-wrapper.svelte-1mzj9p3{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}");
 }
 
-function get_each_context$7(ctx, list, i) {
+function get_each_context$9(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[12] = list[i][0];
 	child_ctx[13] = list[i][1];
@@ -2490,7 +2489,7 @@ function get_each_context$7(ctx, list, i) {
 }
 
 // (19:2) {#each ruleLabelArray as [type, data] (type)}
-function create_each_block$7(key_1, ctx) {
+function create_each_block$9(key_1, ctx) {
 	let first;
 	let ruleitem;
 	let current;
@@ -2555,7 +2554,7 @@ function create_each_block$7(key_1, ctx) {
 	};
 }
 
-function create_fragment$i(ctx) {
+function create_fragment$k(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -2564,9 +2563,9 @@ function create_fragment$i(ctx) {
 	const get_key = ctx => /*type*/ ctx[12];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$7(ctx, each_value, i);
+		let child_ctx = get_each_context$9(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$7(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$9(key, child_ctx));
 	}
 
 	return {
@@ -2594,7 +2593,7 @@ function create_fragment$i(ctx) {
 			if (dirty & /*ruleLabelArray, bounding*/ 9) {
 				each_value = /*ruleLabelArray*/ ctx[3];
 				group_outros();
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block$7, null, get_each_context$7);
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block$9, null, get_each_context$9);
 				check_outros();
 			}
 
@@ -2635,7 +2634,7 @@ function create_fragment$i(ctx) {
 const padding = 1000;
 const exteriorWallOffset = 180;
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let bounding;
 	let ruleLabelData;
 	let ruleLabelDataKeys;
@@ -2715,7 +2714,7 @@ function instance$i($$self, $$props, $$invalidate) {
 class RuleLabels extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$i, create_fragment$i, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$e);
+		init(this, options, instance$k, create_fragment$k, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$f);
 	}
 }
 
@@ -2772,7 +2771,7 @@ function getFloorIndexFromModelPosition(position, five) {
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_0.svelte generated by Svelte v3.47.0 */
 
-function create_fragment$h(ctx) {
+function create_fragment$j(ctx) {
 	let path_1;
 
 	return {
@@ -2797,7 +2796,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -2817,13 +2816,13 @@ function instance$h($$self, $$props, $$invalidate) {
 class RoomMaterial_0 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$h, create_fragment$h, safe_not_equal, { path: 1 });
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, { path: 1 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_1.svelte generated by Svelte v3.47.0 */
 
-function create_fragment$g(ctx) {
+function create_fragment$i(ctx) {
 	let defs;
 	let pattern;
 	let rect;
@@ -2884,7 +2883,7 @@ function create_fragment$g(ctx) {
 
 const halfWidth = 6;
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 	const width = halfWidth * 2;
@@ -2906,13 +2905,13 @@ function instance$g($$self, $$props, $$invalidate) {
 class RoomMaterial_1 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$g, create_fragment$g, safe_not_equal, { path: 3 });
+		init(this, options, instance$i, create_fragment$i, safe_not_equal, { path: 3 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_2.svelte generated by Svelte v3.47.0 */
 
-function create_fragment$f(ctx) {
+function create_fragment$h(ctx) {
 	let defs;
 	let pattern0;
 	let rect0;
@@ -3013,7 +3012,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -3033,24 +3032,24 @@ function instance$f($$self, $$props, $$invalidate) {
 class RoomMaterial_2 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$f, create_fragment$f, safe_not_equal, { path: 1 });
+		init(this, options, instance$h, create_fragment$h, safe_not_equal, { path: 1 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.47.0 */
 
-function add_css$d(target) {
+function add_css$e(target) {
 	append_styles(target, "svelte-1dykexu", ".floorplan-plugin__room-material.svelte-1dykexu{position:absolute;left:0;top:0;width:100%;height:100%}svg.svelte-1dykexu{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}");
 }
 
-function get_each_context$6(ctx, list, i) {
+function get_each_context$8(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[5] = list[i];
 	return child_ctx;
 }
 
 // (19:6) {:else}
-function create_else_block(ctx) {
+function create_else_block$1(ctx) {
 	let roommaterial_1;
 	let current;
 	roommaterial_1 = new RoomMaterial_1({ props: { path: /*room*/ ctx[5].path } });
@@ -3118,7 +3117,7 @@ function create_if_block_1$3(ctx) {
 }
 
 // (15:6) {#if room.floorType === 1}
-function create_if_block$6(ctx) {
+function create_if_block$7(ctx) {
 	let roommaterial_0;
 	let current;
 	roommaterial_0 = new RoomMaterial_0({ props: { path: /*room*/ ctx[5].path } });
@@ -3152,13 +3151,13 @@ function create_if_block$6(ctx) {
 }
 
 // (13:2) {#each rooms as room}
-function create_each_block$6(ctx) {
+function create_each_block$8(ctx) {
 	let svg;
 	let current_block_type_index;
 	let if_block;
 	let svg_viewBox_value;
 	let current;
-	const if_block_creators = [create_if_block$6, create_if_block_1$3, create_else_block];
+	const if_block_creators = [create_if_block$7, create_if_block_1$3, create_else_block$1];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -3227,14 +3226,14 @@ function create_each_block$6(ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$g(ctx) {
 	let div;
 	let current;
 	let each_value = /*rooms*/ ctx[0];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
+		each_blocks[i] = create_each_block$8(get_each_context$8(ctx, each_value, i));
 	}
 
 	const out = i => transition_out(each_blocks[i], 1, 1, () => {
@@ -3266,13 +3265,13 @@ function create_fragment$e(ctx) {
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$6(ctx, each_value, i);
+					const child_ctx = get_each_context$8(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 						transition_in(each_blocks[i], 1);
 					} else {
-						each_blocks[i] = create_each_block$6(child_ctx);
+						each_blocks[i] = create_each_block$8(child_ctx);
 						each_blocks[i].c();
 						transition_in(each_blocks[i], 1);
 						each_blocks[i].m(div, null);
@@ -3313,7 +3312,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
@@ -3339,17 +3338,17 @@ function instance$e($$self, $$props, $$invalidate) {
 class RoomMaterial extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$e, create_fragment$e, safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$d);
+		init(this, options, instance$g, create_fragment$g, safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$e);
 	}
 }
 
 /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.47.0 */
 
-function add_css$c(target) {
+function add_css$d(target) {
 	append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$f(ctx) {
 	let path;
 	let mounted;
 	let dispose;
@@ -3384,7 +3383,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let { room } = $$props;
 	let { floorplanData } = $$props;
 	let { hoveredRoom } = $$props;
@@ -3420,33 +3419,33 @@ class Room extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$d,
-			create_fragment$d,
+			instance$f,
+			create_fragment$f,
 			safe_not_equal,
 			{
 				room: 3,
 				floorplanData: 4,
 				hoveredRoom: 5
 			},
-			add_css$c
+			add_css$d
 		);
 	}
 }
 
 /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.47.0 */
 
-function add_css$b(target) {
+function add_css$c(target) {
 	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$5(ctx, list, i) {
+function get_each_context$7(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[5] = list[i];
 	return child_ctx;
 }
 
 // (11:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
-function create_each_block$5(key_1, ctx) {
+function create_each_block$7(key_1, ctx) {
 	let first;
 	let room;
 	let current;
@@ -3511,7 +3510,7 @@ function create_each_block$5(key_1, ctx) {
 	};
 }
 
-function create_fragment$c(ctx) {
+function create_fragment$e(ctx) {
 	let div;
 	let svg;
 	let each_blocks = [];
@@ -3521,9 +3520,9 @@ function create_fragment$c(ctx) {
 	const get_key = ctx => /*room*/ ctx[5].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$5(ctx, each_value, i);
+		let child_ctx = get_each_context$7(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$5(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$7(key, child_ctx));
 	}
 
 	return {
@@ -3555,7 +3554,7 @@ function create_fragment$c(ctx) {
 			if (dirty & /*floorplanData, floorIndex, hoveredRoom*/ 7) {
 				each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].rooms;
 				group_outros();
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, outro_and_destroy_block, create_each_block$5, null, get_each_context$5);
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, outro_and_destroy_block, create_each_block$7, null, get_each_context$7);
 				check_outros();
 			}
 		},
@@ -3585,7 +3584,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { hoveredRoom } = $$props;
@@ -3608,22 +3607,22 @@ class RoomHighlight extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$c,
-			create_fragment$c,
+			instance$e,
+			create_fragment$e,
 			safe_not_equal,
 			{
 				floorIndex: 0,
 				floorplanData: 1,
 				hoveredRoom: 2
 			},
-			add_css$b
+			add_css$c
 		);
 	}
 }
 
 /* src/floorplan/Components/CurrentFloor.svelte generated by Svelte v3.47.0 */
 
-function add_css$a(target) {
+function add_css$b(target) {
 	append_styles(target, "svelte-bl8zrz", ".floorplan-plugin__floor.svelte-bl8zrz{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}.floorplan-plugin__floor--is-current.svelte-bl8zrz{opacity:1;pointer-events:auto}");
 }
 
@@ -3746,7 +3745,7 @@ function create_if_block_1$2(ctx) {
 }
 
 // (27:2) {#if ruleLabelsEnable}
-function create_if_block$5(ctx) {
+function create_if_block$6(ctx) {
 	let rulelabels;
 	let current;
 
@@ -3800,7 +3799,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-function create_fragment$b(ctx) {
+function create_fragment$d(ctx) {
 	let div;
 	let roommaterial;
 	let t0;
@@ -3842,7 +3841,7 @@ function create_fragment$b(ctx) {
 
 	baseimage = new BaseImage({ props: baseimage_props });
 	let if_block1 = /*roomLabelsEnable*/ ctx[3] && create_if_block_1$2(ctx);
-	let if_block2 = /*ruleLabelsEnable*/ ctx[4] && create_if_block$5(ctx);
+	let if_block2 = /*ruleLabelsEnable*/ ctx[4] && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -3951,7 +3950,7 @@ function create_fragment$b(ctx) {
 						transition_in(if_block2, 1);
 					}
 				} else {
-					if_block2 = create_if_block$5(ctx);
+					if_block2 = create_if_block$6(ctx);
 					if_block2.c();
 					transition_in(if_block2, 1);
 					if_block2.m(div, null);
@@ -4000,7 +3999,7 @@ function create_fragment$b(ctx) {
 	};
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	let { isCurrent } = $$props;
 	let { floorIndex } = $$props;
 	let { hoverEnable } = $$props;
@@ -4042,8 +4041,8 @@ class CurrentFloor$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$b,
-			create_fragment$b,
+			instance$d,
+			create_fragment$d,
 			safe_not_equal,
 			{
 				isCurrent: 0,
@@ -4055,25 +4054,25 @@ class CurrentFloor$1 extends SvelteComponent {
 				getLabelElement: 6,
 				adaptiveRoomLabelVisibleEnable: 7
 			},
-			add_css$a
+			add_css$b
 		);
 	}
 }
 
 /* src/floorplan/Components/Main.svelte generated by Svelte v3.47.0 */
 
-function add_css$9(target) {
+function add_css$a(target) {
 	append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
 }
 
-function get_each_context$4(ctx, list, i) {
+function get_each_context$6(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[14] = list[i];
 	return child_ctx;
 }
 
 // (22:0) {#if visible}
-function create_if_block$4(ctx) {
+function create_if_block$5(ctx) {
 	let div;
 	let t0;
 	let camera;
@@ -4084,7 +4083,7 @@ function create_if_block$4(ctx) {
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
+		each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
 	}
 
 	const out = i => transition_out(each_blocks[i], 1, 1, () => {
@@ -4144,13 +4143,13 @@ function create_if_block$4(ctx) {
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$4(ctx, each_value, i);
+					const child_ctx = get_each_context$6(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 						transition_in(each_blocks[i], 1);
 					} else {
-						each_blocks[i] = create_each_block$4(child_ctx);
+						each_blocks[i] = create_each_block$6(child_ctx);
 						each_blocks[i].c();
 						transition_in(each_blocks[i], 1);
 						each_blocks[i].m(div, t0);
@@ -4246,7 +4245,7 @@ function create_if_block$4(ctx) {
 }
 
 // (24:4) {#each floorplanData.floorDatas as floorData}
-function create_each_block$4(ctx) {
+function create_each_block$6(ctx) {
 	let currentfloor;
 	let current;
 
@@ -4361,10 +4360,10 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-function create_fragment$a(ctx) {
+function create_fragment$c(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*visible*/ ctx[1] && create_if_block$4(ctx);
+	let if_block = /*visible*/ ctx[1] && create_if_block$5(ctx);
 
 	return {
 		c() {
@@ -4385,7 +4384,7 @@ function create_fragment$a(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$4(ctx);
+					if_block = create_if_block$5(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -4416,7 +4415,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	let { duration = 0 } = $$props;
 	let { visible } = $$props;
 	let { northDesc } = $$props;
@@ -4474,8 +4473,8 @@ class Main$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$a,
-			create_fragment$a,
+			instance$c,
+			create_fragment$c,
 			safe_not_equal,
 			{
 				duration: 0,
@@ -4493,7 +4492,7 @@ class Main$1 extends SvelteComponent {
 				getLabelElement: 12,
 				adaptiveRoomLabelVisibleEnable: 13
 			},
-			add_css$9
+			add_css$a
 		);
 	}
 }
@@ -4625,7 +4624,7 @@ function omit(object, props) {
 /**
  * plugin 的基本控制器
  */
-class Controller$4 {
+class Controller$5 {
     constructor(five) {
         Object.defineProperty(this, "five", {
             enumerable: true,
@@ -4652,7 +4651,7 @@ class Controller$4 {
     }
 }
 
-class Controller$3 extends Controller$4 {
+class Controller$4 extends Controller$5 {
 }
 
 /**
@@ -4755,7 +4754,7 @@ function changeModelCanvasOpacity(five, opacity, duration = 300) {
     });
 }
 
-class Controller$2 extends Controller$3 {
+class Controller$3 extends Controller$4 {
     constructor(five, params) {
         super(five);
         // =============== public properties =================
@@ -5232,7 +5231,7 @@ class Controller$2 extends Controller$3 {
 }
 
 const TopviewFloorplanPlugin = (five, params) => {
-    return new Controller$2(five, params);
+    return new Controller$3(five, params);
 };
 
 /**
@@ -5256,11 +5255,11 @@ function throttle(func, wait = 200) {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
 
-function add_css$8(target) {
+function add_css$9(target) {
 	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$9(ctx) {
+function create_fragment$b(ctx) {
 	let div2;
 	let div1;
 	let div0;
@@ -5310,7 +5309,7 @@ function getCameraRotateTransform(longitude) {
 	return `rotate(${rotate}deg)`;
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let positionTransform;
 	let rotateTransform;
 	let { five } = $$props;
@@ -5390,8 +5389,8 @@ class Camera extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$9,
-			create_fragment$9,
+			instance$b,
+			create_fragment$b,
 			safe_not_equal,
 			{
 				five: 3,
@@ -5399,25 +5398,25 @@ class Camera extends SvelteComponent {
 				floorplanData: 5,
 				cameraImageUrl: 0
 			},
-			add_css$8
+			add_css$9
 		);
 	}
 }
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.47.0 */
 
-function add_css$7(target) {
+function add_css$8(target) {
 	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$3(ctx, list, i) {
+function get_each_context$5(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[1] = list[i];
 	return child_ctx;
 }
 
 // (5:2) {#each extraObjects as extraObject (extraObject.id)}
-function create_each_block$3(key_1, ctx) {
+function create_each_block$5(key_1, ctx) {
 	let div1;
 	let div0;
 	let style_width = `${/*extraObject*/ ctx[1].icon.width / 16}rem`;
@@ -5476,7 +5475,7 @@ function create_each_block$3(key_1, ctx) {
 	};
 }
 
-function create_fragment$8(ctx) {
+function create_fragment$a(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -5484,9 +5483,9 @@ function create_fragment$8(ctx) {
 	const get_key = ctx => /*extraObject*/ ctx[1].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$3(ctx, each_value, i);
+		let child_ctx = get_each_context$5(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$5(key, child_ctx));
 	}
 
 	return {
@@ -5509,7 +5508,7 @@ function create_fragment$8(ctx) {
 		p(ctx, [dirty]) {
 			if (dirty & /*extraObjects*/ 1) {
 				each_value = /*extraObjects*/ ctx[0];
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, destroy_block, create_each_block$3, null, get_each_context$3);
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, destroy_block, create_each_block$5, null, get_each_context$5);
 			}
 		},
 		i: noop$1,
@@ -5524,7 +5523,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	let { extraObjects = [] } = $$props;
 
 	$$self.$$set = $$props => {
@@ -5537,13 +5536,13 @@ function instance$8($$self, $$props, $$invalidate) {
 class ExtraObjects extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$8, create_fragment$8, safe_not_equal, { extraObjects: 0 }, add_css$7);
+		init(this, options, instance$a, create_fragment$a, safe_not_equal, { extraObjects: 0 }, add_css$8);
 	}
 }
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.47.0 */
 
-function create_if_block$3(ctx) {
+function create_if_block$4(ctx) {
 	let highlight;
 	let current;
 
@@ -5603,7 +5602,7 @@ function create_if_block$3(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$9(ctx) {
 	let baseimage;
 	let t0;
 	let extraobjects;
@@ -5632,7 +5631,7 @@ function create_fragment$7(ctx) {
 			}
 		});
 
-	let if_block = /*hoverEnable*/ ctx[3] && create_if_block$3(ctx);
+	let if_block = /*hoverEnable*/ ctx[3] && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -5675,7 +5674,7 @@ function create_fragment$7(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$3(ctx);
+					if_block = create_if_block$4(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -5714,7 +5713,7 @@ function create_fragment$7(ctx) {
 	};
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	let currentFloorExtraObjects;
 	let { five } = $$props;
 	let { pxmm } = $$props;
@@ -5757,7 +5756,7 @@ class CurrentFloor extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$7, create_fragment$7, safe_not_equal, {
+		init(this, options, instance$9, create_fragment$9, safe_not_equal, {
 			five: 0,
 			pxmm: 1,
 			floorIndex: 2,
@@ -5770,12 +5769,12 @@ class CurrentFloor extends SvelteComponent {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
 
-function add_css$6(target) {
+function add_css$7(target) {
 	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:0) {#if visible}
-function create_if_block$2(ctx) {
+function create_if_block$3(ctx) {
 	let div;
 	let div_resize_listener;
 	let current;
@@ -5954,10 +5953,10 @@ function create_if_block_1(ctx) {
 	};
 }
 
-function create_fragment$6(ctx) {
+function create_fragment$8(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*visible*/ ctx[1] && create_if_block$2(ctx);
+	let if_block = /*visible*/ ctx[1] && create_if_block$3(ctx);
 
 	return {
 		c() {
@@ -5978,7 +5977,7 @@ function create_fragment$6(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$2(ctx);
+					if_block = create_if_block$3(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -6009,7 +6008,7 @@ function create_fragment$6(ctx) {
 	};
 }
 
-function instance$6($$self, $$props, $$invalidate) {
+function instance$8($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { visible } = $$props;
 	let { hoverEnable } = $$props;
@@ -6095,8 +6094,8 @@ class Main extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$6,
-			create_fragment$6,
+			instance$8,
+			create_fragment$8,
 			safe_not_equal,
 			{
 				five: 0,
@@ -6106,12 +6105,12 @@ class Main extends SvelteComponent {
 				cameraImageUrl: 4,
 				extraObjects: 5
 			},
-			add_css$6
+			add_css$7
 		);
 	}
 }
 
-class Controller$1 extends Controller$3 {
+class Controller$2 extends Controller$4 {
     constructor(five, params) {
         super(five);
         // =============== public properties =================
@@ -6348,7 +6347,7 @@ class Controller$1 extends Controller$3 {
 }
 
 const PanoFloorplanRadarPlugin = (five, params) => {
-    return new Controller$1(five, params);
+    return new Controller$2(five, params);
 };
 
 /**
@@ -6456,7 +6455,7 @@ function shouldFloorplanShowWithPose(pose) {
     const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
     return latitudeVisible && longitudeVisible;
 }
-class Controller extends Controller$3 {
+class Controller$1 extends Controller$4 {
     constructor(five, params) {
         var _a;
         super(five);
@@ -6873,7 +6872,7 @@ class Controller extends Controller$3 {
                 const fiveCurrentState = this.five.getCurrentState();
                 if (shouldFloorplanHideWithPose(fiveCurrentState)) {
                     this.updateState({ visible: false }, userAction);
-                    this._hide({ userAction });
+                    this._hide({ userAction, isAutoHide: true });
                 }
             }
         });
@@ -7046,6 +7045,13 @@ class Controller extends Controller$3 {
             state.visible ? this._show(options) : this._hide(options);
         }
     }
+    changeConfigs(_config, userAction = true) {
+        const config = Object.assign(Object.assign({}, this.state.config), _config);
+        this.updateState({ config }, userAction);
+        if (!this.container)
+            return;
+        this.render();
+    }
     async formatData(serverData) {
         return await formatData(serverData.data);
     }
@@ -7118,7 +7124,7 @@ class Controller extends Controller$3 {
 }
 
 const ModelFloorplanPlugin = (five, params) => {
-    return new Controller(five, params);
+    return new Controller$1(five, params);
 };
 
 /** 房屋数据映射表 */
@@ -8344,31 +8350,792 @@ const PanoRulerPlugin = (five, params) => {
     };
 };
 
-const roomInfoIcon = 'data:image/png;base64,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';
+/* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.47.0 */
 
-function getRoomInfoInstance() {
-    const infoDom = document.createElement('div');
-    const iconDom = document.createElement('i');
-    const textDom = document.createElement('span');
-    infoDom.appendChild(iconDom);
-    infoDom.appendChild(textDom);
-    // infoDom style
-    infoDom.style.position = 'relative';
-    infoDom.style.width = '100%';
-    infoDom.style.display = 'flex';
-    infoDom.style.flexDirection = 'column';
-    infoDom.style.alignItems = 'center';
-    infoDom.style.marginTop = `${150 / 16}rem`;
-    infoDom.style.opacity = '0';
-    infoDom.style.transition = 'opacity 1000ms linear';
-    // iconDom style
-    iconDom.style.display = 'block';
-    iconDom.style.width = `${134 / 16}rem`;
-    iconDom.style.height = `${22 / 16}rem`;
-    iconDom.style.backgroundSize = '100%';
-    iconDom.style.backgroundRepeat = 'no-repeat';
-    iconDom.style.backgroundImage = `url(${roomInfoIcon})`;
-    textDom.style.marginTop = `${10 / 16}rem`;
+function add_css$6(target) {
+	append_styles(target, "svelte-qy4ud2", ".PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2 em.svelte-qy4ud2{display:block;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-qy4ud2.svelte-qy4ud2{display:flex;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;align-items:center}.em-solid.svelte-qy4ud2.svelte-qy4ud2{height:100%;background:#ffffff}.em-dotted.svelte-qy4ud2.svelte-qy4ud2{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-qy4ud2.svelte-qy4ud2{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-qy4ud2.svelte-qy4ud2{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;-webkit-animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@-webkit-keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
+}
+
+function get_each_context$4(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[6] = list[i];
+	return child_ctx;
+}
+
+// (28:2) {:else}
+function create_else_block(ctx) {
+	let div;
+	let each_value = /*rulerItemProp*/ ctx[0].children;
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
+	}
+
+	return {
+		c() {
+			div = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div, "class", "rule-mixed-line svelte-qy4ud2");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+		},
+		p(ctx, dirty) {
+			if (dirty & /*rulerItemProp, vars*/ 9) {
+				each_value = /*rulerItemProp*/ ctx[0].children;
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context$4(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+					} else {
+						each_blocks[i] = create_each_block$4(child_ctx);
+						each_blocks[i].c();
+						each_blocks[i].m(div, null);
+					}
+				}
+
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
+				}
+
+				each_blocks.length = each_value.length;
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_each(each_blocks, detaching);
+		}
+	};
+}
+
+// (26:2) {#if rulerItemProp.children.length === 0}
+function create_if_block$2(ctx) {
+	let em;
+	let em_class_value;
+
+	return {
+		c() {
+			em = element("em");
+
+			attr(em, "class", em_class_value = "" + (null_to_empty(/*rulerItemProp*/ ctx[0].state
+			? 'em-solid'
+			: 'em-dotted') + " svelte-qy4ud2"));
+
+			attr(em, "style", /*vars*/ ctx[3]);
+		},
+		m(target, anchor) {
+			insert(target, em, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*rulerItemProp*/ 1 && em_class_value !== (em_class_value = "" + (null_to_empty(/*rulerItemProp*/ ctx[0].state
+			? 'em-solid'
+			: 'em-dotted') + " svelte-qy4ud2"))) {
+				attr(em, "class", em_class_value);
+			}
+
+			if (dirty & /*vars*/ 8) {
+				attr(em, "style", /*vars*/ ctx[3]);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(em);
+		}
+	};
+}
+
+// (30:6) {#each rulerItemProp.children as child}
+function create_each_block$4(ctx) {
+	let div;
+	let div_class_value;
+	let style_width = `${/*child*/ ctx[6].width}px`;
+
+	return {
+		c() {
+			div = element("div");
+			attr(div, "class", div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"));
+			attr(div, "style", /*vars*/ ctx[3]);
+			set_style(div, "width", style_width, false);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*rulerItemProp*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"))) {
+				attr(div, "class", div_class_value);
+			}
+
+			if (dirty & /*vars*/ 8) {
+				attr(div, "style", /*vars*/ ctx[3]);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*child*/ ctx[6].width}px`)) {
+				set_style(div, "width", style_width, false);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function create_fragment$7(ctx) {
+	let div2;
+	let t0;
+	let div1;
+	let div0;
+	let t1_value = /*rulerItemProp*/ ctx[0].labelElement + "";
+	let t1;
+	let div0_resize_listener;
+	let style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`;
+	let style_width = `${/*rulerItemProp*/ ctx[0].width}px`;
+	let style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`;
+	let style_top = `${/*rulerItemProp*/ ctx[0].top}px`;
+	let style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`;
+
+	function select_block_type(ctx, dirty) {
+		if (/*rulerItemProp*/ ctx[0].children.length === 0) return create_if_block$2;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type(ctx);
+	let if_block = current_block_type(ctx);
+
+	return {
+		c() {
+			div2 = element("div");
+			if_block.c();
+			t0 = space();
+			div1 = element("div");
+			div0 = element("div");
+			t1 = text(t1_value);
+			attr(div0, "class", "PanoRulerPlugin-rule-label-name svelte-qy4ud2");
+			add_render_callback(() => /*div0_elementresize_handler*/ ctx[4].call(div0));
+			attr(div1, "class", "PanoRulerPlugin-rule-label svelte-qy4ud2");
+			set_style(div1, "left", style_left, false);
+			attr(div2, "class", "PanoRulerPlugin-rule-line svelte-qy4ud2");
+			set_style(div2, "width", style_width, false);
+			set_style(div2, "left", style_left_1, false);
+			set_style(div2, "top", style_top, false);
+			set_style(div2, "transform", style_transform, false);
+
+			set_style(
+				div2,
+				"display",
+				/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
+				? 'block'
+				: 'none',
+				false
+			);
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			if_block.m(div2, null);
+			append(div2, t0);
+			append(div2, div1);
+			append(div1, div0);
+			append(div0, t1);
+			div0_resize_listener = add_resize_listener(div0, /*div0_elementresize_handler*/ ctx[4].bind(div0));
+		},
+		p(ctx, [dirty]) {
+			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
+				if (if_block) {
+					if_block.c();
+					if_block.m(div2, t0);
+				}
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && t1_value !== (t1_value = /*rulerItemProp*/ ctx[0].labelElement + "")) set_data(t1, t1_value);
+
+			if (dirty & /*rulerItemProp*/ 1 && style_left !== (style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`)) {
+				set_style(div1, "left", style_left, false);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*rulerItemProp*/ ctx[0].width}px`)) {
+				set_style(div2, "width", style_width, false);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_left_1 !== (style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`)) {
+				set_style(div2, "left", style_left_1, false);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_top !== (style_top = `${/*rulerItemProp*/ ctx[0].top}px`)) {
+				set_style(div2, "top", style_top, false);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_transform !== (style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`)) {
+				set_style(div2, "transform", style_transform, false);
+			}
+
+			if (dirty & /*rulerItemProp, _visible*/ 5) {
+				set_style(
+					div2,
+					"display",
+					/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
+					? 'block'
+					: 'none',
+					false
+				);
+			}
+		},
+		i: noop$1,
+		o: noop$1,
+		d(detaching) {
+			if (detaching) detach(div2);
+			if_block.d();
+			div0_resize_listener();
+		}
+	};
+}
+
+function instance$7($$self, $$props, $$invalidate) {
+	let vars;
+	let { rulerItemProp } = $$props;
+	let _visible = true;
+	let labelWidth;
+	let EM_DOTTED_BG = `data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=`;
+
+	function div0_elementresize_handler() {
+		labelWidth = this.offsetWidth;
+		$$invalidate(1, labelWidth);
+	}
+
+	$$self.$$set = $$props => {
+		if ('rulerItemProp' in $$props) $$invalidate(0, rulerItemProp = $$props.rulerItemProp);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*labelWidth, rulerItemProp*/ 3) {
+			{
+				if (labelWidth >= rulerItemProp.width || labelWidth / 2 >= rulerItemProp.labelOffset / 100 * rulerItemProp.width || labelWidth / 2 >= (1 - rulerItemProp.labelOffset / 100) * rulerItemProp.width) {
+					$$invalidate(2, _visible = false);
+				} else {
+					$$invalidate(2, _visible = true);
+				}
+			}
+		}
+	};
+
+	$$invalidate(3, vars = `--background-image: url(${EM_DOTTED_BG})`);
+	return [rulerItemProp, labelWidth, _visible, vars, div0_elementresize_handler];
+}
+
+class RulerItem extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$7, create_fragment$7, safe_not_equal, { rulerItemProp: 0 }, add_css$6);
+	}
+}
+
+/* src/PanoRulerProPlugin/RulerItems.svelte generated by Svelte v3.47.0 */
+
+function get_each_context$3(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[16] = list[i];
+	return child_ctx;
+}
+
+// (206:2) {#each rulerItemProp as itemData}
+function create_each_block$3(ctx) {
+	let ruleritem;
+	let current;
+
+	ruleritem = new RulerItem({
+			props: { rulerItemProp: /*itemData*/ ctx[16] }
+		});
+
+	return {
+		c() {
+			create_component(ruleritem.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(ruleritem, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const ruleritem_changes = {};
+			if (dirty & /*rulerItemProp*/ 1) ruleritem_changes.rulerItemProp = /*itemData*/ ctx[16];
+			ruleritem.$set(ruleritem_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(ruleritem.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(ruleritem.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(ruleritem, detaching);
+		}
+	};
+}
+
+function create_fragment$6(ctx) {
+	let div;
+	let current;
+	let each_value = /*rulerItemProp*/ ctx[0];
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
+	}
+
+	const out = i => transition_out(each_blocks[i], 1, 1, () => {
+		each_blocks[i] = null;
+	});
+
+	return {
+		c() {
+			div = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*rulerItemProp*/ 1) {
+				each_value = /*rulerItemProp*/ ctx[0];
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context$3(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+						transition_in(each_blocks[i], 1);
+					} else {
+						each_blocks[i] = create_each_block$3(child_ctx);
+						each_blocks[i].c();
+						transition_in(each_blocks[i], 1);
+						each_blocks[i].m(div, null);
+					}
+				}
+
+				group_outros();
+
+				for (i = each_value.length; i < each_blocks.length; i += 1) {
+					out(i);
+				}
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			each_blocks = each_blocks.filter(Boolean);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_each(each_blocks, detaching);
+		}
+	};
+}
+
+function instance$6($$self, $$props, $$invalidate) {
+	var _a, _b, _c, _d;
+	let { five } = $$props;
+	let { rulerDatas } = $$props;
+	let { options } = $$props;
+	let rulerItemProp = [];
+
+	const canvasWidth = ((_b = (_a = five.getElement()) === null || _a === void 0
+	? void 0
+	: _a.parentElement) === null || _b === void 0
+	? void 0
+	: _b.clientWidth) || 0;
+
+	const canvasHeight = ((_d = (_c = five.getElement()) === null || _c === void 0
+	? void 0
+	: _c.parentElement) === null || _d === void 0
+	? void 0
+	: _d.clientHeight) || 0;
+
+	const getRuleScreenIntr = (startPoint, endPoint) => {
+		const screenLines = [
+			[{ x: 0, y: 0 }, { x: canvasWidth, y: 0 }],
+			[{ x: 0, y: 0 }, { x: 0, y: canvasHeight }],
+			[{ x: canvasWidth, y: 0 }, { x: canvasWidth, y: canvasHeight }],
+			[{ x: 0, y: canvasHeight }, { x: canvasWidth, y: canvasHeight }]
+		];
+
+		const intr = [];
+
+		for (let i = 0; i < screenLines.length; i++) {
+			const result = intersectionOfLine([startPoint, endPoint], [screenLines[i][0], screenLines[i][1]], true);
+			if (result) intr.push(result);
+		}
+
+		if (intr.length === 0) return false; else {
+			return intr;
+		}
+	};
+
+	const getPosition = (start, end) => {
+		const startPoint = start.clone().project(five.camera);
+		const startLeft = (startPoint.x + 1) / 2 * canvasWidth;
+		const startTop = (-startPoint.y + 1) / 2 * canvasHeight;
+		const endPoint = end.clone().project(five.camera);
+		const endLeft = (endPoint.x + 1) / 2 * canvasWidth;
+		const endTop = (-endPoint.y + 1) / 2 * canvasHeight;
+		const distance = Math.sqrt(Math.pow(endLeft - startLeft, 2) + Math.pow(endTop - startTop, 2));
+
+		return {
+			startLeft,
+			startTop,
+			endLeft,
+			endTop,
+			distance
+		};
+	};
+
+	const getPositionAndVisible = (start, end, visibleOrigin) => {
+		const cameraPosition = five.camera.position;
+		const cameraDirection = five.camera.getWorldDirection(new Vector3$1());
+		const startAngle = start.clone().sub(cameraPosition).normalize().angleTo(cameraDirection);
+		const endAngle = end.clone().sub(cameraPosition).normalize().angleTo(cameraDirection);
+		const ruleLength = start.distanceTo(end);
+		const midPoint = end.clone().sub(end.clone().sub(start).divide(new Vector3$1(2, 2, 2)));
+		const disFromCameraToMid = midPoint.distanceTo(cameraPosition);
+		const { startLeft, startTop, endLeft, endTop, distance } = getPosition(start, end);
+		const rad = Math.PI / 2 - Math.atan2(endLeft - startLeft, startTop - endTop);
+		const deg = -(rad / Math.PI) * 180;
+		let visible = true;
+		if (!visibleOrigin) visible = false;
+
+		// 只显示拐点相连的线
+		if (!equal(start, visibleOrigin) && !equal(end, visibleOrigin)) {
+			visible = false;
+		}
+
+		// 线小于0.3m隐藏
+		if (ruleLength < 0.3) {
+			visible = false;
+		}
+
+		if (startAngle > Math.PI / 2) {
+			visible = false;
+		}
+
+		if (endAngle > Math.PI / 2) {
+			visible = false;
+		}
+
+		if (disFromCameraToMid / ruleLength > 8) {
+			visible = false;
+		}
+
+		let labelOffset = 50;
+		let visibleLength = distance;
+		const intr = getRuleScreenIntr({ x: ~~startLeft, y: ~~startTop }, { x: ~~endLeft, y: ~~endTop });
+
+		if (intr && intr.length === 1) {
+			if (equal(start, visibleOrigin)) {
+				visibleLength = Math.sqrt(Math.pow(intr[0].x - startLeft, 2) + Math.pow(intr[0].y - startTop, 2));
+				labelOffset = visibleLength / distance * 50;
+			} else if (equal(end, visibleOrigin)) {
+				visibleLength = Math.sqrt(Math.pow(intr[0].x - endLeft, 2) + Math.pow(intr[0].y - endTop, 2));
+				labelOffset = 100 - visibleLength / distance * 50;
+			}
+		}
+
+		if (intr && intr.length === 2) {
+			const middlePoint = {
+				x: (intr[0].x + intr[1].x) / 2,
+				y: (intr[0].y + intr[1].y) / 2
+			};
+
+			const distanceFromStart = Math.sqrt(Math.pow(middlePoint.x - startLeft, 2) + Math.pow(middlePoint.y - startTop, 2));
+			labelOffset = distanceFromStart / distance * 100;
+		}
+
+		return {
+			startLeft,
+			startTop,
+			distance,
+			deg,
+			visible,
+			labelOffset,
+			ruleLength
+		};
+	};
+
+	const updatePanoRulerData = () => {
+		const panoIndex = five.panoIndex;
+		const rulerData = rulerDatas.find(data => data.panoIndex === panoIndex);
+		if (!rulerData) return $$invalidate(0, rulerItemProp = []);
+
+		// 非全景模式下隐藏所有标尺
+		if (five.currentMode !== Five.Mode.Panorama) return $$invalidate(0, rulerItemProp = []);
+
+		const cameraPosition = five.camera.position;
+		const cameraDirection = five.camera.getWorldDirection(new Vector3$1());
+		const startPoints = rulerData.lines.map(v => new Vector3$1(v.start[0], -v.start[1], -v.start[2]));
+		const endPoints = rulerData.lines.map(v => new Vector3$1(v.end[0], -v.end[1], -v.end[2]));
+
+		// 可以看到的角度最小的拐点
+		const [visibleOrigin] = startPoints.concat(endPoints).sort((pointA, pointB) => {
+			const angleA = pointA.clone().setY(0).sub(cameraPosition).normalize().angleTo(cameraDirection.clone().setY(0));
+			const angleB = pointB.clone().setY(0).sub(cameraPosition).normalize().angleTo(cameraDirection.clone().setY(0));
+			return angleA - angleB;
+		});
+
+		const data = rulerData.lines.map(line => {
+			var _a, _b;
+			const start = line.start;
+			const end = line.end;
+			const { startLeft, startTop, distance, deg, visible, labelOffset, ruleLength } = getPositionAndVisible(new Vector3$1(start[0], -start[1], -start[2]), new Vector3$1(end[0], -end[1], -end[2]), visibleOrigin);
+			const children = [];
+
+			if (line.children && ((_a = line.children) === null || _a === void 0
+			? void 0
+			: _a.length) > 0) {
+				(_b = line.children) === null || _b === void 0
+				? void 0
+				: _b.forEach(l => {
+						const start = l.start;
+						const end = l.end;
+						const { distance } = getPosition(new Vector3$1(start[0], -start[1], -start[2]), new Vector3$1(end[0], -end[1], -end[2]));
+						children.push({ width: distance, state: l.state });
+					});
+			}
+
+			return {
+				width: distance,
+				left: startLeft,
+				top: startTop,
+				rotateDeg: deg,
+				state: line.state,
+				children,
+				labelOffset,
+				visible,
+				labelElement: options.distanceText(ruleLength)
+			};
+		});
+
+		$$invalidate(0, rulerItemProp = data);
+	};
+
+	const nextFrameFreshRule = () => nextFrame$1(updatePanoRulerData);
+	const throttleFreshRule = throttle(updatePanoRulerData, 80);
+
+	onMount(() => {
+		updatePanoRulerData();
+		five.on('panoArrived', updatePanoRulerData);
+		five.on('modeChange', updatePanoRulerData);
+		five.on('cameraDirectionUpdate', nextFrameFreshRule);
+		five.on('movingToPano', nextFrameFreshRule);
+		five.on('mouseWheel', () => throttleFreshRule());
+		five.on('pinchGesture', () => throttleFreshRule());
+	});
+
+	onDestroy(() => {
+		five.off('panoArrived', updatePanoRulerData);
+		five.off('modeChange', updatePanoRulerData);
+		five.off('cameraDirectionUpdate', nextFrameFreshRule);
+		five.off('movingToPano', nextFrameFreshRule);
+		five.off('mouseWheel', () => throttleFreshRule());
+		five.off('pinchGesture', () => throttleFreshRule());
+	});
+
+	$$self.$$set = $$props => {
+		if ('five' in $$props) $$invalidate(1, five = $$props.five);
+		if ('rulerDatas' in $$props) $$invalidate(2, rulerDatas = $$props.rulerDatas);
+		if ('options' in $$props) $$invalidate(3, options = $$props.options);
+	};
+
+	return [rulerItemProp, five, rulerDatas, options];
+}
+
+class RulerItems extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$6, create_fragment$6, safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
+	}
+}
+
+class Controller {
+    constructor(five, params) {
+        var _a, _b;
+        Object.defineProperty(this, "five", {
+            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, "panoRulerProData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "rulerItems", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                enabled: false,
+                loaded: false,
+                options: {
+                    className: '',
+                    distanceText: (distance) => `${distance.toFixed(1)}m`,
+                },
+            }
+        });
+        this.five = five;
+        this.container.classList.add('panoRulerProPlugin-container');
+        this.container.setAttribute('style', `position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;`);
+        if (params) {
+            if (params.data) {
+                this.load(params.data);
+            }
+            this.state.options = Object.assign(Object.assign({}, this.state.options), (params.options || {}));
+            if ((_a = params.options) === null || _a === void 0 ? void 0 : _a.className)
+                this.container.classList.add((_b = params.options) === null || _b === void 0 ? void 0 : _b.className);
+        }
+        this.five.once('modelLoaded', async () => {
+            var _a, _b;
+            (_b = (_a = this.five.getElement()) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.append(this.container);
+        });
+        this.five.once('dispose', () => this.dispose());
+    }
+    async load(serverData) {
+        if (!this.five.work)
+            return;
+        const data = serverData.data;
+        if (!data)
+            throw new Error('标尺数据依赖不齐全！');
+        this.panoRulerProData = data;
+        this.state.loaded = true;
+    }
+    enable() {
+        if (!this.state.loaded)
+            return false;
+        if (this.state.enabled)
+            return true;
+        this.state.enabled = true;
+        this.render();
+        return true;
+    }
+    disable() {
+        if (!this.state.enabled)
+            return true;
+        this.state.enabled = false;
+        this.render();
+        return true;
+    }
+    async render() {
+        var _a;
+        if (this.state.enabled) {
+            if (!this.panoRulerProData || !this.container)
+                return;
+            this.rulerItems = new RulerItems({
+                target: this.container,
+                props: {
+                    five: this.five,
+                    rulerDatas: this.panoRulerProData,
+                    options: this.state.options,
+                },
+            });
+        }
+        else {
+            (_a = this.rulerItems) === null || _a === void 0 ? void 0 : _a.$destroy();
+            this.rulerItems = undefined;
+        }
+    }
+    dispose() {
+        if (this.container) {
+            this.rulerItems.$destroy();
+            this.rulerItems = undefined;
+        }
+        this.container.remove();
+    }
+}
+
+/**
+ * 全景标尺插件
+ */
+const PanoRulerProPlugin = (five, params) => {
+    return new Controller(five, params);
+};
+
+const roomInfoIcon = 'data:image/png;base64,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';
+
+function getRoomInfoInstance() {
+    const infoDom = document.createElement('div');
+    const iconDom = document.createElement('i');
+    const textDom = document.createElement('span');
+    infoDom.appendChild(iconDom);
+    infoDom.appendChild(textDom);
+    // infoDom style
+    infoDom.style.position = 'relative';
+    infoDom.style.width = '100%';
+    infoDom.style.display = 'flex';
+    infoDom.style.flexDirection = 'column';
+    infoDom.style.alignItems = 'center';
+    infoDom.style.marginTop = `${150 / 16}rem`;
+    infoDom.style.opacity = '0';
+    infoDom.style.transition = 'opacity 1000ms linear';
+    // iconDom style
+    iconDom.style.display = 'block';
+    iconDom.style.width = `${134 / 16}rem`;
+    iconDom.style.height = `${22 / 16}rem`;
+    iconDom.style.backgroundSize = '100%';
+    iconDom.style.backgroundRepeat = 'no-repeat';
+    iconDom.style.backgroundImage = `url(${roomInfoIcon})`;
+    textDom.style.marginTop = `${10 / 16}rem`;
     // textDom style
     textDom.style.fontSize = `${16 / 16}rem`;
     textDom.style.color = '#fff';
@@ -14806,18 +15573,18 @@ function add_css(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[30] = list[i];
+	child_ctx[31] = list[i];
 	return child_ctx;
 }
 
-// (229:2) {#if itemLabelItem.visible}
+// (235:2) {#if itemLabelItem.visible}
 function create_if_block(ctx) {
 	let itemlabelitem;
 	let current;
 
 	itemlabelitem = new ItemLabelItem({
 			props: {
-				itemLabel: /*itemLabelItem*/ ctx[30],
+				itemLabel: /*itemLabelItem*/ ctx[31],
 				hooks: /*hooks*/ ctx[0],
 				anchorEnabled: /*anchorEnabled*/ ctx[2],
 				onIconClick: /*onIconClick*/ ctx[6]
@@ -14834,7 +15601,7 @@ function create_if_block(ctx) {
 		},
 		p(ctx, dirty) {
 			const itemlabelitem_changes = {};
-			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[30];
+			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[31];
 			if (dirty[0] & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
 			if (dirty[0] & /*anchorEnabled*/ 4) itemlabelitem_changes.anchorEnabled = /*anchorEnabled*/ ctx[2];
 			itemlabelitem.$set(itemlabelitem_changes);
@@ -14854,12 +15621,12 @@ function create_if_block(ctx) {
 	};
 }
 
-// (228:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
+// (234:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
 function create_each_block(key_1, ctx) {
 	let first;
 	let if_block_anchor;
 	let current;
-	let if_block = /*itemLabelItem*/ ctx[30].visible && create_if_block(ctx);
+	let if_block = /*itemLabelItem*/ ctx[31].visible && create_if_block(ctx);
 
 	return {
 		key: key_1,
@@ -14879,7 +15646,7 @@ function create_each_block(key_1, ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (/*itemLabelItem*/ ctx[30].visible) {
+			if (/*itemLabelItem*/ ctx[31].visible) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
@@ -14926,7 +15693,7 @@ function create_fragment(ctx) {
 	let div_resize_listener;
 	let current;
 	let each_value = /*renderItemLabels*/ ctx[1];
-	const get_key = ctx => /*itemLabelItem*/ ctx[30].id;
+	const get_key = ctx => /*itemLabelItem*/ ctx[31].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context(ctx, each_value, i);
@@ -14943,7 +15710,7 @@ function create_fragment(ctx) {
 			}
 
 			attr(div, "class", "item-labels-container svelte-gk8s47");
-			add_render_callback(() => /*div_elementresize_handler*/ ctx[12].call(div));
+			add_render_callback(() => /*div_elementresize_handler*/ ctx[13].call(div));
 			set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
 		},
 		m(target, anchor) {
@@ -14953,7 +15720,7 @@ function create_fragment(ctx) {
 				each_blocks[i].m(div, null);
 			}
 
-			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[12].bind(div));
+			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[13].bind(div));
 			current = true;
 		},
 		p(ctx, dirty) {
@@ -15001,6 +15768,7 @@ function instance($$self, $$props, $$invalidate) {
 	const { Raycaster, Vector3 } = THREE;
 	let { five } = $$props;
 	let { modelOcclusionEnable } = $$props;
+	let { onlyVisibleInPanorama } = $$props;
 	let { itemLabels } = $$props;
 	let { hooks } = $$props;
 	let { displayStrategyType } = $$props;
@@ -15052,7 +15820,10 @@ function instance($$self, $$props, $$invalidate) {
 		const ratioFromTop = (2 - (offsetYFromCenter + 1)) / 2;
 		const isFront = Math.abs(offsetZFromCenter) < 1;
 		const cssOffset = [ratioFromLeft, ratioFromTop];
+
+		// 只计算在前面就行
 		const isInViewport = isFront && cssOffset.every(ratio => ratio < 1 && ratio >= 0);
+
 		return Boolean(isInViewport);
 	};
 
@@ -15073,8 +15844,15 @@ function instance($$self, $$props, $$invalidate) {
 	};
 
 	const getFormatedItemLabels = (five, labels) => {
+		console.log(labels);
+
 		// 计算位置 & 可见性
 		const newLabels = labels.map(label => {
+			// 不在绑定点位则直接不可见
+			if (five.state.panoIndex !== label.panoIndex) {
+				return Object.assign(Object.assign({}, label), { visible: false });
+			}
+
 			const cssOffset = getLabelCssOffset(five, label);
 			label.name.length * basicWidth;
 			const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType);
@@ -15127,16 +15905,6 @@ function instance($$self, $$props, $$invalidate) {
 		handleCameraUpdate();
 	};
 
-	const onFiveModeChange = mode => {
-		$$invalidate(5, itemsVisible = false);
-
-		five.once('initAnimationEnded', (panoIndex, pose, userAction) => {
-			$$invalidate(2, anchorEnabled = mode === Five.Mode.Panorama);
-			$$invalidate(5, itemsVisible = true);
-			if (!userAction) return; else onItemLabelUpdate();
-		});
-	};
-
 	const handleCameraUpdate = debounce(
 		() => {
 			$$invalidate(5, itemsVisible = true);
@@ -15194,11 +15962,10 @@ function instance($$self, $$props, $$invalidate) {
 	const onIconClick = itemLabel => {
 		if (five.state.mode === Five.Mode.Panorama) return;
 		const observers = five.work.observers;
-		const fromPositionVector = new Vector3(itemLabel.position[0], itemLabel.position[1], itemLabel.position[2]);
+		const fromPositionVector = new Vector3().fromArray(itemLabel.position);
 		const observer = getNearObserverPano(fromPositionVector, observers);
 
 		if (observer) {
-			console.log('--has observer--');
 			itemLabel.observerIndex = observer.panoIndex;
 		}
 
@@ -15241,12 +16008,12 @@ function instance($$self, $$props, $$invalidate) {
 		onItemLabelUpdate();
 		addResizeListener();
 		five.on('cameraUpdate', handleCameraUpdateCallback);
-		five.on('modeChange', onFiveModeChange);
-	});
+	}); // five.on('modeChange', onFiveModeChange)
 
 	onDestroy(() => {
 		five.off('cameraUpdate', handleCameraUpdateCallback);
-		five.off('modeChange', onFiveModeChange);
+
+		// five.off('modeChange', onFiveModeChange)
 		window.removeEventListener('resize', onResize, false);
 	});
 
@@ -15260,10 +16027,11 @@ function instance($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('five' in $$props) $$invalidate(7, five = $$props.five);
 		if ('modelOcclusionEnable' in $$props) $$invalidate(8, modelOcclusionEnable = $$props.modelOcclusionEnable);
-		if ('itemLabels' in $$props) $$invalidate(9, itemLabels = $$props.itemLabels);
+		if ('onlyVisibleInPanorama' in $$props) $$invalidate(9, onlyVisibleInPanorama = $$props.onlyVisibleInPanorama);
+		if ('itemLabels' in $$props) $$invalidate(10, itemLabels = $$props.itemLabels);
 		if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
-		if ('displayStrategyType' in $$props) $$invalidate(10, displayStrategyType = $$props.displayStrategyType);
-		if ('maxVisibleDistance' in $$props) $$invalidate(11, maxVisibleDistance = $$props.maxVisibleDistance);
+		if ('displayStrategyType' in $$props) $$invalidate(11, displayStrategyType = $$props.displayStrategyType);
+		if ('maxVisibleDistance' in $$props) $$invalidate(12, maxVisibleDistance = $$props.maxVisibleDistance);
 	};
 
 	return [
@@ -15276,6 +16044,7 @@ function instance($$self, $$props, $$invalidate) {
 		onIconClick,
 		five,
 		modelOcclusionEnable,
+		onlyVisibleInPanorama,
 		itemLabels,
 		displayStrategyType,
 		maxVisibleDistance,
@@ -15296,10 +16065,11 @@ class ItemLabelComponent extends SvelteComponent {
 			{
 				five: 7,
 				modelOcclusionEnable: 8,
-				itemLabels: 9,
+				onlyVisibleInPanorama: 9,
+				itemLabels: 10,
 				hooks: 0,
-				displayStrategyType: 10,
-				maxVisibleDistance: 11
+				displayStrategyType: 11,
+				maxVisibleDistance: 12
 			},
 			add_css,
 			[-1, -1]
@@ -15309,12 +16079,12 @@ class ItemLabelComponent extends SvelteComponent {
 
 /** @description 转成内部所需数据 */
 function parseItemLabelPluginData(data) {
-    return data.item_labels.map(label => (Object.assign({ modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined }, label)));
+    return data.item_labels.map(label => (Object.assign(Object.assign({}, label), { modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined })));
 }
 
 const defaultMaxVisibleDistance = undefined;
 const Plugin = (five, params) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const pluginState = {
         container: document.createElement('div'),
         data: null,
@@ -15325,8 +16095,9 @@ const Plugin = (five, params) => {
         app: undefined,
         hooks: new Subscribe(),
         modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
-        displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
-        maxVisibleDistance: (_c = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _c !== void 0 ? _c : defaultMaxVisibleDistance,
+        onlyVisibleInPanorama: (_b = params === null || params === void 0 ? void 0 : params.onlyVisibleInPanorama) !== null && _b !== void 0 ? _b : true,
+        displayStrategyType: (_c = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _c !== void 0 ? _c : ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
+        maxVisibleDistance: (_d = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _d !== void 0 ? _d : defaultMaxVisibleDistance,
     };
     pluginState.container.setAttribute('class', 'item-label-plugin-container');
     pluginState.container.style.cssText = `
@@ -15363,6 +16134,7 @@ const Plugin = (five, params) => {
         return true;
     };
     const dispose = () => {
+        removeListener4Five();
         pluginState.container.remove();
     };
     const render = () => {
@@ -15382,6 +16154,7 @@ const Plugin = (five, params) => {
                 props: {
                     five: five,
                     modelOcclusionEnable: pluginState.modelOcclusionEnable,
+                    onlyVisibleInPanorama: pluginState.onlyVisibleInPanorama,
                     itemLabels: pluginState.itemLabels,
                     wrapper: pluginState.wrapper,
                     hooks: pluginState.hooks,
@@ -15399,9 +16172,27 @@ const Plugin = (five, params) => {
     };
     // 添加 five 监听
     const addListener4Five = () => {
-        // five.on('modeChange', onFiveModeChange)
+        five.on('modeChange', onFiveModeChange);
         five.once('dispose', dispose);
     };
+    // 取消 five 监听
+    const removeListener4Five = () => {
+        five.off('modeChange', onFiveModeChange);
+    };
+    const onFiveModeChange = (mode) => {
+        // if (!pluginState.enabled) return
+        if (mode !== Five.Mode.Panorama) {
+            pluginState.fiveModeEnabled = false;
+            disable();
+            return;
+        }
+        // pluginState.fiveModeEnabled = false
+        // render()
+        five.once('initAnimationEnded', () => {
+            pluginState.fiveModeEnabled = true;
+            enable();
+        });
+    };
     addListener4Five();
     return {
         appendTo,
@@ -15418,4 +16209,6 @@ const itemLabelPluginServerParams = {
     version: 0,
 };
 
-export { CSS3DRenderPlugin, CameraMovementEffect, CameraMovementPlugin, DIRECTION, DISPLAY_STRATEGY_TYPE, FLOOR_PLAN_ATTACHED_TO, FLOOR_TYPE_MAP, ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE, Plugin as ItemLabelPlugin, Magnifier, ModelChassisCompassPlugin, ModelEntryDoorGuidePlugin, ModelFloorplanPlugin, ModelItemLabelPlugin, ModelRoomLabelPlugin, ModelTVVideoPlugin, ModelViewPlugin, PanoCompassPlugin, PanoCursorRaycasterPlugin, PanoFloorplanRadarPlugin, PanoMeasurePlugin, PanoRulerPlugin, PanoSpatialTagPlugin, ROOM_FETILE_TYPE_MAP, ROOM_TYPE_MAP, Rotation, TopviewFloorplanPlugin, itemLabelPluginServerParams, modelItemLabelPluginServerParams, modelRoomLabelPluginServerParams, panoCompassPluginServerParams };
+const DnalogelVersion = '2.0.0-alpha.38';
+
+export { CSS3DRenderPlugin, CameraMovementEffect, CameraMovementPlugin, DIRECTION, DISPLAY_STRATEGY_TYPE, DnalogelVersion, FLOOR_PLAN_ATTACHED_TO, FLOOR_TYPE_MAP, ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE, Plugin as ItemLabelPlugin, Magnifier, ModelChassisCompassPlugin, ModelEntryDoorGuidePlugin, ModelFloorplanPlugin, ModelItemLabelPlugin, ModelRoomLabelPlugin, ModelTVVideoPlugin, ModelViewPlugin, PanoCompassPlugin, PanoCursorRaycasterPlugin, PanoFloorplanRadarPlugin, PanoMeasurePlugin, PanoRulerPlugin, PanoRulerProPlugin, PanoSpatialTagPlugin, ROOM_FETILE_TYPE_MAP, ROOM_TYPE_MAP, Rotation, TopviewFloorplanPlugin, itemLabelPluginServerParams, modelItemLabelPluginServerParams, modelRoomLabelPluginServerParams, panoCompassPluginServerParams };