@glodon-aiot/dataset-annotation 3.19.0 → 3.19.2-alpha.0

package/dist/es/components/VLMAnnotationDetail/VLMDetail/index.mjs

@@ -1,257 +1,267 @@
-var ot = Object.defineProperty, st = Object.defineProperties;
-var at = Object.getOwnPropertyDescriptors;
-var Qe = Object.getOwnPropertySymbols;
-var ct = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable;
-var Be = (k, C, f) => C in k ? ot(k, C, { enumerable: !0, configurable: !0, writable: !0, value: f }) : k[C] = f, L = (k, C) => {
-  for (var f in C || (C = {}))
-    ct.call(C, f) && Be(k, f, C[f]);
-  if (Qe)
-    for (var f of Qe(C))
-      lt.call(C, f) && Be(k, f, C[f]);
+var ft = Object.defineProperty, ut = Object.defineProperties;
+var gt = Object.getOwnPropertyDescriptors;
+var Ke = Object.getOwnPropertySymbols;
+var ht = Object.prototype.hasOwnProperty, mt = Object.prototype.propertyIsEnumerable;
+var Oe = (k, y, u) => y in k ? ft(k, y, { enumerable: !0, configurable: !0, writable: !0, value: u }) : k[y] = u, V = (k, y) => {
+  for (var u in y || (y = {}))
+    ht.call(y, u) && Oe(k, u, y[u]);
+  if (Ke)
+    for (var u of Ke(y))
+      mt.call(y, u) && Oe(k, u, y[u]);
   return k;
-}, j = (k, C) => st(k, at(C));
-var z = (k, C, f) => new Promise((M, h) => {
-  var x = (v) => {
+}, Q = (k, y) => ut(k, gt(y));
+var T = (k, y, u) => new Promise((L, m) => {
+  var v = (C) => {
     try {
-      R(f.next(v));
-    } catch (H) {
-      h(H);
+      Z(u.next(C));
+    } catch (A) {
+      m(A);
     }
-  }, ge = (v) => {
+  }, he = (C) => {
     try {
-      R(f.throw(v));
-    } catch (H) {
-      h(H);
+      Z(u.throw(C));
+    } catch (A) {
+      m(A);
     }
-  }, R = (v) => v.done ? M(v.value) : Promise.resolve(v.value).then(x, ge);
-  R((f = f.apply(k, C)).next());
+  }, Z = (C) => C.done ? L(C.value) : Promise.resolve(C.value).then(v, he);
+  Z((u = u.apply(k, y)).next());
 });
-import { jsxs as K, jsx as l, Fragment as dt } from "react/jsx-runtime";
-import { Tabs as Re, message as $, Spin as ft, Space as He, Button as ue, Modal as ut } from "antd";
-import { forwardRef as gt, useContext as ht, useMemo as pt, useRef as Q, useState as g, useEffect as re, useImperativeHandle as mt } from "react";
+import { jsxs as K, jsx as l, Fragment as We } from "react/jsx-runtime";
+import { Tabs as Te, message as P, Spin as pt, Space as Je, Button as ge, Modal as Xe } from "antd";
+import { forwardRef as xt, useContext as vt, useMemo as St, useRef as U, useState as h, useEffect as oe, useImperativeHandle as yt } from "react";
 import "./style.less.mjs";
-import xt from "../../DataEmpty/index.mjs";
-import vt from "../../../DatasetContext/index.mjs";
-import yt from "../../VLMAnnotation/index.mjs";
-import Ct from "axios";
-import St from "../MarkVLMBoxModal/AttributeDetail/index.mjs";
-import wt from "../MarkVLMBoxModal/QADetail/index.mjs";
-import { createTokenResolver as It } from "../../../utils/index.mjs";
+import Ct from "../../DataEmpty/index.mjs";
+import wt from "../../../DatasetContext/index.mjs";
+import It from "../../VLMAnnotation/index.mjs";
+import kt from "axios";
+import At from "../MarkVLMBoxModal/AttributeDetail/index.mjs";
+import bt from "../MarkVLMBoxModal/QADetail/index.mjs";
+import { createTokenResolver as Dt } from "../../../utils/index.mjs";
+import Rt from "../../VQAAnnotation/index.mjs";
 const {
   TabPane: Y
-} = Re, Gt = gt((k, C) => {
+} = Te, Bt = xt((k, y) => {
   const {
-    visible: f,
-    selectSampleId: M,
-    datasetId: h,
-    versionId: x,
-    onClose: ge,
-    onSave: R,
-    externalSamples: v,
-    externalPagination: H,
-    externalCurrentIndex: he,
-    externalFilterMode: Ve,
-    onFilterModeChange: pe
-  } = k, {
+    visible: u,
+    selectSampleId: L,
+    datasetId: m,
+    versionId: v,
+    vlmMarkTmpl: he,
+    onClose: Z,
+    onSave: C,
+    externalSamples: A,
+    externalPagination: me,
+    externalCurrentIndex: pe,
+    externalFilterMode: Le,
+    onFilterModeChange: xe
+  } = k, B = he === "VQA", G = (e) => {
+    var t, n, a, i, f, s, r, S, j, ee;
+    return B ? !!((i = (a = (n = (t = e == null ? void 0 : e.content) == null ? void 0 : t.conversations) == null ? void 0 : n[0]) == null ? void 0 : a.value) != null && i.trim() && ((S = (r = (s = (f = e == null ? void 0 : e.content) == null ? void 0 : f.conversations) == null ? void 0 : s[1]) == null ? void 0 : r.value) != null && S.trim())) : ((ee = (j = e == null ? void 0 : e.labels) == null ? void 0 : j.length) != null ? ee : 0) > 0;
+  }, {
     services: {
       cvforceDatahub: d
     },
-    token: Le,
-    getToken: ze,
-    apiUrl: Me
-  } = ht(vt), Ke = pt(() => It(Le, ze), [Le, ze]), O = Q(null), [r, w] = g(), b = Q(void 0), [bt, me] = g(0), [y, F] = g(() => M && (v != null && v.length) ? v : []), [E, T] = g(() => M && he !== void 0 ? he : -1), [s, q] = g(() => M && H ? L({}, H) : {
+    token: ze,
+    getToken: Me,
+    apiUrl: qe
+  } = vt(wt), Ye = St(() => Dt(ze, Me), [ze, Me]), O = U(null), [o, w] = h(), I = U(void 0), [Vt, ve] = h(0), [g, $] = h(() => L && (A != null && A.length) ? A : []), [F, z] = h(() => L && pe !== void 0 ? pe : -1), [c, M] = h(() => L && me ? V({}, me) : {
     current: 1,
     pageSize: 100
-  }), [Te, qe] = g(0), [Ne, Ue] = g(0), [p, oe] = g(() => M && Ve ? Ve : M ? "" : "nocode"), [xe, W] = g(), Z = Q({}), [ve, Pe] = g([]), [m, se] = g("textAnnotation"), [_, J] = g(), [ae, N] = g(!1), ce = Q(0), ye = Q(0), [Ce, Oe] = g(!1), [le, de] = g(!1), [Se, we] = g(!1), [Ge, $e] = g(!1), [fe, Ie] = g(!1), B = Q(null), V = Q(null), be = Q(!1), ke = Q(!1), [We, Je] = g(() => Date.now()), [Xe, Ye] = g(() => Date.now());
-  re(() => {
-    f && (!h || !x || d == null || d.getDatasetsIdVersionsVidConfigs(h, x).then((e) => {
-      Pe(e || []), (e == null ? void 0 : e.length) > 0 ? se("textAnnotation") : se("attributeDefinition");
+  }), [Ne, Pe] = h(0), [Ue, Ge] = h(0), [p, ae] = h(() => L && Le ? Le : L ? "" : "nocode"), [Se, W] = h(), _ = U({}), [ye, $e] = h([]), [x, ce] = h("textAnnotation"), [J, H] = h(), [se, q] = h(!1), le = U(0), Ce = U(0), [we, Ze] = h(!1), [de, fe] = h(!1), [Ie, ke] = h(!1), [Fe, Qe] = h(!1), [ue, Ae] = h(!1), E = U(null), R = U(null), Ee = U(null), be = U(!1), De = U(!1), [_e, et] = h(() => Date.now()), [tt, nt] = h(() => Date.now());
+  oe(() => {
+    u && (!m || !v || B || d == null || d.getDatasetsIdVersionsVidConfigs(m, v).then((e) => {
+      $e(e || []), (e == null ? void 0 : e.length) > 0 ? ce("textAnnotation") : ce("attributeDefinition");
     }));
-  }, [f]), re(() => {
-    const e = s.current || 1, t = s.pageSize || 100, i = s.type;
-    if (!h || !x)
+  }, [u]), oe(() => {
+    const e = c.current || 1, t = c.pageSize || 100, n = c.type;
+    if (!m || !v)
       return;
-    if (ke.current) {
-      ke.current = !1;
+    if (De.current) {
+      De.current = !1;
       return;
     }
-    if (!be.current && M && (v != null && v.length) && H && he !== void 0) {
-      const ee = v.find((D) => D.id === M);
-      if (ee) {
-        be.current = !0, w(ee), me(v.length), A();
+    if (!be.current && L && (A != null && A.length) && me && pe !== void 0) {
+      const te = A.find((D) => D.id === L);
+      if (te) {
+        be.current = !0, w(te), ve(A.length), b();
         return;
       }
     }
-    const n = ++ce.current;
-    we(!0);
-    const a = y || [], o = be.current ? xe : M || xe, S = Z.current[p], u = S == null ? void 0 : S.index, c = S == null ? void 0 : S.page, I = !i && !o && !!c && c > 1, U = I ? 1 : e, P = I ? c * t : t;
-    d == null || d.getDatasetsIdVersionsVidSamples(h, x, {
+    const a = ++le.current;
+    ke(!0);
+    const i = g || [], f = be.current ? Se : L || Se, s = _.current[p], r = s == null ? void 0 : s.index, S = s == null ? void 0 : s.page, j = !n && !f && !!S && S > 1, ee = j ? 1 : e, lt = j ? S * t : t;
+    d == null || d.getDatasetsIdVersionsVidSamples(m, v, {
       labels: p ? [p] : void 0,
-      pageNo: U,
-      pageSize: P
-    }).then((ee) => {
-      var je;
-      if (n !== ce.current)
+      pageNo: ee,
+      pageSize: lt
+    }).then((te) => {
+      var He;
+      if (a !== le.current)
         return;
-      const D = ee.recordList || [], G = U === 1 && !i ? D : i === "prev" ? [...D, ...a] : i === "next" ? [...a, ...D] : D;
-      F(G), I && (ke.current = !0);
-      const Ee = (je = ee.totalResults) != null ? je : 0, De = Math.max(1, Math.ceil(Ee / t) || 1), rt = Math.min(I ? c : e, De);
-      if (I && c != null && c > De) {
-        const ne = Math.min(u != null ? u : 0, Math.max(0, G.length - 1));
-        Z.current[p] = {
-          index: ne,
-          page: De
+      const D = te.recordList || [], N = ee === 1 && !n ? D : n === "prev" ? [...D, ...i] : n === "next" ? [...i, ...D] : D;
+      $(N), j && (De.current = !0);
+      const Be = (He = te.totalResults) != null ? He : 0, Ve = Math.max(1, Math.ceil(Be / t) || 1), dt = Math.min(j ? S : e, Ve);
+      if (j && S != null && S > Ve) {
+        const ie = Math.min(r != null ? r : 0, Math.max(0, N.length - 1));
+        _.current[p] = {
+          index: ie,
+          page: Ve
         };
       }
-      q(j(L({}, s), {
-        current: rt,
+      M(Q(V({}, c), {
+        current: dt,
         pageSize: t,
-        total: Ee,
+        total: Be,
         type: void 0
       }));
-      let te = 0, X = G[0];
-      if (i === "next" && D.length)
-        te = a.length, X = D[0];
-      else if (i === "prev" && D.length)
-        te = D.length - 1, X = D[D.length - 1];
-      else if (o) {
-        const ne = G.findIndex((ie) => ie.id === o);
-        if (ne !== -1)
-          te = ne, X = G[ne];
+      let ne = 0, X = N[0];
+      if (n === "next" && D.length)
+        ne = i.length, X = D[0];
+      else if (n === "prev" && D.length)
+        ne = D.length - 1, X = D[D.length - 1];
+      else if (f) {
+        const ie = N.findIndex((re) => re.id === f);
+        if (ie !== -1)
+          ne = ie, X = N[ie];
         else {
-          d == null || d.getDatasetsIdVersionsVidSsamplesSid(h, x, o).then((ie) => {
-            n === ce.current && ie && (F([ie, ...G]), w(ie), T(0), me(G.length + 1), W(void 0));
+          d == null || d.getDatasetsIdVersionsVidSsamplesSid(m, v, f).then((re) => {
+            a === le.current && re && ($([re, ...N]), w(re), z(0), ve(N.length + 1), W(void 0));
           });
           return;
         }
       } else
-        u !== void 0 && u >= 0 && u < G.length && (te = u, X = G[u]);
-      X && (w(X), T(te), me(G.length), xe && W(void 0));
+        r !== void 0 && r >= 0 && r < N.length && (ne = r, X = N[r]);
+      X && (w(X), z(ne), ve(N.length), Se && W(void 0));
     }).finally(() => {
-      n === ce.current && we(!1);
-    }), A();
-  }, [s.current, p, h, x]);
-  const A = () => {
-    !h || !x || d == null || d.getDatasetsIdVersionsVidLabelcount(h, x).then((e) => {
-      const t = e.find((n) => n.id === "allcodeid"), i = e.find((n) => n.id === "nocodeid");
-      qe(t ? t.count : 0), Ue(i ? i.count : 0);
+      a === le.current && ke(!1);
+    }), b();
+  }, [c.current, p, m, v]);
+  const b = () => {
+    !m || !v || d == null || d.getDatasetsIdVersionsVidLabelcount(m, v).then((e) => {
+      const t = e.find((a) => a.id === "allcodeid"), n = e.find((a) => a.id === "nocodeid");
+      Pe(t ? t.count : 0), Ge(n ? n.count : 0);
     });
-  }, Ae = () => {
-    y && F((e) => {
-      var S, u, c, I;
-      const t = b.current || r, i = [...e];
-      let n;
+  }, Re = () => {
+    g && $((e) => {
+      const t = I.current || o, n = [...e];
+      let a;
       if (t) {
-        const U = i.findIndex((P) => P.id === t.id);
-        U > -1 && i.splice(U, 1, t);
+        const s = n.findIndex((r) => r.id === t.id);
+        s > -1 && n.splice(s, 1, t);
       }
-      const a = !t || (S = t.labels) != null && S.length && p === "hascode" || !((u = t.labels) != null && u.length) && p === "nocode" || p === "" ? E + 1 : E;
-      if (t && ((c = t.labels) != null && c.length && p === "nocode" || !((I = t.labels) != null && I.length) && p === "hascode")) {
-        const U = i.findIndex((P) => P.id === t.id);
-        U > -1 && (i.splice(U, 1), n = [...i], q((P) => j(L({}, P), {
-          total: P.total ? P.total - 1 : P.total
+      const i = !t || G(t) && p === "hascode" || !G(t) && p === "nocode" || p === "" ? F + 1 : F;
+      if (t && (G(t) && p === "nocode" || !G(t) && p === "hascode")) {
+        const s = n.findIndex((r) => r.id === t.id);
+        s > -1 && (n.splice(s, 1), a = [...n], M((r) => Q(V({}, r), {
+          total: r.total ? r.total - 1 : r.total
         })));
       }
-      const o = n || i;
-      return a >= o.length ? ((s.current - 1) * s.pageSize + a, s.total && a >= s.total ? $.error("已经是最后一个了") : q({
-        current: s.current + 1,
-        pageSize: s.pageSize,
+      const f = a || n;
+      return i >= f.length ? ((c.current - 1) * c.pageSize + i, c.total && i >= c.total ? P.error("已经是最后一个了") : M({
+        current: c.current + 1,
+        pageSize: c.pageSize,
         type: "next"
       })) : setTimeout(() => {
-        T(a);
-        const U = o[a];
-        w(U);
-      }, 0), o;
+        z(i);
+        const s = f[i];
+        w(s);
+      }, 0), f;
     });
-  }, Fe = () => {
-    var o, S;
-    if (!y)
+  }, je = () => {
+    if (!g)
       return;
-    const e = b.current || r, t = [...y];
-    let i;
-    if (e && y) {
-      const u = t.findIndex((c) => c.id === e.id);
-      if (u > -1 && t.splice(u, 1, e), (o = e.labels) != null && o.length && p === "nocode" || !((S = e.labels) != null && S.length) && p === "hascode") {
-        const c = t.findIndex((I) => I.id === e.id);
-        c > -1 && (t.splice(c, 1), i = [...t], q((I) => j(L({}, I), {
-          total: I.total ? I.total - 1 : I.total
+    const e = I.current || o, t = [...g];
+    let n;
+    if (e && g) {
+      const f = t.findIndex((s) => s.id === e.id);
+      if (f > -1 && t.splice(f, 1, e), G(e) && p === "nocode" || !G(e) && p === "hascode") {
+        const s = t.findIndex((r) => r.id === e.id);
+        s > -1 && (t.splice(s, 1), n = [...t], M((r) => Q(V({}, r), {
+          total: r.total ? r.total - 1 : r.total
         })));
       }
     }
-    const n = i || t, a = E - 1;
-    if (a < 0)
-      (s.current - 1) * s.pageSize + a < 0 ? $.error("已经是第一个了") : q({
-        current: s.current - 1,
-        pageSize: s.pageSize,
+    const a = n || t, i = F - 1;
+    if (i < 0)
+      (c.current - 1) * c.pageSize + i < 0 ? P.error("已经是第一个了") : M({
+        current: c.current - 1,
+        pageSize: c.pageSize,
         type: "prev"
       });
     else {
-      T(a);
-      const u = n[a];
-      w(u);
+      z(i);
+      const f = a[i];
+      w(f);
     }
-    i && F(i);
+    n && $(n);
   };
-  re(() => {
-    if (!f || !h || !x || !r)
+  oe(() => {
+    if (!u || !m || !v || !o)
       return;
-    const e = ++ye.current;
-    $e(!0), d == null || d.getDatasetsIdVersionsVidSsamplesSid(h, x, r.id).then((t) => {
-      e === ye.current && w(t);
+    const e = ++Ce.current;
+    Qe(!0), d == null || d.getDatasetsIdVersionsVidSsamplesSid(m, v, o.id).then((t) => {
+      e === Ce.current && w(t);
     }).finally(() => {
-      e === ye.current && $e(!1);
+      e === Ce.current && Qe(!1);
     });
-  }, [f, r == null ? void 0 : r.id]);
-  const Ze = () => z(void 0, null, function* () {
-    m === "attributeDefinition" && B.current && !(yield B.current.checkDirtyAndConfirm()) || m === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm()) || ge();
+  }, [u, o == null ? void 0 : o.id]);
+  const it = () => T(void 0, null, function* () {
+    B && J && !(yield new Promise((t) => {
+      Xe.confirm({
+        title: "有未保存的标注，确认关闭吗？",
+        content: "关闭后改动将丢失",
+        onOk: () => t(!0),
+        onCancel: () => t(!1)
+      });
+    })) || x === "attributeDefinition" && E.current && !(yield E.current.checkDirtyAndConfirm()) || x === "qaGeneration" && R.current && !(yield R.current.checkDirtyAndConfirm()) || Z();
   });
-  mt(C, () => ({
-    handleModalCancel: Ze
-  })), re(() => {
+  yt(y, () => ({
+    handleModalCancel: it
+  })), oe(() => {
     O.current && (O.current.width = O.current.offsetWidth, O.current.height = O.current.offsetHeight);
   }, [O.current]);
-  const _e = () => z(void 0, null, function* () {
-    if (ae)
+  const rt = () => T(void 0, null, function* () {
+    if (se)
       return;
-    if (N(!0), m === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm())) {
-      N(!1);
+    if (q(!0), x === "qaGeneration" && R.current && !(yield R.current.checkDirtyAndConfirm())) {
+      q(!1);
       return;
     }
-    const e = b.current || r;
+    const e = I.current || o;
     if (!e) {
-      N(!1);
+      q(!1);
       return;
     }
-    console.log("onPrevClick sampleToUse", e), m === "textAnnotation" && _ ? (de(!0), R(e).then((t) => {
-      t ? (J(void 0), Fe(), A()) : $.error("保存失败");
+    console.log("onPrevClick sampleToUse", e), x === "textAnnotation" && J ? (fe(!0), C(e).then((t) => {
+      t ? (H(void 0), je(), b()) : P.error("保存失败");
     }).finally(() => {
-      de(!1), N(!1);
-    })) : (Fe(), N(!1));
-  }), et = () => z(void 0, null, function* () {
-    if (ae)
+      fe(!1), q(!1);
+    })) : (je(), q(!1));
+  }), ot = () => T(void 0, null, function* () {
+    if (se)
       return;
-    if (N(!0), m === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm())) {
-      N(!1);
+    if (q(!0), x === "qaGeneration" && R.current && !(yield R.current.checkDirtyAndConfirm())) {
+      q(!1);
       return;
     }
-    const e = b.current || r;
+    const e = I.current || o;
     if (!e) {
-      N(!1);
+      q(!1);
       return;
     }
-    console.log("onNextClick sampleToUse", e), m === "textAnnotation" && _ ? (de(!0), R(e).then((t) => {
-      t ? (J(void 0), Ae(), A()) : $.error("保存失败");
+    console.log("onNextClick sampleToUse", e), x === "textAnnotation" && J ? (fe(!0), C(e).then((t) => {
+      t ? (H(void 0), Re(), b()) : P.error("保存失败");
     }).finally(() => {
-      de(!1), N(!1);
-    })) : (Ae(), N(!1));
+      fe(!1), q(!1);
+    })) : (Re(), q(!1));
   });
-  re(() => {
-    b.current = r;
-  }, [r]);
-  const tt = (e) => z(void 0, null, function* () {
-    console.log("ocrRecognize apiUrl", Me);
-    const t = yield Ke();
-    return Ct.post(`${Me}/aishop/v2/infer?serviceId=Actpkb4pi3vxg`, {
+  oe(() => {
+    I.current = o;
+  }, [o]);
+  const at = (e) => T(void 0, null, function* () {
+    console.log("ocrRecognize apiUrl", qe);
+    const t = yield Ye();
+    return kt.post(`${qe}/aishop/v2/infer?serviceId=Actpkb4pi3vxg`, {
       pages: [{
         image: e,
         no: 0
@@ -260,188 +270,198 @@ const {
       headers: {
         Authorization: t ? `Bearer ${t}` : ""
       }
-    }).then((i) => (console.log("ocrRecognize res", i.data.data), i.data.data.pages[0].layout.filter((a) => a.content))).catch((i) => {
-      console.error("ocrRecognize error", i);
+    }).then((n) => (console.log("ocrRecognize res", n.data.data), n.data.data.pages[0].layout.filter((i) => i.content))).catch((n) => {
+      console.error("ocrRecognize error", n);
     });
-  }), nt = () => z(void 0, null, function* () {
-    const e = b.current || r;
-    !e || !h || !x || ut.confirm({
+  }), ct = () => T(void 0, null, function* () {
+    const e = I.current || o;
+    !e || !m || !v || Xe.confirm({
       title: "确认要删除此数据吗？",
       content: "删除后不可恢复，请慎重操作",
-      onOk: () => z(void 0, null, function* () {
+      onOk: () => T(void 0, null, function* () {
         console.log("handleDeleteClick currentSample", e);
         try {
-          yield d == null ? void 0 : d.delDatasetsIdVersionsVidSamplesId(h, x, e.id), $.success("删除成功"), F((t) => {
-            var u;
-            const i = t.findIndex((c) => c.id === e.id);
-            if (i === -1)
+          yield d == null ? void 0 : d.delDatasetsIdVersionsVidSamplesId(m, v, e.id), P.success("删除成功"), $((t) => {
+            var r;
+            const n = t.findIndex((S) => S.id === e.id);
+            if (n === -1)
               return t;
-            const n = [...t.slice(0, i), ...t.slice(i + 1)], a = s.pageSize || 1, o = Math.max(((u = s.total) != null ? u : t.length) - 1, 0), S = n.length === 0 && o > s.current * a;
-            if (q((c) => L(j(L({}, c), {
-              total: o
-            }), S ? {
-              current: c.current + 1,
-              pageSize: a,
+            const a = [...t.slice(0, n), ...t.slice(n + 1)], i = c.pageSize || 1, f = Math.max(((r = c.total) != null ? r : t.length) - 1, 0), s = a.length === 0 && f > c.current * i;
+            if (M((S) => V(Q(V({}, S), {
+              total: f
+            }), s ? {
+              current: S.current + 1,
+              pageSize: i,
               type: "next"
             } : {
-              type: S ? "next" : void 0
-            })), n.length) {
-              const c = Math.min(i, n.length - 1);
-              T(c), w(n[c]);
+              type: s ? "next" : void 0
+            })), a.length) {
+              const S = Math.min(n, a.length - 1);
+              z(S), w(a[S]);
             } else
-              T(-1), w(void 0);
-            return n;
-          }), A();
+              z(-1), w(void 0);
+            return a;
+          }), b();
         } catch (t) {
-          $.error("删除失败");
+          P.error("删除失败");
         }
       })
     });
-  }), it = () => z(void 0, null, function* () {
-    if (!h || !x || !(r != null && r.id))
+  }), st = () => T(void 0, null, function* () {
+    if (!m || !v || !(o != null && o.id))
       return;
-    const e = yield d == null ? void 0 : d.getDatasetsIdVersionsVidSsamplesSid(h, x, r.id);
-    e && (w(e), b.current = e);
+    const e = yield d == null ? void 0 : d.getDatasetsIdVersionsVidSsamplesSid(m, v, o.id);
+    e && (w(e), I.current = e);
   });
   return /* @__PURE__ */ K("div", {
     className: "vlm-records-content",
     children: [/* @__PURE__ */ l("div", {
       className: "records-content-tabs-container",
-      children: /* @__PURE__ */ K(Re, {
+      children: /* @__PURE__ */ K(Te, {
         className: "records-content-tabs",
         activeKey: p,
-        onChange: (e) => z(void 0, null, function* () {
-          var i, n, a;
-          E >= 0 && p !== void 0 && p !== null && (Z.current[p] = {
-            index: E,
-            page: s.current || 1
+        onChange: (e) => T(void 0, null, function* () {
+          var n, a;
+          F >= 0 && p !== void 0 && p !== null && (_.current[p] = {
+            index: F,
+            page: c.current || 1
           });
           let t = !1;
-          if (!(m === "attributeDefinition" && B.current && (t = !!((n = (i = B.current).hasUnsavedChanges) != null && n.call(i)), !(yield B.current.checkDirtyAndConfirm()))) && !(m === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm()))) {
-            if (m === "textAnnotation" && _) {
-              const o = b.current || r;
-              if (o && R) {
-                if (!(yield R(o))) {
-                  $.error("保存失败，已阻止切换筛选");
+          if (!(x === "attributeDefinition" && E.current && (t = !!((a = (n = E.current).hasUnsavedChanges) != null && a.call(n)), !(yield E.current.checkDirtyAndConfirm()))) && !(x === "qaGeneration" && R.current && !(yield R.current.checkDirtyAndConfirm()))) {
+            if (x === "textAnnotation" && J) {
+              const i = I.current || o;
+              if (i && C) {
+                if (!(yield C(i))) {
+                  P.error("保存失败，已阻止切换筛选");
                   return;
                 }
-                w(o), b.current = o, J(void 0), A == null || A(), p === "nocode" && ((a = o == null ? void 0 : o.labels) != null && a.length) && (F([]), w(o), T(-1), W(o.id), q(j(L({}, s), {
+                w(i), I.current = i, H(void 0), b == null || b(), p === "nocode" && G(i) && ($([]), w(i), z(-1), W(i.id), M(Q(V({}, c), {
                   current: 1,
                   total: void 0,
                   type: void 0
-                })), oe("hascode"));
+                })), ae("hascode"));
               }
             }
-            t && Je(Date.now()), Ye(Date.now()), m !== "attributeDefinition" && (we(!0), F([]), w(void 0), T(-1), W(void 0)), q(j(L({}, s), {
+            t && et(Date.now()), nt(Date.now()), x !== "attributeDefinition" && (ke(!0), $([]), w(void 0), z(-1), W(void 0)), M(Q(V({}, c), {
               current: 1,
               total: void 0,
               type: void 0
-            })), oe(e), pe == null || pe(e);
+            })), ae(e), xe == null || xe(e);
           }
         }),
         children: [/* @__PURE__ */ l(Y, {
-          tab: `全部（${Te}）`
+          tab: `全部（${Ne}）`
         }, ""), /* @__PURE__ */ l(Y, {
-          tab: `未标注（${Ne}）`
+          tab: `未标注（${Ue}）`
         }, "nocode"), /* @__PURE__ */ l(Y, {
-          tab: `已标注（${Te - Ne}）`
+          tab: `已标注（${Ne - Ue}）`
         }, "hascode")]
       })
-    }), y != null && y.length ? /* @__PURE__ */ K("div", {
+    }), g != null && g.length ? /* @__PURE__ */ l("div", {
       className: "sample-detail",
-      children: [/* @__PURE__ */ l("div", {
-        className: "content-mode-buttons",
-        children: /* @__PURE__ */ K(Re, {
-          activeKey: m,
-          onChange: (e) => z(void 0, null, function* () {
-            var t, i;
-            if (!(m === "attributeDefinition" && B.current && !(yield B.current.checkDirtyAndConfirm())) && !(m === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm()))) {
-              if (m === "textAnnotation" && R && _ && (b.current || r)) {
-                const n = b.current || r;
-                if (!(yield R(n))) {
-                  $.error("保存失败，已阻止切换页签");
-                  return;
-                }
-                w(n), b.current = n, J(void 0), A == null || A(), p === "nocode" && ((t = n == null ? void 0 : n.labels) != null && t.length) && (E >= 0 && (Z.current.nocode = {
-                  index: E,
-                  page: s.current || 1
-                }), F([]), w(n), T(-1), W(n.id), q(j(L({}, s), {
-                  current: 1,
-                  total: void 0,
-                  type: void 0
-                })), oe("hascode")), p === "hascode" && !((i = n == null ? void 0 : n.labels) != null && i.length) && (E >= 0 && (Z.current.hascode = {
-                  index: E,
-                  page: s.current || 1
-                }), F([]), w(n), T(-1), W(n.id), q(j(L({}, s), {
-                  current: 1,
-                  total: void 0,
-                  type: void 0
-                })), oe("nocode"));
-              }
-              e === "textAnnotation" && (r != null && r.id) && (yield it()), se(e);
-            }
-          }),
-          children: [/* @__PURE__ */ l(Y, {
-            tab: "属性定义",
-            disabled: Ce
-          }, "attributeDefinition"), /* @__PURE__ */ l(Y, {
-            tab: "文本标注",
-            disabled: Ce
-          }, "textAnnotation"), /* @__PURE__ */ l(Y, {
-            tab: "QA生成",
-            disabled: Ce
-          }, "qaGeneration")]
-        })
-      }), m === "textAnnotation" && r && /* @__PURE__ */ l("div", {
+      children: B ? o && /* @__PURE__ */ l("div", {
         className: "container",
-        children: /* @__PURE__ */ l(yt, {
-          sample: r,
-          labelDefinitions: ve,
+        children: /* @__PURE__ */ l(Rt, {
+          ref: Ee,
+          sample: o,
           onChange: (e) => {
-            console.log("接收到 VLMAnnotation onChange", e), b.current = e, J(e);
-          },
-          ocrRecognize: tt
+            I.current = e, H(e);
+          }
         })
-      }), m === "attributeDefinition" && /* @__PURE__ */ l(St, {
-        ref: B,
-        datasetId: h,
-        versionId: x,
-        onAttributesChange: (e) => {
-          Pe(e), e.length > 0 && ve.length === 0 && se("textAnnotation");
-        },
-        onLoadingChange: (e) => {
-          Oe(e);
-        }
-      }, `attribute-${We}`), m === "qaGeneration" && /* @__PURE__ */ l(wt, {
-        ref: V,
-        sample: r,
-        labels: ve,
-        datasetId: h,
-        visionId: x
-      }, `qa-${Xe}`)]
-    }) : Se ? /* @__PURE__ */ l("div", {
+      }) : /* @__PURE__ */ K(We, {
+        children: [/* @__PURE__ */ l("div", {
+          className: "content-mode-buttons",
+          children: /* @__PURE__ */ K(Te, {
+            activeKey: x,
+            onChange: (e) => T(void 0, null, function* () {
+              if (!(x === "attributeDefinition" && E.current && !(yield E.current.checkDirtyAndConfirm())) && !(x === "qaGeneration" && R.current && !(yield R.current.checkDirtyAndConfirm()))) {
+                if (x === "textAnnotation" && C && J && (I.current || o)) {
+                  const t = I.current || o;
+                  if (!(yield C(t))) {
+                    P.error("保存失败，已阻止切换页签");
+                    return;
+                  }
+                  w(t), I.current = t, H(void 0), b == null || b(), p === "nocode" && G(t) && (F >= 0 && (_.current.nocode = {
+                    index: F,
+                    page: c.current || 1
+                  }), $([]), w(t), z(-1), W(t.id), M(Q(V({}, c), {
+                    current: 1,
+                    total: void 0,
+                    type: void 0
+                  })), ae("hascode")), p === "hascode" && !G(t) && (F >= 0 && (_.current.hascode = {
+                    index: F,
+                    page: c.current || 1
+                  }), $([]), w(t), z(-1), W(t.id), M(Q(V({}, c), {
+                    current: 1,
+                    total: void 0,
+                    type: void 0
+                  })), ae("nocode"));
+                }
+                e === "textAnnotation" && (o != null && o.id) && (yield st()), ce(e);
+              }
+            }),
+            children: [/* @__PURE__ */ l(Y, {
+              tab: "属性定义",
+              disabled: we
+            }, "attributeDefinition"), /* @__PURE__ */ l(Y, {
+              tab: "文本标注",
+              disabled: we
+            }, "textAnnotation"), /* @__PURE__ */ l(Y, {
+              tab: "QA生成",
+              disabled: we
+            }, "qaGeneration")]
+          })
+        }), x === "textAnnotation" && o && /* @__PURE__ */ l("div", {
+          className: "container",
+          children: /* @__PURE__ */ l(It, {
+            sample: o,
+            labelDefinitions: ye,
+            onChange: (e) => {
+              I.current = e, H(e);
+            },
+            ocrRecognize: at
+          })
+        }), x === "attributeDefinition" && /* @__PURE__ */ l(At, {
+          ref: E,
+          datasetId: m,
+          versionId: v,
+          onAttributesChange: (e) => {
+            $e(e), e.length > 0 && ye.length === 0 && ce("textAnnotation");
+          },
+          onLoadingChange: (e) => {
+            Ze(e);
+          }
+        }, `attribute-${_e}`), x === "qaGeneration" && /* @__PURE__ */ l(bt, {
+          ref: R,
+          sample: o,
+          labels: ye,
+          datasetId: m,
+          visionId: v
+        }, `qa-${tt}`)]
+      })
+    }) : Ie ? /* @__PURE__ */ l("div", {
       style: {
         padding: "48px 0",
         textAlign: "center"
       },
-      children: /* @__PURE__ */ l(ft, {})
-    }) : /* @__PURE__ */ l(xt, {}), m !== "attributeDefinition" ? /* @__PURE__ */ K("div", {
+      children: /* @__PURE__ */ l(pt, {})
+    }) : /* @__PURE__ */ l(Ct, {}), B || x !== "attributeDefinition" ? /* @__PURE__ */ K("div", {
       className: "vlm-detail-footer",
       children: [/* @__PURE__ */ l("div", {
         style: {
           flex: 1
         }
-      }), /* @__PURE__ */ K(He, {
+      }), /* @__PURE__ */ K(Je, {
         size: 24,
-        children: [(y == null ? void 0 : y.length) > 0 && /* @__PURE__ */ l(ue, {
+        children: [(g == null ? void 0 : g.length) > 0 && /* @__PURE__ */ l(ge, {
           type: "default",
-          disabled: Ge || Se || le || ae || fe,
-          onClick: _e,
+          disabled: Fe || Ie || de || se || ue,
+          onClick: rt,
           children: "上一张"
-        }, "prev"), (y == null ? void 0 : y.length) > 0 && /* @__PURE__ */ l(ue, {
+        }, "prev"), (g == null ? void 0 : g.length) > 0 && /* @__PURE__ */ l(ge, {
           type: "default",
-          disabled: Ge || Se || le || ae || fe,
-          onClick: et,
+          disabled: Fe || Ie || de || se || ue,
+          onClick: ot,
           children: "下一张"
         }, "next")]
       }), /* @__PURE__ */ l("div", {
@@ -450,23 +470,26 @@ const {
           display: "flex",
           justifyContent: "flex-end"
         },
-        children: /* @__PURE__ */ l(He, {
-          children: m === "textAnnotation" && (y == null ? void 0 : y.length) > 0 ? /* @__PURE__ */ K(dt, {
-            children: [/* @__PURE__ */ l(ue, {
-              disabled: !r || !_ || le,
+        children: /* @__PURE__ */ l(Je, {
+          children: (B || x === "textAnnotation") && (g == null ? void 0 : g.length) > 0 ? /* @__PURE__ */ K(We, {
+            children: [/* @__PURE__ */ l(ge, {
+              disabled: !o || !J || de,
               type: "primary",
               onClick: () => {
-                const e = b.current || r;
-                e && (Ie(!0), console.log("save currentSample", e), R(e).then((t) => z(void 0, null, function* () {
-                  t ? ($.success("保存成功"), J(void 0), Ae(), A(), Ie(!1)) : ($.error("保存失败"), Ie(!1));
+                var t, n;
+                if (B && !((n = (t = Ee.current) == null ? void 0 : t.validate()) != null ? n : !0))
+                  return;
+                const e = I.current || o;
+                e && (Ae(!0), C(e).then((a) => T(void 0, null, function* () {
+                  a ? (P.success("保存成功"), H(void 0), Re(), b(), Ae(!1)) : (P.error("保存失败"), Ae(!1));
                 })));
               },
-              loading: fe,
+              loading: ue,
               children: "保存标注"
-            }, "save"), /* @__PURE__ */ l(ue, {
+            }, "save"), /* @__PURE__ */ l(ge, {
               type: "default",
-              disabled: fe || le,
-              onClick: nt,
+              disabled: ue || de,
+              onClick: ct,
               children: "删除数据"
             })]
           }) : null
@@ -476,5 +499,5 @@ const {
   });
 });
 export {
-  Gt as default
+  Bt as default
 };