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

package/dist/es/components/ClassificationAnnotation/index.mjs

@@ -1,355 +1,410 @@
-var Ye = Object.defineProperty, et = Object.defineProperties;
-var tt = Object.getOwnPropertyDescriptors;
-var Ne = Object.getOwnPropertySymbols;
-var lt = Object.prototype.hasOwnProperty, it = Object.prototype.propertyIsEnumerable;
-var ke = (D, c, o) => c in D ? Ye(D, c, { enumerable: !0, configurable: !0, writable: !0, value: o }) : D[c] = o, u = (D, c) => {
-  for (var o in c || (c = {}))
-    lt.call(c, o) && ke(D, o, c[o]);
-  if (Ne)
-    for (var o of Ne(c))
-      it.call(c, o) && ke(D, o, c[o]);
+var ot = Object.defineProperty, rt = Object.defineProperties;
+var lt = Object.getOwnPropertyDescriptors;
+var Ee = Object.getOwnPropertySymbols;
+var st = Object.prototype.hasOwnProperty, ct = Object.prototype.propertyIsEnumerable;
+var Me = (D, f, l) => f in D ? ot(D, f, { enumerable: !0, configurable: !0, writable: !0, value: l }) : D[f] = l, v = (D, f) => {
+  for (var l in f || (f = {}))
+    st.call(f, l) && Me(D, l, f[l]);
+  if (Ee)
+    for (var l of Ee(f))
+      ct.call(f, l) && Me(D, l, f[l]);
   return D;
-}, h = (D, c) => et(D, tt(c));
-import { jsx as n, jsxs as E } from "react/jsx-runtime";
-import { useRef as se, useState as d, useEffect as N } from "react";
-import { message as j, ConfigProvider as ot, Space as ce, Select as nt, Button as Te, Tabs as rt, Col as st, Tooltip as ct, Empty as we, Spin as Ee, Modal as at } from "antd";
-import dt from "rc-virtual-list";
-import { UploadZipsStatus as Y } from "@glodon-aiot/apis";
-import ft from "antd/es/locale/zh_CN";
-import ut from "../../DatasetContext/index.mjs";
-import ht from "../DetectionAnnotation/icon_item_empty.svg.mjs";
+}, b = (D, f) => rt(D, lt(f));
+import { jsx as s, jsxs as M } from "react/jsx-runtime";
+import { useRef as B, useState as h, useEffect as N } from "react";
+import { message as G, ConfigProvider as at, Space as ue, Select as dt, Button as Ae, Tabs as ft, Col as ut, Tooltip as ht, Empty as ze, Spin as Fe, Modal as mt } from "antd";
+import gt from "rc-virtual-list";
+import { UploadZipsStatus as ie } from "@glodon-aiot/apis";
+import vt from "antd/es/locale/zh_CN";
+import bt from "../../DatasetContext/index.mjs";
+import pt from "../DetectionAnnotation/icon_item_empty.svg.mjs";
 import "./style.less.mjs";
