@glodon-aiot/dataset-annotation 3.22.4 → 3.23.0-alpha.3

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

@@ -1,86 +1,87 @@
-var Ht = Object.defineProperty, qt = Object.defineProperties;
-var Ut = Object.getOwnPropertyDescriptors;
-var nt = Object.getOwnPropertySymbols;
-var Kt = Object.prototype.hasOwnProperty, Wt = Object.prototype.propertyIsEnumerable;
-var it = (L, g, a) => g in L ? Ht(L, g, { enumerable: !0, configurable: !0, writable: !0, value: a }) : L[g] = a, b = (L, g) => {
+var Wt = Object.defineProperty, $t = Object.defineProperties;
+var jt = Object.getOwnPropertyDescriptors;
+var it = Object.getOwnPropertySymbols;
+var Gt = Object.prototype.hasOwnProperty, Zt = Object.prototype.propertyIsEnumerable;
+var rt = (L, g, a) => g in L ? Wt(L, g, { enumerable: !0, configurable: !0, writable: !0, value: a }) : L[g] = a, b = (L, g) => {
   for (var a in g || (g = {}))
-    Kt.call(g, a) && it(L, a, g[a]);
-  if (nt)
-    for (var a of nt(g))
-      Wt.call(g, a) && it(L, a, g[a]);
+    Gt.call(g, a) && rt(L, a, g[a]);
+  if (it)
+    for (var a of it(g))
+      Zt.call(g, a) && rt(L, a, g[a]);
   return L;
-}, y = (L, g) => qt(L, Ut(g));
-var Me = (L, g, a) => new Promise((X, me) => {
-  var be = (I) => {
+}, S = (L, g) => $t(L, jt(g));
+var Be = (L, g, a) => new Promise((J, me) => {
+  var be = (x) => {
     try {
-      ie(a.next(I));
-    } catch (re) {
-      me(re);
+      oe(a.next(x));
+    } catch (le) {
+      me(le);
     }
-  }, N = (I) => {
+  }, N = (x) => {
     try {
-      ie(a.throw(I));
-    } catch (re) {
-      me(re);
+      oe(a.throw(x));
+    } catch (le) {
+      me(le);
     }
-  }, ie = (I) => I.done ? X(I.value) : Promise.resolve(I.value).then(be, N);
-  ie((a = a.apply(L, g)).next());
+  }, oe = (x) => x.done ? J(x.value) : Promise.resolve(x.value).then(be, N);
+  oe((a = a.apply(L, g)).next());
 });
-import { jsx as c, jsxs as m, Fragment as rt } from "react/jsx-runtime";
-import { useRef as $, useState as p, useLayoutEffect as $t, useEffect as C } from "react";
-import { message as D, ConfigProvider as jt, Space as pe, Select as Gt, Button as te, Dropdown as ot, Tabs as Zt, Checkbox as lt, Col as _t, Tooltip as Xt, Empty as Jt, Spin as Qt, Modal as xe } from "antd";
-import Yt from "rc-virtual-list";
-import { UploadZipsStatus as ne, PreLabelTaskStatus as en } from "@glodon-aiot/apis";
-import tn from "antd/es/locale/zh_CN";
-import nn from "../../DatasetContext/index.mjs";
-import rn from "./icon_item_empty.svg.mjs";
+import { jsx as c, jsxs as m, Fragment as ot } from "react/jsx-runtime";
+import { useRef as $, useState as p, useLayoutEffect as _t, useEffect as I, useCallback as Xt } from "react";
+import { message as D, ConfigProvider as Jt, Space as pe, Select as Qt, Button as ie, Dropdown as lt, Tabs as Yt, Checkbox as st, Col as en, Tooltip as tn, Empty as nn, Spin as rn, Modal as ke } from "antd";
+import on from "rc-virtual-list";
+import { UploadZipsStatus as re, PreLabelTaskStatus as ln } from "@glodon-aiot/apis";
+import sn from "antd/es/locale/zh_CN";
+import cn from "../../DatasetContext/index.mjs";
+import an from "./icon_item_empty.svg.mjs";
 import "./style.less.mjs";
-import { tagColors as st } from "../../utils/index.mjs";
-import on from "./components/Labels/index.mjs";
-import { useKeyPress as ln } from "ahooks";
-import ct from "./components/DisabledTooltip/index.mjs";
-import sn from "./PreSamplesPage/index.mjs";
-import { DownOutlined as at, SearchOutlined as cn } from "@ant-design/icons";
-import an from "../../Common/Page/index.mjs";
-import dn from "../PicZipImportModal/index.mjs";
-import fn from "../PageNav/index.mjs";
-import hn from "../Thumbnail/index.mjs";
-import un from "../CompositionInput/index.mjs";
-import { Prompt as gn } from "../hooks/Prompt.mjs";
-import pn from "../PreLabelOCR/index.mjs";
-import mn from "lodash/merge";
-import { DEFAULT_FILTER_SWITCH as bn } from "../../constant.mjs";
-import vn from "../DetectionStatus/index.mjs";
-import yn from "./components/ImageModal/index.mjs";
-var Sn = /* @__PURE__ */ ((L) => (L.Next = "NEXT", L.Prev = "PREV", L.Confirm = "CONFIRM", L.Save = "Save", L))(Sn || {});
-const Xn = (L) => {
+import { tagColors as ct } from "../../utils/index.mjs";
+import dn from "./components/Labels/index.mjs";
+import { useKeyPress as fn } from "ahooks";
+import at from "./components/DisabledTooltip/index.mjs";
+import hn from "./PreSamplesPage/index.mjs";
+import { DownOutlined as dt, SearchOutlined as un } from "@ant-design/icons";
+import gn from "../../Common/Page/index.mjs";
+import pn from "../PicZipImportModal/index.mjs";
+import mn from "../PageNav/index.mjs";
+import bn from "../Thumbnail/index.mjs";
+import vn from "../CompositionInput/index.mjs";
+import { Prompt as yn } from "../hooks/Prompt.mjs";
+import Sn from "../PreLabelOCR/index.mjs";
+import Cn from "lodash/merge";
+import { DEFAULT_FILTER_SWITCH as In } from "../../constant.mjs";
+import xn from "../DetectionStatus/index.mjs";
+import kn from "./components/ImageModal/index.mjs";
+import Ln from "./hooks/useSamplePreload.mjs";
+var wn = /* @__PURE__ */ ((L) => (L.Next = "NEXT", L.Prev = "PREV", L.Confirm = "CONFIRM", L.Save = "Save", L))(wn || {});
+const ii = (L) => {
   const {
     services: g,
     datasetId: a,
-    versionId: X,
+    versionId: J,
     backTo: me,
     labelManager: be = !1,
     datasetManager: N = !1,
-    annotation: ie,
-    header: I = {
+    annotation: oe,
+    header: x = {
       versionSelect: !1
     },
-    exampleSrcRoot: re
-  } = L, oe = b({}, bn);
-  mn(oe, L.filterSwitch);
-  const le = $(null), ke = $(null), [dt, ft] = p(0), [x, Be] = p(), [o, se] = p(), [ve, ht] = p([]), [Fe, Oe] = p(!1), [ce, He] = p(0), [ae, qe] = p(0), [f, Le] = p(""), [J, Ue] = p(0), [ut, gt] = p(), [Ke, we] = p(!1), [We, pt] = p(!1), [$e, mt] = p(!0), [bt, vt] = p(!1), [F, je] = p([]), [v, q] = p([]), [de, fe] = p(!1), [he, ue] = p(!1), [O, z] = p(-1), [u, R] = p(), [h, E] = p(), [l, T] = p({
+    exampleSrcRoot: le
+  } = L, se = b({}, In);
+  Cn(se, L.filterSwitch);
+  const ce = $(null), Le = $(null), [ft, ht] = p(0), [k, Me] = p(), [o, ae] = p(), [ve, ut] = p([]), [Fe, Oe] = p(!1), [de, He] = p(0), [fe, Ue] = p(0), [h, we] = p(""), [Q, qe] = p(0), [gt, pt] = p(), [Ke, De] = p(!1), [We, mt] = p(!1), [$e, bt] = p(!0), [vt, yt] = p(!1), [O, je] = p([]), [v, U] = p([]), [he, j] = p(!1), [Y, ue] = p(!1), [M, V] = p(-1), [u, R] = p(), [St, Ge] = p(), [f, z] = p(), [l, T] = p({
     current: 0,
     pageSize: 100
-  }), [K, De] = p([]), [j, yt] = p(""), [St, Ct] = p(!1), [Ge, Ze] = p(), [ye, Ne] = p(null), [H, _e] = p(!1), [It, xt] = p(!1), [Cn, kt] = p(0), [In, Re] = p(""), [Q, Lt] = p(""), ge = $({}), Te = $(!1), Se = $(0), Ce = $(0), G = $(0), [V, Ve] = p(/* @__PURE__ */ new Set()), [wt, Ie] = p(!1), Xe = $(-1);
-  $t(() => {
-    const e = le.current;
+  }), [W, Ne] = p([]), [G, Ct] = p(""), [It, xt] = p(!1), [Ze, _e] = p(), [ye, Re] = p(null), [H, Xe] = p(!1), [kt, Lt] = p(!1), [Dn, wt] = p(0), [Nn, Te] = p(""), [ee, Dt] = p(""), ge = $({}), Pe = $(!1), Se = $(0), Ce = $(0), Z = $(0), [P, Ve] = p(/* @__PURE__ */ new Set()), [Nt, Ie] = p(!1), Je = $(-1);
+  _t(() => {
+    const e = ce.current;
     if (!e)
       return;
     let t = 0;
     const n = () => {
       cancelAnimationFrame(t), t = requestAnimationFrame(() => {
         const s = e.clientHeight, d = Math.max(1, Math.round(s));
-        d !== Xe.current && (Xe.current = d, ft(d));
+        d !== Je.current && (Je.current = d, ht(d));
       });
     };
     n();
@@ -90,171 +91,180 @@ const Xn = (L) => {
     return r == null || r.addEventListener("resize", n), window.addEventListener("resize", n), () => {
       cancelAnimationFrame(t), i == null || i.disconnect(), r == null || r.removeEventListener("resize", n), window.removeEventListener("resize", n);
     };
-  }, [x]);
-  const Y = () => {
-    R(void 0), E(void 0), z(-1), fe(!1), W(), setTimeout(() => {
-      T((e) => y(b({}, e), {
+  }, [k]);
+  const te = () => {
+    R(void 0), z(void 0), V(-1), j(!1), q(), setTimeout(() => {
+      T((e) => S(b({}, e), {
         current: 1,
         type: void 0
       }));
     }, 10);
   };
-  ln("Esc", Y), C(() => {
+  fn("Esc", te), I(() => {
     a && g.cvforceDatahub.getS3Iam(a).then((e) => {
-      gt(e);
+      pt(e);
     });
-  }, [a]), C(() => {
+  }, [a]), I(() => {
     w();
-  }, [o == null ? void 0 : o.id]), C(() => {
+  }, [o == null ? void 0 : o.id]), I(() => {
     a && (Oe(!0), Promise.all([
       // 数据集
       g.cvforceDatahub.getDatasetsId(a).then((e) => {
-        Be(e);
+        Me(e);
       }),
       // 版本列表
       g.cvforceDatahub.getDatasetsIdVersions(a, 1, 1e3).then((e) => {
-        ht(e.recordList), se(X ? e.recordList.find((t) => t.id === X) : e.recordList[0]);
+        ut(e.recordList), ae(J ? e.recordList.find((t) => t.id === J) : e.recordList[0]);
       })
     ]).finally(() => Oe(!1)));
-  }, [a, X]);
-  const Je = () => {
+  }, [a, J]);
+  const Qe = () => {
     !a || !o || g.cvforceDatahub.getDatasetsIdVersionsVid(a, o.id).then((e) => {
-      se(e), yt(e.versionAsyncTask.state);
+      ae(e), Ct(e.versionAsyncTask.state);
     });
   };
-  C(() => {
-    j !== ne.Pending && j !== ne.Started || D.warning("文件导入中，请刷新页面再试");
-  }, [j]), C(() => {
-    se(void 0), T(y(b({}, l), {
+  I(() => {
+    G !== re.Pending && G !== re.Started || D.warning("文件导入中，请刷新页面再试");
+  }, [G]), I(() => {
+    ae(void 0), T(S(b({}, l), {
       current: 1
-    })), q([]), Je();
-  }, [a, X]), C(() => {
+    })), U([]), Qe();
+  }, [a, J]), I(() => {
     a && g.cvforceDatahub.getDatasetsId(a).then((e) => {
-      Be(e);
+      Me(e);
     });
-  }, [a]), C(() => {
-    Se.current++, Ce.current++, G.current++;
-  }, [x == null ? void 0 : x.id, o == null ? void 0 : o.id, f, K, Q]), C(() => {
-    W();
-  }, [K, o, f]), C(() => {
-    !o || !x || P(y(b({}, l), {
+  }, [a]), I(() => {
+    Se.current++, Ce.current++, Z.current++;
+  }, [k == null ? void 0 : k.id, o == null ? void 0 : o.id, h, W, ee]), I(() => {
+    q();
+  }, [W, o, h]), I(() => {
+    !o || !k || A(S(b({}, l), {
       current: 1
     })).then((e) => {
     });
-  }, [x == null ? void 0 : x.id, o == null ? void 0 : o.id, K]), C(() => {
-    if (Te.current) {
-      Te.current = !1, w();
+  }, [k == null ? void 0 : k.id, o == null ? void 0 : o.id, W]), I(() => {
+    if (Pe.current) {
+      Pe.current = !1, w();
       return;
     }
-    P().then((e) => {
+    A().then((e) => {
     }), w();
-  }, [l.current]), C(() => {
+  }, [l.current]), I(() => {
     H && w();
-  }, [Ge]), C(() => {
-    const e = ge.current[f];
+  }, [Ze]), I(() => {
+    const e = ge.current[h];
     let t;
-    e && e.page > 1 ? t = P(y(b({}, l), {
+    e && e.page > 1 ? t = A(S(b({}, l), {
       current: 1,
       pageSize: e.page * 100,
       // 假设默认pageSize为100
       total: void 0
-    })).then((n) => (Te.current = !0, T((i) => y(b({}, i), {
+    })).then((n) => (Pe.current = !0, T((i) => S(b({}, i), {
       current: e.page,
       pageSize: 100
-    })), n)) : t = P(y(b({}, l), {
+    })), n)) : t = A(S(b({}, l), {
       current: 1,
       total: void 0
     })), t.then((n) => {
-      if (n && !(!u && !he))
+      if (n && !(!u && !Y))
         if (Array.isArray(n) && n.length) {
-          const i = ge.current[f], r = i == null ? void 0 : i.index, s = r !== void 0 && r >= 0 && r < n.length ? r : 0;
-          z(s), R(n[s]), E(void 0);
+          const i = ge.current[h], r = i == null ? void 0 : i.index, s = r !== void 0 && r >= 0 && r < n.length ? r : 0;
+          V(s), R(n[s]), z(void 0);
         } else
-          R(void 0), E(void 0), z(-1), W(), setTimeout(() => {
-            T((i) => y(b({}, i), {
+          R(void 0), z(void 0), V(-1), q(), setTimeout(() => {
+            T((i) => S(b({}, i), {
               current: 1,
               type: void 0
             }));
           }, 10);
     });
-  }, [f]), C(() => {
+  }, [h]), I(() => {
     var t;
     let e;
-    if (!he) {
-      const n = u !== void 0, i = u == null ? void 0 : u.id, r = O;
-      R(void 0), E(void 0), fe(!1), z(-1), W(), n && ((t = ke.current) == null || t.fetchLabels()), w(), i !== void 0 && (e = requestAnimationFrame(() => {
-        var B, _;
-        const s = (B = le.current) == null ? void 0 : B.getElementsByClassName("rc-virtual-list-holder")[0];
+    if (!Y) {
+      const n = u !== void 0, i = u == null ? void 0 : u.id, r = M;
+      R(void 0), z(void 0), j(!1), V(-1), Ge(void 0), q(), n && ((t = Le.current) == null || t.fetchLabels()), w(), i !== void 0 && (e = requestAnimationFrame(() => {
+        var F, X;
+        const s = (F = ce.current) == null ? void 0 : F.getElementsByClassName("rc-virtual-list-holder")[0];
         if (!s)
           return;
-        const d = Array.from(s.querySelectorAll("[data-sample-id]")), S = (_ = d.find((M) => M.dataset.sampleId === String(i))) != null ? _ : r >= 0 ? d[r] : void 0;
-        if (!S)
+        const d = Array.from(s.querySelectorAll("[data-sample-id]")), y = (X = d.find((B) => B.dataset.sampleId === String(i))) != null ? X : r >= 0 ? d[r] : void 0;
+        if (!y)
           return;
-        const k = s.getBoundingClientRect(), A = S.getBoundingClientRect(), U = s.scrollTop + A.top - k.top - Math.max(0, (s.clientHeight - A.height) / 2);
+        const C = s.getBoundingClientRect(), E = y.getBoundingClientRect(), K = s.scrollTop + E.top - C.top - Math.max(0, (s.clientHeight - E.height) / 2);
         s.scrollTo({
-          top: Math.max(0, U)
+          top: Math.max(0, K)
         });
       }));
     }
     return () => {
       e !== void 0 && cancelAnimationFrame(e);
     };
-  }, [he]), C(() => {
-    vt(!$e && We);
-  }, [$e, We]), C(() => {
+  }, [Y]);
+  const Rt = Xt((e, t) => {
+    Ge(e ? void 0 : t);
+  }, []);
+  Ln({
+    samples: v,
+    currentIndex: M,
+    active: Y,
+    loadedImageUrl: St
+  }), I(() => {
+    yt(!$e && We);
+  }, [$e, We]), I(() => {
     if (!a) {
-      ye && (clearTimeout(ye), Ne(null)), Ze(void 0);
+      ye && (clearTimeout(ye), Re(null)), _e(void 0);
       return;
     }
-    Pe();
-  }, [a, o == null ? void 0 : o.id]), C(() => {
-    Pe();
-  }, [St]), C(() => {
+    Ae();
+  }, [a, o == null ? void 0 : o.id]), I(() => {
+    Ae();
+  }, [It]), I(() => {
     ze();
-  }, [H, a, o]), C(() => {
-    P(y(b({}, l), {
+  }, [H, a, o]), I(() => {
+    A(S(b({}, l), {
       current: 1
     })), w();
-  }, [Q]), C(() => {
-    Re("");
-  }, [u]), C(() => {
+  }, [ee]), I(() => {
+    Te("");
+  }, [u]), I(() => {
     if (v.length === 0) {
       Ie(!1);
       return;
     }
-    const e = v.every((t) => V.has(t.id));
+    const e = v.every((t) => P.has(t.id));
     Ie(e);
-  }, [v, V]);
+  }, [v, P]);
   const ze = () => {
     o && g.cvforceDatahub.getDatasetsIdVersionsVidSamples(a, o.id, {
       pageNo: 1,
       pageSize: 1e3,
       confirmStatus: 1
     }).then((e) => {
-      kt(e.recordList.length);
+      wt(e.recordList.length);
     });
-  }, Pe = () => {
+  }, Ae = () => {
     !a || !o || g.cvforceDatahub.getPreLabelTask(a, o.id).then((e) => {
       const t = e[0];
-      if (Ze(t), ye && (clearTimeout(ye), Ne(null)), !(t != null && t.state) || t.state !== en.Started) {
-        _e(!1), w();
+      if (_e(t), ye && (clearTimeout(ye), Re(null)), !(t != null && t.state) || t.state !== ln.Started) {
+        Xe(!1), w();
         return;
       } else
-        _e(!0);
-      Ne(setTimeout(() => {
-        Pe();
+        Xe(!0);
+      Re(setTimeout(() => {
+        Ae();
       }, 1e4));
     });
   };
-  C(() => {
-    x && x.markType !== "detection" && console.error("当前数据集不是detection(物体检测)类型，请检查数据集类型。");
-  }, [x]);
-  const P = (e, t) => {
+  I(() => {
+    k && k.markType !== "detection" && console.error("当前数据集不是detection(物体检测)类型，请检查数据集类型。");
+  }, [k]);
+  const A = (e, t) => {
     const n = (e == null ? void 0 : e.current) || l.current, i = (e == null ? void 0 : e.pageSize) || l.pageSize;
     if (!a || !o || !n)
       return Promise.resolve(!1);
-    const r = Se.current, s = K.map((k) => k.label), d = () => {
-      switch (f) {
+    const r = Se.current, s = W.map((C) => C.label), d = () => {
+      switch (h) {
         case "nocode":
           return "nocode";
         case "pending":
@@ -264,8 +274,8 @@ const Xn = (L) => {
         default:
           return s.length ? s : void 0;
       }
-    }, S = () => {
-      switch (f) {
+    }, y = () => {
+      switch (h) {
         case "nocode":
         case "hascode":
           return 0;
@@ -275,179 +285,183 @@ const Xn = (L) => {
           return 2;
       }
     };
-    return n === 1 && Pt(), T(y(b({}, l), {
+    return n === 1 && Mt(), T(S(b({}, l), {
       current: n,
       pageSize: i
     })), g.cvforceDatahub.getDatasetsIdVersionsVidSamples(a, o.id, {
       pageNo: n,
       pageSize: i,
       labels: d(),
-      confirmStatus: S(),
-      searchName: Q
-    }).then((k) => {
+      confirmStatus: y(),
+      searchName: ee
+    }).then((C) => {
       if (r !== Se.current)
         return !1;
-      const A = k.recordList || [], U = n === 1 ? A : [...t || v, ...A];
-      if (q(U), T(y(b({}, l), {
+      const E = C.recordList || [], K = n === 1 ? E : [...t || v, ...E];
+      if (U(K), T(S(b({}, l), {
         current: n,
         pageSize: i,
-        total: k.totalResults
-      })), l.type === "next" && A.length) {
-        z(0);
-        const B = k.recordList[0];
-        R(B);
+        total: C.totalResults
+      })), l.type === "next" && E.length) {
+        V(0);
+        const F = C.recordList[0];
+        R(F);
       }
-      if (l.type === "prev" && A.length) {
-        z(l.pageSize - 1);
-        const B = k.recordList[l.pageSize - 1];
-        R(B);
+      if (l.type === "prev" && E.length) {
+        V(l.pageSize - 1);
+        const F = C.recordList[l.pageSize - 1];
+        R(F);
       }
-      return de && O < 0 && (z(0), R(A[0]), ue(!0)), U;
+      return he && M < 0 && (V(0), R(E[0]), ue(!0)), K;
     }).catch(() => !1);
   };
-  C(() => {
-    T(f === "nocode" ? y(b({}, l), {
-      total: ce
-    }) : f === "" ? y(b({}, l), {
-      total: J
-    }) : f === "pending" ? y(b({}, l), {
-      total: ae
-    }) : y(b({}, l), {
-      total: J - ce - ae
+  I(() => {
+    T(h === "nocode" ? S(b({}, l), {
+      total: de
+    }) : h === "" ? S(b({}, l), {
+      total: Q
+    }) : h === "pending" ? S(b({}, l), {
+      total: fe
+    }) : S(b({}, l), {
+      total: Q - de - fe
     }));
-  }, [ce, J, ae]);
+  }, [de, Q, fe]);
   const w = () => {
     !a || !o || g.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(a, o.id, {
       label: "allcode",
       confirmStatus: 2,
-      searchName: Q
+      searchName: ee
     }).then((e) => {
       const t = e.find((r) => r.id === "allcodeid"), n = e.find((r) => r.id === "nocodeid"), i = e.find((r) => r.id === "pendingid");
-      Ue(t ? t.count : 0), He(n ? n.count : 0), qe(i ? i.count : 0);
+      qe(t ? t.count : 0), He(n ? n.count : 0), Ue(i ? i.count : 0);
     });
-  }, W = () => {
+  }, q = () => {
     if (!a || !(o != null && o.id))
       return;
     const e = Ce.current;
     let t = 2;
-    return f === "pending" ? t = 1 : f === "hascode" && (t = 0), g.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(a, o.id, {
+    return h === "pending" ? t = 1 : h === "hascode" && (t = 0), g.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(a, o.id, {
       confirmStatus: t
     }).then((n) => {
       if (e !== Ce.current)
         return;
-      const r = (n || []).filter((s) => s.label !== "nocode").map((s, d) => ({
-        label: s.label,
-        count: s.count,
-        id: s.id,
-        color: st[d % 40]
-      }));
+      const r = (n || []).filter((s) => s.label !== "nocode").map((s, d) => {
+        var y;
+        return {
+          label: s.label,
+          count: s.count,
+          boxCount: (y = s.boxCount) != null ? y : 0,
+          id: s.id,
+          color: ct[d % 40]
+        };
+      });
       return je(r), n;
     });
-  }, Dt = (e) => {
+  }, Tt = (e) => {
     if (!v)
       return;
-    fe(!1), z(e);
+    j(!1), V(e);
     const t = v[e];
-    R(t), E(void 0), ue(!0), f !== void 0 && (ge.current[f] = {
+    R(t), z(void 0), ue(!0), h !== void 0 && (ge.current[h] = {
       index: e,
       page: l.current || 1
     });
   };
-  C(() => {
-    l.type || P();
-  }, [l.type]), C(() => {
-    if (!h)
+  I(() => {
+    l.type || A();
+  }, [l.type]), I(() => {
+    if (!f)
       return;
     const e = [];
-    h == null || h.labels.forEach((t) => {
-      F != null && F.find((n) => n.id === t.id) && e.push(t);
-    }), e.length !== h.labels.length && E(y(b({}, h), {
+    f == null || f.labels.forEach((t) => {
+      O != null && O.find((n) => n.id === t.id) && e.push(t);
+    }), e.length !== f.labels.length && z(S(b({}, f), {
       labels: e
     }));
-  }, [F]);
-  const Z = (e, t, n, i) => {
+  }, [O]);
+  const _ = (e, t, n, i) => {
     setTimeout(() => {
-      i === G.current && (z(t), R(e[t]), E(void 0), f !== void 0 && (ge.current[f] = {
+      i === Z.current && (V(t), R(e[t]), z(void 0), h !== void 0 && (ge.current[h] = {
         index: t,
         page: n
       }));
     }, 0);
-  }, Qe = (e, t) => {
+  }, Ye = (e, t) => {
     if (!v)
       return;
-    const n = ++G.current;
-    if (!de) {
-      q((i) => {
-        var S;
+    const n = ++Z.current;
+    if (!he) {
+      U((i) => {
+        var y;
         if (!Array.isArray(i) || !i.length)
-          return Y(), i;
-        const r = O + 1, d = !!K.length ? i.length : (S = l.total) != null ? S : i.length;
-        return r >= i.length ? r >= d ? D.error("已经是最后一个了") : P({
+          return te(), i;
+        const r = M + 1, d = !!W.length ? i.length : (y = l.total) != null ? y : i.length;
+        return r >= i.length ? r >= d ? D.error("已经是最后一个了") : A({
           current: l.current + 1,
           pageSize: l.pageSize,
           type: "next"
-        }, i).then((k) => {
-          Array.isArray(k) && Z(k, r, l.current + 1, n);
-        }) : Z(i, r, l.current || 1, n), i;
+        }, i).then((C) => {
+          Array.isArray(C) && _(C, r, l.current + 1, n);
+        }) : _(i, r, l.current || 1, n), i;
       });
       return;
     }
-    return Ae(e, t).then((i) => (i && n === G.current && (console.log("action", t, "changedSample", h), w(), q((r) => {
-      var d, S;
+    return xe(e, t).then((i) => (i && n === Z.current && (console.log("action", t, "changedSample", f), w(), U((r) => {
+      var d, y;
       let s;
       if (Array.isArray(r)) {
         if (!r.length)
-          return Y(), r;
-        const k = f === "", A = (!((d = h == null ? void 0 : h.labels) != null && d.length) || !h) && f === "nocode", U = t !== "CONFIRM" && f === "pending", B = (((S = h == null ? void 0 : h.labels) == null ? void 0 : S.length) || !h) && f === "hascode", _ = k || U || B || A ? O + 1 : O;
-        if (h) {
-          if (h.labels.length && f === "nocode" || !h.labels.length && f === "hascode" || t === "CONFIRM" && f === "pending") {
-            const M = r.findIndex((Ee) => Ee.id === h.id);
-            M > -1 && (r.splice(M, 1), s = [...r], l.total && (l.total = l.total - 1));
+          return te(), r;
+        const C = h === "", E = (!((d = f == null ? void 0 : f.labels) != null && d.length) || !f) && h === "nocode", K = t !== "CONFIRM" && h === "pending", F = (((y = f == null ? void 0 : f.labels) == null ? void 0 : y.length) || !f) && h === "hascode", X = C || K || F || E ? M + 1 : M;
+        if (f) {
+          if (f.labels.length && h === "nocode" || !f.labels.length && h === "hascode" || t === "CONFIRM" && h === "pending") {
+            const B = r.findIndex((Ee) => Ee.id === f.id);
+            B > -1 && (r.splice(B, 1), s = [...r], l.total && (l.total = l.total - 1));
           }
-        } else if (t === "CONFIRM" && f === "pending") {
-          const M = r.findIndex((Ee) => Ee.id === (u == null ? void 0 : u.id));
-          M > -1 && (r.splice(M, 1), s = [...r], l.total && (l.total = l.total - 1));
+        } else if (t === "CONFIRM" && h === "pending") {
+          const B = r.findIndex((Ee) => Ee.id === (u == null ? void 0 : u.id));
+          B > -1 && (r.splice(B, 1), s = [...r], l.total && (l.total = l.total - 1));
         }
-        if (_ >= r.length)
-          if (l.total && _ >= l.total) {
+        if (X >= r.length)
+          if (l.total && X >= l.total) {
             if (r.length > 0) {
-              const M = r.length - 1;
-              Z(r, M, l.current || 1, n);
+              const B = r.length - 1;
+              _(r, B, l.current || 1, n);
             }
             D.error("已经是最后一个了");
           } else
-            P({
+            A({
               current: l.current + 1,
               pageSize: l.pageSize,
               type: "next"
-            }, r).then((M) => {
-              Array.isArray(M) && Z(M, _, l.current + 1, n);
+            }, r).then((B) => {
+              Array.isArray(B) && _(B, X, l.current + 1, n);
             });
         else
-          Z(r, _, l.current || 1, n);
+          _(r, X, l.current || 1, n);
       }
       return s || r;
     })), i));
-  }, Nt = (e) => {
+  }, Pt = (e) => {
     if (!v)
       return;
-    const t = ++G.current;
-    if (!de) {
-      q((n) => {
+    const t = ++Z.current;
+    if (!he) {
+      U((n) => {
         if (!Array.isArray(n) || !n.length)
-          return Y(), n;
-        const i = O - 1;
-        return i < 0 ? D.error("已经是第一个了") : Z(n, i, l.current || 1, t), n;
+          return te(), n;
+        const i = M - 1;
+        return i < 0 ? D.error("已经是第一个了") : _(n, i, l.current || 1, t), n;
       });
       return;
     }
-    Ae(e).then((n) => {
-      n && t === G.current && (w(), q((i) => {
+    xe(e).then((n) => {
+      n && t === Z.current && (w(), U((i) => {
         let r;
         if (Array.isArray(i)) {
           if (!i.length)
-            return Y(), i;
-          const s = O - 1;
+            return te(), i;
+          const s = M - 1;
           if (s < 0)
             s < 0 ? D.error("已经是第一个了") : T({
               current: l.current - 1,
@@ -455,69 +469,81 @@ const Xn = (L) => {
               type: "prev"
             });
           else {
-            if (h && (h.labels.length && f === "nocode" || !h.labels.length && f === "hascode")) {
-              const d = i.findIndex((S) => S.id === h.id);
+            if (f && (f.labels.length && h === "nocode" || !f.labels.length && h === "hascode")) {
+              const d = i.findIndex((y) => y.id === f.id);
               d > -1 && (i.splice(d, 1), r = [...i], l.total && (l.total = l.total - 1));
             }
-            Z(i, s, l.current || 1, t);
+            _(i, s, l.current || 1, t);
           }
         }
         return r || i;
       }));
     });
-  }, Rt = (e) => {
+  }, Vt = (e) => {
     const t = Object.keys(e.labels.reduce((n, i) => (n[i.label] ? ++n[i.label] : n[i.label] = 1, n), {})).length;
     return t >= 2 ? `+${t - 1}` : null;
-  }, Tt = (e) => {
-    var k, A;
+  }, zt = (e) => {
+    var C, E;
     const {
       scrollTop: t,
       scrollHeight: n,
       clientHeight: i
-    } = e.currentTarget, r = n - t - i, s = 3, d = (k = l.pageSize) != null ? k : 100, S = (A = l.current) != null ? A : 0;
-    S >= 1 && v.length > 0 && v.length < S * d || (!l.total || l.total > v.length) && r <= s && T((U) => {
-      var B;
-      return y(b({}, U), {
-        current: ((B = U.current) != null ? B : 0) + 1
+    } = e.currentTarget, r = n - t - i, s = 3, d = (C = l.pageSize) != null ? C : 100, y = (E = l.current) != null ? E : 0;
+    y >= 1 && v.length > 0 && v.length < y * d || (!l.total || l.total > v.length) && r <= s && T((K) => {
+      var F;
+      return S(b({}, K), {
+        current: ((F = K.current) != null ? F : 0) + 1
       });
     });
-  }, Ae = (e, t) => {
+  }, xe = (e, t) => {
     var n, i;
     if (!o)
       return Promise.resolve(!1);
-    if (h && !H) {
-      const r = y(b({}, h), {
-        labels: h.labels ? [...h.labels] : []
+    if (f && !H) {
+      const r = S(b({}, f), {
+        labels: f.labels ? [...f.labels] : []
       });
       return r.labels && (r.labels = r.labels.filter((s) => !!s.id)), e !== void 0 && (r.confirmStatus = e, r.isLabeled = ((n = r.labels) == null ? void 0 : n.length) > 0), g.cvforceDatahub.updateSamples(a, o.id, [r], e).then(() => {
         D.success({
           content: "保存成功"
         });
-        const s = y(b({}, r), {
+        const s = S(b({}, r), {
           labels: r.labels ? [...r.labels] : []
         });
-        return q((d) => {
-          const S = d.findIndex((k) => k.id === (s == null ? void 0 : s.id));
-          if (S > -1) {
-            const k = [...d];
-            return k[S] = s, k;
+        return U((d) => {
+          const y = d.findIndex((C) => C.id === (s == null ? void 0 : s.id));
+          if (y > -1) {
+            const C = [...d];
+            return C[y] = s, C;
           }
           return d;
-        }), R(s), E(s), !0;
+        }), R(s), z(s), !0;
       }).catch(() => !1);
     } else
-      return !h && !H && u ? t !== "CONFIRM" && f === "pending" || f === "nocode" || f === "hascode" || f === "" && (u.confirmStatus !== 1 || t !== "CONFIRM") ? Promise.resolve(!0) : (u.labels && (u.labels = u.labels.filter((r) => !!r.id)), e !== void 0 && (u.confirmStatus = e, u.isLabeled = ((i = u.labels) == null ? void 0 : i.length) > 0), g.cvforceDatahub.updateSamples(a, o.id, [u], e).then(() => (D.success({
+      return !f && !H && u ? t !== "CONFIRM" && h === "pending" || h === "nocode" || h === "hascode" || h === "" && (u.confirmStatus !== 1 || t !== "CONFIRM") ? Promise.resolve(!0) : (u.labels && (u.labels = u.labels.filter((r) => !!r.id)), e !== void 0 && (u.confirmStatus = e, u.isLabeled = ((i = u.labels) == null ? void 0 : i.length) > 0), g.cvforceDatahub.updateSamples(a, o.id, [u], e).then(() => (D.success({
         content: "保存成功"
-      }), q((r) => {
+      }), U((r) => {
         const s = r.findIndex((d) => d.id === (u == null ? void 0 : u.id));
         return s > -1 && (r[s] = u), [...r];
       }), R(b({}, u)), !0)).catch(() => !1)) : Promise.resolve(!0);
-  }, Vt = (e, t) => {
-    if (h && h.labels.some((n) => !n.id))
+  }, At = (e, t) => {
+    if (f && f.labels.some((n) => !n.id))
       return D.error("所有标注需设置标签"), Promise.resolve(!1);
-    Qe(e, t);
-  }, zt = () => {
-    xe.confirm({
+    Ye(e, t);
+  }, Et = (e) => {
+    if (f && f.labels.some((t) => !t.id)) {
+      D.error("所有标注需设置标签");
+      return;
+    }
+    if (!f) {
+      j(!1);
+      return;
+    }
+    xe(e).then((t) => {
+      t && (z(void 0), j(!1), w(), q());
+    });
+  }, Bt = () => {
+    ke.confirm({
       title: "确认要删除当前数据吗？",
       content: "数据包含当前标注的内容和图片，删除后无法恢复，请确认是否删除！",
       onOk: () => {
@@ -525,10 +551,10 @@ const Xn = (L) => {
           const e = v.findIndex((n) => n.id === u.id);
           v.splice(e, 1);
           const t = v.length;
-          q([...v]), T(y(b({}, l), {
+          U([...v]), T(S(b({}, l), {
             total: l.total ? l.total - 1 : 0
-          })), e <= v.length - 1 ? R(v[e]) : (R(v[e - 1]), z(e - 1)), w(), E(void 0), (t === 0 || l.total && l.total - 1 === 0) && (R(void 0), E(void 0), z(-1), de || ue(!1), setTimeout(() => {
-            T((n) => y(b({}, n), {
+          })), e <= v.length - 1 ? R(v[e]) : (R(v[e - 1]), V(e - 1)), w(), z(void 0), (t === 0 || l.total && l.total - 1 === 0) && (R(void 0), z(void 0), V(-1), he || ue(!1), setTimeout(() => {
+            T((n) => S(b({}, n), {
               current: 1,
               type: void 0
             }));
@@ -536,67 +562,67 @@ const Xn = (L) => {
         });
       }
     });
-  }, Ye = [{
+  }, et = [{
     key: "",
-    label: `全部（${J}）`,
+    label: `全部（${Q}）`,
     children: null
   }, {
     key: "nocode",
-    label: `未标注（${ce}）`,
+    label: `未标注（${de}）`,
     children: null
   }, {
     key: "pending",
-    label: `待确认（${ae}）`,
+    label: `待确认（${fe}）`,
     children: null
   }, {
     key: "hascode",
-    label: `已标注（${J - ce - ae}）`,
+    label: `已标注（${Q - de - fe}）`,
     children: null
-  }], Pt = () => {
+  }], Mt = () => {
     var e, t;
-    (t = (e = le.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
+    (t = (e = ce.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
       top: 0
     });
-  }, At = (e) => {
-    Lt(e), ee();
-  }, et = (e) => {
-    Se.current++, Ce.current++, G.current++, O >= 0 && f !== void 0 && f !== null && (ge.current[f] = {
-      index: O,
+  }, Ft = (e) => {
+    Dt(e), ne();
+  }, tt = (e) => {
+    Se.current++, Ce.current++, Z.current++, M >= 0 && h !== void 0 && h !== null && (ge.current[h] = {
+      index: M,
       page: l.current || 1
-    }), ee(), h ? Ae(h == null ? void 0 : h.confirmStatus).then((t) => {
-      t ? (Le(e), w()) : D.error("保存失败");
-    }) : (T(y(b({}, l), {
+    }), ne(), f ? xe(f == null ? void 0 : f.confirmStatus).then((t) => {
+      t ? (we(e), w()) : D.error("保存失败");
+    }) : (T(S(b({}, l), {
       current: 1,
       total: void 0
-    })), Le(e)), e === "nocode" && De([]);
-  }, Et = () => {
+    })), we(e)), e === "nocode" && Ne([]);
+  }, Ot = () => {
     if (console.log("一键确认", g, o), !(g != null && g.cvforceDatahub) || !(o != null && o.id))
       return Promise.resolve(!1);
-    xe.confirm({
+    ke.confirm({
       title: "一键保存所有标注？",
       content: "待确认的所有带预标注信息的图片将保存至已标注页签下",
       onOk: () => {
         g.cvforceDatahub.getAllConfirmSamples(a, o.id).then((e) => {
-          D.success("保存成功"), P(y(b({}, l), {
+          D.success("保存成功"), A(S(b({}, l), {
             current: 1
           })), w();
         });
       }
     });
-  }, Mt = (e, t) => {
-    const n = new Set(V);
+  }, Ht = (e, t) => {
+    const n = new Set(P);
     t ? n.add(e) : n.delete(e), Ve(n);
-  }, Bt = (e) => {
-    const t = new Set(V);
+  }, Ut = (e) => {
+    const t = new Set(P);
     e ? v.forEach((n) => {
       t.add(n.id);
     }) : v.forEach((n) => {
       t.delete(n.id);
     }), Ve(t), Ie(e);
-  }, ee = () => {
+  }, ne = () => {
     Ve(/* @__PURE__ */ new Set()), Ie(!1);
-  }, tt = () => {
-    const e = v.filter((n) => V.has(n.id)), t = {
+  }, nt = () => {
+    const e = v.filter((n) => P.has(n.id)), t = {
       nocode: 0,
       pending: 0,
       hascode: 0
@@ -604,12 +630,12 @@ const Xn = (L) => {
     return e.forEach((n) => {
       n.confirmStatus === 1 ? t.pending++ : !n.labels || n.labels.length === 0 ? t.nocode++ : t.hascode++;
     }), t;
-  }, Ft = () => {
-    if (V.size === 0) {
+  }, qt = () => {
+    if (P.size === 0) {
       D.warning("请先选择要删除的图片");
       return;
     }
-    const e = tt(), t = e.nocode > 0, n = e.pending > 0, i = e.hascode > 0, r = /* @__PURE__ */ m("div", {
+    const e = nt(), t = e.nocode > 0, n = e.pending > 0, i = e.hascode > 0, r = /* @__PURE__ */ m("div", {
       children: [/* @__PURE__ */ c("p", {
         style: {
           marginBottom: 16
@@ -687,35 +713,35 @@ const Xn = (L) => {
         children: "彻底移除选中的图片文件及其关联的所有标注坐标、标签信息。数据不可恢复。"
       })]
     });
-    xe.confirm({
+    ke.confirm({
       title: "删除操作确认",
       content: r,
       okText: "确定",
       cancelText: "取消",
       width: 500,
-      onOk: () => Me(void 0, null, function* () {
+      onOk: () => Be(void 0, null, function* () {
         if (!o)
           return;
-        const s = Array.from(V);
+        const s = Array.from(P);
         if (s.length === 0) {
           D.warning("没有选中的图片");
           return;
         }
         try {
-          yield g.cvforceDatahub.delDatasetsIdVersionsVidSamples(a, o.id, s), D.success("删除成功"), ee(), P(y(b({}, l), {
+          yield g.cvforceDatahub.delDatasetsIdVersionsVidSamples(a, o.id, s), D.success("删除成功"), ne(), A(S(b({}, l), {
             current: 1
-          })), w(), W();
+          })), w(), q();
         } catch (d) {
           D.error("删除失败");
         }
       })
     });
-  }, Ot = () => {
-    if (V.size === 0) {
+  }, Kt = () => {
+    if (P.size === 0) {
       D.warning("请先选择要清除标注的图片");
       return;
     }
-    const e = tt(), t = e.nocode > 0, n = e.pending > 0, i = e.hascode > 0, r = /* @__PURE__ */ m("div", {
+    const e = nt(), t = e.nocode > 0, n = e.pending > 0, i = e.hascode > 0, r = /* @__PURE__ */ m("div", {
       children: [/* @__PURE__ */ c("p", {
         style: {
           marginBottom: 16
@@ -790,38 +816,38 @@ const Xn = (L) => {
         children: '保留图片文件，仅删除其内部的标注框（含 AI 预标注）。删除后图片状态变更为"未标注"。'
       })]
     });
-    xe.confirm({
+    ke.confirm({
       title: "删除操作确认",
       content: r,
       okText: "确定",
       cancelText: "取消",
       width: 500,
-      onOk: () => Me(void 0, null, function* () {
+      onOk: () => Be(void 0, null, function* () {
         if (!o)
           return;
-        const s = v.filter((d) => V.has(d.id));
+        const s = v.filter((d) => P.has(d.id));
         if (s.length === 0) {
           D.warning("没有选中的图片");
           return;
         }
         try {
-          const d = s.map((S) => y(b({}, S), {
+          const d = s.map((y) => S(b({}, y), {
             labels: [],
             confirmStatus: 0,
             isLabeled: !1
           }));
-          yield g.cvforceDatahub.updateSamples(a, o.id, d, 0), D.success("清除标注成功"), ee(), P(y(b({}, l), {
+          yield g.cvforceDatahub.updateSamples(a, o.id, d, 0), D.success("清除标注成功"), ne(), A(S(b({}, l), {
             current: 1
-          })), w(), W();
+          })), w(), q();
         } catch (d) {
           D.error("清除标注失败");
         }
       })
     });
   };
-  return /* @__PURE__ */ c(jt, {
-    locale: tn,
-    children: /* @__PURE__ */ c(nn.Provider, {
+  return /* @__PURE__ */ c(Jt, {
+    locale: sn,
+    children: /* @__PURE__ */ c(cn.Provider, {
       value: {
         datasetId: a,
         versionId: (o == null ? void 0 : o.id) || "",
@@ -835,38 +861,38 @@ const Xn = (L) => {
         featuresConfig: {
           labelManager: be,
           datasetManager: N,
-          annotation: ie,
-          filterSwitch: oe,
-          header: I,
-          exampleSrcRoot: re
+          annotation: oe,
+          filterSwitch: se,
+          header: x,
+          exampleSrcRoot: le
         }
       },
-      children: x ? x.markType === "detection" ? /* @__PURE__ */ c("div", {
+      children: k ? k.markType === "detection" ? /* @__PURE__ */ c("div", {
         className: "detection-version-detail",
-        children: It ? o != null && o.id && N && N.preLabel ? /* @__PURE__ */ c(sn, {
+        children: kt ? o != null && o.id && N && N.preLabel ? /* @__PURE__ */ c(hn, {
           datasetId: a,
           versionId: o.id,
           onClose: () => {
-            xt(!1), ze(), W(), w(), P();
+            Lt(!1), ze(), q(), w(), A();
           },
           samples: v,
-          labels: F,
+          labels: O,
           fetchLength: ze
-        }) : null : /* @__PURE__ */ m(an, {
+        }) : null : /* @__PURE__ */ m(gn, {
           className: "product-details-page",
-          header: I === !1 ? void 0 : /* @__PURE__ */ c(fn, {
+          header: x === !1 ? void 0 : /* @__PURE__ */ c(mn, {
             backTo: me,
-            onBackClick: I != null && I.onBackClick ? () => {
-              u && Y(), I.onBackClick && I.onBackClick();
+            onBackClick: x != null && x.onBackClick ? () => {
+              u && te(), x.onBackClick && x.onBackClick();
             } : void 0,
             left: !Fe && /* @__PURE__ */ m(pe, {
               children: [/* @__PURE__ */ c("span", {
                 style: {
                   fontWeight: "bold"
                 },
-                children: x == null ? void 0 : x.name
-              }), /* @__PURE__ */ c(Gt, {
-                disabled: (I == null ? void 0 : I.versionSelect) === !1,
+                children: k == null ? void 0 : k.name
+              }), /* @__PURE__ */ c(Qt, {
+                disabled: (x == null ? void 0 : x.versionSelect) === !1,
                 value: o == null ? void 0 : o.id,
                 style: {
                   width: 70
@@ -877,35 +903,35 @@ const Xn = (L) => {
                 })),
                 onChange: (e) => {
                   const t = ve.find((i) => i.id === e);
-                  if (!x || !t)
+                  if (!k || !t)
                     return;
                   const n = ve.find((i) => i.id === t.id);
-                  se(n), ee(), I != null && I.onVersionChange && I.onVersionChange(n);
+                  ae(n), ne(), x != null && x.onVersionChange && x.onVersionChange(n);
                 }
               })]
             }),
             right: /* @__PURE__ */ m(pe, {
-              children: [!u && N && N.add && /* @__PURE__ */ c(ct, {
+              children: [!u && N && N.add && /* @__PURE__ */ c(at, {
                 isPreLabel: H,
                 placement: "bottom",
-                children: /* @__PURE__ */ c(te, {
+                children: /* @__PURE__ */ c(ie, {
                   type: "default",
-                  onClick: () => we(!0),
-                  disabled: j === ne.Pending || j === ne.Started || H,
+                  onClick: () => De(!0),
+                  disabled: G === re.Pending || G === re.Started || H,
                   children: "导入数据"
                 }, "del")
-              }), /* @__PURE__ */ c(ot, {
+              }), /* @__PURE__ */ c(lt, {
                 menu: {
                   items: [{
                     key: "manual",
-                    label: /* @__PURE__ */ c(ct, {
+                    label: /* @__PURE__ */ c(at, {
                       isPreLabel: H,
                       children: /* @__PURE__ */ c(pe, {
-                        children: N && N.label && /* @__PURE__ */ c(te, {
+                        children: N && N.label && /* @__PURE__ */ c(ie, {
                           type: "text",
                           disabled: H,
                           onClick: () => {
-                            u || Le("nocode"), fe(!0), z(-1), f === "nocode" && (z(0), R(v[0])), ue(!0);
+                            u || we("nocode"), j(!0), V(-1), h === "nocode" && (V(0), R(v[0])), ue(!0);
                           },
                           children: "人工标注"
                         })
@@ -913,103 +939,103 @@ const Xn = (L) => {
                     })
                   }, !u && N && N.preLabel && (o != null && o.id) ? {
                     key: "auto",
-                    label: /* @__PURE__ */ c(pn, {
+                    label: /* @__PURE__ */ c(Sn, {
                       buttonType: "text",
                       datasetId: a,
                       versionId: o.id,
                       disabled: !v.length,
-                      setIsTaskChange: Ct,
+                      setIsTaskChange: xt,
                       datasetType: "detection",
-                      preLabelTask: Ge
+                      preLabelTask: Ze
                     })
                   } : null]
                 },
                 placement: "bottom",
-                children: /* @__PURE__ */ m(te, {
+                children: /* @__PURE__ */ m(ie, {
                   type: "primary",
-                  children: ["开始标注", /* @__PURE__ */ c(at, {})]
+                  children: ["开始标注", /* @__PURE__ */ c(dt, {})]
                 })
-              }), /* @__PURE__ */ c(gn, {
-                when: bt,
+              }), /* @__PURE__ */ c(yn, {
+                when: vt,
                 content: "确认要离开此页面吗？",
                 subContent: "离开此页面后，将结束导入，放弃未上传的文件，请谨慎操作！"
-              }), Ke && /* @__PURE__ */ c(dn, {
-                datasetIam: ut,
+              }), Ke && /* @__PURE__ */ c(pn, {
+                datasetIam: gt,
                 datasetId: a,
                 currentVersion: o,
-                tenCode: x == null ? void 0 : x.tenantCode,
+                tenCode: k == null ? void 0 : k.tenantCode,
                 isVisible: Ke,
-                setIsVisible: we,
+                setIsVisible: De,
                 getVersionListRequest: w,
-                setIsConfirm: mt,
+                setIsConfirm: bt,
                 onUploadStatusChange: (e) => {
-                  pt(e);
+                  mt(e);
                 },
                 tableReload: () => {
                   var e, t, n;
-                  o != null && o.id && ((t = (e = le.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
+                  o != null && o.id && ((t = (e = ce.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
                     top: 0
-                  }), P(y(b({}, l), {
+                  }), A(S(b({}, l), {
                     current: 1
-                  })), (n = ke.current) == null || n.fetchLabels());
+                  })), (n = Le.current) == null || n.fetchLabels());
                 },
-                loadVersionData: Je,
-                markType: x.markType
+                loadVersionData: Qe,
+                markType: k.markType
               })]
             })
           }),
           children: [/* @__PURE__ */ m("div", {
             className: "detection-header",
             children: [/* @__PURE__ */ m(pe, {
-              children: [oe.tabs && /* @__PURE__ */ c(Zt, {
+              children: [se.tabs && /* @__PURE__ */ c(Yt, {
                 className: "header-tab",
-                activeKey: f,
-                items: Ye,
-                onChange: et
-              }), !u && oe.search && /* @__PURE__ */ c(un, {
+                activeKey: h,
+                items: et,
+                onChange: tt
+              }), !u && se.search && /* @__PURE__ */ c(vn, {
                 placeholder: "请输入图片名称搜索",
                 style: {
                   width: 200
                 },
-                suffix: /* @__PURE__ */ c(cn, {}),
-                value: Q,
-                onChange: At,
+                suffix: /* @__PURE__ */ c(un, {}),
+                value: ee,
+                onChange: Ft,
                 allowClear: !0
-              }), !u && /* @__PURE__ */ c(ot, {
+              }), !u && /* @__PURE__ */ c(lt, {
                 menu: {
                   items: [{
                     key: "deleteWithAnnotations",
                     label: "删除所选图片（含标注）",
-                    onClick: Ft
+                    onClick: qt
                   }, {
                     key: "clearAnnotations",
                     label: "仅清除所选图片内的标注",
-                    onClick: Ot
+                    onClick: Kt
                   }]
                 },
-                disabled: V.size === 0,
-                children: /* @__PURE__ */ m(te, {
+                disabled: P.size === 0,
+                children: /* @__PURE__ */ m(ie, {
                   size: "middle",
-                  disabled: V.size === 0,
-                  children: ["删除", /* @__PURE__ */ c(at, {})]
+                  disabled: P.size === 0,
+                  children: ["删除", /* @__PURE__ */ c(dt, {})]
                 })
-              }), !u && /* @__PURE__ */ m(rt, {
-                children: [/* @__PURE__ */ c(lt, {
-                  checked: wt,
-                  onChange: (e) => Bt(e.target.checked),
+              }), !u && /* @__PURE__ */ m(ot, {
+                children: [/* @__PURE__ */ c(st, {
+                  checked: Nt,
+                  onChange: (e) => Ut(e.target.checked),
                   children: "选择当前页"
-                }), V.size > 0 && /* @__PURE__ */ m("span", {
+                }), P.size > 0 && /* @__PURE__ */ m("span", {
                   style: {
                     color: "#666"
                   },
-                  children: ["已选中", V.size, "张，共", l.total || 0, "张"]
+                  children: ["已选中", P.size, "张，共", l.total || 0, "张"]
                 })]
               })]
             }), /* @__PURE__ */ c(pe, {
-              children: f === "pending" && /* @__PURE__ */ c(te, {
+              children: h === "pending" && /* @__PURE__ */ c(ie, {
                 type: "primary",
                 className: "pending-confirm-button",
-                onClick: Et,
+                onClick: Ot,
                 children: "一键确认"
               })
             })]
@@ -1017,34 +1043,36 @@ const Xn = (L) => {
             className: "d-row",
             children: [/* @__PURE__ */ m("div", {
               className: "d-right",
-              ref: le,
-              children: [he && /* @__PURE__ */ c(yn, {
+              ref: ce,
+              children: [Y && /* @__PURE__ */ c(kn, {
                 datasetId: a,
-                isImageDetailVisible: he,
+                isImageDetailVisible: Y,
                 setIsImageDetailVisible: ue,
-                currentSample: h != null ? h : u,
-                labels: F,
-                previewMode: !de,
-                filterItems: Ye,
-                filterMode: f,
-                onFilterChange: et,
-                onChange: E,
-                onNextClick: (e) => Qe(e),
-                onPrevClick: (e) => Nt(e),
-                onSave: (e, t) => Vt(e, t),
-                onDeleteSample: () => zt(),
+                currentSample: f != null ? f : u,
+                labels: O,
+                previewMode: !he,
+                filterItems: et,
+                filterMode: h,
+                onFilterChange: tt,
+                onChange: z,
+                onNextClick: (e) => Ye(e),
+                onPrevClick: (e) => Pt(e),
+                onSave: (e, t) => At(e, t),
+                onDeleteSample: () => Bt(),
                 onEnterEdit: () => {
-                  fe(!0);
+                  j(!0);
                 },
+                onBackToDetail: (e) => Et(e),
+                onLoadingChange: Rt,
                 onRefresh: () => {
                   var e;
-                  (e = W()) == null || e.then((t) => {
+                  (e = q()) == null || e.then((t) => {
                     var n, i;
-                    if (h) {
+                    if (f) {
                       const r = [];
-                      (n = h.labels) == null || n.forEach((s) => {
+                      (n = f.labels) == null || n.forEach((s) => {
                         t != null && t.find((d) => d.id === s.id) && r.push(s);
-                      }), h.labels = r, E(b({}, h));
+                      }), f.labels = r, z(b({}, f));
                     }
                     if (u) {
                       const r = [];
@@ -1056,55 +1084,55 @@ const Xn = (L) => {
                 },
                 isPreLabel: H,
                 imgCount: {
-                  total: J,
-                  index: O + 1
+                  total: Q,
+                  index: M + 1
                 },
                 settingHide: !be,
                 canLabel: !!(N && N.label),
                 canDelete: !!(N && N.delete)
-              }), l.total !== void 0 && l.total > 0 ? /* @__PURE__ */ c(rt, {
-                children: /* @__PURE__ */ c(Yt, {
+              }), l.total !== void 0 && l.total > 0 ? /* @__PURE__ */ c(ot, {
+                children: /* @__PURE__ */ c(on, {
                   innerProps: {
                     className: "d-right-row"
                   },
                   data: v,
                   itemKey: "id",
-                  height: Math.max(dt, 1),
-                  onScroll: Tt,
+                  height: Math.max(ft, 1),
+                  onScroll: zt,
                   children: (e, t) => {
                     var n;
-                    return /* @__PURE__ */ c(_t, {
+                    return /* @__PURE__ */ c(en, {
                       className: "d-right-col",
                       "data-sample-id": e.id,
                       children: /* @__PURE__ */ m("div", {
                         className: "right-col-wrapper",
-                        onMouseEnter: () => Re(e.id),
-                        onMouseLeave: () => Re(""),
+                        onMouseEnter: () => Te(e.id),
+                        onMouseLeave: () => Te(""),
                         children: [/* @__PURE__ */ c("div", {
                           className: "detection-status-wrapper",
-                          children: /* @__PURE__ */ c(vn, {
+                          children: /* @__PURE__ */ c(xn, {
                             sample: e
                           })
                         }), /* @__PURE__ */ c("div", {
                           className: "sample-checkbox-wrapper",
-                          children: /* @__PURE__ */ c(lt, {
-                            checked: V.has(e.id),
+                          children: /* @__PURE__ */ c(st, {
+                            checked: P.has(e.id),
                             onChange: (i) => {
-                              i.stopPropagation(), Mt(e.id, i.target.checked);
+                              i.stopPropagation(), Ht(e.id, i.target.checked);
                             },
                             onClick: (i) => i.stopPropagation()
                           })
                         }), /* @__PURE__ */ c("div", {
                           className: "right-col-img",
-                          onClick: () => Dt(t),
-                          children: /* @__PURE__ */ c(hn, {
+                          onClick: () => Tt(t),
+                          children: /* @__PURE__ */ c(bn, {
                             fileKey: e.fileKey,
                             width: 124,
                             thumbnailUrl: e.thumbnailUrl
                           })
                         }), /* @__PURE__ */ m("div", {
                           className: "right-col-text",
-                          children: [(n = e.labels) != null && n.length ? /* @__PURE__ */ c(Xt, {
+                          children: [(n = e.labels) != null && n.length ? /* @__PURE__ */ c(tn, {
                             placement: "top",
                             title: /* @__PURE__ */ c("div", {
                               children: Object.keys(e.labels.reduce((i, r) => (i[r.label] ? ++i[r.label] : i[r.label] = 1, i), {})).map((i) => /* @__PURE__ */ c("div", {
@@ -1130,7 +1158,7 @@ const Xn = (L) => {
                                   color: "rgba(0,0,0,0.45)",
                                   marginLeft: 5
                                 },
-                                children: Rt(e)
+                                children: Vt(e)
                               }) : null]
                             })
                           }) : /* @__PURE__ */ c("span", {
@@ -1149,18 +1177,18 @@ const Xn = (L) => {
                 })
               }) : /* @__PURE__ */ c("div", {
                 className: "empty",
-                children: l.total === 0 ? /* @__PURE__ */ c(Jt, {
-                  image: rn,
+                children: l.total === 0 ? /* @__PURE__ */ c(nn, {
+                  image: an,
                   description: /* @__PURE__ */ m("span", {
-                    children: ["暂无数据", f !== "hascode" && !Q && /* @__PURE__ */ c("span", {
-                      children: N && N.add && /* @__PURE__ */ m(te, {
+                    children: ["暂无数据", h !== "hascode" && !ee && /* @__PURE__ */ c("span", {
+                      children: N && N.add && /* @__PURE__ */ m(ie, {
                         type: "link",
                         size: "small",
                         style: {
                           padding: 0
                         },
-                        onClick: () => we(!0),
-                        disabled: j === ne.Pending || j === ne.Started,
+                        onClick: () => De(!0),
+                        disabled: G === re.Pending || G === re.Started,
                         children: [/* @__PURE__ */ c("span", {
                           style: {
                             color: "black"
@@ -1170,32 +1198,37 @@ const Xn = (L) => {
                       })
                     })]
                   })
-                }) : /* @__PURE__ */ c(Qt, {})
+                }) : /* @__PURE__ */ c(rn, {})
               })]
-            }), f !== "nocode" && oe.labels && /* @__PURE__ */ c("div", {
+            }), h !== "nocode" && se.labels && /* @__PURE__ */ c("div", {
               className: "d-sider",
-              children: /* @__PURE__ */ c(on, {
-                ref: ke,
+              children: /* @__PURE__ */ c(dn, {
+                ref: Le,
                 datasetId: a,
-                data: F || [],
-                selected: K,
+                data: O || [],
+                showStatColumns: !0,
+                selected: W,
                 onSelectedChange: (e) => {
-                  ee(), De((F == null ? void 0 : F.filter((t) => e.find((n) => n.label === t.label))) || []);
+                  ne(), Ne((O == null ? void 0 : O.filter((t) => e.find((n) => n.label === t.label))) || []);
                 },
                 onListChange: (e) => {
                   if (!o)
                     return;
                   let t = 2;
-                  f === "pending" ? t = 1 : f === "hascode" && (t = 0), g.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(a, o.id, {
+                  h === "pending" ? t = 1 : h === "hascode" && (t = 0), g.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(a, o.id, {
                     confirmStatus: t
                   }).then((n) => {
-                    const r = (n || []).filter((d) => d.label !== "nocode").map((d, S) => ({
-                      label: d.label,
-                      count: d.count,
-                      id: d.id,
-                      color: st[S % 40]
-                    })), s = K.filter((d) => r.some((S) => S.id === d.id));
-                    je(r), K.length !== s.length && De(s);
+                    const r = (n || []).filter((d) => d.label !== "nocode").map((d, y) => {
+                      var C;
+                      return {
+                        label: d.label,
+                        count: d.count,
+                        boxCount: (C = d.boxCount) != null ? C : 0,
+                        id: d.id,
+                        color: ct[y % 40]
+                      };
+                    }), s = W.filter((d) => r.some((y) => y.id === d.id));
+                    je(r), W.length !== s.length && Ne(s);
                   }), w();
                 },
                 isPreLabel: H
@@ -1214,6 +1247,6 @@ const Xn = (L) => {
   });
 };
 export {
-  Sn as ISampleActionType,
-  Xn as default
+  wn as ISampleActionType,
+  ii as default
 };