@realsee/dnalogel 2.0.0-alpha.42 → 2.0.0-alpha.45

package/dist/index.js

@@ -490,11 +490,11 @@ const ROOM_LABEL_BG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAY
 
 /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.49.0 */
 
-function add_css$p(target) {
+function add_css$q(target) {
 	internal.append_styles(target, "svelte-877671", ".room-label-item.svelte-877671{position:absolute;font-size:0.41667rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.room-label-item__text.svelte-877671{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-877671{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-877671{font-size:0.52083rem}");
 }
 
-function create_fragment$u(ctx) {
+function create_fragment$v(ctx) {
 	let div1;
 	let span;
 	let t0_value = /*roomLabel*/ ctx[0].name + "";
@@ -561,7 +561,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { roomLabel } = $$props;
 
@@ -584,7 +584,7 @@ function instance$u($$self, $$props, $$invalidate) {
 class RoomLabelItem extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$u, create_fragment$u, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$p);
+		internal.init(this, options, instance$v, create_fragment$v, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$q);
 	}
 }
 
@@ -592,7 +592,7 @@ class RoomLabelItem extends internal.SvelteComponent {
 
 const { Map: Map_1 } = internal.globals;
 
-function add_css$o(target) {
+function add_css$p(target) {
 	internal.append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
 
@@ -651,7 +651,7 @@ function create_each_block$c(key_1, ctx) {
 	};
 }
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map_1();
@@ -723,7 +723,7 @@ function create_fragment$t(ctx) {
 	};
 }
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let rendererSize;
 	let { five } = $$props;
 	let { roomLabels } = $$props;
@@ -848,7 +848,7 @@ function instance$t($$self, $$props, $$invalidate) {
 class RoomLabelItems extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$t, create_fragment$t, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$o);
+		internal.init(this, options, instance$u, create_fragment$u, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$p);
 	}
 }
 
@@ -1023,31 +1023,6 @@ exports.FLOOR_PLAN_ATTACHED_TO = void 0;
     FLOOR_PLAN_ATTACHED_TO[FLOOR_PLAN_ATTACHED_TO["BOUNDING_CENTER"] = 3] = "BOUNDING_CENTER";
 })(exports.FLOOR_PLAN_ATTACHED_TO || (exports.FLOOR_PLAN_ATTACHED_TO = {}));
 
-/******************************************************************************
-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());
-    });
-}
-
 /**
  * 检查一个值是否是狭义上的对象
  * @param {any} value 要检查的值
@@ -1161,11 +1136,11 @@ function rad2Deg$1(rad) {
 
 /* src/floorplan/Components/Camera.svelte generated by Svelte v3.49.0 */
 
