@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/signaturepad/signaturepad.js

@@ -1,263 +0,0 @@
-"use client";
-import '../../../styles/components/signaturepad.css';
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Eraser, Undo2 } from "lucide-react";
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { Button } from "../button/index.js";
-import { classes } from "../shared/classes.js";
-import { useText } from "../shared/use-text.js";
-const signaturepad_SignaturePad = /*#__PURE__*/ forwardRef(function({ value, defaultValue = [], onChange, onError, penColor = '#203329', backgroundColor = '#ffffff', minWidth = 0.5, maxWidth = 2.5, height = 220, disabled = false, controls = true, className, style, ...props }, ref) {
-    const t = useText();
-    const canvas = useRef(null);
-    const pad = useRef(null);
-    const [ready, setReady] = useState(false);
-    const [empty, setEmpty] = useState(true);
-    const [drawing, setDrawing] = useState(false);
-    const latest = useRef({
-        value,
-        defaultValue,
-        onChange,
-        onError,
-        penColor,
-        backgroundColor,
-        minWidth,
-        maxWidth,
-        disabled
-    });
-    latest.current = {
-        value,
-        defaultValue,
-        onChange,
-        onError,
-        penColor,
-        backgroundColor,
-        minWidth,
-        maxWidth,
-        disabled
-    };
-    const snapshot = useRef(value ?? defaultValue);
-    const publish = useCallback(()=>{
-        const instance = pad.current;
-        if (!instance) return;
-        const data = instance.toData().map((stroke)=>({
-                ...stroke,
-                points: stroke.points.map((point)=>({
-                        ...point
-                    }))
-            }));
-        snapshot.current = data;
-        setEmpty(instance.isEmpty());
-        latest.current.onChange?.(data);
-        if (void 0 !== latest.current.value) queueMicrotask(()=>{
-            if (pad.current === instance) {
-                instance.fromData([
-                    ...latest.current.value ?? []
-                ]);
-                setEmpty(instance.isEmpty());
-            }
-        });
-    }, []);
-    useEffect(()=>{
-        let disposed = false;
-        let observer;
-        import("signature_pad").then(({ default: Signature })=>{
-            const node = canvas.current;
-            if (disposed || !node) return;
-            const config = latest.current;
-            const instance = new Signature(node, {
-                penColor: config.penColor,
-                backgroundColor: config.backgroundColor,
-                minWidth: config.minWidth,
-                maxWidth: config.maxWidth
-            });
-            pad.current = instance;
-            let oldRatio = 0;
-            let oldWidth = 0;
-            let oldHeight = 0;
-            const resize = ()=>{
-                const rect = node.getBoundingClientRect();
-                if (!rect.width || !rect.height) return;
-                const ratio = Math.max(1, window.devicePixelRatio || 1);
-                if (node.width === Math.round(rect.width * ratio) && node.height === Math.round(rect.height * ratio) && oldRatio === ratio) return;
-                const data = instance.toData().map((stroke)=>({
-                        ...stroke,
-                        points: stroke.points.map((point)=>({
-                                ...point,
-                                x: oldWidth ? point.x * rect.width / oldWidth : point.x,
-                                y: oldHeight ? point.y * rect.height / oldHeight : point.y
-                            }))
-                    }));
-                node.width = Math.round(rect.width * ratio);
-                node.height = Math.round(rect.height * ratio);
-                node.getContext('2d')?.scale(ratio, ratio);
-                oldRatio = ratio;
-                oldWidth = rect.width;
-                oldHeight = rect.height;
-                instance.clear();
-                instance.fromData(data.length ? data : [
-                    ...snapshot.current
-                ]);
-                snapshot.current = instance.toData();
-                setEmpty(instance.isEmpty());
-            };
-            instance.fromData([
-                ...snapshot.current
-            ]);
-            resize();
-            const started = ()=>setDrawing(true);
-            const ended = ()=>{
-                setDrawing(false);
-                publish();
-            };
-            instance.addEventListener('beginStroke', started);
-            instance.addEventListener('endStroke', ended);
-            if (config.disabled) instance.off();
-            observer = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(resize);
-            observer?.observe(node);
-            window.addEventListener('resize', resize);
-            setReady(true);
-            cleanup = ()=>{
-                instance.off();
-                instance.removeEventListener('beginStroke', started);
-                instance.removeEventListener('endStroke', ended);
-                window.removeEventListener('resize', resize);
-                observer?.disconnect();
-                if (pad.current === instance) pad.current = null;
-            };
-        }).catch((reason)=>{
-            if (!disposed) latest.current.onError?.(reason instanceof Error ? reason : new Error(String(reason)));
-        });
-        let cleanup = ()=>{};
-        return ()=>{
-            disposed = true;
-            cleanup();
-            observer?.disconnect();
-        };
-    }, [
-        publish
-    ]);
-    useEffect(()=>{
-        if (!ready) return;
-        const instance = pad.current;
-        if (!instance) return;
-        instance.penColor = penColor;
-        instance.backgroundColor = backgroundColor;
-        instance.minWidth = minWidth;
-        instance.maxWidth = maxWidth;
-        instance.redraw();
-        if (disabled) {
-            setDrawing(false);
-            instance.off();
-        } else instance.on();
-    }, [
-        penColor,
-        backgroundColor,
-        minWidth,
-        maxWidth,
-        disabled,
-        ready
-    ]);
-    useEffect(()=>{
-        if (!ready || void 0 === value || !pad.current) return;
-        snapshot.current = value;
-        pad.current.fromData([
-            ...value
-        ]);
-        setEmpty(pad.current.isEmpty());
-    }, [
-        value,
-        ready
-    ]);
-    const clear = ()=>{
-        if (disabled || !pad.current) return;
-        pad.current.clear();
-        publish();
-    };
-    const undo = ()=>{
-        if (disabled || !pad.current) return;
-        const data = pad.current.toData();
-        data.pop();
-        pad.current.fromData(data);
-        publish();
-    };
-    useImperativeHandle(ref, ()=>({
-            clear,
-            undo,
-            isEmpty: ()=>pad.current?.isEmpty() ?? true,
-            getData: ()=>pad.current?.toData().map((stroke)=>({
-                        ...stroke,
-                        points: stroke.points.map((point)=>({
-                                ...point
-                            }))
-                    })) ?? [],
-            export: async (type = 'image/png')=>{
-                if (!pad.current || !canvas.current) throw new Error('Signature pad is loading.');
-                if ('image/svg+xml' === type) return new Blob([
-                    pad.current.toSVG({
-                        includeBackgroundColor: true
-                    })
-                ], {
-                    type
-                });
-                return new Promise((resolve, reject)=>canvas.current?.toBlob((blob)=>blob ? resolve(blob) : reject(new Error('Signature export failed.')), type));
-            }
-        }));
-    return /*#__PURE__*/ jsxs("div", {
-        ...props,
-        className: classes('leaf-signature-pad', className),
-        style: style,
-        "data-disabled": disabled ? '' : void 0,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "leaf-signature-pad__surface",
-                style: {
-                    height,
-                    background: backgroundColor,
-                    color: penColor
-                },
-                "data-empty": empty || void 0,
-                "data-drawing": drawing || void 0,
-                children: [
-                    /*#__PURE__*/ jsx("canvas", {
-                        ref: canvas,
-                        "aria-label": props['aria-label'] ?? t('手写签名区域', 'Handwritten signature area'),
-                        role: "img"
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "leaf-signature-pad__placeholder",
-                        "aria-hidden": !empty,
-                        children: t('在此签名', 'Sign here')
-                    })
-                ]
-            }),
-            controls && /*#__PURE__*/ jsxs("div", {
-                className: "leaf-signature-pad__controls",
-                children: [
-                    /*#__PURE__*/ jsx(Button, {
-                        variant: "ghost",
-                        size: "sm",
-                        startIcon: /*#__PURE__*/ jsx(Undo2, {
-                            size: 15
-                        }),
-                        disabled: disabled || empty || !ready,
-                        onClick: undo,
-                        children: t('撤销', 'Undo')
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        variant: "ghost",
-                        size: "sm",
-                        startIcon: /*#__PURE__*/ jsx(Eraser, {
-                            size: 15
-                        }),
-                        disabled: disabled || empty || !ready,
-                        onClick: clear,
-                        children: t('清空', 'Clear')
-                    })
-                ]
-            })
-        ]
-    });
-});
-export { signaturepad_SignaturePad as SignaturePad };
-
-//# sourceMappingURL=signaturepad.js.map

