@nutui/nutui-react 2.1.0-beta.0 → 2.1.0

package/dist/esm/popup2.js

@@ -1,32 +1,32 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default, { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react";
-import { d as defaultOverlayProps } from "./overlay2.js";
+import { d as defaultOverlayProps, u as useLockScroll } from "./overlay2.js";
 import Overlay from "./Overlay.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -57,10 +57,12 @@ var Popup = function Popup2(props) {
   var _classNames, _classNames2;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, overlay = _defaultProps$props.overlay, closeOnOverlayClick = _defaultProps$props.closeOnOverlayClick, overlayStyle = _defaultProps$props.overlayStyle, overlayClassName = _defaultProps$props.overlayClassName, zIndex = _defaultProps$props.zIndex, lockScroll = _defaultProps$props.lockScroll, duration = _defaultProps$props.duration, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, left = _defaultProps$props.left, title = _defaultProps$props.title, style = _defaultProps$props.style, transition = _defaultProps$props.transition, round = _defaultProps$props.round, position = _defaultProps$props.position, className = _defaultProps$props.className, destroyOnClose = _defaultProps$props.destroyOnClose, portal = _defaultProps$props.portal, onOpen2 = _defaultProps$props.onOpen, onClose2 = _defaultProps$props.onClose, onOverlayClick2 = _defaultProps$props.onOverlayClick, onCloseIconClick2 = _defaultProps$props.onCloseIconClick, afterShow = _defaultProps$props.afterShow, afterClose = _defaultProps$props.afterClose, onClick = _defaultProps$props.onClick;
   var nodeRef = React__default.useRef(null);
-  var _useState = useState(zIndex || _zIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
+  var innerIndex = zIndex || _zIndex;
+  var _useState = useState(innerIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
   var _useState3 = useState(visible), _useState4 = _slicedToArray(_useState3, 2), innerVisible = _useState4[0], setInnerVisible = _useState4[1];
   var _useState5 = useState(true), _useState6 = _slicedToArray(_useState5, 2), showChildren = _useState6[0], setShowChildren = _useState6[1];
   var _useState7 = useState(""), _useState8 = _slicedToArray(_useState7, 2), transitionName = _useState8[0], setTransitionName = _useState8[1];
+  useLockScroll(nodeRef, innerVisible && lockScroll);
   var classPrefix = "nut-popup";
   var baseStyle = {
     zIndex: index
@@ -69,12 +71,14 @@ var Popup = function Popup2(props) {
     "--nutui-overlay-zIndex": index
   });
   var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
-  var popClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-round"), round || position === "bottom"), _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(position), true), _defineProperty(_classNames, "".concat(className || ""), true), _classNames));
-  var closeClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-title-right"), true), _defineProperty(_classNames2, "".concat(classPrefix, "-title-right--").concat(closeIconPosition), true), _classNames2));
+  var popClassName = classNames((_classNames = {
+    round
+  }, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(position), true), _defineProperty(_classNames, "".concat(className || ""), true), _classNames));
+  var closeClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon--").concat(closeIconPosition), true), _classNames2));
   var open = function open2() {
     if (!innerVisible) {
       setInnerVisible(true);
-      setIndex(++_zIndex);
+      setIndex(++innerIndex);
     }
     if (destroyOnClose) {
       setShowChildren(true);
@@ -123,25 +127,24 @@ var Popup = function Popup2(props) {
     }
     return node;
   };
-  var renderTitle = function renderTitle2() {
-    if (left || title) {
-      return React__default.createElement("div", {
-        className: "".concat(classPrefix, "-title")
-      }, position === "bottom" && React__default.createElement(React__default.Fragment, null, left && React__default.createElement("div", {
-        className: "".concat(classPrefix, "-title-left")
-      }, left), title && React__default.createElement("div", {
-        className: "".concat(classPrefix, "-title-title")
-      }, title)), closeable && React__default.createElement("div", {
-        className: closeClasses,
-        onClick: onHandleClickCloseIcon
-      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
-    }
+  var renderIcon = function renderIcon2() {
     if (closeable) {
-      return React__default.createElement(React__default.Fragment, null, closeable && React__default.createElement("div", {
+      return React__default.createElement("div", {
         className: closeClasses,
         onClick: onHandleClickCloseIcon
-      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
+      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, {
+        width: 12,
+        height: 12
+      }));
     }
+    return null;
+  };
+  var renderTitle = function renderTitle2() {
+    return React__default.createElement(React__default.Fragment, null, position === "bottom" && React__default.createElement(React__default.Fragment, null, left && React__default.createElement("div", {
+      className: "".concat(classPrefix, "-left-icon")
+    }, left), title && React__default.createElement("div", {
+      className: "".concat(classPrefix, "-title")
+    }, title)));
   };
   var renderPop = function renderPop2() {
     return React__default.createElement(CSSTransition, {
@@ -157,7 +160,7 @@ var Popup = function Popup2(props) {
       style: popStyles,
       className: popClassName,
       onClick: onHandleClick
-    }, renderTitle(), showChildren ? children : ""));
+    }, renderTitle(), renderIcon(), showChildren ? children : ""));
   };
   var renderNode = function renderNode2() {
     return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
@@ -165,7 +168,6 @@ var Popup = function Popup2(props) {
       className: overlayClassName,
       visible: innerVisible,
       closeOnOverlayClick,
-      zIndex,
       lockScroll,
       duration,
       onClick: onHandleClickOverlay

package/dist/esm/radio2.js

@@ -2,29 +2,29 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "className", "style", "checked", "defaultChecked", "shape", "value", "icon", "activeIcon", "onChange"], _excluded2 = ["labelPosition", "disabled"];
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default, { useContext } from "react";
-import { CheckDisabled, CheckChecked, CheckNormal } from "@nutui/icons-react";
+import { CheckChecked, CheckNormal } from "@nutui/icons-react";
 import classNames from "classnames";
 import RadioGroup from "./RadioGroup.js";
 import { C as ComponentDefaults } from "./typings.js";
@@ -69,26 +69,21 @@ var Radio = function Radio2(props) {
   }
   var renderLabel = function renderLabel2() {
     return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-label"), _defineProperty({}, "".concat(classPrefix, "-label-disabled"), disabled))
+      className: classNames("".concat(classPrefix, "__label"), _defineProperty({}, "".concat(classPrefix, "__label--disabled"), disabled))
     }, children);
   };
   var renderButton = function renderButton2() {
     var _classNames2;
     return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-button-active"), checkedStatement), _defineProperty(_classNames2, "".concat(classPrefix, "-button-disabled"), disabled), _classNames2))
+      className: classNames("".concat(classPrefix, "__button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__button--active"), checkedStatement), _defineProperty(_classNames2, "".concat(classPrefix, "__button--disabled"), disabled), _classNames2))
     }, children);
   };
   var color = function color2() {
     var _ref;
-    return _ref = {}, _defineProperty(_ref, "".concat(classPrefix, "-icon-disabled"), disabled), _defineProperty(_ref, "".concat(classPrefix, "-icon"), !checkedStatement), _defineProperty(_ref, "".concat(classPrefix, "-icon-checked"), checkedStatement), _ref;
+    return _ref = {}, _defineProperty(_ref, "".concat(classPrefix, "__icon--disable"), disabled), _defineProperty(_ref, "".concat(classPrefix, "__icon"), checkedStatement), _defineProperty(_ref, "".concat(classPrefix, "__icon--unchecked"), !checkedStatement), _ref;
   };
   var renderIcon = function renderIcon2() {
     var icon2 = props.icon, activeIcon2 = props.activeIcon;
-    if (disabled && !checkedStatement) {
-      return React__default.createElement(CheckDisabled, {
-        className: classNames(color())
-      });
-    }
     if (checkedStatement) {
       return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, _objectSpread(_objectSpread({}, activeIcon2.props), {}, {
         className: classNames(color())
@@ -102,14 +97,10 @@ var Radio = function Radio2(props) {
       className: classNames(color())
     });
   };
-  var reverse = labelPosition === "left";
   var renderRadioItem = function renderRadioItem2() {
     if (shape === "button") {
       return renderButton();
     }
-    if (reverse) {
-      return React__default.createElement(React__default.Fragment, null, renderLabel(), renderIcon());
-    }
     return React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
   };
   var handleClick = function handleClick2(e) {
@@ -118,7 +109,7 @@ var Radio = function Radio2(props) {
     setCheckedStatement(!checkedStatement);
   };
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, " ").concat(className, " ").concat(reverse ? "".concat(classPrefix, "-reverse") : ""),
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "--reverse"), labelPosition === "left"), className),
     style,
     onClick: handleClick
   }, rest), renderRadioItem());

