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

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

@@ -0,0 +1,167 @@
+import { jsxs as r, jsx as a, Fragment as q } from "react/jsx-runtime";
+import { Spin as x, Tooltip as E, Pagination as O } from "antd";
+import T from "classnames";
+import V from "../../Thumbnail/index.mjs";
+import A from "../../DetectionStatus/index.mjs";
+import F from "../../DataEmpty/index.mjs";
+const I = (s) => {
+  var d;
+  if (!((d = s == null ? void 0 : s.labels) != null && d.length))
+    return [];
+  const o = /* @__PURE__ */ new Set();
+  return s.labels.forEach((n) => {
+    var t;
+    const l = (t = n == null ? void 0 : n.label) == null ? void 0 : t.trim();
+    l && o.add(l);
+  }), Array.from(o);
+}, R = (s) => {
+  var b, p, N, g;
+  const {
+    baseVersionNo: o,
+    targetVersionNo: d,
+    isOcrDetection: n,
+    changeStats: l,
+    activeTab: t,
+    items: v,
+    total: D,
+    pageNo: u,
+    pageSize: f,
+    loading: U = !1,
+    imgProxy: z,
+    onTabChange: L,
+    onPageChange: P,
+    onSampleClick: h
+  } = s, $ = [{
+    key: "added",
+    label: "新增",
+    count: (b = l == null ? void 0 : l.addedCount) != null ? b : 0
+  }, {
+    key: "deleted",
+    label: "删除",
+    count: (p = l == null ? void 0 : l.deletedCount) != null ? p : 0
+  }, {
+    key: "modified",
+    label: "修改",
+    count: (N = l == null ? void 0 : l.modifiedCount) != null ? N : 0
+  }, {
+    key: "unchanged",
+    label: "无变动",
+    count: (g = l == null ? void 0 : l.unchangedCount) != null ? g : 0
+  }];
+  return /* @__PURE__ */ r("div", {
+    className: "vc-card vc-sample-details-card",
+    children: [/* @__PURE__ */ r("div", {
+      children: [/* @__PURE__ */ r("div", {
+        className: "vc-card-header",
+        children: [/* @__PURE__ */ a("h3", {
+          className: "vc-card-title",
+          children: "数据变更详情"
+        }), /* @__PURE__ */ r("span", {
+          className: "vc-card-subtitle",
+          children: ["（", o || "-", " → ", d || "-", "）"]
+        })]
+      }), /* @__PURE__ */ a("div", {
+        className: "vc-sample-tabs-bar",
+        role: "tablist",
+        children: $.map((c) => {
+          const i = t === c.key;
+          return /* @__PURE__ */ r("div", {
+            role: "tab",
+            "aria-selected": i,
+            className: T("vc-sample-tab-item", {
+              "is-active": i
+            }),
+            onClick: () => {
+              c.key !== t && L(c.key);
+            },
+            children: [c.label, " (", c.count, ")"]
+          }, c.key);
+        })
+      })]
+    }), /* @__PURE__ */ a(x, {
+      spinning: U,
+      children: v.length > 0 ? /* @__PURE__ */ r(q, {
+        children: [/* @__PURE__ */ a("div", {
+          className: "vc-sample-grid",
+          children: v.map((c, i) => {
+            var y, w;
+            const e = c.sample, j = (u - 1) * f + i + 1, m = n ? [] : I(e), C = ((w = (y = e == null ? void 0 : e.labels) == null ? void 0 : y[0]) == null ? void 0 : w.label) || m[0] || "", k = m.length >= 2 ? `+${m.length - 1}` : null;
+            return /* @__PURE__ */ r("div", {
+              className: "vc-sample-card",
+              "data-sample-id": (e == null ? void 0 : e.id) || c.fileKey || String(i),
+              onClick: () => h == null ? void 0 : h(c, i),
+              children: [/* @__PURE__ */ a("div", {
+                className: "vc-detection-status-wrapper",
+                children: /* @__PURE__ */ a(A, {
+                  sample: e
+                })
+              }), /* @__PURE__ */ a("div", {
+                className: "vc-sample-card-img",
+                children: /* @__PURE__ */ a(V, {
+                  fileKey: (e == null ? void 0 : e.fileKey) || c.fileKey,
+                  width: 124,
+                  thumbnailUrl: (e == null ? void 0 : e.thumbnailUrl) || (e == null ? void 0 : e.fileUrl),
+                  imgProxy: z
+                })
+              }), /* @__PURE__ */ r("div", {
+                className: T("vc-sample-card-footer", {
+                  "is-ocr": n
+                }),
+                children: [!n && /* @__PURE__ */ a("div", {
+                  className: "vc-sample-label-info",
+                  children: C ? /* @__PURE__ */ a(E, {
+                    placement: "top",
+                    title: /* @__PURE__ */ a("div", {
+                      children: m.map((K) => /* @__PURE__ */ a("div", {
+                        children: K
+                      }, K))
+                    }),
+                    children: /* @__PURE__ */ r("div", {
+                      style: {
+                        width: "100%",
+                        display: "flex",
+                        alignItems: "center"
+                      },
+                      children: [/* @__PURE__ */ a("span", {
+                        className: "vc-sample-first-label",
+                        children: C
+                      }), k && /* @__PURE__ */ a("span", {
+                        className: "vc-sample-more-count",
+                        children: k
+                      })]
+                    })
+                  }) : /* @__PURE__ */ a("span", {
+                    className: "vc-sample-no-label",
+                    children: "无标签"
+                  })
+                }), /* @__PURE__ */ a("div", {
+                  className: "vc-sample-serial",
+                  children: j
+                })]
+              })]
+            }, `${c.changeType}-${c.fileKey || (e == null ? void 0 : e.id) || i}`);
+          })
+        }), /* @__PURE__ */ a("div", {
+          className: "vc-sample-pagination",
+          children: /* @__PURE__ */ a(O, {
+            current: u,
+            pageSize: f,
+            total: D,
+            showQuickJumper: !0,
+            showSizeChanger: !0,
+            pageSizeOptions: ["10", "20", "50", "100"],
+            onChange: P
+          })
+        })]
+      }) : /* @__PURE__ */ a("div", {
+        className: "vc-sample-empty-wrapper",
+        children: /* @__PURE__ */ a(F, {
+          description: "当前分类下暂无图片数据"
+        })
+      })
+    })]
+  });
+};
+export {
+  R as default
+};

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

