@glodon-aiot/dataset-annotation 3.23.0-alpha.4 → 3.24.0-alpha.4

package/dist/es/components/VLMAnnotationDetail/MarkVLMBoxModal/AttributeDetail/index.mjs

@@ -1,56 +1,61 @@
-var X = Object.defineProperty, Y = Object.defineProperties;
-var Z = Object.getOwnPropertyDescriptors;
-var j = Object.getOwnPropertySymbols;
-var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
-var M = (o, s, n) => s in o ? X(o, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[s] = n, x = (o, s) => {
+var ie = Object.defineProperty, ne = Object.defineProperties;
+var re = Object.getOwnPropertyDescriptors;
+var H = Object.getOwnPropertySymbols;
+var se = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
+var J = (l, s, n) => s in l ? ie(l, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : l[s] = n, k = (l, s) => {
   for (var n in s || (s = {}))
-    ee.call(s, n) && M(o, n, s[n]);
-  if (j)
-    for (var n of j(s))
-      te.call(s, n) && M(o, n, s[n]);
-  return o;
-}, A = (o, s) => Y(o, Z(s));
-var E = (o, s, n) => new Promise((m, h) => {
-  var l = (c) => {
+    se.call(s, n) && J(l, n, s[n]);
+  if (H)
+    for (var n of H(s))
+      ae.call(s, n) && J(l, n, s[n]);
+  return l;
+}, C = (l, s) => ne(l, re(s));
+var O = (l, s, n) => new Promise((p, b) => {
+  var a = (d) => {
     try {
-      a(n.next(c));
-    } catch (p) {
-      h(p);
+      m(n.next(d));
+    } catch (h) {
+      b(h);
     }
-  }, f = (c) => {
+  }, y = (d) => {
     try {
-      a(n.throw(c));
-    } catch (p) {
-      h(p);
+      m(n.throw(d));
+    } catch (h) {
+      b(h);
     }
-  }, a = (c) => c.done ? m(c.value) : Promise.resolve(c.value).then(l, f);
-  a((n = n.apply(o, s)).next());
+  }, m = (d) => d.done ? p(d.value) : Promise.resolve(d.value).then(a, y);
+  m((n = n.apply(l, s)).next());
 });
 import { jsxs as u, jsx as i } from "react/jsx-runtime";
-import { forwardRef as ie, useContext as ne, useState as b, useRef as re, useImperativeHandle as se, useEffect as q } from "react";
-import { Row as ae, Col as F, Input as P, Select as k, Space as T, Button as v, Table as le, Modal as ce, message as C } from "antd";
-import oe from "../../../../DatasetContext/index.mjs";
+import { forwardRef as le, useContext as ce, useState as w, useRef as oe, useImperativeHandle as de, useEffect as R } from "react";
+import { Row as ue, Col as K, Input as W, Select as D, Space as U, Button as N, Table as me, Modal as he, message as S } from "antd";
+import fe from "../../../../DatasetContext/index.mjs";
 import "./style.less.mjs";
-import B from "../../../Iconfont/index.mjs";
-const de = ie((o, s) => {
+import V from "../../../Iconfont/index.mjs";
+const pe = le((l, s) => {
   const {
     datasetId: n,
-    versionId: m,
-    onAttributesChange: h,
-    onLoadingChange: l
-  } = o, {
+    versionId: p,
+    onAttributesChange: b,
+    onLoadingChange: a
+  } = l, {
     services: {
-      cvforceDatahub: f
+      cvforceDatahub: y
+    },
+    featuresConfig: {
+      labelManager: m
+    } = {
+      labelManager: !1
     }
-  } = ne(oe), [a, c] = b([]), [p, N] = b(!1), [D, g] = b(""), [w, O] = b(!1), [R, y] = b(null), I = re(""), S = (e) => {
-    const t = [...e].sort((r, d) => r.id.localeCompare(d.id));
+  } = ce(fe), d = !!(m && m.add), h = !!(m && m.edit), A = !!(m && m.delete), $ = d || h || A, [c, v] = w([]), [_, x] = w(!1), [I, E] = w(""), [g, T] = w(!1), [j, f] = w(null), M = oe(""), B = (e) => {
+    const t = [...e].sort((r, o) => r.id.localeCompare(o.id));
     return JSON.stringify(t);
-  }, U = () => S(a) !== I.current, z = () => new Promise((e) => {
-    if (!U()) {
+  }, q = () => B(c) !== M.current, G = () => new Promise((e) => {
+    if (!q()) {
       e(!0);
       return;
     }
-    ce.confirm({
+    he.confirm({
       title: "提示",
       content: "属性列表有未保存的更改，确定要离开吗？",
       okText: "确定",
@@ -63,90 +68,92 @@ const de = ie((o, s) => {
       }
     });
   });
-  se(s, () => ({
-    hasUnsavedChanges: U,
-    checkDirtyAndConfirm: z
+  de(s, () => ({
+    hasUnsavedChanges: q,
+    checkDirtyAndConfirm: G
   }));
-  const V = () => E(void 0, null, function* () {
-    N(!0), l == null || l(!0);
+  const F = () => O(void 0, null, function* () {
+    x(!0), a == null || a(!0);
     try {
-      if (n && m && f) {
-        const t = (yield f.getDatasetsIdVersionsVidConfigs(n, m)) || [];
-        return c(t), I.current = S(t), t;
+      if (n && p && y) {
+        const t = (yield y.getDatasetsIdVersionsVidConfigs(n, p)) || [];
+        return v(t), M.current = B(t), t;
       }
     } catch (e) {
       console.error("获取属性列表失败:", e);
     } finally {
-      N(!1), l == null || l(!1);
+      x(!1), a == null || a(!1);
     }
   });
-  q(() => {
-    V();
-  }, []), q(() => {
+  R(() => {
+    F();
+  }, []), R(() => {
+    h || (T(!1), f(null));
+  }, [h]), R(() => {
     const e = (t) => {
-      if (S(a) !== I.current)
+      if (B(c) !== M.current)
         return t.preventDefault(), t.returnValue = "", "";
     };
     return window.addEventListener("beforeunload", e), () => {
       window.removeEventListener("beforeunload", e);
     };
-  }, [a]);
-  const _ = () => {
-    if (!D.trim()) {
-      C.error("属性名称不能为空");
+  }, [c]);
+  const P = () => {
+    if (!I.trim()) {
+      S.error("属性名称不能为空");
       return;
     }
     const e = {
       id: `attr-${Date.now()}`,
-      name: D.trim(),
+      name: I.trim(),
       type: "text"
-    }, t = [...a, e];
-    c(t), g("");
-  }, H = () => {
-    g("");
-  }, J = (e) => {
-    const t = a.filter((r) => r.id !== e);
-    c(t);
-  }, K = () => {
-    c([]), O(!1), y(null);
-  }, W = () => {
-    if (a.filter((t) => !t.name || !t.name.trim()).length > 0) {
-      C.error("属性名称不能为空");
+    }, t = [...c, e];
+    v(t), E("");
+  }, L = () => {
+    E("");
+  }, Q = (e) => {
+    const t = c.filter((r) => r.id !== e);
+    v(t);
+  }, X = () => {
+    v([]), T(!1), f(null);
+  }, Y = () => {
+    if (c.filter((t) => !t.name || !t.name.trim()).length > 0) {
+      S.error("属性名称不能为空");
       return;
     }
-    O(!w), y(null);
-  }, $ = (e, t) => {
-    const r = a.map((d) => d.id === e ? A(x({}, d), {
+    T(!g), f(null);
+  }, Z = (e, t) => {
+    const r = c.map((o) => o.id === e ? C(k({}, o), {
       name: t
-    }) : d);
-    c(r);
-  }, G = (e, t) => {
-    const r = a.map((d) => d.id === e ? A(x({}, d), {
+    }) : o);
+    v(r);
+  }, ee = (e, t) => {
+    const r = c.map((o) => o.id === e ? C(k({}, o), {
       type: t
-    }) : d);
-    c(r);
-  }, L = () => E(void 0, null, function* () {
-    if (!(!n || !m || !f)) {
-      N(!0), l == null || l(!0);
+    }) : o);
+    v(r);
+  }, te = () => O(void 0, null, function* () {
+    if (!(!n || !p || !y)) {
+      x(!0), a == null || a(!0);
       try {
-        const e = a.map((r) => {
-          var d;
-          return A(x({}, r), {
-            id: (d = r.id) != null && d.startsWith("attr-") ? "" : r.id
+        const e = c.map((r) => {
+          var o;
+          return C(k({}, r), {
+            id: (o = r.id) != null && o.startsWith("attr-") ? "" : r.id
           });
         });
-        console.log("attributes", a), yield f.saveVisionLabelConfigs(n, m, {
+        console.log("attributes", c), yield y.saveVisionLabelConfigs(n, p, {
           data: e
         });
-        const t = yield V();
-        C.success("保存成功"), h == null || h(t || a);
+        const t = yield F();
+        S.success("保存成功"), b == null || b(t || c);
       } catch (e) {
-        throw console.error("保存属性列表失败:", e), C.error("保存失败"), e;
+        throw console.error("保存属性列表失败:", e), S.error("保存失败"), e;
       } finally {
-        N(!1), l == null || l(!1);
+        x(!1), a == null || a(!1);
       }
     }
-  }), Q = [{
+  }), z = [{
     title: "序号",
     key: "index",
     width: 80,
@@ -155,18 +162,18 @@ const de = ie((o, s) => {
     title: "属性名称",
     dataIndex: "name",
     key: "name",
-    render: (e, t) => w ? /* @__PURE__ */ i(P, {
+    render: (e, t) => g ? /* @__PURE__ */ i(W, {
       value: e,
       showCount: !0,
       maxLength: 32,
       onChange: (r) => {
-        $(t.id, r.target.value);
+        Z(t.id, r.target.value);
       },
       onBlur: () => {
-        R === t.id && y(null);
+        j === t.id && f(null);
       },
       onFocus: () => {
-        y(t.id);
+        f(t.id);
       }
     }) : /* @__PURE__ */ i("span", {
       children: e
@@ -175,39 +182,39 @@ const de = ie((o, s) => {
     title: "属性类型",
     dataIndex: "type",
     key: "type",
-    render: (e, t) => w ? /* @__PURE__ */ i(k, {
+    render: (e, t) => g ? /* @__PURE__ */ i(D, {
       value: e || "text",
       onChange: (r) => {
-        G(t.id, r);
+        ee(t.id, r);
       },
       style: {
         width: "100%"
       },
       onBlur: () => {
-        R === t.id && y(null);
+        j === t.id && f(null);
       },
       onFocus: () => {
-        y(t.id);
+        f(t.id);
       },
       disabled: !0,
-      children: /* @__PURE__ */ i(k.Option, {
+      children: /* @__PURE__ */ i(D.Option, {
         value: "text",
         children: "文本"
       })
     }) : /* @__PURE__ */ i("span", {
       children: "文本"
     })
-  }, {
+  }];
+  return A && z.push({
     title: "操作",
     key: "action",
     width: 100,
-    render: (e, t) => /* @__PURE__ */ i(v, {
+    render: (e, t) => /* @__PURE__ */ i(N, {
       type: "link",
-      onClick: () => J(t.id),
+      onClick: () => Q(t.id),
       children: "删除"
     })
-  }];
-  return /* @__PURE__ */ u("div", {
+  }), /* @__PURE__ */ u("div", {
     className: "attribute-detail",
     children: [/* @__PURE__ */ i("div", {
       className: "use-tips",
@@ -216,10 +223,10 @@ const de = ie((o, s) => {
       })
     }), /* @__PURE__ */ u("div", {
       className: "lists",
-      children: [/* @__PURE__ */ u(ae, {
+      children: [/* @__PURE__ */ u(ue, {
         className: "lists-content",
         gutter: 48,
-        children: [/* @__PURE__ */ i(F, {
+        children: [d && /* @__PURE__ */ i(K, {
           span: 12,
           children: /* @__PURE__ */ u("div", {
             className: "list-item",
@@ -236,47 +243,47 @@ const de = ie((o, s) => {
                 children: [/* @__PURE__ */ i("div", {
                   className: "form-label",
                   children: "属性名称"
-                }), /* @__PURE__ */ i(P, {
+                }), /* @__PURE__ */ i(W, {
                   showCount: !0,
                   maxLength: 32,
-                  value: D,
-                  onChange: (e) => g(e.target.value),
+                  value: I,
+                  onChange: (e) => E(e.target.value),
                   placeholder: "请输入属性名称",
-                  onPressEnter: _
+                  onPressEnter: P
                 })]
               }), /* @__PURE__ */ u("div", {
                 className: "form-item",
                 children: [/* @__PURE__ */ i("div", {
                   className: "form-label",
                   children: "属性类型"
-                }), /* @__PURE__ */ i(k, {
+                }), /* @__PURE__ */ i(D, {
                   value: "text",
                   disabled: !0,
                   style: {
                     width: "100%"
                   },
-                  children: /* @__PURE__ */ i(k.Option, {
+                  children: /* @__PURE__ */ i(D.Option, {
                     value: "text",
                     children: "文本"
                   })
                 })]
               }), /* @__PURE__ */ i("div", {
                 className: "form-actions",
-                children: /* @__PURE__ */ u(T, {
-                  children: [/* @__PURE__ */ i(v, {
+                children: /* @__PURE__ */ u(U, {
+                  children: [/* @__PURE__ */ i(N, {
                     type: "primary",
-                    onClick: _,
+                    onClick: P,
                     children: "添加属性"
-                  }), /* @__PURE__ */ i(v, {
-                    onClick: H,
+                  }), /* @__PURE__ */ i(N, {
+                    onClick: L,
                     children: "取消"
                   })]
                 })
               })]
             })]
           })
-        }), /* @__PURE__ */ i(F, {
-          span: 12,
+        }), /* @__PURE__ */ i(K, {
+          span: d ? 12 : 24,
           children: /* @__PURE__ */ u("div", {
             className: "list-item",
             children: [/* @__PURE__ */ u("div", {
@@ -284,34 +291,34 @@ const de = ie((o, s) => {
               children: [/* @__PURE__ */ i("div", {
                 className: "list-item-title",
                 children: "属性列表"
-              }), /* @__PURE__ */ u(T, {
+              }), (h || A) && /* @__PURE__ */ u(U, {
                 style: {
                   height: 32
                 },
-                children: [/* @__PURE__ */ i(v, {
+                children: [h && /* @__PURE__ */ i(N, {
                   type: "text",
-                  icon: w ? /* @__PURE__ */ i(B, {
+                  icon: g ? /* @__PURE__ */ i(V, {
                     type: "icon-queding",
                     className: "self-icon"
-                  }) : /* @__PURE__ */ i(B, {
+                  }) : /* @__PURE__ */ i(V, {
                     type: "icon-editing",
                     className: "self-icon"
                   }),
-                  onClick: W
-                }), /* @__PURE__ */ i(v, {
+                  onClick: Y
+                }), A && /* @__PURE__ */ i(N, {
                   type: "text",
-                  icon: /* @__PURE__ */ i(B, {
+                  icon: /* @__PURE__ */ i(V, {
                     type: "icon-qingchujiyi",
                     className: "self-icon"
                   }),
-                  onClick: K
+                  onClick: X
                 })]
               })]
             }), /* @__PURE__ */ i("div", {
               className: "list-item-content table-wrapper",
-              children: /* @__PURE__ */ i(le, {
-                columns: Q,
-                dataSource: a,
+              children: /* @__PURE__ */ i(me, {
+                columns: z,
+                dataSource: c,
                 rowKey: "id",
                 pagination: !1,
                 size: "small",
@@ -322,14 +329,14 @@ const de = ie((o, s) => {
             })]
           })
         })]
-      }), /* @__PURE__ */ i("div", {
+      }), $ && /* @__PURE__ */ i("div", {
         className: "attribute-detail-footer",
-        children: /* @__PURE__ */ i(T, {
-          children: /* @__PURE__ */ i(v, {
+        children: /* @__PURE__ */ i(U, {
+          children: /* @__PURE__ */ i(N, {
             type: "primary",
-            loading: p,
-            disabled: p,
-            onClick: L,
+            loading: _,
+            disabled: _,
+            onClick: te,
             children: "保存"
           })
         })
@@ -337,7 +344,7 @@ const de = ie((o, s) => {
     })]
   });
 });
-de.displayName = "AttributeDetail";
+pe.displayName = "AttributeDetail";
 export {
-  de as default
+  pe as default
 };