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

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

@@ -0,0 +1,104 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	attr,
+	detach,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	space,
+	svg_element
+} from "svelte/internal";
+
+import { pathD } from '../../utils/formatPosition';
+
+function create_fragment(ctx) {
+	let defs;
+	let pattern;
+	let rect;
+	let path0;
+	let t;
+	let path1;
+
+	return {
+		c() {
+			defs = svg_element("defs");
+			pattern = svg_element("pattern");
+			rect = svg_element("rect");
+			path0 = svg_element("path");
+			t = space();
+			path1 = svg_element("path");
+			attr(rect, "x", "0");
+			attr(rect, "y", "0");
+			attr(rect, "width", /*width*/ ctx[1]);
+			attr(rect, "height", /*width*/ ctx[1]);
+			attr(rect, "fill", "#323747");
+			attr(path0, "d", /*patternPathD*/ ctx[2]);
+			attr(path0, "stroke", "#ffffff");
+			attr(path0, "stroke-opacity", "0.06");
+			attr(path0, "stroke-width", "0.5");
+			attr(path0, "fill", "none");
+			attr(pattern, "id", "fpm-room-pattern-0");
+			attr(pattern, "x", "0");
+			attr(pattern, "y", "0");
+			attr(pattern, "width", /*width*/ ctx[1]);
+			attr(pattern, "height", /*width*/ ctx[1]);
+			attr(pattern, "patternUnits", "userSpaceOnUse");
+			attr(pattern, "patternTransform", "scale(50 50)");
+			attr(path1, "d", /*d*/ ctx[0]);
+			attr(path1, "fill", "url(#fpm-room-pattern-0)");
+		},
+		m(target, anchor) {
+			insert(target, defs, anchor);
+			append(defs, pattern);
+			append(pattern, rect);
+			append(pattern, path0);
+			insert(target, t, anchor);
+			insert(target, path1, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*d*/ 1) {
+				attr(path1, "d", /*d*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(defs);
+			if (detaching) detach(t);
+			if (detaching) detach(path1);
+		}
+	};
+}
+
+const halfWidth = 6;
+
+function instance($$self, $$props, $$invalidate) {
+	let d;
+	let { path } = $$props;
+	const width = halfWidth * 2;
+	const patternPathD = `M0 ${halfWidth} h ${width} M${halfWidth} 0 v ${width}`;
+
+	$$self.$$set = $$props => {
+		if ('path' in $$props) $$invalidate(3, path = $$props.path);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*path*/ 8) {
+			$: $$invalidate(0, d = pathD(path, { needZ: true }));
+		}
+	};
+
+	return [d, width, patternPathD, path];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { path: 3 });
+	}
+}
+
+export default Component;

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