-function add_css$n(target) {
+function add_css$o(target) {
 	internal.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$s(ctx) {
+function create_fragment$t(ctx) {
 	let div1;
 	let div0;
 
@@ -1202,7 +1177,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	let { panoIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { lastPanoramaLongitude } = $$props;
@@ -1248,8 +1223,8 @@ class Camera$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$s,
-			create_fragment$s,
+			instance$t,
+			create_fragment$t,
 			internal.safe_not_equal,
 			{
 				panoIndex: 5,
@@ -1257,7 +1232,7 @@ class Camera$1 extends internal.SvelteComponent {
 				lastPanoramaLongitude: 7,
 				cameraImageUrl: 0
 			},
-			add_css$n
+			add_css$o
 		);
 	}
 }
@@ -1266,7 +1241,7 @@ const COMPASS_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArUAAAB7CAM
 
 /* src/floorplan/Components/Compass.svelte generated by Svelte v3.49.0 */
 
-function add_css$m(target) {
+function add_css$n(target) {
 	internal.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}");
 }
 
@@ -1307,7 +1282,7 @@ function create_if_block$b(ctx) {
 	};
 }
 
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
 	let if_block_anchor;
 	let if_block = /*canCompassShow*/ ctx[1] && create_if_block$b(ctx);
 
@@ -1336,7 +1311,7 @@ function rad2Deg(rad) {
 	return rad / Math.PI * 180;
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
 	var _a;
 	let { floorplanData } = $$props;
 	let { northDesc } = $$props;
@@ -1360,17 +1335,17 @@ function instance$r($$self, $$props, $$invalidate) {
 class Compass extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$r, create_fragment$r, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$m);
+		internal.init(this, options, instance$s, create_fragment$s, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$n);
 	}
 }
 
 /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.49.0 */
 
-function add_css$l(target) {
+function add_css$m(target) {
 	internal.append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
 }
 
-function create_fragment$q(ctx) {
+function create_fragment$r(ctx) {
 	let img;
 	let img_src_value;
 
@@ -1397,7 +1372,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { url } = $$props;
 
 	$$self.$$set = $$props => {
@@ -1410,17 +1385,17 @@ function instance$q($$self, $$props, $$invalidate) {
 class Normalmage extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$q, create_fragment$q, internal.safe_not_equal, { url: 0 }, add_css$l);
+		internal.init(this, options, instance$r, create_fragment$r, internal.safe_not_equal, { url: 0 }, add_css$m);
 	}
 }
 
 /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.49.0 */
 
-function add_css$k(target) {
+function add_css$l(target) {
 	internal.append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
 }
 
-function create_fragment$p(ctx) {
+function create_fragment$q(ctx) {
 	let div;
 	let html_tag;
 	let t;
@@ -1453,7 +1428,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { content } = $$props;
 
 	const svgStyle = `
@@ -1477,18 +1452,18 @@ function instance$p($$self, $$props, $$invalidate) {
 class SvgImage extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { content: 0 }, add_css$k);
+		internal.init(this, options, instance$q, create_fragment$q, internal.safe_not_equal, { content: 0 }, add_css$l);
 	}
 }
 
 /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.49.0 */
 
-function add_css$j(target) {
+function add_css$k(target) {
 	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) 
-function create_if_block_1$5(ctx) {
+function create_if_block_1$6(ctx) {
 	let normalimage;
 	let current;
 	normalimage = new Normalmage({ props: { url: /*imageData*/ ctx[1].url } });
@@ -1558,12 +1533,12 @@ function create_if_block$a(ctx) {
 	};
 }
 
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
 	let div;
 	let current_block_type_index;
 	let if_block;
 	let current;
-	const if_block_creators = [create_if_block$a, create_if_block_1$5];
+	const if_block_creators = [create_if_block$a, create_if_block_1$6];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -1646,7 +1621,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let imageData;
 	let svgContent;
 	var _a, _b;
@@ -1678,18 +1653,18 @@ function instance$o($$self, $$props, $$invalidate) {
 class BaseImage extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$o, create_fragment$o, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$j);
+		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$k);
 	}
 }
 
 /* src/floorplan/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.49.0 */
 
-function add_css$i(target) {
+function add_css$j(target) {
 	internal.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}");
 }
 
 // (95:30) 
-function create_if_block_1$4(ctx) {
+function create_if_block_1$5(ctx) {
 	let html_tag;
 	let raw_value = /*userConfigElement*/ ctx[4].outerHTML + "";
 	let html_anchor;
@@ -1749,12 +1724,12 @@ function create_if_block$9(ctx) {
 	};
 }
 
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
 	let div;
 
 	function select_block_type(ctx, dirty) {
 		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block$9;
-		if (/*userConfigElement*/ ctx[4]) return create_if_block_1$4;
+		if (/*userConfigElement*/ ctx[4]) return create_if_block_1$5;
 	}
 
 	let current_block_type = select_block_type(ctx);
@@ -1823,7 +1798,7 @@ function isPointInPolygon(point, polygon) {
 	return inside;
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let isLabelInRoom;
 	let userConfigElement;
 	let labelVisible;
@@ -1967,8 +1942,8 @@ class RoomLabel extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$n,
-			create_fragment$n,
+			instance$o,
+			create_fragment$o,
 			internal.safe_not_equal,
 			{
 				pxmm: 9,
@@ -1977,14 +1952,14 @@ class RoomLabel extends internal.SvelteComponent {
 				getLabelElement: 1,
 				adaptiveRoomLabelVisibleEnable: 11
 			},
-			add_css$i
+			add_css$j
 		);
 	}
 }
 
 /* src/floorplan/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.49.0 */
 
-function add_css$h(target) {
+function add_css$i(target) {
 	internal.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}");
 }
 
@@ -2137,7 +2112,7 @@ function create_each_block$b(key_1, ctx) {
 	};
 }
 
-function create_fragment$m(ctx) {
+function create_fragment$n(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*rooms*/ ctx[5] && create_if_block$8(ctx);
@@ -2192,7 +2167,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
@@ -2249,8 +2224,8 @@ class RoomLabels extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$m,
-			create_fragment$m,
+			instance$n,
+			create_fragment$n,
 			internal.safe_not_equal,
 			{
 				floorIndex: 6,
@@ -2259,14 +2234,14 @@ class RoomLabels extends internal.SvelteComponent {
 				getLabelElement: 1,
 				adaptiveRoomLabelVisibleEnable: 2
 			},
-			add_css$h
+			add_css$i
 		);
 	}
 }
 
 /* src/floorplan/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.49.0 */
 
-function add_css$g(target) {
+function add_css$h(target) {
 	internal.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}");
 }
 
@@ -2342,7 +2317,7 @@ function create_each_block$a(key_1, ctx) {
 	};
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$m(ctx) {
 	let div3;
 	let div0;
 	let t0;
@@ -2465,7 +2440,7 @@ function create_fragment$l(ctx) {
 const padding$1 = 1000;
 const exteriorWallOffset$1 = 180;
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	let { type } = $$props;
 	let { data } = $$props;
 	let { bounding } = $$props;
@@ -2524,13 +2499,13 @@ function instance$l($$self, $$props, $$invalidate) {
 class RuleItem extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$l, create_fragment$l, internal.safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$g);
+		internal.init(this, options, instance$m, create_fragment$m, internal.safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$h);
 	}
 }
 
 /* src/floorplan/Components/RuleLabels/RuleLabels.svelte generated by Svelte v3.49.0 */
 
-function add_css$f(target) {
+function add_css$g(target) {
 	internal.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}");
 }
 
@@ -2607,7 +2582,7 @@ function create_each_block$9(key_1, ctx) {
 	};
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$l(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -2687,7 +2662,7 @@ function create_fragment$k(ctx) {
 const padding = 1000;
 const exteriorWallOffset = 180;
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let bounding;
 	let ruleLabelData;
 	let ruleLabelDataKeys;
@@ -2767,7 +2742,7 @@ function instance$k($$self, $$props, $$invalidate) {
 class RuleLabels extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$k, create_fragment$k, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$f);
+		internal.init(this, options, instance$l, create_fragment$l, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$g);
 	}
 }
 
@@ -2824,7 +2799,7 @@ function getFloorIndexFromModelPosition(position, five) {
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_0.svelte generated by Svelte v3.49.0 */
 
-function create_fragment$j(ctx) {
+function create_fragment$k(ctx) {
 	let path_1;
 
 	return {
@@ -2849,7 +2824,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -2869,13 +2844,13 @@ function instance$j($$self, $$props, $$invalidate) {
 class RoomMaterial_0 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$j, create_fragment$j, internal.safe_not_equal, { path: 1 });
+		internal.init(this, options, instance$k, create_fragment$k, internal.safe_not_equal, { path: 1 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_1.svelte generated by Svelte v3.49.0 */
 
-function create_fragment$i(ctx) {
+function create_fragment$j(ctx) {
 	let defs;
 	let pattern;
 	let rect;
@@ -2936,7 +2911,7 @@ function create_fragment$i(ctx) {
 
 const halfWidth = 6;
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 	const width = halfWidth * 2;
@@ -2958,13 +2933,13 @@ function instance$i($$self, $$props, $$invalidate) {
 class RoomMaterial_1 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$i, create_fragment$i, internal.safe_not_equal, { path: 3 });
+		internal.init(this, options, instance$j, create_fragment$j, internal.safe_not_equal, { path: 3 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_2.svelte generated by Svelte v3.49.0 */
 
-function create_fragment$h(ctx) {
+function create_fragment$i(ctx) {
 	let defs;
 	let pattern0;
 	let rect0;
@@ -3065,7 +3040,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -3085,13 +3060,13 @@ function instance$h($$self, $$props, $$invalidate) {
 class RoomMaterial_2 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$h, create_fragment$h, internal.safe_not_equal, { path: 1 });
+		internal.init(this, options, instance$i, create_fragment$i, internal.safe_not_equal, { path: 1 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.49.0 */
 
-function add_css$e(target) {
+function add_css$f(target) {
 	internal.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}");
 }
 
@@ -3102,7 +3077,7 @@ function get_each_context$8(ctx, list, i) {
 }
 
 // (19:6) {:else}
-function create_else_block$1(ctx) {
+function create_else_block$2(ctx) {
 	let roommaterial_1;
 	let current;
 	roommaterial_1 = new RoomMaterial_1({ props: { path: /*room*/ ctx[5].path } });
@@ -3136,7 +3111,7 @@ function create_else_block$1(ctx) {
 }
 
 // (17:37) 
-function create_if_block_1$3(ctx) {
+function create_if_block_1$4(ctx) {
 	let roommaterial_2;
 	let current;
 	roommaterial_2 = new RoomMaterial_2({ props: { path: /*room*/ ctx[5].path } });
@@ -3209,7 +3184,7 @@ function create_each_block$8(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let current;
-	const if_block_creators = [create_if_block$7, create_if_block_1$3, create_else_block$1];
+	const if_block_creators = [create_if_block$7, create_if_block_1$4, create_else_block$2];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -3278,7 +3253,7 @@ function create_each_block$8(ctx) {
 	};
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let div;
 	let current;
 	let each_value = /*rooms*/ ctx[0];
@@ -3364,7 +3339,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
@@ -3390,17 +3365,17 @@ function instance$g($$self, $$props, $$invalidate) {
 class RoomMaterial extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$g, create_fragment$g, internal.safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$e);
+		internal.init(this, options, instance$h, create_fragment$h, internal.safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$f);
 	}
 }
 
 /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.49.0 */
 
-function add_css$d(target) {
+function add_css$e(target) {
 	internal.append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$g(ctx) {
 	let path;
 	let mounted;
 	let dispose;
@@ -3435,7 +3410,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let { room } = $$props;
 	let { floorplanData } = $$props;
 	let { hoveredRoom } = $$props;
@@ -3471,22 +3446,22 @@ class Room extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$f,
-			create_fragment$f,
+			instance$g,
+			create_fragment$g,
 			internal.safe_not_equal,
 			{
 				room: 3,
 				floorplanData: 4,
 				hoveredRoom: 5
 			},
-			add_css$d
+			add_css$e
 		);
 	}
 }
 
 /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.49.0 */
 
-function add_css$c(target) {
+function add_css$d(target) {
 	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}");
 }
 
@@ -3562,7 +3537,7 @@ function create_each_block$7(key_1, ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let div;
 	let svg;
 	let each_blocks = [];
@@ -3636,7 +3611,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { hoveredRoom } = $$props;
@@ -3659,22 +3634,22 @@ class RoomHighlight extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$e,
-			create_fragment$e,
+			instance$f,
+			create_fragment$f,
 			internal.safe_not_equal,
 			{
 				floorIndex: 0,
 				floorplanData: 1,
 				hoveredRoom: 2
 			},
-			add_css$c
+			add_css$d
 		);
 	}
 }
 
 /* src/floorplan/Components/CurrentFloor.svelte generated by Svelte v3.49.0 */
 
-function add_css$b(target) {
+function add_css$c(target) {
 	internal.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}");
 }
 
@@ -3736,7 +3711,7 @@ function create_if_block_2(ctx) {
 }
 
 // (24:2) {#if roomLabelsEnable}
-function create_if_block_1$2(ctx) {
+function create_if_block_1$3(ctx) {
 	let roomlabels;
 	let current;
 
@@ -3851,7 +3826,7 @@ function create_if_block$6(ctx) {
 	};
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let div;
 	let roommaterial;
 	let t0;
@@ -3892,7 +3867,7 @@ function create_fragment$d(ctx) {
 	}
 
 	baseimage = new BaseImage({ props: baseimage_props });
-	let if_block1 = /*roomLabelsEnable*/ ctx[3] && create_if_block_1$2(ctx);
+	let if_block1 = /*roomLabelsEnable*/ ctx[3] && create_if_block_1$3(ctx);
 	let if_block2 = /*ruleLabelsEnable*/ ctx[4] && create_if_block$6(ctx);
 
 	return {
@@ -3979,7 +3954,7 @@ function create_fragment$d(ctx) {
 						internal.transition_in(if_block1, 1);
 					}
 				} else {
-					if_block1 = create_if_block_1$2(ctx);
+					if_block1 = create_if_block_1$3(ctx);
 					if_block1.c();
 					internal.transition_in(if_block1, 1);
 					if_block1.m(div, t3);
@@ -4051,7 +4026,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let { isCurrent } = $$props;
 	let { floorIndex } = $$props;
 	let { hoverEnable } = $$props;
@@ -4093,8 +4068,8 @@ class CurrentFloor$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$d,
-			create_fragment$d,
+			instance$e,
+			create_fragment$e,
 			internal.safe_not_equal,
 			{
 				isCurrent: 0,
@@ -4106,14 +4081,14 @@ class CurrentFloor$1 extends internal.SvelteComponent {
 				getLabelElement: 6,
 				adaptiveRoomLabelVisibleEnable: 7
 			},
-			add_css$b
+			add_css$c
 		);
 	}
 }
 
 /* src/floorplan/Components/Main.svelte generated by Svelte v3.49.0 */
 
-function add_css$a(target) {
+function add_css$b(target) {
 	internal.append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
 }
 
@@ -4158,7 +4133,7 @@ function create_if_block$5(ctx) {
 	}
 
 	camera = new Camera$1({ props: camera_props });
-	let if_block = /*compassEnable*/ ctx[6] && create_if_block_1$1(ctx);
+	let if_block = /*compassEnable*/ ctx[6] && create_if_block_1$2(ctx);
 
 	return {
 		c() {
@@ -4238,7 +4213,7 @@ function create_if_block$5(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block_1$1(ctx);
+					if_block = create_if_block_1$2(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(div, null);
@@ -4372,7 +4347,7 @@ function create_each_block$6(ctx) {
 }
 
 // (39:4) {#if compassEnable}
-function create_if_block_1$1(ctx) {
+function create_if_block_1$2(ctx) {
 	let compass;
 	let current;
 
@@ -4412,7 +4387,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-function create_fragment$c(ctx) {
+function create_fragment$d(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*visible*/ ctx[1] && create_if_block$5(ctx);
@@ -4467,7 +4442,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	let { duration = 0 } = $$props;
 	let { visible } = $$props;
 	let { northDesc } = $$props;
@@ -4525,8 +4500,8 @@ class Main$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$c,
-			create_fragment$c,
+			instance$d,
+			create_fragment$d,
 			internal.safe_not_equal,
 			{
 				duration: 0,
@@ -4544,33 +4519,29 @@ class Main$1 extends internal.SvelteComponent {
 				getLabelElement: 12,
 				adaptiveRoomLabelVisibleEnable: 13
 			},
-			add_css$a
+			add_css$b
 		);
 	}
 }
 
 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 = {
@@ -4616,21 +4587,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) => {
@@ -4725,37 +4694,35 @@ function nearlyEqual(num1, num2, accuracy = 4) {
 /** 等待 five changeMode 结束
  * @description Promise 的状态只代表 mode 与预期是否一致，不保证参数的一致性
  */
-function changeMode(five, changeModeParams) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield new Promise((resolve, reject) => {
-            // 虽然 changeMode 是异步函数，但不代表异步流程结束代表切换 Mode 动画结束
-            five.changeMode(...changeModeParams).catch((error) => reject(error));
-            five.once('initAnimationEnded', () => {
-                const fiveCurrentState = five.getCurrentState();
-                const correctMode = changeModeParams[0];
-                if (fiveCurrentState.mode !== correctMode)
-                    reject(new Error('mode 与预期不符'));
-                /** 检测当前的 current pose 和传入的 pose 是否一致 */
-                const checkPose = () => {
-                    const correctPose = changeModeParams[1];
-                    if (!correctPose)
+async function changeMode(five, changeModeParams) {
+    await new Promise((resolve, reject) => {
+        // 虽然 changeMode 是异步函数，但不代表异步流程结束代表切换 Mode 动画结束
+        five.changeMode(...changeModeParams).catch((error) => reject(error));
+        five.once('initAnimationEnded', () => {
+            const fiveCurrentState = five.getCurrentState();
+            const correctMode = changeModeParams[0];
+            if (fiveCurrentState.mode !== correctMode)
+                reject(new Error('mode 与预期不符'));
+            /** 检测当前的 current pose 和传入的 pose 是否一致 */
+            const checkPose = () => {
+                const correctPose = changeModeParams[1];
+                if (!correctPose)
+                    return true;
+                return Object.keys(correctPose).every((key) => {
+                    const fivePoseItem = fiveCurrentState[key];
+                    if (fivePoseItem === undefined)
                         return true;
-                    return Object.keys(correctPose).every((key) => {
-                        const fivePoseItem = fiveCurrentState[key];
-                        if (fivePoseItem === undefined)
-                            return true;
-                        const correctPoseItem = correctPose[key];
-                        if (typeof fivePoseItem === 'number' && typeof correctPoseItem === 'number') {
-                            return nearlyEqual(fivePoseItem, correctPoseItem, 2);
-                        }
-                        return fivePoseItem === correctPoseItem;
-                    });
-                };
-                const checkPoseResult = checkPose();
-                if (!checkPoseResult)
-                    reject(new Error('five pose 与预期不符'));
-                resolve();
-            });
+                    const correctPoseItem = correctPose[key];
+                    if (typeof fivePoseItem === 'number' && typeof correctPoseItem === 'number') {
+                        return nearlyEqual(fivePoseItem, correctPoseItem, 2);
+                    }
+                    return fivePoseItem === correctPoseItem;
+                });
+            };
+            const checkPoseResult = checkPose();
+            if (!checkPoseResult)
+                reject(new Error('five pose 与预期不符'));
+            resolve();
         });
     });
 }
@@ -5102,24 +5069,22 @@ class Controller$3 extends Controller$4 {
         five.once('dispose', this.dispose);
         this.addEventListener();
     }
-    load(serverData, state, userAction = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            function isPluginServerData(serverData) {
-                return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
-            }
-            const _data = serverData;
-            if (_data && !_data.version)
-                console.warn('传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数');
-            const copyData = JSON.parse(JSON.stringify(serverData));
-            const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
-            const prevData = this.data;
-            this.data = yield formatData(_serverData);
-            this.hooks.emit('dataLoaded', this.data);
-            this.hooks.emit('dataChange', this.data, prevData);
-            if (state)
-                this.updateState(state, userAction);
-            this.render();
-        });
+    async load(serverData, state, userAction = true) {
+        function isPluginServerData(serverData) {
+            return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
+        }
+        const _data = serverData;
+        if (_data && !_data.version)
+            console.warn('传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数');
+        const copyData = JSON.parse(JSON.stringify(serverData));
+        const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
+        const prevData = this.data;
+        this.data = await formatData(_serverData);
+        this.hooks.emit('dataLoaded', this.data);
+        this.hooks.emit('dataChange', this.data, prevData);
+        if (state)
+            this.updateState(state, userAction);
+        this.render();
     }
     /** 更新户型图位置 */
     updatePosition() {
@@ -5144,25 +5109,21 @@ class Controller$3 extends Controller$4 {
         this.render();
         return this;
     }
-    show(options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // 已经展示完成了，不做任何操作
-            if (this.state.visible)
-                return;
-            const userAction = options.userAction !== undefined ? options.userAction : true;
-            this.updateState({ visible: true }, userAction);
-            this._show({ userAction });
-        });
+    async show(options = {}) {
+        // 已经展示完成了，不做任何操作
+        if (this.state.visible)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ visible: true }, userAction);
+        this._show({ userAction });
     }
-    hide(options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.isHiddenByHideFunc = true;
-            if (!this.state.visible)
-                return;
-            const userAction = options.userAction !== undefined ? options.userAction : true;
-            this.updateState({ visible: false }, userAction);
-            this._hide({ userAction });
-        });
+    async hide(options = {}) {
+        this.isHiddenByHideFunc = true;
+        if (!this.state.visible)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ visible: false }, userAction);
+        this._hide({ userAction });
     }
     enable(options = {}) {
         if (this.state.enabled)
@@ -5192,42 +5153,36 @@ class Controller$3 extends Controller$4 {
             state.visible ? this._show(options) : this._hide(options);
         }
     }
-    formatData(serverData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield formatData(serverData.data);
-        });
+    async formatData(serverData) {
+        return await formatData(serverData.data);
     }
-    _show(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.state.enabled)
-                return;
-            this.isHiddenByHideFunc = false;
-            const { userAction } = options;
-            this.hooks.emit('show', { userAction });
-            if (this.five.getCurrentState().mode !== 'Topview') {
-                yield changeMode(this.five, ['Topview', undefined, undefined, userAction]);
-            }
-            this.five.model.show(this.floorIndex);
-            this.updatePosition();
-            this.updateSize();
-            const renderDuration = 500;
-            const modelOpacity = this.state.config.modelOpacity;
-            changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
-            this.hooks.emit('showAnimationEnded', { userAction });
-            this.render();
-        });
+    async _show(options) {
+        if (!this.state.enabled)
+            return;
+        this.isHiddenByHideFunc = false;
+        const { userAction } = options;
+        this.hooks.emit('show', { userAction });
+        if (this.five.getCurrentState().mode !== 'Topview') {
+            await changeMode(this.five, ['Topview', undefined, undefined, userAction]);
+        }
+        this.five.model.show(this.floorIndex);
+        this.updatePosition();
+        this.updateSize();
+        const renderDuration = 500;
+        const modelOpacity = this.state.config.modelOpacity;
+        changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
+        this.hooks.emit('showAnimationEnded', { userAction });
+        this.render();
     }
-    _hide(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.state.enabled)
-                return;
-            const { userAction } = options;
-            this.hooks.emit('hide', { userAction });
-            const modelOpacity = 1;
-            const renderDuration = 0;
-            changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
-            this.render();
-        });
+    async _hide(options) {
+        if (!this.state.enabled)
+            return;
+        const { userAction } = options;
+        this.hooks.emit('hide', { userAction });
+        const modelOpacity = 1;
+        const renderDuration = 0;
+        changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
+        this.render();
     }
     _enable(options) {
         const { userAction } = options;
@@ -5327,11 +5282,11 @@ function throttle(func, wait = 200) {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.49.0 */
 
-function add_css$9(target) {
+function add_css$a(target) {
 	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$b(ctx) {
+function create_fragment$c(ctx) {
 	let div2;
 	let div1;
 	let div0;
@@ -5381,7 +5336,7 @@ function getCameraRotateTransform(longitude) {
 	return `rotate(${rotate}deg)`;
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	let positionTransform;
 	let rotateTransform;
 	let { five } = $$props;
@@ -5461,8 +5416,8 @@ class Camera extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$b,
-			create_fragment$b,
+			instance$c,
+			create_fragment$c,
 			internal.safe_not_equal,
 			{
 				five: 3,
@@ -5470,14 +5425,14 @@ class Camera extends internal.SvelteComponent {
 				floorplanData: 5,
 				cameraImageUrl: 0
 			},
-			add_css$9
+			add_css$a
 		);
 	}
 }
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.49.0 */
 
-function add_css$8(target) {
+function add_css$9(target) {
 	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%)}");
 }
 
@@ -5547,7 +5502,7 @@ function create_each_block$5(key_1, ctx) {
 	};
 }
 
-function create_fragment$a(ctx) {
+function create_fragment$b(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -5595,7 +5550,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let { extraObjects = [] } = $$props;
 
 	$$self.$$set = $$props => {
@@ -5608,7 +5563,7 @@ function instance$a($$self, $$props, $$invalidate) {
 class ExtraObjects extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$a, create_fragment$a, internal.safe_not_equal, { extraObjects: 0 }, add_css$8);
+		internal.init(this, options, instance$b, create_fragment$b, internal.safe_not_equal, { extraObjects: 0 }, add_css$9);
 	}
 }
 
@@ -5674,7 +5629,7 @@ function create_if_block$4(ctx) {
 	};
 }
 
-function create_fragment$9(ctx) {
+function create_fragment$a(ctx) {
 	let baseimage;
 	let t0;
 	let extraobjects;
@@ -5785,7 +5740,7 @@ function create_fragment$9(ctx) {
 	};
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	let currentFloorExtraObjects;
 	let { five } = $$props;
 	let { pxmm } = $$props;
@@ -5828,7 +5783,7 @@ class CurrentFloor extends internal.SvelteComponent {
 	constructor(options) {
 		super();
 
-		internal.init(this, options, instance$9, create_fragment$9, internal.safe_not_equal, {
+		internal.init(this, options, instance$a, create_fragment$a, internal.safe_not_equal, {
 			five: 0,
 			pxmm: 1,
 			floorIndex: 2,
@@ -5841,7 +5796,7 @@ class CurrentFloor extends internal.SvelteComponent {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.49.0 */
 
-function add_css$7(target) {
+function add_css$8(target) {
 	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}");
 }
 
@@ -5850,7 +5805,7 @@ function create_if_block$3(ctx) {
 	let div;
 	let div_resize_listener;
 	let current;
-	let if_block = /*clientWidth*/ ctx[6] !== 0 && create_if_block_1(ctx);
+	let if_block = /*clientWidth*/ ctx[6] !== 0 && create_if_block_1$1(ctx);
 
 	return {
 		c() {
@@ -5874,7 +5829,7 @@ function create_if_block$3(ctx) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block_1(ctx);
+					if_block = create_if_block_1$1(ctx);
 					if_block.c();
 					internal.transition_in(if_block, 1);
 					if_block.m(div, null);
@@ -5907,7 +5862,7 @@ function create_if_block$3(ctx) {
 }
 
 // (43:4) {#if clientWidth !== 0}
-function create_if_block_1(ctx) {
+function create_if_block_1$1(ctx) {
 	let div;
 	let currentfloor;
 	let t;
@@ -6025,7 +5980,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-function create_fragment$8(ctx) {
+function create_fragment$9(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*visible*/ ctx[1] && create_if_block$3(ctx);
@@ -6080,7 +6035,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { visible } = $$props;
 	let { hoverEnable } = $$props;
@@ -6166,8 +6121,8 @@ class Main extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$8,
-			create_fragment$8,
+			instance$9,
+			create_fragment$9,
 			internal.safe_not_equal,
 			{
 				five: 0,
@@ -6177,7 +6132,7 @@ class Main extends internal.SvelteComponent {
 				cameraImageUrl: 4,
 				extraObjects: 5
 			},
-			add_css$7
+			add_css$8
 		);
 	}
 }
@@ -6280,55 +6235,49 @@ class Controller$2 extends Controller$4 {
         // =============== init Listener ===============
         five.once('dispose', this.dispose);
     }
-    load(serverData, state, userAction = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // const loadImage = async () => {
-            //   const floorIndex = this.five.work.observers[this.five.getCurrentState().panoIndex].floorIndex
-            //   // 当有 svgString 时，没有加载过程
-            //   if (floorplanData.outlines[floorIndex]?.svgContent) return
-            //   // 如果当前楼层图片不存在，不存在加载过程
-            //   const nowFloorImageSrc = floorplanData.outlines[floorIndex]?.url
-            //   if (!nowFloorImageSrc) return
-            //   // 图片加载完成时再 render
-            //   await new Promise<void>((resolve) => {
-            //     const nowFloorImage = new Image()
-            //     nowFloorImage.src = nowFloorImageSrc
-            //     nowFloorImage.onload = () => resolve()
-            //   })
-            // }
-            // await loadImage()
-            function isPluginServerData(serverData) {
-                return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
-            }
-            const copyData = JSON.parse(JSON.stringify(serverData));
-            const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
-            const prevData = this.data;
-            this.data = yield formatData(_serverData);
-            this.hooks.emit('dataLoaded', this.data);
-            this.hooks.emit('dataChange', this.data, prevData);
-            if (state)
-                this.updateState(state, userAction);
-            this.render();
-        });
+    async load(serverData, state, userAction = true) {
+        // const loadImage = async () => {
+        //   const floorIndex = this.five.work.observers[this.five.getCurrentState().panoIndex].floorIndex
+        //   // 当有 svgString 时，没有加载过程
+        //   if (floorplanData.outlines[floorIndex]?.svgContent) return
+        //   // 如果当前楼层图片不存在，不存在加载过程
+        //   const nowFloorImageSrc = floorplanData.outlines[floorIndex]?.url
+        //   if (!nowFloorImageSrc) return
+        //   // 图片加载完成时再 render
+        //   await new Promise<void>((resolve) => {
+        //     const nowFloorImage = new Image()
+        //     nowFloorImage.src = nowFloorImageSrc
+        //     nowFloorImage.onload = () => resolve()
+        //   })
+        // }
+        // await loadImage()
+        function isPluginServerData(serverData) {
+            return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
+        }
+        const copyData = JSON.parse(JSON.stringify(serverData));
+        const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
+        const prevData = this.data;
+        this.data = await formatData(_serverData);
+        this.hooks.emit('dataLoaded', this.data);
+        this.hooks.emit('dataChange', this.data, prevData);
+        if (state)
+            this.updateState(state, userAction);
+        this.render();
     }
-    show(options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // 已经展示完成了，不做任何操作
-            if (this.state.visible)
-                return;
-            const userAction = options.userAction !== undefined ? options.userAction : true;
-            this.updateState({ visible: true }, userAction);
-            this._show({ userAction });
-        });
+    async show(options = {}) {
+        // 已经展示完成了，不做任何操作
+        if (this.state.visible)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ visible: true }, userAction);
+        this._show({ userAction });
     }
-    hide(options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.state.visible)
-                return;
-            const userAction = options.userAction !== undefined ? options.userAction : true;
-            this.updateState({ visible: false }, userAction);
-            this._hide({ userAction });
-        });
+    async hide(options = {}) {
+        if (!this.state.visible)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ visible: false }, userAction);
+        this._hide({ userAction });
     }
     enable(options = {}) {
         if (this.state.enabled)
@@ -6373,10 +6322,8 @@ class Controller$2 extends Controller$4 {
         this.extraObjects = formatExtraObjects(data, this.five, this.data);
         this.render();
     }
-    formatData(serverData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield formatData(serverData.data);
-        });
+    async formatData(serverData) {
+        return await formatData(serverData.data);
     }
     _enable(options) {
         const { userAction } = options;
@@ -6436,18 +6383,16 @@ const PanoFloorplanRadarPlugin = (five, params) => {
  * 有异常，则返回 [Error, undefined]
  * 用于替代 try&catch 处理 await 异常的方案
  */
-function to(promise) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const data = yield promise;
-            return [null, data];
-        }
-        catch (error) {
-            if (error instanceof Error)
-                return [error, null];
-            return [new Error(''), null];
-        }
-    });
+async function to(promise) {
+    try {
+        const data = await promise;
+        return [null, data];
+    }
+    catch (error) {
+        if (error instanceof Error)
+            return [error, null];
+        return [new Error(''), null];
+    }
 }
 
 var FloorplanErrorType;
@@ -6492,29 +6437,27 @@ function checkShowState(five, showState) {
  * 2. 内置了相应的动画时间计算
  * 3. 纠正成功会返回 true，失败「可能会被用户行为中断」会返回 false
  */
-function correctFiveState(five, showState, userAction = true) {
-    return __awaiter(this, void 0, void 0, function* () {
-        // 当前已满足状态，不需要变更
-        const result = checkShowState(five, showState);
-        if (result === true)
-            return;
-        const currentFiveState = five.getCurrentState();
-        // 纠正 mode
-        if (currentFiveState.mode !== showState.mode) {
-            const [changeModeError] = yield to(changeMode(five, [showState.mode, showState, undefined, userAction]));
-            if (changeModeError)
-                throw new Error(FloorplanErrorType.ChangeModeError);
-            return;
-        }
-        // 纠正相机状态
-        // 根据 latitude、longitude、fov 计算动画时间，最多 1s
-        const { latitude, longitude, fov } = currentFiveState;
-        const time = Math.min(1000, Math.max(200, Math.abs(latitude - Math.PI / 2) * 1000, (longitude > Math.PI ? 2 * Math.PI - longitude : longitude) * 500, Math.abs(fov - showState.fov) * 10));
-        const [updateCameraError] = yield to(five.updateCamera(showState, time, userAction));
-        if (updateCameraError)
-            throw new Error(FloorplanErrorType.UpdateCameraError);
+async function correctFiveState(five, showState, userAction = true) {
+    // 当前已满足状态，不需要变更
+    const result = checkShowState(five, showState);
+    if (result === true)
         return;
-    });
+    const currentFiveState = five.getCurrentState();
+    // 纠正 mode
+    if (currentFiveState.mode !== showState.mode) {
+        const [changeModeError] = await to(changeMode(five, [showState.mode, showState, undefined, userAction]));
+        if (changeModeError)
+            throw new Error(FloorplanErrorType.ChangeModeError);
+        return;
+    }
+    // 纠正相机状态
+    // 根据 latitude、longitude、fov 计算动画时间，最多 1s
+    const { latitude, longitude, fov } = currentFiveState;
+    const time = Math.min(1000, Math.max(200, Math.abs(latitude - Math.PI / 2) * 1000, (longitude > Math.PI ? 2 * Math.PI - longitude : longitude) * 500, Math.abs(fov - showState.fov) * 10));
+    const [updateCameraError] = await to(five.updateCamera(showState, time, userAction));
+    if (updateCameraError)
+        throw new Error(FloorplanErrorType.UpdateCameraError);
+    return;
 }
 
 /** 当前 five 的相机视角是否满足户型图自动隐藏条件
@@ -6683,7 +6626,7 @@ class Controller$1 extends Controller$4 {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (options = {}) => __awaiter(this, void 0, void 0, function* () {
+            value: async (options = {}) => {
                 if (!this.state.enabled)
                     return;
                 // 已经展示完成了，不做任何操作
@@ -6692,14 +6635,14 @@ class Controller$1 extends Controller$4 {
                 const userAction = options.userAction !== undefined ? options.userAction : true;
                 this.updateState({ visible: true }, userAction);
                 this._show(options);
-            })
+            }
         });
         /** 隐藏户型图 */
         Object.defineProperty(this, "hide", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (options = {}) => __awaiter(this, void 0, void 0, function* () {
+            value: async (options = {}) => {
                 if (!this.state.enabled)
                     return;
                 this.isHiddenByHideFunc = true;
@@ -6707,7 +6650,7 @@ class Controller$1 extends Controller$4 {
                     return;
                 this.updateState({ visible: false }, options.userAction || true);
                 this._hide(options);
-            })
+            }
         });
         /** 更新户型图大小 */
         Object.defineProperty(this, "updateSize", {
@@ -6773,11 +6716,11 @@ class Controller$1 extends Controller$4 {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (options) => __awaiter(this, void 0, void 0, function* () {
-                var _b;
+            value: async (options) => {
+                var _a;
                 if (!this.state.enabled)
                     return;
-                if (!((_b = this.five.model) === null || _b === void 0 ? void 0 : _b.loaded))
+                if (!((_a = this.five.model) === null || _a === void 0 ? void 0 : _a.loaded))
                     throw new Error(FloorplanErrorType.ModelNotLoaded);
                 if (!this.data)
                     throw new Error(FloorplanErrorType.DataNotLoaded);
@@ -6791,7 +6734,7 @@ class Controller$1 extends Controller$4 {
                     userAction: true,
                 };
                 const mergedOptions = Object.assign(Object.assign({}, baseShowOpts), options);
-                const getShowPromise = () => __awaiter(this, void 0, void 0, function* () {
+                const getShowPromise = async () => {
                     this.hooks.emit('show', { userAction: mergedOptions.userAction, auto: mergedOptions.isAutoShow });
                     let hasRejected = false;
                     let externalErrorMsg;
@@ -6799,7 +6742,7 @@ class Controller$1 extends Controller$4 {
                         hasRejected = true;
                         externalErrorMsg = errorMsg;
                     };
-                    const [correctError] = yield to(correctFiveState(this.five, this.showState, mergedOptions.userAction));
+                    const [correctError] = await to(correctFiveState(this.five, this.showState, mergedOptions.userAction));
                     if (correctError)
                         throw correctError;
                     // 异步结束要判断当前是不是被中断了
@@ -6817,7 +6760,7 @@ class Controller$1 extends Controller$4 {
                     const renderDuration = mergedOptions.immediately ? 0 : SHOW_ANIME_DURATION;
                     changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
                     this.render(renderDuration);
-                });
+                };
                 this.showPromise = getShowPromise()
                     .then(() => {
                     this.hooks.emit('showAnimationEnded', {
@@ -6839,7 +6782,7 @@ class Controller$1 extends Controller$4 {
                     this.showRejection = undefined;
                 });
                 return this.showPromise;
-            })
+            }
         });
         Object.defineProperty(this, "_hide", {
             enumerable: true,
@@ -7073,24 +7016,22 @@ class Controller$1 extends Controller$4 {
         five.once('dispose', this.dispose);
         this.addEventListener();
     }
-    load(serverData, state, userAction = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            function isPluginServerData(serverData) {
-                return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
-            }
-            const _data = serverData;
-            if (_data && !_data.version)
-                console.warn('传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数');
-            const copyData = JSON.parse(JSON.stringify(serverData));
-            const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
-            const prevData = this.data;
-            this.data = yield formatData(_serverData);
-            this.hooks.emit('dataLoaded', this.data);
-            this.hooks.emit('dataChange', this.data, prevData);
-            if (state)
-                this.updateState(state, userAction);
-            this.render();
-        });
+    async load(serverData, state, userAction = true) {
+        function isPluginServerData(serverData) {
+            return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
+        }
+        const _data = serverData;
+        if (_data && !_data.version)
+            console.warn('传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数');
+        const copyData = JSON.parse(JSON.stringify(serverData));
+        const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
+        const prevData = this.data;
+        this.data = await formatData(_serverData);
+        this.hooks.emit('dataLoaded', this.data);
+        this.hooks.emit('dataChange', this.data, prevData);
+        if (state)
+            this.updateState(state, userAction);
+        this.render();
     }
     /** 把插件的渲染DOM插入到对应的容器中去 */
     appendTo(wrapper) {
@@ -7138,10 +7079,8 @@ class Controller$1 extends Controller$4 {
             return;
         this.render();
     }
-    formatData(serverData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield formatData(serverData.data);
-        });
+    async formatData(serverData) {
+        return await formatData(serverData.data);
     }
     updateState(state, userAction) {
         const prevState = this.state;
@@ -7369,10 +7308,10 @@ const ModelChassisCompassPlugin = (five, params) => {
     const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
     // 局部状态
     const state = {};
-    const load = (data) => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
+    const load = async (data) => {
+        var _a;
         const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
-        const northRad = (_b = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _b !== void 0 ? _b : defaultNorthRad;
+        const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
         if (typeof northRad !== 'number') {
             throw new Error('"northRad"配置参数缺失：未配置指南针指向！');
         }
@@ -7381,7 +7320,7 @@ const ModelChassisCompassPlugin = (five, params) => {
         const zOffset = bounding.max.z - bounding.min.z;
         const maxOffset = Math.max(xOffset, zOffset);
         const fbxLoader = new FBXLoader.FBXLoader();
-        const object = yield fbxLoader.loadAsync(fbxUrl);
+        const object = await fbxLoader.loadAsync(fbxUrl);
         transfromToMeshBasicMaterial(object, {
             transparent: true,
             side: THREE__namespace.DoubleSide,
@@ -7395,7 +7334,7 @@ const ModelChassisCompassPlugin = (five, params) => {
         bject3d2LocalMatrix(object, { position, rotation, scale });
         state.object = object;
         return true;
-    });
+    };
     const onCameraUpdate = ({ latitude }) => {
         if (!state.object)
             return;
@@ -7465,25 +7404,25 @@ const ModelEntryDoorGuidePlugin = (five, params) => {
     const defaultRad = (_c = params.rad) !== null && _c !== void 0 ? _c : undefined;
     const defaultFbxUrl = params.fbx_url || '//vrlab-image4.ljcdn.com/release/web/entryDoorMini/Anim_Door1.fbx';
     const mixers = [];
-    const load = (data) => __awaiter(void 0, void 0, void 0, function* () {
-        var _d, _e, _f, _g, _h, _j, _k;
-        const position = (_d = data === null || data === void 0 ? void 0 : data.position) !== null && _d !== void 0 ? _d : defaultModelPosition;
+    const load = async (data) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const position = (_a = data === null || data === void 0 ? void 0 : data.position) !== null && _a !== void 0 ? _a : defaultModelPosition;
         if (!position)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): position is undefined`);
         const modelPosition = transformPositionToVector3(position);
-        const rad = (_e = data === null || data === void 0 ? void 0 : data.rad) !== null && _e !== void 0 ? _e : defaultRad;
-        const fbxUrl = (_f = data === null || data === void 0 ? void 0 : data.fbx_url) !== null && _f !== void 0 ? _f : defaultFbxUrl;
+        const rad = (_b = data === null || data === void 0 ? void 0 : data.rad) !== null && _b !== void 0 ? _b : defaultRad;
+        const fbxUrl = (_c = data === null || data === void 0 ? void 0 : data.fbx_url) !== null && _c !== void 0 ? _c : defaultFbxUrl;
         state.rad = rad;
         if (rad === undefined)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): rad is ${rad}`);
         // 加载模型
-        const object = yield new FBXLoader.FBXLoader().loadAsync(fbxUrl);
+        const object = await new FBXLoader.FBXLoader().loadAsync(fbxUrl);
         // 设置位置
         object.position.copy(modelPosition);
         object.rotation.z = rad;
         object.scale.set(0.8, 0.8, 0.8);
         transfromToMeshBasicMaterial(object, { transparent: true, side: THREE__namespace.DoubleSide });
-        const textMesh = (_k = (_j = (_h = (_g = object.children) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.children) === null || _j === void 0 ? void 0 : _j[3]) === null || _k === void 0 ? void 0 : _k.clone();
+        const textMesh = (_g = (_f = (_e = (_d = object.children) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.children) === null || _f === void 0 ? void 0 : _f[3]) === null || _g === void 0 ? void 0 : _g.clone();
         if (!textMesh)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): textMesh is ${textMesh}`);
         textMesh.material = new THREE.MeshBasicMaterial({ transparent: true, map: createCanvasTextTexture('入户门') });
@@ -7491,7 +7430,7 @@ const ModelEntryDoorGuidePlugin = (five, params) => {
         object.children[0].add(textMesh);
         state.object = object;
         return true;
-    });
+    };
     const initAnimation = () => {
         if (state.animation)
             return;
@@ -7728,21 +7667,21 @@ const getLongitudeParams = (from, to, rotation) => {
  */
 const CameraMovementPlugin = (five$1) => {
     const state = {};
-    const move = (args, duration, opts = { preload: true }) => __awaiter(void 0, void 0, void 0, function* () {
+    const move = async (args, duration, opts = { preload: true }) => {
         if (state.interruptCallback) {
             state.interruptCallback(false);
         }
         if (opts.asyncStartCallback) {
-            yield opts.asyncStartCallback();
+            await opts.asyncStartCallback();
         }
         if (args.mode && args.mode !== five$1.currentMode) {
-            yield five$1.changeMode(args.mode);
+            await five$1.changeMode(args.mode);
         }
         if (opts.preload && args.panoIndex !== undefined && args.panoIndex !== five$1.panoIndex) {
-            yield five$1.preloadPano(args.panoIndex);
+            await five$1.preloadPano(args.panoIndex);
         }
         if (opts.asyncEndCallback) {
-            yield opts.asyncEndCallback();
+            await opts.asyncEndCallback();
         }
         if (args.panoIndex === undefined &&
             args.fov === undefined &&
@@ -7750,7 +7689,7 @@ const CameraMovementPlugin = (five$1) => {
             args.longitude === undefined) {
             return true;
         }
-        return yield new Promise((resolve, reject) => {
+        return await new Promise((resolve, reject) => {
             const panoIndex = args.panoIndex !== undefined ? args.panoIndex : five$1.panoIndex;
             if (panoIndex !== undefined) {
                 five$1.moveToPano(panoIndex, Object.assign({
@@ -7763,7 +7702,7 @@ const CameraMovementPlugin = (five$1) => {
                 reject(false);
             }
         });
-    });
+    };
     const getAnimeParams = (args) => {
         const currentFiveState = five$1.state;
         // latitude
@@ -7779,20 +7718,20 @@ const CameraMovementPlugin = (five$1) => {
             to: { latitude: toLatitude, longitude: toLongitude, fov: toFov },
         };
     };
-    const rotate = (args, duration, opts = {}) => __awaiter(void 0, void 0, void 0, function* () {
+    const rotate = async (args, duration, opts = {}) => {
         if (state.interruptCallback) {
             state.interruptCallback(false);
         }
         if (opts.asyncStartCallback) {
-            yield opts.asyncStartCallback();
+            await opts.asyncStartCallback();
         }
         if (five$1.currentMode !== five.Five.Mode.Panorama) {
-            yield five$1.changeMode(five.Five.Mode.Panorama);
+            await five$1.changeMode(five.Five.Mode.Panorama);
         }
         if (args.panoIndex !== undefined && args.panoIndex !== five$1.panoIndex) {
             if (opts.preload)
-                yield five$1.preloadPano(args.panoIndex);
-            yield new Promise((resolve, reject) => {
+                await five$1.preloadPano(args.panoIndex);
+            await new Promise((resolve, reject) => {
                 if (!args.panoIndex) {
                     resolve(true);
                     return;
@@ -7804,10 +7743,10 @@ const CameraMovementPlugin = (five$1) => {
             });
         }
         if (opts.asyncEndCallback) {
-            yield opts.asyncEndCallback();
+            await opts.asyncEndCallback();
         }
         const { from, to } = getAnimeParams(args);
-        return yield new Promise((resolve) => {
+        return await new Promise((resolve) => {
             const onUpdate = ({ progress }) => {
                 const state = {};
                 state.longitude = progressNumber(from.longitude, to.longitude, progress);
@@ -7849,7 +7788,7 @@ const CameraMovementPlugin = (five$1) => {
                     state.interruptCallback(true);
             }, duration);
         });
-    });
+    };
     return {
         move,
         rotate,
@@ -8051,7 +7990,7 @@ const PanoRulerStyle = `<style type="text/css">
 </style>
 `;
 
-const getDistance = (p1, p2) => {
+const getDistance$1 = (p1, p2) => {
     return Math.sqrt(Math.pow(p1.z - p2.z, 2) + Math.pow(p1.x - p2.x, 2));
 };
 const getRoomHeightInfo = (roomInfo, five) => {
@@ -8158,7 +8097,7 @@ const PanoRulerPlugin = (five$1, params) => {
                         y: position.y,
                         z: position.z,
                     };
-                    const distance = getDistance({ x, z }, observerPoint);
+                    const distance = getDistance$1({ x, z }, observerPoint);
                     if (medianFloorHeight) {
                         // 取最近点时排除高度与房间平均高度差大于0.3米的点
                         if (distance < minDistance && Math.abs(observerPoint.y - medianFloorHeight) < 0.3) {
@@ -8209,7 +8148,7 @@ const PanoRulerPlugin = (five$1, params) => {
         freshRule();
         return true;
     };
-    const load = (_roomInfo, _roomRules, options) => __awaiter(void 0, void 0, void 0, function* () {
+    const load = async (_roomInfo, _roomRules, options) => {
         const roomInfo = _roomInfo || params.roomInfo;
         const roomRules = _roomRules || params.roomRules;
         if (!roomInfo || !roomRules) {
@@ -8221,9 +8160,9 @@ const PanoRulerPlugin = (five$1, params) => {
             return _load(roomInfo, roomRules);
         }
         else {
-            return yield new Promise((resolve) => five$1.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
+            return await new Promise((resolve) => five$1.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
         }
-    });
+    };
     if (params.roomInfo && params.roomRules) {
         load(params.roomInfo, params.roomRules);
     }
@@ -8440,7 +8379,7 @@ const PanoRulerPlugin = (five$1, params) => {
 
 /* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.49.0 */
 
-function add_css$6(target) {
+function add_css$7(target) {
 	internal.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)}}");
 }
 
@@ -8451,7 +8390,7 @@ function get_each_context$4(ctx, list, i) {
 }
 
 // (28:2) {:else}
-function create_else_block(ctx) {
+function create_else_block$1(ctx) {
 	let div;
 	let each_value = /*rulerItemProp*/ ctx[0].children;
 	let each_blocks = [];
@@ -8578,7 +8517,7 @@ function create_each_block$4(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$8(ctx) {
 	let div2;
 	let t0;
 	let div1;
@@ -8594,7 +8533,7 @@ function create_fragment$7(ctx) {
 
 	function select_block_type(ctx, dirty) {
 		if (/*rulerItemProp*/ ctx[0].children.length === 0) return create_if_block$2;
-		return create_else_block;
+		return create_else_block$1;
 	}
 
 	let current_block_type = select_block_type(ctx);
@@ -8692,7 +8631,7 @@ function create_fragment$7(ctx) {
 	};
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$8($$self, $$props, $$invalidate) {
 	let vars;
 	let { rulerItemProp } = $$props;
 	let _visible = true;
@@ -8727,7 +8666,7 @@ function instance$7($$self, $$props, $$invalidate) {
 class RulerItem extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$7, create_fragment$7, internal.safe_not_equal, { rulerItemProp: 0 }, add_css$6);
+		internal.init(this, options, instance$8, create_fragment$8, internal.safe_not_equal, { rulerItemProp: 0 }, add_css$7);
 	}
 }
 
@@ -8776,7 +8715,7 @@ function create_each_block$3(ctx) {
 	};
 }
 
-function create_fragment$6(ctx) {
+function create_fragment$7(ctx) {
 	let div;
 	let current;
 	let each_value = /*rulerItemProp*/ ctx[0];
@@ -8860,7 +8799,7 @@ function create_fragment$6(ctx) {
 	};
 }
 
-function instance$6($$self, $$props, $$invalidate) {
+function instance$7($$self, $$props, $$invalidate) {
 	var _a, _b, _c, _d;
 	let { five: five$1 } = $$props;
 	let { rulerDatas } = $$props;
@@ -9078,7 +9017,7 @@ function instance$6($$self, $$props, $$invalidate) {
 class RulerItems extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$6, create_fragment$6, internal.safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
+		internal.init(this, options, instance$7, create_fragment$7, internal.safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
 	}
 }
 
@@ -9133,22 +9072,20 @@ class Controller {
             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', () => __awaiter(this, void 0, void 0, function* () {
-            var _c, _d;
-            (_d = (_c = this.five.getElement()) === null || _c === void 0 ? void 0 : _c.parentNode) === null || _d === void 0 ? void 0 : _d.append(this.container);
-        }));
+        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());
     }
-    load(serverData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.five.work)
-                return;
-            const data = serverData.data;
-            if (!data)
-                throw new Error('标尺数据依赖不齐全！');
-            this.panoRulerProData = data;
-            this.state.loaded = true;
-        });
+    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)
@@ -9166,26 +9103,24 @@ class Controller {
         this.render();
         return true;
     }
-    render() {
+    async render() {
         var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            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;
-            }
-        });
+        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) {
@@ -9254,14 +9189,12 @@ function getRoomInfoInstance() {
 }
 
 const textureLoader = new THREE__namespace.TextureLoader();
-function loadTexture(url) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve, reject) => {
-            textureLoader.load(url, resolve, undefined, reject);
-        }).then((texture) => {
-            texture.encoding = THREE__namespace.sRGBEncoding;
-            return texture;
-        });
+async function loadTexture(url) {
+    return new Promise((resolve, reject) => {
+        textureLoader.load(url, resolve, undefined, reject);
+    }).then((texture) => {
+        texture.encoding = THREE__namespace.sRGBEncoding;
+        return texture;
     });
 }
 
@@ -9323,7 +9256,7 @@ function tweenProgress(duration, easing = TWEEN__default["default"].Easing.Linea
     return tween;
 }
 
-const defaultBaseOptions = { userAction: true };
+const defaultBaseOptions$1 = { userAction: true };
 class PanoCompassController extends Controller$4 {
     constructor(five$1, config) {
         super(five$1);
@@ -9610,7 +9543,7 @@ class PanoCompassController extends Controller$4 {
      * 启用插件，响应用户操作并展示UI
      * @param options
      */
-    enable(options = defaultBaseOptions) {
+    enable(options = defaultBaseOptions$1) {
         this.setState({
             enabled: true,
         }, options);
@@ -9619,7 +9552,7 @@ class PanoCompassController extends Controller$4 {
      * 禁用插件，禁止响应用户操作并隐藏UI
      * @param options
      */
-    disable(options = defaultBaseOptions) {
+    disable(options = defaultBaseOptions$1) {
         this.setState({
             enabled: false,
         }, options);
@@ -9630,7 +9563,7 @@ class PanoCompassController extends Controller$4 {
      * @returns
      * @todo 需要考虑动画
      */
-    show(options = defaultBaseOptions) {
+    show(options = defaultBaseOptions$1) {
         if (!this.state.enabled)
             return;
         this.setState({
@@ -9644,7 +9577,7 @@ class PanoCompassController extends Controller$4 {
      * @returns
      * @todo 需要考虑动画
      */
-    hide(options = defaultBaseOptions) {
+    hide(options = defaultBaseOptions$1) {
         if (!this.state.enabled)
             return;
         this.setState({
@@ -9688,19 +9621,17 @@ class PanoCompassController extends Controller$4 {
             this.init();
         }
     }
-    load(data, state, userAction = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const nextData = yield this.formatData(data);
-            if (JSON.stringify(this.data) !== JSON.stringify(nextData)) {
-                this.hooks.emit('dataChange', nextData, this.data);
-                this.data = Object.assign({}, nextData);
-                this.init();
-                if (state) {
-                    this.setState(state, { userAction });
-                }
-                this.hooks.emit('dataLoaded', this.data);
+    async load(data, state, userAction = true) {
+        const nextData = await this.formatData(data);
+        if (JSON.stringify(this.data) !== JSON.stringify(nextData)) {
+            this.hooks.emit('dataChange', nextData, this.data);
+            this.data = Object.assign({}, nextData);
+            this.init();
+            if (state) {
+                this.setState(state, { userAction });
             }
-        });
+            this.hooks.emit('dataLoaded', this.data);
+        }
     }
     formatData(serverData) {
         if (serverData.version && serverData.data) {
@@ -9714,64 +9645,58 @@ class PanoCompassController extends Controller$4 {
      * 初始化
      * @todo 逻辑需要细分
      */
-    init() {
+    async init() {
         var _a, _b, _c, _d;
-        return __awaiter(this, void 0, void 0, function* () {
-            const northRad = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.north_rad) !== null && _b !== void 0 ? _b : null;
-            this._clearCompassIfNeed();
-            if (northRad !== null) {
-                this.compassMesh = yield this.loadCompassMesh();
-                this.compassMesh.rotateX(-Math.PI / 2);
-                this.compassMesh.rotateZ(northRad - Math.PI / 2);
-                this.group.add(this.compassMesh);
-            }
-            const entrance = (_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.entrance) !== null && _d !== void 0 ? _d : null;
-            this._clearEntryDoorIfNeed();
-            if (entrance !== null) {
-                this.entryDoorMesh = yield this.loadEntryDoorMesh();
-                this.roomInfoWrapperInstance = this.loadRoomInfo();
-                this.roomInfoInstance = getRoomInfoInstance();
-                this.entryDoorMesh.rotateX(-Math.PI / 2);
-                if (this.roomInfoWrapperInstance) {
-                    this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container);
-                }
-                this.group.add(this.entryDoorMesh);
+        const northRad = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.north_rad) !== null && _b !== void 0 ? _b : null;
+        this._clearCompassIfNeed();
+        if (northRad !== null) {
+            this.compassMesh = await this.loadCompassMesh();
+            this.compassMesh.rotateX(-Math.PI / 2);
+            this.compassMesh.rotateZ(northRad - Math.PI / 2);
+            this.group.add(this.compassMesh);
+        }
+        const entrance = (_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.entrance) !== null && _d !== void 0 ? _d : null;
+        this._clearEntryDoorIfNeed();
+        if (entrance !== null) {
+            this.entryDoorMesh = await this.loadEntryDoorMesh();
+            this.roomInfoWrapperInstance = this.loadRoomInfo();
+            this.roomInfoInstance = getRoomInfoInstance();
+            this.entryDoorMesh.rotateX(-Math.PI / 2);
+            if (this.roomInfoWrapperInstance) {
+                this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container);
             }
-            this.onFivePanoArrived(this.five.panoIndex || 0);
-            this.five.needsRender = true;
-        });
-    }
-    loadCompassMesh() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const compassImageUrl = this.state.config.compassImageUrl;
-            const compassTexture = yield loadTexture(compassImageUrl);
-            const compassGeometry = new THREE__namespace.CircleGeometry(0.7, 32);
-            const compassMaterial = new THREE__namespace.MeshBasicMaterial({
-                map: compassTexture,
-                transparent: true,
-                opacity: 0,
-                depthTest: false,
-            });
-            const compassMesh = new THREE__namespace.Mesh(compassGeometry, compassMaterial);
-            compassMesh.name = 'pano-compass-mesh';
-            return compassMesh;
-        });
-    }
-    loadEntryDoorMesh() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const entryDoorImageUrl = this.state.config.entryDoorImageUrl;
-            const entryDoorTexture = yield loadTexture(entryDoorImageUrl);
-            const entryDoorGeometry = new THREE__namespace.PlaneGeometry(0.2, 0.16);
-            const entryDoorMaterial = new THREE__namespace.MeshBasicMaterial({
-                map: entryDoorTexture,
-                transparent: true,
-                opacity: 0.8,
-                depthTest: false,
-            });
-            const entryDoorMesh = new THREE__namespace.Mesh(entryDoorGeometry, entryDoorMaterial);
-            entryDoorMesh.name = 'pano-compass-entry-door';
-            return entryDoorMesh;
+            this.group.add(this.entryDoorMesh);
+        }
+        this.onFivePanoArrived(this.five.panoIndex || 0);
+        this.five.needsRender = true;
+    }
+    async loadCompassMesh() {
+        const compassImageUrl = this.state.config.compassImageUrl;
+        const compassTexture = await loadTexture(compassImageUrl);
+        const compassGeometry = new THREE__namespace.CircleGeometry(0.7, 32);
+        const compassMaterial = new THREE__namespace.MeshBasicMaterial({
+            map: compassTexture,
+            transparent: true,
+            opacity: 0,
+            depthTest: false,
+        });
+        const compassMesh = new THREE__namespace.Mesh(compassGeometry, compassMaterial);
+        compassMesh.name = 'pano-compass-mesh';
+        return compassMesh;
+    }
+    async loadEntryDoorMesh() {
+        const entryDoorImageUrl = this.state.config.entryDoorImageUrl;
+        const entryDoorTexture = await loadTexture(entryDoorImageUrl);
+        const entryDoorGeometry = new THREE__namespace.PlaneGeometry(0.2, 0.16);
+        const entryDoorMaterial = new THREE__namespace.MeshBasicMaterial({
+            map: entryDoorTexture,
+            transparent: true,
+            opacity: 0.8,
+            depthTest: false,
         });
+        const entryDoorMesh = new THREE__namespace.Mesh(entryDoorGeometry, entryDoorMaterial);
+        entryDoorMesh.name = 'pano-compass-entry-door';
+        return entryDoorMesh;
     }
     loadRoomInfo() {
         const points = [
@@ -13825,7 +13750,7 @@ const currentTarget = store.writable(null);
 
 /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.49.0 */
 
-function add_css$5(target) {
+function add_css$6(target) {
 	internal.append_styles(target, "svelte-1kuu68s", ".PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-1kuu68s{transform:translate(-50%, -50%) scale(0.6);-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
 }
 
@@ -13892,7 +13817,7 @@ function create_each_block$2(ctx) {
 	};
 }
 
-function create_fragment$5(ctx) {
+function create_fragment$6(ctx) {
 	let each_1_anchor;
 	let each_value = /*origins*/ ctx[0];
 	let each_blocks = [];
@@ -13949,7 +13874,7 @@ function create_fragment$5(ctx) {
 	};
 }
 
-function instance$5($$self, $$props, $$invalidate) {
+function instance$6($$self, $$props, $$invalidate) {
 	let { origins } = $$props;
 
 	const handleClick = id => {
@@ -13968,17 +13893,17 @@ function instance$5($$self, $$props, $$invalidate) {
 class Origins extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$5, create_fragment$5, internal.safe_not_equal, { origins: 0 }, add_css$5);
+		internal.init(this, options, instance$6, create_fragment$6, internal.safe_not_equal, { origins: 0 }, add_css$6);
 	}
 }
 
 /* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.49.0 */
 
-function add_css$4(target) {
+function add_css$5(target) {
 	internal.append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm.svelte-eb8bdm{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
 }
 
-function create_fragment$4(ctx) {
+function create_fragment$5(ctx) {
 	let div4;
 	let div0;
 	let t0;
@@ -14093,7 +14018,7 @@ function create_fragment$4(ctx) {
 	};
 }
 
-function instance$4($$self, $$props, $$invalidate) {
+function instance$5($$self, $$props, $$invalidate) {
 	let { id } = $$props;
 	let { upsideDown } = $$props;
 	let { content } = $$props;
@@ -14230,8 +14155,8 @@ class Tag extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$4,
-			create_fragment$4,
+			instance$5,
+			create_fragment$5,
 			internal.safe_not_equal,
 			{
 				id: 0,
@@ -14246,7 +14171,7 @@ class Tag extends internal.SvelteComponent {
 				events: 14,
 				hooks: 15
 			},
-			add_css$4
+			add_css$5
 		);
 	}
 }
@@ -14900,11 +14825,11 @@ exports.DISPLAY_STRATEGY_TYPE = void 0;
 
 /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.49.0 */
 
-function add_css$3(target) {
+function add_css$4(target) {
 	internal.append_styles(target, "svelte-n1c1kg", ".item-label-item.svelte-n1c1kg{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-n1c1kg{opacity:1;-webkit-animation:svelte-n1c1kg-fadeIn .3s ease-in;animation:svelte-n1c1kg-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-n1c1kg::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(0.83333rem);z-index:-1}.item-label-item__text-wrap.svelte-n1c1kg{padding:0.3125rem 0.3125rem 0;position:absolute;height:1.04167rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:0.52083rem;font-size:0.57292rem;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-n1c1kg{padding-bottom:0.20833rem;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:1px solid;-o-border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-n1c1kg{position:absolute;bottom:0;width:1px;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@-webkit-keyframes svelte-n1c1kg-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-n1c1kg-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
 }
 
-function create_fragment$3(ctx) {
+function create_fragment$4(ctx) {
 	let div2;
 	let div0;
 	let span;
@@ -14985,7 +14910,7 @@ function create_fragment$3(ctx) {
 	};
 }
 
-function instance$3($$self, $$props, $$invalidate) {
+function instance$4($$self, $$props, $$invalidate) {
 	let { itemLabel } = $$props;
 	let { hooks } = $$props;
 
@@ -15005,7 +14930,7 @@ function instance$3($$self, $$props, $$invalidate) {
 class ItemLabelItem$1 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$3);
+		internal.init(this, options, instance$4, create_fragment$4, internal.safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$4);
 	}
 }
 
@@ -15026,7 +14951,7 @@ function debounce(func, wait = 200) {
 
 /* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.49.0 */
 
-function add_css$2(target) {
+function add_css$3(target) {
 	internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
 }
 
@@ -15085,7 +15010,7 @@ function create_each_block$1(key_1, ctx) {
 	};
 }
 
-function create_fragment$2(ctx) {
+function create_fragment$3(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -15165,7 +15090,7 @@ function create_fragment$2(ctx) {
 let cssHeight = 26;
 let basicWidth$1 = 11;
 
-function instance$2($$self, $$props, $$invalidate) {
+function instance$3($$self, $$props, $$invalidate) {
 	const { Raycaster, Vector3 } = THREE__namespace;
 	let { five } = $$props;
 	let { modelOcclusionEnable } = $$props;
@@ -15367,8 +15292,8 @@ class ItemLabelComponent$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$2,
-			create_fragment$2,
+			instance$3,
+			create_fragment$3,
 			internal.safe_not_equal,
 			{
 				five: 5,
@@ -15377,7 +15302,7 @@ class ItemLabelComponent$1 extends internal.SvelteComponent {
 				hooks: 0,
 				displayStrategyType: 8
 			},
-			add_css$2
+			add_css$3
 		);
 	}
 }
@@ -15681,7 +15606,7 @@ const ModelTVVideoPlugin = (five, { videoElement }) => {
             xhr.send();
         });
     };
-    const load = (data, videoElement) => __awaiter(void 0, void 0, void 0, function* () {
+    const load = async (data, videoElement) => {
         const { video_src, video_poster_src, points } = data;
         state.videoSource = video_src;
         // TODO 存疑，先处理多一次遍历 o(2n)
@@ -15691,11 +15616,11 @@ const ModelTVVideoPlugin = (five, { videoElement }) => {
         if (videoElement) {
             state.videoElement = videoElement;
         }
-        state.videoTexture = yield getVideoTexture(state.videoSource, state.videoElement);
+        state.videoTexture = await getVideoTexture(state.videoSource, state.videoElement);
         state.enabled = !!data.enable;
         if (state.enabled)
             enable();
-    });
+    };
     const dispose = () => {
         disable();
         state.videoTexture = undefined;
@@ -15791,12 +15716,94 @@ exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = void 0;
 
 /* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.49.0 */
 
-function add_css$1(target) {
-	internal.append_styles(target, "svelte-dka7wz", ".item-label-item.svelte-dka7wz.svelte-dka7wz{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation:svelte-dka7wz-fadeIn .3s ease-in;animation:svelte-dka7wz-fadeIn .3s ease-in}.item-label-item.fold.svelte-dka7wz>.item-label-item__text-wrap.svelte-dka7wz{visibility:hidden}.item-label-item.fold.svelte-dka7wz>.item-label-item__bar.anchor.svelte-dka7wz{visibility:hidden}.item-label-item.fold.svelte-dka7wz>.item-label-item__bar.anchor.svelte-dka7wz:after{visibility:visible}.item-label-item__text-wrap.svelte-dka7wz.svelte-dka7wz{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:1.5px solid rgba(255, 255, 255, .65);border-radius:0.15625rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.icon-wrap.svelte-dka7wz.svelte-dka7wz{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-dka7wz.svelte-dka7wz{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-dka7wz.svelte-dka7wz{margin-left:0.625rem;padding-left:0.625rem;min-height:3.54167rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 1px;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-dka7wz.svelte-dka7wz{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-dka7wz.svelte-dka7wz{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-dka7wz.svelte-dka7wz{position:absolute;bottom:0;width:0.15625rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 0.41667rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-dka7wz.svelte-dka7wz:after{content:'';position:absolute;bottom:0;width:1.25rem;height:1.25rem;background-image:url(\"//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png \");background-position:center;background-size:contain;transform:translate(-0.54688rem, 50%)}@-webkit-keyframes svelte-dka7wz-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-dka7wz-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
+function add_css$2(target) {
+	internal.append_styles(target, "svelte-6b32dy", ".item-label-item.svelte-6b32dy.svelte-6b32dy{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation:svelte-6b32dy-fadeIn .3s ease-in;animation:svelte-6b32dy-fadeIn .3s ease-in}.item-label-item.fold.svelte-6b32dy>.item-label-item__text-wrap.svelte-6b32dy{visibility:hidden}.item-label-item.fold.svelte-6b32dy>.item-label-item__bar.anchor.svelte-6b32dy{visibility:hidden}.item-label-item.fold.svelte-6b32dy>.item-label-item__bar.anchor.svelte-6b32dy:after{visibility:visible}.item-label-item__text-wrap.svelte-6b32dy.svelte-6b32dy{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:1.5px solid rgba(255, 255, 255, .65);border-radius:0.15625rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-6b32dy.svelte-6b32dy{padding:0.625rem;max-width:unset;min-height:unset}.icon-wrap.svelte-6b32dy.svelte-6b32dy{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-6b32dy.svelte-6b32dy{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-6b32dy.svelte-6b32dy{margin-left:0.625rem;padding-left:0.625rem;min-height:3.54167rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 1px;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-6b32dy.svelte-6b32dy{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-6b32dy.svelte-6b32dy{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-6b32dy.svelte-6b32dy{position:absolute;bottom:0;width:0.15625rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 0.41667rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-6b32dy.svelte-6b32dy:after{content:'';position:absolute;bottom:0;width:1.25rem;height:1.25rem;background-image:url(\"//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png \");background-position:center;background-size:contain;transform:translate(-0.54688rem, 50%)}@-webkit-keyframes svelte-6b32dy-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-6b32dy-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
+}
+
+// (34:8) {:else}
+function create_else_block(ctx) {
+	let t0;
+	let div;
+	let span0;
+	let t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "";
+	let t1;
+	let t2;
+	let span1;
+	let t3_value = /*itemLabel*/ ctx[0].name + "";
+	let t3;
+	let if_block = /*itemLabel*/ ctx[0].icon && create_if_block_1(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			t0 = internal.space();
+			div = internal.element("div");
+			span0 = internal.element("span");
+			t1 = internal.text(t1_value);
+			t2 = internal.space();
+			span1 = internal.element("span");
+			t3 = internal.text(t3_value);
+			internal.attr(span0, "class", "item-model svelte-6b32dy");
+			internal.attr(span1, "class", "item-name svelte-6b32dy");
+			internal.attr(div, "class", "item-label-text svelte-6b32dy");
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			internal.insert(target, t0, anchor);
+			internal.insert(target, div, anchor);
+			internal.append(div, span0);
+			internal.append(span0, t1);
+			internal.append(div, t2);
+			internal.append(div, span1);
+			internal.append(span1, t3);
+		},
+		p(ctx, dirty) {
+			if (/*itemLabel*/ ctx[0].icon) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block_1(ctx);
+					if_block.c();
+					if_block.m(t0.parentNode, t0);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*itemLabel*/ 1 && t1_value !== (t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "")) internal.set_data(t1, t1_value);
+			if (dirty & /*itemLabel*/ 1 && t3_value !== (t3_value = /*itemLabel*/ ctx[0].name + "")) internal.set_data(t3, t3_value);
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) internal.detach(t0);
+			if (detaching) internal.detach(div);
+		}
+	};
 }
 
-// (21:2) {#if itemLabel.icon}
+// (32:8) {#if Boolean(typeof itemLabel.render === 'function')}
 function create_if_block$1(ctx) {
+	let div;
+
+	return {
+		c() {
+			div = internal.element("div");
+		},
+		m(target, anchor) {
+			internal.insert(target, div, anchor);
+			/*div_binding*/ ctx[6](div);
+		},
+		p: internal.noop,
+		d(detaching) {
+			if (detaching) internal.detach(div);
+			/*div_binding*/ ctx[6](null);
+		}
+	};
+}
+
+// (35:12) {#if itemLabel.icon}
+function create_if_block_1(ctx) {
 	let div1;
 	let div0;
 	let div0_style_value;
@@ -15807,16 +15814,16 @@ function create_if_block$1(ctx) {
 		c() {
 			div1 = internal.element("div");
 			div0 = internal.element("div");
-			internal.attr(div0, "class", "icon svelte-dka7wz");
+			internal.attr(div0, "class", "icon svelte-6b32dy");
 			internal.attr(div0, "style", div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon})`);
-			internal.attr(div1, "class", "icon-wrap svelte-dka7wz");
+			internal.attr(div1, "class", "icon-wrap svelte-6b32dy");
 		},
 		m(target, anchor) {
 			internal.insert(target, div1, anchor);
 			internal.append(div1, div0);
 
 			if (!mounted) {
-				dispose = internal.listen(div1, "click", /*click_handler*/ ctx[5]);
+				dispose = internal.listen(div1, "click", /*click_handler*/ ctx[7]);
 				mounted = true;
 			}
 		},
@@ -15833,123 +15840,114 @@ function create_if_block$1(ctx) {
 	};
 }
 
-function create_fragment$1(ctx) {
-	let div3;
-	let div1;
-	let t0;
-	let div0;
-	let span0;
-	let t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "";
-	let t1;
-	let t2;
-	let span1;
-	let t3_value = /*itemLabel*/ ctx[0].name + "";
-	let t3;
-	let t4;
+function create_fragment$2(ctx) {
 	let div2;
+	let div0;
+	let show_if;
+	let div0_class_value;
+	let t;
+	let div1;
+	let div1_class_value;
 	let div2_class_value;
-	let div3_class_value;
 	let mounted;
 	let dispose;
-	let if_block = /*itemLabel*/ ctx[0].icon && create_if_block$1(ctx);
+
+	function select_block_type(ctx, dirty) {
+		if (dirty & /*itemLabel*/ 1) show_if = null;
+		if (show_if == null) show_if = !!Boolean(typeof /*itemLabel*/ ctx[0].render === 'function');
+		if (show_if) return create_if_block$1;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type(ctx, -1);
+	let if_block = current_block_type(ctx);
 
 	return {
 		c() {
-			div3 = internal.element("div");
-			div1 = internal.element("div");
-			if (if_block) if_block.c();
-			t0 = internal.space();
-			div0 = internal.element("div");
-			span0 = internal.element("span");
-			t1 = internal.text(t1_value);
-			t2 = internal.space();
-			span1 = internal.element("span");
-			t3 = internal.text(t3_value);
-			t4 = internal.space();
 			div2 = internal.element("div");
-			internal.attr(span0, "class", "item-model svelte-dka7wz");
-			internal.attr(span1, "class", "item-name svelte-dka7wz");
-			internal.attr(div0, "class", "item-label-text svelte-dka7wz");
-			internal.attr(div1, "class", "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap")) + " svelte-dka7wz"));
-			internal.set_style(div1, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-dka7wz"));
-			internal.set_style(div2, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			internal.attr(div3, "class", div3_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-dka7wz"));
-			internal.set_style(div3, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
-			internal.set_style(div3, "transform", /*itemLabel*/ ctx[0].transform, false);
+			div0 = internal.element("div");
+			if_block.c();
+			t = internal.space();
+			div1 = internal.element("div");
+
+			internal.attr(div0, "class", div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", {
+				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
+			})) + " svelte-6b32dy"));
+
+			internal.set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			internal.attr(div1, "class", div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-6b32dy"));
+			internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-6b32dy"));
+			internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+			internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
 		},
 		m(target, anchor) {
-			internal.insert(target, div3, anchor);
-			internal.append(div3, div1);
-			if (if_block) if_block.m(div1, null);
-			internal.append(div1, t0);
-			internal.append(div1, div0);
-			internal.append(div0, span0);
-			internal.append(span0, t1);
-			internal.append(div0, t2);
-			internal.append(div0, span1);
-			internal.append(span1, t3);
-			internal.append(div3, t4);
-			internal.append(div3, div2);
+			internal.insert(target, div2, anchor);
+			internal.append(div2, div0);
+			if_block.m(div0, null);
+			internal.append(div2, t);
+			internal.append(div2, div1);
 
 			if (!mounted) {
-				dispose = internal.listen(div1, "click", /*onClick*/ ctx[3]);
+				dispose = internal.listen(div0, "click", /*onClick*/ ctx[4]);
 				mounted = true;
 			}
 		},
 		p(ctx, [dirty]) {
-			if (/*itemLabel*/ ctx[0].icon) {
+			if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
 				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block$1(ctx);
 					if_block.c();
-					if_block.m(div1, t0);
+					if_block.m(div0, null);
 				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
 			}
 
-			if (dirty & /*itemLabel*/ 1 && t1_value !== (t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "")) internal.set_data(t1, t1_value);
-			if (dirty & /*itemLabel*/ 1 && t3_value !== (t3_value = /*itemLabel*/ ctx[0].name + "")) internal.set_data(t3, t3_value);
+			if (dirty & /*itemLabel*/ 1 && div0_class_value !== (div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", {
+				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
+			})) + " svelte-6b32dy"))) {
+				internal.attr(div0, "class", div0_class_value);
+			}
 
 			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div1, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+				internal.set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
 			}
 
-			if (dirty & /*anchorEnabled*/ 2 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-dka7wz"))) {
-				internal.attr(div2, "class", div2_class_value);
+			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-6b32dy"))) {
+				internal.attr(div1, "class", div1_class_value);
 			}
 
 			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div2, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+				internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
 			}
 
-			if (dirty & /*itemLabel*/ 1 && div3_class_value !== (div3_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-dka7wz"))) {
-				internal.attr(div3, "class", div3_class_value);
+			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-6b32dy"))) {
+				internal.attr(div2, "class", div2_class_value);
 			}
 
 			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div3, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+				internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
 			}
 
 			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div3, "transform", /*itemLabel*/ ctx[0].transform, false);
+				internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
 			}
 		},
 		i: internal.noop,
 		o: internal.noop,
 		d(detaching) {
-			if (detaching) internal.detach(div3);
-			if (if_block) if_block.d();
+			if (detaching) internal.detach(div2);
+			if_block.d();
 			mounted = false;
 			dispose();
 		}
 	};
 }
 
-function instance$1($$self, $$props, $$invalidate) {
+function instance$2($$self, $$props, $$invalidate) {
 	let { itemLabel } = $$props;
 	let { hooks } = $$props;
 	let { anchorEnabled } = $$props;
@@ -15960,16 +15958,50 @@ function instance$1($$self, $$props, $$invalidate) {
 		hooks.emit('onLabelClick', itemLabel);
 	}
 
+	let customElement;
+
+	function div_binding($$value) {
+		internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			customElement = $$value;
+			$$invalidate(3, customElement);
+		});
+	}
+
 	const click_handler = e => onIconClick(itemLabel);
 
 	$$self.$$set = $$props => {
 		if ('itemLabel' in $$props) $$invalidate(0, itemLabel = $$props.itemLabel);
-		if ('hooks' in $$props) $$invalidate(4, hooks = $$props.hooks);
+		if ('hooks' in $$props) $$invalidate(5, hooks = $$props.hooks);
 		if ('anchorEnabled' in $$props) $$invalidate(1, anchorEnabled = $$props.anchorEnabled);
 		if ('onIconClick' in $$props) $$invalidate(2, onIconClick = $$props.onIconClick);
 	};
 
-	return [itemLabel, anchorEnabled, onIconClick, onClick, hooks, click_handler];
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*itemLabel, customElement*/ 9) {
+			{
+				if (typeof itemLabel.render === 'function' && customElement) {
+					if (customElement.children.length === 0) {
+						const child = itemLabel.render(itemLabel);
+
+						if (child) {
+							customElement.appendChild(child);
+						}
+					}
+				}
+			}
+		}
+	};
+
+	return [
+		itemLabel,
+		anchorEnabled,
+		onIconClick,
+		customElement,
+		onClick,
+		hooks,
+		div_binding,
+		click_handler
+	];
 }
 
 class ItemLabelItem extends internal.SvelteComponent {
@@ -15979,16 +16011,16 @@ class ItemLabelItem extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$1,
-			create_fragment$1,
+			instance$2,
+			create_fragment$2,
 			internal.safe_not_equal,
 			{
 				itemLabel: 0,
-				hooks: 4,
+				hooks: 5,
 				anchorEnabled: 1,
 				onIconClick: 2
 			},
-			add_css$1
+			add_css$2
 		);
 	}
 }
@@ -16033,7 +16065,7 @@ function transform2RenderData(data) {
 
 /* src/ItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.49.0 */
 
-function add_css(target) {
+function add_css$1(target) {
 	internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
 }
 
@@ -16152,7 +16184,7 @@ function create_each_block(key_1, ctx) {
 	};
 }
 
-function create_fragment(ctx) {
+function create_fragment$1(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -16230,7 +16262,7 @@ function create_fragment(ctx) {
 }
 let basicWidth = 11;
 
-function instance($$self, $$props, $$invalidate) {
+function instance$1($$self, $$props, $$invalidate) {
 	const { Raycaster, Vector3 } = THREE__namespace;
 	let { five: five$1 } = $$props;
 	let { modelOcclusionEnable } = $$props;
@@ -16523,8 +16555,8 @@ class ItemLabelComponent extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance,
-			create_fragment,
+			instance$1,
+			create_fragment$1,
 			internal.safe_not_equal,
 			{
 				five: 7,
@@ -16535,7 +16567,7 @@ class ItemLabelComponent extends internal.SvelteComponent {
 				displayStrategyType: 11,
 				maxVisibleDistance: 12
 			},
-			add_css,
+			add_css$1,
 			[-1, -1]
 		);
 	}
@@ -16673,7 +16705,737 @@ const itemLabelPluginServerParams = {
     version: 0,
 };
 
-const DnalogelVersion = '2.0.0-alpha.38';
+/**
+ * pano plugin controller 基类
+ * @author kyleju
+ */
+class BasePanoPluginController extends Controller$5 {
+    constructor(five) {
+        super(five);
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "enabled", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.five = five;
+        this.five.once('dispose', this.dispose);
+        this.enabled = true;
+        this.state = this.initState();
+        console.log('base controller');
+    }
+    /**
+     * 启用组件
+     * @param options
+     */
+    enable(options) {
+        this.enabled = true;
+        this.updateState(Object.assign(Object.assign({}, options), { userAction: true }));
+    }
+    /**
+     * 禁用组件
+     * @param options
+     */
+    disable(options) {
+        this.enabled = false;
+        this.updateState(Object.assign(Object.assign({}, options), { userAction: true }));
+    }
+    /**
+     * 显示 UI
+     * @param options
+     * @returns
+     */
+    show(options) {
+        if (!this.state.enabled)
+            return;
+        this.setState(Object.assign(Object.assign({}, this.state), { visible: true }), options);
+        return Promise.resolve();
+    }
+    /**
+     * 隐藏 UI
+     * @param options
+     * @returns
+     */
+    hide(options) {
+        if (!this.state.enabled)
+            return;
+        this.setState(Object.assign(Object.assign({}, this.state), { visible: false }), options);
+        return Promise.resolve();
+    }
+    /**
+     * 销毁对象
+     */
+    dispose() {
+        this.container.remove();
+    }
+    /**
+     * 设置状态
+     * @param state @T 状态
+     * @param options @BaseOptions 可选配置
+     * @returns
+     */
+    setState(state, options) {
+        if (!this.enabled)
+            return;
+        const prevState = Object.assign({}, this.state);
+        this.state = Object.assign(Object.assign(Object.assign({}, this.state), state), options);
+        this.stateChangedCallback(prevState, options);
+    }
+    get visible() {
+        return this.five.state.mode === five.Five.Mode.Panorama;
+    }
+    appendTo(container) {
+        if (!this.enabled)
+            return;
+        this.container = container;
+        this.render();
+    }
+    updateState(options) {
+        this.setState(Object.assign(Object.assign({}, this.state), { enabled: this.enabled, visible: this.visible }), options);
+    }
+}
+
+/* src/PanoDoorLabelPlugin/DoorLabelItem.svelte generated by Svelte v3.49.0 */
+
+function add_css(target) {
+	internal.append_styles(target, "svelte-6rn4em", ".plugin-DoorLabelPlugin-item.svelte-6rn4em.svelte-6rn4em{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.625rem;padding:0.3125rem;white-space:nowrap;font-size:0.625rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em::after{content:\"\";display:block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:0.125rem;border:1px solid rgba(0, 0, 0, 0);-o-border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em:active,.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-6rn4em.svelte-6rn4em{background:url(\"//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg\") no-repeat;background-size:100%;display:inline-block;width:0.52083rem;height:0.52083rem;margin-left:0.20833rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em.svelte-6rn4em{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{background:url(\"//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg\") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em.svelte-6rn4em:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em.svelte-6rn4em:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}");
+}
+
+function create_fragment(ctx) {
+	let div1;
+	let div0;
+	let span;
+	let t1;
+	let i;
+	let div0_class_value;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			div1 = internal.element("div");
+			div0 = internal.element("div");
+			span = internal.element("span");
+			span.textContent = `${/*name*/ ctx[8]}`;
+			t1 = internal.space();
+			i = internal.element("i");
+			internal.attr(span, "class", "plugin-DoorLabelPlugin-txt svelte-6rn4em");
+			internal.attr(i, "class", "plugin-DoorLabelPlugin-icon svelte-6rn4em");
+			internal.attr(div0, "class", div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-6rn4em"));
+			internal.attr(div0, "style", `transform: ${/*transform*/ ctx[6] || 'initial'};pointerEvents: ${/*inSight*/ ctx[5] ? 'auto' : 'none'};opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
+			internal.attr(div0, "data-camera-toward", /*cameraToward*/ ctx[7]);
+			internal.attr(div1, "style", `left: ${/*left*/ ctx[3] || 0}%;top: ${/*top*/ ctx[4] || 0}%;opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
+			internal.attr(div1, "class", "plugin-DoorLabelPlugin-item svelte-6rn4em");
+		},
+		m(target, anchor) {
+			internal.insert(target, div1, anchor);
+			internal.append(div1, div0);
+			internal.append(div0, span);
+			internal.append(div0, t1);
+			internal.append(div0, i);
+			/*div1_binding*/ ctx[10](div1);
+
+			if (!mounted) {
+				dispose = internal.listen(div0, "click", /*click_handler*/ ctx[9]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*props*/ 1 && div0_class_value !== (div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-6rn4em"))) {
+				internal.attr(div0, "class", div0_class_value);
+			}
+		},
+		i: internal.noop,
+		o: internal.noop,
+		d(detaching) {
+			if (detaching) internal.detach(div1);
+			/*div1_binding*/ ctx[10](null);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { props } = $$props;
+	let { onClick } = $$props;
+	let divElement;
+	let { left, top, inSight, transform, panoIndex, cameraToward, name } = props;
+	let prevPanoIndexRef = 0;
+
+	const initPanoIndex = () => {
+		if (!left || !top || !inSight) {
+			return;
+		}
+
+		if (!divElement) return;
+		const _width = divElement.current.clientWidth / window.innerWidth * 100;
+		const _height = divElement.current.clientHeight / window.innerHeight * 100;
+
+		if (left <= _width / 2 || left >= 100 - _width / 2) {
+			return;
+		}
+
+		if (top <= _height / 2 || top >= 100 - _height / 2) {
+			return;
+		}
+
+		const prevPanoIndex = prevPanoIndexRef;
+
+		if (panoIndex !== prevPanoIndex) {
+			// 触发埋点
+			console.log('panoDoorLabelPlugin', panoIndex, '触发埋点');
+
+			// 这里触发曝光埋点
+			prevPanoIndexRef = panoIndex;
+		}
+	};
+
+	const click_handler = e => {
+		if (onClick) onClick();
+	};
+
+	function div1_binding($$value) {
+		internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			divElement = $$value;
+			$$invalidate(2, divElement);
+		});
+	}
+
+	$$self.$$set = $$props => {
+		if ('props' in $$props) $$invalidate(0, props = $$props.props);
+		if ('onClick' in $$props) $$invalidate(1, onClick = $$props.onClick);
+	};
+
+	{
+		initPanoIndex();
+	}
+
+	return [
+		props,
+		onClick,
+		divElement,
+		left,
+		top,
+		inSight,
+		transform,
+		cameraToward,
+		name,
+		click_handler,
+		div1_binding
+	];
+}
+
+class DoorLabelItem extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+		internal.init(this, options, instance, create_fragment, internal.safe_not_equal, { props: 0, onClick: 1 }, add_css);
+	}
+}
+
+function isTwoRectOverlaped(rect1, rect2) {
+    // 两矩形的中心点水平及垂直距离
+    const verticalDistance = Math.abs(rect1.top + rect1.height / 2 - rect2.top - rect2.height / 2);
+    const horizontalDistance = Math.abs(rect1.left + rect1.width / 2 - rect2.left - rect2.width / 2);
+    const verticalThreshold = (rect1.height + rect2.height) / 2;
+    const horizontalThroshold = (rect1.width + rect2.width) / 2;
+    if (verticalDistance > verticalThreshold && horizontalDistance > horizontalThroshold) {
+        return false;
+    }
+    return true;
+}
+function getCameraToward(five) {
+    const { camera } = five;
+    const cameraDirection = camera.getWorldDirection(new THREE.Vector3());
+    let angel = (Math.atan(cameraDirection.z / cameraDirection.x) * 180) / Math.PI;
+    let toward = '';
+    if (cameraDirection.x < 0)
+        angel += 180;
+    if (angel < 0)
+        angel += 360;
+    if (angel > 315 || angel <= 45) {
+        toward = 'right';
+    }
+    else if (angel > 45 && angel <= 135) {
+        toward = 'back';
+    }
+    else if (angel > 135 && angel <= 225) {
+        toward = 'left';
+    }
+    else if (angel > 225 && angel <= 315) {
+        toward = 'forward';
+    }
+    return toward;
+}
+function getDistance(p1, p2) {
+    return Math.sqrt(Math.pow(p1.z - p2.z, 2) + Math.pow(p1.x - p2.x, 2));
+}
+// left、right、forward、back 是 roomLabel 的朝向
+function getToward(rad) {
+    const pi_4 = Math.PI / 4;
+    if (rad > -pi_4 && rad <= pi_4) {
+        return 'left';
+    }
+    else if (rad > pi_4 * 3 || rad <= -pi_4 * 3) {
+        return 'right';
+    }
+    else if (rad > -pi_4 * 3 && rad <= -pi_4) {
+        return 'forward';
+    }
+    else if (rad > pi_4 && rad <= pi_4 * 3) {
+        return 'back';
+    }
+    return '';
+}
+
+const defaultBaseOptions = { userAction: true };
+/**
+ * 分间标签插件
+ * @author kyleju
+ */
+class PanoDoorLabelPluginController extends BasePanoPluginController {
+    constructor(five) {
+        super(five);
+        Object.defineProperty(this, "MinVisibledistance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 1.8
+        });
+        Object.defineProperty(this, "MaxVisibledistance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 6
+        });
+        Object.defineProperty(this, "OffsetHeight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: -1.3
+        }); // 标签页面高度偏移值
+        Object.defineProperty(this, "rooms", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "floorplanServerData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 标签项 */
+        Object.defineProperty(this, "doorLabelItems", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 每个点位 visible 标签的缓存 */
+        Object.defineProperty(this, "visibleLabelMap", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        /** 标签项Prop值 */
+        Object.defineProperty(this, "labelItems", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** 数据 */
+        Object.defineProperty(this, "doorLabels", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "roomObservers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "loadData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (floorplanServerData) => {
+                if (this.doorLabelItems && this.doorLabelItems.length > 0) {
+                    this.doorLabelItems.forEach((doorItem) => {
+                        doorItem.$destroy();
+                    });
+                }
+                this.labelItems = [];
+                this.doorLabels = [];
+                this.doorLabelItems = [];
+                this.floorplanServerData = floorplanServerData;
+                this.five.once('panoArrived', () => {
+                    console.log('doorplugin', 'panoArrived');
+                    this.initData();
+                });
+            }
+        });
+        Object.defineProperty(this, "initRoomObservers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a, _b;
+                const floorDatas = this.floorplanServerData.computed_data.floor_datas || [];
+                const observers = ((_b = (_a = this.five) === null || _a === void 0 ? void 0 : _a.work) === null || _b === void 0 ? void 0 : _b.observers) || [];
+                const roomObservers = observers
+                    // eslint-disable-next-line array-callback-return
+                    .map((ob) => {
+                    const panoIndex = ob.panoIndex;
+                    const floorIndex = ob.floorIndex;
+                    const floor = floorDatas === null || floorDatas === void 0 ? void 0 : floorDatas.find((d) => d.floor_index === floorIndex);
+                    if (floor) {
+                        const room = floor.rooms.find((r) => r.observer_indexs.includes(panoIndex));
+                        if (room) {
+                            return { panoIndex, floorIndex, name: room.name };
+                        }
+                    }
+                })
+                    .filter(Boolean);
+                this.roomObservers = roomObservers;
+            }
+        });
+        Object.defineProperty(this, "hideAllLabels", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.labelItems.forEach((item) => {
+                    item.visible = false;
+                    item.inSight = false;
+                });
+                this.render();
+            }
+        });
+        Object.defineProperty(this, "fixDoorVisibleAndPosition", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.initRoomObservers();
+                const { panoIndex } = this.five;
+                if (!this.visible)
+                    return;
+                if (this.five.model.empty)
+                    return;
+                if (panoIndex === null)
+                    return;
+                if (!this.roomObservers.find((item) => item.panoIndex === panoIndex))
+                    return;
+                const roomObserver = this.roomObservers.find((item) => {
+                    return item.panoIndex === panoIndex;
+                });
+                const position = this.five.work.observers.find((item) => item.panoIndex === panoIndex).position;
+                const targetPoint = position.clone();
+                const visibleLabelIds = (() => {
+                    if (this.visibleLabelMap.has(panoIndex)) {
+                        /** 使用缓存 */
+                        return this.visibleLabelMap.get(panoIndex);
+                    }
+                    else {
+                        const visibleDoorIds = [];
+                        this.doorLabels.forEach((doorLabelItem, index) => {
+                            // step1 校验分间
+                            if (doorLabelItem.roomName === roomObserver.name)
+                                return;
+                            // step2 校验最大最小值
+                            const doorPosition = doorLabelItem.position.clone();
+                            const distance = doorPosition.distanceTo(targetPoint);
+                            if (distance < this.MinVisibledistance || distance > this.MaxVisibledistance)
+                                return;
+                            // step3 碰撞检测是否有遮挡
+                            const raycaster = new THREE.Raycaster();
+                            const direction = doorPosition.clone().sub(targetPoint).normalize();
+                            raycaster.set(targetPoint, direction);
+                            const [intersection] = this.five.model.intersectRaycaster(raycaster);
+                            if (intersection && intersection.distance + 0.1 < distance)
+                                return;
+                            // 🥳 最终剩下的就是当前点位可见的标签
+                            visibleDoorIds.push(index);
+                        });
+                        this.visibleLabelMap.set(panoIndex, visibleDoorIds);
+                        return visibleDoorIds;
+                    }
+                })();
+                this.labelItems.forEach((data, index) => {
+                    data.visible = visibleLabelIds.includes(index);
+                });
+                this.fixDoorPosition();
+            }
+        });
+        Object.defineProperty(this, "fixDoorPosition", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const { panoIndex, camera } = this.five;
+                if (panoIndex === null)
+                    return;
+                if (this.five.currentMode !== 'Panorama')
+                    return this.hideAllLabels();
+                const fiveElement = this.five.getElement();
+                const canvasWidth = fiveElement.clientWidth;
+                const canvasHeight = fiveElement.clientHeight;
+                const cameraDirection = camera.getWorldDirection(new THREE.Vector3());
+                const neverOverlapLabels = [];
+                const labelItems = [...this.labelItems];
+                labelItems.forEach((doorLabel, index) => {
+                    if (doorLabel.visible) {
+                        const disFromCameraToLabel = camera.position.distanceTo(doorLabel.position);
+                        const labelPosition = doorLabel.position.clone().add(new THREE.Vector3(0, this.OffsetHeight, 0));
+                        const direction = labelPosition.clone().sub(camera.position).normalize();
+                        const angle = direction.angleTo(cameraDirection);
+                        const mouse = labelPosition.clone().project(camera);
+                        const left = ((mouse.x + 1) / 2.2) * 100;
+                        const top = ((-mouse.y + 1) / 2.2) * 100;
+                        const visible = left >= 0 &&
+                            left <= 100 &&
+                            top >= 0 &&
+                            top <= 100 &&
+                            disFromCameraToLabel > this.MinVisibledistance &&
+                            disFromCameraToLabel <= this.MaxVisibledistance;
+                        doorLabel.left = left;
+                        doorLabel.top = top;
+                        doorLabel.inSight = visible && angle < Math.PI / 2;
+                        doorLabel.cameraToward = getCameraToward(this.five);
+                        if (visible)
+                            neverOverlapLabels.push({ disFromCameraToLabel, left, top, index });
+                        else
+                            doorLabel.transform = 'translate(-50%, -50%)';
+                    }
+                    else {
+                        doorLabel.inSight = false;
+                    }
+                });
+                // 视线内多标签防重叠单独处理
+                if (neverOverlapLabels.length > 1) {
+                    let heightLevel = 0;
+                    neverOverlapLabels.sort((a, b) => b.disFromCameraToLabel - a.disFromCameraToLabel);
+                    for (let i = 1; i < neverOverlapLabels.length; i++) {
+                        const { index: idx1, left: l1, top: t1 } = neverOverlapLabels[i - 1];
+                        const { index: idx2, left: l2, top: t2 } = neverOverlapLabels[i];
+                        const rectDom1 = this.container.children[idx1];
+                        const rectDom2 = this.container.children[idx2];
+                        if (!rectDom1 || !rectDom2)
+                            return;
+                        const rect1 = {
+                            left: (canvasWidth * l1) / 100,
+                            top: (canvasHeight * t1) / 100,
+                            width: rectDom1.children[0].clientWidth,
+                            height: rectDom1.children[0].clientHeight,
+                        };
+                        const rect2 = {
+                            left: (canvasWidth * l2) / 100,
+                            top: (canvasHeight * t2) / 100,
+                            width: rectDom2.children[0].clientWidth,
+                            height: rectDom2.children[0].clientHeight,
+                        };
+                        if (isTwoRectOverlaped(rect1, rect2)) {
+                            heightLevel++;
+                            labelItems[idx1].transform = `translate(-50%, ${(heightLevel - 1) * 100 - 50}%)`;
+                            labelItems[idx2].transform = `translate(-50%, ${heightLevel * 100 - 50}%)`;
+                        }
+                    }
+                }
+                this.labelItems = labelItems;
+                this.render();
+            }
+        });
+        Object.defineProperty(this, "onClick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (roomName, position) => {
+                if (!this.rooms)
+                    return;
+                const { work } = this.five;
+                let nearestIndex;
+                let nearestVector;
+                let minDistance = Infinity;
+                for (let index = 0; index < work.observers.length; index++) {
+                    if (this.rooms[index].name !== roomName)
+                        continue;
+                    const observer = work.observers[index];
+                    const observerPoint = observer.standingPosition;
+                    const distance = position.distanceTo(observerPoint);
+                    if (distance < minDistance) {
+                        nearestIndex = index;
+                        nearestVector = observerPoint.clone().sub(position).normalize();
+                        minDistance = distance;
+                    }
+                }
+                if (nearestVector !== null && nearestIndex !== null) {
+                    const options = {};
+                    if (minDistance > 0) {
+                        const fromVector = new THREE.Vector3(0, 0, -1);
+                        const toVector = nearestVector.clone();
+                        const quaternion = new THREE.Quaternion();
+                        quaternion.setFromUnitVectors(fromVector, toVector);
+                        const euler = new THREE.Euler();
+                        euler.setFromQuaternion(quaternion, 'YXZ');
+                        options.longitude = euler.y;
+                    }
+                    const canceled = this.five.emit('wantsToMoveToPano', nearestIndex, {}, true);
+                    if (!canceled) {
+                        this.five.moveToPano(nearestIndex, { longitude: options.longitude });
+                    }
+                }
+            }
+        });
+        Object.defineProperty(this, "initData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a;
+                this.doorLabels = [];
+                const pano_index = this.five.panoIndex;
+                const floor_index = this.floorplanServerData.computed_data.observers[pano_index].floor_index;
+                const rooms = floor_index !== undefined &&
+                    ((_a = this.floorplanServerData.computed_data.floor_datas[floor_index]) === null || _a === void 0 ? void 0 : _a.rooms);
+                this.rooms = rooms;
+                if (this.rooms && this.rooms.length > 0) {
+                    this.rooms.forEach((room) => {
+                        var _a;
+                        const doors = (_a = this.floorplanServerData.computed_data.doors) === null || _a === void 0 ? void 0 : _a.filter((doorItem) => {
+                            if (doorItem && doorItem.name === room.name) {
+                                return true;
+                            }
+                            return false;
+                        });
+                        const observersInRoom = this.five.work.observers.filter((observer, index) => {
+                            if (room.observer_indexs.find((item) => item === index))
+                                return true;
+                            return false;
+                        });
+                        if (doors) {
+                            doors.forEach((door) => {
+                                const doorPoint = door.position;
+                                let minDistance = Infinity;
+                                let nearestPoint;
+                                // 遍历门所在房间所有的点，找到离门最近的点
+                                observersInRoom.forEach((observer) => {
+                                    const position = observer.standingPosition;
+                                    const observerPoint = {
+                                        x: position.x,
+                                        y: position.y,
+                                        z: position.z,
+                                    };
+                                    const distance = getDistance(doorPoint, observerPoint);
+                                    if (distance < minDistance) {
+                                        minDistance = distance;
+                                        nearestPoint = observerPoint;
+                                    }
+                                });
+                                if (nearestPoint)
+                                    doorPoint.y = nearestPoint.y + 0.01;
+                                const position = new THREE.Vector3(doorPoint.x, doorPoint.y, doorPoint.z);
+                                position.add(new THREE.Vector3(-0.2, 1.8, 0).applyEuler(new THREE.Euler(0, door.rad, 0)));
+                                this.doorLabels.push({
+                                    roomName: room.name,
+                                    name: door.name,
+                                    position,
+                                    toward: getToward(door.rad),
+                                });
+                            });
+                        }
+                    });
+                }
+                this.labelItems = this.doorLabels.map((data) => (Object.assign(Object.assign({}, data), { left: 0, top: 0, visible: false, inSight: false, transform: '', cameraToward: '' })));
+                console.log('doorplugin', 'labelItems', this.labelItems);
+                this.five.on('wantsToMoveToPano', this.hideAllLabels);
+                this.five.on('modelLoaded', this.fixDoorVisibleAndPosition);
+                this.five.on('panoArrived', this.fixDoorVisibleAndPosition);
+                this.five.on('initAnimationEnded', this.fixDoorPosition);
+                this.five.on('cameraUpdate', this.fixDoorPosition);
+                this.five.on('mouseWheel', this.fixDoorPosition);
+                this.five.on('pinchGesture', this.fixDoorPosition);
+                this.fixDoorVisibleAndPosition();
+            }
+        });
+    }
+    stateChangedCallback(prevState, options) {
+        if (this.hooks.hasListener('stateChange')) {
+            const optionParams = {
+                state: this.state,
+                prevState,
+                userAction: options ? options.userAction : defaultBaseOptions.userAction,
+            };
+            this.hooks.emit('stateChange', optionParams);
+        }
+    }
+    render() {
+        if (!this.enabled) {
+            this.doorLabelItems &&
+                this.doorLabelItems.length > 0 &&
+                this.doorLabelItems.forEach((item) => {
+                    item === null || item === void 0 ? void 0 : item.$destroy();
+                });
+            this.doorLabels = undefined;
+            return;
+        }
+        if (this.doorLabelItems) {
+            this.doorLabelItems.forEach((item) => {
+                item.$destroy();
+            });
+        }
+        this.doorLabelItems = [];
+        this.labelItems.forEach((item) => {
+            this.doorLabelItems.push(new DoorLabelItem({
+                target: this.container,
+                props: {
+                    props: item,
+                    onClick: () => {
+                        this.onClick(item.name, item.position);
+                    },
+                },
+            }));
+        });
+    }
+    initState() {
+        return { enabled: true, visible: true };
+    }
+    dispose() {
+        if (this.five) {
+            this.five.off('wantsToMoveToPano', this.hideAllLabels);
+            this.five.off('modelLoaded', this.fixDoorVisibleAndPosition);
+            this.five.off('panoArrived', this.fixDoorVisibleAndPosition);
+            this.five.off('initAnimationEnded', this.fixDoorPosition);
+            this.five.off('cameraUpdate', this.fixDoorPosition);
+            this.five.off('mouseWheel', this.fixDoorPosition);
+            this.five.off('pinchGesture', this.fixDoorPosition);
+            super.dispose();
+        }
+    }
+}
+
+const PanoDoorLabelPlugin = (five) => {
+    return new PanoDoorLabelPluginController(five);
+};
+
+const DnalogelVersion = '2.0.0-alpha.43';
 
 exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
 exports.CameraMovementPlugin = CameraMovementPlugin;
@@ -16690,6 +17452,7 @@ exports.ModelTVVideoPlugin = ModelTVVideoPlugin;
 exports.ModelViewPlugin = ModelViewPlugin;
 exports.PanoCompassPlugin = PanoCompassPlugin;
 exports.PanoCursorRaycasterPlugin = PanoCursorRaycasterPlugin;
+exports.PanoDoorLabelPlugin = PanoDoorLabelPlugin;
 exports.PanoFloorplanRadarPlugin = PanoFloorplanRadarPlugin;
 exports.PanoMeasurePlugin = PanoMeasurePlugin;
 exports.PanoRulerPlugin = PanoRulerPlugin;