@glodon-aiot/dataset-annotation 3.14.0-alpha.31 → 3.15.0-alpha.1

package/dist/es/DatasetContext/index.mjs

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

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

@@ -1,169 +1,166 @@
-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) => {
+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 = {}))
-    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]);
+    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]);
   return n;
-}, 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";
+}, 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";
 import "./style.less.mjs";
-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;
+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;
   const {
     datasetId: t,
     isImageDetailVisible: a = !0,
     currentSample: e,
-    onNextClick: v,
-    onPrevClick: L,
+    onNextClick: h,
+    onPrevClick: g,
     labels: d = [],
-    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(() => {
+    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 (p(void 0), y(void 0), !a || !((l = e == null ? void 0 : e.labels) != null && l.length))
+    if (L(void 0), I(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, 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(() => {
+    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 = [];
       o.labels.forEach((l) => {
         const s = d.find((f) => f.id === l.id);
-        s && i.push(u(m({}, l), {
+        s && i.push(N(m({}, l), {
           label: s.label
         }));
-      }), o.labels = i, y(m({}, o));
+      }), o.labels = i, I(m({}, o));
     }
   }, [d]);
-  const Z = () => {
-    Q.current && R(!1);
+  const Y = () => {
+    J.current && w(!1);
   };
-  return window.onresize = Z, /* @__PURE__ */ b("div", {
+  return window.onresize = Y, /* @__PURE__ */ p("div", {
     className: "detection-image-detail",
-    children: [/* @__PURE__ */ b("div", {
+    children: [/* @__PURE__ */ p("div", {
       className: "detail-image",
-      children: [U ? /* @__PURE__ */ b("div", {
+      children: [k ? /* @__PURE__ */ p("div", {
         className: "img-detail-info",
-        children: ["第 ", r == null ? void 0 : r.index, " 张 / 共 ", r == null ? void 0 : r.total, " 张"]
-      }) : /* @__PURE__ */ c("div", {
+        children: ["第 ", c == null ? void 0 : c.index, " 张 / 共 ", c == null ? void 0 : c.total, " 张"]
+      }) : /* @__PURE__ */ r("div", {
         className: "img-detail-info",
-        children: r == null ? void 0 : r.index
-      }), /* @__PURE__ */ b("div", {
+        children: c == null ? void 0 : c.index
+      }), /* @__PURE__ */ p("div", {
         className: "detail-content",
-        children: [L && /* @__PURE__ */ c(H, {
+        children: [g && /* @__PURE__ */ r(A, {
           className: "select-prev",
-          icon: /* @__PURE__ */ c(O, {
+          icon: /* @__PURE__ */ r(H, {
             type: "icon-zuojiantou"
           }),
           type: "text",
-          disabled: x,
-          onClick: () => L(),
+          disabled: U,
+          onClick: () => g(),
           tabIndex: 0
-        }), /* @__PURE__ */ b("div", {
+        }), /* @__PURE__ */ r("div", {
           className: "select-main",
-          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,
+          ref: Q,
+          children: /* @__PURE__ */ r(ie, {
+            disabled: O,
             imageUrl: (e == null ? void 0 : e.fileUrl) || "",
-            pen: w,
-            labels: ((E = o ? o.labels : e == null ? void 0 : e.labels) == null ? void 0 : E.map((i) => {
+            pen: u,
+            labels: ((P = o ? o.labels : e == null ? void 0 : e.labels) == null ? void 0 : P.map((i) => {
               var l;
-              return u(m({}, i), {
+              return N(m({}, i), {
                 color: ((l = d.find((s) => s.id === i.id)) == null ? void 0 : l.color) || ""
               });
             })) || [],
-            onImageLoad: () => R(!1),
+            onImageLoad: () => w(!1),
             onChange: (i) => {
-              if (p(void 0), !e)
+              if (L(void 0), !e)
                 return;
-              const l = u(m({}, e), {
+              const l = N(m({}, e), {
                 labels: i.map((s) => ({
                   id: s.id,
                   label: s.label,
                   box: s.box
                 }))
               });
-              y(l), k && k(l);
+              I(l), R && R(l);
             },
-            isPreLabel: C,
-            renderLabelItem: J
-          }, P ? "with-slide" : "no-slide")]
-        }), v && /* @__PURE__ */ c(H, {
+            isPreLabel: j,
+            renderLabelItem: G
+          })
+        }), h && /* @__PURE__ */ r(A, {
           className: "select-next",
-          icon: /* @__PURE__ */ c(O, {
+          icon: /* @__PURE__ */ r(H, {
             type: "icon-youjiantou"
           }),
           type: "text",
-          disabled: x,
-          onClick: () => v()
+          disabled: U,
+          onClick: () => h()
         })]
+      }), ((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) || q) && P && /* @__PURE__ */ c("div", {
+    }), (!!(d != null && d.length) || K) && q && /* @__PURE__ */ r("div", {
       className: "detail-slide",
-      children: /* @__PURE__ */ c(ie, {
+      children: /* @__PURE__ */ r(ee, {
         datasetId: t,
         selectMode: "single",
-        data: ((F = Object.keys(z)) == null ? void 0 : F.map((i) => {
+        data: ((D = Object.keys(C)) == null ? void 0 : D.map((i) => {
           const l = d.find((s) => s.id === i);
           if (l)
-            return l.count = z[i], l;
+            return l.count = C[i], l;
         }).filter((i) => !!i)) || [],
         shortcut: !0,
-        selected: w ? [w] : [],
+        selected: u ? [u] : [],
         onSelectedChange: (i) => {
           if (i.length > 2) {
             console.warn("不支持选中多个标签");
             return;
           }
           if (!i.length) {
-            p(void 0);
+            L(void 0);
             return;
           }
           const l = d == null ? void 0 : d.find((s) => i[0].label === s.label);
-          p(l);
+          L(l);
         },
         onListChange: () => {
-          Y(!0), N && N();
+          X(!0), v && v();
         },
-        isPreLabel: C,
-        settingHide: U
+        isPreLabel: j,
+        settingHide: k
       })
     })]
   });
 };
 export {
-  me as default
+  fe as default
 };

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

@@ -1,54 +1,45 @@
-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;
+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)
       return;
-    }
-    u && (e.discardActiveObject(), e.renderAll()), e.skipTargetFind = !0;
-  }), e.on("mouse:down", (d) => {
-    if (!e.skipTargetFind)
+    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)
       return;
-    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.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, (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) => {
+      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));
     };
-    F();
-    const c = [[i, r], [i + l, r], [i + l, r + g], [i, r + g]];
-    n && c.every((t) => I(t)) && n({
+    Y();
+    const c = [[r, f], [r + l, f], [r + l, f + d], [r, f + d]];
+    u && c.every((t) => k(t)) && u({
       id: "",
       color: "#cccccc",
       label: "未知",
       box: c
-    }), T(e);
+    }), e.skipTargetFind = !1, y(e);
   });
 }
-const T = (e) => {
-  e.off("mouse:down"), e.off("mouse:down:before"), e.off("mouse:up"), e.skipTargetFind = !1;
+const y = (e) => {
+  e.off("mouse:down"), e.off("mouse:up");
 };
-function Y(e, n, h) {
+function x(e, u, h) {
   if (!h)
-    return X(e, n), e;
+    return I(e, u), e;
 }
 export {
-  Y as drawable,
-  T as stopDraw
+  x as drawable,
+  y as stopDraw
 };