@glodon-aiot/react-components 3.5.2-beta.0 → 3.5.2-snapshot.0

package/dist/es/Button/index.mjs

@@ -33,7 +33,7 @@ const z = (o) => {
     "backgroundColor",
     "label"
   ]), p = t ? "storybook-button--primary" : "storybook-button--secondary";
-  return /* @__PURE__ */ j("button", a(y({
+  return j("button", a(y({
     type: "button",
     className: ["storybook-button", `storybook-button--${r}`, p].join(" "),
     style: {

package/dist/es/ConfirmableButton/index.mjs

@@ -1,59 +1,59 @@
-var d = Object.defineProperty;
+var C = Object.defineProperty;
 var l = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
-var a = (r, t, e) => t in r ? d(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, u = (r, t) => {
-  for (var e in t || (t = {}))
-    C.call(t, e) && a(r, e, t[e]);
+var d = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var a = (e, t, r) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, u = (e, t) => {
+  for (var r in t || (t = {}))
+    d.call(t, r) && a(e, r, t[r]);
   if (l)
-    for (var e of l(t))
-      h.call(t, e) && a(r, e, t[e]);
-  return r;
+    for (var r of l(t))
+      y.call(t, r) && a(e, r, t[r]);
+  return e;
 };
 import { jsx as o } from "react/jsx-runtime";
-import { useState as k, useEffect as y } from "react";
+import { useState as h, useEffect as k } from "react";
 import s from "antd/es/button";
-import g from "antd/es/popconfirm";
-const j = (r) => {
+import p from "antd/es/popconfirm";
+const T = (e) => {
   const {
     name: t,
-    type: e,
+    type: r,
     style: x,
     className: i,
-    children: c,
-    onConfirm: m
-  } = r, [f, n] = k(null);
-  return y(() => {
-    if (!r.confirm) {
+    children: m,
+    onConfirm: c
+  } = e, [f, n] = h(null);
+  return k(() => {
+    if (!e.confirm) {
       n(null);
       return;
     }
-    if (r.confirm === !0) {
+    if (e.confirm === !0) {
       n({
         text: `确认${t}吗？`
       });
       return;
     }
-    n(r.confirm);
-  }, [r.confirm]), f ? /* @__PURE__ */ o(g, {
+    n(e.confirm);
+  }, [e.confirm]), f ? o(p, {
     rootClassName: "track-map-popconfirm",
     okText: "确定",
     cancelText: "取消",
     title: f.text,
     trigger: "click",
-    onConfirm: m,
-    children: /* @__PURE__ */ o(s, {
+    onConfirm: c,
+    children: o(s, {
       className: i,
-      type: e,
+      type: r,
       style: u({}, x),
-      children: c || t
+      children: m || t
     })
-  }) : /* @__PURE__ */ o(s, {
+  }) : o(s, {
     className: i,
-    type: e,
-    onClick: m,
-    children: c || t
+    type: r,
+    onClick: c,
+    children: m || t
   });
 };
 export {
-  j as default
+  T as default
 };

package/dist/es/Drawable/Drawable.mjs

@@ -2,78 +2,78 @@ var $ = Object.defineProperty, H = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
 var b = Object.getOwnPropertySymbols;
 var V = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
-var x = (o, n, i) => n in o ? $(o, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[n] = i, R = (o, n) => {
-  for (var i in n || (n = {}))
-    V.call(n, i) && x(o, i, n[i]);
+var x = (r, t, i) => t in r ? $(r, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[t] = i, M = (r, t) => {
+  for (var i in t || (t = {}))
+    V.call(t, i) && x(r, i, t[i]);
   if (b)
-    for (var i of b(n))
-      q.call(n, i) && x(o, i, n[i]);
-  return o;
-}, C = (o, n) => H(o, U(n));
-import { jsx as d, jsxs as F } from "react/jsx-runtime";
+    for (var i of b(t))
+      q.call(t, i) && x(r, i, t[i]);
+  return r;
+}, C = (r, t) => H(r, U(t));
+import { jsx as s, jsxs as F } from "react/jsx-runtime";
 import { useSize as J } from "ahooks";
 import { useMachine as Q } from "@xstate/react";
 import Z from "lodash/size";
 import { useState as _, useRef as ee, useEffect as f } from "react";
-import { assign as w } from "xstate";
-import { DrawableContext as te } from "./index.mjs";
+import { assign as k } from "xstate";
+import { DrawableContext as ne } from "./index.mjs";
 import Y from "./LineElement.mjs";
 import I from "./MarkerElement.mjs";
 import W from "./PolygonElement.mjs";
-import { drawableMachine as ne } from "./state.mjs";
-function ve(o) {
+import { drawableMachine as te } from "./state.mjs";
+function he(r) {
   const {
-    state: n,
+    state: t,
     scale: i,
     width: B,
     height: G,
-    drawOptions: A,
-    lines: p,
-    polygons: u,
+    drawOptions: E,
+    lines: u,
+    polygons: p,
     markers: g,
     markRenderer: j,
-    onAddLine: L,
-    onAddPolygon: S,
-    onAddMarker: k,
+    onAddLine: w,
+    onAddPolygon: L,
+    onAddMarker: S,
     onStateChange: y
-  } = o, [E, z] = _([]), [P, K] = _([]), [D, X] = _([]), c = ee(null), {
+  } = r, [P, z] = _([]), [R, K] = _([]), [v, X] = _([]), c = ee(null), {
     width: O,
     height: N
   } = J(c) || {};
-  function v({
+  function h({
     x: e,
-    y: t
+    y: n
   }) {
     return {
       x: e / i,
-      y: t / i
+      y: n / i
     };
   }
-  function h({
+  function A({
     x: e,
-    y: t
+    y: n
   }) {
     return {
       x: e * i,
-      y: t * i
+      y: n * i
     };
   }
-  const [l, a] = Q(ne, {
+  const [l, a] = Q(te, {
     actions: {
-      onAddMarker: w(({
+      onAddMarker: k(({
         markerPoint: e
-      }) => (k && e && k(v(e)), {
+      }) => (S && e && S(h(e)), {
         markerPoint: void 0,
         movingPoint: void 0
       })),
-      onAddLine: w((e) => (e.lineStart && e.lineEnd && L && L(v(e.lineStart), v(e.lineEnd)), {
+      onAddLine: k((e) => (e.lineStart && e.lineEnd && w && w(h(e.lineStart), h(e.lineEnd)), {
         lineEnd: void 0,
         lineStart: void 0,
         movingPoint: void 0
       })),
-      onAddPolygon: w(({
+      onAddPolygon: k(({
         polygonPoints: e
-      }) => (S && e && e.length > 2 && S(e.map(v)), {
+      }) => (L && e && e.length > 2 && L(e.map(h)), {
         polygonPoints: void 0,
         movingPoint: void 0
       }))
@@ -82,36 +82,36 @@ function ve(o) {
   });
   f(() => {
     var e;
-    z((e = p == null ? void 0 : p.map(({
-      id: t,
-      start: s,
-      end: r
+    z((e = u == null ? void 0 : u.map(({
+      id: n,
+      start: d,
+      end: o
     }) => ({
-      id: t,
-      start: h(s),
-      end: h(r)
+      id: n,
+      start: A(d),
+      end: A(o)
     }))) != null ? e : []);
-  }, [p]), f(() => {
+  }, [u]), f(() => {
     var e;
-    X((e = g == null ? void 0 : g.map((t) => C(R({}, t), {
-      point: h(t.point)
+    X((e = g == null ? void 0 : g.map((n) => C(M({}, n), {
+      point: A(n.point)
     }))) != null ? e : []);
   }, [g]), f(() => {
     var e;
-    K((e = u == null ? void 0 : u.map(({
-      id: t,
-      points: s,
-      options: r
+    K((e = p == null ? void 0 : p.map(({
+      id: n,
+      points: d,
+      options: o
     }) => ({
-      id: t,
-      points: s.map(h),
-      options: r
+      id: n,
+      points: d.map(A),
+      options: o
     }))) != null ? e : []);
-  }, [u, i]), f(() => {
+  }, [p, i]), f(() => {
     y && l.matches("idle") && y("viewOnly");
   }, [l.value]), f(() => {
     if (y)
-      switch (n) {
+      switch (t) {
         case "drawingLine":
           a("START_DRAW_LINE");
           break;
@@ -122,26 +122,26 @@ function ve(o) {
           a("START_ADD_MARKER");
           break;
       }
-  }, [n]);
+  }, [t]);
   const {
-    lineStart: M,
+    lineStart: D,
     lineEnd: ie,
     polygonPoints: T,
     movingPoint: m
   } = l.context;
-  return /* @__PURE__ */ d(te.Provider, {
+  return s(ne.Provider, {
     value: {
-      options: A != null ? A : {}
+      options: E != null ? E : {}
     },
-    children: /* @__PURE__ */ d("div", {
+    children: s("div", {
       ref: c,
       className: "w-full h-full absolute left-0 top-0",
       style: {
-        cursor: n === "viewOnly" ? void 0 : "crosshair",
+        cursor: t === "viewOnly" ? void 0 : "crosshair",
         width: B,
         height: G
       },
-      children: O && N && /* @__PURE__ */ F("svg", {
+      children: O && N && F("svg", {
         viewBox: `0 0 ${O} ${N}`,
         version: "1.1",
         className: "absolute inset-0",
@@ -149,52 +149,52 @@ function ve(o) {
           if (!c.current)
             return;
           const {
-            top: t,
-            left: s
-          } = c.current.getBoundingClientRect(), r = {
-            x: e.clientX - s,
-            y: e.clientY - t
+            top: n,
+            left: d
+          } = c.current.getBoundingClientRect(), o = {
+            x: e.clientX - d,
+            y: e.clientY - n
           };
-          l.matches("drawingLine") ? a(M === void 0 ? {
+          l.matches("drawingLine") ? a(D === void 0 ? {
             type: "ADD_LINE_START",
-            point: r
+            point: o
           } : {
             type: "ADD_LINE_END",
-            point: r
+            point: o
           }) : l.matches("drawingPolygon") ? a({
             type: "ADD_POLYGON_POINT",
-            point: r
+            point: o
           }) : l.matches("addingMarker") && a({
             type: "ADD_MARKER",
-            point: r
+            point: o
           });
         },
         onMouseMove: (e) => {
           if (!c.current)
             return;
           const {
-            top: t,
-            left: s
-          } = c.current.getBoundingClientRect(), r = {
-            x: e.clientX - s,
-            y: e.clientY - t
+            top: n,
+            left: d
+          } = c.current.getBoundingClientRect(), o = {
+            x: e.clientX - d,
+            y: e.clientY - n
           };
           a({
             type: "MOUSE_MOVE",
-            point: r
+            point: o
           });
         },
-        children: [E == null ? void 0 : E.map((e, t) => /* @__PURE__ */ d(Y, R({}, e), t)), M && m && /* @__PURE__ */ d(Y, {
-          start: M,
+        children: [P == null ? void 0 : P.map((e, n) => s(Y, M({}, e), n)), D && m && s(Y, {
+          start: D,
           end: m
-        }), P == null ? void 0 : P.map(({
+        }), R == null ? void 0 : R.map(({
           points: e,
-          options: t
-        }, s) => /* @__PURE__ */ d(W, {
+          options: n
+        }, d) => s(W, {
           editing: !1,
           points: e,
-          options: t
-        }, s)), Z(T) > 0 && m && /* @__PURE__ */ d(W, {
+          options: n
+        }, d)), Z(T) > 0 && m && s(W, {
           editing: !0,
           points: [...T, m],
           onClose: (e) => {
@@ -202,10 +202,10 @@ function ve(o) {
               type: "DRAW_POLYGON_COMPLETE"
             });
           }
-        }), D == null ? void 0 : D.map((e) => /* @__PURE__ */ d(I, {
+        }), v == null ? void 0 : v.map((e) => s(I, {
           marker: e,
           markRenderer: j
-        })), l.matches("addingMarker") && m && /* @__PURE__ */ d(I, {
+        })), l.matches("addingMarker") && m && s(I, {
           marker: {
             id: "addingMarker",
             point: m
@@ -216,5 +216,5 @@ function ve(o) {
   });
 }
 export {
-  ve as default
+  he as default
 };

package/dist/es/Drawable/LineElement.mjs

@@ -11,8 +11,8 @@ function c(s) {
       lineWidth: e
     }
   } = x(a);
-  return /* @__PURE__ */ n(m, {
-    children: /* @__PURE__ */ n("line", {
+  return n(m, {
+    children: n("line", {
       x1: o.x,
       y1: o.y,
       x2: r.x,

package/dist/es/Drawable/MarkerElement.mjs

@@ -9,20 +9,20 @@ function o(t) {
       y: i
     }
   } = n;
-  return /* @__PURE__ */ a("g", {
-    children: [/* @__PURE__ */ e("line", {}), /* @__PURE__ */ e("line", {}), /* @__PURE__ */ e("circle", {
+  return a("g", {
+    children: [e("line", {}), e("line", {}), e("circle", {
       cx: l,
       cy: i,
       r: 1,
       fill: "transparent"
-    }), /* @__PURE__ */ e("foreignObject", {
+    }), e("foreignObject", {
       x: l,
       y: i,
       width: 0,
       height: 0,
       fill: "green",
       className: "relative overflow-visible",
-      children: /* @__PURE__ */ e("div", {
+      children: e("div", {
         className: "inline-flex absolute",
         draggable: !0,
         onDragStart: () => {

package/dist/es/Drawable/PolygonElement.mjs

@@ -8,8 +8,8 @@ function N(S) {
     points: e,
     editing: i,
     options: l,
-    onClose: g
-  } = S, [b, x] = j(!1), {
+    onClose: x
+  } = S, [b, y] = j(!1), {
     options: {
       polygon: c
     }
@@ -19,7 +19,7 @@ function N(S) {
   const a = D(e), p = e.map(({
     x: n,
     y: r
-  }) => `${n},${r}`).join(" "), y = a ? `${p} ${a.x},${a.y}` : p, {
+  }) => `${n},${r}`).join(" "), g = a ? `${p} ${a.x},${a.y}` : p, {
     showVertexIndex: d,
     vertexBgColor: f,
     vertexTextColor: m
@@ -27,12 +27,12 @@ function N(S) {
     hideBorder: P,
     backgroundColor: u
   } = l != null ? l : {};
-  return /* @__PURE__ */ $(v, {
-    children: [/* @__PURE__ */ o("polygon", {
-      points: `${y}`,
+  return $(v, {
+    children: [o("polygon", {
+      points: `${g}`,
       fill: u != null ? u : "rgba(255, 66, 66, 0.15)"
-    }), !P && /* @__PURE__ */ o("polyline", {
-      points: i ? p : y,
+    }), !P && o("polyline", {
+      points: i ? p : g,
       fill: "transparent",
       stroke: "#FF5500",
       strokeDasharray: "6 4",
@@ -42,31 +42,31 @@ function N(S) {
       y: r
     }, h) => {
       const s = h === F(e) - 1;
-      return /* @__PURE__ */ o("g", {
+      return o("g", {
         style: {
           zIndex: s ? 1 : 100,
           cursor: "pointer",
           pointerEvents: s ? "none" : "bounding-box"
         },
         onMouseEnter: (t) => {
-          s || x(!0);
+          s || y(!0);
         },
         onMouseLeave: (t) => {
-          x(!1);
+          y(!1);
         },
         onClick: (t) => {
           t.stopPropagation();
         },
         onDoubleClick: (t) => {
-          t.stopPropagation(), g && g(h);
+          t.stopPropagation(), x && x(h);
         },
-        children: A && (!s || !b) && /* @__PURE__ */ $(v, {
-          children: [/* @__PURE__ */ o("circle", {
+        children: A && (!s || !b) && $(v, {
+          children: [o("circle", {
             cx: n,
             cy: r,
             r: k,
             fill: f != null ? f : "#FF5500"
-          }), d && /* @__PURE__ */ o("text", {
+          }), d && o("text", {
             x: n,
             y: r,
             "text-anchor": "middle",

package/dist/es/Drawable/state.mjs

@@ -1,6 +1,6 @@
-import { assign as o } from "@xstate/immer";
-import { createMachine as e } from "xstate";
-const d = e({
+import { assign as a } from "@xstate/immer";
+import { createMachine as o } from "xstate";
+const d = o({
   initial: "idle",
   context: {},
   states: {
@@ -21,24 +21,24 @@ const d = e({
       on: {
         RESET: {
           target: "idle",
-          actions: o((t) => {
-            t.markerPoint = void 0;
+          actions: a((n) => {
+            n.markerPoint = void 0;
           })
         },
         ADD_MARKER: {
           target: "drawCompleted",
-          actions: [o((t, {
-            point: n
+          actions: [a((n, {
+            point: t
           }) => {
-            t.markerPoint = n;
+            n.markerPoint = t;
           }), "onAddMarker"]
         },
         MOUSE_MOVE: {
           target: "addingMarker",
-          actions: o((t, {
-            point: n
+          actions: a((n, {
+            point: t
           }) => {
-            t.movingPoint = n;
+            n.movingPoint = t;
           })
         }
       }
@@ -47,22 +47,22 @@ const d = e({
       on: {
         ADD_LINE_START: {
           target: "drawingLine",
-          actions: o((t, n) => {
-            t.lineStart = n.point;
+          actions: a((n, t) => {
+            n.lineStart = t.point;
           })
         },
         ADD_LINE_END: {
           target: "drawCompleted",
-          actions: [o((t, n) => {
-            t.lineEnd = n.point;
+          actions: [a((n, t) => {
+            n.lineEnd = t.point;
           }), "onAddLine"]
         },
         MOUSE_MOVE: {
           target: "drawingLine",
-          actions: o((t, {
-            point: n
+          actions: a((n, {
+            point: t
           }) => {
-            t.movingPoint = n;
+            n.movingPoint = t;
           })
         },
         RESET: {
@@ -84,25 +84,25 @@ const d = e({
         },
         RESET: {
           target: "idle",
-          actions: o((t) => {
-            t.polygonPoints = void 0;
+          actions: a((n) => {
+            n.polygonPoints = void 0;
           })
         },
         ADD_POLYGON_POINT: {
           target: "drawingPolygon",
-          actions: o((t, {
-            point: n
+          actions: a((n, {
+            point: t
           }) => {
-            var a;
-            t.polygonPoints = (a = t.polygonPoints) != null ? a : [], t.polygonPoints.push(n);
+            var e;
+            n.polygonPoints = (e = n.polygonPoints) != null ? e : [], n.polygonPoints.push(t);
           })
         },
         MOUSE_MOVE: {
           target: "drawingPolygon",
-          actions: o((t, {
-            point: n
+          actions: a((n, {
+            point: t
           }) => {
-            t.movingPoint = n;
+            n.movingPoint = t;
           })
         },
         DRAW_POLYGON_COMPLETE: {