linkmore-design 1.1.38 → 1.1.39

package/lib/ConfigProvider/SizeContext.js

@@ -1,26 +1,21 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SizeContextProvider = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var SizeContext = /*#__PURE__*/React.createContext(undefined);
-
 var SizeContextProvider = function SizeContextProvider(_ref) {
   var children = _ref.children,
-      size = _ref.size;
+    size = _ref.size;
   return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (originSize) {
     return /*#__PURE__*/React.createElement(SizeContext.Provider, {
       value: size || originSize
     }, children);
   });
 };
-
 exports.SizeContextProvider = SizeContextProvider;
 var _default = SizeContext;
 exports.default = _default;

package/lib/ConfigProvider/context.d.ts

@@ -14,7 +14,7 @@ export interface Theme {
 export interface CSPConfig {
     nonce?: string;
 }
-export declare type DirectionType = 'ltr' | 'rtl' | undefined;
+export type DirectionType = 'ltr' | 'rtl' | undefined;
 export interface ConfigConsumerProps {
     getTargetContainer?: () => HTMLElement;
     getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
@@ -48,7 +48,7 @@ export interface ConfigConsumerProps {
 }
 export declare const ConfigContext: React.Context<ConfigConsumerProps>;
 export declare const ConfigConsumer: React.Consumer<ConfigConsumerProps>;
-declare type IReactComponent<P = any> = React.FC<P> | React.ComponentClass<P> | React.ClassicComponentClass<P>;
+type IReactComponent<P = any> = React.FC<P> | React.ComponentClass<P> | React.ClassicComponentClass<P>;
 interface BasicExportProps {
     prefixCls?: string;
 }

package/lib/ConfigProvider/context.js

@@ -1,21 +1,17 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ConfigContext = exports.ConfigConsumer = void 0;
 exports.withConfigConsumer = withConfigConsumer;
-
 var React = _interopRequireWildcard(require("react"));
-
 var defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
   if (customizePrefixCls) return customizePrefixCls;
   return suffixCls ? "ant-".concat(suffixCls) : 'ant';
-}; // zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
-
-
+};
+// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
 var ConfigContext = /*#__PURE__*/React.createContext({
   // We provide a default function for Context without provider
   getPrefixCls: defaultGetPrefixCls
@@ -23,9 +19,7 @@ var ConfigContext = /*#__PURE__*/React.createContext({
 exports.ConfigContext = ConfigContext;
 var ConfigConsumer = ConfigContext.Consumer;
 /** @deprecated Use hooks instead. This is a legacy function */
-
 exports.ConfigConsumer = ConfigConsumer;
-
 function withConfigConsumer(config) {
   return function withConfigConsumerFunc(Component) {
     // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods
@@ -34,21 +28,18 @@ function withConfigConsumer(config) {
         var basicPrefixCls = config.prefixCls;
         var getPrefixCls = configProps.getPrefixCls;
         var customizePrefixCls = props.prefixCls;
-        var prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls); // @ts-ignore
-
+        var prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);
+        // @ts-ignore
         return /*#__PURE__*/React.createElement(Component, Object.assign({}, configProps, props, {
           prefixCls: prefixCls
         }));
       });
     };
-
     var cons = Component.constructor;
     var name = cons && cons.displayName || Component.name || 'Component';
-
     if (process.env.NODE_ENV !== 'production') {
       SFC.displayName = "withConfigConsumer(".concat(name, ")");
     }
-
     return SFC;
   };
 }

package/lib/ConfigProvider/cssVariables.js

@@ -1,35 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getStyle = getStyle;
 exports.registerTheme = registerTheme;
-
 var _colors = require("@ant-design/colors");
-
 var _tinycolor = require("@ctrl/tinycolor");
-
 var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
-
 var _dynamicCSS = require("rc-util/lib/Dom/dynamicCSS");
-
 var _warning = _interopRequireDefault(require("../_util/warning"));
-
 /* eslint-disable import/prefer-default-export, prefer-destructuring */
-var dynamicStyleMark = "-ant-".concat(Date.now(), "-").concat(Math.random());
 
