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

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

@@ -1,62 +0,0 @@
-import { useRef as X, useCallback as A } from "react";
-import { Modal as K } from "antd";
-import { DELETE_MODAL_TITLE as q, DELETE_MODAL_CONTENT as z, DELETE_MODAL_OK_TEXT as B, DELETE_MODAL_CANCEL_TEXT as F } from "../../constants.mjs";
-const O = ({
-  canvas: l,
-  onRegionChange: o,
-  updateRegionNames: _,
-  rectMapRef: f,
-  textLayersMapRef: e,
-  textLayoutContentMapRef: s,
-  regionNameTextMapRef: m,
-  ocrLoadingIconMapRef: d
-}) => {
-  const E = X(!1), k = A((r) => {
-    if (!l || E.current)
-      return;
-    const D = f.current.get(r);
-    D && (E.current = !0, K.confirm({
-      title: q,
-      content: z,
-      okText: B,
-      cancelText: F,
-      onOk: () => {
-        const i = e.current.get(r);
-        i && (i.forEach((u) => {
-          u.off("mousedown"), u.off("mouseover"), u.off("mouseout"), s.current.delete(u), l.remove(u);
-        }), e.current.delete(r));
-        const T = m.current.get(r);
-        T && (r.off("moved"), r.off("modified"), l.remove(T), m.current.delete(r));
-        const n = d.current.get(r);
-        n && (l.remove(n), d.current.delete(r)), l.remove(r), f.current.delete(r), _(), o && o(D, "delete"), l.renderAll(), E.current = !1;
-      },
-      onCancel: () => {
-        E.current = !1;
-      },
-      afterClose: () => {
-        E.current = !1;
-      }
-    }));
-  }, [l, o, _, f, e, s, m, d]), w = A((r) => {
-    if (!l)
-      return;
-    const D = f.current.get(r);
-    if (!D)
-      return;
-    const i = e.current.get(r);
-    i && (i.forEach((u) => {
-      u.off("mousedown"), u.off("mouseover"), u.off("mouseout"), s.current.delete(u), l.remove(u);
-    }), e.current.delete(r));
-    const T = m.current.get(r);
-    T && (r.off("moved"), r.off("modified"), l.remove(T), m.current.delete(r));
-    const n = d.current.get(r);
-    n && (l.remove(n), d.current.delete(r)), l.remove(r), f.current.delete(r), _(), o && o(D, "delete"), l.renderAll();
-  }, [l, o, _, f, e, s, m, d]);
-  return {
-    performDelete: k,
-    deleteDirectly: w
-  };
-};
-export {
-  O as useDeleteRegion
-};

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

