@glodon-aiot/dataset-annotation 3.16.0-alpha.35 → 3.16.0-alpha.36

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

@@ -1,116 +1,119 @@
-var N = (d, s, m) => new Promise((n, v) => {
-  var y = (a) => {
+var N = (c, r, f) => new Promise((n, p) => {
+  var C = (a) => {
     try {
-      t(m.next(a));
-    } catch (h) {
-      v(h);
+      t(f.next(a));
+    } catch (v) {
+      p(v);
     }
-  }, M = (a) => {
+  }, y = (a) => {
     try {
-      t(m.throw(a));
-    } catch (h) {
-      v(h);
+      t(f.throw(a));
+    } catch (v) {
+      p(v);
     }
-  }, t = (a) => a.done ? n(a.value) : Promise.resolve(a.value).then(y, M);
-  t((m = m.apply(d, s)).next());
+  }, t = (a) => a.done ? n(a.value) : Promise.resolve(a.value).then(C, y);
+  t((f = f.apply(c, r)).next());
 });
-import { jsx as e, jsxs as l, Fragment as b } from "react/jsx-runtime";
-import { useRef as T, useState as c, useContext as oe, useEffect as q, useCallback as ce } from "react";
-import { Modal as B, Button as C, Space as D, Spin as me, Tabs as ue, message as G } from "antd";
+import { jsx as e, jsxs as s, Fragment as b } from "react/jsx-runtime";
+import { useRef as T, useState as o, useContext as ce, useEffect as I, useCallback as me } from "react";
+import { Modal as B, Button as h, Space as G, Spin as fe, Tabs as ue, message as U } from "antd";
 import "./style.less.mjs";
-import { useKeyPress as U } from "ahooks";
-import { LoadingOutlined as fe, MenuUnfoldOutlined as he, MenuFoldOutlined as ve } from "@ant-design/icons";
-import pe from "../../../DatasetContext/index.mjs";
-import ge from "../../VLMAnnotation/index.mjs";
-import $ from "../../Iconfont/index.mjs";
-import Ne from "../VLMDetail/index.mjs";
-const Qe = (d) => {
+import { useKeyPress as $ } from "ahooks";
+import { LoadingOutlined as he, MenuUnfoldOutlined as ve, MenuFoldOutlined as pe } from "@ant-design/icons";
+import ge from "../../../DatasetContext/index.mjs";
+import Ne from "../../VLMAnnotation/index.mjs";
+import H from "../../Iconfont/index.mjs";
+import Ce from "../VLMDetail/index.mjs";
+const Oe = (c) => {
   const {
-    isVlmModalVisible: s,
-    setIsVlmModalVisible: m,
+    isVlmModalVisible: r,
+    setIsVlmModalVisible: f,
     record: n,
-    onNextClick: v,
-    onPrevClick: y,
-    listLoading: M = !1,
+    onNextClick: p,
+    onPrevClick: C,
+    listLoading: y = !1,
     datasetId: t,
     versionId: a,
-    handleMarkClick: h,
-    updateSampleList: H,
-    filterMode: J = "",
-    onFilterModeChange: W,
-    samples: X,
-    onSave: V,
-    selectSampleId: Y,
-    onClose: L,
-    pagination: Z,
-    currentIndex: _
-  } = d, ee = T({}), w = T(null), [i, ie] = c(), [ae, Q] = c(!1), [u, x] = c(d.initialMode || "preview"), [te, k] = c([]), [R, O] = c(0), [ne, I] = c(!1), [S, j] = c(!0), {
+    handleMarkClick: v,
+    updateSampleList: J,
+    filterMode: W = "",
+    onFilterModeChange: X,
+    samples: Y,
+    onSave: q,
+    selectSampleId: Z,
+    onClose: Q,
+    pagination: _,
+    currentIndex: ee
+  } = c, ie = T({}), M = T(null), [i, ae] = o(), [te, V] = o(!1), [u, w] = o(c.initialMode || "preview"), [ne, k] = o([]), [L, R] = o(0), [le, O] = o(!1), [S, x] = o(!0), [j, A] = o(!1), {
     services: {
-      cvforceDatahub: r
+      cvforceDatahub: d
     },
     featuresConfig: {
-      datasetManager: A
+      datasetManager: D
     } = {
       datasetManager: !1
     }
-  } = oe(pe), p = !(ae || M), F = () => {
-    p && y();
+  } = ce(ge), g = !(te || y), F = () => {
+    g && C();
   }, P = () => {
-    p && v();
+    g && p();
   };
-  U("rightarrow", () => {
+  $("rightarrow", () => {
     P();
-  }), U("leftarrow", () => {
+  }), $("leftarrow", () => {
     F();
-  }), q(() => {
-    s ? d.initialMode && x(d.initialMode) : x("preview");
-  }, [s, d.initialMode]), q(() => {
-    if (s && t && a && u === "preview") {
-      if (Q(!0), !(n != null && n.id))
+  }), I(() => {
+    r ? c.initialMode && w(c.initialMode) : w("preview");
+  }, [r, c.initialMode]), I(() => {
+    if (r && t && a && u === "preview") {
+      if (V(!0), !(n != null && n.id))
         return;
-      r == null || r.getDatasetsIdVersionsVidSsamplesSid(t, a, n.id).then((f) => {
-        ie(f);
-      }).finally(() => Q(!1));
+      d == null || d.getDatasetsIdVersionsVidSsamplesSid(t, a, n.id).then((l) => {
+        ae(l);
+      }).finally(() => V(!1));
     }
-  }, [s, n, u]);
-  const le = ce(() => N(void 0, null, function* () {
-    if (!t || !a || !(i != null && i.id))
+  }, [r, n, u]);
+  const se = me(() => N(void 0, null, function* () {
+    if (!(!t || !a || !(i != null && i.id))) {
+      O(!0);
+      try {
+        const l = yield d == null ? void 0 : d.postGenerateVlmKieQa(t, a, {
+          sampleIds: [i.id]
+        });
+        k(l || []), R(0);
+      } catch (l) {
+        console.error("QA生成失败", l), k([]);
+      } finally {
+        O(!1);
+      }
+    }
+  }), [t, a, i]);
+  I(() => {
+    if (!r || u !== "preview" || !(i != null && i.id))
       return;
-    if (!((i == null ? void 0 : i.labels) || []).length) {
-      k([]), I(!1);
+    if (((i == null ? void 0 : i.labels) || []).length)
+      A(!1), se();
+    else {
+      k([]), x(!1), A(!0);
       return;
     }
-    I(!0);
-    try {
-      const g = yield r == null ? void 0 : r.postGenerateVlmKieQa(t, a, {
-        sampleIds: [i.id]
-      });
-      k(g || []), O(0);
-    } catch (g) {
-      console.error("QA生成失败", g), k([]);
-    } finally {
-      I(!1);
-    }
-  }), [t, a, i]);
-  q(() => {
-    !s || u !== "preview" || i != null && i.id && le();
   }, [i]);
-  const se = () => N(void 0, null, function* () {
-    if (u === "annotation" && w.current) {
-      yield w.current.handleModalCancel();
+  const re = () => N(void 0, null, function* () {
+    if (u === "annotation" && M.current) {
+      yield M.current.handleModalCancel();
       return;
     } else
-      L();
-  }), re = () => {
-    x("annotation"), h((i == null ? void 0 : i.id) || (n == null ? void 0 : n.id));
-  }, de = () => {
+      Q();
+  }), de = () => {
+    w("annotation"), v((i == null ? void 0 : i.id) || (n == null ? void 0 : n.id));
+  }, oe = () => {
     B.confirm({
       title: "确认要删除此数据吗？",
       content: "删除后不可恢复，请慎重操作",
       onOk: () => {
-        !t || !a || !(i != null && i.id) || r == null || r.delDatasetsIdVersionsVidSamplesId(t, a, i.id).then(() => {
-          G.success("删除成功"), m(!1), H();
-        }).catch(() => G.error("删除失败"));
+        !t || !a || !(i != null && i.id) || d == null || d.delDatasetsIdVersionsVidSamplesId(t, a, i.id).then(() => {
+          U.success("删除成功"), f(!1), J();
+        }).catch(() => U.error("删除失败"));
       }
     });
   };
@@ -124,29 +127,29 @@ const Qe = (d) => {
     width: "100%",
     wrapClassName: "vlm-modal-wrap",
     className: "vlm-modal",
-    open: s,
+    open: r,
     destroyOnClose: !0,
-    onCancel: () => se(),
+    onCancel: () => re(),
     maskClosable: !1,
     centered: !0,
     footer: null,
-    children: u === "preview" ? /* @__PURE__ */ l(b, {
+    children: u === "preview" ? /* @__PURE__ */ s(b, {
       children: [/* @__PURE__ */ e("div", {
         className: "vlm-detail",
-        children: /* @__PURE__ */ l("div", {
+        children: /* @__PURE__ */ s("div", {
           className: "detail-content",
-          children: [/* @__PURE__ */ e(C, {
+          children: [/* @__PURE__ */ e(h, {
             className: "select-prev",
-            icon: /* @__PURE__ */ e($, {
+            icon: /* @__PURE__ */ e(H, {
               type: "icon-zuojiantou"
             }),
             type: "text",
-            disabled: !p,
+            disabled: !g,
             onClick: () => F()
           }), /* @__PURE__ */ e("div", {
             className: "select-main",
-            ref: ee,
-            children: i && /* @__PURE__ */ e(ge, {
+            ref: ie,
+            children: i && /* @__PURE__ */ e(Ne, {
               sample: i,
               labelDefinitions: [],
               hideRightSide: !0,
@@ -155,17 +158,17 @@ const Qe = (d) => {
                 return [];
               })
             })
-          }), S && /* @__PURE__ */ l(b, {
-            children: [/* @__PURE__ */ l("div", {
+          }), S && /* @__PURE__ */ s(b, {
+            children: [/* @__PURE__ */ s("div", {
               className: "qa-preview-container",
-              children: [/* @__PURE__ */ l("div", {
+              children: [/* @__PURE__ */ s("div", {
                 className: "qa-preview-header",
                 children: [/* @__PURE__ */ e("div", {
                   className: "qa-preview-title",
                   children: "QA预览"
-                }), /* @__PURE__ */ e(D, {
-                  children: ne && /* @__PURE__ */ e(me, {
-                    indicator: /* @__PURE__ */ e(fe, {
+                }), /* @__PURE__ */ e(G, {
+                  children: le && /* @__PURE__ */ e(fe, {
+                    indicator: /* @__PURE__ */ e(he, {
                       spin: !0,
                       style: {
                         fontSize: 16
@@ -177,41 +180,41 @@ const Qe = (d) => {
                 className: "qa-preview-content",
                 children: (() => {
                   var z, E;
-                  const f = ((z = te[0]) == null ? void 0 : z.qas) || [];
-                  return !(((E = i == null ? void 0 : i.labels) == null ? void 0 : E.length) > 0) || f.length === 0 ? /* @__PURE__ */ e("div", {
+                  const l = ((z = ne[0]) == null ? void 0 : z.qas) || [];
+                  return !(((E = i == null ? void 0 : i.labels) == null ? void 0 : E.length) > 0) || l.length === 0 ? /* @__PURE__ */ e("div", {
                     className: "result-empty",
                     children: "暂无结果"
-                  }) : /* @__PURE__ */ l(b, {
+                  }) : /* @__PURE__ */ s(b, {
                     children: [/* @__PURE__ */ e(ue, {
-                      activeKey: String(R),
-                      onChange: (o) => O(Number(o)),
-                      items: f.map((o, K) => ({
+                      activeKey: String(L),
+                      onChange: (m) => R(Number(m)),
+                      items: l.map((m, K) => ({
                         key: String(K),
-                        label: o.name || `模版${K + 1}`
+                        label: m.name || `模版${K + 1}`
                       }))
                     }), /* @__PURE__ */ e("div", {
                       className: "qa-preview-result",
                       children: (() => {
-                        const o = f[R];
-                        return o ? /* @__PURE__ */ l("div", {
+                        const m = l[L];
+                        return m ? /* @__PURE__ */ s("div", {
                           className: "result-item-container",
-                          children: [/* @__PURE__ */ l("div", {
+                          children: [/* @__PURE__ */ s("div", {
                             className: "result-item-content",
                             children: [/* @__PURE__ */ e("div", {
                               className: "label",
                               children: "问题"
                             }), /* @__PURE__ */ e("div", {
                               className: "value question",
-                              children: o.q
+                              children: m.q
                             })]
-                          }), /* @__PURE__ */ l("div", {
+                          }), /* @__PURE__ */ s("div", {
                             className: "result-item-content",
                             children: [/* @__PURE__ */ e("div", {
                               className: "label",
                               children: "回答"
                             }), /* @__PURE__ */ e("div", {
                               className: "value answer",
-                              children: o.a
+                              children: m.a
                             })]
                           })]
                         }) : /* @__PURE__ */ e("div", {
@@ -225,61 +228,67 @@ const Qe = (d) => {
               })]
             }), /* @__PURE__ */ e("div", {
               className: "qa-preview-collapsed",
-              children: /* @__PURE__ */ e(he, {
-                onClick: () => j(!1)
+              children: /* @__PURE__ */ e(h, {
+                type: "link",
+                icon: /* @__PURE__ */ e(ve, {}),
+                disabled: j,
+                onClick: () => x(!1)
               })
             })]
           }), !S && /* @__PURE__ */ e("div", {
             className: "qa-preview-collapsed",
-            children: /* @__PURE__ */ e(ve, {
-              onClick: () => j(!0)
+            children: /* @__PURE__ */ e(h, {
+              type: "link",
+              icon: /* @__PURE__ */ e(pe, {}),
+              disabled: j,
+              onClick: () => x(!0)
             })
-          }), /* @__PURE__ */ e(C, {
+          }), /* @__PURE__ */ e(h, {
             className: "select-next",
-            icon: /* @__PURE__ */ e($, {
+            icon: /* @__PURE__ */ e(H, {
               type: "icon-youjiantou"
             }),
             type: "text",
-            disabled: !p,
+            disabled: !g,
             onClick: () => P()
           })]
         })
       }), /* @__PURE__ */ e("div", {
         className: "vlm-mark-action",
-        children: /* @__PURE__ */ l(D, {
-          children: [/* @__PURE__ */ e(C, {
+        children: /* @__PURE__ */ s(G, {
+          children: [/* @__PURE__ */ e(h, {
             type: "primary",
-            onClick: re,
+            onClick: de,
             children: "标注"
-          }), A && A.delete && /* @__PURE__ */ e(C, {
+          }), D && D.delete && /* @__PURE__ */ e(h, {
             danger: !0,
             type: "ghost",
-            onClick: de,
+            onClick: oe,
             children: "删除数据"
           })]
         })
       })]
     }) : (
       // 标注模式：使用VLMDetail组件
-      V && /* @__PURE__ */ e(Ne, {
-        ref: w,
-        visible: s,
-        selectSampleId: Y,
+      q && /* @__PURE__ */ e(Ce, {
+        ref: M,
+        visible: r,
+        selectSampleId: Z,
         datasetId: t,
         versionId: a,
         onClose: () => {
-          L();
+          Q();
         },
-        onSave: V,
-        externalFilterMode: J,
-        onFilterModeChange: W,
-        externalSamples: X,
-        externalPagination: Z,
-        externalCurrentIndex: _
+        onSave: q,
+        externalFilterMode: W,
+        onFilterModeChange: X,
+        externalSamples: Y,
+        externalPagination: _,
+        externalCurrentIndex: ee
       })
     )
   });
 };
 export {
-  Qe as default
+  Oe as default
 };