@glodon-aiot/dataset-annotation 3.9.0-beta.9 → 3.10.0-alpha.11

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

@@ -0,0 +1,50 @@
+const _ = 20, E = 0.1, O = 0.999, T = 0.01, L = 100, R = 2, C = "#EAD4FF", A = "rgba(156, 36, 242, 0.1)", I = "rgba(156, 36, 242, 0.05)", n = "transparent", s = "rgba(0, 0, 0, 0)", N = [5, 5], t = "vlm-label-maker-canvas", c = 300, o = 0.7, S = 0.05, F = 0.95, M = "rect", D = "区域", a = "区域1", P = "Arial, sans-serif", r = 12, U = 4, G = 3, X = 3, g = 1.5, H = 0.5, b = 8e-3, Y = "rgba(156, 36, 242, 0.2)", K = "rgba(156, 36, 242, 0.5)", e = "#9C24F2", Z = "rgba(156, 36, 242, 0.2)", B = "rgba(156, 36, 242, 0.2)", l = "rgba(156, 36, 242, 0.5)", W = "rgba(0, 255, 0, 0.2)", i = 300, m = "#9C24F2", p = 6, V = 36, v = 20, f = 24, k = "#9C24F2", x = "image/png", d = "确认删除", h = "确定要删除此标注区域吗？", j = "确定", q = "取消";
+export {
+  R as BASE_STROKE_WIDTH,
+  t as CANVAS_CONTAINER_CLASS,
+  m as CONTROL_POINT_COLOR,
+  p as CONTROL_POINT_SIZE,
+  o as DEFAULT_LEFT_RATIO,
+  F as DEFAULT_MAX_RATIO,
+  c as DEFAULT_MIN_LEFT_WIDTH,
+  S as DEFAULT_MIN_RATIO,
+  a as DEFAULT_REGION_NAME,
+  M as DEFAULT_SHAPE_TYPE,
+  v as DELETE_CONTROL_OFFSET_X,
+  f as DELETE_CONTROL_OFFSET_Y,
+  V as DELETE_ICON_SIZE,
+  q as DELETE_MODAL_CANCEL_TEXT,
+  h as DELETE_MODAL_CONTENT,
+  j as DELETE_MODAL_OK_TEXT,
+  d as DELETE_MODAL_TITLE,
+  I as HOVER_RECT_FILL_COLOR,
+  x as IMAGE_EXPORT_FORMAT,
+  _ as MAX_ZOOM,
+  E as MIN_ZOOM,
+  b as OCR_SCAN_ANIMATION_SPEED,
+  G as OCR_SCAN_LINE_BASE_HEIGHT,
+  K as OCR_SCAN_LINE_BRIGHT_COLOR,
+  e as OCR_SCAN_LINE_CORE_COLOR,
+  H as OCR_SCAN_LINE_CORE_HEIGHT_MULTIPLIER,
+  g as OCR_SCAN_LINE_CORE_POSITION_MULTIPLIER,
+  Y as OCR_SCAN_LINE_GLOW_COLOR,
+  X as OCR_SCAN_LINE_GLOW_MULTIPLIER,
+  C as RECT_STROKE_COLOR,
+  P as REGION_NAME_FONT_FAMILY,
+  r as REGION_NAME_FONT_SIZE,
+  U as REGION_NAME_PADDING,
+  D as REGION_NAME_PREFIX,
+  k as REGION_NAME_TEXT_COLOR,
+  A as SELECTED_RECT_FILL_COLOR,
+  s as TEMP_RECT_FILL_COLOR,
+  N as TEMP_RECT_STROKE_DASH_ARRAY,
+  W as TEXT_LAYOUT_RECT_CLICK_FEEDBACK_COLOR,
+  i as TEXT_LAYOUT_RECT_FEEDBACK_DELAY,
+  Z as TEXT_LAYOUT_RECT_FILL_COLOR,
+  l as TEXT_LAYOUT_RECT_HOVER_STROKE_COLOR,
+  B as TEXT_LAYOUT_RECT_STROKE_COLOR,
+  n as TRANSPARENT_FILL,
+  O as ZOOM_FACTOR,
+  T as ZOOM_PRECISION_ERROR,
+  L as ZOOM_STEP
+};

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

