@printine/designer 0.1.0

package/dist/engine/semi-export-editor.d.ts

@@ -0,0 +1,199 @@
+import type { Size } from '../contracts/design';
+import fabric from './fabric';
+import ImageProcessor from './processors/image';
+import TemplateProcessor from './processors/template';
+import TextProcessor from './processors/text';
+import { ResizeManager } from './managers/resize';
+import type { Mockup } from '../contracts/api-design';
+import { WorkspaceManager } from './managers/workspace';
+export default class Editor {
+    canvas: fabric.Canvas;
+    imageProcessor: ImageProcessor;
+    textProcessor: TextProcessor;
+    templateProcessor: TemplateProcessor;
+    resizeManager: ResizeManager;
+    workspaceManager: WorkspaceManager;
+    private overlayBorderHandler?;
+    private imageCache;
+    private overlayCache;
+    private overlayScale;
+    constructor(container: HTMLCanvasElement, size: Size, target: HTMLDivElement, overlayScale?: number);
+    /**
+     * 统一拦截图片创建：优先从会话缓存复用已加载的 HTMLImageElement，避免视图切换或导出时重复请求远程图片
+     */
+    private setupImageCacheInterceptor;
+    /**
+     * 渲染 overlayImage（SVG）
+     * @param mockup 模板信息
+     * @param changeView 是否切换视图，如果为true，则需要重新设置画布和背景图
+     
+     */
+    renderOverlayImage(mockup: Mockup, changeView?: boolean): Promise<void>;
+    /**
+     * 获取 overlay 图：优先使用会话级缓存，避免重复网络请求
+     * 会返回深拷贝，确保不同视图间互不影响
+     */
+    private getOverlayImage;
+    /**
+     * 绘制可设计区域边框，优先使用 clipPath 的真实形状
+     */
+    private setupOverlayBorders;
+    /**
+     * 渲染背景图（Bitmap）png、webp 等位图
+     * @param mockup 模板信息
+     * @param color 背景颜色
+     * @param changeView 是否切换视图，如果为true，则需要重新设置画布和背景图
+     */
+    /**
+     * 设置背景遮罩
+     */
+    setBackgroundMask(maskImageUrl: string): Promise<void>;
+    /**
+     * 设置背景颜色、透明图案
+     */
+    setBackground(color: string): Promise<void>;
+    /**
+     * 获取当前选中的对象
+     */
+    get activeObject(): fabric.Object | null;
+    /**
+     * 获取对象经过画布转换后的实际尺寸
+     */
+    getObjectActualSize(obj: fabric.Object): {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        centerX: number;
+        centerY: number;
+    };
+    /**
+     * 添加对象
+     *
+     */
+    addObject(obj: fabric.Object, active?: boolean): void;
+    /**
+     * 恢复对象
+     */
+    restoreObject(obj: any): Promise<fabric.Object[]>;
+    /**
+     * 半定制文本更新：如果存在 originalWidth / originalHeight，则按固定框重新计算 fitScale；
+     * 否则只更新文本内容/字体等基础属性。
+     */
+    updateText(rawObject: Record<string, any>, config: Record<string, any>): Promise<Record<string, any> | null>;
+    /**
+     * 半定制图片替换：使用 cover 模式重新计算缩放，保持原始占位框中心不变。
+     */
+    updateImage(rawObject: Record<string, any>, config: Record<string, any>): Promise<Record<string, any> | null>;
+    /**
+     * 清理图片 blob URL（只清理不在缓存中的临时 blob）
+     * @param obj 对象
+     */
+    revokeImgBlobLink(obj: fabric.Object): void;
+    /**
+     * 删除对象，默认是当前选中的对象
+     * @param {String} id 对象id 可空
+     */
+    deleteObject: (id?: string) => void;
+    /**
+     * 修改对象的属性
+     * @param {String} id 对象id
+     * @param {Record<string, any>} obj 对象属性集合
+     */
+    updateObject(id: string, obj: Record<string, any>): void;
+    /**
+     * 对象缩放
+     */
+    updateObjectScale(obj: fabric.Object, scale: number): void;
+    /**
+     * 修改画布上的对象的选中状态和事件状态
+     * @param status
+     */
+    updateObjectsEvents(status: boolean): void;
+    /**
+     * 获取当前可选择的对象，不包括背景图、裁剪区域
+     */
+    getLayerList(): fabric.Object[];
+    /**
+     * 设置当前选中的对象
+     */
+    setActiveObject(id: string): void;
+    /**
+     * 同时选中多个对象
+     */
+    setActiveObjects(objects: fabric.Object[]): void;
+    /**
+     * 以画布中心点缩放画布
+     */
+    zoomToCenter(zoom: number): void;
+    /**
+     * 获取当前画布上渲染的对象
+     */
+    getRenderedObjects(): Record<string, any>;
+    /**
+     * 清空当前画布
+     */
+    clearCanvas(): void;
+    /**
+     * 将图片对象的 clipPath 重新关联到画布上的对象
+     */
+    relinkClipPaths(): void;
+    /**
+     * 切换视图，重新渲染画布
+     */
+    switchView(mockup: Mockup, color: string, state: Record<string, any> | undefined): Promise<void>;
+    /**
+     * 半定制固定文本在修改内容/字体后，按 originalWidth/originalHeight 重新计算自适应缩放。
+     * 仅供半定制 Pixi 链路使用，不影响通用编辑器。
+     */
+    /**
+     * 根据 workspace 尺寸变化，按比例缩放所有对象
+     */
+    private _scaleObjectsToWorkspace;
+    /**
+     * 计算对象相对于画布的全局变换矩阵（包括父组的影响）
+     */
+    private getGlobalTransformMatrix;
+    /**
+     * 判断对象是否位于 activeSelection 中
+     */
+    private isInActiveSelection;
+    /**
+     * 注册图片到缓存（会话级缓存，整个编辑期间保持）
+     * @param src 图片源地址（originSrc）
+     * @param img fabric.Image 对象
+     * @param blobUrl 可选的 blob URL（用于撤销/重做）
+     */
+    registerImageCache(src: string, img: fabric.Image, blobUrl?: string): void;
+    /**
+     * 清除整个图片缓存（在关闭编辑器时调用）
+     */
+    clearImageCache(): void;
+    /**
+     * 销毁编辑器，释放所有资源
+     */
+    destroy(): void;
+    /**
+     * 按需生成图片 dataURL（不缓存，减少内存占用）
+     */
+    private getCachedDataURL;
+    /**
+     * 从缓存克隆图片，避免重复下载
+     */
+    private cloneImageFromCache;
+    /**
+     * 导出 clipPath 区域的 SVG（按 overlay 原始尺寸）
+     * @param {boolean} embedImages 是否将图片转为 dataURL 内嵌
+     * @param {String?} color 背景颜色
+     * @returns {Promise<string[]>} SVG 字符串
+     */
+    export(embedImages?: boolean, color?: string, options?: {
+        minOutputSize?: number;
+        preferImageBitmap?: boolean;
+        objectCloneMultiplierCap?: number;
+        minObjectCloneMultiplier?: number;
+        outputMultiplierCap?: number;
+        quality?: number;
+        returnBlobUrl?: boolean;
+    }): Promise<string | ImageBitmap>;
+}

