@glodon-aiot/dataset-annotation 3.11.1-shapshot.1765331459 → 3.13.0-alpha.27

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

@@ -0,0 +1,68 @@
+var N = (i, l, s) => new Promise((f, o) => {
+  var c = (t) => {
+    try {
+      d(s.next(t));
+    } catch (n) {
+      o(n);
+    }
+  }, m = (t) => {
+    try {
+      d(s.throw(t));
+    } catch (n) {
+      o(n);
+    }
+  }, d = (t) => t.done ? f(t.value) : Promise.resolve(t.value).then(c, m);
+  d((s = s.apply(i, l)).next());
+});
+import { useRef as k, useCallback as R } from "react";
+const G = ({
+  ocrRecognize: i,
+  onChange: l,
+  updateTextLayers: s,
+  canvas: f,
+  updateOCRLoadingIcon: o,
+  rectMapRef: c,
+  textLayersMapRef: m,
+  textLayoutContentMapRef: d
+}) => {
+  const t = k(/* @__PURE__ */ new Set()), n = k(/* @__PURE__ */ new Map());
+  return {
+    performOCRIfNeeded: R((e, a) => N(void 0, null, function* () {
+      var x;
+      if (a !== "create" && a !== "update" || !i || !e.image)
+        return;
+      const u = (x = Array.from(c.current.entries()).find(([, r]) => r.id === e.id)) == null ? void 0 : x[0];
+      if (!u)
+        return;
+      const w = m.current.get(u);
+      w && f && (w.forEach((r) => {
+        r.off("mousedown"), r.off("mouseover"), r.off("mouseout"), d.current.delete(r), f.remove(r);
+      }), m.current.delete(u), f.renderAll());
+      const S = c.current.get(u);
+      S && S.textLayouts && delete S.textLayouts;
+      const q = (n.current.get(e.id) || 0) + 1;
+      n.current.set(e.id, q), t.current.add(e.id);
+      const A = c.current.get(u);
+      A && o(u, A, !0);
+      try {
+        const r = yield i(e.image);
+        if (n.current.get(e.id) !== q)
+          return;
+        t.current.delete(e.id), o(u, e, !1);
+        const y = c.current.get(u);
+        if (y && n.current.get(e.id) === q && (y.textLayouts = r, s(u, y), l)) {
+          const F = Array.from(c.current.values());
+          l(F);
+        }
+      } catch (r) {
+        if (n.current.get(e.id) !== q)
+          return;
+        t.current.delete(e.id), o(u, e, !1), console.error("Failed to perform OCR recognition:", r);
+      }
+    }), [i, l, s, f, o, c, m, d]),
+    ocrRecognizingRef: t
+  };
+};
+export {
+  G as useOCRRecognition
+};

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

@@ -0,0 +1,38 @@
+import { useEffect as m } from "react";
+import { fabric as R } from "fabric";
+import { HOVER_RECT_FILL_COLOR as L, TRANSPARENT_FILL as l } from "../../constants.mjs";
+const x = ({
+  canvas: e,
+  drawingMode: c,
+  draggable: u,
+  textLayersMapRef: n
+}) => {
+  m(() => {
+    if (!e || c || u)
+      return;
+    const f = () => {
+      const o = /* @__PURE__ */ new Set();
+      return n.current.forEach((t) => {
+        t.forEach((r) => {
+          o.add(r);
+        });
+      }), o;
+    }, i = (o) => {
+      const t = o.target;
+      !t || !(t instanceof R.Rect) || f().has(t) || e.getActiveObject() === t || (t.set({
+        fill: L
+      }), e.renderAll());
+    }, s = (o) => {
+      const t = o.target;
+      !t || !(t instanceof R.Rect) || f().has(t) || e.getActiveObject() === t || (t.set({
+        fill: l
+      }), e.renderAll());
+    };
+    return e.on("mouse:over", i), e.on("mouse:out", s), () => {
+      e.off("mouse:over", i), e.off("mouse:out", s);
+    };
+  }, [e, c, u, n]);
+};
+export {
+  x as useRegionHover
+};

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

