@realsee/dnalogel 2.0.0-alpha.18 → 2.0.0-alpha.20

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

@@ -1,13 +1,10 @@
 /* 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,
@@ -18,7 +15,6 @@ import {
 	group_outros,
 	init,
 	insert,
-	listen,
 	mount_component,
 	outro_and_destroy_block,
 	safe_not_equal,
@@ -29,19 +25,18 @@ import {
 } 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}");
+	append_styles(target, "svelte-1tk06jk", ".floorplan-plugin__room-highlight.svelte-1tk06jk{position:absolute;width:100%;height:100%}svg.svelte-1tk06jk{width:100%;height:100%;overflow:visible}");
 }
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[12] = list[i];
+	child_ctx[4] = list[i];
 	return child_ctx;
 }
 
-// (41:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
+// (10:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
 function create_each_block(key_1, ctx) {
 	let first;
 	let room;
@@ -49,9 +44,8 @@ function create_each_block(key_1, ctx) {
 
 	const room_spread_levels = [
 		{
-			room: /*room*/ ctx[12],
-			floorplanData: /*floorplanData*/ ctx[2],
-			pxmm: /*pxmm*/ ctx[0]
+			room: /*room*/ ctx[4],
+			floorplanData: /*floorplanData*/ ctx[1]
 		}
 	];
 
@@ -79,12 +73,11 @@ function create_each_block(key_1, ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			const room_changes = (dirty & /*floorplanData, floorIndex, pxmm*/ 7)
+			const room_changes = (dirty & /*floorplanData, floorIndex*/ 3)
 			? get_spread_update(room_spread_levels, [
 					{
-						room: /*room*/ ctx[12],
-						floorplanData: /*floorplanData*/ ctx[2],
-						pxmm: /*pxmm*/ ctx[0]
+						room: /*room*/ ctx[4],
+						floorplanData: /*floorplanData*/ ctx[1]
 					}
 				])
 			: {};
@@ -112,12 +105,10 @@ function create_fragment(ctx) {
 	let svg;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
-	let div_resize_listener;
+	let svg_viewBox_value;
 	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;
+	let each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].rooms;
+	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);
@@ -134,9 +125,11 @@ function create_fragment(ctx) {
 				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));
+			attr(svg, "width", "100%");
+			attr(svg, "height", "100%");
+			attr(svg, "viewBox", svg_viewBox_value = `0 0 ${/*boundingWidth*/ ctx[2]} ${/*boundingHeight*/ ctx[3]}`);
+			attr(svg, "class", "svelte-1tk06jk");
+			attr(div, "class", "floorplan-plugin__room-highlight svelte-1tk06jk");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -146,18 +139,11 @@ function create_fragment(ctx) {
 				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;
+			if (dirty & /*floorplanData, floorIndex*/ 3) {
+				each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].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();
@@ -185,106 +171,28 @@ function create_fragment(ctx) {
 			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 === null || onRoomHeightClick === void 0
-		? void 0
-		: 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);
-	}
+	const boundingWidth = floorplanData.bounding.max.x - floorplanData.bounding.min.x;
+	const boundingHeight = floorplanData.bounding.max.y - floorplanData.bounding.min.y;
 
 	$$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);
+		if ('floorIndex' in $$props) $$invalidate(0, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(1, floorplanData = $$props.floorplanData);
 	};
 
-	return [
-		pxmm,
-		floorIndex,
-		floorplanData,
-		clientWidth,
-		clientHeight,
-		highlightContainerDom,
-		handleClick,
-		five,
-		onRoomHeightClick,
-		div_binding,
-		div_elementresize_handler
-	];
+	return [floorIndex, floorplanData, boundingWidth, boundingHeight];
 }
 
 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
-		);
+		init(this, options, instance, create_fragment, safe_not_equal, { floorIndex: 0, floorplanData: 1 }, add_css);
 	}
 }
 

package/libs/floorplan/{ModelFloorplanPlugin/Components → Components}/RoomLabels/RoomLabels.js

