@glodon-aiot/dataset-annotation 3.10.0-alpha.24 → 3.10.0-alpha.26

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

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

package/dist/es/components/VLMAnnotationDetail/VlmModal/index.mjs

@@ -1,136 +1,143 @@
-var k = (f, o, l) => new Promise((c, r) => {
-  var m = (a) => {
+var N = (p, i, l) => new Promise((o, r) => {
+  var u = (e) => {
     try {
-      s(l.next(a));
+      s(l.next(e));
     } catch (d) {
       r(d);
     }
-  }, i = (a) => {
+  }, h = (e) => {
     try {
-      s(l.throw(a));
+      s(l.throw(e));
     } catch (d) {
       r(d);
     }
-  }, s = (a) => a.done ? c(a.value) : Promise.resolve(a.value).then(m, i);
-  s((l = l.apply(f, o)).next());
+  }, s = (e) => e.done ? o(e.value) : Promise.resolve(e.value).then(u, h);
+  s((l = l.apply(p, i)).next());
 });
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { useRef as y, useState as h, useContext as R, useEffect as O } from "react";
-import { Modal as v, Button as p, Space as z, message as g } from "antd";
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { useRef as x, useState as m, useContext as D, useEffect as A } from "react";
+import { Modal as M, Button as f, Space as B, message as V } from "antd";
 import "./style.less.mjs";
-import { useKeyPress as M } from "ahooks";
-import D from "../../../DatasetContext/index.mjs";
-import L from "../../VLMAnnotation/index.mjs";
-import N from "../../Iconfont/index.mjs";
-const G = (f) => {
+import { useKeyPress as I } from "ahooks";
+import E from "../../../DatasetContext/index.mjs";
+import K from "../../VLMAnnotation/index.mjs";
+import S from "../../Iconfont/index.mjs";
+const X = (p) => {
   const {
-    isVlmModalVisible: o,
+    isVlmModalVisible: i,
     setIsVlmModalVisible: l,
-    record: c,
+    record: o,
     onNextClick: r,
-    onPrevClick: m,
-    datasetId: i,
-    versionId: s,
-    ocrMarkTmpl: a,
-    handleMarkClick: d,
-    updateSampleList: V
-  } = f;
-  y(null);
-  const x = y({});
-  h("annotation");
-  const [t, I] = h();
-  h();
-  const {
+    onPrevClick: u,
+    listLoading: h = !1,
+    datasetId: s,
+    versionId: e,
+    ocrMarkTmpl: d,
+    handleMarkClick: w,
+    updateSampleList: L
+  } = p;
+  x(null);
+  const j = x({});
+  m("annotation");
+  const [a, R] = m();
+  m();
+  const [b, g] = m(!1), {
     services: {
       cvforceDatahub: n
     },
     featuresConfig: {
-      datasetManager: C
+      datasetManager: k
     } = {
       datasetManager: !1
     }
-  } = R(D);
-  M("rightarrow", () => {
-    r();
-  }), M("leftarrow", () => {
-    m();
-  }), O(() => {
-    o && i && s && (n == null || n.getDatasetsIdVersionsVidSsamplesSid(i, s, c.id).then((j) => {
-      I(j);
-    }));
-  }, [o, c]);
-  const w = () => {
+  } = D(E), c = !(b || h), v = () => {
+    c && u();
+  }, y = () => {
+    c && r();
+  };
+  I("rightarrow", () => {
+    y();
+  }), I("leftarrow", () => {
+    v();
+  }), A(() => {
+    i && s && e && (g(!0), n == null || n.getDatasetsIdVersionsVidSsamplesSid(s, e, o.id).then((z) => {
+      R(z);
+    }).finally(() => g(!1)));
+  }, [i, o]);
+  const O = () => {
     l(!1);
-  }, S = () => {
-    v.confirm({
+  }, P = () => {
+    M.confirm({
       title: "确认要删除此数据吗？",
       content: "删除后不可恢复，请慎重操作",
       onOk: () => {
-        !i || !s || !(t != null && t.id) || n == null || n.delDatasetsIdVersionsVidSamplesId(i, s, t.id).then(() => {
-          g.success("删除成功"), l(!1), V();
-        }).catch(() => g.error("删除失败"));
+        !s || !e || !(a != null && a.id) || n == null || n.delDatasetsIdVersionsVidSamplesId(s, e, a.id).then(() => {
+          V.success("删除成功"), l(!1), L();
+        }).catch(() => V.error("删除失败"));
       }
     });
   };
-  return /* @__PURE__ */ u(v, {
-    title: /* @__PURE__ */ e("div", {
+  return /* @__PURE__ */ C(M, {
+    title: /* @__PURE__ */ t("div", {
       className: "vlm-sample-detail-title",
-      children: /* @__PURE__ */ e("span", {
+      children: /* @__PURE__ */ t("span", {
         children: "详情"
       })
     }),
     width: "100%",
     wrapClassName: "vlm-modal-wrap",
     className: "vlm-modal",
-    open: o,
+    open: i,
     destroyOnClose: !0,
-    onCancel: () => w(),
+    onCancel: () => O(),
     maskClosable: !1,
     centered: !0,
     footer: null,
-    children: [/* @__PURE__ */ e("div", {
+    children: [/* @__PURE__ */ t("div", {
       className: "vlm-detail",
-      children: /* @__PURE__ */ u("div", {
+      children: /* @__PURE__ */ C("div", {
         className: "detail-content",
-        children: [/* @__PURE__ */ e(p, {
+        children: [/* @__PURE__ */ t(f, {
           className: "select-prev",
-          icon: /* @__PURE__ */ e(N, {
+          icon: /* @__PURE__ */ t(S, {
             type: "icon-zuojiantou"
           }),
           type: "text",
-          onClick: () => m()
-        }), /* @__PURE__ */ e("div", {
+          disabled: !c,
+          onClick: () => v()
+        }), /* @__PURE__ */ t("div", {
           className: "select-main",
-          ref: x,
-          children: t && /* @__PURE__ */ e(L, {
-            sample: t,
+          ref: j,
+          children: a && /* @__PURE__ */ t(K, {
+            sample: a,
             labelDefinitions: [],
             hideRightSide: !0,
             readOnly: !0,
-            ocrRecognize: () => k(void 0, null, function* () {
+            ocrRecognize: () => N(void 0, null, function* () {
               return [];
             })
           })
-        }), /* @__PURE__ */ e(p, {
+        }), /* @__PURE__ */ t(f, {
           className: "select-next",
-          icon: /* @__PURE__ */ e(N, {
+          icon: /* @__PURE__ */ t(S, {
             type: "icon-youjiantou"
           }),
           type: "text",
-          onClick: () => r()
+          disabled: !c,
+          onClick: () => y()
         })]
       })
-    }), /* @__PURE__ */ e("div", {
+    }), /* @__PURE__ */ t("div", {
       className: "vlm-mark-action",
-      children: /* @__PURE__ */ u(z, {
-        children: [/* @__PURE__ */ e(p, {
+      children: /* @__PURE__ */ C(B, {
+        children: [/* @__PURE__ */ t(f, {
           type: "primary",
-          onClick: () => d(t == null ? void 0 : t.id),
+          onClick: () => w(a == null ? void 0 : a.id),
           children: "标注"
-        }), C && C.delete && /* @__PURE__ */ e(p, {
+        }), k && k.delete && /* @__PURE__ */ t(f, {
           danger: !0,
           type: "ghost",
-          onClick: S,
+          onClick: P,
           children: "删除数据"
         })]
       })
@@ -138,5 +145,5 @@ const G = (f) => {
   });
 };
 export {
-  G as default
+  X as default
 };