+var dynamicStyleMark = "-ant-".concat(Date.now(), "-").concat(Math.random());
 function getStyle(globalPrefixCls, theme) {
   var variables = {};
-
   var formatColor = function formatColor(color, updater) {
     var clone = color.clone();
     clone = (updater === null || updater === void 0 ? void 0 : updater(clone)) || clone;
     return clone.toRgbString();
   };
-
   var fillColor = function fillColor(colorVal, type) {
     var baseColor = new _tinycolor.TinyColor(colorVal);
     var colorPalettes = (0, _colors.generate)(baseColor.toRgbString());
@@ -40,18 +31,17 @@ function getStyle(globalPrefixCls, theme) {
     variables["".concat(type, "-color-outline")] = baseColor.clone().setAlpha(0.2).toRgbString();
     variables["".concat(type, "-color-deprecated-bg")] = colorPalettes[0];
     variables["".concat(type, "-color-deprecated-border")] = colorPalettes[2];
-  }; // ================ Primary Color ================
-
-
+  };
+  // ================ Primary Color ================
   if (theme.primaryColor) {
     fillColor(theme.primaryColor, 'primary');
     var primaryColor = new _tinycolor.TinyColor(theme.primaryColor);
-    var primaryColors = (0, _colors.generate)(primaryColor.toRgbString()); // Legacy - We should use semantic naming standard
-
+    var primaryColors = (0, _colors.generate)(primaryColor.toRgbString());
+    // Legacy - We should use semantic naming standard
     primaryColors.forEach(function (color, index) {
       variables["primary-".concat(index + 1)] = color;
-    }); // Deprecated
-
+    });
+    // Deprecated
     variables['primary-color-deprecated-l-35'] = formatColor(primaryColor, function (c) {
       return c.lighten(35);
     });
@@ -74,38 +64,31 @@ function getStyle(globalPrefixCls, theme) {
     variables['primary-color-active-deprecated-d-02'] = formatColor(primaryActiveColor, function (c) {
       return c.darken(2);
     });
-  } // ================ Success Color ================
-
-
+  }
+  // ================ Success Color ================
   if (theme.successColor) {
     fillColor(theme.successColor, 'success');
-  } // ================ Warning Color ================
-
-
+  }
+  // ================ Warning Color ================
   if (theme.warningColor) {
     fillColor(theme.warningColor, 'warning');
-  } // ================= Error Color =================
-
-
+  }
+  // ================= Error Color =================
   if (theme.errorColor) {
     fillColor(theme.errorColor, 'error');
-  } // ================= Info Color ==================
-
-
+  }
+  // ================= Info Color ==================
   if (theme.infoColor) {
     fillColor(theme.infoColor, 'info');
-  } // Convert to css variables
-
-
+  }
+  // Convert to css variables
   var cssList = Object.keys(variables).map(function (key) {
     return globalPrefixCls ? "--".concat(globalPrefixCls, "-").concat(key, ": ").concat(variables[key], ";") : "--".concat(key, ": ").concat(variables[key], ";");
   });
   return "\n  :root {\n    ".concat(cssList.join('\n'), "\n  }\n  ").trim();
 }
