@glodon-aiot/dataset-annotation 3.24.0-alpha.6 → 3.25.0-alpha.7

package/dist/es/components/OcrAnnotation/OCRBoxDetail/index.mjs

@@ -1,54 +1,55 @@
-var Se = Object.defineProperty, ye = Object.defineProperties;
-var be = Object.getOwnPropertyDescriptors;
-var ae = Object.getOwnPropertySymbols;
-var ve = Object.prototype.hasOwnProperty, Ce = Object.prototype.propertyIsEnumerable;
-var ue = (x, f, o) => f in x ? Se(x, f, { enumerable: !0, configurable: !0, writable: !0, value: o }) : x[f] = o, R = (x, f) => {
-  for (var o in f || (f = {}))
-    ve.call(f, o) && ue(x, o, f[o]);
-  if (ae)
-    for (var o of ae(f))
-      Ce.call(f, o) && ue(x, o, f[o]);
-  return x;
-}, U = (x, f) => ye(x, be(f));
-import { jsxs as k, Fragment as ze, jsx as g } from "react/jsx-runtime";
-import { Tabs as ge, Space as fe, Button as A, Tooltip as Ne, Modal as ke, message as N } from "antd";
-import { useContext as we, useRef as H, useState as h, useEffect as X } from "react";
+var Ne = Object.defineProperty, ke = Object.defineProperties;
+var we = Object.getOwnPropertyDescriptors;
+var pe = Object.getOwnPropertySymbols;
+var ze = Object.prototype.hasOwnProperty, Le = Object.prototype.propertyIsEnumerable;
+var Ie = (p, u, s) => u in p ? Ne(p, u, { enumerable: !0, configurable: !0, writable: !0, value: s }) : p[u] = s, k = (p, u) => {
+  for (var s in u || (u = {}))
+    ze.call(u, s) && Ie(p, s, u[s]);
+  if (pe)
+    for (var s of pe(u))
+      Le.call(u, s) && Ie(p, s, u[s]);
+  return p;
+}, V = (p, u) => ke(p, we(u));
+import { jsxs as P, Fragment as Ve, jsx as x } from "react/jsx-runtime";
+import { Tabs as ye, Space as me, Button as K, Tooltip as Pe, Modal as Te, message as w } from "antd";
+import { useContext as Oe, useRef as z, useState as I, useEffect as W } from "react";
 import "./style.less.mjs";
