@glodon-aiot/dataset-annotation 3.5.1 → 3.5.2-snapshot.0

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

@@ -1,11 +1,11 @@
 var J = Math.pow;
 import { jsx as l, jsxs as Q } from "react/jsx-runtime";
 import { useRef as se, useState as b, useEffect as g } from "react";
-import { fabric as R } from "fabric";
+import { fabric as X } from "fabric";
 import { useKeyPress as P } from "ahooks";
 import "./style.less.mjs";
-import le from "react-dom";
-import { Spin as ce, Space as fe, Tooltip as X, Button as Z } from "antd";
+import { createRoot as le } from "react-dom/client";
+import { Spin as ce, Space as fe, Tooltip as M, Button as Z } from "antd";
 import _ from "./RectLabel.mjs";
 import { drawable as de } from "./Drawable.mjs";
 import { ZoomInOutlined as ue, ZoomOutOutlined as me, DragOutlined as ge } from "@ant-design/icons";
@@ -13,7 +13,7 @@ import he from "classnames";
 import { approxeq as L } from "../../../../utils/index.mjs";
 const $ = (r) => {
   r.off("mouse:down"), r.off("mouse:up");
-}, k = (r) => {
+}, j = (r) => {
   var a, w, f;
   let s = [];
   (a = r.object) != null && a.aCoords && (s = [r.object.aCoords.tl, r.object.aCoords.tr, r.object.aCoords.br, r.object.aCoords.bl]);
@@ -30,7 +30,7 @@ const $ = (r) => {
     color: r.config.color,
     box: (s == null ? void 0 : s.map((u) => [L(u.x - c.x, 0) ? 0 : L(u.x - c.x, d.width) ? d.width : u.x - c.x, L(u.y - c.y, 0) ? 0 : L(u.y - c.y, d.height) ? d.height : u.y - c.y])) || []
   };
-}, Ne = (r) => {
+}, Oe = (r) => {
   const s = se(null), {
     labels: c,
     imageUrl: d,
@@ -39,11 +39,11 @@ const $ = (r) => {
     onChange: f,
     isPreLabel: u,
     disabled: x,
-    renderLabelItem: O
-  } = r, [N, B] = b(!0), [e, T] = b(), [pe, V] = b({}), [y, U] = b(), [H, ee] = b({
+    renderLabelItem: N
+  } = r, [O, B] = b(!0), [e, T] = b(), [pe, V] = b({}), [y, U] = b(), [H, ee] = b({
     left: 0,
     top: 0
-  }), [te, S] = b([1, 1]), [j, K] = b(), [h, v] = b([]), [p, E] = b(x || !1), A = (t, o) => {
+  }), [te, S] = b([1, 1]), [I, K] = b(), [h, v] = b([]), [p, E] = b(x || !1), A = (t, o) => {
     if (!e)
       return;
     o || (o = {
@@ -68,8 +68,8 @@ const $ = (r) => {
       return;
     const o = e == null ? void 0 : e.getActiveObject();
     o && v((i) => {
-      const I = i.findIndex((z) => z.object === o);
-      return i[I] && (i[I].destroy(), i.splice(I, 1)), f && f(i.map(k)), [...i];
+      const k = i.findIndex((z) => z.object === o);
+      return i[k] && (i[k].destroy(), i.splice(k, 1)), f && f(i.map(j)), [...i];
     });
   };
   P("Delete", W), P("Backspace", W), P("ctrl", () => {
@@ -86,12 +86,12 @@ const $ = (r) => {
   const q = (t) => {
     e && $(e), v((o) => {
       const n = o.findIndex((i) => i === t);
-      return n > -1 && (o.splice(n, 1), f && f(o.map(k)), Y()), [...o];
+      return n > -1 && (o.splice(n, 1), f && f(o.map(j)), Y()), [...o];
     });
   }, F = (t) => {
     v((o) => {
       const n = o.findIndex((i) => i === t);
-      return n > -1 && (o[n] = t, f && f(o.map(k))), [...o];
+      return n > -1 && (o[n] = t, f && f(o.map(j))), [...o];
     });
   };
   g(() => {
@@ -108,7 +108,7 @@ const $ = (r) => {
       }, e, {
         onChange: F,
         onDelete: q,
-        renderLabelItem: O ? (n) => O ? O(o) : n.name : void 0
+        renderLabelItem: N ? (n) => N ? N(o) : n.name : void 0
       }));
     }), v(t), t.forEach((o) => {
       o.render(e);
@@ -130,7 +130,7 @@ const $ = (r) => {
         onChange: F,
         onDelete: q
       });
-      o.active = !0, h.push(o), f && f(h.map(k)), v([...h]);
+      o.active = !0, h.push(o), f && f(h.map(j)), v([...h]);
     }, u);
   }, oe = () => {
     let t = !1;
@@ -138,7 +138,7 @@ const $ = (r) => {
       t = !0, e.selection = !1;
     }), e.on("mouse:move", (o) => {
       if (t && o && o.e) {
-        const n = new R.Point(o.e.movementX, o.e.movementY);
+        const n = new X.Point(o.e.movementX, o.e.movementY);
         e.relativePan(n);
       }
     }), e.on("mouse:up", (o) => {
@@ -180,7 +180,7 @@ const $ = (r) => {
     V({}), U(void 0), S([1, 1]), e == null || e.dispose(), T(void 0);
   };
   return g(() => {
-    B(!0), re(), !(!s.current || !d) && R.Image.fromURL(d, (t) => {
+    B(!0), re(), !(!s.current || !d) && X.Image.fromURL(d, (t) => {
       t.set({
         originX: "center",
         originY: "center"
@@ -192,7 +192,7 @@ const $ = (r) => {
     if (!y && e) {
       try {
         e.clear();
-      } catch (M) {
+      } catch (R) {
       }
       return;
     }
@@ -201,23 +201,23 @@ const $ = (r) => {
     const t = y == null ? void 0 : y.getElement();
     if (!(t != null && t.width) || !(t != null && t.height))
       return;
-    const o = t.width / t.height, n = s.current.parentElement.offsetWidth, i = s.current.parentElement.offsetHeight, I = n / t.width, z = i / t.height;
+    const o = t.width / t.height, n = s.current.parentElement.offsetWidth, i = s.current.parentElement.offsetHeight, k = n / t.width, z = i / t.height;
     let C = [n, i];
-    I > z ? C = [i * o, i] : C = [n, n / o];
+    k > z ? C = [i * o, i] : C = [n, n / o];
     const ae = C[0] / t.width, ie = C[1] / t.height, D = Math.min(ae, ie);
     S([D, D]);
-    const m = new R.Canvas(s.current, {
+    const m = new X.Canvas(s.current, {
       containerClass: "marking-canvas",
       width: n,
       height: i
     });
     if (m == null || m.setZoom(D), m == null || m.renderAll(), m && y) {
-      const M = (n - C[0]) / D / 2, G = (i - C[1]) / D / 2;
+      const R = (n - C[0]) / D / 2, G = (i - C[1]) / D / 2;
       m.setBackgroundImage(
         y,
         () => {
           m.renderAll(), ee({
-            left: M,
+            left: R,
             top: G
           }), T(m), w && w();
         },
@@ -225,7 +225,7 @@ const $ = (r) => {
         {
           originX: "left",
           originY: "top",
-          left: M,
+          left: R,
           top: G
         }
       );
@@ -241,16 +241,21 @@ const $ = (r) => {
         id: a.id,
         name: a.label,
         color: a.color
-      }, f && f(t.map(k))), e && (a ? e.defaultCursor = "copy" : e.defaultCursor = "default"), [...t];
+      }, f && f(t.map(j))), e && (a ? e.defaultCursor = "copy" : e.defaultCursor = "default"), [...t];
     }));
   }, [a, e, p]), g(() => {
     var t;
-    if (N && s.current && !j) {
+    if (O && s.current && !I) {
       const o = document.createElement("div");
-      o.setAttribute("style", "width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute;top: 0;"), (t = s.current.parentElement) == null || t.appendChild(o), le.render(/* @__PURE__ */ l(ce, {}), o), K(o);
+      o.setAttribute("style", "width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute;top: 0;"), (t = s.current.parentElement) == null || t.appendChild(o);
+      const n = le(o);
+      n.render(/* @__PURE__ */ l(ce, {})), K({
+        element: o,
+        root: n
+      });
     } else
-      !N && j && (j.remove(), K(null));
-  }, [N, s.current, j]), /* @__PURE__ */ Q("div", {
+      !O && I && (I.root.unmount(), I.element.remove(), K(null));
+  }, [O, s.current, I]), /* @__PURE__ */ Q("div", {
     style: {
       width: "100%",
       height: "100%",
@@ -263,7 +268,7 @@ const $ = (r) => {
         children: /* @__PURE__ */ Q(fe, {
           direction: "vertical",
           size: 16,
-          children: [/* @__PURE__ */ l(X, {
+          children: [/* @__PURE__ */ l(M, {
             title: "放大-鼠标滚轮前滑",
             placement: "right",
             children: /* @__PURE__ */ l(Z, {
@@ -272,7 +277,7 @@ const $ = (r) => {
                 A(-100);
               }
             })
-          }), /* @__PURE__ */ l(X, {
+          }), /* @__PURE__ */ l(M, {
             title: "缩小-鼠标滚轮后滑",
             placement: "right",
             children: /* @__PURE__ */ l(Z, {
@@ -281,7 +286,7 @@ const $ = (r) => {
                 A(100);
               }
             })
-          }), !x && /* @__PURE__ */ l(X, {
+          }), !x && /* @__PURE__ */ l(M, {
             title: "拖动-按住ctrl",
             placement: "right",
             children: /* @__PURE__ */ l(Z, {
@@ -311,5 +316,5 @@ const $ = (r) => {
   });
 };
 export {
-  Ne as default
+  Oe as default
 };

package/dist/es/components/OcrAnnotation/MarkKVOCRModal/KVOCRLabelMaker/index.mjs

@@ -2,40 +2,40 @@ var re = Object.defineProperty, de = Object.defineProperties;
 var ue = Object.getOwnPropertyDescriptors;
 var ee = Object.getOwnPropertySymbols;
 var fe = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
-var te = (r, h, g) => h in r ? re(r, h, { enumerable: !0, configurable: !0, writable: !0, value: g }) : r[h] = g, L = (r, h) => {
+var te = (r, h, g) => h in r ? re(r, h, { enumerable: !0, configurable: !0, writable: !0, value: g }) : r[h] = g, U = (r, h) => {
   for (var g in h || (h = {}))
     fe.call(h, g) && te(r, g, h[g]);
   if (ee)
     for (var g of ee(h))
       se.call(h, g) && te(r, g, h[g]);
   return r;
-}, U = (r, h) => de(r, ue(h));
-import { jsx as E } from "react/jsx-runtime";
+}, X = (r, h) => de(r, ue(h));
+import { jsx as $ } from "react/jsx-runtime";
 import { useState as I, useContext as ge, useEffect as B } from "react";
 import ce from "./LableEditor.mjs";
-import { fabric as X } from "fabric";
+import { fabric as Y } from "fabric";
 import oe from "ahooks/lib/useKeyPress";
 import { Spin as le } from "antd";
-import he from "react-dom";
+import { createRoot as he } from "react-dom/client";
 import { getUuid as K } from "../../../../utils/index.mjs";
 import me from "../../../../DatasetContext/index.mjs";
 import { OCRServiceId as pe } from "@glodon-aiot/apis";
 function T(r, h) {
   let g = -1, u = -1, x = 0, w = 0, a, m;
-  function Y(e) {
-    const i = e.target;
-    i && (i.currentHeight > i.canvas.height || i.currentWidth > i.canvas.width || (i.setCoords(), (i.getBoundingRect().top < 0 || i.getBoundingRect().left < 0) && (i.top = Math.max(i.top, i.top - i.getBoundingRect().top), i.left = Math.max(i.left, i.left - i.getBoundingRect().left)), (i.getBoundingRect().top + i.getBoundingRect().height > i.canvas.height || i.getBoundingRect().left + i.getBoundingRect().width > i.canvas.width) && (i.top = Math.min(i.top, i.canvas.height - i.getBoundingRect().height + i.top - i.getBoundingRect().top), i.left = Math.min(i.left, i.canvas.width - i.getBoundingRect().width + i.left - i.getBoundingRect().left)), i && m && (m.left = i.left, m.top = i.top + i.getBoundingRect().height)));
+  function D(e) {
+    const n = e.target;
+    n && (n.currentHeight > n.canvas.height || n.currentWidth > n.canvas.width || (n.setCoords(), (n.getBoundingRect().top < 0 || n.getBoundingRect().left < 0) && (n.top = Math.max(n.top, n.top - n.getBoundingRect().top), n.left = Math.max(n.left, n.left - n.getBoundingRect().left)), (n.getBoundingRect().top + n.getBoundingRect().height > n.canvas.height || n.getBoundingRect().left + n.getBoundingRect().width > n.canvas.width) && (n.top = Math.min(n.top, n.canvas.height - n.getBoundingRect().height + n.top - n.getBoundingRect().top), n.left = Math.min(n.left, n.canvas.width - n.getBoundingRect().width + n.left - n.getBoundingRect().left)), n && m && (m.left = n.left, m.top = n.top + n.getBoundingRect().height)));
   }
   r.on("mouse:down", (e) => {
-    const i = r.getZoom();
-    u = e.e.offsetX / i, g = e.e.offsetY / i;
+    const n = r.getZoom();
+    u = e.e.offsetX / n, g = e.e.offsetY / n;
   }), r.on("mouse:up", (e) => {
     if (u === -1 && g === -1)
       return;
-    const i = r.getZoom(), c = e.e.offsetX > r.getWidth() ? r.getWidth() / i : e.e.offsetX / i, P = e.e.offsetY > r.getHeight() ? r.getHeight() / i : e.e.offsetY / i;
-    if (x = Math.abs(c - u), w = Math.abs(P - g), x === 0 || w === 0)
+    const n = r.getZoom(), c = e.e.offsetX > r.getWidth() ? r.getWidth() / n : e.e.offsetX / n, j = e.e.offsetY > r.getHeight() ? r.getHeight() / n : e.e.offsetY / n;
+    if (x = Math.abs(c - u), w = Math.abs(j - g), x === 0 || w === 0)
       return;
-    const b = g > P ? P : g, k = u > c ? c : u, W = x, j = w, f = [{
+    const b = g > j ? j : g, k = u > c ? c : u, W = x, M = w, f = [{
       x: k,
       y: b
     }, {
@@ -43,30 +43,30 @@ function T(r, h) {
       y: b
     }, {
       x: k + W,
-      y: b + j
+      y: b + M
     }, {
       x: k,
-      y: b + j
+      y: b + M
     }];
-    a = new X.Polygon(f, {
+    a = new Y.Polygon(f, {
       fill: "rgba(255, 69, 0, 0.45)",
       stroke: "rgb(255, 69, 0)",
       strokeWidth: 1
-    }), a.set("strokeUniform", !0), r.add(a), m = new X.Text("请在右侧选择对应字段", {
-      top: b + j,
+    }), a.set("strokeUniform", !0), r.add(a), m = new Y.Text("请在右侧选择对应字段", {
+      top: b + M,
       left: k,
-      fontSize: 14 / i,
+      fontSize: 14 / n,
       backgroundColor: "rgba(0, 0, 0, 0.75)",
       fill: "#fff",
       selectable: !1
     }), r.add(m), r.setActiveObject(a), h && h(a, m), r.skipTargetFind = !1;
   }), r.on("mouse:move", (e) => {
-    e.target && Y(e);
+    e.target && D(e);
   });
 }
 const Z = (r) => {
   r.off("mouse:down"), r.off("mouse:up");
-}, ae = (r, [h, g, u]) => new X.Polygon(r, {
+}, ae = (r, [h, g, u]) => new Y.Polygon(r, {
   fill: `rgba(${h},${g}, ${u}, 0.45)`,
   stroke: `rgba(${h},${g}, ${u}, 1)`,
   strokeWidth: 0
@@ -89,7 +89,7 @@ const Z = (r) => {
     return;
   }
   m.drawImage(x, w.left * devicePixelRatio, w.top * devicePixelRatio, w.width * devicePixelRatio || 0, w.height * devicePixelRatio || 0, 0, 0, r.getScaledWidth() || 0, r.getScaledHeight() || 0), g(a.toDataURL());
-}), je = (r) => {
+}), Me = (r) => {
   const {
     id: h,
     imageUrl: g,
@@ -97,16 +97,16 @@ const Z = (r) => {
     labels: x = [],
     categories: w,
     onChange: a
-  } = r, [m, Y] = I(!0), [e, i] = I(), [c, P] = I({}), [b, k] = I(), [W, j] = I([1, 1]), [f, M] = I(), [p, H] = I(null), [D, O] = I(), [s, A] = I(x == null ? void 0 : x.filter((t) => !!t).map((t) => {
-    var o, n;
+  } = r, [m, D] = I(!0), [e, n] = I(), [c, j] = I({}), [b, k] = I(), [W, M] = I([1, 1]), [f, P] = I(), [p, H] = I(null), [E, O] = I(), [s, A] = I(x == null ? void 0 : x.filter((t) => !!t).map((t) => {
+    var o, i;
     return {
       uuid: t.uuid,
       box: ((o = t.box) == null ? void 0 : o.map((d) => [d[0], d[1]])) || [],
       words: t.words,
-      type: (n = t.type) == null ? void 0 : n.toLowerCase(),
+      type: (i = t.type) == null ? void 0 : i.toLowerCase(),
       catagoryId: t.catagoryId
     };
-  })), [F, V] = I(!0), [$, q] = I(), {
+  })), [F, V] = I(!0), [L, q] = I(), {
     services: {
       aiShop: z
     },
@@ -120,8 +120,8 @@ const Z = (r) => {
     if (e && F) {
       const t = e.getActiveObject();
       if (t) {
-        t === (f == null ? void 0 : f.polygon) && (e == null || e.remove(f == null ? void 0 : f.text), M(void 0)), e.remove(t), e.renderAll();
-        const o = s.findIndex((n) => c[n.uuid] === t);
+        t === (f == null ? void 0 : f.polygon) && (e == null || e.remove(f == null ? void 0 : f.text), P(void 0)), e.remove(t), e.renderAll();
+        const o = s.findIndex((i) => c[i.uuid] === t);
         o > -1 && (c[s[o].uuid] && (e == null || e.remove(c[s[o].uuid])), s.splice(o, 1), A([...s]), a([...s]));
       } else
         console.log("no active object");
@@ -136,25 +136,25 @@ const Z = (r) => {
     s.forEach((t) => {
       x.find((o) => o.uuid === t.uuid) || e == null || e.remove(c[t.uuid]);
     }), A(x == null ? void 0 : x.filter((t) => !!t).map((t) => {
-      var o, n;
+      var o, i;
       return {
         uuid: t.uuid,
         box: ((o = t.box) == null ? void 0 : o.map((d) => [d[0], d[1]])) || [],
         words: t.words,
-        type: (n = t.type) == null ? void 0 : n.toLowerCase(),
+        type: (i = t.type) == null ? void 0 : i.toLowerCase(),
         catagoryId: t.catagoryId
       };
     }));
   }, [x]);
   const ne = () => {
-    P({}), k(void 0), j([1, 1]), M(void 0), H(null), O(void 0), A([]), e == null || e.dispose(), i(void 0);
+    j({}), k(void 0), M([1, 1]), P(void 0), H(null), O(void 0), A([]), e == null || e.dispose(), n(void 0);
   };
   B(() => {
-    Y(!0), ne(), !(!u || !g || !h) && X.Image.fromURL(g, (t) => {
+    D(!0), ne(), !(!u || !g || !h) && Y.Image.fromURL(g, (t) => {
       t.set({
         originX: "center",
         originY: "center"
-      }), k(t), Y(!1);
+      }), k(t), D(!1);
     }, {
       crossOrigin: "anonymous"
     });
@@ -169,12 +169,12 @@ const Z = (r) => {
     const t = b == null ? void 0 : b.getElement();
     if (!(t != null && t.width) || !(t != null && t.height))
       return;
-    const o = t.width / t.height, n = ((Q = u.parentElement) == null ? void 0 : Q.offsetWidth) || (u == null ? void 0 : u.offsetWidth), d = ((_ = u == null ? void 0 : u.parentElement) == null ? void 0 : _.offsetHeight) || (u == null ? void 0 : u.offsetHeight), y = n / t.width, R = d / t.height;
-    y > R ? (u.width = d * o, u.height = d) : (u.width = n, u.height = n / o);
+    const o = t.width / t.height, i = ((Q = u.parentElement) == null ? void 0 : Q.offsetWidth) || (u == null ? void 0 : u.offsetWidth), d = ((_ = u == null ? void 0 : u.parentElement) == null ? void 0 : _.offsetHeight) || (u == null ? void 0 : u.offsetHeight), y = i / t.width, R = d / t.height;
+    y > R ? (u.width = d * o, u.height = d) : (u.width = i, u.height = i / o);
     const l = u.width / t.width, C = u.height / t.height, v = Math.min(l, C);
-    j([v, v]);
+    M([v, v]);
     let S = e;
-    e ? (e.clear(), e.setWidth(u.width), e.setHeight(u.height)) : S = new X.Canvas(u, {
+    e ? (e.clear(), e.setWidth(u.width), e.setHeight(u.height)) : S = new Y.Canvas(u, {
       containerClass: "marking-canvas",
       width: u.width,
       height: u.height
@@ -188,38 +188,43 @@ const Z = (r) => {
         left: 0,
         top: 0
       }
-    ), i(S));
+    ), n(S));
   }, [b]), B(() => {
-    m || !e || N(e, s, D);
-  }, [s, e, D, m]), B(() => {
-    D || a(s);
-  }, [D]);
-  const N = (t, o, n = "") => {
+    m || !e || N(e, s, E);
+  }, [s, e, E, m]), B(() => {
+    E || a(s);
+  }, [E]);
+  const N = (t, o, i = "") => {
     o == null || o.map((d) => {
       var R, l;
       const y = ae((R = d.box) == null ? void 0 : R.map((C) => ({
         x: C[0],
         y: C[1]
       })), ((l = d.type) == null ? void 0 : l.toLowerCase()) === "key" ? [255, 193, 0] : [80, 139, 238]);
-      c[d.uuid] ? xe(t, c[d.uuid], y) : t.add(y), c[d.uuid] = y, P(() => c);
-    }), n && (!p || p !== t.getActiveObject()) && (t == null || t.setActiveObject(c[n]), H(c[n]));
+      c[d.uuid] ? xe(t, c[d.uuid], y) : t.add(y), c[d.uuid] = y, j(() => c);
+    }), i && (!p || p !== t.getActiveObject()) && (t == null || t.setActiveObject(c[i]), H(c[i]));
   };
   B(() => {
     var t;
-    if (m && u && !$) {
+    if (m && u && !L) {
       const o = document.createElement("div");
-      o.setAttribute("style", "width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute;top: 0;"), (t = u.parentElement) == null || t.appendChild(o), he.render(/* @__PURE__ */ E(le, {}), o), q(o);
+      o.setAttribute("style", "width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute;top: 0;"), (t = u.parentElement) == null || t.appendChild(o);
+      const i = he(o);
+      i.render(/* @__PURE__ */ $(le, {})), q({
+        element: o,
+        root: i
+      });
     } else
-      !m && $ && ($.remove(), q(null));
-  }, [m, u, $]), B(() => {
+      !m && L && (L.root.unmount(), L.element.remove(), q(null));
+  }, [m, u, L]), B(() => {
     m && e && N(e, []), !(m || !e) && (N(e, []), T(e, (t, o) => {
-      f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon)), M({
+      f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon)), P({
         polygon: t,
         text: o,
         uuid: K()
       });
     }), e.on("selection:created", (t) => {
-      var n;
+      var i;
       Z(e), H(e.getActiveObject());
       const o = e.getActiveObject();
       o == null || o.set({
@@ -228,14 +233,14 @@ const Z = (r) => {
         cornerSize: 7,
         transparentCorners: !1,
         cornerStrokeColor: "rgba(109, 109, 109, 1)"
-      }), (n = Object.keys(c)) == null || n.map((d) => {
+      }), (i = Object.keys(c)) == null || i.map((d) => {
         o === c[d] && O(d);
       });
     }), e.on("selection:updated", (t) => {
-      var n;
+      var i;
       Z(e), H(e.getActiveObject());
       const o = e.getActiveObject();
-      (n = Object.keys(c)) == null || n.map((d) => {
+      (i = Object.keys(c)) == null || i.map((d) => {
         o === c[d] && O(d);
       });
     }), e.on("selection:cleared", () => {
@@ -246,20 +251,20 @@ const Z = (r) => {
     image: t
   }).catch(() => [{
     words: ""
-  }]).then((o) => o == null ? void 0 : o.map((n) => n.words).join(""));
+  }]).then((o) => o == null ? void 0 : o.map((i) => i.words).join(""));
   return B(() => {
     e && (f ? (Z(e), f.value === void 0 && (ie(f.polygon).then((t) => J(t)).then((t) => {
-      M(U(L({}, f), {
+      P(X(U({}, f), {
         value: t
       }));
     }), e.on("event:moved", () => {
       ie(f.polygon).then((t) => J(t)).then((t) => {
-        f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon)), M(U(L({}, f), {
+        f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon)), P(X(U({}, f), {
           value: t
         }));
       });
     }))) : p || T(e, (t, o) => {
-      M({
+      P({
         polygon: t,
         text: o,
         uuid: K()
@@ -269,7 +274,7 @@ const Z = (r) => {
     if (e) {
       if (!p) {
         T(e, (t, o) => {
-          f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon)), M({
+          f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon)), P({
             polygon: t,
             text: o,
             uuid: K()
@@ -280,11 +285,11 @@ const Z = (r) => {
       p == null || p.on("mousedown", () => {
         e && Z(e);
       }), p == null || p.on("mouseup:before", () => {
-        var n;
+        var i;
         if (!e)
           return;
         const t = p, o = e.getZoom();
-        (n = Object.keys(c)) == null || n.map((d) => {
+        (i = Object.keys(c)) == null || i.map((d) => {
           var y;
           if (t === c[d]) {
             const R = s.findIndex((l) => l.uuid === d);
@@ -292,11 +297,11 @@ const Z = (r) => {
           }
         }), A([...s]), a([...s]);
       }), p == null || p.on("moving", () => {
-        var n;
+        var i;
         if (!e)
           return;
         const t = p, o = e.getZoom();
-        (n = Object.keys(c)) == null || n.map((d) => {
+        (i = Object.keys(c)) == null || i.map((d) => {
           var y;
           if (t === c[d]) {
             const R = s.findIndex((l) => l.uuid === d);
@@ -305,30 +310,30 @@ const Z = (r) => {
         });
       });
     }
-  }, [p]), /* @__PURE__ */ E("div", {
+  }, [p]), /* @__PURE__ */ $("div", {
     children: w.length ? w == null ? void 0 : w.map((t) => {
       var o;
-      return /* @__PURE__ */ E(ce, {
-        selectedLabel: s.find((n) => c[n.uuid] === p),
+      return /* @__PURE__ */ $(ce, {
+        selectedLabel: s.find((i) => c[i.uuid] === p),
         holdingLabel: f != null && f.polygon ? {
           uuid: f.uuid,
-          box: (o = f.polygon.getCoords()) == null ? void 0 : o.map((n) => [n.x / W[0], n.y / W[1]]),
+          box: (o = f.polygon.getCoords()) == null ? void 0 : o.map((i) => [i.x / W[0], i.y / W[1]]),
           words: f.value || ""
         } : void 0,
-        type: s.filter((n) => {
+        type: s.filter((i) => {
           var d;
-          return n.catagoryId === t.id && ((d = n.type) == null ? void 0 : d.toLowerCase()) === "key";
+          return i.catagoryId === t.id && ((d = i.type) == null ? void 0 : d.toLowerCase()) === "key";
         }),
-        value: s.filter((n) => {
+        value: s.filter((i) => {
           var d;
-          return n.catagoryId === t.id && ((d = n.type) == null ? void 0 : d.toLowerCase()) === "value";
+          return i.catagoryId === t.id && ((d = i.type) == null ? void 0 : d.toLowerCase()) === "value";
         }),
         category: t,
-        onChange: (n, d) => {
+        onChange: (i, d) => {
           var R;
-          ((R = n.concat(d)) == null ? void 0 : R.map((l) => {
+          ((R = i.concat(d)) == null ? void 0 : R.map((l) => {
             var C;
-            return U(L({}, l), {
+            return X(U({}, l), {
               box: (C = l.box) == null ? void 0 : C.map((v) => [v[0], v[1]])
             });
           })).forEach((l) => {
@@ -338,29 +343,29 @@ const Z = (r) => {
             // eslint-disable-next-line no-unsafe-optional-chaining
             ...s == null ? void 0 : s.map((l) => {
               var C;
-              return U(L({}, l), {
+              return X(U({}, l), {
                 box: (C = l.box) == null ? void 0 : C.map((v) => [v[0], v[1]])
               });
             })
           ]), a([...s]);
         },
-        onRemove: (n) => {
-          const d = s.findIndex((y) => y.uuid === n.uuid);
+        onRemove: (i) => {
+          const d = s.findIndex((y) => y.uuid === i.uuid);
           d > -1 && (c[s[d].uuid] && (e == null || e.remove(c[s[d].uuid])), s.splice(d, 1), A([...s]), a([...s]));
         },
         clearHoldingLabel: () => {
-          f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon), M(void 0), O(f.uuid));
+          f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon), P(void 0), O(f.uuid));
         },
-        onSelect: (n) => {
-          O(n == null ? void 0 : n.uuid);
+        onSelect: (i) => {
+          O(i == null ? void 0 : i.uuid);
         }
       }, t.id);
-    }) : /* @__PURE__ */ E("div", {
+    }) : /* @__PURE__ */ $("div", {
       className: "empty",
       children: "暂无字段，请先在“字段管理”中进行添加"
     })
   });
 };
 export {
-  je as default
+  Me as default
 };