@glodon-aiot/dataset-annotation 3.24.0-alpha.6 → 3.25.0-alpha.7

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

@@ -1,150 +1,154 @@
-var $ = Object.defineProperty, V = Object.defineProperties;
-var S = Object.getOwnPropertyDescriptors;
-var M = Object.getOwnPropertySymbols;
-var ee = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
-var A = (d, o, a) => o in d ? $(d, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : d[o] = a, b = (d, o) => {
-  for (var a in o || (o = {}))
-    ee.call(o, a) && A(d, a, o[a]);
-  if (M)
-    for (var a of M(o))
-      ie.call(o, a) && A(d, a, o[a]);
-  return d;
-}, U = (d, o) => V(d, S(o));
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useRef as B, useState as h, useEffect as w } from "react";
-import { Button as H } from "antd";
-import { useKeyPress as K } from "ahooks";
+var V = Object.defineProperty, S = Object.defineProperties;
+var ee = Object.getOwnPropertyDescriptors;
+var A = Object.getOwnPropertySymbols;
+var ie = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
+var B = (n, t, a) => t in n ? V(n, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : n[t] = a, b = (n, t) => {
+  for (var a in t || (t = {}))
+    ie.call(t, a) && B(n, a, t[a]);
+  if (A)
+    for (var a of A(t))
+      se.call(t, a) && B(n, a, t[a]);
+  return n;
+}, x = (n, t) => S(n, ee(t));
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import { useRef as H, useState as h, useEffect as U } from "react";
+import { Button as K, Spin as le } from "antd";
+import { useKeyPress as O } from "ahooks";
 import "./style.less.mjs";
-import se from "../Labels/index.mjs";
-import le from "../LabelMaker/index.mjs";
-import O from "../../../Iconfont/index.mjs";
-import oe from "../../../DetectionStatus/index.mjs";
-const ge = (d) => {
-  var u, z, F;
+import te from "../Labels/index.mjs";
+import oe from "../LabelMaker/index.mjs";
+import q from "../../../Iconfont/index.mjs";
+import ae from "../../../DetectionStatus/index.mjs";
+const Le = (n) => {
+  var z, F, M;
   const {
-    datasetId: o,
+    datasetId: t,
     isImageDetailVisible: a = !0,
     currentSample: e,
     onNextClick: g,
     onPrevClick: v,
     labels: r = [],
-    editing: q,
+    editing: G,
     onRefresh: L,
-    onChange: C,
-    isPreLabel: p,
+    onChange: j,
+    isPreLabel: C,
     settingHide: D,
     imgCount: f,
-    readonly: G,
+    readonly: J,
     showLabelList: E = !0,
-    renderLabelItem: J,
-    onLoadingChange: I
-  } = d, Q = B(null), T = B({}), [P, W] = h({}), [y, N] = h(), [t, R] = h(), [X, Y] = h(!1), [Z, j] = h(), x = !!(e != null && e.fileUrl) && Z !== e.fileUrl;
-  K("rightarrow", () => {
+    renderLabelItem: Q,
+    onLoadingChange: I,
+    switchingSample: P
+  } = n, T = H(null), W = H({}), [u, X] = h({}), [y, N] = h(), [o, p] = h(), [Y, Z] = h(!1), [_, k] = h(), w = !!P || !!(e != null && e.fileUrl) && _ !== e.fileUrl;
+  O("rightarrow", () => {
     g && g();
-  }), K("leftarrow", () => {
+  }), O("leftarrow", () => {
     v && v();
-  }), w(() => () => {
-    X && L && L();
-  }, []), w(() => {
+  }), U(() => () => {
+    Y && L && L();
+  }, []), U(() => {
     var s, l;
-    if (N(void 0), (e == null ? void 0 : e.id) !== (t == null ? void 0 : t.id) && R(void 0), !a || !((s = e == null ? void 0 : e.labels) != null && s.length))
+    if (N(void 0), (e == null ? void 0 : e.id) !== (o == null ? void 0 : o.id) && p(void 0), !a || !((s = e == null ? void 0 : e.labels) != null && s.length))
       return;
-    const i = (l = t || e) == null ? void 0 : l.labels.reduce((c, k) => (c[k.id] ? ++c[k.id] : c[k.id] = 1, c), {});
-    W(i || {});
-  }, [a, e, t]), w(() => {
-    I && I(x, e == null ? void 0 : e.fileUrl);
-  }, [x, e == null ? void 0 : e.fileUrl, I]), w(() => {
-    if (t != null && t.labels) {
+    const i = (l = o || e) == null ? void 0 : l.labels.reduce((c, R) => (c[R.id] ? ++c[R.id] : c[R.id] = 1, c), {});
+    X(i || {});
+  }, [a, e, o]), U(() => {
+    I && I(w, e == null ? void 0 : e.fileUrl);
+  }, [w, e == null ? void 0 : e.fileUrl, I]), U(() => {
+    if (o != null && o.labels) {
       const i = [];
-      t.labels.forEach((s) => {
+      o.labels.forEach((s) => {
         const l = r.find((c) => c.id === s.id);
-        l && i.push(U(b({}, s), {
+        l && i.push(x(b({}, s), {
           label: l.label
         }));
-      }), t.labels = i, R(b({}, t));
+      }), o.labels = i, p(b({}, o));
     }
   }, [r]);
-  const _ = () => {
-    Q.current && j(e == null ? void 0 : e.fileUrl);
+  const $ = () => {
+    T.current && k(e == null ? void 0 : e.fileUrl);
   };
-  return window.onresize = _, /* @__PURE__ */ m("div", {
+  return window.onresize = $, /* @__PURE__ */ m("div", {
     className: "detection-image-detail",
     children: [/* @__PURE__ */ m("div", {
       className: "detail-image",
       children: [D ? /* @__PURE__ */ m("div", {
         className: "img-detail-info",
         children: ["第 ", f == null ? void 0 : f.index, " 张 / 共 ", f == null ? void 0 : f.total, " 张"]
-      }) : /* @__PURE__ */ n("div", {
+      }) : /* @__PURE__ */ d("div", {
         className: "img-detail-info",
         children: f == null ? void 0 : f.index
       }), /* @__PURE__ */ m("div", {
         className: "detail-content",
-        children: [v && /* @__PURE__ */ n(H, {
+        children: [v && /* @__PURE__ */ d(K, {
           className: "select-prev",
-          icon: /* @__PURE__ */ n(O, {
+          icon: /* @__PURE__ */ d(q, {
             type: "icon-zuojiantou"
           }),
           type: "text",
-          disabled: x,
+          disabled: w,
           onClick: () => v(),
           tabIndex: 0
         }), /* @__PURE__ */ m("div", {
           className: "select-main",
-          ref: T,
-          children: [((u = e == null ? void 0 : e.sampleFileName) == null ? void 0 : u.name) && /* @__PURE__ */ n("div", {
+          ref: W,
+          children: [((z = e == null ? void 0 : e.sampleFileName) == null ? void 0 : z.name) && /* @__PURE__ */ d("div", {
             className: "img-detail-name-overlay",
             children: e.sampleFileName.name
-          }), /* @__PURE__ */ n("div", {
+          }), /* @__PURE__ */ d("div", {
             className: "detection-status-wrapper",
-            children: /* @__PURE__ */ n(oe, {
+            children: /* @__PURE__ */ d(ae, {
               sample: e
             })
-          }), /* @__PURE__ */ n(le, {
-            disabled: G,
+          }), /* @__PURE__ */ d(oe, {
+            disabled: J,
             imageUrl: (e == null ? void 0 : e.fileUrl) || "",
             pen: y,
-            labels: ((z = t ? t.labels : e == null ? void 0 : e.labels) == null ? void 0 : z.map((i) => {
+            labels: ((F = o ? o.labels : e == null ? void 0 : e.labels) == null ? void 0 : F.map((i) => {
               var s;
-              return U(b({}, i), {
+              return x(b({}, i), {
                 color: ((s = r.find((l) => l.id === i.id)) == null ? void 0 : s.color) || ""
               });
             })) || [],
-            onImageLoad: () => j(e == null ? void 0 : e.fileUrl),
-            onImageError: () => j(e == null ? void 0 : e.fileUrl),
+            onImageLoad: () => k(e == null ? void 0 : e.fileUrl),
+            onImageError: () => k(e == null ? void 0 : e.fileUrl),
             onChange: (i) => {
               if (N(void 0), !e)
                 return;
-              const s = U(b({}, e), {
+              const s = x(b({}, e), {
                 labels: i.map((l) => ({
                   id: l.id,
                   label: l.label,
                   box: l.box
                 }))
               });
-              R(s), C && C(s);
+              p(s), j && j(s);
             },
-            isPreLabel: p,
-            renderLabelItem: J
-          }, E ? "with-slide" : "no-slide")]
-        }), g && /* @__PURE__ */ n(H, {
+            isPreLabel: C,
+            renderLabelItem: Q
+          }, E ? "with-slide" : "no-slide"), P && /* @__PURE__ */ d("div", {
+            className: "sample-switching-mask",
+            children: /* @__PURE__ */ d(le, {})
+          })]
+        }), g && /* @__PURE__ */ d(K, {
           className: "select-next",
-          icon: /* @__PURE__ */ n(O, {
+          icon: /* @__PURE__ */ d(q, {
             type: "icon-youjiantou"
           }),
           type: "text",
-          disabled: x,
+          disabled: w,
           onClick: () => g()
         })]
       })]
-    }), (!!(r != null && r.length) || q) && E && /* @__PURE__ */ n("div", {
+    }), (!!(r != null && r.length) || G) && E && /* @__PURE__ */ d("div", {
       className: "detail-slide",
-      children: /* @__PURE__ */ n(se, {
-        datasetId: o,
+      children: /* @__PURE__ */ d(te, {
+        datasetId: t,
         selectMode: "single",
-        data: ((F = Object.keys(P)) == null ? void 0 : F.map((i) => {
+        data: ((M = Object.keys(u)) == null ? void 0 : M.map((i) => {
           const s = r.find((l) => l.id === i);
           if (s)
-            return s.count = P[i], s;
+            return s.count = u[i], s;
         }).filter((i) => !!i)) || [],
         shortcut: !0,
         selected: y ? [y] : [],
@@ -161,14 +165,14 @@ const ge = (d) => {
           N(s);
         },
         onListChange: () => {
-          Y(!0), L && L();
+          Z(!0), L && L();
         },
-        isPreLabel: p,
+        isPreLabel: C,
         settingHide: D
       })
     })]
   });
 };
 export {
-  ge as default
+  Le as default
 };

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

@@ -1,16 +1,16 @@
 import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { useState as x, useCallback as z } from "react";
-import { Modal as N, Button as l, Tabs as F, Space as H, Tooltip as R } from "antd";
-import { useKeyPress as k } from "ahooks";
+import { useState as z, useCallback as F } from "react";
+import { Modal as L, Button as l, Tabs as H, Space as R, Tooltip as S } from "antd";
+import { useKeyPress as N } from "ahooks";
 import q from "../ImageDetail/index.mjs";
 import "./style.less.mjs";
 import G from "../../../DataEmpty/index.mjs";
 import { ISampleActionType as h } from "../../index.mjs";
-const _ = (w) => {
+const $ = (k) => {
   const {
     datasetId: D,
-    setIsImageDetailVisible: b,
-    isImageDetailVisible: p = !0,
+    setIsImageDetailVisible: p,
+    isImageDetailVisible: b = !0,
     currentSample: e,
     onNextClick: o,
     onPrevClick: s,
@@ -27,20 +27,21 @@ const _ = (w) => {
     onEnterEdit: y,
     onBackToDetail: C,
     onLoadingChange: c,
+    switchingSample: B,
     filterItems: u,
-    filterMode: B,
+    filterMode: K,
     onFilterChange: I,
     previewMode: t = !0,
     canLabel: r = !1,
-    canDelete: L = !1
-  } = w, [f, K] = x(!1), O = z((m, V) => {
-    K(m), c == null || c(m, V);
+    canDelete: w = !1
+  } = k, [f, O] = z(!1), V = F((m, x) => {
+    O(m), c == null || c(m, x);
   }, [c]);
-  return k("rightarrow", () => {
+  return N("rightarrow", () => {
     t || o && o(e == null ? void 0 : e.confirmStatus);
-  }), k("leftarrow", () => {
+  }), N("leftarrow", () => {
     t || s && s(e == null ? void 0 : e.confirmStatus);
-  }), /* @__PURE__ */ d(N, {
+  }), /* @__PURE__ */ d(L, {
     title: /* @__PURE__ */ d("div", {
       className: "detection-sample-detail-title",
       children: [/* @__PURE__ */ i("span", {
@@ -53,8 +54,8 @@ const _ = (w) => {
       })]
     }),
     width: "100%",
-    open: p,
-    onCancel: () => b(!1),
+    open: b,
+    onCancel: () => p(!1),
     footer: null,
     centered: !0,
     wrapClassName: "detection-modal-wrap",
@@ -65,15 +66,15 @@ const _ = (w) => {
     destroyOnClose: !1,
     children: [/* @__PURE__ */ i("div", {
       className: "detail-tabs",
-      children: !t && u && /* @__PURE__ */ i(F, {
-        activeKey: B,
+      children: !t && u && /* @__PURE__ */ i(H, {
+        activeKey: K,
         items: u,
         onChange: (m) => I && I(m)
       })
     }), e ? /* @__PURE__ */ i(q, {
       datasetId: D,
-      isImageDetailVisible: p,
-      setIsImageDetailVisible: b,
+      isImageDetailVisible: b,
+      setIsImageDetailVisible: p,
       currentSample: e,
       onNextClick: t ? () => o == null ? void 0 : o(e == null ? void 0 : e.confirmStatus) : void 0,
       onPrevClick: t ? () => s == null ? void 0 : s(e == null ? void 0 : e.confirmStatus) : void 0,
@@ -86,10 +87,11 @@ const _ = (w) => {
       readonly: t || !r,
       showLabelList: t ? !1 : j,
       renderLabelItem: A,
-      onLoadingChange: O
+      onLoadingChange: V,
+      switchingSample: B
     }) : /* @__PURE__ */ i(G, {}), e && /* @__PURE__ */ i("div", {
       className: "detail-footer",
-      children: t ? /* @__PURE__ */ d(H, {
+      children: t ? /* @__PURE__ */ d(R, {
         children: [y && r && /* @__PURE__ */ i("div", {
           className: "detail-actions",
           children: /* @__PURE__ */ i(l, {
@@ -97,7 +99,7 @@ const _ = (w) => {
             onClick: y,
             children: "标注"
           })
-        }), L && /* @__PURE__ */ i(l, {
+        }), w && /* @__PURE__ */ i(l, {
           danger: !0,
           onClick: g,
           children: "删除数据"
@@ -119,7 +121,7 @@ const _ = (w) => {
           })]
         }), /* @__PURE__ */ d("div", {
           className: "footer-right",
-          children: [r && e.confirmStatus === 1 && /* @__PURE__ */ i(R, {
+          children: [r && e.confirmStatus === 1 && /* @__PURE__ */ i(S, {
             title: /* @__PURE__ */ i("span", {
               style: {
                 color: "#ff9800"
@@ -130,7 +132,7 @@ const _ = (w) => {
             children: /* @__PURE__ */ i(l, {
               type: "primary",
               onClick: () => {
-                N.confirm({
+                L.confirm({
                   title: "确认",
                   content: "是否确认当前标注？",
                   onOk: () => {
@@ -154,7 +156,7 @@ const _ = (w) => {
             },
             disabled: n,
             children: "保存标注"
-          }), L && /* @__PURE__ */ i(l, {
+          }), w && /* @__PURE__ */ i(l, {
             onClick: g,
             disabled: n,
             children: "删除数据"
@@ -165,5 +167,5 @@ const _ = (w) => {
   });
 };
 export {
-  _ as default
+  $ as default
 };