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

package/dist/es/components/VLMAnnotation/VLMLabelMaker/hooks/useOCRRecognition.mjs

@@ -1,101 +0,0 @@
-var F = (f, m, i) => new Promise((s, n) => {
-  var S = (r) => {
-    try {
-      c(i.next(r));
-    } catch (u) {
-      n(u);
-    }
-  }, y = (r) => {
-    try {
-      c(i.throw(r));
-    } catch (u) {
-      n(u);
-    }
-  }, c = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(S, y);
-  c((i = i.apply(f, m)).next());
-});
-import { useRef as k, useCallback as N } from "react";
-const H = ({
-  ocrRecognize: f,
-  onChange: m,
-  updateTextLayers: i,
-  canvas: s,
-  rectMapRef: n,
-  textLayersMapRef: S,
-  textLayoutContentMapRef: y
-}) => {
-  const c = k(/* @__PURE__ */ new Set()), r = k(/* @__PURE__ */ new Set()), u = k(/* @__PURE__ */ new Map()), v = N((e, o) => F(void 0, null, function* () {
-    var t;
-    if (o !== "create" && o !== "update" || !f || !e.image)
-      return;
-    const l = (t = Array.from(n.current.entries()).find(([, d]) => d.id === e.id)) == null ? void 0 : t[0];
-    if (!l)
-      return;
-    const A = S.current.get(l);
-    A && s && (A.forEach((d) => {
-      d.off("mousedown"), d.off("mouseover"), d.off("mouseout"), y.current.delete(d), s.remove(d);
-    }), S.current.delete(l), s.renderAll());
-    const q = n.current.get(l);
-    q && q.textLayouts && delete q.textLayouts;
-    const a = (u.current.get(e.id) || 0) + 1;
-    u.current.set(e.id, a), r.current.delete(e.id), c.current.add(e.id);
-    try {
-      const d = yield f(e.image);
-      if (u.current.get(e.id) !== a)
-        return;
-      c.current.delete(e.id), r.current.delete(e.id);
-      const E = n.current.get(l);
-      if (E && u.current.get(e.id) === a && (E.textLayouts = d, i(l, E), m)) {
-        const B = Array.from(n.current.values());
-        m(B);
-      }
-    } catch (d) {
-      if (u.current.get(e.id) !== a)
-        return;
-      c.current.delete(e.id), r.current.add(e.id), console.error("Failed to perform OCR recognition:", d);
-    }
-  }), [f, m, i, s, n, S, y]), x = N((e) => F(void 0, null, function* () {
-    var a;
-    if (!f || !e.image)
-      return;
-    const o = (a = Array.from(n.current.entries()).find(([, t]) => t.id === e.id)) == null ? void 0 : a[0];
-    if (!o)
-      return;
-    const l = S.current.get(o);
-    l && s && (l.forEach((t) => {
-      t.off("mousedown"), t.off("mouseover"), t.off("mouseout"), y.current.delete(t), s.remove(t);
-    }), S.current.delete(o), s.renderAll());
-    const A = n.current.get(o);
-    A && A.textLayouts && delete A.textLayouts;
-    const q = (u.current.get(e.id) || 0) + 1;
-    u.current.set(e.id, q), r.current.delete(e.id), c.current.add(e.id);
-    try {
-      const t = yield f(e.image);
-      if (u.current.get(e.id) !== q)
-        return;
-      if (!t || !Array.isArray(t)) {
-        c.current.delete(e.id), r.current.add(e.id), console.error("OCR returned invalid result:", t);
-        return;
-      }
-      c.current.delete(e.id), r.current.delete(e.id);
-      const w = n.current.get(o);
-      if (w && u.current.get(e.id) === q && (w.textLayouts = t, i(o, w), m)) {
-        const I = Array.from(n.current.values());
-        m(I);
-      }
-    } catch (t) {
-      if (u.current.get(e.id) !== q)
-        return;
-      c.current.delete(e.id), r.current.add(e.id), console.error("Failed to perform OCR recognition:", t);
-    }
-  }), [f, m, i, s, n, S, y]);
-  return {
-    performOCRIfNeeded: v,
-    performOCR: x,
-    ocrRecognizingRef: c,
-    ocrErrorRef: r
-  };
-};
-export {
-  H as useOCRRecognition
-};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/hooks/useRegionBoundaryCheck.mjs

