@glodon-aiot/dataset-annotation 3.19.1 → 3.19.2-alpha.0

package/dist/es/components/VLMAnnotation/VLMLabelMaker/index.mjs

@@ -1,44 +1,44 @@
-var Qt = Object.defineProperty, Vt = Object.defineProperties;
-var te = Object.getOwnPropertyDescriptors;
+var Vt = Object.defineProperty, te = Object.defineProperties;
+var ee = Object.getOwnPropertyDescriptors;
 var wt = Object.getOwnPropertySymbols;
-var ee = Object.prototype.hasOwnProperty, oe = Object.prototype.propertyIsEnumerable;
-var Ot = (i, g, d) => g in i ? Qt(i, g, { enumerable: !0, configurable: !0, writable: !0, value: d }) : i[g] = d, it = (i, g) => {
+var oe = Object.prototype.hasOwnProperty, re = Object.prototype.propertyIsEnumerable;
+var Ot = (i, g, d) => g in i ? Vt(i, g, { enumerable: !0, configurable: !0, writable: !0, value: d }) : i[g] = d, it = (i, g) => {
   for (var d in g || (g = {}))
-    ee.call(g, d) && Ot(i, d, g[d]);
+    oe.call(g, d) && Ot(i, d, g[d]);
   if (wt)
     for (var d of wt(g))
-      oe.call(g, d) && Ot(i, d, g[d]);
+      re.call(g, d) && Ot(i, d, g[d]);
   return i;
-}, _t = (i, g) => Vt(i, te(g));
+}, _t = (i, g) => te(i, ee(g));
 import { jsxs as Lt, jsx as L } from "react/jsx-runtime";
-import re, { useRef as T, useState as S, useCallback as w, useEffect as E, useImperativeHandle as ne } from "react";
+import ne, { useRef as T, useState as S, useCallback as w, useEffect as E, useImperativeHandle as se } from "react";
 import { fabric as W } from "fabric";
 import { useKeyPress as Z } from "ahooks";
-import se from "classnames";
+import ie from "classnames";
 import "./style.less.mjs";
