@glodon-aiot/dataset-annotation 3.15.0 → 3.15.5-alpha.2

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

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

@@ -0,0 +1,129 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useState as P } from "react";
+import { Modal as E, Tabs as j, Space as K, Button as a } from "antd";
+import { useKeyPress as b } from "ahooks";
+import V from "../ImageDetail/index.mjs";
+import "./style.less.mjs";
+import B from "../../../DataEmpty/index.mjs";
+const G = (u) => {
+  const {
+    datasetId: v,
+    setIsImageDetailVisible: s,
+    isImageDetailVisible: c = !0,
+    currentSample: o,
+    onNextClick: t,
+    onPrevClick: r,
+    onSave: N,
+    onDeleteSample: m,
+    labels: y = [],
+    onRefresh: k,
+    onChange: I,
+    isPreLabel: n,
+    settingHide: L,
+    imgCount: F,
+    showLabelList: w = !0,
+    renderLabelItem: D,
+    onEnterEdit: f,
+    filterItems: h,
+    filterMode: S,
+    onFilterChange: p,
+    previewMode: i = !0,
+    canLabel: d = !1,
+    canDelete: g = !1
+  } = u, [C, x] = P(!1);
+  return b("rightarrow", () => {
+    i || t && t();
+  }), b("leftarrow", () => {
+    i || r && r();
+  }), /* @__PURE__ */ l(E, {
+    title: /* @__PURE__ */ e("div", {
+      className: "detection-sample-detail-title",
+      children: /* @__PURE__ */ e("span", {
+        children: i ? "详情" : "标注"
+      })
+    }),
+    width: "100%",
+    open: c,
+    onCancel: () => s(!1),
+    footer: null,
+    centered: !0,
+    wrapClassName: "detection-modal-wrap",
+    className: "detection-modal",
+    bodyStyle: {
+      padding: 0
+    },
+    destroyOnClose: !1,
+    children: [/* @__PURE__ */ e("div", {
+      className: "detail-tabs",
+      children: !i && h && /* @__PURE__ */ e(j, {
+        activeKey: S,
+        items: h,
+        onChange: (M) => p && p(M)
+      })
+    }), o ? /* @__PURE__ */ e(V, {
+      datasetId: v,
+      isImageDetailVisible: c,
+      setIsImageDetailVisible: s,
+      currentSample: o,
+      onNextClick: i ? t : void 0,
+      onPrevClick: i ? r : void 0,
+      labels: y,
+      editing: !i,
+      onRefresh: k,
+      onChange: I,
+      isPreLabel: n,
+      settingHide: L,
+      readonly: i || !d,
+      showLabelList: i ? !1 : w,
+      renderLabelItem: D,
+      onLoadingChange: x
+    }) : /* @__PURE__ */ e(B, {}), o && /* @__PURE__ */ e("div", {
+      className: "detail-footer",
+      children: i ? /* @__PURE__ */ l(K, {
+        children: [f && d && /* @__PURE__ */ e("div", {
+          className: "detail-actions",
+          children: /* @__PURE__ */ e(a, {
+            type: "primary",
+            onClick: f,
+            children: "标注"
+          })
+        }), g && /* @__PURE__ */ e(a, {
+          danger: !0,
+          onClick: m,
+          children: "删除数据"
+        })]
+      }) : /* @__PURE__ */ l("div", {
+        className: "footer-bar",
+        children: [/* @__PURE__ */ e("div", {
+          className: "footer-left"
+        }), /* @__PURE__ */ l("div", {
+          className: "footer-center",
+          children: [/* @__PURE__ */ e(a, {
+            onClick: r,
+            disabled: C,
+            children: "上一张"
+          }), /* @__PURE__ */ e(a, {
+            onClick: t,
+            disabled: C,
+            children: "下一张"
+          })]
+        }), /* @__PURE__ */ l("div", {
+          className: "footer-right",
+          children: [d && /* @__PURE__ */ e(a, {
+            type: "primary",
+            onClick: N,
+            disabled: n,
+            children: "保存标注"
+          }), g && /* @__PURE__ */ e(a, {
+            onClick: m,
+            disabled: n,
+            children: "删除数据"
+          })]
+        })]
+      })
+    })]
+  });
+};
+export {
+  G 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,102 @@
-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 A(t, w) {
+  I(t);
+  let s = -1, p = -1, b = 0, T = 0, x = !1;
+  t.on("mouse:down:before", (l) => {
+    const i = l.target, n = t.getActiveObject(), g = t.getPointer(l.e), c = t.backgroundImage, m = c == null ? void 0 : c.aCoords;
+    let o = !1;
+    if (m && (o = g.x >= m.tl.x && g.x <= m.br.x && g.y >= m.tl.y && g.y <= m.br.y), !o) {
+      n && (t.discardActiveObject(), t.renderAll()), t.skipTargetFind = !0;
       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)
+    }
+    if (i && i !== t.backgroundImage) {
+      n !== i && (t.setActiveObject(i), t.requestRenderAll()), t.skipTargetFind = !1;
       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;
-      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) => {
-      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));
+    }
+    n && (t.discardActiveObject(), t.renderAll()), t.skipTargetFind = !0;
+  }), t.on("mouse:down", (l) => {
+    if (!t.skipTargetFind)
+      return;
+    x = !0, s = -1, p = -1, b = 0, T = 0;
+    const i = t.getZoom();
+    p = l.e.offsetX / i, s = l.e.offsetY / i;
+  }), t.on("mouse:up:before", (l) => {
+    if (x) {
+      const i = t.selection;
+      t.selection = !1, setTimeout(() => {
+        t.selection = i;
+      }, 0);
+    }
+  }), t.on("mouse:up", (l) => {
+    if (!x) {
+      t.skipTargetFind && setTimeout(() => {
+        t.skipTargetFind = !1;
+      }, 0);
+      return;
+    }
+    if (x = !1, p === -1 && s === -1) {
+      setTimeout(() => {
+        t.skipTargetFind = !1;
+      }, 0);
+      return;
+    }
+    const i = t.getZoom(), n = l.e.offsetX > t.getWidth() ? t.getWidth() / i : l.e.offsetX / i, g = l.e.offsetY > t.getHeight() ? t.getHeight() / i : l.e.offsetY / i;
+    if (b = Math.abs(n - p), T = Math.abs(g - s), b === 0 || T === 0) {
+      setTimeout(() => {
+        t.skipTargetFind = !1;
+      }, 0);
+      return;
+    }
+    const c = t.viewportTransform ? t.viewportTransform[4] / i : 0, m = t.viewportTransform ? t.viewportTransform[5] / i : 0;
+    let o = s > g ? g : s, r = p > n ? n : p, d = b, h = T;
+    o = o - m, r = r - c;
+    const F = () => {
+      var f, k;
+      const e = t.backgroundImage;
+      if (e && typeof e != "string" && ((f = e.aCoords) != null && f.tl.x, (k = e.aCoords) != null && k.tl.y), e && typeof e != "string" && e.top !== void 0 && e.height !== void 0 && e.left !== void 0 && e.width !== void 0) {
+        if (o < e.top) {
+          const u = e.top - o;
+          h = Math.max(0, h - u), o = e.top;
+        }
+        if (o + h > e.top + e.height) {
+          const u = e.top + e.height - o;
+          h = Math.max(0, Math.min(h, u)), o + h > e.top + e.height && (o = e.top + e.height - h);
+        }
+        if (r < e.left) {
+          const u = e.left - r;
+          d = Math.max(0, d - u), r = e.left;
+        }
+        if (r + d > e.left + e.width) {
+          const u = e.left + e.width - r;
+          d = Math.max(0, Math.min(d, u)), r + d > e.left + e.width && (r = e.left + e.width - d);
+        }
+        o = Math.max(e.top, Math.min(o, e.top + e.height)), r = Math.max(e.left, Math.min(r, e.left + e.width)), d = Math.max(0, Math.min(d, e.left + e.width - r)), h = Math.max(0, Math.min(h, e.top + e.height - o));
+      }
+    }, y = (e) => {
+      const f = t.backgroundImage;
+      return !(f && typeof f != "string" && f.top !== void 0 && f.height !== void 0 && f.left !== void 0 && f.width !== void 0 && (e[0] < f.left - 0.01 || e[1] < f.top - 0.01 || e[0] > f.left + f.width + 0.01 || e[1] > f.top + f.height + 0.01));
     };
-    Y();
-    const c = [[r, f], [r + l, f], [r + l, f + d], [r, f + d]];
-    u && c.every((t) => k(t)) && u({
+    F();
+    const M = [[r, o], [r + d, o], [r + d, o + h], [r, o + h]];
+    w && M.every((e) => y(e)) ? (w({
       id: "",
       color: "#cccccc",
       label: "未知",
-      box: c
-    }), e.skipTargetFind = !1, y(e);
+      box: M
+    }), setTimeout(() => {
+      t.skipTargetFind = !1;
+    }, 0)) : (t.discardActiveObject(), t.renderAll(), setTimeout(() => {
+      t.skipTargetFind = !1;
+    }, 0));
   });
 }
-const y = (e) => {
-  e.off("mouse:down"), e.off("mouse:up");
+const I = (t) => {
+  t.off("mouse:down"), t.off("mouse:down:before"), t.off("mouse:up"), t.skipTargetFind = !1;
 };
-function x(e, u, h) {
-  if (!h)
-    return I(e, u), e;
+function O(t, w, s) {
+  if (!s)
+    return A(t, w), t;
 }
 export {
-  x as drawable,
-  y as stopDraw
+  O as drawable,
+  I as stopDraw
 };