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

package/libs/floorplan/Components/RuleLabels/RuleLabels.js

@@ -0,0 +1,269 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append_styles,
+	assign,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	get_spread_update,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	outro_and_destroy_block,
+	safe_not_equal,
+	set_style,
+	transition_in,
+	transition_out,
+	update_keyed_each
+} from "svelte/internal";
+
+import RuleItem from './RuleItem';
+
+function add_css(target) {
+	append_styles(target, "svelte-12vlcaz", ".floorplan-plugin__rule-labels-wrapper.svelte-12vlcaz{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[12] = list[i][0];
+	child_ctx[13] = list[i][1];
+	return child_ctx;
+}
+
+// (19:2) {#each ruleLabelArray as [type, data] (type)}
+function create_each_block(key_1, ctx) {
+	let first;
+	let ruleitem;
+	let current;
+
+	const ruleitem_spread_levels = [
+		{
+			type: /*type*/ ctx[12],
+			data: /*data*/ ctx[13],
+			bounding: /*bounding*/ ctx[0]
+		}
+	];
+
+	let ruleitem_props = {};
+
+	for (let i = 0; i < ruleitem_spread_levels.length; i += 1) {
+		ruleitem_props = assign(ruleitem_props, ruleitem_spread_levels[i]);
+	}
+
+	ruleitem = new RuleItem({ props: ruleitem_props });
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			first = empty();
+			create_component(ruleitem.$$.fragment);
+			this.first = first;
+		},
+		m(target, anchor) {
+			insert(target, first, anchor);
+			mount_component(ruleitem, target, anchor);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			const ruleitem_changes = (dirty & /*ruleLabelArray, bounding*/ 9)
+			? get_spread_update(ruleitem_spread_levels, [
+					{
+						type: /*type*/ ctx[12],
+						data: /*data*/ ctx[13],
+						bounding: /*bounding*/ ctx[0]
+					}
+				])
+			: {};
+
+			ruleitem.$set(ruleitem_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(ruleitem.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(ruleitem.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(first);
+			destroy_component(ruleitem, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let current;
+	let each_value = /*ruleLabelArray*/ ctx[3];
+	const get_key = ctx => /*type*/ ctx[12];
+
+	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");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div, "class", "floorplan-plugin__rule-labels-wrapper svelte-12vlcaz");
+			set_style(div, "width", /*width*/ ctx[2], false);
+			set_style(div, "height", /*height*/ ctx[1], false);
+		},
+		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 & /*ruleLabelArray, bounding*/ 9) {
+				each_value = /*ruleLabelArray*/ ctx[3];
+				group_outros();
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block, null, get_each_context);
+				check_outros();
+			}
+
+			if (dirty & /*width*/ 4) {
+				set_style(div, "width", /*width*/ ctx[2], false);
+			}
+
+			if (dirty & /*height*/ 2) {
+				set_style(div, "height", /*height*/ ctx[1], false);
+			}
+		},
+		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();
+			}
+		}
+	};
+}
+
+const padding = 1000;
+const exteriorWallOffset = 180;
+
+function instance($$self, $$props, $$invalidate) {
+	let bounding;
+	let ruleLabelData;
+	let ruleLabelDataKeys;
+	let ruleLabelArray;
+	let boundingWidth;
+	let boundingHeight;
+	let contentWidth;
+	let contentHeight;
+	let width;
+	let height;
+	let { floorIndex } = $$props;
+	let { floorplanData } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('floorIndex' in $$props) $$invalidate(4, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(5, floorplanData = $$props.floorplanData);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData*/ 32) {
+			$: $$invalidate(0, bounding = floorplanData.bounding);
+		}
+
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 48) {
+			$: $$invalidate(10, ruleLabelData = floorplanData.floorDatas[floorIndex].rules);
+		}
+
+		if ($$self.$$.dirty & /*ruleLabelData*/ 1024) {
+			$: $$invalidate(11, ruleLabelDataKeys = Object.keys(ruleLabelData));
+		}
+
+		if ($$self.$$.dirty & /*ruleLabelDataKeys, ruleLabelData*/ 3072) {
+			$: $$invalidate(3, ruleLabelArray = ruleLabelDataKeys.map(key => [key, ruleLabelData[key]]));
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(8, boundingWidth = bounding.max.x - bounding.min.x);
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(6, boundingHeight = bounding.max.y - bounding.min.y);
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(9, contentWidth = bounding.max.x - bounding.min.x - (padding - exteriorWallOffset) * 2);
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(7, contentHeight = bounding.max.y - bounding.min.y - (padding - exteriorWallOffset) * 2);
+		}
+
+		if ($$self.$$.dirty & /*contentWidth, boundingWidth*/ 768) {
+			$: $$invalidate(2, width = contentWidth / boundingWidth * 100 + '%');
+		}
+
+		if ($$self.$$.dirty & /*contentHeight, boundingHeight*/ 192) {
+			$: $$invalidate(1, height = contentHeight / boundingHeight * 100 + '%');
+		}
+	};
+
+	return [
+		bounding,
+		height,
+		width,
+		ruleLabelArray,
+		floorIndex,
+		floorplanData,
+		boundingHeight,
+		contentHeight,
+		boundingWidth,
+		contentWidth,
+		ruleLabelData,
+		ruleLabelDataKeys
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/SvgImage.js

@@ -0,0 +1,83 @@
+/* generated by Svelte v3.47.0 */
+import {
+	HtmlTag,
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	space
+} from "svelte/internal";
+
+function add_css(target) {
+	append_styles(target, "svelte-1qqy56u", ".floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}");
+}
+
+function create_fragment(ctx) {
+	let div;
+	let html_tag;
+	let t;
+	let html_tag_1;
+
+	return {
+		c() {
+			div = element("div");
+			html_tag = new HtmlTag();
+			t = space();
+			html_tag_1 = new HtmlTag();
+			html_tag.a = t;
+			html_tag_1.a = null;
+			attr(div, "class", "floorplan-plugin__base-image svelte-1qqy56u");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			html_tag.m(/*svgStyle*/ ctx[1], div);
+			append(div, t);
+			html_tag_1.m(/*content*/ ctx[0], div);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*content*/ 1) html_tag_1.p(/*content*/ ctx[0]);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { content } = $$props;
+
+	const svgStyle = `
+    <style>
+      svg [type='lineGroup'] path {
+        fill: #ffffff;
+        stroke: #ffffff;
+      }
+      svg [type='lineItemGroup'] g g g g {
+        stroke: #ffffff;
+      }
+    </style>
+  `;
+
+	$$self.$$set = $$props => {
+		if ('content' in $$props) $$invalidate(0, content = $$props.content);
+	};
+
+	return [content, svgStyle];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { content: 0 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/ModelFloorplanPlugin/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-e8a2kn{position:absolute;width:0;height:0}.floorplan__camera-rotate-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/ModelFloorplanPlugin/Components/Compass.js

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