@glodon-aiot/dataset-annotation 3.25.1-alpha.3 → 3.25.1-alpha.5

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

@@ -0,0 +1,215 @@
+var h = (e, o, t) => new Promise((s, i) => {
+  var u = (a) => {
+    try {
+      r(t.next(a));
+    } catch (l) {
+      i(l);
+    }
+  }, c = (a) => {
+    try {
+      r(t.throw(a));
+    } catch (l) {
+      i(l);
+    }
+  }, r = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(u, c);
+  r((t = t.apply(e, o)).next());
+});
+import U from "../../node_modules/dayjs/dayjs.min.mjs";
+import { buildCompareLabelColorMap as $, injectSampleLabelColors as X } from "./utils/labelColors.mjs";
+import { getMockVersionCompareSummary as Z, getMockVersionCompareSamples as _ } from "./mock.mjs";
+import { tagColors as g } from "../../utils/index.mjs";
+const ee = (e) => {
+  if (!e)
+    return "-";
+  if (typeof e == "string") {
+    const t = U(e);
+    return t.isValid() ? t.format("YYYY-MM-DD HH:mm:ss") : e;
+  }
+  const o = e < 1e12 ? e * 1e3 : e;
+  return U(o).format("YYYY-MM-DD HH:mm:ss");
+}, k = (e, o = []) => {
+  var b, n, m, p, f, V, d, S, I, N, T, x, D, M, v, B, L, Y, z, E, R, H, O, A, F;
+  const t = (n = (b = e == null ? void 0 : e.overview) == null ? void 0 : b.baseVersion) != null ? n : {
+    totalSampleCount: 0,
+    labeledSampleCount: 0,
+    totalBoxCount: 0
+  }, s = (p = (m = e == null ? void 0 : e.overview) == null ? void 0 : m.targetVersion) != null ? p : {
+    totalSampleCount: 0,
+    labeledSampleCount: 0,
+    totalBoxCount: 0
+  }, i = [{
+    key: "totalSampleCount",
+    metricLabel: "数据总量",
+    baseValue: (f = t.totalSampleCount) != null ? f : 0,
+    targetValue: (V = s.totalSampleCount) != null ? V : 0,
+    diff: ((d = s.totalSampleCount) != null ? d : 0) - ((S = t.totalSampleCount) != null ? S : 0)
+  }, {
+    key: "labeledSampleCount",
+    metricLabel: "已标注数据量",
+    baseValue: (I = t.labeledSampleCount) != null ? I : 0,
+    targetValue: (N = s.labeledSampleCount) != null ? N : 0,
+    diff: ((T = s.labeledSampleCount) != null ? T : 0) - ((x = t.labeledSampleCount) != null ? x : 0)
+  }, {
+    key: "totalBoxCount",
+    metricLabel: "标注框总数",
+    baseValue: (D = t.totalBoxCount) != null ? D : 0,
+    targetValue: (M = s.totalBoxCount) != null ? M : 0,
+    diff: ((v = s.totalBoxCount) != null ? v : 0) - ((B = t.totalBoxCount) != null ? B : 0)
+  }], u = (L = e == null ? void 0 : e.labelComparisons) != null ? L : [], c = [...u.map((C) => C.label), ...o], r = $(c), a = u.map((C, w) => {
+    var q, G, J, Q;
+    const K = (q = C.baseBoxCount) != null ? q : 0, j = (G = C.baseSampleCount) != null ? G : 0, P = (J = C.targetBoxCount) != null ? J : 0, W = (Q = C.targetSampleCount) != null ? Q : 0;
+    return {
+      label: C.label,
+      color: r.get(C.label) || g[w % g.length],
+      baseBoxCount: K,
+      baseSampleCount: j,
+      targetBoxCount: P,
+      targetSampleCount: W,
+      boxDiff: P - K,
+      sampleDiff: W - j
+    };
+  }), l = (e == null ? void 0 : e.markType) === "ocr" && (!(e != null && e.ocrMarkTmpl) || e.ocrMarkTmpl === "DetectionOCR");
+  return {
+    datasetId: e.datasetId,
+    datasetName: e.datasetName || "",
+    markType: e.markType || "detection",
+    ocrMarkTmpl: e.ocrMarkTmpl,
+    isOcrDetection: l,
+    baseVersionId: e.baseVersionId,
+    baseVersionNo: e.baseVersionNo || e.baseVersionId,
+    targetVersionId: e.targetVersionId,
+    targetVersionNo: e.targetVersionNo || e.targetVersionId,
+    compareTime: e.compareTime,
+    formattedCompareTime: ee(e.compareTime),
+    overview: {
+      baseVersion: t,
+      targetVersion: s
+    },
+    overviewRows: i,
+    changeStats: {
+      addedCount: (z = (Y = e == null ? void 0 : e.changeStats) == null ? void 0 : Y.addedCount) != null ? z : 0,
+      deletedCount: (R = (E = e == null ? void 0 : e.changeStats) == null ? void 0 : E.deletedCount) != null ? R : 0,
+      modifiedCount: (O = (H = e == null ? void 0 : e.changeStats) == null ? void 0 : H.modifiedCount) != null ? O : 0,
+      unchangedCount: (F = (A = e == null ? void 0 : e.changeStats) == null ? void 0 : A.unchangedCount) != null ? F : 0
+    },
+    labelComparisons: a,
+    labelColorMap: r,
+    taskId: e.taskId,
+    taskStatus: e.taskStatus,
+    progress: e.progress
+  };
+}, te = (e, o) => {
+  var i, u, c, r, a, l, b, n, m, p;
+  const t = o != null ? o : $([], [e.sample, (i = e.baseSample) != null ? i : void 0]);
+  [e.baseSample, e.sample].forEach((f) => {
+    var V;
+    (V = f == null ? void 0 : f.labels) == null || V.forEach((d) => {
+      const S = (d.label || d.id || "").trim();
+      S && !t.has(S) && t.set(S, g[t.size % g.length]);
+    });
+  });
+  const s = ((c = (u = e.sample) == null ? void 0 : u.sampleFileName) == null ? void 0 : c.name) || ((r = e.sample) == null ? void 0 : r.fileName) || ((l = (a = e.sample) == null ? void 0 : a.metadata) == null ? void 0 : l.fileName) || ((n = (b = e.baseSample) == null ? void 0 : b.sampleFileName) == null ? void 0 : n.name) || ((m = e.baseSample) == null ? void 0 : m.fileName) || e.fileKey || "未命名图片";
+  return {
+    fileKey: e.fileKey,
+    changeType: e.changeType,
+    sample: e.sample,
+    baseSample: (p = e.baseSample) != null ? p : null,
+    displayFileName: s,
+    targetColorLabels: X(e.sample, t),
+    baseColorLabels: X(e.baseSample, t)
+  };
+}, y = (e, o) => {
+  var s, i, u, c, r, a;
+  const t = (i = (s = e == null ? void 0 : e.recordList) != null ? s : e == null ? void 0 : e.items) != null ? i : [];
+  return {
+    items: t.map((l) => te(l, o)),
+    total: (c = (u = e == null ? void 0 : e.totalResults) != null ? u : e == null ? void 0 : e.total) != null ? c : t.length,
+    pageNo: (r = e == null ? void 0 : e.pageNo) != null ? r : 1,
+    pageSize: (a = e == null ? void 0 : e.pageSize) != null ? a : 20
+  };
+}, re = (s, i, ...u) => h(void 0, [s, i, ...u], function* (e, o, t = {}) {
+  const {
+    cvforceDatahub: c,
+    useMock: r = !1,
+    fallbackToMockOnError: a = !1,
+    mockScene: l,
+    mockDatasetName: b
+  } = t;
+  if (r) {
+    const n = Z({
+      datasetId: e,
+      baseVersionId: o.baseVersionId,
+      targetVersionId: o.targetVersionId,
+      scene: l,
+      datasetName: b
+    });
+    return k(n);
+  }
+  if (!c)
+    throw new Error("版本对比缺少数据接口客户端");
+  try {
+    const n = yield c.getDatasetVersionCompareSummary(e, o);
+    return k(n);
+  } catch (n) {
+    if ((n == null ? void 0 : n.name) === "AbortError")
+      throw n;
+    if (a) {
+      const m = Z({
+        datasetId: e,
+        baseVersionId: o.baseVersionId,
+        targetVersionId: o.targetVersionId,
+        scene: l,
+        datasetName: b
+      });
+      return k(m);
+    }
+    throw n;
+  }
+}), me = (i, u, c, ...r) => h(void 0, [i, u, c, ...r], function* (e, o, t, s = {}) {
+  const {
+    cvforceDatahub: a,
+    useMock: l = !1,
+    fallbackToMockOnError: b = !1,
+    mockScene: n
+  } = s;
+  if (l) {
+    const m = _({
+      datasetId: e,
+      baseVersionId: o.baseVersionId,
+      targetVersionId: o.targetVersionId,
+      changeType: o.changeType,
+      pageNo: o.pageNo,
+      pageSize: o.pageSize,
+      scene: n
+    });
+    return y(m, t);
+  }
+  if (!a)
+    throw new Error("版本对比缺少数据接口客户端");
+  try {
+    const m = yield a.getDatasetVersionCompareSamples(e, o);
+    return y(m, t);
+  } catch (m) {
+    if (b) {
+      const p = _({
+        datasetId: e,
+        baseVersionId: o.baseVersionId,
+        targetVersionId: o.targetVersionId,
+        changeType: o.changeType,
+        pageNo: o.pageNo,
+        pageSize: o.pageSize,
+        scene: n
+      });
+      return y(p, t);
+    }
+    throw m;
+  }
+});
+export {
+  te as adaptVersionCompareSampleItem,
+  y as adaptVersionCompareSamples,
+  k as adaptVersionCompareSummary,
+  me as fetchVersionCompareSamplesWithAdapter,
+  re as fetchVersionCompareSummaryWithAdapter,
+  ee as formatCompareTimestamp
+};

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