-
 function registerTheme(globalPrefixCls, theme) {
   var style = getStyle(globalPrefixCls, theme);
-
   if ((0, _canUseDom.default)()) {
     (0, _dynamicCSS.updateCSS)(style, "".concat(dynamicStyleMark, "-dynamic-theme"));
   } else {

package/lib/ConfigProvider/defaultRenderEmpty.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 declare const defaultRenderEmpty: (componentName?: string) => React.ReactNode;
-export declare type RenderEmptyHandler = typeof defaultRenderEmpty;
+export type RenderEmptyHandler = typeof defaultRenderEmpty;
 export default defaultRenderEmpty;

package/lib/ConfigProvider/defaultRenderEmpty.js

@@ -1,34 +1,25 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("antd/es/empty/style");
-
 var _empty = _interopRequireDefault(require("antd/es/empty"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _ = require(".");
-
 var defaultRenderEmpty = function defaultRenderEmpty(componentName) {
   return /*#__PURE__*/React.createElement(_.ConfigConsumer, null, function (_ref) {
     var getPrefixCls = _ref.getPrefixCls;
     var prefix = getPrefixCls('empty');
-
     switch (componentName) {
       case 'Table':
       case 'List':
         return /*#__PURE__*/React.createElement(_empty.default, {
           image: _empty.default.PRESENTED_IMAGE_SIMPLE
         });
-
       case 'Select':
       case 'TreeSelect':
       case 'Cascader':
@@ -38,15 +29,12 @@ var defaultRenderEmpty = function defaultRenderEmpty(componentName) {
           image: _empty.default.PRESENTED_IMAGE_SIMPLE,
           className: "".concat(prefix, "-small")
         });
-
       /* istanbul ignore next */
-
       default:
         // Should never hit if we take all the component into consider.
         return /*#__PURE__*/React.createElement(_empty.default, null);
     }
   });
 };
-
 var _default = defaultRenderEmpty;
 exports.default = _default;

package/lib/ConfigProvider/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,75 +18,51 @@ Object.defineProperty(exports, "ConfigContext", {
   }
 });
 exports.globalConfig = exports.defaultPrefixCls = exports.defaultIconPrefixCls = exports.default = exports.configConsumerProps = void 0;
-
 require("antd/es/config-provider/style");
-
 var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
-
 var _Context = _interopRequireDefault(require("@ant-design/icons/lib/components/Context"));
-
 var _rcFieldForm = require("rc-field-form");
-
 var _useMemo = _interopRequireDefault(require("rc-util/lib/hooks/useMemo"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _localeProvider = _interopRequireWildcard(require("../locale-provider"));
-
 var _LocaleReceiver = _interopRequireDefault(require("../locale-provider/LocaleReceiver"));
-
 var _default2 = _interopRequireDefault(require("../Locale/default"));
-
 var _message = _interopRequireDefault(require("../message"));
-
 var _notification = _interopRequireDefault(require("../notification"));
-
 var _context = require("./context");
-
 var _cssVariables = require("./cssVariables");
-
 var _DisabledContext = require("./DisabledContext");
-
 var _SizeContext = _interopRequireWildcard(require("./SizeContext"));
-
-var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader', 'iconUrl']; // These props is used by `useContext` directly in sub component
-
+var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader', 'iconUrl'];
+// These props is used by `useContext` directly in sub component
 exports.configConsumerProps = configConsumerProps;
 var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'pageHeader', 'input', 'pagination', 'form'];
 var defaultPrefixCls = ''; //'ant';
-
 exports.defaultPrefixCls = defaultPrefixCls;
 var defaultIconPrefixCls = 'anticon';
 exports.defaultIconPrefixCls = defaultIconPrefixCls;
 var globalPrefixCls;
 var globalIconPrefixCls;
-
 function getGlobalPrefixCls() {
   return globalPrefixCls || defaultPrefixCls;
 }
-
 function getGlobalIconPrefixCls() {
   return globalIconPrefixCls || defaultIconPrefixCls;
 }
-
 var setGlobalConfig = function setGlobalConfig(_ref) {
   var prefixCls = _ref.prefixCls,
-      iconPrefixCls = _ref.iconPrefixCls,
-      theme = _ref.theme;
-
+    iconPrefixCls = _ref.iconPrefixCls,
+    theme = _ref.theme;
   if (prefixCls !== undefined) {
     globalPrefixCls = prefixCls;
   }
-
   if (iconPrefixCls !== undefined) {
     globalIconPrefixCls = iconPrefixCls;
   }
-
   if (theme) {
     (0, _cssVariables.registerTheme)(getGlobalPrefixCls(), theme);
   }
 };
-
 var globalConfig = function globalConfig() {
   return {
     getPrefixCls: function getPrefixCls(suffixCls, customizePrefixCls) {
@@ -100,44 +74,38 @@ var globalConfig = function globalConfig() {
       // Customize rootPrefixCls is first priority
       if (rootPrefixCls) {
         return rootPrefixCls;
-      } // If Global prefixCls provided, use this
-
-
+      }
+      // If Global prefixCls provided, use this
       if (globalPrefixCls) {
         return globalPrefixCls;
-      } // [Legacy] If customize prefixCls provided, we cut it to get the prefixCls
-
-
+      }
+      // [Legacy] If customize prefixCls provided, we cut it to get the prefixCls
       if (customizePrefixCls && customizePrefixCls.includes('-')) {
         return customizePrefixCls.replace(/^(.*)-[^-]*$/, '$1');
-      } // Fallback to default prefixCls
-
-
+      }
+      // Fallback to default prefixCls
       return getGlobalPrefixCls();
     }
   };
 };
-
 exports.globalConfig = globalConfig;
-
 var ProviderChildren = function ProviderChildren(props) {
   var _a, _b;
-
   var children = props.children,
-      csp = props.csp,
-      autoInsertSpaceInButton = props.autoInsertSpaceInButton,
-      form = props.form,
-      locale = props.locale,
-      componentSize = props.componentSize,
-      direction = props.direction,
-      space = props.space,
-      virtual = props.virtual,
-      dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
-      legacyLocale = props.legacyLocale,
-      parentContext = props.parentContext,
-      iconPrefixCls = props.iconPrefixCls,
-      componentDisabled = props.componentDisabled,
-      iconUrl = props.iconUrl;
+    csp = props.csp,
+    autoInsertSpaceInButton = props.autoInsertSpaceInButton,
+    form = props.form,
+    locale = props.locale,
+    componentSize = props.componentSize,
+    direction = props.direction,
+    space = props.space,
+    virtual = props.virtual,
+    dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
+    legacyLocale = props.legacyLocale,
+    parentContext = props.parentContext,
+    iconPrefixCls = props.iconPrefixCls,
+    componentDisabled = props.componentDisabled,
+    iconUrl = props.iconUrl;
   var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {
     var prefixCls = props.prefixCls;
     if (customizePrefixCls) return customizePrefixCls;
@@ -154,17 +122,16 @@ var ProviderChildren = function ProviderChildren(props) {
     dropdownMatchSelectWidth: dropdownMatchSelectWidth,
     getPrefixCls: getPrefixCls,
     iconUrl: iconUrl
-  }); // Pass the props used by `useContext` directly with child component.
+  });
+  // Pass the props used by `useContext` directly with child component.
   // These props should merged into `config`.