-import ie from "../components/Toolbar.mjs";
-import { useOCRLoadingIcon as ce } from "./hooks/useOCRLoadingIcon.mjs";
-import { useRegionNameText as ae } from "./hooks/useRegionNameText.mjs";
-import { useCropRegionImage as fe } from "./hooks/useCropRegionImage.mjs";
-import { useDrawingMode as ue } from "./hooks/useDrawingMode.mjs";
-import { useRegionLoader as le } from "./hooks/useRegionLoader.mjs";
-import { useCanvasSetup as me } from "./hooks/useCanvasSetup.mjs";
-import { useTextLayouts as de } from "./hooks/useTextLayouts.mjs";
-import { useRegionUpdate as he } from "./hooks/useRegionUpdate.mjs";
-import { useCanvasDrag as ge } from "./hooks/useCanvasDrag.mjs";
-import { useRegionSelection as Re } from "./hooks/useRegionSelection.mjs";
-import { useOCRRecognition as pe } from "./hooks/useOCRRecognition.mjs";
-import { useDeleteRegion as Ee } from "./hooks/useDeleteRegion.mjs";
-import { useDeleteControl as Te } from "./hooks/useDeleteControl.mjs";
-import { useOCRControl as Ce } from "./hooks/useOCRControl.mjs";
-import { useCanvasZoom as ve } from "./hooks/useCanvasZoom.mjs";
-import { useRegionHover as Ie } from "./hooks/useRegionHover.mjs";
-import { useRegionBoundaryCheck as ke } from "./hooks/useRegionBoundaryCheck.mjs";
-import { useAIButtonHover as Ae } from "./hooks/useAIButtonHover.mjs";
-import Ne from "../components/AIErrorTooltip/index.mjs";
-import { canvasToImageCoords as Se, imageToCanvasCoords as xe } from "./utils/coordinateUtils.mjs";
-import { REGION_NAME_PREFIX as we, DEFAULT_REGION_NAME as Oe, ZOOM_PRECISION_ERROR as _e, TEXT_LAYOUT_RECT_FILL_COLOR as Le, TEXT_LAYOUT_RECT_STROKE_COLOR as ye, TRANSPARENT_FILL as yt, SELECTED_RECT_FILL_COLOR as Me, RECT_STROKE_COLOR as Mt, BASE_STROKE_WIDTH as ct, ACTIVE_RECT_STROKE_COLOR as De } from "../constants.mjs";
-const be = re.forwardRef(({
+import ce from "../components/Toolbar.mjs";
+import { useOCRLoadingIcon as ae } from "./hooks/useOCRLoadingIcon.mjs";
+import { useRegionNameText as fe } from "./hooks/useRegionNameText.mjs";
+import { useCropRegionImage as ue } from "./hooks/useCropRegionImage.mjs";
+import { useDrawingMode as le } from "./hooks/useDrawingMode.mjs";
+import { useRegionLoader as me } from "./hooks/useRegionLoader.mjs";
+import { useCanvasSetup as de } from "./hooks/useCanvasSetup.mjs";
+import { useTextLayouts as he } from "./hooks/useTextLayouts.mjs";
+import { useRegionUpdate as ge } from "./hooks/useRegionUpdate.mjs";
+import { useCanvasDrag as Re } from "./hooks/useCanvasDrag.mjs";
+import { useRegionSelection as pe } from "./hooks/useRegionSelection.mjs";
+import { useOCRRecognition as Ee } from "./hooks/useOCRRecognition.mjs";
+import { useDeleteRegion as Te } from "./hooks/useDeleteRegion.mjs";
+import { useDeleteControl as Ce } from "./hooks/useDeleteControl.mjs";
+import { useOCRControl as ve } from "./hooks/useOCRControl.mjs";
+import { useCanvasZoom as Ie } from "./hooks/useCanvasZoom.mjs";
+import { useRegionHover as ke } from "./hooks/useRegionHover.mjs";
+import { useRegionBoundaryCheck as Ae } from "./hooks/useRegionBoundaryCheck.mjs";
+import { useAIButtonHover as Ne } from "./hooks/useAIButtonHover.mjs";
+import Se from "../components/AIErrorTooltip/index.mjs";
+import { canvasToImageCoords as xe, imageToCanvasCoords as we } from "./utils/coordinateUtils.mjs";
+import { REGION_NAME_PREFIX as Oe, DEFAULT_REGION_NAME as _e, ZOOM_PRECISION_ERROR as Le, TEXT_LAYOUT_RECT_FILL_COLOR as ye, TEXT_LAYOUT_RECT_STROKE_COLOR as Me, TRANSPARENT_FILL as yt, SELECTED_RECT_FILL_COLOR as De, RECT_STROKE_COLOR as Mt, BASE_STROKE_WIDTH as ct, ACTIVE_RECT_STROKE_COLOR as be } from "../constants.mjs";
+const Pe = ne.forwardRef(({
   sample: i,
   labelDefinitions: g,
   labels: d,
@@ -51,13 +51,14 @@ const be = re.forwardRef(({
   onClearActive: Q,
   selectedRegion: C,
   onAppendTextToActive: Pt,
-  readOnly: h
-}, Ut) => {
+  readOnly: h,
+  hideDrawRect: Ut
+}, Wt) => {
   var Nt, St;
-  const ft = T(null), v = T(null), [Wt, Xt] = S(!0), [t, jt] = S(), [y, Ft] = S(), [I, ut] = S(1), [N, X] = S(h || !1), [k, _] = S(!1), [V, Bt] = S({
+  const ft = T(null), v = T(null), [Xt, jt] = S(!0), [t, Ft] = S(), [y, Bt] = S(), [I, ut] = S(1), [N, X] = S(h || !1), [k, _] = S(!1), [V, Ht] = S({
     left: 0,
     top: 0
-  }), [Ht, lt] = S(!1), [tt, mt] = S(null), j = T({
+  }), [Zt, lt] = S(!1), [tt, mt] = S(null), j = T({
     left: 0,
     top: 0
   }), dt = T({
@@ -67,12 +68,12 @@ const be = re.forwardRef(({
     width: 0,
     height: 0
   }), Et = T(!1), {
-    updateOCRLoadingIcon: Pe,
+    updateOCRLoadingIcon: Ue,
     ocrLoadingIconMapRef: M
-  } = ce(t), {
+  } = ae(t), {
     updateRegionNameText: z,
     regionNameTextMapRef: A
-  } = ae(t), et = fe(i == null ? void 0 : i.fileUrl), Zt = w((o) => {
+  } = fe(t), et = ue(i == null ? void 0 : i.fileUrl), Yt = w((o) => {
     t && (A.current.forEach((e, r) => {
       const n = r.left || 0, u = r.top || 0;
       e.set({
@@ -88,7 +89,7 @@ const be = re.forwardRef(({
     }), t.renderAll());
   }, [t]), {
     updateCanvas: F
-  } = me({
+  } = de({
     sample: i,
     image: y,
     onImageLoad: Dt,
@@ -99,39 +100,39 @@ const be = re.forwardRef(({
     bgImageSizeRef: dt,
     rectMapRef: c,
     updateTextLayersRef: ht,
-    onRectPositionUpdated: Zt,
-    setCanvas: jt,
-    setImage: Ft,
+    onRectPositionUpdated: Yt,
+    setCanvas: Ft,
+    setImage: Bt,
     setScale: ut,
-    setBgImagePosition: Bt,
-    setLoading: Xt
-  }), Yt = w(() => {
+    setBgImagePosition: Ht,
+    setLoading: jt
+  }), zt = w(() => {
     const o = Array.from(c.current.values());
     o.forEach((e, r) => {
-      e.name = `${we}${r + 1}`;
+      e.name = `${Oe}${r + 1}`;
     }), c.current.forEach((e, r) => {
       const n = A.current.get(r);
-      n && (n.set("text", e.name || Oe), t == null || t.renderAll());
+      n && (n.set("text", e.name || _e), t == null || t.renderAll());
     }), O && O(o);
   }, [O, t]), {
-    zoom: zt
-  } = ve({
+    zoom: Kt
+  } = Ie({
     canvas: t,
     setScale: ut,
     isZoomingRef: Et
   }), B = w(
-    (o, e) => Se(o, e, t, y, j),
+    (o, e) => xe(o, e, t, y, j),
     [t, y, V]
     // 添加 bgImagePosition 作为依赖，确保在图片位置更新后函数能正确工作
   ), K = w(
-    (o, e) => xe(o, e, t, j),
+    (o, e) => we(o, e, t, j),
     [t, V]
     // 添加 bgImagePosition 作为依赖，确保在图片位置更新后函数能正确工作
   ), {
     updateTextLayers: $,
     textLayersMapRef: m,
     textLayoutContentMapRef: G
-  } = de({
+  } = he({
     canvas: t,
     imageToCanvasCoords: K,
     activeLabelValue: R,
@@ -143,7 +144,7 @@ const be = re.forwardRef(({
     performOCR: q,
     ocrRecognizingRef: Ct,
     ocrErrorRef: ot
-  } = pe({
+  } = Ee({
     ocrRecognize: bt,
     onChange: O,
     updateTextLayers: $,
@@ -153,7 +154,7 @@ const be = re.forwardRef(({
     textLayoutContentMapRef: G
   }), {
     updateRegionShapeAndImage: vt
-  } = he({
+  } = ge({
     canvas: t,
     image: y,
     draggable: N,
@@ -169,7 +170,7 @@ const be = re.forwardRef(({
     ocrLoadingIconMapRef: M
   }), {
     setupBoundaryCheck: It
-  } = ke({
+  } = Ae({
     canvas: t,
     image: y,
     canvasToImageCoords: B,
@@ -204,7 +205,7 @@ const be = re.forwardRef(({
         return;
       if (t) {
         const s = t.getZoom();
-        if (Math.abs(s - I) > _e)
+        if (Math.abs(s - I) > Le)
           return;
       }
       const e = v.current.offsetWidth, r = v.current.offsetHeight, n = Y.current.width, u = Y.current.height;
@@ -244,9 +245,9 @@ const be = re.forwardRef(({
     }), m.current.forEach((r) => {
       r.forEach((n) => {
         n.set({
-          fill: Le,
+          fill: ye,
           // 确保填充色被保留
-          stroke: ye,
+          stroke: Me,
           // 确保边框色被保留
           strokeWidth: o,
           // 根据缩放调整边框宽度，保持视觉一致
@@ -289,7 +290,7 @@ const be = re.forwardRef(({
         }
       }
     }), t.renderAll();
-  }, [t, I]), ge({
+  }, [t, I]), Re({
     canvas: t,
     draggable: N,
     drawingMode: k,
@@ -297,11 +298,11 @@ const be = re.forwardRef(({
   });
   const {
     performDelete: D,
-    deleteDirectly: Kt
-  } = Ee({
+    deleteDirectly: $t
+  } = Te({
     canvas: t,
     onRegionChange: J,
-    updateRegionNames: Yt,
+    updateRegionNames: zt,
     rectMapRef: c,
     textLayersMapRef: m,
     textLayoutContentMapRef: G,
@@ -316,44 +317,44 @@ const be = re.forwardRef(({
       r.id === o && (e = n);
     }), e && D(e);
   }, [t, D]);
-  const $t = w((o) => {
+  const Gt = w((o) => {
     if (!t)
       return;
     let e = null;
     c.current.forEach((r) => {
       r.id === o && (e = r);
     }), e && q(e);
-  }, [t, q]), Gt = w((o) => {
+  }, [t, q]), qt = w((o) => {
     if (!t)
       return;
     const e = c.current.get(o);
     e && q(e);
   }, [t, q]);
-  ne(Ut, () => ({
-    performOCRById: $t,
+  se(Wt, () => ({
+    performOCRById: Gt,
     ocrRecognizingRef: Ct,
     ocrErrorRef: ot
   }));
   const {
     createDeleteControl: rt
-  } = Te({
+  } = Ce({
     performDelete: D
   }), {
     createOCRControl: nt
-  } = Ce({
-    performOCR: Gt,
+  } = ve({
+    performOCR: qt,
     ocrRecognizingRef: Ct,
     ocrErrorRef: ot,
     rectMapRef: c
   });
-  Re({
+  pe({
     canvas: t,
     onRegionSelect: at,
     createDeleteControl: rt,
     createOCRControl: nt,
     textLayersMapRef: m,
     rectMapRef: c
-  }), Ae({
+  }), Ne({
     canvas: t,
     ocrErrorRef: ot,
     rectMapRef: c,
@@ -374,7 +375,7 @@ const be = re.forwardRef(({
   });
   const {
     stopDraw: b
-  } = ue({
+  } = le({
     canvas: t,
     drawingMode: k,
     draggable: N,
@@ -418,7 +419,7 @@ const be = re.forwardRef(({
     return o(), t.on("object:added", o), () => {
       t.off("object:added", o);
     };
-  }, [t, h]), le({
+  }, [t, h]), me({
     canvas: t,
     sample: i,
     image: y,
@@ -452,7 +453,7 @@ const be = re.forwardRef(({
       c.current.forEach((a, l) => {
         r.has(a.id) && !n.has(a.id) && s.push(l);
       }), s.forEach((a) => {
-        Kt(a);
+        $t(a);
       });
     }
     if (kt.current = e, !d || d.length === 0)
@@ -471,7 +472,7 @@ const be = re.forwardRef(({
       });
       (f.name !== s.name || f.content !== s.content || f.image !== s.image || f.textLayouts !== s.textLayouts) && (c.current.set(a, f), f.name !== s.name && z(a, f), u = !0);
     }), u && (t == null || t.renderAll());
-  }, [d, t, z, D]), Ie({
+  }, [d, t, z, D]), ke({
     canvas: t,
     drawingMode: k,
     draggable: N,
@@ -512,7 +513,7 @@ const be = re.forwardRef(({
             });
             const u = t.getZoom(), s = ct / u, a = r;
             a.set({
-              fill: Me,
+              fill: De,
               // 选中时添加填充色
               stroke: Mt,
               // 选中时取消高亮，使用普通边框颜色
@@ -550,7 +551,7 @@ const be = re.forwardRef(({
         });
         return;
       }
-      const H = f.stroke, st = p ? De : Mt;
+      const H = f.stroke, st = p ? be : Mt;
       H !== st && (f.set({
         stroke: st,
         strokeWidth: s,
@@ -614,9 +615,9 @@ const be = re.forwardRef(({
     exactMatch: !1
     // 允许大小写
   });
-  const qt = () => {
+  const Jt = () => {
     h || (k && (_(!1), b()), X(!N));
-  }, Jt = () => {
+  }, Qt = () => {
     h || (N && X(!1), _(!k));
   };
   return E(() => () => {
@@ -628,26 +629,27 @@ const be = re.forwardRef(({
       display: "flex",
       position: "relative"
     },
-    children: [Wt && /* @__PURE__ */ L("div", {
+    children: [Xt && /* @__PURE__ */ L("div", {
       className: "vlm-loading-overlay",
       children: /* @__PURE__ */ L("div", {
         className: "vlm-loading-spinner"
       })
     }), /* @__PURE__ */ L("div", {
       className: "vlm-marker-toolbar",
-      children: /* @__PURE__ */ L(ie, {
+      children: /* @__PURE__ */ L(ce, {
         drawingMode: k,
         draggable: N,
         scale: I,
-        onToggleDrawingMode: Jt,
-        onToggleDrag: qt,
-        onZoom: zt,
+        onToggleDrawingMode: Qt,
+        onToggleDrag: Jt,
+        onZoom: Kt,
         onFitToScreen: F,
-        readOnly: h
+        readOnly: h,
+        hideDrawRect: Ut
       })
     }), /* @__PURE__ */ Lt("div", {
       ref: v,
-      className: se({
+      className: ie({
         "vlm-label-maker-wrap": !0,
         draggable: N
       }),
@@ -664,15 +666,15 @@ const be = re.forwardRef(({
       }), /* @__PURE__ */ L("canvas", {
         className: "vlm-label-maker-canvas",
         ref: ft
-      }), tt && /* @__PURE__ */ L(Ne, {
-        visible: Ht,
+      }), tt && /* @__PURE__ */ L(Se, {
+        visible: Zt,
         x: tt.x,
         y: tt.y
       })]
     })]
   });
 });
-be.displayName = "VLMLabelMaker";
+Pe.displayName = "VLMLabelMaker";
 export {
-  be as default
+  Pe as default
 };

package/dist/es/components/VLMAnnotation/components/Toolbar.mjs

@@ -1,11 +1,11 @@
-import { jsxs as t, Fragment as f, jsx as o } from "react/jsx-runtime";
-import { Space as s, Divider as u } from "antd";
-import d from "./RectangleButton.mjs";
-import v from "./DragButton.mjs";
-import C from "./ZoomControls.mjs";
-import g from "./FitToScreenButton.mjs";
+import { jsxs as t, Fragment as s, jsx as o } from "react/jsx-runtime";
+import { Space as u, Divider as d } from "antd";
+import v from "./RectangleButton.mjs";
+import C from "./DragButton.mjs";
+import g from "./ZoomControls.mjs";
+import h from "./FitToScreenButton.mjs";
 import { ZOOM_STEP as i } from "../constants.mjs";
-const Z = ({
+const j = ({
   drawingMode: e,
   draggable: n,
   scale: m,
@@ -13,28 +13,29 @@ const Z = ({
   onToggleDrag: a,
   onZoom: r,
   onFitToScreen: l,
-  readOnly: p
-}) => /* @__PURE__ */ t(s, {
+  readOnly: p,
+  hideDrawRect: f
+}) => /* @__PURE__ */ t(u, {
   direction: "vertical",
   size: 16,
-  children: [!p && /* @__PURE__ */ t(f, {
-    children: [/* @__PURE__ */ o(d, {
+  children: [!p && /* @__PURE__ */ t(s, {
+    children: [!f && /* @__PURE__ */ o(v, {
       active: e,
       onClick: c
-    }), /* @__PURE__ */ o(v, {
+    }), /* @__PURE__ */ o(C, {
       active: n,
       onClick: a
-    }), /* @__PURE__ */ o(u, {
+    }), /* @__PURE__ */ o(d, {
       type: "horizontal"
     })]
-  }), /* @__PURE__ */ o(C, {
+  }), /* @__PURE__ */ o(g, {
     scale: m,
     onZoomIn: () => r(-i),
     onZoomOut: () => r(i)
-  }), /* @__PURE__ */ o(g, {
+  }), /* @__PURE__ */ o(h, {
     onClick: l
   })]
 });
 export {
-  Z as default
+  j as default
 };