package/dist/esm/browser/modules/signaturepad/signaturepad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"signaturepad/signaturepad.js","sources":["../../../../../src/signaturepad/signaturepad.tsx"],"sourcesContent":["import { Eraser, Undo2 } from 'lucide-react';\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport type Pad from 'signature_pad';\nimport { Button } from '../button';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\nexport interface SignaturePoint {\n  x: number;\n  y: number;\n  pressure: number;\n  time: number;\n}\nexport interface SignatureStroke {\n  points: SignaturePoint[];\n  penColor: string;\n  minWidth: number;\n  maxWidth: number;\n  dotSize: number;\n  velocityFilterWeight: number;\n  compositeOperation: GlobalCompositeOperation;\n}\nexport interface SignaturePadHandle {\n  clear: () => void;\n  undo: () => void;\n  isEmpty: () => boolean;\n  getData: () => SignatureStroke[];\n  export: (type?: 'image/png' | 'image/jpeg' | 'image/svg+xml') => Promise<Blob>;\n}\nexport interface SignaturePadProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onError' | 'defaultValue'> {\n  value?: readonly SignatureStroke[];\n  defaultValue?: readonly SignatureStroke[];\n  onChange?: (strokes: SignatureStroke[]) => void;\n  onError?: (error: Error) => void;\n  penColor?: string;\n  backgroundColor?: string;\n  minWidth?: number;\n  maxWidth?: number;\n  height?: number;\n  disabled?: boolean;\n  controls?: boolean;\n}\nexport const SignaturePad = forwardRef<SignaturePadHandle, SignaturePadProps>(function SignaturePad(\n  {\n    value,\n    defaultValue = [],\n    onChange,\n    onError,\n    penColor = '#203329',\n    backgroundColor = '#ffffff',\n    minWidth = 0.5,\n    maxWidth = 2.5,\n    height = 220,\n    disabled = false,\n    controls = true,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useText();\n  const canvas = useRef<HTMLCanvasElement>(null);\n  const pad = useRef<Pad | null>(null);\n  const [ready, setReady] = useState(false);\n  const [empty, setEmpty] = useState(true);\n  const [drawing, setDrawing] = useState(false);\n  const latest = useRef({\n    value,\n    defaultValue,\n    onChange,\n    onError,\n    penColor,\n    backgroundColor,\n    minWidth,\n    maxWidth,\n    disabled,\n  });\n  latest.current = {\n    value,\n    defaultValue,\n    onChange,\n    onError,\n    penColor,\n    backgroundColor,\n    minWidth,\n    maxWidth,\n    disabled,\n  };\n  const snapshot = useRef<readonly SignatureStroke[]>(value ?? defaultValue);\n  const publish = useCallback(() => {\n    const instance = pad.current;\n    if (!instance) return;\n    const data = instance\n      .toData()\n      .map((stroke) => ({ ...stroke, points: stroke.points.map((point) => ({ ...point })) }));\n    snapshot.current = data;\n    setEmpty(instance.isEmpty());\n    latest.current.onChange?.(data);\n    if (latest.current.value !== undefined) {\n      queueMicrotask(() => {\n        if (pad.current === instance) {\n          instance.fromData([...(latest.current.value ?? [])]);\n          setEmpty(instance.isEmpty());\n        }\n      });\n    }\n  }, []);\n  useEffect(() => {\n    let disposed = false;\n    let observer: ResizeObserver | undefined;\n    import('signature_pad')\n      .then(({ default: Signature }) => {\n        const node = canvas.current;\n        if (disposed || !node) return;\n        const config = latest.current;\n        const instance = new Signature(node, {\n          penColor: config.penColor,\n          backgroundColor: config.backgroundColor,\n          minWidth: config.minWidth,\n          maxWidth: config.maxWidth,\n        });\n        pad.current = instance;\n        let oldRatio = 0;\n        let oldWidth = 0;\n        let oldHeight = 0;\n        const resize = () => {\n          const rect = node.getBoundingClientRect();\n          if (!rect.width || !rect.height) return;\n          const ratio = Math.max(1, window.devicePixelRatio || 1);\n          if (\n            node.width === Math.round(rect.width * ratio) &&\n            node.height === Math.round(rect.height * ratio) &&\n            oldRatio === ratio\n          )\n            return;\n          const data = instance.toData().map((stroke) => ({\n            ...stroke,\n            points: stroke.points.map((point) => ({\n              ...point,\n              x: oldWidth ? (point.x * rect.width) / oldWidth : point.x,\n              y: oldHeight ? (point.y * rect.height) / oldHeight : point.y,\n            })),\n          }));\n          node.width = Math.round(rect.width * ratio);\n          node.height = Math.round(rect.height * ratio);\n          node.getContext('2d')?.scale(ratio, ratio);\n          oldRatio = ratio;\n          oldWidth = rect.width;\n          oldHeight = rect.height;\n          instance.clear();\n          instance.fromData(data.length ? data : [...snapshot.current]);\n          snapshot.current = instance.toData();\n          setEmpty(instance.isEmpty());\n        };\n        instance.fromData([...snapshot.current]);\n        resize();\n        const started = () => setDrawing(true);\n        const ended = () => {\n          setDrawing(false);\n          publish();\n        };\n        instance.addEventListener('beginStroke', started);\n        instance.addEventListener('endStroke', ended);\n        if (config.disabled) instance.off();\n        observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(resize);\n        observer?.observe(node);\n        window.addEventListener('resize', resize);\n        setReady(true);\n        cleanup = () => {\n          instance.off();\n          instance.removeEventListener('beginStroke', started);\n          instance.removeEventListener('endStroke', ended);\n          window.removeEventListener('resize', resize);\n          observer?.disconnect();\n          if (pad.current === instance) pad.current = null;\n        };\n      })\n      .catch((reason) => {\n        if (!disposed)\n          latest.current.onError?.(reason instanceof Error ? reason : new Error(String(reason)));\n      });\n    let cleanup = () => {};\n    return () => {\n      disposed = true;\n      cleanup();\n      observer?.disconnect();\n    };\n  }, [publish]);\n  useEffect(() => {\n    if (!ready) return;\n    const instance = pad.current;\n    if (!instance) return;\n    instance.penColor = penColor;\n    instance.backgroundColor = backgroundColor;\n    instance.minWidth = minWidth;\n    instance.maxWidth = maxWidth;\n    instance.redraw();\n    if (disabled) {\n      setDrawing(false);\n      instance.off();\n    } else instance.on();\n  }, [penColor, backgroundColor, minWidth, maxWidth, disabled, ready]);\n  useEffect(() => {\n    if (!ready || value === undefined || !pad.current) return;\n    snapshot.current = value;\n    pad.current.fromData([...value]);\n    setEmpty(pad.current.isEmpty());\n  }, [value, ready]);\n  const clear = () => {\n    if (disabled || !pad.current) return;\n    pad.current.clear();\n    publish();\n  };\n  const undo = () => {\n    if (disabled || !pad.current) return;\n    const data = pad.current.toData();\n    data.pop();\n    pad.current.fromData(data);\n    publish();\n  };\n  useImperativeHandle(ref, () => ({\n    clear,\n    undo,\n    isEmpty: () => pad.current?.isEmpty() ?? true,\n    getData: () =>\n      pad.current\n        ?.toData()\n        .map((stroke) => ({ ...stroke, points: stroke.points.map((point) => ({ ...point })) })) ??\n      [],\n    export: async (type = 'image/png') => {\n      if (!pad.current || !canvas.current) throw new Error('Signature pad is loading.');\n      if (type === 'image/svg+xml')\n        return new Blob([pad.current.toSVG({ includeBackgroundColor: true })], { type });\n      return new Promise<Blob>((resolve, reject) =>\n        canvas.current?.toBlob(\n          (blob) => (blob ? resolve(blob) : reject(new Error('Signature export failed.'))),\n          type,\n        ),\n      );\n    },\n  }));\n  return (\n    <div\n      {...props}\n      className={classes('leaf-signature-pad', className)}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <div\n        className=\"leaf-signature-pad__surface\"\n        style={{ height, background: backgroundColor, color: penColor }}\n        data-empty={empty || undefined}\n        data-drawing={drawing || undefined}\n      >\n        <canvas\n          ref={canvas}\n          aria-label={props['aria-label'] ?? t('手写签名区域', 'Handwritten signature area')}\n          role=\"img\"\n        />\n        <span className=\"leaf-signature-pad__placeholder\" aria-hidden={!empty}>\n          {t('在此签名', 'Sign here')}\n        </span>\n      </div>\n      {controls && (\n        <div className=\"leaf-signature-pad__controls\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            startIcon={<Undo2 size={15} />}\n            disabled={disabled || empty || !ready}\n            onClick={undo}\n          >\n            {t('撤销', 'Undo')}\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            startIcon={<Eraser size={15} />}\n            disabled={disabled || empty || !ready}\n            onClick={clear}\n          >\n            {t('清空', 'Clear')}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["SignaturePad","forwardRef","value","defaultValue","onChange","onError","penColor","backgroundColor","minWidth","maxWidth","height","disabled","controls","className","style","props","ref","t","useText","canvas","useRef","pad","ready","setReady","useState","empty","setEmpty","drawing","setDrawing","latest","snapshot","publish","useCallback","instance","data","stroke","point","undefined","queueMicrotask","useEffect","disposed","observer","Signature","node","config","oldRatio","oldWidth","oldHeight","resize","rect","ratio","Math","window","started","ended","ResizeObserver","cleanup","reason","Error","String","clear","undo","useImperativeHandle","type","Blob","Promise","resolve","reject","blob","classes","Button","Undo2","Eraser"],"mappings":"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"}

package/dist/esm/browser/signaturepad.js

@@ -1,2 +0,0 @@
-"use client";
-export * from './modules/signaturepad/index.js';

package/dist/esm/imagecropper/crop.d.ts

@@ -1,3 +0,0 @@
-import type { CropArea, ImageCropResult } from './imagecropper.js';
-export declare function cropImage(src: string, area: CropArea, shape: 'rect' | 'round', type: string, quality: number, crossOrigin?: 'anonymous' | 'use-credentials'): Promise<ImageCropResult>;
-//# sourceMappingURL=crop.d.ts.map

package/dist/esm/imagecropper/crop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"crop.d.ts","sourceRoot":"","sources":["../../../src/imagecropper/crop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAChE,wBAAsB,SAAS,CAC7B,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,GAAG,OAAO,EACvB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAC5C,OAAO,CAAC,eAAe,CAAC,CAkD1B"}

package/dist/esm/imagecropper/crop.js

@@ -1,37 +0,0 @@
-"use client";
-async function cropImage(src, area, shape, type, quality, crossOrigin) {
-    const image = await new Promise((resolve, reject)=>{
-        const img = new window.Image();
-        if (crossOrigin) img.crossOrigin = crossOrigin;
-        img.onload = ()=>resolve(img);
-        img.onerror = ()=>reject(new Error('Unable to load image for export.'));
-        img.src = src;
-    });
-    const canvas = document.createElement('canvas');
-    canvas.width = Math.max(1, Math.round(area.width));
-    canvas.height = Math.max(1, Math.round(area.height));
-    const output = canvas.getContext('2d');
-    if (!output) throw new Error('Canvas is unavailable.');
-    if ('image/jpeg' === type) {
-        output.fillStyle = '#fff';
-        output.fillRect(0, 0, canvas.width, canvas.height);
-    }
-    if ('round' === shape) {
-        output.beginPath();
-        output.ellipse(canvas.width / 2, canvas.height / 2, canvas.width / 2, canvas.height / 2, 0, 0, 2 * Math.PI);
-        output.clip();
-    }
-    output.imageSmoothingQuality = 'high';
-    output.drawImage(image, area.x, area.y, area.width, area.height, 0, 0, canvas.width, canvas.height);
-    const blob = await new Promise((resolve, reject)=>{
-        canvas.toBlob((value)=>value ? resolve(value) : reject(new Error('Image export failed.')), type, Math.max(0, Math.min(1, quality)));
-    });
-    return {
-        blob,
-        width: canvas.width,
-        height: canvas.height
-    };
-}
-export { cropImage };
-
-//# sourceMappingURL=crop.js.map

package/dist/esm/imagecropper/crop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"imagecropper/crop.js","sources":["../../../src/imagecropper/crop.ts"],"sourcesContent":["import type { CropArea, ImageCropResult } from './imagecropper';\nexport async function cropImage(\n  src: string,\n  area: CropArea,\n  shape: 'rect' | 'round',\n  type: string,\n  quality: number,\n  crossOrigin?: 'anonymous' | 'use-credentials',\n): Promise<ImageCropResult> {\n  const image = await new Promise<HTMLImageElement>((resolve, reject) => {\n    const img = new window.Image();\n    if (crossOrigin) img.crossOrigin = crossOrigin;\n    img.onload = () => resolve(img);\n    img.onerror = () => reject(new Error('Unable to load image for export.'));\n    img.src = src;\n  });\n  const canvas = document.createElement('canvas');\n  canvas.width = Math.max(1, Math.round(area.width));\n  canvas.height = Math.max(1, Math.round(area.height));\n  const output = canvas.getContext('2d');\n  if (!output) throw new Error('Canvas is unavailable.');\n  if (type === 'image/jpeg') {\n    output.fillStyle = '#fff';\n    output.fillRect(0, 0, canvas.width, canvas.height);\n  }\n  if (shape === 'round') {\n    output.beginPath();\n    output.ellipse(\n      canvas.width / 2,\n      canvas.height / 2,\n      canvas.width / 2,\n      canvas.height / 2,\n      0,\n      0,\n      Math.PI * 2,\n    );\n    output.clip();\n  }\n  output.imageSmoothingQuality = 'high';\n  output.drawImage(\n    image,\n    area.x,\n    area.y,\n    area.width,\n    area.height,\n    0,\n    0,\n    canvas.width,\n    canvas.height,\n  );\n  const blob = await new Promise<Blob>((resolve, reject) => {\n    canvas.toBlob(\n      (value) => (value ? resolve(value) : reject(new Error('Image export failed.'))),\n      type,\n      Math.max(0, Math.min(1, quality)),\n    );\n  });\n  return { blob, width: canvas.width, height: canvas.height };\n}\n"],"names":["cropImage","src","area","shape","type","quality","crossOrigin","image","Promise","resolve","reject","img","window","Error","canvas","document","Math","output","blob","value"],"mappings":";AACO,eAAeA,UACpBC,GAAW,EACXC,IAAc,EACdC,KAAuB,EACvBC,IAAY,EACZC,OAAe,EACfC,WAA6C;IAE7C,MAAMC,QAAQ,MAAM,IAAIC,QAA0B,CAACC,SAASC;QAC1D,MAAMC,MAAM,IAAIC,OAAO,KAAK;QAC5B,IAAIN,aAAaK,IAAI,WAAW,GAAGL;QACnCK,IAAI,MAAM,GAAG,IAAMF,QAAQE;QAC3BA,IAAI,OAAO,GAAG,IAAMD,OAAO,IAAIG,MAAM;QACrCF,IAAI,GAAG,GAAGV;IACZ;IACA,MAAMa,SAASC,SAAS,aAAa,CAAC;IACtCD,OAAO,KAAK,GAAGE,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACd,KAAK,KAAK;IAChDY,OAAO,MAAM,GAAGE,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACd,KAAK,MAAM;IAClD,MAAMe,SAASH,OAAO,UAAU,CAAC;IACjC,IAAI,CAACG,QAAQ,MAAM,IAAIJ,MAAM;IAC7B,IAAIT,AAAS,iBAATA,MAAuB;QACzBa,OAAO,SAAS,GAAG;QACnBA,OAAO,QAAQ,CAAC,GAAG,GAAGH,OAAO,KAAK,EAAEA,OAAO,MAAM;IACnD;IACA,IAAIX,AAAU,YAAVA,OAAmB;QACrBc,OAAO,SAAS;QAChBA,OAAO,OAAO,CACZH,OAAO,KAAK,GAAG,GACfA,OAAO,MAAM,GAAG,GAChBA,OAAO,KAAK,GAAG,GACfA,OAAO,MAAM,GAAG,GAChB,GACA,GACAE,AAAU,IAAVA,KAAK,EAAE;QAETC,OAAO,IAAI;IACb;IACAA,OAAO,qBAAqB,GAAG;IAC/BA,OAAO,SAAS,CACdV,OACAL,KAAK,CAAC,EACNA,KAAK,CAAC,EACNA,KAAK,KAAK,EACVA,KAAK,MAAM,EACX,GACA,GACAY,OAAO,KAAK,EACZA,OAAO,MAAM;IAEf,MAAMI,OAAO,MAAM,IAAIV,QAAc,CAACC,SAASC;QAC7CI,OAAO,MAAM,CACX,CAACK,QAAWA,QAAQV,QAAQU,SAAST,OAAO,IAAIG,MAAM,0BACtDT,MACAY,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,GAAGX;IAE5B;IACA,OAAO;QAAEa;QAAM,OAAOJ,OAAO,KAAK;QAAE,QAAQA,OAAO,MAAM;IAAC;AAC5D"}

