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

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

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