-import Le from "../../DataEmpty/index.mjs";
-import Ve from "../../../DatasetContext/index.mjs";
-import Te from "../MarkOCRBoxModal/ImageDetail/index.mjs";
+import De from "../../DataEmpty/index.mjs";
+import qe from "../../../DatasetContext/index.mjs";
+import Je from "../MarkOCRBoxModal/ImageDetail/index.mjs";
 const {
-  TabPane: K
-} = ge, He = (x) => {
-  var le;
+  TabPane: G
+} = ye, Qe = (p) => {
+  var he;
   const {
-    visible: f,
-    selectSampleId: o,
-    datasetId: v,
-    versionId: C,
-    ocrMarkTmpl: Re,
-    onClose: Oe,
-    onSave: J,
-    onPending: W,
-    categories: pe,
-    externalSamples: y,
-    externalPagination: O,
-    externalCurrentIndex: q,
-    externalFilterMode: Y,
-    onFilterModeChange: F,
-    onPaginationChange: b
-  } = x, {
+    visible: u,
+    selectSampleId: s,
+    datasetId: C,
+    versionId: R,
+    ocrMarkTmpl: Me,
+    onClose: $e,
+    onSave: j,
+    onPending: Q,
+    categories: be,
+    externalSamples: S,
+    externalPagination: J,
+    externalCurrentIndex: U,
+    externalFilterMode: ne,
+    onFilterModeChange: X,
+    onPaginationChange: Y,
+    onCurrentSampleChange: Z
+  } = p, {
     services: {
-      cvforceDatahub: I
+      cvforceDatahub: m
     }
-  } = we(Ve), w = H(null), [t, p] = h(), G = H({}), [Pe, P] = h(0), [m, M] = h(() => o && (y != null && y.length) ? y : []), [L, z] = h(() => o && q !== void 0 ? q : -1), [r, V] = h(() => o && O ? R({}, O) : !o && O ? {
+  } = Oe(qe), T = z(null), [e, h] = I(), _ = z({}), [je, M] = I(0), [y, B] = I(() => s && (S != null && S.length) ? S : []), [O, N] = I(() => s && U !== void 0 ? U : -1), [d, D] = I(() => s && J ? k({}, J) : !s && J ? {
     current: 1,
-    pageSize: O.pageSize
+    pageSize: J.pageSize
   } : {
     current: 1,
     pageSize: 50
-  }), [Z, _] = h(0), [ee, te] = h(0), [ne, re] = h(0), [s, xe] = h(() => o && Y ? Y : o ? "" : "nocode"), ie = H(!1), S = H({}), [$, j] = h(!1), [Q, B] = h(!1), he = () => {
-    switch (s) {
+  }), [re, ie] = I(0), [se, oe] = I(0), [ce, le] = I(0), [o, ve] = I(() => s && ne ? ne : s ? "" : "nocode"), de = z(!1), ae = z(0), ee = z(0), L = z(!1), $ = z(!1), b = z({}), [E, A] = I(!1), [te, F] = I(!1), Se = () => {
+    switch (o) {
       case "nocode":
       case "hascode":
         return 0;
@@ -57,8 +58,8 @@ const {
       default:
         return 2;
     }
-  }, Ie = () => {
-    switch (s) {
+  }, Ce = () => {
+    switch (o) {
       case "nocode":
         return "nocode";
       case "pending":
@@ -69,280 +70,298 @@ const {
         return;
     }
   };
-  X(() => {
-    if (!v || !C)
+  W(() => {
+    if (!C || !R) {
+      L.current = !1;
       return;
-    const e = r.current || 1, n = r.pageSize || 50;
-    if (!ie.current && o && (y != null && y.length) && O && q !== void 0) {
-      const a = y.find((i) => i.id === o);
-      if (a) {
-        ie.current = !0, p(a), P(y.length), T();
+    }
+    const t = d.current || 1, n = d.pageSize || 50;
+    if (!de.current && s && (S != null && S.length) && J && U !== void 0) {
+      const c = S.find((r) => r.id === s);
+      if (c) {
+        de.current = !0, $.current = !0, L.current = !1, h(c), M(S.length), q();
         return;
       }
     }
-    I == null || I.getDatasetsIdVersionsVidSamples(v, C, {
-      labels: Ie(),
-      pageNo: e,
+    const f = ++ee.current;
+    m == null || m.getDatasetsIdVersionsVidSamples(C, R, {
+      labels: Ce(),
+      pageNo: t,
       pageSize: n,
-      confirmStatus: he()
-    }).then((a) => {
-      const i = a.recordList || [];
-      M(i);
-      const d = U(R({}, r), {
-        current: e,
+      confirmStatus: Se()
+    }).then((c) => {
+      if (f !== ee.current)
+        return;
+      const r = c.recordList || [];
+      B(r);
+      const g = V(k({}, d), {
+        current: t,
         pageSize: n,
-        total: a.totalResults
+        total: c.totalResults
       });
-      if (V(d), b == null || b(d), r.type === "next" && i.length) {
-        z(0);
-        const c = a.recordList[0];
-        p(c), P(i.length), s !== void 0 && (S.current[s] = {
+      if (delete g.type, D(g), Y == null || Y({
+        current: t,
+        pageSize: n,
+        total: c.totalResults
+      }), d.type === "next" && r.length) {
+        N(0);
+        const l = c.recordList[0];
+        h(l), M(r.length), o !== void 0 && (b.current[o] = {
           index: 0,
-          page: e
+          page: t
         });
-        const u = R({}, d);
-        delete u.type, V(u), b == null || b(u);
         return;
       }
-      if (r.type === "prev" && i.length) {
-        const l = r.pageSize - 1;
-        z(l);
-        const c = a.recordList[l];
-        p(c), P(i.length), s !== void 0 && (S.current[s] = {
-          index: l,
-          page: e
+      if (d.type === "prev" && r.length) {
+        const i = d.pageSize - 1;
+        N(i);
+        const l = c.recordList[i];
+        h(l), M(r.length), o !== void 0 && (b.current[o] = {
+          index: i,
+          page: t
         });
-        const u = R({}, d);
-        delete u.type, V(u), b == null || b(u);
         return;
       }
-      if (i.find((l) => l.id === o)) {
-        if (o) {
-          p(i.find((c) => c.id === o));
-          const l = i.findIndex((c) => c.id === o);
-          z(l), s !== void 0 && (S.current[s] = {
-            index: l,
-            page: e
+      if (r.find((i) => i.id === s) && !$.current) {
+        if (s) {
+          $.current = !0, h(r.find((l) => l.id === s));
+          const i = r.findIndex((l) => l.id === s);
+          N(i), o !== void 0 && (b.current[o] = {
+            index: i,
+            page: t
           });
         } else {
-          const l = S.current[s], c = l == null ? void 0 : l.index, u = c !== void 0 && c >= 0 && c < i.length ? c : 0;
-          p(i[u]), z(u);
+          const i = b.current[o], l = i == null ? void 0 : i.index, a = l !== void 0 && l >= 0 && l < r.length ? l : 0;
+          h(r[a]), N(a);
         }
-        P(i.length);
-      } else if (o)
-        I.getDatasetsIdVersionsVidSsamplesSid(v, C, o).then((l) => {
-          p(l);
+        M(r.length);
+      } else if (s && !$.current)
+        $.current = !0, m.getDatasetsIdVersionsVidSsamplesSid(C, R, s).then((i) => {
+          h(i);
         });
       else {
-        const l = S.current[s], c = l == null ? void 0 : l.index, u = c !== void 0 && c >= 0 && c < i.length ? c : 0;
-        p(i[u]), z(u), P(i.length);
+        const i = b.current[o], l = i == null ? void 0 : i.index, a = l !== void 0 && l >= 0 && l < r.length ? l : 0;
+        h(r[a]), N(a), M(r.length);
       }
-    }), T();
-  }, [r.current, s, v, C]);
-  const T = () => {
-    !v || !C || I == null || I.getDatasetsIdVersionsVidLabelcount(v, C, {
+    }).finally(() => {
+      f === ee.current && (L.current = !1);
+    }), q();
+  }, [d.current, o, C, R]), W(() => {
+    e != null && e.id && (Z == null || Z(e.id));
+  }, [e == null ? void 0 : e.id]);
+  const q = () => {
+    !C || !R || m == null || m.getDatasetsIdVersionsVidLabelcount(C, R, {
       label: "allcode",
       confirmStatus: 2
-    }).then((e) => {
-      const n = e.find((d) => d.id === "allcodeid"), a = e.find((d) => d.id === "nocodeid"), i = e.find((d) => d.id === "pendingid");
-      _(n ? n.count : 0), te(a ? a.count : 0), re(i ? i.count : 0);
+    }).then((t) => {
+      const n = t.find((r) => r.id === "allcodeid"), f = t.find((r) => r.id === "nocodeid"), c = t.find((r) => r.id === "pendingid");
+      ie(n ? n.count : 0), oe(f ? f.count : 0), le(c ? c.count : 0);
     });
-  }, E = (e) => {
-    m && M((n) => {
-      var D, l;
-      let a;
-      const i = !!(t && ((D = t.labels) != null && D.length && s === "nocode" || !((l = t.labels) != null && l.length) && s === "hascode" || e === !0)), d = i ? L : L + 1;
-      if (t && i) {
-        const c = n.findIndex((u) => u.id === t.id);
-        c > -1 && (n.splice(c, 1), a = [...n], r.total && (r.total = r.total - 1));
+  }, H = (t) => {
+    y && B((n) => {
+      var v, i;
+      const f = !!(e && ((v = e.labels) != null && v.length && o === "nocode" || !((i = e.labels) != null && i.length) && o === "hascode" || t === !0)), c = f ? O : O + 1;
+      let r = n, g = d.total;
+      if (e && f) {
+        const l = n.findIndex((a) => a.id === e.id);
+        l > -1 && (r = n.slice(0, l).concat(n.slice(l + 1)), g && (g = g - 1, D((a) => V(k({}, a), {
+          total: g
+        }))));
       }
-      if (d >= n.length) {
-        const c = (r.current - 1) * r.pageSize + d;
-        r.total == null || c >= r.total ? (n.length > 0 && L >= n.length && setTimeout(() => {
-          const u = n.length - 1;
-          z(u);
-          const me = n[u];
-          p(me), s !== void 0 && (S.current[s] = {
-            index: u,
-            page: r.current || 1
+      if (c >= r.length) {
+        const l = (d.current - 1) * d.pageSize + c;
+        g == null || l >= g ? (r.length > 0 && O >= r.length && setTimeout(() => {
+          const a = r.length - 1;
+          N(a);
+          const Re = r[a];
+          h(Re), o !== void 0 && (b.current[o] = {
+            index: a,
+            page: d.current || 1
           });
-        }, 0), N.error("已经是最后一个了")) : V({
-          current: r.current + 1,
-          pageSize: r.pageSize,
+        }, 0), w.error("已经是最后一个了")) : L.current || (L.current = !0, D((a) => V(k({}, a), {
+          current: a.current + 1,
+          // total 要带上，否则翻页请求回来之前判空会误报“已经是最后一个了”
+          total: g,
           type: "next"
-        });
+        })));
       } else
         setTimeout(() => {
-          z(d);
-          const c = n[d];
-          p(c), s !== void 0 && (S.current[s] = {
-            index: d,
-            page: r.current || 1
+          N(c);
+          const l = r[c];
+          h(l), o !== void 0 && (b.current[o] = {
+            index: c,
+            page: d.current || 1
           });
         }, 0);
-      return a || n;
+      return r;
     });
-  }, oe = () => {
-    var a, i;
-    if (!m)
+  }, ue = () => {
+    var r, g;
+    if (!y)
       return;
-    let e;
-    if (t && m && ((a = t.labels) != null && a.length && s === "nocode" || !((i = t.labels) != null && i.length) && s === "hascode")) {
-      const d = m.findIndex((D) => D.id === t.id);
-      d > -1 && (m.splice(d, 1), e = [...m], r.total && (r.total = r.total - 1));
+    let t, n = d.total;
+    if (e && y && ((r = e.labels) != null && r.length && o === "nocode" || !((g = e.labels) != null && g.length) && o === "hascode")) {
+      const v = y.findIndex((i) => i.id === e.id);
+      v > -1 && (t = y.slice(0, v).concat(y.slice(v + 1)), n && (n = n - 1, D((i) => V(k({}, i), {
+        total: n
+      }))));
     }
-    const n = L - 1;
-    if (n < 0)
-      (r.current - 1) * r.pageSize + n < 0 ? N.error("已经是第一个了") : V({
-        current: r.current - 1,
-        pageSize: r.pageSize,
+    const f = t || y, c = O - 1;
+    if (c < 0)
+      (d.current - 1) * d.pageSize + c < 0 ? w.error("已经是第一个了") : L.current || (L.current = !0, D((i) => V(k({}, i), {
+        current: i.current - 1,
+        // total 要带上，否则翻页请求回来之前判空会误报“已经是最后一个了”
+        total: n,
         type: "prev"
-      });
+      })));
     else {
-      z(n);
-      const d = m[n];
-      p(d), s !== void 0 && (S.current[s] = {
-        index: n,
-        page: r.current || 1
+      N(c);
+      const v = f[c];
+      h(v), o !== void 0 && (b.current[o] = {
+        index: c,
+        page: d.current || 1
       });
     }
-    e && M(e);
+    t && B(t);
   };
-  X(() => {
-    f && v && C && t && (I == null || I.getDatasetsIdVersionsVidSsamplesSid(v, C, t.id).then((e) => {
-      p(e), G.current = JSON.parse(JSON.stringify(e));
-    }));
-  }, [t == null ? void 0 : t.id]), X(() => {
-    w.current && (w.current.width = w.current.offsetWidth, w.current.height = w.current.offsetHeight);
-  }, [w.current]);
-  const se = () => !t || !G.current ? !1 : JSON.stringify(t) !== JSON.stringify(G.current), ce = () => {
-    if (t)
-      if (se()) {
-        j(!0);
-        const e = t.confirmStatus === 1 ? W : J;
-        e == null || e(t).then((n) => {
-          n ? (oe(), T()) : N.error("保存失败");
+  W(() => {
+    if (!u || !C || !R || !e)
+      return;
+    const t = ++ae.current;
+    m == null || m.getDatasetsIdVersionsVidSsamplesSid(C, R, e.id).then((n) => {
+      t === ae.current && (h(n), _.current = JSON.parse(JSON.stringify(n)));
+    });
+  }, [e == null ? void 0 : e.id]), W(() => {
+    T.current && (T.current.width = T.current.offsetWidth, T.current.height = T.current.offsetHeight);
+  }, [T.current]);
+  const fe = () => !e || !_.current ? !1 : JSON.stringify(e) !== JSON.stringify(_.current), ge = () => {
+    if (e)
+      if (fe()) {
+        A(!0);
+        const t = e.confirmStatus === 1 ? Q : j;
+        t == null || t(e).then((n) => {
+          n ? (ue(), q()) : w.error("保存失败");
         }).finally(() => {
-          j(!1);
+          A(!1);
         });
       } else
-        oe();
-  }, de = () => {
-    if (t)
-      if (se()) {
-        j(!0);
-        const e = t.confirmStatus === 1 ? W : J;
-        e == null || e(t).then((n) => {
-          n ? (E(), T()) : N.error("保存失败");
+        ue();
+  }, xe = () => {
+    if (e)
+      if (fe()) {
+        A(!0);
+        const t = e.confirmStatus === 1 ? Q : j;
+        t == null || t(e).then((n) => {
+          n ? (H(), q()) : w.error("保存失败");
         }).finally(() => {
-          j(!1);
+          A(!1);
         });
       } else
-        E();
+        H();
   };
-  return /* @__PURE__ */ k(ze, {
-    children: [/* @__PURE__ */ k("div", {
+  return /* @__PURE__ */ P(Ve, {
+    children: [/* @__PURE__ */ P("div", {
       className: "ocr-box-detail-records-content",
-      children: [/* @__PURE__ */ k(ge, {
+      children: [/* @__PURE__ */ P(ye, {
         className: "ocr-box-detail-records-content-tabs",
-        activeKey: s,
-        onChange: (e) => {
-          L >= 0 && s !== void 0 && s !== null && (S.current[s] = {
-            index: L,
-            page: r.current || 1
+        activeKey: o,
+        onChange: (t) => {
+          O >= 0 && o !== void 0 && o !== null && (b.current[o] = {
+            index: O,
+            page: d.current || 1
           });
-          const n = S.current[e], a = (n == null ? void 0 : n.page) || 1;
-          V(U(R({}, r), {
-            current: a
-          })), xe(e), F == null || F(e);
+          const n = b.current[t], f = (n == null ? void 0 : n.page) || 1;
+          D(V(k({}, d), {
+            current: f
+          })), ve(t), X == null || X(t);
         },
-        children: [/* @__PURE__ */ g(K, {
-          tab: `全部（${Z}）`
-        }, ""), /* @__PURE__ */ g(K, {
-          tab: `未标注（${ee}）`
-        }, "nocode"), /* @__PURE__ */ g(K, {
-          tab: `待确认（${ne}）`
-        }, "pending"), /* @__PURE__ */ g(K, {
-          tab: `已标注（${Z - ee - ne}）`
+        children: [/* @__PURE__ */ x(G, {
+          tab: `全部（${re}）`
+        }, ""), /* @__PURE__ */ x(G, {
+          tab: `未标注（${se}）`
+        }, "nocode"), /* @__PURE__ */ x(G, {
+          tab: `待确认（${ce}）`
+        }, "pending"), /* @__PURE__ */ x(G, {
+          tab: `已标注（${re - se - ce}）`
         }, "hascode")]
-      }), m != null && m.length ? /* @__PURE__ */ g(Te, {
-        currentSample: t,
-        categories: pe,
-        onChange: (e) => {
-          p(e), M((n) => {
-            const a = n.findIndex((i) => i.id === e.id);
-            return n[a] = e, [...n];
+      }), y != null && y.length ? /* @__PURE__ */ x(Je, {
+        currentSample: e,
+        categories: be,
+        onChange: (t) => {
+          h(t), B((n) => {
+            const f = n.findIndex((c) => c.id === t.id);
+            return n[f] = t, [...n];
           });
         },
-        onNextClick: de,
-        onPrevClick: ce
-      }) : /* @__PURE__ */ g(Le, {})]
-    }), /* @__PURE__ */ k("div", {
+        onNextClick: xe,
+        onPrevClick: ge
+      }) : /* @__PURE__ */ x(De, {})]
+    }), /* @__PURE__ */ P("div", {
       className: "ocr-box-detail-footer",
-      children: [/* @__PURE__ */ g("div", {
+      children: [/* @__PURE__ */ x("div", {
         style: {
           width: "420px"
         }
-      }), /* @__PURE__ */ k(fe, {
-        children: [/* @__PURE__ */ g(A, {
+      }), /* @__PURE__ */ P(me, {
+        children: [/* @__PURE__ */ x(K, {
           type: "default",
-          onClick: ce,
-          disabled: $ || Q,
+          onClick: ge,
+          disabled: E || te,
           children: "上一张"
-        }, "prev"), /* @__PURE__ */ g(A, {
+        }, "prev"), /* @__PURE__ */ x(K, {
           type: "default",
-          onClick: de,
-          disabled: $ || Q,
+          onClick: xe,
+          disabled: E || te,
           children: "下一张"
         }, "next")]
-      }), /* @__PURE__ */ k(fe, {
+      }), /* @__PURE__ */ P(me, {
         style: {
           width: "420px",
           justifyContent: "flex-end"
         },
-        children: [/* @__PURE__ */ k("span", {
+        children: [/* @__PURE__ */ P("span", {
           className: "ocr-modal-label-num",
-          children: ["当前图片标注框数量：", ((le = t == null ? void 0 : t.labels) == null ? void 0 : le.length) || 0]
-        }), (t == null ? void 0 : t.confirmStatus) === 1 && /* @__PURE__ */ g(Ne, {
-          title: /* @__PURE__ */ g("span", {
+          children: ["当前图片标注框数量：", ((he = e == null ? void 0 : e.labels) == null ? void 0 : he.length) || 0]
+        }), (e == null ? void 0 : e.confirmStatus) === 1 && /* @__PURE__ */ x(Pe, {
+          title: /* @__PURE__ */ x("span", {
             style: {
               color: "#ff9800"
             },
             children: 'AI预标注数据,请"确认标注"完成审核'
           }),
           placement: "top",
-          children: /* @__PURE__ */ g(A, {
+          children: /* @__PURE__ */ x(K, {
             type: "primary",
             onClick: () => {
-              ke.confirm({
+              Te.confirm({
                 title: "确认",
                 content: "是否确认当前标注？",
                 onOk: () => {
-                  t && (B(!0), J(t).then((e) => {
-                    e ? (N.success("保存成功"), E(!0), T()) : N.error("保存失败");
+                  e && (F(!0), j(e).then((t) => {
+                    t ? (w.success("保存成功"), H(!0), q()) : w.error("保存失败");
                   }).finally(() => {
-                    B(!1);
+                    F(!1);
                   }));
                 }
               });
             },
-            disabled: !t || $,
+            disabled: !e || E,
             className: "ocr-confirm-label-btn",
             children: "确认标注"
           })
-        }), /* @__PURE__ */ g(A, {
-          disabled: !t || $,
+        }), /* @__PURE__ */ x(K, {
+          disabled: !e || E,
           type: "primary",
-          loading: Q,
+          loading: te,
           onClick: () => {
-            if (!t)
+            if (!e)
               return;
-            B(!0);
-            const e = t.confirmStatus === 1 ? W : J;
-            e == null || e(t).then((n) => {
-              n ? (N.success("保存成功"), E(), T()) : N.error("保存失败");
+            F(!0);
+            const t = e.confirmStatus === 1 ? Q : j;
+            t == null || t(e).then((n) => {
+              n ? (w.success("保存成功"), H(), q()) : w.error("保存失败");
             }).finally(() => {
-              B(!1);
+              F(!1);
             });
           },
           children: "保存标注"
@@ -352,5 +371,5 @@ const {
   });
 };
 export {
-  He as default
+  Qe as default
 };