@@ -1,421 +0,0 @@
-import { useCallback as pe, useRef as Q, useEffect as V } from "react";
-import { fabric as L } from "fabric";
-import { CROSSHAIR_LINE_COLOR as ke, CROSSHAIR_LINE_DASH_ARRAY as xe, CROSSHAIR_LINE_WIDTH as Ee, TEMP_RECT_FILL_COLOR as Le, RECT_STROKE_COLOR as a, TEMP_RECT_STROKE_DASH_ARRAY as je, TRANSPARENT_FILL as Re, REGION_NAME_PREFIX as Ae, BASE_STROKE_WIDTH as v } from "../../constants.mjs";
-const We = ({
-  canvas: e,
-  drawingMode: T,
-  draggable: ee,
-  setDrawingMode: te,
-  canvasToImageCoords: oe,
-  labelDefinitions: D,
-  onChange: y,
-  cropRegionImage: re,
-  updateRegionShapeAndImage: X,
-  performOCRIfNeeded: ie,
-  createDeleteControl: ne,
-  createOCRControl: le,
-  updateRegionNameText: se,
-  onRegionChange: N,
-  onRegionSelect: S,
-  rectMapRef: p,
-  textLayersMapRef: ce,
-  setupBoundaryCheck: de
-}) => {
-  const G = pe(() => {
-    const k = /* @__PURE__ */ new Set();
-    return ce.current.forEach((x) => {
-      x.forEach((C) => {
-        k.add(C);
-      });
-    }), k;
-  }, [ce]), n = Q({
-    horizontal: null,
-    vertical: null
-  }), P = Q(null), ue = Q({
-    dleft: -1,
-    dtop: -1,
-    dw: 0,
-    dh: 0,
-    rect: null
-  }), F = pe(() => {
-    e && (e.skipTargetFind = !1);
-  }, [e]);
-  return V(() => {
-    if (!e || !T || ee) {
-      if (F(), e && !T) {
-        n.current.horizontal && e.getObjects().includes(n.current.horizontal) && e.remove(n.current.horizontal), n.current.vertical && e.getObjects().includes(n.current.vertical) && e.remove(n.current.vertical), n.current = {
-          horizontal: null,
-          vertical: null
-        };
-        const o = e.getActiveObject();
-        e.selection = !1, e.skipTargetFind = !1;
-        const r = G();
-        e.getObjects().forEach((i) => {
-          i instanceof L.Rect && r.has(i) ? i.set({
-            evented: !0,
-            selectable: !1,
-            lockMovementX: !0,
-            lockMovementY: !0,
-            lockScalingX: !0,
-            lockScalingY: !0,
-            lockRotation: !0
-          }) : (i.set("evented", !0), i.set("selectable", !0), i instanceof L.Rect && i.set("hasControls", !0));
-        }), o && e.getObjects().includes(o) && (e.setActiveObject(o), e.renderAll()), e.defaultCursor = "default";
-      }
-      return;
-    }
-    F(), e.selection = !1, e.skipTargetFind = !0, e.getActiveObject() && (e.discardActiveObject(), e.renderAll()), e.getObjects().forEach((o) => {
-      o.set("evented", !1), o.set("selectable", !1), o instanceof L.Rect && o.hasControls && o.set("hasControls", !1);
-    }), e.defaultCursor = "crosshair", e.setCursor("crosshair"), n.current.horizontal && e.getObjects().includes(n.current.horizontal) && e.remove(n.current.horizontal), n.current.vertical && e.getObjects().includes(n.current.vertical) && e.remove(n.current.vertical), n.current = {
-      horizontal: null,
-      vertical: null
-    };
-    const x = e.getWidth(), C = e.getHeight(), E = e.getZoom(), j = x / E, R = C / E, A = Math.max(j, R) * 3, Z = Ee / E, z = new L.Line([-A, 0, A, 0], {
-      stroke: ke,
-      strokeWidth: Z,
-      strokeDashArray: xe,
-      selectable: !1,
-      evented: !1,
-      excludeFromExport: !0,
-      // 导出时不包含此线
-      strokeUniform: !0,
-      // 设置为 true，使线宽随缩放调整以保持视觉一致
-      visible: !0
-      // 画框模式下常显辅助线
-    }), _ = new L.Line([0, -A, 0, A], {
-      stroke: ke,
-      strokeWidth: Z,
-      strokeDashArray: xe,
-      selectable: !1,
-      evented: !1,
-      excludeFromExport: !0,
-      // 导出时不包含此线
-      strokeUniform: !0,
-      // 设置为 true，使线宽随缩放调整以保持视觉一致
-      visible: !0
-      // 画框模式下常显辅助线
-    });
-    n.current = {
-      horizontal: z,
-      vertical: _
-    }, e.add(z), e.add(_), z.sendToBack(), _.sendToBack();
-    const M = (o, r) => {
-      const i = n.current.horizontal, c = n.current.vertical;
-      if (!i || !c)
-        return;
-      const h = e.getZoom(), g = e.getWidth(), s = e.getHeight(), O = g / h, w = s / h, b = Math.max(O, w) * 3;
-      i.set({
-        x1: o - b,
-        y1: r,
-        x2: o + b,
-        y2: r,
-        visible: !0
-        // 显示辅助线
-      }), c.set({
-        x1: o,
-        y1: r - b,
-        x2: o,
-        y2: r + b,
-        visible: !0
-        // 显示辅助线
-      }), i.sendToBack(), c.sendToBack();
-      const d = ue.current, f = d.rect && e.getObjects().includes(d.rect);
-      if (d.rect && !e.getObjects().includes(d.rect) && d.dleft !== -1 && d.dtop !== -1 && d.dw > 0 && d.dh > 0 && e.add(d.rect), f && d.rect) {
-        const m = Math.min(e.getObjects().indexOf(i), e.getObjects().indexOf(c));
-        e.getObjects().indexOf(d.rect) <= m && e.moveTo(d.rect, m + 1);
-      }
-      e.renderAll();
-    };
-    if (P.current) {
-      const r = e.getElement().getBoundingClientRect(), {
-        clientX: i,
-        clientY: c
-      } = P.current;
-      if (i >= r.left && i <= r.right && c >= r.top && c <= r.bottom) {
-        const g = new MouseEvent("mousemove", {
-          bubbles: !0,
-          cancelable: !0,
-          clientX: i,
-          clientY: c
-        }), s = e.getPointer(g);
-        M(s.x, s.y);
-      }
-    }
-    const t = ue.current, H = (o) => {
-      if (e.skipTargetFind && (t.dleft === -1 || t.dtop === -1)) {
-        const r = e.getPointer(o.e);
-        t.dleft = r.x, t.dtop = r.y;
-      }
-    }, U = (o) => {
-      const r = e.getPointer(o.e);
-      M(r.x, r.y);
-    }, $ = (o) => {
-      const r = e.getPointer(o.e);
-      if (t.dleft !== -1 && t.dtop !== -1) {
-        let i = r.x, c = r.y;
-        if (t.dw = Math.abs(i - t.dleft), t.dh = Math.abs(c - t.dtop), t.dw > 0 && t.dh > 0) {
-          let h = t.dtop > c ? c : t.dtop, g = t.dleft > i ? i : t.dleft, s = t.dw, O = t.dh;
-          if (!t.rect || t.rect.left !== g || t.rect.top !== h || t.rect.width !== s || t.rect.height !== O || !e.getObjects().includes(t.rect)) {
-            t.rect && e.getObjects().includes(t.rect) && e.remove(t.rect);
-            const f = e.getZoom(), m = v / f;
-            t.rect = new L.Rect({
-              left: g,
-              top: h,
-              width: s,
-              height: O,
-              fill: Le,
-              stroke: a,
-              strokeWidth: m,
-              strokeUniform: !0,
-              // 边框宽度不受缩放影响
-              strokeDashArray: je,
-              selectable: !1,
-              evented: !1,
-              objectCaching: !1,
-              // 禁用缓存，避免缩放时边框变虚
-              statefullCache: !1,
-              noScaleCache: !1
-            }), e.add(t.rect);
-          }
-          const b = n.current.horizontal, d = n.current.vertical;
-          if (t.rect && b && d && e.getObjects().includes(b) && e.getObjects().includes(d) && e.getObjects().includes(t.rect)) {
-            const f = Math.min(e.getObjects().indexOf(b), e.getObjects().indexOf(d));
-            e.getObjects().indexOf(t.rect) <= f && e.moveTo(t.rect, f + 1);
-          }
-        } else
-          t.rect && e.getObjects().includes(t.rect) && (e.remove(t.rect), t.rect = null);
-      }
-      U(o);
-    }, K = (o) => {
-      if (t.dleft === -1 || t.dtop === -1) {
-        t.dtop = -1, t.dleft = -1;
-        return;
-      }
-      const r = e.getPointer(o.e);
-      let i = r.x, c = r.y;
-      if (t.dw = Math.abs(i - t.dleft), t.dh = Math.abs(c - t.dtop), t.dw === 0 || t.dh === 0) {
-        t.rect && (e.remove(t.rect), e.renderAll()), t.dtop = -1, t.dleft = -1;
-        return;
-      }
-      let h = t.dtop > c ? c : t.dtop, g = t.dleft > i ? i : t.dleft, s = t.dw, O = t.dh;
-      t.rect && (e.remove(t.rect), t.rect = null);
-      const w = oe(g, h), b = s, d = O, f = e.getZoom(), m = v / f, l = new L.Rect({
-        left: g,
-        top: h,
-        width: s,
-        height: O,
-        fill: Re,
-        // 无填充色
-        stroke: a,
-        strokeWidth: m,
-        strokeUniform: !0,
-        // 边框宽度不受缩放影响
-        selectable: !0,
-        evented: !0,
-        hasRotatingPoint: !1,
-        // 隐藏旋转点
-        lockRotation: !0,
-        // 锁定旋转
-        lockUniScaling: !1,
-        // 允许非等比缩放，控制点跟随鼠标
-        lockScalingFlip: !0,
-        // 禁止缩放时翻转
-        objectCaching: !1,
-        // 禁用缓存，避免缩放时边框变虚
-        statefullCache: !1,
-        noScaleCache: !1,
-        hasControls: !0
-        // 启用控件
-      });
-      e.add(l), l.controls.deleteControl = ne(), l.controls.ocrControl = le(), l.set("hasControls", !1);
-      const q = p.current.size, B = {};
-      D == null || D.forEach((u) => {
-        B[u.id] = "";
-      });
-      const Y = {
-        id: `region-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-        name: `${Ae}${q + 1}`,
-        // 设置名称：区域+（索引+1）
-        shape: {
-          name: "rect",
-          x: Math.max(0, w.x),
-          y: Math.max(0, w.y),
-          width: b,
-          height: d
-        },
-        content: B
-      };
-      if (p.current.set(l, Y), se(l, Y), X(l), N) {
-        const u = p.current.get(l);
-        u && N(u, "create");
-      }
-      re(Y).then((u) => {
-        if (u) {
-          const W = p.current.get(l);
-          if (W) {
-            if (W.image = u, delete W.textLayouts, y) {
-              const I = Array.from(p.current.values());
-              y(I);
-            }
-            ie(W, "create");
-          }
-        }
-      }).catch((u) => {
-        console.error("Failed to crop region image:", u);
-      }), e.setActiveObject(l), e.renderAll(), setTimeout(() => {
-        if (S) {
-          const u = p.current.get(l);
-          u && S(u);
-        }
-        setTimeout(() => {
-          if (e && l && e.getObjects().includes(l) && (e.setActiveObject(l), e.renderAll(), S)) {
-            const u = p.current.get(l);
-            u && S(u);
-          }
-        }, 0);
-      }, 0), de(l), l.on("modified", () => {
-        X(l);
-      }), l.on("moved", () => {
-        X(l);
-      }), setTimeout(() => {
-        if (y) {
-          const u = Array.from(p.current.values());
-          y(u);
-        }
-      }, 0), t.dtop = -1, t.dleft = -1, e.selection = !1, te(!1);
-    }, fe = (o) => {
-      P.current = {
-        clientX: o.clientX,
-        clientY: o.clientY
-      };
-      const i = e.getElement().getBoundingClientRect(), c = o.clientX, h = o.clientY, g = c >= i.left && c <= i.right && h >= i.top && h <= i.bottom;
-      if (t.dleft !== -1 && t.dtop !== -1)
-        if (g) {
-          const s = e.getPointer(o);
-          $({
-            e: o,
-            pointer: s
-          });
-        } else {
-          const s = e.getZoom(), O = e.viewportTransform ? e.viewportTransform[4] / s : 0, w = e.viewportTransform ? e.viewportTransform[5] / s : 0, b = e.getWidth() / s, d = e.getHeight() / s;
-          let f = (c - i.left) / s - O, m = (h - i.top) / s - w;
-          if (f = Math.max(0, Math.min(f, b)), m = Math.max(0, Math.min(m, d)), t.dw = Math.abs(f - t.dleft), t.dh = Math.abs(m - t.dtop), t.dw === 0 || t.dh === 0)
-            return;
-          let l = t.dtop > m ? m : t.dtop, q = t.dleft > f ? f : t.dleft, B = t.dw, Y = t.dh;
-          t.rect && e.remove(t.rect);
-          const u = e.getZoom(), W = v / u;
-          t.rect = new L.Rect({
-            left: q,
-            top: l,
-            width: B,
-            height: Y,
-            fill: Le,
-            stroke: a,
-            strokeWidth: W,
-            strokeUniform: !0,
-            strokeDashArray: je,
-            selectable: !1,
-            evented: !1,
-            objectCaching: !1,
-            statefullCache: !1,
-            noScaleCache: !1
-          }), e.add(t.rect);
-          const I = n.current.horizontal, J = n.current.vertical;
-          if (I && J && e.getObjects().includes(I) && e.getObjects().includes(J)) {
-            const Oe = Math.min(e.getObjects().indexOf(I), e.getObjects().indexOf(J));
-            e.getObjects().indexOf(t.rect) < Oe && e.moveTo(t.rect, Oe + 1);
-          }
-          e.renderAll();
-        }
-      if (g && (t.dleft === -1 || t.dtop === -1)) {
-        const s = e.getPointer(o);
-        M(s.x, s.y);
-      }
-    }, he = () => {
-    }, me = (o) => {
-      const r = e.getPointer(o.e);
-      M(r.x, r.y);
-    }, ge = (o) => {
-      if (!T)
-        return;
-      e.skipTargetFind = !0, e.getActiveObject() && (e.discardActiveObject(), e.renderAll()), t.dtop = -1, t.dleft = -1, t.dw = 0, t.dh = 0;
-      const i = e.getPointer(o.e);
-      t.dleft = i.x, t.dtop = i.y;
-    };
-    e.on("mouse:down:before", ge), e.on("mouse:down", H), e.on("mouse:move", $), e.on("mouse:up", K), e.on("mouse:out", he), e.on("mouse:over", me), document.addEventListener("mousemove", fe);
-    const be = (o) => {
-      if (t.dleft === -1 || t.dtop === -1)
-        return;
-      const r = e.getPointer(o);
-      K({
-        e: o,
-        pointer: r
-      });
-    };
-    return document.addEventListener("mouseup", be), () => {
-      e.off("mouse:down:before", ge), e.off("mouse:down", H), e.off("mouse:move", $), e.off("mouse:up", K), e.off("mouse:out", he), e.off("mouse:over", me), document.removeEventListener("mousemove", fe), document.removeEventListener("mouseup", be), t.rect && (e.remove(t.rect), e.renderAll()), n.current.horizontal && e.getObjects().includes(n.current.horizontal) && e.remove(n.current.horizontal), n.current.vertical && e.getObjects().includes(n.current.vertical) && e.remove(n.current.vertical), n.current = {
-        horizontal: null,
-        vertical: null
-      }, e.skipTargetFind = !1, e.defaultCursor = "default";
-      const o = G();
-      e.getObjects().forEach((r) => {
-        r instanceof L.Rect && o.has(r) ? r.set({
-          evented: !0,
-          selectable: !1,
-          lockMovementX: !0,
-          lockMovementY: !0,
-          lockScalingX: !0,
-          lockScalingY: !0,
-          lockRotation: !0
-        }) : (r.set("evented", !0), r.set("selectable", !0));
-      });
-    };
-  }, [e, T, ee, F, oe, y, re, X, ie, ne, le, se, N, S, te, p, G, de]), V(() => {
-    if (!e)
-      return;
-    const k = (x) => {
-      P.current = {
-        clientX: x.clientX,
-        clientY: x.clientY
-      };
-    };
-    return document.addEventListener("mousemove", k), () => {
-      document.removeEventListener("mousemove", k);
-    };
-  }, [e]), V(() => {
-    if (!e || !T)
-      return;
-    let k = e.getZoom();
-    const x = () => {
-      const E = n.current.horizontal, j = n.current.vertical;
-      if (!E || !j)
-        return;
-      const R = e.getZoom();
-      if (Math.abs(R - k) < 1e-3)
-        return;
-      k = R;
-      const A = Ee / R, Z = e.getWidth(), z = e.getHeight(), _ = Z / R, M = z / R, t = Math.max(_, M) * 3, H = (E.x1 + E.x2) / 2;
-      E.y1, j.x1;
-      const U = (j.y1 + j.y2) / 2;
-      E.set({
-        strokeWidth: A,
-        x1: H - t,
-        x2: H + t
-      }), j.set({
-        strokeWidth: A,
-        y1: U - t,
-        y2: U + t
-      }), e.renderAll();
-    }, C = () => {
-      x();
-    };
-    return e.on("after:render", C), x(), () => {
-      e.off("after:render", C);
-    };
-  }, [e, T]), {
-    stopDraw: F
-  };
-};
-export {
-  We as useDrawingMode
-};

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

@@ -1,100 +0,0 @@
-import { useRef as a, useEffect as X, useCallback as H } from "react";
-import { fabric as Y } from "fabric";
-import { AI_CONTROL_OFFSET_X as P, AI_CONTROL_OFFSET_Y as U, AI_ICON_SIZE as y } from "../../constants.mjs";
-import W from "../icons/ai.svg.mjs";
-import Z from "../icons/star.svg.mjs";
-import B from "../icons/error.svg.mjs";
-import G from "../icons/loading.svg.mjs";
-const nr = ({
-  performOCR: O,
-  ocrRecognizingRef: s,
-  ocrErrorRef: S,
-  rectMapRef: w
-}) => {
-  const f = (r) => !(!r.complete || r.naturalWidth === 0), g = a(null), A = a(null), v = a(null), h = a(null), d = a(/* @__PURE__ */ new Set()), t = a(null), C = a(null);
-  return X(() => {
-    if (!g.current) {
-      const r = document.createElement("img");
-      r.src = W, g.current = r;
-    }
-    if (!A.current) {
-      const r = document.createElement("img");
-      r.src = Z, A.current = r;
-    }
-    if (!v.current) {
-      const r = document.createElement("img");
-      r.src = B, v.current = r;
-    }
-    if (!h.current) {
-      const r = document.createElement("img");
-      r.src = G, h.current = r;
-    }
-  }, []), X(() => {
-    const r = () => {
-      s.current.size > 0 ? (d.current.forEach((o) => {
-        o.renderAll();
-      }), t.current = requestAnimationFrame(r)) : t.current = null;
-    };
-    C.current = r, s.current.size > 0 && (t.current = requestAnimationFrame(r));
-    const m = setInterval(() => {
-      const c = s.current.size > 0, o = t.current !== null;
-      c && !o && (t.current = requestAnimationFrame(r));
-    }, 100);
-    return () => {
-      t.current !== null && cancelAnimationFrame(t.current), clearInterval(m);
-    };
-  }, [s]), {
-    createOCRControl: H(() => {
-      const r = y, l = g.current, m = A.current, c = v.current, o = h.current, n = 14, N = (e, p, F, M, I) => {
-        if (!l)
-          return;
-        const D = I, _ = w.current.get(D);
-        if (!_)
-          return;
-        const z = _.id, T = s.current.has(z), k = S.current.has(z), q = () => {
-          e.save(), e.translate(p, F), e.rotate(Y.util.degreesToRadians(I.angle || 0)), e.drawImage(l, -r / 2, -r / 2, r, r);
-          const u = r / 2 - n / 2 + 8, E = -r / 2 + n / 2 - 8;
-          if (T) {
-            if (o && f(o)) {
-              e.save(), e.translate(u, E);
-              const L = Date.now() / 500 % (Math.PI * 2);
-              e.rotate(L), e.drawImage(o, -n / 2, -n / 2, n, n), e.restore();
-            }
-            const i = I.canvas;
-            i && (d.current.has(i), d.current.add(i), s.current.size > 0 && !t.current && C.current && (t.current = requestAnimationFrame(C.current)));
-          } else {
-            const i = I.canvas;
-            i && s.current.size === 0 && d.current.delete(i), k && c && f(c) ? e.drawImage(c, u - n / 2, E - n / 2, n, n) : !T && !k && m && f(m) && e.drawImage(m, u - n / 2, E - n / 2, n, n);
-          }
-          e.restore();
-        };
-        f(l) ? q() : l.onload = () => {
-          q();
-          const u = I.canvas;
-          u && u.renderAll();
-        };
-      }, R = (e, p) => {
-        const F = p.target;
-        return O(F), !1;
-      };
-      return new Y.Control({
-        x: 0.5,
-        // 右侧（0 = 左边，0.5 = 中间，1 = 右边）
-        y: -0.5,
-        // 顶部（0 = 顶部，0.5 = 中间，1 = 底部）
-        offsetX: P,
-        // 与删除按钮相同的X偏移
-        offsetY: U + y + 4,
-        // 向下偏移，放在删除按钮下方（删除按钮的offsetY + 删除按钮大小 + 间距）
-        cursorStyle: "pointer",
-        mouseUpHandler: R,
-        render: N,
-        sizeX: r,
-        sizeY: r
-      });
-    }, [O, s, S, w])
-  };
-};
-export {
-  nr as useOCRControl
-};

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

@@ -1,106 +0,0 @@
-import { useRef as h, useCallback as W, useEffect as X } from "react";
-import { fabric as l } from "fabric";
-import { OCR_SCAN_LINE_GLOW_MULTIPLIER as Y, OCR_SCAN_LINE_GLOW_COLOR as k, OCR_SCAN_LINE_BRIGHT_COLOR as G, OCR_SCAN_LINE_CORE_POSITION_MULTIPLIER as P, OCR_SCAN_LINE_CORE_HEIGHT_MULTIPLIER as Z, OCR_SCAN_LINE_CORE_COLOR as j, OCR_SCAN_LINE_BASE_HEIGHT as B, OCR_SCAN_ANIMATION_SPEED as F } from "../../constants.mjs";
-const v = (t) => {
-  const o = h(/* @__PURE__ */ new Map()), c = h(null), L = W((e, U, C) => {
-    if (!t)
-      return;
-    const _ = o.current.get(e);
-    if (_ && (t.remove(_), o.current.delete(e)), !C)
-      return;
-    const s = t.getZoom(), O = e.left || 0, p = e.top || 0, I = e.getScaledWidth();
-    e.getScaledHeight();
-    const i = B, a = I * s, m = new l.Rect({
-      left: 0,
-      top: 0,
-      width: a,
-      height: i * Y,
-      // 光晕层更宽
-      fill: k,
-      // 紫色光晕
-      selectable: !1,
-      evented: !1,
-      originX: "left",
-      originY: "top"
-    }), E = new l.Rect({
-      left: 0,
-      top: i,
-      width: a,
-      height: i,
-      fill: G,
-      // 紫色较亮层
-      selectable: !1,
-      evented: !1,
-      originX: "left",
-      originY: "top"
-    }), S = new l.Rect({
-      left: 0,
-      top: i * P,
-      width: a,
-      height: i * Z,
-      fill: j,
-      // 紫色核心线条
-      selectable: !1,
-      evented: !1,
-      originX: "left",
-      originY: "top"
-    }), r = new l.Group([m, E, S], {
-      left: O,
-      top: p,
-      // 初始位置在顶部
-      originX: "left",
-      originY: "top",
-      selectable: !1,
-      evented: !1,
-      lockMovementX: !0,
-      lockMovementY: !0,
-      lockScalingX: !1,
-      lockScalingY: !1,
-      lockRotation: !0,
-      hasControls: !1,
-      hasBorders: !1,
-      objectCaching: !1,
-      statefullCache: !1,
-      noScaleCache: !1,
-      scaleX: 1 / s,
-      // 反向缩放，抵消画布缩放，保持固定视觉粗细
-      scaleY: 1 / s
-      // 反向缩放，抵消画布缩放，保持固定视觉粗细
-    });
-    t.add(r), o.current.set(e, r);
-    let n = 0, f = 1;
-    const N = F, d = () => {
-      if (!o.current.has(e) || !t)
-        return;
-      const A = e.left || 0, b = e.top || 0, H = e.getScaledWidth(), T = e.getScaledHeight(), g = t.getZoom();
-      n += N * f, n >= 1 ? (n = 1, f = -1) : n <= 0 && (n = 0, f = 1);
-      const w = b + n * T;
-      r.set({
-        left: A,
-        top: w,
-        scaleX: 1 / g,
-        // 反向缩放，抵消画布缩放，保持固定视觉粗细
-        scaleY: 1 / g
-        // 反向缩放，抵消画布缩放，保持固定视觉粗细
-      });
-      const u = r.getObjects();
-      if (u && u.length > 0) {
-        const M = H * g;
-        u.forEach((R) => {
-          R instanceof l.Rect && R.set("width", M);
-        });
-      }
-      t.renderAll(), c.current = requestAnimationFrame(d);
-    };
-    d();
-  }, [t]);
-  return X(() => () => {
-    c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
-  }, []), {
-    updateOCRLoadingIcon: L,
-    ocrLoadingIconMapRef: o
-  };
-};
-export {
-  v as useOCRLoadingIcon
-};