@realsee/dnalogel 2.0.0-alpha.6 → 2.0.0-alpha.9

package/libs/floorplan/Components/RoomHighlight/RoomHighlight.js

@@ -0,0 +1,289 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	add_render_callback,
+	add_resize_listener,
+	append,
+	append_styles,
+	assign,
+	attr,
+	binding_callbacks,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	get_spread_update,
+	group_outros,
+	init,
+	insert,
+	listen,
+	mount_component,
+	outro_and_destroy_block,
+	safe_not_equal,
+	svg_element,
+	transition_in,
+	transition_out,
+	update_keyed_each
+} from "svelte/internal";
+
+import Room from './Room';
+import { Vector2 } from 'three';
+
+function add_css(target) {
+	append_styles(target, "svelte-1aais5l", ".floorplan-plugin__room-highlight.svelte-1aais5l{position:absolute;width:100%;height:100%;pointer-events:all}svg.svelte-1aais5l{width:100%;height:100%;overflow:visible}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[12] = list[i];
+	return child_ctx;
+}
+
+// (41:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
+function create_each_block(key_1, ctx) {
+	let first;
+	let room;
+	let current;
+
+	const room_spread_levels = [
+		{
+			room: /*room*/ ctx[12],
+			floorplanData: /*floorplanData*/ ctx[2],
+			pxmm: /*pxmm*/ ctx[0]
+		}
+	];
+
+	let room_props = {};
+
+	for (let i = 0; i < room_spread_levels.length; i += 1) {
+		room_props = assign(room_props, room_spread_levels[i]);
+	}
+
+	room = new Room({ props: room_props });
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			first = empty();
+			create_component(room.$$.fragment);
+			this.first = first;
+		},
+		m(target, anchor) {
+			insert(target, first, anchor);
+			mount_component(room, target, anchor);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			const room_changes = (dirty & /*floorplanData, floorIndex, pxmm*/ 7)
+			? get_spread_update(room_spread_levels, [
+					{
+						room: /*room*/ ctx[12],
+						floorplanData: /*floorplanData*/ ctx[2],
+						pxmm: /*pxmm*/ ctx[0]
+					}
+				])
+			: {};
+
+			room.$set(room_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(room.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(room.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(first);
+			destroy_component(room, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let svg;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let div_resize_listener;
+	let current;
+	let mounted;
+	let dispose;
+	let each_value = /*floorplanData*/ ctx[2].floorDatas[/*floorIndex*/ ctx[1]].rooms;
+	const get_key = ctx => /*room*/ ctx[12].id;
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context(ctx, each_value, i);
+		let key = get_key(child_ctx);
+		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div = element("div");
+			svg = svg_element("svg");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(svg, "class", "svelte-1aais5l");
+			attr(div, "class", "floorplan-plugin__room-highlight svelte-1aais5l");
+			add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, svg);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(svg, null);
+			}
+
+			/*div_binding*/ ctx[9](div);
+			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[10].bind(div));
+			current = true;
+
+			if (!mounted) {
+				dispose = listen(div, "click", /*handleClick*/ ctx[6]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*floorplanData, floorIndex, pxmm*/ 7) {
+				each_value = /*floorplanData*/ ctx[2].floorDatas[/*floorIndex*/ ctx[1]].rooms;
+				group_outros();
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, outro_and_destroy_block, create_each_block, null, get_each_context);
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+
+			/*div_binding*/ ctx[9](null);
+			div_resize_listener();
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { five } = $$props;
+	let { pxmm } = $$props;
+	let { floorIndex } = $$props;
+	let { floorplanData } = $$props;
+	let { onRoomHeightClick } = $$props;
+	let clientWidth;
+	let clientHeight;
+	let highlightContainerDom;
+	const { observers: floorplan_observers } = floorplanData;
+
+	const handleClick = function (e) {
+		if (onRoomHeightClick?.(e) === false) return;
+
+		// 因为 mouse.offsetX 的兼容性问题，手动计算 mouse offsetX offsetY
+		const boundingClientRect = highlightContainerDom.getBoundingClientRect();
+
+		const mouseClientVector = new Vector2(e.clientX, e.clientY);
+		const domTopLeftVector = new Vector2(boundingClientRect.left, boundingClientRect.top);
+		const mouseOffsetVector = mouseClientVector.clone().sub(domTopLeftVector);
+
+		// px 转换为 百分比
+		const mouseOffsetRelativeVector = new Vector2(mouseOffsetVector.x / clientWidth, mouseOffsetVector.y / clientHeight);
+
+		const closestPoint = floorplan_observers.filter(observer => observer.floorIndex === floorIndex).sort((ob1, ob2) => {
+			const position1 = new Vector2(ob1.positionInImage.x, ob1.positionInImage.y);
+			const position2 = new Vector2(ob2.positionInImage.x, ob2.positionInImage.y);
+			return position1.distanceTo(mouseOffsetRelativeVector) - position2.distanceTo(mouseOffsetRelativeVector);
+		})[0];
+
+		five.moveToPano(closestPoint.index);
+	};
+
+	function div_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			highlightContainerDom = $$value;
+			$$invalidate(5, highlightContainerDom);
+		});
+	}
+
+	function div_elementresize_handler() {
+		clientWidth = this.clientWidth;
+		clientHeight = this.clientHeight;
+		$$invalidate(3, clientWidth);
+		$$invalidate(4, clientHeight);
+	}
+
+	$$self.$$set = $$props => {
+		if ('five' in $$props) $$invalidate(7, five = $$props.five);
+		if ('pxmm' in $$props) $$invalidate(0, pxmm = $$props.pxmm);
+		if ('floorIndex' in $$props) $$invalidate(1, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
+		if ('onRoomHeightClick' in $$props) $$invalidate(8, onRoomHeightClick = $$props.onRoomHeightClick);
+	};
+
+	return [
+		pxmm,
+		floorIndex,
+		floorplanData,
+		clientWidth,
+		clientHeight,
+		highlightContainerDom,
+		handleClick,
+		five,
+		onRoomHeightClick,
+		div_binding,
+		div_elementresize_handler
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				five: 7,
+				pxmm: 0,
+				floorIndex: 1,
+				floorplanData: 2,
+				onRoomHeightClick: 8
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/RoomMaterials/RoomMaterial.js

@@ -0,0 +1,328 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append_styles,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	destroy_each,
+	detach,
+	element,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	safe_not_equal,
+	svg_element,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import formatFloorplanPoint from '../../utils/formatPosition';
+import RoomMaterial_0 from './RoomMaterial_0';
+import RoomMaterial_1 from './RoomMaterial_1';
+import RoomMaterial_2 from './RoomMaterial_2';
+
+function add_css(target) {
+	append_styles(target, "svelte-1b0icjc", "svg.svelte-1b0icjc{position:absolute;width:100%;height:100%;overflow:visible}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[4] = list[i];
+	return child_ctx;
+}
+
+// (21:6) {:else}
+function create_else_block(ctx) {
+	let roommaterial_1;
+	let current;
+	roommaterial_1 = new RoomMaterial_1({ props: { path: /*room*/ ctx[4].path } });
+
+	return {
+		c() {
+			create_component(roommaterial_1.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(roommaterial_1, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const roommaterial_1_changes = {};
+			if (dirty & /*rooms*/ 1) roommaterial_1_changes.path = /*room*/ ctx[4].path;
+			roommaterial_1.$set(roommaterial_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(roommaterial_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(roommaterial_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(roommaterial_1, detaching);
+		}
+	};
+}
+
+// (19:37) 
+function create_if_block_1(ctx) {
+	let roommaterial_2;
+	let current;
+	roommaterial_2 = new RoomMaterial_2({ props: { path: /*room*/ ctx[4].path } });
+
+	return {
+		c() {
+			create_component(roommaterial_2.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(roommaterial_2, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const roommaterial_2_changes = {};
+			if (dirty & /*rooms*/ 1) roommaterial_2_changes.path = /*room*/ ctx[4].path;
+			roommaterial_2.$set(roommaterial_2_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(roommaterial_2.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(roommaterial_2.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(roommaterial_2, detaching);
+		}
+	};
+}
+
+// (17:6) {#if room.floorType === 1}
+function create_if_block(ctx) {
+	let roommaterial_0;
+	let current;
+	roommaterial_0 = new RoomMaterial_0({ props: { path: /*room*/ ctx[4].path } });
+
+	return {
+		c() {
+			create_component(roommaterial_0.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(roommaterial_0, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const roommaterial_0_changes = {};
+			if (dirty & /*rooms*/ 1) roommaterial_0_changes.path = /*room*/ ctx[4].path;
+			roommaterial_0.$set(roommaterial_0_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(roommaterial_0.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(roommaterial_0.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(roommaterial_0, detaching);
+		}
+	};
+}
+
+// (15:2) {#each rooms as room}
+function create_each_block(ctx) {
+	let svg;
+	let current_block_type_index;
+	let if_block;
+	let current;
+	const if_block_creators = [create_if_block, create_if_block_1, create_else_block];
+	const if_blocks = [];
+
+	function select_block_type(ctx, dirty) {
+		if (/*room*/ ctx[4].floorType === 1) return 0;
+		if (/*room*/ ctx[4].floorType === 0) return 1;
+		return 2;
+	}
+
+	current_block_type_index = select_block_type(ctx, -1);
+	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			if_block.c();
+			attr(svg, "class", "svelte-1b0icjc");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			if_blocks[current_block_type_index].m(svg, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type(ctx, dirty);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block = if_blocks[current_block_type_index];
+
+				if (!if_block) {
+					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block.c();
+				} else {
+					if_block.p(ctx, dirty);
+				}
+
+				transition_in(if_block, 1);
+				if_block.m(svg, null);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(svg);
+			if_blocks[current_block_type_index].d();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let current;
+	let each_value = /*rooms*/ ctx[0];
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+	}
+
+	const out = i => transition_out(each_blocks[i], 1, 1, () => {
+		each_blocks[i] = null;
+	});
+
+	return {
+		c() {
+			div = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div, "class", "floorplan-plugin__room-material");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*rooms*/ 1) {
+				each_value = /*rooms*/ ctx[0];
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+						transition_in(each_blocks[i], 1);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						transition_in(each_blocks[i], 1);
+						each_blocks[i].m(div, null);
+					}
+				}
+
+				group_outros();
+
+				for (i = each_value.length; i < each_blocks.length; i += 1) {
+					out(i);
+				}
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			each_blocks = each_blocks.filter(Boolean);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_each(each_blocks, detaching);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let rooms;
+	let { floorIndex } = $$props;
+	let { pxmm } = $$props;
+	let { floorplanData } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('floorIndex' in $$props) $$invalidate(1, floorIndex = $$props.floorIndex);
+		if ('pxmm' in $$props) $$invalidate(2, pxmm = $$props.pxmm);
+		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData, floorIndex, pxmm*/ 14) {
+			$: $$invalidate(0, rooms = floorplanData.floorDatas[floorIndex].rooms.map(room => ({
+				...room,
+				path: room.path.map(p => formatFloorplanPoint(p, pxmm, floorplanData.bounding))
+			})));
+		}
+	};
+
+	return [rooms, floorIndex, pxmm, floorplanData];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { floorIndex: 1, pxmm: 2, floorplanData: 3 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/RoomMaterials/RoomMaterial_0.js

@@ -0,0 +1,64 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	attr,
+	detach,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	svg_element
+} from "svelte/internal";
+
+import { pathD } from '../../utils/formatPosition';
+
+function create_fragment(ctx) {
+	let path_1;
+
+	return {
+		c() {
+			path_1 = svg_element("path");
+			attr(path_1, "d", /*d*/ ctx[0]);
+			attr(path_1, "fill", "#2F313A");
+		},
+		m(target, anchor) {
+			insert(target, path_1, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*d*/ 1) {
+				attr(path_1, "d", /*d*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(path_1);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let d;
+	let { path } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('path' in $$props) $$invalidate(1, path = $$props.path);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*path*/ 2) {
+			$: $$invalidate(0, d = pathD(path, { needZ: true }));
+		}
+	};
+
+	return [d, path];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { path: 1 });
+	}
+}
+
+export default Component;