@pointcloud/pcloud-components 0.1.20 → 0.1.23

package/dist/esm/LabelValue/styles/index.less

@@ -1,23 +1,23 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-label-value {
-  display: inline-flex;
-
-  span {
-    &:first-child {
-      max-width: 120px;
-      padding-right: 4px;
-      white-space: nowrap;
-    }
-
-    &:last-child {
-      flex: 1;
-
-      &.no-wrap {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-label-value {
+  display: inline-flex;
+
+  span {
+    &:first-child {
+      max-width: 120px;
+      padding-right: 4px;
+      white-space: nowrap;
+    }
+
+    &:last-child {
+      flex: 1;
+
+      &.no-wrap {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}

package/dist/esm/Loading/hooks/useLoading.d.ts

@@ -0,0 +1,6 @@
+import type { ILoadingInstance, LoadingInstanceProps } from '../interface';
+export declare const useLoading: (initialState?: boolean) => {
+    isLoading: boolean;
+    openLoading: (params?: LoadingInstanceProps) => ILoadingInstance;
+    closeLoading: () => void;
+};

package/dist/esm/Loading/hooks/useLoading.js

@@ -0,0 +1,35 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useState, useEffect, useRef } from 'react';
+import loading from "../index";
+export var useLoading = function useLoading() {
+  var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var _useState = useState(initialState),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var loadingRef = useRef(null);
+  useEffect(function () {
+    return function () {
+      if (loadingRef.current) {
+        loading.close();
+      }
+    };
+  }, []);
+  var openLoading = function openLoading(params) {
+    setIsLoading(true);
+    loadingRef.current = loading.open(params);
+    return loadingRef.current;
+  };
+  var closeLoading = function closeLoading() {
+    setIsLoading(false);
+    if (loadingRef.current) {
+      loading.close();
+      loadingRef.current = null;
+    }
+  };
+  return {
+    isLoading: isLoading,
+    openLoading: openLoading,
+    closeLoading: closeLoading
+  };
+};

package/dist/esm/Loading/index.d.ts

@@ -1,9 +1,10 @@
 import Loading from './loading';
-import { ILoadingProps, LoadingInstanceProps } from './interface';
+import { LoadingInstanceProps, ILoadingInstance } from './interface';
+import { useLoading } from './hooks/useLoading';
 declare const _default: {
-    open(params?: LoadingInstanceProps): ILoadingProps;
+    open(params?: LoadingInstanceProps): ILoadingInstance;
     close(): void;
-    getInstance(): ILoadingProps;
+    getInstance(): ILoadingInstance | null;
 };
 export default _default;
-export { Loading };
+export { Loading, useLoading };

package/dist/esm/Loading/index.js

@@ -1,22 +1,22 @@
 import Loading from "./loading";
+import { useLoading } from "./hooks/useLoading";
 var loadingInstance = null;
-var getLoadingInstance = function getLoadingInstance(params) {
-  loadingInstance = loadingInstance || Loading.newInstance(params);
-  return loadingInstance;
-};
 export default {
   open: function open(params) {
-    return getLoadingInstance(params);
+    if (!loadingInstance) {
+      loadingInstance = Loading.newInstance(params);
+    }
+    return loadingInstance;
   },
   close: function close() {
     if (loadingInstance) {
-      var _loadingInstance;
-      (_loadingInstance = loadingInstance) === null || _loadingInstance === void 0 ? void 0 : _loadingInstance.destroy();
-      loadingInstance = null;
+      var currentInstance = loadingInstance;
+      loadingInstance = null; // 先清空引用
+      currentInstance.destroy(); // 再销毁
     }
   },
   getInstance: function getInstance() {
     return loadingInstance;
   }
 };
-export { Loading };
+export { Loading, useLoading };

package/dist/esm/Loading/interface.d.ts

@@ -1,15 +1,23 @@
 import { SpinProps } from 'antd';
-import React, { ReactInstance } from 'react';
-export interface LoadingInstanceProps extends SpinProps {
+import { ReactInstance } from 'react';
+export interface LoadingInstanceProps extends Omit<SpinProps, 'delay'> {
     /**
      * @description 加载框容器
      * @default body
      */
     container?: ReactInstance | undefined;
+    /**
+     * @description 延迟显示加载框毫秒
+     * @default 0
+     */
+    delay?: number;
+}
+export interface ILoadingInstance {
+    destroy: () => void;
 }
 export interface ILoadingProps {
-    open: (param: LoadingInstanceProps) => React.ReactDOM;
+    open: (_params: LoadingInstanceProps) => ILoadingInstance;
+    getInstance: () => ILoadingInstance | null;
     close: () => void;
-    getInstance: () => React.ReactDOM;
 }
 export declare type LoadingProps = ILoadingProps;

package/dist/esm/Loading/loading.d.ts

@@ -1,10 +1,7 @@
-/// <reference types="react" />
-import { LoadingInstanceProps } from './interface';
+import { ILoadingInstance, LoadingInstanceProps } from './interface';
 import './styles/index.less';
-declare function Loading(props: LoadingInstanceProps): JSX.Element;
+declare function Loading(props: LoadingInstanceProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Loading {
-    var newInstance: (args: LoadingInstanceProps) => {
-        destroy(): void;
-    };
+    var newInstance: (args?: LoadingInstanceProps | undefined) => ILoadingInstance;
 }
 export default Loading;

package/dist/esm/Loading/loading.js

@@ -1,46 +1,69 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["container"];
-import React, { useContext, useEffect } from 'react';
-import ReactDOM from 'react-dom';
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["delay"],
+  _excluded2 = ["container"];
 import { Spin } from 'antd';
 import classNames from 'classnames';
+import { useContext, useEffect, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
 import { ConfigContext } from "../ConfigProvider";
 import "./styles/index.less";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function Loading(props) {
-  var _props$tip = props.tip,
-    tip = _props$tip === void 0 ? '数据请求中...' : _props$tip;
+  var delay = props.delay,
+    other = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(ConfigContext),
     prefixCls = _useContext.prefixCls,
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('loading');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-loading"), !!prefixCls), classname);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var timer = useRef();
   useEffect(function () {
     document.body.style.overflow = 'hidden';
     return function () {
       document.body.style.overflow = '';
     };
   }, []);
+  useEffect(function () {
+    timer.current = setTimeout(function () {
+      return setVisible(true);
+    }, delay || 0);
+    return function () {
+      clearTimeout(timer.current);
+    };
+  }, [delay]);
+  if (!visible) return /*#__PURE__*/_jsx(_Fragment, {});
   return /*#__PURE__*/_jsxs("div", {
     className: wrapperClass,
     children: [/*#__PURE__*/_jsx("div", {
       className: "mask"
     }), /*#__PURE__*/_jsx("div", {
       className: "loading",
-      children: /*#__PURE__*/_jsx(Spin, {
-        tip: tip
-      })
+      children: /*#__PURE__*/_jsx(Spin, _objectSpread(_objectSpread({}, other), {}, {
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            opacity: 0
+          },
+          children: other.tip
+        })
+      }))
     })]
   });
 }
 Loading.newInstance = function newNotificationInstance(args) {
   var _ref = args || {},
     container = _ref.container,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded2);
   var div = document.createElement('div');
+
   // eslint-disable-next-line react/no-find-dom-node
   var element = ReactDOM.findDOMNode(container);
   if (element) {
@@ -54,7 +77,7 @@ Loading.newInstance = function newNotificationInstance(args) {
     destroy: function destroy() {
       ReactDOM.unmountComponentAtNode(div);
       if (element) {
-        element === null || element === void 0 ? void 0 : element.removeChild(div);
+        element === null || element === void 0 || element.removeChild(div);
       } else {
         document.body.removeChild(div);
       }

package/dist/esm/Loading/styles/index.less

@@ -1,25 +1,25 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-loading {
-  .mask {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 100000;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  .loading {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 100001;
-    padding: 20px;
-    background: #fff;
-    border-radius: 10px;
-    box-shadow: 3px 3px 3px rgba(0, 0, 0, 20%);
-    transform: translate(-50%, -50%);
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-loading {
+  .mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 100000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .loading {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 100001;
+    padding: 20px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 20%);
+    transform: translate(-50%, -50%);
+  }
+}

package/dist/esm/ModalForm/index.d.ts

@@ -7,5 +7,5 @@ export declare type ModalFormProps = {
     formProps: DFormProps;
     children?: React.ReactNode;
 };
-declare const _default: (props: ModalFormProps) => JSX.Element;
+declare const _default: (props: ModalFormProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/ModalForm/index.js

@@ -19,7 +19,7 @@ export default (function (props) {
   } : {};
   var handleOk = function handleOk() {
     form.validateFields().then(function (values) {
-      onOk === null || onOk === void 0 ? void 0 : onOk(values);
+      onOk === null || onOk === void 0 || onOk(values);
     });
   };
   return /*#__PURE__*/_jsxs(DModal, _objectSpread(_objectSpread(_objectSpread({

package/dist/esm/NoData/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { INoDataProps } from './interface';
 import './styles/index.less';
-declare const NoData: (props: INoDataProps) => JSX.Element;
+declare const NoData: (props: INoDataProps) => import("react/jsx-runtime").JSX.Element;
 export default NoData;

package/dist/esm/NoData/styles/index.less

@@ -1,24 +1,24 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-nodata {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-
-  .not-data-image {
-    display: block;
-    height: 100px;
-  }
-
-  .no-data-text {
-    display: inline-block;
-    width: 100%;
-    margin-top: 5px;
-    color: #000;
-    font-weight: 400;
-    font-size: 14px;
-    text-align: center;
-    opacity: 0.65;
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-nodata {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  .not-data-image {
+    display: block;
+    height: 100px;
+  }
+
+  .no-data-text {
+    display: inline-block;
+    width: 100%;
+    margin-top: 5px;
+    color: #000;
+    font-weight: 400;
+    font-size: 14px;
+    text-align: center;
+    opacity: 0.65;
+  }
+}

package/dist/esm/PictureCard/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ImageProps } from 'antd';
 import './index.less';
-interface IPictureCardProps extends Omit<ImageProps, 'src' | 'width'> {
+interface IPictureCardProps extends Omit<ImageProps, 'src' | 'width' | 'content'> {
     className?: string;
     layout?: 'vertical' | 'horizontal';
     src: ImageProps['src'] | ImageProps['src'][];
@@ -11,6 +11,6 @@ interface IPictureCardProps extends Omit<ImageProps, 'src' | 'width'> {
     hoverable?: boolean;
     bordered?: boolean;
 }
-declare const PictureCard: (props: IPictureCardProps) => JSX.Element;
+declare const PictureCard: (props: IPictureCardProps) => import("react/jsx-runtime").JSX.Element;
 export declare type PictureCardProps = IPictureCardProps;
 export default PictureCard;

package/dist/esm/PictureCard/index.js

@@ -10,7 +10,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var PictureCard = function PictureCard(props) {
-  var _classNames2;
   var className = props.className,
     _props$layout = props.layout,
     layout = _props$layout === void 0 ? 'vertical' : _props$layout,
@@ -28,7 +27,7 @@ var PictureCard = function PictureCard(props) {
     prefixCls = _useContext.prefixCls,
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('picture-card');
-  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-picture-card"), !!prefixCls), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classname, "-hoverable"), hoverable), _defineProperty(_classNames2, "".concat(classname, "-bordered"), bordered), _classNames2), classname, className, layout);
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-picture-card"), !!prefixCls), _defineProperty(_defineProperty({}, "".concat(classname, "-hoverable"), hoverable), "".concat(classname, "-bordered"), bordered), classname, className, layout);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],

package/dist/esm/PictureCard/index.less

@@ -1,28 +1,28 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-picture-card {
-  display: inline-block;
-  padding: 10px;
-  transition: box-shadow 0.3s linear;
-
-  .info {
-    margin-top: 10px;
-  }
-
-  &-bordered {
-    border: 1px solid rgba(0, 0, 0, 6%);
-  }
-
-  &-hoverable {
-    &:hover {
-      cursor: pointer;
-      border-color: transparent;
-      box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 16%), 0 3px 6px rgba(0, 0, 0, 12%), 0 5px 12px 4px rgba(0, 0, 0, 9%);
-    }
-  }
-
-  &.horizontal {
-    display: flex;
-    justify-content: space-around;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-picture-card {
+  display: inline-block;
+  padding: 10px;
+  transition: box-shadow 0.3s linear;
+
+  .info {
+    margin-top: 10px;
+  }
+
+  &-bordered {
+    border: 1px solid rgba(0, 0, 0, 6%);
+  }
+
+  &-hoverable {
+    &:hover {
+      cursor: pointer;
+      border-color: transparent;
+      box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 16%), 0 3px 6px rgba(0, 0, 0, 12%), 0 5px 12px 4px rgba(0, 0, 0, 9%);
+    }
+  }
+
+  &.horizontal {
+    display: flex;
+    justify-content: space-around;
+  }
+}

package/dist/esm/RCropper/handler.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { RCropperActionHandlers } from './interface';
+import type Cropper from 'cropperjs';
+export declare function createCropperHandlers(cropperInstanceRef: React.RefObject<Cropper | null>, imgTransformRef: React.RefObject<number[] | undefined>, props: {
+    onCrop?: (base64: string, file?: File) => void;
+    onZoom?: (transform: number[] | undefined) => void;
+    onRotate?: (transform: number[] | undefined) => void;
+    onFlip?: (transform: number[] | undefined) => void;
+    onReset?: (transform: number[] | undefined) => void;
+    onCancelCrop?: (info: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+}): RCropperActionHandlers;

package/dist/esm/RCropper/handler.js

@@ -0,0 +1,146 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+var base64ToFile = function base64ToFile(base64) {
+  var _arr$;
+  var fileName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'file.png';
+  // 分割Base64字符串获取MIME类型和纯数据部分
+  var arr = base64.split(',');
+  var mime = arr === null || arr === void 0 || (_arr$ = arr[0]) === null || _arr$ === void 0 || (_arr$ = _arr$.match(/:(.*?);/)) === null || _arr$ === void 0 ? void 0 : _arr$[1];
+  var bstr = atob(arr[1]);
+  var n = bstr.length;
+  // 创建Uint8Array并填充数据
+  var u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  // 创建并返回File对象
+  return new File([u8arr], fileName, {
+    type: mime
+  });
+};
+export function createCropperHandlers(cropperInstanceRef, imgTransformRef, props) {
+  return {
+    handleCrop: function handleCrop() {
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _props$onCrop, cropper, selection, canvasEl, img, _file;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              cropper = cropperInstanceRef.current;
+              if (cropper) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return");
+            case 4:
+              selection = cropper.getCropperSelection();
+              _context.next = 7;
+              return selection === null || selection === void 0 ? void 0 : selection.$toCanvas();
+            case 7:
+              canvasEl = _context.sent;
+              img = canvasEl === null || canvasEl === void 0 ? void 0 : canvasEl.toDataURL();
+              _file = base64ToFile(img);
+              (_props$onCrop = props.onCrop) === null || _props$onCrop === void 0 || _props$onCrop.call(props, img, _file);
+              _context.next = 15;
+              break;
+            case 13:
+              _context.prev = 13;
+              _context.t0 = _context["catch"](0);
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 13]]);
+      }))();
+    },
+    handleZoomIn: function handleZoomIn() {
+      try {
+        var _cropperInstanceRef$c, _props$onZoom;
+        var img = (_cropperInstanceRef$c = cropperInstanceRef.current) === null || _cropperInstanceRef$c === void 0 ? void 0 : _cropperInstanceRef$c.getCropperImage();
+        img === null || img === void 0 || img.$zoom(0.1);
+        (_props$onZoom = props.onZoom) === null || _props$onZoom === void 0 || _props$onZoom.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused2) {}
+    },
+    handleZoomOut: function handleZoomOut() {
+      try {
+        var _cropperInstanceRef$c2, _props$onZoom2;
+        var img = (_cropperInstanceRef$c2 = cropperInstanceRef.current) === null || _cropperInstanceRef$c2 === void 0 ? void 0 : _cropperInstanceRef$c2.getCropperImage();
+        img === null || img === void 0 || img.$zoom(-0.1);
+        (_props$onZoom2 = props.onZoom) === null || _props$onZoom2 === void 0 || _props$onZoom2.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused3) {}
+    },
+    handleRotateLeft: function handleRotateLeft() {
+      try {
+        var _cropperInstanceRef$c3, _props$onRotate;
+        var img = (_cropperInstanceRef$c3 = cropperInstanceRef.current) === null || _cropperInstanceRef$c3 === void 0 ? void 0 : _cropperInstanceRef$c3.getCropperImage();
+        img === null || img === void 0 || img.$rotate('-45deg');
+        (_props$onRotate = props.onRotate) === null || _props$onRotate === void 0 || _props$onRotate.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused4) {}
+    },
+    handleRotateRight: function handleRotateRight() {
+      try {
+        var _cropperInstanceRef$c4, _props$onRotate2;
+        var img = (_cropperInstanceRef$c4 = cropperInstanceRef.current) === null || _cropperInstanceRef$c4 === void 0 ? void 0 : _cropperInstanceRef$c4.getCropperImage();
+        img === null || img === void 0 || img.$rotate('45deg');
+        (_props$onRotate2 = props.onRotate) === null || _props$onRotate2 === void 0 || _props$onRotate2.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused5) {}
+    },
+    handleFlipX: function handleFlipX() {
+      try {
+        var _cropperInstanceRef$c5, _props$onFlip;
+        var img = (_cropperInstanceRef$c5 = cropperInstanceRef.current) === null || _cropperInstanceRef$c5 === void 0 ? void 0 : _cropperInstanceRef$c5.getCropperImage();
+        img === null || img === void 0 || img.$scale(-1, 1);
+        (_props$onFlip = props.onFlip) === null || _props$onFlip === void 0 || _props$onFlip.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused6) {}
+    },
+    handleFlipY: function handleFlipY() {
+      try {
+        var _cropperInstanceRef$c6, _props$onFlip2;
+        var img = (_cropperInstanceRef$c6 = cropperInstanceRef.current) === null || _cropperInstanceRef$c6 === void 0 ? void 0 : _cropperInstanceRef$c6.getCropperImage();
+        img === null || img === void 0 || img.$scale(1, -1);
+        (_props$onFlip2 = props.onFlip) === null || _props$onFlip2 === void 0 || _props$onFlip2.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused7) {}
+    },
+    handleReset: function handleReset() {
+      try {
+        var _cropperInstanceRef$c7;
+        var img = (_cropperInstanceRef$c7 = cropperInstanceRef.current) === null || _cropperInstanceRef$c7 === void 0 ? void 0 : _cropperInstanceRef$c7.getCropperImage();
+        if (img && imgTransformRef.current) {
+          var _props$onReset;
+          var _imgTransformRef$curr = _slicedToArray(imgTransformRef.current, 6),
+            scaleX = _imgTransformRef$curr[0],
+            skewY = _imgTransformRef$curr[1],
+            skewX = _imgTransformRef$curr[2],
+            scaleY = _imgTransformRef$curr[3],
+            translateX = _imgTransformRef$curr[4],
+            translateY = _imgTransformRef$curr[5];
+          img === null || img === void 0 || img.$setTransform(scaleX, skewY, skewX, scaleY, translateX, translateY);
+          (_props$onReset = props.onReset) === null || _props$onReset === void 0 || _props$onReset.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+        }
+      } catch (_unused8) {}
+    },
+    handleCancelCrop: function handleCancelCrop() {
+      try {
+        var _cropperInstanceRef$c8, _props$onCancelCrop;
+        var selection = (_cropperInstanceRef$c8 = cropperInstanceRef.current) === null || _cropperInstanceRef$c8 === void 0 ? void 0 : _cropperInstanceRef$c8.getCropperSelection();
+        var width = selection === null || selection === void 0 ? void 0 : selection.width;
+        var height = selection === null || selection === void 0 ? void 0 : selection.height;
+        var x = selection === null || selection === void 0 ? void 0 : selection.x;
+        var y = selection === null || selection === void 0 ? void 0 : selection.y;
+        if (width && height) {
+          selection === null || selection === void 0 || selection.$clear();
+        } else {
+          selection === null || selection === void 0 || selection.$reset();
+        }
+        (_props$onCancelCrop = props.onCancelCrop) === null || _props$onCancelCrop === void 0 || _props$onCancelCrop.call(props, {
+          x: x,
+          y: y,
+          width: width,
+          height: height
+        });
+      } catch (_unused9) {}
+    }
+  };
+}

package/dist/esm/RCropper/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RCropperProps } from './interface';
+declare const RCropper: React.ForwardRefExoticComponent<RCropperProps & React.RefAttributes<unknown>>;
+export default RCropper;