@@ -25,7 +25,7 @@ import {
 import RoomLabel from './RoomLabel';
 
 function add_css(target) {
-	append_styles(target, "svelte-sw25w3", ".floorplan-plugin__room-labels.svelte-sw25w3{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}");
+	append_styles(target, "svelte-447cof", ".floorplan-plugin__room-labels.svelte-447cof{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20;pointer-events:none}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -57,7 +57,7 @@ function create_if_block(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "floorplan-plugin__room-labels svelte-sw25w3");
+			attr(div, "class", "floorplan-plugin__room-labels svelte-447cof");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);

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

@@ -30,15 +30,15 @@ function add_css(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[4] = list[i];
+	child_ctx[5] = list[i];
 	return child_ctx;
 }
 
-// (18:6) {:else}
+// (19:6) {:else}
 function create_else_block(ctx) {
 	let roommaterial_1;
 	let current;
-	roommaterial_1 = new RoomMaterial_1({ props: { path: /*room*/ ctx[4].path } });
+	roommaterial_1 = new RoomMaterial_1({ props: { path: /*room*/ ctx[5].path } });
 
 	return {
 		c() {
@@ -50,7 +50,7 @@ function create_else_block(ctx) {
 		},
 		p(ctx, dirty) {
 			const roommaterial_1_changes = {};
-			if (dirty & /*rooms*/ 1) roommaterial_1_changes.path = /*room*/ ctx[4].path;
+			if (dirty & /*rooms*/ 1) roommaterial_1_changes.path = /*room*/ ctx[5].path;
 			roommaterial_1.$set(roommaterial_1_changes);
 		},
 		i(local) {
@@ -68,11 +68,11 @@ function create_else_block(ctx) {
 	};
 }
 
-// (16:37) 
+// (17:37) 
 function create_if_block_1(ctx) {
 	let roommaterial_2;
 	let current;
-	roommaterial_2 = new RoomMaterial_2({ props: { path: /*room*/ ctx[4].path } });
+	roommaterial_2 = new RoomMaterial_2({ props: { path: /*room*/ ctx[5].path } });
 
 	return {
 		c() {
@@ -84,7 +84,7 @@ function create_if_block_1(ctx) {
 		},
 		p(ctx, dirty) {
 			const roommaterial_2_changes = {};
-			if (dirty & /*rooms*/ 1) roommaterial_2_changes.path = /*room*/ ctx[4].path;
+			if (dirty & /*rooms*/ 1) roommaterial_2_changes.path = /*room*/ ctx[5].path;
 			roommaterial_2.$set(roommaterial_2_changes);
 		},
 		i(local) {
@@ -102,11 +102,11 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (14:6) {#if room.floorType === 1}
+// (15: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 } });
+	roommaterial_0 = new RoomMaterial_0({ props: { path: /*room*/ ctx[5].path } });
 
 	return {
 		c() {
@@ -118,7 +118,7 @@ function create_if_block(ctx) {
 		},
 		p(ctx, dirty) {
 			const roommaterial_0_changes = {};
-			if (dirty & /*rooms*/ 1) roommaterial_0_changes.path = /*room*/ ctx[4].path;
+			if (dirty & /*rooms*/ 1) roommaterial_0_changes.path = /*room*/ ctx[5].path;
 			roommaterial_0.$set(roommaterial_0_changes);
 		},
 		i(local) {
@@ -136,18 +136,19 @@ function create_if_block(ctx) {
 	};
 }
 
-// (12:2) {#each rooms as room}
+// (13:2) {#each rooms as room}
 function create_each_block(ctx) {
 	let svg;
 	let current_block_type_index;
 	let if_block;
+	let svg_viewBox_value;
 	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;
+		if (/*room*/ ctx[5].floorType === 1) return 0;
+		if (/*room*/ ctx[5].floorType === 0) return 1;
 		return 2;
 	}
 
@@ -158,6 +159,9 @@ function create_each_block(ctx) {
 		c() {
 			svg = svg_element("svg");
 			if_block.c();
+			attr(svg, "width", "100%");
+			attr(svg, "height", "100%");
+			attr(svg, "viewBox", svg_viewBox_value = `0 0 ${/*boundingWidth*/ ctx[1]} ${/*boundingHeight*/ ctx[2]}`);
 			attr(svg, "class", "svelte-1b0icjc");
 		},
 		m(target, anchor) {
@@ -242,7 +246,7 @@ function create_fragment(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*rooms*/ 1) {
+			if (dirty & /*boundingWidth, boundingHeight, rooms*/ 7) {
 				each_value = /*rooms*/ ctx[0];
 				let i;
 
@@ -297,30 +301,30 @@ function create_fragment(ctx) {
 function instance($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
-	let { pxmm } = $$props;
 	let { floorplanData } = $$props;
+	const boundingWidth = floorplanData.bounding.max.x - floorplanData.bounding.min.x;
+	const boundingHeight = floorplanData.bounding.max.y - floorplanData.bounding.min.y;
 
 	$$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);
+		if ('floorIndex' in $$props) $$invalidate(3, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(4, floorplanData = $$props.floorplanData);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*floorplanData, floorIndex, pxmm*/ 14) {
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 24) {
 			$: $$invalidate(0, rooms = floorplanData.floorDatas[floorIndex].rooms.map(room => Object.assign(Object.assign({}, room), {
-				path: room.path.map(p => formatFloorplanPoint(p, pxmm, floorplanData.bounding))
+				path: room.path.map(p => formatFloorplanPoint(p, floorplanData.bounding))
 			})));
 		}
 	};
 
-	return [rooms, floorIndex, pxmm, floorplanData];
+	return [rooms, boundingWidth, boundingHeight, floorIndex, 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);
+		init(this, options, instance, create_fragment, safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css);
 	}
 }
 

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;
+}
+
+// (53: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);
+		}
+	};
+}
+
+// (62: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;