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

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

@@ -1,170 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useRef as U, useState as k, useEffect as $ } from "react";
-import { Tooltip as V, Input as W } from "antd";
-import { UpOutlined as q } from "@ant-design/icons";
-import G from "./VLMLabelMaker/icons/del.png.mjs";
-import H from "./VLMLabelMaker/icons/ai.svg.mjs";
-import J from "./VLMLabelMaker/icons/star.svg.mjs";
-import K from "./VLMLabelMaker/icons/loading.svg.mjs";
-const F = ({
-  name: P,
-  labelDefinitions: v,
-  region: m,
-  isSelected: g,
-  isActive: l,
-  activeLabelId: a,
-  onChange: x,
-  onFocus: h,
-  onBlur: N,
-  onDelete: T,
-  onRegionClick: c,
-  onOCR: M,
-  isOCRRecognizing: p,
-  hasOCRError: w,
-  readOnly: d
-}) => {
-  const n = U(null), u = U(/* @__PURE__ */ new Map()), [f, I] = k(!1);
-  return $(() => {
-    g && n.current && (I(!1), setTimeout(() => {
-      n.current && n.current.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest",
-        inline: "nearest"
-      });
-    }, 200));
-  }, [g]), $(() => {
-    l && n.current && (I(!1), setTimeout(() => {
-      n.current && n.current.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest",
-        inline: "nearest"
-      });
-    }, 200));
-  }, [l]), $(() => {
-    if (l && a) {
-      const t = u.current.get(a);
-      t != null && t.input ? t.input.focus() : setTimeout(() => {
-        const r = u.current.get(a);
-        r != null && r.input && r.input.focus();
-      }, 100);
-    }
-  }, [l, a]), /* @__PURE__ */ i("div", {
-    ref: n,
-    className: `vlm-text-region ${g || l ? "vlm-text-region-selected" : ""} ${f ? "vlm-text-region-collapsed" : ""}`,
-    children: [/* @__PURE__ */ i("div", {
-      className: "vlm-text-region-header",
-      onClick: (t) => {
-        const r = t.target;
-        r.closest(".vlm-text-region-delete-btn") !== null || r.closest(".vlm-text-region-collapse-icon") !== null || c == null || c(m);
-      },
-      children: [/* @__PURE__ */ e("span", {
-        className: `vlm-text-region-collapse-icon ${f ? "vlm-text-region-collapse-icon-collapsed" : ""}`,
-        onClick: (t) => {
-          t.stopPropagation(), I(!f);
-        },
-        children: /* @__PURE__ */ e(q, {})
-      }), /* @__PURE__ */ e("span", {
-        className: "vlm-text-region-name",
-        children: P
-      }), /* @__PURE__ */ i("div", {
-        className: "vlm-text-region-actions",
-        children: [!d && M && /* @__PURE__ */ e(V, {
-          title: p ? "识别中..." : w ? "识别失败，点击重试" : "OCR识别",
-          children: /* @__PURE__ */ e("span", {
-            className: `vlm-text-region-ocr-btn ${p ? "vlm-text-region-ocr-btn-loading" : ""} ${w ? "vlm-text-region-ocr-btn-error" : ""}`,
-            onClick: (t) => {
-              t.stopPropagation(), p || M(m.id);
-            },
-            children: /* @__PURE__ */ i("div", {
-              className: "vlm-text-region-ocr-icon-wrapper",
-              children: [/* @__PURE__ */ e("img", {
-                src: H,
-                alt: "OCR识别",
-                className: "vlm-text-region-ocr-icon"
-              }), p ? /* @__PURE__ */ e("img", {
-                src: K,
-                alt: "",
-                className: "vlm-text-region-ocr-status vlm-text-region-ocr-loading"
-              }) : w ? /* @__PURE__ */ i("svg", {
-                className: "vlm-text-region-ocr-status vlm-text-region-ocr-error-icon",
-                width: "12",
-                height: "12",
-                viewBox: "0 0 12 12",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [/* @__PURE__ */ e("circle", {
-                  cx: "6",
-                  cy: "6",
-                  r: "5.5",
-                  fill: "#ff4d4f",
-                  stroke: "none"
-                }), /* @__PURE__ */ e("path", {
-                  d: "M6 3.5v3M6 8.5h.01",
-                  stroke: "#fff",
-                  strokeWidth: "1.2",
-                  strokeLinecap: "round"
-                })]
-              }) : /* @__PURE__ */ e("img", {
-                src: J,
-                alt: "",
-                className: "vlm-text-region-ocr-status vlm-text-region-ocr-star"
-              })]
-            })
-          })
-        }), !d && T && /* @__PURE__ */ e("span", {
-          className: "vlm-text-region-delete-btn",
-          onClick: (t) => {
-            t.stopPropagation(), T(m.id);
-          },
-          title: "删除",
-          children: /* @__PURE__ */ e("img", {
-            src: G,
-            alt: "删除",
-            className: "vlm-text-region-delete-icon"
-          })
-        })]
-      })]
-    }), /* @__PURE__ */ e("div", {
-      className: `vlm-text-region-content ${f ? "vlm-text-region-content-collapsed" : ""}`,
-      onClick: (t) => {
-        const r = t.target;
-        r.tagName === "INPUT" || r.closest("input") !== null || c == null || c(m);
-      },
-      children: v == null ? void 0 : v.map((t) => {
-        const r = l && a === t.id;
-        return /* @__PURE__ */ i("div", {
-          className: "vlm-text-label",
-          children: [t.name, /* @__PURE__ */ e("br", {}), /* @__PURE__ */ e(W, {
-            ref: (o) => {
-              o ? u.current.set(t.id, o) : u.current.delete(t.id);
-            },
-            value: m.content[t.id],
-            onFocus: (o) => {
-              h == null || h(t.id, o.target.value || ""), setTimeout(() => {
-                const s = u.current.get(t.id);
-                s != null && s.input && s.input.focus();
-              }, 0);
-            },
-            onBlur: (o) => {
-              console.log("onBlur", o);
-              const s = o.relatedTarget, j = (s == null ? void 0 : s.tagName) === "INPUT" || (s == null ? void 0 : s.closest("input")) !== null;
-              if (r && !j) {
-                o.target.focus();
-                return;
-              }
-              N == null || N(t.id, o.target.value || "");
-            },
-            onChange: (o) => {
-              x == null || x(t.id, o.target.value || "");
-            },
-            allowClear: !d,
-            readOnly: d
-          })]
-        }, t.id);
-      })
-    })]
-  }, P);
-};
-export {
-  F as default
-};

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

