@glodon-aiot/react-components 3.0.11-beta.0 → 3.0.11-beta.2

package/dist/es/MouseTip/utils.mjs

@@ -0,0 +1,70 @@
+import { GAP_SIZE_H as n, GAP_SIZE_V as u, ON_RIGHT as f, ON_LEFT as a, ON_BOTTOM as h, ON_TOP as g } from "./constant.mjs";
+const c = (t) => {
+  const r = t || window.event, e = t.target || t.srcElement;
+  if (r.offsetX)
+    return r.offsetX;
+  {
+    const s = e.getBoundingClientRect();
+    return r.clientX - s.left;
+  }
+}, O = (t) => {
+  const r = t || window.event, e = t.target || t.srcElement;
+  if (r.offsetY)
+    return r.offsetY;
+  {
+    const s = e.getBoundingClientRect();
+    return r.clientY - s.top;
+  }
+}, w = (t) => {
+  const r = t.split("-");
+  let e = r.length > 1 || r[0] === "left" || r[0] === "right" ? r[0] : "center", s = r.length > 1 ? r[1] : r[0] === "top" || r[0] === "bottom" ? r[0] : "middle";
+  return [e, s];
+}, m = (t, r, e = [n, u]) => {
+  const s = () => {
+    switch (t[0]) {
+      case "left":
+        return a;
+      case "right":
+        return f;
+      default:
+        return 0;
+    }
+  }, i = () => {
+    switch (t[1]) {
+      case "top":
+        return g;
+      case "bottom":
+        return h;
+      default:
+        return 0;
+    }
+  }, l = () => {
+    switch (t[0]) {
+      case "left":
+        return -((r == null ? void 0 : r.width) || 0) - e[0] - 2;
+      case "right":
+        return 0;
+      default:
+        return -((r == null ? void 0 : r.width) || 0) / 2;
+    }
+  }, o = () => {
+    switch (t[1]) {
+      case "top":
+        return -e[1] - 2;
+      case "bottom":
+        return (r == null ? void 0 : r.height) || 0;
+      default:
+        return ((r == null ? void 0 : r.height) || 0) / 2;
+    }
+  };
+  return {
+    x: e[0] * s() + l(),
+    y: e[1] * i() + o()
+  };
+};
+export {
+  c as getOffsetX,
+  O as getOffsetY,
+  m as getPlacementPosition,
+  w as placementStringToArr
+};

package/dist/es/PanoramaRecordPlayer/index.mjs

@@ -0,0 +1,84 @@
+import { jsxs as j, jsx as e } from "react/jsx-runtime";
+import c from "../IconButton/index.mjs";
+import s from "../Iconfont/index.mjs";
+import { useState as p, useEffect as f } from "react";
+const N = (b) => {
+  const {
+    className: k,
+    style: x,
+    length: i = 0,
+    current: u = 0,
+    speed: P = 2e3,
+    play: y = !1,
+    loop: I = !1,
+    loading: o = !1,
+    onChange: t
+  } = b, [r, m] = p(y), [n, l] = p(u), [a, h] = p(null);
+  f(() => {
+    l(u);
+  }, [u]), f(() => {
+    m(y);
+  }, [y]), f(() => {
+    r ? g() : n >= i - 1 && (l(0), t(0));
+  }, [r]), f(() => {
+    r && (o ? a && (clearTimeout(a), h(null)) : h(setTimeout(g, P)));
+  }, [o]);
+  const g = () => {
+    l((d) => d < i - 1 ? (t(d + 1), d + 1) : I ? (t(0), 0) : (C(), d));
+  }, T = () => {
+    n >= i - 1 && l(0), m(!0);
+  }, C = () => {
+    m(!1), a && (clearTimeout(a), h(null));
+  };
+  return /* @__PURE__ */ j("div", {
+    className: k,
+    style: x,
+    children: [/* @__PURE__ */ e(c, {
+      disabled: n <= 0 || o,
+      onClick: () => {
+        t(0), l(0);
+      },
+      children: /* @__PURE__ */ e(s, {
+        type: "icon-diyige"
+      })
+    }), /* @__PURE__ */ e(c, {
+      disabled: n <= 0 || o,
+      onClick: () => {
+        t(n - 1), l(n - 1);
+      },
+      children: /* @__PURE__ */ e(s, {
+        type: "icon-qianyige"
+      })
+    }), r ? /* @__PURE__ */ e(c, {
+      onClick: C,
+      children: /* @__PURE__ */ e(s, {
+        type: "icon-zanting"
+      })
+    }) : /* @__PURE__ */ e(c, {
+      disabled: n >= i - 1 || o,
+      onClick: T,
+      children: /* @__PURE__ */ e(s, {
+        type: "icon-bofang"
+      })
+    }), /* @__PURE__ */ e(c, {
+      disabled: n >= i - 1 || o,
+      onClick: () => {
+        t(n + 1), l(n + 1);
+      },
+      children: /* @__PURE__ */ e(s, {
+        type: "icon-xiayige"
+      })
+    }), /* @__PURE__ */ e(c, {
+      disabled: n >= i - 1 || o,
+      onClick: () => {
+        t(i - 1), l(i - 1);
+      },
+      children: /* @__PURE__ */ e(s, {
+        type: "icon-zuihouyige"
+      })
+    })]
+  });
+};
+export {
+  N as default
+};