package/dist/esm/imagecropper/editor.d.ts

@@ -1,3 +0,0 @@
-import type { ImageCropperHandle, ImageCropperProps } from './imagecropper.js';
-export declare const CropEditor: import("react").ForwardRefExoticComponent<ImageCropperProps & import("react").RefAttributes<ImageCropperHandle>>;
-//# sourceMappingURL=editor.d.ts.map

package/dist/esm/imagecropper/editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/imagecropper/editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAY,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtF,eAAO,MAAM,UAAU,kHA0MrB,CAAC"}

package/dist/esm/imagecropper/editor.js

@@ -1,196 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Crop, ImageOff, RotateCcw } from "lucide-react";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import react_image_crop, { centerCrop, makeAspectCrop } from "react-image-crop";
-import { Button } from "../button/index.js";
-import { Loading } from "../loading/index.js";
-import { useText } from "../shared/use-text.js";
-import { cropImage } from "./crop.js";
-const editor_CropEditor = /*#__PURE__*/ forwardRef(function({ src, aspect, shape = 'rect', minWidth = 24, minHeight = 24, disabled = false, showGrid = true, showActions = true, crossOrigin = 'anonymous', type = 'image/png', quality = 0.92, onChange, onExport, onError, extra, className: _className, style: _style, ...props }, ref) {
-    const t = useText();
-    const image = useRef(null);
-    const area = useRef(null);
-    const [crop, setCrop] = useState();
-    const [ready, setReady] = useState(false);
-    const [busy, setBusy] = useState(false);
-    const [error, setError] = useState('');
-    const [exportError, setExportError] = useState('');
-    const [dimensions, setDimensions] = useState(null);
-    const mounted = useRef(true);
-    const ratio = 'round' === shape ? 1 : aspect;
-    const update = (next)=>{
-        const node = image.current;
-        if (!node?.naturalWidth) return;
-        setCrop(next);
-        const pixels = {
-            x: node.naturalWidth * next.x / 100,
-            y: node.naturalHeight * next.y / 100,
-            width: node.naturalWidth * next.width / 100,
-            height: node.naturalHeight * next.height / 100
-        };
-        area.current = pixels;
-        setDimensions(pixels);
-        onChange?.(pixels);
-    };
-    const reset = ()=>{
-        const node = image.current;
-        if (!node?.naturalWidth) return;
-        setExportError('');
-        const next = ratio && ratio > 0 ? centerCrop(makeAspectCrop({
-            unit: '%',
-            width: 80
-        }, ratio, node.naturalWidth, node.naturalHeight), node.naturalWidth, node.naturalHeight) : {
-            unit: '%',
-            x: 10,
-            y: 10,
-            width: 80,
-            height: 80
-        };
-        update(next);
-    };
-    useEffect(()=>{
-        if (ready) reset();
-    }, [
-        ratio
-    ]);
-    useEffect(()=>{
-        mounted.current = true;
-        return ()=>{
-            mounted.current = false;
-        };
-    }, []);
-    const exportImage = async ()=>{
-        if (!ready || !area.current || error) throw new Error('Image is not ready.');
-        return cropImage(src, area.current, shape, type, quality, crossOrigin);
-    };
-    useImperativeHandle(ref, ()=>({
-            export: exportImage,
-            reset
-        }));
-    return /*#__PURE__*/ jsxs("div", {
-        ...props,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "leaf-image-cropper__stage",
-                "data-disabled": disabled || void 0,
-                "data-ready": ready || void 0,
-                children: [
-                    /*#__PURE__*/ jsx(react_image_crop, {
-                        crop: crop,
-                        aspect: ratio && ratio > 0 ? ratio : void 0,
-                        circularCrop: 'round' === shape,
-                        disabled: disabled || !ready || Boolean(error),
-                        keepSelection: true,
-                        minWidth: minWidth,
-                        minHeight: minHeight,
-                        ruleOfThirds: showGrid,
-                        onChange: (_pixels, percent)=>update(percent),
-                        ariaLabels: {
-                            cropArea: t('裁剪区域，方向键移动，拖动边缘调整大小', 'Crop selection. Arrow keys move; drag edges to resize'),
-                            nwDragHandle: t('左上角', 'Top left'),
-                            nDragHandle: t('上边缘', 'Top edge'),
-                            neDragHandle: t('右上角', 'Top right'),
-                            eDragHandle: t('右边缘', 'Right edge'),
-                            seDragHandle: t('右下角', 'Bottom right'),
-                            sDragHandle: t('下边缘', 'Bottom edge'),
-                            swDragHandle: t('左下角', 'Bottom left'),
-                            wDragHandle: t('左边缘', 'Left edge')
-                        },
-                        children: /*#__PURE__*/ jsx("img", {
-                            ref: image,
-                            src: src,
-                            alt: t('待裁剪图片', 'Image to crop'),
-                            crossOrigin: crossOrigin,
-                            draggable: false,
-                            onLoad: ()=>{
-                                setReady(true);
-                                setError('');
-                                reset();
-                            },
-                            onError: ()=>{
-                                area.current = null;
-                                setReady(false);
-                                setError(t('图片加载失败', 'Image could not be loaded'));
-                                onError?.(new Error('Unable to load image.'));
-                            }
-                        })
-                    }),
-                    !ready && !error && /*#__PURE__*/ jsx("div", {
-                        className: "leaf-image-cropper__placeholder",
-                        children: /*#__PURE__*/ jsx(Loading, {})
-                    }),
-                    error && /*#__PURE__*/ jsx("div", {
-                        className: "leaf-image-cropper__placeholder",
-                        children: /*#__PURE__*/ jsx(ImageOff, {
-                            size: 28,
-                            "aria-hidden": "true"
-                        })
-                    }),
-                    ready && dimensions && /*#__PURE__*/ jsxs("output", {
-                        className: "leaf-image-cropper__dimensions",
-                        "aria-label": t('裁剪尺寸', 'Crop dimensions'),
-                        children: [
-                            Math.round(dimensions.width),
-                            " \xd7 ",
-                            Math.round(dimensions.height)
-                        ]
-                    })
-                ]
-            }),
-            showActions && /*#__PURE__*/ jsxs("div", {
-                className: "leaf-image-cropper__actions",
-                children: [
-                    /*#__PURE__*/ jsx("span", {
-                        className: "leaf-image-cropper__hint",
-                        children: t('拖动选框移动 · 拖动边缘调整', 'Move the selection · Drag its edges to resize')
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        variant: "ghost",
-                        size: "sm",
-                        startIcon: /*#__PURE__*/ jsx(RotateCcw, {
-                            size: 15
-                        }),
-                        onClick: reset,
-                        disabled: !ready || disabled || busy,
-                        children: t('重置', 'Reset')
-                    }),
-                    onExport && /*#__PURE__*/ jsx(Button, {
-                        size: "sm",
-                        startIcon: /*#__PURE__*/ jsx(Crop, {
-                            size: 15
-                        }),
-                        disabled: !ready || disabled || Boolean(error),
-                        loading: busy,
-                        onClick: async ()=>{
-                            if (busy) return;
-                            setBusy(true);
-                            setExportError('');
-                            try {
-                                const result = await exportImage();
-                                if (mounted.current) onExport(result);
-                            } catch (reason) {
-                                if (mounted.current) {
-                                    setExportError(t('导出失败，请检查图片跨域权限', 'Export failed. Check image CORS permissions.'));
-                                    onError?.(reason instanceof Error ? reason : new Error(String(reason)));
-                                }
-                            } finally{
-                                if (mounted.current) setBusy(false);
-                            }
-                        },
-                        children: t('裁剪', 'Crop')
-                    }),
-                    extra
-                ]
-            }),
-            (error || exportError) && /*#__PURE__*/ jsx("p", {
-                role: "alert",
-                className: "leaf-image-cropper__error",
-                children: error || exportError
-            })
-        ]
-    });
-});
-export { editor_CropEditor as CropEditor };
-
-//# sourceMappingURL=editor.js.map

