@glodon-aiot/dataset-annotation 3.24.0-alpha.4 → 3.24.0-alpha.5

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

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