@glodon-aiot/dataset-annotation 3.19.0 → 3.19.2-alpha.0

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

@@ -2,14 +2,14 @@ var Ke = Object.defineProperty, Ze = Object.defineProperties;
 var _e = Object.getOwnPropertyDescriptors;
 var me = Object.getOwnPropertySymbols;
 var Oe = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable;
-var fe = (f, l, t) => l in f ? Ke(f, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[l] = t, p = (f, l) => {
-  for (var t in l || (l = {}))
-    Oe.call(l, t) && fe(f, t, l[t]);
+var fe = (f, s, t) => s in f ? Ke(f, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[s] = t, p = (f, s) => {
+  for (var t in s || (s = {}))
+    Oe.call(s, t) && fe(f, t, s[t]);
   if (me)
-    for (var t of me(l))
-      $e.call(l, t) && fe(f, t, l[t]);
+    for (var t of me(s))
+      $e.call(s, t) && fe(f, t, s[t]);
   return f;
-}, b = (f, l) => Ze(f, _e(l));
+}, b = (f, s) => Ze(f, _e(s));
 import { jsx as i, jsxs as I, Fragment as je } from "react/jsx-runtime";
 import { useState as c, useRef as he, useLayoutEffect as qe, useEffect as g } from "react";
 import { message as J, ConfigProvider as We, Space as K, Select as Ge, Button as Q, Tabs as Je, Col as Qe, Empty as Xe } from "antd";
@@ -29,7 +29,7 @@ import { Prompt as at } from "../hooks/Prompt.mjs";
 import dt from "../DetectionAnnotation/icon_item_empty.svg.mjs";
 const Tt = (f) => {
   const {
-    services: l,
+    services: s,
     datasetId: t,
     versionId: N,
     backTo: pe,
@@ -42,11 +42,11 @@ const Tt = (f) => {
     exampleSrcRoot: Se,
     apiUrl: be,
     token: Ie,
-    getToken: ye
-  } = f, [s, Z] = c(), [r, L] = c(), [F, X] = c([]), [Y, H] = c(!1), [Ce, ee] = c(!1), [U, B] = c(!1), [ke, P] = c("preview"), [_, te] = c(0), [m, Ve] = c([]), [O, D] = c(), [Le, re] = c(), [$, w] = c(-1), [o, M] = c({
+    getToken: ke
+  } = f, [o, Z] = c(), [r, L] = c(), [F, X] = c([]), [Y, H] = c(!1), [ye, ee] = c(!1), [U, B] = c(!1), [Ce, P] = c("preview"), [_, te] = c(0), [m, Ve] = c([]), [O, D] = c(), [Le, re] = c(), [$, w] = c(-1), [l, M] = c({
     current: 0,
     pageSize: 100
-  }), [ne, ie] = c(0), [z, j] = c(""), [y, De] = c(""), [we, Me] = c(), [oe, q] = c(!1), [le, Te] = c(!1), [se, xe] = c(!0), [Ne, ze] = c(!1), W = he(null), [Ee, Re] = c(0), ce = he(-1), G = p({}, lt);
+  }), [ne, ie] = c(0), [z, j] = c(""), [k, De] = c(""), [we, Me] = c(), [oe, q] = c(!1), [le, Te] = c(!1), [se, xe] = c(!0), [Ne, ze] = c(!1), W = he(null), [Ee, Re] = c(0), ce = he(-1), G = p({}, lt);
   tt(G, f.filterSwitch), qe(() => {
     const e = W.current;
     if (!e)
@@ -54,8 +54,8 @@ const Tt = (f) => {
     let n = 0;
     const a = () => {
       cancelAnimationFrame(n), n = requestAnimationFrame(() => {
-        const C = e.clientHeight, k = Math.max(1, Math.round(C));
-        k !== ce.current && (ce.current = k, Re(k));
+        const y = e.clientHeight, C = Math.max(1, Math.round(y));
+        C !== ce.current && (ce.current = C, Re(C));
       });
     };
     a();
@@ -65,7 +65,7 @@ const Tt = (f) => {
     return h == null || h.addEventListener("resize", a), window.addEventListener("resize", a), () => {
       cancelAnimationFrame(n), d == null || d.disconnect(), h == null || h.removeEventListener("resize", a), window.removeEventListener("resize", a);
     };
-  }, [s]);
+  }, [o]);
   const Ae = () => {
     j("nocode"), P("annotation"), B(!0);
   }, Fe = (e) => {
@@ -76,58 +76,58 @@ const Tt = (f) => {
     D(n), P("preview"), B(!0);
   };
   g(() => {
-    t && l.cvforceDatahub.getS3Iam(t).then((e) => {
+    t && s.cvforceDatahub.getS3Iam(t).then((e) => {
       Me(e);
     });
   }, [t]), g(() => {
     !t || r || (H(!0), Promise.all([
       // 数据集
-      l.cvforceDatahub.getDatasetsId(t).then((e) => {
+      s.cvforceDatahub.getDatasetsId(t).then((e) => {
         Z(e);
       }),
       // 版本列表
-      l.cvforceDatahub.getDatasetsIdVersions(t, 1, 1e3).then((e) => {
+      s.cvforceDatahub.getDatasetsIdVersions(t, 1, 1e3).then((e) => {
         X(e.recordList), L(N ? e.recordList.find((n) => n.id === N) : e.recordList[0]);
       })
     ]).finally(() => H(!1)));
   }, [t, r == null ? void 0 : r.id]), g(() => {
     t && (H(!0), Promise.all([
       // 数据集
-      l.cvforceDatahub.getDatasetsId(t).then((e) => {
+      s.cvforceDatahub.getDatasetsId(t).then((e) => {
         Z(e);
       }),
       // 版本列表
-      l.cvforceDatahub.getDatasetsIdVersions(t, 1, 1e3).then((e) => {
+      s.cvforceDatahub.getDatasetsIdVersions(t, 1, 1e3).then((e) => {
         X(e.recordList), L(N ? e.recordList.find((n) => n.id === N) : e.recordList[0]);
       })
     ]).finally(() => H(!1)));
   }, [t, N]), g(() => {
-    t && l.cvforceDatahub.getDatasetsId(t).then((e) => {
+    t && s.cvforceDatahub.getDatasetsId(t).then((e) => {
       Z(e);
     });
   }, []);
   const ae = () => {
-    !t || !r || l.cvforceDatahub.getDatasetsIdVersionsVid(t, r.id).then((e) => {
+    !t || !r || s.cvforceDatahub.getDatasetsIdVersionsVid(t, r.id).then((e) => {
       L(e), De(e.versionAsyncTask.state);
     });
   };
   g(() => {
     ae();
   }, [t, r == null ? void 0 : r.id]), g(() => {
-    y !== x.Pending && y !== x.Started || J.warning("文件导入中，请刷新页面再试");
-  }, [y]), g(() => {
+    k !== x.Pending && k !== x.Started || J.warning("文件导入中，请刷新页面再试");
+  }, [k]), g(() => {
     ze(!se && le);
   }, [se, le]);
   const E = () => {
-    !t || !r || l.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(t, r.id).then((e) => {
+    !t || !r || s.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(t, r.id).then((e) => {
       const n = e.find((d) => d.id === "allcodeid"), a = e.find((d) => d.id === "nocodeid");
       te(n ? n.count : 0), ie(a ? a.count : 0);
     });
   }, T = (e, n) => {
-    const a = (e == null ? void 0 : e.current) || o.current, d = (e == null ? void 0 : e.pageSize) || o.pageSize, h = (e == null ? void 0 : e.type) || o.type, C = n || m || [];
+    const a = (e == null ? void 0 : e.current) || l.current, d = (e == null ? void 0 : e.pageSize) || l.pageSize, h = (e == null ? void 0 : e.type) || l.type, y = n || m || [];
     if (!t || !r || !a)
       return Promise.resolve(!1);
-    const k = () => {
+    const C = () => {
       switch (z) {
         case "nocode":
           return "nocode";
@@ -137,22 +137,22 @@ const Tt = (f) => {
           return;
       }
     };
-    return a === 1 && de(), M(b(p({}, o), {
+    return a === 1 && de(), M(b(p({}, l), {
       current: a,
       pageSize: d
-    })), ee(!0), l.cvforceDatahub.getDatasetsIdVersionsVidSamples(t, r.id, {
+    })), ee(!0), s.cvforceDatahub.getDatasetsIdVersionsVidSamples(t, r.id, {
       pageNo: a,
       pageSize: d,
-      labels: k()
+      labels: C()
     }).then((R) => {
-      const v = R.recordList || [], A = a === 1 ? v : h === "prev" ? [...v, ...C] : [...C, ...v];
-      if (Ve(A), M(b(p({}, o), {
+      const v = R.recordList || [], A = a === 1 ? v : h === "prev" ? [...v, ...y] : [...y, ...v];
+      if (Ve(A), M(b(p({}, l), {
         current: a,
         pageSize: d,
         type: void 0,
         total: R.totalResults
       })), h === "next" && v.length) {
-        const V = C.length;
+        const V = y.length;
         w(V), D(v[0]);
       }
       if (h === "prev" && v.length) {
@@ -163,15 +163,15 @@ const Tt = (f) => {
     }).catch(() => !1).finally(() => ee(!1));
   };
   g(() => {
-    !r || !s || (T(b(p({}, o), {
+    !r || !o || (T(b(p({}, l), {
       current: 1
     })).then((e) => {
     }), E());
-  }, [s == null ? void 0 : s.id, r == null ? void 0 : r.id]), g(() => {
+  }, [o == null ? void 0 : o.id, r == null ? void 0 : r.id]), g(() => {
     T().then((e) => {
     }), E();
-  }, [o.current]), g(() => {
-    T(b(p({}, o), {
+  }, [l.current]), g(() => {
+    T(b(p({}, l), {
       current: 1,
       total: void 0
     })).then((e) => {
@@ -182,9 +182,9 @@ const Tt = (f) => {
       return;
     const e = $ + 1;
     if (e >= m.length)
-      o.total && e >= o.total ? J.error("已经是最后一个了") : M({
-        current: o.current + 1,
-        pageSize: o.pageSize,
+      l.total && e >= l.total ? J.error("已经是最后一个了") : M({
+        current: l.current + 1,
+        pageSize: l.pageSize,
         type: "next"
       });
     else {
@@ -198,8 +198,8 @@ const Tt = (f) => {
     const e = $ - 1;
     if (e < 0)
       e < 0 ? J.error("已经是第一个了") : M({
-        current: o.current - 1,
-        pageSize: o.pageSize,
+        current: l.current - 1,
+        pageSize: l.pageSize,
         type: "prev"
       });
     else {
@@ -223,9 +223,9 @@ const Tt = (f) => {
   g(() => {
     U || (D(void 0), w(-1), re(void 0), P("preview"));
   }, [U]), g(() => {
-    s && s.markType !== "vlm" && console.error(`当前数据集不是vlm类型，请检查数据集类型。
+    o && o.markType !== "vlm" && console.error(`当前数据集不是vlm类型，请检查数据集类型。
 请检查markType是否为vlm。`);
-  }, [s]);
+  }, [o]);
   const de = () => {
     var e, n;
     (n = (e = W.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || n.scrollTo({
@@ -237,8 +237,8 @@ const Tt = (f) => {
       scrollTop: n,
       scrollHeight: a,
       clientHeight: d
-    } = e.currentTarget, h = a - n - d, C = 3, k = (v = o.pageSize) != null ? v : 100, R = (A = o.current) != null ? A : 0;
-    R >= 1 && m.length > 0 && m.length < R * k || (!o.total || o.total > m.length) && h <= C && M((V) => {
+    } = e.currentTarget, h = a - n - d, y = 3, C = (v = l.pageSize) != null ? v : 100, R = (A = l.current) != null ? A : 0;
+    R >= 1 && m.length > 0 && m.length < R * C || (!l.total || l.total > m.length) && h <= y && M((V) => {
       var ue;
       return b(p({}, V), {
         current: ((ue = V.current) != null ? ue : 0) + 1
@@ -256,10 +256,10 @@ const Tt = (f) => {
         version: r,
         versions: F,
         samples: m,
-        pagination: o,
-        services: l,
+        pagination: l,
+        services: s,
         token: Ie,
-        getToken: ye,
+        getToken: ke,
         apiUrl: be,
         featuresConfig: {
           labelManager: ge,
@@ -270,7 +270,7 @@ const Tt = (f) => {
           exampleSrcRoot: Se
         }
       },
-      children: s ? s.markType === "vlm" ? /* @__PURE__ */ I("div", {
+      children: o ? o.markType === "vlm" ? /* @__PURE__ */ I("div", {
         className: "vlm-version-detail",
         children: [/* @__PURE__ */ I(nt, {
           className: "product-details-page",
@@ -284,7 +284,7 @@ const Tt = (f) => {
                 style: {
                   fontWeight: "bold"
                 },
-                children: s == null ? void 0 : s.name
+                children: o == null ? void 0 : o.name
               }), /* @__PURE__ */ i(Ge, {
                 disabled: (u == null ? void 0 : u.versionSelect) === !1,
                 value: r == null ? void 0 : r.id,
@@ -297,7 +297,7 @@ const Tt = (f) => {
                 })),
                 onChange: (e) => {
                   const n = F.find((d) => d.id === e);
-                  if (!s || !n)
+                  if (!o || !n)
                     return;
                   const a = F.find((d) => d.id === n.id);
                   L(a), u != null && u.onVersionChange && u.onVersionChange(a);
@@ -312,7 +312,7 @@ const Tt = (f) => {
               /* @__PURE__ */ i(Q, {
                 type: "default",
                 onClick: () => q(!0),
-                disabled: y === x.Pending || y === x.Started,
+                disabled: k === x.Pending || k === x.Started,
                 children: "导入数据"
               }, "del"), /* @__PURE__ */ i(at, {
                 when: Ne,
@@ -322,9 +322,9 @@ const Tt = (f) => {
                 datasetIam: we,
                 datasetId: t,
                 currentVersion: r,
-                tenCode: s == null ? void 0 : s.tenantCode,
-                markType: s.markType,
-                vlmMarkTmpl: s == null ? void 0 : s.vlmMarkTmpl,
+                tenCode: o == null ? void 0 : o.tenantCode,
+                markType: o.markType,
+                vlmMarkTmpl: o == null ? void 0 : o.vlmMarkTmpl,
                 isVisible: oe,
                 setIsVisible: q,
                 getVersionListRequest: E,
@@ -333,7 +333,7 @@ const Tt = (f) => {
                   Te(e);
                 },
                 tableReload: () => {
-                  r != null && r.id && (de(), T(b(p({}, o), {
+                  r != null && r.id && (de(), T(b(p({}, l), {
                     current: 1
                   })));
                 },
@@ -349,7 +349,7 @@ const Tt = (f) => {
                 className: "header-tab",
                 activeKey: z,
                 onChange: (e) => {
-                  M(b(p({}, o), {
+                  M(b(p({}, l), {
                     current: 1
                     // total: 0,
                   })), j(e);
@@ -372,7 +372,7 @@ const Tt = (f) => {
             children: /* @__PURE__ */ i("div", {
               className: "d-right",
               ref: W,
-              children: O ? /* @__PURE__ */ i("div", {}) : o.total !== void 0 && o.total > 0 ? /* @__PURE__ */ i(je, {
+              children: O ? /* @__PURE__ */ i("div", {}) : l.total !== void 0 && l.total > 0 ? /* @__PURE__ */ i(je, {
                 children: /* @__PURE__ */ i(rt, {
                   innerProps: {
                     className: "d-right-row"
@@ -404,7 +404,7 @@ const Tt = (f) => {
                 })
               }) : /* @__PURE__ */ i("div", {
                 className: "empty",
-                children: o.total === 0 ? /* @__PURE__ */ i(Xe, {
+                children: l.total === 0 ? /* @__PURE__ */ i(Xe, {
                   image: dt,
                   description: /* @__PURE__ */ I("span", {
                     children: ["暂无数据", z !== "hascode" && /* @__PURE__ */ i("span", {
@@ -415,7 +415,7 @@ const Tt = (f) => {
                           padding: 0
                         },
                         onClick: () => q(!0),
-                        disabled: y === x.Pending || y === x.Started,
+                        disabled: k === x.Pending || k === x.Started,
                         children: [/* @__PURE__ */ i("span", {
                           style: {
                             color: "black"
@@ -430,41 +430,42 @@ const Tt = (f) => {
             })
           })]
         }), U && /* @__PURE__ */ i(et, {
+          vlmMarkTmpl: o == null ? void 0 : o.vlmMarkTmpl,
           isVlmModalVisible: U,
           setIsVlmModalVisible: B,
           record: O,
           onNextClick: () => He(),
           onPrevClick: () => Ue(),
-          listLoading: Ce,
-          ocrMarkTmpl: s == null ? void 0 : s.ocrMarkTmpl,
+          listLoading: ye,
+          ocrMarkTmpl: o == null ? void 0 : o.ocrMarkTmpl,
           datasetId: t,
           versionId: r == null ? void 0 : r.id,
-          initialMode: ke,
+          initialMode: Ce,
           filterMode: z,
           onFilterModeChange: (e) => {
             j(e);
           },
           samples: m,
-          pagination: o,
+          pagination: l,
           currentIndex: $,
           handleMarkClick: (e) => {
             re(e), P("annotation");
           },
           updateSampleList: () => {
-            T(b(p({}, o), {
+            T(b(p({}, l), {
               current: 1
             })), E();
           },
           selectSampleId: Le,
           onClose: () => {
-            T(b(p({}, o), {
+            T(b(p({}, l), {
               current: 1
             })), E(), B(!1);
           },
           onSave: (e) => {
             if (!t || !r)
               throw "datasetId or version is not exist.";
-            return l.cvforceDatahub.updateSamples(t, r.id, [p({}, e)]).then(() => !0);
+            return s.cvforceDatahub.updateSamples(t, r.id, [p({}, e)]).then(() => !0);
           }
         })]
       }) : /* @__PURE__ */ i("div", {

package/dist/es/components/VQAAnnotation/VQAAnnotationPanel.mjs

@@ -0,0 +1,69 @@
+import { jsxs as i, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { forwardRef as o, useState as f, useImperativeHandle as u } from "react";
+import { Input as v } from "antd";
+const p = o(({
+  question: r,
+  answer: t,
+  readOnly: s,
+  onChange: a
+}, m) => {
+  const [d, c] = f(!1);
+  return u(m, () => ({
+    validate: () => {
+      const l = r === "" || r.includes("<image>");
+      return c(!l), l;
+    }
+  })), /* @__PURE__ */ i("div", {
+    className: "vqa-annotation-panel",
+    children: [/* @__PURE__ */ e("div", {
+      className: "vqa-panel-title",
+      children: "标注信息"
+    }), /* @__PURE__ */ i("div", {
+      className: "vqa-panel-content",
+      children: [/* @__PURE__ */ i("div", {
+        className: "vqa-field",
+        children: [/* @__PURE__ */ e("div", {
+          className: "vqa-field-label",
+          children: "问题"
+        }), s ? /* @__PURE__ */ e("div", {
+          className: "vqa-field-readonly",
+          children: r || "-"
+        }) : /* @__PURE__ */ i(n, {
+          children: [/* @__PURE__ */ e(v.TextArea, {
+            placeholder: "如填写问题，内容必须包含<image>",
+            value: r,
+            maxLength: 2e3,
+            showCount: !0,
+            rows: 8,
+            status: d ? "error" : "",
+            onChange: (l) => {
+              d && c(!1), a == null || a(l.target.value, t);
+            }
+          }), d && /* @__PURE__ */ e("div", {
+            className: "vqa-field-error",
+            children: "问题内容必须包含<image>"
+          })]
+        })]
+      }), /* @__PURE__ */ i("div", {
+        className: "vqa-field",
+        children: [/* @__PURE__ */ e("div", {
+          className: "vqa-field-label",
+          children: "回答"
+        }), s ? /* @__PURE__ */ e("div", {
+          className: "vqa-field-readonly",
+          children: t || "-"
+        }) : /* @__PURE__ */ e(v.TextArea, {
+          value: t,
+          maxLength: 2e3,
+          showCount: !0,
+          rows: 8,
+          onChange: (l) => a == null ? void 0 : a(r, l.target.value)
+        })]
+      })]
+    })]
+  });
+});
+p.displayName = "VQAAnnotationPanel";
+export {
+  p as default
+};

package/dist/es/components/VQAAnnotation/index.mjs

@@ -0,0 +1,80 @@
+var q = Object.defineProperty, C = Object.defineProperties;
+var j = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var Q = (n, t, e) => t in n ? q(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, s = (n, t) => {
+  for (var e in t || (t = {}))
+    y.call(t, e) && Q(n, e, t[e]);
+  if (N)
+    for (var e of N(t))
+      D.call(t, e) && Q(n, e, t[e]);
+  return n;
+}, i = (n, t) => C(n, j(t));
+import { jsxs as I, jsx as d } from "react/jsx-runtime";
+import { forwardRef as L, useRef as M, useState as R, useEffect as k, useImperativeHandle as B } from "react";
+import E from "../VLMAnnotation/VLMLabelMaker/index.mjs";
+import H from "./VQAAnnotationPanel.mjs";
+import "./style.less.mjs";
+const P = L(({
+  sample: n,
+  onChange: t,
+  readOnly: e
+}, V) => {
+  const f = M(null), c = (o, a) => {
+    var r, v, l, u;
+    return (u = (l = (v = (r = o.content) == null ? void 0 : r.conversations) == null ? void 0 : v[a]) == null ? void 0 : l.value) != null ? u : "";
+  }, [b, m] = R(() => c(n, 0)), [g, h] = R(() => c(n, 1));
+  return k(() => {
+    m(c(n, 0)), h(c(n, 1));
+  }, [n]), B(V, () => ({
+    validate: () => {
+      var o, a;
+      return (a = (o = f.current) == null ? void 0 : o.validate()) != null ? a : !0;
+    }
+  })), /* @__PURE__ */ I("div", {
+    className: "vqa-annotation-wrap",
+    children: [/* @__PURE__ */ d("div", {
+      className: "vqa-annotation-left",
+      children: /* @__PURE__ */ d(E, {
+        sample: n,
+        labelDefinitions: [],
+        labels: [],
+        hideDrawRect: !0,
+        onChange: () => {
+        }
+      })
+    }), /* @__PURE__ */ d("div", {
+      className: "vqa-annotation-right",
+      children: /* @__PURE__ */ d(H, {
+        ref: f,
+        question: b,
+        answer: g,
+        readOnly: e,
+        onChange: (o, a) => {
+          var A, w, x, p;
+          m(o), h(a);
+          const r = (w = (A = n.content) == null ? void 0 : A.conversations) != null ? w : [], v = (x = r[0]) != null ? x : {
+            from: "human",
+            value: ""
+          }, l = (p = r[1]) != null ? p : {
+            from: "gpt",
+            value: ""
+          }, u = [i(s({}, v), {
+            value: o
+          }), i(s({}, l), {
+            value: a
+          })];
+          t == null || t(i(s({}, n), {
+            content: i(s({}, n.content), {
+              conversations: u
+            })
+          }));
+        }
+      })
+    })]
+  });
+});
+P.displayName = "VQAAnnotation";
+export {
+  P as default
+};

package/dist/es/components/VQAAnnotation/style.less.mjs

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