@glodon-aiot/dataset-annotation 3.13.0-alpha.29 → 3.14.0-alpha.31

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

@@ -1,94 +1,170 @@
-import { jsxs as x, jsx as c } from "react/jsx-runtime";
-import { useRef as w, useState as I, useEffect as v } from "react";
-import { Input as T } from "antd";
-import { UpOutlined as j } from "@ant-design/icons";
-const M = ({
-  name: h,
-  labelDefinitions: m,
-  region: $,
-  isSelected: p,
-  isActive: s,
-  activeLabelId: i,
-  onChange: a,
-  onFocus: f,
-  onBlur: d,
-  readOnly: N
+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 = w(null), u = w(/* @__PURE__ */ new Map()), [l, g] = I(!1);
-  return v(() => {
-    p && n.current && (g(!1), setTimeout(() => {
+  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));
-  }, [p]), v(() => {
-    s && n.current && (g(!1), setTimeout(() => {
+  }, [g]), $(() => {
+    l && n.current && (I(!1), setTimeout(() => {
       n.current && n.current.scrollIntoView({
         behavior: "smooth",
         block: "nearest",
         inline: "nearest"
       });
     }, 200));
-  }, [s]), v(() => {
-    if (s && i) {
-      const t = u.current.get(i);
+  }, [l]), $(() => {
+    if (l && a) {
+      const t = u.current.get(a);
       t != null && t.input ? t.input.focus() : setTimeout(() => {
-        const o = u.current.get(i);
-        o != null && o.input && o.input.focus();
+        const r = u.current.get(a);
+        r != null && r.input && r.input.focus();
       }, 100);
     }
-  }, [s, i]), /* @__PURE__ */ x("div", {
+  }, [l, a]), /* @__PURE__ */ i("div", {
     ref: n,
-    className: `vlm-text-region ${p || s ? "vlm-text-region-selected" : ""} ${l ? "vlm-text-region-collapsed" : ""}`,
-    children: [/* @__PURE__ */ x("div", {
+    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: () => g(!l),
-      children: [/* @__PURE__ */ c("span", {
-        className: `vlm-text-region-collapse-icon ${l ? "vlm-text-region-collapse-icon-collapsed" : ""}`,
-        children: /* @__PURE__ */ c(j, {})
-      }), /* @__PURE__ */ c("span", {
+      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: h
+        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__ */ c("div", {
-      className: `vlm-text-region-content ${l ? "vlm-text-region-content-collapsed" : ""}`,
-      children: m == null ? void 0 : m.map((t) => {
-        const o = s && i === t.id;
-        return /* @__PURE__ */ x("div", {
+    }), /* @__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__ */ c("br", {}), /* @__PURE__ */ c(T, {
-            ref: (e) => {
-              e ? u.current.set(t.id, e) : u.current.delete(t.id);
+          children: [t.name, /* @__PURE__ */ e("br", {}), /* @__PURE__ */ e(W, {
+            ref: (o) => {
+              o ? u.current.set(t.id, o) : u.current.delete(t.id);
             },
-            value: $.content[t.id],
-            onFocus: (e) => {
-              f == null || f(t.id, e.target.value || ""), setTimeout(() => {
-                const r = u.current.get(t.id);
-                r != null && r.input && r.input.focus();
+            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: (e) => {
-              console.log("onBlur", e);
-              const r = e.relatedTarget, k = (r == null ? void 0 : r.tagName) === "INPUT" || (r == null ? void 0 : r.closest("input")) !== null;
-              if (o && !k) {
-                e.target.focus();
+            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;
               }
-              d == null || d(t.id, e.target.value || "");
+              N == null || N(t.id, o.target.value || "");
             },
-            onChange: (e) => {
-              a == null || a(t.id, e.target.value || "");
+            onChange: (o) => {
+              x == null || x(t.id, o.target.value || "");
             },
-            allowClear: !N,
-            readOnly: N
+            allowClear: !d,
+            readOnly: d
           })]
         }, t.id);
       })
     })]
-  }, h);
+  }, P);
 };
 export {
-  M as default
+  F as default
 };

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

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

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

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