@realsee/dnalogel 2.0.3 → 2.0.4

package/libs/PanoRulerProPlugin/RulerItems.js

@@ -1,377 +1,180 @@
-/* generated by Svelte v3.50.1 */
-import {
-	SvelteComponent,
-	check_outros,
-	create_component,
-	destroy_component,
-	destroy_each,
-	detach,
-	element,
-	group_outros,
-	init,
-	insert,
-	mount_component,
-	safe_not_equal,
-	transition_in,
-	transition_out
-} from "svelte/internal";
-
-import { Five } from '@realsee/five';
-import { nextFrame } from '../shared-utils/animationFrame';
-import equal from '../shared-utils/equal';
-import { intersectionOfLine } from '../shared-utils/math/planimetry';
-import throttle from '../shared-utils/throttle';
-import { onDestroy, onMount } from 'svelte';
-import { Vector3 } from 'three';
-import RulerItem from './RulerItem';
-
-function get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[16] = list[i];
-	return child_ctx;
+import { S as Q, i as X, s as Z, e as $, c as tt, f as Y, d as et, t as G, g as nt, D as ot, F as rt, P as at, j as st, m as ct, k as it, h as lt } from "../index.d6d7690a.js";
+import { Five as ft } from "@realsee/five";
+import { nextFrame as ut } from "../shared-utils/animationFrame/index.js";
+import C from "../shared-utils/equal.js";
+import { intersectionOfLine as mt } from "../shared-utils/math/planimetry.js";
+import dt from "../shared-utils/throttle.js";
+import { Vector3 as P } from "three";
+import ht from "./RulerItem.js";
+import "../shared-utils/isTruelyObject.js";
+function V(g, a, i) {
+  const o = g.slice();
+  return o[16] = a[i], o;
 }