-import { tagColors as Me } from "../../utils/index.mjs";
-import { useKeyPress as mt } from "ahooks";
-import { SearchOutlined as bt } from "@ant-design/icons";
-import gt from "../../Common/Page/index.mjs";
-import vt from "../PageNav/index.mjs";
-import pt from "../Thumbnail/index.mjs";
-import Ct from "../CompositionInput/index.mjs";
-import It from "lodash/merge";
-import { DEFAULT_FILTER_SWITCH as St } from "../../constant.mjs";
-import xt from "../DetectionStatus/index.mjs";
-import yt from "./components/ClassificationImageModal/index.mjs";
-import Lt from "../DetectionAnnotation/components/Labels/index.mjs";
-import Dt from "../PicZipImportModal/index.mjs";
-import { Prompt as Vt } from "../hooks/Prompt.mjs";
-const Qt = (D) => {
-  var Le, De;
+import { tagColors as Pe } from "../../utils/index.mjs";
+import { scrollSampleIntoView as Ct, getVirtualListHolder as It } from "../../utils/scrollSampleIntoView.mjs";
+import { useKeyPress as xt } from "ahooks";
+import { SearchOutlined as St } from "@ant-design/icons";
+import Lt from "../../Common/Page/index.mjs";
+import yt from "../PageNav/index.mjs";
+import Vt from "../Thumbnail/index.mjs";
+import Dt from "../CompositionInput/index.mjs";
+import Nt from "lodash/merge";
+import { DEFAULT_FILTER_SWITCH as kt } from "../../constant.mjs";
+import wt from "../DetectionStatus/index.mjs";
+import Tt from "./components/ClassificationImageModal/index.mjs";
+import Rt from "../DetectionAnnotation/components/Labels/index.mjs";
+import Et from "../PicZipImportModal/index.mjs";
+import { Prompt as Mt } from "../hooks/Prompt.mjs";
+const ln = (D) => {
+  var ke, we;
   const {
-    services: c,
-    datasetId: o,
-    versionId: ee,
-    backTo: Re,
-    labelManager: ae = !1,
-    datasetManager: T = !1,
-    annotation: Ae,
-    header: m = {
+    services: f,
+    datasetId: l,
+    versionId: oe,
+    backTo: Ue,
+    labelManager: he = !1,
+    datasetManager: w = !1,
+    annotation: He,
+    header: C = {
       versionSelect: !1
     }
-  } = D, q = It(u({}, St), D.filterSwitch), _ = se(null), te = se(null), [C, ze] = d(), [i, G] = d(), [le, Ue] = d([]), [de, fe] = d(!1), [H, Fe] = d(0), [J, Be] = d(0), [a, ie] = d(""), [A, He] = d(0), [w, ue] = d([]), [b, oe] = d([]), [he, K] = d(!1), [P, z] = d(!1), [M, v] = d(-1), [I, p] = d(), [S, y] = d(), [x, V] = d({
+  } = D, J = Nt(v({}, kt), D.filterSwitch), K = B(null), re = B(null), [L, Oe] = h(), [o, Q] = h(), [le, Be] = h([]), [me, ge] = h(!1), [Z, Ke] = h(0), [X, Ze] = h(0), [c, se] = h(""), [F, qe] = h(0), [T, ve] = h([]), [p, ce] = h([]), [be, q] = h(!1), [W, P] = h(!1), [R, I] = h(-1), [m, x] = h(), [y, S] = h(), [a, V] = h({
     current: 0,
     pageSize: 100
-  }), [Z, ne] = d([]), [O, Ke] = d(""), U = se({}), [Pe, Ze] = d(), [me, be] = d(!1), [ge, Oe] = d(!1), [ve, We] = d(!0), [$e, je] = d(!1), [W, qe] = d(""), pe = () => {
-    p(void 0), y(void 0), v(-1), K(!1), Q(), setTimeout(() => {
-      V((e) => h(u({}, e), {
+  }), [$, ae] = h([]), [j, We] = h(""), A = B({}), de = B(void 0), Y = B(!1), ee = B(!1), [$e, je] = h(), [pe, Ce] = h(!1), [Ie, _e] = h(!1), [xe, Ge] = h(!0), [Je, Qe] = h(!1), [_, Xe] = h(""), Se = () => {
+    x(void 0), S(void 0), I(-1), q(!1), te(), setTimeout(() => {
+      V((e) => b(v({}, e), {
         current: 1,
         type: void 0
       }));
     }, 10);
   };
-  mt("Esc", pe), N(() => {
-    o && c.cvforceDatahub.getS3Iam(o).then((e) => {
-      Ze(e);
+  xt("Esc", Se), N(() => {
+    l && f.cvforceDatahub.getS3Iam(l).then((e) => {
+      je(e);
     });
-  }, [o, c.cvforceDatahub]), N(() => {
-    o && (fe(!0), Promise.all([c.cvforceDatahub.getDatasetsId(o).then(ze), c.cvforceDatahub.getDatasetsIdVersions(o, 1, 1e3).then((e) => {
-      Ue(e.recordList), G(ee ? e.recordList.find((t) => t.id === ee) : e.recordList[0]);
-    })]).finally(() => fe(!1)));
-  }, [o, ee]), N(() => {
+  }, [l, f.cvforceDatahub]), N(() => {
+    l && (ge(!0), Promise.all([f.cvforceDatahub.getDatasetsId(l).then(Oe), f.cvforceDatahub.getDatasetsIdVersions(l, 1, 1e3).then((e) => {
+      Be(e.recordList), Q(oe ? e.recordList.find((n) => n.id === oe) : e.recordList[0]);
+    })]).finally(() => ge(!1)));
+  }, [l, oe]), N(() => {
     k();
-  }, [i == null ? void 0 : i.id, O]), N(() => {
-    Q();
-  }, [i, a]), N(() => {
-    !i || !C || $(h(u({}, x), {
+  }, [o == null ? void 0 : o.id, j]), N(() => {
+    te();
+  }, [o, c]), N(() => {
+    !o || !L || U(b(v({}, a), {
       current: 1
     }));
-  }, [C == null ? void 0 : C.id, i == null ? void 0 : i.id, Z, O]), N(() => {
-    $().then(() => {
+  }, [L == null ? void 0 : L.id, o == null ? void 0 : o.id, $, j]), N(() => {
+    if (Y.current) {
+      Y.current = !1;
+      return;
+    }
+    if (de.current === a.current) {
+      de.current = void 0, k();
+      return;
+    }
+    U().then(() => {
     }), k();
-  }, [x.current]), N(() => {
-    P || (p(void 0), y(void 0), K(!1), v(-1), Q(), k());
-  }, [P]), N(() => {
-    !i || !C || $(h(u({}, x), {
+  }, [a.current]), N(() => {
+    let e;
+    if (!W) {
+      const n = m == null ? void 0 : m.id, t = R;
+      x(void 0), S(void 0), q(!1), I(-1), te(), k(), n !== void 0 && (e = requestAnimationFrame(() => {
+        Ct(It(K.current), n, t);
+      }));
+    }
+    return () => {
+      e !== void 0 && cancelAnimationFrame(e);
+    };
+  }, [W]), N(() => {
+    if (!o || !L)
+      return;
+    const e = A.current[c], n = a.pageSize || 100;
+    (e && e.page > 1 ? U(b(v({}, a), {
       current: 1,
+      pageSize: e.page * n,
       total: void 0
-    })).then((e) => {
-      if (!(!e || !Array.isArray(e)) && !(!I && !P))
-        if (e.length > 0) {
-          const t = U.current[a], l = t !== void 0 && t >= 0 && t < e.length ? t : 0;
-          v(l), p(e[l]), y(void 0);
+    })).then((r) => (de.current = e.page, V((i) => b(v({}, i), {
+      current: e.page,
+      pageSize: n
+    })), r)) : U(b(v({}, a), {
+      current: 1,
+      total: void 0
+    }))).then((r) => {
+      if (!(!r || !Array.isArray(r)) && !(!m && !W))
+        if (r.length > 0) {
+          const i = e == null ? void 0 : e.index, d = i !== void 0 && i >= 0 && i < r.length ? i : 0;
+          I(d), x(r[d]), S(void 0);
         } else
-          p(void 0), y(void 0), v(-1), V((t) => h(u({}, t), {
+          x(void 0), S(void 0), I(-1), V((i) => b(v({}, i), {
             current: 1
           }));
     });
-  }, [a]), N(() => {
-    V(a === "nocode" ? (e) => h(u({}, e), {
-      total: H
-    }) : a === "" ? (e) => h(u({}, e), {
-      total: A
-    }) : a === "pending" ? (e) => h(u({}, e), {
-      total: J
-    }) : (e) => h(u({}, e), {
-      total: A - H - J
+  }, [c]), N(() => {
+    V(c === "nocode" ? (e) => b(v({}, e), {
+      total: Z
+    }) : c === "" ? (e) => b(v({}, e), {
+      total: F
+    }) : c === "pending" ? (e) => b(v({}, e), {
+      total: X
+    }) : (e) => b(v({}, e), {
+      total: F - Z - X
     }));
-  }, [H, A, J]);
-  const Ce = () => {
-    var e, t;
-    (t = (e = _.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
+  }, [Z, F, X]);
+  const Le = () => {
+    var e, n;
+    (n = (e = K.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || n.scrollTo({
       top: 0
     });
-  }, Ie = () => {
-    !o || !i || c.cvforceDatahub.getDatasetsIdVersionsVid(o, i.id).then((e) => {
-      var t, l;
-      G(e), qe((l = (t = e.versionAsyncTask) == null ? void 0 : t.state) != null ? l : "");
+  }, ye = () => {
+    !l || !o || f.cvforceDatahub.getDatasetsIdVersionsVid(l, o.id).then((e) => {
+      var n, t;
+      Q(e), Xe((t = (n = e.versionAsyncTask) == null ? void 0 : n.state) != null ? t : "");
     });
   };
   N(() => {
-    W !== Y.Pending && W !== Y.Started || j.warning("文件导入中，请刷新页面再试");
-  }, [W]), N(() => {
-    je(!ve && ge);
-  }, [ve, ge]), N(() => {
-    o && (i != null && i.id) && Ie();
-  }, [o, i == null ? void 0 : i.id]);
+    _ !== ie.Pending && _ !== ie.Started || G.warning("文件导入中，请刷新页面再试");
+  }, [_]), N(() => {
+    Qe(!xe && Ie);
+  }, [xe, Ie]), N(() => {
+    l && (o != null && o.id) && ye();
+  }, [l, o == null ? void 0 : o.id]);
   const k = () => {
-    !o || !i || c.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(o, i.id, {
+    !l || !o || f.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(l, o.id, {
       label: "allcode",
-      searchName: O
+      searchName: j
     }).then((e) => {
-      var s, g, L;
-      const t = e == null ? void 0 : e.find((f) => f.id === "allcodeid"), l = e == null ? void 0 : e.find((f) => f.id === "nocodeid"), r = e == null ? void 0 : e.find((f) => f.id === "pendingid");
-      He((s = t == null ? void 0 : t.count) != null ? s : 0), Fe((g = l == null ? void 0 : l.count) != null ? g : 0), Be((L = r == null ? void 0 : r.count) != null ? L : 0);
+      var i, d, u;
+      const n = e == null ? void 0 : e.find((g) => g.id === "allcodeid"), t = e == null ? void 0 : e.find((g) => g.id === "nocodeid"), r = e == null ? void 0 : e.find((g) => g.id === "pendingid");
+      qe((i = n == null ? void 0 : n.count) != null ? i : 0), Ke((d = t == null ? void 0 : t.count) != null ? d : 0), Ze((u = r == null ? void 0 : r.count) != null ? u : 0);
     });
-  }, Q = () => {
-    if (!(!o || !(i != null && i.id)))
-      return c.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(o, i.id, {}).then((e) => {
-        const l = (e || []).filter((r) => r.label !== "nocode").map((r, s) => ({
+  }, te = () => {
+    if (!(!l || !(o != null && o.id)))
+      return f.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(l, o.id, {}).then((e) => {
+        const t = (e || []).filter((r) => r.label !== "nocode").map((r, i) => ({
           label: r.label,
           count: r.count,
           id: r.id,
-          color: Me[s % 40]
+          color: Pe[i % 40]
         }));
-        return ue(l), e;
+        return ve(t), e;
       });
-  }, $ = (e, t) => {
-    const l = (e == null ? void 0 : e.current) || x.current, r = (e == null ? void 0 : e.pageSize) || x.pageSize;
-    if (!o || !i || !l)
+  }, U = (e, n) => {
+    const t = (e == null ? void 0 : e.current) || a.current, r = (e == null ? void 0 : e.pageSize) || a.pageSize;
+    if (!l || !o || !t)
       return Promise.resolve(!1);
-    const s = Z.map((L) => L.label), g = () => {
-      switch (a) {
+    const i = $.map((u) => u.label), d = () => {
+      switch (c) {
         case "nocode":
           return "nocode";
         case "hascode":
-          return s.length ? s : "hascode";
+          return i.length ? i : "hascode";
         default:
-          return s.length ? s : void 0;
+          return i.length ? i : void 0;
       }
     };
-    return l === 1 && Ce(), V((L) => h(u({}, L), {
-      current: l,
+    return t === 1 && Le(), V((u) => b(v({}, u), {
+      current: t,
       pageSize: r
-    })), c.cvforceDatahub.getDatasetsIdVersionsVidSamples(o, i.id, {
-      pageNo: l,
+    })), f.cvforceDatahub.getDatasetsIdVersionsVidSamples(l, o.id, {
+      pageNo: t,
       pageSize: r,
-      labels: g(),
-      searchName: O
-    }).then((L) => {
-      const f = L.recordList || [], R = l === 1 ? f : [...t || b, ...f];
-      return oe(R), V((X) => h(u({}, X), {
-        current: l,
+      labels: d(),
+      searchName: j
+    }).then((u) => {
+      const g = u.recordList || [], E = t === 1 ? g : [...n || p, ...g];
+      return ce(E), V((z) => b(v({}, z), {
+        current: t,
         pageSize: r,
-        total: L.totalResults
-      })), (e == null ? void 0 : e.type) === "next" && f.length && (v(0), p(f[0])), (e == null ? void 0 : e.type) === "prev" && f.length && (v(r - 1), p(f[f.length - 1])), he && M < 0 && f.length && (v(0), p(f[0]), z(!0)), R;
+        total: u.totalResults
+      })), (e == null ? void 0 : e.type) === "next" && g.length && (I(0), x(g[0])), (e == null ? void 0 : e.type) === "prev" && g.length && (I(r - 1), x(g[g.length - 1])), be && R < 0 && g.length && (I(0), x(g[0]), P(!0)), E;
     }).catch(() => !1);
-  }, _e = (e) => {
-    b && (K(!1), v(e), p(b[e]), y(void 0), z(!0), a !== void 0 && (U.current[a] = e));
+  }, Ye = (e) => {
+    p && (q(!1), I(e), x(p[e]), S(void 0), P(!0), c !== void 0 && (A.current[c] = {
+      index: e,
+      page: a.current || 1
+    }));
   };
   N(() => {
-    var t, l, r;
-    if (!S)
+    var n, t, r;
+    if (!y)
       return;
     const e = [];
-    (t = S.labels) == null || t.forEach((s) => {
-      w != null && w.find((g) => g.id === s.id) && e.push(s);
-    }), e.length !== ((r = (l = S.labels) == null ? void 0 : l.length) != null ? r : 0) && y(h(u({}, S), {
+    (n = y.labels) == null || n.forEach((i) => {
+      T != null && T.find((d) => d.id === i.id) && e.push(i);
+    }), e.length !== ((r = (t = y.labels) == null ? void 0 : t.length) != null ? r : 0) && S(b(v({}, y), {
       labels: e
     }));
-  }, [w]);
-  const re = () => {
-    if (!i)
+  }, [T]);
+  const fe = (e) => {
+    const n = (e == null ? void 0 : e.updateCurrentOnRemove) !== !1;
+    if (ee.current = !1, !o)
       return Promise.resolve(!1);
-    const e = S != null ? S : I;
-    if (!e || !S)
+    const t = y != null ? y : m;
+    if (!t || !y)
       return Promise.resolve(!0);
-    const t = (I == null ? void 0 : I.labels) || [], l = (S.labels || []).filter((s) => !!s.id);
-    if (t.length === l.length && l.every((s, g) => {
-      var L;
-      return ((L = t[g]) == null ? void 0 : L.id) === s.id;
+    const r = (m == null ? void 0 : m.labels) || [], i = (y.labels || []).filter((u) => !!u.id);
+    if (r.length === i.length && i.every((u, g) => {
+      var E;
+      return ((E = r[g]) == null ? void 0 : E.id) === u.id;
     }))
       return Promise.resolve(!0);
-    const r = h(u({}, e), {
-      labels: l.map((s) => {
+    const d = b(v({}, t), {
+      labels: i.map((u) => {
         var g;
-        return h(u({}, s), {
-          box: (g = s.box) != null ? g : []
+        return b(v({}, u), {
+          box: (g = u.box) != null ? g : []
         });
       }),
-      isLabeled: l.length > 0
+      isLabeled: i.length > 0
     });
-    return c.cvforceDatahub.updateSamples(o, i.id, [r]).then(() => {
-      var g, L;
-      j.success({
+    return f.cvforceDatahub.updateSamples(l, o.id, [d]).then(() => {
+      var g, E;
+      G.success({
         content: "保存成功"
       });
-      const s = a === "nocode" && ((g = r.labels) == null ? void 0 : g.length) || a === "hascode" && !((L = r.labels) != null && L.length);
-      return oe((f) => {
-        const R = f.findIndex((F) => F.id === r.id);
-        if (R === -1)
-          return f;
-        if (s) {
-          const F = f.slice(0, R).concat(f.slice(R + 1));
-          if (V((B) => h(u({}, B), {
-            total: B.total != null ? Math.max(0, B.total - 1) : void 0
-          })), F.length === 0)
-            p(void 0), y(void 0), v(-1), z(!1);
-          else {
-            const B = Math.min(M, F.length - 1), Ve = F[B];
-            Ve != null && (p(Ve), v(B), y(void 0));
+      const u = c === "nocode" && ((g = d.labels) == null ? void 0 : g.length) || c === "hascode" && !((E = d.labels) != null && E.length);
+      return ee.current = !!u, ce((z) => {
+        const ne = z.findIndex((H) => H.id === d.id);
+        if (ne === -1)
+          return z;
+        if (u) {
+          const H = z.slice(0, ne).concat(z.slice(ne + 1));
+          if (V((O) => b(v({}, O), {
+            total: O.total != null ? Math.max(0, O.total - 1) : void 0
+          })), H.length === 0)
+            x(void 0), S(void 0), I(-1), P(!1);
+          else if (n) {
+            const O = Math.min(R, H.length - 1), Re = H[O];
+            Re != null && (x(Re), I(O), S(void 0));
           }
-          return F;
+          return H;
         }
-        const X = [...f];
-        return X[R] = r, X;
-      }), s || (p(r), y(r)), !0;
+        const Te = [...z];
+        return Te[ne] = d, Te;
+      }), u || (x(d), S(d)), !0;
     }).catch(() => !1);
-  }, Se = () => {
-    b && re().then((e) => {
-      if (!e)
+  }, Ve = () => {
+    if (!p)
+      return;
+    const e = m == null ? void 0 : m.id;
+    fe().then((n) => {
+      if (!n)
         return;
       k();
-      const t = M + 1;
-      t >= b.length ? x.total != null && t >= x.total ? j.error("已经是最后一个了") : $({
-        current: x.current + 1,
-        pageSize: x.pageSize,
+      const t = ee.current, r = t ? p.filter((u) => u.id !== e) : p, i = t ? R : R + 1, d = a.total != null ? a.total - (t ? 1 : 0) : void 0;
+      t && r.length === 0 || (i >= r.length ? d != null && i >= d ? G.error("已经是最后一个了") : U({
+        current: a.current + 1,
+        pageSize: a.pageSize,
         type: "next"
-      }, b).then((l) => {
-        Array.isArray(l) && (v(t), p(l[t]), y(void 0), a !== void 0 && (U.current[a] = t));
+      }, r).then((u) => {
+        Array.isArray(u) && (I(i), x(u[i]), S(void 0), c !== void 0 && (A.current[c] = {
+          index: i,
+          page: a.current + 1
+        }));
       }) : setTimeout(() => {
-        v(t), p(b[t]), y(void 0), a !== void 0 && (U.current[a] = t);
-      }, 200);
+        I(i), x(r[i]), S(void 0), c !== void 0 && (A.current[c] = {
+          index: i,
+          page: a.current || 1
+        });
+      }, 200));
     });
-  }, Ge = () => {
-    b && re().then((e) => {
-      if (!e)
+  }, et = () => {
+    if (!p)
+      return;
+    const e = m == null ? void 0 : m.id;
+    fe({
+      updateCurrentOnRemove: !1
+    }).then((n) => {
+      if (!n)
         return;
       k();
-      const t = M - 1;
-      t < 0 ? j.error("已经是第一个了") : setTimeout(() => {
-        v(t), p(b[t]), y(void 0), a !== void 0 && (U.current[a] = t);
-      }, 200);
+      const t = ee.current, r = t ? p.filter((d) => d.id !== e) : p, i = R - 1;
+      i < 0 ? (G.error("已经是第一个了"), t && r.length > 0 ? (I(0), x(r[0]), S(void 0), c !== void 0 && (A.current[c] = {
+        index: 0,
+        page: a.current || 1
+      })) : S(void 0)) : (I(i), x(p[i]), S(void 0), c !== void 0 && (A.current[c] = {
+        index: i,
+        page: a.current || 1
+      }));
     });
-  }, Je = () => {
+  }, tt = () => {
     var e;
-    if ((e = S == null ? void 0 : S.labels) != null && e.some((t) => !t.id))
-      return j.error("请选择标签"), Promise.resolve(!1);
-    Se();
-  }, Qe = () => {
-    at.confirm({
+    if ((e = y == null ? void 0 : y.labels) != null && e.some((n) => !n.id))
+      return G.error("请选择标签"), Promise.resolve(!1);
+    Ve();
+  }, nt = () => {
+    mt.confirm({
       title: "确认要删除当前数据吗？",
       content: "数据包含当前标注的内容和图片，删除后无法恢复，请确认是否删除！",
       onOk: () => {
-        !I || !i || c.cvforceDatahub.delDatasetsIdVersionsVidSamplesId(o, i.id, I.id).then(() => {
-          const e = b.findIndex((l) => l.id === I.id), t = [...b];
-          if (t.splice(e, 1), oe(t), V((l) => h(u({}, l), {
-            total: l.total != null ? l.total - 1 : 0
-          })), t.length > 0) {
-            const l = e < t.length ? e : e - 1;
-            p(t[l]), v(l);
+        !m || !o || f.cvforceDatahub.delDatasetsIdVersionsVidSamplesId(l, o.id, m.id).then(() => {
+          const e = p.findIndex((t) => t.id === m.id), n = [...p];
+          if (n.splice(e, 1), ce(n), V((t) => b(v({}, t), {
+            total: t.total != null ? t.total - 1 : 0
+          })), n.length > 0) {
+            const t = e < n.length ? e : e - 1;
+            x(n[t]), I(t);
           } else
-            p(void 0), y(void 0), v(-1), z(!1), V((l) => h(u({}, l), {
+            x(void 0), S(void 0), I(-1), P(!1), V((t) => b(v({}, t), {
               current: 1
             }));
-          y(void 0), k();
+          S(void 0), k();
         });
       }
     });
-  }, xe = (e) => {
-    M >= 0 && a !== void 0 && a !== null && (U.current[a] = M), S ? re().then((t) => {
-      t && (ie(e), k());
-    }) : (V((t) => h(u({}, t), {
+  }, De = (e) => {
+    R >= 0 && c !== void 0 && c !== null && (A.current[c] = {
+      index: R,
+      page: a.current || 1
+    });
+    const n = (a.current || 1) !== 1;
+    y ? fe().then((t) => {
+      t && (Y.current = n, se(e), k());
+    }) : (Y.current = n, V((t) => b(v({}, t), {
       current: 1,
       total: void 0
-    })), ie(e)), e === "nocode" && ne([]);
-  }, ye = [{
+    })), se(e)), e === "nocode" && ae([]);
+  }, Ne = [{
     key: "",
-    label: `全部（${A}）`,
+    label: `全部（${F}）`,
     children: null
   }, {
     key: "nocode",
-    label: `未标注（${H}）`,
+    label: `未标注（${Z}）`,
     children: null
   }, {
     key: "hascode",
-    label: `已标注（${A - H - J}）`,
+    label: `已标注（${F - Z - X}）`,
     children: null
-  }], Xe = (e) => {
-    var l;
-    const t = e.currentTarget;
-    (x.total == null || x.total > b.length) && t.scrollHeight - t.scrollTop === ((l = _.current) == null ? void 0 : l.clientHeight) && V((r) => h(u({}, r), {
+  }], it = (e) => {
+    var t;
+    const n = e.currentTarget;
+    (a.total == null || a.total > p.length) && n.scrollHeight - n.scrollTop === ((t = K.current) == null ? void 0 : t.clientHeight) && V((r) => b(v({}, r), {
       current: r.current + 1
     }));
   };
-  return /* @__PURE__ */ n(ot, {
-    locale: ft,
-    children: /* @__PURE__ */ n(ut.Provider, {
+  return /* @__PURE__ */ s(at, {
+    locale: vt,
+    children: /* @__PURE__ */ s(bt.Provider, {
       value: {
-        datasetId: o,
-        versionId: (i == null ? void 0 : i.id) || "",
-        no: (i == null ? void 0 : i.no) || "",
-        loading: de,
-        version: i,
+        datasetId: l,
+        versionId: (o == null ? void 0 : o.id) || "",
+        no: (o == null ? void 0 : o.no) || "",
+        loading: me,
+        version: o,
         versions: le,
-        samples: b,
-        pagination: x,
-        services: c,
+        samples: p,
+        pagination: a,
+        services: f,
         featuresConfig: {
-          labelManager: ae,
-          datasetManager: T,
-          annotation: Ae,
-          filterSwitch: q,
-          header: m,
+          labelManager: he,
+          datasetManager: w,
+          annotation: He,
+          filterSwitch: J,
+          header: C,
           exampleSrcRoot: D.exampleSrcRoot
         }
       },
-      children: C ? C.markType === "classification" ? /* @__PURE__ */ n("div", {
+      children: L ? L.markType === "classification" ? /* @__PURE__ */ s("div", {
         className: "classification-version-detail",
-        children: /* @__PURE__ */ E(gt, {
+        children: /* @__PURE__ */ M(Lt, {
           className: "product-details-page",
-          header: m !== !1 ? /* @__PURE__ */ n(vt, {
-            backTo: Re,
-            onBackClick: m != null && m.onBackClick ? () => {
+          header: C !== !1 ? /* @__PURE__ */ s(yt, {
+            backTo: Ue,
+            onBackClick: C != null && C.onBackClick ? () => {
               var e;
-              I && pe(), (e = m == null ? void 0 : m.onBackClick) == null || e.call(m);
+              m && Se(), (e = C == null ? void 0 : C.onBackClick) == null || e.call(C);
             } : void 0,
-            left: !de && /* @__PURE__ */ E(ce, {
-              children: [/* @__PURE__ */ n("span", {
+            left: !me && /* @__PURE__ */ M(ue, {
+              children: [/* @__PURE__ */ s("span", {
                 style: {
                   fontWeight: "bold"
                 },
-                children: C == null ? void 0 : C.name
-              }), /* @__PURE__ */ n(nt, {
-                disabled: (m == null ? void 0 : m.versionSelect) === !1,
-                value: i == null ? void 0 : i.id,
+                children: L == null ? void 0 : L.name
+              }), /* @__PURE__ */ s(dt, {
+                disabled: (C == null ? void 0 : C.versionSelect) === !1,
+                value: o == null ? void 0 : o.id,
                 style: {
                   width: 70
                 },
@@ -358,133 +413,134 @@ const Qt = (D) => {
                   value: e.id
                 })),
                 onChange: (e) => {
-                  var l;
-                  const t = le.find((r) => r.id === e);
-                  t && (G(t), (l = m == null ? void 0 : m.onVersionChange) == null || l.call(m, t));
+                  var t;
+                  const n = le.find((r) => r.id === e);
+                  n && (Q(n), (t = C == null ? void 0 : C.onVersionChange) == null || t.call(C, n));
                 }
               })]
             }),
-            right: /* @__PURE__ */ E(ce, {
-              children: [!I && T && T.add && /* @__PURE__ */ n(Te, {
+            right: /* @__PURE__ */ M(ue, {
+              children: [!m && w && w.add && /* @__PURE__ */ s(Ae, {
                 type: "default",
-                onClick: () => be(!0),
-                disabled: W === Y.Pending || W === Y.Started,
+                onClick: () => Ce(!0),
+                disabled: _ === ie.Pending || _ === ie.Started,
                 children: "导入数据"
-              }), !I && T && T.label && /* @__PURE__ */ n(Te, {
+              }), !m && w && w.label && /* @__PURE__ */ s(Ae, {
                 type: "primary",
                 onClick: () => {
-                  I || ie("nocode"), K(!0), v(-1), a === "nocode" && (b != null && b.length) && (v(0), p(b[0])), z(!0);
+                  m || se("nocode"), q(!0), I(-1), c === "nocode" && (p != null && p.length) && (I(0), x(p[0])), P(!0);
                 },
                 children: "开始标注"
-              }), /* @__PURE__ */ n(Vt, {
-                when: $e,
+              }), /* @__PURE__ */ s(Mt, {
+                when: Je,
                 content: "确认要离开此页面吗？",
                 subContent: "离开此页面后，将结束导入，放弃未上传的文件，请谨慎操作！"
-              }), me && /* @__PURE__ */ n(Dt, {
-                datasetIam: Pe,
-                datasetId: o,
-                currentVersion: i,
-                tenCode: C == null ? void 0 : C.tenantCode,
-                isVisible: me,
-                setIsVisible: be,
+              }), pe && /* @__PURE__ */ s(Et, {
+                datasetIam: $e,
+                datasetId: l,
+                currentVersion: o,
+                tenCode: L == null ? void 0 : L.tenantCode,
+                isVisible: pe,
+                setIsVisible: Ce,
                 getVersionListRequest: k,
-                setIsConfirm: We,
+                setIsConfirm: Ge,
                 onUploadStatusChange: (e) => {
-                  Oe(e);
+                  _e(e);
                 },
                 tableReload: () => {
                   var e;
-                  i != null && i.id && (Ce(), $(h(u({}, x), {
+                  o != null && o.id && (Le(), U(b(v({}, a), {
                     current: 1
-                  })), (e = te.current) == null || e.fetchLabels());
+                  })), (e = re.current) == null || e.fetchLabels());
                 },
-                loadVersionData: Ie,
-                markType: C == null ? void 0 : C.markType
+                loadVersionData: ye,
+                markType: L == null ? void 0 : L.markType
               })]
             })
           }) : void 0,
-          children: [/* @__PURE__ */ n("div", {
+          children: [/* @__PURE__ */ s("div", {
             className: "detection-header",
-            children: /* @__PURE__ */ E(ce, {
-              children: [q.tabs && /* @__PURE__ */ n(rt, {
+            children: /* @__PURE__ */ M(ue, {
+              children: [J.tabs && /* @__PURE__ */ s(ft, {
                 className: "header-tab",
-                activeKey: a,
-                items: ye,
-                onChange: xe
-              }), !I && q.search && /* @__PURE__ */ n(Ct, {
+                activeKey: c,
+                items: Ne,
+                onChange: De
+              }), !m && J.search && /* @__PURE__ */ s(Dt, {
                 placeholder: "请输入图片名称搜索",
-                suffix: /* @__PURE__ */ n(bt, {}),
-                value: O,
-                onChange: Ke,
+                suffix: /* @__PURE__ */ s(St, {}),
+                value: j,
+                onChange: We,
                 allowClear: !0
               })]
             })
-          }), /* @__PURE__ */ E("div", {
+          }), /* @__PURE__ */ M("div", {
             className: "d-row",
-            children: [/* @__PURE__ */ E("div", {
+            children: [/* @__PURE__ */ M("div", {
               className: "d-right",
-              ref: _,
-              children: [P && /* @__PURE__ */ n(yt, {
-                datasetId: o,
-                isImageDetailVisible: P,
-                setIsImageDetailVisible: z,
-                currentSample: S != null ? S : I,
-                labels: w,
-                previewMode: !he,
-                filterItems: ye,
-                filterMode: a,
-                onFilterChange: xe,
-                onChange: y,
-                onNextClick: Se,
-                onPrevClick: Ge,
-                onSave: Je,
-                onEnterEdit: () => K(!0),
-                onDeleteSample: Qe,
+              ref: K,
+              children: [W && /* @__PURE__ */ s(Tt, {
+                datasetId: l,
+                isImageDetailVisible: W,
+                setIsImageDetailVisible: P,
+                currentSample: y != null ? y : m,
+                labels: T,
+                previewMode: !be,
+                filterItems: Ne,
+                filterMode: c,
+                onFilterChange: De,
+                onChange: S,
+                onNextClick: Ve,
+                onPrevClick: et,
+                onSave: tt,
+                onEnterEdit: () => q(!0),
+                onDeleteSample: nt,
                 onRefresh: () => {
-                  var e, t;
-                  (e = Q()) == null || e.then(() => k()), (t = te.current) == null || t.fetchLabels();
+                  var e, n;
+                  (e = te()) == null || e.then(() => k()), (n = re.current) == null || n.fetchLabels();
                 },
                 isPreLabel: !1,
                 imgCount: {
-                  total: A,
-                  index: M + 1
+                  total: F,
+                  index: R + 1
                 },
-                settingHide: !ae,
-                canLabel: !!(T && T.label),
-                canDelete: !!(T && T.delete)
-              }), I ? /* @__PURE__ */ n("div", {}) : x.total !== void 0 && x.total > 0 ? /* @__PURE__ */ n(dt, {
+                settingHide: !he,
+                canLabel: !!(w && w.label),
+                canDelete: !!(w && w.delete)
+              }), a.total !== void 0 && a.total > 0 ? /* @__PURE__ */ s(gt, {
                 innerProps: {
                   className: "d-right-row"
                 },
-                data: b,
+                data: p,
                 itemKey: "id",
-                height: (De = (Le = _.current) == null ? void 0 : Le.clientHeight) != null ? De : 600,
-                onScroll: Xe,
-                children: (e, t) => {
-                  var l;
-                  return /* @__PURE__ */ n(st, {
+                height: (we = (ke = K.current) == null ? void 0 : ke.clientHeight) != null ? we : 600,
+                onScroll: it,
+                children: (e, n) => {
+                  var t;
+                  return /* @__PURE__ */ s(ut, {
                     className: "d-right-col",
-                    onClick: () => _e(t),
-                    children: /* @__PURE__ */ E("div", {
+                    "data-sample-id": e.id,
+                    onClick: () => Ye(n),
+                    children: /* @__PURE__ */ M("div", {
                       className: "right-col-wrapper",
-                      children: [/* @__PURE__ */ n("div", {
+                      children: [/* @__PURE__ */ s("div", {
                         className: "detection-status-wrapper",
-                        children: /* @__PURE__ */ n(xt, {
+                        children: /* @__PURE__ */ s(wt, {
                           sample: e
                         })
-                      }), /* @__PURE__ */ n("div", {
+                      }), /* @__PURE__ */ s("div", {
                         className: "right-col-img",
-                        children: /* @__PURE__ */ n(pt, {
+                        children: /* @__PURE__ */ s(Vt, {
                           fileKey: e.fileKey,
                           width: 124,
                           thumbnailUrl: e.thumbnailUrl
                         })
-                      }), /* @__PURE__ */ E("div", {
+                      }), /* @__PURE__ */ M("div", {
                         className: "right-col-text",
-                        children: [(l = e.labels) != null && l.length ? /* @__PURE__ */ n(ct, {
+                        children: [(t = e.labels) != null && t.length ? /* @__PURE__ */ s(ht, {
                           placement: "top",
                           title: e.labels[0].label,
-                          children: /* @__PURE__ */ n("span", {
+                          children: /* @__PURE__ */ s("span", {
                             style: {
                               display: "inline-block",
                               maxWidth: "calc(100% - 25px)",
@@ -494,45 +550,45 @@ const Qt = (D) => {
                             },
                             children: e.labels[0].label
                           })
-                        }) : /* @__PURE__ */ n("span", {
+                        }) : /* @__PURE__ */ s("span", {
                           style: {
                             color: "rgba(0,0,0,0.45)",
                             width: "100%"
                           },
                           children: "无标签"
-                        }), /* @__PURE__ */ n("div", {
-                          children: t + 1
+                        }), /* @__PURE__ */ s("div", {
+                          children: n + 1
                         })]
                       })]
                     })
                   }, e.id);
                 }
-              }) : /* @__PURE__ */ n("div", {
+              }) : /* @__PURE__ */ s("div", {
                 className: "empty",
-                children: x.total === 0 ? /* @__PURE__ */ n(we, {
-                  image: ht,
+                children: a.total === 0 ? /* @__PURE__ */ s(ze, {
+                  image: pt,
                   description: "暂无数据"
-                }) : /* @__PURE__ */ n(Ee, {})
+                }) : /* @__PURE__ */ s(Fe, {})
               })]
-            }), a !== "nocode" && !I && q.labels && /* @__PURE__ */ n("div", {
+            }), c !== "nocode" && J.labels && /* @__PURE__ */ s("div", {
               className: "d-sider",
-              children: /* @__PURE__ */ n(Lt, {
-                ref: te,
-                datasetId: o,
-                data: w || [],
-                selected: Z,
+              children: /* @__PURE__ */ s(Rt, {
+                ref: re,
+                datasetId: l,
+                data: T || [],
+                selected: $,
                 onSelectedChange: (e) => {
-                  ne((w == null ? void 0 : w.filter((t) => e.find((l) => l.label === t.label))) || []);
+                  ae((T == null ? void 0 : T.filter((n) => e.find((t) => t.label === n.label))) || []);
                 },
                 onListChange: () => {
-                  i && (c.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(o, i.id, {}).then((e) => {
-                    const l = (e || []).filter((s) => s.label !== "nocode").map((s, g) => ({
-                      label: s.label,
-                      count: s.count,
-                      id: s.id,
-                      color: Me[g % 40]
-                    })), r = Z.filter((s) => l.some((g) => g.id === s.id));
-                    ue(l), Z.length !== r.length && ne(r);
+                  o && (f.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(l, o.id, {}).then((e) => {
+                    const t = (e || []).filter((i) => i.label !== "nocode").map((i, d) => ({
+                      label: i.label,
+                      count: i.count,
+                      id: i.id,
+                      color: Pe[d % 40]
+                    })), r = $.filter((i) => t.some((d) => d.id === i.id));
+                    ve(t), $.length !== r.length && ae(r);
                   }), k());
                 },
                 isPreLabel: !1
@@ -540,18 +596,18 @@ const Qt = (D) => {
             })]
           })]
         })
-      }) : /* @__PURE__ */ n("div", {
+      }) : /* @__PURE__ */ s("div", {
         className: "empty",
-        children: /* @__PURE__ */ n(we, {
+        children: /* @__PURE__ */ s(ze, {
           description: "当前数据集不是 classification(图像分类) 类型"
         })
-      }) : /* @__PURE__ */ n("div", {
+      }) : /* @__PURE__ */ s("div", {
         className: "empty",
-        children: /* @__PURE__ */ n(Ee, {})
+        children: /* @__PURE__ */ s(Fe, {})
       })
     })
   });
 };
 export {
-  Qt as default
+  ln as default
 };