@glodon-aiot/dataset-annotation 3.2.2-beta.2 → 3.2.2-beta.4

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

@@ -0,0 +1,366 @@
+var re = Object.defineProperty, de = Object.defineProperties;
+var ue = Object.getOwnPropertyDescriptors;
+var ee = Object.getOwnPropertySymbols;
+var fe = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
+var te = (r, h, g) => h in r ? re(r, h, { enumerable: !0, configurable: !0, writable: !0, value: g }) : r[h] = g, L = (r, h) => {
+  for (var g in h || (h = {}))
+    fe.call(h, g) && te(r, g, h[g]);
+  if (ee)
+    for (var g of ee(h))
+      se.call(h, g) && te(r, g, h[g]);
+  return r;
+}, U = (r, h) => de(r, ue(h));
+import { jsx as E } from "react/jsx-runtime";
+import { useState as I, useContext as ge, useEffect as B } from "react";
+import ce from "./LableEditor.mjs";
+import { fabric as X } from "fabric";
+import oe from "ahooks/lib/useKeyPress";
+import { Spin as le } from "antd";
+import he from "react-dom";
+import { getUuid as K } from "../../../../utils/index.mjs";
+import me from "../../../../DatasetContext/index.mjs";
+import { OCRServiceId as pe } from "@glodon-aiot/apis";
+function T(r, h) {
+  let g = -1, u = -1, x = 0, w = 0, a, m;
+  function Y(e) {
+    const i = e.target;
+    i && (i.currentHeight > i.canvas.height || i.currentWidth > i.canvas.width || (i.setCoords(), (i.getBoundingRect().top < 0 || i.getBoundingRect().left < 0) && (i.top = Math.max(i.top, i.top - i.getBoundingRect().top), i.left = Math.max(i.left, i.left - i.getBoundingRect().left)), (i.getBoundingRect().top + i.getBoundingRect().height > i.canvas.height || i.getBoundingRect().left + i.getBoundingRect().width > i.canvas.width) && (i.top = Math.min(i.top, i.canvas.height - i.getBoundingRect().height + i.top - i.getBoundingRect().top), i.left = Math.min(i.left, i.canvas.width - i.getBoundingRect().width + i.left - i.getBoundingRect().left)), i && m && (m.left = i.left, m.top = i.top + i.getBoundingRect().height)));
+  }
+  r.on("mouse:down", (e) => {
+    const i = r.getZoom();
+    u = e.e.offsetX / i, g = e.e.offsetY / i;
+  }), r.on("mouse:up", (e) => {
+    if (u === -1 && g === -1)
+      return;
+    const i = r.getZoom(), c = e.e.offsetX > r.getWidth() ? r.getWidth() / i : e.e.offsetX / i, P = e.e.offsetY > r.getHeight() ? r.getHeight() / i : e.e.offsetY / i;
+    if (x = Math.abs(c - u), w = Math.abs(P - g), x === 0 || w === 0)
+      return;
+    const b = g > P ? P : g, k = u > c ? c : u, W = x, j = w, f = [{
+      x: k,
+      y: b
+    }, {
+      x: k + W,
+      y: b
+    }, {
+      x: k + W,
+      y: b + j
+    }, {
+      x: k,
+      y: b + j
+    }];
+    a = new X.Polygon(f, {
+      fill: "rgba(255, 69, 0, 0.45)",
+      stroke: "rgb(255, 69, 0)",
+      strokeWidth: 1
+    }), a.set("strokeUniform", !0), r.add(a), m = new X.Text("请在右侧选择对应字段", {
+      top: b + j,
+      left: k,
+      fontSize: 14 / i,
+      backgroundColor: "rgba(0, 0, 0, 0.75)",
+      fill: "#fff",
+      selectable: !1
+    }), r.add(m), r.setActiveObject(a), h && h(a, m), r.skipTargetFind = !1;
+  }), r.on("mouse:move", (e) => {
+    e.target && Y(e);
+  });
+}
+const Z = (r) => {
+  r.off("mouse:down"), r.off("mouse:up");
+}, ae = (r, [h, g, u]) => new X.Polygon(r, {
+  fill: `rgba(${h},${g}, ${u}, 0.45)`,
+  stroke: `rgba(${h},${g}, ${u}, 1)`,
+  strokeWidth: 0
+}), xe = (r, h, g) => {
+  if (!r) {
+    console.error("canvas is not exist");
+    return;
+  }
+  r.remove(h), r.add(g);
+}, ie = (r, h) => new Promise((g, u) => {
+  if (!r.canvas) {
+    u("polygon.canvas is not exist");
+    return;
+  }
+  const x = r.canvas.getElement(), w = r.getBoundingRect(), a = document.createElement("canvas");
+  a.width = r.getScaledWidth() || 0, a.height = r.getScaledHeight() || 0;
+  const m = a.getContext("2d");
+  if (!m) {
+    u("tContext is null");
+    return;
+  }
+  m.drawImage(x, w.left * devicePixelRatio, w.top * devicePixelRatio, w.width * devicePixelRatio || 0, w.height * devicePixelRatio || 0, 0, 0, r.getScaledWidth() || 0, r.getScaledHeight() || 0), g(a.toDataURL());
+}), je = (r) => {
+  const {
+    id: h,
+    imageUrl: g,
+    canvasElement: u,
+    labels: x = [],
+    categories: w,
+    onChange: a
+  } = r, [m, Y] = I(!0), [e, i] = I(), [c, P] = I({}), [b, k] = I(), [W, j] = I([1, 1]), [f, M] = I(), [p, H] = I(null), [D, O] = I(), [s, A] = I(x == null ? void 0 : x.filter((t) => !!t).map((t) => {
+    var o, n;
+    return {
+      uuid: t.uuid,
+      box: ((o = t.box) == null ? void 0 : o.map((d) => [d[0], d[1]])) || [],
+      words: t.words,
+      type: (n = t.type) == null ? void 0 : n.toLowerCase(),
+      catagoryId: t.catagoryId
+    };
+  })), [F, V] = I(!0), [$, q] = I(), {
+    services: {
+      aiShop: z
+    },
+    featuresConfig: {
+      labelManager: ye
+    } = {
+      labelManager: !1
+    }
+  } = ge(me);
+  B(() => {
+    if (e && F) {
+      const t = e.getActiveObject();
+      if (t) {
+        t === (f == null ? void 0 : f.polygon) && (e == null || e.remove(f == null ? void 0 : f.text), M(void 0)), e.remove(t), e.renderAll();
+        const o = s.findIndex((n) => c[n.uuid] === t);
+        o > -1 && (c[s[o].uuid] && (e == null || e.remove(c[s[o].uuid])), s.splice(o, 1), A([...s]), a([...s]));
+      } else
+        console.log("no active object");
+      V(!1);
+    }
+  }, [e, F, s]);
+  const G = (t) => {
+    var o;
+    ((o = t.target) == null ? void 0 : o.tagName) !== "INPUT" && V(!0);
+  };
+  oe("Delete", G), oe("Backspace", G), B(() => {
+    s.forEach((t) => {
+      x.find((o) => o.uuid === t.uuid) || e == null || e.remove(c[t.uuid]);
+    }), A(x == null ? void 0 : x.filter((t) => !!t).map((t) => {
+      var o, n;
+      return {
+        uuid: t.uuid,
+        box: ((o = t.box) == null ? void 0 : o.map((d) => [d[0], d[1]])) || [],
+        words: t.words,
+        type: (n = t.type) == null ? void 0 : n.toLowerCase(),
+        catagoryId: t.catagoryId
+      };
+    }));
+  }, [x]);
+  const ne = () => {
+    P({}), k(void 0), j([1, 1]), M(void 0), H(null), O(void 0), A([]), e == null || e.dispose(), i(void 0);
+  };
+  B(() => {
+    Y(!0), ne(), !(!u || !g || !h) && X.Image.fromURL(g, (t) => {
+      t.set({
+        originX: "center",
+        originY: "center"
+      }), k(t), Y(!1);
+    }, {
+      crossOrigin: "anonymous"
+    });
+  }, [g]), B(() => {
+    var Q, _;
+    if (!b && e) {
+      e.clear();
+      return;
+    }
+    if (!u)
+      return;
+    const t = b == null ? void 0 : b.getElement();
+    if (!(t != null && t.width) || !(t != null && t.height))
+      return;
+    const o = t.width / t.height, n = ((Q = u.parentElement) == null ? void 0 : Q.offsetWidth) || (u == null ? void 0 : u.offsetWidth), d = ((_ = u == null ? void 0 : u.parentElement) == null ? void 0 : _.offsetHeight) || (u == null ? void 0 : u.offsetHeight), y = n / t.width, R = d / t.height;
+    y > R ? (u.width = d * o, u.height = d) : (u.width = n, u.height = n / o);
+    const l = u.width / t.width, C = u.height / t.height, v = Math.min(l, C);
+    j([v, v]);
+    let S = e;
+    e ? (e.clear(), e.setWidth(u.width), e.setHeight(u.height)) : S = new X.Canvas(u, {
+      containerClass: "marking-canvas",
+      width: u.width,
+      height: u.height
+    }), S == null || S.setZoom(v), S && b && (S.setBackgroundImage(
+      b,
+      S.renderAll.bind(S),
+      // 刷新画布
+      {
+        originX: "left",
+        originY: "top",
+        left: 0,
+        top: 0
+      }
+    ), i(S));
+  }, [b]), B(() => {
+    m || !e || N(e, s, D);
+  }, [s, e, D, m]), B(() => {
+    D || a(s);
+  }, [D]);
+  const N = (t, o, n = "") => {
+    o == null || o.map((d) => {
+      var R, l;
+      const y = ae((R = d.box) == null ? void 0 : R.map((C) => ({
+        x: C[0],
+        y: C[1]
+      })), ((l = d.type) == null ? void 0 : l.toLowerCase()) === "key" ? [255, 193, 0] : [80, 139, 238]);
+      c[d.uuid] ? xe(t, c[d.uuid], y) : t.add(y), c[d.uuid] = y, P(() => c);
+    }), n && (!p || p !== t.getActiveObject()) && (t == null || t.setActiveObject(c[n]), H(c[n]));
+  };
+  B(() => {
+    var t;
+    if (m && u && !$) {
+      const o = document.createElement("div");
+      o.setAttribute("style", "width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute;top: 0;"), (t = u.parentElement) == null || t.appendChild(o), he.render(/* @__PURE__ */ E(le, {}), o), q(o);
+    } else
+      !m && $ && ($.remove(), q(null));
+  }, [m, u, $]), B(() => {
+    m && e && N(e, []), !(m || !e) && (N(e, []), T(e, (t, o) => {
+      f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon)), M({
+        polygon: t,
+        text: o,
+        uuid: K()
+      });
+    }), e.on("selection:created", (t) => {
+      var n;
+      Z(e), H(e.getActiveObject());
+      const o = e.getActiveObject();
+      o == null || o.set({
+        borderColor: "rgba(255, 69, 0, 1)",
+        cornerColor: "white",
+        cornerSize: 7,
+        transparentCorners: !1,
+        cornerStrokeColor: "rgba(109, 109, 109, 1)"
+      }), (n = Object.keys(c)) == null || n.map((d) => {
+        o === c[d] && O(d);
+      });
+    }), e.on("selection:updated", (t) => {
+      var n;
+      Z(e), H(e.getActiveObject());
+      const o = e.getActiveObject();
+      (n = Object.keys(c)) == null || n.map((d) => {
+        o === c[d] && O(d);
+      });
+    }), e.on("selection:cleared", () => {
+      H(null), O(void 0);
+    }));
+  }, [e, m]);
+  const J = (t) => z == null ? void 0 : z.ocr(pe.common, {
+    image: t
+  }).catch(() => [{
+    words: ""
+  }]).then((o) => o == null ? void 0 : o.map((n) => n.words).join(""));
+  return B(() => {
+    e && (f ? (Z(e), f.value === void 0 && (ie(f.polygon).then((t) => J(t)).then((t) => {
+      M(U(L({}, f), {
+        value: t
+      }));
+    }), e.on("event:moved", () => {
+      ie(f.polygon).then((t) => J(t)).then((t) => {
+        f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon)), M(U(L({}, f), {
+          value: t
+        }));
+      });
+    }))) : p || T(e, (t, o) => {
+      M({
+        polygon: t,
+        text: o,
+        uuid: K()
+      });
+    }));
+  }, [f, e, s, c]), B(() => {
+    if (e) {
+      if (!p) {
+        T(e, (t, o) => {
+          f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon)), M({
+            polygon: t,
+            text: o,
+            uuid: K()
+          });
+        });
+        return;
+      }
+      p == null || p.on("mousedown", () => {
+        e && Z(e);
+      }), p == null || p.on("mouseup:before", () => {
+        var n;
+        if (!e)
+          return;
+        const t = p, o = e.getZoom();
+        (n = Object.keys(c)) == null || n.map((d) => {
+          var y;
+          if (t === c[d]) {
+            const R = s.findIndex((l) => l.uuid === d);
+            R > -1 && (s[R].box = (y = t.getCoords()) == null ? void 0 : y.map((l) => [l.x / o, l.y / o]));
+          }
+        }), A([...s]), a([...s]);
+      }), p == null || p.on("moving", () => {
+        var n;
+        if (!e)
+          return;
+        const t = p, o = e.getZoom();
+        (n = Object.keys(c)) == null || n.map((d) => {
+          var y;
+          if (t === c[d]) {
+            const R = s.findIndex((l) => l.uuid === d);
+            s[R].box = (y = t.getCoords()) == null ? void 0 : y.map((l) => [l.x / o, l.y / o]);
+          }
+        });
+      });
+    }
+  }, [p]), /* @__PURE__ */ E("div", {
+    children: w.length ? w == null ? void 0 : w.map((t) => {
+      var o;
+      return /* @__PURE__ */ E(ce, {
+        selectedLabel: s.find((n) => c[n.uuid] === p),
+        holdingLabel: f != null && f.polygon ? {
+          uuid: f.uuid,
+          box: (o = f.polygon.getCoords()) == null ? void 0 : o.map((n) => [n.x / W[0], n.y / W[1]]),
+          words: f.value || ""
+        } : void 0,
+        type: s.filter((n) => {
+          var d;
+          return n.catagoryId === t.id && ((d = n.type) == null ? void 0 : d.toLowerCase()) === "key";
+        }),
+        value: s.filter((n) => {
+          var d;
+          return n.catagoryId === t.id && ((d = n.type) == null ? void 0 : d.toLowerCase()) === "value";
+        }),
+        category: t,
+        onChange: (n, d) => {
+          var R;
+          ((R = n.concat(d)) == null ? void 0 : R.map((l) => {
+            var C;
+            return U(L({}, l), {
+              box: (C = l.box) == null ? void 0 : C.map((v) => [v[0], v[1]])
+            });
+          })).forEach((l) => {
+            const C = s.findIndex((v) => v.uuid === l.uuid);
+            C < 0 ? s.push(l) : s[C] = l;
+          }), A([
+            // eslint-disable-next-line no-unsafe-optional-chaining
+            ...s == null ? void 0 : s.map((l) => {
+              var C;
+              return U(L({}, l), {
+                box: (C = l.box) == null ? void 0 : C.map((v) => [v[0], v[1]])
+              });
+            })
+          ]), a([...s]);
+        },
+        onRemove: (n) => {
+          const d = s.findIndex((y) => y.uuid === n.uuid);
+          d > -1 && (c[s[d].uuid] && (e == null || e.remove(c[s[d].uuid])), s.splice(d, 1), A([...s]), a([...s]));
+        },
+        clearHoldingLabel: () => {
+          f && (e == null || e.remove(f.text), e == null || e.remove(f.polygon), M(void 0), O(f.uuid));
+        },
+        onSelect: (n) => {
+          O(n == null ? void 0 : n.uuid);
+        }
+      }, t.id);
+    }) : /* @__PURE__ */ E("div", {
+      className: "empty",
+      children: "暂无字段，请先在“字段管理”中进行添加"
+    })
+  });
+};
+export {
+  je as default
+};