package/dist/es/PassMap/index.mjs

@@ -0,0 +1,43 @@
+var S = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var p = (e, s, t) => s in e ? S(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t, a = (e, s) => {
+  for (var t in s || (s = {}))
+    g.call(s, t) && p(e, t, s[t]);
+  if (n)
+    for (var t of n(s))
+      P.call(s, t) && p(e, t, s[t]);
+  return e;
+};
+import { jsx as l } from "react/jsx-runtime";
+import "./style.less.mjs";
+const f = {
+  stroke: "rgba(255, 77, 79, 0.25)",
+  strokeWidth: 1
+}, k = (e) => {
+  const {
+    style: s,
+    passes: t,
+    scale: o,
+    activePassId: y,
+    passStyle: d,
+    activePassStyle: m
+  } = e;
+  return /* @__PURE__ */ l("svg", {
+    className: "pass-map",
+    style: s,
+    children: t.map((r, u) => {
+      var c;
+      const v = r.id === y ? m : f;
+      return /* @__PURE__ */ l("g", {
+        children: /* @__PURE__ */ l("polygon", {
+          points: (c = r.points) == null ? void 0 : c.map((i) => `${i.x * o} ${i.y * o}`).join(","),
+          style: a(a(a({}, d), r.passStyle), v)
+        })
+      }, u);
+    })
+  });
+};
+export {
+  k as default
+};

package/dist/es/PassMap/style.less.mjs

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

package/dist/es/TrackMap/PointTooltip.mjs

@@ -0,0 +1,86 @@
+var I = Object.defineProperty, P = Object.defineProperties;
+var j = Object.getOwnPropertyDescriptors;
+var s = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
+var h = (o, n, e) => n in o ? I(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e, c = (o, n) => {
+  for (var e in n || (n = {}))
+    m.call(n, e) && h(o, e, n[e]);
+  if (s)
+    for (var e of s(n))
+      C.call(n, e) && h(o, e, n[e]);
+  return o;
+}, S = (o, n) => P(o, j(n));
+var x = (o, n) => {
+  var e = {};
+  for (var t in o)
+    m.call(o, t) && n.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && s)
+    for (var t of s(o))
+      n.indexOf(t) < 0 && C.call(o, t) && (e[t] = o[t]);
+  return e;
+};
+import { jsx as R } from "react/jsx-runtime";
+import { useState as W, useRef as z, useEffect as T } from "react";
+import A from "antd/es/tooltip";
+const F = (o) => {
+  var a, g, O, v;
+  const f = o, {
+    children: n,
+    open: e,
+    point: t,
+    key: b,
+    style: k
+  } = f, w = x(f, [
+    "children",
+    "open",
+    "point",
+    "key",
+    "style"
+  ]), [D, u] = W(e && t.tooltipOpen !== void 0 ? t.tooltipOpen : void 0), i = z(null);
+  return T(() => {
+    var p, d;
+    if (!t.tooltipRender || !i.current)
+      return;
+    const l = t.tooltipRender(t);
+    if (typeof l == "string" || typeof l == "number") {
+      i.current.innerText = l.toString();
+      return;
+    }
+    const r = (p = i.current) == null ? void 0 : p.firstChild;
+    r ? r.replaceWith(l) : (d = i.current) == null || d.appendChild(l), console.log("tooltip inner text", t.id), console.log((/* @__PURE__ */ new Date()).valueOf());
+  }, [t.tooltipRender, D]), T(() => {
+    u(t.tooltipOpen !== void 0 ? t.tooltipOpen && e : void 0);
+  }, [t.tooltipOpen !== void 0 ? t.tooltipOpen && e : void 0]), console.log("render PointTooltip", t.id), console.log((/* @__PURE__ */ new Date()).valueOf()), /* @__PURE__ */ R(A, S(c({}, w), {
+    autoAdjustOverflow: !1,
+    placement: "top",
+    open: t.tooltipOpen !== void 0 ? t.tooltipOpen && e : void 0,
+    onOpenChange: (l) => {
+      var d, y;
+      if (t.tooltipOpen || u(l), console.log("tooltip inner text", t.id), console.log((/* @__PURE__ */ new Date()).valueOf()), !t.tooltipRender || !i.current)
+        return;
+      const r = t.tooltipRender(t);
+      if (typeof r == "string" || typeof r == "number") {
+        i.current.innerText = r.toString();
+        return;
+      }
+      const p = (d = i.current) == null ? void 0 : d.firstChild;
+      p ? p.replaceWith(r) : (y = i.current) == null || y.appendChild(r);
+    },
+    color: ((a = t.tooltipStyle) == null ? void 0 : a.backgroundColor) || ((g = t.tooltipStyle) == null ? void 0 : g.backgroundImage) || ((v = (O = t.tooltipStyle) == null ? void 0 : O.background) == null ? void 0 : v.toString()),
+    title: /* @__PURE__ */ R("div", {
+      ref: i
+    }, b),
+    overlayInnerStyle: t.tooltipStyle,
+    destroyTooltipOnHide: !0,
+    style: c({
+      zIndex: 9
+    }, k),
+    motion: {
+      forceRender: !0
+    },
+    children: n
+  }));
+};
+export {
+  F as default
+};

package/dist/es/TrackMap/TrackPoint.mjs

@@ -0,0 +1,57 @@
+import { jsx as s, Fragment as O } from "react/jsx-runtime";
+import { useRef as R, useState as m, useEffect as p, useMemo as g } from "react";
+import { diff as x } from "deep-object-diff";
+import C from "./PointTooltip.mjs";
+import P from "lodash/debounce";
+const D = {
+  attributes: !0,
+  characterData: !0
+}, F = (t) => {
+  const o = R(null), {
+    point: e,
+    open: h,
+    id: y,
+    x: n,
+    y: r,
+    r: i,
+    active: v = !1,
+    hidden: b = !1,
+    onPointClick: a,
+    getTooltipContainer: T
+  } = t, [c, k] = m(t.style), [w, u] = m(!0);
+  p(() => {
+    const l = x(c, t.style);
+    Object.keys(l).length && k(t.style);
+  }, [t.style]);
+  const f = g(() => /* @__PURE__ */ s("circle", {
+    id: `mark-${y}`,
+    className: "point point-active",
+    cx: n,
+    cy: r,
+    r: i,
+    ref: o,
+    style: c,
+    onClick: () => a && a(e)
+  }), [n, r, i, c, v]), d = g(() => {
+    const l = P(() => {
+      u(!0), console.log("show tooltip", e.id), console.log((/* @__PURE__ */ new Date()).valueOf());
+    }, 200);
+    return new MutationObserver(() => {
+      console.log("circle is changed"), console.log("hide tooltip", e.id), console.log((/* @__PURE__ */ new Date()).valueOf()), u(!1), l();
+    });
+  }, []);
+  return p(() => {
+    if (!(!o.current || !e.tooltipRender))
+      return d.observe(o.current, D), () => {
+        o.current && d.disconnect();
+      };
+  }, [n, r, i]), b ? /* @__PURE__ */ s(O, {}) : e.tooltipRender && w ? /* @__PURE__ */ s(C, {
+    open: h,
+    point: e,
+    getPopupContainer: T,
+    children: f
+  }) : f;
+};
+export {
+  F as default
+};