@@ -0,0 +1,165 @@
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useState as w, useRef as R, useEffect as U, useMemo as P } from "react";
+import { Modal as T, Tag as D, Button as q, Spin as y } from "antd";
+import { useKeyPress as _ } from "ahooks";
+import $ from "../../Iconfont/index.mjs";
+import ee from "../../DetectionStatus/index.mjs";
+import le from "../../DetectionAnnotation/components/LabelMaker/index.mjs";
+import se from "../../OCRImageViewer/index.mjs";
+import { injectSampleLabelColors as G } from "../utils/labelColors.mjs";
+const H = {
+  added: {
+    text: "新增",
+    className: "is-added"
+  },
+  deleted: {
+    text: "删除",
+    className: "is-deleted"
+  },
+  modified: {
+    text: "修改",
+    className: "is-modified"
+  },
+  unchanged: {
+    text: "无变动",
+    className: "is-unchanged"
+  }
+}, ve = ({
+  open: t,
+  onCancel: K,
+  item: l,
+  changeType: o,
+  isOcrDetection: b,
+  datasetId: g,
+  baseVersionId: Y,
+  targetVersionId: J,
+  labelColorMap: h,
+  canPrev: ae,
+  canNext: te,
+  switching: E = !1,
+  onPrev: M,
+  onNext: S,
+  onImageReadyChange: m,
+  cvforceDatahub: n,
+  useMock: V = !1
+}) => {
+  var I, k, z;
+  const [u, j] = w(null), [A, f] = w(!1), [O, i] = w(), x = R(0);
+  U(() => {
+    t || i(void 0);
+  }, [t]);
+  const r = P(() => {
+    if (l)
+      return o === "deleted" && l.baseSample || l.sample;
+  }, [l, o]), L = o === "deleted" ? Y : J;
+  U(() => {
+    if (j(null), !t || !r) {
+      f(!1);
+      return;
+    }
+    const v = !!r.fileUrl, N = Array.isArray(r.labels);
+    if (V || !(n != null && n.getDatasetsIdVersionsVidSsamplesSid) || !g || !L || !r.id || v && N) {
+      f(!1);
+      return;
+    }
+    const p = ++x.current;
+    f(!0), n.getDatasetsIdVersionsVidSsamplesSid(g, L, r.id).then((Z) => {
+      p === x.current && j(Z);
+    }).catch(() => {
+    }).finally(() => {
+      p === x.current && f(!1);
+    });
+  }, [t, r, V, n, g, L]);
+  const e = u || r, Q = P(() => {
+    var v, N;
+    return u ? G(u, h) : o === "deleted" && ((v = l == null ? void 0 : l.baseColorLabels) != null && v.length) ? l.baseColorLabels : (N = l == null ? void 0 : l.targetColorLabels) != null && N.length ? l.targetColorLabels : G(e, h);
+  }, [u, l, o, e, h]), B = H[o] || H.added, C = (l == null ? void 0 : l.displayFileName) || ((I = e == null ? void 0 : e.sampleFileName) == null ? void 0 : I.name) || (e == null ? void 0 : e.fileName) || "-", a = (e == null ? void 0 : e.fileUrl) || (e == null ? void 0 : e.thumbnailUrl) || "", W = (z = (k = e == null ? void 0 : e.labels) == null ? void 0 : k.length) != null ? z : 0, F = !!a && O !== a, d = E || A || F, X = E || A || b && F;
+  return U(() => {
+    m == null || m(t && !d && !!a);
+  }, [t, d, a, m]), _("leftarrow", () => {
+    !t || d || M();
+  }), _("rightarrow", () => {
+    !t || d || S();
+  }), /* @__PURE__ */ s(T, {
+    open: t,
+    onCancel: K,
+    footer: null,
+    centered: !0,
+    width: 1151,
+    destroyOnClose: !0,
+    wrapClassName: "vc-single-detail-modal-wrap",
+    className: "vc-single-detail-modal",
+    title: /* @__PURE__ */ c("div", {
+      className: "vc-detail-modal-header",
+      children: [/* @__PURE__ */ c("div", {
+        className: "vc-detail-modal-header-left",
+        children: [/* @__PURE__ */ s("span", {
+          className: "vc-detail-modal-title",
+          children: "图片详情"
+        }), /* @__PURE__ */ s(D, {
+          className: `vc-detail-change-tag ${B.className}`,
+          children: B.text
+        })]
+      }), /* @__PURE__ */ s("span", {
+        className: "vc-detail-modal-filename",
+        title: C,
+        children: C
+      })]
+    }),
+    children: /* @__PURE__ */ c("div", {
+      className: "vc-single-detail-body",
+      children: [/* @__PURE__ */ s(q, {
+        className: "vc-detail-nav-btn select-prev",
+        icon: /* @__PURE__ */ s($, {
+          type: "icon-zuojiantou"
+        }),
+        type: "text",
+        disabled: d,
+        onClick: M
+      }), /* @__PURE__ */ c("div", {
+        className: "vc-single-detail-center",
+        children: [/* @__PURE__ */ s("div", {
+          className: "vc-ocr-box-count-bar",
+          children: b ? `标注框数量：${W}` : null
+        }), /* @__PURE__ */ c("div", {
+          className: "vc-single-detail-canvas",
+          children: [e && /* @__PURE__ */ s("div", {
+            className: "vc-modal-detection-status",
+            children: /* @__PURE__ */ s(ee, {
+              sample: e
+            })
+          }), e && (b ? /* @__PURE__ */ s(se, {
+            zoomMin: 0.1,
+            zoomMax: 10,
+            zoomStep: 0.1,
+            url: a,
+            labels: e.labels || [],
+            onImageLoad: () => i(a),
+            onImageError: () => i(a)
+          }, "vc-single-ocr") : /* @__PURE__ */ s(le, {
+            disabled: !0,
+            isPreLabel: !0,
+            imageUrl: a,
+            labels: Q,
+            onImageLoad: () => i(a),
+            onImageError: () => i(a)
+          }, "vc-single-det")), X && /* @__PURE__ */ s("div", {
+            className: "vc-detail-loading-mask",
+            children: /* @__PURE__ */ s(y, {})
+          })]
+        })]
+      }), /* @__PURE__ */ s(q, {
+        className: "vc-detail-nav-btn select-next",
+        icon: /* @__PURE__ */ s($, {
+          type: "icon-youjiantou"
+        }),
+        type: "text",
+        disabled: d,
+        onClick: S
+      })]
+    })
+  });
+};
+export {
+  ve as default
+};

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