package/dist/engine/types.d.ts

@@ -0,0 +1,28 @@
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface TransformBox extends Size {
+    scaleX?: number;
+    scaleY?: number;
+    left: number;
+    top: number;
+}
+export interface RenderableBox extends TransformBox {
+    right: number;
+    bottom: number;
+    center?: {
+        x: number;
+        y: number;
+    };
+    angle?: number;
+    centerX?: number;
+    centerY?: number;
+    originalWidth?: number;
+    originalHeight?: number;
+}
+export interface PrintArea {
+    widthInInch: number;
+    heightInInch: number;
+}
+export type DesignerElementType = 'product' | 'shapes' | 'images' | 'text' | 'textEffects' | 'layer' | 'templates' | 'clipart' | 'ai' | 'background' | 'sca' | 'files';

package/dist/engine/utils/common.d.ts

@@ -0,0 +1,25 @@
+import type { fabric } from 'fabric';
+import '../../fabric-types';
+import type { Size } from '../types';
+export declare const getCanvasSize: (container: Size, ratio: number) => Size;
+export declare const cloneObject: (obj: fabric.Object, includeProps?: string[]) => Promise<fabric.Object>;
+export declare const urlToBlob: (url: string) => Promise<Blob>;
+export declare const urlToDataURL: (url: string) => Promise<string>;
+export declare const blobToDataURL: (blob: Blob) => Promise<string>;
+export declare const blobUrlToFile: (blobUrl: string) => Promise<File>;
+export declare const resizeBase64Image: (base64: string, width: number, height: number) => Promise<string>;
+export declare const generateThumbImage: (svg: string, width?: number, height?: number, options?: {
+    bgColor?: string;
+    pad?: number;
+}) => Promise<Blob | null>;
+export declare const dataUrlToFile: (dataUrl: string, filename?: string) => File;
+export declare function directionOffsetToXY(direction: number, offset: number, maxOffset?: number): {
+    offsetX: number;
+    offsetY: number;
+};
+export declare function xyToDirectionOffset(offsetX: number, offsetY: number, maxOffset?: number): {
+    direction: number;
+    offset: number;
+};
+export declare const toVerticalStack: (raw: string) => string;
+export declare const toHorizontalRaw: (stacked: string) => string;

