@glodon-aiot/dataset-annotation 3.1.0-beta.15 → 3.2.1

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

@@ -1,283 +0,0 @@
-var p = Object.defineProperty, u = Object.defineProperties;
-var m = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var w = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var g = (l, e, s) => e in l ? p(l, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : l[e] = s, n = (l, e) => {
-  for (var s in e || (e = {}))
-    w.call(e, s) && g(l, s, e[s]);
-  if (b)
-    for (var s of b(e))
-      C.call(e, s) && g(l, s, e[s]);
-  return l;
-}, v = (l, e) => u(l, m(e));
-var f = (l, e, s) => (g(l, typeof e != "symbol" ? e + "" : e, s), s);
-import { fabric as d } from "fabric";
-import y from "./FabricCustomize.mjs";
-import { formatColorToArray as _ } from "../../../../utils/color.mjs";
-const $ = {
-  borderWidth: 2,
-  controls: ["TL", "BL", "TR", "BR"],
-  cornerStrokeColor: "#84868C",
-  cornerSize: 6,
-  visible: !0,
-  active: !1
-};
-class F {
-  constructor(e, s, h) {
-    f(this, "config");
-    f(this, "color");
-    f(this, "_active", !1);
-    f(this, "_fabricRect", null);
-    f(this, "_label", null);
-    f(this, "_hover", !1);
-    f(this, "_strokeRect");
-    this._canvas = s, this.handlers = h, d.Rect.prototype.cornerColor = "blue", this.config = n(n({}, $), e), this.color = _(e.color), this._active = this.config.active || !1, s && this.render(s);
-  }
-  get object() {
-    return this._fabricRect;
-  }
-  get active() {
-    return this._active;
-  }
-  set active(e) {
-    var s;
-    this._active = e, (s = this._fabricRect) != null && s.canvas && (e && !this.config.hideDelete ? (this._fabricRect.set(this.activeStyle), this.canvas.setActiveObject(this._fabricRect)) : (this.canvas.discardActiveObject(), this.hover || this._fabricRect.set(this.normalStyle)), this.canvas.requestRenderAll());
-  }
-  get hover() {
-    return this._hover;
-  }
-  set hover(e) {
-    var s, h;
-    this._hover = e, e ? (s = this._fabricRect) == null || s.set(this.hoverStyle) : this.active || (h = this._fabricRect) == null || h.set(this.normalStyle), this.canvas.requestRenderAll();
-  }
-  get canvas() {
-    return this._canvas;
-  }
-  set canvas(e) {
-    this._canvas !== e && (this._canvas = e, this.render(e));
-  }
-  get normalStyle() {
-    return {
-      fill: `rgba(${this.color[0]},${this.color[1]}, ${this.color[2]}, 0)`,
-      stroke: this.config.color,
-      // strokeWidth: this.config.borderWidth
-      //   ? this.config.borderWidth / this.canvas.getZoom()
-      //   : 2,
-      strokeWidth: 0,
-      strokeUniform: !0
-    };
-  }
-  get activeStyle() {
-    return v(n({}, this.normalStyle), {
-      content: `<svg height="500" width="500"><text fill="#ffffff" font-size="45" x="50" y="86">${this.config.name}</text></svg>`,
-      fill: `rgba(${this.color[0]},${this.color[1]}, ${this.color[2]}, 0.1)`
-    });
-  }
-  get hoverStyle() {
-    return this.activeStyle;
-  }
-  createRect() {
-    const e = {
-      hasBorders: !1,
-      cornerSize: 6,
-      cornerStrokeColor: "#84868C",
-      cornerColor: "#FFFFFF",
-      transparentCorners: !1
-    }, s = 0, h = new d.Rect(
-      // this.config.points?.map((p) => ({ x: p[0], y: p[1] })),
-      n(n({
-        left: this.config.points[0][0],
-        top: this.config.points[0][1],
-        width: this.config.points[2][0] - this.config.points[0][0] - s,
-        height: this.config.points[2][1] - this.config.points[0][1] - s
-      }, e), this.normalStyle)
-    );
-    h.setControlsVisibility({
-      mtr: !1
-    });
-    const a = () => {
-      if (h.canvas !== this.canvas) {
-        this.canvas.off("after:render", a);
-        return;
-      }
-      this.canvas.contextContainer.strokeStyle = `rgb(${this.color[0]},${this.color[1]}, ${this.color[2]})`;
-      const o = h.getBoundingRect();
-      this._strokeRect = this.canvas.contextContainer.strokeRect(o.left + 0.5, o.top + 0.5, o.width, o.height);
-    };
-    return this.canvas.on("after:render", a), h;
-  }
-  scaledNumber(e) {
-    return e / this.canvas.getZoom();
-  }
-  // getPolyVertices(poly: fabric.Rect) {
-  //   const points = poly.points,
-  //     vertices: fabric.Point[] = [];
-  //   points.forEach((point) => {
-  //     const x: number = point.x - poly.pathOffset.x,
-  //       y: number = point.y - poly.pathOffset.y;
-  //     vertices.push(
-  //       fabric.util.transformPoint(
-  //         { x, y } as fabric.Point,
-  //         fabric.util.multiplyTransformMatrices(
-  //           poly.canvas.viewportTransform,
-  //           poly.calcTransformMatrix()
-  //         )
-  //       )
-  //     );
-  //   });
-  //   return vertices.map((v) => {
-  //     return { x: this.scaledNumber(v.x), y: this.scaledNumber(v.y) };
-  //   });
-  // }
-  createLabelName() {
-    const [e, s, h] = this.color, a = new d.Text(this.handlers.renderLabelItem ? this.handlers.renderLabelItem(this.config) : this.config.name, {
-      fill: "#FFFFFF",
-      fontSize: 12,
-      selectable: !1,
-      top: 4,
-      left: 8
-    }), o = new d.Rect({
-      selectable: !1,
-      strokeWidth: 0,
-      fill: `rgb(${e},${s},${h})`,
-      rx: 2,
-      ry: 2,
-      width: (a.width || 0) + 16,
-      height: (a.height || 0) + 8,
-      left: 0,
-      top: 0
-    });
-    return new d.Group([o, a], {
-      selectable: !1,
-      // lockScalingX: false,
-      // lockScalingY: false,
-      scaleX: 1 / this.canvas.getZoom(),
-      scaleY: 1 / this.canvas.getZoom()
-    });
-  }
-  renderLabel() {
-    var e, s;
-    if (this._fabricRect) {
-      if (this._label || (this._label = this.createLabelName(), this.setLabelPosition()), this._label.canvas === this.canvas) {
-        const h = this._label.getObjects().find((o) => o.type === "rect"), a = this._label.getObjects().find((o) => o.type === "text");
-        if (a) {
-          a.set({
-            text: this.handlers.renderLabelItem ? this.handlers.renderLabelItem(this.config) : this.config.name,
-            left: 8
-            // fontSize: this.scaledNumber(12),
-          });
-          const o = (a.getBoundingRect().width || 0) + 16;
-          h == null || h.set({
-            fill: `rgba(${this.color[0]},${this.color[1]}, ${this.color[2]}, 1)`,
-            width: o,
-            left: -o / 2
-          }), a.set({
-            left: -o / 2 + 8
-          });
-          const r = ((e = this._fabricRect.aCoords) == null ? void 0 : e.tl.x) !== void 0 ? (s = this._fabricRect.aCoords) == null ? void 0 : s.tl.x : void 0;
-          this._label.set({
-            left: r,
-            width: o
-          });
-        }
-      } else
-        this.canvas.add(this._label);
-      this.setLabelPosition();
-    }
-  }
-  setLabelPosition() {
-    var r, t, i, c;
-    if (!this._fabricRect || !this._label)
-      return;
-    const e = this._label.getObjects().find((R) => R.type === "rect");
-    if (!e)
-      return;
-    const s = e.height ? e.height : void 0, h = e.width ? e.width : void 0, a = ((r = this._fabricRect.aCoords) == null ? void 0 : r.tl.y) !== void 0 && s !== void 0 && e.scaleY ? ((t = this._fabricRect.aCoords) == null ? void 0 : t.tl.y) - s / this.canvas.getZoom() : void 0, o = ((i = this._fabricRect.aCoords) == null ? void 0 : i.tl.x) !== void 0 ? (c = this._fabricRect.aCoords) == null ? void 0 : c.tl.x : void 0;
-    this._label.set({
-      top: a,
-      left: o,
-      height: s,
-      width: h,
-      scaleX: 1 / this.canvas.getZoom(),
-      scaleY: 1 / this.canvas.getZoom()
-    }), this.config = n({}, this.config);
-  }
-  addToCanvas(e) {
-    if (!this._fabricRect)
-      return;
-    this.canvas = e, this.canvas.add(this._fabricRect), this._fabricRect.on("mouseover", (o) => {
-      this.hover = !0;
-    }), this._fabricRect.on("mouseout", (o) => {
-      this.hover = !1;
-    }), this._fabricRect.on("mouseup", () => {
-      this._fabricRect && this.canvas.setActiveObject(this._fabricRect);
-    });
-    const s = (o) => {
-      var r;
-      (r = o.selected) != null && r.some((t) => t === this._fabricRect) ? this.active = !0 : this.active && (this.active = !1);
-    };
-    this.canvas.on("selection:created", s), this.canvas.on("selection:updated", s), this.canvas.on("selection:cleared", (o) => {
-      this.active && (this.active = !1);
-    });
-    const h = (o) => {
-      const r = o.transform.action;
-      o.transform.corner;
-      const t = o.transform.target, i = o.transform.target.canvas.backgroundImage, c = 0;
-      i && (r === "drag" && (t.top < i.top && t.set({
-        top: i.top
-      }), t.top + (t.height + c) * t.scaleY > i.top + i.height && t.set({
-        top: i.height + i.top - (t.height + c) * t.scaleY
-      }), t.left < i.left && t.set({
-        left: i.left
-      }), t.left + (t.width + c) * t.scaleX > i.left + i.width && t.set({
-        left: i.width + i.left - (t.width + c) * t.scaleX
-      })), r === "scale" && (t.top + (t.height + c) * t.scaleY > i.top + i.height && t.set({
-        top: (t.height + c) * t.scaleY > i.height ? i.top : i.top + i.height - (t.height + c) * t.scaleY,
-        height: (t.height + c) * t.scaleY > i.height ? i.height - c : t.height + c
-      }), t.left + (t.width + c) * t.scaleX > i.left + i.width && t.set({
-        left: i.width + i.left - (t.width + c) * t.scaleX
-      })), r === "scaleX" && (t.left + (t.width + c) * t.scaleX > i.left + i.width && t.set({
-        left: t.left - (t.left + (t.width + c) * t.scaleX - (i.left + i.width))
-      }), t.left < i.left && t.set({
-        left: i.left
-      })), r === "scaleY" && (t.top + (t.height + c) * t.scaleY > i.top + i.height && t.set({
-        top: t.top - (t.top + (t.height + c) * t.scaleY - (i.top + i.height))
-      }), t.top < i.top && t.set({
-        top: i.top
-      })), (t.width + c) * t.scaleX > i.width && t.set({
-        left: i.left,
-        width: (i.width - c) / t.scaleX
-      }), (t.height + c) * t.scaleY > i.height && t.set({
-        top: i.top,
-        height: (i.height - c) / t.scaleY
-      })), this.canvas.renderAll();
-    }, a = (o) => {
-      h(o), this.setLabelPosition();
-    };
-    this._fabricRect.on("moving", a), this._fabricRect.on("scaling", a), this._fabricRect.on("rotating", a), this._fabricRect.on("skewing", a), this._fabricRect.on("resizing", a), this.canvas.on("object:removed", (o) => {
-      o.target === this._fabricRect && this.destroy();
-    }), this.canvas.on("object:modified", (o) => {
-      o.target === this._fabricRect && (this.setLabelPosition(), this.handlers.onChange && this.handlers.onChange(this));
-    });
-  }
-  render(e) {
-    y(d), this._fabricRect || (this._fabricRect = this.createRect()), this._fabricRect.canvas === this.canvas ? this._fabricRect.set({
-      fill: `rgba(${this.color[0]},${this.color[1]}, ${this.color[2]}, 0)`,
-      stroke: `rgba(${this.color[0]},${this.color[1]}, ${this.color[2]}, 1)`
-    }) : this.addToCanvas(e), this.renderLabel();
-    try {
-      this.canvas.renderAll();
-    } catch (s) {
-      console.log("render failed");
-    }
-  }
-  set labelConfig(e) {
-    this.config = n(n({}, this.config), e), this.color = _(e.color), this.render(this.canvas), this.handlers.onChange && this.handlers.onChange(this);
-  }
-  destroy() {
-    this._fabricRect && this.canvas.remove(this._fabricRect), this._label && this.canvas.remove(this._label), this._label = null, this._fabricRect = null, this.canvas.requestRenderAll(), this.handlers.onDelete && this.handlers.onDelete(this);
-  }
-}
-export {
-  F as default
-};

package/dist/es/components/DetectionAnnotation/components/LabelMaker/icons/delete-icon.svg.mjs

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

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

@@ -1,314 +0,0 @@
-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";
-/* empty css             */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 "../../../../node_modules/classnames/index.mjs";
-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
-};