@glodon-aiot/react-components 0.0.0-20251106104234

package/dist/es/TrackMap/index.mjs

@@ -0,0 +1,375 @@
+var Te = Object.defineProperty, $e = Object.defineProperties;
+var Fe = Object.getOwnPropertyDescriptors;
+var he = Object.getOwnPropertySymbols;
+var Ce = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable;
+var ye = (x, l, y) => l in x ? Te(x, l, { enumerable: !0, configurable: !0, writable: !0, value: y }) : x[l] = y, b = (x, l) => {
+  for (var y in l || (l = {}))
+    Ce.call(l, y) && ye(x, y, l[y]);
+  if (he)
+    for (var y of he(l))
+      ze.call(l, y) && ye(x, y, l[y]);
+  return x;
+}, X = (x, l) => $e(x, Fe(l));
+import { jsx as d, jsxs as Y } from "react/jsx-runtime";
+import { useRef as z, useState as u, useEffect as h } from "react";
+import De from "antd/es/tooltip";
+import Me from "react-moveable";
+import "./style.less.mjs";
+import me from "./TrackPoint.mjs";
+import { ConfigProvider as Oe } from "antd";
+const Ue = (x) => {
+  var fe;
+  const {
+    width: l,
+    height: y,
+    points: T,
+    scale: a,
+    pointSize: $ = 6,
+    direction: q,
+    activePointId: D,
+    style: g,
+    lineStyle: M,
+    pointStyle: R,
+    directionStyle: xe,
+    marks: oe,
+    resizable: H,
+    transform: r,
+    keepRatio: ie = !1,
+    onPointClick: J,
+    onTransform: N,
+    onPointsChange: O,
+    onCancelResize: Pe,
+    actions: B = !0,
+    setIsSaved: se,
+    isSaved: ce = !1
+  } = x, S = z(null), w = z(null), s = z(null), E = z(null), K = z(null), [F, pe] = u(null), [Q, U] = u((r == null ? void 0 : r.scale) || [1, 1]), [V, Z] = u((r == null ? void 0 : r.rotate) || 0), [P, _] = u((r == null ? void 0 : r.translate) || [0, 0, 0, 0]), [be, ve] = u([]), [f, ke] = u(), [Re, ae] = u(), [W, G] = u(H), [le, ee] = u([]), [v, de] = u(T), [I, We] = u(!0), [k, j] = u(), [m, C] = u(), [Ie, Ne] = u(typeof B != "boolean" ? B : B === !0 ? {} : null), A = ($ - $ / 4 * 0.9) * 2 / a;
+  h(() => {
+    Ne(typeof B != "boolean" ? B : B === !0 ? {} : null);
+  }, [B]);
+  const Be = (e, t) => {
+    if (!e.length)
+      return;
+    let i;
+    return e.map((o) => {
+      var p;
+      if (!i) {
+        i = o;
+        return;
+      }
+      const c = d("line", {
+        x1: Number.isFinite(i.x) ? i.x : 0,
+        y1: Number.isFinite(i.y) ? i.y : 0,
+        x2: Number.isFinite(o.x) ? o.x : 0,
+        y2: Number.isFinite(o.y) ? o.y : 0,
+        style: X(b(b({
+          stroke: "#1F66E1BF"
+        }, M), i.lineStyle), {
+          strokeWidth: Number((M == null ? void 0 : M.strokeWidth) || ((p = i.lineStyle) == null ? void 0 : p.strokeWidth) || 2) / t
+        })
+      }, o.id);
+      return i = o, c;
+    });
+  }, ue = new ResizeObserver(() => {
+    S.current && (w.current && (w.current.style.transform = "none", w.current.style.width = "auto", w.current.style.height = "100%"), w.current && (w.current.style.width = "100%", w.current.style.height = "100%"));
+  });
+  h(() => {
+    var e;
+    C((e = s.current) == null ? void 0 : e.getBoundingClientRect());
+  }, [g == null ? void 0 : g.left, g == null ? void 0 : g.top, g == null ? void 0 : g.width, g == null ? void 0 : g.height, a]), h(() => {
+    G(H);
+  }, [H]), h(() => {
+    de(T || []);
+  }, [T, le]), h(() => {
+    var e;
+    (!((e = s.current) != null && e.style.transform) || s.current.style.transform === "none") && (U((r == null ? void 0 : r.scale) || [1, 1]), Z((r == null ? void 0 : r.rotate) || 0), _((r == null ? void 0 : r.translate) || [0, 0, 0, 0]));
+  }, [(fe = s.current) == null ? void 0 : fe.style.transform]), h(() => {
+    !s.current || W || (s.current.style.transform = "none", U((r == null ? void 0 : r.scale) || [1, 1]), Z((r == null ? void 0 : r.rotate) || 0), _((r == null ? void 0 : r.translate) || [0, 0, 0, 0]));
+  }, [W]), h(() => {
+    if (S.current)
+      return ue.observe(S.current), () => {
+        S.current && ue.unobserve(S.current);
+      };
+  }, [S.current]), h(() => {
+    !F || !r || (F.throttleDragRotate = r.rotate, F.throttleScale = r.scale, F.throttleDrag = r.translate);
+  }, [F, r]), h(() => {
+    ke(v == null ? void 0 : v.find((t) => t.id === D));
+    let e = v.map((t) => {
+      var p, ne, L;
+      const i = t.x, n = t.y, o = t.id === D, c = $ * (o ? 1.2 : 1) / a;
+      return d(me, {
+        open: I,
+        id: t.id,
+        point: t,
+        getTooltipContainer: () => K.current || document.body,
+        x: i,
+        y: n,
+        r: R != null && R.r || (p = t.pointStyle) != null && p.r ? Number((R == null ? void 0 : R.r) || ((ne = t.pointStyle) == null ? void 0 : ne.r)) / a : c / 2,
+        hidden: o,
+        style: X(b(b({
+          stroke: "#1F66E1BF",
+          fill: "#fff",
+          cursor: J ? "pointer" : "unset"
+        }, R), t.pointStyle), {
+          strokeWidth: Number(((L = t.pointStyle) == null ? void 0 : L.strokeWidth) || 2) / a,
+          r: void 0
+        }),
+        onPointClick: J
+      }, t.id);
+    }) || [];
+    ve(e);
+  }, [v, D, a, I]), h(() => {
+    var o, c, p;
+    if (!f) {
+      ae(void 0);
+      return;
+    }
+    const e = f.x, t = f.y, i = f.id === D, n = $ * (i ? 1.2 : 1) / a;
+    ae(Y("g", {
+      children: [q !== void 0 && d("circle", {
+        id: `mark-${f.id}`,
+        cx: e,
+        cy: t,
+        r: `${A}`,
+        strokeDasharray: A * 2 * Math.PI,
+        strokeDashoffset: A * 2 * Math.PI / 360 * (360 - 60),
+        style: b({
+          transform: `rotate(${q + 240}deg)`,
+          transformOrigin: `${e}px ${t}px`,
+          strokeWidth: A * 2,
+          stroke: "#1F66E1BF",
+          fill: "transparent",
+          pointerEvents: "none"
+        }, xe)
+      }), d(me, {
+        open: I,
+        point: f,
+        getTooltipContainer: () => K.current || document.body,
+        x: e,
+        y: t,
+        r: (o = f.pointStyle) != null && o.r ? Number((c = f.pointStyle) == null ? void 0 : c.r) / a : n / 2,
+        style: X(b(b({
+          stroke: "#1F66E1BF",
+          fill: "#fff"
+        }, R), f.pointStyle), {
+          strokeWidth: Number(((p = f.pointStyle) == null ? void 0 : p.strokeWidth) || 2) / a,
+          r: void 0
+        }),
+        onPointClick: J
+      }, f.id)]
+    }, f.id));
+  }, [f, q, a, I]), h(() => {
+    s.current && setTimeout(() => {
+      var e, t;
+      j((e = s.current) == null ? void 0 : e.getBBox()), C((t = s.current) == null ? void 0 : t.getBoundingClientRect());
+    }, 100);
+  }, [r]), h(() => {
+    var t, i;
+    if (!s.current)
+      return;
+    j((t = s.current) == null ? void 0 : t.getBBox()), C((i = s.current) == null ? void 0 : i.getBoundingClientRect()), new ResizeObserver(() => {
+      var n, o;
+      j((n = s.current) == null ? void 0 : n.getBBox()), C((o = s.current) == null ? void 0 : o.getBoundingClientRect());
+    }).observe(s.current);
+  }, [s.current]), h(() => {
+    ce && (Se(), se && se(!1));
+  }, [ce]);
+  const Se = () => {
+    var n;
+    const e = (n = E.current) == null ? void 0 : n.getBoundingClientRect();
+    if (!e) {
+      O && O(T), G(!1);
+      return;
+    }
+    const t = le.map((o) => {
+      const c = o.getBoundingClientRect();
+      return {
+        id: o.id.split("-")[1],
+        x: (c.x + c.width / 2 - e.x) / a,
+        y: (c.y + c.height / 2 - e.y) / a
+      };
+    }), i = T.map((o) => {
+      const c = t == null ? void 0 : t.find((p) => p.id.toString() === o.id.toString());
+      return c ? b(b({}, o), c) : o;
+    });
+    de(i), O && O(i.length ? i.map((o, c) => ({
+      id: o.id,
+      x: o.x,
+      y: o.y,
+      order: c
+    })) : T), G(!1);
+  }, we = (e) => e.map((t) => {
+    const {
+      render: i,
+      renderData: n
+    } = t, o = t.x * a, c = t.y * a;
+    return d(De, {
+      className: "track-map-marker-tooltip",
+      placement: "top",
+      title: i(n, b({}, t)),
+      open: !!n,
+      style: {
+        zIndex: 9999
+      },
+      children: d("circle", {
+        id: `mark-${t.id}`,
+        cx: o,
+        cy: c,
+        r: $ / 2,
+        style: {
+          stroke: "#1F66E100",
+          strokeWidth: 2,
+          fill: "#fff0"
+        },
+        children: d("span", {
+          children: n.label
+        })
+      })
+    }, t.id);
+  }), ge = k ? {
+    x: k.x + k.width / 2,
+    y: k.y + k.height / 2
+  } : {
+    x: 0,
+    y: 0
+  }, te = v.reduce((e, t) => [Math.min(e[0], t.x), Math.max(e[1], t.x)], [0, 0]), re = v.reduce((e, t) => [Math.min(e[0], t.y), Math.max(e[1], t.y)], [0, 0]);
+  return d(Oe, {
+    prefixCls: "g-rc",
+    children: Y("div", {
+      className: "track-map",
+      style: {
+        width: "100%",
+        height: "100%"
+      },
+      ref: S,
+      children: [d("svg", {
+        style: g,
+        ref: E,
+        viewBox: `0 0 ${l} ${y}`,
+        children: Y("g", {
+          ref: s,
+          x: te[0],
+          y: re[0],
+          width: te[1] - te[0],
+          height: re[1] - re[0],
+          style: {
+            transformOrigin: `${ge.x}px ${ge.y}px`,
+            cursor: W ? "url('./images/icon-move.svg') 16 16, move" : "unset",
+            transform: r && r.scale ? `${r.translate ? ` translate(${r.translate[0]}px, ${r.translate[1]}px)` : ""} rotate(${r.rotate}rad)${r.scale ? ` scale(${r.scale[0]}, ${r.scale[1]})` : ""}` : "none"
+          },
+          children: [k && d("rect", {
+            x: k.x,
+            y: k.y,
+            width: k.width,
+            height: k.height,
+            fill: "#ff000004"
+          }), d("g", {
+            className: "track-lines",
+            children: Be((v == null ? void 0 : v.filter((e) => e.order > -1)) || [], a)
+          }), Y("g", {
+            className: "track-points",
+            children: [be, Re]
+          }), oe && d("g", {
+            children: we(oe)
+          })]
+        })
+      }), d("div", {
+        className: "tooltip-container",
+        ref: K,
+        style: {
+          position: "fixed",
+          top: (m == null ? void 0 : m.y) || 0,
+          left: (m == null ? void 0 : m.x) || 0,
+          width: (m == null ? void 0 : m.width) || 0,
+          height: (m == null ? void 0 : m.height) || 0
+        }
+      }), W && s.current && E.current && d(Me, {
+        className: "path-moveable-control-box",
+        ref: (e) => {
+          pe(e);
+        },
+        keepRatio: ie,
+        target: [s.current],
+        draggable: !0,
+        scalable: !0,
+        rotatable: !0,
+        padding: {
+          left: 10,
+          right: 10,
+          top: 10,
+          bottom: 10
+        },
+        onDrag: ({
+          target: e,
+          beforeDelta: t,
+          beforeDist: i,
+          left: n,
+          top: o,
+          right: c,
+          bottom: p,
+          delta: ne,
+          dist: L,
+          transform: Ee,
+          clientX: je,
+          clientY: Ae
+        }) => {
+          _(L), e.style.transform = Ee;
+        },
+        onDragStart: ({
+          inputEvent: e
+        }) => {
+          e.stopPropagation();
+        },
+        onDragEnd: () => {
+          var t;
+          const e = (t = s.current) == null ? void 0 : t.getElementsByTagName("circle");
+          ee(e != null && e.length ? [...e] : []), N && N({
+            rotate: V,
+            translate: P,
+            scale: Q
+          }, e != null && e.length ? [...e] : [], E.current || void 0);
+        },
+        renderDirections: ie ? ["nw", "ne", "sw", "se"] : ["n", "w", "e", "s", "nw", "ne", "sw", "se"],
+        onScale: ({
+          target: e,
+          scale: t,
+          transform: i
+        }) => {
+          var o;
+          U(t), e.style.transform = i;
+          const n = (o = s.current) == null ? void 0 : o.getElementsByTagName("circle");
+          ee(n != null && n.length ? [...n] : []), N && N({
+            rotate: V,
+            translate: P,
+            scale: t
+          }, n != null && n.length ? [...n] : [], E.current || void 0);
+        },
+        onRotate: ({
+          target: e,
+          dist: t,
+          transform: i
+        }) => {
+          var o;
+          Z(t), e.style.transform = i;
+          const n = (o = s.current) == null ? void 0 : o.getElementsByTagName("circle");
+          ee(n != null && n.length ? [...n] : []), N && N({
+            rotate: t,
+            translate: P,
+            scale: Q
+          }, n != null && n.length ? [...n] : [], E.current || void 0);
+        },
+        onRenderEnd: () => {
+          var t, i, n;
+          const e = (t = s.current) == null ? void 0 : t.getElementsByTagName("circle");
+          N && N({
+            rotate: V,
+            translate: P,
+            scale: Q
+          }, e != null && e.length ? [...e] : [], E.current || void 0), j((i = s.current) == null ? void 0 : i.getBBox()), C((n = s.current) == null ? void 0 : n.getBoundingClientRect());
+        }
+      })]
+    })
+  });
+};
+export {
+  Ue as TrackMap
+};

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

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

