@sdcx/image-crop 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 http://www.sdcx.tech
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,35 @@
+# ImageCropView
+
+`ImageCropView` 是一个 React Native 原生 UI 组件，用于头像裁剪以及图片裁剪，同时支持图像主体识别后设置需要裁剪的主体区域。
+
+## Installation
+
+```bash
+yarn add @sdcx/image-crop
+# &
+pod install
+```
+
+## Usage
+
+```
+ <ImageCropView
+    style={'your style'}
+    fileUri={'your file uri'}
+    cropStyle={'circular' | 'default'}
+    onCropped={(uri: string) => {}}
+    objectRect={objectRect}
+  />
+```
+#### cropStyle
+默认default为裁剪矩形，若需要裁剪圆形头像，则设为circular；
+
+#### objectRect
+objectRect可设置默认的图片裁剪区域，且当cropStyle为default时有效。
+
+objectRect的四个属性分别是（单位都是像素px）：
+1. left: 裁剪区域离图片左边的距离；
+2. top: 裁剪区域离图片上边的距离；
+3. width: 裁剪区域的宽度；
+4. height: 裁剪区域的高度；
+

package/RNImageCrop.podspec

@@ -0,0 +1,19 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "RNImageCrop"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+ 
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+  s.platforms    = { :ios => "10.0" }
+  s.source       = { :git => "https://github.com/github-account/image-crop.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/ImageCrop/**/*.{h,m,mm}"
+  s.dependency "React-Core"
+  s.dependency "TOCropViewController"
+end

package/android/build.gradle

@@ -0,0 +1,36 @@
+// android/build.gradle
+
+def safeExtGet(prop, fallback) {
+    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+}
+
+apply plugin: 'com.android.library'
+
+android {
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+
+    compileSdkVersion safeExtGet('compileSdkVersion', 30)
+    buildToolsVersion safeExtGet('buildToolsVersion', '30.0.2')
+
+    defaultConfig {
+        minSdkVersion safeExtGet('minSdkVersion', 21)
+        targetSdkVersion safeExtGet('targetSdkVersion', 30)
+        versionCode 1
+        versionName "1.0.0"
+    }
+
+    buildTypes {
+        release {
+            consumerProguardFiles 'proguard-rules.pro'
+        }
+    }
+}
+
+dependencies {
+    implementation fileTree(dir: 'libs', include: ['*.jar'])
+    implementation 'com.facebook.react:react-native:+'
+    implementation 'com.github.yalantis:ucrop:2.2.6'
+}

package/android/proguard-rules.pro

@@ -0,0 +1,3 @@
+-dontwarn com.yalantis.ucrop**
+-keep class com.yalantis.ucrop** { *; }
+-keep interface com.yalantis.ucrop** { *; }

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.reactnative.imagecrop">
+
+</manifest>

package/android/src/main/java/com/reactnative/imagecrop/ImageCropPackage.java

@@ -0,0 +1,26 @@
+package com.reactnative.imagecrop;
+
+import androidx.annotation.NonNull;
+
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
+
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+
+public class ImageCropPackage implements ReactPackage {
+    @NonNull
+    @Override
+    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
+        return Collections.emptyList();
+    }
+
+    @NonNull
+    @Override
+    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
+        return Arrays.asList(new RNImageCropViewManager());
+    }
+}

package/android/src/main/java/com/reactnative/imagecrop/ObjectRect.java

@@ -0,0 +1,70 @@
+package com.reactnative.imagecrop;
+
+import com.facebook.react.bridge.ReadableMap;
+
+public class ObjectRect {
+    private int top;
+    private int left;
+    private int width;
+    private int height;
+
+    public ObjectRect(int top, int left, int width, int height) {
+        this.top = top;
+        this.left = left;
+        this.width = width;
+        this.height = height;
+    }
+
+    public static ObjectRect fromReadableMap(ReadableMap map) {
+        int top = -1, left = -1, width = -1, height = -1;
+        if (map.hasKey("top")) {
+            top = map.getInt("top");
+        }
+        if (map.hasKey("left")) {
+            left = map.getInt("left");
+        }
+        if (map.hasKey("width")) {
+            width = map.getInt("width");
+        }
+        if (map.hasKey("height")) {
+            height = map.getInt("height");
+        }
+
+        if (top != -1 && left != -1 && width != -1 && height != -1) {
+            return new ObjectRect(top, left, width, height);
+        }
+        return null;
+    }
+
+    public int getTop() {
+        return top;
+    }
+
+    public void setTop(int top) {
+        this.top = top;
+    }
+
+    public int getLeft() {
+        return left;
+    }
+
+    public void setLeft(int left) {
+        this.left = left;
+    }
+
+    public int getWidth() {
+        return width;
+    }
+
+    public void setWidth(int width) {
+        this.width = width;
+    }
+
+    public int getHeight() {
+        return height;
+    }
+
+    public void setHeight(int height) {
+        this.height = height;
+    }
+}

package/android/src/main/java/com/reactnative/imagecrop/RNImageCropView.java

