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

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

@@ -1,42 +0,0 @@
-var l = Math.pow;
-import { useCallback as h, useEffect as C } from "react";
-import { ZOOM_FACTOR as M, MAX_ZOOM as n, MIN_ZOOM as O } from "../../constants.mjs";
-const w = ({
-  canvas: t,
-  setScale: m,
-  isZoomingRef: f
-}) => {
-  const u = h((r, o) => {
-    if (!t)
-      return;
-    o || (o = {
-      x: t.getCenter().left,
-      y: t.getCenter().top
-    });
-    let e = t.getZoom();
-    e *= l(M, r), e > n && (e = n), e < O && (e = O), f.current = !0, t.zoomToPoint(o, e), m(e), requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        f.current = !1;
-      });
-    });
-  }, [t, m, f]);
-  return C(() => {
-    if (!t)
-      return;
-    const r = (o) => {
-      const e = o.e, i = e.deltaY;
-      u(i, {
-        x: e.offsetX,
-        y: e.offsetY
-      });
-    };
-    return t.on("mouse:wheel", r), () => {
-      t.off("mouse:wheel", r);
-    };
-  }, [t, u]), {
-    zoom: u
-  };
-};
-export {
-  w as useCanvasZoom
-};

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

@@ -1,55 +0,0 @@
-var f = (r, p, n) => new Promise((i, a) => {
-  var t = (o) => {
-    try {
-      c(n.next(o));
-    } catch (s) {
-      a(s);
-    }
-  }, e = (o) => {
-    try {
-      c(n.throw(o));
-    } catch (s) {
-      a(s);
-    }
-  }, c = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(t, e);
-  c((n = n.apply(r, p)).next());
-});
-import { useCallback as l } from "react";
-import { IMAGE_EXPORT_FORMAT as A } from "../../constants.mjs";
-const _ = (r) => l((n) => f(void 0, null, function* () {
-  if (r)
-    return new Promise((i, a) => {
-      const t = new Image();
-      t.crossOrigin = "anonymous", t.onload = () => {
-        try {
-          const {
-            x: e,
-            y: c,
-            width: o,
-            height: s
-          } = n.shape, x = e, M = e + o, w = c, I = c + s, T = 0, y = t.width, E = 0, L = t.height, d = Math.max(T, x), v = Math.min(y, M), u = Math.max(E, w), B = Math.min(L, I), m = Math.max(0, v - d), g = Math.max(0, B - u);
-          if (m <= 0 || g <= 0) {
-            i(void 0);
-            return;
-          }
-          const C = d, O = u, h = document.createElement("canvas");
-          h.width = m, h.height = g;
-          const R = h.getContext("2d");
-          if (!R) {
-            i(void 0);
-            return;
-          }
-          R.drawImage(t, C, O, m, g, 0, 0, m, g);
-          const b = h.toDataURL(A);
-          i(b);
-        } catch (e) {
-          a(e);
-        }
-      }, t.onerror = () => {
-        a(new Error("Failed to load image"));
-      }, t.src = r;
-    });
-}), [r]);
-export {
-  _ as useCropRegionImage
-};

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

@@ -1,51 +0,0 @@
-import { useRef as E, useEffect as I, useCallback as g } from "react";
-import { fabric as f } from "fabric";
-import { DELETE_CONTROL_OFFSET_X as O, DELETE_CONTROL_OFFSET_Y as C, DELETE_ICON_SIZE as T } from "../../constants.mjs";
-import _ from "../icons/del.png.mjs";
-const S = ({
-  performDelete: a
-}) => {
-  const i = (e) => !(!e.complete || e.naturalWidth === 0), n = E(null);
-  return I(() => {
-    if (!n.current) {
-      const e = document.createElement("img");
-      e.src = _, n.current = e;
-    }
-  }, []), {
-    createDeleteControl: g(() => {
-      const e = T, r = n.current, d = (t, o, s, D, l) => {
-        if (!r)
-          return;
-        const c = () => {
-          t.save(), t.translate(o, s), t.rotate(f.util.degreesToRadians(l.angle || 0)), t.drawImage(r, -e / 2, -e / 2, e, e), t.restore();
-        };
-        i(r) ? c() : r.onload = () => {
-          c();
-          const u = l.canvas;
-          u && u.renderAll();
-        };
-      }, m = (t, o) => {
-        const s = o.target;
-        return a(s), !1;
-      };
-      return new f.Control({
-        x: 0.5,
-        // 右侧（0 = 左边，0.5 = 中间，1 = 右边）
-        y: -0.5,
-        // 顶部（0 = 顶部，0.5 = 中间，1 = 底部）
-        offsetX: O,
-        // 向右偏移，让按钮更靠近矩形边缘
-        offsetY: C,
-        // 向上偏移，让按钮更靠近矩形边缘
-        cursorStyle: "pointer",
-        mouseUpHandler: m,
-        render: d,
-        sizeX: e,
-        sizeY: e
-      });
-    }, [a])
-  };
-};
-export {
-  S as useDeleteControl
-};

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