package/dist/es/Zoom/index.mjs

@@ -0,0 +1,48 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { IconButton as m } from "../IconButton/index.mjs";
+import { Iconfont as l } from "../Iconfont/index.mjs";
+import { useState as x, useEffect as y } from "react";
+const j = (a) => {
+  const {
+    className: f,
+    style: h,
+    value: t,
+    min: i,
+    max: c,
+    step: e = 1,
+    onChange: r,
+    showText: p = !1
+  } = a, [o, s] = x(t != null ? t : 0);
+  return y(() => {
+    s(t != null ? t : 0);
+  }, [t]), d("div", {
+    className: f,
+    style: h,
+    children: [n(m, {
+      disabled: !!(c && c <= o),
+      onClick: () => {
+        r(o + e), s(o + e);
+      },
+      children: n(l, {
+        type: "icon-fangda"
+      })
+    }), p && d("div", {
+      style: {
+        width: 40,
+        textAlign: "center"
+      },
+      children: [Math.round(o * 100), "%"]
+    }), n(m, {
+      disabled: !!(i && i >= o),
+      onClick: () => {
+        r(o - e), s(o - e);
+      },
+      children: n(l, {
+        type: "icon-suoxiao"
+      })
+    })]
+  });
+};
+export {
+  j as Zoom
+};

