@glodon-aiot/dataset-annotation 3.19.1 → 3.19.2-alpha.1

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

@@ -1,257 +1,283 @@
-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, L = (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) => {
+}, E = (k, y) => ut(k, gt(y));
+var z = (k, y, u) => new Promise((T, m) => {
+  var x = (C) => {
     try {
-      R(f.next(v));
-    } catch (H) {
-      h(H);
+      Z(u.next(C));
+    } catch (A) {
+      m(A);
     }
-  }, ge = (v) => {
+  }, me = (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 ? T(C.value) : Promise.resolve(C.value).then(x, me);
+  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 ze, message as P, Spin as pt, Space as Je, Button as he, Modal as Xe } from "antd";
+import { forwardRef as vt, useContext as xt, 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) => {
+} = ze, Bt = vt((k, y) => {
   const {
-    visible: f,
-    selectSampleId: M,
-    datasetId: h,
+    visible: u,
+    selectSampleId: T,
+    datasetId: m,
     versionId: x,
-    onClose: ge,
-    onSave: R,
-    externalSamples: v,
-    externalPagination: H,
-    externalCurrentIndex: he,
-    externalFilterMode: Ve,
-    onFilterModeChange: pe
-  } = k, {
+    vlmMarkTmpl: me,
+    onClose: Z,
+    onSave: C,
+    externalSamples: A,
+    externalPagination: pe,
+    externalCurrentIndex: ve,
+    externalFilterMode: Te,
+    onFilterModeChange: xe
+  } = k, G = me === "VQA", $ = (e) => {
+    var t, n, i, r, f, s, o, S, B, ee;
+    return G ? !!((r = (i = (n = (t = e == null ? void 0 : e.content) == null ? void 0 : t.conversations) == null ? void 0 : n[0]) == null ? void 0 : i.value) != null && r.trim() && ((S = (o = (s = (f = e == null ? void 0 : e.content) == null ? void 0 : f.conversations) == null ? void 0 : s[1]) == null ? void 0 : o.value) != null && S.trim())) : ((ee = (B = e == null ? void 0 : e.labels) == null ? void 0 : B.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: Me,
+    getToken: qe,
+    apiUrl: Ne
+  } = xt(wt), Ye = St(() => Dt(Me, qe), [Me, qe]), O = U(null), [a, w] = h(), I = U(void 0), [Vt, Se] = h(0), [g, F] = h(() => T && (A != null && A.length) ? A : []), [Q, M] = h(() => T && ve !== void 0 ? ve : -1), [c, q] = h(() => T && pe ? L({}, pe) : {
     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");
+  }), [Pe, Ue] = h(0), [Ge, $e] = h(0), [p, ae] = h(() => T && Te ? Te : T ? "" : "nocode"), [ye, W] = h(), _ = U({}), [Ce, Fe] = h([]), [v, ce] = h("textAnnotation"), [J, H] = h(), [se, b] = h(!1), le = U(0), we = U(0), [Ie, Ze] = h(!1), [de, fe] = h(!1), [ke, Ae] = h(!1), [Qe, Ee] = h(!1), [ue, be] = h(!1), j = U(null), V = U(null), ge = U(null), De = U(!1), Re = U(!1), [_e, et] = h(() => Date.now()), [tt, nt] = h(() => Date.now());
+  oe(() => {
+    u && (!m || !x || G || d == null || d.getDatasetsIdVersionsVidConfigs(m, x).then((e) => {
+      Fe(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 || !x)
       return;
-    if (ke.current) {
-      ke.current = !1;
+    if (Re.current) {
+      Re.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 (!De.current && T && (A != null && A.length) && pe && ve !== void 0) {
+      const te = A.find((R) => R.id === T);
+      if (te) {
+        De.current = !0, w(te), Se(A.length), D();
         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 i = ++le.current;
+    Ae(!0);
+    const r = g || [], f = De.current ? ye : T || ye, s = _.current[p], o = s == null ? void 0 : s.index, S = s == null ? void 0 : s.page, B = !n && !f && !!S && S > 1, ee = B ? 1 : e, lt = B ? S * t : t;
+    d == null || d.getDatasetsIdVersionsVidSamples(m, x, {
       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 (i !== 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 R = te.recordList || [], N = ee === 1 && !n ? R : n === "prev" ? [...R, ...r] : n === "next" ? [...r, ...R] : R;
+      F(N), B && (Re.current = !0);
+      const Be = (He = te.totalResults) != null ? He : 0, Le = Math.max(1, Math.ceil(Be / t) || 1), dt = Math.min(B ? S : e, Le);
+      if (B && S != null && S > Le) {
+        const ie = Math.min(o != null ? o : 0, Math.max(0, N.length - 1));
+        _.current[p] = {
+          index: ie,
+          page: Le
         };
       }
-      q(j(L({}, s), {
-        current: rt,
+      q(E(L({}, 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" && R.length)
+        ne = r.length, X = R[0];
+      else if (n === "prev" && R.length)
+        ne = R.length - 1, X = R[R.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, x, f).then((re) => {
+            i === le.current && re && (F([re, ...N]), w(re), M(0), Se(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));
+        o !== void 0 && o >= 0 && o < N.length && (ne = o, X = N[o]);
+      X && (w(X), M(ne), Se(N.length), ye && 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);
+      i === le.current && Ae(!1);
+    }), D();
+  }, [c.current, p, m, x]);
+  const D = () => {
+    !m || !x || d == null || d.getDatasetsIdVersionsVidLabelcount(m, x).then((e) => {
+      const t = e.find((i) => i.id === "allcodeid"), n = e.find((i) => i.id === "nocodeid");
+      Ue(t ? t.count : 0), $e(n ? n.count : 0);
     });
-  }, Ae = () => {
-    y && F((e) => {
-      var S, u, c, I;
-      const t = b.current || r, i = [...e];
-      let n;
+  }, Ve = () => {
+    g && F((e) => {
+      const t = I.current || a, n = [...e];
+      let i;
       if (t) {
-        const U = i.findIndex((P) => P.id === t.id);
-        U > -1 && i.splice(U, 1, t);
+        const s = n.findIndex((o) => o.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 r = !t || $(t) && p === "hascode" || !$(t) && p === "nocode" || p === "" ? Q + 1 : Q;
+      if (t && ($(t) && p === "nocode" || !$(t) && p === "hascode")) {
+        const s = n.findIndex((o) => o.id === t.id);
+        s > -1 && (n.splice(s, 1), i = [...n], q((o) => E(L({}, o), {
+          total: o.total ? o.total - 1 : o.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 = i || n;
+      return r >= f.length ? ((c.current - 1) * c.pageSize + r, c.total && r >= c.total ? P.error("已经是最后一个了") : q({
+        current: c.current + 1,
+        pageSize: c.pageSize,
         type: "next"
       })) : setTimeout(() => {
-        T(a);
-        const U = o[a];
-        w(U);
-      }, 0), o;
+        M(r);
+        const s = f[r];
+        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 || a, t = [...g];
+    let n;
+    if (e && g) {
+      const f = t.findIndex((s) => s.id === e.id);
+      if (f > -1 && t.splice(f, 1, e), $(e) && p === "nocode" || !$(e) && p === "hascode") {
+        const s = t.findIndex((o) => o.id === e.id);
+        s > -1 && (t.splice(s, 1), n = [...t], q((o) => E(L({}, o), {
+          total: o.total ? o.total - 1 : o.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 i = n || t, r = Q - 1;
+    if (r < 0)
+      (c.current - 1) * c.pageSize + r < 0 ? P.error("已经是第一个了") : q({
+        current: c.current - 1,
+        pageSize: c.pageSize,
         type: "prev"
       });
     else {
-      T(a);
-      const u = n[a];
-      w(u);
+      M(r);
+      const f = i[r];
+      w(f);
     }
-    i && F(i);
+    n && F(n);
   };
-  re(() => {
-    if (!f || !h || !x || !r)
+  oe(() => {
+    if (!u || !m || !x || !a)
       return;
-    const e = ++ye.current;
-    $e(!0), d == null || d.getDatasetsIdVersionsVidSsamplesSid(h, x, r.id).then((t) => {
-      e === ye.current && w(t);
+    const e = ++we.current;
+    Ee(!0), d == null || d.getDatasetsIdVersionsVidSsamplesSid(m, x, a.id).then((t) => {
+      e === we.current && w(t);
     }).finally(() => {
-      e === ye.current && $e(!1);
+      e === we.current && Ee(!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, a == null ? void 0 : a.id]);
+  const it = () => z(void 0, null, function* () {
+    G && J && !(yield new Promise((t) => {
+      Xe.confirm({
+        title: "有未保存的标注，确认关闭吗？",
+        content: "关闭后改动将丢失",
+        onOk: () => t(!0),
+        onCancel: () => t(!1)
+      });
+    })) || v === "attributeDefinition" && j.current && !(yield j.current.checkDirtyAndConfirm()) || v === "qaGeneration" && V.current && !(yield V.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 = () => z(void 0, null, function* () {
+    var t, n;
+    if (se)
       return;
-    if (N(!0), m === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm())) {
-      N(!1);
+    if (b(!0), v === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm())) {
+      b(!1);
       return;
     }
-    const e = b.current || r;
+    const e = I.current || a;
     if (!e) {
-      N(!1);
+      b(!1);
       return;
     }
-    console.log("onPrevClick sampleToUse", e), m === "textAnnotation" && _ ? (de(!0), R(e).then((t) => {
-      t ? (J(void 0), Fe(), A()) : $.error("保存失败");
-    }).finally(() => {
-      de(!1), N(!1);
-    })) : (Fe(), N(!1));
-  }), et = () => z(void 0, null, function* () {
-    if (ae)
+    if (v === "textAnnotation" && J) {
+      if (G && !((n = (t = ge.current) == null ? void 0 : t.validate()) != null ? n : !0)) {
+        b(!1);
+        return;
+      }
+      fe(!0), C(e).then((i) => {
+        i ? (H(void 0), je(), D()) : P.error("保存失败");
+      }).finally(() => {
+        fe(!1), b(!1);
+      });
+    } else
+      je(), b(!1);
+  }), ot = () => z(void 0, null, function* () {
+    var t, n;
+    if (se)
       return;
-    if (N(!0), m === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm())) {
-      N(!1);
+    if (b(!0), v === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm())) {
+      b(!1);
       return;
     }
-    const e = b.current || r;
+    const e = I.current || a;
     if (!e) {
-      N(!1);
+      b(!1);
       return;
     }
-    console.log("onNextClick sampleToUse", e), m === "textAnnotation" && _ ? (de(!0), R(e).then((t) => {
-      t ? (J(void 0), Ae(), A()) : $.error("保存失败");
-    }).finally(() => {
-      de(!1), N(!1);
-    })) : (Ae(), N(!1));
+    if (v === "textAnnotation" && J) {
+      if (G && !((n = (t = ge.current) == null ? void 0 : t.validate()) != null ? n : !0)) {
+        b(!1);
+        return;
+      }
+      fe(!0), C(e).then((i) => {
+        i ? (H(void 0), Ve(), D()) : P.error("保存失败");
+      }).finally(() => {
+        fe(!1), b(!1);
+      });
+    } else
+      Ve(), b(!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 = a;
+  }, [a]);
+  const at = (e) => z(void 0, null, function* () {
+    console.log("ocrRecognize apiUrl", Ne);
+    const t = yield Ye();
+    return kt.post(`${Ne}/aishop/v2/infer?serviceId=Actpkb4pi3vxg`, {
       pages: [{
         image: e,
         no: 0
@@ -260,188 +286,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((r) => r.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 = () => z(void 0, null, function* () {
+    const e = I.current || a;
+    !e || !m || !x || Xe.confirm({
       title: "确认要删除此数据吗？",
       content: "删除后不可恢复，请慎重操作",
       onOk: () => z(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, x, e.id), P.success("删除成功"), F((t) => {
+            var o;
+            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 i = [...t.slice(0, n), ...t.slice(n + 1)], r = c.pageSize || 1, f = Math.max(((o = c.total) != null ? o : t.length) - 1, 0), s = i.length === 0 && f > c.current * r;
+            if (q((S) => L(E(L({}, S), {
+              total: f
+            }), s ? {
+              current: S.current + 1,
+              pageSize: r,
               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
+            })), i.length) {
+              const S = Math.min(n, i.length - 1);
+              M(S), w(i[S]);
             } else
-              T(-1), w(void 0);
-            return n;
-          }), A();
+              M(-1), w(void 0);
+            return i;
+          }), D();
         } catch (t) {
-          $.error("删除失败");
+          P.error("删除失败");
         }
       })
     });
-  }), it = () => z(void 0, null, function* () {
-    if (!h || !x || !(r != null && r.id))
+  }), st = () => z(void 0, null, function* () {
+    if (!m || !x || !(a != null && a.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, x, a.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(ze, {
         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
+          var n, i;
+          Q >= 0 && p !== void 0 && p !== null && (_.current[p] = {
+            index: Q,
+            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 (!(v === "attributeDefinition" && j.current && (t = !!((i = (n = j.current).hasUnsavedChanges) != null && i.call(n)), !(yield j.current.checkDirtyAndConfirm()))) && !(v === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm()))) {
+            if (v === "textAnnotation" && J) {
+              const r = I.current || a;
+              if (r && C) {
+                if (!(yield C(r))) {
+                  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(r), I.current = r, H(void 0), D == null || D(), p === "nocode" && $(r) && (F([]), w(r), M(-1), W(r.id), q(E(L({}, 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()), v !== "attributeDefinition" && (Ae(!0), F([]), w(void 0), M(-1), W(void 0)), q(E(L({}, 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: `全部（${Pe}）`
         }, ""), /* @__PURE__ */ l(Y, {
-          tab: `未标注（${Ne}）`
+          tab: `未标注（${Ge}）`
         }, "nocode"), /* @__PURE__ */ l(Y, {
-          tab: `已标注（${Te - Ne}）`
+          tab: `已标注（${Pe - Ge}）`
         }, "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: G ? a && /* @__PURE__ */ l("div", {
         className: "container",
-        children: /* @__PURE__ */ l(yt, {
-          sample: r,
-          labelDefinitions: ve,
+        children: /* @__PURE__ */ l(Rt, {
+          ref: ge,
+          sample: a,
           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(ze, {
+            activeKey: v,
+            onChange: (e) => z(void 0, null, function* () {
+              if (!(v === "attributeDefinition" && j.current && !(yield j.current.checkDirtyAndConfirm())) && !(v === "qaGeneration" && V.current && !(yield V.current.checkDirtyAndConfirm()))) {
+                if (v === "textAnnotation" && C && J && (I.current || a)) {
+                  const t = I.current || a;
+                  if (!(yield C(t))) {
+                    P.error("保存失败，已阻止切换页签");
+                    return;
+                  }
+                  w(t), I.current = t, H(void 0), D == null || D(), p === "nocode" && $(t) && (Q >= 0 && (_.current.nocode = {
+                    index: Q,
+                    page: c.current || 1
+                  }), F([]), w(t), M(-1), W(t.id), q(E(L({}, c), {
+                    current: 1,
+                    total: void 0,
+                    type: void 0
+                  })), ae("hascode")), p === "hascode" && !$(t) && (Q >= 0 && (_.current.hascode = {
+                    index: Q,
+                    page: c.current || 1
+                  }), F([]), w(t), M(-1), W(t.id), q(E(L({}, c), {
+                    current: 1,
+                    total: void 0,
+                    type: void 0
+                  })), ae("nocode"));
+                }
+                e === "textAnnotation" && (a != null && a.id) && (yield st()), ce(e);
+              }
+            }),
+            children: [/* @__PURE__ */ l(Y, {
+              tab: "属性定义",
+              disabled: Ie
+            }, "attributeDefinition"), /* @__PURE__ */ l(Y, {
+              tab: "文本标注",
+              disabled: Ie
+            }, "textAnnotation"), /* @__PURE__ */ l(Y, {
+              tab: "QA生成",
+              disabled: Ie
+            }, "qaGeneration")]
+          })
+        }), v === "textAnnotation" && a && /* @__PURE__ */ l("div", {
+          className: "container",
+          children: /* @__PURE__ */ l(It, {
+            sample: a,
+            labelDefinitions: Ce,
+            onChange: (e) => {
+              I.current = e, H(e);
+            },
+            ocrRecognize: at
+          })
+        }), v === "attributeDefinition" && /* @__PURE__ */ l(At, {
+          ref: j,
+          datasetId: m,
+          versionId: x,
+          onAttributesChange: (e) => {
+            Fe(e), e.length > 0 && Ce.length === 0 && ce("textAnnotation");
+          },
+          onLoadingChange: (e) => {
+            Ze(e);
+          }
+        }, `attribute-${_e}`), v === "qaGeneration" && /* @__PURE__ */ l(bt, {
+          ref: V,
+          sample: a,
+          labels: Ce,
+          datasetId: m,
+          visionId: x
+        }, `qa-${tt}`)]
+      })
+    }) : ke ? /* @__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, {}), G || v !== "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(he, {
           type: "default",
-          disabled: Ge || Se || le || ae || fe,
-          onClick: _e,
+          disabled: Qe || ke || 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(he, {
           type: "default",
-          disabled: Ge || Se || le || ae || fe,
-          onClick: et,
+          disabled: Qe || ke || de || se || ue,
+          onClick: ot,
           children: "下一张"
         }, "next")]
       }), /* @__PURE__ */ l("div", {
@@ -450,23 +486,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: (G || v === "textAnnotation") && (g == null ? void 0 : g.length) > 0 ? /* @__PURE__ */ K(We, {
+            children: [/* @__PURE__ */ l(he, {
+              disabled: !a || !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 (G && !((n = (t = ge.current) == null ? void 0 : t.validate()) != null ? n : !0))
+                  return;
+                const e = I.current || a;
+                e && (be(!0), C(e).then((i) => z(void 0, null, function* () {
+                  i ? (P.success("保存成功"), H(void 0), Ve(), D(), be(!1)) : (P.error("保存失败"), be(!1));
                 })));
               },
-              loading: fe,
+              loading: ue,
               children: "保存标注"
-            }, "save"), /* @__PURE__ */ l(ue, {
+            }, "save"), /* @__PURE__ */ l(he, {
               type: "default",
-              disabled: fe || le,
-              onClick: nt,
+              disabled: ue || de,
+              onClick: ct,
               children: "删除数据"
             })]
           }) : null
@@ -476,5 +515,5 @@ const {
   });
 });
 export {
-  Gt as default
+  Bt as default
 };