@glodon-aiot/dataset-annotation 3.15.0-alpha.3 → 3.16.0-alpha.35

package/dist/es/DatasetContext/index.mjs

@@ -1,10 +1,13 @@
-import { createContext as t } from "react";
-const a = t({
+import { createContext as e } from "react";
+const a = e({
   datasetId: "",
   versionId: "",
   no: "",
   loading: !1,
-  services: {}
+  services: {},
+  token: "",
+  apiUrl: "",
+  featuresConfig: {}
 });
 export {
   a as default

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

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

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

@@ -0,0 +1,153 @@
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { useState as K } from "react";
+import { Modal as C, Tabs as O, Space as V, Button as l, Tooltip as x } from "antd";
+import { useKeyPress as I } from "ahooks";
+import B from "../ImageDetail/index.mjs";
+import "./style.less.mjs";
+import F from "../../../DataEmpty/index.mjs";
+import { ISampleActionType as u } from "../../index.mjs";
+const W = (L) => {
+  const {
+    datasetId: N,
+    setIsImageDetailVisible: c,
+    isImageDetailVisible: m = !0,
+    currentSample: e,
+    onNextClick: a,
+    onPrevClick: o,
+    onSave: s,
+    onDeleteSample: f,
+    labels: v = [],
+    onRefresh: w,
+    onChange: D,
+    isPreLabel: r,
+    settingHide: k,
+    imgCount: H,
+    showLabelList: M = !0,
+    renderLabelItem: E,
+    onEnterEdit: h,
+    filterItems: g,
+    filterMode: T,
+    onFilterChange: p,
+    previewMode: t = !0,
+    canLabel: n = !1,
+    canDelete: b = !1
+  } = L, [y, j] = K(!1);
+  return I("rightarrow", () => {
+    t || a && a(e == null ? void 0 : e.confirmStatus);
+  }), I("leftarrow", () => {
+    t || o && o(e == null ? void 0 : e.confirmStatus);
+  }), /* @__PURE__ */ d(C, {
+    title: /* @__PURE__ */ i("div", {
+      className: "detection-sample-detail-title",
+      children: /* @__PURE__ */ i("span", {
+        children: t ? "详情" : "标注"
+      })
+    }),
+    width: "100%",
+    open: m,
+    onCancel: () => c(!1),
+    footer: null,
+    centered: !0,
+    wrapClassName: "detection-modal-wrap",
+    className: "detection-modal",
+    bodyStyle: {
+      padding: 0
+    },
+    destroyOnClose: !1,
+    children: [/* @__PURE__ */ i("div", {
+      className: "detail-tabs",
+      children: !t && g && /* @__PURE__ */ i(O, {
+        activeKey: T,
+        items: g,
+        onChange: (A) => p && p(A)
+      })
+    }), e ? /* @__PURE__ */ i(B, {
+      datasetId: N,
+      isImageDetailVisible: m,
+      setIsImageDetailVisible: c,
+      currentSample: e,
+      onNextClick: t ? () => a == null ? void 0 : a(e == null ? void 0 : e.confirmStatus) : void 0,
+      onPrevClick: t ? () => o == null ? void 0 : o(e == null ? void 0 : e.confirmStatus) : void 0,
+      labels: v,
+      editing: !t,
+      onRefresh: w,
+      onChange: D,
+      isPreLabel: r,
+      settingHide: k,
+      readonly: t || !n,
+      showLabelList: t ? !1 : M,
+      renderLabelItem: E,
+      onLoadingChange: j
+    }) : /* @__PURE__ */ i(F, {}), e && /* @__PURE__ */ i("div", {
+      className: "detail-footer",
+      children: t ? /* @__PURE__ */ d(V, {
+        children: [h && n && /* @__PURE__ */ i("div", {
+          className: "detail-actions",
+          children: /* @__PURE__ */ i(l, {
+            type: "primary",
+            onClick: h,
+            children: "标注"
+          })
+        }), b && /* @__PURE__ */ i(l, {
+          danger: !0,
+          onClick: f,
+          children: "删除数据"
+        })]
+      }) : /* @__PURE__ */ d("div", {
+        className: "footer-bar",
+        children: [/* @__PURE__ */ i("div", {
+          className: "footer-left"
+        }), /* @__PURE__ */ d("div", {
+          className: "footer-center",
+          children: [/* @__PURE__ */ i(l, {
+            onClick: () => o == null ? void 0 : o(e == null ? void 0 : e.confirmStatus),
+            disabled: y,
+            children: "上一张"
+          }), /* @__PURE__ */ i(l, {
+            onClick: () => a == null ? void 0 : a(e == null ? void 0 : e.confirmStatus),
+            disabled: y,
+            children: "下一张"
+          })]
+        }), /* @__PURE__ */ d("div", {
+          className: "footer-right",
+          children: [n && /* @__PURE__ */ i(x, {
+            title: /* @__PURE__ */ i("span", {
+              style: {
+                color: "#ff9800"
+              },
+              children: 'AI预标注数据,请"确认标注"完成审核'
+            }),
+            placement: "top",
+            children: /* @__PURE__ */ i(l, {
+              type: "primary",
+              onClick: () => {
+                C.confirm({
+                  title: "确认",
+                  content: "是否确认当前标注？",
+                  onOk: () => {
+                    s == null || s(0, u.Confirm);
+                  }
+                });
+              },
+              disabled: r,
+              className: "confirm-label-btn",
+              children: "确认标注"
+            })
+          }), n && e.confirmStatus === 1 && /* @__PURE__ */ i(l, {
+            type: "primary",
+            onClick: () => s == null ? void 0 : s(1, u.Save),
+            disabled: r,
+            children: "保存标注"
+          }), b && /* @__PURE__ */ i(l, {
+            onClick: f,
+            disabled: r,
+            children: "删除数据"
+          })]
+        })]
+      })
+    })]
+  });
+};
+export {
+  W as default
+};

package/dist/es/components/DetectionAnnotation/components/ImageModal/style.less.mjs

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

package/dist/es/components/DetectionAnnotation/components/LabelMaker/Drawable.mjs

@@ -1,45 +1,54 @@
-function I(e, u) {
-  y(e);
-  let h = -1, s = -1, n = 0, p = 0;
-  e.on("mouse:down", (g) => {
-    h = -1, s = -1, n = 0, p = 0;
-    const i = e.getZoom();
-    s = g.e.offsetX / i, h = g.e.offsetY / i;
-  }), e.on("mouse:up", (g) => {
-    if (s === -1 && h === -1)
+function X(e, n) {
+  T(e);
+  let h = -1, s = -1, p = 0, m = 0, w = !1;
+  e.on("mouse:down:before", (d) => {
+    const f = d.target, u = e.getActiveObject();
+    if (f && f !== e.backgroundImage) {
+      u !== f && (e.setActiveObject(f), e.requestRenderAll()), e.skipTargetFind = !1;
       return;
-    const i = e.getZoom(), m = g.e.offsetX > e.getWidth() ? e.getWidth() / i : g.e.offsetX / i, w = g.e.offsetY > e.getHeight() ? e.getHeight() / i : g.e.offsetY / i;
-    if (n = Math.abs(m - s), p = Math.abs(w - h), n === 0 || p === 0)
+    }
+    u && (e.discardActiveObject(), e.renderAll()), e.skipTargetFind = !0;
+  }), e.on("mouse:down", (d) => {
+    if (!e.skipTargetFind)
       return;
-    const T = e.viewportTransform ? e.viewportTransform[4] / i : 0, X = e.viewportTransform ? e.viewportTransform[5] / i : 0;
-    let f = h > w ? w : h, r = s > m ? m : s, l = n, d = p;
-    f = f - X, r = r - T;
-    const Y = () => {
-      var o, b;
+    w = !0, h = -1, s = -1, p = 0, m = 0;
+    const f = e.getZoom();
+    s = d.e.offsetX / f, h = d.e.offsetY / f;
+  }), e.on("mouse:up", (d) => {
+    if (e.skipTargetFind = !1, !w || (w = !1, s === -1 && h === -1))
+      return;
+    const f = e.getZoom(), u = d.e.offsetX > e.getWidth() ? e.getWidth() / f : d.e.offsetX / f, b = d.e.offsetY > e.getHeight() ? e.getHeight() / f : d.e.offsetY / f;
+    if (p = Math.abs(u - s), m = Math.abs(b - h), p === 0 || m === 0)
+      return;
+    const y = e.viewportTransform ? e.viewportTransform[4] / f : 0, A = e.viewportTransform ? e.viewportTransform[5] / f : 0;
+    let r = h > b ? b : h, i = s > u ? u : s, l = p, g = m;
+    r = r - A, i = i - y;
+    const F = () => {
+      var o, k;
       const t = e.backgroundImage;
-      t && typeof t != "string" && ((o = t.aCoords) != null && o.tl.x, (b = t.aCoords) != null && b.tl.y), t && typeof t != "string" && t.top !== void 0 && t.height !== void 0 && t.left !== void 0 && t.width !== void 0 && (f < t.top && (d = d - (t.top - f), f = t.top), f + d > t.top + t.height && (d = t.top + t.height - f + d - d, f = t.height + t.top - d), r < t.left && (l = l - (t.left - r), r = t.left), r + l > t.left + t.width && (l = t.left + t.width - r + l - l, r = t.width + t.left - l));
-    }, k = (t) => {
+      t && typeof t != "string" && ((o = t.aCoords) != null && o.tl.x, (k = t.aCoords) != null && k.tl.y), t && typeof t != "string" && t.top !== void 0 && t.height !== void 0 && t.left !== void 0 && t.width !== void 0 && (r < t.top && (g = g - (t.top - r), r = t.top), r + g > t.top + t.height && (g = t.top + t.height - r + g - g, r = t.height + t.top - g), i < t.left && (l = l - (t.left - i), i = t.left), i + l > t.left + t.width && (l = t.left + t.width - i + l - l, i = t.width + t.left - l));
+    }, I = (t) => {
       const o = e.backgroundImage;
       return !(o && typeof o != "string" && o.top !== void 0 && o.height !== void 0 && o.left !== void 0 && o.width !== void 0 && (t[0] < o.left || t[1] < o.top || t[0] > o.left + o.width || t[1] > o.top + o.height));
     };
-    Y();
-    const c = [[r, f], [r + l, f], [r + l, f + d], [r, f + d]];
-    u && c.every((t) => k(t)) && u({
+    F();
+    const c = [[i, r], [i + l, r], [i + l, r + g], [i, r + g]];
+    n && c.every((t) => I(t)) && n({
       id: "",
       color: "#cccccc",
       label: "未知",
       box: c
-    }), e.skipTargetFind = !1, y(e);
+    }), T(e);
   });
 }
-const y = (e) => {
-  e.off("mouse:down"), e.off("mouse:up");
+const T = (e) => {
+  e.off("mouse:down"), e.off("mouse:down:before"), e.off("mouse:up"), e.skipTargetFind = !1;
 };
-function x(e, u, h) {
+function Y(e, n, h) {
   if (!h)
-    return I(e, u), e;
+    return X(e, n), e;
 }
 export {
-  x as drawable,
-  y as stopDraw
+  Y as drawable,
+  T as stopDraw
 };