@realsee/dnalogel 2.0.3 → 2.0.4-dev.1

package/libs/ModelRoomLabelPlugin/RoomLabelItems.js

@@ -1,288 +1,151 @@
-/* generated by Svelte v3.50.1 */
-import {
-	SvelteComponent,
-	add_render_callback,
-	add_resize_listener,
-	append_styles,
-	attr,
-	check_outros,
-	create_component,
-	destroy_component,
-	detach,
-	element,
-	empty,
-	globals,
-	group_outros,
-	init,
-	insert,
-	mount_component,
-	outro_and_destroy_block,
-	safe_not_equal,
-	transition_in,
-	transition_out,
-	update_keyed_each
-} from "svelte/internal";
-
-const { Map: Map_1 } = globals;
-import { onDestroy } from 'svelte';
-import { Raycaster, Vector3 } from 'three';
-import RoomLabelItem from './RoomLabelItem';
-
-function add_css(target) {
-	append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
+import { S as U, i as H, s as P, a as V, e as W, b as q, z as A, c as S, A as B, B as Q, d as E, f as D, t as R, g as j, P as G, Q as J, r as K, j as N, m as X, k as Y, h as Z, C as $ } from "../index.d6d7690a.js";
+import { Raycaster as ee, Vector3 as w } from "three";
+import te from "./RoomLabelItem.js";
+import "./Assets/roomLabelBg.js";
+const { Map: oe } = J;
+function ne(l) {
+  V(l, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
-
-function get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[13] = list[i];
-	return child_ctx;
+function M(l, s, e) {
+  const r = l.slice();
+  return r[13] = s[e], r;
 }
-
-// (79:2) {#each roomLabels as roomLableItem (roomLableItem.id)}
-function create_each_block(key_1, ctx) {
-	let first;
-	let roomlabelitem;
-	let current;
-
-	roomlabelitem = new RoomLabelItem({
-			props: {
-				roomLabel: /*roomLableItem*/ ctx[13],
-				five: /*five*/ ctx[1]
-			}
-		});
-
-	return {
-		key: key_1,
-		first: null,
-		c() {
-			first = empty();
-			create_component(roomlabelitem.$$.fragment);
-			this.first = first;
-		},
-		m(target, anchor) {
-			insert(target, first, anchor);
-			mount_component(roomlabelitem, target, anchor);
-			current = true;
-		},
-		p(new_ctx, dirty) {
-			ctx = new_ctx;
-			const roomlabelitem_changes = {};
-			if (dirty & /*roomLabels*/ 1) roomlabelitem_changes.roomLabel = /*roomLableItem*/ ctx[13];
-			if (dirty & /*five*/ 2) roomlabelitem_changes.five = /*five*/ ctx[1];
-			roomlabelitem.$set(roomlabelitem_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(roomlabelitem.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(roomlabelitem.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(first);
-			destroy_component(roomlabelitem, detaching);
-		}
-	};
+function C(l, s) {
+  let e, r, f;
+  return r = new te({
+    props: {
+      roomLabel: s[13],
+      five: s[1]
+    }
+  }), {
+    key: l,
+    first: null,
+    c() {
+      e = K(), N(r.$$.fragment), this.first = e;
+    },
+    m(t, i) {
+      S(t, e, i), X(r, t, i), f = !0;
+    },
+    p(t, i) {
+      s = t;
+      const m = {};
+      i & 1 && (m.roomLabel = s[13]), i & 2 && (m.five = s[1]), r.$set(m);
+    },
+    i(t) {
+      f || (D(r.$$.fragment, t), f = !0);
+    },
+    o(t) {
+      R(r.$$.fragment, t), f = !1;
+    },
+    d(t) {
+      t && j(e), Y(r, t);
+    }
+  };
 }
-
-function create_fragment(ctx) {
-	let div;
-	let each_blocks = [];
-	let each_1_lookup = new Map_1();
-	let div_resize_listener;
-	let current;
-	let each_value = /*roomLabels*/ ctx[0];
-	const get_key = ctx => /*roomLableItem*/ ctx[13].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", "room-labels-container svelte-9eg4zi");
-			add_render_callback(() => /*div_elementresize_handler*/ ctx[6].call(div));
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div, null);
-			}
-
-			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[6].bind(div));
-			current = true;
-		},
-		p(ctx, [dirty]) {
-			if (dirty & /*roomLabels, five*/ 3) {
-				each_value = /*roomLabels*/ ctx[0];
-				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();
-			}
-
-			div_resize_listener();
-		}
-	};
+function se(l) {
+  let s, e = [], r = new oe(), f, t, i = l[0];
+  const m = (n) => n[13].id;
+  for (let n = 0; n < i.length; n += 1) {
+    let o = M(l, i, n), d = m(o);
+    r.set(d, e[n] = C(d, o));
+  }
+  return {
+    c() {
+      s = W("div");
+      for (let n = 0; n < e.length; n += 1)
+        e[n].c();
+      q(s, "class", "room-labels-container svelte-9eg4zi"), A(() => l[6].call(s));
+    },
+    m(n, o) {
+      S(n, s, o);
+      for (let d = 0; d < e.length; d += 1)
+        e[d].m(s, null);
+      f = B(s, l[6].bind(s)), t = !0;
+    },
+    p(n, [o]) {
+      o & 3 && (i = n[0], Z(), e = Q(e, o, m, 1, n, i, r, s, $, C, null, M), E());
+    },
+    i(n) {
+      if (!t) {
+        for (let o = 0; o < i.length; o += 1)
+          D(e[o]);
+        t = !0;
+      }
+    },
+    o(n) {
+      for (let o = 0; o < e.length; o += 1)
+        R(e[o]);
+      t = !1;
+    },
+    d(n) {
+      n && j(s);
+      for (let o = 0; o < e.length; o += 1)
+        e[o].d();
+      f();
+    }
+  };
 }
-
-function instance($$self, $$props, $$invalidate) {
-	let rendererSize;
-	var _a;
-	let { five } = $$props;
-	let { roomLabels } = $$props;
-	let containerWidth;
-	let containerHeight;
-
-	let shownFloor = (_a = five.model.shownFloor) !== null && _a !== void 0
-	? _a
-	: null;
-
-	function getLabelVisible(item) {
-		const isLabelInFloor = shownFloor === null || item.floorIndex === shownFloor;
-		if (!isLabelInFloor) return false;
-		const raycaster = new Raycaster();
-		const cameraPosition = five.camera.position.clone();
-		const position = new Vector3(item.position.x, item.position.y, item.position.z);
-		const vectorDistance = position.distanceTo(cameraPosition);
-		raycaster.set(cameraPosition.clone(), position.clone().sub(cameraPosition).normalize());
-		const [intersection] = five.model.intersectRaycaster(raycaster);
-		if (intersection && intersection.distance + 1 < vectorDistance) return false;
-		return true;
-	}
-
-	function getLabelTransform(item, rendererSize) {
-		const position = new Vector3(item.position.x, item.position.y, item.position.z);
-		const mouse = position.clone().project(five.camera);
-		const xOffset = Math.ceil((mouse.x + 1) / 2 * rendererSize.x);
-		const yOffset = Math.ceil((-mouse.y + 1) / 2 * rendererSize.y);
-		return `translate(${xOffset}px, ${yOffset}px)`;
-	}
-
-	function getFormatedRoomLabels(params) {
-		const { rendererSize, shownFloor } = params;
-
-		// 因为 item distance 需要重复计算，所以缓存一下
-		const distanceMap = new Map();
-
-		function getItemDistance(item) {
-			const cacheDistance = distanceMap.get(item.id);
-			if (cacheDistance) return cacheDistance;
-			const { x, y, z } = item.position;
-			const distance = new Vector3(x, y, z).clone().distanceTo(five.camera.position);
-			distanceMap.set(item.id, distance);
-			return distance;
-		}
-
-		const formatedItems = roomLabels.map(item => {
-			const visible = getLabelVisible(item);
-
-			const transform = visible
-			? getLabelTransform(item, rendererSize)
-			: item.transform;
-
-			const itemDistance = getItemDistance(item);
-
-			// visible === true 的 item 中，distance 比自己小的 item 个数
-			const minItemLen = roomLabels.filter(item => item.visible && getItemDistance(item) < itemDistance).length;
-
-			const zIndex = minItemLen * 10;
-			return Object.assign(Object.assign({}, item), { visible, transform, zIndex });
-		});
-
-		return formatedItems;
-	}
-
-	function onFiveCameraUpdate() {
-		$$invalidate(0, roomLabels = getFormatedRoomLabels({ rendererSize, shownFloor }));
-	}
-
-	function onFiveModelShownFloorChange(floorIndex) {
-		$$invalidate(4, shownFloor = floorIndex);
-	}
-
-	five.on('cameraUpdate', onFiveCameraUpdate);
-	five.on('modelShownFloorChange', onFiveModelShownFloorChange);
-
-	onDestroy(() => {
-		five.off('cameraUpdate', onFiveCameraUpdate);
-		five.off('modelShownFloorChange', onFiveModelShownFloorChange);
-	});
-
-	function div_elementresize_handler() {
-		containerWidth = this.clientWidth;
-		containerHeight = this.clientHeight;
-		$$invalidate(2, containerWidth);
-		$$invalidate(3, containerHeight);
-	}
-
-	$$self.$$set = $$props => {
-		if ('five' in $$props) $$invalidate(1, five = $$props.five);
-		if ('roomLabels' in $$props) $$invalidate(0, roomLabels = $$props.roomLabels);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*containerWidth, containerHeight*/ 12) {
-			$: $$invalidate(5, rendererSize = { x: containerWidth, y: containerHeight });
-		}
-
-		if ($$self.$$.dirty & /*rendererSize, shownFloor*/ 48) {
-			$: {
-				// rendererSize 和 shownFloor 变化时，触发 reRender
-				$$invalidate(0, roomLabels = getFormatedRoomLabels({ rendererSize, shownFloor }));
-			}
-		}
-	};
-
-	return [
-		roomLabels,
-		five,
-		containerWidth,
-		containerHeight,
-		shownFloor,
-		rendererSize,
-		div_elementresize_handler
-	];
+function re(l, s, e) {
+  let r;
+  var f;
+  let { five: t } = s, { roomLabels: i } = s, m, n, o = (f = t.model.shownFloor) !== null && f !== void 0 ? f : null;
+  function d(a) {
+    if (!(o === null || a.floorIndex === o))
+      return !1;
+    const g = new ee(), u = t.camera.position.clone(), h = new w(a.position.x, a.position.y, a.position.z), b = h.distanceTo(u);
+    g.set(u.clone(), h.clone().sub(u).normalize());
+    const [c] = t.model.intersectRaycaster(g);
+    return !(c && c.distance + 1 < b);
+  }
+  function O(a, _) {
+    const u = new w(a.position.x, a.position.y, a.position.z).clone().project(t.camera), h = Math.ceil((u.x + 1) / 2 * _.x), b = Math.ceil((-u.y + 1) / 2 * _.y);
+    return `translate(${h}px, ${b}px)`;
+  }
+  function z(a) {
+    const { rendererSize: _, shownFloor: g } = a, u = /* @__PURE__ */ new Map();
+    function h(c) {
+      const p = u.get(c.id);
+      if (p)
+        return p;
+      const { x: v, y: L, z: I } = c.position, y = new w(v, L, I).clone().distanceTo(t.camera.position);
+      return u.set(c.id, y), y;
+    }
+    return i.map((c) => {
+      const p = d(c), v = p ? O(c, _) : c.transform, L = h(c), y = i.filter((x) => x.visible && h(x) < L).length * 10;
+      return Object.assign(Object.assign({}, c), { visible: p, transform: v, zIndex: y });
+    });
+  }
+  function k() {
+    e(0, i = z({ rendererSize: r, shownFloor: o }));
+  }
+  function F(a) {
+    e(4, o = a);
+  }
+  t.on("cameraUpdate", k), t.on("modelShownFloorChange", F), G(() => {
+    t.off("cameraUpdate", k), t.off("modelShownFloorChange", F);
+  });
+  function T() {
+    m = this.clientWidth, n = this.clientHeight, e(2, m), e(3, n);
+  }
+  return l.$$set = (a) => {
+    "five" in a && e(1, t = a.five), "roomLabels" in a && e(0, i = a.roomLabels);
+  }, l.$$.update = () => {
+    l.$$.dirty & 12 && e(5, r = { x: m, y: n }), l.$$.dirty & 48 && e(0, i = z({ rendererSize: r, shownFloor: o }));
+  }, [
+    i,
+    t,
+    m,
+    n,
+    o,
+    r,
+    T
+  ];
 }
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { five: 1, roomLabels: 0 }, add_css);
-	}
+class fe extends U {
+  constructor(s) {
+    super(), H(this, s, re, se, P, { five: 1, roomLabels: 0 }, ne);
+  }
 }
-
-export default Component;
+export {
+  fe as default
+};

package/libs/ModelRoomLabelPlugin/index.js

@@ -1,9 +1,16 @@
-import * as Controller from './Controller';
-export const ModelRoomLabelPlugin = (five) => {
-    return new Controller.ModelRoomLabelController(five);
+import { ModelRoomLabelController as e } from "./Controller.js";
+import "./RoomLabelItems.js";
+import "../index.d6d7690a.js";
+import "three";
+import "./RoomLabelItem.js";
+import "./Assets/roomLabelBg.js";
+import "./utils/parseData.js";
+const p = (o) => new e(o), d = {
+  name: "ModelRoomLabelPlugin",
+  version: 0
 };
-export default ModelRoomLabelPlugin;
-export const modelRoomLabelPluginServerParams = {
-    name: 'ModelRoomLabelPlugin',
-    version: 0,
+export {
+  p as ModelRoomLabelPlugin,
+  p as default,
+  d as modelRoomLabelPluginServerParams
 };

package/libs/ModelRoomLabelPlugin/typings.js

@@ -1 +1 @@
-export {};
+

package/libs/ModelRoomLabelPlugin/utils/parseData.js

@@ -1,14 +1,16 @@
-/** @description 下划线转驼峰 */
-export function parseModelRoomLabelPluginData(data) {
-    return data.model_room_labels.map(({ id, pano_index, floor_index, name, position, longitude }) => ({
-        id,
-        name,
-        position,
-        longitude,
-        panoIndex: pano_index,
-        floorIndex: floor_index,
-        zIndex: 0,
-        visible: false,
-        transform: '',
-    }));
+function m(e) {
+  return e.model_room_labels.map(({ id: o, pano_index: a, floor_index: l, name: n, position: r, longitude: d }) => ({
+    id: o,
+    name: n,
+    position: r,
+    longitude: d,
+    panoIndex: a,
+    floorIndex: l,
+    zIndex: 0,
+    visible: !1,
+    transform: ""
+  }));
 }
+export {
+  m as parseModelRoomLabelPluginData
+};