@glodon-aiot/dataset-annotation 3.2.2-beta.3 → 3.2.10-beta.1

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

@@ -0,0 +1,66 @@
+import { jsxs as o, jsx as a, Fragment as h } from "react/jsx-runtime";
+import { useState as n, useEffect as l } from "react";
+import k from "lodash/groupBy";
+import "./style.less.mjs";
+const v = ({
+  labels: i = [],
+  catagory: t
+}) => {
+  const [r, m] = n([]), [c, d] = n([]);
+  return l(() => {
+    const s = k(i, (e) => e.type);
+    m(s.key), d(s.value);
+  }, [i]), /* @__PURE__ */ o("div", {
+    className: "mark-description-wrap",
+    children: [/* @__PURE__ */ a("div", {
+      className: "mark-description-name",
+      children: t.name
+    }), /* @__PURE__ */ a("div", {
+      className: "mark-description-keys",
+      children: r == null ? void 0 : r.map((s) => /* @__PURE__ */ a("div", {
+        children: s.words
+      }))
+    }), /* @__PURE__ */ a("div", {
+      className: "mark-description-values",
+      children: c == null ? void 0 : c.map((s) => /* @__PURE__ */ a("div", {
+        children: s.words
+      }))
+    })]
+  });
+}, w = ({
+  labels: i = [],
+  catagories: t = []
+}) => {
+  var s;
+  const [r, m] = n({}), [c, d] = n({});
+  return l(() => {
+    m(k(i, (e) => e.catagoryId));
+  }, [i]), l(() => {
+    const e = {};
+    t.forEach((p) => e[p.id] = p.name), d(e);
+  }, [t]), r ? /* @__PURE__ */ o("div", {
+    className: "mark-descriptions-wrap",
+    children: [/* @__PURE__ */ o("div", {
+      className: "mark-description-wrap mark-descriptions-header",
+      children: [/* @__PURE__ */ a("div", {
+        className: "mark-description-name",
+        children: "字段名称"
+      }), /* @__PURE__ */ a("div", {
+        className: "mark-description-keys",
+        children: "Key"
+      }), /* @__PURE__ */ a("div", {
+        className: "mark-description-values",
+        children: "Value"
+      })]
+    }), (s = Object.keys(r)) == null ? void 0 : s.map((e) => /* @__PURE__ */ a(v, {
+      labels: r[e],
+      catagory: {
+        id: e,
+        name: c[e]
+      }
+    }))]
+  }) : /* @__PURE__ */ a(h, {});
+};
+export {
+  w as default
+};

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

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

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

