@glodon-aiot/dataset-annotation 3.23.0-alpha.3 → 3.23.0-alpha.4

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

@@ -1,127 +1,130 @@
-var L = Object.defineProperty, ee = Object.defineProperties;
-var le = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols;
-var te = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
-var U = (i, n, a) => n in i ? L(i, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : i[n] = a, g = (i, n) => {
-  for (var a in n || (n = {}))
-    te.call(n, a) && U(i, a, n[a]);
-  if (F)
-    for (var a of F(n))
-      ie.call(n, a) && U(i, a, n[a]);
+var ee = Object.defineProperty, le = Object.defineProperties;
+var te = Object.getOwnPropertyDescriptors;
+var U = Object.getOwnPropertySymbols;
+var ie = Object.prototype.hasOwnProperty, re = Object.prototype.propertyIsEnumerable;
+var Z = (i, n, c) => n in i ? ee(i, n, { enumerable: !0, configurable: !0, writable: !0, value: c }) : i[n] = c, g = (i, n) => {
+  for (var c in n || (n = {}))
+    ie.call(n, c) && Z(i, c, n[c]);
+  if (U)
+    for (var c of U(n))
+      re.call(n, c) && Z(i, c, n[c]);
   return i;
-}, A = (i, n) => ee(i, le(n));
-import { jsxs as p, jsx as r, Fragment as re } from "react/jsx-runtime";
-import { Row as Z, Button as $, Input as ne, Space as oe, Empty as se, Modal as ae, Tooltip as ce } from "antd";
-import { forwardRef as de, useState as h, useContext as fe, useEffect as M, useImperativeHandle as me } from "react";
-import q from "../TagItem/index.mjs";
+}, A = (i, n) => le(i, te(n));
+import { jsxs as p, jsx as r, Fragment as ne } from "react/jsx-runtime";
+import { Row as $, Button as q, Input as oe, Space as se, Empty as ce, Modal as ae, Tooltip as de } from "antd";
+import { forwardRef as fe, useState as h, useContext as me, useEffect as M, useImperativeHandle as pe } from "react";
+import G from "../TagItem/index.mjs";
 import "./style.less.mjs";
-import { PlusOutlined as pe } from "@ant-design/icons";
-import G from "../DisabledTooltip/index.mjs";
-import ue from "../../../../DatasetContext/index.mjs";
+import { PlusOutlined as ue } from "@ant-design/icons";
+import H from "../DisabledTooltip/index.mjs";
+import he from "../../../../DatasetContext/index.mjs";
 import { tagColors as T } from "../../../../utils/index.mjs";
-import { formatCount as he } from "../../../../utils/formatCount.mjs";
+import { formatCount as xe } from "../../../../utils/formatCount.mjs";
 import be from "../../../Iconfont/index.mjs";
-const xe = de(({
+const ve = fe(({
   datasetId: i,
   data: n,
-  selected: a = [],
-  showZero: ve = !0,
+  selected: c = [],
+  showZero: Ne = !0,
   shortcut: C = !1,
-  showStatColumns: D = !1,
-  selectMode: H = "multiple",
+  showStatColumns: S = !1,
+  selectMode: J = "multiple",
   onItemClick: E,
   onSelectedChange: j,
   onListChange: u,
-  isPreLabel: x = !1,
+  isPreLabel: b = !1,
   settingHide: z = !1
-}, J) => {
-  const [s, S] = h([]), [Ne, R] = h(!1), [o, b] = h([]), [O, P] = h(""), [v, w] = h(null), [y, K] = h(!1), {
+}, K) => {
+  const [s, D] = h([]), [ge, R] = h(!1), [o, x] = h([]), [O, P] = h(""), [v, w] = h(null), [y, Q] = h(!1), {
     services: {
-      cvforceDatahub: f
+      cvforceDatahub: d
     },
     featuresConfig: {
-      labelManager: m
+      labelManager: f
     } = {
       labelManager: !1
     }
-  } = fe(ue);
+  } = me(he);
   M(() => {
-    o.length && S(a.map((e) => o.find((l) => l.id === e.id)));
-  }, [a, o]), M(() => {
+    o.length && D(c.map((e) => o.find((l) => l.id === e.id)));
+  }, [c, o]), M(() => {
     i && k();
   }, [i]), M(() => {
-    !i && n && b(n.map((e) => A(g({}, e), {
+    !i && n && x(n.map((e) => A(g({}, e), {
       createdAt: 0,
       updatedAt: 0
     })));
   }, [i, n]);
   const k = () => {
-    !i || !f || (R(!0), f.listLabels(i, {
+    !i || !d || (R(!0), d.listLabels(i, {
       pageNo: 1,
       pageSize: 1e4
     }).then((e) => {
-      b(e.recordList.sort((l, t) => l.createdAt - t.createdAt > 0 ? -1 : l.createdAt - t.createdAt < 0 ? 1 : 0).map((l, t) => A(g({}, l), {
+      x(e.recordList.sort((l, t) => l.createdAt - t.createdAt > 0 ? -1 : l.createdAt - t.createdAt < 0 ? 1 : 0).map((l, t) => A(g({}, l), {
         color: T[t % 40]
       })));
     }).finally(() => R(!1)));
   };
-  me(J, () => ({
+  pe(K, () => ({
     fetchLabels: k
   }));
-  const Q = (e) => !i || !f ? Promise.resolve(!1) : f.postLabels(i, {
+  const V = (e) => !i || !d ? Promise.resolve(!1) : d.postLabels(i, {
     labels: [{
       label: e
     }]
   }).then((l) => {
-    b([...o, {
+    x([...o, {
       label: e,
       id: l[0],
       color: T[o.length % 40],
       createdAt: Date.now(),
       updatedAt: Date.now()
     }]), w(null), u && u([...o]);
-  }).then(() => !0).catch(() => !1), V = (e) => {
+  }).then(() => !0).catch(() => !1), W = (e) => {
     let l = [];
-    H === "multiple" ? s != null && s.some((t) => t.id === e.id) ? l = s == null ? void 0 : s.filter((t) => t.id !== e.id) : l = [...s, e] : s != null && s.some((t) => t.id === e.id) ? l = [] : l = [e], S(l), j && j(l);
-  }, W = (e) => {
-    P(e);
+    J === "multiple" ? s != null && s.some((t) => t.id === e.id) ? l = s == null ? void 0 : s.filter((t) => t.id !== e.id) : l = [...s, e] : s != null && s.some((t) => t.id === e.id) ? l = [] : l = [e], D(l), j && j(l);
   }, X = (e) => {
-    if (!i || !f)
+    P(e);
+  }, Y = (e) => {
+    if (!i || !d)
       return Promise.resolve(!1);
     const l = o.findIndex((t) => t.id === e.id);
-    return f.patchLabel(i, e.id, e).then(() => (l < 0 || (o[l] = e, b([...o]), u && u([...o])), !0)).catch(() => !1);
-  }, Y = (e) => {
+    return d.patchLabel(i, e.id, e).then(() => (l < 0 || (o[l] = e, x([...o]), u && u([...o])), !0)).catch(() => !1);
+  }, _ = (e) => {
     ae.confirm({
       title: "确认要删除当前标签吗？",
       content: "删除后，将会删除当前数据集中所有与当前标签关联的数据，删除后无法恢复，请确认是否删除！",
       onOk: () => {
-        if (!i || !f)
+        if (!i || !d)
           return;
-        const l = o.findIndex((d) => d.id === e), t = s.findIndex((d) => d.id === e);
-        return f.deleteLabel(i, e).then(() => {
-          t > -1 && (s.splice(t, 1), S([...s])), o.splice(l, 1), b([...o]), u && u([...o]), k();
+        const l = o.findIndex((a) => a.id === e), t = s.findIndex((a) => a.id === e);
+        return d.deleteLabel(i, e).then(() => {
+          t > -1 && (s.splice(t, 1), D([...s])), o.splice(l, 1), x([...o]), u && u([...o]), k();
         });
       }
     });
-  }, N = (o == null ? void 0 : o.filter((e) => !O || e.label.includes(O))) || [], _ = (e) => {
-    var t, d;
-    const l = he((t = e == null ? void 0 : e.boxCount) != null ? t : 0);
-    return /* @__PURE__ */ p(re, {
+  }, N = (o == null ? void 0 : o.filter((e) => !O || e.label.includes(O))) || [], B = (e) => {
+    var l;
+    return (l = n.find((t) => t.id && t.id === e.id)) != null ? l : n.find((t) => t.label === e.label);
+  }, I = (e) => {
+    var t, a;
+    const l = xe((t = e == null ? void 0 : e.boxCount) != null ? t : 0);
+    return /* @__PURE__ */ p(ne, {
       children: [/* @__PURE__ */ r("span", {
         className: "label-stat-col",
-        children: l.exact ? /* @__PURE__ */ r(ce, {
+        children: l.exact ? /* @__PURE__ */ r(de, {
           title: l.exact,
           children: l.text
         }) : l.text
       }), /* @__PURE__ */ r("span", {
         className: "label-stat-col",
-        children: (d = e == null ? void 0 : e.count) != null ? d : 0
+        children: (a = e == null ? void 0 : e.count) != null ? a : 0
       })]
     });
   };
   return /* @__PURE__ */ p("div", {
-    className: `label-list-wrap${D ? " label-list-wrap--stats" : ""}`,
-    children: [/* @__PURE__ */ p(Z, {
+    className: `label-list-wrap${S ? " label-list-wrap--stats" : ""}`,
+    children: [/* @__PURE__ */ p($, {
       justify: "space-between",
       className: "label-list-title",
       children: [/* @__PURE__ */ r("span", {
@@ -129,29 +132,29 @@ const xe = de(({
         children: "标签列表"
       }), /* @__PURE__ */ r("span", {
         className: "label-list-icon",
-        children: !z && m && m.visible && /* @__PURE__ */ r(G, {
-          isPreLabel: x,
+        children: !z && f && f.visible && /* @__PURE__ */ r(H, {
+          isPreLabel: b,
           placement: "topRight",
-          children: /* @__PURE__ */ r($, {
+          children: /* @__PURE__ */ r(q, {
             type: y ? "link" : "text",
             size: "small",
-            onClick: () => K(!y),
+            onClick: () => Q(!y),
             icon: /* @__PURE__ */ r(be, {
               type: "icon-shezhi"
             }),
-            disabled: x
+            disabled: b
           })
         })
       })]
-    }), /* @__PURE__ */ p(Z, {
+    }), /* @__PURE__ */ p($, {
       className: "label-list-opration",
-      children: [!z && m && m.add && /* @__PURE__ */ r(G, {
-        isPreLabel: x,
-        children: /* @__PURE__ */ r($, {
+      children: [!z && f && f.add && /* @__PURE__ */ r(H, {
+        isPreLabel: b,
+        children: /* @__PURE__ */ r(q, {
           className: "label-list-create",
           type: "default",
-          icon: /* @__PURE__ */ r(pe, {}),
-          disabled: v !== null || x,
+          icon: /* @__PURE__ */ r(ue, {}),
+          disabled: v !== null || b,
           onClick: () => {
             w({
               color: T[o.length % 40],
@@ -161,15 +164,15 @@ const xe = de(({
         })
       }), /* @__PURE__ */ r("span", {
         className: "label-list-search",
-        children: /* @__PURE__ */ r(ne.Search, {
+        children: /* @__PURE__ */ r(oe.Search, {
           placeholder: "请输入标签名称搜索",
-          onSearch: W,
+          onSearch: X,
           onChange: (e) => {
             P(e.target.value);
           }
         })
       })]
-    }), D && /* @__PURE__ */ p("div", {
+    }), S && /* @__PURE__ */ p("div", {
       className: "label-list-header",
       children: [/* @__PURE__ */ r("span", {
         className: "label-list-header-name",
@@ -181,11 +184,11 @@ const xe = de(({
         className: "label-stat-col",
         children: "图片数"
       })]
-    }), /* @__PURE__ */ p(oe, {
+    }), /* @__PURE__ */ p(se, {
       direction: "vertical",
       className: "label-list",
-      children: [v && /* @__PURE__ */ r(q, {
-        onSave: Q,
+      children: [v && /* @__PURE__ */ r(G, {
+        onSave: V,
         onCancel: () => {
           w(null);
         },
@@ -198,30 +201,30 @@ const xe = de(({
           return Promise.resolve(l > -1);
         }
       }), N.length ? N.reverse().map((e, l) => {
-        var t, d;
-        return /* @__PURE__ */ r(q, {
-          isActive: s.some((c) => (c == null ? void 0 : c.id) === e.id),
+        var t, a;
+        return /* @__PURE__ */ r(G, {
+          isActive: s.some((m) => (m == null ? void 0 : m.id) === e.id),
           editable: y,
           shortcut: C && l < 10 ? l.toString() : void 0,
           extra: C ? l < 10 ? /* @__PURE__ */ p("span", {
             className: "shortcut",
             children: ["快捷键", l]
-          }) : null : D ? _(n.find((c) => c.label === e.label)) : (d = (t = n.find((c) => c.label === e.label)) == null ? void 0 : t.count) != null ? d : 0,
+          }) : null : S ? I(B(e)) : (a = (t = B(e)) == null ? void 0 : t.count) != null ? a : 0,
           label: e.label,
           color: e.color,
           onClick: () => {
-            V(e), E && E(e);
+            W(e), E && E(e);
           },
-          onSave: m && m.edit ? (c) => X(A(g({}, e), {
-            label: c
+          onSave: f && f.edit ? (m) => Y(A(g({}, e), {
+            label: m
           })) : void 0,
-          onDelete: m && m.delete ? () => Y(e.id) : void 0,
-          onCheckDuplication: (c) => {
-            const I = N.findIndex((B) => B.label === c && e.id !== B.id);
-            return Promise.resolve(I > -1);
+          onDelete: f && f.delete ? () => _(e.id) : void 0,
+          onCheckDuplication: (m) => {
+            const L = N.findIndex((F) => F.label === m && e.id !== F.id);
+            return Promise.resolve(L > -1);
           }
         }, e.id);
-      }) : /* @__PURE__ */ r(se, {
+      }) : /* @__PURE__ */ r(ce, {
         className: "label-list-empty",
         image: !1,
         description: "请先添加标签，然后在图中框选标注"
@@ -229,7 +232,7 @@ const xe = de(({
     })]
   });
 });
-xe.displayName = "Labels";
+ve.displayName = "Labels";
 export {
-  xe as default
+  ve as default
 };