@glodon-aiot/dataset-annotation 3.11.1-shapshot.1765331459 → 3.13.0-alpha.28

package/dist/es/components/VLMAnnotation/VLMLabelMaker/icons/del.png.mjs

@@ -0,0 +1,4 @@
+const A = "data:image/png;base64,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";
+export {
+  A as default
+};

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

@@ -0,0 +1,526 @@
+var Pe = Object.defineProperty, Ue = Object.defineProperties;
+var Xe = Object.getOwnPropertyDescriptors;
+var le = Object.getOwnPropertySymbols;
+var Fe = Object.prototype.hasOwnProperty, We = Object.prototype.propertyIsEnumerable;
+var ge = (s, l, u) => l in s ? Pe(s, l, { enumerable: !0, configurable: !0, writable: !0, value: u }) : s[l] = u, q = (s, l) => {
+  for (var u in l || (l = {}))
+    Fe.call(l, u) && ge(s, u, l[u]);
+  if (le)
+    for (var u of le(l))
+      We.call(l, u) && ge(s, u, l[u]);
+  return s;
+}, he = (s, l) => Ue(s, Xe(l));
+import { jsxs as Re, jsx as S } from "react/jsx-runtime";
+import { useRef as R, useState as A, useCallback as P, useEffect as h } from "react";
+import { fabric as U } from "fabric";
+import { useKeyPress as X } from "ahooks";
+import Oe from "classnames";
+import "./style.less.mjs";
+import ye from "../components/Toolbar.mjs";
+import { useOCRLoadingIcon as be } from "./hooks/useOCRLoadingIcon.mjs";
+import { useRegionNameText as Ye } from "./hooks/useRegionNameText.mjs";
+import { useCropRegionImage as je } from "./hooks/useCropRegionImage.mjs";
+import { useDrawingMode as ze } from "./hooks/useDrawingMode.mjs";
+import { useRegionLoader as He } from "./hooks/useRegionLoader.mjs";
+import { useCanvasSetup as Ze } from "./hooks/useCanvasSetup.mjs";
+import { useTextLayouts as Ke } from "./hooks/useTextLayouts.mjs";
+import { useRegionUpdate as $e } from "./hooks/useRegionUpdate.mjs";
+import { useCanvasDrag as Be } from "./hooks/useCanvasDrag.mjs";
+import { useRegionSelection as Ge } from "./hooks/useRegionSelection.mjs";
+import { useOCRRecognition as qe } from "./hooks/useOCRRecognition.mjs";
+import { useDeleteRegion as Je } from "./hooks/useDeleteRegion.mjs";
+import { useDeleteControl as Qe } from "./hooks/useDeleteControl.mjs";
+import { useCanvasZoom as Ve } from "./hooks/useCanvasZoom.mjs";
+import { useRegionHover as et } from "./hooks/useRegionHover.mjs";
+import { canvasToImageCoords as tt, imageToCanvasCoords as ot } from "./utils/coordinateUtils.mjs";
+import { REGION_NAME_PREFIX as rt, DEFAULT_REGION_NAME as nt, ZOOM_PRECISION_ERROR as st, TEXT_LAYOUT_RECT_FILL_COLOR as it, TEXT_LAYOUT_RECT_STROKE_COLOR as ct, TRANSPARENT_FILL as at, BASE_STROKE_WIDTH as ft } from "../constants.mjs";
+const Wt = ({
+  sample: s,
+  labelDefinitions: l,
+  labels: u,
+  onImageLoad: pe,
+  onChange: x,
+  onRegionSelect: J,
+  onRegionChange: H,
+  ocrRecognize: Te,
+  activeLabelValue: g,
+  onClearActive: Z,
+  selectedRegion: Q,
+  onAppendTextToActive: Ee,
+  readOnly: c
+}) => {
+  var ue, me;
+  const V = R(null), T = R(null), [ve, Ce] = A(!0), [t, Ne] = A(), [D, Ie] = A(), [p, ee] = A(1), [E, _] = A(c || !1), [v, I] = A(!1), [K, Ae] = A({
+    left: 0,
+    top: 0
+  }), F = R({
+    left: 0,
+    top: 0
+  }), xe = R({
+    width: 0,
+    height: 0
+  }), a = R(/* @__PURE__ */ new Map()), te = R(null), oe = R(void 0), re = R(!1), ne = R(!1), W = R({
+    width: 0,
+    height: 0
+  }), se = R(!1), {
+    updateOCRLoadingIcon: ke,
+    ocrLoadingIconMapRef: k
+  } = be(t), {
+    updateRegionNameText: O,
+    regionNameTextMapRef: C
+  } = Ye(t), ie = je(s == null ? void 0 : s.fileUrl), we = P((o) => {
+    t && (C.current.forEach((e, r) => {
+      const n = r.left || 0, i = r.top || 0;
+      e.set({
+        left: n,
+        // 与标注框左边对齐
+        top: i,
+        // 下边缘与标注框上边缘对齐（因为 originY 是 'bottom'）
+        scaleX: 1 / o,
+        // 反向缩放，抵消画布缩放
+        scaleY: 1 / o
+        // 反向缩放，抵消画布缩放
+      });
+    }), t.renderAll());
+  }, [t]), {
+    updateCanvas: L
+  } = Ze({
+    sample: s,
+    image: D,
+    onImageLoad: pe,
+    canvasRef: V,
+    containerRef: T,
+    canvasInitializedRef: re,
+    bgImagePositionRef: F,
+    bgImageSizeRef: xe,
+    rectMapRef: a,
+    updateTextLayersRef: te,
+    onRectPositionUpdated: we,
+    setCanvas: Ne,
+    setImage: Ie,
+    setScale: ee,
+    setBgImagePosition: Ae,
+    setLoading: Ce
+  }), Me = P(() => {
+    const o = Array.from(a.current.values());
+    o.forEach((e, r) => {
+      e.name = `${rt}${r + 1}`;
+    }), a.current.forEach((e, r) => {
+      const n = C.current.get(r);
+      n && (n.set("text", e.name || nt), t == null || t.renderAll());
+    }), x && x(o);
+  }, [x, t]), {
+    zoom: Se
+  } = Ve({
+    canvas: t,
+    setScale: ee,
+    isZoomingRef: se
+  }), y = P(
+    (o, e) => tt(o, e, t, D, F),
+    [t, D, K]
+    // 添加 bgImagePosition 作为依赖，确保在图片位置更新后函数能正确工作
+  ), $ = P(
+    (o, e) => ot(o, e, t, F),
+    [t, K]
+    // 添加 bgImagePosition 作为依赖，确保在图片位置更新后函数能正确工作
+  ), {
+    updateTextLayers: b,
+    textLayersMapRef: m,
+    textLayoutContentMapRef: Y
+  } = Ke({
+    canvas: t,
+    imageToCanvasCoords: $,
+    activeLabelValue: g,
+    onAppendTextToActive: Ee
+  });
+  te.current = b;
+  const {
+    performOCRIfNeeded: ce,
+    ocrRecognizingRef: ut
+  } = qe({
+    ocrRecognize: Te,
+    onChange: x,
+    updateTextLayers: b,
+    canvas: t,
+    updateOCRLoadingIcon: ke,
+    rectMapRef: a,
+    textLayersMapRef: m,
+    textLayoutContentMapRef: Y
+  }), {
+    updateRegionShapeAndImage: ae
+  } = $e({
+    canvas: t,
+    image: D,
+    draggable: E,
+    canvasToImageCoords: y,
+    imageToCanvasCoords: $,
+    cropRegionImage: ie,
+    onChange: x,
+    onRegionChange: H,
+    performOCRIfNeeded: ce,
+    updateTextLayers: b,
+    rectMapRef: a,
+    regionNameTextMapRef: C,
+    ocrLoadingIconMapRef: k
+  });
+  h(() => {
+    L();
+  }, [L]), h(() => {
+    t && (m.current.forEach((o) => {
+      o.forEach((e) => {
+        e.off("mousedown"), e.off("mouseover"), e.off("mouseout"), t.remove(e), Y.current.delete(e);
+      });
+    }), m.current.clear(), C.current.forEach((o) => {
+      t.remove(o);
+    }), C.current.clear(), k.current.forEach((o) => {
+      t.remove(o);
+    }), k.current.clear(), a.current.forEach((o, e) => {
+      e.off("modified"), e.off("moved"), t.remove(e);
+    }), a.current.clear(), ne.current = !1, oe.current = void 0, t.renderAll());
+  }, [t, s == null ? void 0 : s.id]), h(() => {
+    if (!T.current)
+      return;
+    W.current = {
+      width: T.current.offsetWidth,
+      height: T.current.offsetHeight
+    };
+    const o = new ResizeObserver(() => {
+      if (!T.current || se.current)
+        return;
+      if (t) {
+        const d = t.getZoom();
+        if (Math.abs(d - p) > st)
+          return;
+      }
+      const e = T.current.offsetWidth, r = T.current.offsetHeight, n = W.current.width, i = W.current.height;
+      (e !== n || r !== i) && (W.current = {
+        width: e,
+        height: r
+      }, L());
+    });
+    return o.observe(T.current), () => {
+      o.disconnect();
+    };
+  }, [L, t, p]), X("ctrl", () => {
+    c || (v && (I(!1), w()), _(!0));
+  }, {
+    events: ["keydown"]
+  }), X("ctrl", () => {
+    c || _(!1);
+  }, {
+    events: ["keyup"]
+  }), h(() => {
+    if (!t)
+      return;
+    const o = ft / p, e = /* @__PURE__ */ new Set();
+    m.current.forEach((r) => {
+      r.forEach((n) => {
+        e.add(n);
+      });
+    }), t.getObjects().forEach((r) => {
+      r instanceof U.Rect && !e.has(r) && r.set({
+        strokeWidth: o,
+        strokeUniform: !0,
+        objectCaching: !1,
+        // 禁用缓存，避免缩放时边框变虚
+        statefullCache: !1,
+        noScaleCache: !1
+      });
+    }), m.current.forEach((r) => {
+      r.forEach((n) => {
+        n.set({
+          fill: it,
+          // 确保填充色被保留
+          stroke: ct,
+          // 确保边框色被保留
+          strokeWidth: o,
+          // 根据缩放调整边框宽度，保持视觉一致
+          strokeUniform: !0,
+          // 确保边框宽度随缩放调整
+          objectCaching: !1,
+          statefullCache: !1,
+          noScaleCache: !1
+        });
+      });
+    }), C.current.forEach((r, n) => {
+      const i = n.left || 0, d = n.top || 0;
+      r.set({
+        left: i,
+        // 与标注框左边对齐
+        top: d,
+        // 下边缘与标注框上边缘对齐（因为 originY 是 'bottom'）
+        scaleX: 1 / p,
+        // 反向缩放，抵消画布缩放
+        scaleY: 1 / p
+        // 反向缩放，抵消画布缩放
+      });
+      const f = k.current.get(n);
+      if (f) {
+        const N = n.getScaledWidth();
+        n.getScaledHeight(), f.set({
+          left: i,
+          // top 位置由动画控制，这里不更新
+          scaleX: 1 / p,
+          // 反向缩放，抵消画布缩放，保持固定视觉粗细
+          scaleY: 1 / p
+          // 反向缩放，抵消画布缩放，保持固定视觉粗细
+        });
+        const M = f.getObjects();
+        if (M && M.length > 0) {
+          const j = N * p;
+          M.forEach((z) => {
+            z instanceof U.Rect && z.set("width", j);
+          });
+        }
+      }
+    }), t.renderAll();
+  }, [t, p]), Be({
+    canvas: t,
+    draggable: E,
+    drawingMode: v,
+    textLayersMapRef: m
+  });
+  const {
+    performDelete: B
+  } = Je({
+    canvas: t,
+    onRegionChange: H,
+    updateRegionNames: Me,
+    rectMapRef: a,
+    textLayersMapRef: m,
+    textLayoutContentMapRef: Y,
+    regionNameTextMapRef: C,
+    ocrLoadingIconMapRef: k
+  }), {
+    createDeleteControl: G
+  } = Qe({
+    performDelete: B
+  });
+  Ge({
+    canvas: t,
+    onRegionSelect: J,
+    createDeleteControl: G,
+    textLayersMapRef: m,
+    rectMapRef: a
+  });
+  const {
+    stopDraw: w
+  } = ze({
+    canvas: t,
+    drawingMode: v,
+    draggable: E,
+    setDrawingMode: I,
+    canvasToImageCoords: y,
+    labelDefinitions: l,
+    onChange: x,
+    cropRegionImage: ie,
+    updateRegionShapeAndImage: ae,
+    performOCRIfNeeded: ce,
+    createDeleteControl: G,
+    updateRegionNameText: O,
+    onRegionChange: H,
+    onRegionSelect: J,
+    rectMapRef: a,
+    textLayersMapRef: m
+  });
+  h(() => {
+    g && (I(!1), w());
+  }, [g, w]), h(() => {
+    c && (_(!0), I(!1), w());
+  }, [c, w]), h(() => {
+    if (!t)
+      return;
+    const o = () => {
+      t.getObjects().forEach((e) => {
+        e instanceof U.Rect && e.selectable && (e.set({
+          lockMovementX: c,
+          lockMovementY: c,
+          lockScalingX: c,
+          lockScalingY: c,
+          hasControls: !c
+          // 在只读模式下，如果有 activeLabelValue，我们可能希望它保持选中状态
+          // 但不允许用户通过点击来取消选中或选中其他（这个由 canvas.selection 控制）
+        }), c && e.controls);
+      }), t.requestRenderAll();
+    };
+    return o(), t.on("object:added", o), () => {
+      t.off("object:added", o);
+    };
+  }, [t, c]), He({
+    canvas: t,
+    sample: s,
+    image: D,
+    bgImagePosition: K,
+    canvasInitializedRef: re,
+    bgImagePositionRef: F,
+    sampleRef: oe,
+    labelsLoadedRef: ne,
+    rectMapRef: a,
+    textLayersMapRef: m,
+    textLayoutContentMapRef: Y,
+    regionNameTextMapRef: C,
+    ocrLoadingIconMapRef: k,
+    imageToCanvasCoords: $,
+    updateRegionShapeAndImage: ae,
+    createDeleteControl: G,
+    updateRegionNameText: O,
+    updateTextLayers: b
+  }), h(() => {
+    if (!u || u.length === 0)
+      return;
+    let o = !1;
+    a.current.forEach((e, r) => {
+      var d, f;
+      const n = u.find((N) => N.id === e.id);
+      if (!n)
+        return;
+      const i = he(q(q({}, e), n), {
+        // Keep shape from canvas to avoid desync
+        shape: e.shape,
+        image: (d = n.image) != null ? d : e.image,
+        textLayouts: (f = n.textLayouts) != null ? f : e.textLayouts
+      });
+      (i.name !== e.name || i.content !== e.content || i.image !== e.image || i.textLayouts !== e.textLayouts) && (a.current.set(r, i), i.name !== e.name && O(r, i), o = !0);
+    }), o && (t == null || t.renderAll());
+  }, [u, t, O]), et({
+    canvas: t,
+    drawingMode: v,
+    draggable: E,
+    textLayersMapRef: m
+  }), h(() => {
+    if (t && Q === null) {
+      const o = /* @__PURE__ */ new Set();
+      m.current.forEach((r) => {
+        r.forEach((n) => {
+          o.add(n);
+        });
+      }), t.getObjects().forEach((r) => {
+        r instanceof U.Rect && !o.has(r) && r.set({
+          fill: at
+          // 移除填充色
+        });
+      }), t.getActiveObject() && (t.discardActiveObject(), t.renderAll());
+    }
+  }, [t, Q]), h(() => {
+    var r;
+    if (!t)
+      return;
+    const o = (r = g == null ? void 0 : g.region) == null ? void 0 : r.id;
+    let e = !1;
+    m.current.forEach((n, i) => {
+      const d = a.current.get(i);
+      if (d && n.length > 0) {
+        const f = o === d.id;
+        n.forEach((N) => {
+          N.visible !== f && (N.set({
+            visible: f
+          }), e = !0);
+        });
+      }
+    }), e && t.renderAll();
+  }, [t, g]), h(() => {
+    var n, i;
+    if (!t)
+      return;
+    const o = (n = g == null ? void 0 : g.region) == null ? void 0 : n.id;
+    if (!o)
+      return;
+    let e = null;
+    if (a.current.forEach((d, f) => {
+      d.id === o && (e = f);
+    }), !e)
+      return;
+    e.bringToFront(), ((i = m.current.get(e)) != null ? i : []).forEach((d) => {
+      d.bringToFront();
+    }), t.renderAll();
+  }, [t, g, a, m]), h(() => {
+    if (!t || !g || !Z)
+      return;
+    const o = (e) => {
+      var de;
+      const r = (de = e.e) == null ? void 0 : de.target;
+      if ((r == null ? void 0 : r.tagName) === "INPUT" || (r == null ? void 0 : r.tagName) === "TEXTAREA")
+        return;
+      const n = t.getPointer(e.e), i = n.x, d = n.y, f = y(i, d), N = g.region, {
+        x: M,
+        y: j,
+        width: z,
+        height: Le
+      } = N.shape;
+      f.x >= M && f.x <= M + z && f.y >= j && f.y <= j + Le || Z();
+    };
+    return t.on("mouse:down", o), () => {
+      t.off("mouse:down", o);
+    };
+  }, [t, g, Z, y]);
+  const fe = P((o) => {
+    const e = o.target;
+    if ((e == null ? void 0 : e.tagName) === "INPUT" || (e == null ? void 0 : e.tagName) === "TEXTAREA" || !t || c)
+      return;
+    const r = t.getActiveObject();
+    !r || !(r instanceof U.Rect) || B(r);
+  }, [t, B]);
+  X("Delete", fe), X("Backspace", fe), X("r", (o) => {
+    const e = o.target;
+    (e == null ? void 0 : e.tagName) === "INPUT" || (e == null ? void 0 : e.tagName) === "TEXTAREA" || e != null && e.isContentEditable || c || !v && !E && I(!0);
+  }, {
+    exactMatch: !1
+    // 允许大小写
+  });
+  const De = () => {
+    c || (v && (I(!1), w()), _(!E));
+  }, _e = () => {
+    c || (E && _(!1), I(!v));
+  };
+  return h(() => () => {
+    t && t.dispose();
+  }, []), /* @__PURE__ */ Re("div", {
+    style: {
+      width: "100%",
+      height: "100%",
+      display: "flex",
+      position: "relative"
+    },
+    children: [ve && /* @__PURE__ */ S("div", {
+      className: "vlm-loading-overlay",
+      children: /* @__PURE__ */ S("div", {
+        className: "vlm-loading-spinner"
+      })
+    }), /* @__PURE__ */ S("div", {
+      className: "vlm-marker-toolbar",
+      children: /* @__PURE__ */ S(ye, {
+        drawingMode: v,
+        draggable: E,
+        scale: p,
+        onToggleDrawingMode: _e,
+        onToggleDrag: De,
+        onZoom: Se,
+        onFitToScreen: L,
+        readOnly: c
+      })
+    }), /* @__PURE__ */ Re("div", {
+      ref: T,
+      className: Oe({
+        "vlm-label-maker-wrap": !0,
+        draggable: E
+      }),
+      onContextMenu: (o) => {
+        o.preventDefault();
+      },
+      style: {
+        flex: 1,
+        position: "relative"
+      },
+      children: [(((ue = s == null ? void 0 : s.sampleFileName) == null ? void 0 : ue.originalName) || ((me = s == null ? void 0 : s.sampleFileName) == null ? void 0 : me.name)) && /* @__PURE__ */ S("div", {
+        className: "vlm-image-name",
+        children: s.sampleFileName.originalName || s.sampleFileName.name
+      }), /* @__PURE__ */ S("canvas", {
+        className: "vlm-label-maker-canvas",
+        ref: V
+      })]
+    })]
+  });
+};
+export {
+  Wt as default
+};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/style.less.mjs

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/utils/coordinateUtils.mjs