@@ -0,0 +1,214 @@
+package com.reactnative.imagecrop;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import android.graphics.Color;
+import android.media.ExifInterface;
+import android.net.Uri;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.FrameLayout;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.uimanager.events.RCTEventEmitter;
+import com.yalantis.ucrop.callback.BitmapCropCallback;
+import com.yalantis.ucrop.callback.OverlayViewChangeListener;
+import com.yalantis.ucrop.view.GestureCropImageView;
+import com.yalantis.ucrop.view.OverlayView;
+import com.yalantis.ucrop.view.UCropView;
+
+import java.io.File;
+import java.lang.reflect.Field;
+import java.lang.reflect.Method;
+import java.util.UUID;
+
+public class RNImageCropView extends FrameLayout {
+    private static final int DEFAULT_COMPRESS_QUALITY = 90;
+    private static final Bitmap.CompressFormat DEFAULT_COMPRESS_FORMAT = Bitmap.CompressFormat.PNG;
+
+    private static final String TAG = "RNImageCropView";
+    private String fileUri;
+    private Uri mOutputUri;
+
+    public void setFileUri(String fileUri) {
+        FLog.i(TAG, "设置属性fileUri = " + fileUri);
+        this.fileUri = fileUri;
+    }
+
+    private String cropStyle;
+
+    public void setCropStyle(String cropStyle) {
+        this.cropStyle = cropStyle;
+        FLog.i(TAG, "设置属性cropStyle = " + cropStyle);
+    }
+
+    private ObjectRect objectRect;
+
+    public void setObjectRect(ReadableMap map) {
+        FLog.i(TAG, "设置属性objectRect = " + map);
+        this.objectRect = ObjectRect.fromReadableMap(map);
+    }
+
+    public void initProperties() {
+        try {
+            mGestureCropImageView.setImageURI(Uri.parse(fileUri));
+            mGestureCropImageView.setImageUri(Uri.parse(fileUri), mOutputUri);
+        } catch (Exception e) {
+            FLog.i(TAG, "设置初始图片失败：" + e.getMessage());
+        }
+
+        try {
+            mGestureCropImageView.setBackgroundColor(Color.BLACK);
+            mGestureCropImageView.setRotateEnabled(false);
+
+            if (cropStyle != null && cropStyle.equals("circular")) {
+                mOverlayView.setShowCropGrid(false);
+                mOverlayView.setCircleDimmedLayer(true);
+                mOverlayView.setShowCropFrame(false);
+                mGestureCropImageView.setTargetAspectRatio(1f);
+            } else {
+                mOverlayView.setFreestyleCropMode(OverlayView.FREESTYLE_CROP_MODE_ENABLE);
+                if (objectRect != null) {
+                    //设置图像主体边框
+                    BitmapFactory.Options options = new BitmapFactory.Options();
+                    options.inJustDecodeBounds = true;
+                    File file = new File(fileUri.replace("file:///", "/"));
+                    BitmapFactory.decodeFile(file.getAbsolutePath(), options);
+                    int imageHeight = options.outHeight;
+                    int imageWidth = options.outWidth;
+
+                    //如果发现图片存在旋转，需要调转图片宽高
+                    int degree = getBitmapDegree(file);
+                    if (degree == 90 || degree == 270) {
+                        FLog.i(TAG, "需要调转图片宽高");
+                        int tmp = imageWidth;
+                        imageWidth = imageHeight;
+                        imageHeight = tmp;
+                    }
+
+                    FLog.i(TAG, "imageHeight ：" + imageHeight);
+                    FLog.i(TAG, "imageWidth ：" + imageWidth);
+                    setupDetectedObjectBounds(imageWidth, imageHeight, objectRect.getTop(), objectRect.getLeft(), objectRect.getWidth(), objectRect.getHeight());
+                } else {
+                    mGestureCropImageView.setTargetAspectRatio(1f);
+                }
+            }
+        } catch (Exception e) {
+            FLog.i(TAG, "初始化相关属性失败：" + e.getMessage());
+        }
+    }
+
+    private void setupDetectedObjectBounds(float imageWidth, float imageHeight, float top, float left, float width, float height) {
+        postDelayed(new Runnable() {
+            @Override
+            public void run() {
+                try {
+                    Field mTargetAspectRatioField = OverlayView.class.getDeclaredField("mTargetAspectRatio");
+                    mTargetAspectRatioField.setAccessible(true);
+                    float mTargetAspectRatio = mTargetAspectRatioField.getFloat(mOverlayView);
+                    Field mThisHeightField = OverlayView.class.getDeclaredField("mThisHeight");
+                    mThisHeightField.setAccessible(true);
+                    int mThisHeight = mThisHeightField.getInt(mOverlayView);
+                    Field mThisWidthField = OverlayView.class.getDeclaredField("mThisWidth");
+                    mThisWidthField.setAccessible(true);
+                    int mThisWidth = mThisWidthField.getInt(mOverlayView);
+
+                    int halfDiff = (mThisHeight - (int) (mThisWidth / mTargetAspectRatio)) / 2;
+                    float mLeft = mOverlayView.getPaddingLeft() + mThisWidth * (left / imageWidth);
+                    float mTop = mOverlayView.getPaddingTop() + halfDiff + (mThisWidth / mTargetAspectRatio) * top / imageHeight;
+                    float mRight = mLeft + mThisWidth * width / imageWidth;
+                    float mBottom = mTop + mThisWidth / mTargetAspectRatio * height / imageHeight;
+                    mOverlayView.getCropViewRect().set(mLeft, mTop, mRight, mBottom);
+
+                    OverlayViewChangeListener overlayViewChangeListener = mOverlayView.getOverlayViewChangeListener();
+                    if (overlayViewChangeListener != null) {
+                        overlayViewChangeListener.onCropRectUpdated(mOverlayView.getCropViewRect());
+                    }
+
+                    Method updateGridPointsMethod = OverlayView.class.getDeclaredMethod("updateGridPoints");
+                    updateGridPointsMethod.setAccessible(true);
+                    updateGridPointsMethod.invoke(mOverlayView);
+                    mOverlayView.postInvalidate();
+
+                } catch (Exception e) {
+                    FLog.e(TAG, "setupDetectedObjectBounds on Error: " + e.getMessage());
+                }
+            }
+        }, 10);
+    }
+    private UCropView mUCropView;
+    private GestureCropImageView mGestureCropImageView;
+    private OverlayView mOverlayView;
+
+    public RNImageCropView(Context context) {
+        super(context);
+        init(context);
+    }
+
+    private void init(Context context) {
+        View view = LayoutInflater.from(context).inflate(R.layout.rn_crop_view, this, true);
+        mUCropView = view.findViewById(R.id.ucrop);
+        mGestureCropImageView = mUCropView.getCropImageView();
+        mOverlayView = mUCropView.getOverlayView();
+
+        mOutputUri = Uri.fromFile(new File(context.getCacheDir(), UUID.randomUUID().toString() + ".png"));
+        FLog.i(TAG, "裁剪后将保存为 = " + mOutputUri.toString());
+    }
+
+    public void crop() {
+        mGestureCropImageView.cropAndSaveImage(DEFAULT_COMPRESS_FORMAT, DEFAULT_COMPRESS_QUALITY, new BitmapCropCallback() {
+            @Override
+            public void onBitmapCropped(@NonNull Uri resultUri, int offsetX, int offsetY, int imageWidth, int imageHeight) {
+                FLog.i(TAG, "裁剪后已保存为 = " + resultUri.toString());
+                onCropped(resultUri.toString());
+            }
+
+            @Override
+            public void onCropFailure(@NonNull Throwable t) {
+                FLog.i(TAG, "保存失败 = " + t.toString());
+            }
+        });
+    }
+
+    private void onCropped(String uri) {
+        WritableMap data = Arguments.createMap();
+        data.putString("uri", uri);
+        ReactContext reactContext = (ReactContext) getContext();
+        reactContext.getJSModule(RCTEventEmitter.class).receiveEvent(
+                getId(),
+                "onCropped",
+                data);
+    }
+
+    private int getBitmapDegree(File file) {
+        int degree = 0;
+        try {
+            // 从指定路径下读取图片，并获取其EXIF信息
+            ExifInterface exifInterface = new ExifInterface(file.getAbsolutePath());
+            // 获取图片的旋转信息
+            int orientation = exifInterface.getAttributeInt(ExifInterface.TAG_ORIENTATION,
+                    ExifInterface.ORIENTATION_NORMAL);
+            switch (orientation) {
+                case ExifInterface.ORIENTATION_ROTATE_90:
+                    degree = 90;
+                    break;
+                case ExifInterface.ORIENTATION_ROTATE_180:
+                    degree = 180;
+                    break;
+                case ExifInterface.ORIENTATION_ROTATE_270:
+                    degree = 270;
+                    break;
+            }
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+        return degree;
+    }
+}

package/android/src/main/java/com/reactnative/imagecrop/RNImageCropViewManager.java

@@ -0,0 +1,77 @@
+package com.reactnative.imagecrop;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.common.MapBuilder;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.ViewGroupManager;
+import com.facebook.react.uimanager.annotations.ReactProp;
+
+import java.util.Map;
+
+public class RNImageCropViewManager extends ViewGroupManager<RNImageCropView> {
+    private static final String REACT_CLASS = "RNImageCrop";
+
+    private static final int COMMAND_CROP = 1;
+
+    @NonNull
+    @Override
+    public String getName() {
+        return REACT_CLASS;
+    }
+
+    @NonNull
+    @Override
+    protected RNImageCropView createViewInstance(@NonNull ThemedReactContext reactContext) {
+        return new RNImageCropView(reactContext);
+    }
+
+    @ReactProp(name = "fileUri")
+    public void setFileUri(RNImageCropView RNImageCropView, String fileUri) {
+        RNImageCropView.setFileUri(fileUri);
+    }
+
+    @ReactProp(name = "cropStyle")
+    public void setCropStyle(RNImageCropView RNImageCropView, String cropStyle) {
+        RNImageCropView.setCropStyle(cropStyle);
+    }
+
+    @ReactProp(name = "objectRect")
+    public void setObjectRect(RNImageCropView RNImageCropView, ReadableMap objectRect) {
+        RNImageCropView.setObjectRect(objectRect);
+    }
+
+    @Override
+    protected void onAfterUpdateTransaction(@NonNull RNImageCropView RNImageCropView) {
+        super.onAfterUpdateTransaction(RNImageCropView);
+        RNImageCropView.initProperties();
+    }
+
+    @Nullable
+    @Override
+    public Map<String, Integer> getCommandsMap() {
+        return MapBuilder.of("crop", COMMAND_CROP);
+    }
+
+    @Override
+    public void receiveCommand(@NonNull RNImageCropView root, String commandId, @Nullable ReadableArray args) {
+        super.receiveCommand(root, commandId, args);
+        int commandIdInt = Integer.parseInt(commandId);
+        switch (commandIdInt) {
+            case COMMAND_CROP:
+                root.crop();
+                break;
+        }
+    }
+
+    public Map<String, Object> getExportedCustomBubblingEventTypeConstants() {
+        String name = "phasedRegistrationNames";
+        String bubbled = "bubbled";
+        return MapBuilder.<String, Object>builder()
+                .put("onCropped", MapBuilder.of(name, MapBuilder.of(bubbled, "onCropped")))
+                .build();
+    }
+}

package/android/src/main/res/layout/rn_crop_view.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.yalantis.ucrop.view.UCropView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/ucrop"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+</com.yalantis.ucrop.view.UCropView>

package/ios/ImageCrop/RNImageCrop.h

@@ -0,0 +1,30 @@
+#import <UIKit/UIKit.h>
+#import <React/UIView+React.h>
+
+#import "TOCropView.h"
+
+@interface RNImageCrop : UIView
+
+/**
+ RN传递进来的属性值：需要裁剪图片路径
+ */
+@property(nonatomic, copy, nonnull) NSString *fileUri;
+
+/**
+ RN传递进来的属性值：裁剪样式，default  | circular
+ */
+@property(nonatomic, copy, nullable) NSString *cropStyle;
+
+/**
+ RN传递进来的属性值：图像主体Rect，如{"width":208,"left":43,"top":111,"height":354}
+ */
+@property(nonatomic, copy, nullable) id objectRect;
+
+/**
+ 选定图片区域后，确认裁剪操作
+ */
+- (void)crop;
+
+@property(nonatomic, copy, nullable) RCTBubblingEventBlock onCropped;
+
+@end

package/ios/ImageCrop/RNImageCrop.m

@@ -0,0 +1,129 @@
+#import "RNImageCrop.h"
+#import "UIImage+CropRotate.h"
+
+@interface RNImageCrop()
+
+/**
+ The original, uncropped image that was passed to this controller.
+ */
+@property (nonatomic, nonnull) UIImage *image;
+
+/**
+ The cropping style of this particular crop view controller
+ */
+@property (nonatomic) TOCropViewCroppingStyle croppingStyle;
+
+/**
+ The crop view managed by this view controller.
+ */
+@property (nonatomic, strong, nonnull) TOCropView *cropView;
+
+@property (nonatomic, assign) BOOL initialSetupPerformed;
+
+@end
+
+@implementation RNImageCrop
+
+- (instancetype)initWithFrame:(CGRect)frame {
+    if ((self = [super initWithFrame:frame])) {
+    }
+    return self;
+}
+
+- (void)layoutSubviews {
+    [super layoutSubviews];
+    if (self.cropView && [self.subviews containsObject:self.cropView]) {
+        if (self.initialSetupPerformed) {
+            return;
+        }
+        self.initialSetupPerformed = YES;
+        
+        //设置图片主体检测参数
+        if (![_cropStyle isEqualToString:@"circular"]
+            && _objectRect != nil
+            && [_objectRect objectForKey:@"top"]
+            && [_objectRect objectForKey:@"left"]
+            && [_objectRect objectForKey:@"width"]
+            && [_objectRect objectForKey:@"height"]) {
+            int top = [[_objectRect valueForKey:@"top"] intValue];
+            int left = [[_objectRect valueForKey:@"left"] intValue];
+            int width = [[_objectRect valueForKey:@"width"] intValue];
+            int height = [[_objectRect valueForKey:@"height"] intValue];
+            [self.cropView setImageCropFrame:CGRectMake(left, top, width, height)];
+        }
+        
+        //存在极小的概率，初始化时只在左上角展示一小块图片区域，目前没有找到较好的方案，尝试延迟一点时间初始化CropView可以解决问题
+        // [self.cropView performInitialSetup];
+        [self.cropView performSelector:@selector(performInitialSetup) withObject:nil afterDelay:0.05];
+    }
+}
+
+- (void)setFileUri:(NSString *)fileUri {
+    _fileUri = fileUri;
+    _image = [UIImage imageWithContentsOfFile: [[NSURL alloc] initWithString:fileUri].path];
+}
+
+- (void)didSetProps:(NSArray<NSString *> *)changedProps {
+    [self addCropView:self.croppingStyle image:self.image];
+}
+
+- (void)addCropView:(TOCropViewCroppingStyle)style image:(UIImage *)image {
+    if (!_cropView) {
+        _cropView = [[TOCropView alloc] initWithCroppingStyle:style image:image];
+        _cropView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+        [_cropView setBackgroundColor:[UIColor blackColor]];
+    }
+    
+    if (![self.subviews containsObject:self.cropView]) {
+        [self addSubview:_cropView];
+    }
+}
+
+- (void)crop {
+    CGRect cropFrame = self.cropView.imageCropFrame;
+    NSInteger angle = self.cropView.angle;
+    
+    UIImage *image = nil;
+    if (angle == 0 && CGRectEqualToRect(cropFrame, (CGRect){CGPointZero, self.image.size})) {
+        image = self.image;
+    } else {
+        image = [self.image croppedImageWithFrame:cropFrame angle:angle circularClip:NO];
+    }
+    
+    [self saveImage:image];
+}
+
+- (void)saveImage:(UIImage*)image {
+    NSString *fileName = [NSString stringWithFormat:@"%@.png", [self produceUUID]];
+    NSString *filePath = [NSTemporaryDirectory() stringByAppendingPathComponent:fileName];
+    BOOL result =[UIImagePNGRepresentation(image)writeToFile:filePath atomically:YES];
+
+    if(result ==YES) {
+        NSLog(@"保存成功: %@", filePath);
+        
+        if (self.onCropped) {
+            self.onCropped(@{
+                @"uri": [[NSURL alloc] initFileURLWithPath:filePath].absoluteString
+            });
+        }
+    }
+}
+
+- (TOCropViewCroppingStyle)croppingStyle {
+    if (_cropStyle && [_cropStyle isEqualToString:@"circular"]) {
+        return TOCropViewCroppingStyleCircular;
+    }
+    return TOCropViewCroppingStyleDefault;
+}
+
+
+- (NSString *)produceUUID {
+    CFUUIDRef uuid_ref = CFUUIDCreate(NULL);
+    CFStringRef uuid_string_ref= CFUUIDCreateString(NULL, uuid_ref);
+    NSString *uuid = [NSString stringWithString:(__bridge NSString *)uuid_string_ref];
+    CFRelease(uuid_ref);
+    CFRelease(uuid_string_ref);
+    return [uuid uppercaseString];
+}
+
+@end

package/ios/ImageCrop/RNImageCropManager.h

@@ -0,0 +1,18 @@
+//
+//  RNImageCropManager.h
+//  RNImageCrop
+//
+//  Created by vibe on 2023/4/28.
+//
+
+#import <React/RCTViewManager.h>
+#import <React/RCTBridgeModule.h>
+#import <React/RCTUIManager.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RNImageCropManager : RCTViewManager
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/ImageCrop/RNImageCropManager.m

@@ -0,0 +1,37 @@
+//
+//  RNCropManager.m
+//  RNCrop
+//
+//  Created by vibe on 2022/2/8.
+//
+
+#import "RNImageCropManager.h"
+#import "RNImageCrop.h"
+
+@implementation RNImageCropManager
+
+RCT_EXPORT_MODULE(RNImageCrop)
+RCT_EXPORT_VIEW_PROPERTY(fileUri, NSString)
+RCT_EXPORT_VIEW_PROPERTY(cropStyle, NSString)
+RCT_EXPORT_VIEW_PROPERTY(objectRect, id)
+RCT_EXPORT_VIEW_PROPERTY(onCropped, RCTBubblingEventBlock)
+RCT_EXPORT_METHOD(crop:(nonnull NSNumber *)reactTag) {
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+        RNImageCrop *rnCrop = viewRegistry[reactTag];
+        if (![rnCrop isKindOfClass:[RNImageCrop class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting RNCrop, got: %@", rnCrop);
+        } else {
+            dispatch_async(dispatch_get_main_queue(), ^{
+                RNImageCrop *rnCrop = (RNImageCrop *)viewRegistry[reactTag];
+                [rnCrop crop];
+            });
+        }
+    }];
+}
+
+- (UIView *)view
+{
+  return [RNImageCrop new];
+}
+
+@end

package/ios/ImageCrop.xcodeproj/project.pbxproj

@@ -0,0 +1,283 @@
+// !$*UTF8*$!
+{
+  archiveVersion = 1;
+  classes = {
+  };
+  objectVersion = 48;
+  objects = {
+
+/* Begin PBXBuildFile section */
+    91C884A6202C3E8600EC0A20 /* undefined.m in Sources */ = {isa = PBXBuildFile; fileRef = 91C884A1202C3E8600EC0A20 /* undefined.m */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+    910362D01FE9318600F4DA8E /* CopyFiles */ = {
+      isa = PBXCopyFilesBuildPhase;
+      buildActionMask = 2147483647;
+      dstPath = "include/$(PRODUCT_NAME)";
+      dstSubfolderSpec = 16;
+      files = (
+      );
+      runOnlyForDeploymentPostprocessing = 0;
+    };
+/* End PBXCopyFilesBuildPhase section */
+
+/* Begin PBXFileReference section */
+    910362D21FE9318600F4DA8E /* libImageCrop.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libImageCrop.a; sourceTree = BUILT_PRODUCTS_DIR; };
+    91C884A1202C3E8600EC0A20 /* undefined.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = undefined.m; sourceTree = "<group>"; };
+    91C884A2202C3E8600EC0A20 /* undefined.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = undefined.h; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+    910362CF1FE9318600F4DA8E /* Frameworks */ = {
+      isa = PBXFrameworksBuildPhase;
+      buildActionMask = 2147483647;
+      files = (
+      );
+      runOnlyForDeploymentPostprocessing = 0;
+    };
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+    910362C91FE9318600F4DA8E = {
+      isa = PBXGroup;
+      children = (
+        910362D41FE9318600F4DA8E /* ImageCrop */,
+        910362D31FE9318600F4DA8E /* Products */,
+      );
+      sourceTree = "<group>";
+    };
+    910362D31FE9318600F4DA8E /* Products */ = {
+      isa = PBXGroup;
+      children = (
+        910362D21FE9318600F4DA8E /* libImageCrop.a */,
+      );
+      name = Products;
+      sourceTree = "<group>";
+    };
+    910362D41FE9318600F4DA8E /* ImageCrop */ = {
+      isa = PBXGroup;
+      children = (
+        91C884A2202C3E8600EC0A20 /* undefined.h */,
+        91C884A1202C3E8600EC0A20 /* undefined.m */,
+      );
+      path = ImageCrop;
+      sourceTree = "<group>";
+    };
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+    910362D11FE9318600F4DA8E /* ImageCrop */ = {
+      isa = PBXNativeTarget;
+      buildConfigurationList = 910362DB1FE9318600F4DA8E /* Build configuration list for PBXNativeTarget "ImageCrop" */;
+      buildPhases = (
+        910362CE1FE9318600F4DA8E /* Sources */,
+        910362CF1FE9318600F4DA8E /* Frameworks */,
+        910362D01FE9318600F4DA8E /* CopyFiles */,
+      );
+      buildRules = (
+      );
+      dependencies = (
+      );
+      name = ImageCrop;
+      productName = ImageCrop;
+      productReference = 910362D21FE9318600F4DA8E /* libImageCrop.a */;
+      productType = "com.apple.product-type.library.static";
+    };
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+    910362CA1FE9318600F4DA8E /* Project object */ = {
+      isa = PBXProject;
+      attributes = {
+        LastUpgradeCheck = 0920;
+        ORGANIZATIONNAME = Listen;
+        TargetAttributes = {
+          910362D11FE9318600F4DA8E = {
+            CreatedOnToolsVersion = 9.2;
+            ProvisioningStyle = Automatic;
+          };
+        };
+      };
+      buildConfigurationList = 910362CD1FE9318600F4DA8E /* Build configuration list for PBXProject "ImageCrop" */;
+      compatibilityVersion = "Xcode 8.0";
+      developmentRegion = en;
+      hasScannedForEncodings = 0;
+      knownRegions = (
+        en,
+      );
+      mainGroup = 910362C91FE9318600F4DA8E;
+      productRefGroup = 910362D31FE9318600F4DA8E /* Products */;
+      projectDirPath = "";
+      projectRoot = "";
+      targets = (
+        910362D11FE9318600F4DA8E /* ImageCrop */,
+      );
+    };
+/* End PBXProject section */
+
+/* Begin PBXSourcesBuildPhase section */
+    910362CE1FE9318600F4DA8E /* Sources */ = {
+      isa = PBXSourcesBuildPhase;
+      buildActionMask = 2147483647;
+      files = (
+        91C884A6202C3E8600EC0A20 /* undefined.m in Sources */,
+      );
+      runOnlyForDeploymentPostprocessing = 0;
+    };
+/* End PBXSourcesBuildPhase section */
+
+/* Begin XCBuildConfiguration section */
+    910362D91FE9318600F4DA8E /* Debug */ = {
+      isa = XCBuildConfiguration;
+      buildSettings = {
+        ALWAYS_SEARCH_USER_PATHS = NO;
+        CLANG_ANALYZER_NONNULL = YES;
+        CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+        CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+        CLANG_CXX_LIBRARY = "libc++";
+        CLANG_ENABLE_MODULES = YES;
+        CLANG_ENABLE_OBJC_ARC = YES;
+        CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+        CLANG_WARN_BOOL_CONVERSION = YES;
+        CLANG_WARN_COMMA = YES;
+        CLANG_WARN_CONSTANT_CONVERSION = YES;
+        CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+        CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+        CLANG_WARN_EMPTY_BODY = YES;
+        CLANG_WARN_ENUM_CONVERSION = YES;
+        CLANG_WARN_INFINITE_RECURSION = YES;
+        CLANG_WARN_INT_CONVERSION = YES;
+        CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+        CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+        CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+        CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+        CLANG_WARN_STRICT_PROTOTYPES = YES;
+        CLANG_WARN_SUSPICIOUS_MOVE = YES;
+        CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+        CLANG_WARN_UNREACHABLE_CODE = YES;
+        CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+        CODE_SIGN_IDENTITY = "iPhone Developer";
+        COPY_PHASE_STRIP = NO;
+        DEBUG_INFORMATION_FORMAT = dwarf;
+        ENABLE_STRICT_OBJC_MSGSEND = YES;
+        ENABLE_TESTABILITY = YES;
+        GCC_C_LANGUAGE_STANDARD = gnu11;
+        GCC_DYNAMIC_NO_PIC = NO;
+        GCC_NO_COMMON_BLOCKS = YES;
+        GCC_OPTIMIZATION_LEVEL = 0;
+        GCC_PREPROCESSOR_DEFINITIONS = (
+          "DEBUG=1",
+          "$(inherited)",
+        );
+        GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+        GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+        GCC_WARN_UNDECLARED_SELECTOR = YES;
+        GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+        GCC_WARN_UNUSED_FUNCTION = YES;
+        GCC_WARN_UNUSED_VARIABLE = YES;
+        IPHONEOS_DEPLOYMENT_TARGET = 7.0;
+        MTL_ENABLE_DEBUG_INFO = YES;
+        ONLY_ACTIVE_ARCH = YES;
+        SDKROOT = iphoneos;
+      };
+      name = Debug;
+    };
+    910362DA1FE9318600F4DA8E /* Release */ = {
+      isa = XCBuildConfiguration;
+      buildSettings = {
+        ALWAYS_SEARCH_USER_PATHS = NO;
+        CLANG_ANALYZER_NONNULL = YES;
+        CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+        CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+        CLANG_CXX_LIBRARY = "libc++";
+        CLANG_ENABLE_MODULES = YES;
+        CLANG_ENABLE_OBJC_ARC = YES;
+        CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+        CLANG_WARN_BOOL_CONVERSION = YES;
+        CLANG_WARN_COMMA = YES;
+        CLANG_WARN_CONSTANT_CONVERSION = YES;
+        CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+        CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+        CLANG_WARN_EMPTY_BODY = YES;
+        CLANG_WARN_ENUM_CONVERSION = YES;
+        CLANG_WARN_INFINITE_RECURSION = YES;
+        CLANG_WARN_INT_CONVERSION = YES;
+        CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+        CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+        CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+        CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+        CLANG_WARN_STRICT_PROTOTYPES = YES;
+        CLANG_WARN_SUSPICIOUS_MOVE = YES;
+        CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+        CLANG_WARN_UNREACHABLE_CODE = YES;
+        CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+        CODE_SIGN_IDENTITY = "iPhone Developer";
+        COPY_PHASE_STRIP = NO;
+        DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+        ENABLE_NS_ASSERTIONS = NO;
+        ENABLE_STRICT_OBJC_MSGSEND = YES;
+        GCC_C_LANGUAGE_STANDARD = gnu11;
+        GCC_NO_COMMON_BLOCKS = YES;
+        GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+        GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+        GCC_WARN_UNDECLARED_SELECTOR = YES;
+        GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+        GCC_WARN_UNUSED_FUNCTION = YES;
+        GCC_WARN_UNUSED_VARIABLE = YES;
+        IPHONEOS_DEPLOYMENT_TARGET = 7.0;
+        MTL_ENABLE_DEBUG_INFO = NO;
+        SDKROOT = iphoneos;
+        VALIDATE_PRODUCT = YES;
+      };
+      name = Release;
+    };
+    910362DC1FE9318600F4DA8E /* Debug */ = {
+      isa = XCBuildConfiguration;
+      buildSettings = {
+        CODE_SIGN_STYLE = Automatic;
+        DEVELOPMENT_TEAM = 9H9696K6NL;
+        OTHER_LDFLAGS = "-ObjC";
+        PRODUCT_NAME = "$(TARGET_NAME)";
+        SKIP_INSTALL = YES;
+        TARGETED_DEVICE_FAMILY = "1,2";
+      };
+      name = Debug;
+    };
+    910362DD1FE9318600F4DA8E /* Release */ = {
+      isa = XCBuildConfiguration;
+      buildSettings = {
+        CODE_SIGN_STYLE = Automatic;
+        DEVELOPMENT_TEAM = 9H9696K6NL;
+        OTHER_LDFLAGS = "-ObjC";
+        PRODUCT_NAME = "$(TARGET_NAME)";
+        SKIP_INSTALL = YES;
+        TARGETED_DEVICE_FAMILY = "1,2";
+      };
+      name = Release;
+    };
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+    910362CD1FE9318600F4DA8E /* Build configuration list for PBXProject "ImageCrop" */ = {
+      isa = XCConfigurationList;
+      buildConfigurations = (
+        910362D91FE9318600F4DA8E /* Debug */,
+        910362DA1FE9318600F4DA8E /* Release */,
+      );
+      defaultConfigurationIsVisible = 0;
+      defaultConfigurationName = Release;
+    };
+    910362DB1FE9318600F4DA8E /* Build configuration list for PBXNativeTarget "ImageCrop" */ = {
+      isa = XCConfigurationList;
+      buildConfigurations = (
+        910362DC1FE9318600F4DA8E /* Debug */,
+        910362DD1FE9318600F4DA8E /* Release */,
+      );
+      defaultConfigurationIsVisible = 0;
+      defaultConfigurationName = Release;
+    };
+/* End XCConfigurationList section */
+  };
+  rootObject = 910362CA1FE9318600F4DA8E /* Project object */;
+}    

package/lib/ImageCropView.d.ts

@@ -0,0 +1,15 @@
+import { ViewProps, ViewStyle } from 'react-native';
+import React from 'react';
+import { ImageCropViewRef } from './ImageCropViewRef';
+import { ObjectRect } from './typings';
+interface SupperProps extends ViewProps {
+    fileUri: string;
+    objectRect?: ObjectRect;
+    cropStyle?: 'circular' | 'default';
+}
+interface CropViewProps extends SupperProps {
+    onCropped: (uri: string) => void;
+    style: ViewStyle;
+}
+declare const ImageCropView: React.ForwardRefExoticComponent<CropViewProps & React.RefAttributes<ImageCropViewRef>>;
+export default ImageCropView;

package/lib/ImageCropView.js

@@ -0,0 +1,24 @@
+import { findNodeHandle, Platform, requireNativeComponent, UIManager } from 'react-native';
+import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
+const CropViewNativeComponent = requireNativeComponent('RNImageCrop');
+const ImageCropView = forwardRef(({ fileUri, cropStyle, objectRect, style, onCropped }, ref) => {
+    const reactTag = useRef(null);
+    const crop = useCallback(() => {
+        UIManager.dispatchViewManagerCommand(reactTag.current, Platform.OS === 'ios'
+            ? UIManager.getViewManagerConfig('RNImageCrop').Commands.crop
+            : UIManager.getViewManagerConfig('RNImageCrop').Commands.crop.toString(), Platform.OS === 'ios' ? [] : [reactTag.current]);
+    }, []);
+    const onNativeCropped = useCallback(({ nativeEvent }) => {
+        const uri = nativeEvent.uri;
+        if (onCropped) {
+            onCropped(uri);
+        }
+    }, [onCropped]);
+    useImperativeHandle(ref, () => ({
+        crop,
+    }), [crop]);
+    return (<CropViewNativeComponent fileUri={fileUri} cropStyle={cropStyle} objectRect={objectRect} onCropped={onNativeCropped} style={style} ref={mRef => {
+            reactTag.current = findNodeHandle(mRef);
+        }}/>);
+});
+export default ImageCropView;

package/lib/ImageCropViewRef.d.ts

@@ -0,0 +1,3 @@
+export interface ImageCropViewRef {
+    crop: () => void;
+}

package/lib/ImageCropViewRef.js

@@ -0,0 +1 @@
+export {};

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+import ImageCropView from './ImageCropView';
+import { ImageCropViewRef } from './ImageCropViewRef';
+import { ObjectRect } from './typings';
+export { ImageCropView };
+export type { ImageCropViewRef, ObjectRect };

package/lib/index.js

@@ -0,0 +1,2 @@
+import ImageCropView from './ImageCropView';
+export { ImageCropView };

package/lib/typings.d.ts

@@ -0,0 +1,6 @@
+export interface ObjectRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}

package/lib/typings.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@sdcx/image-crop",
+  "description": "A React Native ui component for image crop.",
+  "version": "0.1.0",
+  "main": "./lib/index.js",
+  "typings": "./lib/index.d.ts",
+  "react-native": "src/index",
+  "nativePackage": true,
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "RNImageCrop.podspec",
+    "!android/build",
+    "!ios/build",
+    "!**/__tests__"
+  ],
+  "repository": "https://github.com/sdcxtech/react-native-troika",
+  "homepage": "https://github.com/sdcxtech/react-native-troika/tree/master/packages/image-crop#readme",
+  "author": "sdcx",
+  "license": "MIT",
+  "keywords": [
+    "react-native",
+    "image-crop"
+  ],
+  "scripts": {
+    "build": "rm -rf ./lib && tsc -p tsconfig.build.json",
+    "prepare": "npm run build",
+    "tsc": "tsc",
+    "test": "jest",
+    "lint": "eslint . --fix --ext .js,.jsx,.ts,.tsx"
+  },
+  "peerDependencies": {
+    "react": ">=16.8",
+    "react-native": ">=0.60"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.13.10",
+    "@babel/runtime": "^7.13.10",
+    "@react-native-community/eslint-config": "^3.0.0",
+    "@types/jest": "^27.0.1",
+    "@types/react": "^17.0.2",
+    "@types/react-native": "^0.67.0",
+    "@types/react-test-renderer": "17.0.2",
+    "babel-jest": "^27.0.6",
+    "jest": "^27.0.6",
+    "metro-react-native-babel-preset": "^0.66.2",
+    "react": "17.0.2",
+    "react-native": "^0.67.4",
+    "react-test-renderer": "17.0.2",
+    "eslint": "^7.32.0",
+    "typescript": "^4.6.4"
+  },
+  "jest": {
+    "preset": "react-native",
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "node"
+    ]
+  }
+}

