antd-img-crop 4.26.0 → 4.28.0

package/README.md

@@ -19,6 +19,10 @@ An image cropper for Ant Design [Upload](https://ant.design/components/upload/)
 
 English | [简体中文](./README.zh-CN.md)
 
+## Demo
+
+[![Edit antd-img-crop](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/antd-img-crop-5x4j3r)
+
 ## Install
 
 ```sh
@@ -42,8 +46,6 @@ const Demo = () => (
 );
 ```
 
-[![Edit antd-img-crop](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/antd-img-crop-5x4j3r)
-
 ## Props
 
 | Prop           | Type       | Default        | Description                                                                      |

package/README.zh-CN.md

@@ -19,6 +19,10 @@ your online **home screen**. ➫ [🔗 kee.so](https://kee.so/)
 
 [English](./README.md) | 简体中文
 
+## 示例
+
+[![Edit antd-img-crop](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/antd-img-crop-5x4j3r)
+
 ## 安装
 
 ```sh
@@ -42,8 +46,6 @@ const Demo = () => (
 );
 ```
 
-[![Edit antd-img-crop](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/antd-img-crop-5x4j3r)
-
 ## Props
 
 | 属性           | 类型                 | 默认         | 说明                                                             |

package/dist/antd-img-crop.cjs.js

@@ -1,88 +1,33 @@
 'use strict';
 
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var AntModal = require('antd/lib/modal');
-var AntUpload = require('antd/lib/upload');
-var react = require('react');
-var AntButton = require('antd/lib/button');
-var AntSlider = require('antd/lib/slider');
-var Cropper = require('react-easy-crop');
-
-const PREFIX = 'img-crop';
-const ZOOM_INITIAL = 1;
-const ZOOM_STEP = 0.1;
-const ROTATION_INITIAL = 0;
-const ROTATION_MIN = -180;
-const ROTATION_MAX = 180;
-const ROTATION_STEP = 1;
-const ASPECT_STEP = 0.01;
-
-const EasyCrop = react.forwardRef((props, ref) => {
-    const { cropperRef, zoomSlider, rotationSlider, aspectSlider, showReset, resetBtnText, modalImage, aspect: propAspect, minZoom, maxZoom, minAspect, maxAspect, cropShape, showGrid, cropperProps, } = props;
-    const [crop, setCrop] = react.useState({ x: 0, y: 0 });
-    const [zoom, setZoom] = react.useState(ZOOM_INITIAL);
-    const [rotation, setRotation] = react.useState(ROTATION_INITIAL);
-    const [aspect, setAspect] = react.useState(propAspect);
-    const cropPixelsRef = react.useRef({ width: 0, height: 0, x: 0, y: 0 });
-    const onCropComplete = react.useCallback((_, croppedAreaPixels) => {
-        cropPixelsRef.current = croppedAreaPixels;
-    }, []);
-    const prevPropAspect = react.useRef(propAspect);
-    if (prevPropAspect.current !== propAspect) {
-        prevPropAspect.current = propAspect;
-        setAspect(propAspect);
-    }
-    const isResetActive = zoom !== ZOOM_INITIAL ||
-        rotation !== ROTATION_INITIAL ||
-        aspect !== propAspect;
-    const onReset = () => {
-        setZoom(ZOOM_INITIAL);
-        setRotation(ROTATION_INITIAL);
-        setAspect(propAspect);
-    };
-    react.useImperativeHandle(ref, () => ({
-        rotation,
-        cropPixelsRef,
-        onReset,
-    }));
-    const wrapperClass = '[display:flex] [align-items:center] [width:60%] [margin-inline:auto]';
-    const buttonClass = '[display:flex] [align-items:center] [justify-content:center] [height:32px] [width:32px] [background:transparent] [border:0] [font-family:inherit] [font-size:18px] [cursor:pointer] disabled:[opacity:20%] disabled:[cursor:default]';
-    const sliderClass = '[flex:1]';
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Cropper, Object.assign({}, cropperProps, { ref: cropperRef, image: modalImage, crop: crop, zoom: zoom, rotation: rotation, aspect: aspect, minZoom: minZoom, maxZoom: maxZoom, zoomWithScroll: zoomSlider, cropShape: cropShape, showGrid: showGrid, onCropChange: setCrop, onZoomChange: setZoom, onRotationChange: setRotation, onCropComplete: onCropComplete, classes: {
-                    containerClassName: `${PREFIX}-container ![position:relative] [width:100%] [height:40vh] [&~section:first-of-type]:[margin-top:16px] [&~section:last-of-type]:[margin-bottom:16px]`,
-                    mediaClassName: `${PREFIX}-media`,
-                } })), zoomSlider && (jsxRuntime.jsxs("section", { className: `${PREFIX}-control ${PREFIX}-control-zoom ${wrapperClass}`, children: [jsxRuntime.jsx("button", { className: buttonClass, onClick: () => setZoom(+(zoom - ZOOM_STEP).toFixed(1)), disabled: zoom - ZOOM_STEP < minZoom, children: "\uFF0D" }), jsxRuntime.jsx(AntSlider, { className: sliderClass, min: minZoom, max: maxZoom, step: ZOOM_STEP, value: zoom, onChange: setZoom }), jsxRuntime.jsx("button", { className: buttonClass, onClick: () => setZoom(+(zoom + ZOOM_STEP).toFixed(1)), disabled: zoom + ZOOM_STEP > maxZoom, children: "\uFF0B" })] })), rotationSlider && (jsxRuntime.jsxs("section", { className: `${PREFIX}-control ${PREFIX}-control-rotation ${wrapperClass}`, children: [jsxRuntime.jsx("button", { className: `${buttonClass} [font-size:16px]`, onClick: () => setRotation(rotation - ROTATION_STEP), disabled: rotation === ROTATION_MIN, children: "\u21BA" }), jsxRuntime.jsx(AntSlider, { className: sliderClass, min: ROTATION_MIN, max: ROTATION_MAX, step: ROTATION_STEP, value: rotation, onChange: setRotation }), jsxRuntime.jsx("button", { className: `${buttonClass} [font-size:16px]`, onClick: () => setRotation(rotation + ROTATION_STEP), disabled: rotation === ROTATION_MAX, children: "\u21BB" })] })), aspectSlider && (jsxRuntime.jsxs("section", { className: `${PREFIX}-control ${PREFIX}-control-aspect ${wrapperClass}`, children: [jsxRuntime.jsx("button", { className: buttonClass, onClick: () => setAspect(+(aspect - ASPECT_STEP).toFixed(2)), disabled: aspect - ASPECT_STEP < minAspect, children: "\u2195" }), jsxRuntime.jsx(AntSlider, { className: sliderClass, min: minAspect, max: maxAspect, step: ASPECT_STEP, value: aspect, onChange: setAspect }), jsxRuntime.jsx("button", { className: buttonClass, onClick: () => setAspect(+(aspect + ASPECT_STEP).toFixed(2)), disabled: aspect + ASPECT_STEP > maxAspect, children: "\u2194" })] })), showReset && (zoomSlider || rotationSlider || aspectSlider) && (jsxRuntime.jsx(AntButton, { className: "[position:absolute] [bottom:20px]", style: isResetActive ? {} : { opacity: 0.3, pointerEvents: 'none' }, onClick: onReset, children: resetBtnText }))] }));
-});
-var EasyCrop$1 = react.memo(EasyCrop);
-
-var css_248z = "/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */.visible{visibility:visible}.\\!\\[position\\:relative\\]{position:relative!important}.\\[position\\:absolute\\]{position:absolute}.\\[bottom\\:20px\\]{bottom:20px}.container{width:100%}.\\[margin-inline\\:auto\\]{margin-inline:auto}.\\[display\\:flex\\]{display:flex}.grid{display:grid}.\\[height\\:32px\\]{height:32px}.\\[height\\:40vh\\]{height:40vh}.\\[width\\:32px\\]{width:32px}.\\[width\\:60\\%\\]{width:60%}.\\[width\\:100\\%\\]{width:100%}.\\[flex\\:1\\]{flex:1}.\\[cursor\\:pointer\\]{cursor:pointer}.\\[align-items\\:center\\]{align-items:center}.\\[justify-content\\:center\\]{justify-content:center}.\\[font-family\\:inherit\\]{font-family:inherit}.\\[font-size\\:16px\\]{font-size:16px}.\\[font-size\\:18px\\]{font-size:18px}.\\[background\\:transparent\\]{background:transparent}.\\[border\\:0\\]{border:0}.disabled\\:\\[cursor\\:default\\]{&:disabled{cursor:default}}.disabled\\:\\[opacity\\:20\\%\\]{&:disabled{opacity:20%}}.\\[\\&\\~section\\:first-of-type\\]\\:\\[margin-top\\:16px\\]{&~section:first-of-type{margin-top:16px}}.\\[\\&\\~section\\:last-of-type\\]\\:\\[margin-bottom\\:16px\\]{&~section:last-of-type{margin-bottom:16px}}";
-      const style = document.createElement('style');
-      const meta = document.querySelector('meta[name="csp-nonce"]');
-      const nonce = meta && meta.content;
-      nonce && style.setAttribute('nonce', nonce);
-      style.textContent = css_248z;
-      document.head.appendChild(style);
-
-const ImgCrop = react.forwardRef((props, cropperRef) => {
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const modal_1 = tslib_1.__importDefault(require("antd/es/modal"));
+const upload_1 = tslib_1.__importDefault(require("antd/es/upload"));
+const react_1 = require("react");
+const EasyCrop_1 = tslib_1.__importDefault(require("./EasyCrop"));
+require("./ImgCrop.css");
+const constants_1 = require("./constants");
+const ImgCrop = (0, react_1.forwardRef)((props, cropperRef) => {
     const { quality = 0.4, fillColor = 'white', zoomSlider = true, rotationSlider = false, aspectSlider = false, showReset = false, resetText, aspect = 1, minZoom = 1, maxZoom = 3, minAspect = 0.5, maxAspect = 2, cropShape = 'rect', showGrid = false, cropperProps, modalClassName, modalTitle, modalWidth, modalOk, modalCancel, onModalOk, onModalCancel, modalProps, beforeCrop, children, } = props;
-    const cb = react.useRef({});
+    const cb = (0, react_1.useRef)({});
     cb.current.onModalOk = onModalOk;
     cb.current.onModalCancel = onModalCancel;
     cb.current.beforeCrop = beforeCrop;
     /**
      * crop
      */
-    const easyCropRef = react.useRef(null);
-    const getCropCanvas = react.useCallback((target) => {
+    const easyCropRef = (0, react_1.useRef)(null);
+    const getCropCanvas = (0, react_1.useCallback)((target) => {
         var _a;
         const canvas = document.createElement('canvas');
         const ctx = canvas.getContext('2d');
         const context = ((_a = target === null || target === void 0 ? void 0 : target.getRootNode) === null || _a === void 0 ? void 0 : _a.call(target)) || document;
-        const imgSource = context.querySelector(`.${PREFIX}-media`);
+        const imgSource = context.querySelector(`.${constants_1.PREFIX}-media`);
         const { width: cropWidth, height: cropHeight, x: cropX, y: cropY, } = easyCropRef.current.cropPixelsRef.current;
         if (rotationSlider &&
-            easyCropRef.current.rotation !== ROTATION_INITIAL) {
+            easyCropRef.current.rotation !== constants_1.ROTATION_INITIAL) {
             const { naturalWidth: imgWidth, naturalHeight: imgHeight } = imgSource;
             const angle = easyCropRef.current.rotation * (Math.PI / 180);
             // get container for rotated image
@@ -122,11 +67,11 @@ const ImgCrop = react.forwardRef((props, cropperRef) => {
     /**
      * upload
      */
-    const [modalOpen, setModalOpen] = react.useState(false);
-    const [modalImage, setModalImage] = react.useState('');
-    const onCancel = react.useRef(undefined);
-    const onOk = react.useRef(undefined);
-    const runBeforeUpload = react.useCallback((_a) => tslib.__awaiter(void 0, [_a], void 0, function* ({ beforeUpload, file, resolve, reject, }) {
+    const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
+    const [modalImage, setModalImage] = (0, react_1.useState)('');
+    const onCancel = (0, react_1.useRef)(undefined);
+    const onOk = (0, react_1.useRef)(undefined);
+    const runBeforeUpload = (0, react_1.useCallback)((_a) => tslib_1.__awaiter(void 0, [_a], void 0, function* ({ beforeUpload, file, resolve, reject, }) {
         const rawFile = file;
         if (typeof beforeUpload !== 'function') {
             resolve(rawFile);
@@ -147,9 +92,9 @@ const ImgCrop = react.forwardRef((props, cropperRef) => {
             reject(err);
         }
     }), []);
-    const getNewBeforeUpload = react.useCallback((beforeUpload) => {
+    const getNewBeforeUpload = (0, react_1.useCallback)((beforeUpload) => {
         return ((file, fileList) => {
-            return new Promise((resolve, reject) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
                 let processedFile = file;
                 if (typeof cb.current.beforeCrop === 'function') {
                     try {
@@ -188,17 +133,17 @@ const ImgCrop = react.forwardRef((props, cropperRef) => {
                         hasResolveCalled = true;
                     });
                     if (!hasResolveCalled) {
-                        resolve(AntUpload.LIST_IGNORE);
+                        resolve(upload_1.default.LIST_IGNORE);
                     }
                 };
                 // on modal confirm
-                onOk.current = (event) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+                onOk.current = (event) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
                     setModalOpen(false);
                     setModalImage('');
                     easyCropRef.current.onReset();
                     const canvas = getCropCanvas(event.target);
                     const { type, name, uid } = processedFile;
-                    canvas.toBlob((blob) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+                    canvas.toBlob((blob) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
                         const newFile = new File([blob], name, { type });
                         Object.assign(newFile, { uid });
                         runBeforeUpload({
@@ -220,15 +165,15 @@ const ImgCrop = react.forwardRef((props, cropperRef) => {
             }));
         });
     }, [getCropCanvas, quality, runBeforeUpload]);
-    const getNewUpload = react.useCallback((children) => {
+    const getNewUpload = (0, react_1.useCallback)((children) => {
         const upload = Array.isArray(children) ? children[0] : children;
-        const _a = upload.props, { beforeUpload, accept } = _a, restUploadProps = tslib.__rest(_a, ["beforeUpload", "accept"]);
+        const _a = upload.props, { beforeUpload, accept } = _a, restUploadProps = tslib_1.__rest(_a, ["beforeUpload", "accept"]);
         return Object.assign(Object.assign({}, upload), { props: Object.assign(Object.assign({}, restUploadProps), { accept: accept || 'image/*', beforeUpload: getNewBeforeUpload(beforeUpload) }) });
     }, [getNewBeforeUpload]);
     /**
      * modal
      */
-    const modalBaseProps = react.useMemo(() => {
+    const modalBaseProps = (0, react_1.useMemo)(() => {
         const obj = {};
         if (modalWidth !== undefined)
             obj.width = modalWidth;
@@ -238,12 +183,11 @@ const ImgCrop = react.forwardRef((props, cropperRef) => {
             obj.cancelText = modalCancel;
         return obj;
     }, [modalCancel, modalOk, modalWidth]);
-    const wrapClassName = `${PREFIX}-modal${modalClassName ? ` ${modalClassName}` : ''}`;
+    const wrapClassName = `${constants_1.PREFIX}-modal${modalClassName ? ` ${modalClassName}` : ''}`;
     const lang = typeof window === 'undefined' ? '' : window.navigator.language;
     const isCN = lang === 'zh-CN';
     const title = modalTitle || (isCN ? '编辑图片' : 'Edit image');
     const resetBtnText = resetText || (isCN ? '重置' : 'Reset');
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [getNewUpload(children), jsxRuntime.jsx(AntModal, Object.assign({}, modalProps, modalBaseProps, { open: modalOpen, title: title, onCancel: onCancel.current, onOk: onOk.current, wrapClassName: wrapClassName, maskClosable: false, destroyOnHidden: true, children: jsxRuntime.jsx(EasyCrop$1, { ref: easyCropRef, cropperRef: cropperRef, zoomSlider: zoomSlider, rotationSlider: rotationSlider, aspectSlider: aspectSlider, showReset: showReset, resetBtnText: resetBtnText, modalImage: modalImage, aspect: aspect, minZoom: minZoom, maxZoom: maxZoom, minAspect: minAspect, maxAspect: maxAspect, cropShape: cropShape, showGrid: showGrid, cropperProps: cropperProps }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [getNewUpload(children), (0, jsx_runtime_1.jsx)(modal_1.default, Object.assign({}, modalProps, modalBaseProps, { open: modalOpen, title: title, onCancel: onCancel.current, onOk: onOk.current, wrapClassName: wrapClassName, maskClosable: false, destroyOnHidden: true, children: (0, jsx_runtime_1.jsx)(EasyCrop_1.default, { ref: easyCropRef, cropperRef: cropperRef, zoomSlider: zoomSlider, rotationSlider: rotationSlider, aspectSlider: aspectSlider, showReset: showReset, resetBtnText: resetBtnText, modalImage: modalImage, aspect: aspect, minZoom: minZoom, maxZoom: maxZoom, minAspect: minAspect, maxAspect: maxAspect, cropShape: cropShape, showGrid: showGrid, cropperProps: cropperProps }) }))] }));
 });
-
-module.exports = ImgCrop;
+exports.default = ImgCrop;

package/dist/antd-img-crop.d.ts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 import { JSX } from 'react';
+import Cropper, { CropperProps } from 'react-easy-crop';
 import { UploadProps, ModalProps } from 'antd';
-import { CropperProps } from 'react-easy-crop';
 
 type BeforeUpload = Exclude<UploadProps['beforeUpload'], undefined>;
 type BeforeUploadReturnType = ReturnType<BeforeUpload>;
-type ImgCropProps$1 = {
+type ImgCropProps = {
     quality?: number;
     fillColor?: string;
     zoomSlider?: boolean;
@@ -33,7 +33,7 @@ type ImgCropProps$1 = {
     children: JSX.Element;
 };
 
-declare const ImgCrop: react.ForwardRefExoticComponent<Omit<ImgCropProps, "ref"> & react.RefAttributes<CropperRef>>;
+declare const ImgCrop: react.ForwardRefExoticComponent<ImgCropProps & react.RefAttributes<Cropper>>;
 
 export { ImgCrop as default };
-export type { ImgCropProps$1 as ImgCropProps };
+export type { ImgCropProps };

package/dist/antd-img-crop.esm.js

@@ -54,13 +54,15 @@ const EasyCrop = forwardRef((props, ref) => {
 });
 var EasyCrop$1 = memo(EasyCrop);
 
-var css_248z = "/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */.visible{visibility:visible}.\\!\\[position\\:relative\\]{position:relative!important}.\\[position\\:absolute\\]{position:absolute}.\\[bottom\\:20px\\]{bottom:20px}.container{width:100%}.\\[margin-inline\\:auto\\]{margin-inline:auto}.\\[display\\:flex\\]{display:flex}.grid{display:grid}.\\[height\\:32px\\]{height:32px}.\\[height\\:40vh\\]{height:40vh}.\\[width\\:32px\\]{width:32px}.\\[width\\:60\\%\\]{width:60%}.\\[width\\:100\\%\\]{width:100%}.\\[flex\\:1\\]{flex:1}.\\[cursor\\:pointer\\]{cursor:pointer}.\\[align-items\\:center\\]{align-items:center}.\\[justify-content\\:center\\]{justify-content:center}.\\[font-family\\:inherit\\]{font-family:inherit}.\\[font-size\\:16px\\]{font-size:16px}.\\[font-size\\:18px\\]{font-size:18px}.\\[background\\:transparent\\]{background:transparent}.\\[border\\:0\\]{border:0}.disabled\\:\\[cursor\\:default\\]{&:disabled{cursor:default}}.disabled\\:\\[opacity\\:20\\%\\]{&:disabled{opacity:20%}}.\\[\\&\\~section\\:first-of-type\\]\\:\\[margin-top\\:16px\\]{&~section:first-of-type{margin-top:16px}}.\\[\\&\\~section\\:last-of-type\\]\\:\\[margin-bottom\\:16px\\]{&~section:last-of-type{margin-bottom:16px}}";
+var css_248z = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.visible{visibility:visible}.\\!\\[position\\:relative\\]{position:relative!important}.\\[position\\:absolute\\]{position:absolute}.\\[bottom\\:20px\\]{bottom:20px}.container{width:100%}.\\[margin-inline\\:auto\\]{margin-inline:auto}.\\[display\\:flex\\]{display:flex}.grid{display:grid}.\\[height\\:32px\\]{height:32px}.\\[height\\:40vh\\]{height:40vh}.\\[width\\:32px\\]{width:32px}.\\[width\\:60\\%\\]{width:60%}.\\[width\\:100\\%\\]{width:100%}.\\[flex\\:1\\]{flex:1}.\\[cursor\\:pointer\\]{cursor:pointer}.\\[align-items\\:center\\]{align-items:center}.\\[justify-content\\:center\\]{justify-content:center}.\\[font-family\\:inherit\\]{font-family:inherit}.\\[font-size\\:16px\\]{font-size:16px}.\\[font-size\\:18px\\]{font-size:18px}.\\[background\\:transparent\\]{background:transparent}.\\[border\\:0\\]{border:0}.disabled\\:\\[cursor\\:default\\]{&:disabled{cursor:default}}.disabled\\:\\[opacity\\:20\\%\\]{&:disabled{opacity:20%}}.\\[\\&\\~section\\:first-of-type\\]\\:\\[margin-top\\:16px\\]{&~section:first-of-type{margin-top:16px}}.\\[\\&\\~section\\:last-of-type\\]\\:\\[margin-bottom\\:16px\\]{&~section:last-of-type{margin-bottom:16px}}";
+    (function() {
+      if (typeof document === 'undefined') return;
       const style = document.createElement('style');
       const meta = document.querySelector('meta[name="csp-nonce"]');
-      const nonce = meta && meta.content;
-      nonce && style.setAttribute('nonce', nonce);
+      if (meta && meta.content) style.setAttribute('nonce', meta.content);
       style.textContent = css_248z;
       document.head.appendChild(style);
+    })();
 
 const ImgCrop = forwardRef((props, cropperRef) => {
     const { quality = 0.4, fillColor = 'white', zoomSlider = true, rotationSlider = false, aspectSlider = false, showReset = false, resetText, aspect = 1, minZoom = 1, maxZoom = 3, minAspect = 0.5, maxAspect = 2, cropShape = 'rect', showGrid = false, cropperProps, modalClassName, modalTitle, modalWidth, modalOk, modalCancel, onModalOk, onModalCancel, modalProps, beforeCrop, children, } = props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-img-crop",
-  "version": "4.26.0",
+  "version": "4.28.0",
   "description": "An image cropper for Ant Design Upload",
   "keywords": [
     "react",
@@ -19,11 +19,18 @@
   "main": "dist/antd-img-crop.cjs.js",
   "module": "dist/antd-img-crop.esm.js",
   "types": "dist/antd-img-crop.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/antd-img-crop.d.ts",
+      "import": "./dist/antd-img-crop.esm.js",
+      "require": "./dist/antd-img-crop.cjs.js"
+    }
+  },
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "rm -rf dist && rollup -c --configPlugin @rollup/plugin-typescript"
+    "build": "rm -rf dist && rollup -c --configPlugin @rollup/plugin-typescript --bundleConfigAsCjs"
   },
   "peerDependencies": {
     "antd": ">=4.0.0",
@@ -31,42 +38,42 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "react-easy-crop": "^5.5.3",
+    "react-easy-crop": "^5.5.6",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@eslint/compat": "^1.4.0",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.37.0",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "@tailwindcss/postcss": "^4.1.14",
-    "@types/node": "^24.7.1",
-    "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.1",
-    "@typescript-eslint/eslint-plugin": "^8.46.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "antd": "^5.27.4",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^9.37.0",
+    "@eslint/compat": "^2.0.2",
+    "@eslint/eslintrc": "^3.3.3",
+    "@eslint/js": "^9.39.2",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^25.2.0",
+    "@types/react": "19.2.11",
+    "@types/react-dom": "19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@vitejs/plugin-react": "^5.1.3",
+    "antd": "^6.2.3",
+    "autoprefixer": "^10.4.24",
+    "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "postcss": "^8.5.6",
-    "prettier": "^3.6.2",
+    "prettier": "^3.8.1",
     "prettier-plugin-organize-imports": "^4.3.0",
-    "prettier-plugin-tailwindcss": "^0.6.14",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "rollup": "4.52.4",
-    "rollup-plugin-dts": "^6.2.3",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "rollup": "4.57.1",
+    "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "tailwindcss": "^4.1.14",
+    "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
-    "vite": "^7.1.9"
+    "vite": "^7.3.1"
   }
 }