package/dist/engine/utils/common.js

@@ -0,0 +1,68 @@
+import { v4 as m } from "uuid";
+const L = (t, e) => {
+  const n = { width: t.width, height: t.height };
+  return n.width = t.width > 600 ? 600 : t.width, n.height = n.width / e, n;
+}, O = (t, e = []) => new Promise((n) => {
+  t.clone((a) => n(a), e);
+}), w = async (t) => (await fetch(t, { mode: "cors" })).blob(), R = async (t) => S(await w(t)), S = async (t) => new Promise((e) => {
+  const n = new FileReader();
+  n.onload = () => e(n.result), n.readAsDataURL(t);
+}), T = async (t) => {
+  const e = await w(t);
+  return new File([e], `${m()}.${e.type.split("/")[1]}`, { type: e.type });
+}, $ = async (t, e, n) => {
+  const a = t.replace(/^data:image\/svg\+xml;base64,/, ""), i = atob(a), o = new DOMParser().parseFromString(i, "image/svg+xml").querySelector("svg");
+  if (!o) throw new Error("Invalid SVG");
+  if (o.setAttribute("width", e.toString()), o.setAttribute("height", n.toString()), !o.hasAttribute("viewBox")) {
+    const s = o.getAttribute("width"), c = o.getAttribute("height");
+    s && c && o.setAttribute("viewBox", `0 0 ${s} ${c}`);
+  }
+  return `data:image/svg+xml;base64,${btoa(new XMLSerializer().serializeToString(o))}`;
+}, B = async (t, e = 200, n = 200, a = { pad: 10 }) => {
+  const i = e - (a.pad || 0) * 2, r = n - (a.pad || 0) * 2, h = await w(t), o = URL.createObjectURL(h), s = await new Promise((p, M) => {
+    const d = new Image();
+    d.onload = () => p(d), d.onerror = M, d.src = o;
+  }), c = s.naturalWidth || s.width, l = s.naturalHeight || s.height, b = Math.min(i / c, r / l), f = Math.round(c * b), v = Math.round(l * b), y = (a.pad || 0) + Math.round((i - f) / 2), x = (a.pad || 0) + Math.round((r - v) / 2), g = document.createElement("canvas");
+  g.width = e, g.height = n;
+  const u = g.getContext("2d");
+  return u.imageSmoothingEnabled = !0, u.imageSmoothingQuality = "high", u.drawImage(s, 0, 0, c, l, y, x, f, v), URL.revokeObjectURL(o), new Promise((p) => g.toBlob(p, "image/png", 1));
+}, U = (t) => {
+  if (!t) return "";
+  const e = t.split("/")[1] ?? "";
+  return e ? e.split("+")[0].split(";")[0].replace(/[^a-z0-9]/gi, "").toLowerCase() : "";
+}, D = (t, e) => {
+  const [n, a] = t.split(","), r = n.match(/data:(.*);base64/)?.[1] ?? "application/octet-stream", h = atob(a), o = new Uint8Array(h.length);
+  for (let l = 0; l < h.length; l += 1) o[l] = h.charCodeAt(l);
+  const s = U(r), c = e ? e.includes(".") || !s ? e : `${e}.${s}` : s ? `${m()}.${s}` : m();
+  return new File([o], c, { type: r });
+};
+function z(t, e, n = 10) {
+  const a = t * Math.PI / 180, i = e / 100 * n;
+  return { offsetX: i * Math.cos(a), offsetY: i * Math.sin(a) };
+}
+function I(t, e, n = 10) {
+  const i = Math.sqrt(t ** 2 + e ** 2) / n * 100;
+  let r = Math.atan2(e, t) * (180 / Math.PI);
+  return r < 0 && (r += 360), r > 180 && (r -= 360), { direction: r, offset: Math.min(100, Math.max(0, i)) };
+}
+const P = (t) => t.split(`
+`).map((n) => n.split("").join(`
+`)).join(`
+​
+`), F = (t) => t.replace(/\n\u200B\n/g, "\0").replace(/\n/g, "").replace(/\u0000/g, `
+`).replace(/\u200B/g, "");
+export {
+  S as blobToDataURL,
+  T as blobUrlToFile,
+  O as cloneObject,
+  D as dataUrlToFile,
+  z as directionOffsetToXY,
+  B as generateThumbImage,
+  L as getCanvasSize,
+  $ as resizeBase64Image,
+  F as toHorizontalRaw,
+  P as toVerticalStack,
+  w as urlToBlob,
+  R as urlToDataURL,
+  I as xyToDirectionOffset
+};

