@glodon-aiot/dataset-annotation 3.14.0-alpha.33 → 3.15.0-alpha.2

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

@@ -1,170 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useRef as U, useState as k, useEffect as $ } from "react";
-import { Tooltip as V, Input as W } from "antd";
-import { UpOutlined as q } from "@ant-design/icons";
-import G from "./VLMLabelMaker/icons/del.png.mjs";
-import H from "./VLMLabelMaker/icons/ai.svg.mjs";
-import J from "./VLMLabelMaker/icons/star.svg.mjs";
-import K from "./VLMLabelMaker/icons/loading.svg.mjs";
-const F = ({
-  name: P,
-  labelDefinitions: v,
-  region: m,
-  isSelected: g,
-  isActive: l,
-  activeLabelId: a,
-  onChange: x,
-  onFocus: h,
-  onBlur: N,
-  onDelete: T,
-  onRegionClick: c,
-  onOCR: M,
-  isOCRRecognizing: p,
-  hasOCRError: w,
-  readOnly: d
-}) => {
-  const n = U(null), u = U(/* @__PURE__ */ new Map()), [f, I] = k(!1);
-  return $(() => {
-    g && n.current && (I(!1), setTimeout(() => {
-      n.current && n.current.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest",
-        inline: "nearest"
-      });
-    }, 200));
-  }, [g]), $(() => {
-    l && n.current && (I(!1), setTimeout(() => {
-      n.current && n.current.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest",
-        inline: "nearest"
-      });
-    }, 200));
-  }, [l]), $(() => {
-    if (l && a) {
-      const t = u.current.get(a);
-      t != null && t.input ? t.input.focus() : setTimeout(() => {
-        const r = u.current.get(a);
-        r != null && r.input && r.input.focus();
-      }, 100);
-    }
-  }, [l, a]), /* @__PURE__ */ i("div", {
-    ref: n,
-    className: `vlm-text-region ${g || l ? "vlm-text-region-selected" : ""} ${f ? "vlm-text-region-collapsed" : ""}`,
-    children: [/* @__PURE__ */ i("div", {
-      className: "vlm-text-region-header",
-      onClick: (t) => {
-        const r = t.target;
-        r.closest(".vlm-text-region-delete-btn") !== null || r.closest(".vlm-text-region-collapse-icon") !== null || c == null || c(m);
-      },
-      children: [/* @__PURE__ */ e("span", {
-        className: `vlm-text-region-collapse-icon ${f ? "vlm-text-region-collapse-icon-collapsed" : ""}`,
-        onClick: (t) => {
-          t.stopPropagation(), I(!f);
-        },
-        children: /* @__PURE__ */ e(q, {})
-      }), /* @__PURE__ */ e("span", {
-        className: "vlm-text-region-name",
-        children: P
-      }), /* @__PURE__ */ i("div", {
-        className: "vlm-text-region-actions",
-        children: [!d && M && /* @__PURE__ */ e(V, {
-          title: p ? "识别中..." : w ? "预置服务调用失败" : "OCR识别",
-          children: /* @__PURE__ */ e("span", {
-            className: `vlm-text-region-ocr-btn ${p ? "vlm-text-region-ocr-btn-loading" : ""} ${w ? "vlm-text-region-ocr-btn-error" : ""}`,
-            onClick: (t) => {
-              t.stopPropagation(), p || M(m.id);
-            },
-            children: /* @__PURE__ */ i("div", {
-              className: "vlm-text-region-ocr-icon-wrapper",
-              children: [/* @__PURE__ */ e("img", {
-                src: H,
-                alt: "OCR识别",
-                className: "vlm-text-region-ocr-icon"
-              }), p ? /* @__PURE__ */ e("img", {
-                src: K,
-                alt: "",
-                className: "vlm-text-region-ocr-status vlm-text-region-ocr-loading"
-              }) : w ? /* @__PURE__ */ i("svg", {
-                className: "vlm-text-region-ocr-status vlm-text-region-ocr-error-icon",
-                width: "12",
-                height: "12",
-                viewBox: "0 0 12 12",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [/* @__PURE__ */ e("circle", {
-                  cx: "6",
-                  cy: "6",
-                  r: "5.5",
-                  fill: "#ff4d4f",
-                  stroke: "none"
-                }), /* @__PURE__ */ e("path", {
-                  d: "M6 3.5v3M6 8.5h.01",
-                  stroke: "#fff",
-                  strokeWidth: "1.2",
-                  strokeLinecap: "round"
-                })]
-              }) : /* @__PURE__ */ e("img", {
-                src: J,
-                alt: "",
-                className: "vlm-text-region-ocr-status vlm-text-region-ocr-star"
-              })]
-            })
-          })
-        }), !d && T && /* @__PURE__ */ e("span", {
-          className: "vlm-text-region-delete-btn",
-          onClick: (t) => {
-            t.stopPropagation(), T(m.id);
-          },
-          title: "删除",
-          children: /* @__PURE__ */ e("img", {
-            src: G,
-            alt: "删除",
-            className: "vlm-text-region-delete-icon"
-          })
-        })]
-      })]
-    }), /* @__PURE__ */ e("div", {
-      className: `vlm-text-region-content ${f ? "vlm-text-region-content-collapsed" : ""}`,
-      onClick: (t) => {
-        const r = t.target;
-        r.tagName === "INPUT" || r.closest("input") !== null || c == null || c(m);
-      },
-      children: v == null ? void 0 : v.map((t) => {
-        const r = l && a === t.id;
-        return /* @__PURE__ */ i("div", {
-          className: "vlm-text-label",
-          children: [t.name, /* @__PURE__ */ e("br", {}), /* @__PURE__ */ e(W, {
-            ref: (o) => {
-              o ? u.current.set(t.id, o) : u.current.delete(t.id);
-            },
-            value: m.content[t.id],
-            onFocus: (o) => {
-              h == null || h(t.id, o.target.value || ""), setTimeout(() => {
-                const s = u.current.get(t.id);
-                s != null && s.input && s.input.focus();
-              }, 0);
-            },
-            onBlur: (o) => {
-              console.log("onBlur", o);
-              const s = o.relatedTarget, j = (s == null ? void 0 : s.tagName) === "INPUT" || (s == null ? void 0 : s.closest("input")) !== null;
-              if (r && !j) {
-                o.target.focus();
-                return;
-              }
-              N == null || N(t.id, o.target.value || "");
-            },
-            onChange: (o) => {
-              x == null || x(t.id, o.target.value || "");
-            },
-            allowClear: !d,
-            readOnly: d
-          })]
-        }, t.id);
-      })
-    })]
-  }, P);
-};
-export {
-  F as default
-};

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

