@glodon-aiot/dataset-annotation 3.24.0-alpha.6 → 3.25.0-alpha.7

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

@@ -1,43 +1,44 @@
-import { jsx as t, jsxs as a, Fragment as O } from "react/jsx-runtime";
-import { useRef as k, useState as r, useContext as se, useEffect as R } from "react";
-import { Modal as w, Button as m, Tabs as V, Tooltip as ie, Space as ne, message as I } from "antd";
+import { jsx as t, jsxs as a, Fragment as k } from "react/jsx-runtime";
+import { useRef as b, useState as r, useContext as le, useEffect as I } from "react";
+import { Modal as w, Button as m, Tabs as z, Tooltip as re, Space as de, message as T } from "antd";
 import "./style.less.mjs";
-import T from "react-json-view";
-import { useKeyPress as j } from "ahooks";
-import le from "../../MarkDescriptions/index.mjs";
-import P from "../../Iconfont/index.mjs";
-import re from "../../../DatasetContext/index.mjs";
-import de from "../../OCRImageViewer/index.mjs";
-import ce from "../../ScanTable/index.mjs";
-import me from "../OCRBoxDetail/index.mjs";
-import pe from "../../DetectionStatus/index.mjs";
-const Ce = T.default || T, {
-  TabPane: D
-} = V, we = (z) => {
-  var x, u, M;
+import j from "react-json-view";
+import { useKeyPress as P } from "ahooks";
+import ce from "../../MarkDescriptions/index.mjs";
+import D from "../../Iconfont/index.mjs";
+import me from "../../../DatasetContext/index.mjs";
+import Ce from "../../OCRImageViewer/index.mjs";
+import fe from "../../ScanTable/index.mjs";
+import pe from "../OCRBoxDetail/index.mjs";
+import he from "../../DetectionStatus/index.mjs";
+const ge = j.default || j, {
+  TabPane: V
+} = z, je = (F) => {
+  var M, O, R;
   const {
-    mode: p = "preview",
+    mode: C = "preview",
     visible: d,
-    onClose: C,
-    record: f,
-    onNextClick: b,
+    onClose: f,
+    record: p,
+    onNextClick: u,
     onPrevClick: v,
-    datasetId: i,
+    datasetId: s,
     versionId: l,
-    ocrMarkTmpl: n,
-    handleMarkClick: F,
-    updateSampleList: J,
+    ocrMarkTmpl: i,
+    handleMarkClick: J,
+    updateSampleList: K,
     isPreLabel: h,
-    selectSampleId: K,
+    selectSampleId: q,
     onSave: L,
     onPending: B,
     filterMode: E,
-    pagination: q,
-    currentIndex: A,
-    onFilterModeChange: U,
-    onPaginationChange: W,
-    samples: G
-  } = z, H = k(null), Q = k({}), [g, X] = r("annotation"), [e, Y] = r(), [Z, _] = r(), [y, $] = r([]), [S, N] = r(!1), {
+    pagination: A,
+    currentIndex: U,
+    onFilterModeChange: W,
+    onPaginationChange: G,
+    onCurrentSampleChange: H,
+    samples: Q
+  } = F, X = b(null), Y = b({}), y = b(0), [g, Z] = r("annotation"), [e, _] = r(), [$, S] = r(), [N, ee] = r([]), [te, x] = r(!1), {
     services: {
       cvforceDatahub: o
     },
@@ -46,40 +47,43 @@ const Ce = T.default || T, {
     } = {
       datasetManager: !1
     }
-  } = se(re);
-  j("rightarrow", () => {
-    b();
-  }), j("leftarrow", () => {
+  } = le(me);
+  P("rightarrow", () => {
+    u();
+  }), P("leftarrow", () => {
     v();
-  }), R(() => {
-    i && (o == null || o.listCategory(i).then((s) => $(s || [])));
-  }, [i]), R(() => {
-    d && i && l && f && p === "preview" && (o == null || o.getDatasetsIdVersionsVidSsamplesSid(i, l, f.id).then((s) => {
-      Y(s);
-    }));
-  }, [d, f]);
-  const ee = () => {
-    C();
-  }, te = (s) => {
-    X(s);
-  }, ae = (s) => {
-    _(s);
-  }, oe = () => {
+  }), I(() => {
+    s && (o == null || o.listCategory(s).then((n) => ee(n || [])));
+  }, [s]), I(() => {
+    if (d && s && l && p && C === "preview") {
+      const n = ++y.current;
+      o == null || o.getDatasetsIdVersionsVidSsamplesSid(s, l, p.id).then((ie) => {
+        n === y.current && _(ie);
+      });
+    }
+  }, [d, p]);
+  const ae = () => {
+    f();
+  }, oe = (n) => {
+    Z(n);
+  }, ne = (n) => {
+    S(n);
+  }, se = () => {
     w.confirm({
       title: "确认要删除此数据吗？",
       content: "删除后不可恢复，请慎重操作",
       onOk: () => {
-        !i || !l || !(e != null && e.id) || o == null || o.delDatasetsIdVersionsVidSamplesId(i, l, e.id).then(() => {
-          I.success("删除成功"), C(), J();
-        }).catch(() => I.error("删除失败"));
+        !s || !l || !(e != null && e.id) || o == null || o.delDatasetsIdVersionsVidSamplesId(s, l, e.id).then(() => {
+          T.success("删除成功"), f(), K();
+        }).catch(() => T.error("删除失败"));
       }
     });
   };
   return /* @__PURE__ */ t(w, {
-    title: p === "preview" ? /* @__PURE__ */ a("div", {
+    title: C === "preview" ? /* @__PURE__ */ a("div", {
       children: ["详情", /* @__PURE__ */ a("span", {
         className: "ocr-modal-label-count",
-        children: ["标注框数量：", (x = e == null ? void 0 : e.labels) == null ? void 0 : x.length]
+        children: ["标注框数量：", (M = e == null ? void 0 : e.labels) == null ? void 0 : M.length]
       })]
     }) : "标注",
     width: "100%",
@@ -90,130 +94,131 @@ const Ce = T.default || T, {
     },
     open: d,
     destroyOnClose: !0,
-    onCancel: () => ee(),
+    onCancel: () => ae(),
     maskClosable: !1,
     centered: !0,
     footer: null,
-    children: p === "preview" ? /* @__PURE__ */ a(O, {
+    children: C === "preview" ? /* @__PURE__ */ a(k, {
       children: [/* @__PURE__ */ a("div", {
         className: "ocr-detail",
         children: [/* @__PURE__ */ a("div", {
           className: "detail-content",
           children: [/* @__PURE__ */ t(m, {
             className: "select-prev",
-            icon: /* @__PURE__ */ t(P, {
+            icon: /* @__PURE__ */ t(D, {
               type: "icon-zuojiantou"
             }),
             type: "text",
             onClick: () => v()
           }), /* @__PURE__ */ a("div", {
             className: "select-main",
-            ref: Q,
-            children: [((u = e == null ? void 0 : e.sampleFileName) == null ? void 0 : u.name) && /* @__PURE__ */ t("div", {
+            ref: Y,
+            children: [((O = e == null ? void 0 : e.sampleFileName) == null ? void 0 : O.name) && /* @__PURE__ */ t("div", {
               className: "ocr-img-detail-name-overlay",
               children: e.sampleFileName.name
             }), /* @__PURE__ */ t("div", {
               className: "ocr-img-status-wrapper",
-              children: /* @__PURE__ */ t(pe, {
+              children: /* @__PURE__ */ t(he, {
                 sample: e
               })
-            }), /* @__PURE__ */ t(de, {
+            }), /* @__PURE__ */ t(Ce, {
               zoomMin: 0.1,
               zoomMax: 10,
               zoomStep: 0.1,
               url: (e == null ? void 0 : e.fileUrl) || "",
-              ref: H,
+              ref: X,
               labels: e == null ? void 0 : e.labels
             })]
           }), /* @__PURE__ */ t(m, {
             className: "select-next",
-            icon: /* @__PURE__ */ t(P, {
+            icon: /* @__PURE__ */ t(D, {
               type: "icon-youjiantou"
             }),
             type: "text",
-            onClick: () => b()
+            onClick: () => u()
           })]
-        }), n !== "DetectionOCR" && /* @__PURE__ */ a("div", {
+        }), i !== "DetectionOCR" && /* @__PURE__ */ a("div", {
           className: "detail-slide",
           children: [/* @__PURE__ */ t("div", {
             className: "slide-header",
-            children: /* @__PURE__ */ a(V, {
+            children: /* @__PURE__ */ a(z, {
               className: "header-tab",
-              onChange: te,
+              onChange: oe,
               activeKey: g,
-              children: [/* @__PURE__ */ t(D, {
+              children: [/* @__PURE__ */ t(V, {
                 tab: "标注信息"
-              }, "annotation"), /* @__PURE__ */ t(D, {
+              }, "annotation"), /* @__PURE__ */ t(V, {
                 tab: "JSON"
               }, "json")]
             })
           }), /* @__PURE__ */ a("div", {
             className: "slide-main",
-            children: [g === "annotation" && /* @__PURE__ */ t(O, {
-              children: n === "TableOCR" ? /* @__PURE__ */ t(ce, {
+            children: [g === "annotation" && /* @__PURE__ */ t(k, {
+              children: i === "TableOCR" ? /* @__PURE__ */ t(fe, {
                 currentInfer: e == null ? void 0 : e.labels,
-                onCellSelect: (s) => ae(s),
-                currentCell: Z
-              }) : (M = e == null ? void 0 : e.labels) != null && M.length ? /* @__PURE__ */ t(le, {
+                onCellSelect: (n) => ne(n),
+                currentCell: $
+              }) : (R = e == null ? void 0 : e.labels) != null && R.length ? /* @__PURE__ */ t(ce, {
                 labels: e == null ? void 0 : e.labels,
-                catagories: y
+                catagories: N
               }) : "暂无标注信息"
-            }), g === "json" && /* @__PURE__ */ t(Ce, {
+            }), g === "json" && /* @__PURE__ */ t(ge, {
               name: !1,
               iconStyle: "square",
               indentWidth: 2,
               displayDataTypes: !1,
               displayObjectSize: !1,
               enableClipboard: !1,
-              src: n === "TableOCR" ? e == null ? void 0 : e.labels : (e == null ? void 0 : e.ocrJson) || {}
+              src: i === "TableOCR" ? e == null ? void 0 : e.labels : (e == null ? void 0 : e.ocrJson) || {}
             })]
           })]
         })]
       }), /* @__PURE__ */ t("div", {
         className: "ocr-mark-action",
-        style: n === "DetectionOCR" ? {
+        style: i === "DetectionOCR" ? {
           width: "100%"
         } : void 0,
-        children: /* @__PURE__ */ t(ie, {
+        children: /* @__PURE__ */ t(re, {
           title: "预标注进行中，请任务完成后再试",
-          open: S,
-          children: /* @__PURE__ */ a(ne, {
-            onMouseEnter: () => h && N(!0),
-            onMouseLeave: () => N(!1),
+          open: te,
+          children: /* @__PURE__ */ a(de, {
+            onMouseEnter: () => h && x(!0),
+            onMouseLeave: () => x(!1),
             children: [c && c.label && /* @__PURE__ */ t(m, {
               type: "primary",
-              disabled: n !== "StructKVCOCR" && n !== "DetectionOCR" || h,
-              onClick: () => F(e == null ? void 0 : e.id),
+              disabled: i !== "StructKVCOCR" && i !== "DetectionOCR" || h,
+              onClick: () => J(e == null ? void 0 : e.id),
               children: "标注"
             }), c && c.delete && /* @__PURE__ */ t(m, {
               danger: !0,
               type: "ghost",
-              onClick: oe,
+              onClick: se,
               disabled: h,
               children: "删除数据"
             })]
           })
         })
       })]
-    }) : /* @__PURE__ */ t(me, {
+    }) : /* @__PURE__ */ t(pe, {
       visible: d,
-      selectSampleId: K,
-      ocrMarkTmpl: n,
-      datasetId: i,
+      selectSampleId: q,
+      ocrMarkTmpl: i,
+      datasetId: s,
       versionId: l,
-      onClose: C,
+      onClose: f,
       onSave: L,
       onPending: B,
-      categories: y,
+      categories: N,
       externalFilterMode: E,
-      onFilterModeChange: U,
-      onPaginationChange: W,
-      externalSamples: G,
-      externalPagination: q,
-      externalCurrentIndex: A
+      onFilterModeChange: W,
+      onPaginationChange: G,
+      onCurrentSampleChange: H,
+      externalSamples: Q,
+      externalPagination: A,
+      externalCurrentIndex: U
     })
   });
 };
 export {
-  we as default
+  je as default
 };