@glodon-aiot/dataset-annotation 3.25.0-alpha.9 → 3.25.0

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

@@ -1,135 +1,135 @@
-var je = Object.defineProperty, We = Object.defineProperties;
-var Ge = Object.getOwnPropertyDescriptors;
-var ge = Object.getOwnPropertySymbols;
-var Je = Object.prototype.hasOwnProperty, Qe = Object.prototype.propertyIsEnumerable;
-var ve = (v, a, r) => a in v ? je(v, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : v[a] = r, m = (v, a) => {
-  for (var r in a || (a = {}))
-    Je.call(a, r) && ve(v, r, a[r]);
-  if (ge)
-    for (var r of ge(a))
-      Qe.call(a, r) && ve(v, r, a[r]);
-  return v;
-}, S = (v, a) => We(v, Ge(a));
-import { jsx as s, jsxs as V, Fragment as Xe } from "react/jsx-runtime";
-import { useState as d, useRef as O, useLayoutEffect as Ye, useEffect as g } from "react";
-import { message as Y, ConfigProvider as et, Space as $, Select as tt, Button as ee, Tabs as rt, Col as nt, Empty as it } from "antd";
-import ot from "antd/es/locale/zh_CN";
+var We = Object.defineProperty, Ge = Object.defineProperties;
+var Je = Object.getOwnPropertyDescriptors;
+var ve = Object.getOwnPropertySymbols;
+var Qe = Object.prototype.hasOwnProperty, Xe = Object.prototype.propertyIsEnumerable;
+var Se = (S, d, n) => d in S ? We(S, d, { enumerable: !0, configurable: !0, writable: !0, value: n }) : S[d] = n, f = (S, d) => {
+  for (var n in d || (d = {}))
+    Qe.call(d, n) && Se(S, n, d[n]);
+  if (ve)
+    for (var n of ve(d))
+      Xe.call(d, n) && Se(S, n, d[n]);
+  return S;
+}, p = (S, d) => Ge(S, Je(d));
+import { jsx as a, jsxs as T, Fragment as Ye } from "react/jsx-runtime";
+import { useState as u, useRef as $, useLayoutEffect as et, useEffect as v } from "react";
+import { message as ee, ConfigProvider as tt, Space as j, Select as rt, Button as te, Tabs as nt, Col as it, Empty as ot } from "antd";
+import lt from "antd/es/locale/zh_CN";
 import "./style.less.mjs";
-import lt from "./VlmModal/index.mjs";
-import st from "lodash/merge";
+import st from "./VlmModal/index.mjs";
+import ct from "lodash/merge";
 import { UploadZipsStatus as F } from "@glodon-aiot/apis";
-import ct from "rc-virtual-list";
-import at from "../../Common/Page/index.mjs";
-import dt from "../Thumbnail/index.mjs";
-import ut from "../../DatasetContext/index.mjs";
-import { DEFAULT_FILTER_SWITCH as mt } from "../../constant.mjs";
-import ft from "../PageNav/index.mjs";
-import ht from "../PicZipImportModal/index.mjs";
-import { Prompt as pt } from "../hooks/Prompt.mjs";
-import gt from "../DetectionAnnotation/icon_item_empty.svg.mjs";
-import { scrollSampleIntoView as Se, getVirtualListHolder as be } from "../../utils/scrollSampleIntoView.mjs";
-import { checkVlmSampleLabeled as vt } from "../../utils/checkVlmSampleLabeled.mjs";
-const Ut = (v) => {
+import at from "rc-virtual-list";
+import dt from "../../Common/Page/index.mjs";
+import ut from "../Thumbnail/index.mjs";
+import mt from "../../DatasetContext/index.mjs";
+import { DEFAULT_FILTER_SWITCH as ft } from "../../constant.mjs";
+import ht from "../PageNav/index.mjs";
+import pt from "../PicZipImportModal/index.mjs";
+import { Prompt as gt } from "../hooks/Prompt.mjs";
+import vt from "../DetectionAnnotation/icon_item_empty.svg.mjs";
+import { scrollSampleIntoView as be, getVirtualListHolder as Ie } from "../../utils/scrollSampleIntoView.mjs";
+import { checkVlmSampleLabeled as St } from "../../utils/checkVlmSampleLabeled.mjs";
+const Bt = (S) => {
   const {
-    services: a,
-    datasetId: r,
+    services: d,
+    datasetId: n,
     versionId: H,
-    backTo: Ie,
+    backTo: ke,
     labelManager: ye = !1,
-    datasetManager: I = !1,
-    annotation: ke,
-    header: h = {
+    datasetManager: b = !1,
+    annotation: Ce,
+    header: g = {
       versionSelect: !1
     },
-    exampleSrcRoot: Ce,
-    apiUrl: Ve,
+    exampleSrcRoot: xe,
+    apiUrl: Te,
     token: Le,
-    getToken: Te
-  } = v, [o, j] = d(), [n, x] = d(), [P, te] = d([]), [re, q] = d(!1), [Me, ne] = d(!1), [D, K] = d(!1), [we, Z] = d("preview"), [W, ie] = d(0), [f, oe] = d([]), [y, z] = d(), [xe, le] = d(), [N, A] = d(-1), [l, C] = d({
+    getToken: Ve
+  } = S, [s, W] = u(), [i, w] = u(), [B, re] = u([]), [ne, P] = u(!1), [ie, oe] = u(!1), [D, q] = u(!1), [Me, K] = u("preview"), [G, le] = u(0), [h, J] = u([]), [y, N] = u(), [we, se] = u(), [z, A] = u(-1), [o, I] = u({
     current: 0,
     pageSize: 100
-  }), [se, ce] = d(0), [L, G] = d(""), [T, De] = d(""), [ze, Ne] = d(), [ae, J] = d(!1), [de, Ae] = d(!1), [ue, Re] = d(!0), [Ee, Fe] = d(!1), U = O(null), _ = O(void 0), Q = O(void 0), [He, Ue] = d(0), me = O(-1), X = m({}, mt);
-  st(X, v.filterSwitch), Ye(() => {
+  }), [ce, ae] = u(0), [L, Q] = u(""), [V, De] = u(""), [Ne, ze] = u(), [de, X] = u(!1), [ue, Ae] = u(!1), [me, Re] = u(!0), [Ee, Fe] = u(!1), U = $(null), C = $(void 0), Z = $(void 0), [He, Ue] = u(0), fe = $(-1), Y = f({}, ft);
+  ct(Y, S.filterSwitch), et(() => {
     const e = U.current;
     if (!e)
       return;
     let t = 0;
-    const c = () => {
+    const l = () => {
       cancelAnimationFrame(t), t = requestAnimationFrame(() => {
-        const p = e.clientHeight, M = Math.max(1, Math.round(p));
-        M !== me.current && (me.current = M, Ue(M));
+        const c = e.clientHeight, k = Math.max(1, Math.round(c));
+        k !== fe.current && (fe.current = k, Ue(k));
       });
     };
-    c();
-    const i = typeof ResizeObserver != "undefined" ? new ResizeObserver(c) : null;
-    i == null || i.observe(e);
-    const u = window.visualViewport;
-    return u == null || u.addEventListener("resize", c), window.addEventListener("resize", c), () => {
-      cancelAnimationFrame(t), i == null || i.disconnect(), u == null || u.removeEventListener("resize", c), window.removeEventListener("resize", c);
+    l();
+    const r = typeof ResizeObserver != "undefined" ? new ResizeObserver(l) : null;
+    r == null || r.observe(e);
+    const m = window.visualViewport;
+    return m == null || m.addEventListener("resize", l), window.addEventListener("resize", l), () => {
+      cancelAnimationFrame(t), r == null || r.disconnect(), m == null || m.removeEventListener("resize", l), window.removeEventListener("resize", l);
     };
-  }, [o]);
+  }, [s]);
   const Be = () => {
-    G("nocode"), Z("annotation"), K(!0);
+    Q("nocode"), K("annotation"), q(!0);
   }, Pe = (e) => {
-    if (!f)
+    if (!h)
       return;
     A(e);
-    const t = f[e];
-    z(t), Z("preview"), K(!0);
+    const t = h[e];
+    N(t), K("preview"), q(!0);
   };
-  g(() => {
-    r && a.cvforceDatahub.getS3Iam(r).then((e) => {
-      Ne(e);
+  v(() => {
+    n && d.cvforceDatahub.getS3Iam(n).then((e) => {
+      ze(e);
     });
-  }, [r]), g(() => {
-    !r || n || (q(!0), Promise.all([
+  }, [n]), v(() => {
+    !n || i || (P(!0), Promise.all([
       // 数据集
-      a.cvforceDatahub.getDatasetsId(r).then((e) => {
-        j(e);
+      d.cvforceDatahub.getDatasetsId(n).then((e) => {
+        W(e);
       }),
       // 版本列表
-      a.cvforceDatahub.getDatasetsIdVersions(r, 1, 1e3).then((e) => {
-        te(e.recordList), x(H ? e.recordList.find((t) => t.id === H) : e.recordList[0]);
+      d.cvforceDatahub.getDatasetsIdVersions(n, 1, 1e3).then((e) => {
+        re(e.recordList), w(H ? e.recordList.find((t) => t.id === H) : e.recordList[0]);
       })
-    ]).finally(() => q(!1)));
-  }, [r, n == null ? void 0 : n.id]), g(() => {
-    r && (q(!0), Promise.all([
+    ]).finally(() => P(!1)));
+  }, [n, i == null ? void 0 : i.id]), v(() => {
+    n && (P(!0), Promise.all([
       // 数据集
-      a.cvforceDatahub.getDatasetsId(r).then((e) => {
-        j(e);
+      d.cvforceDatahub.getDatasetsId(n).then((e) => {
+        W(e);
       }),
       // 版本列表
-      a.cvforceDatahub.getDatasetsIdVersions(r, 1, 1e3).then((e) => {
-        te(e.recordList), x(H ? e.recordList.find((t) => t.id === H) : e.recordList[0]);
+      d.cvforceDatahub.getDatasetsIdVersions(n, 1, 1e3).then((e) => {
+        re(e.recordList), w(H ? e.recordList.find((t) => t.id === H) : e.recordList[0]);
       })
-    ]).finally(() => q(!1)));
-  }, [r, H]), g(() => {
-    r && a.cvforceDatahub.getDatasetsId(r).then((e) => {
-      j(e);
+    ]).finally(() => P(!1)));
+  }, [n, H]), v(() => {
+    n && d.cvforceDatahub.getDatasetsId(n).then((e) => {
+      W(e);
     });
   }, []);
-  const fe = () => {
-    !r || !n || a.cvforceDatahub.getDatasetsIdVersionsVid(r, n.id).then((e) => {
-      x(e), De(e.versionAsyncTask.state);
+  const he = () => {
+    !n || !i || d.cvforceDatahub.getDatasetsIdVersionsVid(n, i.id).then((e) => {
+      w(e), De(e.versionAsyncTask.state);
     });
   };
-  g(() => {
-    fe();
-  }, [r, n == null ? void 0 : n.id]), g(() => {
-    T !== F.Pending && T !== F.Started || Y.warning("文件导入中，请刷新页面再试");
-  }, [T]), g(() => {
-    Fe(!ue && de);
-  }, [ue, de]);
+  v(() => {
+    he();
+  }, [n, i == null ? void 0 : i.id]), v(() => {
+    V !== F.Pending && V !== F.Started || ee.warning("文件导入中，请刷新页面再试");
+  }, [V]), v(() => {
+    Fe(!me && ue);
+  }, [me, ue]);
   const R = () => {
-    !r || !n || a.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(r, n.id).then((e) => {
-      const t = e.find((i) => i.id === "allcodeid"), c = e.find((i) => i.id === "nocodeid");
-      ie(t ? t.count : 0), ce(c ? c.count : 0);
+    !n || !i || d.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(n, i.id).then((e) => {
+      const t = e.find((r) => r.id === "allcodeid"), l = e.find((r) => r.id === "nocodeid");
+      le(t ? t.count : 0), ae(l ? l.count : 0);
     });
-  }, E = (e, t) => {
-    const c = (e == null ? void 0 : e.current) || l.current, i = (e == null ? void 0 : e.pageSize) || l.pageSize, u = (e == null ? void 0 : e.type) || l.type, p = t || f || [];
-    if (!r || !n || !c)
+  }, M = (e, t, l) => {
+    const r = (e == null ? void 0 : e.current) || o.current, m = (e == null ? void 0 : e.pageSize) || o.pageSize, c = (e == null ? void 0 : e.type) || o.type, k = t || h || [];
+    if (!n || !i || !r)
       return Promise.resolve(!1);
-    const M = () => {
+    const _ = () => {
       switch (L) {
         case "nocode":
           return "nocode";
@@ -139,278 +139,313 @@ const Ut = (v) => {
           return;
       }
     };
-    return c === 1 && he(), C((w) => S(m({}, w), {
-      current: c,
-      pageSize: i
-    })), ne(!0), a.cvforceDatahub.getDatasetsIdVersionsVidSamples(r, n.id, {
-      pageNo: c,
-      pageSize: i,
-      labels: M()
-    }).then((w) => {
-      const b = w.recordList || [], B = c === 1 ? b : u === "prev" ? [...b, ...p] : [...p, ...b];
-      if (oe(B), C((k) => S(m({}, k), {
+    return r === 1 && !(l != null && l.skipScrollToTop) && pe(), I((O) => p(f({}, O), {
+      current: r,
+      pageSize: m
+    })), oe(!0), d.cvforceDatahub.getDatasetsIdVersionsVidSamples(n, i.id, {
+      pageNo: r,
+      pageSize: m,
+      labels: _()
+    }).then((O) => {
+      const x = O.recordList || [], ge = r === 1 ? x : c === "prev" ? [...x, ...k] : [...k, ...x];
+      if (J(ge), I((E) => p(f({}, E), {
         type: void 0,
-        total: w.totalResults
-      })), u === "next" && b.length) {
-        const k = p.length;
-        A(k), z(b[0]);
+        total: O.totalResults
+      })), c === "next" && x.length) {
+        const E = k.length;
+        A(E), N(x[0]);
       }
-      if (u === "prev" && b.length) {
-        const k = b.length - 1;
-        A(k), z(b[k]);
+      if (c === "prev" && x.length) {
+        const E = x.length - 1;
+        A(E), N(x[E]);
       }
-      return B;
-    }).catch(() => !1).finally(() => ne(!1));
+      return ge;
+    }).catch(() => !1).finally(() => oe(!1));
   };
-  g(() => {
-    !n || !o || (E(S(m({}, l), {
+  v(() => {
+    !i || !s || (M(p(f({}, o), {
       current: 1
     })).then((e) => {
     }), R());
-  }, [o == null ? void 0 : o.id, n == null ? void 0 : n.id]), g(() => {
-    if (Q.current === l.current) {
-      Q.current = void 0, R();
+  }, [s == null ? void 0 : s.id, i == null ? void 0 : i.id]), v(() => {
+    if (Z.current === o.current) {
+      Z.current = void 0, R();
       return;
     }
-    E().then((e) => {
+    M().then((e) => {
     }), R();
-  }, [l.current]), g(() => {
-    E(S(m({}, l), {
+  }, [o.current]), v(() => {
+    M(p(f({}, o), {
       current: 1,
       total: void 0
     })).then((e) => {
     });
   }, [L]);
   const qe = () => {
-    if (!f)
+    if (!h)
       return;
-    const e = N + 1;
-    if (e >= f.length)
-      l.total && e >= l.total ? Y.error("已经是最后一个了") : C({
-        current: l.current + 1,
-        pageSize: l.pageSize,
+    const e = z + 1;
+    if (e >= h.length)
+      o.total && e >= o.total ? ee.error("已经是最后一个了") : I({
+        current: o.current + 1,
+        pageSize: o.pageSize,
         type: "next"
       });
     else {
       A(e);
-      const t = f[e];
-      z(t);
+      const t = h[e];
+      N(t);
     }
   }, Ke = () => {
-    if (!f)
+    if (!h)
       return;
-    const e = N - 1;
+    const e = z - 1;
     if (e < 0)
-      e < 0 ? Y.error("已经是第一个了") : C({
-        current: l.current - 1,
-        pageSize: l.pageSize,
+      e < 0 ? ee.error("已经是第一个了") : I({
+        current: o.current - 1,
+        pageSize: o.pageSize,
         type: "prev"
       });
     else {
       A(e);
-      const t = f[e];
-      z(t);
+      const t = h[e];
+      N(t);
     }
   }, Ze = [{
     key: "",
-    label: `全部（${W}）`,
+    label: `全部（${G}）`,
     children: null
   }, {
     key: "nocode",
-    label: `未标注（${se}）`,
+    label: `未标注（${ce}）`,
     children: null
   }, {
     key: "hascode",
-    label: `已标注（${W - se}）`,
+    label: `已标注（${G - ce}）`,
     children: null
   }];
-  g(() => {
-    !D || !(y != null && y.id) || N < 0 || (_.current = {
+  v(() => {
+    !D || !(y != null && y.id) || z < 0 || (C.current = {
       id: y.id,
-      index: N,
-      page: l.current || 1
+      index: z,
+      page: o.current || 1
     });
-  }, [D, y == null ? void 0 : y.id, N]);
+  }, [D, y == null ? void 0 : y.id, z]);
   const _e = (e) => {
-    if (!f.some((i) => i.id === e.id))
+    if (!h.some((r) => r.id === e.id))
       return;
-    const t = vt(e, o == null ? void 0 : o.vlmMarkTmpl), c = L === "nocode" && t || L === "hascode" && !t;
-    oe((i) => {
-      const u = i.findIndex((p) => p.id === e.id);
-      if (u === -1)
-        return i;
-      if (!c) {
-        const p = [...i];
-        return p[u] = m(m({}, p[u]), e), p;
+    const t = St(e, s == null ? void 0 : s.vlmMarkTmpl), l = L === "nocode" && t || L === "hascode" && !t;
+    J((r) => {
+      const m = r.findIndex((c) => c.id === e.id);
+      if (m === -1)
+        return r;
+      if (!l) {
+        const c = [...r];
+        return c[m] = f(f({}, c[m]), e), c;
       }
-      return [...i.slice(0, u), ...i.slice(u + 1)];
-    }), c && C((i) => S(m({}, i), {
-      total: i.total != null ? Math.max(0, i.total - 1) : i.total
+      return [...r.slice(0, m), ...r.slice(m + 1)];
+    }), l && I((r) => p(f({}, r), {
+      total: r.total != null ? Math.max(0, r.total - 1) : r.total
     }));
   }, Oe = (e) => {
-    const t = l.pageSize || 100;
-    e.page <= 1 || E(S(m({}, l), {
+    var m;
+    if (R(), !e) {
+      M(p(f({}, o), {
+        current: 1
+      }));
+      return;
+    }
+    const t = h.findIndex((c) => c.id === e);
+    if (t === -1) {
+      I((c) => p(f({}, c), {
+        total: c.total != null ? Math.max(0, c.total - 1) : c.total
+      }));
+      return;
+    }
+    const l = [...h.slice(0, t), ...h.slice(t + 1)], r = o.total != null ? Math.max(0, o.total - 1) : l.length;
+    if (l.length === 0 && r > 0) {
+      M(p(f({}, o), {
+        current: 1
+      }));
+      return;
+    }
+    if (J(l), I((c) => p(f({}, c), {
+      total: c.total != null ? Math.max(0, c.total - 1) : c.total
+    })), ((m = C.current) == null ? void 0 : m.id) === e)
+      if (l.length > 0) {
+        const c = Math.min(t, l.length - 1);
+        C.current = {
+          id: l[c].id,
+          index: c,
+          page: C.current.page || o.current || 1
+        };
+      } else
+        C.current = void 0;
+  }, $e = (e) => {
+    const t = o.pageSize || 100;
+    e.page <= 1 || (o.current !== 1 && (Z.current = 1), M(p(f({}, o), {
       current: 1,
       pageSize: e.page * t,
       total: void 0
-    })).then((c) => {
-      Array.isArray(c) && (Q.current = e.page, C((i) => S(m({}, i), {
+    }), void 0, {
+      skipScrollToTop: !0
+    }).then((l) => {
+      Array.isArray(l) && (Z.current = e.page, I((r) => p(f({}, r), {
         current: e.page,
         pageSize: t
       })), requestAnimationFrame(() => {
-        Se(be(U.current), e.id, e.index);
+        be(Ie(U.current), e.id, e.index);
       }));
-    });
+    }));
   };
-  g(() => {
+  v(() => {
     let e;
     if (!D) {
-      const t = _.current;
-      _.current = void 0, z(void 0), A(-1), le(void 0), Z("preview"), t && (e = requestAnimationFrame(() => {
-        Se(be(U.current), t.id, t.index) || Oe(t);
+      const t = C.current;
+      C.current = void 0, N(void 0), A(-1), se(void 0), K("preview"), t && (e = requestAnimationFrame(() => {
+        be(Ie(U.current), t.id, t.index) || $e(t);
       }));
     }
     return () => {
       e !== void 0 && cancelAnimationFrame(e);
     };
-  }, [D]), g(() => {
-    o && o.markType !== "vlm" && console.error(`当前数据集不是vlm类型，请检查数据集类型。
+  }, [D]), v(() => {
+    s && s.markType !== "vlm" && console.error(`当前数据集不是vlm类型，请检查数据集类型。
 请检查markType是否为vlm。`);
-  }, [o]);
-  const he = () => {
+  }, [s]);
+  const pe = () => {
     var e, t;
     (t = (e = U.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
       top: 0
     });
-  }, $e = (e) => {
-    var b, B;
+  }, je = (e) => {
     const {
       scrollTop: t,
-      scrollHeight: c,
-      clientHeight: i
-    } = e.currentTarget, u = c - t - i, p = 3, M = (b = l.pageSize) != null ? b : 100, w = (B = l.current) != null ? B : 0;
-    w >= 1 && f.length > 0 && f.length < w * M || (!l.total || l.total > f.length) && u <= p && C((k) => {
-      var pe;
-      return S(m({}, k), {
-        current: ((pe = k.current) != null ? pe : 0) + 1
+      scrollHeight: l,
+      clientHeight: r
+    } = e.currentTarget, m = l - t - r, c = 3;
+    ie || (!o.total || o.total > h.length) && m <= c && I((k) => {
+      var _;
+      return p(f({}, k), {
+        current: ((_ = k.current) != null ? _ : 0) + 1
       });
     });
   };
-  return /* @__PURE__ */ s(et, {
-    locale: ot,
-    children: /* @__PURE__ */ s(ut.Provider, {
+  return /* @__PURE__ */ a(tt, {
+    locale: lt,
+    children: /* @__PURE__ */ a(mt.Provider, {
       value: {
-        datasetId: r,
-        versionId: (n == null ? void 0 : n.id) || "",
-        no: (n == null ? void 0 : n.no) || "",
-        loading: re,
-        version: n,
-        versions: P,
-        samples: f,
-        pagination: l,
-        services: a,
+        datasetId: n,
+        versionId: (i == null ? void 0 : i.id) || "",
+        no: (i == null ? void 0 : i.no) || "",
+        loading: ne,
+        version: i,
+        versions: B,
+        samples: h,
+        pagination: o,
+        services: d,
         token: Le,
-        getToken: Te,
-        apiUrl: Ve,
+        getToken: Ve,
+        apiUrl: Te,
         featuresConfig: {
           labelManager: ye,
-          datasetManager: I,
-          annotation: ke,
-          filterSwitch: X,
-          header: h,
-          exampleSrcRoot: Ce
+          datasetManager: b,
+          annotation: Ce,
+          filterSwitch: Y,
+          header: g,
+          exampleSrcRoot: xe
         }
       },
-      children: o ? o.markType === "vlm" ? /* @__PURE__ */ V("div", {
+      children: s ? s.markType === "vlm" ? /* @__PURE__ */ T("div", {
         className: "vlm-version-detail",
-        children: [/* @__PURE__ */ V(at, {
+        children: [/* @__PURE__ */ T(dt, {
           className: "product-details-page",
-          header: h === !1 ? void 0 : /* @__PURE__ */ s(ft, {
-            backTo: Ie,
-            onBackClick: h != null && h.onBackClick ? () => {
-              h.onBackClick && h.onBackClick();
+          header: g === !1 ? void 0 : /* @__PURE__ */ a(ht, {
+            backTo: ke,
+            onBackClick: g != null && g.onBackClick ? () => {
+              g.onBackClick && g.onBackClick();
             } : void 0,
-            left: !re && /* @__PURE__ */ V($, {
-              children: [/* @__PURE__ */ s("span", {
+            left: !ne && /* @__PURE__ */ T(j, {
+              children: [/* @__PURE__ */ a("span", {
                 style: {
                   fontWeight: "bold"
                 },
-                children: o == null ? void 0 : o.name
-              }), /* @__PURE__ */ s(tt, {
-                disabled: (h == null ? void 0 : h.versionSelect) === !1,
-                value: n == null ? void 0 : n.id,
+                children: s == null ? void 0 : s.name
+              }), /* @__PURE__ */ a(rt, {
+                disabled: (g == null ? void 0 : g.versionSelect) === !1,
+                value: i == null ? void 0 : i.id,
                 style: {
                   width: 70
                 },
-                options: P.map((e) => ({
+                options: B.map((e) => ({
                   label: e.no,
                   value: e.id
                 })),
                 onChange: (e) => {
-                  const t = P.find((i) => i.id === e);
-                  if (!o || !t)
+                  const t = B.find((r) => r.id === e);
+                  if (!s || !t)
                     return;
-                  const c = P.find((i) => i.id === t.id);
-                  x(c), h != null && h.onVersionChange && h.onVersionChange(c);
+                  const l = B.find((r) => r.id === t.id);
+                  w(l), g != null && g.onVersionChange && g.onVersionChange(l);
                 }
               })]
             }),
-            right: /* @__PURE__ */ V($, {
-              children: [!y && I && I.add && // <DisabledTooltip
+            right: /* @__PURE__ */ T(j, {
+              children: [!y && b && b.add && // <DisabledTooltip
               //   isPreLabel={false}
               //   placement="bottom"
               // >
-              /* @__PURE__ */ s(ee, {
+              /* @__PURE__ */ a(te, {
                 type: "default",
-                onClick: () => J(!0),
-                disabled: T === F.Pending || T === F.Started,
+                onClick: () => X(!0),
+                disabled: V === F.Pending || V === F.Started,
                 children: "导入数据"
-              }, "del"), /* @__PURE__ */ s(pt, {
+              }, "del"), /* @__PURE__ */ a(gt, {
                 when: Ee,
                 content: "确认要离开此页面吗？",
                 subContent: "离开此页面后，将结束导入，放弃未上传的文件，请谨慎操作！"
-              }), ae && /* @__PURE__ */ s(ht, {
-                datasetIam: ze,
-                datasetId: r,
-                currentVersion: n,
-                tenCode: o == null ? void 0 : o.tenantCode,
-                markType: o.markType,
-                vlmMarkTmpl: o == null ? void 0 : o.vlmMarkTmpl,
-                isVisible: ae,
-                setIsVisible: J,
+              }), de && /* @__PURE__ */ a(pt, {
+                datasetIam: Ne,
+                datasetId: n,
+                currentVersion: i,
+                tenCode: s == null ? void 0 : s.tenantCode,
+                markType: s.markType,
+                vlmMarkTmpl: s == null ? void 0 : s.vlmMarkTmpl,
+                isVisible: de,
+                setIsVisible: X,
                 getVersionListRequest: R,
                 setIsConfirm: Re,
                 onUploadStatusChange: (e) => {
                   Ae(e);
                 },
                 tableReload: () => {
-                  n != null && n.id && (he(), E(S(m({}, l), {
+                  i != null && i.id && (pe(), M(p(f({}, o), {
                     current: 1
                   })));
                 },
-                loadVersionData: fe,
-                vlmDwgImport: I && I.vlmDwgImport ? I.vlmDwgImport : !1
+                loadVersionData: he,
+                vlmDwgImport: b && b.vlmDwgImport ? b.vlmDwgImport : !1
               })]
             })
           }),
-          children: [/* @__PURE__ */ V("div", {
+          children: [/* @__PURE__ */ T("div", {
             className: "vlm-header",
-            children: [/* @__PURE__ */ s($, {
-              children: X.tabs && /* @__PURE__ */ s(rt, {
+            children: [/* @__PURE__ */ a(j, {
+              children: Y.tabs && /* @__PURE__ */ a(nt, {
                 className: "header-tab",
                 activeKey: L,
                 onChange: (e) => {
-                  C(S(m({}, l), {
+                  I(p(f({}, o), {
                     current: 1
                     // total: 0,
-                  })), G(e);
+                  })), Q(e);
                 },
                 items: Ze
               })
-            }), /* @__PURE__ */ s($, {
-              children: I && I.label && /* @__PURE__ */ s(ee, {
+            }), /* @__PURE__ */ a(j, {
+              children: b && b.label && /* @__PURE__ */ a(te, {
                 type: "primary",
-                disabled: !W,
+                disabled: !G,
                 onClick: Be,
                 style: {
                   marginRight: "10px"
@@ -418,57 +453,57 @@ const Ut = (v) => {
                 children: "标注"
               })
             })]
-          }), /* @__PURE__ */ s("div", {
+          }), /* @__PURE__ */ a("div", {
             className: "d-row",
-            children: /* @__PURE__ */ s("div", {
+            children: /* @__PURE__ */ a("div", {
               className: "d-right",
               ref: U,
-              children: l.total !== void 0 && l.total > 0 ? /* @__PURE__ */ s(Xe, {
-                children: /* @__PURE__ */ s(ct, {
+              children: o.total !== void 0 && o.total > 0 ? /* @__PURE__ */ a(Ye, {
+                children: /* @__PURE__ */ a(at, {
                   innerProps: {
                     className: "d-right-row"
                   },
-                  data: f,
+                  data: h,
                   itemKey: "id",
                   height: Math.max(He, 1),
-                  onScroll: $e,
-                  children: (e, t) => /* @__PURE__ */ s(nt, {
+                  onScroll: je,
+                  children: (e, t) => /* @__PURE__ */ a(it, {
                     className: "d-right-col",
                     "data-sample-id": e.id,
                     onClick: () => Pe(t),
-                    children: /* @__PURE__ */ V("div", {
+                    children: /* @__PURE__ */ T("div", {
                       className: "right-col-wrapper",
-                      children: [/* @__PURE__ */ s("div", {
+                      children: [/* @__PURE__ */ a("div", {
                         className: "right-col-img",
-                        children: /* @__PURE__ */ s(dt, {
+                        children: /* @__PURE__ */ a(ut, {
                           fileKey: e.fileKey,
                           width: 124,
                           thumbnailUrl: e.thumbnailUrl
                         })
-                      }), /* @__PURE__ */ s("div", {
+                      }), /* @__PURE__ */ a("div", {
                         className: "right-col-text",
-                        children: /* @__PURE__ */ s("div", {
+                        children: /* @__PURE__ */ a("div", {
                           children: t + 1
                         })
                       })]
                     })
                   }, e.id)
                 })
-              }) : /* @__PURE__ */ s("div", {
+              }) : /* @__PURE__ */ a("div", {
                 className: "empty",
-                children: l.total === 0 ? /* @__PURE__ */ s(it, {
-                  image: gt,
-                  description: /* @__PURE__ */ V("span", {
-                    children: ["暂无数据", L !== "hascode" && /* @__PURE__ */ s("span", {
-                      children: I && I.add && /* @__PURE__ */ V(ee, {
+                children: o.total === 0 ? /* @__PURE__ */ a(ot, {
+                  image: vt,
+                  description: /* @__PURE__ */ T("span", {
+                    children: ["暂无数据", L !== "hascode" && /* @__PURE__ */ a("span", {
+                      children: b && b.add && /* @__PURE__ */ T(te, {
                         type: "link",
                         size: "small",
                         style: {
                           padding: 0
                         },
-                        onClick: () => J(!0),
-                        disabled: T === F.Pending || T === F.Started,
-                        children: [/* @__PURE__ */ s("span", {
+                        onClick: () => X(!0),
+                        disabled: V === F.Pending || V === F.Started,
+                        children: [/* @__PURE__ */ a("span", {
                           style: {
                             color: "black"
                           },
@@ -481,47 +516,45 @@ const Ut = (v) => {
               })
             })
           })]
-        }), D && /* @__PURE__ */ s(lt, {
-          vlmMarkTmpl: o == null ? void 0 : o.vlmMarkTmpl,
+        }), D && /* @__PURE__ */ a(st, {
+          vlmMarkTmpl: s == null ? void 0 : s.vlmMarkTmpl,
           isVlmModalVisible: D,
-          setIsVlmModalVisible: K,
+          setIsVlmModalVisible: q,
           record: y,
           onNextClick: () => qe(),
           onPrevClick: () => Ke(),
-          listLoading: Me,
-          ocrMarkTmpl: o == null ? void 0 : o.ocrMarkTmpl,
-          datasetId: r,
-          versionId: n == null ? void 0 : n.id,
-          initialMode: we,
+          listLoading: ie,
+          ocrMarkTmpl: s == null ? void 0 : s.ocrMarkTmpl,
+          datasetId: n,
+          versionId: i == null ? void 0 : i.id,
+          initialMode: Me,
           filterMode: L,
           onFilterModeChange: (e) => {
-            G(e);
+            Q(e);
           },
           onCurrentSampleChange: (e) => {
-            _.current = e;
+            C.current = e;
           },
-          samples: f,
-          pagination: l,
-          currentIndex: N,
+          samples: h,
+          pagination: o,
+          currentIndex: z,
           handleMarkClick: (e) => {
-            le(e), Z("annotation");
+            se(e), K("annotation");
           },
-          updateSampleList: () => {
-            E(S(m({}, l), {
-              current: 1
-            })), R();
+          updateSampleList: (e) => {
+            Oe(e);
           },
-          selectSampleId: xe,
+          selectSampleId: we,
           onClose: () => {
-            R(), K(!1);
+            R(), q(!1);
           },
           onSave: (e) => {
-            if (!r || !n)
+            if (!n || !i)
               throw "datasetId or version is not exist.";
-            return a.cvforceDatahub.updateSamples(r, n.id, [m({}, e)]).then(() => (_e(e), !0));
+            return d.cvforceDatahub.updateSamples(n, i.id, [f({}, e)]).then(() => (_e(e), !0));
           }
         })]
-      }) : /* @__PURE__ */ s("div", {
+      }) : /* @__PURE__ */ a("div", {
         style: {
           color: "red",
           textAlign: "center"
@@ -532,5 +565,5 @@ const Ut = (v) => {
   });
 };
 export {
-  Ut as default
+  Bt as default
 };