@@ -1,94 +0,0 @@
-var B = Object.defineProperty, H = Object.defineProperties;
-var J = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var K = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
-var T = (m, d, t) => d in m ? B(m, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[d] = t, c = (m, d) => {
-  for (var t in d || (d = {}))
-    K.call(d, t) && T(m, t, d[t]);
-  if (S)
-    for (var t of S(d))
-      Q.call(d, t) && T(m, t, d[t]);
-  return m;
-}, _ = (m, d) => H(m, J(d));
-import { jsx as y } from "react/jsx-runtime";
-import { Empty as R } from "antd";
-import U from "./RegionItem.mjs";
-import { REGION_NAME_PREFIX as W } from "./constants.mjs";
-const V = ({
-  labelDefinitions: m,
-  labels: d,
-  selectedRegion: t,
-  activeLabelValue: A,
-  activeRegionNumber: X,
-  onChange: u,
-  onInputActive: $,
-  onBlur: j,
-  onDelete: f,
-  onRegionClick: k,
-  onOCR: q,
-  ocrRecognizing: F,
-  ocrErrors: I,
-  readOnly: w
-}) => !d || d.length === 0 ? /* @__PURE__ */ y("div", {
-  className: "vlm-text-panel",
-  children: /* @__PURE__ */ y("div", {
-    className: "vlm-text-panel-empty",
-    children: /* @__PURE__ */ y(R, {
-      description: "暂无标注数据，按R键开始标注吧"
-    })
-  })
-}) : /* @__PURE__ */ y("div", {
-  className: "vlm-text-panel",
-  children: d.map((p, N) => {
-    var G, M;
-    const E = A != null && X === N && A.region.id === p.id, x = E ? A.label.id : void 0;
-    return /* @__PURE__ */ y(U, {
-      name: `${W}${N + 1}`,
-      labelDefinitions: m != null ? m : [],
-      region: p,
-      isSelected: (t == null ? void 0 : t.id) === p.id,
-      isActive: E,
-      activeLabelId: x,
-      readOnly: w,
-      onDelete: f,
-      onRegionClick: k,
-      onOCR: q,
-      isOCRRecognizing: (G = F == null ? void 0 : F.has(p.id)) != null ? G : !1,
-      hasOCRError: (M = I == null ? void 0 : I.has(p.id)) != null ? M : !1,
-      onFocus: (O) => {
-        const r = m == null ? void 0 : m.find((P) => P.id === O);
-        if (!r)
-          return;
-        const v = d == null ? void 0 : d[N];
-        v && ($ ? $({
-          label: r,
-          region: c({}, v)
-        }, N) : u == null || u({
-          label: r,
-          region: v
-        }, N));
-      },
-      onBlur: (O) => {
-        const r = m == null ? void 0 : m.find((v) => v.id === O);
-        r && (r && j ? j({
-          label: r,
-          region: c({}, p)
-        }, N) : u == null || u(null));
-      },
-      onChange: (O, r) => {
-        const v = m == null ? void 0 : m.find((P) => P.id === O);
-        v && u && u({
-          label: v,
-          region: _(c({}, p), {
-            content: _(c({}, p.content), {
-              [O]: r
-            })
-          })
-        }, N);
-      }
-    }, p.id);
-  })
-});
-export {
-  V as default
-};

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

@@ -1,116 +0,0 @@
-import { useEffect as b } from "react";
-import { fabric as c } from "fabric";
-const O = ({
-  canvas: e,
-  draggable: i,
-  drawingMode: f,
-  textLayersMapRef: n
-}) => {
-  const u = () => {
-    const s = /* @__PURE__ */ new Set();
-    return n.current.forEach((l) => {
-      l.forEach((r) => {
-        s.add(r);
-      });
-    }), s;
-  };
-  b(() => {
-    if (!e || f) {
-      if (e) {
-        e.selection = !1, e.skipTargetFind = !1;
-        const o = u();
-        e.getObjects().forEach((t) => {
-          t instanceof c.Rect && o.has(t) ? t.set({
-            evented: !0,
-            selectable: !1,
-            lockMovementX: !0,
-            lockMovementY: !0,
-            lockScalingX: !0,
-            lockScalingY: !0,
-            lockRotation: !0
-          }) : t.set({
-            evented: !0,
-            selectable: !0,
-            lockMovementX: !1,
-            lockMovementY: !1,
-            lockScalingX: !1,
-            lockScalingY: !1
-          });
-        }), e.defaultCursor = "default";
-      }
-      return;
-    }
-    if (!i) {
-      e.selection = !1, e.skipTargetFind = !1;
-      const o = u();
-      e.getObjects().forEach((t) => {
-        t instanceof c.Rect && o.has(t) ? t.set({
-          evented: !0,
-          selectable: !1,
-          lockMovementX: !0,
-          lockMovementY: !0,
-          lockScalingX: !0,
-          lockScalingY: !0,
-          lockRotation: !0
-        }) : t.set({
-          evented: !0,
-          selectable: !0,
-          lockMovementX: !1,
-          lockMovementY: !1,
-          lockScalingX: !1,
-          lockScalingY: !1
-        });
-      }), e.defaultCursor = "default";
-      return;
-    }
-    e.selection = !1, e.skipTargetFind = !0, e.getActiveObject() && (e.discardActiveObject(), e.renderAll()), e.getObjects().forEach((o) => {
-      o.set({
-        evented: !1,
-        selectable: !1,
-        lockMovementX: !0,
-        lockMovementY: !0,
-        lockScalingX: !0,
-        lockScalingY: !0,
-        lockRotation: !0
-      });
-    }), e.defaultCursor = "grab";
-    let l = !1;
-    const r = (o) => {
-      e.getActiveObject() && (e.discardActiveObject(), e.renderAll()), l = !0, e.selection = !1, e.skipTargetFind = !0, e.setCursor("grabbing");
-    }, k = (o) => {
-      if (l && o && o.e) {
-        const t = o.e, m = new c.Point(t.movementX, t.movementY);
-        e.relativePan(m);
-      }
-    }, d = () => {
-      l = !1, e.selection = !1, e.skipTargetFind = !0, e.defaultCursor = "grab", e.setCursor("grab"), e.getActiveObject() && (e.discardActiveObject(), e.renderAll());
-    }, g = () => {
-      e.setCursor("grabbing");
-    };
-    return e.on("mouse:down", r), e.on("mouse:move", k), e.on("mouse:up", d), e.on("mouse:down:before", g), () => {
-      e.off("mouse:down", r), e.off("mouse:move", k), e.off("mouse:up", d), e.off("mouse:down:before", g), e.selection = !1, e.skipTargetFind = !1;
-      const o = u();
-      e.getObjects().forEach((t) => {
-        t instanceof c.Rect && o.has(t) ? t.set({
-          evented: !0,
-          selectable: !1,
-          lockMovementX: !0,
-          lockMovementY: !0,
-          lockScalingX: !0,
-          lockScalingY: !0,
-          lockRotation: !0
-        }) : t.set({
-          evented: !0,
-          selectable: !0,
-          lockMovementX: !1,
-          lockMovementY: !1,
-          lockScalingX: !1,
-          lockScalingY: !1
-        });
-      });
-    };
-  }, [e, i, f, n]);
-};
-export {
-  O as useCanvasDrag
-};

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

@@ -1,115 +0,0 @@
-import { useEffect as V, useCallback as Z } from "react";
-import { fabric as o } from "fabric";
-import { CANVAS_CONTAINER_CLASS as q, BASE_STROKE_WIDTH as F } from "../../constants.mjs";
-const $ = ({
-  sample: h,
-  image: f,
-  onImageLoad: y,
-  canvasRef: w,
-  containerRef: d,
-  canvasInitializedRef: S,
-  bgImagePositionRef: s,
-  bgImageSizeRef: b,
-  rectMapRef: U,
-  updateTextLayersRef: j,
-  onRectPositionUpdated: p,
-  setCanvas: a,
-  setImage: O,
-  setScale: X,
-  setBgImagePosition: Y,
-  setLoading: C
-}) => (V(() => {
-  if (C(!0), O(void 0), a((t) => (t && t.setBackgroundImage(void 0, t.renderAll.bind(t)), t)), s.current = {
-    left: 0,
-    top: 0
-  }, !(h != null && h.fileUrl)) {
-    C(!1);
-    return;
-  }
-  o.Image.fromURL(h.fileUrl, (t) => {
-    t.set({
-      originX: "center",
-      originY: "center"
-    }), O(t), C(!1);
-  }, {
-    crossOrigin: "anonymous"
-  });
-}, [h == null ? void 0 : h.fileUrl, O, C, s, a]), {
-  updateCanvas: Z(() => {
-    if (!f || !w.current || !d.current)
-      return;
-    S.current = !1;
-    const t = f.getElement();
-    if (!(t != null && t.width) || !(t != null && t.height))
-      return;
-    const N = d.current.offsetWidth, B = d.current.offsetHeight, _ = t.width / t.height, l = N, i = B;
-    let r, c;
-    if (t.width <= l && t.height <= i)
-      r = 1, c = [t.width, t.height];
-    else {
-      const u = l / t.width, e = i / t.height;
-      u > e ? c = [i * _, i] : c = [l, l / _];
-      const k = c[0] / t.width, W = c[1] / t.height;
-      r = Math.min(k, W);
-    }
-    s.current = {
-      left: 0,
-      top: 0
-    }, a((u) => {
-      let e = u;
-      if (e)
-        e.setDimensions({
-          width: l,
-          height: i
-        });
-      else {
-        e = new o.Canvas(w.current, {
-          containerClass: q,
-          width: l,
-          height: i
-        }), e.selection = !1;
-        const n = e;
-        n.uniScaleKey = "", n.uniformScaling = !1, o.Object.prototype.hasRotatingPoint = !1, o.Object.prototype.lockRotation = !0, o.Object.prototype.lockUniScaling = !1, o.Object.prototype.objectCaching = !1, o.Object.prototype.statefullCache = !1, o.Object.prototype.noScaleCache = !1;
-      }
-      e.setViewportTransform([1, 0, 0, 1, 0, 0]), e.setZoom(r), X(r);
-      const k = c[0], W = c[1], D = k / r, K = W / r, A = (l / r - D) / 2, H = (i / r - K) / 2;
-      return s.current = {
-        left: A,
-        top: H
-      }, b.current = {
-        width: c[0] / r,
-        height: c[1] / r
-      }, Y({
-        left: A,
-        top: H
-      }), e.setBackgroundImage(f, () => {
-        S.current = !0, u && (U.current.forEach((n, x) => {
-          const E = {
-            x: n.shape.x + s.current.left,
-            y: n.shape.y + s.current.top
-          };
-          x.set({
-            left: E.x,
-            top: E.y
-          });
-          const T = F / r;
-          x.set({
-            strokeWidth: T,
-            strokeUniform: !0,
-            objectCaching: !1,
-            statefullCache: !1,
-            noScaleCache: !1
-          }), n.textLayouts && n.textLayouts.length > 0 && j.current && j.current(x, n);
-        }), p && p(r)), e.renderAll(), u || y && y();
-      }, {
-        originX: "left",
-        originY: "top",
-        left: A,
-        top: H
-      }), e;
-    });
-  }, [f, w, d, S, s, b, U, j, p, a, X, Y, y])
-});
-export {
-  $ as useCanvasSetup
-};

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

@@ -1,42 +0,0 @@
-var l = Math.pow;
-import { useCallback as h, useEffect as C } from "react";
-import { ZOOM_FACTOR as M, MAX_ZOOM as n, MIN_ZOOM as O } from "../../constants.mjs";
-const w = ({
-  canvas: t,
-  setScale: m,
-  isZoomingRef: f
-}) => {
-  const u = h((r, o) => {
-    if (!t)
-      return;
-    o || (o = {
-      x: t.getCenter().left,
-      y: t.getCenter().top
-    });
-    let e = t.getZoom();
-    e *= l(M, r), e > n && (e = n), e < O && (e = O), f.current = !0, t.zoomToPoint(o, e), m(e), requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        f.current = !1;
-      });
-    });
-  }, [t, m, f]);
-  return C(() => {
-    if (!t)
-      return;
-    const r = (o) => {
-      const e = o.e, i = e.deltaY;
-      u(i, {
-        x: e.offsetX,
-        y: e.offsetY
-      });
-    };
-    return t.on("mouse:wheel", r), () => {
-      t.off("mouse:wheel", r);
-    };
-  }, [t, u]), {
-    zoom: u
-  };
-};
-export {
-  w as useCanvasZoom
-};

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