package/dist/es/components/Copy/index.mjs

@@ -0,0 +1,44 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useState as r, useEffect as c } from "react";
+import { Iconfont as l } from "../../Iconfont/index.mjs";
+import { copyToClipboard as m } from "../../utils/clipboard.mjs";
+import "./style.less.mjs";
+import { CheckOutlined as n, CloseOutlined as p } from "@ant-design/icons";
+import { Tooltip as f } from "antd";
+const g = ({
+  text: i
+}) => {
+  const [o, t] = r();
+  return c(() => {
+    o && setTimeout(() => t(void 0), 2e3);
+  }, [o]), o ? e("div", {
+    className: "copy-tip",
+    children: o === "success" ? e(n, {
+      style: {
+        color: "rgba(48, 191, 19, 1)"
+      }
+    }) : e(p, {
+      style: {
+        color: "#dc4446"
+      }
+    })
+  }) : e(f, {
+    title: "复制",
+    children: e("div", {
+      className: "copy-btn",
+      onClick: () => {
+        m({
+          value: i
+        }).then((s) => {
+          t(s ? "success" : "failed");
+        });
+      },
+      children: e(l, {
+        type: "icon-fuzhi"
+      })
+    })
+  });
+};
+export {
+  g as Copy
+};

package/dist/es/components/Copy/style.less.mjs

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