@@ -0,0 +1,114 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Tooltip as v, Button as b } from "antd";
+import { ArrowLeftOutlined as l, ArrowRightOutlined as h } from "@ant-design/icons";
+const f = (i) => {
+  const {
+    datasetName: s,
+    baseVersionNo: d,
+    targetVersionNo: o,
+    formattedCompareTime: t,
+    showBreadcrumb: n = !0,
+    onBack: r,
+    onReselect: m
+  } = i;
+  return /* @__PURE__ */ a("div", {
+    className: "vc-top-bar-wrapper",
+    children: [n && /* @__PURE__ */ e("div", {
+      className: "vc-breadcrumb-bar",
+      children: /* @__PURE__ */ a("div", {
+        className: "vc-breadcrumb-left",
+        children: [/* @__PURE__ */ e("span", {
+          className: "vc-back-btn",
+          role: "button",
+          tabIndex: 0,
+          "aria-label": "返回",
+          onClick: r,
+          onKeyDown: (c) => {
+            (c.key === "Enter" || c.key === " ") && (r == null || r());
+          },
+          children: /* @__PURE__ */ e(l, {})
+        }), /* @__PURE__ */ a("nav", {
+          className: "vc-breadcrumb-nav",
+          "aria-label": "面包屑",
+          children: [/* @__PURE__ */ e("span", {
+            className: "vc-breadcrumb-link",
+            onClick: r,
+            children: "数据集管理"
+          }), /* @__PURE__ */ e("span", {
+            className: "vc-breadcrumb-sep",
+            children: "/"
+          }), /* @__PURE__ */ e("span", {
+            className: "vc-breadcrumb-current",
+            children: "版本对比"
+          })]
+        })]
+      })
+    }), /* @__PURE__ */ a("div", {
+      className: "vc-header-bar",
+      children: [/* @__PURE__ */ a("div", {
+        className: "vc-header-left",
+        children: [/* @__PURE__ */ a("div", {
+          className: "vc-dataset-title-group",
+          children: [!n && /* @__PURE__ */ e("span", {
+            className: "vc-inline-back-btn",
+            role: "button",
+            tabIndex: 0,
+            "aria-label": "返回",
+            onClick: r,
+            onKeyDown: (c) => {
+              (c.key === "Enter" || c.key === " ") && (r == null || r());
+            },
+            children: /* @__PURE__ */ e(l, {})
+          }), /* @__PURE__ */ e(v, {
+            title: s,
+            children: /* @__PURE__ */ e("span", {
+              className: "vc-dataset-name",
+              children: s || "-"
+            })
+          })]
+        }), /* @__PURE__ */ a("div", {
+          className: "vc-version-direction",
+          children: [/* @__PURE__ */ e("span", {
+            className: "vc-version-label",
+            children: "对比版本："
+          }), /* @__PURE__ */ a("div", {
+            className: "vc-version-pair",
+            children: [/* @__PURE__ */ a("span", {
+              className: "vc-version-tag",
+              children: [/* @__PURE__ */ e("span", {
+                className: "vc-version-no",
+                children: d || "-"
+              }), /* @__PURE__ */ e("span", {
+                className: "vc-version-role",
+                children: "（基准版本）"
+              })]
+            }), /* @__PURE__ */ e("span", {
+              className: "vc-version-arrow",
+              "aria-label": "对比方向",
+              children: /* @__PURE__ */ e(h, {})
+            }), /* @__PURE__ */ a("span", {
+              className: "vc-version-tag",
+              children: [/* @__PURE__ */ e("span", {
+                className: "vc-version-no",
+                children: o || "-"
+              }), /* @__PURE__ */ e("span", {
+                className: "vc-version-role",
+                children: "（目标版本）"
+              })]
+            })]
+          })]
+        }), /* @__PURE__ */ a("span", {
+          className: "vc-compare-time",
+          children: ["对比时间：", t || "-"]
+        })]
+      }), /* @__PURE__ */ e(b, {
+        className: "vc-reselect-btn",
+        onClick: m,
+        children: "重新选择"
+      })]
+    })]
+  });
+};
+export {
+  f as default
+};

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

