@realsee/dnalogel 2.0.2 → 2.0.4-dev.1

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

@@ -1,333 +1,152 @@
-/* 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 { S as O, i as Q, s as Z, a as $, e as I, b as T, q as _, c as g, n as P, g as p, F as ee, G as te, H as oe, r as ne, u as V, o as ie, p as A, v as j } from "../../../index.d6d7690a.js";
+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}");
 }
-
-// (96: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 oe(!1), l = ne(), e.a = l;
+    },
+    m(t, o) {
+      e.m(n, t, o), g(t, l, o);
+    },
+    p(t, o) {
+      o & 16 && n !== (n = t[4].outerHTML + "") && e.p(n);
+    },
+    d(t) {
+      t && p(l), t && e.d();
+    }
+  };
 }
-
-// (90:2) {#if getLabelElement === undefined}
-function create_if_block(ctx) {
-	let span0;
-	let t0_value = /*room*/ ctx[0].name + "";
-	let t0;
-	let t1;
-	let span1;
-	let t2;
-
-	return {
-		c() {
-			span0 = element("span");
-			t0 = text(t0_value);
-			t1 = space();
-			span1 = element("span");
-			t2 = text(/*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);
-			append(span1, t2);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*room*/ 1 && t0_value !== (t0_value = /*room*/ ctx[0].name + "")) set_data(t0, t0_value);
-			if (dirty & /*roomSizeDes*/ 32) set_data(t2, /*roomSizeDes*/ ctx[5]);
-		},
-		d(detaching) {
-			if (detaching) detach(span0);
-			if (detaching) detach(t1);
-			if (detaching) detach(span1);
-		}
-	};
+function ae(i) {
+  let e, n = i[0].name + "", l, t, o, f;
+  return {
+    c() {
+      e = I("span"), l = V(n), t = ie(), o = I("span"), f = V(i[5]), T(e, "class", "floorplan-plugin__room-name"), T(o, "class", "floorplan-plugin__room-size svelte-12pzct5");
+    },
+    m(c, a) {
+      g(c, e, a), A(e, l), g(c, t, a), g(c, o, a), A(o, f);
+    },
+    p(c, a) {
+      a & 1 && n !== (n = c[0].name + "") && j(l, n), a & 32 && j(f, c[5]);
+    },
+    d(c) {
+      c && p(e), c && p(t), c && p(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[16](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[16](null);
-		}
-	};
+function ce(i) {
+  let e;
+  function n(o, f) {
+    if (o[1] === void 0)
+      return ae;
+    if (o[4])
+      return se;
+  }
+  let l = n(i), t = l && l(i);
+  return {
+    c() {
+      e = I("div"), t && t.c(), T(e, "class", "floorplan-plugin__room-label-item svelte-12pzct5"), _(e, "left", i[6]), _(e, "top", i[7]), _(e, "font-size", i[8]), _(e, "opacity", i[3] ? "1" : "0");
+    },
+    m(o, f) {
+      g(o, e, f), t && t.m(e, null), i[16](e);
+    },
+    p(o, [f]) {
+      l === (l = n(o)) && t ? t.p(o, f) : (t && t.d(1), t = l && l(o), t && (t.c(), t.m(e, null))), f & 8 && _(e, "opacity", o[3] ? "1" : "0");
+    },
+    i: P,
+    o: P,
+    d(o) {
+      o && p(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 fe(i, e) {
+  const n = i[0], l = i[1];
+  let t = !1;
+  for (let o = 0, f = e.length - 1; o < e.length; f = o++) {
+    const c = e[o][0], a = e[o][1], h = e[f][0], m = e[f][1];
+    a > l != m > l && n < (h - c) * (l - a) / (m - a) + c && (t = !t);
+  }
+  return t;
 }
-
-function instance($$self, $$props, $$invalidate) {
-	let roomSizeDes;
-	let isLabelInRoom;
-	let userConfigElement;
-	let labelVisible;
-	let { pxmm } = $$props;
-	let { room } = $$props;
-	let { hoveredRoom } = $$props;
-	let { getRoomAreaText } = $$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 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(13, isHoverd = !!_room && _room.id === room.id);
-	});
-
-	onMount(() => {
-		// Label 能不能展示只跟房间大小有关
-		// 计算 LabelElement 宽高
-		const labelDomRect = labelElement === null || labelElement === void 0
-		? void 0
-		: labelElement.getClientRects()[0];
-
-		$$invalidate(14, 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 ('getRoomAreaText' in $$props) $$invalidate(11, getRoomAreaText = $$props.getRoomAreaText);
-		if ('getLabelElement' in $$props) $$invalidate(1, getLabelElement = $$props.getLabelElement);
-		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(12, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*room, getRoomAreaText*/ 2049) {
-			$: $$invalidate(5, roomSizeDes = room.size ? getRoomAreaText(room.size) : '');
-		}
-
-		if ($$self.$$.dirty & /*labelElementSize, room*/ 16385) {
-			$: $$invalidate(15, 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*/ 45568) {
-			$: $$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,
-		getRoomAreaText,
-		adaptiveRoomLabelVisibleEnable,
-		isHoverd,
-		labelElementSize,
-		isLabelInRoom,
-		div_binding
-	];
+function me(i, e, n) {
+  let l, t, o, f, { pxmm: c } = e, { room: a } = e, { hoveredRoom: h } = e, { getRoomAreaText: m } = e, { getLabelElement: r } = e, { adaptiveRoomLabelVisibleEnable: w } = e;
+  function M(s, b) {
+    if (b.width === 0 || b.height === 0)
+      return () => !1;
+    const G = s.path.map(({ x: C, y: d }) => [C, d]), U = s.roomLabel.position, { x: X, y: Y } = U, { width: B, height: J } = b, R = B / 2, L = J / 2;
+    return function(d) {
+      const v = X * d, z = Y * d, K = G.map(([H, N]) => [H * d, N * d]);
+      return [
+        [v + R, z - L],
+        [v - R, z - L],
+        [v - R, z + L],
+        [v + R, z + L]
+      ].every((H) => fe(H, K));
+    };
+  }
+  const S = document.body.clientWidth, W = document.body.clientHeight, k = a.roomLabel, q = k.positionInImage.x * 100 + "%", x = k.positionInImage.y * 100 + "%", D = (S < 500 || W < 500 ? 10 : 14) / 16 + "rem";
+  let E = !1, u, y;
+  h.subscribe(function(b) {
+    n(13, E = !!b && b.id === a.id);
+  }), ee(() => {
+    const s = u == null ? void 0 : u.getClientRects()[0];
+    n(14, y = {
+      width: s.width,
+      height: s.height
+    });
+  });
+  function F(s) {
+    te[s ? "unshift" : "push"](() => {
+      u = s, n(2, u);
+    });
+  }
+  return i.$$set = (s) => {
+    "pxmm" in s && n(9, c = s.pxmm), "room" in s && n(0, a = s.room), "hoveredRoom" in s && n(10, h = s.hoveredRoom), "getRoomAreaText" in s && n(11, m = s.getRoomAreaText), "getLabelElement" in s && n(1, r = s.getLabelElement), "adaptiveRoomLabelVisibleEnable" in s && n(12, w = s.adaptiveRoomLabelVisibleEnable);
+  }, i.$$.update = () => {
+    i.$$.dirty & 2049 && n(5, l = a.size ? m(a.size) : ""), i.$$.dirty & 16385 && n(15, t = y ? M(a, y) : void 0), i.$$.dirty & 3 && n(4, o = r == null ? void 0 : r(a)), i.$$.dirty & 45568 && n(3, f = w ? E ? !0 : !!(t != null && t(c)) : !0);
+  }, [
+    a,
+    r,
+    u,
+    f,
+    o,
+    l,
+    q,
+    x,
+    D,
+    c,
+    h,
+    m,
+    w,
+    E,
+    y,
+    t,
+    F
+  ];
 }
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(
-			this,
-			options,
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				pxmm: 9,
-				room: 0,
-				hoveredRoom: 10,
-				getRoomAreaText: 11,
-				getLabelElement: 1,
-				adaptiveRoomLabelVisibleEnable: 12
-			},
-			add_css
-		);
-	}
+class be extends O {
+  constructor(e) {
+    super(), Q(
+      this,
+      e,
+      me,
+      ce,
+      Z,
+      {
+        pxmm: 9,
+        room: 0,
+        hoveredRoom: 10,
+        getRoomAreaText: 11,
+        getLabelElement: 1,
+        adaptiveRoomLabelVisibleEnable: 12
+      },
+      le
+    );
+  }
 }
-
-export default Component;
+export {
+  be as default
+};