@@ -0,0 +1,141 @@
+var X = Object.defineProperty;
+var F = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
+var K = (e, t, s) => t in e ? X(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, Z = (e, t) => {
+  for (var s in t || (t = {}))
+    b.call(t, s) && K(e, s, t[s]);
+  if (F)
+    for (var s of F(t))
+      j.call(t, s) && K(e, s, t[s]);
+  return e;
+};
+import { useEffect as q } from "react";
+import { fabric as N } from "fabric";
+import { TRANSPARENT_FILL as P, RECT_STROKE_COLOR as B, BASE_STROKE_WIDTH as G, REGION_NAME_PREFIX as H } from "../../constants.mjs";
+const z = ({
+  canvas: e,
+  sample: t,
+  image: s,
+  bgImagePosition: O,
+  canvasInitializedRef: $,
+  bgImagePositionRef: w,
+  sampleRef: y,
+  labelsLoadedRef: d,
+  rectMapRef: f,
+  textLayersMapRef: S,
+  textLayoutContentMapRef: A,
+  regionNameTextMapRef: C,
+  ocrLoadingIconMapRef: _,
+  imageToCanvasCoords: x,
+  updateRegionShapeAndImage: E,
+  createDeleteControl: m,
+  updateRegionNameText: W,
+  updateTextLayers: U
+}) => {
+  q(() => {
+    if (!e || !(t != null && t.labels) || !s || !$.current || w.current.left === 0 && w.current.top === 0)
+      return;
+    y.current !== t ? (y.current = t, d.current = !1, f.current.forEach((o, n) => {
+      const l = S.current.get(n);
+      l && (l.forEach((r) => {
+        r.off("mousedown"), r.off("mouseover"), r.off("mouseout"), A.current.delete(r), e.remove(r);
+      }), S.current.delete(n));
+      const u = C.current.get(n);
+      u && (n.off("moved"), n.off("modified"), e.remove(u), C.current.delete(n));
+      const i = _.current.get(n);
+      i && (e.remove(i), _.current.delete(n)), e.remove(n);
+    }), f.current.clear(), t.labels.forEach((o, n) => {
+      if (o.shape.name !== "rect")
+        return;
+      const l = x(o.shape.x, o.shape.y), u = e.getZoom(), i = G / u, r = new N.Rect({
+        left: l.x,
+        top: l.y,
+        width: o.shape.width,
+        height: o.shape.height,
+        fill: P,
+        // 无填充色
+        stroke: B,
+        strokeWidth: i,
+        strokeUniform: !0,
+        // 边框宽度不受缩放影响
+        selectable: !0,
+        evented: !0,
+        hasRotatingPoint: !1,
+        // 隐藏旋转点
+        lockRotation: !0,
+        // 锁定旋转
+        lockUniScaling: !1,
+        // 允许非等比缩放，控制点跟随鼠标
+        objectCaching: !1,
+        // 禁用缓存，避免缩放时边框变虚
+        statefullCache: !1,
+        noScaleCache: !1
+      });
+      r.on("modified", () => {
+        E(r);
+      }), r.on("moved", () => {
+        E(r);
+      }), e.add(r), r.controls.deleteControl = m();
+      const h = Z({}, o);
+      h.name || (h.name = `${H}${n + 1}`), f.current.set(r, h), W(r, h), h.textLayouts && h.textLayouts.length > 0 && U(r, h);
+    }), d.current = !0, e.renderAll()) : !d.current && t.labels.length > 0 && (t.labels.forEach((o, n) => {
+      if (o.shape.name !== "rect" || Array.from(f.current.values()).find((k) => k.shape.x === o.shape.x && k.shape.y === o.shape.y && k.shape.width === o.shape.width && k.shape.height === o.shape.height))
+        return;
+      const u = x(o.shape.x, o.shape.y), i = e.getZoom(), r = G / i, h = new N.Rect({
+        left: u.x,
+        top: u.y,
+        width: o.shape.width,
+        height: o.shape.height,
+        fill: P,
+        // 无填充色
+        stroke: B,
+        strokeWidth: r,
+        strokeUniform: !0,
+        // 边框宽度不受缩放影响
+        selectable: !0,
+        evented: !0,
+        hasRotatingPoint: !1,
+        // 隐藏旋转点
+        lockRotation: !0,
+        // 锁定旋转
+        lockUniScaling: !1,
+        // 允许非等比缩放，控制点跟随鼠标
+        objectCaching: !1,
+        // 禁用缓存，避免缩放时边框变虚
+        statefullCache: !1,
+        noScaleCache: !1
+      });
+      h.on("modified", () => {
+        E(h);
+      }), h.on("moved", () => {
+        E(h);
+      }), e.add(h), h.controls.deleteControl = m();
+      const c = Z({}, o);
+      c.name || (c.name = `${H}${n + 1}`), f.current.set(h, c), W(h, c), c.textLayouts && c.textLayouts.length > 0 && U(h, c);
+    }), d.current = !0, e.renderAll());
+  }, [
+    e,
+    t,
+    t == null ? void 0 : t.labels,
+    s,
+    O,
+    // 添加 bgImagePosition 作为依赖，确保在位置设置后触发加载
+    x,
+    E,
+    U,
+    W,
+    m,
+    $,
+    w,
+    y,
+    d,
+    f,
+    S,
+    A,
+    C,
+    _
+  ]);
+};
+export {
+  z as useRegionLoader
+};

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

@@ -0,0 +1,72 @@
+import { useRef as u, useCallback as N } from "react";
+import { fabric as T } from "fabric";
+import { DEFAULT_REGION_NAME as R, REGION_NAME_FONT_FAMILY as E, REGION_NAME_TEXT_COLOR as _, REGION_NAME_FONT_SIZE as x, REGION_NAME_PADDING as A } from "../../constants.mjs";
+const b = (o) => {
+  const n = u(/* @__PURE__ */ new Map());
+  return {
+    updateRegionNameText: N((e, s) => {
+      if (!o)
+        return;
+      const a = n.current.get(e);
+      a && (o.remove(a), n.current.delete(e));
+      const d = e.left || 0, m = e.top || 0;
+      e.getScaledWidth(), e.getScaledHeight();
+      const f = o.getZoom(), c = x, g = A, l = new T.Text(s.name || R, {
+        left: d,
+        // 与标注框左边对齐
+        top: m,
+        // 下边缘与标注框上边缘对齐（因为 originY 是 'bottom'）
+        fontSize: c,
+        // 使用固定的基础字体大小
+        fontFamily: E,
+        fill: _,
+        // 主题色文字
+        textAlign: "left",
+        originX: "left",
+        originY: "bottom",
+        // 从底部对齐，这样文本在rect上方
+        selectable: !1,
+        // 不可选中
+        evented: !1,
+        // 不接收事件，避免干扰rect的操作
+        lockMovementX: !0,
+        lockMovementY: !0,
+        lockScalingX: !1,
+        // 允许缩放，用于抵消画布缩放
+        lockScalingY: !1,
+        // 允许缩放，用于抵消画布缩放
+        lockRotation: !0,
+        hasControls: !1,
+        hasBorders: !1,
+        objectCaching: !1,
+        statefullCache: !1,
+        noScaleCache: !1,
+        padding: g,
+        // 使用固定的基础内边距
+        scaleX: 1 / f,
+        // 反向缩放，抵消画布缩放
+        scaleY: 1 / f
+        // 反向缩放，抵消画布缩放
+      });
+      o.add(l), n.current.set(e, l);
+      const t = () => {
+        const r = e.left || 0, p = e.top || 0, i = o.getZoom();
+        l.set({
+          left: r,
+          // 与标注框左边对齐
+          top: p,
+          // 下边缘与标注框上边缘对齐（因为 originY 是 'bottom'）
+          scaleX: 1 / i,
+          // 反向缩放，抵消画布缩放
+          scaleY: 1 / i
+          // 反向缩放，抵消画布缩放
+        }), o.renderAll();
+      };
+      e.off("moving", t), e.off("moved", t), e.off("modified", t), e.on("moving", t), e.on("moved", t), e.on("modified", t);
+    }, [o]),
+    regionNameTextMapRef: n
+  };
+};
+export {
+  b as useRegionNameText
+};

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

@@ -0,0 +1,113 @@
+import { useEffect as g } from "react";
+import { fabric as u } from "fabric";
+import { SELECTED_RECT_FILL_COLOR as L, CONTROL_POINT_COLOR as R, CONTROL_POINT_SIZE as S, TRANSPARENT_FILL as E, BASE_STROKE_WIDTH as A } from "../../constants.mjs";
+const j = ({
+  canvas: e,
+  onRegionSelect: o,
+  createDeleteControl: n,
+  textLayersMapRef: a,
+  rectMapRef: s
+}) => {
+  g(() => {
+    if (!e)
+      return;
+    const i = () => {
+      const t = /* @__PURE__ */ new Set();
+      return a.current.forEach((r) => {
+        r.forEach((l) => {
+          t.add(l);
+        });
+      }), t;
+    }, f = () => {
+      const t = i();
+      e.getObjects().forEach((r) => {
+        r instanceof u.Rect && !t.has(r) && r.set({
+          fill: E
+          // 移除填充色
+        });
+      });
+    }, h = () => {
+      f();
+      const t = e.getActiveObject();
+      if (t && t instanceof u.Rect) {
+        if (i().has(t)) {
+          e.discardActiveObject(), e.renderAll();
+          return;
+        }
+        const l = e.getZoom(), d = A / l;
+        t.set({
+          hasRotatingPoint: !1,
+          lockRotation: !0,
+          lockUniScaling: !1,
+          // 允许非等比缩放，控制点跟随鼠标
+          fill: L,
+          // 选中时添加填充色
+          strokeUniform: !0,
+          // 确保边框宽度不受缩放影响
+          strokeWidth: d,
+          // 确保边框宽度一致
+          objectCaching: !1,
+          // 禁用缓存，避免缩放时边框变虚
+          statefullCache: !1,
+          noScaleCache: !1,
+          cornerStyle: "circle",
+          // 设置控制点为圆形
+          cornerColor: R,
+          // 设置控制点为紫色（填充色）
+          cornerSize: S,
+          // 设置控制点大小（默认12，这里设置为6使其更小）
+          transparentCorners: !1
+          // 不透明，显示填充颜色
+        }), t.controls && t.controls.mtr && delete t.controls.mtr, t.controls.deleteControl || (t.controls.deleteControl = n()), e.renderAll();
+        const c = s.current.get(t);
+        c && o && o(c);
+      }
+    }, C = () => {
+      f();
+      const t = e.getActiveObject();
+      if (t && t instanceof u.Rect) {
+        if (i().has(t)) {
+          e.discardActiveObject(), e.renderAll();
+          return;
+        }
+        const l = e.getZoom(), d = A / l;
+        t.set({
+          hasRotatingPoint: !1,
+          lockRotation: !0,
+          lockUniScaling: !1,
+          // 允许非等比缩放，控制点跟随鼠标
+          fill: L,
+          // 选中时添加填充色
+          strokeUniform: !0,
+          // 确保边框宽度不受缩放影响
+          strokeWidth: d,
+          // 确保边框宽度一致
+          objectCaching: !1,
+          // 禁用缓存，避免缩放时边框变虚
+          statefullCache: !1,
+          noScaleCache: !1,
+          cornerStyle: "circle",
+          // 设置控制点为圆形
+          cornerColor: R,
+          // 设置控制点为紫色（填充色）
+          cornerSize: S,
+          // 设置控制点大小（默认12，这里设置为6使其更小）
+          transparentCorners: !1
+          // 不透明，显示填充颜色
+        });
+        const c = t;
+        c.uniformScaling = !1, t.controls && t.controls.mtr && delete t.controls.mtr, t.controls.deleteControl || (t.controls.deleteControl = n()), e.renderAll();
+        const m = s.current.get(t);
+        m && o && o(m);
+      }
+    }, O = () => {
+      f(), e.renderAll(), o && o(null);
+    };
+    return e.on("selection:created", h), e.on("selection:updated", C), e.on("selection:cleared", O), () => {
+      e.off("selection:created", h), e.off("selection:updated", C), e.off("selection:cleared", O);
+    };
+  }, [e, o, n, a, s]);
+};
+export {
+  j as useRegionSelection
+};

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

@@ -0,0 +1,103 @@
+import { useCallback as B } from "react";
+import { fabric as D } from "fabric";
+import { BASE_STROKE_WIDTH as E } from "../../constants.mjs";
+const z = ({
+  canvas: f,
+  image: r,
+  draggable: x,
+  canvasToImageCoords: S,
+  imageToCanvasCoords: y,
+  cropRegionImage: W,
+  onChange: a,
+  onRegionChange: g,
+  performOCRIfNeeded: w,
+  updateTextLayers: A,
+  rectMapRef: d,
+  regionNameTextMapRef: j,
+  ocrLoadingIconMapRef: k
+}) => ({
+  updateRegionShapeAndImage: B((t) => {
+    if (!f || !r || x)
+      return;
+    const L = f.getZoom(), U = E / L;
+    t.set({
+      strokeUniform: !0,
+      strokeWidth: U,
+      objectCaching: !1,
+      statefullCache: !1,
+      noScaleCache: !1
+    });
+    const i = r.getElement();
+    if (!(i != null && i.width) || !(i != null && i.height))
+      return;
+    const H = i.width, X = i.height, Y = S(t.left, t.top), s = d.current.get(t);
+    if (s) {
+      let n = Y.x, l = Y.y, o = t.getScaledWidth(), c = t.getScaledHeight();
+      n < 0 && (o = o + n, n = 0), l < 0 && (c = c + l, l = 0), n + o > H && (o = H - n), l + c > X && (c = X - l), o = Math.max(0, o), c = Math.max(0, c), s.shape.x = n, s.shape.y = l, s.shape.width = o, s.shape.height = c;
+      const u = y(n, l);
+      t.scaleX, t.scaleY, t.set({
+        left: u.x,
+        top: u.y,
+        width: o,
+        height: c,
+        scaleX: 1,
+        // 重置缩放，使用实际尺寸
+        scaleY: 1
+        // 重置缩放，使用实际尺寸
+      });
+      const Z = j.current.get(t);
+      if (Z) {
+        const e = f.getZoom();
+        Z.set({
+          left: u.x,
+          // 与标注框左边对齐
+          top: u.y,
+          // 下边缘与标注框上边缘对齐（因为 originY 是 'bottom'）
+          scaleX: 1 / e,
+          // 反向缩放，抵消画布缩放
+          scaleY: 1 / e
+          // 反向缩放，抵消画布缩放
+        });
+        const h = k.current.get(t);
+        if (h) {
+          const m = t.getScaledWidth();
+          t.getScaledHeight(), h.set({
+            left: u.x,
+            // top 位置由动画控制，这里不更新
+            scaleX: 1 / e,
+            // 反向缩放，抵消画布缩放，保持固定视觉粗细
+            scaleY: 1 / e
+            // 反向缩放，抵消画布缩放，保持固定视觉粗细
+          });
+          const p = h.getObjects();
+          if (p && p.length > 0) {
+            const _ = m * e;
+            p.forEach((b) => {
+              b instanceof D.Rect && b.set("width", _);
+            });
+          }
+        }
+      }
+      if (s.textLayouts && s.textLayouts.length > 0 && A(t, s), g && g(s, "update"), W(s).then((e) => {
+        if (e) {
+          const h = d.current.get(t);
+          if (h) {
+            if (h.image = e, delete h.textLayouts, a) {
+              const m = Array.from(d.current.values());
+              a(m);
+            }
+            w(h, "update");
+          }
+        }
+      }).catch((e) => {
+        console.error("Failed to crop region image:", e);
+      }), a) {
+        const e = Array.from(d.current.values());
+        a(e);
+      }
+    }
+  }, [f, r, x, S, y, W, a, g, w, A, d, j, k])
+});
+export {
+  z as useRegionUpdate
+};

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

@@ -0,0 +1,156 @@
+var S = (e, y, l) => new Promise((E, i) => {
+  var T = (o) => {
+    try {
+      u(l.next(o));
+    } catch (n) {
+      i(n);
+    }
+  }, c = (o) => {
+    try {
+      u(l.throw(o));
+    } catch (n) {
+      i(n);
+    }
+  }, u = (o) => o.done ? E(o.value) : Promise.resolve(o.value).then(T, c);
+  u((l = l.apply(e, y)).next());
+});
+import { useRef as A, useEffect as V, useCallback as q } from "react";
+import { fabric as z } from "fabric";
+import { TEXT_LAYOUT_RECT_FILL_COLOR as d, TEXT_LAYOUT_RECT_STROKE_COLOR as x, TEXT_LAYOUT_RECT_HOVER_STROKE_COLOR as G, TEXT_LAYOUT_RECT_CLICK_FEEDBACK_COLOR as m, TEXT_LAYOUT_RECT_FEEDBACK_DELAY as X, BASE_STROKE_WIDTH as J } from "../../constants.mjs";
+const j = ({
+  canvas: e,
+  imageToCanvasCoords: y,
+  activeLabelValue: l,
+  onAppendTextToActive: E
+}) => {
+  const i = A(/* @__PURE__ */ new Map()), T = A(/* @__PURE__ */ new Map()), c = A(null), u = A(void 0);
+  return V(() => {
+    c.current = l, u.current = E;
+  }, [l, E]), {
+    updateTextLayers: q((n, f) => {
+      var M;
+      if (!e)
+        return;
+      const b = i.current.get(n);
+      if (b && (b.forEach((r) => {
+        r.off("mousedown"), r.off("mouseover"), r.off("mouseout"), T.current.delete(r), e.remove(r);
+      }), i.current.delete(n)), !f.textLayouts || f.textLayouts.length === 0)
+        return;
+      const R = c.current, I = ((M = R == null ? void 0 : R.region) == null ? void 0 : M.id) === f.id, k = [], K = e.getZoom(), U = J / K;
+      f.textLayouts.forEach((r) => {
+        const O = r.bbox;
+        if (!O || O.length < 2)
+          return;
+        let _ = 1 / 0, C = 1 / 0, g = -1 / 0, Y = -1 / 0;
+        O.forEach(([L, p]) => {
+          _ = Math.min(_, L), C = Math.min(C, p), g = Math.max(g, L), Y = Math.max(Y, p);
+        });
+        const F = f.shape.x + _, B = f.shape.y + C, D = g - _, W = Y - C, w = y(F, B), t = new z.Rect({
+          left: w.x,
+          top: w.y,
+          width: D,
+          height: W,
+          fill: d,
+          stroke: x,
+          strokeWidth: U,
+          // 根据缩放调整边框宽度，保持视觉一致
+          strokeUniform: !0,
+          // 确保边框宽度随缩放调整
+          selectable: !1,
+          // 不可选中
+          evented: !0,
+          // 可以接收事件
+          visible: I,
+          // 只在对应的标注框active时显示
+          hoverCursor: "pointer",
+          // 鼠标悬停时显示 pointer 样式
+          originX: "left",
+          originY: "top",
+          lockMovementX: !0,
+          // 锁定 X 轴移动
+          lockMovementY: !0,
+          // 锁定 Y 轴移动
+          lockScalingX: !0,
+          // 锁定 X 轴缩放
+          lockScalingY: !0,
+          // 锁定 Y 轴缩放
+          lockRotation: !0,
+          // 锁定旋转
+          hasControls: !1,
+          // 不显示控制点
+          hasBorders: !1,
+          // 不显示边框控制点
+          objectCaching: !1,
+          statefullCache: !1,
+          noScaleCache: !1
+        }), h = r.content || "";
+        T.current.set(t, h), t.on("mouseover", () => {
+          t.set({
+            fill: d,
+            stroke: G
+          }), e == null || e.renderAll();
+        }), t.on("mouseout", () => {
+          t.set({
+            fill: d,
+            stroke: x
+          }), e == null || e.renderAll();
+        }), t.on("mousedown", () => S(void 0, null, function* () {
+          if (!h)
+            return;
+          const L = c.current, p = u.current;
+          if (L && p) {
+            p(h), t.set({
+              stroke: m,
+              // 点击时变为绿色
+              fill: m
+            }), e == null || e.renderAll(), setTimeout(() => {
+              t.set({
+                fill: d,
+                stroke: x
+              }), e == null || e.renderAll();
+            }, X);
+            return;
+          }
+          try {
+            yield navigator.clipboard.writeText(h), t.set({
+              stroke: m,
+              // 点击时变为绿色
+              fill: m
+              // 添加绿色半透明填充
+            }), e == null || e.renderAll(), setTimeout(() => {
+              t.set({
+                fill: d,
+                stroke: x
+              }), e == null || e.renderAll();
+            }, X);
+          } catch (H) {
+            console.error("Failed to copy text to clipboard:", H);
+            const s = document.createElement("textarea");
+            s.value = h, s.style.position = "fixed", s.style.opacity = "0", document.body.appendChild(s), s.select();
+            try {
+              document.execCommand("copy"), t.set({
+                stroke: m,
+                // 点击时变为绿色
+                fill: m
+                // 添加绿色半透明填充
+              }), e == null || e.renderAll(), setTimeout(() => {
+                t.set({
+                  fill: d,
+                  stroke: x
+                }), e == null || e.renderAll();
+              }, X);
+            } catch (Z) {
+              console.error("Failed to copy text:", Z);
+            }
+            document.body.removeChild(s);
+          }
+        })), e.add(t), k.push(t);
+      }), k.length > 0 && i.current.set(n, k);
+    }, [e, y]),
+    textLayersMapRef: i,
+    textLayoutContentMapRef: T
+  };
+};
+export {
+  j as useTextLayouts
+};