@glodon-aiot/dataset-annotation 3.2.2-beta.2 → 3.2.2-beta.4

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

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