@@ -0,0 +1,70 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import n from "./DiffValue.mjs";
+const h = (r) => {
+  const {
+    baseVersionNo: s,
+    targetVersionNo: i,
+    rows: l
+  } = r;
+  return /* @__PURE__ */ a("div", {
+    className: "vc-card vc-overview-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__ */ e("thead", {
+          children: /* @__PURE__ */ a("tr", {
+            children: [/* @__PURE__ */ e("th", {
+              children: "指标"
+            }), /* @__PURE__ */ e("th", {
+              children: /* @__PURE__ */ a("span", {
+                className: "vc-th-version-title",
+                children: [/* @__PURE__ */ e("span", {
+                  className: "vc-th-version-no",
+                  children: s || "-"
+                }), /* @__PURE__ */ e("span", {
+                  className: "vc-th-version-desc",
+                  children: "（基准版本）"
+                })]
+              })
+            }), /* @__PURE__ */ e("th", {
+              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("tbody", {
+          children: l.map((c) => /* @__PURE__ */ a("tr", {
+            children: [/* @__PURE__ */ e("td", {
+              children: c.metricLabel
+            }), /* @__PURE__ */ e("td", {
+              children: c.baseValue
+            }), /* @__PURE__ */ e("td", {
+              children: /* @__PURE__ */ e(n, {
+                value: c.targetValue,
+                diff: c.diff,
+                gap: 8
+              })
+            })]
+          }, c.key))
+        })]
+      })
+    })]
+  });
+};
+export {
+  h as default
+};