@glodon-aiot/dataset-annotation 3.20.0 → 3.20.2-alpha.0

package/dist/es/components/DetectionAnnotation/components/LabelMaker/index.mjs

@@ -1,22 +1,22 @@
-var te = Math.pow;
-import { jsx as u, jsxs as oe } from "react/jsx-runtime";
-import { useRef as ne, useState as O, useEffect as p } from "react";
-import { fabric as q } from "fabric";
+var oe = Math.pow;
+import { jsx as u, jsxs as ne } from "react/jsx-runtime";
+import { useRef as re, useState as I, useEffect as p } from "react";
+import { fabric as G } from "fabric";
 import { useKeyPress as N } from "ahooks";
 import "./style.less.mjs";
-import de from "react-dom";
-import { Spin as ue, Space as he, Tooltip as U, Button as z } from "antd";
-import re from "./RectLabel.mjs";
-import { drawable as me } from "./Drawable.mjs";
-import { ZoomInOutlined as ge, ZoomOutOutlined as be, DragOutlined as pe, ClearOutlined as ye } from "@ant-design/icons";
-import xe from "classnames";
+import ue from "react-dom";
+import { Spin as he, Space as me, Tooltip as U, Button as z } from "antd";
+import ce from "./RectLabel.mjs";
+import { drawable as ge } from "./Drawable.mjs";
+import { ZoomInOutlined as be, ZoomOutOutlined as pe, DragOutlined as ye, ClearOutlined as xe } from "@ant-design/icons";
+import ve from "classnames";
 import { approxeq as Y } from "../../../../utils/index.mjs";
