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

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

@@ -15,18 +15,18 @@ var g = (f, p, l) => new Promise((w, o) => {
   h((l = l.apply(f, p)).next());
 });
 import { jsx as e, jsxs as r, Fragment as y } from "react/jsx-runtime";
-import { useRef as Y, useState as m, useContext as Me, useEffect as V, useCallback as ke } from "react";
-import { Modal as Z, Button as v, Space as _, Spin as be, Tabs as xe, message as ee } from "antd";
+import { useRef as Z, useState as m, useContext as Me, useEffect as V, useCallback as ke } from "react";
+import { Modal as _, Button as v, Space as ee, Spin as be, Tabs as xe, message as ie } from "antd";
 import "./style.less.mjs";
-import { useKeyPress as ie } from "ahooks";
+import { useKeyPress as ne } from "ahooks";
 import { LoadingOutlined as Ie, MenuUnfoldOutlined as qe, MenuFoldOutlined as Ve } from "@ant-design/icons";
 import Qe from "../../../DatasetContext/index.mjs";
 import Ae from "../../VLMAnnotation/index.mjs";
 import Le from "../../VQAAnnotation/VQAAnnotationPanel.mjs";
-import ne from "../../Iconfont/index.mjs";
+import ae from "../../Iconfont/index.mjs";
 import Te from "../VLMDetail/index.mjs";
 const Xe = (f) => {
-  var z, K, U, B, S, X, G, $;
+  var K, S, U, B, X, G, $, H;
   const {
     vlmMarkTmpl: p,
     isVlmModalVisible: l,
@@ -37,18 +37,18 @@ const Xe = (f) => {
     listLoading: h = !1,
     datasetId: a,
     versionId: s,
-    handleMarkClick: ae,
-    updateSampleList: te,
+    handleMarkClick: te,
+    updateSampleList: Q,
     filterMode: le = "",
     onFilterModeChange: se,
     onCurrentSampleChange: oe,
     samples: re,
-    onSave: Q,
+    onSave: A,
     selectSampleId: de,
-    onClose: A,
+    onClose: L,
     pagination: ce,
     currentIndex: me
-  } = f, fe = Y({}), b = Y(null), [i, ue] = m(), [ve, L] = m(!1), [c, x] = m(f.initialMode || "preview"), [he, I] = m([]), [T, E] = m(0), [pe, R] = m(!1), [O, q] = m(!0), [P, j] = m(!1), {
+  } = f, fe = Z({}), b = Z(null), [i, ue] = m(), [ve, T] = m(!1), [c, x] = m(f.initialMode || "preview"), [he, I] = m([]), [E, R] = m(0), [pe, O] = m(!1), [P, q] = m(!0), [D, j] = m(!1), {
     services: {
       cvforceDatahub: d
     },
@@ -57,46 +57,46 @@ const Xe = (f) => {
     } = {
       datasetManager: !1
     }
-  } = Me(Qe), C = !(ve || h), D = () => {
+  } = Me(Qe), C = !(ve || h), F = () => {
     C && k();
-  }, F = () => {
+  }, z = () => {
     C && M();
   };
-  ie("rightarrow", (t) => {
+  ne("rightarrow", (t) => {
     if (c === "annotation")
       return;
     const n = t.target;
-    (n == null ? void 0 : n.tagName) === "INPUT" || (n == null ? void 0 : n.tagName) === "TEXTAREA" || n != null && n.isContentEditable || F();
-  }), ie("leftarrow", (t) => {
+    (n == null ? void 0 : n.tagName) === "INPUT" || (n == null ? void 0 : n.tagName) === "TEXTAREA" || n != null && n.isContentEditable || z();
+  }), ne("leftarrow", (t) => {
     if (c === "annotation")
       return;
     const n = t.target;
-    (n == null ? void 0 : n.tagName) === "INPUT" || (n == null ? void 0 : n.tagName) === "TEXTAREA" || n != null && n.isContentEditable || D();
+    (n == null ? void 0 : n.tagName) === "INPUT" || (n == null ? void 0 : n.tagName) === "TEXTAREA" || n != null && n.isContentEditable || F();
   });
   const Ne = p === "VQA";
   V(() => {
     l ? f.initialMode && x(f.initialMode) : x("preview");
   }, [l, f.initialMode]), V(() => {
     if (l && a && s && c === "preview") {
-      if (L(!0), !(o != null && o.id))
+      if (T(!0), !(o != null && o.id))
         return;
       d == null || d.getDatasetsIdVersionsVidSsamplesSid(a, s, o.id).then((t) => {
         ue(t);
-      }).finally(() => L(!1));
+      }).finally(() => T(!1));
     }
   }, [l, o, c]);
   const Ce = ke(() => g(void 0, null, function* () {
     if (!(!a || !s || !(i != null && i.id))) {
-      R(!0);
+      O(!0);
       try {
         const t = yield d == null ? void 0 : d.postGenerateVlmKieQa(a, s, {
           sampleIds: [i.id]
         });
-        I(t || []), E(0);
+        I(t || []), R(0);
       } catch (t) {
         console.error("QA生成失败", t), I([]);
       } finally {
-        R(!1);
+        O(!1);
       }
     }
   }), [a, s, i]);
@@ -115,21 +115,21 @@ const Xe = (f) => {
       yield b.current.handleModalCancel();
       return;
     } else
-      A();
+      L();
   }), ye = () => {
-    x("annotation"), ae((i == null ? void 0 : i.id) || (o == null ? void 0 : o.id));
+    x("annotation"), te((i == null ? void 0 : i.id) || (o == null ? void 0 : o.id));
   }, we = () => {
-    Z.confirm({
+    _.confirm({
       title: "确认要删除此数据吗？",
       content: "删除后不可恢复，请慎重操作",
       onOk: () => {
         !a || !s || !(i != null && i.id) || d == null || d.delDatasetsIdVersionsVidSamplesId(a, s, i.id).then(() => {
-          ee.success("删除成功"), w(!1), te();
-        }).catch(() => ee.error("删除失败"));
+          ie.success("删除成功"), Q(i.id), w(!1);
+        }).catch(() => ie.error("删除失败"));
       }
     });
   };