@@ -1,94 +0,0 @@
-var B = Object.defineProperty, H = Object.defineProperties;
-var J = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var K = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
-var T = (m, d, t) => d in m ? B(m, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[d] = t, c = (m, d) => {
-  for (var t in d || (d = {}))
-    K.call(d, t) && T(m, t, d[t]);
-  if (S)
-    for (var t of S(d))
-      Q.call(d, t) && T(m, t, d[t]);
-  return m;
-}, _ = (m, d) => H(m, J(d));
-import { jsx as y } from "react/jsx-runtime";
-import { Empty as R } from "antd";
-import U from "./RegionItem.mjs";
-import { REGION_NAME_PREFIX as W } from "./constants.mjs";
-const V = ({
-  labelDefinitions: m,
-  labels: d,
-  selectedRegion: t,
-  activeLabelValue: A,
-  activeRegionNumber: X,
-  onChange: u,
-  onInputActive: $,
-  onBlur: j,
-  onDelete: f,
-  onRegionClick: k,
-  onOCR: q,
-  ocrRecognizing: F,
-  ocrErrors: I,
-  readOnly: w
-}) => !d || d.length === 0 ? /* @__PURE__ */ y("div", {
-  className: "vlm-text-panel",
-  children: /* @__PURE__ */ y("div", {
-    className: "vlm-text-panel-empty",
-    children: /* @__PURE__ */ y(R, {
-      description: "暂无标注数据，按R键开始标注吧"
-    })
-  })
-}) : /* @__PURE__ */ y("div", {
-  className: "vlm-text-panel",
-  children: d.map((p, N) => {
-    var G, M;
-    const E = A != null && X === N && A.region.id === p.id, x = E ? A.label.id : void 0;
-    return /* @__PURE__ */ y(U, {
-      name: `${W}${N + 1}`,
-      labelDefinitions: m != null ? m : [],
-      region: p,
-      isSelected: (t == null ? void 0 : t.id) === p.id,
-      isActive: E,
-      activeLabelId: x,
-      readOnly: w,
-      onDelete: f,
-      onRegionClick: k,
-      onOCR: q,
-      isOCRRecognizing: (G = F == null ? void 0 : F.has(p.id)) != null ? G : !1,
-      hasOCRError: (M = I == null ? void 0 : I.has(p.id)) != null ? M : !1,
-      onFocus: (O) => {
-        const r = m == null ? void 0 : m.find((P) => P.id === O);
-        if (!r)
-          return;
-        const v = d == null ? void 0 : d[N];
-        v && ($ ? $({
-          label: r,
-          region: c({}, v)
-        }, N) : u == null || u({
-          label: r,
-          region: v
-        }, N));
-      },
-      onBlur: (O) => {
-        const r = m == null ? void 0 : m.find((v) => v.id === O);
-        r && (r && j ? j({
-          label: r,
-          region: c({}, p)
-        }, N) : u == null || u(null));
-      },
-      onChange: (O, r) => {
-        const v = m == null ? void 0 : m.find((P) => P.id === O);
-        v && u && u({
-          label: v,
-          region: _(c({}, p), {
-            content: _(c({}, p.content), {
-              [O]: r
-            })
-          })
-        }, N);
-      }
-    }, p.id);
-  })
-});
-export {
-  V as default
-};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/hooks/useAIButtonHover.mjs

@@ -1,193 +0,0 @@
-import { useRef as rt, useEffect as ft } from "react";
-import { fabric as Z } from "fabric";
-import { AI_CONTROL_OFFSET_X as ut, AI_CONTROL_OFFSET_Y as Ct, AI_ICON_SIZE as st } from "../../constants.mjs";
-const Ft = ({
-  canvas: l,
-  ocrErrorRef: k,
-  rectMapRef: D,
-  onAIButtonHover: n
-}) => {
-  const G = rt(null), J = rt(null);
-  ft(() => {
-    if (!l || !n)
-      return;
-    const O = /* @__PURE__ */ new Map(), lt = (S) => {
-      var h;
-      const a = (h = S.controls) == null ? void 0 : h.ocrControl;
-      if (!a)
-        return;
-      const E = a.render;
-      E && !a._intercepted && (a.render = (q, F, c, i, _) => {
-        O.set(S, {
-          x: F,
-          y: c
-        }), E && E(q, F, c, i, _);
-      }, a._intercepted = !0);
-    }, K = (S) => {
-      var et;
-      const a = S.e, h = l.getElement().getBoundingClientRect(), q = a.clientX - h.left, F = a.clientY - h.top;
-      let c = null, i = null;
-      const _ = l.getActiveObject();
-      if (!_ || !(_ instanceof Z.Rect)) {
-        n(null, null);
-        return;
-      }
-      const o = _, W = D.current.get(o);
-      if (!W) {
-        n(null, null);
-        return;
-      }
-      const $ = W.id;
-      if (!k.current.has($)) {
-        n(null, null);
-        return;
-      }
-      const y = (et = o.controls) == null ? void 0 : et.ocrControl;
-      if (!y) {
-        n(null, null);
-        return;
-      }
-      const U = ut, V = Ct + st + 4;
-      lt(o);
-      let x = O.get(o);
-      if (!x) {
-        try {
-          if (o._calcControlPosition && typeof o._calcControlPosition == "function") {
-            const t = o._calcControlPosition(y);
-            t && (x = {
-              x: t.x,
-              y: t.y
-            }, O.set(o, x));
-          }
-        } catch (t) {
-        }
-        if (!x)
-          try {
-            const t = o.getCoords();
-            if (t && t.length >= 4) {
-              const e = t[1], L = t[2], f = t[0], M = e, u = {
-                x: L.x - e.x,
-                y: L.y - e.y
-              }, C = {
-                x: f.x - e.x,
-                y: f.y - e.y
-              }, r = Math.sqrt(u.x * u.x + u.y * u.y), s = Math.sqrt(C.x * C.x + C.y * C.y), b = r > 1e-3 ? {
-                x: u.x / r,
-                y: u.y / r
-              } : {
-                x: 1,
-                y: 0
-              }, P = s > 1e-3 ? {
-                x: C.x / s,
-                y: C.y / s
-              } : {
-                x: 0,
-                y: -1
-              }, T = M.x + b.x * U - P.x * V, z = M.y + b.y * U - P.y * V;
-              x = {
-                x: T,
-                y: z
-              }, O.set(o, x);
-            }
-          } catch (t) {
-            console.warn("[useAIButtonHover] Failed to calculate control position:", t);
-          }
-      }
-      const d = o.getCoords();
-      if (!d || d.length < 4) {
-        n(null, null);
-        return;
-      }
-      const A = d[0], R = d[1], H = d[2];
-      d[3];
-      const B = R, p = {
-        x: H.x - R.x,
-        y: H.y - R.y
-      }, m = {
-        x: A.x - R.x,
-        y: A.y - R.y
-      }, I = Math.sqrt(p.x * p.x + p.y * p.y), N = Math.sqrt(m.x * m.x + m.y * m.y), tt = I > 1e-3 ? {
-        x: p.x / I,
-        y: p.y / I
-      } : {
-        x: 1,
-        y: 0
-      }, ot = N > 1e-3 ? {
-        x: m.x / N,
-        y: m.y / N
-      } : {
-        x: 0,
-        y: -1
-      }, it = B.x + tt.x * U - ot.x * V, yt = B.y + tt.y * U - ot.y * V, v = st / 2, w = 8;
-      let g = null;
-      try {
-        if (o._calcControlPosition && typeof o._calcControlPosition == "function") {
-          const t = o._calcControlPosition(y);
-          t && (g = {
-            x: t.x,
-            y: t.y
-          });
-        }
-        if (!g && o.calcCoords) {
-          const t = o.calcCoords();
-          if (t && y.x !== void 0 && y.y !== void 0) {
-            const e = y.x, L = y.y, f = y.offsetX || 0, M = y.offsetY || 0, u = t.tr.x, C = t.tr.y, r = {
-              x: t.br.x - t.tr.x,
-              y: t.br.y - t.tr.y
-            }, s = {
-              x: t.tl.x - t.tr.x,
-              y: t.tl.y - t.tr.y
-            }, b = Math.sqrt(r.x * r.x + r.y * r.y), P = Math.sqrt(s.x * s.x + s.y * s.y), T = b > 1e-3 ? {
-              x: r.x / b,
-              y: r.y / b
-            } : {
-              x: 1,
-              y: 0
-            }, z = P > 1e-3 ? {
-              x: s.x / P,
-              y: s.y / P
-            } : {
-              x: 0,
-              y: -1
-            }, xt = u + T.x * f - z.x * M, at = C + T.y * f - z.y * M;
-            g = {
-              x: xt,
-              y: at
-            };
-          }
-        }
-      } catch (t) {
-        console.warn("[useAIButtonHover] Failed to calculate fabric control position:", t);
-      }
-      const nt = l.viewportTransform;
-      if (!nt) {
-        n(null, null);
-        return;
-      }
-      let X, Y;
-      if (x)
-        X = x.x, Y = x.y;
-      else {
-        const t = g ? g.x : it, e = g ? g.y : yt, L = new Z.Point(t, e), f = Z.util.transformPoint(L, nt);
-        X = f.x, Y = f.y;
-      }
-      if (q >= X - v - w && q <= X + v + w && F >= Y - v - w && F <= Y + v + w) {
-        const t = h.left + X, e = h.top + Y;
-        c = $, i = {
-          x: t,
-          y: e
-        };
-      }
-      const ct = G.current, j = J.current;
-      (c !== ct || c && i && (!j || j.x !== i.x || j.y !== i.y) || !c && ct !== null) && (c && i ? n(c, i) : n(null, null), G.current = c, J.current = i);
-    }, Q = () => {
-      n && n(null, null);
-    };
-    return l.on("mouse:move", K), l.on("mouse:out", Q), () => {
-      l.off("mouse:move", K), l.off("mouse:out", Q);
-    };
-  }, [l, k, D, n]);
-};
-export {
-  Ft as useAIButtonHover
-};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/hooks/useCanvasDrag.mjs

@@ -1,116 +0,0 @@
-import { useEffect as b } from "react";
-import { fabric as c } from "fabric";
-const O = ({
-  canvas: e,
-  draggable: i,
-  drawingMode: f,
-  textLayersMapRef: n
-}) => {
-  const u = () => {
-    const s = /* @__PURE__ */ new Set();
-    return n.current.forEach((l) => {
-      l.forEach((r) => {
-        s.add(r);
-      });
-    }), s;
-  };
-  b(() => {
-    if (!e || f) {
-      if (e) {
-        e.selection = !1, e.skipTargetFind = !1;
-        const o = u();
-        e.getObjects().forEach((t) => {
-          t instanceof c.Rect && o.has(t) ? t.set({
-            evented: !0,
-            selectable: !1,
-            lockMovementX: !0,
-            lockMovementY: !0,
-            lockScalingX: !0,
-            lockScalingY: !0,
-            lockRotation: !0
-          }) : t.set({
-            evented: !0,
-            selectable: !0,
-            lockMovementX: !1,
-            lockMovementY: !1,
-            lockScalingX: !1,
-            lockScalingY: !1
-          });
-        }), e.defaultCursor = "default";
-      }
-      return;
-    }
-    if (!i) {
-      e.selection = !1, e.skipTargetFind = !1;
-      const o = u();
-      e.getObjects().forEach((t) => {
-        t instanceof c.Rect && o.has(t) ? t.set({
-          evented: !0,
-          selectable: !1,
-          lockMovementX: !0,
-          lockMovementY: !0,
-          lockScalingX: !0,
-          lockScalingY: !0,
-          lockRotation: !0
-        }) : t.set({
-          evented: !0,
-          selectable: !0,
-          lockMovementX: !1,
-          lockMovementY: !1,
-          lockScalingX: !1,
-          lockScalingY: !1
-        });
-      }), e.defaultCursor = "default";
-      return;
-    }
-    e.selection = !1, e.skipTargetFind = !0, e.getActiveObject() && (e.discardActiveObject(), e.renderAll()), e.getObjects().forEach((o) => {
-      o.set({
-        evented: !1,
-        selectable: !1,
-        lockMovementX: !0,
-        lockMovementY: !0,
-        lockScalingX: !0,
-        lockScalingY: !0,
-        lockRotation: !0
-      });
-    }), e.defaultCursor = "grab";
-    let l = !1;
-    const r = (o) => {
-      e.getActiveObject() && (e.discardActiveObject(), e.renderAll()), l = !0, e.selection = !1, e.skipTargetFind = !0, e.setCursor("grabbing");
-    }, k = (o) => {
-      if (l && o && o.e) {
-        const t = o.e, m = new c.Point(t.movementX, t.movementY);
-        e.relativePan(m);
-      }
-    }, d = () => {
-      l = !1, e.selection = !1, e.skipTargetFind = !0, e.defaultCursor = "grab", e.setCursor("grab"), e.getActiveObject() && (e.discardActiveObject(), e.renderAll());
-    }, g = () => {
-      e.setCursor("grabbing");
-    };
-    return e.on("mouse:down", r), e.on("mouse:move", k), e.on("mouse:up", d), e.on("mouse:down:before", g), () => {
-      e.off("mouse:down", r), e.off("mouse:move", k), e.off("mouse:up", d), e.off("mouse:down:before", g), e.selection = !1, e.skipTargetFind = !1;
-      const o = u();
-      e.getObjects().forEach((t) => {
-        t instanceof c.Rect && o.has(t) ? t.set({
-          evented: !0,
-          selectable: !1,
-          lockMovementX: !0,
-          lockMovementY: !0,
-          lockScalingX: !0,
-          lockScalingY: !0,
-          lockRotation: !0
-        }) : t.set({
-          evented: !0,
-          selectable: !0,
-          lockMovementX: !1,
-          lockMovementY: !1,
-          lockScalingX: !1,
-          lockScalingY: !1
-        });
-      });
-    };
-  }, [e, i, f, n]);
-};
-export {
-  O as useCanvasDrag
-};

package/dist/es/components/VLMAnnotation/VLMLabelMaker/hooks/useCanvasSetup.mjs

@@ -1,115 +0,0 @@
-import { useEffect as V, useCallback as Z } from "react";
-import { fabric as o } from "fabric";
-import { CANVAS_CONTAINER_CLASS as q, BASE_STROKE_WIDTH as F } from "../../constants.mjs";
-const $ = ({
-  sample: h,
-  image: f,
-  onImageLoad: y,
-  canvasRef: w,
-  containerRef: d,
-  canvasInitializedRef: S,
-  bgImagePositionRef: s,
-  bgImageSizeRef: b,
-  rectMapRef: U,
-  updateTextLayersRef: j,
-  onRectPositionUpdated: p,
-  setCanvas: a,
-  setImage: O,
-  setScale: X,
-  setBgImagePosition: Y,
-  setLoading: C
-}) => (V(() => {
-  if (C(!0), O(void 0), a((t) => (t && t.setBackgroundImage(void 0, t.renderAll.bind(t)), t)), s.current = {
-    left: 0,
-    top: 0
-  }, !(h != null && h.fileUrl)) {
-    C(!1);
-    return;
-  }
-  o.Image.fromURL(h.fileUrl, (t) => {
-    t.set({
-      originX: "center",
-      originY: "center"
-    }), O(t), C(!1);
-  }, {
-    crossOrigin: "anonymous"
-  });
-}, [h == null ? void 0 : h.fileUrl, O, C, s, a]), {
-  updateCanvas: Z(() => {
-    if (!f || !w.current || !d.current)
-      return;
-    S.current = !1;
-    const t = f.getElement();
-    if (!(t != null && t.width) || !(t != null && t.height))
-      return;
-    const N = d.current.offsetWidth, B = d.current.offsetHeight, _ = t.width / t.height, l = N, i = B;
-    let r, c;
-    if (t.width <= l && t.height <= i)
-      r = 1, c = [t.width, t.height];
-    else {
-      const u = l / t.width, e = i / t.height;
-      u > e ? c = [i * _, i] : c = [l, l / _];
-      const k = c[0] / t.width, W = c[1] / t.height;
-      r = Math.min(k, W);
-    }
-    s.current = {
-      left: 0,
-      top: 0
-    }, a((u) => {
-      let e = u;
-      if (e)
-        e.setDimensions({
-          width: l,
-          height: i
-        });
-      else {
-        e = new o.Canvas(w.current, {
-          containerClass: q,
-          width: l,
-          height: i
-        }), e.selection = !1;
-        const n = e;
-        n.uniScaleKey = "", n.uniformScaling = !1, o.Object.prototype.hasRotatingPoint = !1, o.Object.prototype.lockRotation = !0, o.Object.prototype.lockUniScaling = !1, o.Object.prototype.objectCaching = !1, o.Object.prototype.statefullCache = !1, o.Object.prototype.noScaleCache = !1;
-      }
-      e.setViewportTransform([1, 0, 0, 1, 0, 0]), e.setZoom(r), X(r);
-      const k = c[0], W = c[1], D = k / r, K = W / r, A = (l / r - D) / 2, H = (i / r - K) / 2;
-      return s.current = {
-        left: A,
-        top: H
-      }, b.current = {
-        width: c[0] / r,
-        height: c[1] / r
-      }, Y({
-        left: A,
-        top: H
-      }), e.setBackgroundImage(f, () => {
-        S.current = !0, u && (U.current.forEach((n, x) => {
-          const E = {
-            x: n.shape.x + s.current.left,
-            y: n.shape.y + s.current.top
-          };
-          x.set({
-            left: E.x,
-            top: E.y
-          });
-          const T = F / r;
-          x.set({
-            strokeWidth: T,
-            strokeUniform: !0,
-            objectCaching: !1,
-            statefullCache: !1,
-            noScaleCache: !1
-          }), n.textLayouts && n.textLayouts.length > 0 && j.current && j.current(x, n);
-        }), p && p(r)), e.renderAll(), u || y && y();
-      }, {
-        originX: "left",
-        originY: "top",
-        left: A,
-        top: H
-      }), e;
-    });
-  }, [f, w, d, S, s, b, U, j, p, a, X, Y, y])
-});
-export {
-  $ as useCanvasSetup
-};