@glodon-aiot/dataset-annotation 3.9.0-beta.9 → 3.10.0-alpha.10

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

@@ -0,0 +1,240 @@
+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) => {
+    try {
+      n(a.next(l));
+    } catch (m) {
+      h(m);
+    }
+  }, p = (l) => {
+    try {
+      n(a.throw(l));
+    } catch (m) {
+      h(m);
+    }
+  }, n = (l) => l.done ? f(l.value) : Promise.resolve(l.value).then(c, p);
+  n((a = a.apply(d, r)).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) => {
+  const {
+    visionId: a,
+    afterChangeTemplates: f,
+    datasetId: h
+  } = d, [c, p] = Q(!1), [n, l] = Q([]), {
+    services: {
+      cvforceDatahub: m
+    }
+  } = F(X), I = () => y(void 0, null, function* () {
+    if (!h || !a)
+      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);
+    });
+    return JSON.stringify(t);
+  }, S = () => C(n) !== w.current, E = () => new Promise((e) => {
+    if (!S()) {
+      e(!0);
+      return;
+    }
+    P.confirm({
+      title: "提示",
+      content: "QA生成配置有未保存的更改，确定要离开吗？",
+      okText: "确定",
+      cancelText: "取消",
+      onOk: () => {
+        e(!0);
+      },
+      onCancel: () => {
+        e(!1);
+      }
+    });
+  });
+  W(r, () => ({
+    hasUnsavedChanges: S,
+    checkDirtyAndConfirm: E
+  })), k(() => {
+    I();
+  }, [h, a]), k(() => {
+    const e = (t) => {
+      if (C(n) !== w.current)
+        return t.preventDefault(), t.returnValue = "", "";
+    };
+    return window.addEventListener("beforeunload", e), () => {
+      window.removeEventListener("beforeunload", e);
+    };
+  }, [n]);
+  const L = () => {
+    l([...n, {
+      id: Date.now(),
+      name: "",
+      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), {
+      q: t
+    }) : i);
+    l(s);
+  }, j = (e, t) => {
+    const s = n.map((i) => i.id === e ? N(v({}, i), {
+      a: t
+    }) : i);
+    l(s);
+  };
+  return /* @__PURE__ */ u("div", {
+    className: "info-item",
+    children: [/* @__PURE__ */ u("div", {
+      className: "info-item-header",
+      children: [/* @__PURE__ */ o("div", {
+        className: "info-item-title",
+        children: "QA生成配置"
+      }), /* @__PURE__ */ u(J, {
+        style: {
+          height: 32
+        },
+        children: [/* @__PURE__ */ o(x, {
+          type: "text",
+          icon: c ? /* @__PURE__ */ o(T, {
+            type: "icon-queding",
+            className: "self-icon"
+          }) : /* @__PURE__ */ o(T, {
+            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, {
+          type: "text",
+          disabled: n.length >= 2,
+          icon: /* @__PURE__ */ o(T, {
+            type: "icon-tianjia",
+            className: `self-icon ${n.length >= 2 ? "disabled" : ""}`
+          }),
+          onClick: L
+        })]
+      })]
+    }), /* @__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, {
+              type: "text",
+              icon: /* @__PURE__ */ o(T, {
+                type: "icon-shanchu",
+                className: `delete-btn ${!c || n.length <= 1 ? "disabled" : ""}`
+              }),
+              disabled: !c || n.length <= 1,
+              onClick: () => M(e.id)
+            })]
+          }), /* @__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", {
+          className: "form-item",
+          children: [/* @__PURE__ */ o("div", {
+            className: "form-label",
+            children: "问题模版"
+          }), /* @__PURE__ */ o(b.TextArea, {
+            showCount: !0,
+            maxLength: 2e3,
+            value: e.q,
+            onChange: (t) => V(e.id, t.target.value),
+            placeholder: "请输入问题模版",
+            disabled: !c,
+            rows: 2
+          })]
+        }), /* @__PURE__ */ u("div", {
+          className: "form-item",
+          children: [/* @__PURE__ */ o("div", {
+            className: "form-label",
+            children: "回答模版"
+          }), /* @__PURE__ */ o(b.TextArea, {
+            showCount: !0,
+            maxLength: 2e3,
+            value: e.a,
+            onChange: (t) => j(e.id, t.target.value),
+            placeholder: "请输入回答模版",
+            disabled: !c,
+            rows: 2
+          })]
+        })]
+      }, e.id))
+    })]
+  });
+});
+Y.displayName = "QAGenerationConfig";
+export {
+  Y as default
+};

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