package/dist/esm/imagecropper/editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"imagecropper/editor.js","sources":["../../../src/imagecropper/editor.tsx"],"sourcesContent":["import { Crop, ImageOff, RotateCcw } from 'lucide-react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport ReactCrop, { centerCrop, makeAspectCrop, type PercentCrop } from 'react-image-crop';\nimport { Button } from '../button';\nimport { Loading } from '../loading';\nimport { useText } from '../shared/use-text';\nimport { cropImage } from './crop';\nimport type { CropArea, ImageCropperHandle, ImageCropperProps } from './imagecropper';\n\nexport const CropEditor = forwardRef<ImageCropperHandle, ImageCropperProps>(function CropEditor(\n  {\n    src,\n    aspect,\n    shape = 'rect',\n    minWidth = 24,\n    minHeight = 24,\n    disabled = false,\n    showGrid = true,\n    showActions = true,\n    crossOrigin = 'anonymous',\n    type = 'image/png',\n    quality = 0.92,\n    onChange,\n    onExport,\n    onError,\n    extra,\n    className: _className,\n    style: _style,\n    ...props\n  },\n  ref,\n) {\n  const t = useText();\n  const image = useRef<HTMLImageElement>(null);\n  const area = useRef<CropArea | null>(null);\n  const [crop, setCrop] = useState<PercentCrop>();\n  const [ready, setReady] = useState(false);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState('');\n  const [exportError, setExportError] = useState('');\n  const [dimensions, setDimensions] = useState<CropArea | null>(null);\n  const mounted = useRef(true);\n  const ratio = shape === 'round' ? 1 : aspect;\n  const update = (next: PercentCrop) => {\n    const node = image.current;\n    if (!node?.naturalWidth) return;\n    setCrop(next);\n    const pixels = {\n      x: (node.naturalWidth * next.x) / 100,\n      y: (node.naturalHeight * next.y) / 100,\n      width: (node.naturalWidth * next.width) / 100,\n      height: (node.naturalHeight * next.height) / 100,\n    };\n    area.current = pixels;\n    setDimensions(pixels);\n    onChange?.(pixels);\n  };\n  const reset = () => {\n    const node = image.current;\n    if (!node?.naturalWidth) return;\n    setExportError('');\n    const next =\n      ratio && ratio > 0\n        ? centerCrop(\n            makeAspectCrop({ unit: '%', width: 80 }, ratio, node.naturalWidth, node.naturalHeight),\n            node.naturalWidth,\n            node.naturalHeight,\n          )\n        : { unit: '%' as const, x: 10, y: 10, width: 80, height: 80 };\n    update(next);\n  };\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Ratio changes reset the selection; ordinary dragging must not reset it.\n  useEffect(() => {\n    if (ready) reset();\n  }, [ratio]);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  const exportImage = async () => {\n    if (!ready || !area.current || error) throw new Error('Image is not ready.');\n    return cropImage(src, area.current, shape, type, quality, crossOrigin);\n  };\n  useImperativeHandle(ref, () => ({ export: exportImage, reset }));\n  return (\n    <div {...props}>\n      <div\n        className=\"leaf-image-cropper__stage\"\n        data-disabled={disabled || undefined}\n        data-ready={ready || undefined}\n      >\n        <ReactCrop\n          crop={crop}\n          aspect={ratio && ratio > 0 ? ratio : undefined}\n          circularCrop={shape === 'round'}\n          disabled={disabled || !ready || Boolean(error)}\n          keepSelection\n          minWidth={minWidth}\n          minHeight={minHeight}\n          ruleOfThirds={showGrid}\n          onChange={(_pixels, percent) => update(percent)}\n          ariaLabels={{\n            cropArea: t(\n              '裁剪区域，方向键移动，拖动边缘调整大小',\n              'Crop selection. Arrow keys move; drag edges to resize',\n            ),\n            nwDragHandle: t('左上角', 'Top left'),\n            nDragHandle: t('上边缘', 'Top edge'),\n            neDragHandle: t('右上角', 'Top right'),\n            eDragHandle: t('右边缘', 'Right edge'),\n            seDragHandle: t('右下角', 'Bottom right'),\n            sDragHandle: t('下边缘', 'Bottom edge'),\n            swDragHandle: t('左下角', 'Bottom left'),\n            wDragHandle: t('左边缘', 'Left edge'),\n          }}\n        >\n          <img\n            ref={image}\n            src={src}\n            alt={t('待裁剪图片', 'Image to crop')}\n            crossOrigin={crossOrigin}\n            draggable={false}\n            onLoad={() => {\n              setReady(true);\n              setError('');\n              reset();\n            }}\n            onError={() => {\n              area.current = null;\n              setReady(false);\n              setError(t('图片加载失败', 'Image could not be loaded'));\n              onError?.(new Error('Unable to load image.'));\n            }}\n          />\n        </ReactCrop>\n        {!ready && !error && (\n          <div className=\"leaf-image-cropper__placeholder\">\n            <Loading />\n          </div>\n        )}\n        {error && (\n          <div className=\"leaf-image-cropper__placeholder\">\n            <ImageOff size={28} aria-hidden=\"true\" />\n          </div>\n        )}\n        {ready && dimensions && (\n          <output\n            className=\"leaf-image-cropper__dimensions\"\n            aria-label={t('裁剪尺寸', 'Crop dimensions')}\n          >\n            {Math.round(dimensions.width)} × {Math.round(dimensions.height)}\n          </output>\n        )}\n      </div>\n      {showActions && (\n        <div className=\"leaf-image-cropper__actions\">\n          <span className=\"leaf-image-cropper__hint\">\n            {t('拖动选框移动 · 拖动边缘调整', 'Move the selection · Drag its edges to resize')}\n          </span>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            startIcon={<RotateCcw size={15} />}\n            onClick={reset}\n            disabled={!ready || disabled || busy}\n          >\n            {t('重置', 'Reset')}\n          </Button>\n          {onExport && (\n            <Button\n              size=\"sm\"\n              startIcon={<Crop size={15} />}\n              disabled={!ready || disabled || Boolean(error)}\n              loading={busy}\n              onClick={async () => {\n                if (busy) return;\n                setBusy(true);\n                setExportError('');\n                try {\n                  const result = await exportImage();\n                  if (mounted.current) onExport(result);\n                } catch (reason) {\n                  if (mounted.current) {\n                    setExportError(\n                      t(\n                        '导出失败，请检查图片跨域权限',\n                        'Export failed. Check image CORS permissions.',\n                      ),\n                    );\n                    onError?.(reason instanceof Error ? reason : new Error(String(reason)));\n                  }\n                } finally {\n                  if (mounted.current) setBusy(false);\n                }\n              }}\n            >\n              {t('裁剪', 'Crop')}\n            </Button>\n          )}\n          {extra}\n        </div>\n      )}\n      {(error || exportError) && (\n        <p role=\"alert\" className=\"leaf-image-cropper__error\">\n          {error || exportError}\n        </p>\n      )}\n    </div>\n  );\n});\n"],"names":["CropEditor","forwardRef","src","aspect","shape","minWidth","minHeight","disabled","showGrid","showActions","crossOrigin","type","quality","onChange","onExport","onError","extra","_className","_style","props","ref","t","useText","image","useRef","area","crop","setCrop","useState","ready","setReady","busy","setBusy","error","setError","exportError","setExportError","dimensions","setDimensions","mounted","ratio","update","next","node","pixels","reset","centerCrop","makeAspectCrop","useEffect","exportImage","Error","cropImage","useImperativeHandle","undefined","ReactCrop","Boolean","_pixels","percent","Loading","ImageOff","Math","Button","RotateCcw","Crop","result","reason","String"],"mappings":"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"}