-  return /* @__PURE__ */ e(Z, {
+  return /* @__PURE__ */ e(_, {
     title: /* @__PURE__ */ e("div", {
       className: "vlm-sample-detail-title",
       children: /* @__PURE__ */ e("span", {
@@ -152,12 +152,12 @@ const Xe = (f) => {
           className: "detail-content",
           children: [/* @__PURE__ */ e(v, {
             className: "select-prev",
-            icon: /* @__PURE__ */ e(ne, {
+            icon: /* @__PURE__ */ e(ae, {
               type: "icon-zuojiantou"
             }),
             type: "text",
             disabled: !C,
-            onClick: () => D()
+            onClick: () => F()
           }), /* @__PURE__ */ e("div", {
             className: "select-main",
             ref: fe,
@@ -173,12 +173,12 @@ const Xe = (f) => {
           }), Ne ? /* @__PURE__ */ e("div", {
             className: "vqa-preview-panel",
             children: /* @__PURE__ */ e(Le, {
-              question: (B = (U = (K = (z = i == null ? void 0 : i.content) == null ? void 0 : z.conversations) == null ? void 0 : K[0]) == null ? void 0 : U.value) != null ? B : "",
-              answer: ($ = (G = (X = (S = i == null ? void 0 : i.content) == null ? void 0 : S.conversations) == null ? void 0 : X[1]) == null ? void 0 : G.value) != null ? $ : "",
+              question: (B = (U = (S = (K = i == null ? void 0 : i.content) == null ? void 0 : K.conversations) == null ? void 0 : S[0]) == null ? void 0 : U.value) != null ? B : "",
+              answer: (H = ($ = (G = (X = i == null ? void 0 : i.content) == null ? void 0 : X.conversations) == null ? void 0 : G[1]) == null ? void 0 : $.value) != null ? H : "",
               readOnly: !0
             })
           }) : /* @__PURE__ */ r(y, {
-            children: [O && /* @__PURE__ */ r(y, {
+            children: [P && /* @__PURE__ */ r(y, {
               children: [/* @__PURE__ */ r("div", {
                 className: "qa-preview-container",
                 children: [/* @__PURE__ */ r("div", {
@@ -186,7 +186,7 @@ const Xe = (f) => {
                   children: [/* @__PURE__ */ e("div", {
                     className: "qa-preview-title",
                     children: "QA预览"
-                  }), /* @__PURE__ */ e(_, {
+                  }), /* @__PURE__ */ e(ee, {
                     children: pe && /* @__PURE__ */ e(be, {
                       indicator: /* @__PURE__ */ e(Ie, {
                         spin: !0,
@@ -199,23 +199,23 @@ const Xe = (f) => {
                 }), /* @__PURE__ */ e("div", {
                   className: "qa-preview-content",
                   children: (() => {
-                    var H, J;
-                    const t = ((H = he[0]) == null ? void 0 : H.qas) || [];
-                    return !(((J = i == null ? void 0 : i.labels) == null ? void 0 : J.length) > 0) || t.length === 0 ? /* @__PURE__ */ e("div", {
+                    var J, W;
+                    const t = ((J = he[0]) == null ? void 0 : J.qas) || [];
+                    return !(((W = i == null ? void 0 : i.labels) == null ? void 0 : W.length) > 0) || t.length === 0 ? /* @__PURE__ */ e("div", {
                       className: "result-empty",
                       children: "暂无结果"
                     }) : /* @__PURE__ */ r(y, {
                       children: [/* @__PURE__ */ e(xe, {
-                        activeKey: String(T),
-                        onChange: (u) => E(Number(u)),
-                        items: t.map((u, W) => ({
-                          key: String(W),
-                          label: u.name || `模版${W + 1}`
+                        activeKey: String(E),
+                        onChange: (u) => R(Number(u)),
+                        items: t.map((u, Y) => ({
+                          key: String(Y),
+                          label: u.name || `模版${Y + 1}`
                         }))
                       }), /* @__PURE__ */ e("div", {
                         className: "qa-preview-result",
                         children: (() => {
-                          const u = t[T];
+                          const u = t[E];
                           return u ? /* @__PURE__ */ r("div", {
                             className: "result-item-container",
                             children: [/* @__PURE__ */ r("div", {
@@ -251,32 +251,32 @@ const Xe = (f) => {
                 children: /* @__PURE__ */ e(v, {
                   type: "link",
                   icon: /* @__PURE__ */ e(qe, {}),
-                  disabled: P,
+                  disabled: D,
                   onClick: () => q(!1)
                 })
               })]
-            }), !O && /* @__PURE__ */ e("div", {
+            }), !P && /* @__PURE__ */ e("div", {
               className: "qa-preview-collapsed",
               children: /* @__PURE__ */ e(v, {
                 type: "link",
                 icon: /* @__PURE__ */ e(Ve, {}),
-                disabled: P,
+                disabled: D,
                 onClick: () => q(!0)
               })
             })]
           }), /* @__PURE__ */ e(v, {
             className: "select-next",
-            icon: /* @__PURE__ */ e(ne, {
+            icon: /* @__PURE__ */ e(ae, {
               type: "icon-youjiantou"
             }),
             type: "text",
             disabled: !C,
-            onClick: () => F()
+            onClick: () => z()
           })]
         })
       }), /* @__PURE__ */ e("div", {
         className: "vlm-mark-action",
-        children: /* @__PURE__ */ r(_, {
+        children: /* @__PURE__ */ r(ee, {
           children: [N && N.label && /* @__PURE__ */ e(v, {
             type: "primary",
             onClick: ye,
@@ -291,7 +291,7 @@ const Xe = (f) => {
       })]
     }) : (
       // 标注模式：使用VLMDetail组件
-      Q && /* @__PURE__ */ e(Te, {
+      A && /* @__PURE__ */ e(Te, {
         ref: b,
         visible: l,
         selectSampleId: de,
@@ -299,9 +299,10 @@ const Xe = (f) => {
         versionId: s,
         vlmMarkTmpl: p,
         onClose: () => {
-          A();
+          L();
         },
-        onSave: Q,
+        onSave: A,
+        onDeleteSample: Q,
         externalFilterMode: le,
         onFilterModeChange: se,
         onCurrentSampleChange: oe,