-const T = (a) => {
-  a.off("mouse:down"), a.off("mouse:up");
-}, A = (a) => {
-  var l, P, d;
+const T = (l) => {
+  l.off("mouse:down"), l.off("mouse:up");
+}, A = (l) => {
+  var f, P, k;
   let h = [];
-  (l = a.object) != null && l.aCoords && (h = [a.object.aCoords.tl, a.object.aCoords.tr, a.object.aCoords.br, a.object.aCoords.bl]);
+  (f = l.object) != null && f.aCoords && (h = [l.object.aCoords.tl, l.object.aCoords.tr, l.object.aCoords.br, l.object.aCoords.bl]);
   const g = {
     x: 0,
     y: 0
@@ -24,26 +24,27 @@ const T = (a) => {
     width: 0,
     height: 0
   };
-  return a.canvas.backgroundImage && typeof a.canvas.backgroundImage != "string" && (g.x = ((P = a.canvas.backgroundImage.aCoords) == null ? void 0 : P.tl.x) || 0, g.y = ((d = a.canvas.backgroundImage.aCoords) == null ? void 0 : d.tl.y) || 0, y.width = a.canvas.backgroundImage.width || 0, y.height = a.canvas.backgroundImage.height || 0), {
-    id: a.config.id,
-    label: a.config.name,
-    color: a.config.color,
-    box: (h == null ? void 0 : h.map((v) => [Y(v.x - g.x, 0) ? 0 : Y(v.x - g.x, y.width) ? y.width : v.x - g.x, Y(v.y - g.y, 0) ? 0 : Y(v.y - g.y, y.height) ? y.height : v.y - g.y])) || []
+  return l.canvas.backgroundImage && typeof l.canvas.backgroundImage != "string" && (g.x = ((P = l.canvas.backgroundImage.aCoords) == null ? void 0 : P.tl.x) || 0, g.y = ((k = l.canvas.backgroundImage.aCoords) == null ? void 0 : k.tl.y) || 0, y.width = l.canvas.backgroundImage.width || 0, y.height = l.canvas.backgroundImage.height || 0), {
+    id: l.config.id,
+    label: l.config.name,
+    color: l.config.color,
+    box: (h == null ? void 0 : h.map((a) => [Y(a.x - g.x, 0) ? 0 : Y(a.x - g.x, y.width) ? y.width : a.x - g.x, Y(a.y - g.y, 0) ? 0 : Y(a.y - g.y, y.height) ? y.height : a.y - g.y])) || []
   };
-}, Ne = (a) => {
-  const h = ne(null), {
+}, Ue = (l) => {
+  const h = re(null), {
     labels: g,
     imageUrl: y,
-    pen: l,
+    pen: f,
     onImageLoad: P,
-    onChange: d,
-    isPreLabel: v,
-    disabled: k,
-    renderLabelItem: _
-  } = a, [X, F] = O(!0), [e, G] = O(), [ve, ce] = O({}), [C, J] = O(), [B, ie] = O({
+    onImageError: k,
+    onChange: a,
+    isPreLabel: _,
+    disabled: w,
+    renderLabelItem: X
+  } = l, [B, W] = I(!0), [e, J] = I(), [De, ie] = I({}), [j, Q] = I(), [Z, se] = I({
     left: 0,
     top: 0
-  }), [se, W] = O([1, 1]), [R, Q] = O(), [I, D] = O([]), j = ne(/* @__PURE__ */ new Set()), [x, L] = O(k || !1), s = (o) => {
+  }), [ae, K] = I([1, 1]), [R, $] = I(), [C, v] = I([]), D = re(/* @__PURE__ */ new Set()), [x, L] = I(w || !1), s = (o) => {
     if (!o)
       return !1;
     try {
@@ -51,7 +52,7 @@ const T = (a) => {
     } catch (t) {
       return !1;
     }
-  }, Z = (o, t) => {
+  }, H = (o, t) => {
     if (!e || !s(e))
       return;
     t || (t = {
@@ -59,42 +60,42 @@ const T = (a) => {
       y: e.getCenter().top
     });
     let n = e.getZoom();
-    n *= te(0.999, o), n > 20 && (n = 20), n < 0.01 && (n = 0.01);
+    n *= oe(0.999, o), n > 20 && (n = 20), n < 0.01 && (n = 0.01);
     try {
       e.zoomToPoint(
         t,
         n
         // 传入修改后的缩放级别
-      ), W([n, n]);
+      ), K([n, n]);
     } catch (r) {
     }
   };
   p(() => {
-    !e || !s(e) || I.forEach((o) => {
+    !e || !s(e) || C.forEach((o) => {
       try {
         o.renderLabel();
       } catch (t) {
       }
     });
-  }, [se, I, e]);
-  const $ = (o) => {
+  }, [ae, C, e]);
+  const V = (o) => {
     var n;
     if (((n = o.target) == null ? void 0 : n.tagName) === "INPUT" || !e || !s(e))
       return;
     const t = e == null ? void 0 : e.getActiveObject();
-    t && D((r) => {
-      let f = r.findIndex((i) => i.object === t);
-      if (f === -1 && t && (f = r.findIndex((i) => {
+    t && v((r) => {
+      let d = r.findIndex((i) => i.object === t);
+      if (d === -1 && t && (d = r.findIndex((i) => {
         const c = i._fabricRect;
         return c && c === t;
-      })), f >= 0 && r[f]) {
-        const i = r[f];
-        j.current.add(i.config.id);
+      })), d >= 0 && r[d]) {
+        const i = r[d];
+        D.current.add(i.config.id);
         const c = i.handlers.onDelete;
-        i.handlers.onDelete = void 0, i.destroy(), i.handlers.onDelete = c, r.splice(f, 1);
+        i.handlers.onDelete = void 0, i.destroy(), i.handlers.onDelete = c, r.splice(d, 1);
         const m = r.map(A);
-        d && d(m), setTimeout(() => {
-          j.current.delete(i.config.id);
+        a && a(m), setTimeout(() => {
+          D.current.delete(i.config.id);
         }, 100);
       } else if (t && e) {
         const i = r.findIndex((c) => {
@@ -103,12 +104,12 @@ const T = (a) => {
         });
         if (i >= 0 && r[i]) {
           const c = r[i];
-          j.current.add(c.config.id);
+          D.current.add(c.config.id);
           const m = c.handlers.onDelete;
           c.handlers.onDelete = void 0, c.destroy(), c.handlers.onDelete = m, r.splice(i, 1);
           const S = r.map(A);
-          d && d(S), setTimeout(() => {
-            j.current.delete(c.config.id);
+          a && a(S), setTimeout(() => {
+            D.current.delete(c.config.id);
           }, 100);
         } else
           e.remove(t), e.discardActiveObject(), e.renderAll();
@@ -116,31 +117,31 @@ const T = (a) => {
       return [...r];
     });
   };
-  N("Delete", $), N("Backspace", $), N("ctrl", () => {
+  N("Delete", V), N("Backspace", V), N("ctrl", () => {
     L(!0);
   }, {
     events: ["keydown"]
   }), N("ctrl", () => {
-    k || L(!1);
+    w || L(!1);
   }, {
     events: ["keyup"]
   }), p(() => {
-    L(k || !1);
-  }, [k]);
-  const V = (o) => {
-    e && T(e), D((t) => {
+    L(w || !1);
+  }, [w]);
+  const ee = (o) => {
+    e && T(e), v((t) => {
       const n = t.findIndex((r) => r === o);
       if (n > -1) {
         t.splice(n, 1);
         const r = t.map(A);
-        d && d(r), M();
+        a && a(r), M();
       }
       return [...t];
     });
-  }, ee = (o) => {
-    D((t) => {
+  }, te = (o) => {
+    v((t) => {
       const n = t.findIndex((r) => r === o);
-      return n > -1 && (t[n] = o, d && d(t.map(A))), [...t];
+      return n > -1 && (t[n] = o, a && a(t.map(A))), [...t];
     });
   };
   p(() => {
@@ -152,22 +153,22 @@ const T = (a) => {
     } catch (t) {
       return;
     }
-    if (!C)
+    if (!j)
       return;
     const o = [];
     return g.filter((t) => t.color).forEach((t) => {
-      o.push(new re({
+      o.push(new ce({
         id: t.id,
         name: t.label,
         color: t.color,
-        points: t.box.map((n) => [n[0] + B.left, n[1] + B.top]),
-        hideDelete: v
+        points: t.box.map((n) => [n[0] + Z.left, n[1] + Z.top]),
+        hideDelete: _
       }, e, {
-        onChange: ee,
-        onDelete: V,
-        renderLabelItem: _ ? (n) => _ ? _(t) : n.name : void 0
+        onChange: te,
+        onDelete: ee,
+        renderLabelItem: X ? (n) => X ? X(t) : n.name : void 0
       }));
-    }), D(o), o.forEach((t) => {
+    }), v(o), o.forEach((t) => {
       try {
         t.render(e);
       } catch (n) {
@@ -180,46 +181,46 @@ const T = (a) => {
         }
       });
     };
-  }, [e, y, C, B]);
+  }, [e, y, j, Z]);
   const M = () => {
-    !e || !s(e) || me(e, (o) => {
+    !e || !s(e) || ge(e, (o) => {
       if (!e || !s(e))
         return;
-      const t = new re({
-        id: (l == null ? void 0 : l.id) || o.id,
-        name: (l == null ? void 0 : l.label) || o.label,
-        color: (l == null ? void 0 : l.color) || o.color,
+      const t = new ce({
+        id: (f == null ? void 0 : f.id) || o.id,
+        name: (f == null ? void 0 : f.label) || o.label,
+        color: (f == null ? void 0 : f.color) || o.color,
         points: o.box.map((n) => [n[0], n[1]]),
-        hideDelete: v
+        hideDelete: _
       }, e, {
-        onChange: ee,
-        onDelete: V
+        onChange: te,
+        onDelete: ee
       });
-      t.active = !0, D((n) => {
+      t.active = !0, v((n) => {
         const r = [...n, t];
-        return d && d(r.map(A)), setTimeout(() => {
+        return a && a(r.map(A)), setTimeout(() => {
           if (t.object && e && s(e))
             try {
               e.setActiveObject(t.object), e.renderAll();
-            } catch (f) {
+            } catch (d) {
             }
           e && s(e) && !x && M();
         }, 0), r;
       });
-    }, v);
-  }, ae = () => {
+    }, _);
+  }, le = () => {
     let o = !1;
     e && (e.on("mouse:down", (t) => {
       o = !0, e.selection = !1;
     }), e.on("mouse:move", (t) => {
       if (o && t && t.e) {
-        const n = new q.Point(t.e.movementX, t.e.movementY);
+        const n = new G.Point(t.e.movementX, t.e.movementY);
         e.relativePan(n);
       }
     }), e.on("mouse:up", (t) => {
       o = !1, e.selection = !0;
     }));
-  }, le = () => {
+  }, fe = () => {
     e && (e.off("mouse:down"), e.off("mouse:move"), e.off("mouse:up"));
   };
   p(() => {
@@ -231,16 +232,16 @@ const T = (a) => {
       const n = e, r = n == null ? void 0 : n._currentTransform;
       if (!r)
         return;
-      const f = r.action;
-      if (!f || !f.startsWith("scale"))
+      const d = r.action;
+      if (!d || !d.startsWith("scale"))
         return;
       const i = e.backgroundImage, c = i == null ? void 0 : i.aCoords;
       if (c)
         try {
           const m = e.getPointer(t.e);
           if (m.x < c.tl.x || m.x > c.br.x || m.y < c.tl.y || m.y > c.br.y) {
-            const w = n == null ? void 0 : n._onMouseUp;
-            typeof w == "function" && w(t.e);
+            const O = n == null ? void 0 : n._onMouseUp;
+            typeof O == "function" && O(t.e);
           }
         } catch (m) {
         }
@@ -261,8 +262,8 @@ const T = (a) => {
       const n = e;
       if (!!!(n != null && n._currentTransform))
         return;
-      const f = n == null ? void 0 : n._onMouseUp;
-      typeof f == "function" && f(t.e);
+      const d = n == null ? void 0 : n._onMouseUp;
+      typeof d == "function" && d(t.e);
     };
     return e.on("mouse:out", o), () => {
       if (e && s(e))
@@ -274,7 +275,7 @@ const T = (a) => {
   }, [e]), p(() => {
     if (!(!e || !s(e))) {
       if (x) {
-        ae();
+        le();
         try {
           e.defaultCursor = "grab";
           const o = () => {
@@ -284,10 +285,10 @@ const T = (a) => {
           };
           e.on("mouse:down:before", o), e.on("mouse:up", t);
           const n = e.getObjects();
-          D((r) => (r.forEach((f) => {
+          v((r) => (r.forEach((d) => {
             var i;
             try {
-              (i = f.object) == null || i.set("evented", !1);
+              (i = d.object) == null || i.set("evented", !1);
             } catch (c) {
             }
           }), r));
@@ -295,7 +296,7 @@ const T = (a) => {
         }
       } else
         try {
-          e.defaultCursor = "default", e.off("mouse:down:before"), e.off("mouse:up"), e.setCursor("default"), D((o) => (o.forEach((t) => {
+          e.defaultCursor = "default", e.off("mouse:down:before"), e.off("mouse:up"), e.setCursor("default"), v((o) => (o.forEach((t) => {
             var n;
             try {
               (n = t.object) == null || n.set("evented", !0);
@@ -305,7 +306,7 @@ const T = (a) => {
         } catch (o) {
         }
       return () => {
-        le();
+        fe();
       };
     }
   }, [e, x]), p(() => {
@@ -315,13 +316,13 @@ const T = (a) => {
       if (!s(e))
         return;
       const n = t.e.deltaY;
-      Z(n, {
+      H(n, {
         x: t.e.offsetX,
         y: t.e.offsetY
-      }), I.forEach((r) => {
+      }), C.forEach((r) => {
         try {
           r.renderLabel();
-        } catch (f) {
+        } catch (d) {
         }
       });
     };
@@ -338,23 +339,23 @@ const T = (a) => {
         } catch (t) {
         }
     });
-  }, [e, l, I, x]);
-  const fe = () => {
+  }, [e, f, C, x]);
+  const de = () => {
     if (e)
       try {
         T(e), e.discardActiveObject();
       } catch (o) {
       }
-    if (D((o) => (o.forEach((t) => {
+    if (v((o) => (o.forEach((t) => {
       try {
-        j.current.add(t.config.id);
+        D.current.add(t.config.id);
         const n = t.handlers.onDelete;
         t.handlers.onDelete = void 0, t.destroy(), t.handlers.onDelete = n;
       } catch (n) {
       }
     }), setTimeout(() => {
-      j.current.clear();
-    }, 100), [])), ce({}), J(void 0), W([1, 1]), e)
+      D.current.clear();
+    }, 100), [])), ie({}), Q(void 0), K([1, 1]), e)
       try {
         e.getObjects().forEach((t) => {
           try {
@@ -364,19 +365,28 @@ const T = (a) => {
         }), e.dispose();
       } catch (o) {
       }
-    G(void 0);
+    J(void 0);
   };
   return p(() => {
-    F(!0), fe(), !(!h.current || !y) && q.Image.fromURL(y, (o) => {
-      o.set({
-        originX: "center",
-        originY: "center"
-      }), J(o), F(!1);
-    }, {
-      crossOrigin: "anonymous"
-    });
+    W(!0), de(), !(!h.current || !y) && G.Image.fromURL(
+      y,
+      // @types/fabric 的回调签名缺少第二个参数 isError，运行时确实存在，用 any 规避类型错误
+      (o, t) => {
+        if (t) {
+          W(!1), k == null || k();
+          return;
+        }
+        o.set({
+          originX: "center",
+          originY: "center"
+        }), Q(o), W(!1);
+      },
+      {
+        crossOrigin: "anonymous"
+      }
+    );
   }, [y]), p(() => {
-    if (!C && e) {
+    if (!j && e) {
       try {
         e.getContext() && e.clear();
       } catch (E) {
@@ -385,42 +395,42 @@ const T = (a) => {
     }
     if (!h.current || !h.current.parentElement)
       return;
-    const o = C == null ? void 0 : C.getElement();
+    const o = j == null ? void 0 : j.getElement();
     if (!(o != null && o.width) || !(o != null && o.height))
       return;
     if (e)
       try {
-        e.getContext() && (T(e), e.discardActiveObject(), e.getObjects().forEach((H) => {
+        e.getContext() && (T(e), e.discardActiveObject(), e.getObjects().forEach((F) => {
           try {
-            e.remove(H);
-          } catch (je) {
+            e.remove(F);
+          } catch (Ce) {
           }
         }), e.dispose());
       } catch (E) {
       }
-    const t = o.width / o.height, n = h.current.parentElement.offsetWidth, r = h.current.parentElement.offsetHeight, f = n / o.width, i = r / o.height;
+    const t = o.width / o.height, n = h.current.parentElement.offsetWidth, r = h.current.parentElement.offsetHeight, d = n / o.width, i = r / o.height;
     let c = [n, r];
-    f > i ? c = [r * t, r] : c = [n, n / t];
-    const m = c[0] / o.width, S = c[1] / o.height, w = Math.min(m, S);
-    W([w, w]);
-    const b = new q.Canvas(h.current, {
+    d > i ? c = [r * t, r] : c = [n, n / t];
+    const m = c[0] / o.width, S = c[1] / o.height, O = Math.min(m, S);
+    K([O, O]);
+    const b = new G.Canvas(h.current, {
       containerClass: "marking-canvas",
       width: n,
       height: r
     });
-    if (b.uniScaleKey = "", b.uniformScaling = !1, b == null || b.setZoom(w), b == null || b.renderAll(), b && C) {
-      const E = (n - c[0]) / w / 2, K = (r - c[1]) / w / 2;
+    if (b.uniScaleKey = "", b.uniformScaling = !1, b == null || b.setZoom(O), b == null || b.renderAll(), b && j) {
+      const E = (n - c[0]) / O / 2, q = (r - c[1]) / O / 2;
       b.setBackgroundImage(
-        C,
+        j,
         () => {
           try {
             if (!b.getContext())
               return;
-            b.renderAll(), ie({
+            b.renderAll(), se({
               left: E,
-              top: K
-            }), G(b), P && P();
-          } catch (H) {
+              top: q
+            }), J(b), P && P();
+          } catch (F) {
           }
         },
         // 刷新画布
@@ -428,40 +438,40 @@ const T = (a) => {
           originX: "left",
           originY: "top",
           left: E,
-          top: K
+          top: q
         }
       );
     }
-  }, [C]), p(() => {
-    if (I.length > g.length) {
-      if (j.current.size > 0)
+  }, [j]), p(() => {
+    if (C.length > g.length) {
+      if (D.current.size > 0)
         return;
-      I.forEach((t) => {
-        const n = j.current.has(t.config.id), r = t._isDestroying;
+      C.forEach((t) => {
+        const n = D.current.has(t.config.id), r = t._isDestroying;
         !g.find((i) => i.id === t.config.id) && !r && !n && t.destroy();
       });
     }
   }, [g.length]), p(() => {
-    !e || !s(e) || x || D((o) => {
+    !e || !s(e) || x || v((o) => {
       try {
         const t = e == null ? void 0 : e.getActiveObject(), n = o.find((r) => r.object === t);
-        n && l && (n.labelConfig = {
-          id: l.id,
-          name: l.label,
-          color: l.color
-        }, d && d(o.map(A))), e && s(e) && (l ? e.defaultCursor = "copy" : e.defaultCursor = "default");
+        n && f && (n.labelConfig = {
+          id: f.id,
+          name: f.label,
+          color: f.color
+        }, a && a(o.map(A))), e && s(e) && (f ? e.defaultCursor = "copy" : e.defaultCursor = "default");
       } catch (t) {
       }
       return [...o];
     });
-  }, [l, e, x]), p(() => {
+  }, [f, e, x]), p(() => {
     var o;
-    if (X && h.current && !R) {
+    if (B && h.current && !R) {
       const t = document.createElement("div");
-      t.setAttribute("style", "width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute;top: 0;"), (o = h.current.parentElement) == null || o.appendChild(t), de.render(/* @__PURE__ */ u(ue, {}), t), Q(t);
+      t.setAttribute("style", "width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute;top: 0;"), (o = h.current.parentElement) == null || o.appendChild(t), ue.render(/* @__PURE__ */ u(he, {}), t), $(t);
     } else
-      !X && R && (R.remove(), Q(null));
-  }, [X, h.current, R]), /* @__PURE__ */ oe("div", {
+      !B && R && (R.remove(), $(null));
+  }, [B, h.current, R]), /* @__PURE__ */ ne("div", {
     style: {
       width: "100%",
       height: "100%",
@@ -471,56 +481,56 @@ const T = (a) => {
       className: "marker-toolbar",
       children: /* @__PURE__ */ u("div", {
         className: "create-mode-select",
-        children: /* @__PURE__ */ oe(he, {
+        children: /* @__PURE__ */ ne(me, {
           direction: "vertical",
           size: 16,
           children: [/* @__PURE__ */ u(U, {
             title: "放大-鼠标滚轮前滑",
             placement: "right",
             children: /* @__PURE__ */ u(z, {
-              icon: /* @__PURE__ */ u(ge, {}),
+              icon: /* @__PURE__ */ u(be, {}),
               onClick: () => {
-                Z(-100);
+                H(-100);
               }
             })
           }), /* @__PURE__ */ u(U, {
             title: "缩小-鼠标滚轮后滑",
             placement: "right",
             children: /* @__PURE__ */ u(z, {
-              icon: /* @__PURE__ */ u(be, {}),
+              icon: /* @__PURE__ */ u(pe, {}),
               onClick: () => {
-                Z(100);
+                H(100);
               }
             })
-          }), !k && /* @__PURE__ */ u(U, {
+          }), !w && /* @__PURE__ */ u(U, {
             title: "拖动-按住ctrl",
             placement: "right",
             children: /* @__PURE__ */ u(z, {
-              disabled: k,
-              icon: /* @__PURE__ */ u(pe, {}),
+              disabled: w,
+              icon: /* @__PURE__ */ u(ye, {}),
               className: x ? "active" : "",
               onClick: () => {
                 L(!x);
               }
             })
-          }), !k && /* @__PURE__ */ u(U, {
+          }), !w && /* @__PURE__ */ u(U, {
             title: "一键清空全部标注",
             placement: "right",
             children: /* @__PURE__ */ u(z, {
-              icon: /* @__PURE__ */ u(ye, {}),
-              disabled: !(I != null && I.length),
+              icon: /* @__PURE__ */ u(xe, {}),
+              disabled: !(C != null && C.length),
               onClick: () => {
                 if (!(!e || !s(e)))
                   try {
-                    T(e), e.discardActiveObject(), D((t) => (t.forEach((n) => {
-                      j.current.add(n.config.id);
+                    T(e), e.discardActiveObject(), v((t) => (t.forEach((n) => {
+                      D.current.add(n.config.id);
                       const r = n.handlers.onDelete;
                       n.handlers.onDelete = void 0, n.destroy(), n.handlers.onDelete = r;
                     }), setTimeout(() => {
-                      j.current.clear();
+                      D.current.clear();
                     }, 100), [])), e.getObjects().forEach((t) => {
                       t !== e.backgroundImage && e.remove(t);
-                    }), d && d([]), s(e) && (e.renderAll(), setTimeout(() => {
+                    }), a && a([]), s(e) && (e.renderAll(), setTimeout(() => {
                       e && s(e) && !x && M();
                     }, 0));
                   } catch (o) {
@@ -531,7 +541,7 @@ const T = (a) => {
         })
       })
     }), /* @__PURE__ */ u("div", {
-      className: xe({
+      className: ve({
         "label-maker-wrap": !0,
         draggable: x
       }),
@@ -546,5 +556,5 @@ const T = (a) => {
   });
 };
 export {
-  Ne as default
+  Ue as default
 };