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

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

@@ -0,0 +1,160 @@
+import { jsxs as c, jsx as a, Fragment as j } from "react/jsx-runtime";
+import { Tabs as q, Spin as x, Tooltip as E, Pagination as O } from "antd";
+import V from "classnames";
+import A from "../../Thumbnail/index.mjs";
+import F from "../../DetectionStatus/index.mjs";
+import I from "../../DataEmpty/index.mjs";
+const J = (i) => {
+  var o;
+  if (!((o = i == null ? void 0 : i.labels) != null && o.length))
+    return [];
+  const t = /* @__PURE__ */ new Set();
+  return i.labels.forEach((r) => {
+    var s;
+    const l = (s = r == null ? void 0 : r.label) == null ? void 0 : s.trim();
+    l && t.add(l);
+  }), Array.from(t);
+}, W = (i) => {
+  var b, p, N, g;
+  const {
+    baseVersionNo: t,
+    targetVersionNo: o,
+    isOcrDetection: r,
+    changeStats: l,
+    activeTab: s,
+    items: v,
+    total: T,
+    pageNo: u,
+    pageSize: f,
+    loading: $ = !1,
+    imgProxy: D,
+    onTabChange: U,
+    onPageChange: z,
+    onSampleClick: h
+  } = i, L = [{
+    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__ */ c("div", {
+    className: "vc-card vc-sample-details-card",
+    children: [/* @__PURE__ */ c("div", {
+      children: [/* @__PURE__ */ c("div", {
+        className: "vc-card-header",
+        children: [/* @__PURE__ */ a("h3", {
+          className: "vc-card-title",
+          children: "数据变更详情"
+        }), /* @__PURE__ */ c("span", {
+          className: "vc-card-subtitle",
+          children: ["（", t || "-", " → ", o || "-", "）"]
+        })]
+      }), /* @__PURE__ */ a(q, {
+        className: "vc-sample-tabs",
+        activeKey: s,
+        onChange: (n) => {
+          n !== s && U(n);
+        },
+        items: L.map((n) => ({
+          key: n.key,
+          label: `${n.label} (${n.count})`
+        }))
+      })]
+    }), /* @__PURE__ */ a(x, {
+      spinning: $,
+      children: v.length > 0 ? /* @__PURE__ */ c(j, {
+        children: [/* @__PURE__ */ a("div", {
+          className: "vc-sample-grid",
+          children: v.map((n, d) => {
+            var y, k;
+            const e = n.sample, P = (u - 1) * f + d + 1, m = r ? [] : J(e), C = ((k = (y = e == null ? void 0 : e.labels) == null ? void 0 : y[0]) == null ? void 0 : k.label) || m[0] || "", w = m.length >= 2 ? `+${m.length - 1}` : null;
+            return /* @__PURE__ */ c("div", {
+              className: "vc-sample-card",
+              "data-sample-id": (e == null ? void 0 : e.id) || n.fileKey || String(d),
+              onClick: () => h == null ? void 0 : h(n, d),
+              children: [/* @__PURE__ */ a("div", {
+                className: "vc-detection-status-wrapper",
+                children: /* @__PURE__ */ a(F, {
+                  sample: e
+                })
+              }), /* @__PURE__ */ a("div", {
+                className: "vc-sample-card-img",
+                children: /* @__PURE__ */ a(A, {
+                  fileKey: (e == null ? void 0 : e.fileKey) || n.fileKey,
+                  width: 124,
+                  thumbnailUrl: (e == null ? void 0 : e.thumbnailUrl) || (e == null ? void 0 : e.fileUrl),
+                  imgProxy: D
+                })
+              }), /* @__PURE__ */ c("div", {
+                className: V("vc-sample-card-footer", {
+                  "is-ocr": r
+                }),
+                children: [!r && /* @__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__ */ c("div", {
+                      style: {
+                        width: "100%",
+                        display: "flex",
+                        alignItems: "center"
+                      },
+                      children: [/* @__PURE__ */ a("span", {
+                        className: "vc-sample-first-label",
+                        children: C
+                      }), w && /* @__PURE__ */ a("span", {
+                        className: "vc-sample-more-count",
+                        children: w
+                      })]
+                    })
+                  }) : /* @__PURE__ */ a("span", {
+                    className: "vc-sample-no-label",
+                    children: "无标签"
+                  })
+                }), /* @__PURE__ */ a("div", {
+                  className: "vc-sample-serial",
+                  children: P
+                })]
+              })]
+            }, `${n.changeType}-${n.fileKey || (e == null ? void 0 : e.id) || d}`);
+          })
+        }), /* @__PURE__ */ a("div", {
+          className: "vc-sample-pagination",
+          children: /* @__PURE__ */ a(O, {
+            current: u,
+            pageSize: f,
+            total: T,
+            showQuickJumper: !0,
+            showSizeChanger: !0,
+            pageSizeOptions: ["10", "20", "50", "100"],
+            onChange: z
+          })
+        })]
+      }) : /* @__PURE__ */ a("div", {
+        className: "vc-sample-empty-wrapper",
+        children: /* @__PURE__ */ a(I, {
+          description: "当前分类下暂无图片数据"
+        })
+      })
+    })]
+  });
+};
+export {
+  W 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,106 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Button as r } from "antd";
+import { ArrowLeftOutlined as n, ArrowRightOutlined as t } from "@ant-design/icons";
+const b = (l) => {
+  const {
+    datasetName: i,
+    baseVersionNo: d,
+    targetVersionNo: m,
+    formattedCompareTime: o,
+    showBreadcrumb: s = !0,
+    onBack: c,
+    onReselect: v
+  } = l;
+  return /* @__PURE__ */ a("div", {
+    className: "vc-top-bar-wrapper",
+    children: [s && /* @__PURE__ */ e("div", {
+      className: "vc-breadcrumb-bar",
+      children: /* @__PURE__ */ a("div", {
+        className: "vc-breadcrumb-left",
+        children: [/* @__PURE__ */ e(r, {
+          type: "link",
+          className: "vc-back-btn",
+          "aria-label": "返回",
+          icon: /* @__PURE__ */ e(n, {}),
+          onClick: c
+        }), /* @__PURE__ */ a("nav", {
+          className: "vc-breadcrumb-nav",
+          "aria-label": "面包屑",
+          children: [/* @__PURE__ */ e("span", {
+            className: "vc-breadcrumb-link",
+            onClick: c,
+            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: [!s && /* @__PURE__ */ e(r, {
+            type: "link",
+            className: "vc-inline-back-btn",
+            "aria-label": "返回",
+            icon: /* @__PURE__ */ e(n, {}),
+            onClick: c
+          }), /* @__PURE__ */ e("span", {
+            className: "vc-dataset-name",
+            children: i || "-"
+          })]
+        }), /* @__PURE__ */ a("div", {
+          className: "vc-header-meta",
+          children: [/* @__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(t, {})
+              }), /* @__PURE__ */ a("span", {
+                className: "vc-version-tag",
+                children: [/* @__PURE__ */ e("span", {
+                  className: "vc-version-no",
+                  children: m || "-"
+                }), /* @__PURE__ */ e("span", {
+                  className: "vc-version-role",
+                  children: "（目标版本）"
+                })]
+              })]
+            })]
+          }), /* @__PURE__ */ a("span", {
+            className: "vc-compare-time",
+            children: ["对比时间：", o || "-"]
+          })]
+        })]
+      }), /* @__PURE__ */ e(r, {
+        className: "vc-reselect-btn",
+        onClick: v,
+        children: "重新选择"
+      })]
+    })]
+  });
+};
+export {
+  b 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
+};