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

package/dist/es/components/DetectionAnnotation/components/LabelMaker/index.mjs

@@ -0,0 +1,315 @@
+var J = Math.pow;
+import { jsx as l, jsxs as Q } from "react/jsx-runtime";
+import { useRef as se, useState as b, useEffect as g } from "react";
+import { fabric as R } from "fabric";
+import { useKeyPress as P } from "ahooks";
+import "./style.less.mjs";
+import le from "react-dom";
+import { Spin as ce, Space as fe, Tooltip as X, Button as Z } from "antd";
+import _ from "./RectLabel.mjs";
+import { drawable as de } from "./Drawable.mjs";
+import { ZoomInOutlined as ue, ZoomOutOutlined as me, DragOutlined as ge } from "@ant-design/icons";
+import he from "classnames";
+import { approxeq as L } from "../../../../utils/index.mjs";
+const $ = (r) => {
+  r.off("mouse:down"), r.off("mouse:up");
+}, k = (r) => {
+  var a, w, f;
+  let s = [];
+  (a = r.object) != null && a.aCoords && (s = [r.object.aCoords.tl, r.object.aCoords.tr, r.object.aCoords.br, r.object.aCoords.bl]);
+  const c = {
+    x: 0,
+    y: 0
+  }, d = {
+    width: 0,
+    height: 0
+  };
+  return r.canvas.backgroundImage && typeof r.canvas.backgroundImage != "string" && (c.x = ((w = r.canvas.backgroundImage.aCoords) == null ? void 0 : w.tl.x) || 0, c.y = ((f = r.canvas.backgroundImage.aCoords) == null ? void 0 : f.tl.y) || 0, d.width = r.canvas.backgroundImage.width || 0, d.height = r.canvas.backgroundImage.height || 0), {
+    id: r.config.id,
+    label: r.config.name,
+    color: r.config.color,
+    box: (s == null ? void 0 : s.map((u) => [L(u.x - c.x, 0) ? 0 : L(u.x - c.x, d.width) ? d.width : u.x - c.x, L(u.y - c.y, 0) ? 0 : L(u.y - c.y, d.height) ? d.height : u.y - c.y])) || []
+  };
+}, Ne = (r) => {
+  const s = se(null), {
+    labels: c,
+    imageUrl: d,
+    pen: a,
+    onImageLoad: w,
+    onChange: f,
+    isPreLabel: u,
+    disabled: x,
+    renderLabelItem: O
+  } = r, [N, B] = b(!0), [e, T] = b(), [pe, V] = b({}), [y, U] = b(), [H, ee] = b({
+    left: 0,
+    top: 0
+  }), [te, S] = b([1, 1]), [j, K] = b(), [h, v] = b([]), [p, E] = b(x || !1), A = (t, o) => {
+    if (!e)
+      return;
+    o || (o = {
+      x: e.getCenter().left,
+      y: e.getCenter().top
+    });
+    let n = e.getZoom();
+    n *= J(0.999, t), n > 20 && (n = 20), n < 0.01 && (n = 0.01), e.zoomToPoint(
+      o,
+      n
+      // 传入修改后的缩放级别
+    ), S([n, n]);
+  };
+  g(() => {
+    h.forEach((t) => {
+      t.renderLabel();
+    });
+  }, [te, h, e]);
+  const W = (t) => {
+    var n;
+    if (((n = t.target) == null ? void 0 : n.tagName) === "INPUT" || !e)
+      return;
+    const o = e == null ? void 0 : e.getActiveObject();
+    o && v((i) => {
+      const I = i.findIndex((z) => z.object === o);
+      return i[I] && (i[I].destroy(), i.splice(I, 1)), f && f(i.map(k)), [...i];
+    });
+  };
+  P("Delete", W), P("Backspace", W), P("ctrl", () => {
+    E(!0);
+  }, {
+    events: ["keydown"]
+  }), P("ctrl", () => {
+    x || E(!1);
+  }, {
+    events: ["keyup"]
+  }), g(() => {
+    E(x || !1);
+  }, [x]);
+  const q = (t) => {
+    e && $(e), v((o) => {
+      const n = o.findIndex((i) => i === t);
+      return n > -1 && (o.splice(n, 1), f && f(o.map(k)), Y()), [...o];
+    });
+  }, F = (t) => {
+    v((o) => {
+      const n = o.findIndex((i) => i === t);
+      return n > -1 && (o[n] = t, f && f(o.map(k))), [...o];
+    });
+  };
+  g(() => {
+    if (!e)
+      return;
+    const t = [];
+    return c.filter((o) => o.color).forEach((o) => {
+      t.push(new _({
+        id: o.id,
+        name: o.label,
+        color: o.color,
+        points: o.box.map((n) => [n[0] + H.left, n[1] + H.top]),
+        hideDelete: u
+      }, e, {
+        onChange: F,
+        onDelete: q,
+        renderLabelItem: O ? (n) => O ? O(o) : n.name : void 0
+      }));
+    }), v(t), t.forEach((o) => {
+      o.render(e);
+    }), () => {
+      t.forEach((o) => {
+        o.canvas !== e && o.destroy();
+      });
+    };
+  }, [e, d]);
+  const Y = () => {
+    e && de(e, (t) => {
+      const o = new _({
+        id: (a == null ? void 0 : a.id) || t.id,
+        name: (a == null ? void 0 : a.label) || t.label,
+        color: (a == null ? void 0 : a.color) || t.color,
+        points: t.box.map((n) => [n[0], n[1]]),
+        hideDelete: u
+      }, e, {
+        onChange: F,
+        onDelete: q
+      });
+      o.active = !0, h.push(o), f && f(h.map(k)), v([...h]);
+    }, u);
+  }, oe = () => {
+    let t = !1;
+    e && (e.on("mouse:down", (o) => {
+      t = !0, e.selection = !1;
+    }), e.on("mouse:move", (o) => {
+      if (t && o && o.e) {
+        const n = new R.Point(o.e.movementX, o.e.movementY);
+        e.relativePan(n);
+      }
+    }), e.on("mouse:up", (o) => {
+      t = !1, e.selection = !0;
+    }));
+  }, ne = () => {
+    e && (e.off("mouse:down"), e.off("mouse:move"), e.off("mouse:up"));
+  };
+  g(() => {
+    if (e)
+      return p ? (oe(), e.defaultCursor = "grab", e.on("mouse:down:before", () => {
+        e.setCursor("grabbing");
+      }), e.on("mouse:up", () => {
+        e.defaultCursor = "grab";
+      }), e.getObjects(), v((t) => (t.forEach((o) => {
+        var n;
+        return (n = o.object) == null ? void 0 : n.set("evented", !1);
+      }), t))) : (e.defaultCursor = "default", e.off("mouse:down:before"), e.off("mouse:up"), e.setCursor("default"), v((t) => (t.forEach((o) => {
+        var n;
+        return (n = o.object) == null ? void 0 : n.set("evented", !0);
+      }), t)), Y()), () => {
+        ne();
+      };
+  }, [e, p]), g(() => {
+    if (e == null || e.on("mouse:wheel", (t) => {
+      const o = t.e.deltaY;
+      A(o, {
+        x: t.e.offsetX,
+        y: t.e.offsetY
+      }), h.forEach((n) => {
+        n.renderLabel();
+      });
+    }), !p)
+      return Y(), () => {
+        e && ($(e), e.off("mouse:wheel"));
+      };
+  }, [e, a, h, p]);
+  const re = () => {
+    V({}), U(void 0), S([1, 1]), e == null || e.dispose(), T(void 0);
+  };
+  return g(() => {
+    B(!0), re(), !(!s.current || !d) && R.Image.fromURL(d, (t) => {
+      t.set({
+        originX: "center",
+        originY: "center"
+      }), U(t), B(!1);
+    }, {
+      crossOrigin: "anonymous"
+    });
+  }, [d]), g(() => {
+    if (!y && e) {
+      try {
+        e.clear();
+      } catch (M) {
+      }
+      return;
+    }
+    if (!s.current || !s.current.parentElement)
+      return;
+    const t = y == null ? void 0 : y.getElement();
+    if (!(t != null && t.width) || !(t != null && t.height))
+      return;
+    const o = t.width / t.height, n = s.current.parentElement.offsetWidth, i = s.current.parentElement.offsetHeight, I = n / t.width, z = i / t.height;
+    let C = [n, i];
+    I > z ? C = [i * o, i] : C = [n, n / o];
+    const ae = C[0] / t.width, ie = C[1] / t.height, D = Math.min(ae, ie);
+    S([D, D]);
+    const m = new R.Canvas(s.current, {
+      containerClass: "marking-canvas",
+      width: n,
+      height: i
+    });
+    if (m == null || m.setZoom(D), m == null || m.renderAll(), m && y) {
+      const M = (n - C[0]) / D / 2, G = (i - C[1]) / D / 2;
+      m.setBackgroundImage(
+        y,
+        () => {
+          m.renderAll(), ee({
+            left: M,
+            top: G
+          }), T(m), w && w();
+        },
+        // 刷新画布
+        {
+          originX: "left",
+          originY: "top",
+          left: M,
+          top: G
+        }
+      );
+    }
+  }, [y]), g(() => {
+    h.length > c.length && h.forEach((t) => {
+      c.find((o) => o.id === t.config.id) || t.destroy();
+    });
+  }, [c.length]), g(() => {
+    e && (p || v((t) => {
+      const o = e == null ? void 0 : e.getActiveObject(), n = t.find((i) => i.object === o);
+      return n && a && (n.labelConfig = {
+        id: a.id,
+        name: a.label,
+        color: a.color
+      }, f && f(t.map(k))), e && (a ? e.defaultCursor = "copy" : e.defaultCursor = "default"), [...t];
+    }));
+  }, [a, e, p]), g(() => {
+    var t;
+    if (N && s.current && !j) {
+      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 = s.current.parentElement) == null || t.appendChild(o), le.render(/* @__PURE__ */ l(ce, {}), o), K(o);
+    } else
+      !N && j && (j.remove(), K(null));
+  }, [N, s.current, j]), /* @__PURE__ */ Q("div", {
+    style: {
+      width: "100%",
+      height: "100%",
+      display: "flex"
+    },
+    children: [/* @__PURE__ */ l("div", {
+      className: "marker-toolbar",
+      children: /* @__PURE__ */ l("div", {
+        className: "create-mode-select",
+        children: /* @__PURE__ */ Q(fe, {
+          direction: "vertical",
+          size: 16,
+          children: [/* @__PURE__ */ l(X, {
+            title: "放大-鼠标滚轮前滑",
+            placement: "right",
+            children: /* @__PURE__ */ l(Z, {
+              icon: /* @__PURE__ */ l(ue, {}),
+              onClick: () => {
+                A(-100);
+              }
+            })
+          }), /* @__PURE__ */ l(X, {
+            title: "缩小-鼠标滚轮后滑",
+            placement: "right",
+            children: /* @__PURE__ */ l(Z, {
+              icon: /* @__PURE__ */ l(me, {}),
+              onClick: () => {
+                A(100);
+              }
+            })
+          }), !x && /* @__PURE__ */ l(X, {
+            title: "拖动-按住ctrl",
+            placement: "right",
+            children: /* @__PURE__ */ l(Z, {
+              disabled: x,
+              icon: /* @__PURE__ */ l(ge, {}),
+              className: p ? "active" : "",
+              onClick: () => {
+                E(!p);
+              }
+            })
+          })]
+        })
+      })
+    }), /* @__PURE__ */ l("div", {
+      className: he({
+        "label-maker-wrap": !0,
+        draggable: p
+      }),
+      onContextMenu: (t) => {
+        t.preventDefault();
+      },
+      children: /* @__PURE__ */ l("canvas", {
+        className: "label-maker-canvas",
+        ref: s
+      })
+    })]
+  });
+};
+export {
+  Ne as default
+};

