@glodon-aiot/dataset-annotation 3.14.0-alpha.33 → 3.14.0-alpha.34

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

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