@@ -0,0 +1,213 @@
+import { jsxs as E, jsx as s } from "react/jsx-runtime";
+import { forwardRef as pt, useRef as _, useState as i, useEffect as vt, useImperativeHandle as It } from "react";
+import "./style.less.mjs";
+import Mt from "classnames";
+import { Space as wt, Tooltip as k, Button as L } from "antd";
+import { ZoomInOutlined as xt, ZoomOutOutlined as yt, DragOutlined as St } from "@ant-design/icons";
+import { useKeyPress as tt } from "ahooks";
+const Dt = pt((O, et) => {
+  var Q;
+  const {
+    url: R,
+    offsetEdge: ot = [50, 50, 50, 50],
+    zoomable: b = !0,
+    zoomStep: p = 0.02,
+    zoomMax: v = 2,
+    zoomMin: I = 0,
+    onImageLoad: X,
+    labels: N
+  } = O, M = _({}), w = _({}), [j, nt] = i(0), [B, st] = i(0), [l, P] = i(1), [u, f] = i(0), [g, d] = i(0), [r, z] = i(0), [c, D] = i(0), [it, U] = i(!1), [Z, x] = i(!1), [$, rt] = i(), [y, S] = i({
+    x: 0,
+    y: 0
+  }), [q, K, V, A] = ot, [a, T] = i((Q = O.draggable) != null ? Q : !0);
+  tt("ctrl", () => {
+    T(!0);
+  }, {
+    events: ["keydown"]
+  }), tt("ctrl", () => {
+    T(!1);
+  }, {
+    events: ["keyup"]
+  }), vt(() => {
+    U(!1);
+  }, [R]);
+  const F = () => {
+    if (!w.current)
+      return;
+    const t = w.current.clientWidth, e = w.current.clientHeight, o = M.current.naturalWidth, n = M.current.naturalHeight, m = t / o, H = e / n, h = m < H ? m : H, mt = (t - o * h) / 2, ft = (e - n * h) / 2, dt = o * h, ht = n * h;
+    nt(t), st(e), P(h), f(mt), d(ft), z(dt), D(ht), U(!0), X && X(M.current);
+  }, C = () => {
+    if (!b || l >= v)
+      return;
+    let t = l * (1 + p), e = p;
+    t >= v && (t = v, e = v / l - 1), f(u - r * (e / 2)), d(g - c * (e / 2)), z(r + r * e), D(c + c * e), P(t), Y();
+  }, W = () => {
+    if (!b || l <= I)
+      return;
+    let t = l * (1 - p), e = p;
+    t <= I && (t = I, e = 1 - I / l), f(u - r * (-e / 2)), d(g - c * (-e / 2)), z(r + r * -e), D(c + c * -e), P(t), Y();
+  };
+  It(et, () => ({
+    zoomIn: C,
+    zoomOut: W,
+    onImageLoad: X
+  }));
+  const ct = (t) => (t.deltaY < 0 ? C() : W(), !1), at = (t) => {
+    x(!0);
+    const {
+      pageX: e,
+      pageY: o
+    } = t;
+    S({
+      x: e,
+      y: o
+    });
+  }, lt = (t) => {
+    if (!Z)
+      return !1;
+    const {
+      pageX: e,
+      pageY: o
+    } = t, n = e - y.x, m = o - y.y;
+    S({
+      x: e,
+      y: o
+    }), f(u + n), d(g + m), Y();
+  }, G = () => {
+    x(!1);
+  };
+  window.onmouseup = () => {
+    x(!1);
+  }, window.onresize = F;
+  const Y = () => {
+    u < -r + A && f(-r + A), g < -c + q && d(-c + q), u > j - K && f(j - K), g > B - V && d(B - V);
+  }, ut = (t) => {
+    const {
+      touches: e
+    } = t;
+    if (x(!0), e.length < 2) {
+      const {
+        clientX: o,
+        clientY: n
+      } = e[0];
+      S({
+        x: o,
+        y: n
+      });
+    } else
+      rt(e);
+  }, gt = (t) => {
+    if (!Z || !t.touches)
+      return !1;
+    const {
+      clientX: e,
+      clientY: o
+    } = t.touches[0];
+    if (t.touches.length < 2) {
+      const n = e - y.x, m = o - y.y;
+      S({
+        x: e,
+        y: o
+      }), f(u + n), d(g + m), Y();
+    } else {
+      const n = t.touches, m = J(n[0], n[1]), H = J($[0], $[1]);
+      m > H ? C() : W();
+    }
+  }, J = (t, e) => {
+    const o = e.pageX - t.pageX, n = e.pageY - t.pageY;
+    return Math.sqrt(o * o + n * n);
+  };
+  return /* @__PURE__ */ E("div", {
+    className: "ocr-image-viewer",
+    children: [/* @__PURE__ */ s("div", {
+      className: "marker-toolbar",
+      children: /* @__PURE__ */ s("div", {
+        className: "create-mode-select",
+        children: /* @__PURE__ */ E(wt, {
+          direction: "vertical",
+          size: 16,
+          children: [/* @__PURE__ */ s(k, {
+            title: "放大-鼠标滚轮前滑",
+            placement: "right",
+            children: /* @__PURE__ */ s(L, {
+              icon: /* @__PURE__ */ s(xt, {}),
+              onClick: () => {
+                C();
+              }
+            })
+          }), /* @__PURE__ */ s(k, {
+            title: "缩小-鼠标滚轮后滑",
+            placement: "right",
+            children: /* @__PURE__ */ s(L, {
+              icon: /* @__PURE__ */ s(yt, {}),
+              onClick: () => {
+                W();
+              }
+            })
+          }), /* @__PURE__ */ s(k, {
+            title: "拖动-按住ctrl",
+            placement: "right",
+            children: /* @__PURE__ */ s(L, {
+              icon: /* @__PURE__ */ s(St, {}),
+              className: a ? "active" : "",
+              onClick: () => {
+                T(!a);
+              }
+            })
+          })]
+        })
+      })
+    }), /* @__PURE__ */ E("div", {
+      className: Mt({
+        "image-map": !0,
+        draggable: a
+      }),
+      ref: w,
+      onMouseDown: a ? at : void 0,
+      onMouseMove: a ? lt : void 0,
+      onMouseUp: a ? G : void 0,
+      onWheel: ct,
+      onTouchStart: a ? ut : void 0,
+      onTouchMove: a ? gt : void 0,
+      onTouchEnd: a ? G : void 0,
+      onContextMenu: (t) => {
+        t.preventDefault();
+      },
+      children: [/* @__PURE__ */ s("img", {
+        draggable: "false",
+        className: "img",
+        style: {
+          position: "absolute",
+          left: u,
+          top: g,
+          width: r,
+          height: c
+        },
+        ref: M,
+        onLoad: F,
+        src: R,
+        alt: ""
+      }), it ? /* @__PURE__ */ s("svg", {
+        style: {
+          position: "absolute",
+          left: u,
+          top: g,
+          width: r,
+          height: c
+        },
+        children: N == null ? void 0 : N.map((t, e) => {
+          var o;
+          return /* @__PURE__ */ s("g", {
+            children: /* @__PURE__ */ s("polygon", {
+              className: "label-box",
+              points: (o = t == null ? void 0 : t.box) == null ? void 0 : o.map((n) => `${n[0] * l} ${n[1] * l}`).join(",")
+            }, t.id)
+          }, e);
+        })
+      }) : ""]
+    })]
+  });
+});
+export {
+  Dt as default
+};

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

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