@@ -0,0 +1,242 @@
+var le = Object.defineProperty, ce = Object.defineProperties;
+var ae = Object.getOwnPropertyDescriptors;
+var G = Object.getOwnPropertySymbols;
+var ue = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
+var J = (r, o, s) => o in r ? le(r, o, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[o] = s, a = (r, o) => {
+  for (var s in o || (o = {}))
+    ue.call(o, s) && J(r, s, o[s]);
+  if (G)
+    for (var s of G(o))
+      ie.call(o, s) && J(r, s, o[s]);
+  return r;
+}, u = (r, o) => ce(r, ae(o));
+import { jsxs as de, jsx as M } from "react/jsx-runtime";
+import { useMemo as me, useState as y, useRef as K, useEffect as T } from "react";
+import "./style.less.mjs";
+import pe from "./TextAnnotationPanel.mjs";
+import ve from "./VLMLabelMaker/index.mjs";
+import { DEFAULT_SHAPE_TYPE as fe, DEFAULT_MIN_LEFT_WIDTH as be, DEFAULT_MAX_RATIO as P, DEFAULT_MIN_RATIO as Q, DEFAULT_LEFT_RATIO as ye } from "./constants.mjs";
+const k = (r) => {
+  var o, s;
+  return u(a({}, r), {
+    labels: (s = (o = r.labels) == null ? void 0 : o.map((l) => {
+      if (l.shape.name === "rect") {
+        const {
+          x: A,
+          y: p,
+          width: v,
+          height: d
+        } = l.shape;
+        return u(a({}, l), {
+          shape: u(a({}, l.shape), {
+            x: A + v / 2,
+            y: p + d / 2
+          })
+        });
+      }
+      return l;
+    })) != null ? s : []
+  });
+}, Ae = (r) => {
+  var o, s;
+  return u(a({}, r), {
+    labels: (s = (o = r.labels) == null ? void 0 : o.map((l) => {
+      if (l.shape.name === "rect") {
+        const {
+          x: A,
+          y: p,
+          width: v,
+          height: d
+        } = l.shape;
+        return u(a({}, l), {
+          shape: u(a({}, l.shape), {
+            x: A - v / 2,
+            y: p - d / 2
+          })
+        });
+      }
+      return l;
+    })) != null ? s : []
+  });
+}, Fe = ({
+  sample: r,
+  labelDefinitions: o,
+  onChange: s,
+  leftRatio: l,
+  resizable: A = !0,
+  minLeftRatio: p,
+  maxLeftRatio: v,
+  minLeftWidth: d = be,
+  onRatioChange: B,
+  ocrRecognize: Z,
+  coordinateType: L = "top-left",
+  hideRightSide: E,
+  readOnly: C
+}) => {
+  var H, q;
+  const i = me(() => L === "center" ? Ae(r) : r, [r, L]), [f, R] = y((H = i == null ? void 0 : i.labels) != null ? H : []), [b, m] = y(null), [g, w] = y(null), [_, x] = y(null);
+  y(fe);
+  const z = Math.min(P, Math.max(Q, p != null ? p : Q)), O = Math.min(P, Math.max(z, v != null ? v : P)), F = K(null), N = K(!1), V = (t, e) => {
+    let n = z;
+    return typeof d == "number" && d >= 0 && e && e > 0 && (n = Math.max(n, Math.min(P, d / e))), Math.min(O, Math.max(n, t));
+  }, U = typeof l == "number", [W, S] = y(V(l != null ? l : ye));
+  T(() => {
+    U || S((t) => V(t));
+  }, [z, O]);
+  const ee = (q = F.current) == null ? void 0 : q.clientWidth, te = V(U ? l : W, ee), X = E ? 1 : te, ne = E ? 0 : 1 - X, oe = E ? !1 : A, [, $] = y(0);
+  T(() => {
+    const t = F.current;
+    if (!t)
+      return;
+    let e = null, n = 0;
+    if (typeof ResizeObserver != "undefined")
+      e = new ResizeObserver(() => {
+        cancelAnimationFrame(n), n = requestAnimationFrame(() => {
+          $((c) => c + 1);
+        });
+      }), e.observe(t);
+    else {
+      const c = () => $((h) => h + 1);
+      return window.addEventListener("resize", c), () => {
+        window.removeEventListener("resize", c);
+      };
+    }
+    return () => {
+      e && e.disconnect(), cancelAnimationFrame(n);
+    };
+  }, []), T(() => {
+    var t;
+    R((t = i == null ? void 0 : i.labels) != null ? t : []), m(null), w(null), x(null);
+  }, [i]), T(() => {
+    _ && m(null);
+  }, [_]), T(() => {
+    b !== null && x(null);
+  }, [b]);
+  const j = (t) => {
+    const e = F.current;
+    if (!e)
+      return;
+    const n = e.getBoundingClientRect(), c = V((t - n.left) / n.width, n.width);
+    B && B(c), U || S(c);
+  }, se = (t) => {
+    if (!A)
+      return;
+    t.preventDefault(), N.current = !0, document.body.style.userSelect = "none", document.body.style.setProperty("-webkit-user-select", "none"), document.body.style.setProperty("-moz-user-select", "none"), document.body.style.setProperty("-ms-user-select", "none"), j(t.clientX);
+    const e = (c) => {
+      N.current && (c.preventDefault(), j(c.clientX));
+    }, n = () => {
+      N.current = !1, document.body.style.userSelect = "", document.body.style.setProperty("-webkit-user-select", ""), document.body.style.setProperty("-moz-user-select", ""), document.body.style.setProperty("-ms-user-select", ""), window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", n);
+    };
+    window.addEventListener("mousemove", e), window.addEventListener("mouseup", n);
+  };
+  return /* @__PURE__ */ de("div", {
+    className: "vlm-annotation-wrap",
+    ref: F,
+    children: [/* @__PURE__ */ M("div", {
+      className: "vlm-annotation-left",
+      style: {
+        flex: `${X} 1 0%`,
+        minWidth: typeof d == "number" ? `${d}px` : void 0
+      },
+      children: /* @__PURE__ */ M(ve, {
+        sample: i,
+        labelDefinitions: o,
+        labels: f,
+        onChange: (t) => {
+          if (s) {
+            const e = u(a({}, i), {
+              labels: t
+            });
+            s(L === "center" ? k(e) : e);
+          }
+          R(t);
+        },
+        onRegionSelect: x,
+        onRegionChange: (t, e) => {
+        },
+        ocrRecognize: Z,
+        activeLabelValue: b,
+        onClearActive: () => {
+          m(null), w(null);
+        },
+        selectedRegion: _,
+        onAppendTextToActive: (t) => {
+          if (!b || g === null)
+            return;
+          const e = f[g];
+          if (!e)
+            return;
+          const n = b.label.id, h = (e.content[n] || "") + t, D = [...f], Y = u(a({}, e), {
+            content: u(a({}, e.content), {
+              [n]: h
+            })
+          });
+          D[g] = Y, R(D);
+          const re = u(a({}, b), {
+            region: Y
+          });
+          if (m(re), (o == null ? void 0 : o.find((I) => I.id === n)) && setTimeout(() => {
+          }, 0), s) {
+            const I = u(a({}, i), {
+              labels: D
+            });
+            s(L === "center" ? k(I) : I);
+          }
+        },
+        readOnly: C
+      })
+    }), oe ? /* @__PURE__ */ M("div", {
+      className: "vlm-annotation-resizer",
+      role: "separator",
+      "aria-orientation": "vertical",
+      onMouseDown: se
+    }) : null, !E && /* @__PURE__ */ M("div", {
+      className: "vlm-annotation-right",
+      style: {
+        flex: `${ne} 1 0%`
+      },
+      children: /* @__PURE__ */ M(pe, {
+        labelDefinitions: o,
+        labels: f,
+        selectedRegion: _,
+        activeLabelValue: b,
+        activeRegionNumber: g,
+        readOnly: C,
+        onInputActive: (t, e) => {
+          if (e !== void 0 && f[e]) {
+            const n = f[e], c = {
+              label: t.label,
+              // 使用传入的 label，确保 label 字段被更新
+              region: a({}, n)
+            };
+            m(c), w(e);
+          } else
+            m(t), e !== void 0 && w(e);
+        },
+        onChange: (t, e) => {
+          if (t !== null && e !== void 0) {
+            const n = [...f];
+            n[e] = t.region, R(n);
+            const c = {
+              label: t.label,
+              // 确保使用传入的 label
+              region: n[e]
+              // 使用更新后的 region
+            };
+            if (m(c), w(e), s) {
+              const h = u(a({}, i), {
+                labels: n
+              });
+              s(L === "center" ? k(h) : h);
+            }
+          } else
+            m(null), w(null);
+        }
+      })
+    })]
+  });
+};
+export {
+  k as convertTopLeftToCenter,
+  Fe as default
+};

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

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

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

@@ -0,0 +1,345 @@
+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) => {
+  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((h, f) => {
+  var l = (c) => {
+    try {
+      a(n.next(c));
+    } catch (m) {
+      f(m);
+    }
+  }, p = (c) => {
+    try {
+      a(n.throw(c));
+    } catch (m) {
+      f(m);
+    }
+  }, a = (c) => c.done ? h(c.value) : Promise.resolve(c.value).then(l, p);
+  a((n = n.apply(o, 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 "./style.less.mjs";
+import B from "../../../Iconfont/index.mjs";
+const de = ie((o, s) => {
+  const {
+    datasetId: n,
+    versionId: h,
+    onAttributesChange: f,
+    onLoadingChange: l
+  } = o, {
+    services: {
+      cvforceDatahub: p
+    }
+  } = ne(oe), [a, c] = b([]), [m, 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));
+    return JSON.stringify(t);
+  }, U = () => S(a) !== I.current, z = () => new Promise((e) => {
+    if (!U()) {
+      e(!0);
+      return;
+    }
+    ce.confirm({
+      title: "提示",
+      content: "属性列表有未保存的更改，确定要离开吗？",
+      okText: "确定",
+      cancelText: "取消",
+      onOk: () => {
+        e(!0);
+      },
+      onCancel: () => {
+        e(!1);
+      }
+    });
+  });
+  se(s, () => ({
+    hasUnsavedChanges: U,
+    checkDirtyAndConfirm: z
+  }));
+  const V = () => E(void 0, null, function* () {
+    N(!0), l == null || l(!0);
+    try {
+      if (n && h && p) {
+        const t = (yield p.getDatasetsIdVersionsVidConfigs(n, h)) || [];
+        return c(t), I.current = S(t), t;
+      }
+    } catch (e) {
+      console.error("获取属性列表失败:", e);
+    } finally {
+      N(!1), l == null || l(!1);
+    }
+  });
+  q(() => {
+    V();
+  }, []), q(() => {
+    const e = (t) => {
+      if (S(a) !== I.current)
+        return t.preventDefault(), t.returnValue = "", "";
+    };
+    return window.addEventListener("beforeunload", e), () => {
+      window.removeEventListener("beforeunload", e);
+    };
+  }, [a]);
+  const _ = () => {
+    if (!D.trim()) {
+      C.error("属性名称不能为空");
+      return;
+    }
+    const e = {
+      id: `attr-${Date.now()}`,
+      name: D.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("属性名称不能为空");
+      return;
+    }
+    O(!w), y(null);
+  }, $ = (e, t) => {
+    const r = a.map((d) => d.id === e ? A(x({}, d), {
+      name: t
+    }) : d);
+    c(r);
+  }, G = (e, t) => {
+    const r = a.map((d) => d.id === e ? A(x({}, d), {
+      type: t
+    }) : d);
+    c(r);
+  }, L = () => E(void 0, null, function* () {
+    if (!(!n || !h || !p)) {
+      N(!0), l == null || l(!0);
+      try {
+        const e = a.map((r) => {
+          var d;
+          return A(x({}, r), {
+            id: (d = r.id) != null && d.startsWith("attr-") ? "" : r.id
+          });
+        });
+        console.log("attributes", a), yield p.saveVisionLabelConfigs(n, h, {
+          data: e
+        });
+        const t = yield V();
+        C.success("保存成功"), f == null || f(t || a);
+      } catch (e) {
+        throw console.error("保存属性列表失败:", e), C.error("保存失败"), e;
+      } finally {
+        N(!1), l == null || l(!1);
+      }
+    }
+  }), Q = [{
+    title: "序号",
+    key: "index",
+    width: 80,
+    render: (e, t, r) => r + 1
+  }, {
+    title: "属性名称",
+    dataIndex: "name",
+    key: "name",
+    render: (e, t) => w ? /* @__PURE__ */ i(P, {
+      value: e,
+      showCount: !0,
+      maxLength: 32,
+      onChange: (r) => {
+        $(t.id, r.target.value);
+      },
+      onBlur: () => {
+        R === t.id && y(null);
+      },
+      onFocus: () => {
+        y(t.id);
+      }
+    }) : /* @__PURE__ */ i("span", {
+      children: e
+    })
+  }, {
+    title: "属性类型",
+    dataIndex: "type",
+    key: "type",
+    render: (e, t) => w ? /* @__PURE__ */ i(k, {
+      value: e || "text",
+      onChange: (r) => {
+        G(t.id, r);
+      },
+      style: {
+        width: "100%"
+      },
+      onBlur: () => {
+        R === t.id && y(null);
+      },
+      onFocus: () => {
+        y(t.id);
+      },
+      disabled: !0,
+      children: /* @__PURE__ */ i(k.Option, {
+        value: "text",
+        children: "文本"
+      })
+    }) : /* @__PURE__ */ i("span", {
+      children: "文本"
+    })
+  }, {
+    title: "操作",
+    key: "action",
+    width: 100,
+    render: (e, t) => /* @__PURE__ */ i(v, {
+      type: "link",
+      onClick: () => J(t.id),
+      children: "删除"
+    })
+  }];
+  return /* @__PURE__ */ u("div", {
+    className: "attribute-detail",
+    children: [m && /* @__PURE__ */ i("div", {
+      children: "加载中..."
+    }), /* @__PURE__ */ i("div", {
+      className: "use-tips",
+      children: /* @__PURE__ */ i("div", {
+        children: "使用须知：用户需清楚能从图纸中提取出所有类型的信息，图片中的标注信息（如“零件名称”、“规格型号”），属性定义对应全局"
+      })
+    }), /* @__PURE__ */ u("div", {
+      className: "lists",
+      children: [/* @__PURE__ */ u(ae, {
+        className: "lists-content",
+        gutter: 48,
+        children: [/* @__PURE__ */ i(F, {
+          span: 12,
+          children: /* @__PURE__ */ u("div", {
+            className: "list-item",
+            children: [/* @__PURE__ */ i("div", {
+              className: "list-item-header",
+              children: /* @__PURE__ */ i("div", {
+                className: "list-item-title",
+                children: "新增属性"
+              })
+            }), /* @__PURE__ */ u("div", {
+              className: "list-item-content",
+              children: [/* @__PURE__ */ u("div", {
+                className: "form-item",
+                children: [/* @__PURE__ */ i("div", {
+                  className: "form-label",
+                  children: "属性名称"
+                }), /* @__PURE__ */ i(P, {
+                  showCount: !0,
+                  maxLength: 32,
+                  value: D,
+                  onChange: (e) => g(e.target.value),
+                  placeholder: "请输入属性名称",
+                  onPressEnter: _
+                })]
+              }), /* @__PURE__ */ u("div", {
+                className: "form-item",
+                children: [/* @__PURE__ */ i("div", {
+                  className: "form-label",
+                  children: "属性类型"
+                }), /* @__PURE__ */ i(k, {
+                  value: "text",
+                  disabled: !0,
+                  style: {
+                    width: "100%"
+                  },
+                  children: /* @__PURE__ */ i(k.Option, {
+                    value: "text",
+                    children: "文本"
+                  })
+                })]
+              }), /* @__PURE__ */ i("div", {
+                className: "form-actions",
+                children: /* @__PURE__ */ u(T, {
+                  children: [/* @__PURE__ */ i(v, {
+                    type: "primary",
+                    onClick: _,
+                    children: "添加属性"
+                  }), /* @__PURE__ */ i(v, {
+                    onClick: H,
+                    children: "取消"
+                  })]
+                })
+              })]
+            })]
+          })
+        }), /* @__PURE__ */ i(F, {
+          span: 12,
+          children: /* @__PURE__ */ u("div", {
+            className: "list-item",
+            children: [/* @__PURE__ */ u("div", {
+              className: "list-item-header",
+              children: [/* @__PURE__ */ i("div", {
+                className: "list-item-title",
+                children: "属性列表"
+              }), /* @__PURE__ */ u(T, {
+                style: {
+                  height: 32
+                },
+                children: [/* @__PURE__ */ i(v, {
+                  type: "text",
+                  icon: w ? /* @__PURE__ */ i(B, {
+                    type: "icon-queding",
+                    className: "self-icon"
+                  }) : /* @__PURE__ */ i(B, {
+                    type: "icon-editing",
+                    className: "self-icon"
+                  }),
+                  onClick: W
+                }), /* @__PURE__ */ i(v, {
+                  type: "text",
+                  icon: /* @__PURE__ */ i(B, {
+                    type: "icon-qingchujiyi",
+                    className: "self-icon"
+                  }),
+                  onClick: K
+                })]
+              })]
+            }), /* @__PURE__ */ i("div", {
+              className: "list-item-content table-wrapper",
+              children: /* @__PURE__ */ i(le, {
+                columns: Q,
+                dataSource: a,
+                rowKey: "id",
+                pagination: !1,
+                size: "small",
+                scroll: {
+                  y: "100%"
+                }
+              })
+            })]
+          })
+        })]
+      }), /* @__PURE__ */ i("div", {
+        className: "attribute-detail-footer",
+        children: /* @__PURE__ */ i(T, {
+          children: /* @__PURE__ */ i(v, {
+            type: "primary",
+            loading: m,
+            disabled: m,
+            onClick: L,
+            children: "保存"
+          })
+        })
+      })]
+    })]
+  });
+});
+de.displayName = "AttributeDetail";
+export {
+  de as default
+};

package/dist/es/components/VLMAnnotationDetail/MarkVLMBoxModal/AttributeDetail/style.less.mjs

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