@@ -0,0 +1,142 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	attr,
+	detach,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	space,
+	svg_element
+} from "svelte/internal";
+
+import { pathD } from '../../utils/formatPosition';
+
+function create_fragment(ctx) {
+	let defs;
+	let pattern0;
+	let rect0;
+	let pattern1;
+	let rect1;
+	let t0;
+	let path0;
+	let t1;
+	let path1;
+	let t2;
+	let path2;
+
+	return {
+		c() {
+			defs = svg_element("defs");
+			pattern0 = svg_element("pattern");
+			rect0 = svg_element("rect");
+			pattern1 = svg_element("pattern");
+			rect1 = svg_element("rect");
+			t0 = space();
+			path0 = svg_element("path");
+			t1 = space();
+			path1 = svg_element("path");
+			t2 = space();
+			path2 = svg_element("path");
+			attr(rect0, "x", "0");
+			attr(rect0, "y", "0");
+			attr(rect0, "width", "6");
+			attr(rect0, "height", "50");
+			attr(rect0, "fill", "none");
+			attr(rect0, "stroke", "#4B4B57");
+			attr(rect0, "stroke-width", "0.5");
+			attr(pattern0, "id", "room-material-pattern-1");
+			attr(pattern0, "x", "0");
+			attr(pattern0, "y", "0");
+			attr(pattern0, "width", "12");
+			attr(pattern0, "height", "50");
+			attr(pattern0, "patternUnits", "userSpaceOnUse");
+			attr(pattern0, "patternTransform", "scale(50 50)");
+			attr(rect1, "x", "0");
+			attr(rect1, "y", "0");
+			attr(rect1, "width", "6");
+			attr(rect1, "height", "50");
+			attr(rect1, "fill", "none");
+			attr(rect1, "stroke", "#4B4B57");
+			attr(rect1, "stroke-width", "0.5");
+			attr(pattern1, "id", "room-material-pattern-2");
+			attr(pattern1, "x", "6");
+			attr(pattern1, "y", "25");
+			attr(pattern1, "width", "12");
+			attr(pattern1, "height", "50");
+			attr(pattern1, "patternUnits", "userSpaceOnUse");
+			attr(pattern1, "patternTransform", "scale(50 50)");
+			attr(path0, "d", /*d*/ ctx[0]);
+			attr(path0, "fill", "#43434D");
+			attr(path1, "d", /*d*/ ctx[0]);
+			attr(path1, "fill", "url(#room-material-pattern-1)");
+			attr(path2, "d", /*d*/ ctx[0]);
+			attr(path2, "fill", "url(#room-material-pattern-2)");
+		},
+		m(target, anchor) {
+			insert(target, defs, anchor);
+			append(defs, pattern0);
+			append(pattern0, rect0);
+			append(defs, pattern1);
+			append(pattern1, rect1);
+			insert(target, t0, anchor);
+			insert(target, path0, anchor);
+			insert(target, t1, anchor);
+			insert(target, path1, anchor);
+			insert(target, t2, anchor);
+			insert(target, path2, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*d*/ 1) {
+				attr(path0, "d", /*d*/ ctx[0]);
+			}
+
+			if (dirty & /*d*/ 1) {
+				attr(path1, "d", /*d*/ ctx[0]);
+			}
+
+			if (dirty & /*d*/ 1) {
+				attr(path2, "d", /*d*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(defs);
+			if (detaching) detach(t0);
+			if (detaching) detach(path0);
+			if (detaching) detach(t1);
+			if (detaching) detach(path1);
+			if (detaching) detach(t2);
+			if (detaching) detach(path2);
+		}
+	};
+}
+
+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;

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

@@ -0,0 +1,284 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	destroy_block,
+	destroy_each,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_style,
+	space,
+	text,
+	toggle_class,
+	update_keyed_each
+} from "svelte/internal";
+
+function add_css(target) {
+	append_styles(target, "svelte-1l1xujz", ".floorplan-plugin__rule-labels.svelte-1l1xujz.svelte-1l1xujz{position:absolute;display:flex}.floorplan-plugin__rule-labels--top.svelte-1l1xujz.svelte-1l1xujz{left:0;top:-1.25rem}.floorplan-plugin__rule-labels--bottom.svelte-1l1xujz.svelte-1l1xujz{left:0;bottom:-1.25rem}.floorplan-plugin__rule-labels--left.svelte-1l1xujz.svelte-1l1xujz{top:0;left:-1.25rem}.floorplan-plugin__rule-labels--right.svelte-1l1xujz.svelte-1l1xujz{top:0;right:-1.25rem}.floorplan-plugin__rule-line.svelte-1l1xujz.svelte-1l1xujz{background:#fff;opacity:0.05;width:100%;height:100%}.floorplan-plugin__rule-scale-wrapper.svelte-1l1xujz.svelte-1l1xujz{position:absolute;width:0.3125rem;height:100%;left:50%;top:0;transform:translateX(-50%)}.floorplan-plugin__rule-labels.is-row.svelte-1l1xujz .floorplan-plugin__rule-scale-wrapper.svelte-1l1xujz{width:100%;height:0.3125rem;top:50%;left:0;transform:translateY(-50%)}.floorplan-plugin__rule-scale.svelte-1l1xujz.svelte-1l1xujz{position:absolute;background:#fff;opacity:0.05;width:100%;height:0.0625rem}.floorplan-plugin__rule-labels.is-row.svelte-1l1xujz .floorplan-plugin__rule-scale.svelte-1l1xujz{width:0.0625rem;height:100%}.floorplan-plugin__rule-text-wrapper.svelte-1l1xujz.svelte-1l1xujz{position:absolute}.floorplan-plugin__rule-labels--top.svelte-1l1xujz .floorplan-plugin__rule-text-wrapper.svelte-1l1xujz{width:100%;height:0;top:0.625rem}.floorplan-plugin__rule-labels--bottom.svelte-1l1xujz .floorplan-plugin__rule-text-wrapper.svelte-1l1xujz{width:100%;height:0;bottom:0.625rem}.floorplan-plugin__rule-labels--left.svelte-1l1xujz .floorplan-plugin__rule-text-wrapper.svelte-1l1xujz{width:0;height:100%;left:0.625rem}.floorplan-plugin__rule-labels--right.svelte-1l1xujz .floorplan-plugin__rule-text-wrapper.svelte-1l1xujz{width:0;height:100%;right:0.625rem}.floorplan-plugin__rule-text-item.svelte-1l1xujz.svelte-1l1xujz{width:0;height:0;position:absolute;transform:rotate(90deg)}.floorplan-plugin__rule-labels.is-row.svelte-1l1xujz .floorplan-plugin__rule-text-item.svelte-1l1xujz{transform:rotate(0)}.floorplan-plugin__rule-text.svelte-1l1xujz.svelte-1l1xujz{width:max-content;transform:translate(-50%, -50%);font-size:0.625rem;color:#fff;opacity:0.2}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[10] = list[i];
+	child_ctx[12] = i;
+	return child_ctx;
+}
+
+function get_each_context_1(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[13] = list[i];
+	return child_ctx;
+}
+
+// (47:4) {#each rulerLabels as rulerLabel}
+function create_each_block_1(ctx) {
+	let div;
+
+	return {
+		c() {
+			div = element("div");
+			attr(div, "class", "floorplan-plugin__rule-scale svelte-1l1xujz");
+			set_style(div, "left", /*rulerLabel*/ ctx[13].left * 100 + '%', false);
+			set_style(div, "bottom", /*rulerLabel*/ ctx[13].bottom * 100 + '%', false);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+// (56:4) {#each rulerTexts as textItem, textItemIndex (textItemIndex)}
+function create_each_block(key_1, ctx) {
+	let div1;
+	let div0;
+	let t0_value = /*textItem*/ ctx[10].distance + "";
+	let t0;
+	let t1;
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			t0 = text(t0_value);
+			t1 = space();
+			attr(div0, "class", "floorplan-plugin__rule-text svelte-1l1xujz");
+			toggle_class(div0, "is-row", /*isRow*/ ctx[1]);
+			attr(div1, "class", "floorplan-plugin__rule-text-item svelte-1l1xujz");
+			set_style(div1, "left", /*textItem*/ ctx[10].left * 100 + '%', false);
+			set_style(div1, "bottom", /*textItem*/ ctx[10].bottom * 100 + '%', false);
+			this.first = div1;
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+			append(div0, t0);
+			append(div1, t1);
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+		},
+		d(detaching) {
+			if (detaching) detach(div1);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div3;
+	let div0;
+	let t0;
+	let div1;
+	let t1;
+	let div2;
+	let each_blocks = [];
+	let each1_lookup = new Map();
+	let div3_class_value;
+	let each_value_1 = /*rulerLabels*/ ctx[2];
+	let each_blocks_1 = [];
+
+	for (let i = 0; i < each_value_1.length; i += 1) {
+		each_blocks_1[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
+	}
+
+	let each_value = /*rulerTexts*/ ctx[3];
+	const get_key = ctx => /*textItemIndex*/ 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);
+		each1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div3 = element("div");
+			div0 = element("div");
+			t0 = space();
+			div1 = element("div");
+
+			for (let i = 0; i < each_blocks_1.length; i += 1) {
+				each_blocks_1[i].c();
+			}
+
+			t1 = space();
+			div2 = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div0, "class", "floorplan-plugin__rule-line svelte-1l1xujz");
+			attr(div1, "class", "floorplan-plugin__rule-scale-wrapper svelte-1l1xujz");
+			toggle_class(div1, "is-row", /*isRow*/ ctx[1]);
+			attr(div2, "class", "floorplan-plugin__rule-text-wrapper svelte-1l1xujz");
+			attr(div3, "class", div3_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + /*type*/ ctx[0] + " svelte-1l1xujz");
+			toggle_class(div3, "is-row", /*isRow*/ ctx[1]);
+			set_style(div3, "width", /*isRow*/ ctx[1] ? '100%' : 1 / 16 + 'rem', false);
+			set_style(div3, "height", !/*isRow*/ ctx[1] ? '100%' : 1 / 16 + 'rem', false);
+		},
+		m(target, anchor) {
+			insert(target, div3, anchor);
+			append(div3, div0);
+			append(div3, t0);
+			append(div3, div1);
+
+			for (let i = 0; i < each_blocks_1.length; i += 1) {
+				each_blocks_1[i].m(div1, null);
+			}
+
+			append(div3, t1);
+			append(div3, div2);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div2, null);
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*rulerLabels*/ 4) {
+				each_value_1 = /*rulerLabels*/ ctx[2];
+				let i;
+
+				for (i = 0; i < each_value_1.length; i += 1) {
+					const child_ctx = get_each_context_1(ctx, each_value_1, i);
+
+					if (each_blocks_1[i]) {
+						each_blocks_1[i].p(child_ctx, dirty);
+					} else {
+						each_blocks_1[i] = create_each_block_1(child_ctx);
+						each_blocks_1[i].c();
+						each_blocks_1[i].m(div1, null);
+					}
+				}
+
+				for (; i < each_blocks_1.length; i += 1) {
+					each_blocks_1[i].d(1);
+				}
+
+				each_blocks_1.length = each_value_1.length;
+			}
+
+			if (dirty & /*rulerTexts, isRow*/ 10) {
+				each_value = /*rulerTexts*/ ctx[3];
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each1_lookup, div2, destroy_block, create_each_block, null, get_each_context);
+			}
+
+			if (dirty & /*type*/ 1 && div3_class_value !== (div3_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + /*type*/ ctx[0] + " svelte-1l1xujz")) {
+				attr(div3, "class", div3_class_value);
+			}
+
+			if (dirty & /*type, isRow*/ 3) {
+				toggle_class(div3, "is-row", /*isRow*/ ctx[1]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div3);
+			destroy_each(each_blocks_1, detaching);
+
+			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 { type } = $$props;
+	let { data } = $$props;
+	let { bounding } = $$props;
+	const isRow = type === 'top' || type === 'bottom';
+	const contentWidth = bounding.max.x - bounding.min.x - (padding - exteriorWallOffset) * 2;
+	const contentHeight = bounding.max.y - bounding.min.y - (padding - exteriorWallOffset) * 2;
+
+	// 计算每一段墙的长度，以及墙两侧点距离标尺初始点的像素值
+	const rulerPoints = data.map(([start, end]) => isRow ? [start.x, end.x] : [start.y, end.y]).flat().sort().filter((x, index, arr) => {
+		// 筛除重复数据
+		if (index === 0) return true;
+
+		return x !== arr[index - 1];
+	});
+
+	const rulerLabels = rulerPoints.map(num => {
+		const left = isRow
+		? (num - bounding.min.x - padding + exteriorWallOffset) / contentWidth
+		: 0;
+
+		const bottom = !isRow
+		? (num - bounding.min.y - padding + exteriorWallOffset) / contentHeight
+		: 0;
+
+		return { left, bottom };
+	});
+
+	rulerLabels.unshift({ left: 0, bottom: 0 });
+	rulerLabels.push(isRow ? { left: 1, bottom: 0 } : { left: 0, bottom: 1 });
+	const length = rulerPoints[rulerPoints.length - 1] - rulerPoints[0];
+
+	const rulerTexts = rulerPoints.map((num, index, arr) => {
+		const distance = index === 0 ? 0 : num - arr[index - 1];
+		const positionNum = index === 0 ? 0 : (num + arr[index - 1]) / 2;
+
+		const left = isRow
+		? (positionNum - bounding.min.x - padding + exteriorWallOffset) / contentWidth
+		: 0;
+
+		const bottom = !isRow
+		? (positionNum - bounding.min.y - padding + exteriorWallOffset) / contentHeight
+		: 0;
+
+		return { left, bottom, distance };
+	}).filter(({ distance }) => distance / length > 0.1);
+
+	$$self.$$set = $$props => {
+		if ('type' in $$props) $$invalidate(0, type = $$props.type);
+		if ('data' in $$props) $$invalidate(4, data = $$props.data);
+		if ('bounding' in $$props) $$invalidate(5, bounding = $$props.bounding);
+	};
+
+	return [type, isRow, rulerLabels, rulerTexts, data, bounding];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css);
+	}
+}
+
+export default Component;