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

package/dist/es/components/VLMAnnotationDetail/MarkVLMBoxModal/QADetail/QAGenerationConfig.mjs

@@ -1,69 +1,74 @@
-var X = Object.defineProperty, Y = Object.defineProperties;
-var Z = Object.getOwnPropertyDescriptors;
-var V = Object.getOwnPropertySymbols;
-var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
-var $ = (l, s, r) => s in l ? X(l, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : l[s] = r, y = (l, s) => {
-  for (var r in s || (s = {}))
-    ee.call(s, r) && $(l, r, s[r]);
-  if (V)
-    for (var r of V(s))
-      te.call(s, r) && $(l, r, s[r]);
+var re = Object.defineProperty, se = Object.defineProperties;
+var le = Object.getOwnPropertyDescriptors;
+var _ = Object.getOwnPropertySymbols;
+var oe = Object.prototype.hasOwnProperty, ce = Object.prototype.propertyIsEnumerable;
+var H = (l, s, i) => s in l ? re(l, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[s] = i, C = (l, s) => {
+  for (var i in s || (s = {}))
+    oe.call(s, i) && H(l, i, s[i]);
+  if (_)
+    for (var i of _(s))
+      ce.call(s, i) && H(l, i, s[i]);
   return l;
-}, v = (l, s) => Y(l, Z(s));
-var q = (l, s, r) => new Promise((x, o) => {
-  var f = (a) => {
+}, S = (l, s) => se(l, le(s));
+var x = (l, s, i) => new Promise((b, o) => {
+  var p = (a) => {
     try {
-      g(r.next(a));
+      g(i.next(a));
     } catch (m) {
       o(m);
     }
-  }, c = (a) => {
+  }, d = (a) => {
     try {
-      g(r.throw(a));
+      g(i.throw(a));
     } catch (m) {
       o(m);
     }
-  }, g = (a) => a.done ? x(a.value) : Promise.resolve(a.value).then(f, c);
-  g((r = r.apply(l, s)).next());
+  }, g = (a) => a.done ? b(a.value) : Promise.resolve(a.value).then(p, d);
+  g((i = i.apply(l, s)).next());
 });
-import { jsxs as h, jsx as i } from "react/jsx-runtime";
-import { Space as L, Button as I, Tabs as ne, Tooltip as ae, Input as j, Modal as re, message as D } from "antd";
-import { forwardRef as ie, useState as Q, useContext as se, useRef as z, useImperativeHandle as le, useEffect as B } from "react";
+import { jsxs as T, jsx as r } from "react/jsx-runtime";
+import { Space as V, Button as I, Tabs as de, Tooltip as me, Input as J, Modal as fe, message as k } from "antd";
+import { forwardRef as ue, useState as A, useContext as pe, useRef as P, useImperativeHandle as he, useEffect as $ } from "react";
 import R from "../../../Iconfont/index.mjs";
-import oe from "../../../../DatasetContext/index.mjs";
-import { UndoOutlined as ce } from "@ant-design/icons";
-const de = ie((l, s) => {
+import ge from "../../../../DatasetContext/index.mjs";
+import { UndoOutlined as Te } from "@ant-design/icons";
+const we = ue((l, s) => {
   const {
-    visionId: r,
-    afterChangeTemplates: x,
+    visionId: i,
+    afterChangeTemplates: b,
     datasetId: o,
-    onActiveIndexChange: f
-  } = l, [c, g] = Q(!1), [a, m] = Q([]), [S, b] = Q(""), {
+    onActiveIndexChange: p
+  } = l, [d, g] = A(!1), [a, m] = A([]), [N, Q] = A(""), {
     services: {
       cvforceDatahub: u
+    },
+    featuresConfig: {
+      labelManager: w
+    } = {
+      labelManager: !1
     }
-  } = se(oe), k = z(""), T = z(null), E = () => q(void 0, null, function* () {
-    if (!o || !r)
+  } = pe(ge), E = !!(w && w.add), h = !!(w && w.edit), M = !!(w && w.delete), F = E || h || M, [j, z] = A(!1), L = P(""), v = P(null), B = () => x(void 0, null, function* () {
+    if (!o || !i)
       return;
-    const e = yield u == null ? void 0 : u.getDatasetsIdVersionsVid(o, r), n = ((e == null ? void 0 : e.qaTemplate) || []).map((d, w) => {
-      var p;
-      return v(y({}, d), {
-        id: (p = d.id) != null ? p : `template_${w}_${Date.now()}`
+    const e = yield u == null ? void 0 : u.getDatasetsIdVersionsVid(o, i), n = ((e == null ? void 0 : e.qaTemplate) || []).map((c, y) => {
+      var f;
+      return S(C({}, c), {
+        id: (f = c.id) != null ? f : `template_${y}_${Date.now()}`
       });
     });
-    return m(n), k.current = A(n), n.length > 0 && (b(String(n[0].id)), f == null || f(0)), n;
-  }), A = (e) => {
-    const t = [...e].sort((n, d) => {
-      const w = String(n.id), p = String(d.id);
-      return w.localeCompare(p);
+    return m(n), L.current = U(n), n.length > 0 && (Q(String(n[0].id)), p == null || p(0)), n;
+  }), U = (e) => {
+    const t = [...e].sort((n, c) => {
+      const y = String(n.id), f = String(c.id);
+      return y.localeCompare(f);
     });
     return JSON.stringify(t);
-  }, M = () => A(a) !== k.current, K = () => new Promise((e) => {
-    if (!M()) {
+  }, K = () => U(a) !== L.current, W = () => new Promise((e) => {
+    if (!K()) {
       e(!0);
       return;
     }
-    re.confirm({
+    fe.confirm({
       title: "提示",
       content: "QA生成配置有未保存的更改，确定要离开吗？",
       okText: "确定",
@@ -72,208 +77,212 @@ const de = ie((l, s) => {
       onCancel: () => e(!1)
     });
   });
-  le(s, () => ({
-    hasUnsavedChanges: M,
-    checkDirtyAndConfirm: K
-  })), B(() => {
-    !o || !r || (E(), T.current = null);
-  }, [o, r]), B(() => {
+  he(s, () => ({
+    hasUnsavedChanges: K,
+    checkDirtyAndConfirm: W
+  })), $(() => {
+    !o || !i || (B(), v.current = null);
+  }, [o, i]), $(() => {
+    h || g(!1);
+  }, [h]), $(() => {
     const e = (t) => {
-      if (A(a) !== k.current)
+      if (U(a) !== L.current)
         return t.preventDefault(), t.returnValue = "", "";
     };
     return window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
   }, [a]);
-  const C = (e) => `模版${e + 1}`, U = () => q(void 0, null, function* () {
-    if (T.current)
-      return T.current;
-    if (!o || !r)
+  const D = (e) => `模版${e + 1}`, O = () => x(void 0, null, function* () {
+    if (v.current)
+      return v.current;
+    if (!o || !i)
       return {
         q: "",
         a: ""
       };
     try {
-      const e = yield u == null ? void 0 : u.getDefaultQaTemplates(o, r), t = (e == null ? void 0 : e[0]) || {
+      const e = yield u == null ? void 0 : u.getDefaultQaTemplates(o, i), t = (e == null ? void 0 : e[0]) || {
         q: "",
         a: ""
       };
-      return T.current = t, t;
+      return v.current = t, t;
     } catch (e) {
-      D.error("获取默认模板失败");
+      k.error("获取默认模板失败");
       const t = {
         q: "",
         a: ""
       };
-      return T.current = t, t;
+      return v.current = t, t;
     }
-  }), O = () => q(void 0, null, function* () {
-    const e = yield U(), t = Date.now(), n = [...a, {
+  }), X = () => x(void 0, null, function* () {
+    const e = yield O(), t = Date.now(), n = [...a, {
       id: t,
-      name: C(a.length),
+      name: D(a.length),
       q: e.q,
       a: e.a
     }];
-    m(n), b(String(t)), g(!0);
-  }), G = () => {
-    var w;
+    m(n), Q(String(t)), h && g(!0);
+  }), Y = () => {
+    var y;
     if (a.length <= 1) {
-      D.warning("至少保留一个模版");
+      k.warning("至少保留一个模版");
       return;
     }
-    const e = a.findIndex((p) => String(p.id) === S), n = a.filter((p) => String(p.id) !== S).map((p, W) => v(y({}, p), {
-      name: C(W)
+    const e = a.findIndex((f) => String(f.id) === N), n = a.filter((f) => String(f.id) !== N).map((f, ie) => S(C({}, f), {
+      name: D(ie)
     }));
     m(n);
-    const d = Math.min(e, n.length - 1);
-    b(String((w = n[d]) == null ? void 0 : w.id));
-  }, _ = () => {
-    const e = T.current || {
+    const c = Math.min(e, n.length - 1);
+    Q(String((y = n[c]) == null ? void 0 : y.id));
+  }, Z = () => {
+    const e = v.current || {
       q: "",
       a: ""
     };
-    m(a.map((t) => String(t.id) === S ? v(y({}, t), {
+    m(a.map((t) => String(t.id) === N ? S(C({}, t), {
       q: e.q,
       a: e.a
     }) : t));
-  }, H = (e, t) => {
-    m(a.map((n) => n.id === e ? v(y({}, n), {
+  }, ee = (e, t) => {
+    m(a.map((n) => n.id === e ? S(C({}, n), {
       q: t
     }) : n));
-  }, J = (e, t) => {
-    m(a.map((n) => n.id === e ? v(y({}, n), {
+  }, te = (e, t) => {
+    m(a.map((n) => n.id === e ? S(C({}, n), {
       a: t
     }) : n));
-  }, P = () => q(void 0, null, function* () {
-    if (c) {
-      if (a.filter((t) => {
-        var n, d;
-        return !((n = t.q) != null && n.trim()) || !((d = t.a) != null && d.trim());
-      }).length > 0) {
-        D.error("问题模版、回答模版均不能为空");
-        return;
-      }
-      if (!o || !r)
-        return;
-      try {
-        const t = a.map((n, d) => ({
-          id: n.id,
-          name: C(d),
-          q: n.q,
-          a: n.a
-        }));
-        yield u == null ? void 0 : u.patchDatasetsIdVersionsVid(o, r, {
-          qaTemplate: t
-        }), yield E();
-      } catch (t) {
-        D.error("保存失败");
+  }, G = () => x(void 0, null, function* () {
+    if (a.filter((t) => {
+      var n, c;
+      return !((n = t.q) != null && n.trim()) || !((c = t.a) != null && c.trim());
+    }).length > 0)
+      return k.error("问题模版、回答模版均不能为空"), !1;
+    if (!o || !i)
+      return !1;
+    z(!0);
+    try {
+      const t = a.map((n, c) => ({
+        id: n.id,
+        name: D(c),
+        q: n.q,
+        a: n.a
+      }));
+      return yield u == null ? void 0 : u.patchDatasetsIdVersionsVid(o, i, {
+        qaTemplate: t
+      }), yield B(), b == null || b(), !0;
+    } catch (t) {
+      return k.error("保存失败"), !1;
+    } finally {
+      z(!1);
+    }
+  }), ne = () => x(void 0, null, function* () {
+    if (d) {
+      if (!(yield G()))
         return;
-      }
-      x == null || x();
     } else
-      yield U();
-    g(!c);
-  }), N = a.find((e) => String(e.id) === S), F = a.map((e, t) => ({
+      yield O();
+    g(!d);
+  }), q = a.find((e) => String(e.id) === N), ae = a.map((e, t) => ({
     key: String(e.id),
-    label: C(t)
+    label: D(t)
   }));
-  return /* @__PURE__ */ h("div", {
+  return /* @__PURE__ */ T("div", {
     className: "info-item",
-    children: [/* @__PURE__ */ h("div", {
+    children: [/* @__PURE__ */ T("div", {
       className: "info-item-header",
-      children: [/* @__PURE__ */ i("div", {
+      children: [/* @__PURE__ */ r("div", {
         className: "info-item-title",
         children: "QA生成配置"
-      }), /* @__PURE__ */ h(L, {
+      }), (h || E) && /* @__PURE__ */ T(V, {
         style: {
           height: 32
         },
-        children: [/* @__PURE__ */ i(I, {
+        children: [h && /* @__PURE__ */ r(I, {
           type: "text",
-          icon: c ? /* @__PURE__ */ i(R, {
+          icon: d ? /* @__PURE__ */ r(R, {
             type: "icon-queding",
             className: "self-icon"
-          }) : /* @__PURE__ */ i(R, {
+          }) : /* @__PURE__ */ r(R, {
             type: "icon-editing",
             className: "self-icon"
           }),
-          onClick: P
-        }), /* @__PURE__ */ i(I, {
+          onClick: ne
+        }), E && /* @__PURE__ */ r(I, {
           type: "text",
           disabled: a.length >= 2,
-          icon: /* @__PURE__ */ i(R, {
+          icon: /* @__PURE__ */ r(R, {
             type: "icon-tianjia",
             className: `self-icon ${a.length >= 2 ? "disabled" : ""}`
           }),
-          onClick: O
+          onClick: X
         })]
       })]
-    }), /* @__PURE__ */ i("div", {
+    }), /* @__PURE__ */ r("div", {
       className: "template-tabs-wrapper",
-      children: /* @__PURE__ */ i(ne, {
-        activeKey: S,
+      children: /* @__PURE__ */ r(de, {
+        activeKey: N,
         onChange: (e) => {
-          b(e);
+          Q(e);
           const t = a.findIndex((n) => String(n.id) === e);
-          f == null || f(t);
+          p == null || p(t);
         },
-        items: F,
-        tabBarExtraContent: c && /* @__PURE__ */ i("div", {
+        items: ae,
+        tabBarExtraContent: (h && d || M) && /* @__PURE__ */ r("div", {
           className: "template-actions",
-          children: /* @__PURE__ */ h(L, {
+          children: /* @__PURE__ */ T(V, {
             size: 0,
-            children: [/* @__PURE__ */ i(ae, {
+            children: [h && d && /* @__PURE__ */ r(me, {
               title: "点击重置，您的设置会清空",
               placement: "bottom",
-              children: /* @__PURE__ */ i(I, {
+              children: /* @__PURE__ */ r(I, {
                 type: "text",
-                icon: /* @__PURE__ */ i(ce, {}),
-                onClick: _
+                icon: /* @__PURE__ */ r(Te, {}),
+                onClick: Z
               })
-            }), /* @__PURE__ */ i(I, {
+            }), M && /* @__PURE__ */ r(I, {
               type: "text",
-              icon: /* @__PURE__ */ i(R, {
+              icon: /* @__PURE__ */ r(R, {
                 type: "icon-shanchu",
-                className: `delete-btn ${!c || a.length <= 1 ? "disabled" : ""}`
+                className: `delete-btn ${a.length <= 1 ? "disabled" : ""}`
               }),
-              disabled: !c || a.length <= 1,
-              onClick: G
+              disabled: a.length <= 1,
+              onClick: Y
             })]
           })
         })
       })
-    }), N && /* @__PURE__ */ i("div", {
+    }), q && /* @__PURE__ */ r("div", {
       className: "template-content",
-      children: /* @__PURE__ */ h("div", {
-        className: "form-item-container " + (c ? "active" : ""),
-        children: [/* @__PURE__ */ h("div", {
+      children: /* @__PURE__ */ T("div", {
+        className: "form-item-container " + (d ? "active" : ""),
+        children: [/* @__PURE__ */ T("div", {
           className: "form-item",
-          children: [/* @__PURE__ */ i("div", {
+          children: [/* @__PURE__ */ r("div", {
             className: "form-label",
             children: "问题模版"
-          }), /* @__PURE__ */ i(j.TextArea, {
+          }), /* @__PURE__ */ r(J.TextArea, {
             showCount: !0,
             maxLength: 2e3,
-            value: N.q,
-            onChange: (e) => H(N.id, e.target.value),
+            value: q.q,
+            onChange: (e) => ee(q.id, e.target.value),
             placeholder: "请输入问题模版",
-            disabled: !c,
+            disabled: !d,
             autoSize: {
               minRows: 2,
               maxRows: 20
             }
           })]
-        }), /* @__PURE__ */ h("div", {
+        }), /* @__PURE__ */ T("div", {
           className: "form-item",
-          children: [/* @__PURE__ */ i("div", {
+          children: [/* @__PURE__ */ r("div", {
             className: "form-label",
             children: "回答模版"
-          }), /* @__PURE__ */ i(j.TextArea, {
+          }), /* @__PURE__ */ r(J.TextArea, {
             showCount: !0,
             maxLength: 2e3,
-            value: N.a,
-            onChange: (e) => J(N.id, e.target.value),
+            value: q.a,
+            onChange: (e) => te(q.id, e.target.value),
             placeholder: "请输入回答模版",
-            disabled: !c,
+            disabled: !d,
             autoSize: {
               minRows: 2,
               maxRows: 20
@@ -281,10 +290,21 @@ const de = ie((l, s) => {
           })]
         })]
       })
+    }), F && /* @__PURE__ */ r("div", {
+      className: "qa-config-footer",
+      children: /* @__PURE__ */ r(V, {
+        children: /* @__PURE__ */ r(I, {
+          type: "primary",
+          loading: j,
+          disabled: j,
+          onClick: G,
+          children: "保存"
+        })
+      })
     })]
   });
 });
-de.displayName = "QAGenerationConfig";
+we.displayName = "QAGenerationConfig";
 export {
-  de as default
+  we as default
 };