@glodon-aiot/dataset-annotation 3.14.0-alpha.32 → 3.14.0-alpha.34

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

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