@@ -0,0 +1,33 @@
+const u = (c, e, o, r, n) => {
+  if (!o || !r)
+    return {
+      x: 0,
+      y: 0
+    };
+  const t = r.getElement();
+  if (!(t != null && t.width) || !(t != null && t.height))
+    return {
+      x: 0,
+      y: 0
+    };
+  const s = c - n.current.left, a = e - n.current.top;
+  return {
+    x: s,
+    y: a
+  };
+}, x = (c, e, o, r) => {
+  if (!o)
+    return {
+      x: 0,
+      y: 0
+    };
+  const n = c + r.current.left, t = e + r.current.top;
+  return {
+    x: n,
+    y: t
+  };
+};
+export {
+  u as canvasToImageCoords,
+  x as imageToCanvasCoords
+};

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

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Tooltip as e, Button as i } from "antd";
+import { DragOutlined as a } from "@ant-design/icons";
+const c = ({
+  active: r,
+  onClick: o
+}) => /* @__PURE__ */ t(e, {
+  title: "拖动-按住ctrl",
+  placement: "right",
+  children: /* @__PURE__ */ t(i, {
+    icon: /* @__PURE__ */ t(a, {}),
+    className: r ? "active" : "",
+    onClick: o
+  })
+});
+export {
+  c as default
+};

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

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Tooltip as r, Button as e } from "antd";
+import { ExpandOutlined as i } from "@ant-design/icons";
+const l = ({
+  onClick: o
+}) => /* @__PURE__ */ t(r, {
+  title: "适应屏幕",
+  placement: "right",
+  children: /* @__PURE__ */ t(e, {
+    icon: /* @__PURE__ */ t(i, {}),
+    onClick: o
+  })
+});
+export {
+  l as default
+};

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