package/dist/es/components/DetectionAnnotation/components/LabelMaker/style.less.mjs

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

package/dist/es/components/DetectionAnnotation/components/Labels/index.mjs

@@ -0,0 +1,201 @@
+var _ = Object.defineProperty, $ = Object.defineProperties;
+var H = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+var R = (i, o, s) => o in i ? _(i, o, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[o] = s, g = (i, o) => {
+  for (var s in o || (o = {}))
+    I.call(o, s) && R(i, s, o[s]);
+  if (P)
+    for (var s of P(o))
+      L.call(o, s) && R(i, s, o[s]);
+  return i;
+}, N = (i, o) => $(i, H(o));
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { Row as B, Button as U, Input as ee, Space as te, Empty as ie, Modal as le } from "antd";
+import { useState as m, useContext as re, useEffect as w } from "react";
+import Z from "../TagItem/index.mjs";
+import "./style.less.mjs";
+import { PlusOutlined as oe } from "@ant-design/icons";
+import q from "../DisabledTooltip/index.mjs";
+import ne from "../../../../DatasetContext/index.mjs";
+import { tagColors as k } from "../../../../utils/index.mjs";
+import se from "../../../Iconfont/index.mjs";
+const Ae = ({
+  datasetId: i,
+  data: o,
+  selected: s = [],
+  showZero: ce = !0,
+  shortcut: F = !1,
+  selectMode: G = "multiple",
+  onItemClick: y,
+  onSelectedChange: M,
+  onListChange: u,
+  isPreLabel: v = !1,
+  settingHide: C = !1
+}) => {
+  const [n, A] = m([]), [ae, T] = m(!1), [r, p] = m([]), [j, z] = m(""), [x, S] = m(null), [D, J] = m(!1), {
+    services: {
+      cvforceDatahub: d
+    },
+    featuresConfig: {
+      labelManager: f
+    } = {
+      labelManager: !1
+    }
+  } = re(ne);
+  w(() => {
+    r.length && A(s.map((e) => r.find((t) => t.id === e.id)));
+  }, [s, r]), w(() => {
+    i && E();
+  }, [i]), w(() => {
+    !i && o && p(o.map((e) => N(g({}, e), {
+      createdAt: 0,
+      updatedAt: 0
+    })));
+  }, [i, o]);
+  const E = () => {
+    !i || !d || (T(!0), d.listLabels(i, {
+      pageNo: 1,
+      pageSize: 1e4
+    }).then((e) => {
+      p(e.recordList.sort((t, l) => t.createdAt - l.createdAt > 0 ? -1 : t.createdAt - l.createdAt < 0 ? 1 : 0).map((t, l) => N(g({}, t), {
+        color: k[l % 40]
+      })));
+    }).finally(() => T(!1)));
+  }, K = (e) => !i || !d ? Promise.resolve(!1) : d.postLabels(i, {
+    labels: [{
+      label: e
+    }]
+  }).then((t) => {
+    p([...r, {
+      label: e,
+      id: t[0],
+      color: k[r.length % 40],
+      createdAt: Date.now(),
+      updatedAt: Date.now()
+    }]), S(null), u && u([...r]);
+  }).then(() => !0).catch(() => !1), Q = (e) => {
+    let t = [];
+    G === "multiple" ? n != null && n.some((l) => l.id === e.id) ? t = n == null ? void 0 : n.filter((l) => l.id !== e.id) : t = [...n, e] : n != null && n.some((l) => l.id === e.id) ? t = [] : t = [e], A(t), M && M(t);
+  }, V = (e) => {
+    z(e);
+  }, W = (e) => {
+    if (!i || !d)
+      return Promise.resolve(!1);
+    const t = r.findIndex((l) => l.id === e.id);
+    return d.patchLabel(i, e.id, e).then(() => (t < 0 || (r[t] = e, p([...r]), u && u([...r])), !0)).catch(() => !1);
+  }, X = (e) => {
+    le.confirm({
+      title: "确认要删除当前标签吗？",
+      content: "删除后，将会删除当前数据集中所有与当前标签关联的数据，删除后无法恢复，请确认是否删除！",
+      onOk: () => {
+        if (!i || !d)
+          return;
+        const t = r.findIndex((c) => c.id === e), l = n.findIndex((c) => c.id === e);
+        return d.deleteLabel(i, e).then(() => {
+          l > -1 && (n.splice(l, 1), A([...n])), r.splice(t, 1), p([...r]), u && u([...r]), E();
+        });
+      }
+    });
+  }, b = (r == null ? void 0 : r.filter((e) => !j || e.label.includes(j))) || [];
+  return /* @__PURE__ */ h("div", {
+    className: "label-list-wrap",
+    children: [/* @__PURE__ */ h(B, {
+      justify: "space-between",
+      className: "label-list-title",
+      children: [/* @__PURE__ */ a("span", {
+        className: "label-list-title",
+        children: "标签列表"
+      }), /* @__PURE__ */ a("span", {
+        className: "label-list-icon",
+        children: !C && f && f.visible && /* @__PURE__ */ a(q, {
+          isPreLabel: v,
+          placement: "topRight",
+          children: /* @__PURE__ */ a(U, {
+            type: D ? "link" : "text",
+            size: "small",
+            onClick: () => J(!D),
+            icon: /* @__PURE__ */ a(se, {
+              type: "icon-shezhi"
+            }),
+            disabled: v
+          })
+        })
+      })]
+    }), /* @__PURE__ */ h(B, {
+      className: "label-list-opration",
+      children: [!C && f && f.add && /* @__PURE__ */ a(q, {
+        isPreLabel: v,
+        children: /* @__PURE__ */ a(U, {
+          className: "label-list-create",
+          type: "default",
+          icon: /* @__PURE__ */ a(oe, {}),
+          disabled: x !== null || v,
+          onClick: () => {
+            S({
+              color: k[r.length % 40],
+              label: ""
+            });
+          }
+        })
+      }), /* @__PURE__ */ a("span", {
+        className: "label-list-search",
+        children: /* @__PURE__ */ a(ee.Search, {
+          placeholder: "请输入标签名称搜索",
+          onSearch: V,
+          onChange: (e) => {
+            z(e.target.value);
+          }
+        })
+      })]
+    }), /* @__PURE__ */ h(te, {
+      direction: "vertical",
+      className: "label-list",
+      children: [x && /* @__PURE__ */ a(Z, {
+        onSave: K,
+        onCancel: () => {
+          S(null);
+        },
+        label: x.label || "",
+        color: x.color || "",
+        editMode: !0,
+        isActive: !1,
+        onCheckDuplication: (e) => {
+          const t = b.findIndex((l) => l.label === e);
+          return Promise.resolve(t > -1);
+        }
+      }), b.length ? b.reverse().map((e, t) => {
+        var l;
+        return /* @__PURE__ */ a(Z, {
+          isActive: n.some((c) => (c == null ? void 0 : c.id) === e.id),
+          editable: D,
+          shortcut: t < 10 ? t.toString() : void 0,
+          extra: F ? t < 10 ? /* @__PURE__ */ h("span", {
+            className: "shortcut",
+            children: ["快捷键", t]
+          }) : null : ((l = o.find((c) => c.label === e.label)) == null ? void 0 : l.count) || 0,
+          label: e.label,
+          color: e.color,
+          onClick: () => {
+            Q(e), y && y(e);
+          },
+          onSave: f && f.edit ? (c) => W(N(g({}, e), {
+            label: c
+          })) : void 0,
+          onDelete: f && f.delete ? () => X(e.id) : void 0,
+          onCheckDuplication: (c) => {
+            const Y = b.findIndex((O) => O.label === c && e.id !== O.id);
+            return Promise.resolve(Y > -1);
+          }
+        }, e.id);
+      }) : /* @__PURE__ */ a(ie, {
+        className: "label-list-empty",
+        image: !1,
+        description: "请先添加标签，然后在图中框选标注"
+      })]
+    })]
+  });
+};
+export {
+  Ae as default
+};

package/dist/es/components/DetectionAnnotation/components/Labels/style.less.mjs

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

package/dist/es/components/DetectionAnnotation/components/TagItem/index.mjs

@@ -0,0 +1,144 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as h, useRef as K, useEffect as O } from "react";
+import E from "classnames";
+import "./style.less.mjs";
+import { Tooltip as S, Input as R, Space as I, Button as p } from "antd";
+import { CheckOutlined as U, CloseOutlined as W } from "@ant-design/icons";
+import { useKeyPress as P } from "ahooks";
+import _ from "../../../Iconfont/index.mjs";
+const H = (j) => {
+  const {
+    label: o,
+    color: g,
+    isActive: C = !1,
+    extra: A,
+    editMode: T = !1,
+    editable: $ = !1,
+    shortcut: f,
+    onClick: l,
+    onSave: a,
+    onCancel: k,
+    onDelete: u,
+    onCheckDuplication: N
+  } = j, [y, r] = h(T), [e, x] = h(o), [c, i] = h(""), m = K(null), b = (n) => {
+    var s;
+    ((s = n.target) == null ? void 0 : s.tagName) === "INPUT" || f === void 0 || l && l();
+  };
+  P(f || "", b), P(`Numpad${f}` || "", b);
+  const z = () => {
+    if (!(e != null && e.length)) {
+      i("标签名称不能为空");
+      return;
+    }
+    if ((e == null ? void 0 : e.length) > 256) {
+      i("标签名称不能超过256字符");
+      return;
+    }
+    if (!/^[\u4e00-\u9fa5A-Za-z0-9_]+$/.test(e)) {
+      i("标签名称不能含特殊符号");
+      return;
+    }
+    N ? N(e).then((s) => {
+      s ? i("标签名称已存在") : a && a(e).then((D) => {
+        r(!D);
+      });
+    }) : a && a(e).then((s) => {
+      r(!s);
+    });
+  }, v = () => {
+    r(!1), x(o), k && k();
+  };
+  return O(() => {
+    if (!e)
+      return;
+    const n = /^[\u4e00-\u9fa5A-Za-z0-9_]+$/;
+    (e == null ? void 0 : e.length) > 256 ? i("标签名称不能超过256字符") : n.test(e) ? i("") : i("标签名称不能含特殊符号");
+  }, [e]), /* @__PURE__ */ d("div", {
+    className: E({
+      "tag-item": !0,
+      "tag-item__active": C
+    }),
+    style: {
+      backgroundColor: g + (C ? "60" : "14")
+      // 底色透明度
+    },
+    onClick: () => {
+      l && l();
+    },
+    children: [/* @__PURE__ */ t("span", {
+      className: "tag-item-decorate-line",
+      style: {
+        borderColor: g
+      }
+    }), y ? /* @__PURE__ */ d("div", {
+      className: "editing",
+      onClick: (n) => n.stopPropagation(),
+      children: [/* @__PURE__ */ t(S, {
+        open: !!c,
+        title: c,
+        children: /* @__PURE__ */ t(R, {
+          value: e,
+          autoFocus: !0,
+          onChange: (n) => {
+            x(n.target.value);
+          },
+          className: E({
+            error: c
+          }),
+          onKeyUp: (n) => {
+            n.key === "Enter" ? z() : n.key === "Escape" && v();
+          }
+        })
+      }), /* @__PURE__ */ d(I, {
+        size: 4,
+        className: "editing-operation",
+        children: [/* @__PURE__ */ t(p, {
+          className: "save-btn",
+          type: "text",
+          size: "small",
+          disabled: !!c || !e,
+          icon: /* @__PURE__ */ t(U, {}),
+          onClick: z
+        }), /* @__PURE__ */ t(p, {
+          className: "cancel-btn",
+          type: "text",
+          size: "small",
+          icon: /* @__PURE__ */ t(W, {}),
+          onClick: v
+        })]
+      })]
+    }) : /* @__PURE__ */ t(S, {
+      title: o === "nocode" ? "无标签" : o,
+      open: m.current && m.current.scrollWidth > m.current.clientWidth ? void 0 : !1,
+      children: /* @__PURE__ */ t("span", {
+        className: "tag-item-name",
+        ref: m,
+        children: o === "nocode" ? "无标签" : o
+      })
+    }), !y && /* @__PURE__ */ t("span", {
+      className: "tag-item-extra",
+      children: $ ? /* @__PURE__ */ d(I, {
+        className: "item-operations",
+        onClick: (n) => n.stopPropagation(),
+        children: [a && /* @__PURE__ */ t(p, {
+          type: "link",
+          size: "small",
+          icon: /* @__PURE__ */ t(_, {
+            type: "icon-bianji2"
+          }),
+          onClick: () => r(!0)
+        }), u && /* @__PURE__ */ t(p, {
+          type: "link",
+          size: "small",
+          icon: /* @__PURE__ */ t(_, {
+            type: "icon-del"
+          }),
+          onClick: () => u && u()
+        })]
+      }) : A
+    })]
+  });
+};
+export {
+  H as default
+};