@@ -1,103 +0,0 @@
-import { useCallback as q, useEffect as D } from "react";
-const G = ({
-  canvas: n,
-  image: y,
-  canvasToImageCoords: S,
-  imageToCanvasCoords: b,
-  bgImagePositionRef: k,
-  bgImageSizeRef: A,
-  regionNameTextMapRef: Y
-}) => {
-  const O = q((h) => {
-    if (!n || !y)
-      return;
-    const r = y.getElement();
-    if (!(r != null && r.width) || !(r != null && r.height))
-      return;
-    const i = r.width, u = r.height, d = (w) => {
-      const t = h, g = t.left || 0, p = t.top || 0, a = t.getScaledWidth(), m = t.getScaledHeight(), l = S(g, p);
-      let e = l.x, o = l.y, c = a, s = m;
-      const W = e, H = o;
-      if (e < 0 && (e = 0), o < 0 && (o = 0), e + c > i && (e = i - c), o + s > u && (o = u - s), c <= 0 || s <= 0)
-        return;
-      const L = b(e, o);
-      (e !== W || o !== H) && t.set({
-        left: L.x,
-        top: L.y
-      });
-      const Z = Y.current.get(t);
-      if (Z) {
-        const f = n.getZoom(), x = t.left || 0, X = t.top || 0;
-        Z.set({
-          left: x,
-          top: X,
-          scaleX: 1 / f,
-          scaleY: 1 / f
-        }), n.renderAll();
-      }
-    }, M = (w) => {
-      const t = h, g = t.left || 0, p = t.top || 0, a = t.getScaledWidth(), m = t.getScaledHeight(), l = S(g, p);
-      let e = l.x, o = l.y, c = a, s = m;
-      e < 0 && (c = c + e, e = 0), o < 0 && (s = s + o, o = 0), e + c > i && (c = i - e), o + s > u && (s = u - o), c = Math.max(1, c), s = Math.max(1, s);
-      const W = Math.abs(c - a) > 1e-3, H = Math.abs(s - m) > 1e-3, L = Math.abs(e - l.x) > 1e-3, Z = Math.abs(o - l.y) > 1e-3;
-      if (W || H || L || Z) {
-        const f = b(e, o), x = t.width || 1, X = t.height || 1, B = W ? Math.max(0.01, c / x) : t.scaleX || 1, U = H ? Math.max(0.01, s / X) : t.scaleY || 1;
-        t.set({
-          left: f.x,
-          top: f.y,
-          scaleX: B,
-          scaleY: U
-        });
-        const C = Y.current.get(t);
-        if (C) {
-          const T = n.getZoom(), _ = t.left || 0, j = t.top || 0;
-          C.set({
-            left: _,
-            top: j,
-            scaleX: 1 / T,
-            scaleY: 1 / T
-          }), n.renderAll();
-        }
-      } else {
-        const f = Y.current.get(t);
-        if (f) {
-          const x = n.getZoom(), X = t.left || 0, B = t.top || 0;
-          f.set({
-            left: X,
-            top: B,
-            scaleX: 1 / x,
-            scaleY: 1 / x
-          }), n.renderAll();
-        }
-      }
-    };
-    return h.on("moving", d), h.on("scaling", M), () => {
-      h.off("moving", d), h.off("scaling", M);
-    };
-  }, [n, y, S, b, Y]);
-  return D(() => {
-    if (!n || !y)
-      return;
-    const h = (r) => {
-      const i = n, u = i == null ? void 0 : i._currentTransform;
-      if (!u)
-        return;
-      const d = u.action;
-      if (!d || d !== "move" && !d.startsWith("scale"))
-        return;
-      const M = n.getPointer(r.e), w = M.x, t = M.y, g = k.current.left, p = k.current.top, a = g + A.current.width, m = p + A.current.height;
-      if (w < g || w > a || t < p || t > m) {
-        const e = i == null ? void 0 : i._onMouseUp;
-        typeof e == "function" && e(r.e);
-      }
-    };
-    return n.on("mouse:move", h), () => {
-      n.off("mouse:move", h);
-    };
-  }, [n, y, k, A]), {
-    setupBoundaryCheck: O
-  };
-};
-export {
-  G as useRegionBoundaryCheck
-};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/hooks/useRegionHover.mjs

