@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.3

package/esm/PanoRulerProPlugin/RulerItems.js

@@ -0,0 +1,180 @@
+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 { n as lt } from "../shared-utils/animationFrame/index.js";
+import { e as z } from "../shared-utils/equal.js";
+import { i as ft } from "../shared-utils/math/planimetry.js";
+import { t as mt } from "../shared-utils/throttle.js";
+import { onMount as ut, onDestroy as ht } from "svelte";
+import { Vector3 as M } from "three";
+import { R as dt } from "./RulerItem.js";
+function J(p, r, i) {
+  const t = p.slice();
+  return t[12] = r[i], t;
+}
+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 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 q = J(n, t, o);
+          e[o] ? (e[o].p(q, a), C(e[o], 1)) : (e[o] = K(q), 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 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, q = (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: R, endTop: v, distance: D } = j(c, l), S = -((Math.PI / 2 - Math.atan2(R - d, x - v)) / 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 = q({ x: ~~d, y: ~~x }, { x: ~~R, y: ~~v });
+    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 - R, 2) + Math.pow(m[0].y - v, 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: R, distance: v, 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: v,
+        left: x,
+        top: R,
+        rotateDeg: D,
+        state: s.state,
+        children: I,
+        labelOffset: S,
+        visible: V,
+        labelElement: w.distanceText(P)
+      };
+    });
+    i(0, n = y);
+  }, A = () => lt(_), E = mt(_, 80);
+  return ut(() => {
+    _(), t.on("panoArrived", _), t.on("modeChange", _), t.on("cameraDirectionUpdate", A), t.on("movingToPano", A), t.on("mouseWheel", () => E()), t.on("pinchGesture", () => E());
+  }), ht(() => {
+    t.off("panoArrived", _), t.off("modeChange", _), t.off("cameraDirectionUpdate", A), t.off("movingToPano", A), t.off("mouseWheel", () => E()), t.off("pinchGesture", () => E());
+  }), 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 bt extends Q {
+  constructor(r) {
+    super(), X(this, r, gt, pt, Z, { five: 1, rulerDatas: 2, options: 3 });
+  }
+}
+export {
+  bt as R
+};

package/esm/PanoRulerProPlugin/index.d.ts

@@ -0,0 +1,8 @@
+import type { FivePlugin } from '@realsee/five';
+import type { PanoRulerProPluginParameterType, PanoRulerProPluginExportType } from './typings';
+/**
+ * 全景标尺插件
+ */
+export declare const PanoRulerProPlugin: FivePlugin<PanoRulerProPluginParameterType, PanoRulerProPluginExportType>;
+export default PanoRulerProPlugin;
+export type { PanoRulerProPluginParameterType, PanoRulerProPluginExportType, PanoRulerProPluginOptions, PanoRulerProPluginState, } from './typings';

package/esm/PanoRulerProPlugin/index.js

@@ -0,0 +1,19 @@
+import { C as t } from "./Controller.js";
+import "./RulerItems.js";
+import "svelte/internal";
+import "@realsee/five";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "@tweenjs/tween.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
+import "../shared-utils/math/planimetry.js";
+import "../shared-utils/throttle.js";
+import "svelte";
+import "three";
+import "./RulerItem.js";
+const g = (r, o) => new t(r, o);
+export {
+  g as PanoRulerProPlugin,
+  g as default
+};

package/esm/PanoRulerProPlugin/typings.d.ts

@@ -0,0 +1,46 @@
+export declare type PanoRulerProPluginDatas = {
+    data: PanoRulerProPluginData[];
+    version: number;
+};
+export interface PanoRulerProPluginData {
+    panoIndex: number;
+    roomName: string;
+    lines: Line[];
+}
+interface Line {
+    start: number[];
+    end: number[];
+    state: boolean;
+    children?: Line[];
+}
+export interface PanoRulerProPluginOptions {
+    distanceText?: (distance: number) => string;
+    className?: string;
+}
+export interface PanoRulerProPluginState {
+    enabled: boolean;
+    loaded: boolean;
+    options: PanoRulerProPluginOptions;
+}
+export interface PanoRulerProPluginParameterType {
+    data?: PanoRulerProPluginDatas;
+    options?: PanoRulerProPluginOptions;
+}
+export interface PanoRulerProPluginExportType {
+    enable: () => void;
+    disable: () => void;
+    load: (serverData: PanoRulerProPluginDatas) => void;
+    state: PanoRulerProPluginState;
+}
+export interface RulerItemProp {
+    width: number;
+    left: number;
+    top: number;
+    rotateDeg: number;
+    state: boolean;
+    children: any[];
+    labelOffset: number;
+    labelElement: string;
+    visible: boolean;
+}
+export {};

