@realsee/dnalogel 2.2.0-alpha.1 → 2.2.1

package/libs/PanoRulerProPlugin/RulerItems.js

@@ -1,377 +1,183 @@
-/* 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 { SvelteComponent as Q, init as X, safe_not_equal as Z, element as $, insert as tt, transition_in as C, group_outros as et, check_outros as nt, transition_out as k, detach as ot, destroy_each as rt, create_component as st, mount_component as at, destroy_component as ct } from "svelte/internal";
+import { Five as it } from "@realsee/five";
+import { nextFrame as lt } from "../shared-utils/animationFrame/index.js";
+import { equal as z } from "../shared-utils/equal.js";
+import { intersectionOfLine as ft } from "../shared-utils/math/planimetry.js";
+import { throttle as mt } from "../shared-utils/throttle.js";
+import { onMount as ut, onDestroy as ht } from "svelte";
+import { Vector3 as M } from "three";
+import dt from "./RulerItem.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "@tweenjs/tween.js";
+import "../shared-utils/isTruelyObject.js";
+function J(p, r, i) {
+  const t = p.slice();
+  return t[12] = r[i], t;
 }
-
-// (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 K(p) {
+  let r, i;
+  return r = new dt({
+    props: { rulerItemProp: p[12] }
+  }), {
+    c() {
+      st(r.$$.fragment);
+    },
+    m(t, e) {
+      at(r, t, e), i = !0;
+    },
+    p(t, e) {
+      const w = {};
+      e & 1 && (w.rulerItemProp = t[12]), r.$set(w);
+    },
+    i(t) {
+      i || (C(r.$$.fragment, t), i = !0);
+    },
+    o(t) {
+      k(r.$$.fragment, t), i = !1;
+    },
+    d(t) {
+      ct(r, t);
+    }
+  };
 }
-
-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(p) {
+  let r, i, t = p[0], e = [];
+  for (let n = 0; n < t.length; n += 1)
+    e[n] = K(J(p, t, n));
+  const w = (n) => k(e[n], 1, 1, () => {
+    e[n] = null;
+  });
+  return {
+    c() {
+      r = $("div");
+      for (let n = 0; n < e.length; n += 1)
+        e[n].c();
+    },
+    m(n, a) {
+      tt(n, r, a);
+      for (let o = 0; o < e.length; o += 1)
+        e[o].m(r, null);
+      i = !0;
+    },
+    p(n, [a]) {
+      if (a & 1) {
+        t = n[0];
+        let o;
+        for (o = 0; o < t.length; o += 1) {
+          const A = J(n, t, o);
+          e[o] ? (e[o].p(A, a), C(e[o], 1)) : (e[o] = K(A), e[o].c(), C(e[o], 1), e[o].m(r, null));
+        }
+        for (et(), o = t.length; o < e.length; o += 1)
+          w(o);
+        nt();
+      }
+    },
+    i(n) {
+      if (!i) {
+        for (let a = 0; a < t.length; a += 1)
+          C(e[a]);
+        i = !0;
+      }
+    },
+    o(n) {
+      e = e.filter(Boolean);
+      for (let a = 0; a < e.length; a += 1)
+        k(e[a]);
+      i = !1;
+    },
+    d(n) {
+      n && ot(r), rt(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(p, r, i) {
+  var B, G, H, U;
+  let { five: t } = r, { rulerDatas: e } = r, { options: w } = r, n = [];
+  const a = ((G = (B = t.getElement()) == null ? void 0 : B.parentElement) == null ? void 0 : G.clientWidth) || 0, o = ((U = (H = t.getElement()) == null ? void 0 : H.parentElement) == null ? void 0 : U.clientHeight) || 0, A = (c, l) => {
+    const f = [
+      [{ x: 0, y: 0 }, { x: a, y: 0 }],
+      [{ x: 0, y: 0 }, { x: 0, y: o }],
+      [{ x: a, y: 0 }, { x: a, y: o }],
+      [{ x: 0, y: o }, { x: a, y: o }]
+    ], u = [];
+    for (let h = 0; h < f.length; h++) {
+      const g = ft([c, l], [f[h][0], f[h][1]], !0);
+      g && u.push(g);
+    }
+    return u.length === 0 ? !1 : u;
+  }, j = (c, l) => {
+    const f = c.clone().project(t.camera), u = (f.x + 1) / 2 * a, h = (-f.y + 1) / 2 * o, g = l.clone().project(t.camera), L = (g.x + 1) / 2 * a, y = (-g.y + 1) / 2 * o, s = Math.sqrt(Math.pow(L - u, 2) + Math.pow(y - h, 2));
+    return {
+      startLeft: u,
+      startTop: h,
+      endLeft: L,
+      endTop: y,
+      distance: s
+    };
+  }, N = (c, l, f) => {
+    const u = t.camera.position, h = t.camera.getWorldDirection(new M()), g = c.clone().sub(u).normalize().angleTo(h), L = l.clone().sub(u).normalize().angleTo(h), y = c.distanceTo(l), T = l.clone().sub(l.clone().sub(c).divide(new M(2, 2, 2))).distanceTo(u), { startLeft: d, startTop: x, endLeft: v, endTop: q, distance: D } = j(c, l), S = -((Math.PI / 2 - Math.atan2(v - d, x - q)) / Math.PI) * 180;
+    let P = !0;
+    f || (P = !1), !z(c, f) && !z(l, f) && (P = !1), y < 0.3 && (P = !1), g > Math.PI / 2 && (P = !1), L > Math.PI / 2 && (P = !1), T / y > 8 && (P = !1);
+    let I = 50, b = D;
+    const m = A({ x: ~~d, y: ~~x }, { x: ~~v, y: ~~q });
+    if (m && m.length === 1 && (z(c, f) ? (b = Math.sqrt(Math.pow(m[0].x - d, 2) + Math.pow(m[0].y - x, 2)), I = b / D * 50) : z(l, f) && (b = Math.sqrt(Math.pow(m[0].x - v, 2) + Math.pow(m[0].y - q, 2)), I = 100 - b / D * 50)), m && m.length === 2) {
+      const F = {
+        x: (m[0].x + m[1].x) / 2,
+        y: (m[0].y + m[1].y) / 2
+      };
+      I = Math.sqrt(Math.pow(F.x - d, 2) + Math.pow(F.y - x, 2)) / D * 100;
+    }
+    return {
+      startLeft: d,
+      startTop: x,
+      distance: D,
+      deg: S,
+      visible: P,
+      labelOffset: I,
+      ruleLength: y
+    };
+  }, _ = () => {
+    const c = t.panoIndex, l = e.find((s) => s.panoIndex === c);
+    if (!l)
+      return i(0, n = []);
+    if (t.currentMode !== it.Mode.Panorama)
+      return i(0, n = []);
+    const f = t.camera.position, u = t.camera.getWorldDirection(new M()), h = l.lines.map((s) => new M(s.start[0], -s.start[1], -s.start[2])), g = l.lines.map((s) => new M(s.end[0], -s.end[1], -s.end[2])), [L] = h.concat(g).sort((s, T) => {
+      const d = s.clone().setY(0).sub(f).normalize().angleTo(u.clone().setY(0)), x = T.clone().setY(0).sub(f).normalize().angleTo(u.clone().setY(0));
+      return d - x;
+    }), y = l.lines.map((s) => {
+      var b, m;
+      const T = s.start, d = s.end, { startLeft: x, startTop: v, distance: q, deg: D, visible: V, labelOffset: S, ruleLength: P } = N(new M(T[0], -T[1], -T[2]), new M(d[0], -d[1], -d[2]), L), I = [];
+      return s.children && ((b = s.children) == null ? void 0 : b.length) > 0 && ((m = s.children) == null || m.forEach((F) => {
+        const W = F.start, Y = F.end, { distance: O } = j(new M(W[0], -W[1], -W[2]), new M(Y[0], -Y[1], -Y[2]));
+        I.push({ width: O, state: F.state });
+      })), {
+        width: q,
+        left: x,
+        top: v,
+        rotateDeg: D,
+        state: s.state,
+        children: I,
+        labelOffset: S,
+        visible: V,
+        labelElement: w.distanceText(P)
+      };
+    });
+    i(0, n = y);
+  }, E = () => lt(_), R = mt(_, 80);
+  return ut(() => {
+    _(), t.on("panoArrived", _), t.on("modeChange", _), t.on("cameraDirectionUpdate", E), t.on("movingToPano", E), t.on("mouseWheel", () => R()), t.on("pinchGesture", () => R());
+  }), ht(() => {
+    t.off("panoArrived", _), t.off("modeChange", _), t.off("cameraDirectionUpdate", E), t.off("movingToPano", E), t.off("mouseWheel", () => R()), t.off("pinchGesture", () => R());
+  }), p.$$set = (c) => {
+    "five" in c && i(1, t = c.five), "rulerDatas" in c && i(2, e = c.rulerDatas), "options" in c && i(3, w = c.options);
+  }, [n, t, e, w];
 }
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
-	}
+class vt extends Q {
+  constructor(r) {
+    super(), X(this, r, gt, pt, Z, { five: 1, rulerDatas: 2, options: 3 });
+  }
 }
-
-export default Component;
+export {
+  vt as default
+};

package/libs/PanoRulerProPlugin/index.js

@@ -1,8 +1,5 @@
-import Controller from './Controller';
-/**
- * 全景标尺插件
- */
-export const PanoRulerProPlugin = (five, params) => {
-    return new Controller(five, params);
+import { Controller as n } from "./Controller.js";
+const t = (r, o) => new n(r, o);
+export {
+  t as PanoRulerProPlugin
 };
-export default PanoRulerProPlugin;