@@ -1,38 +0,0 @@
-import { useEffect as m } from "react";
-import { fabric as R } from "fabric";
-import { HOVER_RECT_FILL_COLOR as L, TRANSPARENT_FILL as l } from "../../constants.mjs";
-const x = ({
-  canvas: e,
-  drawingMode: c,
-  draggable: u,
-  textLayersMapRef: n
-}) => {
-  m(() => {
-    if (!e || c || u)
-      return;
-    const f = () => {
-      const o = /* @__PURE__ */ new Set();
-      return n.current.forEach((t) => {
-        t.forEach((r) => {
-          o.add(r);
-        });
-      }), o;
-    }, i = (o) => {
-      const t = o.target;
-      !t || !(t instanceof R.Rect) || f().has(t) || e.getActiveObject() === t || (t.set({
-        fill: L
-      }), e.renderAll());
-    }, s = (o) => {
-      const t = o.target;
-      !t || !(t instanceof R.Rect) || f().has(t) || e.getActiveObject() === t || (t.set({
-        fill: l
-      }), e.renderAll());
-    };
-    return e.on("mouse:over", i), e.on("mouse:out", s), () => {
-      e.off("mouse:over", i), e.off("mouse:out", s);
-    };
-  }, [e, c, u, n]);
-};
-export {
-  x as useRegionHover
-};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/hooks/useRegionLoader.mjs

