@glodon-aiot/dataset-annotation 3.17.0-beta.6 → 3.18.0-alpha.10

package/dist/es/components/ClassificationAnnotation/components/ClassificationImageModal/index.mjs

@@ -0,0 +1,129 @@
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { useState as B } from "react";
+import { Modal as H, Tabs as O, Space as R, Button as o } from "antd";
+import { useKeyPress as y } from "ahooks";
+import T from "../../../ClassificationImageAnnotation/components/ClassificationImageDetail/index.mjs";
+import "./style.less.mjs";
+import q from "../../../DataEmpty/index.mjs";
+const X = (I) => {
+  const {
+    datasetId: u,
+    setIsImageDetailVisible: m,
+    isImageDetailVisible: f = !0,
+    currentSample: e,
+    onNextClick: a,
+    onPrevClick: t,
+    onSave: r,
+    onDeleteSample: h,
+    labels: w = [],
+    onRefresh: L,
+    onChange: v,
+    isPreLabel: C,
+    settingHide: D,
+    imgCount: N,
+    showLabelList: M = !0,
+    renderLabelItem: E,
+    onEnterEdit: g,
+    filterItems: b,
+    filterMode: j,
+    onFilterChange: n,
+    previewMode: s = !0,
+    canLabel: c = !1,
+    canDelete: p = !1
+  } = I, [l, K] = B(!1);
+  return y("rightarrow", () => {
+    s || a == null || a(e == null ? void 0 : e.confirmStatus);
+  }), y("leftarrow", () => {
+    s || t == null || t(e == null ? void 0 : e.confirmStatus);
+  }), /* @__PURE__ */ d(H, {
+    title: /* @__PURE__ */ i("div", {
+      className: "detection-sample-detail-title",
+      children: /* @__PURE__ */ i("span", {
+        children: s ? "详情" : "标注"
+      })
+    }),
+    width: "100%",
+    open: f,
+    onCancel: () => m(!1),
+    footer: null,
+    centered: !0,
+    wrapClassName: "detection-modal-wrap classification-modal-wrap",
+    className: "detection-modal classification-modal",
+    bodyStyle: {
+      padding: 0
+    },
+    destroyOnClose: !1,
+    children: [/* @__PURE__ */ i("div", {
+      className: "detail-tabs",
+      children: !s && b && /* @__PURE__ */ i(O, {
+        activeKey: j,
+        items: b,
+        onChange: (V) => n == null ? void 0 : n(V)
+      })
+    }), e ? /* @__PURE__ */ i(T, {
+      datasetId: u,
+      isImageDetailVisible: f,
+      setIsImageDetailVisible: m,
+      currentSample: e,
+      onNextClick: s ? () => a == null ? void 0 : a(e == null ? void 0 : e.confirmStatus) : void 0,
+      onPrevClick: s ? () => t == null ? void 0 : t(e == null ? void 0 : e.confirmStatus) : void 0,
+      labels: w,
+      onRefresh: L,
+      onChange: v,
+      isPreLabel: C,
+      settingHide: D,
+      imgCount: N,
+      readonly: s || !c,
+      showLabelList: s ? !1 : M,
+      renderLabelItem: E,
+      onLoadingChange: K
+    }) : /* @__PURE__ */ i(q, {}), e && /* @__PURE__ */ i("div", {
+      className: "detail-footer",
+      children: s ? /* @__PURE__ */ d(R, {
+        children: [g && c && /* @__PURE__ */ i("div", {
+          className: "detail-actions",
+          children: /* @__PURE__ */ i(o, {
+            type: "primary",
+            onClick: g,
+            children: "标注"
+          })
+        }), p && /* @__PURE__ */ i(o, {
+          danger: !0,
+          onClick: h,
+          children: "删除数据"
+        })]
+      }) : /* @__PURE__ */ d("div", {
+        className: "footer-bar",
+        children: [/* @__PURE__ */ i("div", {
+          className: "footer-left"
+        }), /* @__PURE__ */ d("div", {
+          className: "footer-center",
+          children: [/* @__PURE__ */ i(o, {
+            onClick: () => t == null ? void 0 : t(e == null ? void 0 : e.confirmStatus),
+            disabled: l,
+            children: "上一张"
+          }), /* @__PURE__ */ i(o, {
+            onClick: () => a == null ? void 0 : a(e == null ? void 0 : e.confirmStatus),
+            disabled: l,
+            children: "下一张"
+          })]
+        }), /* @__PURE__ */ d("div", {
+          className: "footer-right",
+          children: [c && /* @__PURE__ */ i(o, {
+            type: "primary",
+            onClick: () => r == null ? void 0 : r(),
+            disabled: l,
+            children: "保存标注"
+          }), p && /* @__PURE__ */ i(o, {
+            onClick: h,
+            disabled: l,
+            children: "删除数据"
+          })]
+        })]
+      })
+    })]
+  });
+};
+export {
+  X as default
+};