-
-// (206:2) {#each rulerItemProp as itemData}
-function create_each_block(ctx) {
-	let ruleritem;
-	let current;
-
-	ruleritem = new RulerItem({
-			props: { rulerItemProp: /*itemData*/ ctx[16] }
-		});
-
-	return {
-		c() {
-			create_component(ruleritem.$$.fragment);
-		},
-		m(target, anchor) {
-			mount_component(ruleritem, target, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const ruleritem_changes = {};
-			if (dirty & /*rulerItemProp*/ 1) ruleritem_changes.rulerItemProp = /*itemData*/ ctx[16];
-			ruleritem.$set(ruleritem_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(ruleritem.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(ruleritem.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			destroy_component(ruleritem, detaching);
-		}
-	};
+function J(g) {
+  let a, i;
+  return a = new ht({
+    props: { rulerItemProp: g[16] }
+  }), {
+    c() {
+      st(a.$$.fragment);
+    },
+    m(o, e) {
+      ct(a, o, e), i = !0;
+    },
+    p(o, e) {
+      const v = {};
+      e & 1 && (v.rulerItemProp = o[16]), a.$set(v);
+    },
+    i(o) {
+      i || (Y(a.$$.fragment, o), i = !0);
+    },
+    o(o) {
+      G(a.$$.fragment, o), i = !1;
+    },
+    d(o) {
+      it(a, o);
+    }
+  };
 }
-
-function create_fragment(ctx) {
-	let div;
-	let current;
-	let each_value = /*rulerItemProp*/ ctx[0];
-	let each_blocks = [];
-
-	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
-	}
-
-	const out = i => transition_out(each_blocks[i], 1, 1, () => {
-		each_blocks[i] = null;
-	});
-
-	return {
-		c() {
-			div = element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-		},
-		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 & /*rulerItemProp*/ 1) {
-				each_value = /*rulerItemProp*/ ctx[0];
-				let i;
-
-				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context(ctx, each_value, i);
-
-					if (each_blocks[i]) {
-						each_blocks[i].p(child_ctx, dirty);
-						transition_in(each_blocks[i], 1);
-					} else {
-						each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
-						transition_in(each_blocks[i], 1);
-						each_blocks[i].m(div, null);
-					}
-				}
-
-				group_outros();
-
-				for (i = each_value.length; i < each_blocks.length; i += 1) {
-					out(i);
-				}
-
-				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) {
-			each_blocks = each_blocks.filter(Boolean);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				transition_out(each_blocks[i]);
-			}
-
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			destroy_each(each_blocks, detaching);
-		}
-	};
+function pt(g) {
+  let a, i, o = g[0], e = [];
+  for (let n = 0; n < o.length; n += 1)
+    e[n] = J(V(g, o, n));
+  const v = (n) => G(e[n], 1, 1, () => {
+    e[n] = null;
+  });
+  return {
+    c() {
+      a = $("div");
+      for (let n = 0; n < e.length; n += 1)
+        e[n].c();
+    },
+    m(n, t) {
+      tt(n, a, t);
+      for (let r = 0; r < e.length; r += 1)
+        e[r].m(a, null);
+      i = !0;
+    },
+    p(n, [t]) {
+      if (t & 1) {
+        o = n[0];
+        let r;
+        for (r = 0; r < o.length; r += 1) {
+          const b = V(n, o, r);
+          e[r] ? (e[r].p(b, t), Y(e[r], 1)) : (e[r] = J(b), e[r].c(), Y(e[r], 1), e[r].m(a, null));
+        }
+        for (lt(), r = o.length; r < e.length; r += 1)
+          v(r);
+        et();
+      }
+    },
+    i(n) {
+      if (!i) {
+        for (let t = 0; t < o.length; t += 1)
+          Y(e[t]);
+        i = !0;
+      }
+    },
+    o(n) {
+      e = e.filter(Boolean);
+      for (let t = 0; t < e.length; t += 1)
+        G(e[t]);
+      i = !1;
+    },
+    d(n) {
+      n && nt(a), ot(e, n);
+    }
+  };
 }
-
-function instance($$self, $$props, $$invalidate) {
-	var _a, _b, _c, _d;
-	let { five } = $$props;
-	let { rulerDatas } = $$props;
-	let { options } = $$props;
-	let rulerItemProp = [];
-
-	const canvasWidth = ((_b = (_a = five.getElement()) === null || _a === void 0
-	? void 0
-	: _a.parentElement) === null || _b === void 0
-	? void 0
-	: _b.clientWidth) || 0;
-
-	const canvasHeight = ((_d = (_c = five.getElement()) === null || _c === void 0
-	? void 0
-	: _c.parentElement) === null || _d === void 0
-	? void 0
-	: _d.clientHeight) || 0;
-
-	const getRuleScreenIntr = (startPoint, endPoint) => {
-		const screenLines = [
-			[{ x: 0, y: 0 }, { x: canvasWidth, y: 0 }],
-			[{ x: 0, y: 0 }, { x: 0, y: canvasHeight }],
-			[{ x: canvasWidth, y: 0 }, { x: canvasWidth, y: canvasHeight }],
-			[{ x: 0, y: canvasHeight }, { x: canvasWidth, y: canvasHeight }]
-		];
-
-		const intr = [];
-
-		for (let i = 0; i < screenLines.length; i++) {
-			const result = intersectionOfLine([startPoint, endPoint], [screenLines[i][0], screenLines[i][1]], true);
-			if (result) intr.push(result);
-		}
-
-		if (intr.length === 0) return false; else {
-			return intr;
-		}
-	};
-
-	const getPosition = (start, end) => {
-		const startPoint = start.clone().project(five.camera);
-		const startLeft = (startPoint.x + 1) / 2 * canvasWidth;
-		const startTop = (-startPoint.y + 1) / 2 * canvasHeight;
-		const endPoint = end.clone().project(five.camera);
-		const endLeft = (endPoint.x + 1) / 2 * canvasWidth;
-		const endTop = (-endPoint.y + 1) / 2 * canvasHeight;
-		const distance = Math.sqrt(Math.pow(endLeft - startLeft, 2) + Math.pow(endTop - startTop, 2));
-
-		return {
-			startLeft,
-			startTop,
-			endLeft,
-			endTop,
-			distance
-		};
-	};
-
-	const getPositionAndVisible = (start, end, visibleOrigin) => {
-		const cameraPosition = five.camera.position;
-		const cameraDirection = five.camera.getWorldDirection(new Vector3());
-		const startAngle = start.clone().sub(cameraPosition).normalize().angleTo(cameraDirection);
-		const endAngle = end.clone().sub(cameraPosition).normalize().angleTo(cameraDirection);
-		const ruleLength = start.distanceTo(end);
-		const midPoint = end.clone().sub(end.clone().sub(start).divide(new Vector3(2, 2, 2)));
-		const disFromCameraToMid = midPoint.distanceTo(cameraPosition);
-		const { startLeft, startTop, endLeft, endTop, distance } = getPosition(start, end);
-		const rad = Math.PI / 2 - Math.atan2(endLeft - startLeft, startTop - endTop);
-		const deg = -(rad / Math.PI) * 180;
-		let visible = true;
-		if (!visibleOrigin) visible = false;
-
-		// 只显示拐点相连的线
-		if (!equal(start, visibleOrigin) && !equal(end, visibleOrigin)) {
-			visible = false;
-		}
-
-		// 线小于0.3m隐藏
-		if (ruleLength < 0.3) {
-			visible = false;
-		}
-
-		if (startAngle > Math.PI / 2) {
-			visible = false;
-		}
-
-		if (endAngle > Math.PI / 2) {
-			visible = false;
-		}
-
-		if (disFromCameraToMid / ruleLength > 8) {
-			visible = false;
-		}
-
-		let labelOffset = 50;
-		let visibleLength = distance;
-		const intr = getRuleScreenIntr({ x: ~~startLeft, y: ~~startTop }, { x: ~~endLeft, y: ~~endTop });
-
-		if (intr && intr.length === 1) {
-			if (equal(start, visibleOrigin)) {
-				visibleLength = Math.sqrt(Math.pow(intr[0].x - startLeft, 2) + Math.pow(intr[0].y - startTop, 2));
-				labelOffset = visibleLength / distance * 50;
-			} else if (equal(end, visibleOrigin)) {
-				visibleLength = Math.sqrt(Math.pow(intr[0].x - endLeft, 2) + Math.pow(intr[0].y - endTop, 2));
-				labelOffset = 100 - visibleLength / distance * 50;
-			}
-		}
-
-		if (intr && intr.length === 2) {
-			const middlePoint = {
-				x: (intr[0].x + intr[1].x) / 2,
-				y: (intr[0].y + intr[1].y) / 2
-			};
-
-			const distanceFromStart = Math.sqrt(Math.pow(middlePoint.x - startLeft, 2) + Math.pow(middlePoint.y - startTop, 2));
-			labelOffset = distanceFromStart / distance * 100;
-		}
-
-		return {
-			startLeft,
-			startTop,
-			distance,
-			deg,
-			visible,
-			labelOffset,
-			ruleLength
-		};
-	};
-
-	const updatePanoRulerData = () => {
-		const panoIndex = five.panoIndex;
-		const rulerData = rulerDatas.find(data => data.panoIndex === panoIndex);
-		if (!rulerData) return $$invalidate(0, rulerItemProp = []);
-
-		// 非全景模式下隐藏所有标尺
-		if (five.currentMode !== Five.Mode.Panorama) return $$invalidate(0, rulerItemProp = []);
-
-		const cameraPosition = five.camera.position;
-		const cameraDirection = five.camera.getWorldDirection(new Vector3());
-		const startPoints = rulerData.lines.map(v => new Vector3(v.start[0], -v.start[1], -v.start[2]));
-		const endPoints = rulerData.lines.map(v => new Vector3(v.end[0], -v.end[1], -v.end[2]));
-
-		// 可以看到的角度最小的拐点
-		const [visibleOrigin] = startPoints.concat(endPoints).sort((pointA, pointB) => {
-			const angleA = pointA.clone().setY(0).sub(cameraPosition).normalize().angleTo(cameraDirection.clone().setY(0));
-			const angleB = pointB.clone().setY(0).sub(cameraPosition).normalize().angleTo(cameraDirection.clone().setY(0));
-			return angleA - angleB;
-		});
-
-		const data = rulerData.lines.map(line => {
-			var _a, _b;
-			const start = line.start;
-			const end = line.end;
-			const { startLeft, startTop, distance, deg, visible, labelOffset, ruleLength } = getPositionAndVisible(new Vector3(start[0], -start[1], -start[2]), new Vector3(end[0], -end[1], -end[2]), visibleOrigin);
-			const children = [];
-
-			if (line.children && ((_a = line.children) === null || _a === void 0
-			? void 0
-			: _a.length) > 0) {
-				(_b = line.children) === null || _b === void 0
-				? void 0
-				: _b.forEach(l => {
-						const start = l.start;
-						const end = l.end;
-						const { distance } = getPosition(new Vector3(start[0], -start[1], -start[2]), new Vector3(end[0], -end[1], -end[2]));
-						children.push({ width: distance, state: l.state });
-					});
-			}
-
-			return {
-				width: distance,
-				left: startLeft,
-				top: startTop,
-				rotateDeg: deg,
-				state: line.state,
-				children,
-				labelOffset,
-				visible,
-				labelElement: options.distanceText(ruleLength)
-			};
-		});
-
-		$$invalidate(0, rulerItemProp = data);
-	};
-
-	const nextFrameFreshRule = () => nextFrame(updatePanoRulerData);
-	const throttleFreshRule = throttle(updatePanoRulerData, 80);
-
-	onMount(() => {
-		updatePanoRulerData();
-		five.on('panoArrived', updatePanoRulerData);
-		five.on('modeChange', updatePanoRulerData);
-		five.on('cameraDirectionUpdate', nextFrameFreshRule);
-		five.on('movingToPano', nextFrameFreshRule);
-		five.on('mouseWheel', () => throttleFreshRule());
-		five.on('pinchGesture', () => throttleFreshRule());
-	});
-
-	onDestroy(() => {
-		five.off('panoArrived', updatePanoRulerData);
-		five.off('modeChange', updatePanoRulerData);
-		five.off('cameraDirectionUpdate', nextFrameFreshRule);
-		five.off('movingToPano', nextFrameFreshRule);
-		five.off('mouseWheel', () => throttleFreshRule());
-		five.off('pinchGesture', () => throttleFreshRule());
-	});
-
-	$$self.$$set = $$props => {
-		if ('five' in $$props) $$invalidate(1, five = $$props.five);
-		if ('rulerDatas' in $$props) $$invalidate(2, rulerDatas = $$props.rulerDatas);
-		if ('options' in $$props) $$invalidate(3, options = $$props.options);
-	};
-
-	return [rulerItemProp, five, rulerDatas, options];
+function gt(g, a, i) {
+  var o, e, v, n;
+  let { five: t } = a, { rulerDatas: r } = a, { options: b } = a, W = [];
+  const I = ((e = (o = t.getElement()) === null || o === void 0 ? void 0 : o.parentElement) === null || e === void 0 ? void 0 : e.clientWidth) || 0, L = ((n = (v = t.getElement()) === null || v === void 0 ? void 0 : v.parentElement) === null || n === void 0 ? void 0 : n.clientHeight) || 0, K = (c, l) => {
+    const f = [
+      [{ x: 0, y: 0 }, { x: I, y: 0 }],
+      [{ x: 0, y: 0 }, { x: 0, y: L }],
+      [{ x: I, y: 0 }, { x: I, y: L }],
+      [{ x: 0, y: L }, { x: I, y: L }]
+    ], m = [];
+    for (let d = 0; d < f.length; d++) {
+      const x = mt([c, l], [f[d][0], f[d][1]], !0);
+      x && m.push(x);
+    }
+    return m.length === 0 ? !1 : m;
+  }, H = (c, l) => {
+    const f = c.clone().project(t.camera), m = (f.x + 1) / 2 * I, d = (-f.y + 1) / 2 * L, x = l.clone().project(t.camera), F = (x.x + 1) / 2 * I, M = (-x.y + 1) / 2 * L, s = Math.sqrt(Math.pow(F - m, 2) + Math.pow(M - d, 2));
+    return {
+      startLeft: m,
+      startTop: d,
+      endLeft: F,
+      endTop: M,
+      distance: s
+    };
+  }, N = (c, l, f) => {
+    const m = t.camera.position, d = t.camera.getWorldDirection(new P()), x = c.clone().sub(m).normalize().angleTo(d), F = l.clone().sub(m).normalize().angleTo(d), M = c.distanceTo(l), y = l.clone().sub(l.clone().sub(c).divide(new P(2, 2, 2))).distanceTo(m), { startLeft: h, startTop: p, endLeft: D, endTop: R, distance: T } = H(c, l), j = -((Math.PI / 2 - Math.atan2(D - h, p - R)) / Math.PI) * 180;
+    let _ = !0;
+    f || (_ = !1), !C(c, f) && !C(l, f) && (_ = !1), M < 0.3 && (_ = !1), x > Math.PI / 2 && (_ = !1), F > Math.PI / 2 && (_ = !1), y / M > 8 && (_ = !1);
+    let q = 50, A = T;
+    const u = K({ x: ~~h, y: ~~p }, { x: ~~D, y: ~~R });
+    if (u && u.length === 1 && (C(c, f) ? (A = Math.sqrt(Math.pow(u[0].x - h, 2) + Math.pow(u[0].y - p, 2)), q = A / T * 50) : C(l, f) && (A = Math.sqrt(Math.pow(u[0].x - D, 2) + Math.pow(u[0].y - R, 2)), q = 100 - A / T * 50)), u && u.length === 2) {
+      const E = {
+        x: (u[0].x + u[1].x) / 2,
+        y: (u[0].y + u[1].y) / 2
+      };
+      q = Math.sqrt(Math.pow(E.x - h, 2) + Math.pow(E.y - p, 2)) / T * 100;
+    }
+    return {
+      startLeft: h,
+      startTop: p,
+      distance: T,
+      deg: j,
+      visible: _,
+      labelOffset: q,
+      ruleLength: M
+    };
+  }, w = () => {
+    const c = t.panoIndex, l = r.find((s) => s.panoIndex === c);
+    if (!l)
+      return i(0, W = []);
+    if (t.currentMode !== ft.Mode.Panorama)
+      return i(0, W = []);
+    const f = t.camera.position, m = t.camera.getWorldDirection(new P()), d = l.lines.map((s) => new P(s.start[0], -s.start[1], -s.start[2])), x = l.lines.map((s) => new P(s.end[0], -s.end[1], -s.end[2])), [F] = d.concat(x).sort((s, y) => {
+      const h = s.clone().setY(0).sub(f).normalize().angleTo(m.clone().setY(0)), p = y.clone().setY(0).sub(f).normalize().angleTo(m.clone().setY(0));
+      return h - p;
+    }), M = l.lines.map((s) => {
+      var y, h;
+      const p = s.start, D = s.end, { startLeft: R, startTop: T, distance: U, deg: j, visible: _, labelOffset: q, ruleLength: A } = N(new P(p[0], -p[1], -p[2]), new P(D[0], -D[1], -D[2]), F), u = [];
+      return s.children && ((y = s.children) === null || y === void 0 ? void 0 : y.length) > 0 && ((h = s.children) === null || h === void 0 || h.forEach((E) => {
+        const z = E.start, B = E.end, { distance: O } = H(new P(z[0], -z[1], -z[2]), new P(B[0], -B[1], -B[2]));
+        u.push({ width: O, state: E.state });
+      })), {
+        width: U,
+        left: R,
+        top: T,
+        rotateDeg: j,
+        state: s.state,
+        children: u,
+        labelOffset: q,
+        visible: _,
+        labelElement: b.distanceText(A)
+      };
+    });
+    i(0, W = M);
+  }, S = () => ut(w), k = dt(w, 80);
+  return rt(() => {
+    w(), t.on("panoArrived", w), t.on("modeChange", w), t.on("cameraDirectionUpdate", S), t.on("movingToPano", S), t.on("mouseWheel", () => k()), t.on("pinchGesture", () => k());
+  }), at(() => {
+    t.off("panoArrived", w), t.off("modeChange", w), t.off("cameraDirectionUpdate", S), t.off("movingToPano", S), t.off("mouseWheel", () => k()), t.off("pinchGesture", () => k());
+  }), g.$$set = (c) => {
+    "five" in c && i(1, t = c.five), "rulerDatas" in c && i(2, r = c.rulerDatas), "options" in c && i(3, b = c.options);
+  }, [W, t, r, b];
 }
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
-	}
+class bt extends Q {
+  constructor(a) {
+    super(), X(this, a, gt, pt, Z, { five: 1, rulerDatas: 2, options: 3 });
+  }
 }
-
-export default Component;
+export {
+  bt as default
+};

package/libs/PanoRulerProPlugin/index.js

@@ -1,8 +1,16 @@
-import Controller from './Controller';
-/**
- * 全景标尺插件
- */
-export const PanoRulerProPlugin = (five, params) => {
-    return new Controller(five, params);
+import t from "./Controller.js";
+import "./RulerItems.js";
+import "../index.d6d7690a.js";
+import "@realsee/five";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
+import "../shared-utils/math/planimetry.js";
+import "../shared-utils/throttle.js";
+import "three";
+import "./RulerItem.js";
+const c = (r, o) => new t(r, o);
+export {
+  c as PanoRulerProPlugin,
+  c as default
 };
-export default PanoRulerProPlugin;

package/libs/PanoRulerProPlugin/typings.js

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