package/dist/esm/render.js

@@ -2,26 +2,26 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import * as ReactDOM from "react-dom";
 var fullClone = _objectSpread({}, ReactDOM);
@@ -72,7 +72,7 @@ function _concurrentUnmount() {
           case 0:
             return _context.abrupt("return", Promise.resolve().then(function() {
               var _container$MARK;
-              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
+              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();
               delete container[MARK];
             }));
           case 1:

package/dist/esm/safearea2.js

@@ -0,0 +1,11 @@
+import React__default from "react";
+import classNames from "classnames";
+var classPrefix = "nut-safe-area";
+var SafeArea = function SafeArea2(props) {
+  return React__default.createElement("div", {
+    className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
+  });
+};
+export {
+  SafeArea as S
+};

package/dist/esm/tabbaritem2.js

@@ -1,26 +1,26 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "style", "title", "icon", "active", "activeColor", "inactiveColor", "index", "value", "dot", "max", "top", "right", "handleClick"];
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default from "react";
 import classNames from "classnames";
@@ -40,7 +40,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 var TabbarItem = function TabbarItem2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, icon = _defaultProps$props.icon, active = _defaultProps$props.active, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, index = _defaultProps$props.index, value = _defaultProps$props.value, dot = _defaultProps$props.dot, max = _defaultProps$props.max, top = _defaultProps$props.top, right = _defaultProps$props.right, handleClick = _defaultProps$props.handleClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-tabbar-item";
-  var tabbarItemClass = classNames(className, classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active));
+  var tabbarItemClass = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active), className);
   var boxPrefix = "".concat(classPrefix, "__icon-box");
   var titleClass = classNames(boxPrefix, "".concat(boxPrefix, "-nav"), _defineProperty({}, "".concat(boxPrefix, "-large"), !icon));
   var badgeProps = {

package/dist/esm/tabs2.js

@@ -2,26 +2,26 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["activeColor", "tabStyle", "direction", "activeType", "duration", "align", "title", "children", "onClick", "onChange", "className", "autoHeight"];
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";

package/dist/esm/types/src/packages/actionsheet/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ActionSheetDemo: () => JSX.Element;
+import React from 'react';
+declare const ActionSheetDemo: () => React.JSX.Element;
 export default ActionSheetDemo;

package/dist/esm/types/src/packages/actionsheet/demo.taro.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export type ItemType<T> = {
     [key: string]: T;
 };
-declare const ActionSheetDemo: () => JSX.Element;
+declare const ActionSheetDemo: () => React.JSX.Element;
 export default ActionSheetDemo;

package/dist/esm/types/src/packages/address/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const AddressDemo: () => JSX.Element;
+import React from 'react';
+declare const AddressDemo: () => React.JSX.Element;
 export default AddressDemo;

package/dist/esm/types/src/packages/address/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const AddressDemo: () => JSX.Element;
+import React from 'react';
+declare const AddressDemo: () => React.JSX.Element;
 export default AddressDemo;

package/dist/esm/types/src/packages/animate/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const AnimateDemo: () => JSX.Element;
+declare const AnimateDemo: () => React.JSX.Element;
 export default AnimateDemo;

package/dist/esm/types/src/packages/animate/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/animate/demo.scss';
-declare const AnimateDemo: () => JSX.Element;
+declare const AnimateDemo: () => React.JSX.Element;
 export default AnimateDemo;

package/dist/esm/types/src/packages/animatingnumbers/animatingnumbers.d.ts

@@ -6,5 +6,5 @@ export declare class AnimatingNumbers extends Component<AnimatingNumbersProps, u
     static displayName: string;
     static CountUp: React.FunctionComponent<Partial<import("./countup").CountUpProps>>;
     constructor(props: AnimatingNumbersProps);
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/esm/types/src/packages/animatingnumbers/animatingnumbers.taro.d.ts

@@ -6,5 +6,5 @@ export declare class AnimatingNumbers extends Component<AnimatingNumbersProps, u
     static displayName: string;
     static CountUp: React.FunctionComponent<Partial<import("./countup.taro").CountUpProps>>;
     constructor(props: AnimatingNumbersProps);
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/esm/types/src/packages/animatingnumbers/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const AnimatingNumbersDemo: () => JSX.Element;
+declare const AnimatingNumbersDemo: () => React.JSX.Element;
 export default AnimatingNumbersDemo;

package/dist/esm/types/src/packages/animatingnumbers/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/animatingnumbers/demo.scss';
-declare const AnimatingNumbersDemo: () => JSX.Element;
+declare const AnimatingNumbersDemo: () => React.JSX.Element;
 export default AnimatingNumbersDemo;

package/dist/esm/types/src/packages/audio/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const AudioDemo: () => JSX.Element;
+declare const AudioDemo: () => React.JSX.Element;
 export default AudioDemo;

package/dist/esm/types/src/packages/audio/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/audio/demo.scss';
-declare const AudioDemo: () => JSX.Element;
+declare const AudioDemo: () => React.JSX.Element;
 export default AudioDemo;

package/dist/esm/types/src/packages/avatar/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const AvatarDemo: () => JSX.Element;
+declare const AvatarDemo: () => React.JSX.Element;
 export default AvatarDemo;

package/dist/esm/types/src/packages/avatar/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/avatar/demo.scss';
-declare const AvatarDemo: () => JSX.Element;
+declare const AvatarDemo: () => React.JSX.Element;
 export default AvatarDemo;

package/dist/esm/types/src/packages/avatarcropper/__tests__/avatarcropper.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/avatarcropper/avatarcropper.d.ts

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export type AvatarCropperToolbarPosition = 'top' | 'bottom';
+export interface AvatarCropperProps extends BasicComponent {
+    maxZoom: number;
+    space: number;
+    toolbar: React.ReactNode[];
+    toolbarPosition: AvatarCropperToolbarPosition;
+    editText: React.ReactNode | string;
+    onConfirm: (e: string) => void;
+    onCancel: () => void;
+}
+export declare const AvatarCropper: FunctionComponent<Partial<AvatarCropperProps>>;

package/dist/esm/types/src/packages/avatarcropper/avatarcropper.taro.d.ts

@@ -0,0 +1,17 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export type AvatarCropperToolbarPosition = 'top' | 'bottom';
+export type AvatarCropperSizeType = 'original' | 'compressed';
+export type AvatarCropperSourceType = 'album' | 'camera';
+export interface AvatarCropperProps extends BasicComponent {
+    maxZoom: number;
+    space: number;
+    toolbar: React.ReactNode[];
+    toolbarPosition: AvatarCropperToolbarPosition;
+    editText: React.ReactNode | string;
+    sizeType: AvatarCropperSizeType[];
+    sourceType: AvatarCropperSourceType[];
+    onConfirm: (e: string) => void;
+    onCancel: () => void;
+}
+export declare const AvatarCropper: FunctionComponent<Partial<AvatarCropperProps>>;

package/dist/esm/types/src/packages/avatarcropper/demo.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './demo.scss';
+declare const AvatarCropperDemo: () => React.JSX.Element;
+export default AvatarCropperDemo;

package/dist/esm/types/src/packages/avatarcropper/demo.taro.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './demo.scss';
+declare const AvatarCropperDemo: () => React.JSX.Element;
+export default AvatarCropperDemo;

package/dist/esm/types/src/packages/avatarcropper/index.d.ts

@@ -0,0 +1,3 @@
+import { AvatarCropper } from './avatarcropper';
+export type { AvatarCropperProps, AvatarCropperToolbarPosition, } from './avatarcropper';
+export default AvatarCropper;

package/dist/esm/types/src/packages/avatarcropper/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { AvatarCropper } from './avatarcropper.taro';
+export type { AvatarCropperProps, AvatarCropperToolbarPosition, AvatarCropperSizeType, AvatarCropperSourceType, } from './avatarcropper.taro';
+export default AvatarCropper;

package/dist/esm/types/src/packages/backtop/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const BackTopDemo: () => JSX.Element;
+import React from 'react';
+declare const BackTopDemo: () => React.JSX.Element;
 export default BackTopDemo;

package/dist/esm/types/src/packages/backtop/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const BackTopDemo: () => JSX.Element;
+import React from 'react';
+declare const BackTopDemo: () => React.JSX.Element;
 export default BackTopDemo;

package/dist/esm/types/src/packages/badge/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const BadgeDemo: () => JSX.Element;
+import React from 'react';
+declare const BadgeDemo: () => React.JSX.Element;
 export default BadgeDemo;

package/dist/esm/types/src/packages/badge/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const BadgeDemo: () => JSX.Element;
+import React from 'react';
+declare const BadgeDemo: () => React.JSX.Element;
 export default BadgeDemo;

package/dist/esm/types/src/packages/barrage/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss?module';
-declare const BarrageDemo: () => JSX.Element;
+declare const BarrageDemo: () => React.JSX.Element;
 export default BarrageDemo;