package/dist/engine/utils/dialog.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+type ControlProps = {
+    openProp?: string;
+    onOpenChangeProp?: string;
+};
+type OpenOptions = {
+    onClose?: () => void;
+};
+/**
+ * 任意弹窗的命令式打开（可并发多实例）
+ * - Component: 任意 React 组件
+ * - props: 初始 props（除受控开关外）
+ * - control: 受控属性名映射（默认 open/onOpenChange；你可传 show/onChange）
+ * 返回：句柄（close、update、wait）
+ */
+export declare function openAnyDialog<P extends Record<string, any>>(Component: React.ComponentType<P>, props: Partial<P>, control?: ControlProps, options?: OpenOptions): {
+    close: (result?: unknown) => void;
+    update: (patch: Partial<P>) => void;
+    wait: Promise<unknown>;
+};
+/**
+ * Promise 版：关闭时 resolve 返回值
+ */
+export declare function showDialog<P extends Record<string, any>, R = unknown>(Component: React.ComponentType<P>, props: Partial<P>, control?: ControlProps, options?: OpenOptions): Promise<R | undefined>;
+export {};

package/dist/engine/utils/font.d.ts

@@ -0,0 +1,5 @@
+import type { Font, FontFile } from '../../contracts/design';
+export declare const fontCache: Set<string>;
+/** Loads a Printine font file once and registers it with the current browser document. */
+export declare function loadFontface(font: FontFile, maxRetry?: number): Promise<void>;
+export declare function loadFontFile(font: Font): Promise<void>;

package/dist/engine/utils/font.js

@@ -0,0 +1,39 @@
+const y = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
+async function w(t, n = 3) {
+  const a = t.family, i = t.url;
+  if (!a || !i) throw new Error("Font family and URL are required");
+  const e = `${a}_${t.weight}_${t.style}`;
+  if (y.has(e)) return;
+  const s = l.get(e);
+  if (s) return s;
+  const c = (async () => {
+    let r;
+    for (let d = 0; d < n; d += 1)
+      try {
+        const o = new FontFace(a, `url(${i})`, {
+          weight: String(t.weight),
+          style: t.style,
+          display: "swap"
+        });
+        document.fonts.add(await o.load()), y.add(e);
+        return;
+      } catch (o) {
+        r = o;
+      }
+    throw r instanceof Error ? r : new Error(`Unable to load font: ${a}`);
+  })();
+  l.set(e, c);
+  try {
+    await c;
+  } finally {
+    l.delete(e);
+  }
+}
+async function f(t) {
+  await Promise.all(t.files.map((n) => w({ ...n, family: t.family })));
+}
+export {
+  y as fontCache,
+  f as loadFontFile,
+  w as loadFontface
+};

package/dist/engine/utils/image.d.ts

@@ -0,0 +1,8 @@
+import { fabric } from 'fabric';
+import '../../fabric-types';
+export declare const loadImage: (url: string) => Promise<fabric.Image>;
+export declare const loadSvgImage: (url: string, options?: Record<string, any>) => Promise<fabric.Group>;
+export declare const loadOverlaySvgImage: (url: string) => Promise<{
+    image: fabric.Group;
+    clipPath?: fabric.Object;
+}>;

