@glodon-aiot/dataset-annotation 3.17.0-alpha.4 → 3.17.0-beta.6

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

@@ -1,64 +1,64 @@
-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;
+var Y = Object.defineProperty;
+var G = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
+var H = (r, t, i) => t in r ? Y(r, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[t] = i, C = (r, t) => {
+  for (var i in t || (t = {}))
+    v.call(t, i) && H(r, i, t[i]);
+  if (G)
+    for (var i of G(t))
+      z.call(t, i) && H(r, i, t[i]);
+  return r;
 };
-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,
+import { useEffect as B } from "react";
+import { fabric as X } from "fabric";
+import { TRANSPARENT_FILL as g, RECT_STROKE_COLOR as j, BASE_STROKE_WIDTH as q, REGION_NAME_PREFIX as J } from "../../constants.mjs";
+const I = ({
+  canvas: r,
   sample: t,
-  image: n,
-  bgImagePosition: Y,
-  canvasInitializedRef: v,
-  bgImagePositionRef: m,
-  sampleRef: y,
+  image: i,
+  bgImagePosition: Q,
+  canvasInitializedRef: K,
+  bgImagePositionRef: w,
+  sampleRef: S,
   labelsLoadedRef: E,
-  rectMapRef: u,
-  textLayersMapRef: _,
-  textLayoutContentMapRef: G,
-  regionNameTextMapRef: x,
-  ocrLoadingIconMapRef: F,
-  imageToCanvasCoords: A,
+  rectMapRef: s,
+  textLayersMapRef: m,
+  textLayoutContentMapRef: N,
+  regionNameTextMapRef: y,
+  ocrLoadingIconMapRef: _,
+  imageToCanvasCoords: x,
   updateRegionShapeAndImage: k,
-  createDeleteControl: W,
-  createOCRControl: U,
-  updateRegionNameText: Z,
-  updateTextLayers: $,
-  setupBoundaryCheck: K,
-  cropRegionImage: N,
-  onChange: w
+  createDeleteControl: F,
+  createOCRControl: W,
+  updateRegionNameText: U,
+  updateTextLayers: Z,
+  setupBoundaryCheck: $,
+  cropRegionImage: A,
+  onChange: V
 }) => {
-  O(() => {
-    if (!o || !(t != null && t.labels) || !n || !v.current || m.current.left === 0 && m.current.top === 0)
+  B(() => {
+    if (!r || !(t != null && t.labels) || !i || !K.current || w.current.left === 0 && w.current.top === 0)
       return;
-    y.current !== t ? (y.current = t, E.current = !1, u.current.forEach((i, s) => {
-      const f = _.current.get(s);
+    S.current !== t ? (S.current = t, E.current = !1, s.current.forEach((n, c) => {
+      const f = m.current.get(c);
       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")
+        e.off("mousedown"), e.off("mouseover"), e.off("mouseout"), N.current.delete(e), r.remove(e);
+      }), m.current.delete(c));
+      const u = y.current.get(c);
+      u && (c.off("moved"), c.off("modified"), r.remove(u), y.current.delete(c));
+      const d = _.current.get(c);
+      d && (r.remove(d), _.current.delete(c)), r.remove(c);
+    }), s.current.clear(), t.labels.forEach((n, c) => {
+      if (n.shape.name !== "rect")
         return;
-      const f = A(i.shape.x, i.shape.y), h = o.getZoom(), d = Q / h, e = new j.Rect({
+      const f = x(n.shape.x, n.shape.y), u = r.getZoom(), d = q / u, e = new X.Rect({
         left: f.x,
         top: f.y,
-        width: i.shape.width,
-        height: i.shape.height,
-        fill: q,
+        width: n.shape.width,
+        height: n.shape.height,
+        fill: g,
         // 无填充色
-        stroke: J,
+        stroke: j,
         strokeWidth: d,
         strokeUniform: !0,
         // 边框宽度不受缩放影响
@@ -81,30 +81,27 @@ const a = ({
         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);
-          }
+      }), r.add(e), $(e), e.controls.deleteControl = F(), e.controls.ocrControl = W();
+      const o = C({}, n);
+      o.name || (o.name = `${J}${c + 1}`), s.current.set(e, o), U(e, o), o.textLayouts && o.textLayouts.length > 0 && Z(e, o), o.image || A(o).then((h) => {
+        if (h) {
+          const l = s.current.get(e);
+          l && (l.image = h);
         }
-      }).catch((c) => {
-        console.error("Failed to crop region image:", c);
+      }).catch((h) => {
+        console.error("Failed to crop region image:", h);
       });
-    }), 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))
+    }), E.current = !0, r.renderAll()) : !E.current && t.labels.length > 0 && (t.labels.forEach((n, c) => {
+      if (n.shape.name !== "rect" || Array.from(s.current.values()).find((l) => l.shape.x === n.shape.x && l.shape.y === n.shape.y && l.shape.width === n.shape.width && l.shape.height === n.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,
+      const u = x(n.shape.x, n.shape.y), d = r.getZoom(), e = q / d, o = new X.Rect({
+        left: u.x,
+        top: u.y,
+        width: n.shape.width,
+        height: n.shape.height,
+        fill: g,
         // 无填充色
-        stroke: J,
+        stroke: j,
         strokeWidth: e,
         strokeUniform: !0,
         // 边框宽度不受缩放影响
@@ -123,51 +120,48 @@ const a = ({
         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) => {
+      o.on("modified", () => {
+        k(o);
+      }), o.on("moved", () => {
+        k(o);
+      }), r.add(o), $(o), o.controls.deleteControl = F(), o.controls.ocrControl = W();
+      const h = C({}, n);
+      h.name || (h.name = `${J}${c + 1}`), s.current.set(o, h), U(o, h), h.textLayouts && h.textLayouts.length > 0 && Z(o, h), h.image || A(h).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);
-          }
+          const P = s.current.get(o);
+          P && (P.image = l);
         }
       }).catch((l) => {
         console.error("Failed to crop region image:", l);
       });
-    }), E.current = !0, o.renderAll());
+    }), E.current = !0, r.renderAll());
   }, [
-    o,
+    r,
     t,
     t == null ? void 0 : t.labels,
-    n,
-    Y,
-    N,
-    w,
-    // 添加 bgImagePosition 作为依赖，确保在位置设置后触发加载
+    i,
+    Q,
     A,
+    V,
+    // 添加 bgImagePosition 作为依赖，确保在位置设置后触发加载
+    x,
     k,
-    $,
     Z,
-    W,
     U,
-    v,
+    F,
+    W,
+    K,
+    w,
+    S,
+    E,
+    s,
     m,
+    N,
     y,
-    E,
-    u,
     _,
-    G,
-    x,
-    F,
-    K
+    $
   ]);
 };
 export {
-  a as useRegionLoader
+  I as useRegionLoader
 };

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

