@glodon-aiot/dataset-annotation 3.11.1-shapshot.1765331459 → 3.13.0-alpha.28

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