package/dist/engine/utils/image.js

@@ -0,0 +1,50 @@
+import { fabric as l } from "fabric";
+import { cloneObject as s } from "./common.js";
+const f = (i) => new Promise((o, n) => {
+  l.Image.fromURL(
+    i,
+    (e) => {
+      e ? o(e) : n(new Error("Failed to load image"));
+    },
+    { crossOrigin: "anonymous" }
+  );
+}), c = (i, o = {}) => new Promise((n, e) => {
+  l.loadSVGFromURL(
+    i,
+    (r, m) => {
+      if (!r?.length) {
+        e();
+        return;
+      }
+      r.forEach((a) => a.set({ ...o })), n(l.util.groupSVGElements(r, m));
+    },
+    void 0,
+    { crossOrigin: "anonymous" }
+  );
+}), u = (i) => {
+  let o;
+  return new Promise((n, e) => {
+    l.loadSVGFromURL(
+      i,
+      async (r, m) => {
+        if (!r?.length) {
+          e();
+          return;
+        }
+        r.filter((t) => t.id !== "bg").forEach((t) => t.set({ objectCaching: !1, dirty: !0 }));
+        const a = r.find((t) => t.id === "bg");
+        a && (o = await s(a), a.set({ fill: "transparent" })), n({
+          image: l.util.groupSVGElements(r, m),
+          clipPath: o
+        });
+      },
+      void 0,
+      { crossOrigin: "anonymous" }
+    );
+  });
+};
+export {
+  f as loadImage,
+  u as loadOverlaySvgImage,
+  c as loadSvgImage
+};

package/dist/engine/utils/loading.d.ts

@@ -0,0 +1,17 @@
+import { fabric } from 'fabric';
+import type { TransformBox } from '../types';
+export interface LoadingOptions {
+    spinnerUrl?: string;
+}
+/** Temporary Fabric loading overlay used while image and text assets are processed. */
+export declare class Loading {
+    private readonly canvas;
+    private readonly dimension;
+    private status;
+    private loadingBox;
+    private readonly spinnerUrl;
+    constructor(canvas: fabric.Canvas, dimension: TransformBox, options?: LoadingOptions);
+    private spin;
+    addLoadingGroup(): Promise<void>;
+    removeLoadingGroup(): void;
+}

package/dist/engine/utils/loading.js

@@ -0,0 +1,71 @@
+import { fabric as a } from "fabric";
+import { designerEventBus as d } from "../events.js";
+import { d as c } from "../../config-D2qm60gf.js";
+let o;
+class u {
+  constructor(i, e, s = {}) {
+    this.canvas = i, this.dimension = e, this.status = null, this.loadingBox = null, this.spinnerUrl = s.spinnerUrl ?? c("/images/design/spinner.svg");
+  }
+  spin(i) {
+    i.rotate(0).animate(
+      { angle: 360 },
+      {
+        duration: 1500,
+        onComplete: () => {
+          this.status !== "remove" && this.spin(i);
+        },
+        onChange: () => {
+          this.status !== "remove" && this.canvas.renderAll();
+        },
+        easing: (e, s, t, n) => t * e / n + s
+      }
+    );
+  }
+  async addLoadingGroup() {
+    d.emit("design:objectLoading"), o || (o = await (await fetch(this.spinnerUrl)).text());
+    const i = new a.Rect({
+      width: this.dimension.width,
+      height: this.dimension.height,
+      scaleX: this.dimension.scaleX,
+      scaleY: this.dimension.scaleY,
+      stroke: "#3540a5",
+      strokeWidth: 1,
+      selectable: !1,
+      evented: !1,
+      fill: "transparent",
+      left: 0,
+      top: 0
+    });
+    a.loadSVGFromString(o, (e, s) => {
+      if (this.status === "remove") return;
+      const t = Math.min(this.dimension.width, this.dimension.height), n = Math.min(s.width, s.height), r = n < t ? 1 : t / n;
+      e.forEach((h) => {
+        h.fill === "currentColor" && h.set("fill", "#3540a5");
+      });
+      const l = new a.Group(e, {
+        left: this.dimension.width * (this.dimension.scaleX || 1) / 2,
+        top: this.dimension.height * (this.dimension.scaleY || 1) / 2,
+        scaleX: r,
+        scaleY: r,
+        selectable: !1,
+        evented: !1,
+        originX: "center",
+        originY: "center"
+      });
+      this.loadingBox = new a.Group([i, l], {
+        id: "loading",
+        left: this.dimension.left,
+        top: this.dimension.top,
+        selectable: !1,
+        evented: !1,
+        excludeHistory: !0
+      }), this.canvas.add(this.loadingBox), this.spin(l), this.canvas.renderAll();
+    });
+  }
+  removeLoadingGroup() {
+    this.status = "remove", this.loadingBox && (this.canvas.remove(this.loadingBox), this.canvas.renderAll());
+  }
+}
+export {
+  u as Loading
+};