package/dist/es/components/Markdown/ATag/index.mjs

@@ -0,0 +1,49 @@
+var j = Object.defineProperty, v = Object.defineProperties;
+var A = Object.getOwnPropertyDescriptors;
+var w = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var d = (e, t, n) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, c = (e, t) => {
+  for (var n in t || (t = {}))
+    f.call(t, n) && d(e, n, t[n]);
+  if (w)
+    for (var n of w(t))
+      m.call(t, n) && d(e, n, t[n]);
+  return e;
+}, u = (e, t) => v(e, A(t));
+var x = (e, t) => {
+  var n = {};
+  for (var r in e)
+    f.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && w)
+    for (var r of w(e))
+      t.indexOf(r) < 0 && m.call(e, r) && (n[r] = e[r]);
+  return n;
+};
+import { jsx as o, jsxs as T, Fragment as b } from "react/jsx-runtime";
+const p = (e) => {
+  var h, i;
+  const r = e, {
+    node: t
+  } = r, n = x(r, [
+    "node"
+  ]);
+  if (t.tagName === "a" && ((h = t.children) == null ? void 0 : h.length) > 0) {
+    const g = ((i = t.children[0]) == null ? void 0 : i.value) || "";
+    let s = /(^https?:\/\/|^www\.)(?:www\.)?[\w\-]+(\.[\w\-]+)+(\/[\w\- .\/?%&=]*)?/g, a = g.match(s), k = g.replace(s, "").trim();
+    if (!(a != null && a.length))
+      return o("a", c({}, n));
+    const l = a[0];
+    return T(b, {
+      children: [o("a", u(c({
+        href: /^www\./.test(l) ? "//" + l : l,
+        onClick: () => window.open(e.href, e.target || "_blank")
+      }, n), {
+        children: l
+      })), k]
+    });
+  }
+  return o("a", c({}, n));
+}, M = p;
+export {
+  M as default
+};

