@realsee/dnalogel 2.2.0-alpha.1 → 2.2.1

package/libs/floorplan/Components/RoomLabels/RoomLabel.js

@@ -1,322 +1,153 @@
-/* generated by Svelte v3.50.1 */
-import {
-	HtmlTag,
-	SvelteComponent,
-	append,
-	append_styles,
-	attr,
-	binding_callbacks,
-	detach,
-	element,
-	empty,
-	init,
-	insert,
-	noop,
-	safe_not_equal,
-	set_data,
-	set_style,
-	space,
-	text
-} from "svelte/internal";
-
-import { onMount } from 'svelte';
-
-function add_css(target) {
-	append_styles(target, "svelte-12pzct5", ".floorplan-plugin__room-label-item.svelte-12pzct5{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:1;color:#fff;transform:translate(-50%, -50%);white-space:nowrap;will-change:opacity;transition:opacity 300ms}.floorplan-plugin__room-size.svelte-12pzct5{opacity:0.45}");
+import { SvelteComponent as O, init as Q, safe_not_equal as Z, append_styles as $, element as k, attr as C, set_style as _, insert as p, noop as E, detach as g, binding_callbacks as ee, HtmlTag as te, empty as oe, text as V, space as ne, append as A, set_data as j } from "svelte/internal";
+import { onMount as ie } from "svelte";
+function le(i) {
+  $(i, "svelte-12pzct5", ".floorplan-plugin__room-label-item.svelte-12pzct5{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:1;color:#fff;transform:translate(-50%, -50%);white-space:nowrap;will-change:opacity;transition:opacity 300ms}.floorplan-plugin__room-size.svelte-12pzct5{opacity:0.45}");
 }
-
-// (95:30) 
-function create_if_block_1(ctx) {
-	let html_tag;
-	let raw_value = /*userConfigElement*/ ctx[4].outerHTML + "";
-	let html_anchor;
-
-	return {
-		c() {
-			html_tag = new HtmlTag(false);
-			html_anchor = empty();
-			html_tag.a = html_anchor;
-		},
-		m(target, anchor) {
-			html_tag.m(raw_value, target, anchor);
-			insert(target, html_anchor, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*userConfigElement*/ 16 && raw_value !== (raw_value = /*userConfigElement*/ ctx[4].outerHTML + "")) html_tag.p(raw_value);
-		},
-		d(detaching) {
-			if (detaching) detach(html_anchor);
-			if (detaching) html_tag.d();
-		}
-	};
+function se(i) {
+  let e, n = i[4].outerHTML + "", l;
+  return {
+    c() {
+      e = new te(!1), l = oe(), e.a = l;
+    },
+    m(t, o) {
+      e.m(n, t, o), p(t, l, o);
+    },
+    p(t, o) {
+      o & 16 && n !== (n = t[4].outerHTML + "") && e.p(n);
+    },
+    d(t) {
+      t && g(l), t && e.d();
+    }
+  };
 }
-
-// (89:2) {#if getLabelElement === undefined}
-function create_if_block(ctx) {
-	let span0;
-	let t0_value = /*room*/ ctx[0].name + "";
-	let t0;
-	let t1;
-	let span1;
-
-	return {
-		c() {
-			span0 = element("span");
-			t0 = text(t0_value);
-			t1 = space();
-			span1 = element("span");
-			span1.textContent = `${/*roomSizeDes*/ ctx[5]}`;
-			attr(span0, "class", "floorplan-plugin__room-name");
-			attr(span1, "class", "floorplan-plugin__room-size svelte-12pzct5");
-		},
-		m(target, anchor) {
-			insert(target, span0, anchor);
-			append(span0, t0);
-			insert(target, t1, anchor);
-			insert(target, span1, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*room*/ 1 && t0_value !== (t0_value = /*room*/ ctx[0].name + "")) set_data(t0, t0_value);
-		},
-		d(detaching) {
-			if (detaching) detach(span0);
-			if (detaching) detach(t1);
-			if (detaching) detach(span1);
-		}
-	};
+function fe(i) {
+  let e, n = i[0].name + "", l, t, o, c;
+  return {
+    c() {
+      e = k("span"), l = V(n), t = ne(), o = k("span"), c = V(i[5]), C(e, "class", "floorplan-plugin__room-name"), C(o, "class", "floorplan-plugin__room-size svelte-12pzct5");
+    },
+    m(a, f) {
+      p(a, e, f), A(e, l), p(a, t, f), p(a, o, f), A(o, c);
+    },
+    p(a, f) {
+      f & 1 && n !== (n = a[0].name + "") && j(l, n), f & 32 && j(c, a[5]);
+    },
+    d(a) {
+      a && g(e), a && g(t), a && g(o);
+    }
+  };
 }
-
-function create_fragment(ctx) {
-	let div;
-
-	function select_block_type(ctx, dirty) {
-		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block;
-		if (/*userConfigElement*/ ctx[4]) return create_if_block_1;
-	}
-
-	let current_block_type = select_block_type(ctx, -1);
-	let if_block = current_block_type && current_block_type(ctx);
-
-	return {
-		c() {
-			div = element("div");
-			if (if_block) if_block.c();
-			attr(div, "class", "floorplan-plugin__room-label-item svelte-12pzct5");
-			set_style(div, "left", /*left*/ ctx[6], false);
-			set_style(div, "top", /*top*/ ctx[7], false);
-			set_style(div, "font-size", /*fontSize*/ ctx[8], false);
-			set_style(div, "opacity", /*labelVisible*/ ctx[3] ? '1' : '0', false);
-		},
-		m(target, anchor) {
-			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, dirty)) && if_block) {
-				if_block.p(ctx, dirty);
-			} else {
-				if (if_block) if_block.d(1);
-				if_block = current_block_type && current_block_type(ctx);
-
-				if (if_block) {
-					if_block.c();
-					if_block.m(div, null);
-				}
-			}
-
-			if (dirty & /*labelVisible*/ 8) {
-				set_style(div, "opacity", /*labelVisible*/ ctx[3] ? '1' : '0', false);
-			}
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(div);
-
-			if (if_block) {
-				if_block.d();
-			}
-
-			/*div_binding*/ ctx[15](null);
-		}
-	};
+function ae(i) {
+  let e;
+  function n(o, c) {
+    if (o[1] === void 0)
+      return fe;
+    if (o[4])
+      return se;
+  }
+  let l = n(i), t = l && l(i);
+  return {
+    c() {
+      e = k("div"), t && t.c(), C(e, "class", "floorplan-plugin__room-label-item svelte-12pzct5"), _(e, "left", i[6], !1), _(e, "top", i[7], !1), _(e, "font-size", i[8], !1), _(e, "opacity", i[3] ? "1" : "0", !1);
+    },
+    m(o, c) {
+      p(o, e, c), t && t.m(e, null), i[16](e);
+    },
+    p(o, [c]) {
+      l === (l = n(o)) && t ? t.p(o, c) : (t && t.d(1), t = l && l(o), t && (t.c(), t.m(e, null))), c & 8 && _(e, "opacity", o[3] ? "1" : "0", !1);
+    },
+    i: E,
+    o: E,
+    d(o) {
+      o && g(e), t && t.d(), i[16](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 ce(i, e) {
+  const n = i[0], l = i[1];
+  let t = !1;
+  for (let o = 0, c = e.length - 1; o < e.length; c = o++) {
+    const a = e[o][0], f = e[o][1], h = e[c][0], r = e[c][1];
+    f > l != r > l && n < (h - a) * (l - f) / (r - f) + a && (t = !t);
+  }
+  return t;
 }
-
-function instance($$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);
-	});
-
-	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) {
-		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(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,
-		labelElement,
-		labelVisible,
-		userConfigElement,
-		roomSizeDes,
-		left,
-		top,
-		fontSize,
-		pxmm,
-		hoveredRoom,
-		adaptiveRoomLabelVisibleEnable,
-		isHoverd,
-		labelElementSize,
-		isLabelInRoom,
-		div_binding
-	];
+function re(i, e, n) {
+  let l, t, o, c, { pxmm: a } = e, { room: f } = e, { hoveredRoom: h } = e, { getRoomAreaText: r } = e, { getLabelElement: m } = e, { adaptiveRoomLabelVisibleEnable: v } = e;
+  function M(s, b) {
+    if (b.width === 0 || b.height === 0)
+      return () => !1;
+    const X = s.path.map(({ x: P, y: d }) => [P, d]), Y = s.roomLabel.position, { x: B, y: F } = Y, { width: G, height: J } = b, R = G / 2, L = J / 2;
+    return function(d) {
+      const z = B * d, w = F * d, K = X.map(([T, N]) => [T * d, N * d]);
+      return [
+        [z + R, w - L],
+        [z - R, w - L],
+        [z - R, w + L],
+        [z + R, w + L]
+      ].every((T) => ce(T, K));
+    };
+  }
+  const W = document.body.clientWidth, x = document.body.clientHeight, I = f.roomLabel, D = I.positionInImage.x * 100 + "%", S = I.positionInImage.y * 100 + "%", q = (W < 500 || x < 500 ? 10 : 14) / 16 + "rem";
+  let H = !1, u, y;
+  h.subscribe(function(b) {
+    n(13, H = !!b && b.id === f.id);
+  }), ie(() => {
+    const s = u == null ? void 0 : u.getClientRects()[0];
+    n(14, y = {
+      width: s.width,
+      height: s.height
+    });
+  });
+  function U(s) {
+    ee[s ? "unshift" : "push"](() => {
+      u = s, n(2, u);
+    });
+  }
+  return i.$$set = (s) => {
+    "pxmm" in s && n(9, a = s.pxmm), "room" in s && n(0, f = s.room), "hoveredRoom" in s && n(10, h = s.hoveredRoom), "getRoomAreaText" in s && n(11, r = s.getRoomAreaText), "getLabelElement" in s && n(1, m = s.getLabelElement), "adaptiveRoomLabelVisibleEnable" in s && n(12, v = s.adaptiveRoomLabelVisibleEnable);
+  }, i.$$.update = () => {
+    i.$$.dirty & 2049 && n(5, l = f.size ? r(f.size) : ""), i.$$.dirty & 16385 && n(15, t = y ? M(f, y) : void 0), i.$$.dirty & 3 && n(4, o = m == null ? void 0 : m(f)), i.$$.dirty & 45568 && n(3, c = v ? H ? !0 : !!(t != null && t(a)) : !0);
+  }, [
+    f,
+    m,
+    u,
+    c,
+    o,
+    l,
+    D,
+    S,
+    q,
+    a,
+    h,
+    r,
+    v,
+    H,
+    y,
+    t,
+    U
+  ];
 }
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(
-			this,
-			options,
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				pxmm: 9,
-				room: 0,
-				hoveredRoom: 10,
-				getLabelElement: 1,
-				adaptiveRoomLabelVisibleEnable: 11
-			},
-			add_css
-		);
-	}
+class de extends O {
+  constructor(e) {
+    super(), Q(
+      this,
+      e,
+      re,
+      ae,
+      Z,
+      {
+        pxmm: 9,
+        room: 0,
+        hoveredRoom: 10,
+        getRoomAreaText: 11,
+        getLabelElement: 1,
+        adaptiveRoomLabelVisibleEnable: 12
+      },
+      le
+    );
+  }
 }
-
-export default Component;
+export {
+  de as default
+};