@@ -1,90 +1,53 @@
-import { useEffect as W } from "react";
-import { fabric as f } from "fabric";
-import { SELECTED_RECT_FILL_COLOR as k, RECT_STROKE_COLOR as X, CONTROL_POINT_COLOR as j, CONTROL_POINT_SIZE as N, TRANSPARENT_FILL as Y, BASE_STROKE_WIDTH as F, AI_CONTROL_OFFSET_X as q, AI_CONTROL_OFFSET_Y as z, AI_ICON_SIZE as D } from "../../constants.mjs";
-const G = ({
-  canvas: o,
-  onRegionSelect: l,
-  createDeleteControl: h,
-  createOCRControl: g,
-  textLayersMapRef: O,
-  rectMapRef: y
+import { useEffect as A } from "react";
+import { fabric as a } from "fabric";
+import { SELECTED_RECT_FILL_COLOR as L, RECT_STROKE_COLOR as T, CONTROL_POINT_COLOR as R, CONTROL_POINT_SIZE as E, TRANSPARENT_FILL as k, BASE_STROKE_WIDTH as g } from "../../constants.mjs";
+const x = ({
+  canvas: e,
+  onRegionSelect: o,
+  createDeleteControl: n,
+  createOCRControl: s,
+  textLayersMapRef: C,
+  rectMapRef: i
 }) => {
-  W(() => {
-    if (!o)
+  A(() => {
+    if (!e)
       return;
-    const C = () => {
+    const f = () => {
       const t = /* @__PURE__ */ new Set();
-      return O.current.forEach((n) => {
-        n.forEach((c) => {
-          t.add(c);
+      return C.current.forEach((r) => {
+        r.forEach((l) => {
+          t.add(l);
         });
       }), t;
-    }, m = () => {
-      const t = C();
-      o.getObjects().forEach((n) => {
-        n instanceof f.Rect && !t.has(n) && n.set({
-          fill: Y
+    }, d = () => {
+      const t = f();
+      e.getObjects().forEach((r) => {
+        r instanceof a.Rect && !t.has(r) && r.set({
+          fill: k
           // 移除填充色
         });
       });
-    }, S = (t) => {
-      const n = t.getCoords();
-      if (!n || n.length < 4)
-        return null;
-      const c = q, u = z + D + 4, a = n[0], i = n[1], d = n[2], s = i, e = {
-        x: d.x - i.x,
-        y: d.y - i.y
-      }, r = {
-        x: a.x - i.x,
-        y: a.y - i.y
-      }, p = Math.sqrt(e.x * e.x + e.y * e.y), x = Math.sqrt(r.x * r.x + r.y * r.y), T = p > 1e-3 ? {
-        x: e.x / p,
-        y: e.y / p
-      } : {
-        x: 1,
-        y: 0
-      }, L = x > 1e-3 ? {
-        x: r.x / x,
-        y: r.y / x
-      } : {
-        x: 0,
-        y: -1
-      }, b = s.x + T.x * c - L.x * u, E = s.y + T.y * c - L.y * u, _ = o.viewportTransform;
-      if (!_)
-        return null;
-      const U = new f.Point(b, E), P = f.util.transformPoint(U, _), Z = o.getElement().getBoundingClientRect(), w = Z.left + P.x, B = Z.top + P.y;
-      return {
-        canvasCoords: {
-          x: b,
-          y: E
-        },
-        screenCoords: {
-          x: w,
-          y: B
-        }
-      };
-    }, R = () => {
-      var n, c;
-      m();
-      const t = o.getActiveObject();
-      if (t && t instanceof f.Rect) {
-        if (C().has(t)) {
-          o.discardActiveObject(), o.renderAll();
+    }, h = () => {
+      d();
+      const t = e.getActiveObject();
+      if (t && t instanceof a.Rect) {
+        if (f().has(t)) {
+          e.discardActiveObject(), e.renderAll();
           return;
         }
-        const a = o.getZoom(), i = F / a;
+        const l = e.getZoom(), u = g / l;
         t.set({
           hasRotatingPoint: !1,
           lockRotation: !0,
           lockUniScaling: !1,
           // 允许非等比缩放，控制点跟随鼠标
-          fill: k,
+          fill: L,
           // 选中时添加填充色
-          stroke: X,
+          stroke: T,
           // 选中时取消高亮，使用普通边框颜色
           strokeUniform: !0,
           // 确保边框宽度不受缩放影响
-          strokeWidth: i,
+          strokeWidth: u,
           // 确保边框宽度一致
           objectCaching: !1,
           // 禁用缓存，避免缩放时边框变虚
@@ -92,57 +55,25 @@ const G = ({
           noScaleCache: !1,
           cornerStyle: "circle",
           // 设置控制点为圆形
-          cornerColor: j,
+          cornerColor: R,
           // 设置控制点为紫色（填充色）
-          cornerSize: N,
+          cornerSize: E,
           // 设置控制点大小（默认12，这里设置为6使其更小）
           transparentCorners: !1
           // 不透明，显示填充颜色
-        }), t.controls && t.controls.mtr && delete t.controls.mtr, t.controls.deleteControl || (t.controls.deleteControl = h()), t.controls.ocrControl || (t.controls.ocrControl = g()), o.renderAll();
-        const d = S(t), s = y.current.get(t);
-        fetch("http://127.0.0.1:7243/ingest/f03da105-26de-4a72-9802-7a749afbd310", {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            location: "useRegionSelection.ts:handleSelectionCreated",
-            message: "AI button position when region selected",
-            data: {
-              regionId: s == null ? void 0 : s.id,
-              aiButtonPosition: d,
-              rectCoords: (n = t.getCoords()) == null ? void 0 : n.map((e) => ({
-                x: e.x,
-                y: e.y
-              })),
-              canvasZoom: o.getZoom()
-            },
-            timestamp: Date.now(),
-            sessionId: "debug-session",
-            runId: "run1",
-            hypothesisId: "A"
-          })
-        }).catch(() => {
-        }), console.log("[useRegionSelection] Region selected - AI button position:", {
-          regionId: s == null ? void 0 : s.id,
-          aiButtonPosition: d,
-          rectCoords: (c = t.getCoords()) == null ? void 0 : c.map((e) => ({
-            x: e.x,
-            y: e.y
-          })),
-          canvasZoom: o.getZoom()
-        }), s && l && l(s);
+        }), 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);
       }
-    }, I = () => {
-      var n, c;
-      m();
-      const t = o.getActiveObject();
-      if (t && t instanceof f.Rect) {
-        if (C().has(t)) {
-          o.discardActiveObject(), o.renderAll();
+    }, O = () => {
+      d();
+      const t = e.getActiveObject();
+      if (t && t instanceof a.Rect) {
+        if (f().has(t)) {
+          e.discardActiveObject(), e.renderAll();
           return;
         }
-        const a = o.getZoom(), i = F / a;
+        const l = e.getZoom(), u = g / l;
         t.set({
           hasRotatingPoint: !1,
           lockRotation: !0,
@@ -150,11 +81,11 @@ const G = ({
           // 允许非等比缩放，控制点跟随鼠标
           lockScalingFlip: !0,
           // 禁止缩放时翻转
-          fill: k,
+          fill: L,
           // 选中时添加填充色
           strokeUniform: !0,
           // 确保边框宽度不受缩放影响
-          strokeWidth: i,
+          strokeWidth: u,
           // 确保边框宽度一致
           objectCaching: !1,
           // 禁用缓存，避免缩放时边框变虚
@@ -162,57 +93,26 @@ const G = ({
           noScaleCache: !1,
           cornerStyle: "circle",
           // 设置控制点为圆形
-          cornerColor: j,
+          cornerColor: R,
           // 设置控制点为紫色（填充色）
-          cornerSize: N,
+          cornerSize: E,
           // 设置控制点大小（默认12，这里设置为6使其更小）
           transparentCorners: !1
           // 不透明，显示填充颜色
         });
-        const d = t;
-        d.uniformScaling = !1, t.controls && t.controls.mtr && delete t.controls.mtr, t.controls.deleteControl || (t.controls.deleteControl = h()), t.controls.ocrControl || (t.controls.ocrControl = g()), o.renderAll();
-        const s = S(t), e = y.current.get(t);
-        fetch("http://127.0.0.1:7243/ingest/f03da105-26de-4a72-9802-7a749afbd310", {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            location: "useRegionSelection.ts:handleSelectionUpdated",
-            message: "AI button position when region updated",
-            data: {
-              regionId: e == null ? void 0 : e.id,
-              aiButtonPosition: s,
-              rectCoords: (n = t.getCoords()) == null ? void 0 : n.map((r) => ({
-                x: r.x,
-                y: r.y
-              })),
-              canvasZoom: o.getZoom()
-            },
-            timestamp: Date.now(),
-            sessionId: "debug-session",
-            runId: "run1",
-            hypothesisId: "A"
-          })
-        }).catch(() => {
-        }), console.log("[useRegionSelection] Region updated - AI button position:", {
-          regionId: e == null ? void 0 : e.id,
-          aiButtonPosition: s,
-          rectCoords: (c = t.getCoords()) == null ? void 0 : c.map((r) => ({
-            x: r.x,
-            y: r.y
-          })),
-          canvasZoom: o.getZoom()
-        }), e && l && l(e);
+        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);
       }
-    }, A = () => {
-      m(), o.renderAll(), l && l(null);
+    }, m = () => {
+      d(), e.renderAll(), o && o(null);
     };
-    return o.on("selection:created", R), o.on("selection:updated", I), o.on("selection:cleared", A), () => {
-      o.off("selection:created", R), o.off("selection:updated", I), o.off("selection:cleared", A);
+    return e.on("selection:created", h), e.on("selection:updated", O), e.on("selection:cleared", m), () => {
+      e.off("selection:created", h), e.off("selection:updated", O), e.off("selection:cleared", m);
     };
-  }, [o, l, h, g, O, y]);
+  }, [e, o, n, s, C, i]);
 };
 export {
-  G as useRegionSelection
+  x as useRegionSelection
 };