@@ -1,55 +0,0 @@
-var f = (r, p, n) => new Promise((i, a) => {
-  var t = (o) => {
-    try {
-      c(n.next(o));
-    } catch (s) {
-      a(s);
-    }
-  }, e = (o) => {
-    try {
-      c(n.throw(o));
-    } catch (s) {
-      a(s);
-    }
-  }, c = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(t, e);
-  c((n = n.apply(r, p)).next());
-});
-import { useCallback as l } from "react";
-import { IMAGE_EXPORT_FORMAT as A } from "../../constants.mjs";
-const _ = (r) => l((n) => f(void 0, null, function* () {
-  if (r)
-    return new Promise((i, a) => {
-      const t = new Image();
-      t.crossOrigin = "anonymous", t.onload = () => {
-        try {
-          const {
-            x: e,
-            y: c,
-            width: o,
-            height: s
-          } = n.shape, x = e, M = e + o, w = c, I = c + s, T = 0, y = t.width, E = 0, L = t.height, d = Math.max(T, x), v = Math.min(y, M), u = Math.max(E, w), B = Math.min(L, I), m = Math.max(0, v - d), g = Math.max(0, B - u);
-          if (m <= 0 || g <= 0) {
-            i(void 0);
-            return;
-          }
-          const C = d, O = u, h = document.createElement("canvas");
-          h.width = m, h.height = g;
-          const R = h.getContext("2d");
-          if (!R) {
-            i(void 0);
-            return;
-          }
-          R.drawImage(t, C, O, m, g, 0, 0, m, g);
-          const b = h.toDataURL(A);
-          i(b);
-        } catch (e) {
-          a(e);
-        }
-      }, t.onerror = () => {
-        a(new Error("Failed to load image"));
-      }, t.src = r;
-    });
-}), [r]);
-export {
-  _ as useCropRegionImage
-};

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

