@glodon-aiot/dataset-annotation 3.14.0-alpha.31 → 3.15.0-alpha.1

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

@@ -1,651 +1,619 @@
 var ft = Object.defineProperty, ht = Object.defineProperties;
 var ut = Object.getOwnPropertyDescriptors;
-var Ae = Object.getOwnPropertySymbols;
-var gt = Object.prototype.hasOwnProperty, mt = Object.prototype.propertyIsEnumerable;
-var Ee = (N, f, o) => f in N ? ft(N, f, { enumerable: !0, configurable: !0, writable: !0, value: o }) : N[f] = o, g = (N, f) => {
-  for (var o in f || (f = {}))
-    gt.call(f, o) && Ee(N, o, f[o]);
-  if (Ae)
-    for (var o of Ae(f))
-      mt.call(f, o) && Ee(N, o, f[o]);
-  return N;
-}, S = (N, f) => ht(N, ut(f));
-import { jsx as s, jsxs as V, Fragment as ze } from "react/jsx-runtime";
-import { useRef as pt, useState as d, useEffect as u } from "react";
-import { message as z, ConfigProvider as bt, Space as te, Select as vt, Button as ie, Tabs as St, Col as Ct, Tooltip as yt, Empty as It, Spin as Lt, Modal as Dt } from "antd";
-import kt from "rc-virtual-list";
-import { UploadZipsStatus as K, PreLabelTaskStatus as Tt } from "@glodon-aiot/apis";
-import xt from "antd/es/locale/zh_CN";
-import Vt from "../../DatasetContext/index.mjs";
+var we = Object.getOwnPropertySymbols;
+var mt = Object.prototype.hasOwnProperty, pt = Object.prototype.propertyIsEnumerable;
+var Ee = (T, f, l) => f in T ? ft(T, f, { enumerable: !0, configurable: !0, writable: !0, value: l }) : T[f] = l, g = (T, f) => {
+  for (var l in f || (f = {}))
+    mt.call(f, l) && Ee(T, l, f[l]);
+  if (we)
+    for (var l of we(f))
+      pt.call(f, l) && Ee(T, l, f[l]);
+  return T;
+}, y = (T, f) => ht(T, ut(f));
+import { jsx as o, jsxs as v, Fragment as he } from "react/jsx-runtime";
+import { useRef as bt, useState as d, useEffect as h } from "react";
+import { message as K, ConfigProvider as gt, Space as ee, Select as vt, Button as M, Tabs as Ct, Col as St, Tooltip as yt, Empty as It, Spin as Lt, Modal as kt } from "antd";
+import Dt from "rc-virtual-list";
+import { UploadZipsStatus as U, PreLabelTaskStatus as Tt } from "@glodon-aiot/apis";
+import Vt from "antd/es/locale/zh_CN";
+import xt from "../../DatasetContext/index.mjs";
 import Nt from "./icon_item_empty.svg.mjs";
 import "./style.less.mjs";