package/src/ImageCropView.tsx

@@ -0,0 +1,69 @@
+import { findNodeHandle, Platform, requireNativeComponent, UIManager, ViewProps, ViewStyle } from 'react-native'
+import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react'
+import { ImageCropViewRef } from './ImageCropViewRef'
+import { ObjectRect } from './typings'
+
+const CropViewNativeComponent = requireNativeComponent<CropViewNativeComponentProps>('RNImageCrop')
+
+interface SupperProps extends ViewProps {
+  fileUri: string
+  objectRect?: ObjectRect
+  cropStyle?: 'circular' | 'default'
+}
+
+interface CropViewNativeComponentProps extends SupperProps {
+  onCropped: (callback: any) => void
+}
+
+interface CropViewProps extends SupperProps {
+  onCropped: (uri: string) => void
+  style: ViewStyle
+}
+
+const ImageCropView = forwardRef<ImageCropViewRef, CropViewProps>(
+  ({ fileUri, cropStyle, objectRect, style, onCropped }: CropViewProps, ref) => {
+    const reactTag = useRef<number | null>(null)
+    const crop = useCallback(() => {
+      UIManager.dispatchViewManagerCommand(
+        reactTag.current,
+        Platform.OS === 'ios'
+          ? UIManager.getViewManagerConfig('RNImageCrop').Commands.crop
+          : UIManager.getViewManagerConfig('RNImageCrop').Commands.crop.toString(),
+        Platform.OS === 'ios' ? [] : [reactTag.current],
+      )
+    }, [])
+
+    const onNativeCropped = useCallback(
+      ({ nativeEvent }: any) => {
+        const uri = nativeEvent.uri
+        if (onCropped) {
+          onCropped(uri)
+        }
+      },
+      [onCropped],
+    )
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        crop,
+      }),
+      [crop],
+    )
+
+    return (
+      <CropViewNativeComponent
+        fileUri={fileUri}
+        cropStyle={cropStyle}
+        objectRect={objectRect}
+        onCropped={onNativeCropped}
+        style={style}
+        ref={mRef => {
+          reactTag.current = findNodeHandle(mRef)
+        }}
+      />
+    )
+  },
+)
+
+export default ImageCropView

package/src/ImageCropViewRef.ts

@@ -0,0 +1,3 @@
+export interface ImageCropViewRef {
+  crop: () => void
+}

package/src/index.ts

@@ -0,0 +1,6 @@
+import ImageCropView from './ImageCropView'
+import { ImageCropViewRef } from './ImageCropViewRef'
+import { ObjectRect } from './typings'
+
+export { ImageCropView }
+export type { ImageCropViewRef, ObjectRect }

package/src/typings.ts

@@ -0,0 +1,6 @@
+export interface ObjectRect {
+  top: number
+  left: number
+  width: number
+  height: number
+}