@@ -1,51 +0,0 @@
-import { useRef as E, useEffect as I, useCallback as g } from "react";
-import { fabric as f } from "fabric";
-import { DELETE_CONTROL_OFFSET_X as O, DELETE_CONTROL_OFFSET_Y as C, DELETE_ICON_SIZE as T } from "../../constants.mjs";
-import _ from "../icons/del.png.mjs";
-const S = ({
-  performDelete: a
-}) => {
-  const i = (e) => !(!e.complete || e.naturalWidth === 0), n = E(null);
-  return I(() => {
-    if (!n.current) {
-      const e = document.createElement("img");
-      e.src = _, n.current = e;
-    }
-  }, []), {
-    createDeleteControl: g(() => {
-      const e = T, r = n.current, d = (t, o, s, D, l) => {
-        if (!r)
-          return;
-        const c = () => {
-          t.save(), t.translate(o, s), t.rotate(f.util.degreesToRadians(l.angle || 0)), t.drawImage(r, -e / 2, -e / 2, e, e), t.restore();
-        };
-        i(r) ? c() : r.onload = () => {
-          c();
-          const u = l.canvas;
-          u && u.renderAll();
-        };
-      }, m = (t, o) => {
-        const s = o.target;
-        return a(s), !1;
-      };
-      return new f.Control({
-        x: 0.5,
-        // 右侧（0 = 左边，0.5 = 中间，1 = 右边）
-        y: -0.5,
-        // 顶部（0 = 顶部，0.5 = 中间，1 = 底部）
-        offsetX: O,
-        // 向右偏移，让按钮更靠近矩形边缘
-        offsetY: C,
-        // 向上偏移，让按钮更靠近矩形边缘
-        cursorStyle: "pointer",
-        mouseUpHandler: m,
-        render: d,
-        sizeX: e,
-        sizeY: e
-      });
-    }, [a])
-  };
-};
-export {
-  S as useDeleteControl
-};