@@ -0,0 +1,68 @@
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { Tooltip as m } from "antd";
+import { InfoCircleOutlined as u } from "@ant-design/icons";
+const b = (r) => {
+  var s, i, c, t;
+  const {
+    baseVersionNo: o,
+    targetVersionNo: v,
+    changeStats: e
+  } = r, n = [{
+    key: "added",
+    label: "新增图片数",
+    value: (s = e == null ? void 0 : e.addedCount) != null ? s : 0,
+    valueClassName: "is-added"
+  }, {
+    key: "deleted",
+    label: "删除图片数",
+    value: (i = e == null ? void 0 : e.deletedCount) != null ? i : 0,
+    valueClassName: "is-deleted"
+  }, {
+    key: "modified",
+    label: "修改图片数",
+    value: (c = e == null ? void 0 : e.modifiedCount) != null ? c : 0,
+    valueClassName: "is-modified"
+  }, {
+    key: "unchanged",
+    label: "无变动图片数",
+    value: (t = e == null ? void 0 : e.unchangedCount) != null ? t : 0,
+    valueClassName: "is-unchanged",
+    tooltip: "图片标注信息无变动"
+  }];
+  return /* @__PURE__ */ d("div", {
+    className: "vc-card vc-stats-card",
+    children: [/* @__PURE__ */ d("div", {
+      className: "vc-card-header",
+      children: [/* @__PURE__ */ l("h3", {
+        className: "vc-card-title",
+        children: "数据变动统计"
+      }), /* @__PURE__ */ d("span", {
+        className: "vc-card-subtitle",
+        children: ["（", o || "-", " → ", v || "-", "）"]
+      })]
+    }), /* @__PURE__ */ l("div", {
+      className: "vc-stats-grid",
+      children: n.map((a) => /* @__PURE__ */ d("div", {
+        className: "vc-stat-item-card",
+        children: [/* @__PURE__ */ d("div", {
+          className: "vc-stat-item-label",
+          children: [/* @__PURE__ */ l("span", {
+            children: a.label
+          }), a.tooltip && /* @__PURE__ */ l(m, {
+            title: a.tooltip,
+            children: /* @__PURE__ */ l(u, {
+              className: "vc-stat-info-icon",
+              "aria-label": "无变动说明"
+            })
+          })]
+        }), /* @__PURE__ */ l("div", {
+          className: `vc-stat-item-value ${a.valueClassName}`,
+          children: a.value
+        })]
+      }, a.key))
+    })]
+  });
+};
+export {
+  b as default
+};

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