@@ -0,0 +1,201 @@
+var D = (f, u, i) => new Promise((c, a) => {
+  var m = (n) => {
+    try {
+      l(i.next(n));
+    } catch (d) {
+      a(d);
+    }
+  }, h = (n) => {
+    try {
+      l(i.throw(n));
+    } catch (d) {
+      a(d);
+    }
+  }, l = (n) => n.done ? c(n.value) : Promise.resolve(n.value).then(m, h);
+  l((i = i.apply(f, u)).next());
+});
+import { jsx as e, jsxs as s, Fragment as b } from "react/jsx-runtime";
+import { forwardRef as z, useState as g, useRef as O, useContext as _, useImperativeHandle as j, useEffect as S } from "react";
+import "./style.less.mjs";
+import { Row as E, Col as G, Table as K, Spin as B, Input as R } from "antd";
+import F from "./QAGenerationConfig.mjs";
+import H from "../../../Iconfont/index.mjs";
+import { LoadingOutlined as V } from "@ant-design/icons";
+import J from "../../../../DatasetContext/index.mjs";
+const M = z((f, u) => {
+  var w, A;
+  const {
+    sample: i,
+    visionId: c,
+    labels: a,
+    datasetId: m
+  } = f, [h, l] = g([]), [n, d] = g([]), [L, p] = g(!1), v = O(null), {
+    services: {
+      cvforceDatahub: N
+    }
+  } = _(J);
+  j(u, () => ({
+    checkDirtyAndConfirm: () => D(void 0, null, function* () {
+      return v.current ? yield v.current.checkDirtyAndConfirm() : !0;
+    })
+  })), S(() => {
+    const t = (i == null ? void 0 : i.labels) || [];
+    if (t.length && (a != null && a.length)) {
+      const r = t.map((o, I) => {
+        var Q, q;
+        const x = {
+          id: (Q = o.id) != null ? Q : String(I),
+          regionId: (q = o.id) != null ? q : String(I),
+          shape: o.shape
+        }, T = o.content || {};
+        return a.forEach((C) => {
+          x[C.id] = T[C.id] || "-";
+        }), x;
+      });
+      l(r);
+    } else
+      l([]), d([]);
+  }, [i == null ? void 0 : i.labels, a]), S(() => {
+    h.length && y();
+  }, [h]);
+  const k = [{
+    title: "序号",
+    key: "index",
+    width: 80,
+    fixed: "left",
+    render: (t, r, o) => o + 1
+  }, ...(a || []).map((t) => ({
+    title: t.name,
+    dataIndex: t.id,
+    key: t.id,
+    width: 150,
+    render: (r) => /* @__PURE__ */ e("span", {
+      children: r || "-"
+    })
+  }))], y = () => {
+    p(!0), !(!m || !c || !(i != null && i.id)) && (N == null || N.postGenerateVlmKieQa(m, c, {
+      sampleIds: [i.id]
+    }).then((t) => {
+      console.log("QA生成结果:", t), d(t), p(!1);
+    }).catch((t) => {
+      console.error("QA生成失败:", t), p(!1);
+    }));
+  };
+  return /* @__PURE__ */ s("div", {
+    className: "qa-detail",
+    children: [/* @__PURE__ */ s(E, {
+      className: "infos",
+      gutter: 48,
+      children: [/* @__PURE__ */ e(G, {
+        span: 12,
+        children: /* @__PURE__ */ s("div", {
+          className: "info-item",
+          children: [/* @__PURE__ */ e("div", {
+            className: "info-item-header",
+            children: /* @__PURE__ */ e("div", {
+              className: "info-item-title",
+              children: "标注信息预览"
+            })
+          }), /* @__PURE__ */ e("div", {
+            className: "info-item-content table-wrapper",
+            children: /* @__PURE__ */ e(K, {
+              columns: k,
+              dataSource: h,
+              rowKey: "id",
+              pagination: !1,
+              size: "small",
+              scroll: {
+                y: "100%"
+              }
+            })
+          })]
+        })
+      }), /* @__PURE__ */ e(G, {
+        span: 12,
+        children: /* @__PURE__ */ e(F, {
+          ref: v,
+          datasetId: m,
+          visionId: c,
+          afterChangeTemplates: () => {
+            y();
+          }
+        })
+      })]
+    }), /* @__PURE__ */ s("div", {
+      className: "qa-result",
+      children: [/* @__PURE__ */ s("div", {
+        className: "info-item-header",
+        children: [/* @__PURE__ */ e("div", {
+          className: "info-item-title",
+          children: "QA生成结果预览"
+        }), L ? /* @__PURE__ */ e(B, {
+          indicator: /* @__PURE__ */ e(V, {
+            spin: !0,
+            style: {
+              fontSize: 16
+            }
+          })
+        }) : /* @__PURE__ */ e(H, {
+          type: "icon-finish",
+          style: {
+            fontSize: 16,
+            color: "#9c24f2"
+          }
+        })]
+      }), /* @__PURE__ */ e("div", {
+        className: "result",
+        children: n.length > 0 ? /* @__PURE__ */ e(b, {
+          children: (A = (w = n[0]) == null ? void 0 : w.qas) != null && A.length ? n[0].qas.map((t, r) => /* @__PURE__ */ s("div", {
+            className: "result-item-container",
+            style: {
+              borderBottom: r === n[0].qas.length - 1 ? "none" : "1px solid #D8D8D8"
+            },
+            children: [/* @__PURE__ */ e("div", {
+              className: "result-item-header",
+              children: /* @__PURE__ */ e("div", {
+                className: "result-item-title",
+                children: t.name
+              })
+            }), /* @__PURE__ */ s("div", {
+              className: "result-item-content",
+              children: [/* @__PURE__ */ e("div", {
+                className: "label",
+                children: "问题"
+              }), /* @__PURE__ */ e("div", {
+                className: "value",
+                children: /* @__PURE__ */ e(R.TextArea, {
+                  value: t.q,
+                  readOnly: !0,
+                  rows: 2
+                })
+              })]
+            }), /* @__PURE__ */ s("div", {
+              className: "result-item-content",
+              children: [/* @__PURE__ */ e("div", {
+                className: "label",
+                children: "回答"
+              }), /* @__PURE__ */ e("div", {
+                className: "value",
+                children: /* @__PURE__ */ e(R.TextArea, {
+                  value: t.a,
+                  readOnly: !0,
+                  rows: 2
+                })
+              })]
+            })]
+          }, r)) : /* @__PURE__ */ e("div", {
+            className: "result-empty",
+            children: "暂无结果"
+          })
+        }) : /* @__PURE__ */ e("div", {
+          className: "result-empty",
+          children: "暂无结果"
+        })
+      })]
+    })]
+  });
+});
+M.displayName = "QADetail";
+export {
+  M as default
+};

package/dist/es/components/VLMAnnotationDetail/MarkVLMBoxModal/QADetail/style.less.mjs

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};