@realsee/dnalogel 2.0.0-alpha.4 → 2.0.0-alpha.40

package/libs/floorplan/Components/BaseImage.js

@@ -0,0 +1,222 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append_styles,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	safe_not_equal,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import NormalImage from './Normalmage';
+import SvgImage from './SvgImage';
+
+function add_css(target) {
+	append_styles(target, "svelte-126ja8e", ".floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
+}
+
+// (13:22) 
+function create_if_block_1(ctx) {
+	let normalimage;
+	let current;
+	normalimage = new NormalImage({ props: { url: /*imageData*/ ctx[1].url } });
+
+	return {
+		c() {
+			create_component(normalimage.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(normalimage, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const normalimage_changes = {};
+			if (dirty & /*imageData*/ 2) normalimage_changes.url = /*imageData*/ ctx[1].url;
+			normalimage.$set(normalimage_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(normalimage.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(normalimage.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(normalimage, detaching);
+		}
+	};
+}
+
+// (11:2) {#if svgContent}
+function create_if_block(ctx) {
+	let svgimage;
+	let current;
+
+	svgimage = new SvgImage({
+			props: { content: /*svgContent*/ ctx[0] }
+		});
+
+	return {
+		c() {
+			create_component(svgimage.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(svgimage, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const svgimage_changes = {};
+			if (dirty & /*svgContent*/ 1) svgimage_changes.content = /*svgContent*/ ctx[0];
+			svgimage.$set(svgimage_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(svgimage.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(svgimage.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(svgimage, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let current_block_type_index;
+	let if_block;
+	let current;
+	const if_block_creators = [create_if_block, create_if_block_1];
+	const if_blocks = [];
+
+	function select_block_type(ctx, dirty) {
+		if (/*svgContent*/ ctx[0]) return 0;
+		if (/*imageData*/ ctx[1]) return 1;
+		return -1;
+	}
+
+	if (~(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() {
+			div = element("div");
+			if (if_block) if_block.c();
+			attr(div, "class", "floorplan-plugin__base-image svelte-126ja8e");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			if (~current_block_type_index) {
+				if_blocks[current_block_type_index].m(div, 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 (~current_block_type_index) {
+					if_blocks[current_block_type_index].p(ctx, dirty);
+				}
+			} else {
+				if (if_block) {
+					group_outros();
+
+					transition_out(if_blocks[previous_block_index], 1, 1, () => {
+						if_blocks[previous_block_index] = null;
+					});
+
+					check_outros();
+				}
+
+				if (~current_block_type_index) {
+					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(div, null);
+				} else {
+					if_block = 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(div);
+
+			if (~current_block_type_index) {
+				if_blocks[current_block_type_index].d();
+			}
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let imageData;
+	let svgContent;
+	var _a, _b;
+	let { floorIndex } = $$props;
+	let { floorplanData } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('floorIndex' in $$props) $$invalidate(2, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 12) {
+			$: $$invalidate(1, imageData = floorplanData.outlines[floorIndex]);
+		}
+
+		if ($$self.$$.dirty & /*floorplanData, _a, floorIndex, _b*/ 60) {
+			$: $$invalidate(0, svgContent = $$invalidate(5, _b = $$invalidate(4, _a = floorplanData.outlines) === null || _a === void 0
+			? void 0
+			: _a[floorIndex]) === null || _b === void 0
+			? void 0
+			: _b.svgContent);
+		}
+	};
+
+	return [svgContent, imageData, floorIndex, floorplanData, _a, _b];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/Camera.js

@@ -0,0 +1,120 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_style
+} from "svelte/internal";
+
+import { CAMERA_IMAGE } from '../Assets/camera';
+import rad2Deg from '../../shared-utils/math/rad2Deg';
+
+function add_css(target) {
+	append_styles(target, "svelte-e8a2kn", ".floorplan__camera-position.svelte-e8a2kn{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-e8a2kn{position:absolute;background-repeat:no-repeat;background-size:100%}");
+}
+
+function create_fragment(ctx) {
+	let div1;
+	let div0;
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			attr(div0, "class", "floorplan__camera-rotate svelte-e8a2kn");
+			set_style(div0, "background-image", `url(${/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE})`);
+			set_style(div0, "width", /*domSizeStyle*/ ctx[4], false);
+			set_style(div0, "height", /*domSizeStyle*/ ctx[4], false);
+			set_style(div0, "left", '-' + /*domSizeStyle*/ ctx[4], false);
+			set_style(div0, "top", '-' + /*domSizeStyle*/ ctx[4], false);
+			set_style(div0, "transform", `rotate(${/*rotate*/ ctx[3]}deg)`, false);
+			set_style(div0, "transform-origin", `${/*domSizeStyle*/ ctx[4]} ${/*domSizeStyle*/ ctx[4]}`, false);
+			attr(div1, "class", "floorplan__camera-position svelte-e8a2kn");
+			set_style(div1, "left", /*positionLeft*/ ctx[1], false);
+			set_style(div1, "top", /*positionTop*/ ctx[2], false);
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*cameraImageUrl*/ 1) {
+				set_style(div0, "background-image", `url(${/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE})`);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { panoIndex } = $$props;
+	let { floorplanData } = $$props;
+	let { lastPanoramaLongitude } = $$props;
+	let { cameraImageUrl } = $$props;
+	const { observers } = floorplanData;
+	const observer = observers[panoIndex];
+	const leftRatio = observer.positionInImage.x;
+	const topRatio = observer.positionInImage.y;
+	const positionLeft = leftRatio * 100 + '%';
+	const positionTop = topRatio * 100 + '%';
+	const rotate = -rad2Deg(lastPanoramaLongitude) + 45;
+
+	// TODO: 统一这里的判断条件，目前写了多处
+	const bodyWidth = document.body.clientWidth;
+
+	const bodyHeight = document.body.clientHeight;
+	const size = bodyWidth < 500 || bodyHeight < 500 ? 17 : 37;
+	const domSizeStyle = `${size / 16}rem`;
+
+	$$self.$$set = $$props => {
+		if ('panoIndex' in $$props) $$invalidate(5, panoIndex = $$props.panoIndex);
+		if ('floorplanData' in $$props) $$invalidate(6, floorplanData = $$props.floorplanData);
+		if ('lastPanoramaLongitude' in $$props) $$invalidate(7, lastPanoramaLongitude = $$props.lastPanoramaLongitude);
+		if ('cameraImageUrl' in $$props) $$invalidate(0, cameraImageUrl = $$props.cameraImageUrl);
+	};
+
+	return [
+		cameraImageUrl,
+		positionLeft,
+		positionTop,
+		rotate,
+		domSizeStyle,
+		panoIndex,
+		floorplanData,
+		lastPanoramaLongitude
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				panoIndex: 5,
+				floorplanData: 6,
+				lastPanoramaLongitude: 7,
+				cameraImageUrl: 0
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/Compass.js

@@ -0,0 +1,120 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	empty,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_data,
+	set_style,
+	space,
+	text
+} from "svelte/internal";
+
+import { COMPASS_IMAGE } from '../Assets/compass';
+
+function add_css(target) {
+	append_styles(target, "svelte-p7yk9v", ".floorplan-plugin__compass.svelte-p7yk9v{position:absolute;left:50%;top:-46px;width:231px;height:41px;will-change:opacity;transform-origin:center 184px}.floorplan-plugin__compass-image.svelte-p7yk9v{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-p7yk9v{position:absolute;left:50%;top:15px;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:10px;color:#fff}");
+}
+
+// (14:0) {#if canCompassShow}
+function create_if_block(ctx) {
+	let div1;
+	let div0;
+	let t0;
+	let span;
+	let t1;
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			t0 = space();
+			span = element("span");
+			t1 = text(/*northDesc*/ ctx[0]);
+			attr(div0, "class", "floorplan-plugin__compass-image svelte-p7yk9v");
+			set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
+			attr(span, "class", "floorplan-plugin__compass-text svelte-p7yk9v");
+			attr(div1, "class", "floorplan-plugin__compass svelte-p7yk9v");
+			set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+			append(div1, t0);
+			append(div1, span);
+			append(span, t1);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*northDesc*/ 1) set_data(t1, /*northDesc*/ ctx[0]);
+		},
+		d(detaching) {
+			if (detaching) detach(div1);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let if_block = /*canCompassShow*/ ctx[1] && 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);
+		},
+		p(ctx, [dirty]) {
+			if (/*canCompassShow*/ ctx[1]) if_block.p(ctx, dirty);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function rad2Deg(rad) {
+	return rad / Math.PI * 180;
+}
+
+function instance($$self, $$props, $$invalidate) {
+	var _a;
+	let { floorplanData } = $$props;
+	let { northDesc } = $$props;
+
+	const northRad = (_a = floorplanData.entrance) === null || _a === void 0
+	? void 0
+	: _a.northRad;
+
+	const canCompassShow = typeof northRad === 'number';
+	const rotate = !northRad ? 0 : rad2Deg(northRad);
+	const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
+
+	$$self.$$set = $$props => {
+		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+		if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
+	};
+
+	return [northDesc, canCompassShow, compassTransformStyle, floorplanData];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css);
+	}
+}
+
+export default Component;