@glodon-aiot/dataset-annotation 3.25.1-alpha.5 → 3.25.1-alpha.7

package/dist/es/components/OcrAnnotation/MarkOCRBoxModal/OCRBoxMaker/index.mjs

@@ -9,8 +9,8 @@ var Ye = Math.pow, ke = (r, m, s) => m in r ? De(r, m, { enumerable: !0, configu
     for (var s of fe(m))
       Ee.call(m, s) && ke(r, s, m[s]);
   return r;
-}, re = (r, m) => Re(r, Ue(m));
-var he = (r, m) => {
+}, ie = (r, m) => Re(r, Ue(m));
+var me = (r, m) => {
   var s = {};
   for (var p in r)
     Ce.call(r, p) && m.indexOf(p) < 0 && (s[p] = r[p]);
@@ -23,7 +23,7 @@ import { jsx as T, jsxs as Xe } from "react/jsx-runtime";
 import { useState as U, useEffect as j } from "react";
 import { fabric as P } from "fabric";
 import { useKeyPress as le } from "ahooks";
-import { Spin as $e, Space as Ie, Radio as me, Tooltip as ie, Button as de } from "antd";
+import { Spin as $e, Space as Ie, Radio as pe, Tooltip as ne, Button as de } from "antd";
 import Me from "react-dom";
 import "./style.less.mjs";
 import je from "./images/delete.png.mjs";
@@ -59,14 +59,14 @@ function Oe(r, m) {
     const I = r.getZoom(), h = r.viewportTransform ? r.viewportTransform[4] / I : 0, O = r.viewportTransform ? r.viewportTransform[5] / I : 0, A = (e.e.offsetX > r.getWidth() ? r.getWidth() / I : e.e.offsetX / I) - h, B = (e.e.offsetY > r.getHeight() ? r.getHeight() / I : e.e.offsetY / I) - O;
     if (a = Math.abs(A - p), g = Math.abs(B - s), a === 0 || g === 0)
       return;
-    const k = s > B ? B : s, Z = p > A ? A : p, C = a, N = g, W = [{
+    const k = s > B ? B : s, Z = p > A ? A : p, E = a, N = g, W = [{
       x: Z,
       y: k
     }, {
-      x: Z + C,
+      x: Z + E,
       y: k
     }, {
-      x: Z + C,
+      x: Z + E,
       y: k + N
     }, {
       x: Z,
@@ -81,13 +81,13 @@ function Oe(r, m) {
     e.target;
   });
 }
-function pe(r, m, s) {
+function ae(r, m, s) {
   const p = {
     type: "roof",
     background: "",
     border: ""
   };
-  let a, g = [], f = [], b = [], X = [], e = 0, I = null, h, O, A, B = !1, k, Z, C;
+  let a, g = [], f = [], b = [], X = [], e = 0, I = null, h, O, A, B = !1, k, Z, E;
   const N = r.getZoom(), W = 2 / N, J = [7 / N, 10 / N];
   r.on("mouse:down", (l) => {
     var K;
@@ -175,7 +175,7 @@ function pe(r, m, s) {
       stroke: "#508BEE",
       left: l,
       top: u
-    }), L(), m && m(I, C)) : pe(r, m, 4);
+    }), L(), m && m(I, E)) : ae(r, m, 4);
   }, G = (l) => {
     let u = 999999;
     for (let w = 0; w < e; w++)
@@ -266,13 +266,13 @@ const ue = (r) => {
       I();
     }
   }, I = () => {
-    var Z, C, N, W;
+    var Z, E, N, W;
     if (!f || !X || !a)
       return;
     const h = X.getObjects().find((J) => J.type === "rect");
     if (!h)
       return;
-    const O = h.height ? h.height : void 0, A = h.width ? h.width : void 0, B = ((Z = f.aCoords) == null ? void 0 : Z.tl.y) !== void 0 && O !== void 0 && h.scaleY ? ((C = f.aCoords) == null ? void 0 : C.tl.y) - O / a.getZoom() : void 0, k = ((N = f.aCoords) == null ? void 0 : N.tl.x) !== void 0 ? (W = f.aCoords) == null ? void 0 : W.tl.x : void 0;
+    const O = h.height ? h.height : void 0, A = h.width ? h.width : void 0, B = ((Z = f.aCoords) == null ? void 0 : Z.tl.y) !== void 0 && O !== void 0 && h.scaleY ? ((E = f.aCoords) == null ? void 0 : E.tl.y) - O / a.getZoom() : void 0, k = ((N = f.aCoords) == null ? void 0 : N.tl.x) !== void 0 ? (W = f.aCoords) == null ? void 0 : W.tl.x : void 0;
     X.set({
       top: B,
       left: k,
@@ -301,7 +301,7 @@ const ue = (r) => {
     onChange: a,
     disabled: g,
     renderLabelItem: f
-  } = r, [b, X] = U(!0), [e, I] = U(), [h, O] = U({}), [A, B] = U({}), [k, Z] = U(), [C, N] = U({
+  } = r, [b, X] = U(!0), [e, I] = U(), [h, O] = U({}), [A, B] = U({}), [k, Z] = U(), [E, N] = U({
     left: 0,
     top: 0
   }), [W, J] = U([1, 1]), [x, L] = U(), [d, G] = U(null), [oe, Q] = U(), [y, l] = U([]), [u, w] = U(!0), [S, D] = U(), [z, q] = U("rect"), [K, F] = U(g || !1);
@@ -315,9 +315,9 @@ const ue = (r) => {
         uuid: t,
         box: o,
         words: c,
-        type: E,
+        type: C,
         catagoryId: Y
-      } = R, $ = he(R, [
+      } = R, $ = me(R, [
         "uuid",
         "box",
         "words",
@@ -326,20 +326,20 @@ const ue = (r) => {
       ]);
       return V({
         uuid: n.uuid,
-        box: ((M = n.box) == null ? void 0 : M.map((H) => [H[0] + C.left, H[1] + C.top])) || [],
+        box: ((M = n.box) == null ? void 0 : M.map((H) => [H[0] + E.left, H[1] + E.top])) || [],
         words: n.words,
         type: (v = n.type) == null ? void 0 : v.toLowerCase(),
         catagoryId: n.catagoryId
       }, $);
     }));
-  }, [p, C]), j(() => {
+  }, [p, E]), j(() => {
     if (e && u) {
       const i = e.getActiveObject();
       if (i) {
         i === (x == null ? void 0 : x.polygon) && (e == null || e.remove(x == null ? void 0 : x.text), L(void 0)), e.remove(i), e.renderAll();
         const n = y.findIndex((t) => h[t.uuid] === i);
-        n > -1 && (h[y[n].uuid] && (e == null || e.remove(h[y[n].uuid])), y.splice(n, 1), l([...y]), a([...y.map((t) => re(V({}, t), {
-          box: t.box.map((o) => [o[0] - C.left, o[1] - C.top])
+        n > -1 && (h[y[n].uuid] && (e == null || e.remove(h[y[n].uuid])), y.splice(n, 1), l([...y]), a([...y.map((t) => ie(V({}, t), {
+          box: t.box.map((o) => [o[0] - E.left, o[1] - E.top])
         }))]));
       } else
         console.log("no active object", e.selection), e.discardActiveObject(), e.requestRenderAll();
@@ -385,9 +385,9 @@ const ue = (r) => {
     const i = k == null ? void 0 : k.getElement();
     if (!(i != null && i.width) || !(i != null && i.height))
       return;
-    const n = i.width / i.height, t = s.parentElement.offsetWidth, o = s.parentElement.offsetHeight, c = t / i.width, E = o / i.height;
+    const n = i.width / i.height, t = s.parentElement.offsetWidth, o = s.parentElement.offsetHeight, c = t / i.width, C = o / i.height;
     let Y = [t, o];
-    c > E ? Y = [o * n, o] : Y = [t, t / n];
+    c > C ? Y = [o * n, o] : Y = [t, t / n];
     const $ = Y[0] / i.width, R = Y[1] / i.height, M = Math.min($, R);
     J([M, M]);
     const v = new P.Canvas(s, {
@@ -396,7 +396,7 @@ const ue = (r) => {
       height: o
     });
     if (v == null || v.setZoom(M), v == null || v.renderAll(), v && k) {
-      const se = (t - Y[0]) / M / 2, ae = (o - Y[1]) / M / 2;
+      const re = (t - Y[0]) / M / 2, he = (o - Y[1]) / M / 2;
       v.setBackgroundImage(
         k,
         v.renderAll.bind(v),
@@ -404,12 +404,12 @@ const ue = (r) => {
         {
           originX: "left",
           originY: "top",
-          left: se,
-          top: ae
+          left: re,
+          top: he
         }
       ), N({
-        left: se,
-        top: ae
+        left: re,
+        top: he
       }), G(null), l((H = p == null ? void 0 : p.filter((ee) => !!ee)) == null ? void 0 : H.map((ee) => {
         var xe, we;
         const ye = ee, {
@@ -418,7 +418,7 @@ const ue = (r) => {
           words: _e,
           type: Je,
           catagoryId: Qe
-        } = ye, Ze = he(ye, [
+        } = ye, Ze = me(ye, [
           "uuid",
           "box",
           "words",
@@ -427,7 +427,7 @@ const ue = (r) => {
         ]);
         return V({
           uuid: ee.uuid,
-          box: ((xe = ee.box) == null ? void 0 : xe.map((be) => [be[0] + C.left, be[1] + C.top])) || [],
+          box: ((xe = ee.box) == null ? void 0 : xe.map((be) => [be[0] + re, be[1] + he])) || [],
           words: ee.words,
           type: (we = ee.type) == null ? void 0 : we.toLowerCase(),
           catagoryId: ee.catagoryId
@@ -437,19 +437,19 @@ const ue = (r) => {
   }, [k]), j(() => {
     b || !e || (ce(e, y, oe), F((i) => (i ? e.getObjects().forEach((n) => n.set("evented", !1)) : e.getObjects().forEach((n) => n.set("evented", !0)), i)));
   }, [y, e, oe, b]), j(() => {
-    oe || a([...y.map((i) => re(V({}, i), {
-      box: i.box.map((n) => [n[0] - C.left, n[1] - C.top])
+    oe || a([...y.map((i) => ie(V({}, i), {
+      box: i.box.map((n) => [n[0] - E.left, n[1] - E.top])
     }))]);
   }, [oe]);
   const ce = (i, n, t = "") => {
     O((o) => {
       if (n == null || n.map((c) => {
         var $, R;
-        const [E, Y] = qe(($ = c.box) == null ? void 0 : $.map((M) => ({
+        const [C, Y] = qe(($ = c.box) == null ? void 0 : $.map((M) => ({
           x: M[0],
           y: M[1]
         })), ((R = c.type) == null ? void 0 : R.toLowerCase()) === "key" ? [255, 193, 0] : [80, 139, 238], i, f ? () => (console.log(c), f(c)) : void 0);
-        o[c.uuid] ? He(i, o[c.uuid], E, A[c.uuid]) : E.canvas !== i && (i.add(E), i.add(Y)), o[c.uuid] = E, O(() => o), A[c.uuid] = Y, B(() => A);
+        o[c.uuid] ? He(i, o[c.uuid], C, A[c.uuid]) : C.canvas !== i && (i.add(C), i.add(Y)), o[c.uuid] = C, O(() => o), A[c.uuid] = Y, B(() => A);
       }), t && (!d || d !== i.getActiveObject()))
         try {
           i == null || i.setActiveObject(o[t]), G(o[t]);
@@ -462,17 +462,17 @@ const ue = (r) => {
   j(() => {
     const n = document.createElement("img");
     n.src = je, n.setAttribute("style", "background: rgba(0, 0, 0, 0.45)");
-    function t(c, E, Y, $, R) {
-      c.save(), c.translate(E, Y), c.rotate(P.util.degreesToRadians(R.angle)), c.beginPath(), c.arc(0, 0, 12, 0, 2 * Math.PI), c.fillStyle = "rgba(0, 0, 0, 0.45)", c.fill(), c.strokeStyle = "rgba(0, 0, 0, 0)", c.stroke(), c.drawImage(n, -24 / 2, -24 / 2, 24, 24), c.restore();
+    function t(c, C, Y, $, R) {
+      c.save(), c.translate(C, Y), c.rotate(P.util.degreesToRadians(R.angle)), c.beginPath(), c.arc(0, 0, 12, 0, 2 * Math.PI), c.fillStyle = "rgba(0, 0, 0, 0.45)", c.fill(), c.strokeStyle = "rgba(0, 0, 0, 0)", c.stroke(), c.drawImage(n, -24 / 2, -24 / 2, 24, 24), c.restore();
     }
-    const o = (c, E, Y, $) => {
+    const o = (c, C, Y, $) => {
       var M;
-      const R = E.target;
+      const R = C.target;
       if (R) {
         R === (x == null ? void 0 : x.polygon) && L(void 0), e == null || e.remove(R), e == null || e.renderAll();
         const v = y.findIndex((H) => h[H.uuid].left === R.left && h[H.uuid].top === R.top);
-        console.log(e), v > -1 && (h[y[v].uuid] && (e == null || e.remove(h[y[v].uuid]), (M = A[y[v].uuid]) == null || M.remove()), y.splice(v, 1), a([...y.map((H) => re(V({}, H), {
-          box: H.box.map((se) => [se[0] - C.left, se[1] - C.top])
+        console.log(e), v > -1 && (h[y[v].uuid] && (e == null || e.remove(h[y[v].uuid]), (M = A[y[v].uuid]) == null || M.remove()), y.splice(v, 1), a([...y.map((H) => ie(V({}, H), {
+          box: H.box.map((re) => [re[0] - E.left, re[1] - E.top])
         }))]));
       }
       return !1;
@@ -500,11 +500,11 @@ const ue = (r) => {
       uuid: x.uuid,
       box: ((i = x.polygon.points) == null ? void 0 : i.map((t) => [t.x, t.y])) || [],
       words: x.value || ""
-    }]), a([...y.map((t) => re(V({}, t), {
-      box: t.box.map((o) => [o[0] - C.left, o[1] - C.top])
+    }]), a([...y.map((t) => ie(V({}, t), {
+      box: t.box.map((o) => [o[0] - E.left, o[1] - E.top])
     })), {
       uuid: x.uuid,
-      box: ((n = x.polygon.points) == null ? void 0 : n.map((t) => [t.x - C.left, t.y - C.top])) || [],
+      box: ((n = x.polygon.points) == null ? void 0 : n.map((t) => [t.x - E.left, t.y - E.top])) || [],
       words: x.value || ""
     }]), e == null || e.remove(x.text), e == null || e.remove(x.polygon), L(void 0), Q(x.uuid));
   }, [x]);
@@ -529,33 +529,33 @@ const ue = (r) => {
       return;
     }
     console.log("evented", !0, e.getObjects()), e.getObjects().forEach((c) => c.set("evented", !0)), e.defaultCursor = "default", e.setCursor("default");
-    const i = (c, E) => {
+    const i = (c, C) => {
       x && (e == null || e.remove(x.text), e == null || e.remove(x.polygon)), L({
         polygon: c,
-        text: E,
+        text: C,
         uuid: Te()
       });
     };
-    z === "rect" ? Oe(e, i) : z === "quadri" && pe(e, i, 4);
+    z === "rect" ? Oe(e, i) : z === "quadri" && ae(e, i, 4);
     const n = (c) => {
       var Y;
       G(e.getActiveObject());
-      const E = e.getActiveObject();
-      E == null || E.set({
+      const C = e.getActiveObject();
+      C == null || C.set({
         borderColor: "#508BEE",
         cornerColor: "white",
         cornerSize: 7,
         transparentCorners: !1,
         cornerStrokeColor: "#508BEE"
       }), (Y = Object.keys(h)) == null || Y.map(($) => {
-        E === h[$] && Q($);
+        C === h[$] && Q($);
       });
     }, t = (c) => {
       var Y;
       ue(e), G(e.getActiveObject());
-      const E = e.getActiveObject();
+      const C = e.getActiveObject();
       (Y = Object.keys(h)) == null || Y.map(($) => {
-        E === h[$] && Q($);
+        C === h[$] && Q($);
       });
     }, o = () => {
       G(null), Q(void 0);
@@ -588,11 +588,11 @@ const ue = (r) => {
             const o = y.findIndex((c) => c.uuid === t);
             if (o > -1) {
               const c = ve(i);
-              y[o].box = (c == null ? void 0 : c.map((E) => [E.x, E.y])) || [];
+              y[o].box = (c == null ? void 0 : c.map((C) => [C.x, C.y])) || [];
             }
           }
-        }), l([...y]), a([...y.map((t) => re(V({}, t), {
-          box: t.box.map((o) => [o[0] - C.left < 1e-11 ? 0 : o[0] - C.left, o[1] - C.top < 1e-11 ? 0 : o[1] - C.top])
+        }), l([...y]), a([...y.map((t) => ie(V({}, t), {
+          box: t.box.map((o) => [o[0] - E.left < 1e-11 ? 0 : o[0] - E.left, o[1] - E.top < 1e-11 ? 0 : o[1] - E.top])
         }))]);
       }), d == null || d.on("moving", (i) => {
         var t;
@@ -601,8 +601,8 @@ const ue = (r) => {
         const n = d;
         e.getZoom(), (t = Object.keys(h)) == null || t.map((o) => {
           if (n === h[o]) {
-            const c = y.findIndex((Y) => Y.uuid === o), E = ve(n);
-            y[c].box = (E == null ? void 0 : E.map((Y) => [Y.x, Y.y])) || [];
+            const c = y.findIndex((Y) => Y.uuid === o), C = ve(n);
+            y[c].box = (C == null ? void 0 : C.map((Y) => [Y.x, Y.y])) || [];
           }
         });
       }), () => {
@@ -618,12 +618,12 @@ const ue = (r) => {
             uuid: Te()
           });
         };
-        ue(e), z === "rect" ? Oe(e, i) : z === "quadri" && pe(e, i, 4);
+        ue(e), z === "rect" ? Oe(e, i) : z === "quadri" && ae(e, i, 4);
       }
-      d == null || d.on("moving", ne), d == null || d.on("scaling", ne), d == null || d.on("rotating", ne), d == null || d.on("skewing", ne), d == null || d.on("resizing", ne);
+      d == null || d.on("moving", se), d == null || d.on("scaling", se), d == null || d.on("rotating", se), d == null || d.on("skewing", se), d == null || d.on("resizing", se);
     }
   }, [d, z]);
-  const ne = (i) => {
+  const se = (i) => {
     ze(i);
   }, ze = (i) => {
     if (!e)
@@ -692,27 +692,27 @@ const ue = (r) => {
       children: /* @__PURE__ */ Xe(Ie, {
         direction: "vertical",
         size: 16,
-        children: [!g && /* @__PURE__ */ T(me.Group, {
+        children: [!g && /* @__PURE__ */ T(pe.Group, {
           value: z,
           buttonStyle: "solid",
           onChange: (i) => q(i.target.value),
           children: /* @__PURE__ */ Xe(Ie, {
             direction: "vertical",
             size: 16,
-            children: [/* @__PURE__ */ T(ie, {
+            children: [/* @__PURE__ */ T(ne, {
               title: "矩形标注",
               placement: "right",
-              children: /* @__PURE__ */ T(me.Button, {
+              children: /* @__PURE__ */ T(pe.Button, {
                 value: "rect",
                 type: "icon",
                 children: /* @__PURE__ */ T(Ae, {
                   type: "icon-biaozhu-juxingkuang"
                 })
               })
-            }), /* @__PURE__ */ T(ie, {
+            }), /* @__PURE__ */ T(ne, {
               title: "四边形标注",
               placement: "right",
-              children: /* @__PURE__ */ T(me.Button, {
+              children: /* @__PURE__ */ T(pe.Button, {
                 value: "quadri",
                 children: /* @__PURE__ */ T(Ae, {
                   type: "icon-biaozhu-sibianxing"
@@ -720,7 +720,7 @@ const ue = (r) => {
               })
             })]
           })
-        }), /* @__PURE__ */ T(ie, {
+        }), /* @__PURE__ */ T(ne, {
           title: "放大-鼠标滚轮前滑",
           placement: "right",
           children: /* @__PURE__ */ T(de, {
@@ -729,7 +729,7 @@ const ue = (r) => {
               ge(-100);
             }
           })
-        }), /* @__PURE__ */ T(ie, {
+        }), /* @__PURE__ */ T(ne, {
           title: "缩小-鼠标滚轮后滑",
           placement: "right",
           children: /* @__PURE__ */ T(de, {
@@ -738,7 +738,7 @@ const ue = (r) => {
               ge(100);
             }
           })
-        }), !g && /* @__PURE__ */ T(ie, {
+        }), !g && /* @__PURE__ */ T(ne, {
           title: "拖动-按住ctrl",
           placement: "right",
           children: /* @__PURE__ */ T(de, {
@@ -746,7 +746,7 @@ const ue = (r) => {
             className: K ? "active" : "",
             onClick: Be
           })
-        }), !g && /* @__PURE__ */ T(ie, {
+        }), !g && /* @__PURE__ */ T(ne, {
           title: "一键清空全部标注",
           placement: "right",
           children: /* @__PURE__ */ T(de, {