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

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

@@ -0,0 +1,265 @@
+/* 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,
+	transition_in,
+	transition_out,
+	update_keyed_each
+} from "svelte/internal";
+
+import RoomLabel from './RoomLabel';
+
+function add_css(target) {
+	append_styles(target, "svelte-sw25w3", ".floorplan-plugin__room-labels-sw25w3{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[4] = list[i];
+	return child_ctx;
+}
+
+// (8:0) {#if rooms}
+function create_if_block(ctx) {
+	let div;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let current;
+	let each_value = /*rooms*/ ctx[1];
+	const get_key = ctx => /*room*/ ctx[4].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");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div, "class", "floorplan-plugin__room-labels svelte-sw25w3");
+		},
+		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, getLabelElement*/ 3) {
+				each_value = /*rooms*/ ctx[1];
+				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();
+			}
+		},
+		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();
+			}
+		}
+	};
+}
+
+// (10:4) {#each rooms as room (room.id)}
+function create_each_block(key_1, ctx) {
+	let first;
+	let roomlabel;
+	let current;
+
+	const roomlabel_spread_levels = [
+		{
+			room: /*room*/ ctx[4],
+			getLabelElement: /*getLabelElement*/ ctx[0]
+		}
+	];
+
+	let roomlabel_props = {};
+
+	for (let i = 0; i < roomlabel_spread_levels.length; i += 1) {
+		roomlabel_props = assign(roomlabel_props, roomlabel_spread_levels[i]);
+	}
+
+	roomlabel = new RoomLabel({ props: roomlabel_props });
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			first = empty();
+			create_component(roomlabel.$$.fragment);
+			this.first = first;
+		},
+		m(target, anchor) {
+			insert(target, first, anchor);
+			mount_component(roomlabel, target, anchor);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			const roomlabel_changes = (dirty & /*rooms, getLabelElement*/ 3)
+			? get_spread_update(roomlabel_spread_levels, [
+					{
+						room: /*room*/ ctx[4],
+						getLabelElement: /*getLabelElement*/ ctx[0]
+					}
+				])
+			: {};
+
+			roomlabel.$set(roomlabel_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(roomlabel.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(roomlabel.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(first);
+			destroy_component(roomlabel, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*rooms*/ 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);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*rooms*/ ctx[1]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*rooms*/ 2) {
+						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 rooms;
+	let { floorIndex } = $$props;
+	let { floorplanData } = $$props;
+	let { getLabelElement } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('floorIndex' in $$props) $$invalidate(2, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+		if ('getLabelElement' in $$props) $$invalidate(0, getLabelElement = $$props.getLabelElement);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 12) {
+			$: $$invalidate(1, rooms = floorplanData.floorDatas[floorIndex].rooms);
+		}
+	};
+
+	return [getLabelElement, rooms, floorIndex, floorplanData];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				floorIndex: 2,
+				floorplanData: 3,
+				getLabelElement: 0
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;

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

@@ -0,0 +1,301 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	destroy_block,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_style,
+	space,
+	text,
+	toggle_class,
+	update_keyed_each
+} from "svelte/internal";
+
+import { notNil } from '../../../../shared-utils/isNil';
+
+function add_css(target) {
+	append_styles(target, "svelte-1rr09in", ".floorplan-plugin__rule-labels-1rr09in{position:absolute;height:5px;display:flex;align-items:center}.floorplan-plugin__rule-labels-top-1rr09in{left:0;top:0}.floorplan-plugin__rule-labels-bottom-1rr09in{left:0;bottom:0}.floorplan-plugin__rule-labels-left-1rr09in{bottom:0;left:0}.floorplan-plugin__rule-labels-right-1rr09in{bottom:0;right:0}.floorplan-plugin__rule-line-1rr09in{background:#fff;opacity:0.05;width:100%;height:1px}.floorplan-plugin__rule-scale-1rr09in{position:absolute;background:#fff;opacity:0.05;transform-origin:center;width:1px;height:5px}.floorplan-plugin__text-wrapper-1rr09in{width:0;height:0;position:absolute}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper--is-left-or-top-1rr09in{top:10px}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper-is-right-or-bottom-1rr09in{bottom:10px}.floorplan-plugin__rule-text-1rr09in{position:absolute;width:max-content;display:block;transform:translate(-50%, -50%) rotate(180deg);font-size:10px;color:#fff;opacity:0.2}.floorplan-plugin__rule-text.is-row-1rr09in{transform:translate(-50%, -50%)}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[24] = list[i];
+	child_ctx[26] = i;
+	return child_ctx;
+}
+
+function get_each_context_1(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[27] = list[i];
+	child_ctx[29] = i;
+	return child_ctx;
+}
+
+// (66:2) {#each positionPxArray as position, positionIndex (positionIndex)}
+function create_each_block_1(key_1, ctx) {
+	let div;
+	let style_left = `${/*position*/ ctx[27]}px`;
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			div = element("div");
+			attr(div, "class", "floorplan-plugin__rule-scale svelte-1rr09in");
+			set_style(div, "left", style_left, false);
+			this.first = div;
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+// (69:2) {#each textArray as textItem, textItemIndex (textItemIndex)}
+function create_each_block(key_1, ctx) {
+	let div;
+	let span;
+	let t0_value = /*textItem*/ ctx[24].distance + "";
+	let t0;
+	let t1;
+	let style_left = `${/*textItem*/ ctx[24].positionPx}px`;
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			div = element("div");
+			span = element("span");
+			t0 = text(t0_value);
+			t1 = space();
+			attr(span, "class", "floorplan-plugin__rule-text svelte-1rr09in");
+			toggle_class(span, "is-row", /*isRow*/ ctx[5]);
+			attr(div, "class", "floorplan-plugin__text-wrapper svelte-1rr09in");
+			toggle_class(div, "floorplan-plugin__text-wrapper--is-left-or-top", /*isLeft*/ ctx[3] || /*isTop*/ ctx[1]);
+			toggle_class(div, "floorplan-plugin__text-wrapper-is-right-or-bottom", /*isRight*/ ctx[4] || /*isBottom*/ ctx[2]);
+			set_style(div, "left", style_left, false);
+			this.first = div;
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, span);
+			append(span, t0);
+			append(div, t1);
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div1;
+	let div0;
+	let t0;
+	let each_blocks_1 = [];
+	let each0_lookup = new Map();
+	let t1;
+	let each_blocks = [];
+	let each1_lookup = new Map();
+	let div1_class_value;
+	let each_value_1 = /*positionPxArray*/ ctx[6];
+	const get_key = ctx => /*positionIndex*/ ctx[29];
+
+	for (let i = 0; i < each_value_1.length; i += 1) {
+		let child_ctx = get_each_context_1(ctx, each_value_1, i);
+		let key = get_key(child_ctx);
+		each0_lookup.set(key, each_blocks_1[i] = create_each_block_1(key, child_ctx));
+	}
+
+	let each_value = /*textArray*/ ctx[10];
+	const get_key_1 = ctx => /*textItemIndex*/ ctx[26];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context(ctx, each_value, i);
+		let key = get_key_1(child_ctx);
+		each1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			t0 = space();
+
+			for (let i = 0; i < each_blocks_1.length; i += 1) {
+				each_blocks_1[i].c();
+			}
+
+			t1 = space();
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div0, "class", "floorplan-plugin__rule-line svelte-1rr09in");
+			attr(div1, "class", div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1rr09in");
+			set_style(div1, "width", /*width*/ ctx[9], false);
+			set_style(div1, "transform", /*transform*/ ctx[7], false);
+			set_style(div1, "transform-origin", /*transformOrigin*/ ctx[8], false);
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+			append(div1, t0);
+
+			for (let i = 0; i < each_blocks_1.length; i += 1) {
+				each_blocks_1[i].m(div1, null);
+			}
+
+			append(div1, t1);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div1, null);
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*positionPxArray*/ 64) {
+				each_value_1 = /*positionPxArray*/ ctx[6];
+				each_blocks_1 = update_keyed_each(each_blocks_1, dirty, get_key, 1, ctx, each_value_1, each0_lookup, div1, destroy_block, create_each_block_1, t1, get_each_context_1);
+			}
+
+			if (dirty & /*isLeft, isTop, isRight, isBottom, textArray, isRow*/ 1086) {
+				each_value = /*textArray*/ ctx[10];
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key_1, 1, ctx, each_value, each1_lookup, div1, destroy_block, create_each_block, null, get_each_context);
+			}
+
+			if (dirty & /*type*/ 1 && div1_class_value !== (div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1rr09in")) {
+				attr(div1, "class", div1_class_value);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+
+			for (let i = 0; i < each_blocks_1.length; i += 1) {
+				each_blocks_1[i].d();
+			}
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+		}
+	};
+}
+
+const padding = 1000;
+
+function instance($$self, $$props, $$invalidate) {
+	let { pxmm } = $$props;
+	let { type } = $$props;
+	let { data } = $$props;
+	let { bounding } = $$props;
+	const isTop = type === 'top';
+	const isBottom = type === 'bottom';
+	const isLeft = type === 'left';
+	const isRight = type === 'right';
+	const isRow = isTop || isBottom;
+
+	// 计算每一段墙的长度，以及墙两侧点距离标尺初始点的像素值
+	const positionArray = 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 minPosition = positionArray[0];
+	const maxPosition = positionArray.slice(-1)[0];
+	const length = maxPosition - minPosition;
+	const minBounding = isRow ? bounding.min.x : bounding.min.y;
+	const lengthPx = length * pxmm;
+	const positionPxArray = positionArray.map(x => (x - minPosition) / length * lengthPx);
+
+	// 在主要方向上的偏移量，上下的标尺是距离图片左侧的长度，左右的标尺是距离图片底部的距离
+	const translateMain = (minPosition - minBounding) * pxmm;
+
+	// 在次要方向的偏移量，希望达到的效果是标尺轴距离户型图边界 27px，但是图片自身是带有 1000mm 的边界，所以在计算时需要减去这个边界
+	const translateSecond = 27 - padding * pxmm;
+
+	const translate = (() => {
+		if (isTop) return `translate(${translateMain}px, ${-translateSecond}px)`;
+		if (isBottom) return `translate(${translateMain}px, ${translateSecond}px)`;
+		if (isLeft) return `translate(${-translateSecond}px, ${-translateMain}px)`;
+		if (isRight) return `translate(${translateSecond}px, ${-translateMain - lengthPx}px)`;
+	})();
+
+	const rotate = isRow ? 'rotate(0)' : 'rotate(-90deg)';
+	const transform = `${translate} ${rotate}`;
+	const transformOrigin = `${isRight ? 'right' : 'left'} ${isTop ? 'top' : 'bottom'}`;
+	const width = lengthPx + 'px';
+
+	// 把点位的户型图坐标转成距离起始位置的像素值
+	const textArray = positionArray.map((position, index, array) => {
+		if (index === 0) return null;
+		const distance = position - array[index - 1];
+		const positionPx = (array[index - 1] + distance / 2 - minPosition) / length * lengthPx;
+		return { distance, positionPx };
+	}).filter(notNil).filter(item => item.distance / length > 0.12);
+
+	$$self.$$set = $$props => {
+		if ('pxmm' in $$props) $$invalidate(11, pxmm = $$props.pxmm);
+		if ('type' in $$props) $$invalidate(0, type = $$props.type);
+		if ('data' in $$props) $$invalidate(12, data = $$props.data);
+		if ('bounding' in $$props) $$invalidate(13, bounding = $$props.bounding);
+	};
+
+	return [
+		type,
+		isTop,
+		isBottom,
+		isLeft,
+		isRight,
+		isRow,
+		positionPxArray,
+		transform,
+		transformOrigin,
+		width,
+		textArray,
+		pxmm,
+		data,
+		bounding
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				pxmm: 11,
+				type: 0,
+				data: 12,
+				bounding: 13
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;