-import { tagColors as Me } from "../../utils/index.mjs";
-import Pt from "./components/Labels/index.mjs";
-import { useKeyPress as wt } from "ahooks";
-import Fe from "./components/DisabledTooltip/index.mjs";
-import At from "./PreSamplesPage/index.mjs";
-import { SearchOutlined as Et } from "@ant-design/icons";
-import zt from "../../Common/Page/index.mjs";
-import Mt from "../PicZipImportModal/index.mjs";
-import Ft from "../PageNav/index.mjs";
-import Rt from "../Thumbnail/index.mjs";
-import Bt from "../CompositionInput/index.mjs";
-import { Prompt as Ot } from "../hooks/Prompt.mjs";
-import Ht from "../PreLabelOCR/index.mjs";
-import Kt from "lodash/merge";
-import { DEFAULT_FILTER_SWITCH as Ut } from "../../constant.mjs";
-import jt from "./components/ImageModal/index.mjs";
-const bi = (N) => {
-  var Pe;
+import { tagColors as ze } from "../../utils/index.mjs";
+import Pt from "./components/ImageDetail/index.mjs";
+import wt from "./components/Labels/index.mjs";
+import { useKeyPress as Et } from "ahooks";
+import Ae from "./components/DisabledTooltip/index.mjs";
+import zt from "./PreSamplesPage/index.mjs";
+import { SearchOutlined as At } from "@ant-design/icons";
+import Mt from "../../Common/Page/index.mjs";
+import Rt from "../PicZipImportModal/index.mjs";
+import Bt from "../PageNav/index.mjs";
+import Ot from "../Thumbnail/index.mjs";
+import Ht from "../CompositionInput/index.mjs";
+import { Prompt as Ft } from "../hooks/Prompt.mjs";
+import Kt from "../PreLabelOCR/index.mjs";
+import Ut from "lodash/merge";
+import { DEFAULT_FILTER_SWITCH as jt } from "../../constant.mjs";
+const bi = (T) => {
+  var Ne;
   const {
     services: f,
-    datasetId: o,
-    versionId: X,
-    backTo: Re,
-    labelManager: he = !1,
-    datasetManager: D = !1,
-    annotation: Be,
-    header: k = {
+    datasetId: l,
+    versionId: G,
+    backTo: Me,
+    labelManager: ue = !1,
+    datasetManager: m = !1,
+    annotation: Re,
+    header: I = {
       versionSelect: !1
     },
-    exampleSrcRoot: Oe
-  } = N, U = g({}, Ut);
-  Kt(U, N.filterSwitch);
-  const j = pt(null), [C, ue] = d(), [i, Z] = d(), [Y, He] = d([]), [ge, me] = d(!1), [$, pe] = d(0), [y, ne] = d(""), [B, be] = d(0), [Ke, Ue] = d(), [ve, re] = d(!1), [Se, je] = d(!1), [Ce, Ze] = d(!0), [$e, We] = d(!1), [P, ye] = d([]), [p, E] = d([]), [W, q] = d(!1), [_, G] = d(!1), [M, b] = d(-1), [v, m] = d(), [c, I] = d(), [r, x] = d({
+    exampleSrcRoot: Be
+  } = T, j = g({}, jt);
+  Ut(j, T.filterSwitch);
+  const Z = bt(null), [C, me] = d(), [i, $] = d(), [J, Oe] = d([]), [pe, be] = d(!1), [B, ge] = d(0), [S, te] = d(""), [O, ve] = d(0), [He, Fe] = d(), [Ce, ie] = d(!1), [Se, Ke] = d(!1), [ye, Ue] = d(!0), [je, Ze] = d(!1), [P, Ie] = d([]), [b, H] = d([]), [w, Q] = d(!1), [ne, le] = d(!1), [W, V] = d(-1), [p, L] = d(), [a, E] = d(), [r, N] = d({
     current: 0,
     pageSize: 100
-  }), [F, oe] = d([]), [R, qe] = d(""), [_e, Ge] = d(!1), [Ie, Le] = d(), [ee, le] = d(null), [w, De] = d(!1), [Je, ke] = d(!1), [Qe, Xe] = d(0), [Zt, se] = d(""), [J, Ye] = d(""), [et, tt] = d(), O = () => {
-    m(void 0), I(void 0), b(-1), q(!1), H(), setTimeout(() => {
-      x((e) => S(g({}, e), {
+  }), [F, re] = d([]), [R, $e] = d(""), [We, qe] = d(!1), [Le, ke] = d(), [X, oe] = d(null), [x, De] = d(!1), [_e, Te] = d(!1), [Ge, Je] = d(0), [Qe, se] = d(""), [q, Xe] = d(""), [Ye, et] = d(), z = () => {
+    L(void 0), E(void 0), V(-1), Q(!1), Y(), setTimeout(() => {
+      N((e) => y(g({}, e), {
         current: 1,
         type: void 0
       }));
     }, 10);
   };
-  wt("Esc", O), u(() => {
-    o && f.cvforceDatahub.getS3Iam(o).then((e) => {
-      Ue(e);
+  Et("Esc", z), h(() => {
+    l && f.cvforceDatahub.getS3Iam(l).then((e) => {
+      Fe(e);
     });
-  }, [o]), u(() => {
-    f.cvforceDatahub && f.cvforceDatahub.getOptionsImgproxy().then((e) => tt(e));
-  }, [f.cvforceDatahub]), u(() => {
-    T();
-  }, [i == null ? void 0 : i.id]), u(() => {
-    o && (me(!0), Promise.all([
+  }, [l]), h(() => {
+    f.cvforceDatahub && f.cvforceDatahub.getOptionsImgproxy().then((e) => et(e));
+  }, [f.cvforceDatahub]), h(() => {
+    D();
+  }, [i == null ? void 0 : i.id]), h(() => {
+    l && (be(!0), Promise.all([
       // 数据集
-      f.cvforceDatahub.getDatasetsId(o).then((e) => {
-        ue(e);
+      f.cvforceDatahub.getDatasetsId(l).then((e) => {
+        me(e);
       }),
       // 版本列表
-      f.cvforceDatahub.getDatasetsIdVersions(o, 1, 1e3).then((e) => {
-        He(e.recordList), Z(X ? e.recordList.find((t) => t.id === X) : e.recordList[0]);
+      f.cvforceDatahub.getDatasetsIdVersions(l, 1, 1e3).then((e) => {
+        Oe(e.recordList), $(G ? e.recordList.find((t) => t.id === G) : e.recordList[0]);
       })
-    ]).finally(() => me(!1)));
-  }, [o, X]);
-  const Te = () => {
-    !o || !i || f.cvforceDatahub.getDatasetsIdVersionsVid(o, i.id).then((e) => {
-      Z(e), qe(e.versionAsyncTask.state);
+    ]).finally(() => be(!1)));
+  }, [l, G]);
+  const Ve = () => {
+    !l || !i || f.cvforceDatahub.getDatasetsIdVersionsVid(l, i.id).then((e) => {
+      $(e), $e(e.versionAsyncTask.state);
     });
   };
-  u(() => {
-    R !== K.Pending && R !== K.Started || z.warning("文件导入中，请刷新页面再试");
-  }, [R]), u(() => {
-    Z(void 0), x(S(g({}, r), {
+  h(() => {
+    R !== U.Pending && R !== U.Started || K.warning("文件导入中，请刷新页面再试");
+  }, [R]), h(() => {
+    $(void 0), N(y(g({}, r), {
       current: 1
-    })), E([]), Te();
-  }, [o, X]), u(() => {
-    o && f.cvforceDatahub.getDatasetsId(o).then((e) => {
-      ue(e);
+    })), H([]), Ve();
+  }, [l, G]), h(() => {
+    l && f.cvforceDatahub.getDatasetsId(l).then((e) => {
+      me(e);
     });
-  }, [o]), u(() => {
-    H();
-  }, [F, i]), u(() => {
-    !i || !C || A(S(g({}, r), {
+  }, [l]), h(() => {
+    Y();
+  }, [F, i]), h(() => {
+    !i || !C || A(y(g({}, r), {
       current: 1
     })).then((e) => {
     });
-  }, [C == null ? void 0 : C.id, i == null ? void 0 : i.id, F]), u(() => {
+  }, [C == null ? void 0 : C.id, i == null ? void 0 : i.id, F]), h(() => {
     A().then((e) => {
-    }), T();
-  }, [r.current]), u(() => {
-    w && T();
-  }, [Ie]), u(() => {
-    A(S(g({}, r), {
+    }), D();
+  }, [r.current]), h(() => {
+    x && D();
+  }, [Le]), h(() => {
+    A(y(g({}, r), {
       current: 1,
       total: void 0
     })).then((e) => {
-      e && (!v && !_ || (Array.isArray(e) && e.length ? (b(0), m(e[0]), I(void 0)) : (m(void 0), I(void 0), b(-1), H(), setTimeout(() => {
-        x((t) => S(g({}, t), {
-          current: 1,
-          type: void 0
-        }));
-      }, 10))));
+      e && p && (Array.isArray(e) && e.length ? (V(0), L(e[0]), E(void 0)) : z());
     });
-  }, [y]), u(() => {
-    _ || (m(void 0), I(void 0), q(!1), b(-1), H(), T());
-  }, [_]), u(() => {
-    We(!Ce && Se);
-  }, [Ce, Se]), u(() => {
-    if (!o) {
-      ee && (clearTimeout(ee), le(null)), Le(void 0);
+  }, [S]), h(() => {
+    ne || L(void 0);
+  }, [ne]), h(() => {
+    !w && p && Q(!0);
+  }, [p]), h(() => {
+    !b.length && w && z();
+  }, [b.length, w]), h(() => {
+    Ze(!ye && Se);
+  }, [ye, Se]), h(() => {
+    if (!l) {
+      X && (clearTimeout(X), oe(null)), ke(void 0);
       return;
     }
-    ae();
-  }, [o, i == null ? void 0 : i.id]), u(() => {
-    ae();
-  }, [_e]), u(() => {
     ce();
-  }, [w, o, i]), u(() => {
-    A(S(g({}, r), {
+  }, [l, i == null ? void 0 : i.id]), h(() => {
+    ce();
+  }, [We]), h(() => {
+    ae();
+  }, [x, l, i]), h(() => {
+    A(y(g({}, r), {
       current: 1
-    })), T();
-  }, [J]), u(() => {
+    })), D();
+  }, [q]), h(() => {
     se("");
-  }, [v]);
-  const ce = () => {
-    i && f.cvforceDatahub.getDatasetsIdVersionsVidSamples(o, i.id, {
+  }, [p]);
+  const ae = () => {
+    i && f.cvforceDatahub.getDatasetsIdVersionsVidSamples(l, i.id, {
       pageNo: 1,
       pageSize: 1e3,
       confirmStatus: 1
     }).then((e) => {
-      Xe(e.recordList.length);
+      Je(e.recordList.length);
     });
-  }, ae = () => {
-    !o || !i || f.cvforceDatahub.getPreLabelTask(o, i.id).then((e) => {
+  }, ce = () => {
+    !l || !i || f.cvforceDatahub.getPreLabelTask(l, i.id).then((e) => {
       const t = e[0];
-      if (Le(t), ee && (clearTimeout(ee), le(null)), !(t != null && t.state) || t.state !== Tt.Started) {
-        De(!1), T();
+      if (ke(t), X && (clearTimeout(X), oe(null)), !(t != null && t.state) || t.state !== Tt.Started) {
+        De(!1), D();
         return;
       } else
         De(!0);
-      le(setTimeout(() => {
-        ae();
+      oe(setTimeout(() => {
+        ce();
       }, 1e4));
     });
   };
-  u(() => {
+  h(() => {
     C && C.markType !== "detection" && console.error("当前数据集不是detection(物体检测)类型，请检查数据集类型。");
   }, [C]);
   const A = (e, t) => {
-    const l = (e == null ? void 0 : e.current) || r.current, n = (e == null ? void 0 : e.pageSize) || r.pageSize;
-    if (!o || !i || !l)
+    const s = (e == null ? void 0 : e.current) || r.current, n = (e == null ? void 0 : e.pageSize) || r.pageSize;
+    if (!l || !i || !s)
       return Promise.resolve(!1);
-    const a = F.map((L) => L.label), h = () => {
-      switch (y) {
+    const c = F.map((k) => k.label), u = () => {
+      switch (S) {
         case "nocode":
           return "nocode";
         case "hascode":
-          return a.length ? a : "hascode";
+          return c.length ? c : "hascode";
         default:
-          return a.length ? a : void 0;
+          return c.length ? c : void 0;
       }
     };
-    return l === 1 && ct(), x(S(g({}, r), {
-      current: l,
+    return s === 1 && at(), N(y(g({}, r), {
+      current: s,
       pageSize: n
-    })), f.cvforceDatahub.getDatasetsIdVersionsVidSamples(o, i.id, {
-      pageNo: l,
+    })), f.cvforceDatahub.getDatasetsIdVersionsVidSamples(l, i.id, {
+      pageNo: s,
       pageSize: n,
-      labels: h(),
-      searchName: J
-    }).then((L) => {
-      const Q = L.recordList || [], we = l === 1 ? Q : [...t || p, ...Q];
-      if (E(we), x(S(g({}, r), {
-        current: l,
+      labels: u(),
+      searchName: q
+    }).then((k) => {
+      const _ = k.recordList || [], Pe = s === 1 ? _ : [...t || b, ..._];
+      if (H(Pe), N(y(g({}, r), {
+        current: s,
         pageSize: n,
-        total: L.totalResults
-      })), r.type === "next" && Q.length) {
-        b(0);
-        const fe = L.recordList[0];
-        m(fe);
+        total: k.totalResults
+      })), r.type === "next" && _.length) {
+        V(0);
+        const fe = k.recordList[0];
+        L(fe);
       }
-      if (r.type === "prev" && Q.length) {
-        b(r.pageSize - 1);
-        const fe = L.recordList[r.pageSize - 1];
-        m(fe);
+      if (r.type === "prev" && _.length) {
+        V(r.pageSize - 1);
+        const fe = k.recordList[r.pageSize - 1];
+        L(fe);
       }
-      return W && M < 0 && (b(0), m(Q[0]), G(!0)), we;
+      return w && W < 0 && (V(0), L(_[0]), le(!0)), Pe;
     }).catch(() => !1);
   };
-  u(() => {
-    x(y === "nocode" ? S(g({}, r), {
-      total: $
-    }) : y === "" ? S(g({}, r), {
+  h(() => {
+    N(S === "nocode" ? y(g({}, r), {
       total: B
-    }) : S(g({}, r), {
-      total: B - $
+    }) : S === "" ? y(g({}, r), {
+      total: O
+    }) : y(g({}, r), {
+      total: O - B
     }));
-  }, [$, B]);
-  const T = () => {
-    !o || !i || f.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(o, i.id, {
+  }, [B, O]);
+  const D = () => {
+    !l || !i || f.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(l, i.id, {
       label: "allcode",
-      searchName: J
+      searchName: q
     }).then((e) => {
-      const t = e.find((n) => n.id === "allcodeid"), l = e.find((n) => n.id === "nocodeid");
-      be(t ? t.count : 0), pe(l ? l.count : 0);
+      const t = e.find((n) => n.id === "allcodeid"), s = e.find((n) => n.id === "nocodeid");
+      ve(t ? t.count : 0), ge(s ? s.count : 0);
     });
-  }, H = () => {
-    if (!(!o || !(i != null && i.id)))
-      return f.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(o, i.id).then((e) => {
-        const l = (e || []).filter((n) => n.label !== "nocode").map((n, a) => ({
+  }, Y = () => {
+    if (!(!l || !(i != null && i.id)))
+      return f.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(l, i.id).then((e) => {
+        const s = (e || []).filter((n) => n.label !== "nocode").map((n, c) => ({
           label: n.label,
           count: n.count,
           id: n.id,
-          color: Me[a % 40]
+          color: ze[c % 40]
         }));
-        return ye(l), e;
+        return Ie(s), e;
       });
-  }, it = (e) => {
-    if (!p)
+  }, tt = (e) => {
+    if (!b)
       return;
-    q(!1), b(e);
-    const t = p[e];
-    m(t), I(void 0), G(!0);
+    V(e);
+    const t = b[e];
+    L(t), le(!0);
   };
-  u(() => {
+  h(() => {
     r.type || A();
-  }, [r.type]), u(() => {
-    if (!c)
+  }, [r.type]), h(() => {
+    if (!a)
       return;
     const e = [];
-    c == null || c.labels.forEach((t) => {
-      P != null && P.find((l) => l.id === t.id) && e.push(t);
-    }), c.labels = e, I(c);
+    a == null || a.labels.forEach((t) => {
+      P != null && P.find((s) => s.id === t.id) && e.push(t);
+    }), a.labels = e, E(a);
   }, [P]);
   const xe = () => {
-    if (p) {
-      if (!W) {
-        E((e) => {
-          var a;
-          if (!Array.isArray(e) || !e.length)
-            return O(), e;
-          const t = M + 1, n = !!F.length ? e.length : (a = r.total) != null ? a : e.length;
-          return t >= e.length ? t >= n ? z.error("已经是最后一个了") : A({
-            current: r.current + 1,
-            pageSize: r.pageSize,
-            type: "next"
-          }, e).then((h) => {
-            b(t);
-            const L = h[t];
-            m(L), I(void 0);
-          }) : setTimeout(() => {
-            b(t);
-            const h = e[t];
-            m(h), I(void 0);
-          }, 200), e;
-        });
-        return;
-      }
-      return de().then((e) => (e && (T(), E((t) => {
-        let l;
+    if (b)
+      return de().then((e) => (e && (D(), H((t) => {
+        let s;
         if (Array.isArray(t)) {
           if (!t.length)
-            return O(), t;
-          const n = !c || c.labels.length && y === "hascode" || !c.labels.length && y === "nocode" || y === "" ? M + 1 : M;
-          if (c && (c.labels.length && y === "nocode" || !c.labels.length && y === "hascode")) {
-            const a = t.findIndex((h) => h.id === c.id);
-            a > -1 && (t.splice(a, 1), l = [...t], r.total && (r.total = r.total - 1));
+            return z(), t;
+          const n = !a || a.labels.length && S === "hascode" || !a.labels.length && S === "nocode" || S === "" ? W + 1 : W;
+          if (a && (a.labels.length && S === "nocode" || !a.labels.length && S === "hascode")) {
+            const c = t.findIndex((u) => u.id === a.id);
+            c > -1 && (t.splice(c, 1), s = [...t], r.total && (r.total = r.total - 1));
           }
-          n >= t.length ? r.total && n >= r.total ? z.error("已经是最后一个了") : A({
+          n >= t.length ? r.total && n >= r.total ? K.error("已经是最后一个了") : A({
             current: r.current + 1,
             pageSize: r.pageSize,
             type: "next"
-          }, t).then((a) => {
-            b(n);
-            const h = a[n];
-            m(h), I(void 0);
+          }, t).then((c) => {
+            V(n);
+            const u = c[n];
+            L(u), E(void 0);
           }) : setTimeout(() => {
-            b(n);
-            const a = t[n];
-            m(a), I(void 0);
+            V(n);
+            const c = t[n];
+            L(c), E(void 0);
           }, 200);
         }
-        return l || t;
+        return s || t;
       })), e));
-    }
-  }, nt = () => {
-    if (p) {
-      if (!W) {
-        E((e) => {
-          if (!Array.isArray(e) || !e.length)
-            return O(), e;
-          const t = M - 1;
-          return t < 0 ? z.error("已经是第一个了") : setTimeout(() => {
-            b(t);
-            const l = e[t];
-            m(l), I(void 0);
-          }, 200), e;
-        });
-        return;
-      }
-      de().then((e) => {
-        e && (T(), E((t) => {
-          let l;
-          if (Array.isArray(t)) {
-            if (!t.length)
-              return O(), t;
-            const n = M - 1;
-            if (n < 0)
-              n < 0 ? z.error("已经是第一个了") : x({
-                current: r.current - 1,
-                pageSize: r.pageSize,
-                type: "prev"
-              });
-            else {
-              if (c && (c.labels.length && y === "nocode" || !c.labels.length && y === "hascode")) {
-                const a = t.findIndex((h) => h.id === c.id);
-                a > -1 && (t.splice(a, 1), l = [...t], r.total && (r.total = r.total - 1));
-              }
-              setTimeout(() => {
-                b(n);
-                const a = t[n];
-                m(a), I(void 0);
-              }, 200);
+  }, it = () => {
+    b && de().then((e) => {
+      e && (D(), H((t) => {
+        let s;
+        if (Array.isArray(t)) {
+          if (!t.length)
+            return z(), t;
+          const n = W - 1;
+          if (n < 0)
+            n < 0 ? K.error("已经是第一个了") : N({
+              current: r.current - 1,
+              pageSize: r.pageSize,
+              type: "prev"
+            });
+          else {
+            if (a && (a.labels.length && S === "nocode" || !a.labels.length && S === "hascode")) {
+              const c = t.findIndex((u) => u.id === a.id);
+              c > -1 && (t.splice(c, 1), s = [...t], r.total && (r.total = r.total - 1));
             }
+            setTimeout(() => {
+              V(n);
+              const c = t[n];
+              L(c), E(void 0);
+            }, 200);
           }
-          return l || t;
-        }));
-      });
-    }
-  }, rt = (e) => {
-    const t = Object.keys(e.labels.reduce((l, n) => (l[n.label] ? ++l[n.label] : l[n.label] = 1, l), {})).length;
+        }
+        return s || t;
+      }));
+    });
+  }, nt = (e) => {
+    const t = Object.keys(e.labels.reduce((s, n) => (s[n.label] ? ++s[n.label] : s[n.label] = 1, s), {})).length;
     return t >= 2 ? `+${t - 1}` : null;
-  }, ot = (e) => {
+  }, lt = (e) => {
     var t;
-    (!r.total || r.total > p.length) && e.currentTarget.scrollHeight - e.currentTarget.scrollTop === ((t = j.current) == null ? void 0 : t.clientHeight) && x(S(g({}, r), {
+    (!r.total || r.total > b.length) && e.currentTarget.scrollHeight - e.currentTarget.scrollTop === ((t = Z.current) == null ? void 0 : t.clientHeight) && N(y(g({}, r), {
       current: r.current + 1
     }));
-  }, de = () => i ? c && !w ? (c.labels && (c.labels = c.labels.filter((e) => !!e.id)), f.cvforceDatahub.updateSamples(o, i.id, [c], 0).then(() => (z.success({
+  }, de = () => i ? a && !x ? (a.labels && (a.labels = a.labels.filter((e) => !!e.id)), f.cvforceDatahub.updateSamples(l, i.id, [a], 0).then(() => (K.success({
     content: "保存成功"
-  }), E((e) => {
-    const t = e.findIndex((l) => l.id === (c == null ? void 0 : c.id));
-    return t > -1 && (e[t] = c), [...e];
-  }), !0)).catch(() => !1)) : Promise.resolve(!0) : Promise.resolve(!1), lt = () => {
-    if (c && c.labels.some((e) => !e.id))
-      return z.error("所有标注需设置标签"), Promise.resolve(!1);
+  }), H((e) => {
+    const t = e.findIndex((s) => s.id === (a == null ? void 0 : a.id));
+    return t > -1 && (e[t] = a), [...e];
+  }), !0)).catch(() => !1)) : Promise.resolve(!0) : Promise.resolve(!1), rt = () => {
+    if (a && a.labels.some((e) => !e.id))
+      return K.error("所有标注需设置标签"), Promise.resolve(!1);
     xe();
-  }, st = () => {
-    Dt.confirm({
+  }, ot = () => {
+    kt.confirm({
       title: "确认要删除当前数据吗？",
       content: "数据包含当前标注的内容和图片，删除后无法恢复，请确认是否删除！",
       onOk: () => {
-        !v || !i || f.cvforceDatahub.delDatasetsIdVersionsVidSamplesId(o, i.id, v.id).then(() => {
-          const e = p.findIndex((l) => l.id === v.id);
-          p.splice(e, 1);
-          const t = p.length;
-          E([...p]), x(S(g({}, r), {
+        !p || !i || f.cvforceDatahub.delDatasetsIdVersionsVidSamplesId(l, i.id, p.id).then(() => {
+          const e = b.findIndex((t) => t.id === p.id);
+          b.splice(e, 1), H([...b]), N(y(g({}, r), {
             total: r.total ? r.total - 1 : 0
-          })), e <= p.length - 1 ? m(p[e]) : (m(p[e - 1]), b(e - 1)), T(), I(void 0), (t === 0 || r.total && r.total - 1 === 0) && (m(void 0), I(void 0), b(-1), W || G(!1), setTimeout(() => {
-            x((l) => S(g({}, l), {
-              current: 1,
-              type: void 0
-            }));
-          }, 10));
+          })), e <= b.length - 1 ? L(b[e]) : (L(b[e - 1]), V(e - 1)), D(), E(void 0), r.total && r.total - 1 === 0 && z();
         });
       }
     });
-  }, Ve = [{
+  }, st = [{
     key: "",
-    label: `全部（${B}）`,
+    label: `全部（${O}）`,
     children: null
   }, {
     key: "nocode",
-    label: `未标注（${$}）`,
+    label: `未标注（${B}）`,
     children: null
   }, {
     key: "hascode",
-    label: `已标注（${B - $}）`,
+    label: `已标注（${O - B}）`,
     children: null
-  }], ct = () => {
+  }], at = () => {
     var e, t;
-    (t = (e = j.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
+    (t = (e = Z.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
       top: 0
     });
-  }, at = () => {
-    ke(!0);
+  }, ct = () => {
+    Te(!0);
   }, dt = (e) => {
-    Ye(e);
-  }, Ne = (e) => {
-    c ? de().then((t) => {
-      t ? (ne(e), T()) : z.error("保存失败");
-    }) : (x(S(g({}, r), {
-      current: 1,
-      total: void 0
-    })), ne(e)), e === "nocode" && oe([]);
+    Xe(e);
   };
-  return /* @__PURE__ */ s(bt, {
-    locale: xt,
-    children: /* @__PURE__ */ s(Vt.Provider, {
+  return /* @__PURE__ */ o(gt, {
+    locale: Vt,
+    children: /* @__PURE__ */ o(xt.Provider, {
       value: {
-        datasetId: o,
+        datasetId: l,
         versionId: (i == null ? void 0 : i.id) || "",
         no: (i == null ? void 0 : i.no) || "",
-        loading: ge,
+        loading: pe,
         version: i,
-        versions: Y,
-        samples: p,
+        versions: J,
+        samples: b,
         pagination: r,
         services: f,
         featuresConfig: {
-          labelManager: he,
-          datasetManager: D,
-          annotation: Be,
-          filterSwitch: U,
-          header: k,
-          exampleSrcRoot: Oe
+          labelManager: ue,
+          datasetManager: m,
+          annotation: Re,
+          filterSwitch: j,
+          header: I,
+          exampleSrcRoot: Be
         }
       },
-      children: C ? C.markType === "detection" ? /* @__PURE__ */ s("div", {
+      children: C ? C.markType === "detection" ? /* @__PURE__ */ o("div", {
         className: "detection-version-detail",
-        children: Je ? i != null && i.id && D && D.preLabel ? /* @__PURE__ */ s(At, {
-          datasetId: o,
+        children: _e ? i != null && i.id && m && m.preLabel ? /* @__PURE__ */ o(zt, {
+          datasetId: l,
           versionId: i.id,
           onClose: () => {
-            ke(!1), ce(), H(), T(), A();
+            Te(!1), ae(), Y(), D(), A();
           },
-          samples: p,
+          samples: b,
           labels: P,
-          fetchLength: ce
-        }) : null : /* @__PURE__ */ V(zt, {
+          fetchLength: ae
+        }) : null : /* @__PURE__ */ v(Mt, {
           className: "product-details-page",
-          header: k === !1 ? void 0 : /* @__PURE__ */ s(Ft, {
-            backTo: Re,
-            onBackClick: k != null && k.onBackClick ? () => {
-              v && O(), k.onBackClick && k.onBackClick();
+          header: I === !1 ? void 0 : /* @__PURE__ */ o(Bt, {
+            backTo: Me,
+            onBackClick: I != null && I.onBackClick ? () => {
+              p && z(), I.onBackClick && I.onBackClick();
             } : void 0,
-            left: !ge && /* @__PURE__ */ V(te, {
-              children: [/* @__PURE__ */ s("span", {
+            left: !pe && /* @__PURE__ */ v(ee, {
+              children: [/* @__PURE__ */ o("span", {
                 style: {
                   fontWeight: "bold"
                 },
                 children: C == null ? void 0 : C.name
-              }), /* @__PURE__ */ s(vt, {
-                disabled: (k == null ? void 0 : k.versionSelect) === !1,
+              }), /* @__PURE__ */ o(vt, {
+                disabled: w || (I == null ? void 0 : I.versionSelect) === !1,
                 value: i == null ? void 0 : i.id,
                 style: {
                   width: 70
                 },
-                options: Y.map((e) => ({
+                options: J.map((e) => ({
                   label: e.no,
                   value: e.id
                 })),
                 onChange: (e) => {
-                  const t = Y.find((n) => n.id === e);
+                  const t = J.find((n) => n.id === e);
                   if (!C || !t)
                     return;
-                  const l = Y.find((n) => n.id === t.id);
-                  Z(l), k != null && k.onVersionChange && k.onVersionChange(l);
+                  const s = J.find((n) => n.id === t.id);
+                  $(s), I != null && I.onVersionChange && I.onVersionChange(s);
                 }
               })]
             }),
-            right: /* @__PURE__ */ V(te, {
-              children: [!v && D && D.add && /* @__PURE__ */ s(Fe, {
-                isPreLabel: w,
+            right: /* @__PURE__ */ v(ee, {
+              children: [!p && m && m.add && /* @__PURE__ */ o(Ae, {
+                isPreLabel: x,
                 placement: "bottom",
-                children: /* @__PURE__ */ s(ie, {
+                children: /* @__PURE__ */ o(M, {
                   type: "default",
-                  onClick: () => re(!0),
-                  disabled: R === K.Pending || R === K.Started || w,
+                  onClick: () => ie(!0),
+                  disabled: R === U.Pending || R === U.Started || x,
                   children: "导入数据"
                 }, "del")
-              }), !v && D && D.preLabel && (i != null && i.id) ? /* @__PURE__ */ V(ze, {
-                children: [/* @__PURE__ */ s(Ht, {
-                  datasetId: o,
+              }), !p && m && m.preLabel && (i != null && i.id) ? /* @__PURE__ */ v(he, {
+                children: [/* @__PURE__ */ o(Kt, {
+                  datasetId: l,
                   versionId: i.id,
-                  disabled: !p.length,
-                  setIsTaskChange: Ge,
+                  disabled: !b.length,
+                  setIsTaskChange: qe,
                   datasetType: "detection",
-                  preLabelTask: Ie
-                }), /* @__PURE__ */ s(ie, {
-                  disabled: w || !Qe,
-                  onClick: at,
+                  preLabelTask: Le
+                }), /* @__PURE__ */ o(M, {
+                  disabled: x || !Ge,
+                  onClick: ct,
                   children: "待确认标注"
                 })]
-              }) : null, /* @__PURE__ */ s(Ot, {
-                when: $e,
+              }) : null, /* @__PURE__ */ o(Ft, {
+                when: je,
                 content: "确认要离开此页面吗？",
                 subContent: "离开此页面后，将结束导入，放弃未上传的文件，请谨慎操作！"
-              }), ve && /* @__PURE__ */ s(Mt, {
-                datasetIam: Ke,
-                datasetId: o,
+              }), Ce && /* @__PURE__ */ o(Rt, {
+                datasetIam: He,
+                datasetId: l,
                 currentVersion: i,
                 tenCode: C == null ? void 0 : C.tenantCode,
-                isVisible: ve,
-                setIsVisible: re,
-                getVersionListRequest: T,
-                setIsConfirm: Ze,
+                isVisible: Ce,
+                setIsVisible: ie,
+                getVersionListRequest: D,
+                setIsConfirm: Ue,
                 onUploadStatusChange: (e) => {
-                  je(e);
+                  Ke(e);
                 },
                 tableReload: () => {
                   var e, t;
-                  i != null && i.id && ((t = (e = j.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
+                  i != null && i.id && ((t = (e = Z.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
                     top: 0
-                  }), A(S(g({}, r), {
+                  }), A(y(g({}, r), {
                     current: 1
                   })));
                 },
-                loadVersionData: Te
+                loadVersionData: Ve
               })]
             })
           }),
-          children: [/* @__PURE__ */ V("div", {
+          children: [/* @__PURE__ */ v("div", {
             className: "detection-header",
-            children: [/* @__PURE__ */ V(te, {
-              children: [U.tabs && /* @__PURE__ */ s(St, {
+            children: [/* @__PURE__ */ v(ee, {
+              children: [j.tabs && /* @__PURE__ */ o(Ct, {
                 className: "header-tab",
-                activeKey: y,
-                items: Ve,
-                onChange: Ne
-              }), !v && U.search && /* @__PURE__ */ s(Bt, {
+                activeKey: S,
+                items: st,
+                onChange: (e) => {
+                  a ? (de().then((t) => {
+                    t ? (te(e), D()) : K.error("保存失败");
+                  }), Q(!1)) : (N(y(g({}, r), {
+                    current: 1,
+                    total: void 0
+                  })), te(e)), e === "nocode" && re([]);
+                }
+              }), !w && !p && j.search && /* @__PURE__ */ o(Ht, {
                 placeholder: "请输入图片名称搜索",
-                suffix: /* @__PURE__ */ s(Et, {}),
-                value: J,
+                suffix: /* @__PURE__ */ o(At, {}),
+                value: q,
                 onChange: dt,
                 allowClear: !0
               })]
-            }), /* @__PURE__ */ s(Fe, {
-              isPreLabel: w,
-              children: /* @__PURE__ */ s(te, {
-                children: D && D.label && /* @__PURE__ */ s(ie, {
+            }), /* @__PURE__ */ o(Ae, {
+              isPreLabel: x,
+              children: /* @__PURE__ */ v(ee, {
+                children: [w ? /* @__PURE__ */ v(he, {
+                  children: [m && m.label ? /* @__PURE__ */ o(M, {
+                    type: "primary",
+                    onClick: () => rt(),
+                    disabled: x,
+                    children: "保存"
+                  }) : null, /* @__PURE__ */ o(M, {
+                    onClick: z,
+                    children: "退出"
+                  })]
+                }) : m && m.label && /* @__PURE__ */ o(M, {
                   type: "primary",
-                  disabled: w,
+                  disabled: !B || x,
                   onClick: () => {
-                    v || ne("nocode"), q(!0), b(-1), y === "nocode" && (b(0), m(p[0])), G(!0);
+                    p || te("nocode"), Q(!0), V(-1), S === "nocode" && (V(0), L(b[0]));
                   },
-                  children: "标注"
-                })
+                  children: "单张标注"
+                }), w && m && m.delete && /* @__PURE__ */ o(M, {
+                  onClick: ot,
+                  disabled: x,
+                  children: "删除数据"
+                })]
               })
             })]
-          }), /* @__PURE__ */ V("div", {
+          }), /* @__PURE__ */ v("div", {
             className: "d-row",
-            children: [/* @__PURE__ */ V("div", {
+            children: [/* @__PURE__ */ v("div", {
               className: "d-right",
-              ref: j,
-              children: [_ && /* @__PURE__ */ s(jt, {
-                datasetId: o,
-                isImageDetailVisible: _,
-                setIsImageDetailVisible: G,
-                currentSample: c != null ? c : v,
+              ref: Z,
+              children: [p && /* @__PURE__ */ o(Pt, {
+                datasetId: l,
+                isImageDetailVisible: ne,
+                setIsImageDetailVisible: le,
+                currentSample: a != null ? a : p,
                 labels: P,
-                previewMode: !W,
-                filterItems: Ve,
-                filterMode: y,
-                onFilterChange: Ne,
-                onChange: I,
+                editing: w,
+                onChange: E,
                 onNextClick: () => xe(),
-                onPrevClick: () => nt(),
-                onSave: () => lt(),
-                onDeleteSample: () => st(),
-                onEnterEdit: () => {
-                  q(!0);
-                },
+                onPrevClick: () => it(),
                 onRefresh: () => {
                   var e;
-                  (e = H()) == null || e.then((t) => {
-                    var l, n;
-                    if (c) {
-                      const a = [];
-                      (l = c.labels) == null || l.forEach((h) => {
-                        t != null && t.find((L) => L.id === h.id) && a.push(h);
-                      }), c.labels = a, I(g({}, c));
+                  (e = Y()) == null || e.then((t) => {
+                    var s, n;
+                    if (a) {
+                      const c = [];
+                      (s = a.labels) == null || s.forEach((u) => {
+                        t != null && t.find((k) => k.id === u.id) && c.push(u);
+                      }), a.labels = c, E(g({}, a));
                     }
-                    if (v) {
-                      const a = [];
-                      (n = v.labels) == null || n.forEach((h) => {
-                        t != null && t.find((L) => L.id === h.id) && a.push(h);
-                      }), v.labels = a, m(g({}, v));
+                    if (p) {
+                      const c = [];
+                      (n = p.labels) == null || n.forEach((u) => {
+                        t != null && t.find((k) => k.id === u.id) && c.push(u);
+                      }), p.labels = c, L(g({}, p));
                     }
-                  }), T();
+                  }), D();
                 },
-                isPreLabel: w,
+                isPreLabel: x,
                 imgCount: {
-                  total: B,
-                  index: M + 1
+                  total: O,
+                  index: W + 1
                 },
-                settingHide: !he,
-                canLabel: !!(D && D.label),
-                canDelete: !!(D && D.delete)
-              }), v ? /* @__PURE__ */ s("div", {}) : r.total !== void 0 && r.total > 0 ? /* @__PURE__ */ s(ze, {
-                children: /* @__PURE__ */ s(kt, {
+                settingHide: !ue,
+                readonly: m === !1 || m && m.label === !1
+              }), p ? /* @__PURE__ */ o("div", {}) : r.total !== void 0 && r.total > 0 ? /* @__PURE__ */ o(he, {
+                children: /* @__PURE__ */ o(Dt, {
                   innerProps: {
                     className: "d-right-row"
                   },
-                  data: p,
+                  data: b,
                   itemKey: "id",
-                  height: (Pe = j.current) == null ? void 0 : Pe.clientHeight,
-                  onScroll: ot,
+                  height: (Ne = Z.current) == null ? void 0 : Ne.clientHeight,
+                  onScroll: lt,
                   children: (e, t) => {
-                    var l;
-                    return /* @__PURE__ */ s(Ct, {
+                    var s;
+                    return /* @__PURE__ */ o(St, {
                       className: "d-right-col",
-                      onClick: () => it(t),
-                      children: /* @__PURE__ */ V("div", {
+                      children: /* @__PURE__ */ v("div", {
                         className: "right-col-wrapper",
                         onMouseEnter: () => se(e.id),
                         onMouseLeave: () => se(""),
-                        children: [/* @__PURE__ */ s("div", {
+                        children: [/* @__PURE__ */ v("div", {
                           className: "right-col-img",
-                          children: /* @__PURE__ */ s(Rt, {
+                          children: [/* @__PURE__ */ o(Ot, {
                             fileKey: e.fileKey,
                             width: 124,
-                            imgProxy: et
-                          })
-                        }), /* @__PURE__ */ V("div", {
+                            imgProxy: Ye
+                          }), Qe === e.id && /* @__PURE__ */ v("div", {
+                            className: "img-mask",
+                            children: [/* @__PURE__ */ o("div", {
+                              className: "img-file-name",
+                              children: e.sampleFileName.name
+                            }), /* @__PURE__ */ o(M, {
+                              type: "default",
+                              onClick: () => tt(t),
+                              children: m && m.label ? "标注" : "查看"
+                            })]
+                          })]
+                        }), /* @__PURE__ */ v("div", {
                           className: "right-col-text",
-                          children: [(l = e.labels) != null && l.length ? /* @__PURE__ */ s(yt, {
+                          children: [(s = e.labels) != null && s.length ? /* @__PURE__ */ o(yt, {
                             placement: "top",
-                            title: /* @__PURE__ */ s("div", {
-                              children: Object.keys(e.labels.reduce((n, a) => (n[a.label] ? ++n[a.label] : n[a.label] = 1, n), {})).map((n) => /* @__PURE__ */ s("div", {
+                            title: /* @__PURE__ */ o("div", {
+                              children: Object.keys(e.labels.reduce((n, c) => (n[c.label] ? ++n[c.label] : n[c.label] = 1, n), {})).map((n) => /* @__PURE__ */ o("div", {
                                 children: n
                               }, n))
                             }),
-                            children: /* @__PURE__ */ V("div", {
+                            children: /* @__PURE__ */ v("div", {
                               style: {
                                 width: "100%",
                                 display: "flex"
                               },
-                              children: [/* @__PURE__ */ s("span", {
+                              children: [/* @__PURE__ */ o("span", {
                                 style: {
                                   display: "inline-block",
                                   maxWidth: "calc(100% - 25px)",
@@ -654,21 +622,21 @@ const bi = (N) => {
                                   whiteSpace: "nowrap"
                                 },
                                 children: e.labels[0].label
-                              }), e.labels.length > 1 ? /* @__PURE__ */ s("span", {
+                              }), e.labels.length > 1 ? /* @__PURE__ */ o("span", {
                                 style: {
                                   color: "rgba(0,0,0,0.45)",
                                   marginLeft: 5
                                 },
-                                children: rt(e)
+                                children: nt(e)
                               }) : null]
                             })
-                          }) : /* @__PURE__ */ s("span", {
+                          }) : /* @__PURE__ */ o("span", {
                             style: {
                               color: "rgba(0,0,0,0.45)",
                               width: "100%"
                             },
                             children: "无标签"
-                          }), /* @__PURE__ */ s("div", {
+                          }), /* @__PURE__ */ o("div", {
                             children: t + 1
                           })]
                         })]
@@ -676,21 +644,21 @@ const bi = (N) => {
                     }, e.id);
                   }
                 })
-              }) : /* @__PURE__ */ s("div", {
+              }) : /* @__PURE__ */ o("div", {
                 className: "empty",
-                children: r.total === 0 ? /* @__PURE__ */ s(It, {
+                children: r.total === 0 ? /* @__PURE__ */ o(It, {
                   image: Nt,
-                  description: /* @__PURE__ */ V("span", {
-                    children: ["暂无数据", y !== "hascode" && !J && /* @__PURE__ */ s("span", {
-                      children: D && D.add && /* @__PURE__ */ V(ie, {
+                  description: /* @__PURE__ */ v("span", {
+                    children: ["暂无数据", S !== "hascode" && !q && /* @__PURE__ */ o("span", {
+                      children: m && m.add && /* @__PURE__ */ v(M, {
                         type: "link",
                         size: "small",
                         style: {
                           padding: 0
                         },
-                        onClick: () => re(!0),
-                        disabled: R === K.Pending || R === K.Started,
-                        children: [/* @__PURE__ */ s("span", {
+                        onClick: () => ie(!0),
+                        disabled: R === U.Pending || R === U.Started,
+                        children: [/* @__PURE__ */ o("span", {
                           style: {
                             color: "black"
                           },
@@ -699,34 +667,34 @@ const bi = (N) => {
                       })
                     })]
                   })
-                }) : /* @__PURE__ */ s(Lt, {})
+                }) : /* @__PURE__ */ o(Lt, {})
               })]
-            }), y !== "nocode" && !v && U.labels && /* @__PURE__ */ s("div", {
+            }), S !== "nocode" && !p && j.labels && /* @__PURE__ */ o("div", {
               className: "d-sider",
-              children: /* @__PURE__ */ s(Pt, {
-                datasetId: o,
+              children: /* @__PURE__ */ o(wt, {
+                datasetId: l,
                 data: P || [],
                 selected: F,
                 onSelectedChange: (e) => {
-                  oe((P == null ? void 0 : P.filter((t) => e.find((l) => l.label === t.label))) || []);
+                  re((P == null ? void 0 : P.filter((t) => e.find((s) => s.label === t.label))) || []);
                 },
                 onListChange: (e) => {
-                  i && (f.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(o, i.id).then((t) => {
-                    const n = (t || []).filter((h) => h.label !== "nocode").map((h, L) => ({
-                      label: h.label,
-                      count: h.count,
-                      id: h.id,
-                      color: Me[L % 40]
-                    })), a = F.filter((h) => n.some((L) => L.id === h.id));
-                    ye(n), F.length !== a.length && oe(a);
-                  }), T());
+                  i && (f.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(l, i.id).then((t) => {
+                    const n = (t || []).filter((u) => u.label !== "nocode").map((u, k) => ({
+                      label: u.label,
+                      count: u.count,
+                      id: u.id,
+                      color: ze[k % 40]
+                    })), c = F.filter((u) => n.some((k) => k.id === u.id));
+                    Ie(n), F.length !== c.length && re(c);
+                  }), D());
                 },
-                isPreLabel: w
+                isPreLabel: x
               })
             })]
           })]
         })
-      }) : /* @__PURE__ */ s("div", {
+      }) : /* @__PURE__ */ o("div", {
         style: {
           color: "red",
           textAlign: "center"