package/esm/PanoSpatialTagPlugin/Components/origins.js

@@ -0,0 +1,81 @@
+import { SvelteComponent as d, init as h, safe_not_equal as P, append_styles as y, empty as v, insert as p, noop as c, destroy_each as S, detach as u, element as T, attr as b, toggle_class as f, set_style as g, listen as k } from "svelte/internal";
+import { c as z } from "../store.js";
+function w(n) {
+  y(n, "svelte-19zi46m", ".PanoSpatialTagPlugin__tag-origin.svelte-19zi46m{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-19zi46m:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-19zi46m{transform:translate(-50%, -50%) scale(0.6);animation:svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-19zi46m-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
+}
+function _(n, t, l) {
+  const e = n.slice();
+  return e[3] = t[l], e;
+}
+function m(n) {
+  let t, l = `${n[3].top}%`, e = `${n[3].left}%`, i, o;
+  function a() {
+    return n[2](n[3]);
+  }
+  return {
+    c() {
+      t = T("i"), b(t, "class", "svelte-19zi46m"), f(t, "PanoSpatialTagPlugin__tag-origin", !0), f(t, "PanoSpatialTagPlugin__tag-origin-destroy", n[3].destroying), g(t, "top", l, !1), g(t, "left", e, !1), g(t, "visibility", n[3].front ? "visible" : "hidden", !1);
+    },
+    m(s, r) {
+      p(s, t, r), i || (o = k(t, "click", a), i = !0);
+    },
+    p(s, r) {
+      n = s, r & 1 && f(t, "PanoSpatialTagPlugin__tag-origin-destroy", n[3].destroying), r & 1 && l !== (l = `${n[3].top}%`) && g(t, "top", l, !1), r & 1 && e !== (e = `${n[3].left}%`) && g(t, "left", e, !1), r & 1 && g(t, "visibility", n[3].front ? "visible" : "hidden", !1);
+    },
+    d(s) {
+      s && u(t), i = !1, o();
+    }
+  };
+}
+function $(n) {
+  let t, l = n[0], e = [];
+  for (let i = 0; i < l.length; i += 1)
+    e[i] = m(_(n, l, i));
+  return {
+    c() {
+      for (let i = 0; i < e.length; i += 1)
+        e[i].c();
+      t = v();
+    },
+    m(i, o) {
+      for (let a = 0; a < e.length; a += 1)
+        e[a].m(i, o);
+      p(i, t, o);
+    },
+    p(i, [o]) {
+      if (o & 3) {
+        l = i[0];
+        let a;
+        for (a = 0; a < l.length; a += 1) {
+          const s = _(i, l, a);
+          e[a] ? e[a].p(s, o) : (e[a] = m(s), e[a].c(), e[a].m(t.parentNode, t));
+        }
+        for (; a < e.length; a += 1)
+          e[a].d(1);
+        e.length = l.length;
+      }
+    },
+    i: c,
+    o: c,
+    d(i) {
+      S(e, i), i && u(t);
+    }
+  };
+}
+function C(n, t, l) {
+  let { origins: e } = t;
+  const i = (a) => {
+    z.update(() => `${a}-PanoSpatialTagPlugin-${Date.now()}`);
+  }, o = (a) => i(a.id);
+  return n.$$set = (a) => {
+    "origins" in a && l(0, e = a.origins);
+  }, [e, i, o];
+}
+class D extends d {
+  constructor(t) {
+    super(), h(this, t, C, $, P, { origins: 0 }, w);
+  }
+}
+export {
+  D as O
+};

package/esm/PanoSpatialTagPlugin/Components/tag.js

@@ -0,0 +1,124 @@
+import { SvelteComponent as F, init as M, safe_not_equal as j, append_styles as I, element as c, space as k, attr as u, set_style as d, toggle_class as p, insert as L, append as g, listen as O, noop as D, detach as q, binding_callbacks as A } from "svelte/internal";
+import { onMount as E, afterUpdate as U, onDestroy as B } from "svelte";
+import { c as G } from "../store.js";
+function J(n) {
+  I(n, "svelte-1i5h9zh", ".PanoSpatialTagPlugin__tag-x.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh.svelte-1i5h9zh{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line.svelte-1i5h9zh{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh.svelte-1i5h9zh{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-animate.svelte-1i5h9zh{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh.svelte-1i5h9zh{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-flagpole.svelte-1i5h9zh{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-shadow.svelte-1i5h9zh{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content.svelte-1i5h9zh{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-content .svelte-1i5h9zh{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line1.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1i5h9zh .PanoSpatialTagPlugin__tag-line2.svelte-1i5h9zh{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1i5h9zh-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
+}
+function K(n) {
+  let a, i, h, s, f, S, T, b, z, r, _, o, P, v, w;
+  return {
+    c() {
+      a = c("div"), i = c("div"), h = k(), s = c("div"), f = c("i"), S = k(), T = c("i"), b = k(), z = c("i"), r = k(), _ = c("div"), o = c("div"), u(i, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1i5h9zh"), d(i, "transform", "translate(" + n[7] / 2 * n[3] * 3 + "px, " + n[8] / 2 * (n[1] ? -1 : 1) * n[3] * 3 + "px) scale(" + 1 / n[3] + ")"), u(f, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1i5h9zh"), d(f, "width", n[4] + "rem"), u(T, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1i5h9zh"), u(z, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1i5h9zh"), u(s, "class", "PanoSpatialTagPlugin__tag-line svelte-1i5h9zh"), u(o, "class", "PanoSpatialTagPlugin__tag-content svelte-1i5h9zh"), u(_, "class", "PanoSpatialTagPlugin__tag-animate svelte-1i5h9zh"), d(_, "transform", "scale(" + n[3] * 3 + ")"), u(a, "id", P = "PanoSpatialTagPlugin__" + n[0]), d(a, "height", 20 * n[5] + "rem"), u(a, "class", "svelte-1i5h9zh"), p(a, "PanoSpatialTagPlugin__tag-x", !0), p(a, "PanoSpatialTagPlugin__tag-upside-down", n[1]), p(a, "PanoSpatialTagPlugin__tag-show", n[10]), p(a, "PanoSpatialTagPlugin__tag-hide", n[10] === !1 || n[6]);
+    },
+    m(e, l) {
+      L(e, a, l), g(a, i), g(a, h), g(a, s), g(s, f), g(s, S), g(s, T), g(s, b), g(s, z), g(a, r), g(a, _), g(_, o), o.innerHTML = n[2], n[16](o), v || (w = O(o, "click", n[11]), v = !0);
+    },
+    p(e, [l]) {
+      l & 394 && d(i, "transform", "translate(" + e[7] / 2 * e[3] * 3 + "px, " + e[8] / 2 * (e[1] ? -1 : 1) * e[3] * 3 + "px) scale(" + 1 / e[3] + ")"), l & 16 && d(f, "width", e[4] + "rem"), l & 4 && (o.innerHTML = e[2]), l & 8 && d(_, "transform", "scale(" + e[3] * 3 + ")"), l & 1 && P !== (P = "PanoSpatialTagPlugin__" + e[0]) && u(a, "id", P), l & 32 && d(a, "height", 20 * e[5] + "rem"), l & 2 && p(a, "PanoSpatialTagPlugin__tag-upside-down", e[1]), l & 1024 && p(a, "PanoSpatialTagPlugin__tag-show", e[10]), l & 1088 && p(a, "PanoSpatialTagPlugin__tag-hide", e[10] === !1 || e[6]);
+    },
+    i: D,
+    o: D,
+    d(e) {
+      e && q(a), n[16](null), v = !1, w();
+    }
+  };
+}
+function Q(n, a, i) {
+  let { id: h } = a, { upsideDown: s } = a, { content: f } = a, { contentZoom: S } = a, { lineWidthZoom: T } = a, { lineHeightZoom: b } = a, { destroying: z = !1 } = a, { folded: r } = a, { dispose: _ } = a, { events: o } = a, { hooks: P } = a, v = 0, w = 0, e, l, y = setTimeout(
+    () => {
+      r || i(10, l = !0), y = void 0;
+    },
+    100
+  );
+  const W = (t) => {
+    const Y = Object.keys(o);
+    let m = t.target;
+    for (; m; ) {
+      const Z = m.getAttribute("class");
+      if (!Z) {
+        m = m.parentNode;
+        continue;
+      }
+      if (Z.includes("PanoSpatialTagPlugin__tag-content")) {
+        m = null;
+        break;
+      }
+      Y.forEach((H) => {
+        Z.includes(H) && o[H](h);
+      }), m = m.parentNode;
+    }
+  };
+  E(() => {
+    P.emit("initTag", { id: h });
+  });
+  const N = G.subscribe((t) => {
+    if (t === null)
+      return;
+    const [Y, m] = t.split("-PanoSpatialTagPlugin-");
+    h === Y && (P.emit("clickOrigin", { id: h, show: l }), y || (i(10, l = r), i(12, r = !r), y = setTimeout(
+      () => {
+        y = void 0;
+      },
+      1500
+    )));
+  });
+  U(() => {
+    i(7, v = e.offsetWidth), i(8, w = e.offsetHeight), !y && i(10, l = !r);
+  }), B(() => {
+    P.emit("destroyTag", { id: h }), N(), _();
+  });
+  function C(t) {
+    A[t ? "unshift" : "push"](() => {
+      e = t, i(9, e);
+    });
+  }
+  return n.$$set = (t) => {
+    "id" in t && i(0, h = t.id), "upsideDown" in t && i(1, s = t.upsideDown), "content" in t && i(2, f = t.content), "contentZoom" in t && i(3, S = t.contentZoom), "lineWidthZoom" in t && i(4, T = t.lineWidthZoom), "lineHeightZoom" in t && i(5, b = t.lineHeightZoom), "destroying" in t && i(6, z = t.destroying), "folded" in t && i(12, r = t.folded), "dispose" in t && i(13, _ = t.dispose), "events" in t && i(14, o = t.events), "hooks" in t && i(15, P = t.hooks);
+  }, [
+    h,
+    s,
+    f,
+    S,
+    T,
+    b,
+    z,
+    v,
+    w,
+    e,
+    l,
+    W,
+    r,
+    _,
+    o,
+    P,
+    C
+  ];
+}
+class x extends F {
+  constructor(a) {
+    super(), M(
+      this,
+      a,
+      Q,
+      K,
+      j,
+      {
+        id: 0,
+        upsideDown: 1,
+        content: 2,
+        contentZoom: 3,
+        lineWidthZoom: 4,
+        lineHeightZoom: 5,
+        destroying: 6,
+        folded: 12,
+        dispose: 13,
+        events: 14,
+        hooks: 15
+      },
+      J
+    );
+  }
+}
+export {
+  x as T
+};

package/esm/PanoSpatialTagPlugin/Plugin.d.ts

@@ -0,0 +1,35 @@
+import type { FivePlugin } from '@realsee/five';
+import type { PanoSpatialTagPluginId, PanoSpatialTagPluginDataElement, PanoSpatialTagPluginContentReplacement, PanoSpatialTagPluginContentEvent } from './typings';
+export interface PanoSpatialTagPluginData {
+    folded?: boolean;
+    enabled?: boolean;
+    points: Array<PanoSpatialTagPluginDataElement>;
+    template: string;
+    events?: PanoSpatialTagPluginContentEvent;
+    render?: (template: string, replacement: PanoSpatialTagPluginContentReplacement) => string;
+}
+export interface PanoSpatialTagPluginParameterType {
+    container?: Element;
+    wait?: number;
+    maxNumberOnScreen?: number;
+    minRad?: number;
+    nearTolerance?: number;
+    upsideHeight?: number;
+    minDistance?: number;
+    maxDistance?: number;
+}
+export interface PanoSpatialTagPluginExportType {
+    load: (data: PanoSpatialTagPluginData) => void;
+    unfoldAll: () => void;
+    foldAll: () => void;
+    unfold: (id: PanoSpatialTagPluginId) => void;
+    fold: (id: PanoSpatialTagPluginId) => void;
+    enable: () => void;
+    disable: () => void;
+    dispose: () => void;
+}
+/**
+ * 空间游走标签插件
+ */
+export declare const PanoSpatialTagPlugin: FivePlugin<PanoSpatialTagPluginParameterType, PanoSpatialTagPluginExportType>;
+export default PanoSpatialTagPlugin;