-
   PASSED_PROPS.forEach(function (propName) {
     var propValue = props[propName];
-
     if (propValue) {
       config[propName] = propValue;
     }
-  }); // https://github.com/ant-design/ant-design/issues/27617
-
+  });
+  // https://github.com/ant-design/ant-design/issues/27617
   var memoedConfig = (0, _useMemo.default)(function () {
     return config;
   }, config, function (prevConfig, currentConfig) {
@@ -180,61 +147,51 @@ var ProviderChildren = function ProviderChildren(props) {
       csp: csp
     };
   }, [iconPrefixCls, csp]);
-  var childNode = children; // Additional Form provider
-
+  var childNode = children;
+  // Additional Form provider
   var validateMessages = {};
-
   if (locale) {
     validateMessages = ((_a = locale.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || ((_b = _default2.default.Form) === null || _b === void 0 ? void 0 : _b.defaultValidateMessages) || {};
   }
-
   if (form && form.validateMessages) {
     validateMessages = Object.assign(Object.assign({}, validateMessages), form.validateMessages);
   }
-
   if (Object.keys(validateMessages).length > 0) {
     childNode = /*#__PURE__*/React.createElement(_rcFieldForm.FormProvider, {
       validateMessages: validateMessages
     }, children);
   }
-
   if (locale) {
     childNode = /*#__PURE__*/React.createElement(_localeProvider.default, {
       locale: locale,
       _ANT_MARK__: _localeProvider.ANT_MARK
     }, childNode);
   }
-
   if (iconPrefixCls || csp) {
     childNode = /*#__PURE__*/React.createElement(_Context.default.Provider, {
       value: memoIconContextValue
     }, childNode);
   }
-
   if (componentSize) {
     childNode = /*#__PURE__*/React.createElement(_SizeContext.SizeContextProvider, {
       size: componentSize
     }, childNode);
   }
-
   if (componentDisabled !== undefined) {
     childNode = /*#__PURE__*/React.createElement(_DisabledContext.DisabledContextProvider, {
       disabled: componentDisabled
     }, childNode);
   }
-
   return /*#__PURE__*/React.createElement(_context.ConfigContext.Provider, {
     value: memoedConfig
   }, childNode);
 };
-
 var ConfigProvider = function ConfigProvider(props) {
   React.useEffect(function () {
     if (props.direction) {
       _message.default.config({
         rtl: props.direction === 'rtl'
       });
-
       _notification.default.config({
         rtl: props.direction === 'rtl'
       });
@@ -254,8 +211,6 @@ var ConfigProvider = function ConfigProvider(props) {
   );
 };
 /** @private internal Usage. do not use in your production */
-
-
 ConfigProvider.ConfigContext = _context.ConfigContext;
 ConfigProvider.SizeContext = _SizeContext.default;
 ConfigProvider.config = setGlobalConfig;

package/lib/CropImg/LmCropImg.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Root = _interopRequireDefault(require("./wrapper/Root"));
-
 var CropImg = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var defaultRef = (0, _react.useRef)(null);
   var defaultProps = Object.assign({

package/lib/CropImg/body/Operate.js

@@ -1,50 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _linkmoreDesign = require("linkmore-design");
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var ResetSlider = function ResetSlider(_a) {
   var value = _a.value,
-      _onChange = _a.onChange,
-      leftIcon = _a.leftIcon,
-      rightIcon = _a.rightIcon,
-      props = __rest(_a, ["value", "onChange", "leftIcon", "rightIcon"]); // 减
-
-
+    _onChange = _a.onChange,
+    leftIcon = _a.leftIcon,
+    rightIcon = _a.rightIcon,
+    props = __rest(_a, ["value", "onChange", "leftIcon", "rightIcon"]);
+  // 减
   var decrement = function decrement() {
     if (!(value > props.min)) return;
     var nValue = Math.round(value * 100 - props.step * 100) / 100;
     _onChange === null || _onChange === void 0 ? void 0 : _onChange(nValue);
-  }; // 增
-
-
+  };
+  // 增
   var increment = function increment() {
     if (!(value < props.max)) return;
     var nValue = Math.round(value * 100 + props.step * 100) / 100;
     _onChange === null || _onChange === void 0 ? void 0 : _onChange(nValue);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
     type: leftIcon,
     onClick: decrement
@@ -57,13 +47,12 @@ var ResetSlider = function ResetSlider(_a) {
     type: rightIcon,
     onClick: increment
   }));
-}; // 图片调整
-
-
+};
+// 图片调整
 var Operate = function Operate(_ref) {
   var instance = _ref.instance;
   var state = instance.state,
-      setTransform = instance.setTransform;
+    setTransform = instance.setTransform;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "img_crop_control"
   }, /*#__PURE__*/_react.default.createElement(ResetSlider, {
@@ -96,7 +85,5 @@ var Operate = function Operate(_ref) {
     max: 180
   })));
 };
-
 var _default = /*#__PURE__*/_react.default.memo(Operate);
-
 exports.default = _default;

package/lib/CropImg/body/index.js

@@ -1,27 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactEasyCrop = _interopRequireDefault(require("react-easy-crop"));
-
 var Index = function Index(_ref) {
   var instance = _ref.instance;
   var state = instance.state,
-      imgURL = instance.imgURL,
-      setTransform = instance.setTransform,
-      minZoom = instance.minZoom,
-      zoomSpeed = instance.zoomSpeed,
-      aspect = instance.aspect,
-      cropSize = instance.cropSize;
+    imgURL = instance.imgURL,
+    setTransform = instance.setTransform,
+    minZoom = instance.minZoom,
+    zoomSpeed = instance.zoomSpeed,
+    aspect = instance.aspect,
+    cropSize = instance.cropSize;
   var onCropComplete = (0, _react.useCallback)(function (croppedArea, croppedAreaPixels) {
     // console.log('croppedArea:', croppedArea, 'croppedAreaPixels:', croppedAreaPixels)
     setTransform({
@@ -54,7 +49,5 @@ var Index = function Index(_ref) {
     }
   })));
 };
-
 var _default = /*#__PURE__*/_react.default.memo(Index);
-
 exports.default = _default;