@realsee/dnalogel 2.0.0-alpha.7 → 2.0.0-beta.36

package/libs/floorplan/ModelFloorplanPlugin/Components/Main.js

@@ -0,0 +1,375 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	add_render_callback,
+	append,
+	append_styles,
+	assign,
+	attr,
+	check_outros,
+	create_component,
+	create_in_transition,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	get_spread_update,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	safe_not_equal,
+	space,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import Camera from './Camera';
+import Compass from './Compass';
+import CurrentFloor from './CurrentFloor/CurrentFloor';
+import { linear } from 'svelte/easing';
+import { fade } from 'svelte/transition';
+
+function add_css(target) {
+	append_styles(target, "svelte-177x2q7", ".floorplan-main-177x2q7{width:100%;height:100%}");
+}
+
+// (23:0) {#if visible}
+function create_if_block(ctx) {
+	let div;
+	let currentfloor;
+	let t0;
+	let camera;
+	let t1;
+	let div_intro;
+	let current;
+
+	const currentfloor_spread_levels = [
+		{
+			five: /*five*/ ctx[1],
+			pxmm: /*pxmm*/ ctx[0],
+			floorIndex: /*floorIndex*/ ctx[5],
+			hoverEnable: /*hoverEnable*/ ctx[6],
+			floorplanData: /*floorplanData*/ ctx[10],
+			getLabelElement: /*getLabelElement*/ ctx[14],
+			roomLabelsEnable: /*roomLabelsEnable*/ ctx[8],
+			ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[9],
+			onRoomHeightClick: /*onRoomHeightClick*/ ctx[13]
+		}
+	];
+
+	let currentfloor_props = {};
+
+	for (let i = 0; i < currentfloor_spread_levels.length; i += 1) {
+		currentfloor_props = assign(currentfloor_props, currentfloor_spread_levels[i]);
+	}
+
+	currentfloor = new CurrentFloor({ props: currentfloor_props });
+
+	const camera_spread_levels = [
+		{
+			panoIndex: /*panoIndex*/ ctx[4],
+			floorplanData: /*floorplanData*/ ctx[10],
+			lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[11],
+			cameraImageUrl: /*cameraImageUrl*/ ctx[12]
+		}
+	];
+
+	let camera_props = {};
+
+	for (let i = 0; i < camera_spread_levels.length; i += 1) {
+		camera_props = assign(camera_props, camera_spread_levels[i]);
+	}
+
+	camera = new Camera({ props: camera_props });
+	let if_block = /*compassEnable*/ ctx[7] && create_if_block_1(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			create_component(currentfloor.$$.fragment);
+			t0 = space();
+			create_component(camera.$$.fragment);
+			t1 = space();
+			if (if_block) if_block.c();
+			attr(div, "class", "floorplan-main svelte-177x2q7");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(currentfloor, div, null);
+			append(div, t0);
+			mount_component(camera, div, null);
+			append(div, t1);
+			if (if_block) if_block.m(div, null);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			const currentfloor_changes = (dirty & /*five, pxmm, floorIndex, hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, onRoomHeightClick*/ 26467)
+			? get_spread_update(currentfloor_spread_levels, [
+					{
+						five: /*five*/ ctx[1],
+						pxmm: /*pxmm*/ ctx[0],
+						floorIndex: /*floorIndex*/ ctx[5],
+						hoverEnable: /*hoverEnable*/ ctx[6],
+						floorplanData: /*floorplanData*/ ctx[10],
+						getLabelElement: /*getLabelElement*/ ctx[14],
+						roomLabelsEnable: /*roomLabelsEnable*/ ctx[8],
+						ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[9],
+						onRoomHeightClick: /*onRoomHeightClick*/ ctx[13]
+					}
+				])
+			: {};
+
+			currentfloor.$set(currentfloor_changes);
+
+			const camera_changes = (dirty & /*panoIndex, floorplanData, lastPanoramaLongitude, cameraImageUrl*/ 7184)
+			? get_spread_update(camera_spread_levels, [
+					{
+						panoIndex: /*panoIndex*/ ctx[4],
+						floorplanData: /*floorplanData*/ ctx[10],
+						lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[11],
+						cameraImageUrl: /*cameraImageUrl*/ ctx[12]
+					}
+				])
+			: {};
+
+			camera.$set(camera_changes);
+
+			if (/*compassEnable*/ ctx[7]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*compassEnable*/ 128) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block_1(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(div, null);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(currentfloor.$$.fragment, local);
+			transition_in(camera.$$.fragment, local);
+			transition_in(if_block);
+
+			if (!div_intro) {
+				add_render_callback(() => {
+					div_intro = create_in_transition(div, fade, {
+						duration: /*duration*/ ctx[2],
+						easing: linear
+					});
+
+					div_intro.start();
+				});
+			}
+
+			current = true;
+		},
+		o(local) {
+			transition_out(currentfloor.$$.fragment, local);
+			transition_out(camera.$$.fragment, local);
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(currentfloor);
+			destroy_component(camera);
+			if (if_block) if_block.d();
+		}
+	};
+}
+
+// (39:4) {#if compassEnable}
+function create_if_block_1(ctx) {
+	let compass;
+	let current;
+
+	compass = new Compass({
+			props: { floorplanData: /*floorplanData*/ ctx[10] }
+		});
+
+	return {
+		c() {
+			create_component(compass.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(compass, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const compass_changes = {};
+			if (dirty & /*floorplanData*/ 1024) compass_changes.floorplanData = /*floorplanData*/ ctx[10];
+			compass.$set(compass_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(compass.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(compass.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(compass, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*visible*/ ctx[3] && create_if_block(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*visible*/ ctx[3]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*visible*/ 8) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { pxmm } = $$props;
+	let { five } = $$props;
+	let { duration = 0 } = $$props;
+	let { visible } = $$props;
+	let { panoIndex } = $$props;
+	let { floorIndex } = $$props;
+	let { hoverEnable } = $$props;
+	let { compassEnable } = $$props;
+	let { roomLabelsEnable } = $$props;
+	let { ruleLabelsEnable } = $$props;
+	let { floorplanData } = $$props;
+	let { lastPanoramaLongitude } = $$props;
+	let { cameraImageUrl } = $$props;
+	let { onRoomHeightClick } = $$props;
+	let { getLabelElement } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('pxmm' in $$props) $$invalidate(0, pxmm = $$props.pxmm);
+		if ('five' in $$props) $$invalidate(1, five = $$props.five);
+		if ('duration' in $$props) $$invalidate(2, duration = $$props.duration);
+		if ('visible' in $$props) $$invalidate(3, visible = $$props.visible);
+		if ('panoIndex' in $$props) $$invalidate(4, panoIndex = $$props.panoIndex);
+		if ('floorIndex' in $$props) $$invalidate(5, floorIndex = $$props.floorIndex);
+		if ('hoverEnable' in $$props) $$invalidate(6, hoverEnable = $$props.hoverEnable);
+		if ('compassEnable' in $$props) $$invalidate(7, compassEnable = $$props.compassEnable);
+		if ('roomLabelsEnable' in $$props) $$invalidate(8, roomLabelsEnable = $$props.roomLabelsEnable);
+		if ('ruleLabelsEnable' in $$props) $$invalidate(9, ruleLabelsEnable = $$props.ruleLabelsEnable);
+		if ('floorplanData' in $$props) $$invalidate(10, floorplanData = $$props.floorplanData);
+		if ('lastPanoramaLongitude' in $$props) $$invalidate(11, lastPanoramaLongitude = $$props.lastPanoramaLongitude);
+		if ('cameraImageUrl' in $$props) $$invalidate(12, cameraImageUrl = $$props.cameraImageUrl);
+		if ('onRoomHeightClick' in $$props) $$invalidate(13, onRoomHeightClick = $$props.onRoomHeightClick);
+		if ('getLabelElement' in $$props) $$invalidate(14, getLabelElement = $$props.getLabelElement);
+	};
+
+	return [
+		pxmm,
+		five,
+		duration,
+		visible,
+		panoIndex,
+		floorIndex,
+		hoverEnable,
+		compassEnable,
+		roomLabelsEnable,
+		ruleLabelsEnable,
+		floorplanData,
+		lastPanoramaLongitude,
+		cameraImageUrl,
+		onRoomHeightClick,
+		getLabelElement
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				pxmm: 0,
+				five: 1,
+				duration: 2,
+				visible: 3,
+				panoIndex: 4,
+				floorIndex: 5,
+				hoverEnable: 6,
+				compassEnable: 7,
+				roomLabelsEnable: 8,
+				ruleLabelsEnable: 9,
+				floorplanData: 10,
+				lastPanoramaLongitude: 11,
+				cameraImageUrl: 12,
+				onRoomHeightClick: 13,
+				getLabelElement: 14
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;

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

@@ -0,0 +1,171 @@
+/* generated by Svelte v3.47.0 */
+import {
+	HtmlTag,
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	empty,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_data,
+	set_style,
+	space,
+	text
+} from "svelte/internal";
+
+function add_css(target) {
+	append_styles(target, "svelte-1ashbdx", ".floorplan-plugin__room-label-item-1ashbdx{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:15px;color:#fff;transform:translate(-50%, -50%);white-space:nowrap}.floorplan-plugin__room-size-1ashbdx{opacity:0.45}");
+}
+
+// (22:30) 
+function create_if_block_1(ctx) {
+	let html_tag;
+	let raw_value = /*userConfigElement*/ ctx[2].outerHTML + "";
+	let html_anchor;
+
+	return {
+		c() {
+			html_tag = new HtmlTag();
+			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*/ 4 && raw_value !== (raw_value = /*userConfigElement*/ ctx[2].outerHTML + "")) html_tag.p(raw_value);
+		},
+		d(detaching) {
+			if (detaching) detach(html_anchor);
+			if (detaching) html_tag.d();
+		}
+	};
+}
+
+// (16: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[3]}`;
+			attr(span0, "class", "floorplan-plugin__room-name");
+			attr(span1, "class", "floorplan-plugin__room-size svelte-1ashbdx");
+		},
+		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 create_fragment(ctx) {
+	let div;
+
+	function select_block_type(ctx, dirty) {
+		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block;
+		if (/*userConfigElement*/ ctx[2]) 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-1ashbdx");
+			set_style(div, "left", /*left*/ ctx[4], false);
+			set_style(div, "top", /*top*/ ctx[5], false);
+			set_style(div, "font-size", /*fontSize*/ ctx[6], false);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			if (if_block) if_block.m(div, null);
+		},
+		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);
+				}
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+
+			if (if_block) {
+				if_block.d();
+			}
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let userConfigElement;
+	let { room } = $$props;
+	let { getLabelElement } = $$props;
+
+	// 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 + '%';
+	const fontSize = (bodyWidth < 500 || bodyHeight < 500 ? 10 : 14) / 16 + 'rem';
+
+	$$self.$$set = $$props => {
+		if ('room' in $$props) $$invalidate(0, room = $$props.room);
+		if ('getLabelElement' in $$props) $$invalidate(1, getLabelElement = $$props.getLabelElement);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*getLabelElement, room*/ 3) {
+			$: $$invalidate(2, userConfigElement = getLabelElement?.(room));
+		}
+	};
+
+	return [room, getLabelElement, userConfigElement, roomSizeDes, left, top, fontSize];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { room: 0, getLabelElement: 1 }, add_css);
+	}
+}
+
+export default Component;