package/dist/engine/utils/measure.d.ts

@@ -0,0 +1,6 @@
+/** Physical print-area helpers shared by the editor engine. */
+export declare const DEFAULT_DPI = 300;
+/** Converts inches to canvas pixels (or back when `reverse` is set), matching the existing editor math. */
+export declare const inchToPixel: (value: number, reverse?: boolean, dpi?: number) => number;
+/** Mirrors the host helper: only the path segment decides whether a remote asset is an SVG. */
+export declare const isSvg: (src: string) => boolean;

package/dist/engine/utils/measure.js

@@ -0,0 +1,6 @@
+const o = 300, c = (s, n = !1, t = 300) => n ? s / t : s * t, i = (s) => s.split("?")[0].endsWith(".svg");
+export {
+  o as DEFAULT_DPI,
+  c as inchToPixel,
+  i as isSvg
+};

package/dist/engine/utils/mockup.d.ts

@@ -0,0 +1,59 @@
+/**
+ * 从 SVG URL 提取尺寸和 clipPath 信息（用于 mockup 生成）
+ * @param svgUrl SVG 文件 URL
+ * @returns Promise<{ width: number; height: number; clipPathData?: string }>
+ */
+export declare const loadSvgInfo: (svgUrl: string) => Promise<{
+    width: number;
+    height: number;
+    clipPathData?: string;
+}>;
+/**
+ * Mockup 生成结果
+ */
+export interface MockupResult {
+    dataBlob?: Blob;
+    resizeBlob?: Blob;
+    imageInfo: {
+        originalWidth: number;
+        originalHeight: number;
+        scaledWidth: number;
+        scaledHeight: number;
+        left: number;
+        top: number;
+        scale: number;
+    };
+    canvasWidth: number;
+    canvasHeight: number;
+}
+export interface ImageBitmapInfo {
+    width: number;
+    height: number;
+    arrayBuffer: ArrayBuffer;
+    type: string;
+}
+export declare const resizeImage: (_id: string, imageSource: ImageBitmapInfo, size: {
+    width: number;
+    height: number;
+}, _productName?: string) => Promise<Blob>;
+/**
+ * 根据模型底板 svg 和上传的图片生成对应的设计面图片
+ * 使用 Web Worker + OffscreenCanvas，不阻塞主线程
+ *
+ * ⭐ SVG 会自动在主线程加载为 ImageBitmap，解决 Worker 中的兼容性问题
+ *
+ * @param imageSource 图片文件 arraybuffer
+ * @param plateSource 底板 SVG URL 或预加载的 plate 对象（自动在主线程处理 SVG）
+ * @returns Promise<MockupResult> 返回合并后的 PNG dataURL 和图片位置信息
+ */
+export declare const generateMockup: (imageSource: ImageBitmapInfo, plateSource: string | {
+    width: number;
+    height: number;
+    clipPathData?: string;
+}) => Promise<MockupResult>;
+/**
+ * 清理 Worker 资源
+ */
+export declare const terminateAllWorkers: () => void;
+export declare const terminateMockupWorker: () => void;
+export declare const terminateResizeWorker: () => void;

package/dist/engine/utils/setting.d.ts

@@ -0,0 +1,4 @@
+import { fabric } from 'fabric';
+export declare const setDefaultControls: (size?: number) => void;
+/** Create the image-only resize controls used by the editor's image processor. */
+export declare const getImageControls: () => Record<string, fabric.Control>;