@realsee/dnalogel 2.1.0 → 2.1.2-alpha.0

package/libs/PanoRulerPlugin/Plugin.js

@@ -1,246 +1,269 @@
-import { Five as X } from "@realsee/five";
-import { Vector3 as O, Raycaster as Z } from "three";
-import { intersectionOfLine as ee } from "../shared-utils/math/planimetry.js";
-import { nextFrame as te } from "../shared-utils/nextFrame.js";
-import ne from "./style.js";
-const oe = (a, x) => Math.sqrt(Math.pow(a.z - x.z, 2) + Math.pow(a.x - x.x, 2)), se = (a, x) => {
-  const e = {}, S = new Z(), _ = x.work;
-  if (!_)
+var ne = Object.defineProperty;
+var J = Object.getOwnPropertySymbols;
+var oe = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
+var Q = (t, n, e) => n in t ? ne(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, U = (t, n) => {
+  for (var e in n || (n = {}))
+    oe.call(n, e) && Q(t, e, n[e]);
+  if (J)
+    for (var e of J(n))
+      se.call(n, e) && Q(t, e, n[e]);
+  return t;
+};
+var X = (t, n, e) => new Promise((F, h) => {
+  var I = (x) => {
+    try {
+      u(e.next(x));
+    } catch (v) {
+      h(v);
+    }
+  }, l = (x) => {
+    try {
+      u(e.throw(x));
+    } catch (v) {
+      h(v);
+    }
+  }, u = (x) => x.done ? F(x.value) : Promise.resolve(x.value).then(I, l);
+  u((e = e.apply(t, n)).next());
+});
+import { Five as re } from "@realsee/five";
+import { Vector3 as S, Raycaster as ie } from "three";
+import { intersectionOfLine as le } from "../shared-utils/math/planimetry.js";
+import { nextFrame as ae } from "../shared-utils/nextFrame.js";
+import ce from "./style.js";
+const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)), de = (t, n) => {
+  const e = {}, F = new ie(), h = n.work;
+  if (!h)
     return e;
-  const z = a.observers;
-  _.observers.forEach((l, b) => {
-    const { standingPosition: F } = l, C = new O(F.x, F.y, F.z);
-    S.set(C, new O(0, 1, 0));
-    const [v] = x.model.intersectRaycaster(S), D = v ? v.point.y : 2.7, L = z[b];
+  const I = t.observers;
+  h.observers.forEach((l, u) => {
+    const { standingPosition: x } = l, v = new S(x.x, x.y, x.z);
+    F.set(v, new S(0, 1, 0));
+    const [$] = n.model.intersectRaycaster(F), z = $ ? $.point.y : 2.7, L = I[u];
     if (!L)
       return e;
-    const $ = a.rooms[L].name;
-    e[$] === void 0 ? e[$] = {
-      __roof: [D],
-      __floor: [C.y]
-    } : (e[$].__roof.push(D), e[$].__floor.push(C.y));
+    const O = t.rooms[L].name;
+    e[O] === void 0 ? e[O] = {
+      __roof: [z],
+      __floor: [v.y]
+    } : (e[O].__roof.push(z), e[O].__floor.push(v.y));
   });
   for (const l in e) {
-    const b = e[l];
-    b.__roof.sort(), b.__floor.sort(), b.floor = b.__floor[~~(b.__floor.length / 2)], b.roof = b.__roof[b.__roof.length - 1];
+    const u = e[l];
+    u.__roof.sort(), u.__floor.sort(), u.floor = u.__floor[~~(u.__floor.length / 2)], u.roof = u.__roof[u.__roof.length - 1];
   }
   return e;
-}, fe = (a, x) => {
+}, Pe = (t, n) => {
   const e = {
     enable: !1,
     loaded: !1,
-    options: x.options || {
-      distanceText: (o) => `${o.toFixed(1)}m`
+    options: n.options || {
+      distanceText: (r) => `${r.toFixed(1)}m`
     }
-  }, S = (o, r) => {
-    const i = `
+  }, F = (r, a) => {
+    const c = `
       <div class="PanoRulerPlugin-rule-line">
         <em></em>
         <div class="PanoRulerPlugin-rule-label">
-          <div class="PanoRulerPlugin-rule-label-name">${e.options.distanceText(r)}</div>
+          <div class="PanoRulerPlugin-rule-label-name">${e.options.distanceText(a)}</div>
         </div>
       </div>
-    `, t = document.createElement("div");
-    return t.setAttribute("class", "PanoRulerPlugin-rule"), t.setAttribute("data-name", o), t.setAttribute("style", "display: none"), t.innerHTML = i, t;
-  }, _ = document.createElement("div");
-  _.setAttribute(
+    `, o = document.createElement("div");
+    return o.setAttribute("class", "PanoRulerPlugin-rule"), o.setAttribute("data-name", r), o.setAttribute("style", "display: none"), o.innerHTML = c, o;
+  }, h = document.createElement("div");
+  h.setAttribute(
     "style",
     "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;"
   );
-  const z = document.createElement("div");
-  z.innerHTML = ne, _.appendChild(z);
-  const l = {}, b = (o, r) => {
+  const I = document.createElement("div");
+  I.innerHTML = ce, h.appendChild(I);
+  const l = {}, u = (r, a) => {
     if (e.loaded)
       throw new Error("\u6807\u5C3A\u88AB\u91CD\u590D\u521D\u59CB\u5316\uFF01");
-    const i = se(o, a), t = a.work;
-    if (!t)
+    const c = de(r, t), o = t.work;
+    if (!o)
       return !1;
-    for (const s in r) {
-      const f = r[s], { standingPosition: m } = t.observers[0], d = f.map(({ x: c, z: u, observers: p }) => {
-        const n = p.length > 0 ? o.rooms[o.observers[p[0]]].name : "", g = i[n] ? i[n].floor : null;
-        let y = 1 / 0, h = {
+    for (const i in a) {
+      const y = a[i], { standingPosition: p } = o.observers[0], m = y.map(({ x: d, z: f, observers: b }) => {
+        const s = b.length > 0 ? r.rooms[r.observers[b[0]]].name : "", P = c[s] ? c[s].floor : null;
+        let g = 1 / 0, w = {
           index: 0,
-          x: m.x,
-          y: m.y,
-          z: m.z
+          x: p.x,
+          y: p.y,
+          z: p.z
         };
-        p.forEach((k) => {
-          if (!t.observers[k])
+        b.forEach((k) => {
+          if (!o.observers[k])
             return;
-          const { standingPosition: j } = t.observers[k], E = {
+          const { standingPosition: j } = o.observers[k], A = {
             index: k,
             x: j.x,
             y: j.y,
             z: j.z
-          }, T = oe({ x: c, z: u }, E);
-          g ? T < y && Math.abs(E.y - g) < 0.3 && (y = T, h = E) : T < y && (y = T, h = E);
+          }, R = ue({ x: d, z: f }, A);
+          P ? R < g && Math.abs(A.y - P) < 0.3 && (g = R, w = A) : R < g && (g = R, w = A);
         });
-        const P = new O(c, h.y, u);
-        Object.assign(P, { observers: p });
-        const M = i[n] ? i[n].roof : null, q = M ? new O(c, M, u) : null;
-        return q && Object.assign(q, { observers: p }), { origin: P, vertical: q };
+        const _ = new S(d, w.y, f);
+        Object.assign(_, { observers: b });
+        const T = c[s] ? c[s].roof : null, q = T ? new S(d, T, f) : null;
+        return q && Object.assign(q, { observers: b }), { origin: _, vertical: q };
       });
-      l[s] = {
-        origins: d.map((c) => c.origin),
+      l[i] = {
+        origins: m.map((d) => d.origin),
         rules: []
       };
-      for (const { origin: c, vertical: u } of d) {
-        if (!u)
+      for (const { origin: d, vertical: f } of m) {
+        if (!f)
           continue;
-        const p = S(s, c.distanceTo(u));
-        _.append(p), l[s].rules.push({ vertical: !0, rule: [c, u], $element: p });
+        const b = F(i, d.distanceTo(f));
+        h.append(b), l[i].rules.push({ vertical: !0, rule: [d, f], $element: b });
       }
-      for (let c = 0; c < d.length; c++) {
-        let u = c + 1;
-        u >= d.length && (u = 0);
-        const { origin: p } = d[c], { origin: n } = d[u], g = S(s, p.distanceTo(n));
-        _.append(g), l[s].rules.push({ vertical: !1, rule: [p, n], $element: g });
+      for (let d = 0; d < m.length; d++) {
+        let f = d + 1;
+        f >= m.length && (f = 0);
+        const { origin: b } = m[d], { origin: s } = m[f], P = F(i, b.distanceTo(s));
+        h.append(P), l[i].rules.push({ vertical: !1, rule: [b, s], $element: P });
       }
     }
     return e.loaded = !0, !0;
-  }, F = async (o, r, i) => {
-    const t = o || x.roomInfo, s = r || x.roomRules;
-    if (!t || !s)
+  }, x = (r, a, c) => X(void 0, null, function* () {
+    const o = r || n.roomInfo, i = a || n.roomRules;
+    if (!o || !i)
       throw new Error("\u6807\u5C3A\u6570\u636E\u4F9D\u8D56\u4E0D\u9F50\u5168\uFF01");
-    return e.loaded = !1, e.options = { ...e.options, ...i || {} }, a.model.loaded ? b(t, s) : await new Promise(
-      (f) => a.once("modelLoaded", () => f(b(t, s)))
+    return e.loaded = !1, e.options = U(U({}, e.options), c || {}), t.model.loaded ? u(o, i) : yield new Promise(
+      (y) => t.once("modelLoaded", () => y(u(o, i)))
     );
-  };
-  x.roomInfo && x.roomRules && F(x.roomInfo, x.roomRules);
-  const C = (o, r, i, t) => {
-    const s = [
+  });
+  n.roomInfo && n.roomRules && x(n.roomInfo, n.roomRules);
+  const v = (r, a, c, o) => {
+    const i = [
       [
         { x: 0, y: 0 },
-        { x: i, y: 0 }
+        { x: c, y: 0 }
       ],
       [
         { x: 0, y: 0 },
-        { x: 0, y: t }
+        { x: 0, y: o }
       ],
       [
-        { x: i, y: 0 },
-        { x: i, y: t }
+        { x: c, y: 0 },
+        { x: c, y: o }
       ],
       [
-        { x: 0, y: t },
-        { x: i, y: t }
+        { x: 0, y: o },
+        { x: c, y: o }
       ]
-    ], f = [];
-    for (let m = 0; m < s.length; m++) {
-      const d = ee([o, r], [s[m][0], s[m][1]], !0);
-      d && f.push(d);
+    ], y = [];
+    for (let p = 0; p < i.length; p++) {
+      const m = le([r, a], [i[p][0], i[p][1]], !0);
+      m && y.push(m);
     }
-    return f.length === 0 ? !1 : f;
-  }, v = () => {
-    var p;
-    const o = (p = a.getElement()) == null ? void 0 : p.parentElement;
-    if (!o || !e.loaded || Object.keys(l).length <= 0)
+    return y.length === 0 ? !1 : y;
+  }, $ = () => {
+    var b;
+    const r = (b = t.getElement()) == null ? void 0 : b.parentElement;
+    if (!r || !e.loaded || Object.keys(l).length <= 0)
       return;
-    const { panoIndex: r, camera: i, currentMode: t } = a;
-    if (r === void 0)
+    const { panoIndex: a, camera: c, currentMode: o } = t;
+    if (a === void 0)
       return;
-    let s;
-    for (const n in l)
-      n.split(",").indexOf(r.toString()) >= 0 && (s = n);
-    if (!s) {
-      for (const n in l)
-        for (const { $element: g } of l[n].rules)
-          g.style.display = "none";
+    let i;
+    for (const s in l)
+      s.split(",").indexOf(a.toString()) >= 0 && (i = s);
+    if (!i) {
+      for (const s in l)
+        for (const { $element: P } of l[s].rules)
+          P.style.display = "none";
       return;
     }
-    const f = i.position, m = i.getWorldDirection(new O()), d = o.clientWidth, c = o.clientHeight;
-    if (t !== X.Mode.Panorama) {
-      for (const n in l)
-        for (const { $element: g } of l[n].rules)
-          g.style.display = "none";
+    const y = c.position, p = c.getWorldDirection(new S()), m = r.clientWidth, d = r.clientHeight;
+    if (o !== re.Mode.Panorama) {
+      for (const s in l)
+        for (const { $element: P } of l[s].rules)
+          P.style.display = "none";
       return;
     }
-    for (const n in l)
-      for (const { $element: g } of l[n].rules)
-        g.style.display = n === s ? "block" : "none";
-    const [u] = l[s].origins.slice().filter((n) => n.observers.indexOf(r) >= 0).sort((n, g) => {
-      const y = n.clone().setY(0).sub(f).normalize().angleTo(m.clone().setY(0)), h = g.clone().setY(0).sub(f).normalize().angleTo(m.clone().setY(0));
-      return y - h;
+    for (const s in l)
+      for (const { $element: P } of l[s].rules)
+        P.style.display = s === i ? "block" : "none";
+    const [f] = l[i].origins.slice().filter((s) => s.observers.indexOf(a) >= 0).sort((s, P) => {
+      const g = s.clone().setY(0).sub(y).normalize().angleTo(p.clone().setY(0)), w = P.clone().setY(0).sub(y).normalize().angleTo(p.clone().setY(0));
+      return g - w;
     });
-    for (const { rule: n, vertical: g, $element: y } of l[s].rules) {
-      const [h, P] = n, M = y.querySelector(".PanoRulerPlugin-rule-line");
-      if (!M)
+    for (const { rule: s, vertical: P, $element: g } of l[i].rules) {
+      const [w, _] = s, T = g.querySelector(".PanoRulerPlugin-rule-line");
+      if (!T)
         return;
-      if (!u) {
-        y.style.display = "none";
+      if (!f) {
+        g.style.display = "none";
         continue;
       }
-      if (h !== u && P !== u) {
-        y.style.display = "none";
+      if (w !== f && _ !== f) {
+        g.style.display = "none";
         continue;
       }
-      if (h.distanceTo(P) < 0.3) {
-        y.style.display = "none";
+      if (w.distanceTo(_) < 0.3) {
+        g.style.display = "none";
         continue;
       }
-      if (h.observers.indexOf(r) === -1 || P.observers.indexOf(r) === -1) {
-        y.style.display = "none";
+      if (w.observers.indexOf(a) === -1 || _.observers.indexOf(a) === -1) {
+        g.style.display = "none";
         continue;
       }
-      if (h.clone().sub(f).normalize().angleTo(m) > Math.PI / 2) {
-        y.style.display = "none";
+      if (w.clone().sub(y).normalize().angleTo(p) > Math.PI / 2) {
+        g.style.display = "none";
         continue;
       }
-      if (P.clone().sub(f).normalize().angleTo(m) > Math.PI / 2) {
-        y.style.display = "none";
+      if (_.clone().sub(y).normalize().angleTo(p) > Math.PI / 2) {
+        g.style.display = "none";
         continue;
       }
-      const U = h.distanceTo(P);
-      if (P.clone().sub(P.clone().sub(h).divide(new O(2, 2, 2))).distanceTo(f) / U > 8) {
-        y.style.display = "none";
+      const K = w.distanceTo(_);
+      if (_.clone().sub(_.clone().sub(w).divide(new S(2, 2, 2))).distanceTo(y) / K > 8) {
+        g.style.display = "none";
         continue;
       }
-      const E = h.clone().project(i), T = (E.x + 1) / 2 * d, A = (-E.y + 1) / 2 * c, K = P.clone().project(i), Y = (K.x + 1) / 2 * d, N = (-K.y + 1) / 2 * c, R = Math.sqrt(Math.pow(Y - T, 2) + Math.pow(N - A, 2));
-      let H = R, I = 50;
-      const w = C({ x: ~~T, y: ~~A }, {
+      const A = w.clone().project(c), R = (A.x + 1) / 2 * m, C = (-A.y + 1) / 2 * d, V = _.clone().project(c), Y = (V.x + 1) / 2 * m, N = (-V.y + 1) / 2 * d, E = Math.sqrt(Math.pow(Y - R, 2) + Math.pow(N - C, 2));
+      let H = E, D = 50;
+      const M = v({ x: ~~R, y: ~~C }, {
         x: ~~Y,
         y: ~~N
-      }, d, c);
-      if (w && w.length === 1 && (u === h ? (H = Math.sqrt(Math.pow(w[0].x - T, 2) + Math.pow(w[0].y - A, 2)), I = H / R * 50) : u === P && (H = Math.sqrt(Math.pow(w[0].x - Y, 2) + Math.pow(w[0].y - N, 2)), I = 100 - H / R * 50)), w && w.length === 2) {
-        const W = {
-          x: (w[0].x + w[1].x) / 2,
-          y: (w[0].y + w[1].y) / 2
+      }, m, d);
+      if (M && M.length === 1 && (f === w ? (H = Math.sqrt(Math.pow(M[0].x - R, 2) + Math.pow(M[0].y - C, 2)), D = H / E * 50) : f === _ && (H = Math.sqrt(Math.pow(M[0].x - Y, 2) + Math.pow(M[0].y - N, 2)), D = 100 - H / E * 50)), M && M.length === 2) {
+        const G = {
+          x: (M[0].x + M[1].x) / 2,
+          y: (M[0].y + M[1].y) / 2
         };
-        I = Math.sqrt(
-          Math.pow(W.x - T, 2) + Math.pow(W.y - A, 2)
-        ) / R * 100;
+        D = Math.sqrt(
+          Math.pow(G.x - R, 2) + Math.pow(G.y - C, 2)
+        ) / E * 100;
       }
-      const Q = (Math.PI / 2 - Math.atan2(Y - T, A - N)) / Math.PI * 180, V = M.querySelector(".PanoRulerPlugin-rule-label"), B = V.children[0].clientWidth;
-      B >= R || B / 2 >= I / 100 * R || B / 2 >= (1 - I / 100) * R ? M.style.display = "none" : (M.style.display = "block", M.style.width = R + "px", M.style.left = T + "px", M.style.top = A + "px", M.style.transform = `rotate(${-Q}deg)`, V.style.left = `${I}%`);
+      const te = (Math.PI / 2 - Math.atan2(Y - R, C - N)) / Math.PI * 180, W = T.querySelector(".PanoRulerPlugin-rule-label"), B = W.children[0].clientWidth;
+      B >= E || B / 2 >= D / 100 * E || B / 2 >= (1 - D / 100) * E ? T.style.display = "none" : (T.style.display = "block", T.style.width = E + "px", T.style.left = R + "px", T.style.top = C + "px", T.style.transform = `rotate(${-te}deg)`, W.style.left = `${D}%`);
     }
-  }, D = () => te(v), L = () => {
-    var o, r;
-    return e.loaded ? (e.enable || (_.setAttribute("class", "PanoRulerPlugin" + (e.options.className ? " " + e.options.className : "")), (r = (o = a.getElement()) == null ? void 0 : o.parentElement) == null || r.append(_), v(), a.on("modeChange", v), a.on("cameraUpdate", D), e.enable = !0), !0) : !1;
-  }, $ = () => (e.enable && (a.off("modeChange", v), a.off("cameraUpdate", D), _ && _.remove(), e.enable = !1), !0);
-  function G(o) {
-    if (o.distanceText && o.distanceText !== e.options.distanceText) {
-      const r = o.distanceText;
-      e.options.distanceText = r, Object.values(l).forEach((i) => {
-        i.rules.forEach((t) => {
-          const [s, f] = t.rule, m = s.distanceTo(f), d = t.$element.querySelector(".PanoRulerPlugin-rule-label-name");
-          !d || (d.innerText = r(m));
+  }, z = () => ae($), L = () => {
+    var r, a;
+    return e.loaded ? (e.enable || (h.setAttribute("class", "PanoRulerPlugin" + (e.options.className ? " " + e.options.className : "")), (a = (r = t.getElement()) == null ? void 0 : r.parentElement) == null || a.append(h), $(), t.on("modeChange", $), t.on("cameraUpdate", z), e.enable = !0), !0) : !1;
+  }, O = () => (e.enable && (t.off("modeChange", $), t.off("cameraUpdate", z), h && h.remove(), e.enable = !1), !0);
+  function Z(r) {
+    if (r.distanceText && r.distanceText !== e.options.distanceText) {
+      const a = r.distanceText;
+      e.options.distanceText = a, Object.values(l).forEach((c) => {
+        c.rules.forEach((o) => {
+          const [i, y] = o.rule, p = i.distanceTo(y), m = o.$element.querySelector(".PanoRulerPlugin-rule-label-name");
+          !m || (m.innerText = a(p));
         });
       });
     }
   }
   return {
     enable: L,
-    disable: $,
-    load: F,
+    disable: O,
+    load: x,
     state: e,
-    changeConfigs: G
+    changeConfigs: Z
   };
-}, me = {
-  name: "PanoRulerPlugin",
-  version: 0
 };
 export {
-  fe as PanoRulerPlugin,
-  fe as default,
-  me as panoRulerPluginServerParams
+  Pe as PanoRulerPlugin,
+  Pe as default
 };

package/libs/PanoRulerProPlugin/Controller.js

@@ -1,47 +1,64 @@
-var l = Object.defineProperty;
-var d = (i, t, e) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var s = (i, t, e) => (d(i, typeof t != "symbol" ? t + "" : t, e), e);
-import u from "./RulerItems.js";
-import "../index.164f1850.js";
-import "@realsee/five";
-import "../shared-utils/animationFrame/index.js";
-import "../tween.esm.bad2b2b4.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";
-class R {
-  constructor(t, e) {
-    s(this, "five");
-    s(this, "container", document.createElement("div"));
-    s(this, "panoRulerProData");
-    s(this, "rulerItems");
-    s(this, "state", {
+var v = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var c = (s, e, t) => e in s ? v(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, f = (s, e) => {
+  for (var t in e || (e = {}))
+    m.call(e, t) && c(s, t, e[t]);
+  if (p)
+    for (var t of p(e))
+      b.call(e, t) && c(s, t, e[t]);
+  return s;
+};
+var r = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
+var d = (s, e, t) => new Promise((a, o) => {
+  var n = (i) => {
+    try {
+      u(t.next(i));
+    } catch (h) {
+      o(h);
+    }
+  }, l = (i) => {
+    try {
+      u(t.throw(i));
+    } catch (h) {
+      o(h);
+    }
+  }, u = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(n, l);
+  u((t = t.apply(s, e)).next());
+});
+import D from "./RulerItems.js";
+class y {
+  constructor(e, t) {
+    r(this, "five");
+    r(this, "container", document.createElement("div"));
+    r(this, "panoRulerProData");
+    r(this, "rulerItems");
+    r(this, "state", {
       enabled: !1,
       loaded: !1,
       options: {
         className: "",
-        distanceText: (t) => `${t.toFixed(1)}m`
+        distanceText: (e) => `${e.toFixed(1)}m`
       }
     });
-    var r, o;
-    this.five = t, this.container.classList.add("panoRulerProPlugin-container"), this.container.setAttribute(
+    var a, o;
+    this.five = e, this.container.classList.add("panoRulerProPlugin-container"), this.container.setAttribute(
       "style",
       "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;"
-    ), e && (e.data && this.load(e.data), this.state.options = { ...this.state.options, ...e.options || {} }, (r = e.options) != null && r.className && this.container.classList.add((o = e.options) == null ? void 0 : o.className)), this.five.once("modelLoaded", async () => {
-      var a, n;
-      (n = (a = this.five.getElement()) == null ? void 0 : a.parentNode) == null || n.append(this.container);
-    }), this.five.once("dispose", () => this.dispose());
+    ), t && (t.data && this.load(t.data), this.state.options = f(f({}, this.state.options), t.options || {}), (a = t.options) != null && a.className && this.container.classList.add((o = t.options) == null ? void 0 : o.className)), this.five.once("modelLoaded", () => d(this, null, function* () {
+      var n, l;
+      (l = (n = this.five.getElement()) == null ? void 0 : n.parentNode) == null || l.append(this.container);
+    })), this.five.once("dispose", () => this.dispose());
   }
-  async load(t) {
-    if (!this.five.work)
-      return;
-    const e = t.data;
-    if (!e)
-      throw new Error("\u6807\u5C3A\u6570\u636E\u4F9D\u8D56\u4E0D\u9F50\u5168\uFF01");
-    this.panoRulerProData = e, this.state.loaded = !0;
+  load(e) {
+    return d(this, null, function* () {
+      if (!this.five.work)
+        return;
+      const t = e.data;
+      if (!t)
+        throw new Error("\u6807\u5C3A\u6570\u636E\u4F9D\u8D56\u4E0D\u9F50\u5168\uFF01");
+      this.panoRulerProData = t, this.state.loaded = !0;
+    });
   }
   enable() {
     return this.state.loaded ? (this.state.enabled || (this.state.enabled = !0, this.render()), !0) : !1;
@@ -49,26 +66,28 @@ class R {
   disable() {
     return this.state.enabled && (this.state.enabled = !1, this.render()), !0;
   }
-  async render() {
-    var t;
-    if (this.state.enabled) {
-      if (!this.panoRulerProData || !this.container)
-        return;
-      this.rulerItems = new u({
-        target: this.container,
-        props: {
-          five: this.five,
-          rulerDatas: this.panoRulerProData,
-          options: this.state.options
-        }
-      });
-    } else
-      (t = this.rulerItems) == null || t.$destroy(), this.rulerItems = void 0;
+  render() {
+    return d(this, null, function* () {
+      var e;
+      if (this.state.enabled) {
+        if (!this.panoRulerProData || !this.container)
+          return;
+        this.rulerItems = new D({
+          target: this.container,
+          props: {
+            five: this.five,
+            rulerDatas: this.panoRulerProData,
+            options: this.state.options
+          }
+        });
+      } else
+        (e = this.rulerItems) == null || e.$destroy(), this.rulerItems = void 0;
+    });
   }
   dispose() {
     this.container && (this.rulerItems.$destroy(), this.rulerItems = void 0), this.container.remove();
   }
 }
 export {
-  R as default
+  y as default
 };