package/dist/esm/imagecropper/imagecropper.d.ts

@@ -1,35 +0,0 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
-export interface CropArea {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-export interface ImageCropResult {
-    blob: Blob;
-    width: number;
-    height: number;
-}
-export interface ImageCropperHandle {
-    export: () => Promise<ImageCropResult>;
-    reset: () => void;
-}
-export interface ImageCropperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onError'> {
-    src: string;
-    aspect?: number;
-    shape?: 'rect' | 'round';
-    minWidth?: number;
-    minHeight?: number;
-    disabled?: boolean;
-    showGrid?: boolean;
-    showActions?: boolean;
-    crossOrigin?: 'anonymous' | 'use-credentials';
-    type?: 'image/png' | 'image/jpeg' | 'image/webp';
-    quality?: number;
-    onChange?: (area: CropArea) => void;
-    onExport?: (result: ImageCropResult) => void;
-    onError?: (error: Error) => void;
-    extra?: ReactNode;
-}
-export declare const ImageCropper: import("react").ForwardRefExoticComponent<ImageCropperProps & import("react").RefAttributes<ImageCropperHandle>>;
-//# sourceMappingURL=imagecropper.d.ts.map

package/dist/esm/imagecropper/imagecropper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"imagecropper.d.ts","sourceRoot":"","sources":["../../../src/imagecropper/imagecropper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,OAAO,CAAC,eAAe,CAAC,CAAC;IACvC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AACD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpE,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC;IAC9C,IAAI,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,kHAqCxB,CAAC"}