@@ -1,62 +0,0 @@
-import { useRef as X, useCallback as A } from "react";
-import { Modal as K } from "antd";
-import { DELETE_MODAL_TITLE as q, DELETE_MODAL_CONTENT as z, DELETE_MODAL_OK_TEXT as B, DELETE_MODAL_CANCEL_TEXT as F } from "../../constants.mjs";
-const O = ({
-  canvas: l,
-  onRegionChange: o,
-  updateRegionNames: _,
-  rectMapRef: f,
-  textLayersMapRef: e,
-  textLayoutContentMapRef: s,
-  regionNameTextMapRef: m,
-  ocrLoadingIconMapRef: d
-}) => {
-  const E = X(!1), k = A((r) => {
-    if (!l || E.current)
-      return;
-    const D = f.current.get(r);
-    D && (E.current = !0, K.confirm({
-      title: q,
-      content: z,
-      okText: B,
-      cancelText: F,
-      onOk: () => {
-        const i = e.current.get(r);
-        i && (i.forEach((u) => {
-          u.off("mousedown"), u.off("mouseover"), u.off("mouseout"), s.current.delete(u), l.remove(u);
-        }), e.current.delete(r));
-        const T = m.current.get(r);
-        T && (r.off("moved"), r.off("modified"), l.remove(T), m.current.delete(r));
-        const n = d.current.get(r);
-        n && (l.remove(n), d.current.delete(r)), l.remove(r), f.current.delete(r), _(), o && o(D, "delete"), l.renderAll(), E.current = !1;
-      },
-      onCancel: () => {
-        E.current = !1;
-      },
-      afterClose: () => {
-        E.current = !1;
-      }
-    }));
-  }, [l, o, _, f, e, s, m, d]), w = A((r) => {
-    if (!l)
-      return;
-    const D = f.current.get(r);
-    if (!D)
-      return;
-    const i = e.current.get(r);
-    i && (i.forEach((u) => {
-      u.off("mousedown"), u.off("mouseover"), u.off("mouseout"), s.current.delete(u), l.remove(u);
-    }), e.current.delete(r));
-    const T = m.current.get(r);
-    T && (r.off("moved"), r.off("modified"), l.remove(T), m.current.delete(r));
-    const n = d.current.get(r);
-    n && (l.remove(n), d.current.delete(r)), l.remove(r), f.current.delete(r), _(), o && o(D, "delete"), l.renderAll();
-  }, [l, o, _, f, e, s, m, d]);
-  return {
-    performDelete: k,
-    deleteDirectly: w
-  };
-};
-export {
-  O as useDeleteRegion
-};

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

