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

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

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