@glodon-aiot/dataset-annotation 3.16.0-alpha.37 → 3.16.0-alpha.39

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

@@ -1,373 +1,394 @@
-var xe = Object.defineProperty, ye = Object.defineProperties;
-var Le = Object.getOwnPropertyDescriptors;
-var re = Object.getOwnPropertySymbols;
-var Ve = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable;
-var oe = (f, n, r) => n in f ? xe(f, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : f[n] = r, h = (f, n) => {
-  for (var r in n || (n = {}))
-    Ve.call(n, r) && oe(f, r, n[r]);
-  if (re)
-    for (var r of re(n))
-      Pe.call(n, r) && oe(f, r, n[r]);
-  return f;
-}, C = (f, n) => ye(f, Le(n));
-import { jsx as c, jsxs as D } from "react/jsx-runtime";
-import { useState as a, useEffect as m } from "react";
-import { message as $, ConfigProvider as Re, Space as x, Select as Ne, Tabs as Oe, Tooltip as we, Button as ze, Row as Be, Col as Ke, Pagination as Ae } from "antd";
-import Ee from "antd/es/locale/zh_CN";
+var Ve = Object.defineProperty, Le = Object.defineProperties;
+var Re = Object.getOwnPropertyDescriptors;
+var ie = Object.getOwnPropertySymbols;
+var Oe = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable;
+var ne = (p, c, i) => c in p ? Ve(p, c, { enumerable: !0, configurable: !0, writable: !0, value: i }) : p[c] = i, m = (p, c) => {
+  for (var i in c || (c = {}))
+    Oe.call(c, i) && ne(p, i, c[i]);
+  if (ie)
+    for (var i of ie(c))
+      Pe.call(c, i) && ne(p, i, c[i]);
+  return p;
+}, C = (p, c) => Le(p, Re(c));
+import { jsx as l, jsxs as x } from "react/jsx-runtime";
+import { useState as s, useEffect as h } from "react";
+import { message as H, ConfigProvider as we, Space as y, Select as Ne, Tabs as ze, Tooltip as Ke, Button as Be, Row as Ee, Col as Ae, Pagination as Fe } from "antd";
+import Ue from "antd/es/locale/zh_CN";
 import "./style.less.mjs";
-import Fe from "./OcrModal/index.mjs";
-import Ue from "./MarkKVOCRModal/index.mjs";
-import Ze from "./MarkOCRBoxModal/index.mjs";
-import $e from "./PreLabelOCR/index.mjs";
-import je from "lodash/merge";
-import { UploadZipsStatus as ie, PreLabelTaskStatus as We } from "@glodon-aiot/apis";
-import _e from "../../Common/Page/index.mjs";
-import He from "../Thumbnail/index.mjs";
-import Je from "../DataEmpty/index.mjs";
-import Qe from "../../DatasetContext/index.mjs";
-import { DEFAULT_FILTER_SWITCH as qe } from "../../constant.mjs";
-import Ge from "../PageNav/index.mjs";
-const gt = (f) => {
+import Ze from "./OcrModal/index.mjs";
+import $e from "./MarkKVOCRModal/index.mjs";
+import je from "./MarkOCRBoxModal/index.mjs";
+import We from "./PreLabelOCR/index.mjs";
+import _e from "lodash/merge";
+import { UploadZipsStatus as ce, PreLabelTaskStatus as He } from "@glodon-aiot/apis";
+import Je from "../../Common/Page/index.mjs";
+import Qe from "../Thumbnail/index.mjs";
+import qe from "../DataEmpty/index.mjs";
+import Ge from "../../DatasetContext/index.mjs";
+import { DEFAULT_FILTER_SWITCH as Xe } from "../../constant.mjs";
+import Ye from "../PageNav/index.mjs";
+const Ct = (p) => {
   const {
-    services: n,
-    datasetId: r,
-    versionId: S,
-    backTo: ne,
-    labelManager: ce = !1,
-    datasetManager: T = !1,
-    annotation: le,
-    header: d = {
+    services: c,
+    datasetId: i,
+    versionId: z,
+    backTo: le,
+    labelManager: ae = !1,
+    datasetManager: v = !1,
+    annotation: se,
+    header: f = {
       versionSelect: !1
     },
-    exampleSrcRoot: ae
-  } = f, [i, R] = a(), [t, I] = a(), [y, j] = a([]), [W, L] = a(!1), [N, O] = a(!1), [g, _] = a(0), [u, H] = a(), [w, b] = a(), [se, J] = a(), [Q, M] = a(-1), [l, k] = a({
+    exampleSrcRoot: de
+  } = p, [o, ue] = s(), [t, K] = s(), [D, fe] = s([]), [J, Q] = s(!1), [V, L] = s(!1), [M, q] = s(0), [d, B] = s(), [I, g] = s(), [G, R] = s(), [E, T] = s(-1), [a, k] = s({
     current: 1,
     pageSize: 50
-  }), [V, q] = a(0), [v, de] = a(""), [G, z] = a(!1), [X, Y] = a(), [B, ee] = a(!1), [P, K] = a(null), [ue, te] = a(!1), [fe, pe] = a(!1), [A, me] = a(""), [he, ge] = a(), E = h({}, qe);
-  je(E, f.filterSwitch);
-  const be = () => {
-    J(void 0), z(!0);
-  }, ke = (e, o) => {
+  }), [O, X] = s(0), [S, A] = s(""), [Y, F] = s(!1), [ee, te] = s(), [U, oe] = s(!1), [P, Z] = s(null), [pe, re] = s(!1), [me, he] = s(!1), [$, ge] = s(""), [be, Ce] = s(), [j, w] = s("preview"), W = m({}, Xe);
+  _e(W, p.filterSwitch);
+  const ke = () => {
+    R(void 0), (o == null ? void 0 : o.ocrMarkTmpl) === "StructKVCOCR" ? F(!0) : (w("annotation"), L(!0), A("nocode"));
+  }, Se = (e, r) => {
     k({
       current: e,
-      pageSize: o
+      pageSize: r
     });
-  }, Ce = (e) => {
-    if (!u)
+  }, Me = (e) => {
+    if (!d)
       return;
-    M(e);
-    const o = u[e];
-    b(o), O(!0);
+    T(e);
+    const r = d[e];
+    g(r), w("preview"), L(!0);
   };
-  m(() => {
-    n.cvforceDatahub && n.cvforceDatahub.getOptionsImgproxy().then((e) => ge(e));
-  }, [n.cvforceDatahub]), m(() => {
-    !r || t || (L(!0), Promise.all([
+  h(() => {
+    c.cvforceDatahub && c.cvforceDatahub.getOptionsImgproxy().then((e) => Ce(e));
+  }, [c.cvforceDatahub]), h(() => {
+    i && (Q(!0), Promise.all([
       // 数据集
-      n.cvforceDatahub.getDatasetsId(r).then((e) => {
-        R(e);
+      c.cvforceDatahub.getDatasetsId(i).then((e) => {
+        ue(e);
       }),
       // 版本列表
-      n.cvforceDatahub.getDatasetsIdVersions(r, 1, 1e3).then((e) => {
-        j(e.recordList), I(S ? e.recordList.find((o) => o.id === S) : e.recordList[0]);
+      c.cvforceDatahub.getDatasetsIdVersions(i, 1, 1e3).then((e) => {
+        fe(e.recordList), K(z ? e.recordList.find((r) => r.id === z) : e.recordList[0]);
       })
-    ]).finally(() => L(!1)));
-  }, [r, t == null ? void 0 : t.id]), m(() => {
-    r && (L(!0), Promise.all([
-      // 数据集
-      n.cvforceDatahub.getDatasetsId(r).then((e) => {
-        R(e);
-      }),
-      // 版本列表
-      n.cvforceDatahub.getDatasetsIdVersions(r, 1, 1e3).then((e) => {
-        j(e.recordList), I(S ? e.recordList.find((o) => o.id === S) : e.recordList[0]);
-      })
-    ]).finally(() => L(!1)));
-  }, [r, S]), m(() => {
-    r && n.cvforceDatahub.getDatasetsId(r).then((e) => {
-      R(e);
-    });
-  }, []);
-  const Se = () => {
-    !r || !t || n.cvforceDatahub.getDatasetsIdVersionsVid(r, t.id).then((e) => {
-      me(e.versionAsyncTask.state);
+    ]).finally(() => Q(!1)));
+  }, [i, z]);
+  const Te = () => {
+    !i || !t || c.cvforceDatahub.getDatasetsIdVersionsVid(i, t.id).then((e) => {
+      ge(e.versionAsyncTask.state);
     });
   };
-  m(() => {
-    Se();
-  }, [r, t == null ? void 0 : t.id]), m(() => {
-    A !== ie.Pending && A !== ie.Started || $.warning("文件导入中，请刷新页面再试");
-  }, [A]);
-  const Te = () => {
-    !r || !t || n.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(r, t.id).then((e) => {
-      const o = e.find((p) => p.id === "allcodeid"), s = e.find((p) => p.id === "nocodeid");
-      _(o ? o.count : 0), q(s ? s.count : 0);
+  h(() => {
+    Te();
+  }, [i, t == null ? void 0 : t.id]), h(() => {
+    $ !== ce.Pending && $ !== ce.Started || H.warning("文件导入中，请刷新页面再试");
+  }, [$]);
+  const xe = () => {
+    !i || !t || c.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(i, t.id).then((e) => {
+      const r = e.find((u) => u.id === "allcodeid"), n = e.find((u) => u.id === "nocodeid");
+      q(r ? r.count : 0), X(n ? n.count : 0);
     });
-  }, F = () => {
-    const e = l.current || 1, o = l.pageSize || 50;
-    !r || !t || (n.cvforceDatahub.getDatasetsIdVersionsVidSamples(r, t.id, {
-      labels: v || void 0,
+  }, N = () => {
+    const e = a.current || 1, r = a.pageSize || 50;
+    !i || !t || (c.cvforceDatahub.getDatasetsIdVersionsVidSamples(i, t.id, {
+      labels: S || void 0,
       pageNo: e,
-      pageSize: o
-    }).then((s) => {
-      const p = s.recordList || [];
-      if (!p.length && s.totalResults > 0) {
-        k(C(h({}, l), {
-          current: Math.ceil(s.totalResults / o)
-        })), Math.ceil(s.totalResults / o) === e && H([]);
+      pageSize: r
+    }).then((n) => {
+      const u = n.recordList || [];
+      if (!u.length && n.totalResults > 0) {
+        k(C(m({}, a), {
+          current: Math.ceil(n.totalResults / r)
+        })), Math.ceil(n.totalResults / r) === e && B([]);
         return;
       }
-      if (H(p), k(C(h({}, l), {
-        total: s.totalResults
-      })), l.type === "next" && p.length) {
-        M(0);
-        const Z = s.recordList[0];
-        b(Z);
+      if (B(u), k(C(m({}, a), {
+        total: n.totalResults
+      })), a.type === "next" && u.length) {
+        T(0);
+        const b = n.recordList[0];
+        g(b);
       }
-      if (l.type === "prev" && p.length) {
-        M(l.pageSize - 1);
-        const Z = s.recordList[l.pageSize - 1];
-        b(Z);
+      if (a.type === "prev" && u.length) {
+        T(a.pageSize - 1);
+        const b = n.recordList[a.pageSize - 1];
+        g(b);
       }
-    }), Te());
+    }), xe());
   };
-  m(F, [l.current, l.pageSize, v, X, t == null ? void 0 : t.id, r]);
-  const Ie = () => {
-    if (!u)
+  h(N, [a.current, a.pageSize, S, ee, t == null ? void 0 : t.id, i]);
+  const ve = () => {
+    if (!d)
       return;
-    const e = Q + 1;
-    if (e >= u.length) {
-      let o = g;
-      v === "hascode" && (o = g - V), v === "nocode" && (o = V), (l.current - 1) * l.pageSize + e >= o ? $.error("已经是最后一个了") : k({
-        current: l.current + 1,
-        pageSize: l.pageSize,
+    const e = E + 1;
+    if (e >= d.length) {
+      let r = M;
+      S === "hascode" && (r = M - O), S === "nocode" && (r = O), (a.current - 1) * a.pageSize + e >= r ? H.error("已经是最后一个了") : k({
+        current: a.current + 1,
+        pageSize: a.pageSize,
         type: "next"
       });
     } else {
-      M(e);
-      const o = u[e];
-      b(o);
+      T(e);
+      const r = d[e];
+      g(r);
     }
-  }, Me = () => {
-    if (!u)
+  }, Ie = () => {
+    if (!d)
       return;
-    const e = Q - 1;
+    const e = E - 1;
     if (e < 0)
-      (l.current - 1) * l.pageSize + e < 0 ? $.error("已经是第一个了") : k({
-        current: l.current - 1,
-        pageSize: l.pageSize,
+      (a.current - 1) * a.pageSize + e < 0 ? H.error("已经是第一个了") : k({
+        current: a.current - 1,
+        pageSize: a.pageSize,
         type: "prev"
       });
     else {
-      M(e);
-      const o = u[e];
-      b(o);
+      T(e);
+      const r = d[e];
+      g(r);
     }
   };
-  m(() => {
-    if (!r) {
-      P && (clearTimeout(P), K(null)), Y(void 0);
+  h(() => {
+    if (!i) {
+      P && (clearTimeout(P), Z(null)), te(void 0);
       return;
     }
-    U();
-  }, [t == null ? void 0 : t.id]), m(() => {
-    U();
-  }, [fe]);
-  const U = () => {
-    !r || !t || n.cvforceDatahub.getPreLabelTask(r, t.id).then((e) => {
-      const o = e[0];
-      if (Y(o), P && (clearTimeout(P), K(null)), !(o != null && o.state) || o.state !== We.Started) {
-        ee(!1);
+    _();
+  }, [t == null ? void 0 : t.id]), h(() => {
+    _();
+  }, [me]);
+  const _ = () => {
+    !i || !t || c.cvforceDatahub.getPreLabelTask(i, t.id).then((e) => {
+      const r = e[0];
+      if (te(r), P && (clearTimeout(P), Z(null)), !(r != null && r.state) || r.state !== He.Started) {
+        oe(!1);
         return;
       } else
-        ee(!0);
-      K(setTimeout(() => {
-        U();
+        oe(!0);
+      Z(setTimeout(() => {
+        _();
       }, 1e4));
     });
-  }, ve = [{
+  }, ye = [{
     key: "",
-    label: `全部（${g}）`,
+    label: `全部（${M}）`,
     children: null
   }, {
     key: "nocode",
-    label: `未标注（${V}）`,
+    label: `未标注（${O}）`,
     children: null
   }, {
     key: "hascode",
-    label: `已标注（${g - V}）`,
+    label: `已标注（${M - O}）`,
     children: null
   }];
-  m(() => {
-    N || b(void 0);
-  }, [N]), m(() => {
-    i && (i.markType !== "ocr" || (i == null ? void 0 : i.ocrMarkTmpl) !== "DetectionOCR") && console.error(`当前数据集不是DetectionOCR(ocr检测)类型，请检查数据集类型。
+  h(() => {
+    V || ((o == null ? void 0 : o.ocrMarkTmpl) === "StructKVCOCR" ? g(void 0) : (j === "annotation" && N(), g(void 0), T(-1), R(void 0), w("preview")));
+  }, [V, j]), h(() => {
+    o && (o.markType !== "ocr" || (o == null ? void 0 : o.ocrMarkTmpl) !== "DetectionOCR") && console.error(`当前数据集不是DetectionOCR(ocr检测)类型，请检查数据集类型。
 请检查markType是否为ocr并且ocrMarkTmpl为DetectionOCR。`);
-  }, [i]);
-  const De = (i == null ? void 0 : i.ocrMarkTmpl) === "StructKVCOCR" ? Ue : Ze;
-  return /* @__PURE__ */ c(Re, {
-    locale: Ee,
-    children: /* @__PURE__ */ c(Qe.Provider, {
+  }, [o]);
+  const De = (o == null ? void 0 : o.ocrMarkTmpl) === "StructKVCOCR" ? $e : je;
+  return /* @__PURE__ */ l(we, {
+    locale: Ue,
+    children: /* @__PURE__ */ l(Ge.Provider, {
       value: {
-        datasetId: r,
+        datasetId: i,
         versionId: (t == null ? void 0 : t.id) || "",
         no: (t == null ? void 0 : t.no) || "",
-        loading: W,
+        loading: J,
         version: t,
-        versions: y,
-        samples: u,
-        pagination: l,
-        services: n,
+        versions: D,
+        samples: d,
+        pagination: a,
+        services: c,
         featuresConfig: {
-          labelManager: ce,
-          datasetManager: T,
-          annotation: le,
-          filterSwitch: E,
-          header: d,
-          exampleSrcRoot: ae
+          labelManager: ae,
+          datasetManager: v,
+          annotation: se,
+          filterSwitch: W,
+          header: f,
+          exampleSrcRoot: de
         }
       },
-      children: i ? i.markType === "ocr" ? /* @__PURE__ */ D("div", {
+      children: o ? o.markType === "ocr" ? /* @__PURE__ */ x("div", {
         className: "ocr-version-detail",
-        children: [/* @__PURE__ */ D(_e, {
+        children: [/* @__PURE__ */ x(Je, {
           className: "product-details-page",
-          header: d === !1 ? void 0 : /* @__PURE__ */ c(Ge, {
-            backTo: ne,
-            onBackClick: d != null && d.onBackClick ? () => {
-              d.onBackClick && d.onBackClick();
+          header: f === !1 ? void 0 : /* @__PURE__ */ l(Ye, {
+            backTo: le,
+            onBackClick: f != null && f.onBackClick ? () => {
+              f.onBackClick && f.onBackClick();
             } : void 0,
-            left: !W && /* @__PURE__ */ D(x, {
-              children: [/* @__PURE__ */ c("span", {
+            left: !J && /* @__PURE__ */ x(y, {
+              children: [/* @__PURE__ */ l("span", {
                 style: {
                   fontWeight: "bold"
                 },
-                children: i == null ? void 0 : i.name
-              }), /* @__PURE__ */ c(Ne, {
-                disabled: (d == null ? void 0 : d.versionSelect) === !1,
+                children: o == null ? void 0 : o.name
+              }), /* @__PURE__ */ l(Ne, {
+                disabled: (f == null ? void 0 : f.versionSelect) === !1,
                 value: t == null ? void 0 : t.id,
                 style: {
                   width: 70
                 },
-                options: y.map((e) => ({
+                options: D.map((e) => ({
                   label: e.no,
                   value: e.id
                 })),
                 onChange: (e) => {
-                  const o = y.find((p) => p.id === e);
-                  if (!i || !o)
+                  const r = D.find((u) => u.id === e);
+                  if (!o || !r)
                     return;
-                  const s = y.find((p) => p.id === o.id);
-                  I(s), d != null && d.onVersionChange && d.onVersionChange(s);
+                  const n = D.find((u) => u.id === r.id);
+                  K(n), f != null && f.onVersionChange && f.onVersionChange(n);
                 }
               })]
             }),
-            right: /* @__PURE__ */ c(x, {
-              children: !w && T && T.preLabel && (t != null && t.id) ? /* @__PURE__ */ c($e, {
-                datasetId: r,
+            right: /* @__PURE__ */ l(y, {
+              children: !I && v && v.preLabel && (t != null && t.id) ? /* @__PURE__ */ l(We, {
+                datasetId: i,
                 versionId: t.id,
-                disabled: !g || (i == null ? void 0 : i.ocrMarkTmpl) !== "DetectionOCR",
-                setIsTaskChange: pe,
-                preLabelTask: X,
+                disabled: !M || (o == null ? void 0 : o.ocrMarkTmpl) !== "DetectionOCR",
+                setIsTaskChange: he,
+                preLabelTask: ee,
                 datasetType: "ocr"
               }) : null
             })
           }),
-          children: [/* @__PURE__ */ D("div", {
+          children: [/* @__PURE__ */ x("div", {
             className: "ocr-header",
-            children: [/* @__PURE__ */ c(x, {
-              children: E.tabs && /* @__PURE__ */ c(Oe, {
+            children: [/* @__PURE__ */ l(y, {
+              children: W.tabs && /* @__PURE__ */ l(ze, {
                 className: "header-tab",
-                defaultActiveKey: "",
+                activeKey: S,
                 onChange: (e) => {
-                  k(C(h({}, l), {
+                  k(C(m({}, a), {
                     current: 1,
                     total: 0
-                  })), de(e);
+                  })), A(e);
                 },
-                items: ve
+                items: ye
               })
-            }), /* @__PURE__ */ c(x, {
-              children: T && T.label && /* @__PURE__ */ c(we, {
+            }), /* @__PURE__ */ l(y, {
+              children: v && v.label && /* @__PURE__ */ l(Ke, {
                 title: "预标注进行中，请任务完成后再试",
-                open: ue,
-                children: /* @__PURE__ */ c(ze, {
+                open: pe,
+                children: /* @__PURE__ */ l(Be, {
                   type: "primary",
-                  disabled: !g || (i == null ? void 0 : i.ocrMarkTmpl) !== "StructKVCOCR" && (i == null ? void 0 : i.ocrMarkTmpl) !== "DetectionOCR" || B,
-                  onClick: be,
-                  onMouseEnter: () => B && te(!0),
-                  onMouseLeave: () => te(!1),
+                  disabled: !M || (o == null ? void 0 : o.ocrMarkTmpl) !== "StructKVCOCR" && (o == null ? void 0 : o.ocrMarkTmpl) !== "DetectionOCR" || U,
+                  onClick: ke,
+                  onMouseEnter: () => U && re(!0),
+                  onMouseLeave: () => re(!1),
                   style: {
                     marginRight: "10px"
                   },
-                  children: "单张标注"
+                  children: "标注"
                 })
               })
             })]
-          }), /* @__PURE__ */ c("div", {
+          }), /* @__PURE__ */ l("div", {
             className: "d-row",
-            children: u != null && u.length ? /* @__PURE__ */ D(x, {
+            children: d != null && d.length ? /* @__PURE__ */ x(y, {
               direction: "vertical",
               className: "d-right",
-              children: [/* @__PURE__ */ c(Be, {
+              children: [/* @__PURE__ */ l(Ee, {
                 gutter: [16, 16],
                 wrap: !0,
                 className: "d-right-row",
-                children: u == null ? void 0 : u.map((e, o) => /* @__PURE__ */ c(Ke, {
+                children: d == null ? void 0 : d.map((e, r) => /* @__PURE__ */ l(Ae, {
                   className: "d-right-col",
-                  onClick: () => Ce(o),
-                  children: /* @__PURE__ */ c("div", {
+                  onClick: () => Me(r),
+                  children: /* @__PURE__ */ x("div", {
                     className: "right-col-wrapper",
-                    children: /* @__PURE__ */ c("div", {
+                    children: [/* @__PURE__ */ l("div", {
                       className: "right-col-img",
-                      children: /* @__PURE__ */ c(He, {
+                      children: /* @__PURE__ */ l(Qe, {
                         fileKey: e.fileKey,
                         width: 124,
-                        imgProxy: he
+                        imgProxy: be
                       })
-                    })
+                    }), /* @__PURE__ */ l("div", {
+                      className: "right-col-text",
+                      children: /* @__PURE__ */ l("div", {
+                        children: r + 1
+                      })
+                    })]
                   })
                 }, e.id))
-              }), /* @__PURE__ */ c(Ae, h({
-                onChange: ke,
+              }), /* @__PURE__ */ l(Fe, m({
+                onChange: Se,
                 className: "d-right-pageination",
                 showQuickJumper: !0,
                 showSizeChanger: !0
-              }, l))]
-            }) : /* @__PURE__ */ c(Je, {})
+              }, a))]
+            }) : /* @__PURE__ */ l(qe, {})
           })]
-        }), w && /* @__PURE__ */ c(Fe, {
-          isOcrModalVisible: N,
-          setIsOcrModalVisible: O,
-          record: w,
-          onNextClick: () => Ie(),
-          onPrevClick: () => Me(),
-          ocrMarkTmpl: i == null ? void 0 : i.ocrMarkTmpl,
-          datasetId: r,
+        }), V && /* @__PURE__ */ l(Ze, {
+          mode: j,
+          visible: V,
+          onClose: () => L(!1),
+          record: I,
+          onNextClick: () => ve(),
+          onPrevClick: () => Ie(),
+          ocrMarkTmpl: o == null ? void 0 : o.ocrMarkTmpl,
+          datasetId: i,
           versionId: t == null ? void 0 : t.id,
           handleMarkClick: (e) => {
-            J(e), O(!1), z(!0);
+            R(e), (o == null ? void 0 : o.ocrMarkTmpl) === "StructKVCOCR" ? (L(!1), F(!0)) : w("annotation");
+          },
+          updateSampleList: N,
+          isPreLabel: U,
+          selectSampleId: G,
+          onSave: (e) => {
+            var r;
+            if (!i || !t)
+              throw "datasetId or version is not exist.";
+            return c.cvforceDatahub.updateSamples(i, t.id, [C(m({}, e), {
+              labels: (r = e.labels) == null ? void 0 : r.map((n) => C(m({}, n), {
+                box: n.box.length > 4 ? n.box.splice(0, 4) : n.box
+              }))
+            })]).then(() => (d && (I == null ? void 0 : I.id) === e.id && (B((n) => {
+              if (!n)
+                return n;
+              const u = n.findIndex((b) => b.id === e.id);
+              if (u > -1) {
+                const b = [...n];
+                return b[u] = e, b;
+              }
+              return n;
+            }), g(e)), !0));
+          },
+          filterMode: S,
+          onFilterModeChange: (e) => {
+            R(void 0), A(e);
+          },
+          onPaginationChange: (e) => {
+            k(e);
           },
-          updateSampleList: F,
-          isPreLabel: B
-        }), G && (t == null ? void 0 : t.id) && /* @__PURE__ */ c(De, {
-          visible: G,
-          selectSampleId: se,
-          ocrMarkTmpl: i == null ? void 0 : i.ocrMarkTmpl,
-          datasetId: r,
+          samples: d,
+          pagination: a,
+          currentIndex: E
+        }), Y && (t == null ? void 0 : t.id) && /* @__PURE__ */ l(De, {
+          visible: Y,
+          selectSampleId: G,
+          ocrMarkTmpl: o == null ? void 0 : o.ocrMarkTmpl,
+          datasetId: i,
           versionId: t.id,
-          onClose: () => z(!1),
+          onClose: () => F(!1),
           onSave: (e) => {
-            var o;
-            if (!r || !t)
+            var r;
+            if (!i || !t)
               throw "datasetId or version is not exist.";
-            return n.cvforceDatahub.updateSamples(r, t.id, [C(h({}, e), {
-              labels: (o = e.labels) == null ? void 0 : o.map((s) => C(h({}, s), {
-                box: s.box.length > 4 ? s.box.splice(0, 4) : s.box
+            return c.cvforceDatahub.updateSamples(i, t.id, [C(m({}, e), {
+              labels: (r = e.labels) == null ? void 0 : r.map((n) => C(m({}, n), {
+                box: n.box.length > 4 ? n.box.splice(0, 4) : n.box
               }))
-            })]).then(() => (F(), !0));
+            })]).then(() => (N(), !0));
           }
         })]
-      }) : /* @__PURE__ */ c("div", {
+      }) : /* @__PURE__ */ l("div", {
         style: {
           color: "red",
           textAlign: "center"
@@ -378,5 +399,5 @@ const gt = (f) => {
   });
 };
 export {
-  gt as default
+  Ct as default
 };