@@ -1,484 +0,0 @@
-import { useCallback as Ae, useRef as ne, useEffect as se } from "react";
-import { fabric as T } from "fabric";
-import { CROSSHAIR_LINE_COLOR as Ye, CROSSHAIR_LINE_DASH_ARRAY as Ce, CROSSHAIR_LINE_WIDTH as Xe, TEMP_RECT_FILL_COLOR as Se, RECT_STROKE_COLOR as ie, TEMP_RECT_STROKE_DASH_ARRAY as je, TRANSPARENT_FILL as Be, REGION_NAME_PREFIX as Ue, BASE_STROKE_WIDTH as le } from "../../constants.mjs";
-const Ge = ({
-  canvas: e,
-  drawingMode: y,
-  draggable: ce,
-  setDrawingMode: de,
-  canvasToImageCoords: ue,
-  labelDefinitions: J,
-  onChange: I,
-  cropRegionImage: fe,
-  updateRegionShapeAndImage: D,
-  performOCRIfNeeded: he,
-  createDeleteControl: me,
-  createOCRControl: ge,
-  updateRegionNameText: be,
-  onRegionChange: Q,
-  onRegionSelect: P,
-  rectMapRef: x,
-  textLayersMapRef: ke,
-  regionNameTextMapRef: v,
-  setupBoundaryCheck: pe
-}) => {
-  const V = Ae(() => {
-    const L = /* @__PURE__ */ new Set();
-    return ke.current.forEach((w) => {
-      w.forEach((z) => {
-        L.add(z);
-      });
-    }), L;
-  }, [ke]), i = ne({
-    horizontal: null,
-    vertical: null
-  }), N = ne(null), Oe = ne({
-    dleft: -1,
-    dtop: -1,
-    dw: 0,
-    dh: 0,
-    rect: null
-  }), G = Ae(() => {
-    e && (e.skipTargetFind = !1);
-  }, [e]);
-  return se(() => {
-    if (!e || !y || ce) {
-      if (G(), e && !y) {
-        i.current.horizontal && e.getObjects().includes(i.current.horizontal) && e.remove(i.current.horizontal), i.current.vertical && e.getObjects().includes(i.current.vertical) && e.remove(i.current.vertical), i.current = {
-          horizontal: null,
-          vertical: null
-        };
-        const o = e.getActiveObject();
-        e.selection = !1, e.skipTargetFind = !1;
-        const s = V(), r = new Set(v.current.values());
-        e.getObjects().forEach((n) => {
-          n instanceof T.Rect && s.has(n) ? n.set({
-            evented: !0,
-            selectable: !1,
-            lockMovementX: !0,
-            lockMovementY: !0,
-            lockScalingX: !0,
-            lockScalingY: !0,
-            lockRotation: !0
-          }) : r.has(n) ? n.set({
-            evented: !1,
-            selectable: !1,
-            lockMovementX: !0,
-            lockMovementY: !0,
-            lockScalingX: !1,
-            // 允许缩放，用于抵消画布缩放
-            lockScalingY: !1,
-            // 允许缩放，用于抵消画布缩放
-            lockRotation: !0,
-            hasControls: !1,
-            hasBorders: !1
-          }) : (n.set("evented", !0), n.set("selectable", !0), n instanceof T.Rect && n.set("hasControls", !0));
-        }), o && e.getObjects().includes(o) && (e.setActiveObject(o), e.renderAll()), e.defaultCursor = "default";
-      }
-      return;
-    }
-    G(), e.selection = !1, e.skipTargetFind = !0, e.getActiveObject() && (e.discardActiveObject(), e.renderAll());
-    const w = new Set(v.current.values());
-    e.getObjects().forEach((o) => {
-      w.has(o) ? o.set({
-        evented: !1,
-        selectable: !1,
-        lockMovementX: !0,
-        lockMovementY: !0,
-        lockScalingX: !1,
-        // 允许缩放，用于抵消画布缩放
-        lockScalingY: !1,
-        // 允许缩放，用于抵消画布缩放
-        lockRotation: !0,
-        hasControls: !1,
-        hasBorders: !1
-      }) : (o.set("evented", !1), o.set("selectable", !1), o instanceof T.Rect && o.hasControls && o.set("hasControls", !1));
-    }), e.defaultCursor = "crosshair", e.setCursor("crosshair"), i.current.horizontal && e.getObjects().includes(i.current.horizontal) && e.remove(i.current.horizontal), i.current.vertical && e.getObjects().includes(i.current.vertical) && e.remove(i.current.vertical), i.current = {
-      horizontal: null,
-      vertical: null
-    };
-    const z = e.getWidth(), S = e.getHeight(), E = e.getZoom(), j = z / E, $ = S / E, _ = Math.max(j, $) * 3, K = Xe / E, F = new T.Line([-_, 0, _, 0], {
-      stroke: Ye,
-      strokeWidth: K,
-      strokeDashArray: Ce,
-      selectable: !1,
-      evented: !1,
-      excludeFromExport: !0,
-      // 导出时不包含此线
-      strokeUniform: !0,
-      // 设置为 true，使线宽随缩放调整以保持视觉一致
-      visible: !0
-      // 画框模式下常显辅助线
-    }), Z = new T.Line([0, -_, 0, _], {
-      stroke: Ye,
-      strokeWidth: K,
-      strokeDashArray: Ce,
-      selectable: !1,
-      evented: !1,
-      excludeFromExport: !0,
-      // 导出时不包含此线
-      strokeUniform: !0,
-      // 设置为 true，使线宽随缩放调整以保持视觉一致
-      visible: !0
-      // 画框模式下常显辅助线
-    });
-    i.current = {
-      horizontal: F,
-      vertical: Z
-    }, e.add(F), e.add(Z), F.sendToBack(), Z.sendToBack();
-    const R = (o, s) => {
-      const r = i.current.horizontal, n = i.current.vertical;
-      if (!r || !n)
-        return;
-      const u = e.getZoom(), b = e.getWidth(), l = e.getHeight(), h = b / u, f = l / u, m = e.viewportTransform || [1, 0, 0, 1, 0, 0];
-      m[4] / u, m[5] / u;
-      const k = e.backgroundImage;
-      let g = h, p = f;
-      if (k) {
-        const a = k.getElement();
-        if (a != null && a.width && (a != null && a.height)) {
-          const re = k, Fe = re.scaleX || 1, Ze = re.scaleY || 1;
-          g = a.width * Fe, p = a.height * Ze;
-        }
-      }
-      const A = Math.max(h, f, g, p) * 10, M = m[3] || u, Y = m[5] || 0, d = 0, C = l, X = (d - Y) / M, H = (C - Y) / M;
-      let W = s;
-      s < X ? W = X : s > H && (W = H);
-      const q = m[0] || u, oe = m[4] || 0, We = 0, ye = b, Re = (We - oe) / q, Te = (ye - oe) / q;
-      let U = o;
-      isNaN(o) || !isFinite(o) ? U = (b / 2 - oe) / q : o < Re ? U = Re : o > Te && (U = Te);
-      const ze = -A, _e = h + A, He = -A, Ie = f + A;
-      r.set({
-        x1: ze,
-        y1: W,
-        x2: _e,
-        y2: W,
-        visible: !0
-        // 显示辅助线
-      }), r.setCoords(), n.set({
-        x1: U,
-        y1: He,
-        x2: U,
-        y2: Ie,
-        visible: !0
-        // 显示辅助线
-      }), n.setCoords(), r.sendToBack(), n.sendToBack(), e.renderAll();
-      const O = Oe.current, Pe = O.rect && e.getObjects().includes(O.rect);
-      if (O.rect && !e.getObjects().includes(O.rect) && O.dleft !== -1 && O.dtop !== -1 && O.dw > 0 && O.dh > 0 && e.add(O.rect), Pe && O.rect) {
-        const a = Math.min(e.getObjects().indexOf(r), e.getObjects().indexOf(n));
-        e.getObjects().indexOf(O.rect) <= a && e.moveTo(O.rect, a + 1);
-      }
-      e.renderAll();
-    };
-    if (N.current) {
-      const s = e.getElement().getBoundingClientRect(), {
-        clientX: r,
-        clientY: n
-      } = N.current;
-      if (r >= s.left && r <= s.right && n >= s.top && n <= s.bottom) {
-        const b = new MouseEvent("mousemove", {
-          bubbles: !0,
-          cancelable: !0,
-          clientX: r,
-          clientY: n
-        }), l = e.getPointer(b);
-        R(l.x, l.y);
-      }
-    }
-    const t = Oe.current, B = (o) => {
-      if (e.skipTargetFind && (t.dleft === -1 || t.dtop === -1)) {
-        const s = e.getPointer(o.e);
-        t.dleft = s.x, t.dtop = s.y;
-      }
-    }, Me = (o) => {
-      const s = e.getPointer(o.e);
-      R(s.x, s.y);
-    }, ee = (o) => {
-      const s = e.getPointer(o.e);
-      if (t.dleft !== -1 && t.dtop !== -1) {
-        let r = s.x, n = s.y;
-        if (t.dw = Math.abs(r - t.dleft), t.dh = Math.abs(n - t.dtop), t.dw > 0 && t.dh > 0) {
-          let u = t.dtop > n ? n : t.dtop, b = t.dleft > r ? r : t.dleft, l = t.dw, h = t.dh;
-          if (!t.rect || t.rect.left !== b || t.rect.top !== u || t.rect.width !== l || t.rect.height !== h || !e.getObjects().includes(t.rect)) {
-            t.rect && e.getObjects().includes(t.rect) && e.remove(t.rect);
-            const g = e.getZoom(), p = le / g;
-            t.rect = new T.Rect({
-              left: b,
-              top: u,
-              width: l,
-              height: h,
-              fill: Se,
-              stroke: ie,
-              strokeWidth: p,
-              strokeUniform: !0,
-              // 边框宽度不受缩放影响
-              strokeDashArray: je,
-              selectable: !1,
-              evented: !1,
-              objectCaching: !1,
-              // 禁用缓存，避免缩放时边框变虚
-              statefullCache: !1,
-              noScaleCache: !1
-            }), e.add(t.rect);
-          }
-          const m = i.current.horizontal, k = i.current.vertical;
-          if (t.rect && m && k && e.getObjects().includes(m) && e.getObjects().includes(k) && e.getObjects().includes(t.rect)) {
-            const g = Math.min(e.getObjects().indexOf(m), e.getObjects().indexOf(k));
-            e.getObjects().indexOf(t.rect) <= g && e.moveTo(t.rect, g + 1);
-          }
-        } else
-          t.rect && e.getObjects().includes(t.rect) && (e.remove(t.rect), t.rect = null);
-      }
-      Me(o);
-    }, te = (o) => {
-      if (t.dleft === -1 || t.dtop === -1) {
-        t.dtop = -1, t.dleft = -1;
-        return;
-      }
-      const s = e.getPointer(o.e);
-      let r = s.x, n = s.y;
-      if (t.dw = Math.abs(r - t.dleft), t.dh = Math.abs(n - t.dtop), t.dw === 0 || t.dh === 0) {
-        t.rect && (e.remove(t.rect), e.renderAll()), t.dtop = -1, t.dleft = -1;
-        return;
-      }
-      let u = t.dtop > n ? n : t.dtop, b = t.dleft > r ? r : t.dleft, l = t.dw, h = t.dh;
-      t.rect && (e.remove(t.rect), t.rect = null);
-      const f = ue(b, u), m = l, k = h, g = e.getZoom(), p = le / g, c = new T.Rect({
-        left: b,
-        top: u,
-        width: l,
-        height: h,
-        fill: Be,
-        // 无填充色
-        stroke: ie,
-        strokeWidth: p,
-        strokeUniform: !0,
-        // 边框宽度不受缩放影响
-        selectable: !0,
-        evented: !0,
-        hasRotatingPoint: !1,
-        // 隐藏旋转点
-        lockRotation: !0,
-        // 锁定旋转
-        lockUniScaling: !1,
-        // 允许非等比缩放，控制点跟随鼠标
-        lockScalingFlip: !0,
-        // 禁止缩放时翻转
-        objectCaching: !1,
-        // 禁用缓存，避免缩放时边框变虚
-        statefullCache: !1,
-        noScaleCache: !1,
-        hasControls: !0
-        // 启用控件
-      });
-      e.add(c), c.controls.deleteControl = me(), c.controls.ocrControl = ge(), c.set("hasControls", !1);
-      const A = x.current.size, M = {};
-      J == null || J.forEach((d) => {
-        M[d.id] = "";
-      });
-      const Y = {
-        id: `region-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-        name: `${Ue}${A + 1}`,
-        // 设置名称：区域+（索引+1）
-        shape: {
-          name: "rect",
-          x: Math.max(0, f.x),
-          y: Math.max(0, f.y),
-          width: m,
-          height: k
-        },
-        content: M
-      };
-      if (x.current.set(c, Y), be(c, Y), D(c), Q) {
-        const d = x.current.get(c);
-        d && Q(d, "create");
-      }
-      fe(Y).then((d) => {
-        if (d) {
-          const C = x.current.get(c);
-          if (C) {
-            if (C.image = d, delete C.textLayouts, I) {
-              const X = Array.from(x.current.values());
-              I(X);
-            }
-            he(C, "create");
-          }
-        }
-      }).catch((d) => {
-        console.error("Failed to crop region image:", d);
-      }), e.setActiveObject(c), e.renderAll(), setTimeout(() => {
-        if (P) {
-          const d = x.current.get(c);
-          d && P(d);
-        }
-        setTimeout(() => {
-          if (e && c && e.getObjects().includes(c) && (e.setActiveObject(c), e.renderAll(), P)) {
-            const d = x.current.get(c);
-            d && P(d);
-          }
-        }, 0);
-      }, 0), pe(c), c.on("modified", () => {
-        D(c);
-      }), c.on("moved", () => {
-        D(c);
-      }), setTimeout(() => {
-        if (I) {
-          const d = Array.from(x.current.values());
-          I(d);
-        }
-      }, 0), t.dtop = -1, t.dleft = -1, e.selection = !1, de(!1);
-    }, ae = (o) => {
-      N.current = {
-        clientX: o.clientX,
-        clientY: o.clientY
-      };
-      const r = e.getElement().getBoundingClientRect(), n = o.clientX, u = o.clientY, b = n >= r.left && n <= r.right && u >= r.top && u <= r.bottom;
-      if (t.dleft !== -1 && t.dtop !== -1)
-        if (b) {
-          const l = e.getPointer(o);
-          ee({
-            e: o,
-            pointer: l
-          });
-        } else {
-          const l = e.getZoom(), h = e.viewportTransform ? e.viewportTransform[4] / l : 0, f = e.viewportTransform ? e.viewportTransform[5] / l : 0, m = e.getWidth() / l, k = e.getHeight() / l;
-          let g = (n - r.left) / l - h, p = (u - r.top) / l - f;
-          if (g = Math.max(0, Math.min(g, m)), p = Math.max(0, Math.min(p, k)), t.dw = Math.abs(g - t.dleft), t.dh = Math.abs(p - t.dtop), t.dw === 0 || t.dh === 0)
-            return;
-          let c = t.dtop > p ? p : t.dtop, A = t.dleft > g ? g : t.dleft, M = t.dw, Y = t.dh;
-          t.rect && e.remove(t.rect);
-          const d = e.getZoom(), C = le / d;
-          t.rect = new T.Rect({
-            left: A,
-            top: c,
-            width: M,
-            height: Y,
-            fill: Se,
-            stroke: ie,
-            strokeWidth: C,
-            strokeUniform: !0,
-            strokeDashArray: je,
-            selectable: !1,
-            evented: !1,
-            objectCaching: !1,
-            statefullCache: !1,
-            noScaleCache: !1
-          }), e.add(t.rect);
-          const X = i.current.horizontal, H = i.current.vertical;
-          if (X && H && e.getObjects().includes(X) && e.getObjects().includes(H)) {
-            const W = Math.min(e.getObjects().indexOf(X), e.getObjects().indexOf(H));
-            e.getObjects().indexOf(t.rect) < W && e.moveTo(t.rect, W + 1);
-          }
-          e.renderAll();
-        }
-      if (t.dleft === -1 || t.dtop === -1) {
-        let l, h;
-        if (b) {
-          const f = e.getPointer(o);
-          l = f.x, h = f.y;
-        } else {
-          const f = e.getZoom(), m = e.viewportTransform ? e.viewportTransform[4] / f : 0, k = e.viewportTransform ? e.viewportTransform[5] / f : 0;
-          l = (n - r.left) / f - m, h = (u - r.top) / f - k;
-        }
-        R(l, h);
-      }
-    }, xe = () => {
-    }, Le = (o) => {
-      const s = e.getPointer(o.e);
-      R(s.x, s.y);
-    }, we = (o) => {
-      if (!y)
-        return;
-      e.skipTargetFind = !0, e.getActiveObject() && (e.discardActiveObject(), e.renderAll()), t.dtop = -1, t.dleft = -1, t.dw = 0, t.dh = 0;
-      const r = e.getPointer(o.e);
-      t.dleft = r.x, t.dtop = r.y;
-    };
-    e.on("mouse:down:before", we), e.on("mouse:down", B), e.on("mouse:move", ee), e.on("mouse:up", te), e.on("mouse:out", xe), e.on("mouse:over", Le), document.addEventListener("mousemove", ae);
-    const Ee = (o) => {
-      if (t.dleft === -1 || t.dtop === -1)
-        return;
-      const s = e.getPointer(o);
-      te({
-        e: o,
-        pointer: s
-      });
-    };
-    return document.addEventListener("mouseup", Ee), () => {
-      e.off("mouse:down:before", we), e.off("mouse:down", B), e.off("mouse:move", ee), e.off("mouse:up", te), e.off("mouse:out", xe), e.off("mouse:over", Le), document.removeEventListener("mousemove", ae), document.removeEventListener("mouseup", Ee), t.rect && (e.remove(t.rect), e.renderAll()), i.current.horizontal && e.getObjects().includes(i.current.horizontal) && e.remove(i.current.horizontal), i.current.vertical && e.getObjects().includes(i.current.vertical) && e.remove(i.current.vertical), i.current = {
-        horizontal: null,
-        vertical: null
-      }, e.skipTargetFind = !1, e.defaultCursor = "default";
-      const o = V(), s = new Set(v.current.values());
-      e.getObjects().forEach((r) => {
-        r instanceof T.Rect && o.has(r) ? r.set({
-          evented: !0,
-          selectable: !1,
-          lockMovementX: !0,
-          lockMovementY: !0,
-          lockScalingX: !0,
-          lockScalingY: !0,
-          lockRotation: !0
-        }) : s.has(r) ? r.set({
-          evented: !1,
-          selectable: !1,
-          lockMovementX: !0,
-          lockMovementY: !0,
-          lockScalingX: !1,
-          // 允许缩放，用于抵消画布缩放
-          lockScalingY: !1,
-          // 允许缩放，用于抵消画布缩放
-          lockRotation: !0,
-          hasControls: !1,
-          hasBorders: !1
-        }) : (r.set("evented", !0), r.set("selectable", !0));
-      });
-    };
-  }, [e, y, ce, G, ue, I, fe, D, he, me, ge, be, Q, P, de, x, V, v, pe]), se(() => {
-    if (!e)
-      return;
-    const L = (w) => {
-      N.current = {
-        clientX: w.clientX,
-        clientY: w.clientY
-      };
-    };
-    return document.addEventListener("mousemove", L), () => {
-      document.removeEventListener("mousemove", L);
-    };
-  }, [e]), se(() => {
-    if (!e || !y)
-      return;
-    let L = e.getZoom();
-    const w = () => {
-      const S = i.current.horizontal, E = i.current.vertical;
-      if (!S || !E)
-        return;
-      const j = e.getZoom();
-      if (Math.abs(j - L) < 1e-3)
-        return;
-      L = j;
-      const $ = Xe / j, _ = e.getWidth(), K = e.getHeight(), F = _ / j, Z = K / j, R = Math.max(F, Z) * 3, t = (S.x1 + S.x2) / 2;
-      S.y1, E.x1;
-      const B = (E.y1 + E.y2) / 2;
-      S.set({
-        strokeWidth: $,
-        x1: t - R,
-        x2: t + R
-      }), E.set({
-        strokeWidth: $,
-        y1: B - R,
-        y2: B + R
-      }), e.renderAll();
-    }, z = () => {
-      w();
-    };
-    return e.on("after:render", z), w(), () => {
-      e.off("after:render", z);
-    };
-  }, [e, y]), {
-    stopDraw: G
-  };
-};
-export {
-  Ge as useDrawingMode
-};