@glodon-aiot/dataset-annotation 3.25.1-alpha.2 → 3.25.1-alpha.4

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

@@ -0,0 +1,416 @@
+var j = (ne, K, c) => new Promise((R, S) => {
+  var z = (d) => {
+    try {
+      B(c.next(d));
+    } catch (q) {
+      S(q);
+    }
+  }, L = (d) => {
+    try {
+      B(c.throw(d));
+    } catch (q) {
+      S(q);
+    }
+  }, B = (d) => d.done ? R(d.value) : Promise.resolve(d.value).then(z, L);
+  B((c = c.apply(ne, K)).next());
+});
+import { jsx as h, jsxs as me } from "react/jsx-runtime";
+import { useContext as Ye, useState as i, useRef as P, useEffect as E, useCallback as oe } from "react";
+import { message as ae, ConfigProvider as Ze, Spin as Je } from "antd";
+import Qe from "antd/es/locale/zh_CN";
+import Xe from "../../DatasetContext/index.mjs";
+import et from "./components/VersionCompareHeader.mjs";
+import tt from "./components/VersionOverviewCard.mjs";
+import rt from "./components/DataChangeStatsCard.mjs";
+import ot from "./components/LabelComparisonCard.mjs";
+import at from "./components/SampleChangeDetailsCard.mjs";
+import nt from "./components/SingleSampleDetailModal.mjs";
+import lt from "./components/ModifiedSampleCompareModal.mjs";
+import st from "./VersionCompareSelectModal/index.mjs";
+import { PRELOAD_FORWARD as it, PRELOAD_BACKWARD as ct, ImagePreloader as dt } from "../DetectionAnnotation/utils/imagePreloader.mjs";
+import { scrollSampleIntoView as pt } from "../../utils/scrollSampleIntoView.mjs";
+import { fetchVersionCompareSummaryWithAdapter as ft, fetchVersionCompareSamplesWithAdapter as ut } from "./adapter.mjs";
+import { adaptVersionCompareSampleItem as zt, adaptVersionCompareSamples as Lt, adaptVersionCompareSummary as Bt, formatCompareTimestamp as qt } from "./adapter.mjs";
+import "./style.less.mjs";
+import "@glodon-aiot/apis";
+const gt = 20, yt = (ne) => {
+  var Pe, Ae, Oe;
+  const K = Ye(Xe), {
+    datasetId: c,
+    baseVersionId: R,
+    targetVersionId: S,
+    datasetName: z,
+    markType: L,
+    ocrMarkTmpl: B,
+    cvforceDatahub: d = (Pe = K.services) == null ? void 0 : Pe.cvforceDatahub,
+    imgProxy: q,
+    versions: ze,
+    showBreadcrumb: Le = !0,
+    useMock: k = !1,
+    fallbackToMockOnError: $ = !1,
+    mockScene: le,
+    onBack: Be,
+    onVersionsChange: se,
+    onSampleClick: ie
+  } = ne, [f, he] = i(R), [u, Ce] = i(S), [e, qe] = i(null), [Fe, be] = i(!1), [ce, de] = i(null), [s, Ie] = i("added"), [C, We] = i([]), [G, _e] = i(0), [M, Y] = i(1), [b, Se] = i(gt), [w, Me] = i(!1), [He, pe] = i(!1), [ve, Z] = i(!1), [Te, J] = i(!1), [n, v] = i(-1), [Ve, fe] = i(!1), Q = P(null), A = P(0), F = P(0), O = P(!1), T = P(void 0), W = P(!1), X = P(null);
+  E(() => {
+    he(R);
+  }, [R]), E(() => {
+    Ce(S);
+  }, [S]);
+  const _ = le != null ? le : L === "ocr" ? "ocr" : L === "detection" ? "detection" : void 0, Ne = oe((t, o, g) => j(void 0, null, function* () {
+    if (!c || !t || !o)
+      return null;
+    const a = ++A.current;
+    be(!0), de(null);
+    try {
+      const l = yield ft(c, {
+        baseVersionId: t,
+        targetVersionId: o
+      }, {
+        cvforceDatahub: d,
+        useMock: k,
+        fallbackToMockOnError: $,
+        mockScene: _,
+        mockDatasetName: z,
+        onAsyncTaskProgress: (r) => {
+          a === A.current && de(r);
+        },
+        signal: g
+      });
+      return a !== A.current ? null : (qe(l), de(null), l);
+    } catch (l) {
+      return (l == null ? void 0 : l.name) === "AbortError" || a === A.current && ae.error((l == null ? void 0 : l.message) || "获取版本对比概览失败"), null;
+    } finally {
+      a === A.current && be(!1);
+    }
+  }), [c, d, k, $, _, z]), D = oe((t) => j(void 0, null, function* () {
+    const {
+      baseId: o,
+      targetId: g,
+      changeType: a,
+      page: l,
+      size: r,
+      colorMap: m,
+      selectPosition: I
+    } = t;
+    if (!c || !o || !g)
+      return null;
+    const N = ++F.current;
+    Me(!0);
+    try {
+      const p = yield ut(c, {
+        baseVersionId: o,
+        targetVersionId: g,
+        changeType: a,
+        pageNo: l,
+        pageSize: r
+      }, m, {
+        cvforceDatahub: d,
+        useMock: k,
+        fallbackToMockOnError: $,
+        mockScene: _
+      });
+      return N !== F.current ? null : (We(p.items), _e(p.total), Y(p.pageNo), Se(p.pageSize), I === "first" ? v(p.items.length > 0 ? 0 : -1) : I === "last" && v(p.items.length > 0 ? p.items.length - 1 : -1), p);
+    } catch (p) {
+      return N === F.current && ae.error((p == null ? void 0 : p.message) || "获取版本对比样本列表失败"), null;
+    } finally {
+      N === F.current && Me(!1);
+    }
+  }), [c, d, k, $, _]);
+  E(() => {
+    if (f !== R || u !== S) {
+      A.current += 1, F.current += 1;
+      return;
+    }
+    const t = new AbortController();
+    return Ie("added"), Y(1), Z(!1), J(!1), v(-1), Ne(f, u, t.signal).then((o) => {
+      !o || t.signal.aborted || D({
+        baseId: f,
+        targetId: u,
+        changeType: "added",
+        page: 1,
+        size: b,
+        colorMap: o.labelColorMap
+      });
+    }), () => {
+      t.abort();
+    };
+  }, [c, f, u, R, S, _, Ne]);
+  const je = (t) => {
+    Ie(t), Y(1), Z(!1), J(!1), v(-1), D({
+      baseId: f,
+      targetId: u,
+      changeType: t,
+      page: 1,
+      size: b,
+      colorMap: e == null ? void 0 : e.labelColorMap
+    });
+  }, Ke = (t, o) => {
+    Y(t), Se(o), v(-1), D({
+      baseId: f,
+      targetId: u,
+      changeType: s,
+      page: t,
+      size: o,
+      colorMap: e == null ? void 0 : e.labelColorMap
+    });
+  }, $e = (t, o) => {
+    W.current = !1, v(o), s === "modified" ? J(!0) : Z(!0), ie == null || ie(t, o, s);
+  }, ue = n >= 0 ? (M - 1) * b + n : -1, ee = ue > 0, te = ue >= 0 && ue < G - 1, V = n >= 0 && n < C.length ? C[n] : void 0, H = ve || Te;
+  E(() => {
+    if (H && V && n >= 0) {
+      const t = s === "deleted" && V.baseSample || V.sample;
+      X.current = {
+        id: (t == null ? void 0 : t.id) || V.fileKey,
+        index: n
+      };
+      return;
+    }
+    if (!H && X.current) {
+      const t = X.current, o = W.current;
+      if (X.current = null, W.current = !1, fe(!1), !o)
+        return;
+      const g = requestAnimationFrame(() => {
+        var r;
+        let a = Q.current, l = null;
+        for (; a && a !== document.body && a !== document.documentElement; ) {
+          const {
+            overflowY: m
+          } = window.getComputedStyle(a);
+          if ((m === "auto" || m === "scroll" || m === "overlay") && a.scrollHeight > a.clientHeight) {
+            l = a;
+            break;
+          }
+          a = a.parentElement;
+        }
+        if (l)
+          pt(l, t.id, t.index);
+        else if (Q.current) {
+          const m = Array.from(Q.current.querySelectorAll("[data-sample-id]")), I = (r = m.find((N) => N.dataset.sampleId === String(t.id))) != null ? r : m[t.index];
+          I == null || I.scrollIntoView({
+            block: "center"
+          });
+        }
+      });
+      return () => cancelAnimationFrame(g);
+    }
+  }, [H, V, n, s]), E(() => {
+    var l;
+    if (!H) {
+      (l = T.current) == null || l.dispose(), T.current = void 0;
+      return;
+    }
+    if (!Ve || n < 0)
+      return;
+    const t = (r) => {
+      var I, N, p, xe, ye, Ue;
+      if (!r)
+        return [];
+      if (s === "modified")
+        return [((I = r.baseSample) == null ? void 0 : I.fileUrl) || ((N = r.baseSample) == null ? void 0 : N.thumbnailUrl) || "", ((p = r.sample) == null ? void 0 : p.fileUrl) || ((xe = r.sample) == null ? void 0 : xe.thumbnailUrl) || ""].filter(Boolean);
+      if (s === "deleted") {
+        const U = r.baseSample || r.sample, Ee = (U == null ? void 0 : U.fileUrl) || (U == null ? void 0 : U.thumbnailUrl) || "";
+        return Ee ? [Ee] : [];
+      }
+      const m = ((ye = r.sample) == null ? void 0 : ye.fileUrl) || ((Ue = r.sample) == null ? void 0 : Ue.thumbnailUrl) || "";
+      return m ? [m] : [];
+    }, o = t(C[n]);
+    if (!o.length)
+      return;
+    const g = [], a = (r) => {
+      r < 0 || r >= C.length || g.push(...t(C[r]));
+    };
+    for (let r = 1; r <= it; r++)
+      a(n + r);
+    for (let r = 1; r <= ct; r++)
+      a(n - r);
+    T.current || (T.current = new dt()), T.current.pruneExcept([...o, ...g]), T.current.setTargets(g);
+  }, [H, Ve, n, C, s]), E(() => () => {
+    var t;
+    (t = T.current) == null || t.dispose(), T.current = void 0;
+  }, []);
+  const Re = oe(() => j(void 0, null, function* () {
+    if (!(w || O.current)) {
+      if (!ee) {
+        ae.error("已经是第一个了");
+        return;
+      }
+      if (W.current = !0, n > 0) {
+        v((t) => t - 1);
+        return;
+      }
+      if (M > 1) {
+        O.current = !0;
+        try {
+          yield D({
+            baseId: f,
+            targetId: u,
+            changeType: s,
+            page: M - 1,
+            size: b,
+            colorMap: e == null ? void 0 : e.labelColorMap,
+            selectPosition: "last"
+          });
+        } finally {
+          O.current = !1;
+        }
+      }
+    }
+  }), [ee, w, n, M, b, D, f, u, s, e == null ? void 0 : e.labelColorMap]), ke = oe(() => j(void 0, null, function* () {
+    if (!(w || O.current)) {
+      if (!te) {
+        ae.error("已经是最后一个了");
+        return;
+      }
+      if (W.current = !0, n + 1 < C.length) {
+        v((t) => t + 1);
+        return;
+      }
+      if ((M - 1) * b + n + 1 < G) {
+        O.current = !0;
+        try {
+          yield D({
+            baseId: f,
+            targetId: u,
+            changeType: s,
+            page: M + 1,
+            size: b,
+            colorMap: e == null ? void 0 : e.labelColorMap,
+            selectPosition: "first"
+          });
+        } finally {
+          O.current = !1;
+        }
+      }
+    }
+  }), [te, w, n, C.length, M, b, G, D, f, u, s, e == null ? void 0 : e.labelColorMap]), Ge = (t, o, g, a) => {
+    pe(!1), he(t), Ce(o), se == null || se(t, o, g, a);
+  }, we = z || (e == null ? void 0 : e.datasetName) || ((Ae = K.dataset) == null ? void 0 : Ae.name) || "-", De = L || (e == null ? void 0 : e.markType) || "detection", ge = B || (e == null ? void 0 : e.ocrMarkTmpl), re = (Oe = e == null ? void 0 : e.isOcrDetection) != null ? Oe : De === "ocr" && (!ge || ge === "DetectionOCR"), x = (e == null ? void 0 : e.baseVersionNo) || f || "-", y = (e == null ? void 0 : e.targetVersionNo) || u || "-";
+  return /* @__PURE__ */ h(Ze, {
+    locale: Qe,
+    children: /* @__PURE__ */ me("div", {
+      className: "dataset-version-compare-page",
+      ref: Q,
+      children: [/* @__PURE__ */ h(et, {
+        datasetName: we,
+        baseVersionNo: x,
+        targetVersionNo: y,
+        formattedCompareTime: (e == null ? void 0 : e.formattedCompareTime) || "-",
+        showBreadcrumb: Le,
+        onBack: Be,
+        onReselect: () => pe(!0)
+      }), /* @__PURE__ */ h("div", {
+        className: "vc-content-scroll",
+        children: /* @__PURE__ */ h(Je, {
+          spinning: Fe,
+          tip: ce ? `正在计算版本对比结果${ce.progress !== void 0 ? ` (${ce.progress}%)` : "..."}` : "正在加载对比数据...",
+          children: /* @__PURE__ */ me("div", {
+            className: "vc-content-body",
+            children: [/* @__PURE__ */ me("div", {
+              className: "vc-top-cards-row",
+              children: [/* @__PURE__ */ h(tt, {
+                baseVersionNo: x,
+                targetVersionNo: y,
+                rows: (e == null ? void 0 : e.overviewRows) || []
+              }), /* @__PURE__ */ h(rt, {
+                baseVersionNo: x,
+                targetVersionNo: y,
+                changeStats: (e == null ? void 0 : e.changeStats) || {
+                  addedCount: 0,
+                  deletedCount: 0,
+                  modifiedCount: 0,
+                  unchangedCount: 0
+                }
+              })]
+            }), /* @__PURE__ */ h(ot, {
+              markType: De,
+              ocrMarkTmpl: ge,
+              isOcrDetection: re,
+              baseVersionNo: x,
+              targetVersionNo: y,
+              labelComparisons: (e == null ? void 0 : e.labelComparisons) || []
+            }), /* @__PURE__ */ h(at, {
+              baseVersionNo: x,
+              targetVersionNo: y,
+              isOcrDetection: re,
+              changeStats: (e == null ? void 0 : e.changeStats) || {
+                addedCount: 0,
+                deletedCount: 0,
+                modifiedCount: 0,
+                unchangedCount: 0
+              },
+              activeTab: s,
+              items: C,
+              total: G,
+              pageNo: M,
+              pageSize: b,
+              loading: w,
+              imgProxy: q,
+              onTabChange: je,
+              onPageChange: Ke,
+              onSampleClick: $e
+            })]
+          })
+        })
+      }), /* @__PURE__ */ h(nt, {
+        open: ve && s !== "modified",
+        onCancel: () => Z(!1),
+        item: V,
+        changeType: s,
+        isOcrDetection: re,
+        datasetId: c,
+        baseVersionId: f,
+        targetVersionId: u,
+        labelColorMap: e == null ? void 0 : e.labelColorMap,
+        canPrev: ee,
+        canNext: te,
+        switching: w,
+        onPrev: Re,
+        onNext: ke,
+        onImageReadyChange: fe,
+        cvforceDatahub: d,
+        useMock: k
+      }), /* @__PURE__ */ h(lt, {
+        open: Te && s === "modified",
+        onCancel: () => J(!1),
+        item: V,
+        isOcrDetection: re,
+        datasetId: c,
+        baseVersionId: f,
+        baseVersionNo: x,
+        targetVersionId: u,
+        targetVersionNo: y,
+        labelColorMap: e == null ? void 0 : e.labelColorMap,
+        canPrev: ee,
+        canNext: te,
+        switching: w,
+        onPrev: Re,
+        onNext: ke,
+        onImageReadyChange: fe,
+        cvforceDatahub: d,
+        useMock: k
+      }), /* @__PURE__ */ h(st, {
+        open: He,
+        datasetId: c,
+        datasetName: we,
+        initialBaseVersionId: f,
+        initialTargetVersionId: u,
+        versions: ze,
+        cvforceDatahub: d,
+        useMock: k,
+        onCancel: () => pe(!1),
+        onConfirm: Ge
+      })]
+    })
+  });
+};
+export {
+  zt as adaptVersionCompareSampleItem,
+  Lt as adaptVersionCompareSamples,
+  Bt as adaptVersionCompareSummary,
+  yt as default,
+  ut as fetchVersionCompareSamplesWithAdapter,
+  ft as fetchVersionCompareSummaryWithAdapter,
+  qt as formatCompareTimestamp
+};