package/dist/es/components/OcrAnnotation/MarkKVOCRModal/CategoryDrawer.mjs

@@ -0,0 +1,136 @@
+var O = Object.defineProperty;
+var g = Object.getOwnPropertySymbols;
+var V = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
+var x = (i, e, n) => e in i ? O(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, u = (i, e) => {
+  for (var n in e || (e = {}))
+    V.call(e, n) && x(i, n, e[n]);
+  if (g)
+    for (var n of g(e))
+      q.call(e, n) && x(i, n, e[n]);
+  return i;
+};
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { Form as h, Drawer as A, Space as y, Button as B, Table as E, Modal as F, Input as T } from "antd";
+import { useState as C, useContext as U, useEffect as k } from "react";
+import Z from "../../../DatasetContext/index.mjs";
+const N = (i) => {
+  const {
+    datasetId: e,
+    visible: n,
+    onClose: S
+  } = i, [w, c] = C(!1), [I, M] = C([]), [o, a] = C(null), [r] = h.useForm(), {
+    services: {
+      cvforceDatahub: l
+    },
+    featuresConfig: {
+      labelManager: $
+    } = {
+      labelManager: !1
+    }
+  } = U(Z), _ = (t) => {
+    F.confirm({
+      title: "确认要删除吗？",
+      content: "删除后不可恢复，请谨慎操做！",
+      onOk: () => l == null ? void 0 : l.deleteCategory(e, t).then(() => {
+        m(), c(!0);
+      })
+    });
+  }, j = [{
+    title: "字段名称",
+    dataIndex: "name",
+    key: "name"
+  }, {
+    title: /* @__PURE__ */ s("div", {
+      style: {
+        padding: "0px 7px"
+      },
+      children: "操作"
+    }),
+    dataIndex: "id",
+    key: "action",
+    width: 100,
+    render: (t, d) => /* @__PURE__ */ p(y, {
+      children: [/* @__PURE__ */ s("a", {
+        onClick: () => a(d),
+        children: "编辑"
+      }), /* @__PURE__ */ s("a", {
+        onClick: () => _(t),
+        children: "删除"
+      })]
+    })
+  }], z = (t) => {
+    function d() {
+      m(), a(null);
+    }
+    t.id ? l == null || l.updateCategory(e, t.id, t.name).then(d).then(() => {
+      c(!0);
+    }) : l == null || l.postCategory(e, t.name).then(d).then(() => {
+      c(!0);
+    });
+  }, m = () => l == null ? void 0 : l.listCategory(e).then((t) => M(t));
+  k(() => {
+    m();
+  }, []), k(() => {
+    o ? r.setFieldsValue(o) : r.resetFields();
+  }, [o]);
+  const f = () => {
+    r.validateFields().then((t) => {
+      r.resetFields(), z(u(u({}, o), t));
+    }).catch((t) => {
+      console.log("Validate Failed:", t);
+    });
+  };
+  return /* @__PURE__ */ p(A, {
+    title: "字段管理",
+    open: n,
+    width: "33.33%",
+    onClose: () => {
+      S(w);
+    },
+    children: [/* @__PURE__ */ p(y, {
+      direction: "vertical",
+      size: 16,
+      style: {
+        width: "100%"
+      },
+      children: [/* @__PURE__ */ s(B, {
+        type: "primary",
+        onClick: () => a({}),
+        children: "+ 添加字段"
+      }), /* @__PURE__ */ s(E, {
+        columns: j,
+        dataSource: I
+      })]
+    }), /* @__PURE__ */ s(F, {
+      title: o != null && o.id ? "编辑字段" : "添加字段",
+      open: !!o,
+      onCancel: () => a(null),
+      onOk: f,
+      children: /* @__PURE__ */ s(h, {
+        form: r,
+        onFinish: f,
+        children: /* @__PURE__ */ s(h.Item, {
+          label: "字段名称",
+          name: "name",
+          rules: [{
+            required: !0
+          }, {
+            type: "string",
+            max: 256,
+            message: "长度不超过256字符"
+          }, {
+            pattern: /^[\u4e00-\u9fa50-9a-zA-Z\-_]*$/,
+            message: "仅支持中英文、数字、“-”、“_”"
+          }],
+          children: /* @__PURE__ */ s(T, {
+            placeholder: "仅支持中英文、数字、“-”、“_”，长度不超过256字符",
+            autoFocus: !0
+          })
+        })
+      })
+    })]
+  });
+};
+export {
+  N as default
+};

package/dist/es/components/OcrAnnotation/MarkKVOCRModal/KVOCRLabelMaker/LabelEditorInput.mjs

@@ -0,0 +1,57 @@
+var m = Object.defineProperty, w = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols;
+var h = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+var l = (r, o, e) => o in r ? m(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, n = (r, o) => {
+  for (var e in o || (o = {}))
+    h.call(o, e) && l(r, e, o[e]);
+  if (f)
+    for (var e of f(o))
+      L.call(o, e) && l(r, e, o[e]);
+  return r;
+}, d = (r, o) => w(r, x(o));
+import { jsx as C } from "react/jsx-runtime";
+import { Input as E } from "antd";
+import { useState as b, useEffect as H } from "react";
+const B = (r) => {
+  const {
+    value: o,
+    holdingLabel: e,
+    clearHoldingLabel: i,
+    onChange: s,
+    onSelect: c,
+    selected: I
+  } = r, [g, u] = b(o == null ? void 0 : o.words), [p, a] = b(!1);
+  return H(() => {
+    u(o == null ? void 0 : o.words);
+  }, [o == null ? void 0 : o.words]), /* @__PURE__ */ C(E, {
+    placeholder: o != null && o.box ? "请输入" : "在图中框选内容后，点击此处进行填写",
+    value: g,
+    onChange: (t) => {
+      u(t.target.value);
+    },
+    disabled: !(o != null && o.box || e && p),
+    onBlur: (t) => {
+      s && s(d(n({}, o), {
+        words: t.target.value
+      }));
+    },
+    onClick: (t) => {
+      e && e && (s && s(d(n({}, o), {
+        uuid: e.uuid,
+        box: e.box,
+        words: e.words || ""
+      })), i && i());
+    },
+    onMouseOver: () => a(!0),
+    onMouseLeave: (t) => {
+      a(!1), t.currentTarget.blur();
+    },
+    onFocus: () => {
+      c && c(o);
+    }
+  });
+};
+export {
+  B as default
+};

package/dist/es/components/OcrAnnotation/MarkKVOCRModal/KVOCRLabelMaker/LabelEditorItem.mjs

@@ -0,0 +1,73 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { useState as w, useEffect as y } from "react";
+import { Button as u } from "antd";
+import "./style.less.mjs";
+import { DeleteOutlined as I, PlusCircleOutlined as N } from "@ant-design/icons";
+import E from "./LabelEditorInput.mjs";
+const B = (h) => {
+  const {
+    name: c,
+    catagoryId: p,
+    values: l,
+    selectedLabel: n,
+    holdingLabel: f,
+    onChange: g,
+    onRemove: b,
+    clearHoldingLabel: C,
+    onSelect: d
+  } = h, s = {
+    words: "",
+    type: c.toLowerCase(),
+    catagoryId: p
+  }, [e, a] = w(l.length ? l : [s]);
+  y(() => {
+    a(l.length ? l : [s]);
+  }, [l]);
+  const v = (t) => {
+    b(e[t]), e.length === 1 ? a([s]) : (e.splice(t, 1), a([...e]));
+  }, x = () => {
+    a([...l, s]);
+  };
+  return /* @__PURE__ */ r("div", {
+    className: "label-editor-item",
+    children: [/* @__PURE__ */ o("div", {
+      className: "label-editor-item-name",
+      children: c.toLowerCase()
+    }), /* @__PURE__ */ o("div", {
+      className: "label-editor-item-values",
+      children: e == null ? void 0 : e.map((t, i) => {
+        var m;
+        return /* @__PURE__ */ r("div", {
+          children: [/* @__PURE__ */ o(E, {
+            value: t,
+            selected: n ? (n == null ? void 0 : n.uuid) === t.uuid : !1,
+            holdingLabel: f,
+            clearHoldingLabel: C,
+            onChange: (L) => {
+              e[i] = L, a([...e]), g([...e]);
+            },
+            onSelect: () => {
+              d && d(t);
+            }
+          }), /* @__PURE__ */ r("div", {
+            className: "actions",
+            children: [((m = t.box) == null ? void 0 : m.length) && t.words && /* @__PURE__ */ o(u, {
+              size: "small",
+              type: "text",
+              icon: /* @__PURE__ */ o(I, {}),
+              onClick: () => v(i)
+            }), i === l.length - 1 && /* @__PURE__ */ o(u, {
+              size: "small",
+              type: "text",
+              icon: /* @__PURE__ */ o(N, {}),
+              onClick: () => x()
+            })]
+          })]
+        }, i);
+      })
+    })]
+  });
+};
+export {
+  B as default
+};

package/dist/es/components/OcrAnnotation/MarkKVOCRModal/KVOCRLabelMaker/LableEditor.mjs

@@ -0,0 +1,55 @@
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
+import { useState as h, useEffect as y } from "react";
+import "./style.less.mjs";
+import f from "./LabelEditorItem.mjs";
+const E = (p) => {
+  const {
+    category: t,
+    type: a = [],
+    value: o = [],
+    selectedLabel: r,
+    holdingLabel: l,
+    clearHoldingLabel: s,
+    onChange: i,
+    onRemove: d,
+    onSelect: c
+  } = p, [m, g] = h(a || []), [b, u] = h(o || []);
+  return y(() => {
+    g(a);
+  }, [a]), y(() => {
+    u(o);
+  }, [o]), /* @__PURE__ */ v("div", {
+    className: `label-editor ${l ? "holding-label" : ""}`,
+    children: [/* @__PURE__ */ n("div", {
+      className: "label-editor-title",
+      children: t.name
+    }), /* @__PURE__ */ n(f, {
+      catagoryId: t.id,
+      name: "key",
+      values: m,
+      selectedLabel: r,
+      holdingLabel: l,
+      clearHoldingLabel: s,
+      onRemove: d,
+      onChange: (e) => {
+        g(e), i(e, b);
+      },
+      onSelect: c
+    }), /* @__PURE__ */ n(f, {
+      catagoryId: t.id,
+      name: "value",
+      values: b,
+      selectedLabel: r,
+      holdingLabel: l,
+      clearHoldingLabel: s,
+      onRemove: d,
+      onChange: (e) => {
+        u(e), i(m, e);
+      },
+      onSelect: c
+    })]
+  });
+};
+export {
+  E as default
+};