@@ -0,0 +1,31 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import o from "classnames";
+const N = (d) => {
+  const {
+    value: a,
+    diff: i,
+    baseValue: f,
+    targetValue: e,
+    gap: l = 8,
+    className: n
+  } = d, c = a != null ? a : e, s = i !== void 0 ? i : e !== void 0 && f !== void 0 ? e - f : 0, r = s !== 0 && !Number.isNaN(s), m = s > 0 ? `+${s}` : `${s}`;
+  return /* @__PURE__ */ p("span", {
+    className: o("vc-diff-value-wrapper", n),
+    style: {
+      gap: l
+    },
+    children: [c !== void 0 && /* @__PURE__ */ t("span", {
+      className: "vc-diff-main-value",
+      children: c
+    }), r && /* @__PURE__ */ t("span", {
+      className: o("vc-diff-badge", {
+        "is-positive": s > 0,
+        "is-negative": s < 0
+      }),
+      children: m
+    })]
+  });
+};
+export {
+  N as default
+};

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

@@ -0,0 +1,130 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import r from "./DiffValue.mjs";
+const p = (d) => {
+  const {
+    markType: t,
+    ocrMarkTmpl: s,
+    isOcrDetection: c,
+    baseVersionNo: i,
+    targetVersionNo: h,
+    labelComparisons: n
+  } = d;
+  return (c != null ? c : t === "ocr" && (!s || s === "DetectionOCR")) || t !== "detection" ? null : /* @__PURE__ */ a("div", {
+    className: "vc-card vc-label-compare-card",
+    children: [/* @__PURE__ */ e("div", {
+      className: "vc-card-header",
+      children: /* @__PURE__ */ e("h3", {
+        className: "vc-card-title",
+        children: "标签明细对比"
+      })
+    }), /* @__PURE__ */ e("div", {
+      className: "vc-table-container",
+      children: /* @__PURE__ */ a("table", {
+        className: "vc-standard-table",
+        children: [/* @__PURE__ */ a("thead", {
+          children: [/* @__PURE__ */ a("tr", {
+            children: [/* @__PURE__ */ e("th", {
+              rowSpan: 2,
+              style: {
+                width: "20%"
+              },
+              children: "标签名称"
+            }), /* @__PURE__ */ e("th", {
+              colSpan: 2,
+              className: "vc-th-center",
+              style: {
+                width: "40%"
+              },
+              children: /* @__PURE__ */ a("span", {
+                className: "vc-th-version-title",
+                children: [/* @__PURE__ */ e("span", {
+                  className: "vc-th-version-no",
+                  children: i || "-"
+                }), /* @__PURE__ */ e("span", {
+                  className: "vc-th-version-desc",
+                  children: "（基准版本）"
+                })]
+              })
+            }), /* @__PURE__ */ e("th", {
+              colSpan: 2,
+              className: "vc-th-center",
+              style: {
+                width: "40%"
+              },
+              children: /* @__PURE__ */ a("span", {
+                className: "vc-th-version-title",
+                children: [/* @__PURE__ */ e("span", {
+                  className: "vc-th-version-no",
+                  children: h || "-"
+                }), /* @__PURE__ */ e("span", {
+                  className: "vc-th-version-desc",
+                  children: "（目标版本）"
+                })]
+              })
+            })]
+          }), /* @__PURE__ */ a("tr", {
+            children: [/* @__PURE__ */ e("th", {
+              className: "vc-th-sub",
+              style: {
+                width: "20%"
+              },
+              children: "标注框数"
+            }), /* @__PURE__ */ e("th", {
+              className: "vc-th-sub",
+              style: {
+                width: "20%"
+              },
+              children: "图片数"
+            }), /* @__PURE__ */ e("th", {
+              className: "vc-th-sub",
+              style: {
+                width: "20%"
+              },
+              children: "标注框数"
+            }), /* @__PURE__ */ e("th", {
+              className: "vc-th-sub",
+              style: {
+                width: "20%"
+              },
+              children: "图片数"
+            })]
+          })]
+        }), /* @__PURE__ */ e("tbody", {
+          children: n.length > 0 ? n.map((l) => /* @__PURE__ */ a("tr", {
+            children: [/* @__PURE__ */ e("td", {
+              children: l.label
+            }), /* @__PURE__ */ e("td", {
+              children: l.baseBoxCount
+            }), /* @__PURE__ */ e("td", {
+              children: l.baseSampleCount
+            }), /* @__PURE__ */ e("td", {
+              children: /* @__PURE__ */ e(r, {
+                value: l.targetBoxCount,
+                diff: l.boxDiff,
+                gap: 16
+              })
+            }), /* @__PURE__ */ e("td", {
+              children: /* @__PURE__ */ e(r, {
+                value: l.targetSampleCount,
+                diff: l.sampleDiff,
+                gap: 16
+              })
+            })]
+          }, l.label)) : /* @__PURE__ */ e("tr", {
+            children: /* @__PURE__ */ e("td", {
+              colSpan: 5,
+              style: {
+                textAlign: "center",
+                color: "rgba(0, 0, 0, 0.45)"
+              },
+              children: "暂无标签对比数据"
+            })
+          })
+        })]
+      })
+    })]
+  });
+};
+export {
+  p as default
+};

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