package/dist/es/components/Markdown/Code/index.mjs

@@ -0,0 +1,69 @@
+var x = Object.defineProperty, h = Object.defineProperties;
+var N = Object.getOwnPropertyDescriptors;
+var t = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var w = (e, o, a) => o in e ? x(e, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[o] = a, d = (e, o) => {
+  for (var a in o || (o = {}))
+    g.call(o, a) && w(e, a, o[a]);
+  if (t)
+    for (var a of t(o))
+      p.call(o, a) && w(e, a, o[a]);
+  return e;
+}, s = (e, o) => h(e, N(o));
+var u = (e, o) => {
+  var a = {};
+  for (var n in e)
+    g.call(e, n) && o.indexOf(n) < 0 && (a[n] = e[n]);
+  if (e != null && t)
+    for (var n of t(e))
+      o.indexOf(n) < 0 && p.call(e, n) && (a[n] = e[n]);
+  return a;
+};
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { Prism as f } from "react-syntax-highlighter";
+import { Copy as v } from "../../Copy/index.mjs";
+import { Space as C } from "antd";
+const L = (S) => {
+  var i = S, {
+    node: e,
+    inline: o,
+    className: a,
+    children: n
+  } = i, m = u(i, [
+    "node",
+    "inline",
+    "className",
+    "children"
+  ]);
+  const l = /language-(\w+)/.exec(a || ""), c = l ? l[1] : null;
+  return !o && c ? k("div", {
+    className: "markdown-code",
+    children: [k("div", {
+      className: "markdown-code-title",
+      children: [r("span", {
+        className: "markdown-code-title-text",
+        children: c
+      }), r(C, {
+        className: "markdown-code-title-action",
+        children: r(v, {
+          text: String(n)
+        })
+      })]
+    }), r(f, s(d({
+      className: "markdown-code-context",
+      language: c
+    }, m), {
+      wrapLongLines: !0,
+      showLineNumbers: !0,
+      PreTag: "div",
+      children: String(n).replace(/\n$/, "")
+    }))]
+  }) : r("code", s(d({
+    className: a
+  }, m), {
+    children: n
+  }));
+}, y = L;
+export {
+  y as default
+};

package/dist/es/components/Markdown/Image/index.mjs

@@ -0,0 +1,65 @@
+var w = Object.defineProperty, k = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var d = (e, t, i) => t in e ? w(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, r = (e, t) => {
+  for (var i in t || (t = {}))
+    y.call(t, i) && d(e, i, t[i]);
+  if (f)
+    for (var i of f(t))
+      M.call(t, i) && d(e, i, t[i]);
+  return e;
+}, a = (e, t) => k(e, I(t));
+import { jsx as m, jsxs as V, Fragment as b } from "react/jsx-runtime";
+import { Image as h } from "antd";
+import { ImageViewer as x } from "antd-mobile";
+import { useState as s, useEffect as C } from "react";
+import { isMobile as v } from "react-device-detect";
+import T from "../Video/index.mjs";
+import { checkMediaType as j } from "../../../utils/markdown/index.mjs";
+const E = (e) => {
+  const [t, i] = s(!1), [g, u] = s();
+  return C(() => {
+    e.src && u(j(e.src));
+  }, [e.src]), g == "video" ? m(T, {
+    src: e.src,
+    controls: !0
+  }) : v ? V(b, {
+    children: [m("img", r({
+      style: {
+        maxWidth: "100%"
+      },
+      src: e == null ? void 0 : e.src,
+      onClick: () => {
+        i(!0);
+      }
+    }, e)), m(x, {
+      image: (e == null ? void 0 : e.src) || "",
+      visible: t,
+      onClose: () => {
+        i(!1);
+      }
+    })]
+  }) : m(h, a(r({
+    style: {
+      maxWidth: "100%"
+    },
+    preview: {
+      // 强制挂载到 body，解决 transform 包含块问题
+      getContainer: () => document.body
+    }
+  }, e), {
+    onClick: (n) => {
+      var c, o, l;
+      (l = e.onClick) == null || l.call(e, a(r({}, n), {
+        target: (o = (c = n.target) == null ? void 0 : c.offsetParent) == null ? void 0 : o.children[0]
+      }));
+    },
+    onError: () => {
+      console.log(e), console.warn("图片加载失败");
+    }
+  }));
+}, B = E;
+export {
+  B as default
+};

package/dist/es/components/Markdown/Video/index.mjs

@@ -0,0 +1,22 @@
+var a = Object.defineProperty;
+var e = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+var i = (d, o, t) => o in d ? a(d, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[o] = t, r = (d, o) => {
+  for (var t in o || (o = {}))
+    n.call(o, t) && i(d, t, o[t]);
+  if (e)
+    for (var t of e(o))
+      s.call(o, t) && i(d, t, o[t]);
+  return d;
+};
+import { jsx as h } from "react/jsx-runtime";
+const m = (d) => h("video", r({
+  style: {
+    maxWidth: "100%",
+    width: 560,
+    height: 315
+  }
+}, d)), c = m;
+export {
+  c as default
+};