@@ -1,173 +0,0 @@
-var B = Object.defineProperty;
-var H = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
-var X = (o, t, n) => t in o ? B(o, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[t] = n, P = (o, t) => {
-  for (var n in t || (t = {}))
-    C.call(t, n) && X(o, n, t[n]);
-  if (H)
-    for (var n of H(t))
-      D.call(t, n) && X(o, n, t[n]);
-  return o;
-};
-import { useEffect as O } from "react";
-import { fabric as j } from "fabric";
-import { TRANSPARENT_FILL as q, RECT_STROKE_COLOR as J, BASE_STROKE_WIDTH as Q, REGION_NAME_PREFIX as V } from "../../constants.mjs";
-const a = ({
-  canvas: o,
-  sample: t,
-  image: n,
-  bgImagePosition: Y,
-  canvasInitializedRef: v,
-  bgImagePositionRef: m,
-  sampleRef: y,
-  labelsLoadedRef: E,
-  rectMapRef: u,
-  textLayersMapRef: _,
-  textLayoutContentMapRef: G,
-  regionNameTextMapRef: x,
-  ocrLoadingIconMapRef: F,
-  imageToCanvasCoords: A,
-  updateRegionShapeAndImage: k,
-  createDeleteControl: W,
-  createOCRControl: U,
-  updateRegionNameText: Z,
-  updateTextLayers: $,
-  setupBoundaryCheck: K,
-  cropRegionImage: N,
-  onChange: w
-}) => {
-  O(() => {
-    if (!o || !(t != null && t.labels) || !n || !v.current || m.current.left === 0 && m.current.top === 0)
-      return;
-    y.current !== t ? (y.current = t, E.current = !1, u.current.forEach((i, s) => {
-      const f = _.current.get(s);
-      f && (f.forEach((e) => {
-        e.off("mousedown"), e.off("mouseover"), e.off("mouseout"), G.current.delete(e), o.remove(e);
-      }), _.current.delete(s));
-      const h = x.current.get(s);
-      h && (s.off("moved"), s.off("modified"), o.remove(h), x.current.delete(s));
-      const d = F.current.get(s);
-      d && (o.remove(d), F.current.delete(s)), o.remove(s);
-    }), u.current.clear(), t.labels.forEach((i, s) => {
-      if (i.shape.name !== "rect")
-        return;
-      const f = A(i.shape.x, i.shape.y), h = o.getZoom(), d = Q / h, e = new j.Rect({
-        left: f.x,
-        top: f.y,
-        width: i.shape.width,
-        height: i.shape.height,
-        fill: q,
-        // 无填充色
-        stroke: J,
-        strokeWidth: d,
-        strokeUniform: !0,
-        // 边框宽度不受缩放影响
-        selectable: !0,
-        evented: !0,
-        hasRotatingPoint: !1,
-        // 隐藏旋转点
-        lockRotation: !0,
-        // 锁定旋转
-        lockUniScaling: !1,
-        // 允许非等比缩放，控制点跟随鼠标
-        lockScalingFlip: !0,
-        // 禁止缩放时翻转
-        objectCaching: !1,
-        // 禁用缓存，避免缩放时边框变虚
-        statefullCache: !1,
-        noScaleCache: !1
-      });
-      e.on("modified", () => {
-        k(e);
-      }), e.on("moved", () => {
-        k(e);
-      }), o.add(e), K(e), e.controls.deleteControl = W(), e.controls.ocrControl = U();
-      const r = P({}, i);
-      r.name || (r.name = `${V}${s + 1}`), u.current.set(e, r), Z(e, r), r.textLayouts && r.textLayouts.length > 0 && $(e, r), r.image || N(r).then((c) => {
-        if (c) {
-          const l = u.current.get(e);
-          if (l && (l.image = c, w)) {
-            const S = Array.from(u.current.values());
-            w(S);
-          }
-        }
-      }).catch((c) => {
-        console.error("Failed to crop region image:", c);
-      });
-    }), E.current = !0, o.renderAll()) : !E.current && t.labels.length > 0 && (t.labels.forEach((i, s) => {
-      if (i.shape.name !== "rect" || Array.from(u.current.values()).find((l) => l.shape.x === i.shape.x && l.shape.y === i.shape.y && l.shape.width === i.shape.width && l.shape.height === i.shape.height))
-        return;
-      const h = A(i.shape.x, i.shape.y), d = o.getZoom(), e = Q / d, r = new j.Rect({
-        left: h.x,
-        top: h.y,
-        width: i.shape.width,
-        height: i.shape.height,
-        fill: q,
-        // 无填充色
-        stroke: J,
-        strokeWidth: e,
-        strokeUniform: !0,
-        // 边框宽度不受缩放影响
-        selectable: !0,
-        evented: !0,
-        hasRotatingPoint: !1,
-        // 隐藏旋转点
-        lockRotation: !0,
-        // 锁定旋转
-        lockUniScaling: !1,
-        // 允许非等比缩放，控制点跟随鼠标
-        lockScalingFlip: !0,
-        // 禁止缩放时翻转
-        objectCaching: !1,
-        // 禁用缓存，避免缩放时边框变虚
-        statefullCache: !1,
-        noScaleCache: !1
-      });
-      r.on("modified", () => {
-        k(r);
-      }), r.on("moved", () => {
-        k(r);
-      }), o.add(r), K(r), r.controls.deleteControl = W(), r.controls.ocrControl = U();
-      const c = P({}, i);
-      c.name || (c.name = `${V}${s + 1}`), u.current.set(r, c), Z(r, c), c.textLayouts && c.textLayouts.length > 0 && $(r, c), c.image || N(c).then((l) => {
-        if (l) {
-          const S = u.current.get(r);
-          if (S && (S.image = l, w)) {
-            const z = Array.from(u.current.values());
-            w(z);
-          }
-        }
-      }).catch((l) => {
-        console.error("Failed to crop region image:", l);
-      });
-    }), E.current = !0, o.renderAll());
-  }, [
-    o,
-    t,
-    t == null ? void 0 : t.labels,
-    n,
-    Y,
-    N,
-    w,
-    // 添加 bgImagePosition 作为依赖，确保在位置设置后触发加载
-    A,
-    k,
-    $,
-    Z,
-    W,
-    U,
-    v,
-    m,
-    y,
-    E,
-    u,
-    _,
-    G,
-    x,
-    F,
-    K
-  ]);
-};
-export {
-  a as useRegionLoader
-};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/hooks/useRegionNameText.mjs

@@ -1,72 +0,0 @@
-import { useRef as u, useCallback as N } from "react";
-import { fabric as T } from "fabric";
-import { DEFAULT_REGION_NAME as R, REGION_NAME_FONT_FAMILY as E, REGION_NAME_TEXT_COLOR as _, REGION_NAME_FONT_SIZE as x, REGION_NAME_PADDING as A } from "../../constants.mjs";
-const b = (o) => {
-  const n = u(/* @__PURE__ */ new Map());
-  return {
-    updateRegionNameText: N((e, s) => {
-      if (!o)
-        return;
-      const a = n.current.get(e);
-      a && (o.remove(a), n.current.delete(e));
-      const d = e.left || 0, m = e.top || 0;
-      e.getScaledWidth(), e.getScaledHeight();
-      const f = o.getZoom(), c = x, g = A, l = new T.Text(s.name || R, {
-        left: d,
-        // 与标注框左边对齐
-        top: m,
-        // 下边缘与标注框上边缘对齐（因为 originY 是 'bottom'）
-        fontSize: c,
-        // 使用固定的基础字体大小
-        fontFamily: E,
-        fill: _,
-        // 主题色文字
-        textAlign: "left",
-        originX: "left",
-        originY: "bottom",
-        // 从底部对齐，这样文本在rect上方
-        selectable: !1,
-        // 不可选中
-        evented: !1,
-        // 不接收事件，避免干扰rect的操作
-        lockMovementX: !0,
-        lockMovementY: !0,
-        lockScalingX: !1,
-        // 允许缩放，用于抵消画布缩放
-        lockScalingY: !1,
-        // 允许缩放，用于抵消画布缩放
-        lockRotation: !0,
-        hasControls: !1,
-        hasBorders: !1,
-        objectCaching: !1,
-        statefullCache: !1,
-        noScaleCache: !1,
-        padding: g,
-        // 使用固定的基础内边距
-        scaleX: 1 / f,
-        // 反向缩放，抵消画布缩放
-        scaleY: 1 / f
-        // 反向缩放，抵消画布缩放
-      });
-      o.add(l), n.current.set(e, l);
-      const t = () => {
-        const r = e.left || 0, p = e.top || 0, i = o.getZoom();
-        l.set({
-          left: r,
-          // 与标注框左边对齐
-          top: p,
-          // 下边缘与标注框上边缘对齐（因为 originY 是 'bottom'）
-          scaleX: 1 / i,
-          // 反向缩放，抵消画布缩放
-          scaleY: 1 / i
-          // 反向缩放，抵消画布缩放
-        }), o.renderAll();
-      };
-      e.off("moving", t), e.off("moved", t), e.off("modified", t), e.on("moving", t), e.on("moved", t), e.on("modified", t);
-    }, [o]),
-    regionNameTextMapRef: n
-  };
-};
-export {
-  b as useRegionNameText
-};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/hooks/useRegionSelection.mjs

@@ -1,116 +0,0 @@
-import { useEffect as E } from "react";
-import { fabric as a } from "fabric";
-import { SELECTED_RECT_FILL_COLOR as L, CONTROL_POINT_COLOR as g, CONTROL_POINT_SIZE as A, TRANSPARENT_FILL as k, BASE_STROKE_WIDTH as R } from "../../constants.mjs";
-const b = ({
-  canvas: e,
-  onRegionSelect: o,
-  createDeleteControl: n,
-  createOCRControl: s,
-  textLayersMapRef: h,
-  rectMapRef: i
-}) => {
-  E(() => {
-    if (!e)
-      return;
-    const f = () => {
-      const t = /* @__PURE__ */ new Set();
-      return h.current.forEach((r) => {
-        r.forEach((l) => {
-          t.add(l);
-        });
-      }), t;
-    }, d = () => {
-      const t = f();
-      e.getObjects().forEach((r) => {
-        r instanceof a.Rect && !t.has(r) && r.set({
-          fill: k
-          // 移除填充色
-        });
-      });
-    }, C = () => {
-      d();
-      const t = e.getActiveObject();
-      if (t && t instanceof a.Rect) {
-        if (f().has(t)) {
-          e.discardActiveObject(), e.renderAll();
-          return;
-        }
-        const l = e.getZoom(), u = R / l;
-        t.set({
-          hasRotatingPoint: !1,
-          lockRotation: !0,
-          lockUniScaling: !1,
-          // 允许非等比缩放，控制点跟随鼠标
-          fill: L,
-          // 选中时添加填充色
-          strokeUniform: !0,
-          // 确保边框宽度不受缩放影响
-          strokeWidth: u,
-          // 确保边框宽度一致
-          objectCaching: !1,
-          // 禁用缓存，避免缩放时边框变虚
-          statefullCache: !1,
-          noScaleCache: !1,
-          cornerStyle: "circle",
-          // 设置控制点为圆形
-          cornerColor: g,
-          // 设置控制点为紫色（填充色）
-          cornerSize: A,
-          // 设置控制点大小（默认12，这里设置为6使其更小）
-          transparentCorners: !1
-          // 不透明，显示填充颜色
-        }), t.controls && t.controls.mtr && delete t.controls.mtr, t.controls.deleteControl || (t.controls.deleteControl = n()), t.controls.ocrControl || (t.controls.ocrControl = s()), e.renderAll();
-        const c = i.current.get(t);
-        c && o && o(c);
-      }
-    }, m = () => {
-      d();
-      const t = e.getActiveObject();
-      if (t && t instanceof a.Rect) {
-        if (f().has(t)) {
-          e.discardActiveObject(), e.renderAll();
-          return;
-        }
-        const l = e.getZoom(), u = R / l;
-        t.set({
-          hasRotatingPoint: !1,
-          lockRotation: !0,
-          lockUniScaling: !1,
-          // 允许非等比缩放，控制点跟随鼠标
-          lockScalingFlip: !0,
-          // 禁止缩放时翻转
-          fill: L,
-          // 选中时添加填充色
-          strokeUniform: !0,
-          // 确保边框宽度不受缩放影响
-          strokeWidth: u,
-          // 确保边框宽度一致
-          objectCaching: !1,
-          // 禁用缓存，避免缩放时边框变虚
-          statefullCache: !1,
-          noScaleCache: !1,
-          cornerStyle: "circle",
-          // 设置控制点为圆形
-          cornerColor: g,
-          // 设置控制点为紫色（填充色）
-          cornerSize: A,
-          // 设置控制点大小（默认12，这里设置为6使其更小）
-          transparentCorners: !1
-          // 不透明，显示填充颜色
-        });
-        const c = t;
-        c.uniformScaling = !1, t.controls && t.controls.mtr && delete t.controls.mtr, t.controls.deleteControl || (t.controls.deleteControl = n()), t.controls.ocrControl || (t.controls.ocrControl = s()), e.renderAll();
-        const S = i.current.get(t);
-        S && o && o(S);
-      }
-    }, O = () => {
-      d(), e.renderAll(), o && o(null);
-    };
-    return e.on("selection:created", C), e.on("selection:updated", m), e.on("selection:cleared", O), () => {
-      e.off("selection:created", C), e.off("selection:updated", m), e.off("selection:cleared", O);
-    };
-  }, [e, o, n, s, h, i]);
-};
-export {
-  b as useRegionSelection
-};