@@ -0,0 +1,30 @@
+import { jsx as t, jsxs as i, Fragment as n } from "react/jsx-runtime";
+import { Tooltip as r, Button as c } from "antd";
+import l from "../../Iconfont/index.mjs";
+const s = ({
+  active: o,
+  onClick: e
+}) => /* @__PURE__ */ t(r, {
+  title: /* @__PURE__ */ i(n, {
+    children: [/* @__PURE__ */ t("div", {
+      children: "画矩形-按R键"
+    }), /* @__PURE__ */ t("div", {
+      style: {
+        fontSize: 14,
+        color: "#ff9326"
+      },
+      children: "预标注服务会按需计费！"
+    })]
+  }),
+  placement: "right",
+  children: /* @__PURE__ */ t(c, {
+    icon: /* @__PURE__ */ t(l, {
+      type: "icon-biaozhu-juxingkuang"
+    }),
+    className: o ? "active" : "",
+    onClick: e
+  })
+});
+export {
+  s as default
+};

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

@@ -0,0 +1,40 @@
+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 { ZOOM_STEP as i } from "../constants.mjs";
+const Z = ({
+  drawingMode: e,
+  draggable: n,
+  scale: m,
+  onToggleDrawingMode: c,
+  onToggleDrag: a,
+  onZoom: r,
+  onFitToScreen: l,
+  readOnly: p
+}) => /* @__PURE__ */ t(s, {
+  direction: "vertical",
+  size: 16,
+  children: [!p && /* @__PURE__ */ t(f, {
+    children: [/* @__PURE__ */ o(d, {
+      active: e,
+      onClick: c
+    }), /* @__PURE__ */ o(v, {
+      active: n,
+      onClick: a
+    }), /* @__PURE__ */ o(u, {
+      type: "horizontal"
+    })]
+  }), /* @__PURE__ */ o(C, {
+    scale: m,
+    onZoomIn: () => r(-i),
+    onZoomOut: () => r(i)
+  }), /* @__PURE__ */ o(g, {
+    onClick: l
+  })]
+});
+export {
+  Z as default
+};