package/dist/es/components/ClassificationAnnotation/components/ClassificationImageModal/style.less.mjs

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

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

@@ -0,0 +1,559 @@
+var tt = Object.defineProperty, ot = Object.defineProperties;
+var lt = Object.getOwnPropertyDescriptors;
+var Ne = Object.getOwnPropertySymbols;
+var it = Object.prototype.hasOwnProperty, nt = Object.prototype.propertyIsEnumerable;
+var ke = (V, c, i) => c in V ? tt(V, c, { enumerable: !0, configurable: !0, writable: !0, value: i }) : V[c] = i, u = (V, c) => {
+  for (var i in c || (c = {}))
+    it.call(c, i) && ke(V, i, c[i]);
+  if (Ne)
+    for (var i of Ne(c))
+      nt.call(c, i) && ke(V, i, c[i]);
+  return V;
+}, h = (V, c) => ot(V, lt(c));
+import { jsx as n, jsxs as E } from "react/jsx-runtime";
+import { useRef as se, useState as a, useEffect as D } from "react";
+import { message as j, ConfigProvider as rt, Space as ce, Select as st, Button as Te, Tabs as ct, Col as at, Tooltip as dt, Empty as we, Spin as Ee, Modal as ft } from "antd";
+import ut from "rc-virtual-list";
+import { UploadZipsStatus as Y } from "@glodon-aiot/apis";
+import ht from "antd/es/locale/zh_CN";
+import mt from "../../DatasetContext/index.mjs";
+import bt from "../DetectionAnnotation/icon_item_empty.svg.mjs";
+import "./style.less.mjs";
+import { tagColors as Me } from "../../utils/index.mjs";
+import { useKeyPress as gt } from "ahooks";
+import { SearchOutlined as vt } from "@ant-design/icons";
+import pt from "../../Common/Page/index.mjs";
+import Ct from "../PageNav/index.mjs";
+import It from "../Thumbnail/index.mjs";
+import xt from "../CompositionInput/index.mjs";
+import St from "lodash/merge";
+import { DEFAULT_FILTER_SWITCH as yt } from "../../constant.mjs";
+import Lt from "../DetectionStatus/index.mjs";
+import Dt from "./components/ClassificationImageModal/index.mjs";
+import Vt from "../DetectionAnnotation/components/Labels/index.mjs";
+import Nt from "../PicZipImportModal/index.mjs";
+import { Prompt as kt } from "../hooks/Prompt.mjs";
+const Yt = (V) => {
+  var Le, De;
+  const {
+    services: c,
+    datasetId: i,
+    versionId: ee,
+    backTo: Re,
+    labelManager: ae = !1,
+    datasetManager: T = !1,
+    annotation: Ae,
+    header: m = {
+      versionSelect: !1
+    }
+  } = V, q = St(u({}, yt), V.filterSwitch), _ = se(null), te = se(null), [C, ze] = a(), [l, G] = a(), [oe, Fe] = a([]), [de, fe] = a(!1), [H, Pe] = a(0), [J, Be] = a(0), [d, le] = a(""), [A, He] = a(0), [w, ue] = a([]), [b, ie] = a([]), [he, K] = a(!1), [U, z] = a(!1), [M, v] = a(-1), [I, p] = a(), [x, y] = a(), [S, N] = a({
+    current: 0,
+    pageSize: 100
+  }), [O, ne] = a([]), [Z, Ke] = a(""), [Ue, Oe] = a(), F = se({}), [Ze, We] = a(), [me, be] = a(!1), [ge, $e] = a(!1), [ve, je] = a(!0), [qe, _e] = a(!1), [W, Ge] = a(""), pe = () => {
+    p(void 0), y(void 0), v(-1), K(!1), Q(), setTimeout(() => {
+      N((e) => h(u({}, e), {
+        current: 1,
+        type: void 0
+      }));
+    }, 10);
+  };
+  gt("Esc", pe), D(() => {
+    i && c.cvforceDatahub.getS3Iam(i).then((e) => {
+      We(e);
+    });
+  }, [i, c.cvforceDatahub]), D(() => {
+    c.cvforceDatahub && c.cvforceDatahub.getOptionsImgproxy().then((e) => Oe(e));
+  }, [c.cvforceDatahub]), D(() => {
+    i && (fe(!0), Promise.all([c.cvforceDatahub.getDatasetsId(i).then(ze), c.cvforceDatahub.getDatasetsIdVersions(i, 1, 1e3).then((e) => {
+      Fe(e.recordList), G(ee ? e.recordList.find((t) => t.id === ee) : e.recordList[0]);
+    })]).finally(() => fe(!1)));
+  }, [i, ee]), D(() => {
+    k();
+  }, [l == null ? void 0 : l.id, Z]), D(() => {
+    Q();
+  }, [l, d]), D(() => {
+    !l || !C || $(h(u({}, S), {
+      current: 1
+    }));
+  }, [C == null ? void 0 : C.id, l == null ? void 0 : l.id, O, Z]), D(() => {
+    $().then(() => {
+    }), k();
+  }, [S.current]), D(() => {
+    U || (p(void 0), y(void 0), K(!1), v(-1), Q(), k());
+  }, [U]), D(() => {
+    !l || !C || $(h(u({}, S), {
+      current: 1,
+      total: void 0
+    })).then((e) => {
+      if (!(!e || !Array.isArray(e)) && !(!I && !U))
+        if (e.length > 0) {
+          const t = F.current[d], o = t !== void 0 && t >= 0 && t < e.length ? t : 0;
+          v(o), p(e[o]), y(void 0);
+        } else
+          p(void 0), y(void 0), v(-1), N((t) => h(u({}, t), {
+            current: 1
+          }));
+    });
+  }, [d]), D(() => {
+    N(d === "nocode" ? (e) => h(u({}, e), {
+      total: H
+    }) : d === "" ? (e) => h(u({}, e), {
+      total: A
+    }) : d === "pending" ? (e) => h(u({}, e), {
+      total: J
+    }) : (e) => h(u({}, e), {
+      total: A - H - J
+    }));
+  }, [H, A, J]);
+  const Ce = () => {
+    var e, t;
+    (t = (e = _.current) == null ? void 0 : e.getElementsByClassName("rc-virtual-list-holder")[0]) == null || t.scrollTo({
+      top: 0
+    });
+  }, Ie = () => {
+    !i || !l || c.cvforceDatahub.getDatasetsIdVersionsVid(i, l.id).then((e) => {
+      var t, o;
+      G(e), Ge((o = (t = e.versionAsyncTask) == null ? void 0 : t.state) != null ? o : "");
+    });
+  };
+  D(() => {
+    W !== Y.Pending && W !== Y.Started || j.warning("文件导入中，请刷新页面再试");
+  }, [W]), D(() => {
+    _e(!ve && ge);
+  }, [ve, ge]), D(() => {
+    i && (l != null && l.id) && Ie();
+  }, [i, l == null ? void 0 : l.id]);
+  const k = () => {
+    !i || !l || c.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(i, l.id, {
+      label: "allcode",
+      searchName: Z
+    }).then((e) => {
+      var s, g, L;
+      const t = e == null ? void 0 : e.find((f) => f.id === "allcodeid"), o = e == null ? void 0 : e.find((f) => f.id === "nocodeid"), r = e == null ? void 0 : e.find((f) => f.id === "pendingid");
+      He((s = t == null ? void 0 : t.count) != null ? s : 0), Pe((g = o == null ? void 0 : o.count) != null ? g : 0), Be((L = r == null ? void 0 : r.count) != null ? L : 0);
+    });
+  }, Q = () => {
+    if (!(!i || !(l != null && l.id)))
+      return c.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(i, l.id, {}).then((e) => {
+        const o = (e || []).filter((r) => r.label !== "nocode").map((r, s) => ({
+          label: r.label,
+          count: r.count,
+          id: r.id,
+          color: Me[s % 40]
+        }));
+        return ue(o), e;
+      });
+  }, $ = (e, t) => {
+    const o = (e == null ? void 0 : e.current) || S.current, r = (e == null ? void 0 : e.pageSize) || S.pageSize;
+    if (!i || !l || !o)
+      return Promise.resolve(!1);
+    const s = O.map((L) => L.label), g = () => {
+      switch (d) {
+        case "nocode":
+          return "nocode";
+        case "hascode":
+          return s.length ? s : "hascode";
+        default:
+          return s.length ? s : void 0;
+      }
+    };
+    return o === 1 && Ce(), N((L) => h(u({}, L), {
+      current: o,
+      pageSize: r
+    })), c.cvforceDatahub.getDatasetsIdVersionsVidSamples(i, l.id, {
+      pageNo: o,
+      pageSize: r,
+      labels: g(),
+      searchName: Z
+    }).then((L) => {
+      const f = L.recordList || [], R = o === 1 ? f : [...t || b, ...f];
+      return ie(R), N((X) => h(u({}, X), {
+        current: o,
+        pageSize: r,
+        total: L.totalResults
+      })), (e == null ? void 0 : e.type) === "next" && f.length && (v(0), p(f[0])), (e == null ? void 0 : e.type) === "prev" && f.length && (v(r - 1), p(f[f.length - 1])), he && M < 0 && f.length && (v(0), p(f[0]), z(!0)), R;
+    }).catch(() => !1);
+  }, Je = (e) => {
+    b && (K(!1), v(e), p(b[e]), y(void 0), z(!0), d !== void 0 && (F.current[d] = e));
+  };
+  D(() => {
+    var t, o, r;
+    if (!x)
+      return;
+    const e = [];
+    (t = x.labels) == null || t.forEach((s) => {
+      w != null && w.find((g) => g.id === s.id) && e.push(s);
+    }), e.length !== ((r = (o = x.labels) == null ? void 0 : o.length) != null ? r : 0) && y(h(u({}, x), {
+      labels: e
+    }));
+  }, [w]);
+  const re = () => {
+    if (!l)
+      return Promise.resolve(!1);
+    const e = x != null ? x : I;
+    if (!e || !x)
+      return Promise.resolve(!0);
+    const t = (I == null ? void 0 : I.labels) || [], o = (x.labels || []).filter((s) => !!s.id);
+    if (t.length === o.length && o.every((s, g) => {
+      var L;
+      return ((L = t[g]) == null ? void 0 : L.id) === s.id;
+    }))
+      return Promise.resolve(!0);
+    const r = h(u({}, e), {
+      labels: o.map((s) => {
+        var g;
+        return h(u({}, s), {
+          box: (g = s.box) != null ? g : []
+        });
+      }),
+      isLabeled: o.length > 0
+    });
+    return c.cvforceDatahub.updateSamples(i, l.id, [r]).then(() => {
+      var g, L;
+      j.success({
+        content: "保存成功"
+      });
+      const s = d === "nocode" && ((g = r.labels) == null ? void 0 : g.length) || d === "hascode" && !((L = r.labels) != null && L.length);
+      return ie((f) => {
+        const R = f.findIndex((P) => P.id === r.id);
+        if (R === -1)
+          return f;
+        if (s) {
+          const P = f.slice(0, R).concat(f.slice(R + 1));
+          if (N((B) => h(u({}, B), {
+            total: B.total != null ? Math.max(0, B.total - 1) : void 0
+          })), P.length === 0)
+            p(void 0), y(void 0), v(-1), z(!1);
+          else {
+            const B = Math.min(M, P.length - 1), Ve = P[B];
+            Ve != null && (p(Ve), v(B), y(void 0));
+          }
+          return P;
+        }
+        const X = [...f];
+        return X[R] = r, X;
+      }), s || (p(r), y(r)), !0;
+    }).catch(() => !1);
+  }, xe = () => {
+    b && re().then((e) => {
+      if (!e)
+        return;
+      k();
+      const t = M + 1;
+      t >= b.length ? S.total != null && t >= S.total ? j.error("已经是最后一个了") : $({
+        current: S.current + 1,
+        pageSize: S.pageSize,
+        type: "next"
+      }, b).then((o) => {
+        Array.isArray(o) && (v(t), p(o[t]), y(void 0), d !== void 0 && (F.current[d] = t));
+      }) : setTimeout(() => {
+        v(t), p(b[t]), y(void 0), d !== void 0 && (F.current[d] = t);
+      }, 200);
+    });
+  }, Qe = () => {
+    b && re().then((e) => {
+      if (!e)
+        return;
+      k();
+      const t = M - 1;
+      t < 0 ? j.error("已经是第一个了") : setTimeout(() => {
+        v(t), p(b[t]), y(void 0), d !== void 0 && (F.current[d] = t);
+      }, 200);
+    });
+  }, Xe = () => {
+    var e;
+    if ((e = x == null ? void 0 : x.labels) != null && e.some((t) => !t.id))
+      return j.error("请选择标签"), Promise.resolve(!1);
+    xe();
+  }, Ye = () => {
+    ft.confirm({
+      title: "确认要删除当前数据吗？",
+      content: "数据包含当前标注的内容和图片，删除后无法恢复，请确认是否删除！",
+      onOk: () => {
+        !I || !l || c.cvforceDatahub.delDatasetsIdVersionsVidSamplesId(i, l.id, I.id).then(() => {
+          const e = b.findIndex((o) => o.id === I.id), t = [...b];
+          if (t.splice(e, 1), ie(t), N((o) => h(u({}, o), {
+            total: o.total != null ? o.total - 1 : 0
+          })), t.length > 0) {
+            const o = e < t.length ? e : e - 1;
+            p(t[o]), v(o);
+          } else
+            p(void 0), y(void 0), v(-1), z(!1), N((o) => h(u({}, o), {
+              current: 1
+            }));
+          y(void 0), k();
+        });
+      }
+    });
+  }, Se = (e) => {
+    M >= 0 && d !== void 0 && d !== null && (F.current[d] = M), x ? re().then((t) => {
+      t && (le(e), k());
+    }) : (N((t) => h(u({}, t), {
+      current: 1,
+      total: void 0
+    })), le(e)), e === "nocode" && ne([]);
+  }, ye = [{
+    key: "",
+    label: `全部（${A}）`,
+    children: null
+  }, {
+    key: "nocode",
+    label: `未标注（${H}）`,
+    children: null
+  }, {
+    key: "hascode",
+    label: `已标注（${A - H - J}）`,
+    children: null
+  }], et = (e) => {
+    var o;
+    const t = e.currentTarget;
+    (S.total == null || S.total > b.length) && t.scrollHeight - t.scrollTop === ((o = _.current) == null ? void 0 : o.clientHeight) && N((r) => h(u({}, r), {
+      current: r.current + 1
+    }));
+  };
+  return /* @__PURE__ */ n(rt, {
+    locale: ht,
+    children: /* @__PURE__ */ n(mt.Provider, {
+      value: {
+        datasetId: i,
+        versionId: (l == null ? void 0 : l.id) || "",
+        no: (l == null ? void 0 : l.no) || "",
+        loading: de,
+        version: l,
+        versions: oe,
+        samples: b,
+        pagination: S,
+        services: c,
+        featuresConfig: {
+          labelManager: ae,
+          datasetManager: T,
+          annotation: Ae,
+          filterSwitch: q,
+          header: m,
+          exampleSrcRoot: V.exampleSrcRoot
+        }
+      },
+      children: C ? C.markType === "classification" ? /* @__PURE__ */ n("div", {
+        className: "classification-version-detail",
+        children: /* @__PURE__ */ E(pt, {
+          className: "product-details-page",
+          header: m !== !1 ? /* @__PURE__ */ n(Ct, {
+            backTo: Re,
+            onBackClick: m != null && m.onBackClick ? () => {
+              var e;
+              I && pe(), (e = m == null ? void 0 : m.onBackClick) == null || e.call(m);
+            } : void 0,
+            left: !de && /* @__PURE__ */ E(ce, {
+              children: [/* @__PURE__ */ n("span", {
+                style: {
+                  fontWeight: "bold"
+                },
+                children: C == null ? void 0 : C.name
+              }), /* @__PURE__ */ n(st, {
+                disabled: (m == null ? void 0 : m.versionSelect) === !1,
+                value: l == null ? void 0 : l.id,
+                style: {
+                  width: 70
+                },
+                options: oe.map((e) => ({
+                  label: e.no,
+                  value: e.id
+                })),
+                onChange: (e) => {
+                  var o;
+                  const t = oe.find((r) => r.id === e);
+                  t && (G(t), (o = m == null ? void 0 : m.onVersionChange) == null || o.call(m, t));
+                }
+              })]
+            }),
+            right: /* @__PURE__ */ E(ce, {
+              children: [!I && T && T.add && /* @__PURE__ */ n(Te, {
+                type: "default",
+                onClick: () => be(!0),
+                disabled: W === Y.Pending || W === Y.Started,
+                children: "导入数据"
+              }), !I && T && T.label && /* @__PURE__ */ n(Te, {
+                type: "primary",
+                onClick: () => {
+                  I || le("nocode"), K(!0), v(-1), d === "nocode" && (b != null && b.length) && (v(0), p(b[0])), z(!0);
+                },
+                children: "开始标注"
+              }), /* @__PURE__ */ n(kt, {
+                when: qe,
+                content: "确认要离开此页面吗？",
+                subContent: "离开此页面后，将结束导入，放弃未上传的文件，请谨慎操作！"
+              }), me && /* @__PURE__ */ n(Nt, {
+                datasetIam: Ze,
+                datasetId: i,
+                currentVersion: l,
+                tenCode: C == null ? void 0 : C.tenantCode,
+                isVisible: me,
+                setIsVisible: be,
+                getVersionListRequest: k,
+                setIsConfirm: je,
+                onUploadStatusChange: (e) => {
+                  $e(e);
+                },
+                tableReload: () => {
+                  var e;
+                  l != null && l.id && (Ce(), $(h(u({}, S), {
+                    current: 1
+                  })), (e = te.current) == null || e.fetchLabels());
+                },
+                loadVersionData: Ie,
+                markType: C == null ? void 0 : C.markType
+              })]
+            })
+          }) : void 0,
+          children: [/* @__PURE__ */ n("div", {
+            className: "detection-header",
+            children: /* @__PURE__ */ E(ce, {
+              children: [q.tabs && /* @__PURE__ */ n(ct, {
+                className: "header-tab",
+                activeKey: d,
+                items: ye,
+                onChange: Se
+              }), !I && q.search && /* @__PURE__ */ n(xt, {
+                placeholder: "请输入图片名称搜索",
+                suffix: /* @__PURE__ */ n(vt, {}),
+                value: Z,
+                onChange: Ke,
+                allowClear: !0
+              })]
+            })
+          }), /* @__PURE__ */ E("div", {
+            className: "d-row",
+            children: [/* @__PURE__ */ E("div", {
+              className: "d-right",
+              ref: _,
+              children: [U && /* @__PURE__ */ n(Dt, {
+                datasetId: i,
+                isImageDetailVisible: U,
+                setIsImageDetailVisible: z,
+                currentSample: x != null ? x : I,
+                labels: w,
+                previewMode: !he,
+                filterItems: ye,
+                filterMode: d,
+                onFilterChange: Se,
+                onChange: y,
+                onNextClick: xe,
+                onPrevClick: Qe,
+                onSave: Xe,
+                onEnterEdit: () => K(!0),
+                onDeleteSample: Ye,
+                onRefresh: () => {
+                  var e, t;
+                  (e = Q()) == null || e.then(() => k()), (t = te.current) == null || t.fetchLabels();
+                },
+                isPreLabel: !1,
+                imgCount: {
+                  total: A,
+                  index: M + 1
+                },
+                settingHide: !ae,
+                canLabel: !!(T && T.label),
+                canDelete: !!(T && T.delete)
+              }), I ? /* @__PURE__ */ n("div", {}) : S.total !== void 0 && S.total > 0 ? /* @__PURE__ */ n(ut, {
+                innerProps: {
+                  className: "d-right-row"
+                },
+                data: b,
+                itemKey: "id",
+                height: (De = (Le = _.current) == null ? void 0 : Le.clientHeight) != null ? De : 600,
+                onScroll: et,
+                children: (e, t) => {
+                  var o;
+                  return /* @__PURE__ */ n(at, {
+                    className: "d-right-col",
+                    onClick: () => Je(t),
+                    children: /* @__PURE__ */ E("div", {
+                      className: "right-col-wrapper",
+                      children: [/* @__PURE__ */ n("div", {
+                        className: "detection-status-wrapper",
+                        children: /* @__PURE__ */ n(Lt, {
+                          sample: e
+                        })
+                      }), /* @__PURE__ */ n("div", {
+                        className: "right-col-img",
+                        children: /* @__PURE__ */ n(It, {
+                          fileKey: e.fileKey,
+                          width: 124,
+                          imgProxy: Ue
+                        })
+                      }), /* @__PURE__ */ E("div", {
+                        className: "right-col-text",
+                        children: [(o = e.labels) != null && o.length ? /* @__PURE__ */ n(dt, {
+                          placement: "top",
+                          title: e.labels[0].label,
+                          children: /* @__PURE__ */ n("span", {
+                            style: {
+                              display: "inline-block",
+                              maxWidth: "calc(100% - 25px)",
+                              overflow: "hidden",
+                              textOverflow: "ellipsis",
+                              whiteSpace: "nowrap"
+                            },
+                            children: e.labels[0].label
+                          })
+                        }) : /* @__PURE__ */ n("span", {
+                          style: {
+                            color: "rgba(0,0,0,0.45)",
+                            width: "100%"
+                          },
+                          children: "无标签"
+                        }), /* @__PURE__ */ n("div", {
+                          children: t + 1
+                        })]
+                      })]
+                    })
+                  }, e.id);
+                }
+              }) : /* @__PURE__ */ n("div", {
+                className: "empty",
+                children: S.total === 0 ? /* @__PURE__ */ n(we, {
+                  image: bt,
+                  description: "暂无数据"
+                }) : /* @__PURE__ */ n(Ee, {})
+              })]
+            }), d !== "nocode" && !I && q.labels && /* @__PURE__ */ n("div", {
+              className: "d-sider",
+              children: /* @__PURE__ */ n(Vt, {
+                ref: te,
+                datasetId: i,
+                data: w || [],
+                selected: O,
+                onSelectedChange: (e) => {
+                  ne((w == null ? void 0 : w.filter((t) => e.find((o) => o.label === t.label))) || []);
+                },
+                onListChange: () => {
+                  l && (c.cvforceDatahub.getDatasetsIdVersionsVidLabelcount(i, l.id, {}).then((e) => {
+                    const o = (e || []).filter((s) => s.label !== "nocode").map((s, g) => ({
+                      label: s.label,
+                      count: s.count,
+                      id: s.id,
+                      color: Me[g % 40]
+                    })), r = O.filter((s) => o.some((g) => g.id === s.id));
+                    ue(o), O.length !== r.length && ne(r);
+                  }), k());
+                },
+                isPreLabel: !1
+              })
+            })]
+          })]
+        })
+      }) : /* @__PURE__ */ n("div", {
+        className: "empty",
+        children: /* @__PURE__ */ n(we, {
+          description: "当前数据集不是 classification(图像分类) 类型"
+        })
+      }) : /* @__PURE__ */ n("div", {
+        className: "empty",
+        children: /* @__PURE__ */ n(Ee, {})
+      })
+    })
+  });
+};
+export {
+  Yt as default
+};

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

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