package/dist/es/components/DetectionAnnotation/components/TagItem/style.less.mjs

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

package/dist/es/components/DetectionAnnotation/icon_item_empty.svg.mjs

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA4MiA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS4xMiA2MC4zMTAxQzI5LjA0IDYwLjg2MDEgMjkgNjEuNDMgMjkgNjJDMjkgNjguNjMgMzQuMzcgNzQgNDEgNzRDNDcuNjMgNzQgNTMgNjguNjMgNTMgNjJDNTMgNjEuNDMgNTIuOTYgNjAuODYwMSA1Mi44OCA2MC4zMTAxSDgyVjg3QzgyIDg4LjY2IDgwLjY2IDkwIDc5IDkwSDNDMS4zNCA5MCAwIDg4LjY2IDAgODdWNjAuMzEwMUgyOS4xMloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTIuMSA2MC45NUM1Mi4xIDY2LjUgNDcuMTMgNzIgNDEgNzJDMzQuODcgNzIgMjkuOSA2Ni41IDI5LjkgNjAuOTVDMjkuOSA2MC43NyAyOS45MSA1OS42IDI5LjkyIDU5LjQySDlMMTcuMTYgMzkuNThDMTcuNTEgMzguNjMgMTguNDkgMzggMTkuNTkgMzhINjIuNDFDNjMuNTEgMzggNjQuNDkgMzguNjMgNjQuODQgMzkuNThMNzMgNTkuNDJINTIuMDhDNTIuMDkgNTkuNiA1Mi4xIDYwLjc3IDUyLjEgNjAuOTVaIiBmaWxsPSIjRDhEQkZCIi8+CjxwYXRoIGQ9Ik02NCA2OUw2NS4zMzMxIDcxLjY5MDdDNjUuNzU3NCA3Mi41NDgyIDY2LjQ1MTggNzMuMjQyNiA2Ny4zMDkzIDczLjY2NjlMNzAgNzVMNjcuMzA5MyA3Ni4zMzMxQzY2LjQ1MTggNzYuNzU3NCA2NS43NTc0IDc3LjQ1MTggNjUuMzMzMSA3OC4zMDkzTDY0IDgxTDYyLjY2NjkgNzguMzA5M0M2Mi4yNDI2IDc3LjQ1MTggNjEuNTQ4MiA3Ni43NTc0IDYwLjY5MDcgNzYuMzMzMUw1OCA3NUw2MC42OTA3IDczLjY2NjlDNjEuNTQ4MiA3My4yNDI2IDYyLjI0MjYgNzIuNTQ4MiA2Mi42NjY5IDcxLjY5MDdMNjQgNjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTM1OV8yMDI1MykiLz4KPHBhdGggZD0iTTEuMjUgODZDMS4yNSA4Ni45NyAyLjAzIDg3Ljc1IDMgODcuNzVINzlDNzkuOTcgODcuNzUgODAuNzUgODYuOTcgODAuNzUgODZWNTkuNTFMNzEuMjYgMzEuNDM5OUM3MS4wMiAzMC43Mjk5IDcwLjM1IDMwLjI1IDY5LjYgMzAuMjVIMTIuNEMxMS42NSAzMC4yNSAxMC45OCAzMC43Mjk5IDEwLjc0IDMxLjQzOTlMMS4yNSA1OS41MVY4NloiIHN0cm9rZT0iIzk2OTlCNyIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KPHBhdGggZD0iTTkuMDAwMzcgNTlINi41NzAzMU0xNC4wMDA0IDU5QzE3Ljk0MDQgNTkgMjIuMTgwNCA1OSAyNi43NDA0IDU5QzI4LjYyMDQgNTkgMjguNjIwNCA2MC4zMiAyOC42MjA0IDYxQzI4LjYyMDQgNjcuNjMgMzQuMTIwNCA3MyA0MC45MDA0IDczQzQ3LjY4MDQgNzMgNTMuMTcwNCA2Ny42MyA1My4xNzA0IDYxQzUzLjE3MDQgNjAuMzIgNTMuMTcwNCA1OSA1NS4wNTA0IDU5SDgwLjAwMDQiIHN0cm9rZT0iIzk2OTlCNyIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNDAuMSAxOC43NlYyTTI1LjEgMTguNzZMMTQgNi4zMDAwNU02Ni4xIDYuMzAwMDVMNTUgMTguNzYiIHN0cm9rZT0iIzlDMjRGMiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzUzNTlfMjAyNTMiIHgxPSI1OC4zNTczIiB5MT0iNzUiIHgyPSI3MC42MjUyIiB5Mj0iNzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzIwNUVGOSIvPgo8c3RvcCBvZmZzZXQ9IjAuNiIgc3RvcC1jb2xvcj0iIzgzNUFGRSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRDYyRDkiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K";
+export {
+  M as default
+};