@@ -0,0 +1,207 @@
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import { useState as b, useRef as fl, useEffect as E, useMemo as y } from "react";
+import { Modal as hl, Tag as Nl, Button as w, Spin as D } from "antd";
+import { useKeyPress as T } from "ahooks";
+import S from "../../Iconfont/index.mjs";
+import ll from "../../DetectionStatus/index.mjs";
+import el from "../../DetectionAnnotation/components/LabelMaker/index.mjs";
+import sl from "../../OCRImageViewer/index.mjs";
+import { injectSampleLabelColors as I } from "../utils/labelColors.mjs";
+const El = ({
+  open: t,
+  onCancel: al,
+  item: e,
+  isOcrDetection: u,
+  datasetId: L,
+  baseVersionId: z,
+  baseVersionNo: nl,
+  targetVersionId: k,
+  targetVersionNo: ol,
+  labelColorMap: v,
+  canPrev: bl,
+  canNext: Ll,
+  switching: P = !1,
+  onPrev: M,
+  onNext: A,
+  onImageReadyChange: g,
+  cvforceDatahub: m,
+  useMock: V = !1
+}) => {
+  var J, Q, W, X, Y, Z;
+  const [U, q] = b(null), [x, B] = b(null), [j, F] = b(!1), [dl, h] = b(), [cl, N] = b(), C = fl(0);
+  E(() => {
+    t || (h(void 0), N(void 0));
+  }, [t]);
+  const n = (e == null ? void 0 : e.baseSample) || void 0, o = (e == null ? void 0 : e.sample) || void 0;
+  E(() => {
+    if (q(null), B(null), !t || !e) {
+      F(!1);
+      return;
+    }
+    const i = !V && !!(m != null && m.getDatasetsIdVersionsVidSsamplesSid) && !!L, _ = i && !!z && !!(n != null && n.id) && (!(n != null && n.fileUrl) || !Array.isArray(n == null ? void 0 : n.labels)), $ = i && !!k && !!(o != null && o.id) && (!(o != null && o.fileUrl) || !Array.isArray(o == null ? void 0 : o.labels));
+    if (!_ && !$) {
+      F(!1);
+      return;
+    }
+    const R = ++C.current;
+    F(!0), Promise.all([_ && (n != null && n.id) ? m.getDatasetsIdVersionsVidSsamplesSid(L, z, n.id).catch(() => null) : Promise.resolve(null), $ && (o != null && o.id) ? m.getDatasetsIdVersionsVidSsamplesSid(L, k, o.id).catch(() => null) : Promise.resolve(null)]).then(([p, O]) => {
+      R === C.current && (p && q(p), O && B(O));
+    }).finally(() => {
+      R === C.current && F(!1);
+    });
+  }, [t, e, n, o, V, m, L, z, k]);
+  const s = U || n, a = x || o, rl = y(() => {
+    var i;
+    return U ? I(U, v) : (i = e == null ? void 0 : e.baseColorLabels) != null && i.length ? e.baseColorLabels : I(s, v);
+  }, [U, e, s, v]), tl = y(() => {
+    var i;
+    return x ? I(x, v) : (i = e == null ? void 0 : e.targetColorLabels) != null && i.length ? e.targetColorLabels : I(a, v);
+  }, [x, e, a, v]), K = (e == null ? void 0 : e.displayFileName) || ((J = a == null ? void 0 : a.sampleFileName) == null ? void 0 : J.name) || (a == null ? void 0 : a.fileName) || ((Q = s == null ? void 0 : s.sampleFileName) == null ? void 0 : Q.name) || (s == null ? void 0 : s.fileName) || "-", c = (s == null ? void 0 : s.fileUrl) || (s == null ? void 0 : s.thumbnailUrl) || "", r = (a == null ? void 0 : a.fileUrl) || (a == null ? void 0 : a.thumbnailUrl) || "", il = (X = (W = s == null ? void 0 : s.labels) == null ? void 0 : W.length) != null ? X : 0, ul = (Z = (Y = a == null ? void 0 : a.labels) == null ? void 0 : Y.length) != null ? Z : 0, G = !!c && dl !== c, H = !!r && cl !== r, f = P || j || (G || H), vl = P || j || u && G, ml = P || j || u && H;
+  return E(() => {
+    g == null || g(t && !f && !!(c || r));
+  }, [t, f, c, r, g]), T("leftarrow", () => {
+    !t || f || M();
+  }), T("rightarrow", () => {
+    !t || f || A();
+  }), /* @__PURE__ */ l(hl, {
+    open: t,
+    onCancel: al,
+    footer: null,
+    centered: !0,
+    width: 1920,
+    destroyOnClose: !0,
+    wrapClassName: "vc-dual-detail-modal-wrap",
+    className: "vc-dual-detail-modal",
+    title: /* @__PURE__ */ d("div", {
+      className: "vc-detail-modal-header",
+      children: [/* @__PURE__ */ d("div", {
+        className: "vc-detail-modal-header-left",
+        children: [/* @__PURE__ */ l("span", {
+          className: "vc-detail-modal-title",
+          children: "图片详情"
+        }), /* @__PURE__ */ l(Nl, {
+          className: "vc-detail-change-tag is-modified",
+          children: "修改"
+        })]
+      }), /* @__PURE__ */ l("span", {
+        className: "vc-detail-modal-filename",
+        title: K,
+        children: K
+      })]
+    }),
+    children: /* @__PURE__ */ d("div", {
+      className: "vc-dual-detail-body",
+      children: [/* @__PURE__ */ l(w, {
+        className: "vc-detail-nav-btn select-prev",
+        icon: /* @__PURE__ */ l(S, {
+          type: "icon-zuojiantou"
+        }),
+        type: "text",
+        disabled: f,
+        onClick: M
+      }), /* @__PURE__ */ d("div", {
+        className: "vc-dual-detail-panels",
+        children: [/* @__PURE__ */ d("div", {
+          className: "vc-dual-version-panel",
+          children: [/* @__PURE__ */ d("div", {
+            className: "vc-dual-panel-header",
+            children: [/* @__PURE__ */ d("div", {
+              className: "vc-dual-panel-version-info",
+              children: [/* @__PURE__ */ l("span", {
+                className: "vc-dual-panel-version-no",
+                children: nl
+              }), /* @__PURE__ */ l("span", {
+                className: "vc-dual-panel-version-role",
+                children: "（基准版本）"
+              })]
+            }), u && /* @__PURE__ */ d("span", {
+              className: "vc-dual-panel-box-count",
+              children: ["标注框数量：", il]
+            })]
+          }), /* @__PURE__ */ d("div", {
+            className: "vc-dual-panel-canvas",
+            children: [s && /* @__PURE__ */ l("div", {
+              className: "vc-modal-detection-status",
+              children: /* @__PURE__ */ l(ll, {
+                sample: s
+              })
+            }), s && (u ? /* @__PURE__ */ l(sl, {
+              zoomMin: 0.1,
+              zoomMax: 10,
+              zoomStep: 0.1,
+              url: c,
+              labels: s.labels || [],
+              onImageLoad: () => h(c),
+              onImageError: () => h(c)
+            }, "vc-dual-ocr-base") : /* @__PURE__ */ l(el, {
+              disabled: !0,
+              isPreLabel: !0,
+              imageUrl: c,
+              labels: rl,
+              onImageLoad: () => h(c),
+              onImageError: () => h(c)
+            }, "vc-dual-det-base")), vl && /* @__PURE__ */ l("div", {
+              className: "vc-detail-loading-mask",
+              children: /* @__PURE__ */ l(D, {})
+            })]
+          })]
+        }), /* @__PURE__ */ d("div", {
+          className: "vc-dual-version-panel",
+          children: [/* @__PURE__ */ d("div", {
+            className: "vc-dual-panel-header",
+            children: [/* @__PURE__ */ d("div", {
+              className: "vc-dual-panel-version-info",
+              children: [/* @__PURE__ */ l("span", {
+                className: "vc-dual-panel-version-no",
+                children: ol
+              }), /* @__PURE__ */ l("span", {
+                className: "vc-dual-panel-version-role",
+                children: "（目标版本）"
+              })]
+            }), u && /* @__PURE__ */ d("span", {
+              className: "vc-dual-panel-box-count",
+              children: ["标注框数量：", ul]
+            })]
+          }), /* @__PURE__ */ d("div", {
+            className: "vc-dual-panel-canvas",
+            children: [a && /* @__PURE__ */ l("div", {
+              className: "vc-modal-detection-status",
+              children: /* @__PURE__ */ l(ll, {
+                sample: a
+              })
+            }), a && (u ? /* @__PURE__ */ l(sl, {
+              zoomMin: 0.1,
+              zoomMax: 10,
+              zoomStep: 0.1,
+              url: r,
+              labels: a.labels || [],
+              onImageLoad: () => N(r),
+              onImageError: () => N(r)
+            }, "vc-dual-ocr-target") : /* @__PURE__ */ l(el, {
+              disabled: !0,
+              isPreLabel: !0,
+              imageUrl: r,
+              labels: tl,
+              onImageLoad: () => N(r),
+              onImageError: () => N(r)
+            }, "vc-dual-det-target")), ml && /* @__PURE__ */ l("div", {
+              className: "vc-detail-loading-mask",
+              children: /* @__PURE__ */ l(D, {})
+            })]
+          })]
+        })]
+      }), /* @__PURE__ */ l(w, {
+        className: "vc-detail-nav-btn select-next",
+        icon: /* @__PURE__ */ l(S, {
+          type: "icon-youjiantou"
+        }),
+        type: "text",
+        disabled: f,
+        onClick: A
+      })]
+    })
+  });
+};
+export {
+  El as default
+};