package/dist/es/components/OcrAnnotation/MarkKVOCRModal/KVOCRLabelMaker/style.less.mjs

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

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

@@ -0,0 +1,255 @@
+var se = Object.defineProperty, ie = Object.defineProperties;
+var oe = Object.getOwnPropertyDescriptors;
+var F = Object.getOwnPropertySymbols;
+var le = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
+var H = (p, i, n) => i in p ? se(p, i, { enumerable: !0, configurable: !0, writable: !0, value: n }) : p[i] = n, W = (p, i) => {
+  for (var n in i || (i = {}))
+    le.call(i, n) && H(p, n, i[n]);
+  if (F)
+    for (var n of F(i))
+      ae.call(i, n) && H(p, n, i[n]);
+  return p;
+}, q = (p, i) => ie(p, oe(i));
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import { Modal as ce, Space as de, Button as y, message as b, Tabs as G, Row as fe, Col as D } from "antd";
+import { useRef as M, useState as m, useContext as pe, useEffect as z } from "react";
+import "./style.less.mjs";
+import me from "./CategoryDrawer.mjs";
+import ue from "./KVOCRLabelMaker/index.mjs";
+import ge from "../../../DatasetContext/index.mjs";
+import he from "../../DataEmpty/index.mjs";
+import Ce from "../../Iconfont/index.mjs";
+const {
+  TabPane: L
+} = G, Le = (p) => {
+  var A, B;
+  const {
+    visible: i,
+    selectSampleId: n,
+    datasetId: d,
+    versionId: x,
+    ocrMarkTmpl: J,
+    onClose: Q,
+    onSave: N
+  } = p, u = M(null);
+  M(null);
+  const X = M({}), [t, f] = m(), [Y, w] = m(0), [g, Z] = m(), [R, h] = m(-1), [r, V] = m({
+    current: 1,
+    pageSize: 50
+  }), [T, K] = m(0), [O, E] = m(0), [I, _] = m(() => n ? "" : "nocode"), [ee, P] = m(!1), [k, te] = m([]), {
+    services: {
+      cvforceDatahub: a
+    },
+    featuresConfig: {
+      labelManager: $
+    } = {
+      labelManager: !1
+    }
+  } = pe(ge);
+  z(() => {
+    const e = r.current || 1, l = r.pageSize || 50;
+    !d || !x || (a == null || a.getDatasetsIdVersionsVidSamples(d, x, {
+      labels: I ? [I] : void 0,
+      pageNo: e,
+      pageSize: l
+    }).then((C) => {
+      const o = C.recordList || [];
+      if (Z(o), o.find((c) => c.id === n)) {
+        if (f(n ? o.find((c) => c.id === n) : o[0]), h(0), w(o.length), r.type === "next" && o.length) {
+          h(0);
+          const c = C.recordList[0];
+          f(c);
+        }
+        if (r.type === "prev" && o.length) {
+          h(r.pageSize - 1);
+          const c = C.recordList[r.pageSize - 1];
+          f(c);
+        }
+      } else if (n)
+        a.getDatasetsIdVersionsVidSsamplesSid(d, x, n).then((c) => {
+          f(c);
+        });
+      else {
+        if (f(o[0]), h(0), w(o.length), r.type === "next" && o.length) {
+          h(0);
+          const c = C.recordList[0];
+          f(c);
+        }
+        if (r.type === "prev" && o.length) {
+          h(r.pageSize - 1);
+          const c = C.recordList[r.pageSize - 1];
+          f(c);
+        }
+      }
+    }), v());
+  }, [r.current, I]);
+  const v = () => {
+    !d || !x || a == null || a.getDatasetsIdVersionsVidLabelcount(d, x).then((e) => {
+      const l = e.find((o) => o.id === "allcodeid"), C = e.find((o) => o.id === "nocodeid");
+      K(l ? l.count : 0), E(C ? C.count : 0);
+    });
+  }, j = () => {
+    d && (a == null || a.listCategory(d).then((e) => te(e || [])));
+  };
+  z(() => {
+    j();
+  }, [d]);
+  const U = () => {
+    if (!g)
+      return;
+    const e = R + 1;
+    if (e >= g.length)
+      (r.current - 1) * r.pageSize + e >= Y ? (b.error("已经是最后一个了"), V({
+        current: 1,
+        pageSize: r.pageSize
+      })) : V({
+        current: r.current + 1,
+        pageSize: r.pageSize,
+        type: "next"
+      });
+    else {
+      h(e);
+      const l = g[e];
+      f(l);
+    }
+  }, ne = () => {
+    if (!g)
+      return;
+    const e = R - 1;
+    if (e < 0)
+      (r.current - 1) * r.pageSize + e < 0 ? b.error("已经是第一个了") : V({
+        current: r.current - 1,
+        pageSize: r.pageSize,
+        type: "prev"
+      });
+    else {
+      h(e);
+      const l = g[e];
+      f(l);
+    }
+  };
+  z(() => {
+    i && d && x && t && (a == null || a.getDatasetsIdVersionsVidSsamplesSid(d, x, t.id).then((e) => {
+      f(e);
+    }));
+  }, [i, t == null ? void 0 : t.id]);
+  const re = () => {
+    Q();
+  };
+  return z(() => {
+    u.current && (u.current.width = u.current.offsetWidth, u.current.height = u.current.offsetHeight);
+  }, [u.current]), /* @__PURE__ */ S(ce, {
+    title: "标注",
+    width: "100%",
+    wrapClassName: "ocr-modal-wrap",
+    className: "ocr-modal",
+    open: i,
+    destroyOnClose: !0,
+    onCancel: () => re(),
+    maskClosable: !1,
+    centered: !0,
+    footer: /* @__PURE__ */ S(de, {
+      children: [/* @__PURE__ */ S("span", {
+        className: "ocr-modal-label-count",
+        children: ["当前图片标注框数量：", ((A = t == null ? void 0 : t.labels) == null ? void 0 : A.filter((e) => k.find((l) => l.id === e.catagoryId)).length) || 0]
+      }), /* @__PURE__ */ s(y, {
+        disabled: !t,
+        type: "primary",
+        onClick: () => {
+          t && N(t).then((e) => {
+            e ? (b.success("保存成功"), n || U(), v()) : b.error("保存失败");
+          });
+        },
+        children: "保存标注"
+      }, "save"), !n && /* @__PURE__ */ s(y, {
+        onClick: () => {
+          t && N(t).then((e) => {
+            e ? (ne(), v()) : b.error("保存失败");
+          });
+        },
+        children: "上一张"
+      }, "prev"), !n && /* @__PURE__ */ s(y, {
+        onClick: () => {
+          t && N(t).then((e) => {
+            e ? (U(), v()) : b.error("保存失败");
+          });
+        },
+        children: "下一张"
+      }, "next")]
+    }),
+    children: [/* @__PURE__ */ S("div", {
+      className: "records-content",
+      children: [!n && /* @__PURE__ */ S(G, {
+        className: "records-content-tabs",
+        defaultActiveKey: I,
+        onChange: (e) => _(e),
+        children: [/* @__PURE__ */ s(L, {
+          tab: `全部（${T}）`
+        }, ""), /* @__PURE__ */ s(L, {
+          tab: `未标注（${O}）`
+        }, "nocode"), /* @__PURE__ */ s(L, {
+          tab: `已标注（${T - O}）`
+        }, "hascode")]
+      }), g != null && g.length ? /* @__PURE__ */ s("div", {
+        className: "ocr-mark",
+        children: /* @__PURE__ */ S(fe, {
+          className: "ocr-detail",
+          children: [/* @__PURE__ */ s(D, {
+            className: "detail-content",
+            children: /* @__PURE__ */ s("div", {
+              className: "select-main",
+              ref: X,
+              children: /* @__PURE__ */ s("canvas", {
+                ref: u,
+                id: "marking-canvas",
+                style: {
+                  width: "100%",
+                  height: "100%"
+                }
+              })
+            })
+          }), J === "StructKVCOCR" && /* @__PURE__ */ S(D, {
+            span: 8,
+            className: "detail-slide",
+            children: [/* @__PURE__ */ S("div", {
+              className: "slide-header",
+              children: [/* @__PURE__ */ s("b", {
+                children: "字段信息"
+              }), $ && $.visible && /* @__PURE__ */ s(y, {
+                size: "small",
+                onClick: () => P(!0),
+                icon: /* @__PURE__ */ s(Ce, {
+                  type: "icon-shezhi"
+                }),
+                children: "字段管理"
+              })]
+            }), /* @__PURE__ */ s("div", {
+              className: "slide-main",
+              children: t && /* @__PURE__ */ s(ue, {
+                id: t.id,
+                canvasElement: u.current,
+                imageUrl: t == null ? void 0 : t.fileUrl,
+                categories: k,
+                labels: ((B = t.labels) == null ? void 0 : B.filter((e) => k.find((l) => l.id === e.catagoryId))) || [],
+                onChange: (e) => {
+                  f(q(W({}, t), {
+                    labels: e
+                  }));
+                }
+              })
+            })]
+          })]
+        })
+      }) : /* @__PURE__ */ s(he, {})]
+    }), d && /* @__PURE__ */ s(me, {
+      datasetId: d,
+      visible: ee,
+      onClose: (e) => {
+        e && j(), P(!1);
+      }
+    })]
+  });
+};
+export {
+  Le as default
+};

package/dist/es/components/OcrAnnotation/MarkKVOCRModal/style.less.mjs

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