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

package/dist/es/components/ClassificationImageAnnotation/components/ClassificationImageDetail/index.mjs

@@ -9,9 +9,9 @@ var S = (o, a, c) => a in o ? re(o, a, { enumerable: !0, configurable: !0, writa
     for (var c of _(a))
       ue.call(a, c) && S(o, c, a[c]);
   return o;
-}, V = (o, a) => de(o, fe(a));
+}, Y = (o, a) => de(o, fe(a));
 import { jsxs as j, jsx as e } from "react/jsx-runtime";
-import { useRef as w, useState as v, useCallback as Y, useEffect as f } from "react";
+import { useRef as w, useState as v, useCallback as K, useEffect as f } from "react";
 import { Button as g, Space as he, Tooltip as p } from "antd";
 import { useKeyPress as M } from "ahooks";
 import { ZoomInOutlined as ge, ZoomOutOutlined as ve, DragOutlined as be, ExpandOutlined as xe, ClearOutlined as ye } from "@ant-design/icons";
@@ -38,26 +38,26 @@ const Be = (o) => {
     readonly: u,
     showLabelList: ie = !0,
     onLoadingChange: N
-  } = o, K = w(null), L = w(null), [n, Z] = v(), [ne, De] = v(!1), [C, P] = v(!1), [$, B] = v(1), [k, D] = v({
+  } = o, P = w(null), L = w(null), [n, Z] = v(), [ne, De] = v(!1), [C, $] = v(!1), [B, F] = v(1), [k, D] = v({
     x: 0,
     y: 0
   }), [y, I] = v(() => !!u), h = w(null), X = w(k);
   X.current = k;
-  const q = 1.15, se = 0.2, le = 10, F = w($);
-  F.current = $;
-  const R = Y((i, s, l) => {
-    const r = i > 0 ? 1 / q : q, d = Math.min(le, Math.max(se, F.current * r)), O = d !== F.current;
-    B(d), O && s != null && l != null && D((Q) => ({
+  const q = 1.15, se = 0.2, le = 10, H = w(B);
+  H.current = B;
+  const E = K((i, s, l) => {
+    const r = i > 0 ? 1 / q : q, d = Math.min(le, Math.max(se, H.current * r)), O = d !== H.current;
+    F(d), O && s != null && l != null && D((Q) => ({
       x: s - (s - Q.x) * r,
       y: l - (l - Q.y) * r
     }));
-  }, []), ae = Y((i) => {
+  }, []), ae = K((i) => {
     if (i.preventDefault(), !L.current)
       return;
     const s = L.current.getBoundingClientRect(), l = i.clientX - s.left - s.width / 2, r = i.clientY - s.top - s.height / 2;
-    R(i.deltaY, l, r);
-  }, [R]), oe = Y(() => {
-    B(1), D({
+    E(i.deltaY, l, r);
+  }, [E]), oe = K(() => {
+    F(1), D({
       x: 0,
       y: 0
     });
@@ -90,7 +90,7 @@ const Be = (o) => {
       i.removeEventListener("mousedown", s), window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", r);
     };
   }, [y]);
-  const E = n != null ? n : t, H = (G = E == null ? void 0 : E.labels) != null && G.length ? E.labels[0] : void 0;
+  const R = n != null ? n : t, T = (G = R == null ? void 0 : R.labels) != null && G.length ? R.labels[0] : void 0;
   M("rightarrow", () => {
     b == null || b();
   }), M("leftarrow", () => {
@@ -106,28 +106,28 @@ const Be = (o) => {
   }, []), f(() => {
     (t == null ? void 0 : t.id) !== (n == null ? void 0 : n.id) && Z(void 0);
   }, [t == null ? void 0 : t.id, n == null ? void 0 : n.id]), f(() => {
-    t != null && t.fileUrl && (B(1), D({
+    t != null && t.fileUrl && (F(1), D({
       x: 0,
       y: 0
     }));
   }, [t == null ? void 0 : t.fileUrl]), f(() => {
     u && I(!0);
   }, [u]), f(() => {
-    t != null && t.fileUrl && P(!0);
+    t != null && t.fileUrl && $(!0);
   }, [t == null ? void 0 : t.fileUrl]), f(() => {
     N == null || N(C);
   }, [C, N]), f(() => {
     var i;
     if ((i = n == null ? void 0 : n.labels) != null && i.length) {
       const s = n.labels[0].id, l = m.find((r) => r.id === s);
-      l && (n.labels = [V(U({}, n.labels[0]), {
+      l && (n.labels = [Y(U({}, n.labels[0]), {
         id: l.id,
         label: l.label
       })], Z(U({}, n)));
     }
   }, [m]);
   const ce = () => {
-    K.current && P(!1);
+    P.current && $(!1);
   }, A = (i) => {
     if (!t || u)
       return;
@@ -135,11 +135,11 @@ const Be = (o) => {
       id: i.id,
       label: i.label,
       box: []
-    }] : [], l = V(U({}, t), {
+    }] : [], l = Y(U({}, t), {
       labels: s
     });
     Z(l), W == null || W(l);
-  }, T = H ? m.find((i) => i.id === H.id) : void 0;
+  }, V = T ? m.find((i) => i.id === T.id) : void 0;
   return /* @__PURE__ */ j("div", {
     className: "classification-image-detail",
     children: [/* @__PURE__ */ e("div", {
@@ -167,14 +167,14 @@ const Be = (o) => {
                 placement: "right",
                 children: /* @__PURE__ */ e(g, {
                   icon: /* @__PURE__ */ e(ge, {}),
-                  onClick: () => R(-100)
+                  onClick: () => E(-100)
                 })
               }), /* @__PURE__ */ e(p, {
                 title: "缩小",
                 placement: "right",
                 children: /* @__PURE__ */ e(g, {
                   icon: /* @__PURE__ */ e(ve, {}),
-                  onClick: () => R(100)
+                  onClick: () => E(100)
                 })
               }), /* @__PURE__ */ e(p, {
                 title: "拖动-按住ctrl",
@@ -196,7 +196,7 @@ const Be = (o) => {
                 placement: "right",
                 children: /* @__PURE__ */ e(g, {
                   icon: /* @__PURE__ */ e(ye, {}),
-                  disabled: !H,
+                  disabled: !T,
                   onClick: () => A(null)
                 })
               })]
@@ -225,16 +225,17 @@ const Be = (o) => {
             children: /* @__PURE__ */ e("div", {
               className: "classification-image-transform",
               style: {
-                transform: `translate(${k.x}px, ${k.y}px) scale(${$})`,
+                transform: `translate(${k.x}px, ${k.y}px) scale(${B})`,
                 transformOrigin: "center center"
               },
               children: /* @__PURE__ */ e("img", {
-                ref: K,
+                ref: P,
                 src: (t == null ? void 0 : t.fileUrl) || "",
                 alt: "",
                 draggable: !1,
                 onDragStart: (i) => i.preventDefault(),
                 onLoad: ce,
+                onError: () => $(!1),
                 style: {
                   maxWidth: "100%",
                   maxHeight: "100%",
@@ -259,7 +260,7 @@ const Be = (o) => {
       children: /* @__PURE__ */ e(pe, {
         title: "标签列表",
         data: m,
-        selected: T != null ? T : null,
+        selected: V != null ? V : null,
         onSelectedChange: A,
         showSearch: !0,
         searchPlaceholder: "请输入标签名称搜索",

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

@@ -9,7 +9,7 @@ var A = (n, l, o) => l in n ? _(n, l, { enumerable: !0, configurable: !0, writab
     for (var o of M(l))
       ee.call(l, o) && A(n, o, l[o]);
   return n;
-}, u = (n, l) => $(n, V(l));
+}, I = (n, l) => $(n, V(l));
 import { jsxs as b, jsx as d } from "react/jsx-runtime";
 import { useRef as B, useState as h, useEffect as g } from "react";
 import { Button as H } from "antd";
@@ -20,7 +20,7 @@ import se from "../LabelMaker/index.mjs";
 import O from "../../../Iconfont/index.mjs";
 import te from "../../../DetectionStatus/index.mjs";
 const he = (n) => {
-  var z, E, F;
+  var P, z, F;
   const {
     datasetId: l,
     isImageDetailVisible: o = !0,
@@ -38,7 +38,7 @@ const he = (n) => {
     showLabelList: D = !0,
     renderLabelItem: J,
     onLoadingChange: w
-  } = n, Q = B(null), T = B({}), [P, W] = h({}), [I, p] = h(), [a, y] = h(), [X, Y] = h(!1), [x, R] = h(!1);
+  } = n, Q = B(null), T = B({}), [E, W] = h({}), [y, p] = h(), [a, R] = h(), [X, Y] = h(!1), [x, u] = h(!1);
   K("rightarrow", () => {
     v && v();
   }), K("leftarrow", () => {
@@ -47,12 +47,12 @@ const he = (n) => {
     X && N && N();
   }, []), g(() => {
     var s, t;
-    if (p(void 0), (e == null ? void 0 : e.id) !== (a == null ? void 0 : a.id) && y(void 0), !o || !((s = e == null ? void 0 : e.labels) != null && s.length))
+    if (p(void 0), (e == null ? void 0 : e.id) !== (a == null ? void 0 : a.id) && R(void 0), !o || !((s = e == null ? void 0 : e.labels) != null && s.length))
       return;
     const i = (t = a || e) == null ? void 0 : t.labels.reduce((f, j) => (f[j.id] ? ++f[j.id] : f[j.id] = 1, f), {});
     W(i || {});
   }, [o, e, a]), g(() => {
-    e != null && e.fileUrl && R(!0);
+    e != null && e.fileUrl && u(!0);
   }, [e == null ? void 0 : e.fileUrl]), g(() => {
     w && w(x);
   }, [x, w]), g(() => {
@@ -60,14 +60,14 @@ const he = (n) => {
       const i = [];
       a.labels.forEach((s) => {
         const t = r.find((f) => f.id === s.id);
-        t && i.push(u(m({}, s), {
+        t && i.push(I(m({}, s), {
           label: t.label
         }));
-      }), a.labels = i, y(m({}, a));
+      }), a.labels = i, R(m({}, a));
     }
   }, [r]);
   const Z = () => {
-    Q.current && R(!1);
+    Q.current && u(!1);
   };
   return window.onresize = Z, /* @__PURE__ */ b("div", {
     className: "detection-image-detail",
@@ -93,7 +93,7 @@ const he = (n) => {
         }), /* @__PURE__ */ b("div", {
           className: "select-main",
           ref: T,
-          children: [((z = e == null ? void 0 : e.sampleFileName) == null ? void 0 : z.name) && /* @__PURE__ */ d("div", {
+          children: [((P = e == null ? void 0 : e.sampleFileName) == null ? void 0 : P.name) && /* @__PURE__ */ d("div", {
             className: "img-detail-name-overlay",
             children: e.sampleFileName.name
           }), /* @__PURE__ */ d("div", {
@@ -104,25 +104,26 @@ const he = (n) => {
           }), /* @__PURE__ */ d(se, {
             disabled: G,
             imageUrl: (e == null ? void 0 : e.fileUrl) || "",
-            pen: I,
-            labels: ((E = a ? a.labels : e == null ? void 0 : e.labels) == null ? void 0 : E.map((i) => {
+            pen: y,
+            labels: ((z = a ? a.labels : e == null ? void 0 : e.labels) == null ? void 0 : z.map((i) => {
               var s;
-              return u(m({}, i), {
+              return I(m({}, i), {
                 color: ((s = r.find((t) => t.id === i.id)) == null ? void 0 : s.color) || ""
               });
             })) || [],
-            onImageLoad: () => R(!1),
+            onImageLoad: () => u(!1),
+            onImageError: () => u(!1),
             onChange: (i) => {
               if (p(void 0), !e)
                 return;
-              const s = u(m({}, e), {
+              const s = I(m({}, e), {
                 labels: i.map((t) => ({
                   id: t.id,
                   label: t.label,
                   box: t.box
                 }))
               });
-              y(s), k && k(s);
+              R(s), k && k(s);
             },
             isPreLabel: C,
             renderLabelItem: J
@@ -142,13 +143,13 @@ const he = (n) => {
       children: /* @__PURE__ */ d(ie, {
         datasetId: l,
         selectMode: "single",
-        data: ((F = Object.keys(P)) == null ? void 0 : F.map((i) => {
+        data: ((F = Object.keys(E)) == null ? void 0 : F.map((i) => {
           const s = r.find((t) => t.id === i);
           if (s)
-            return s.count = P[i], s;
+            return s.count = E[i], s;
         }).filter((i) => !!i)) || [],
         shortcut: !0,
-        selected: I ? [I] : [],
+        selected: y ? [y] : [],
         onSelectedChange: (i) => {
           if (i.length > 2) {
             console.warn("不支持选中多个标签");