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

package/dist/floorplan/ModelFloorplanPlugin/index.js

@@ -2,11 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var five = require('@realsee/five');
 var internal = require('svelte/internal');
 var easing = require('svelte/easing');
 var transition = require('svelte/transition');
+var store = require('svelte/store');
+var svelte = require('svelte');
 var THREE = require('three');
+var five = require('@realsee/five');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -28,50 +30,6 @@ function _interopNamespace(e) {
 
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
-/**
- * 把第一个参数传入第二个参数（函数）中并执行
- * 一般用于执行函数后返回变量。
- * @param {any} something
- * @param {function} callback
- * @return {any}
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function tap(something, callback) {
-    callback(something);
-    return something;
-}
-
-/**
- * 过滤掉不需要的对象字段函数：实现从一个对象中排除某些指定属性后生成的新对象。
- * @param object
- * @param props 排除的属性
- * @return
- */
-function omit(object, props) {
-    return tap({}, (result) => {
-        for (const name in object) {
-            if (props.indexOf(name) !== -1)
-                continue;
-            result[name] = object[name];
-        }
-    });
-}
-
-var FloorplanErrorType;
-(function (FloorplanErrorType) {
-    FloorplanErrorType["UnknownError"] = "UnknowError";
-    FloorplanErrorType["DataNotLoaded"] = "DataNotLoaded";
-    FloorplanErrorType["BreakOffByHide"] = "BreakOffByHide";
-    FloorplanErrorType["ModelNotLoaded"] = "ModelNotLoaded";
-    FloorplanErrorType["ChangeModeError"] = "ChangeModeError";
-    FloorplanErrorType["UpdateCameraError"] = "UpdateCameraError";
-    FloorplanErrorType["DifferentShowParams"] = "DifferentShowParams";
-})(FloorplanErrorType || (FloorplanErrorType = {}));
-/** 户型图展示 & 模型消失的默认时间 */
-const SHOW_ANIME_DURATION = 500;
-/** Five camera 默认 fov */
-const FIVE_CAMERA_DEFAULT_FOV = 80;
-
 /**
  * 传入一个 Promise
  * 无异常，返回 [null, data]
@@ -90,6 +48,111 @@ async function to(promise) {
     }
 }
 
+/**
+ * 检查一个值是否是狭义上的对象
+ * @param {any} value 要检查的值
+ *
+ * isTruelyObject({})
+ * // => true
+ *
+ * isObjectLike([1, 2, 3])
+ * // => false
+ *
+ * isObjectLike(Function)
+ * // => false
+ *
+ * isObjectLike(null)
+ * // => false
+ *
+ */
+function isTruelyObject(value) {
+    return Object.prototype.toString.call(value) === '[object Object]';
+}
+
+/* eslint-disable @typescript-eslint/no-use-before-define */
+function baseIsEqual(value, other) {
+    if (value === other)
+        return true;
+    if (typeof value !== typeof other)
+        return false;
+    if (Number.isNaN(value) && Number.isNaN(other))
+        return true;
+    return false;
+}
+function objEqualShallow(value, other) {
+    const valueProps = Object.getOwnPropertyNames(value);
+    const otherProps = Object.getOwnPropertyNames(other);
+    if (valueProps.length !== otherProps.length)
+        return false;
+    for (let i = 0, len = valueProps.length; i < len; i++) {
+        const propName = valueProps[i];
+        if (!baseIsEqual(value[propName], other[propName]))
+            return false;
+    }
+    return true;
+}
+function arrayEqualShallow(value, other) {
+    if (value.length !== other.length)
+        return false;
+    for (let i = 0, len = value.length; i < len; i++) {
+        if (!baseIsEqual(value[i], other[i]))
+            return false;
+    }
+    return true;
+}
+function isShallowEqual(value, other) {
+    if (baseIsEqual(value, other))
+        return true;
+    if (isTruelyObject(value) && isTruelyObject(other))
+        return objEqualShallow(value, other);
+    if (Array.isArray(value) && Array.isArray(other))
+        return arrayEqualShallow(value, other);
+    return false;
+}
+function isDeepEqual(value, other) {
+    if (baseIsEqual(value, other))
+        return true;
+    if (isTruelyObject(value) && isTruelyObject(other))
+        return objEqualDeep(value, other);
+    if (Array.isArray(value) && Array.isArray(other))
+        return arrayEqualDeep(value, other);
+    return false;
+}
+function arrayEqualDeep(value, other) {
+    if (value.length !== other.length)
+        return false;
+    for (let i = 0, len = value.length; i < len; i++) {
+        if (!isDeepEqual(value[i], other[i]))
+            return false;
+    }
+    return true;
+}
+function objEqualDeep(value, other) {
+    const valueProps = Object.getOwnPropertyNames(value);
+    const otherProps = Object.getOwnPropertyNames(other);
+    if (valueProps.length !== otherProps.length)
+        return false;
+    for (let i = 0, len = valueProps.length; i < len; i++) {
+        const propName = valueProps[i];
+        if (!isDeepEqual(value[propName], other[propName]))
+            return false;
+    }
+    return true;
+}
+/**
+ * 对象比较
+ * @param {*} value 第一个比较的值
+ * @param {*} other 第二个比较的值
+ * @param {Object} options 可选参数，可选项包括：<br />
+ *    deep {Boolean} 是否深比较<br />
+ * @returns {boolean} 是否相等
+ */
+function equal(value, other, opt = { deep: false }) {
+    if (!opt.deep)
+        return isShallowEqual(value, other);
+    return isDeepEqual(value, other);
+}
+
 const CAMERA_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAMAAAANf8AYAAAC2VBMVEUAAACCnP+Dn/+Enf+HqP+Gp/+Fof+Gpf+IrP+Lsf+Dof+Cmv+Lsv+Mtf+Eo/+Bmf+JrP+Hqf+Env+Krv+Fo/+Pu/+Ms/+Qvv+Hqf+RwP+KsP+Fpf+Mtv+Gov+Bnf+Qv/+Nt/+Krv+Ho/+Rwf+Ouv+Emv+Amv+SxP+Sw/+NuP+Mtf/G0f6huP+Ot/+JrP+Jqv+Dnv+crf6Uqv////+QvP+PvP+Ms//J0/3p9/+Ux/+Ouf+Krf+Iqf+Fpv+/zf6WsP+MpP+RqP+Uyf+Jy//V3P6Yuf+Qqf+Rqv/5/f+Sxf+Jy/////+Lx/+Ouf+Nw/+Owv+PwP+Jr/+Jq/+VvP+Vuv/c4v+Fnf+btP+InP+Blf/3+P6Txf+Jzf+Jyf+NxP+Qwf/t8/6Svv+Tvf/O1f7Czv3T2f6cu/+qvP7a4fvo7v77/v/o9//p9//0+v////+Vy//w9//k8/+B1f/v9/+D0/+UyP/u9v+D0v/i8f+F0v/g7/+G0P+KzP+Hz/////+Lx//s8/+Puf/h7P+Mxv/w9f7q8v/q8f2RwP/r8f6JrP/t8v6RvP/l6f7////j6P6VvP/f5/7q8P7a4P/U2f6au/+ZuP+ewf+auP+iu//n6f2Fn//j6P/h4fn9/v/4/P/3/P/o9v/l9P+F1P+B1f/i8v+UyP+J0f+E0f/h7//r8v6Izf/g7v/q8v6Pv//f7P7f7f/g7f+Lxf+MyP+Mw//k7v6Ow/+Ov//v8/2Pu//t8f+Tvv/p8P6Uu//q7v/i6P2Xvf+WuP/L1vypu//Azv7K0/zy8v/l8v/A4P/o9f/x+f+I0f/j8v+J0P/s9v/h8P+I0P/t9v/r9P6Lyv+Lyf/s9P/g7P+Myv/s8/7j7v+Jrv/q8P2Uwf+Epf+TuP/a3vzh5f3w8P/a4P20v//Nzfzx8f/Pz/Cg0P/f7//u9f/q8v7o8v7s8/7s8v3w9f+Sv/+TuP+Gp//s8fr///8/HFXHAAAA8nRSTlMANUQ/Z2JJXXaKTjCPmVMre3E6gFiylLxsxoVYnk5JwaOFU8utOjrV0KieQS2icWwzMC4Dt7aTQvjfrHprXD0zMyvpvUxGNjH+2sK9raeYkoiAcF5TUi0rKCYY2cy3pIJ/eGpEQDcxLx0S/Pv19PPu7Ovr5+Tk4eDe3NXU09DIsq2opKCViYN9e3V1cmZlXllVTk1GQDs2NTMwJw0K/vn28u/u5+Pj3tjNycjGw8DAua2pqJ6SjYyMf3BvaWNgWk5NSTc3MxT79PHw6efl2trY19PHurWysqWZe2xkXVlUPjo6OSskCO7Qzs6+vKCedmhdN1av0hoAAAV1SURBVEjHjZT3P9RxHMe1nCjcObo4cjpX5w53l7pUbnBGkr2TPZJKmiqVEQlJhGjvvfcm2nvvvXf5C3q/P98bkuR1D7+9n16v1/vzvtPrnAade/ty6anHJfFHOjkfXbe07PGxkuL4oqIjCzoDjHtxurzsRHmFStokjBDG/59JrwurOF2hkkUoIyKEQmFqatG3/xDnXlSGPZcKI5VKiVgsli+vrakpfNAx8UoVlpRWH6mUeMsVcm8vhah6WfXB3A6IlSlVKoE4KjxcgtNGRl1Ayzw9H+Z20DypMVkZZWKiUIi6oHj2PAbPs6Eh/+6/kBUpVUliIEQKGGcwGPbdiBpCQ/O//AMZJ218XW9igoHsGTwY7kopdMmSvTvbz/VGmiyhCARwWJ/Ss5CQ9pl3zVJZJCEwEszb6BtaGxrCn3XIyZP3trW3rybBWTCB1jy0sNGHeWM7+BgzrX4kJu752E57mWA5mIjsMRVxgGkrJpPpRvtJSywt3X2rPUSMuUgqIIzx37vRaLQeqNKEhN03/womg/bYhDJBBzdqvjsqYeHCHdfa1k9BF0QoEyuwoOadWc4sFutoXNzWGW2W3Axd8E3AxAZ6WNGeEoDl7EwPho/T0cDAtswb2Bi6kFx2VkwaDYgRI5zo9EUGRIGHD82e+ufrJ8uo+l31oQogYMJiOdFh2BQ03NTscEDAn8wKgQCeUsRTI8QEMhkYDDc1NTMLMuNwLAP8/a9Pbl0mJQlXhvVtrO2YNLce3Uew6IvAAsYtLS17gvwLCrKR0d3la0DsgdG3NiZVMBZacMh8L9CB2NjsS61eRiCtB4YH/Q21CMQKAgLnh1hYWAyJ3b9/40Qd09woppJhFytAnIPpBmBCCBjvjdrn59eKSU+SRWkZphu40IMBgRpAAMBmO7DZbL/786+s0TIpKqXOhgqGCKcnhOrd28HBlmj+2LFZWia9KjkqnHoa3BmsjG7wKIgDuSzQw9F29Gh+3jDunTseWas1zKtKYbiIsrEjZdAF2iPiYOvIz+Nyuebm5h6+HuvGa2xU0qhwBbkzayzjDO8y3IwgbAdHPp87zNx8sIvLYN/tvhc1TF1lWqSEwaMWgG3ABpIB4sC2HY2Ei0sf0O2YmLWr1CdQGRYp8SK3ic/ZnRWMLqQ+2xGRwUD069dvV8zcuRom+rlA6Y2MbgGmhAGEz4VYSPQF5cyZM6GFYl6eTlN6ixi6aE6PqDLQZRi4EKI/KOfGFjUzqCKsXu6l2RpuAKJxiI1tHhcQJAYOHDhgwOZZs4ZSTHR5lQQYPDW1DS4aELQxdyEIAANGjtk8c6aaqTslk8gVwIAN0w3rAEL2bMtHm12AIOHqenXaNDWztEwo9hKJGHjR6OO0yDSI1IGdoQ0iY0a6Tt+06fKUDRQzqKw8Qlxr1AXrwNqwDvGBA+BrGUDc3d3Xr5+SQZj0E2ERqXIjPAJYNUbD18FoWEeDbHLPzLyQ4ePjQ5i3x1RCubfmpqkjMMNo6KOJ5uqe+f58C9GoaD29XyVSYS1h4DftKeWDDN4AbACZMZAsExEKghWUNKXWhlPfA2P1qjmUT556a9jmQotWi/VOFael1lR7ep4JfRZy8nhpwtG4wMMB/gdi9/nNH+vhezsmJ+fG5quX12fomHl6J+KFy88uA2RJyJPE4wkL4wIPBfgXxO5HxGN7zNw5W2bNnLZhio+OmaR3LD6tplrLfKeYAwX7/O6Dje/2dpniwuKiwoMHH+bn7723Z8/uHTu2fpg9+3p29sYrWVnr1l1cO2HCUFCGT+tshUcWLPj6IDf37ued27Z9unXz2owZU6dOnnxp4sQ1q1ePH79KN6vbQWc1SrfrTit6lO5NO6/F8yZNmofBfgNTwRQLsPLsHQAAAABJRU5ErkJggg==';
 
 function rad2Deg$1(rad) {
@@ -204,10 +267,10 @@ const COMPASS_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArUAAAB7CAM
 /* src/floorplan/Components/Compass.svelte generated by Svelte v3.47.0 */
 
 function add_css$c(target) {
-	internal.append_styles(target, "svelte-1q44ru9", ".floorplan-plugin__compass.svelte-1q44ru9{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-1q44ru9{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-1q44ru9{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
+	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}");
 }
 
-// (14:0) {#if canShowCompass}
+// (14:0) {#if canCompassShow}
 function create_if_block$6(ctx) {
 	let div1;
 	let div0;
@@ -222,11 +285,11 @@ function create_if_block$6(ctx) {
 			t0 = internal.space();
 			span = internal.element("span");
 			t1 = internal.text(/*northDesc*/ ctx[0]);
-			internal.attr(div0, "class", "floorplan-plugin__compass-image svelte-1q44ru9");
+			internal.attr(div0, "class", "floorplan-plugin__compass-image svelte-z9kwkx");
 			internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
-			internal.attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
-			internal.attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
-			internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
+			internal.attr(span, "class", "floorplan-plugin__compass-text svelte-z9kwkx");
+			internal.attr(div1, "class", "floorplan-plugin__compass svelte-z9kwkx");
+			internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
 		},
 		m(target, anchor) {
 			internal.insert(target, div1, anchor);
@@ -246,7 +309,7 @@ function create_if_block$6(ctx) {
 
 function create_fragment$f(ctx) {
 	let if_block_anchor;
-	let if_block = /*canShowCompass*/ ctx[2] && create_if_block$6(ctx);
+	let if_block = /*canCompassShow*/ ctx[1] && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -258,7 +321,7 @@ function create_fragment$f(ctx) {
 			internal.insert(target, if_block_anchor, anchor);
 		},
 		p(ctx, [dirty]) {
-			if (/*canShowCompass*/ ctx[2]) if_block.p(ctx, dirty);
+			if (/*canCompassShow*/ ctx[1]) if_block.p(ctx, dirty);
 		},
 		i: internal.noop,
 		o: internal.noop,
@@ -282,16 +345,16 @@ function instance$f($$self, $$props, $$invalidate) {
 	? void 0
 	: _a.northRad;
 
-	const rotate = typeof northRad !== 'number' ? 0 : rad2Deg(northRad);
+	const canCompassShow = typeof northRad === 'number';
+	const rotate = !northRad ? 0 : rad2Deg(northRad);
 	const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
-	const canShowCompass = typeof northRad === 'number';
 
 	$$self.$$set = $$props => {
 		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
 		if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
 	};
 
-	return [northDesc, compassTransformStyle, canShowCompass, floorplanData];
+	return [northDesc, canCompassShow, compassTransformStyle, floorplanData];
 }
 
 class Compass extends internal.SvelteComponent {
@@ -622,13 +685,13 @@ class BaseImage extends internal.SvelteComponent {
 /* src/floorplan/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.47.0 */
 
 function add_css$8(target) {
-	internal.append_styles(target, "svelte-i2nwuk", ".floorplan-plugin__room-label-item.svelte-i2nwuk{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:0.78125rem;color:#fff;transform:translate(-50%, -50%);white-space:nowrap}.floorplan-plugin__room-size.svelte-i2nwuk{opacity:0.45}");
+	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}");
 }
 
-// (22:30) 
+// (95:30) 
 function create_if_block_1$3(ctx) {
 	let html_tag;
-	let raw_value = /*userConfigElement*/ ctx[2].outerHTML + "";
+	let raw_value = /*userConfigElement*/ ctx[4].outerHTML + "";
 	let html_anchor;
 
 	return {
@@ -642,7 +705,7 @@ function create_if_block_1$3(ctx) {
 			internal.insert(target, html_anchor, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*userConfigElement*/ 4 && raw_value !== (raw_value = /*userConfigElement*/ ctx[2].outerHTML + "")) html_tag.p(raw_value);
+			if (dirty & /*userConfigElement*/ 16 && raw_value !== (raw_value = /*userConfigElement*/ ctx[4].outerHTML + "")) html_tag.p(raw_value);
 		},
 		d(detaching) {
 			if (detaching) internal.detach(html_anchor);
@@ -651,7 +714,7 @@ function create_if_block_1$3(ctx) {
 	};
 }
 
-// (16:2) {#if getLabelElement === undefined}
+// (89:2) {#if getLabelElement === undefined}
 function create_if_block$4(ctx) {
 	let span0;
 	let t0_value = /*room*/ ctx[0].name + "";
@@ -665,9 +728,9 @@ function create_if_block$4(ctx) {
 			t0 = internal.text(t0_value);
 			t1 = internal.space();
 			span1 = internal.element("span");
-			span1.textContent = `${/*roomSizeDes*/ ctx[3]}`;
+			span1.textContent = `${/*roomSizeDes*/ ctx[5]}`;
 			internal.attr(span0, "class", "floorplan-plugin__room-name");
-			internal.attr(span1, "class", "floorplan-plugin__room-size svelte-i2nwuk");
+			internal.attr(span1, "class", "floorplan-plugin__room-size svelte-12pzct5");
 		},
 		m(target, anchor) {
 			internal.insert(target, span0, anchor);
@@ -691,7 +754,7 @@ function create_fragment$b(ctx) {
 
 	function select_block_type(ctx, dirty) {
 		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block$4;
-		if (/*userConfigElement*/ ctx[2]) return create_if_block_1$3;
+		if (/*userConfigElement*/ ctx[4]) return create_if_block_1$3;
 	}
 
 	let current_block_type = select_block_type(ctx);
@@ -701,14 +764,16 @@ function create_fragment$b(ctx) {
 		c() {
 			div = internal.element("div");
 			if (if_block) if_block.c();
-			internal.attr(div, "class", "floorplan-plugin__room-label-item svelte-i2nwuk");
-			internal.set_style(div, "left", /*left*/ ctx[4], false);
-			internal.set_style(div, "top", /*top*/ ctx[5], false);
-			internal.set_style(div, "font-size", /*fontSize*/ ctx[6], false);
+			internal.attr(div, "class", "floorplan-plugin__room-label-item svelte-12pzct5");
+			internal.set_style(div, "left", /*left*/ ctx[6], false);
+			internal.set_style(div, "top", /*top*/ ctx[7], false);
+			internal.set_style(div, "font-size", /*fontSize*/ ctx[8], false);
+			internal.set_style(div, "opacity", /*labelVisible*/ ctx[3] ? '1' : '0', false);
 		},
 		m(target, anchor) {
 			internal.insert(target, div, anchor);
 			if (if_block) if_block.m(div, null);
+			/*div_binding*/ ctx[15](div);
 		},
 		p(ctx, [dirty]) {
 			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -722,6 +787,10 @@ function create_fragment$b(ctx) {
 					if_block.m(div, null);
 				}
 			}
+
+			if (dirty & /*labelVisible*/ 8) {
+				internal.set_style(div, "opacity", /*labelVisible*/ ctx[3] ? '1' : '0', false);
+			}
 		},
 		i: internal.noop,
 		o: internal.noop,
@@ -731,45 +800,185 @@ function create_fragment$b(ctx) {
 			if (if_block) {
 				if_block.d();
 			}
+
+			/*div_binding*/ ctx[15](null);
 		}
 	};
 }
 
+function isPointInPolygon(point, polygon) {
+	const x = point[0];
+	const y = point[1];
+	let inside = false;
+
+	for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+		const xi = polygon[i][0];
+		const yi = polygon[i][1];
+		const xj = polygon[j][0];
+		const yj = polygon[j][1];
+		const intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;
+		if (intersect) inside = !inside;
+	}
+
+	return inside;
+}
+
 function instance$b($$self, $$props, $$invalidate) {
+	let isLabelInRoom;
 	let userConfigElement;
+	let labelVisible;
+	let { pxmm } = $$props;
 	let { room } = $$props;
+	let { hoveredRoom } = $$props;
 	let { getLabelElement } = $$props;
+	let { adaptiveRoomLabelVisibleEnable } = $$props;
+
+	function isLabelInRoomCurry(room, labelElementSize) {
+		if (labelElementSize.width === 0 || labelElementSize.height === 0) return () => false;
+		const polygon = room.path.map(({ x, y }) => [x, y]);
+		const labelPosition = room.roomLabel.position;
+		const { x, y } = labelPosition;
+		const { width, height } = labelElementSize;
+		const halfWidth = width / 2;
+		const halfHeight = height / 2;
+
+		return function isLabelInRoom(pxmm) {
+			const clientX = x * pxmm;
+			const clientY = y * pxmm;
+			const clientPolygon = polygon.map(([x, y]) => [x * pxmm, y * pxmm]);
+
+			// const
+			/** 围成 labelRect 的四个点
+ * 1----0
+ * |    |
+ * 2----3
+ */
+			const labelRectClientPoints = [
+				[clientX + halfWidth, clientY - halfHeight],
+				[clientX - halfWidth, clientY - halfHeight],
+				[clientX - halfWidth, clientY + halfHeight],
+				[clientX + halfWidth, clientY + halfHeight]
+			];
+
+			return labelRectClientPoints.every(point => isPointInPolygon(point, clientPolygon));
+		};
+	}
 
+	// ========== 获取设备宽高像素 ==========
 	// TODO: 统一这里的判断条件，目前写了多处
 	const bodyWidth = document.body.clientWidth;
 
 	const bodyHeight = document.body.clientHeight;
 	const roomSizeDes = room.size ? (room.size / 1000000).toFixed(1) + '㎡' : '';
+
+	// ====================================
 	const roomLabel = room.roomLabel;
+
 	const left = roomLabel.positionInImage.x * 100 + '%';
 	const top = roomLabel.positionInImage.y * 100 + '%';
+
+	// 屏幕宽或高小于 500px 时，用 10px 字体，否则用 14px
 	const fontSize = (bodyWidth < 500 || bodyHeight < 500 ? 10 : 14) / 16 + 'rem';
 
+	let isHoverd = false;
+	let labelElement;
+	let labelElementSize;
+
+	hoveredRoom.subscribe(function onHoverdRoomUpdate(_room) {
+		$$invalidate(12, isHoverd = !!_room && _room.id === room.id);
+	});
+
+	svelte.onMount(() => {
+		// Label 能不能展示只跟房间大小有关
+		// 计算 LabelElement 宽高
+		const labelDomRect = labelElement === null || labelElement === void 0
+		? void 0
+		: labelElement.getClientRects()[0];
+
+		$$invalidate(13, labelElementSize = {
+			width: labelDomRect.width,
+			height: labelDomRect.height
+		});
+	});
+
+	function div_binding($$value) {
+		internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			labelElement = $$value;
+			$$invalidate(2, labelElement);
+		});
+	}
+
 	$$self.$$set = $$props => {
+		if ('pxmm' in $$props) $$invalidate(9, pxmm = $$props.pxmm);
 		if ('room' in $$props) $$invalidate(0, room = $$props.room);
+		if ('hoveredRoom' in $$props) $$invalidate(10, hoveredRoom = $$props.hoveredRoom);
 		if ('getLabelElement' in $$props) $$invalidate(1, getLabelElement = $$props.getLabelElement);
+		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(11, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
 	};
 
 	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*labelElementSize, room*/ 8193) {
+			$$invalidate(14, isLabelInRoom = labelElementSize
+			? isLabelInRoomCurry(room, labelElementSize)
+			: undefined);
+		}
+
 		if ($$self.$$.dirty & /*getLabelElement, room*/ 3) {
-			$$invalidate(2, userConfigElement = getLabelElement === null || getLabelElement === void 0
+			$$invalidate(4, userConfigElement = getLabelElement === null || getLabelElement === void 0
 			? void 0
 			: getLabelElement(room));
 		}
+
+		if ($$self.$$.dirty & /*adaptiveRoomLabelVisibleEnable, isHoverd, isLabelInRoom, pxmm*/ 23040) {
+			$$invalidate(3, labelVisible = adaptiveRoomLabelVisibleEnable
+			? isHoverd
+				? true
+				: !!(isLabelInRoom === null || isLabelInRoom === void 0
+					? void 0
+					: isLabelInRoom(pxmm))
+			: true);
+		}
 	};
 
-	return [room, getLabelElement, userConfigElement, roomSizeDes, left, top, fontSize];
+	return [
+		room,
+		getLabelElement,
+		labelElement,
+		labelVisible,
+		userConfigElement,
+		roomSizeDes,
+		left,
+		top,
+		fontSize,
+		pxmm,
+		hoveredRoom,
+		adaptiveRoomLabelVisibleEnable,
+		isHoverd,
+		labelElementSize,
+		isLabelInRoom,
+		div_binding
+	];
 }
 
 class RoomLabel extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$b, create_fragment$b, internal.safe_not_equal, { room: 0, getLabelElement: 1 }, add_css$8);
+
+		internal.init(
+			this,
+			options,
+			instance$b,
+			create_fragment$b,
+			internal.safe_not_equal,
+			{
+				pxmm: 9,
+				room: 0,
+				hoveredRoom: 10,
+				getLabelElement: 1,
+				adaptiveRoomLabelVisibleEnable: 11
+			},
+			add_css$8
+		);
 	}
 }
 
@@ -781,18 +990,19 @@ function add_css$7(target) {
 
 function get_each_context$5(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[4] = list[i];
+	child_ctx[9] = list[i];
 	return child_ctx;
 }
 
-// (8:0) {#if rooms}
+// (17:0) {#if rooms}
 function create_if_block$3(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
+	let div_resize_listener;
 	let current;
-	let each_value = /*rooms*/ ctx[1];
-	const get_key = ctx => /*room*/ ctx[4].id;
+	let each_value = /*rooms*/ ctx[5];
+	const get_key = ctx => /*room*/ ctx[9].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context$5(ctx, each_value, i);
@@ -809,6 +1019,7 @@ function create_if_block$3(ctx) {
 			}
 
 			internal.attr(div, "class", "floorplan-plugin__room-labels svelte-13xux0b");
+			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[8].call(div));
 		},
 		m(target, anchor) {
 			internal.insert(target, div, anchor);
@@ -817,11 +1028,12 @@ function create_if_block$3(ctx) {
 				each_blocks[i].m(div, null);
 			}
 
+			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[8].bind(div));
 			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*rooms, getLabelElement*/ 3) {
-				each_value = /*rooms*/ ctx[1];
+			if (dirty & /*pxmm, rooms, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 55) {
+				each_value = /*rooms*/ ctx[5];
 				internal.group_outros();
 				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$5, null, get_each_context$5);
 				internal.check_outros();
@@ -849,11 +1061,13 @@ function create_if_block$3(ctx) {
 			for (let i = 0; i < each_blocks.length; i += 1) {
 				each_blocks[i].d();
 			}
+
+			div_resize_listener();
 		}
 	};
 }
 
-// (10:4) {#each rooms as room (room.id)}
+// (19:4) {#each rooms as room (room.id)}
 function create_each_block$5(key_1, ctx) {
 	let first;
 	let roomlabel;
@@ -861,8 +1075,11 @@ function create_each_block$5(key_1, ctx) {
 
 	const roomlabel_spread_levels = [
 		{
-			room: /*room*/ ctx[4],
-			getLabelElement: /*getLabelElement*/ ctx[0]
+			pxmm: /*pxmm*/ ctx[4],
+			room: /*room*/ ctx[9],
+			getLabelElement: /*getLabelElement*/ ctx[1],
+			hoveredRoom: /*hoveredRoom*/ ctx[0],
+			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[2]
 		}
 	];
 
@@ -890,11 +1107,14 @@ function create_each_block$5(key_1, ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			const roomlabel_changes = (dirty & /*rooms, getLabelElement*/ 3)
+			const roomlabel_changes = (dirty & /*pxmm, rooms, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 55)
 			? internal.get_spread_update(roomlabel_spread_levels, [
 					{
-						room: /*room*/ ctx[4],
-						getLabelElement: /*getLabelElement*/ ctx[0]
+						pxmm: /*pxmm*/ ctx[4],
+						room: /*room*/ ctx[9],
+						getLabelElement: /*getLabelElement*/ ctx[1],
+						hoveredRoom: /*hoveredRoom*/ ctx[0],
+						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[2]
 					}
 				])
 			: {};
@@ -920,7 +1140,7 @@ function create_each_block$5(key_1, ctx) {
 function create_fragment$a(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*rooms*/ ctx[1] && create_if_block$3(ctx);
+	let if_block = /*rooms*/ ctx[5] && create_if_block$3(ctx);
 
 	return {
 		c() {
@@ -933,11 +1153,11 @@ function create_fragment$a(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (/*rooms*/ ctx[1]) {
+			if (/*rooms*/ ctx[5]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*rooms*/ 2) {
+					if (dirty & /*rooms*/ 32) {
 						internal.transition_in(if_block, 1);
 					}
 				} else {
@@ -976,21 +1196,50 @@ function instance$a($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
+	let { hoveredRoom } = $$props;
 	let { getLabelElement } = $$props;
+	let { adaptiveRoomLabelVisibleEnable } = $$props;
+	let clientWidth = 0;
+	let pxmm = 0;
+
+	function div_elementresize_handler() {
+		clientWidth = this.clientWidth;
+		$$invalidate(3, clientWidth);
+	}
 
 	$$self.$$set = $$props => {
-		if ('floorIndex' in $$props) $$invalidate(2, floorIndex = $$props.floorIndex);
-		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
-		if ('getLabelElement' in $$props) $$invalidate(0, getLabelElement = $$props.getLabelElement);
+		if ('floorIndex' in $$props) $$invalidate(6, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(7, floorplanData = $$props.floorplanData);
+		if ('hoveredRoom' in $$props) $$invalidate(0, hoveredRoom = $$props.hoveredRoom);
+		if ('getLabelElement' in $$props) $$invalidate(1, getLabelElement = $$props.getLabelElement);
+		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(2, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 12) {
-			$$invalidate(1, rooms = floorplanData.floorDatas[floorIndex].rooms);
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 192) {
+			$$invalidate(5, rooms = floorplanData.floorDatas[floorIndex].rooms);
+		}
+
+		if ($$self.$$.dirty & /*floorplanData, clientWidth*/ 136) {
+			{
+				const { max, min } = floorplanData.bounding;
+				const boundingWidth = max.x - min.x;
+				$$invalidate(4, pxmm = clientWidth / boundingWidth);
+			}
 		}
 	};
 
-	return [getLabelElement, rooms, floorIndex, floorplanData];
+	return [
+		hoveredRoom,
+		getLabelElement,
+		adaptiveRoomLabelVisibleEnable,
+		clientWidth,
+		pxmm,
+		rooms,
+		floorIndex,
+		floorplanData,
+		div_elementresize_handler
+	];
 }
 
 class RoomLabels extends internal.SvelteComponent {
@@ -1004,9 +1253,11 @@ class RoomLabels extends internal.SvelteComponent {
 			create_fragment$a,
 			internal.safe_not_equal,
 			{
-				floorIndex: 2,
-				floorplanData: 3,
-				getLabelElement: 0
+				floorIndex: 6,
+				floorplanData: 7,
+				hoveredRoom: 0,
+				getLabelElement: 1,
+				adaptiveRoomLabelVisibleEnable: 2
 			},
 			add_css$7
 		);
@@ -1032,7 +1283,7 @@ function get_each_context_1(ctx, list, i) {
 	return child_ctx;
 }
 
-// (53:4) {#each rulerLabels as rulerLabel}
+// (47:4) {#each rulerLabels as rulerLabel}
 function create_each_block_1(ctx) {
 	let div;
 
@@ -1053,7 +1304,7 @@ function create_each_block_1(ctx) {
 	};
 }
 
-// (62:4) {#each rulerTexts as textItem, textItemIndex (textItemIndex)}
+// (56:4) {#each rulerTexts as textItem, textItemIndex (textItemIndex)}
 function create_each_block$4(key_1, ctx) {
 	let div1;
 	let div0;
@@ -1631,6 +1882,7 @@ function create_fragment$6(ctx) {
 			internal.attr(pattern, "width", /*width*/ ctx[1]);
 			internal.attr(pattern, "height", /*width*/ ctx[1]);
 			internal.attr(pattern, "patternUnits", "userSpaceOnUse");
+			internal.attr(pattern, "patternTransform", "scale(50 50)");
 			internal.attr(path1, "d", /*d*/ ctx[0]);
 			internal.attr(path1, "fill", "url(#fpm-room-pattern-0)");
 		},
@@ -1713,8 +1965,8 @@ function create_fragment$5(ctx) {
 			path1 = internal.svg_element("path");
 			t2 = internal.space();
 			path2 = internal.svg_element("path");
-			internal.attr(rect0, "x", "0.5");
-			internal.attr(rect0, "y", "0.5");
+			internal.attr(rect0, "x", "0");
+			internal.attr(rect0, "y", "0");
 			internal.attr(rect0, "width", "6");
 			internal.attr(rect0, "height", "50");
 			internal.attr(rect0, "fill", "none");
@@ -1723,22 +1975,24 @@ function create_fragment$5(ctx) {
 			internal.attr(pattern0, "id", "room-material-pattern-1");
 			internal.attr(pattern0, "x", "0");
 			internal.attr(pattern0, "y", "0");
-			internal.attr(pattern0, "width", "13");
-			internal.attr(pattern0, "height", "51");
+			internal.attr(pattern0, "width", "12");
+			internal.attr(pattern0, "height", "50");
 			internal.attr(pattern0, "patternUnits", "userSpaceOnUse");
-			internal.attr(rect1, "x", "0.5");
-			internal.attr(rect1, "y", "0.5");
+			internal.attr(pattern0, "patternTransform", "scale(50 50)");
+			internal.attr(rect1, "x", "0");
+			internal.attr(rect1, "y", "0");
 			internal.attr(rect1, "width", "6");
 			internal.attr(rect1, "height", "50");
 			internal.attr(rect1, "fill", "none");
 			internal.attr(rect1, "stroke", "#4B4B57");
 			internal.attr(rect1, "stroke-width", "0.5");
 			internal.attr(pattern1, "id", "room-material-pattern-2");
-			internal.attr(pattern1, "x", "7");
+			internal.attr(pattern1, "x", "6");
 			internal.attr(pattern1, "y", "25");
-			internal.attr(pattern1, "width", "13");
-			internal.attr(pattern1, "height", "51");
+			internal.attr(pattern1, "width", "12");
+			internal.attr(pattern1, "height", "50");
 			internal.attr(pattern1, "patternUnits", "userSpaceOnUse");
+			internal.attr(pattern1, "patternTransform", "scale(50 50)");
 			internal.attr(path0, "d", /*d*/ ctx[0]);
 			internal.attr(path0, "fill", "#43434D");
 			internal.attr(path1, "d", /*d*/ ctx[0]);
@@ -2124,22 +2378,35 @@ function add_css$3(target) {
 
 function create_fragment$3(ctx) {
 	let path;
+	let mounted;
+	let dispose;
 
 	return {
 		c() {
 			path = internal.svg_element("path");
-			internal.attr(path, "d", /*_pathD*/ ctx[0]);
+			internal.attr(path, "d", /*_pathD*/ ctx[2]);
 			internal.attr(path, "fill", `#fff`);
 			internal.attr(path, "class", "svelte-19uvvss");
 		},
 		m(target, anchor) {
 			internal.insert(target, path, anchor);
+
+			if (!mounted) {
+				dispose = [
+					internal.listen(path, "mouseenter", /*onMouseEnter*/ ctx[0]),
+					internal.listen(path, "mouseleave", /*onMouseLeave*/ ctx[1])
+				];
+
+				mounted = true;
+			}
 		},
 		p: internal.noop,
 		i: internal.noop,
 		o: internal.noop,
 		d(detaching) {
 			if (detaching) internal.detach(path);
+			mounted = false;
+			internal.run_all(dispose);
 		}
 	};
 }
@@ -2147,6 +2414,16 @@ function create_fragment$3(ctx) {
 function instance$3($$self, $$props, $$invalidate) {
 	let { room } = $$props;
 	let { floorplanData } = $$props;
+	let { hoveredRoom } = $$props;
+
+	function onMouseEnter() {
+		hoveredRoom.set(room);
+	}
+
+	function onMouseLeave() {
+		hoveredRoom.set(undefined);
+	}
+
 	const { bounding } = floorplanData;
 
 	const _pathD = pathD(room.path, {
@@ -2155,17 +2432,31 @@ function instance$3($$self, $$props, $$invalidate) {
 	});
 
 	$$self.$$set = $$props => {
-		if ('room' in $$props) $$invalidate(1, room = $$props.room);
-		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
+		if ('room' in $$props) $$invalidate(3, room = $$props.room);
+		if ('floorplanData' in $$props) $$invalidate(4, floorplanData = $$props.floorplanData);
+		if ('hoveredRoom' in $$props) $$invalidate(5, hoveredRoom = $$props.hoveredRoom);
 	};
 
-	return [_pathD, room, floorplanData];
+	return [onMouseEnter, onMouseLeave, _pathD, room, floorplanData, hoveredRoom];
 }
 
 class Room extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, { room: 1, floorplanData: 2 }, add_css$3);
+
+		internal.init(
+			this,
+			options,
+			instance$3,
+			create_fragment$3,
+			internal.safe_not_equal,
+			{
+				room: 3,
+				floorplanData: 4,
+				hoveredRoom: 5
+			},
+			add_css$3
+		);
 	}
 }
 
@@ -2177,11 +2468,11 @@ function add_css$2(target) {
 
 function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[4] = list[i];
+	child_ctx[5] = list[i];
 	return child_ctx;
 }
 
-// (10:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
+// (11:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
 function create_each_block$1(key_1, ctx) {
 	let first;
 	let room;
@@ -2189,8 +2480,9 @@ function create_each_block$1(key_1, ctx) {
 
 	const room_spread_levels = [
 		{
-			room: /*room*/ ctx[4],
-			floorplanData: /*floorplanData*/ ctx[1]
+			room: /*room*/ ctx[5],
+			floorplanData: /*floorplanData*/ ctx[1],
+			hoveredRoom: /*hoveredRoom*/ ctx[2]
 		}
 	];
 
@@ -2218,11 +2510,12 @@ function create_each_block$1(key_1, ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			const room_changes = (dirty & /*floorplanData, floorIndex*/ 3)
+			const room_changes = (dirty & /*floorplanData, floorIndex, hoveredRoom*/ 7)
 			? internal.get_spread_update(room_spread_levels, [
 					{
-						room: /*room*/ ctx[4],
-						floorplanData: /*floorplanData*/ ctx[1]
+						room: /*room*/ ctx[5],
+						floorplanData: /*floorplanData*/ ctx[1],
+						hoveredRoom: /*hoveredRoom*/ ctx[2]
 					}
 				])
 			: {};
@@ -2252,7 +2545,7 @@ function create_fragment$2(ctx) {
 	let each_1_lookup = new Map();
 	let current;
 	let each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].rooms;
-	const get_key = ctx => /*room*/ ctx[4].id;
+	const get_key = ctx => /*room*/ ctx[5].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context$1(ctx, each_value, i);
@@ -2271,7 +2564,7 @@ function create_fragment$2(ctx) {
 
 			internal.attr(svg, "width", "100%");
 			internal.attr(svg, "height", "100%");
-			internal.attr(svg, "viewBox", `0 0 ${/*boundingWidth*/ ctx[2]} ${/*boundingHeight*/ ctx[3]}`);
+			internal.attr(svg, "viewBox", `0 0 ${/*boundingWidth*/ ctx[3]} ${/*boundingHeight*/ ctx[4]}`);
 			internal.attr(svg, "class", "svelte-1kqo6e4");
 			internal.attr(div, "class", "floorplan-plugin__room-highlight svelte-1kqo6e4");
 		},
@@ -2286,7 +2579,7 @@ function create_fragment$2(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*floorplanData, floorIndex*/ 3) {
+			if (dirty & /*floorplanData, floorIndex, hoveredRoom*/ 7) {
 				each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].rooms;
 				internal.group_outros();
 				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, internal.outro_and_destroy_block, create_each_block$1, null, get_each_context$1);
@@ -2322,21 +2615,36 @@ function create_fragment$2(ctx) {
 function instance$2($$self, $$props, $$invalidate) {
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
+	let { hoveredRoom } = $$props;
 	const boundingWidth = floorplanData.bounding.max.x - floorplanData.bounding.min.x;
 	const boundingHeight = floorplanData.bounding.max.y - floorplanData.bounding.min.y;
 
 	$$self.$$set = $$props => {
 		if ('floorIndex' in $$props) $$invalidate(0, floorIndex = $$props.floorIndex);
 		if ('floorplanData' in $$props) $$invalidate(1, floorplanData = $$props.floorplanData);
+		if ('hoveredRoom' in $$props) $$invalidate(2, hoveredRoom = $$props.hoveredRoom);
 	};
 
-	return [floorIndex, floorplanData, boundingWidth, boundingHeight];
+	return [floorIndex, floorplanData, hoveredRoom, boundingWidth, boundingHeight];
 }
 
 class RoomHighlight extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$2, create_fragment$2, internal.safe_not_equal, { floorIndex: 0, floorplanData: 1 }, add_css$2);
+
+		internal.init(
+			this,
+			options,
+			instance$2,
+			create_fragment$2,
+			internal.safe_not_equal,
+			{
+				floorIndex: 0,
+				floorplanData: 1,
+				hoveredRoom: 2
+			},
+			add_css$2
+		);
 	}
 }
 
@@ -2346,7 +2654,7 @@ function add_css$1(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}");
 }
 
-// (17:2) {#if hoverEnable}
+// (20:2) {#if hoverEnable}
 function create_if_block_2(ctx) {
 	let roomhighlight;
 	let current;
@@ -2354,7 +2662,8 @@ function create_if_block_2(ctx) {
 	const roomhighlight_spread_levels = [
 		{
 			floorIndex: /*floorIndex*/ ctx[1],
-			floorplanData: /*floorplanData*/ ctx[5]
+			floorplanData: /*floorplanData*/ ctx[5],
+			hoveredRoom: /*hoveredRoom*/ ctx[8]
 		}
 	];
 
@@ -2375,11 +2684,12 @@ function create_if_block_2(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			const roomhighlight_changes = (dirty & /*floorIndex, floorplanData*/ 34)
+			const roomhighlight_changes = (dirty & /*floorIndex, floorplanData, hoveredRoom*/ 290)
 			? internal.get_spread_update(roomhighlight_spread_levels, [
 					{
 						floorIndex: /*floorIndex*/ ctx[1],
-						floorplanData: /*floorplanData*/ ctx[5]
+						floorplanData: /*floorplanData*/ ctx[5],
+						hoveredRoom: /*hoveredRoom*/ ctx[8]
 					}
 				])
 			: {};
@@ -2401,7 +2711,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (21:2) {#if roomLabelsEnable}
+// (24:2) {#if roomLabelsEnable}
 function create_if_block_1$1(ctx) {
 	let roomlabels;
 	let current;
@@ -2410,7 +2720,9 @@ function create_if_block_1$1(ctx) {
 		{
 			floorplanData: /*floorplanData*/ ctx[5],
 			floorIndex: /*floorIndex*/ ctx[1],
-			getLabelElement: /*getLabelElement*/ ctx[6]
+			getLabelElement: /*getLabelElement*/ ctx[6],
+			hoveredRoom: /*hoveredRoom*/ ctx[8],
+			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[7]
 		}
 	];
 
@@ -2431,12 +2743,14 @@ function create_if_block_1$1(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			const roomlabels_changes = (dirty & /*floorplanData, floorIndex, getLabelElement*/ 98)
+			const roomlabels_changes = (dirty & /*floorplanData, floorIndex, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 482)
 			? internal.get_spread_update(roomlabels_spread_levels, [
 					{
 						floorplanData: /*floorplanData*/ ctx[5],
 						floorIndex: /*floorIndex*/ ctx[1],
-						getLabelElement: /*getLabelElement*/ ctx[6]
+						getLabelElement: /*getLabelElement*/ ctx[6],
+						hoveredRoom: /*hoveredRoom*/ ctx[8],
+						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[7]
 					}
 				])
 			: {};
@@ -2458,7 +2772,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (24:2) {#if ruleLabelsEnable}
+// (27:2) {#if ruleLabelsEnable}
 function create_if_block$1(ctx) {
 	let rulelabels;
 	let current;
@@ -2721,6 +3035,8 @@ function instance$1($$self, $$props, $$invalidate) {
 	let { ruleLabelsEnable } = $$props;
 	let { floorplanData } = $$props;
 	let { getLabelElement } = $$props;
+	let { adaptiveRoomLabelVisibleEnable } = $$props;
+	const hoveredRoom = store.writable(undefined);
 
 	$$self.$$set = $$props => {
 		if ('isCurrent' in $$props) $$invalidate(0, isCurrent = $$props.isCurrent);
@@ -2730,6 +3046,7 @@ function instance$1($$self, $$props, $$invalidate) {
 		if ('ruleLabelsEnable' in $$props) $$invalidate(4, ruleLabelsEnable = $$props.ruleLabelsEnable);
 		if ('floorplanData' in $$props) $$invalidate(5, floorplanData = $$props.floorplanData);
 		if ('getLabelElement' in $$props) $$invalidate(6, getLabelElement = $$props.getLabelElement);
+		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(7, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
 	};
 
 	return [
@@ -2739,7 +3056,9 @@ function instance$1($$self, $$props, $$invalidate) {
 		roomLabelsEnable,
 		ruleLabelsEnable,
 		floorplanData,
-		getLabelElement
+		getLabelElement,
+		adaptiveRoomLabelVisibleEnable,
+		hoveredRoom
 	];
 }
 
@@ -2760,7 +3079,8 @@ class CurrentFloor extends internal.SvelteComponent {
 				roomLabelsEnable: 3,
 				ruleLabelsEnable: 4,
 				floorplanData: 5,
-				getLabelElement: 6
+				getLabelElement: 6,
+				adaptiveRoomLabelVisibleEnable: 7
 			},
 			add_css$1
 		);
@@ -2775,11 +3095,11 @@ function add_css(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[13] = list[i];
+	child_ctx[14] = list[i];
 	return child_ctx;
 }
 
-// (21:0) {#if visible}
+// (22:0) {#if visible}
 function create_if_block(ctx) {
 	let div;
 	let t0;
@@ -2846,7 +3166,7 @@ function create_if_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, floorIndex*/ 5040) {
+			if (dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, adaptiveRoomLabelVisibleEnable, floorIndex*/ 13232) {
 				each_value = /*floorplanData*/ ctx[9].floorDatas;
 				let i;
 
@@ -2952,7 +3272,7 @@ function create_if_block(ctx) {
 	};
 }
 
-// (23:4) {#each floorplanData.floorDatas as floorData}
+// (24:4) {#each floorplanData.floorDatas as floorData}
 function create_each_block(ctx) {
 	let currentfloor;
 	let current;
@@ -2963,13 +3283,14 @@ function create_each_block(ctx) {
 			floorplanData: /*floorplanData*/ ctx[9],
 			getLabelElement: /*getLabelElement*/ ctx[12],
 			roomLabelsEnable: /*roomLabelsEnable*/ ctx[7],
-			ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[8]
+			ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[8],
+			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[13]
 		},
 		{
-			floorIndex: /*floorData*/ ctx[13].floorIndex
+			floorIndex: /*floorData*/ ctx[14].floorIndex
 		},
 		{
-			isCurrent: /*floorData*/ ctx[13].floorIndex === /*floorIndex*/ ctx[4]
+			isCurrent: /*floorData*/ ctx[14].floorIndex === /*floorIndex*/ ctx[4]
 		}
 	];
 
@@ -2990,20 +3311,21 @@ function create_each_block(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			const currentfloor_changes = (dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, floorIndex*/ 5040)
+			const currentfloor_changes = (dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, adaptiveRoomLabelVisibleEnable, floorIndex*/ 13232)
 			? internal.get_spread_update(currentfloor_spread_levels, [
-					dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable*/ 5024 && {
+					dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, adaptiveRoomLabelVisibleEnable*/ 13216 && {
 						hoverEnable: /*hoverEnable*/ ctx[5],
 						floorplanData: /*floorplanData*/ ctx[9],
 						getLabelElement: /*getLabelElement*/ ctx[12],
 						roomLabelsEnable: /*roomLabelsEnable*/ ctx[7],
-						ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[8]
+						ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[8],
+						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[13]
 					},
 					dirty & /*floorplanData*/ 512 && {
-						floorIndex: /*floorData*/ ctx[13].floorIndex
+						floorIndex: /*floorData*/ ctx[14].floorIndex
 					},
 					dirty & /*floorplanData, floorIndex*/ 528 && {
-						isCurrent: /*floorData*/ ctx[13].floorIndex === /*floorIndex*/ ctx[4]
+						isCurrent: /*floorData*/ ctx[14].floorIndex === /*floorIndex*/ ctx[4]
 					}
 				])
 			: {};
@@ -3025,7 +3347,7 @@ function create_each_block(ctx) {
 	};
 }
 
-// (37:4) {#if compassEnable}
+// (39:4) {#if compassEnable}
 function create_if_block_1(ctx) {
 	let compass;
 	let current;
@@ -3135,6 +3457,7 @@ function instance($$self, $$props, $$invalidate) {
 	let { lastPanoramaLongitude } = $$props;
 	let { cameraImageUrl } = $$props;
 	let { getLabelElement } = $$props;
+	let { adaptiveRoomLabelVisibleEnable } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('duration' in $$props) $$invalidate(0, duration = $$props.duration);
@@ -3150,6 +3473,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ('lastPanoramaLongitude' in $$props) $$invalidate(10, lastPanoramaLongitude = $$props.lastPanoramaLongitude);
 		if ('cameraImageUrl' in $$props) $$invalidate(11, cameraImageUrl = $$props.cameraImageUrl);
 		if ('getLabelElement' in $$props) $$invalidate(12, getLabelElement = $$props.getLabelElement);
+		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(13, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
 	};
 
 	return [
@@ -3165,7 +3489,8 @@ function instance($$self, $$props, $$invalidate) {
 		floorplanData,
 		lastPanoramaLongitude,
 		cameraImageUrl,
-		getLabelElement
+		getLabelElement,
+		adaptiveRoomLabelVisibleEnable
 	];
 }
 
@@ -3192,7 +3517,8 @@ class Main extends internal.SvelteComponent {
 				floorplanData: 9,
 				lastPanoramaLongitude: 10,
 				cameraImageUrl: 11,
-				getLabelElement: 12
+				getLabelElement: 12,
+				adaptiveRoomLabelVisibleEnable: 13
 			},
 			add_css
 		);
@@ -3276,108 +3602,32 @@ async function formatData(data) {
 }
 
 /**
- * 检查一个值是否是狭义上的对象
- * @param {any} value 要检查的值
- *
- * isTruelyObject({})
- * // => true
- *
- * isObjectLike([1, 2, 3])
- * // => false
- *
- * isObjectLike(Function)
- * // => false
- *
- * isObjectLike(null)
- * // => false
- *
+ * 把第一个参数传入第二个参数（函数）中并执行
+ * 一般用于执行函数后返回变量。
+ * @param {any} something
+ * @param {function} callback
+ * @return {any}
  */
-function isTruelyObject(value) {
-    return Object.prototype.toString.call(value) === '[object Object]';
-}
-
-/* eslint-disable @typescript-eslint/no-use-before-define */
-function baseIsEqual(value, other) {
-    if (value === other)
-        return true;
-    if (typeof value !== typeof other)
-        return false;
-    if (Number.isNaN(value) && Number.isNaN(other))
-        return true;
-    return false;
-}
-function objEqualShallow(value, other) {
-    const valueProps = Object.getOwnPropertyNames(value);
-    const otherProps = Object.getOwnPropertyNames(other);
-    if (valueProps.length !== otherProps.length)
-        return false;
-    for (let i = 0, len = valueProps.length; i < len; i++) {
-        const propName = valueProps[i];
-        if (!baseIsEqual(value[propName], other[propName]))
-            return false;
-    }
-    return true;
-}
-function arrayEqualShallow(value, other) {
-    if (value.length !== other.length)
-        return false;
-    for (let i = 0, len = value.length; i < len; i++) {
-        if (!baseIsEqual(value[i], other[i]))
-            return false;
-    }
-    return true;
-}
-function isShallowEqual(value, other) {
-    if (baseIsEqual(value, other))
-        return true;
-    if (isTruelyObject(value) && isTruelyObject(other))
-        return objEqualShallow(value, other);
-    if (Array.isArray(value) && Array.isArray(other))
-        return arrayEqualShallow(value, other);
-    return false;
-}
-function isDeepEqual(value, other) {
-    if (baseIsEqual(value, other))
-        return true;
-    if (isTruelyObject(value) && isTruelyObject(other))
-        return objEqualDeep(value, other);
-    if (Array.isArray(value) && Array.isArray(other))
-        return arrayEqualDeep(value, other);
-    return false;
-}
-function arrayEqualDeep(value, other) {
-    if (value.length !== other.length)
-        return false;
-    for (let i = 0, len = value.length; i < len; i++) {
-        if (!isDeepEqual(value[i], other[i]))
-            return false;
-    }
-    return true;
-}
-function objEqualDeep(value, other) {
-    const valueProps = Object.getOwnPropertyNames(value);
-    const otherProps = Object.getOwnPropertyNames(other);
-    if (valueProps.length !== otherProps.length)
-        return false;
-    for (let i = 0, len = valueProps.length; i < len; i++) {
-        const propName = valueProps[i];
-        if (!isDeepEqual(value[propName], other[propName]))
-            return false;
-    }
-    return true;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function tap(something, callback) {
+    callback(something);
+    return something;
 }
+
 /**
- * 对象比较
- * @param {*} value 第一个比较的值
- * @param {*} other 第二个比较的值
- * @param {Object} options 可选参数，可选项包括：<br />
- *    deep {Boolean} 是否深比较<br />
- * @returns {boolean} 是否相等
+ * 过滤掉不需要的对象字段函数：实现从一个对象中排除某些指定属性后生成的新对象。
+ * @param object
+ * @param props 排除的属性
+ * @return
  */
-function equal(value, other, opt = { deep: false }) {
-    if (!opt.deep)
-        return isShallowEqual(value, other);
-    return isDeepEqual(value, other);
+function omit(object, props) {
+    return tap({}, (result) => {
+        for (const name in object) {
+            if (props.indexOf(name) !== -1)
+                continue;
+            result[name] = object[name];
+        }
+    });
 }
 
 var FLOOR_PLAN_ATTACHED_TO;
@@ -3387,31 +3637,36 @@ var FLOOR_PLAN_ATTACHED_TO;
     FLOOR_PLAN_ATTACHED_TO[FLOOR_PLAN_ATTACHED_TO["BOUNDING_CENTER"] = 3] = "BOUNDING_CENTER";
 })(FLOOR_PLAN_ATTACHED_TO || (FLOOR_PLAN_ATTACHED_TO = {}));
 
+/** 获取当前楼层地面的 Y 值 */
+function getFloorY(five, floorIndex) {
+    const maxFloorIndex = Math.max(...five.work.observers.map((ob) => ob.floorIndex));
+    return floorIndex > maxFloorIndex
+        ? five.model.bounding.max.y
+        : Math.max(...five.work.observers
+            .filter((ob) => ob.floorIndex === floorIndex)
+            .map((ob) => ob.standingPosition.y));
+}
+/** 获取当前吸附类型的 Y 值
+ * * FLOOR_PLAN_ATTACHED_TO.FLOOR：当前楼层地板的 Y
+ * * FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER：当前模型中心的 Y
+ * * FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER：当前楼层天花板的 Y
+*/
+function getAttachedY(five, floorIndex, attachedTo = FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER) {
+    const currentFloorY = getFloorY(five, floorIndex);
+    const nextFloorY = getFloorY(five, floorIndex + 1);
+    if (attachedTo === FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER)
+        return (five.model.bounding.max.y + five.model.bounding.min.y) / 2;
+    else if (attachedTo === FLOOR_PLAN_ATTACHED_TO.CEILING)
+        return nextFloorY;
+    else
+        return currentFloorY;
+}
 /**
  * 获取「在俯视图」状态下，模型 mm 与屏幕像素 px 的对应关系，即每 mm 对应多少 px
  * @param five five
  */
 function getPxmm(five, container, floorIndex, options) {
-    const maxFloorIndex = Math.max(...five.work.observers.map((ob) => ob.floorIndex));
-    function getFloorY(floorIndex) {
-        return floorIndex > maxFloorIndex
-            ? five.model.bounding.max.y
-            : Math.max(...five.work.observers
-                .filter((ob) => ob.floorIndex === floorIndex)
-                .map((ob) => ob.standingPosition.y));
-    }
-    function getY() {
-        const currentFloorY = getFloorY(floorIndex);
-        const nextFloorY = getFloorY(floorIndex + 1);
-        const attachedTo = (options === null || options === void 0 ? void 0 : options.attachedTo) || FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER;
-        if (attachedTo === FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER)
-            return (five.model.bounding.max.y + five.model.bounding.min.y) / 2;
-        else if (attachedTo === FLOOR_PLAN_ATTACHED_TO.CEILING)
-            return nextFloorY;
-        else
-            return currentFloorY;
-    }
-    const y = getY();
+    const y = getAttachedY(five, floorIndex, options === null || options === void 0 ? void 0 : options.attachedTo);
     const originPosition = new THREE__namespace.Vector3(0, y, 0);
     const originPositionXUnit = new THREE__namespace.Vector3(1, y, 0);
     const mouse = originPosition.clone().project(five.camera);
@@ -3420,21 +3675,61 @@ function getPxmm(five, container, floorIndex, options) {
     return pxmm;
 }
 
-async function changeMode(five, ...changeModeParams) {
-    const [changeModeError] = await to(five.changeMode(...changeModeParams));
-    if (changeModeError)
-        throw changeModeError;
-    await new Promise((reslove, reject) => {
-        five.once('initAnimationEnded', reslove);
-        const handleModeChange = (mode) => {
-            if (mode !== changeModeParams[0])
-                reject('changeMode 被中断');
-            five.off('modeChange', handleModeChange);
-        };
-        five.on('modeChange', handleModeChange);
-    });
+/**
+ * plugin 的基本控制器
+ */
+class Controller$2 {
+    constructor(five$1) {
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * 插件事件钩子
+         */
+        Object.defineProperty(this, "hooks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new five.Subscribe()
+        });
+        this.five = five$1;
+    }
+    /**
+     * 获取当前的插件状态，如果当初插件内存在需要通过动画变更的 state 值，则通过此方法可以得到中间状态
+     */
+    getCurrentState() {
+        return this.state;
+    }
 }
 
+class Controller$1 extends Controller$2 {
+}
+
+var FloorplanErrorType;
+(function (FloorplanErrorType) {
+    /** 意料之外的错误 */
+    FloorplanErrorType["UnknownError"] = "UnknownError";
+    /** 数据未加载 */
+    FloorplanErrorType["DataNotLoaded"] = "DataNotLoaded";
+    /** 展示过程被隐藏打断 */
+    FloorplanErrorType["BreakOffByHide"] = "BreakOffByHide";
+    /** 展示过程中插件被禁用 */
+    FloorplanErrorType["BreakOffByDisable"] = "BreakOffByDisable";
+    /** 模型未加载完成 */
+    FloorplanErrorType["ModelNotLoaded"] = "ModelNotLoaded";
+    /** Five changeMode 行为不符合预期 */
+    FloorplanErrorType["ChangeModeError"] = "ChangeModeError";
+    /** Five updateCamera 行为不符合预期 */
+    FloorplanErrorType["UpdateCameraError"] = "UpdateCameraError";
+})(FloorplanErrorType || (FloorplanErrorType = {}));
+/** 户型图展示 & 模型消失的默认时间 */
+const SHOW_ANIME_DURATION = 500;
+/** Five camera 默认 fov */
+const FIVE_CAMERA_DEFAULT_FOV = 80;
+
 /**
  * 比较两个数字近似相等
  * @param num1 数字1
@@ -3445,43 +3740,80 @@ function nearlyEqual(num1, num2, accuracy = 4) {
     return Math.floor(num1 * Math.pow(10, accuracy)) === Math.floor(num2 * Math.pow(10, accuracy));
 }
 
+/** 等待 five changeMode 结束
+ * @description Promise 的状态只代表 mode 与预期是否一致，不保证参数的一致性
+ */
+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;
+                    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();
+        });
+    });
+}
+
 /** 判断当前状态是否可以展示户型图 */
-function checkShowState(five$1, showState) {
-    if (five$1.currentMode !== five.Five.Mode.Floorplan)
+function checkShowState(five, showState) {
+    if (five.currentMode !== showState.mode)
         return false;
     const { latitude, longitude, fov } = showState;
-    const { latitude: _latitude, longitude: _longitude } = five$1.getCurrentState();
-    const _fov = five$1.camera.fov;
-    if (nearlyEqual(latitude, _latitude, 1) && nearlyEqual(longitude, _longitude, 1) && fov === _fov)
-        return true;
-    return false;
+    const { latitude: _latitude, longitude: _longitude } = five.getCurrentState();
+    const _fov = five.camera.fov;
+    if (!nearlyEqual(latitude, _latitude, 2))
+        return false;
+    if (!nearlyEqual(longitude, _longitude, 2))
+        return false;
+    if (fov !== _fov)
+        return false;
+    return true;
 }
 /** 更改 Five 状态到展示户型图的状态
  * 1. 判断状态不符合时，会纠正到正确的状态
  * 2. 内置了相应的动画时间计算
  * 3. 纠正成功会返回 true，失败「可能会被用户行为中断」会返回 false
  */
-async function correctFiveState(five$1, showState, userAction = true) {
+async function correctFiveState(five, showState, userAction = true) {
     // 当前已满足状态，不需要变更
-    const result = checkShowState(five$1, showState);
+    const result = checkShowState(five, showState);
     if (result === true)
         return;
+    const currentFiveState = five.getCurrentState();
     // 纠正 mode
-    if (five$1.currentMode !== five.Five.Mode.Floorplan) {
-        const [changeModeError] = await to(changeMode(five$1, five.Five.Mode.Floorplan, showState, undefined, userAction));
+    if (currentFiveState.mode !== showState.mode) {
+        const [changeModeError] = await to(changeMode(five, [showState.mode, showState, undefined, userAction]));
         if (changeModeError)
-            throw changeModeError;
-        // changeMode 是异步行为，可能会被打断，需要在结束后加一次判断
-        const result = checkShowState(five$1, showState);
-        if (result === false)
             throw new Error(FloorplanErrorType.ChangeModeError);
         return;
     }
     // 纠正相机状态
     // 根据 latitude、longitude、fov 计算动画时间，最多 1s
-    const { latitude, longitude, fov } = five$1.getCurrentState();
+    const { 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$1.updateCamera(showState, time, userAction));
+    const [updateCameraError] = await to(five.updateCamera(showState, time, userAction));
     if (updateCameraError)
         throw new Error(FloorplanErrorType.UpdateCameraError);
     return;
@@ -3503,54 +3835,71 @@ function changeModelCanvasOpacity(five, opacity, duration = 300) {
     });
 }
 
-const MODEL_FLOORPLAN_PLUGIN_NAME = 'modelFloorplanPlugin';
-class ModelFloorplanPluginController {
-    constructor(five$1, params) {
+/** 当前 five 的相机视角是否满足户型图自动隐藏条件
+ *
+ * @description 水平旋转角大于正负 5 度 || 俯仰角度大于 5 度
+ *
+ */
+function shouldFloorplanHideWithPose(pose) {
+    const { latitude, longitude } = pose;
+    const latitudeHide = Math.abs(latitude - Math.PI / 2) > (5 * Math.PI) / 180;
+    const longitudeHide = longitude > 5 * (Math.PI / 180) && longitude < 355 * (Math.PI / 180);
+    return latitudeHide || longitudeHide;
+}
+/** 当前 five 的相机视角是否满足户型图自动展示隐藏条件
+ *
+ * @description 水平旋转角正负 30 度 && 俯仰角度小于 10 度
+ *
+ */
+function shouldFloorplanShowWithPose(pose) {
+    const { latitude, longitude } = pose;
+    const latitudeVisible = Math.abs(latitude - Math.PI / 2) < (10 * Math.PI) / 180;
+    const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
+    return latitudeVisible && longitudeVisible;
+}
+class Controller extends Controller$1 {
+    constructor(five, params) {
         var _a;
+        super(five);
+        // =============== public properties =================
         Object.defineProperty(this, "name", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: MODEL_FLOORPLAN_PLUGIN_NAME
+            value: 'modelFloorplanPlugin'
         });
-        /** 用于绑定事件钩子 */
-        Object.defineProperty(this, "hooks", {
+        Object.defineProperty(this, "state", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        /** 展示状态 */
-        Object.defineProperty(this, "visible", {
+        // =============== private properties =================
+        Object.defineProperty(this, "data", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: false
-        });
-        /** 户型图大小 */
-        Object.defineProperty(this, "size", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: { width: 0, height: 0 }
+            value: void 0
         });
-        Object.defineProperty(this, "app", {
+        /** 展示户型图时，需要正确的状态 */
+        Object.defineProperty(this, "showState", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: undefined
+            value: void 0
         });
-        Object.defineProperty(this, "pxmm", {
+        /** show 动画的公共 Promise */
+        Object.defineProperty(this, "showPromise", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: 0
+            value: void 0
         });
-        Object.defineProperty(this, "five", {
+        Object.defineProperty(this, "app", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: undefined
         });
         Object.defineProperty(this, "panoIndex", {
             enumerable: true,
@@ -3564,85 +3913,118 @@ class ModelFloorplanPluginController {
             writable: true,
             value: 0
         });
-        Object.defineProperty(this, "configs", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        Object.defineProperty(this, "lastPanoramaLongitude", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
         Object.defineProperty(this, "selector", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "floorplanData", {
+        /** 公共 Promise 的 reject 方法 */
+        Object.defineProperty(this, "showRejection", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
+        /** 户型图父容器 */
         Object.defineProperty(this, "wrapper", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
+        /** 户型图主容器 */
         Object.defineProperty(this, "container", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: document.createElement('div')
         });
-        Object.defineProperty(this, "showState", {
+        /** 展示户型图图前，Five 的 Panorama Longitude */
+        Object.defineProperty(this, "lastPanoramaLongitude", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: 0
         });
-        /** 记录上次 show 的参数，如果不一致，需要 reject 掉正在进行的 showPromise */
-        Object.defineProperty(this, "ModelFloorplanPluginsShowOpts", {
+        /** 户型图大小 */
+        Object.defineProperty(this, "size", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: { width: 0, height: 0 }
         });
-        Object.defineProperty(this, "showPromise", {
+        /** 是否已经执行过事件监听 */
+        Object.defineProperty(this, "hasAddedEventListener", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: false
         });
-        Object.defineProperty(this, "showRejection", {
+        /** 上一次隐藏是否是用户调用了 hide 导致的 */
+        Object.defineProperty(this, "isHiddenByHideFunc", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: false
         });
+        /** 销毁插件 */
         Object.defineProperty(this, "dispose", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: () => {
                 var _a, _b;
-                const five = this.five;
-                this.hide();
+                this.removeEventListener();
                 (_a = this.app) === null || _a === void 0 ? void 0 : _a.$destroy();
+                this.app = undefined;
                 (_b = this.container) === null || _b === void 0 ? void 0 : _b.remove();
-                five.off('modelLoaded', this.handleModelLoaded);
-                five.off('modeChange', this.handleModeChange);
-                five.off('panGesture', this.handlePanGesture);
-                five.off('panoArrived', this.handlePanoArrived);
-                five.off('wantsChangeMode', this.handleWantsChangeMode);
-                five.off('wantsInteriaPan', this.handleWantsInteriaPan);
-                five.off('wantsTapGesture', this.handleWantsTapGesture);
-                five.off('modelShownFloorChange', this.onModelShownFloorChange);
+                this.data = undefined;
+                this.wrapper = undefined;
+                this.selector = undefined;
+                this.hooks.emit('dispose');
+            }
+        });
+        /** 展示户型图
+         * 1. show 函数大部分情况下需要耗时
+         * 2. 如果当前已经在展示中，将不会触发任何事件
+         * 3. 如果展示过程被中断，将抛出错误
+         * 4. 多次调用 show 方法，只会触发一次 showAnimationEnded 事件，但是展示结果会取决于最后一次调用参数
+         * 5. 如果多次调用 show 方法，参数与上次参数不一致时，上次 show Promise 会被 reject
+         * @param opts.floorIndex 楼层
+         * @param opts.modelOpacity 模型透明度
+         * @param opts.immediately 是否立即展示
+         * @param opts.isAutoShow 是否是自动展示
+         * @param opts.userAction 是否是用户行为
+         */
+        Object.defineProperty(this, "show", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async (options = {}) => {
+                if (!this.state.enabled)
+                    return;
+                // 已经展示完成了，不做任何操作
+                if (!this.showPromise && this.state.visible)
+                    return;
+                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: async (options = {}) => {
+                if (!this.state.enabled)
+                    return;
+                this.isHiddenByHideFunc = true;
+                if (this.state.visible === false)
+                    return;
+                this.updateState({ visible: false }, options.userAction || true);
+                this._hide(options);
             }
         });
         /** 更新户型图大小 */
@@ -3651,166 +4033,172 @@ class ModelFloorplanPluginController {
             configurable: true,
             writable: true,
             value: () => {
-                if (!this.floorplanData)
+                if (!this.data)
                     return;
                 if (!checkShowState(this.five, this.showState))
                     return;
                 if (!this.container || !this.wrapper)
                     return;
                 // 计算户型图展示大小
-                const { min, max } = this.floorplanData.bounding;
+                const { min, max } = this.data.bounding;
                 const width = max.x - min.x;
                 const height = max.y - min.y;
                 // 每毫米对应的 px 值
-                const options = this.configs.attachedTo ? { attachedTo: this.configs.attachedTo } : undefined;
+                const options = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : undefined;
                 const pxmm = getPxmm(this.five, this.wrapper, this.floorIndex, options);
                 const _width = Math.ceil(width * pxmm);
                 const _height = Math.ceil(height * pxmm);
                 if (this.size.width === _width && this.size.height === _height)
                     return;
-                this.pxmm = pxmm;
-                this.size = { width: _width, height: _height };
                 this.container.style.width = _width + 'px';
                 this.container.style.height = _height + 'px';
+                this.size = { width: _width, height: _height };
             }
         });
-        /** 展示户型图
-         * 1. show 函数大部分情况下需要耗时
-         * 2. 如果当前已经在展示中，将不会触发任何事件
-         * 3. 如果展示过程被中断，将抛出错误
-         * 4. 多次调用 show 方法，只会触发一次 showAnimationEnded 事件，但是展示结果会取决于最后一次调用参数
-         * 5. 如果多次调用 show 方法，参数与上次参数不一致时，上次 show Promise 会被 reject
-         * @param opts.floorIndex 楼层
-         * @param opts.modelOpacity 模型透明度
-         * @param opts.immediately 是否立即展示
-         * @param opts.isAutoShow 是否是自动展示
-         */
-        Object.defineProperty(this, "show", {
+        Object.defineProperty(this, "_disable", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: async (opts) => {
-                var _a, _b;
-                // 已经在展示中了
-                if (!this.showPromise && this.visible)
-                    return true;
+            value: (options) => {
+                var _a, _b, _c;
+                const { userAction } = options;
+                this.hooks.emit('disable', { userAction });
+                // ===== 处理展示过程中 disable =====
+                (_a = this.showRejection) === null || _a === void 0 ? void 0 : _a.call(this, FloorplanErrorType.BreakOffByDisable);
+                this.showPromise = undefined;
+                (_b = this.app) === null || _b === void 0 ? void 0 : _b.$destroy();
+                this.app = undefined;
+                (_c = this.container) === null || _c === void 0 ? void 0 : _c.remove();
+                this.removeEventListener();
+            }
+        });
+        Object.defineProperty(this, "_enable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (options) => {
+                const { userAction } = options;
+                this.addEventListener();
+                if (!this.wrapper)
+                    return;
+                this.wrapper.append(this.container);
+                this.hooks.emit('enable', { userAction });
+                if (this.state.visible)
+                    this._show({ userAction });
+            }
+        });
+        Object.defineProperty(this, "_show", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async (options) => {
+                var _a;
+                if (!this.state.enabled)
+                    return;
                 if (!((_a = this.five.model) === null || _a === void 0 ? void 0 : _a.loaded))
                     throw new Error(FloorplanErrorType.ModelNotLoaded);
-                if (!this.floorplanData)
+                if (!this.data)
                     throw new Error(FloorplanErrorType.DataNotLoaded);
-                this.visible = true;
-                if (this.showPromise) {
-                    const sameWithLastOpts = equal(opts, this.ModelFloorplanPluginsShowOpts, { deep: false });
-                    if (!!this.showPromise && sameWithLastOpts)
-                        return this.showPromise;
-                    if (!!this.showPromise && !sameWithLastOpts)
-                        (_b = this.showRejection) === null || _b === void 0 ? void 0 : _b.call(this, FloorplanErrorType.DifferentShowParams);
-                }
-                this.ModelFloorplanPluginsShowOpts = opts;
+                this.isHiddenByHideFunc = false;
+                // ===== 参数合并 =====
+                const baseShowOpts = {
+                    floorIndex: this.floorIndex,
+                    modelOpacity: this.state.config.modelOpacity,
+                    immediately: false,
+                    isAutoShow: false,
+                    userAction: true,
+                };
+                const mergedOptions = Object.assign(Object.assign({}, baseShowOpts), options);
                 const getShowPromise = async () => {
-                    var _a, _b;
+                    this.hooks.emit('show', { userAction: mergedOptions.userAction, auto: mergedOptions.isAutoShow });
                     let hasRejected = false;
                     let externalErrorMsg;
                     this.showRejection = (errorMsg) => {
                         hasRejected = true;
                         externalErrorMsg = errorMsg;
                     };
-                    const [correctError] = await to(correctFiveState(this.five, this.showState, opts === null || opts === void 0 ? void 0 : opts.userAction));
+                    const [correctError] = await to(correctFiveState(this.five, this.showState, mergedOptions.userAction));
                     if (correctError)
                         throw correctError;
-                    // 异步结束要判断当前是不是被中断了，是不是调用了隐藏
+                    // 异步结束要判断当前是不是被中断了
                     if (hasRejected)
                         throw externalErrorMsg ? new Error(externalErrorMsg) : new Error(FloorplanErrorType.UnknownError);
-                    if (!this.visible)
-                        throw new Error(FloorplanErrorType.UnknownError);
-                    // 更新户型图状态
-                    this.visible = true;
                     // 更新户型图大小
                     this.updateSize();
                     // 高亮当前楼层，有两个目的
                     // 1. 点击模型时，可以跳转到当前楼层的点位上
                     // 2. 当前楼层比较小时，户型图也比较小，如果展示全部楼层，会展示户型图外有一圈模型
-                    if (opts === null || opts === void 0 ? void 0 : opts.floorIndex)
-                        this.floorIndex = opts.floorIndex;
+                    this.floorIndex = mergedOptions.floorIndex;
                     this.five.model.show(this.floorIndex);
                     // 模型消失, 渲染户型图
-                    const modelOpacity = (_b = (_a = opts === null || opts === void 0 ? void 0 : opts.modelOpacity) !== null && _a !== void 0 ? _a : this.configs.modelOpacity) !== null && _b !== void 0 ? _b : 1;
-                    const renderDuration = (opts === null || opts === void 0 ? void 0 : opts.immediately) ? 0 : SHOW_ANIME_DURATION;
+                    const modelOpacity = mergedOptions.modelOpacity;
+                    const renderDuration = mergedOptions.immediately ? 0 : SHOW_ANIME_DURATION;
                     changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
                     this.render(renderDuration);
-                    // 展示之后的事件监听
-                    this.five.on('wantsGesture', this.handleWantsGesture);
-                    this.five.on('wantsTapGesture', this.handleWantsTapGesture);
-                    return true;
                 };
-                const showPromise = getShowPromise()
+                this.showPromise = getShowPromise()
                     .then(() => {
-                    var _a;
-                    this.hooks.emit('showAnimationEnded', { auto: !!(opts === null || opts === void 0 ? void 0 : opts.isAutoShow), userAction: (_a = opts === null || opts === void 0 ? void 0 : opts.userAction) !== null && _a !== void 0 ? _a : true });
-                    return true;
+                    this.hooks.emit('showAnimationEnded', {
+                        auto: mergedOptions.isAutoShow,
+                        userAction: mergedOptions.userAction,
+                    });
                 })
                     .catch((error) => {
+                    this.updateState({ visible: false }, mergedOptions.userAction);
                     // 自动展示的报错内部处理
-                    if (opts === null || opts === void 0 ? void 0 : opts.isAutoShow)
-                        return false;
-                    if (!(error instanceof Error))
-                        return false;
+                    if (mergedOptions.isAutoShow)
+                        return;
                     // 非自动展示的报错继续向外抛出
-                    throw error;
+                    if (error instanceof Error)
+                        throw error;
                 })
                     .finally(() => {
                     this.showPromise = undefined;
                     this.showRejection = undefined;
                 });
-                this.showPromise = showPromise;
-                return showPromise;
+                return this.showPromise;
             }
         });
-        /** 隐藏户型图 */
-        Object.defineProperty(this, "hide", {
+        Object.defineProperty(this, "_hide", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: (options) => {
-                var _a, _b;
-                if (this.size.width === 0)
-                    return true;
-                if (this.visible === false)
-                    return true;
-                const isAutoHide = !!(options === null || options === void 0 ? void 0 : options.isAutoHide);
-                this.five.off('wantsGesture', this.handleWantsGesture);
-                this.five.off('wantsTapGesture', this.handleWantsTapGesture);
-                this.visible = false;
+                var _a;
+                // ===== 处理展示过程中 hide =====
                 (_a = this.showRejection) === null || _a === void 0 ? void 0 : _a.call(this, FloorplanErrorType.BreakOffByHide);
+                this.showPromise = undefined;
+                // ===== 合并参数 =====
+                const baseOptions = {
+                    userAction: true,
+                    isAutoHide: false,
+                };
+                const mergedOptions = Object.assign(Object.assign({}, baseOptions), options);
                 changeModelCanvasOpacity(this.five, 1, 0);
+                this.hooks.emit('hide', { auto: mergedOptions.isAutoHide, userAction: mergedOptions.userAction });
                 this.render();
-                this.hooks.emit('hide', { auto: isAutoHide, userAction: (_b = options === null || options === void 0 ? void 0 : options.userAction) !== null && _b !== void 0 ? _b : true });
-                return true;
             }
         });
-        /** 模型楼层高亮改变时，自动进行楼层切换 */
-        Object.defineProperty(this, "onModelShownFloorChange", {
+        Object.defineProperty(this, "handleClick", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (shownFloor) => {
-                if (this.floorIndex === shownFloor)
-                    return;
-                if (shownFloor === null) {
-                    const panoIndex = this.five.getCurrentState().panoIndex;
-                    this.floorIndex = this.five.work.observers[panoIndex].floorIndex;
+            value: () => {
+                if (!this.state.visible)
                     return;
-                }
-                this.floorIndex = shownFloor;
-                this.updateSize();
-                this.render();
+                const preventDefault = this.hooks.emit('click');
+                if (preventDefault)
+                    return false;
             }
         });
-        Object.defineProperty(this, "handleModelLoaded", {
+        /** modelLoaded 之后自动执行 append container 操作  */
+        Object.defineProperty(this, "onFiveModelLoaded", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: () => {
+                if (this.state.enabled === false)
+                    return;
                 if (this.wrapper)
                     return;
                 if (!this.selector)
@@ -3822,54 +4210,45 @@ class ModelFloorplanPluginController {
                 wrapper.append(this.container);
             }
         });
-        Object.defineProperty(this, "handleClick", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (!this.visible)
-                    return;
-                const prevented = this.hooks.emit('click');
-                if (prevented)
-                    return false;
-            }
-        });
-        Object.defineProperty(this, "handleWantsTapGesture", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => this.handleClick()
-        });
-        /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
-        Object.defineProperty(this, "handleWantsChangeMode", {
+        /** 更改模型时，自动隐藏户型图 */
+        Object.defineProperty(this, "onFiveModeChange", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: (mode) => {
-                if (mode !== 'Panorama') {
-                    this.lastPanoramaLongitude = this.five.getCurrentState().longitude;
+                // 目前 Five modeChange 事件没有暴露 userAction，先拿 false 苟着
+                if (mode !== this.showState.mode) {
+                    this.updateState({ visible: false }, false);
+                    this._hide({ userAction: false });
                 }
-                if (mode !== 'Floorplan')
-                    this.hide();
             }
         });
-        /** 监听模型态变化，只有在模型态才进行手势动作监听 */
-        Object.defineProperty(this, "handleModeChange", {
+        /** 惯性结束后，判断能否自动展示户型图 */
+        Object.defineProperty(this, "onFiveInteriaPan", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (mode) => {
-                if (mode === 'Floorplan') {
-                    this.five.on('panGesture', this.handlePanGesture);
-                }
-                else {
-                    this.hide();
-                    this.five.off('panGesture', this.handlePanGesture);
+            value: (_, isFinal) => {
+                if (!isFinal)
+                    return;
+                if (this.state.config.autoShowEnable === false)
+                    return;
+                // 如果用户调用 hide 方法手动隐藏户型图，则不允许自动展示
+                if (this.isHiddenByHideFunc)
+                    return;
+                const fiveCurrentState = this.five.getCurrentState();
+                if (fiveCurrentState.mode !== 'Floorplan')
+                    return;
+                if (this.state.visible)
+                    return;
+                if (shouldFloorplanShowWithPose(fiveCurrentState)) {
+                    this.updateState({ visible: true }, true);
+                    this._show({ isAutoShow: true });
                 }
             }
         });
         /** panoIndex 改变时，更新 floorIndex */
-        Object.defineProperty(this, "handlePanoArrived", {
+        Object.defineProperty(this, "onFivePanoArrived", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -3881,155 +4260,266 @@ class ModelFloorplanPluginController {
                 this.floorIndex = this.five.work.observers[index].floorIndex;
             }
         });
-        /** 当户型图正在展示中的时候禁用惯性 */
-        Object.defineProperty(this, "handleWantsInteriaPan", {
+        /** cameraUpdate 时判断户型图是否应该自动隐藏 */
+        Object.defineProperty(this, "onFiveCameraUpdate", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: () => {
-                if (this.visible)
-                    return false;
+            value: (_, userAction) => {
+                if (!this.state.visible)
+                    return;
+                // 展示过程中不处理自动隐藏逻辑
+                if (this.showPromise)
+                    return;
+                const fiveCurrentState = this.five.getCurrentState();
+                if (shouldFloorplanHideWithPose(fiveCurrentState)) {
+                    this.updateState({ visible: false }, userAction);
+                    this._hide({ userAction });
+                }
             }
         });
         /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
-        Object.defineProperty(this, "handleWantsGesture", {
+        Object.defineProperty(this, "onFiveWantsGesture", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: (type, pointers) => {
-                if (!this.visible)
+                if (!this.state.visible)
                     return;
+                // 阻止多指操作
                 if (pointers.length > 1)
                     return false;
+                // 阻止鼠标滚轮行为
                 if (type === 'mouseWheel')
                     return false;
             }
         });
-        /** 监听三维模型滑动
-         * 1. 在三维模型转动结束时，如果达到设置的阈值，会自动切换到户型图
-         * 2. 如何户型图已经展示，滑动时关闭户型图
-         */
-        Object.defineProperty(this, "handlePanGesture", {
+        /** 户型图展示中，转动三维模型，结束时应该自动修复模型状态 */
+        Object.defineProperty(this, "onFiveWantsPanGesture", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: async ({ latitude, longitude }, isFinal) => {
+            value: (_, isFinal) => {
                 if (this.five.getCurrentState().mode !== 'Floorplan')
                     return;
-                if (this.configs.autoShowEnable === false)
+                if (this.state.config.autoShowEnable === false)
                     return;
-                // 如果操作结束后，户型图还在展示中，初始化模型状态
-                if (isFinal && this.visible)
-                    return this.five.setState(this.showState, true);
-                // 满足消失的条件：
-                // 水平旋转角大于正负 5 度 || 俯仰角度大于 5 度
-                const latitudeHide = Math.abs(latitude - Math.PI / 2) > (5 * Math.PI) / 180;
-                const longitudeHide = longitude > 5 * (Math.PI / 180) && longitude < 355 * (Math.PI / 180);
-                const canHide = latitudeHide || longitudeHide;
-                if (this.visible && canHide)
-                    return this.hide({ isAutoHide: true });
-                if (this.five.camera.fov / FIVE_CAMERA_DEFAULT_FOV < 0.8)
+                if (isFinal && this.state.visible) {
+                    this.five.updateCamera(this.showState, 0);
+                    // 禁用掉 isFinal 的 panGesture 行为
+                    // 因为 panGesture 中包含对相机的处理，会跟回调事件中的处理逻辑冲突
+                    // 此行为也会禁用 pan 结束后的惯性处理
+                    return false;
+                }
+            }
+        });
+        /** 阻止点击分间走点 */
+        Object.defineProperty(this, "onFiveWantsTapGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.handleClick()
+        });
+        /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
+        Object.defineProperty(this, "onFiveWantsChangeMode", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode, prevMode) => {
+                if (prevMode === 'Panorama' && mode === 'Floorplan') {
+                    this.lastPanoramaLongitude = this.five.getCurrentState().longitude;
+                }
+                // if (mode !== 'Floorplan') this.hide()
+            }
+        });
+        /** 模型楼层高亮改变时，自动进行楼层切换 */
+        Object.defineProperty(this, "onModelShownFloorChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (shownFloor) => {
+                if (this.floorIndex === shownFloor)
                     return;
-                // 户型图展示条件：
-                // 水平旋转角正负 30 度 && 俯仰角度小于 10 度
-                const latitudeVisible = Math.abs(latitude - Math.PI / 2) < (10 * Math.PI) / 180;
-                const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
-                if (isFinal && !this.visible && latitudeVisible && longitudeVisible) {
-                    // 当手指离开时需要等惯性结束之后在进行判断
-                    const handleInteriaPan = async (any, isFinal) => {
-                        if (!isFinal)
-                            return;
-                        this.five.off('interiaPan', handleInteriaPan);
-                        await this.show({ isAutoShow: true });
-                    };
-                    this.five.on('interiaPan', handleInteriaPan);
+                if (shownFloor === null) {
+                    const panoIndex = this.five.getCurrentState().panoIndex;
+                    this.floorIndex = this.five.work.observers[panoIndex].floorIndex;
                     return;
                 }
+                this.floorIndex = shownFloor;
+                this.updateSize();
+                this.render();
             }
         });
-        this.five = five$1;
-        this.hooks = new five.Subscribe();
-        this.selector = params.selector;
-        this.configs = omit(params, ['selector']);
-        this.showState = { longitude: 0, latitude: Math.PI / 2, fov: FIVE_CAMERA_DEFAULT_FOV / ((_a = params === null || params === void 0 ? void 0 : params.scale) !== null && _a !== void 0 ? _a : 1) };
-        // 设置 container 样式
-        this.container.classList.add('floorplan-plugin');
-        Object.assign(this.container.style, {
-            position: 'absolute',
-            left: '50%',
-            top: '50%',
-            transform: 'translate(-50%, -50%)',
-            zIndex: 10,
-            pointerEvents: 'none'
-        });
-        this.five.addExtraElement(this.container);
+        if (params === null || params === void 0 ? void 0 : params.selector) {
+            this.selector = params.selector;
+            console.warn('不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法');
+        }
+        // =============== init Show State ===============
+        this.showState = {
+            mode: 'Floorplan',
+            longitude: 0,
+            latitude: Math.PI / 2,
+            fov: FIVE_CAMERA_DEFAULT_FOV / ((_a = params === null || params === void 0 ? void 0 : params.scale) !== null && _a !== void 0 ? _a : 1),
+        };
+        // =============== init State ===============
+        const baseConfig = {
+            northDesc: '北',
+            modelOpacity: 1,
+            hoverEnable: true,
+            compassEnable: true,
+            autoShowEnable: true,
+            ruleLabelsEnable: true,
+            roomLabelsEnable: true,
+            cameraImageUrl: CAMERA_IMAGE,
+            attachedTo: FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER,
+            getLabelElement: undefined,
+            adaptiveRoomLabelVisibleEnable: true,
+        };
+        const paramsConfig = params ? omit(params, ['selector', 'scale']) : {};
+        const config = Object.assign(Object.assign({}, baseConfig), paramsConfig);
+        this.state = {
+            enabled: true,
+            visible: false,
+            config,
+        };
+        // =============== init Container ===============
+        this.initContainer();
+        // =============== init Listener ===============
+        // 注意插件声明周期内只监听一次的事件不放在 addEventListener 里面
         // 如果初始化的时候模型已经加载完毕了，就不用再等 modelLoaded
-        this.five.model.loaded ? this.handleModelLoaded() : five$1.once('modelLoaded', this.handleModelLoaded);
-        five$1.once('dispose', this.dispose);
-        five$1.on('modeChange', this.handleModeChange);
-        five$1.on('panoArrived', this.handlePanoArrived);
-        five$1.on('wantsChangeMode', this.handleWantsChangeMode);
-        five$1.on('wantsInteriaPan', this.handleWantsInteriaPan);
-        five$1.on('modelShownFloorChange', this.onModelShownFloorChange);
+        five.model.loaded ? this.onFiveModelLoaded() : five.once('modelLoaded', this.onFiveModelLoaded);
+        five.once('dispose', this.dispose);
+        this.addEventListener();
     }
-    /** 加载户型图数据 */
-    async load(data) {
-        const copyData = JSON.parse(JSON.stringify(data));
-        this.floorplanData = await formatData(copyData);
+    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) {
         this.wrapper = wrapper;
+        // 插件 disabled 时，只是不执行副作用，但是 wrapper 还是要赋值的，不然 enable 的时候找不到父容器
+        if (!this.state.enabled)
+            return;
         wrapper.appendChild(this.container);
+        this.render();
         return this;
     }
-    /** 更改户型图楼层 */
-    changeFloor(floorIndex) {
-        this.five.model.show(floorIndex);
+    /** 启用插件 */
+    enable(options = {}) {
+        if (this.state.enabled)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ enabled: true }, options.userAction || userAction);
+        this._enable({ userAction });
     }
-    changeConfigs(params) {
-        Object.assign(this.configs, params);
-        if (!this.container)
+    /** 禁用插件 */
+    disable(options = {}) {
+        if (!this.state.enabled)
             return;
-        this.render();
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ enabled: false }, options.userAction || userAction);
+        this._disable({ userAction });
+    }
+    /** 更改插件 State */
+    setState(state, options = {}) {
+        const prevState = this.state;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState(state, userAction);
+        if (state.enabled !== undefined && prevState.enabled !== state.enabled) {
+            state.enabled ? this._enable({ userAction }) : this._disable({ userAction });
+        }
+        if (state.visible !== undefined && prevState.visible !== state.visible) {
+            const options = { userAction };
+            state.visible ? this._show(options) : this._hide(options);
+        }
+    }
+    async formatData(serverData) {
+        return await formatData(serverData.data);
+    }
+    updateState(state, userAction) {
+        const prevState = this.state;
+        this.state = Object.assign(Object.assign({}, this.state), state);
+        if (equal(this.state, prevState, { deep: true }))
+            return;
+        this.hooks.emit('stateChange', { state: this.state, prevState, userAction });
+    }
+    /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
+     *
+     * - TODO: 等 selector 功能下掉之后删除这个逻辑
+     */
+    initContainer() {
+        this.container.classList.add('floorplan-plugin');
+        Object.assign(this.container.style, {
+            position: 'absolute',
+            left: '50%',
+            top: '50%',
+            transform: 'translate(-50%, -50%)',
+            zIndex: 10,
+            pointerEvents: 'none',
+        });
+        this.five.addExtraElement(this.container);
+    }
+    addEventListener() {
+        if (!this.state.enabled)
+            return;
+        if (this.hasAddedEventListener)
+            return;
+        const five = this.five;
+        five.on('modeChange', this.onFiveModeChange);
+        five.on('interiaPan', this.onFiveInteriaPan);
+        five.on('panoArrived', this.onFivePanoArrived);
+        five.on('cameraUpdate', this.onFiveCameraUpdate);
+        five.on('wantsGesture', this.onFiveWantsGesture);
+        five.on('wantsPanGesture', this.onFiveWantsPanGesture);
+        five.on('wantsTapGesture', this.onFiveWantsTapGesture);
+        five.on('wantsChangeMode', this.onFiveWantsChangeMode);
+        five.on('modelShownFloorChange', this.onModelShownFloorChange);
+    }
+    removeEventListener() {
+        const five = this.five;
+        this.hasAddedEventListener = false;
+        // 注意这里并没有消除 dispose 的监听
+        five.off('modelLoaded', this.onFiveModelLoaded);
+        five.off('modeChange', this.onFiveModeChange);
+        five.off('interiaPan', this.onFiveInteriaPan);
+        five.off('panoArrived', this.onFivePanoArrived);
+        five.off('cameraUpdate', this.onFiveCameraUpdate);
+        five.off('wantsGesture', this.onFiveWantsGesture);
+        five.off('wantsPanGesture', this.onFiveWantsPanGesture);
+        five.off('wantsTapGesture', this.onFiveWantsTapGesture);
+        five.off('wantsChangeMode', this.onFiveWantsChangeMode);
+        five.off('modelShownFloorChange', this.onModelShownFloorChange);
     }
     render(duration) {
-        if (!this.container || !this.floorplanData)
+        if (!this.state.enabled)
+            return;
+        if (!this.container || !this.data)
             return;
         if (this.size.width === 0)
             return;
-        const { northDesc, hoverEnable, cameraImageUrl, getLabelElement, roomLabelsEnable, compassEnable, ruleLabelsEnable } = this.configs;
-        const props = {
-            cameraImageUrl,
-            getLabelElement,
-            northDesc: northDesc !== null && northDesc !== void 0 ? northDesc : '北',
-            visible: this.visible,
-            duration: duration !== null && duration !== void 0 ? duration : 0,
-            panoIndex: this.panoIndex,
-            floorIndex: this.floorIndex,
-            floorplanData: this.floorplanData,
-            hoverEnable: hoverEnable !== null && hoverEnable !== void 0 ? hoverEnable : false,
-            compassEnable: compassEnable !== null && compassEnable !== void 0 ? compassEnable : true,
-            ruleLabelsEnable: ruleLabelsEnable !== null && ruleLabelsEnable !== void 0 ? ruleLabelsEnable : true,
-            roomLabelsEnable: roomLabelsEnable !== null && roomLabelsEnable !== void 0 ? roomLabelsEnable : true,
-            lastPanoramaLongitude: this.lastPanoramaLongitude,
-        };
-        if (!this.app) {
-            this.app = new Main({
-                target: this.container,
-                intro: true,
-                props,
-            });
-        }
-        else {
-            this.app.$set(props);
-        }
+        const props = Object.assign(Object.assign({}, this.state.config), { visible: this.state.visible, duration: duration !== null && duration !== void 0 ? duration : 0, panoIndex: this.panoIndex, floorIndex: this.floorIndex, floorplanData: this.data, lastPanoramaLongitude: this.lastPanoramaLongitude });
+        if (this.app)
+            return this.app.$set(props);
+        this.app = new Main({ target: this.container, intro: true, props });
     }
 }
 
 const ModelFloorplanPlugin = (five, params) => {
-    return new ModelFloorplanPluginController(five, params);
+    return new Controller(five, params);
 };
 
 exports.ModelFloorplanPlugin = ModelFloorplanPlugin;