@nutui/nutui-react-taro 3.0.0 → 3.0.1

package/dist/nutui.react.umd.js

@@ -409,7 +409,7 @@
     ].includes(Taro.getEnv().toLowerCase());
   };
   var prefixCls$2 = "nut-button";
-  var defaultProps$1B = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1A = _object_spread_props(_object_spread({}, ComponentDefaults), {
     color: "",
     type: "default",
     size: "normal",
@@ -424,7 +424,7 @@
     }
   });
   var Button = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$1B, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type2 = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1A, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type2 = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "color",
       "shape",
       "fill",
@@ -518,14 +518,14 @@
   });
   Button.displayName = "NutButton";
   var CellGroupContext = React.createContext(null);
-  var defaultProps$1A = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1z = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     description: "",
     divider: true
   });
   var classPrefix$u = "nut-cell-group";
   var CellGroup = function(props) {
-    var _ref = _object_spread({}, defaultProps$1A, props), children = _ref.children, className = _ref.className, title = _ref.title, description = _ref.description, divider = _ref.divider, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1z, props), children = _ref.children, className = _ref.className, title = _ref.title, description = _ref.description, divider = _ref.divider, rest = _object_without_properties(_ref, [
       "children",
       "className",
       "title",
@@ -1137,7 +1137,7 @@
     if (harmony()) return Taro.pxTransform(value2, 375);
     return "".concat(value2, "px");
   }
-  var defaultProps$1z = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1y = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: null,
     description: null,
     extra: null,
@@ -1151,7 +1151,7 @@
   var classPrefix$s = "nut-cell";
   var Cell = function(props) {
     var ctx = React.useContext(CellGroupContext);
-    var _$_object_spread = _object_spread({}, defaultProps$1z, props), children = _$_object_spread.children, onClick = _$_object_spread.onClick, title = _$_object_spread.title, description = _$_object_spread.description, extra = _$_object_spread.extra, radius = _$_object_spread.radius, align = _$_object_spread.align, isLast = _$_object_spread.isLast, className = _$_object_spread.className, style = _$_object_spread.style, clickable = _$_object_spread.clickable;
+    var _$_object_spread = _object_spread({}, defaultProps$1y, props), children = _$_object_spread.children, onClick = _$_object_spread.onClick, title = _$_object_spread.title, description = _$_object_spread.description, extra = _$_object_spread.extra, radius = _$_object_spread.radius, align = _$_object_spread.align, isLast = _$_object_spread.isLast, className = _$_object_spread.className, style = _$_object_spread.style, clickable = _$_object_spread.clickable;
     var rtl = useRtl();
     var handleClick = function(event) {
       onClick(event);
@@ -1239,14 +1239,14 @@
   function _sliced_to_array(arr, i2) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i2) || _unsupported_iterable_to_array(arr, i2) || _non_iterable_rest();
   }
-  var defaultProps$1y = {
+  var defaultProps$1x = {
     src: "",
     error: true,
     loading: true
   };
   var Image$1 = function(props) {
     var classPrefix2 = "nut-image";
-    var _ref = _object_spread({}, defaultProps$1y, props), className = _ref.className, style = _ref.style, src = _ref.src, width2 = _ref.width, height2 = _ref.height, radius = _ref.radius, error = _ref.error, loading = _ref.loading, onLoad = _ref.onLoad, onError = _ref.onError, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1x, props), className = _ref.className, style = _ref.style, src = _ref.src, width2 = _ref.width, height2 = _ref.height, radius = _ref.radius, error = _ref.error, loading = _ref.loading, onLoad = _ref.onLoad, onError = _ref.onError, rest = _object_without_properties(_ref, [
       "className",
       "style",
       "src",
@@ -3279,9 +3279,9 @@
       visible
     ]);
     var classes = classNames(classPrefix2, className);
-    var styles = _object_spread_props(_object_spread({}, style), {
+    var styles = _object_spread({
       zIndex
-    });
+    }, style);
     var handleClick = function(e2) {
       if (closeOnOverlayClick) {
         onClick && onClick(e2);
@@ -3297,7 +3297,7 @@
         onClick: handleClick
       }), children);
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, !harmony() ? /* @__PURE__ */ React.createElement(CSSTransition, {
+    return /* @__PURE__ */ React.createElement(CSSTransition, {
       nodeRef,
       classNames: "".concat(classPrefix2, "-slide"),
       unmountOnExit: true,
@@ -3305,16 +3305,16 @@
       in: innerVisible,
       onEntered: afterShow,
       onExited: afterClose
-    }, renderOverlay()) : innerVisible && renderOverlay());
+    }, renderOverlay());
   };
   Overlay.displayName = "NutOverlay";
-  var defaultProps$1x = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1w = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentPosition: "center",
     direction: "horizontal"
   });
   var classPrefix$r = "nut-divider";
   var Divider = function(props) {
-    var _ref = _object_spread({}, defaultProps$1x, props), children = _ref.children, contentPosition = _ref.contentPosition, style = _ref.style, className = _ref.className, direction = _ref.direction;
+    var _ref = _object_spread({}, defaultProps$1w, props), children = _ref.children, contentPosition = _ref.contentPosition, style = _ref.style, className = _ref.className, direction = _ref.direction;
     _object_without_properties(_ref, [
       "children",
       "contentPosition",
@@ -3350,7 +3350,7 @@
     }
   };
   const GridContext = React.createContext(context);
-  var defaultProps$1w = {
+  var defaultProps$1v = {
     text: "",
     columns: 4,
     gap: 9,
@@ -3360,7 +3360,7 @@
     direction: "vertical"
   };
   var GridItem = function(props) {
-    var _ref = _object_spread({}, defaultProps$1w, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index2 = _ref.index, gap = _ref.gap, square = _ref.square, text2 = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick;
+    var _ref = _object_spread({}, defaultProps$1v, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index2 = _ref.index, gap = _ref.gap, square = _ref.square, text2 = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick;
     _object_without_properties(_ref, [
       "children",
       "style",
@@ -3431,7 +3431,7 @@
     }, text2))));
   };
   GridItem.displayName = "NutGridItem";
-  var defaultProps$1v = {
+  var defaultProps$1u = {
     columns: 4,
     gap: 9,
     center: true,
@@ -3440,7 +3440,7 @@
     direction: "vertical"
   };
   var Grid = function(props) {
-    var _ref = _object_spread({}, defaultProps$1v, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1u, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "children",
       "columns",
       "gap",
@@ -3495,7 +3495,7 @@
   };
   Layout.displayName = "NutLayout";
   var DataContext$1 = React.createContext({});
-  var defaultProps$1u = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1t = _object_spread_props(_object_spread({}, ComponentDefaults), {
     span: "24",
     offset: "0",
     gutter: "0",
@@ -3503,7 +3503,7 @@
     isLast: false
   });
   var Col = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1u, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1t, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
     var _useState = _sliced_to_array(React.useState(""), 2), colName = _useState[0], setColName = _useState[1];
     var _useState1 = _sliced_to_array(React.useState({}), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
     var gutter = React.useContext(DataContext$1).gutter;
@@ -3540,7 +3540,7 @@
   };
   Col.displayName = "NutCol";
   var classPrefix$q = "nut-row";
-  var defaultProps$1t = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1s = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "",
     justify: "start",
     align: "flex-start",
@@ -3548,7 +3548,7 @@
     gutter: "0"
   });
   var Row = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1t, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type2 = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1s, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type2 = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
     var getClass = function(prefix, type3) {
       var classType = type3 ? "nut-row-".concat(prefix, "-").concat(type3) : "";
       if (prefix) return classType;
@@ -3578,12 +3578,19 @@
     })));
   };
   Row.displayName = "NutRow";
+  var classPrefix$p = "nut-safe-area";
+  var SafeArea = function(props) {
+    return /* @__PURE__ */ React.createElement(components.View, {
+      className: classNames(classPrefix$p, "".concat(classPrefix$p, "-position-").concat(props.position))
+    });
+  };
+  SafeArea.displayName = "NutSafeArea";
   var prefixCls$1 = "nut-space";
-  var defaultProps$1s = {
+  var defaultProps$1r = {
     direction: "horizontal"
   };
   var Space = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1s, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, wrap = _$_object_spread.wrap, align = _$_object_spread.align, direction = _$_object_spread.direction, justify = _$_object_spread.justify;
+    var _$_object_spread = _object_spread({}, defaultProps$1r, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, wrap = _$_object_spread.wrap, align = _$_object_spread.align, direction = _$_object_spread.direction, justify = _$_object_spread.justify;
     var rtl = useRtl();
     var _obj;
     var cls = classNames(prefixCls$1, (_obj = {}, _define_property(_obj, "".concat(prefixCls$1, "-").concat(direction), direction), _define_property(_obj, "".concat(prefixCls$1, "-").concat(direction, "-wrap"), wrap), _define_property(_obj, "".concat(prefixCls$1, "-align-").concat(align), align), _define_property(_obj, "".concat(prefixCls$1, "-justify-").concat(justify), justify), _define_property(_obj, "".concat(className), className), _obj));
@@ -3806,13 +3813,13 @@
       return _ref.apply(this, arguments);
     };
   }();
-  var defaultProps$1r = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1q = _object_spread_props(_object_spread({}, ComponentDefaults), {
     position: "top",
     zIndex: 900
   });
-  var classPrefix$p = "nut-sticky";
+  var classPrefix$o = "nut-sticky";
   var Sticky = function(props) {
-    var _ref = _object_spread({}, defaultProps$1r, props), position2 = _ref.position, zIndex = _ref.zIndex, threshold = _ref.threshold;
+    var _ref = _object_spread({}, defaultProps$1q, props), position2 = _ref.position, zIndex = _ref.zIndex, threshold = _ref.threshold;
     _ref.style;
     var children = _ref.children, container = _ref.container, className = _ref.className, onChange = _ref.onChange, rest = _object_without_properties(_ref, [
       "position",
@@ -3969,7 +3976,7 @@
     return /* @__PURE__ */ React.createElement("div", _object_spread({
       ref: rootRef,
       style: rootStyle,
-      className: classNames(classPrefix$p, className)
+      className: classNames(classPrefix$o, className)
     }, rest), /* @__PURE__ */ React.createElement(components.View, {
       className: classNames("nut-sticky-box", {
         "nut-sticky-fixed": fixed
@@ -3979,20 +3986,13 @@
     }, children));
   };
   Sticky.displayName = "NutSticky";
-  var classPrefix$o = "nut-safe-area";
-  var SafeArea = function(props) {
-    return /* @__PURE__ */ React.createElement(components.View, {
-      className: classNames(classPrefix$o, "".concat(classPrefix$o, "-position-").concat(props.position))
-    });
-  };
-  SafeArea.displayName = "NutSafeArea";
   var getIcon = function(icon) {
     return React.isValidElement(icon) ? React.cloneElement(icon, {
       // @ts-ignore
       className: "nut-icon"
     }) : icon;
   };
-  var defaultProps$1q = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1p = _object_spread_props(_object_spread({}, ComponentDefaults), {
     icon: null,
     onClick: function(value2) {
     }
@@ -4000,7 +4000,7 @@
   var classPrefix$n = "nut-hoverbutton-item";
   var isHarmony = harmony();
   var HoverButtonItem = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1q, props), className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick, children = _$_object_spread.children;
+    var _$_object_spread = _object_spread({}, defaultProps$1p, props), className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick, children = _$_object_spread.children;
     var _useState = _sliced_to_array(React.useState(false), 2), isTouchStart = _useState[0], setTouchStart = _useState[1];
     React.useMemo(function() {
       return isHarmony ? {
@@ -4045,10 +4045,10 @@
   };
   HoverButtonItem.displayName = "NutHoverButtonItem";
   var UI_BOTTOM_DISTANCE = 60;
-  var defaultProps$1p = _object_spread({}, ComponentDefaults);
+  var defaultProps$1o = _object_spread({}, ComponentDefaults);
   var classPrefix$m = "nut-hoverbutton";
   var HoverButton = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1p, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, tabbarHeight = _$_object_spread.tabbarHeight, className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1o, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, tabbarHeight = _$_object_spread.tabbarHeight, className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
     var rtl = useRtl();
     var baseStyle = _object_spread({}, style);
     if (tabbarHeight) {
@@ -4074,13 +4074,13 @@
   };
   HoverButton.displayName = "NutHoverButton";
   HoverButton.Item = HoverButtonItem;
-  var defaultProps$1o = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1n = _object_spread_props(_object_spread({}, ComponentDefaults), {
     threshold: 200,
     zIndex: 900,
     duration: 1e3
   });
   var BackTop = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1o, props), children = _$_object_spread.children, threshold = _$_object_spread.threshold, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, duration = _$_object_spread.duration, icon = _$_object_spread.icon, style = _$_object_spread.style, scrollRes = _$_object_spread.scrollRes, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1n, props), children = _$_object_spread.children, threshold = _$_object_spread.threshold, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, duration = _$_object_spread.duration, icon = _$_object_spread.icon, style = _$_object_spread.style, scrollRes = _$_object_spread.scrollRes, onClick = _$_object_spread.onClick;
     var classPrefix2 = "nut-backtop";
     var _useState = _sliced_to_array(React.useState(false), 2), backTop = _useState[0], setBackTop = _useState[1];
     var cls = classNames(classPrefix2, _define_property({}, "".concat(classPrefix2, "-show"), backTop), className);
@@ -4162,7 +4162,7 @@
     return idRef.current;
   }
   var elevatorContext = /* @__PURE__ */ React.createContext({});
-  var defaultProps$1n = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1m = _object_spread_props(_object_spread({}, ComponentDefaults), {
     height: "200px",
     floorKey: "title",
     list: [],
@@ -4173,7 +4173,7 @@
     className: "weapp-elevator"
   });
   var Elevator = function(props) {
-    var _ref = _object_spread({}, defaultProps$1n, props), height2 = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight;
+    var _ref = _object_spread({}, defaultProps$1m, props), height2 = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight;
     _ref.titleHeight;
     var showKeys = _ref.showKeys, className = _ref.className, style = _ref.style, onItemClick = _ref.onItemClick, onIndexClick = _ref.onIndexClick, children = _ref.children, rest = _object_without_properties(_ref, [
       "height",
@@ -4398,7 +4398,7 @@
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  var defaultProps$1m = _object_spread_props(_object_spread({}, defaultOverlayProps), {
+  var defaultProps$1l = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     activeText: "",
     inactiveText: "",
     type: "right",
@@ -4416,7 +4416,7 @@
   });
   var FixedNav = function(props) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$1m, props), className = _$_object_spread.className, overlay = _$_object_spread.overlay, visible = _$_object_spread.visible, list = _$_object_spread.list, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, position2 = _$_object_spread.position, type2 = _$_object_spread.type, children = _$_object_spread.children, style = _$_object_spread.style, content2 = _$_object_spread.content, zIndex = _$_object_spread.zIndex, onChange = _$_object_spread.onChange, onSelect = _$_object_spread.onSelect;
+    var _$_object_spread = _object_spread({}, defaultProps$1l, props), className = _$_object_spread.className, overlay = _$_object_spread.overlay, visible = _$_object_spread.visible, list = _$_object_spread.list, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, position2 = _$_object_spread.position, type2 = _$_object_spread.type, children = _$_object_spread.children, style = _$_object_spread.style, content2 = _$_object_spread.content, zIndex = _$_object_spread.zIndex, onChange = _$_object_spread.onChange, onSelect = _$_object_spread.onSelect;
     var classPrefix2 = "nut-fixednav";
     var classes = classNames(classPrefix2, {
       active: visible
@@ -4461,7 +4461,7 @@
     }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText))));
   };
   FixedNav.displayName = "NutFixedNav";
-  var defaultProps$1l = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1k = _object_spread_props(_object_spread({}, ComponentDefaults), {
     left: "",
     right: "",
     back: "",
@@ -4471,7 +4471,7 @@
     zIndex: 10
   });
   var NavBar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1l, props), right2 = _$_object_spread.right, left2 = _$_object_spread.left, title = _$_object_spread.title, className = _$_object_spread.className, style = _$_object_spread.style, back = _$_object_spread.back, fixed = _$_object_spread.fixed, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, placeholder = _$_object_spread.placeholder, zIndex = _$_object_spread.zIndex, onBackClick = _$_object_spread.onBackClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1k, props), right2 = _$_object_spread.right, left2 = _$_object_spread.left, title = _$_object_spread.title, className = _$_object_spread.className, style = _$_object_spread.style, back = _$_object_spread.back, fixed = _$_object_spread.fixed, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, placeholder = _$_object_spread.placeholder, zIndex = _$_object_spread.zIndex, onBackClick = _$_object_spread.onBackClick;
     var classPrefix2 = "nut-navbar";
     var rtl = useRtl();
     var children = Array.isArray(props.children) ? props.children : [
@@ -4521,208 +4521,6 @@
     }, renderWrapper()) : renderWrapper());
   };
   NavBar.displayName = "NutNavBar";
-  var defaultProps$1k = _object_spread_props(_object_spread({}, defaultOverlayProps), {
-    position: "center",
-    transition: "",
-    overlayStyle: {},
-    overlayClassName: "",
-    closeable: false,
-    closeIconPosition: "top-right",
-    closeIcon: "close",
-    destroyOnClose: false,
-    portal: null,
-    overlay: true,
-    round: false,
-    onOpen: function() {
-    },
-    onClose: function() {
-    },
-    onOverlayClick: function() {
-      return true;
-    },
-    onCloseIconClick: function() {
-      return true;
-    }
-  });
-  var _zIndex = 1100;
-  var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1k, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left2 = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
-    var innerIndex = zIndex || _zIndex;
-    var _useState = _sliced_to_array(React.useState(innerIndex), 2), index2 = _useState[0], setIndex = _useState[1];
-    var _useState1 = _sliced_to_array(React.useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
-    var _useState2 = _sliced_to_array(React.useState(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
-    var _useState3 = _sliced_to_array(React.useState(""), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
-    var refObject = useLockScrollTaro(innerVisible && lockScroll);
-    var classPrefix2 = "nut-popup";
-    var overlayStyles = _object_spread({}, overlayStyle);
-    var popStyles = _object_spread_props(_object_spread({}, style), {
-      zIndex: index2
-    });
-    var _obj;
-    var popClassName = classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-round"), round || position2 === "bottom"), _define_property(_obj, "".concat(classPrefix2, "-").concat(position2), true), _obj), className);
-    var open2 = function() {
-      if (!innerVisible) {
-        setInnerVisible(true);
-        setIndex(++innerIndex);
-      }
-      if (destroyOnClose) {
-        setShowChildren(true);
-      }
-      onOpen && onOpen();
-    };
-    var close2 = function() {
-      if (innerVisible) {
-        setInnerVisible(false);
-        if (destroyOnClose) {
-          setTimeout(function() {
-            setShowChildren(false);
-          }, Number(duration));
-        }
-        onClose && onClose();
-      }
-    };
-    var handleOverlayClick = function(e2) {
-      e2.stopPropagation();
-      if (closeOnOverlayClick && onOverlayClick(e2)) {
-        close2();
-      }
-    };
-    var handleCloseIconClick = function(e2) {
-      onCloseIconClick(e2) && close2();
-    };
-    var renderCloseIcon = function() {
-      var closeClasses = classNames("".concat(classPrefix2, "-title-right"), "".concat(classPrefix2, "-title-right-").concat(closeIconPosition));
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable && /* @__PURE__ */ React.createElement(components.View, {
-        className: closeClasses,
-        onClick: handleCloseIconClick
-      }, /* @__PURE__ */ React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(g$1, null)));
-    };
-    var renderTitle = function() {
-      if (left2 || title || description) {
-        return /* @__PURE__ */ React.createElement(components.View, {
-          className: "".concat(classPrefix2, "-title")
-        }, position2 === "bottom" && /* @__PURE__ */ React.createElement(React.Fragment, null, left2 && /* @__PURE__ */ React.createElement(components.View, {
-          className: "".concat(classPrefix2, "-title-left")
-        }, left2), (title || description) && /* @__PURE__ */ React.createElement(components.View, {
-          className: "".concat(classPrefix2, "-title-wrapper")
-        }, title && /* @__PURE__ */ React.createElement(components.View, {
-          className: "".concat(classPrefix2, "-title-title")
-        }, title), description && /* @__PURE__ */ React.createElement(components.View, {
-          className: "".concat(classPrefix2, "-title-description ").concat(title ? "".concat(classPrefix2, "-title-description-gap") : "")
-        }, description))), renderCloseIcon());
-      }
-      if (closeable) {
-        return renderCloseIcon();
-      }
-    };
-    var renderPop = function() {
-      return /* @__PURE__ */ React.createElement(CSSTransition, {
-        nodeRef: refObject,
-        classNames: transitionName,
-        mountOnEnter: true,
-        unmountOnExit: destroyOnClose,
-        timeout: duration,
-        in: innerVisible,
-        onEntered: afterShow,
-        onExited: afterClose
-      }, /* @__PURE__ */ React.createElement(components.View, {
-        ref: refObject,
-        style: popStyles,
-        className: popClassName,
-        onClick,
-        catchMove: lockScroll
-      }, renderTitle(), showChildren ? children : null));
-    };
-    var renderNode = function() {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(Overlay, {
-        zIndex: index2,
-        style: overlayStyles,
-        className: overlayClassName,
-        visible: innerVisible,
-        closeOnOverlayClick,
-        lockScroll,
-        duration,
-        onClick: handleOverlayClick
-      }, renderPop()) : renderPop());
-    };
-    React.useEffect(function() {
-      visible ? open2() : close2();
-    }, [
-      visible
-    ]);
-    React.useEffect(function() {
-      setTransitionName(transition || "".concat(classPrefix2, "-slide-").concat(position2));
-    }, [
-      position2,
-      transition
-    ]);
-    var resolveContainer = function(getContainer) {
-      return (typeof getContainer === "function" ? getContainer() : getContainer) || document.body;
-    };
-    var renderToContainer = function(getContainer, node) {
-      if (getContainer) {
-        var container = resolveContainer(getContainer);
-        return /* @__PURE__ */ ReactDOM.createPortal(node, container);
-      }
-      return node;
-    };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, renderToContainer(portal, renderNode()));
-  };
-  Popup.displayName = "NutPopup";
-  var OffsetContext = React.createContext(20);
-  var defaultProps$1j = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    position: "left",
-    width: "80%"
-  });
-  var SideNavBar = function(props) {
-    React.useEffect(function() {
-      console.warn("Warning: SideNavBar is deprecated and will be removed in future versions. Please use NewComponent SideBar instead.");
-    }, []);
-    var classPrefix2 = "nut-sidenavbar";
-    var _ref = _object_spread({}, defaultProps$1j, props), title = _ref.title, visible = _ref.visible, width2 = _ref.width, position2 = _ref.position, children = _ref.children, className = _ref.className, onClose = _ref.onClose, indent = _ref.indent, rest = _object_without_properties(_ref, [
-      "title",
-      "visible",
-      "width",
-      "position",
-      "children",
-      "className",
-      "onClose",
-      "indent"
-    ]);
-    var innerIndent = indent ? Number(indent) : 20;
-    var _useState = _sliced_to_array(React.useState(true), 2), sidenavbarShow = _useState[0], setSidenavbarShow = _useState[1];
-    var handleClick = function() {
-      setSidenavbarShow(!sidenavbarShow);
-    };
-    return /* @__PURE__ */ React.createElement(Popup, {
-      visible,
-      style: {
-        width: width2,
-        height: "100%"
-      },
-      position: position2,
-      onClose
-    }, /* @__PURE__ */ React.createElement("div", _object_spread({
-      className: classNames(classPrefix2, className)
-    }, rest), /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-content")
-    }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-list ").concat(sidenavbarShow ? "sidenavbar-show" : "sidenavbar-hide"),
-      onClick: handleClick
-    }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-title ").concat(classPrefix2, "-border-bt"),
-      style: {
-        paddingLeft: "".concat(innerIndent, "px")
-      }
-    }, title, /* @__PURE__ */ React.createElement("i", {
-      className: "arrow-icon ".concat(sidenavbarShow ? "arrow-up" : "arrow-down")
-    })), /* @__PURE__ */ React.createElement(OffsetContext.Provider, {
-      value: innerIndent
-    }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-content")
-    }, children))))));
-  };
-  SideNavBar.displayName = "NutSideNavBar";
   function useForceUpdate() {
     var _React_useState = _sliced_to_array(React.useState(), 2), updateState = _React_useState[1];
     return React.useCallback(function() {
@@ -4784,13 +4582,13 @@
     });
     return ret;
   }
-  var defaultProps$1i = {
+  var defaultProps$1j = {
     title: "",
     value: "",
     disabled: false
   };
   var SideBarItem = function(props) {
-    var _mergeProps = mergeProps(defaultProps$1i, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
+    var _mergeProps = mergeProps(defaultProps$1j, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
     var classPrefix2 = "nut-sidebaritem";
     var classes = classNames(classPrefix2, {
       active: !disabled && props.active
@@ -4799,13 +4597,13 @@
       className: classes
     }, !disabled && children) : null;
   };
-  var defaultProps$1h = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1i = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentDuration: 0,
     sidebarDuration: 0
   });
   var classPrefix$l = "nut-sidebar";
   var SideBar = function(props) {
-    var _mergeProps = mergeProps(defaultProps$1h, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
+    var _mergeProps = mergeProps(defaultProps$1i, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
       "contentDuration",
       "sidebarDuration",
       "children",
@@ -4974,106 +4772,11 @@
   };
   SideBar.displayName = "NutSideBar";
   SideBar.Item = SideBarItem;
-  var SideNavBarItem = function(props) {
-    var classPrefix2 = "nut-subsidenavbar";
-    var title = props.title, value2 = props.value;
-    props.children;
-    var onClick = props.onClick, rest = _object_without_properties(props, [
-      "title",
-      "value",
-      "children",
-      "onClick"
-    ]);
-    var clickFn = function(e2) {
-      e2.stopPropagation();
-      onClick && onClick({
-        title,
-        value: value2
-      });
-    };
-    return /* @__PURE__ */ React.createElement("div", _object_spread({
-      className: "".concat(classPrefix2, "-item ").concat(classPrefix2, "-border-bt"),
-      onClick: clickFn
-    }, rest), title);
-  };
-  var defaultProps$1g = {
-    open: true
-  };
-  var SubSideNavBar = function(props) {
-    var classPrefix2 = "nut-subsidenavbar";
-    var _ref = _object_spread({}, defaultProps$1g, props), title = _ref.title, value2 = _ref.value, children = _ref.children, onClick = _ref.onClick, open2 = _ref.open, rest = _object_without_properties(_ref, [
-      "title",
-      "value",
-      "children",
-      "onClick",
-      "open"
-    ]);
-    var _useState = _sliced_to_array(React.useState(open2), 2), subShow = _useState[0], setSubShow = _useState[1];
-    var offset = React.useContext(OffsetContext);
-    var listRef = React.useRef(null);
-    var setListLevel = React.useCallback(function(nodeList) {
-      var level = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-      var titleClass = nodeList[0].className;
-      if (titleClass.includes("".concat(classPrefix2, "-title"))) {
-        var left2 = offset * (level + 1);
-        nodeList[0].style.paddingLeft = "".concat(left2, "px");
-      }
-      var childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter(function(item) {
-        return item.nodeType !== 3 && item.nodeType !== 8;
-      });
-      childNodes.forEach(function(item) {
-        var itemClass = item.className;
-        if (itemClass.includes("".concat(classPrefix2, "-item"))) {
-          var left3 = offset * (level + 2);
-          item.style.paddingLeft = "".concat(left3, "px");
-        }
-        if (itemClass.includes("".concat(classPrefix2, "-list"))) {
-          var level1 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
-          level1 += 1;
-          item.setAttribute("level", level1.toString());
-          item.children && setListLevel(item.children, level1);
-        }
-      });
-    }, [
-      offset
-    ]);
-    var clickFn = function(e2) {
-      e2.stopPropagation();
-      setSubShow(!subShow);
-      var isShow = !subShow;
-      onClick && onClick({
-        title,
-        value: value2,
-        isShow
-      });
-    };
-    React.useEffect(function() {
-      var _listRef_current, _listRef_current1;
-      var childNodes = (_listRef_current = listRef.current) === null || _listRef_current === void 0 ? void 0 : _listRef_current.children;
-      (_listRef_current1 = listRef.current) === null || _listRef_current1 === void 0 ? void 0 : _listRef_current1.setAttribute("level", "1");
-      childNodes && setListLevel(childNodes);
-    }, [
-      setListLevel
-    ]);
-    var divClass = subShow ? "".concat(classPrefix2, "-list sidenavbar-show") : "".concat(classPrefix2, "-list sidenavbar-hide");
-    var iconClass = subShow ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
-    return /* @__PURE__ */ React.createElement("div", _object_spread({
-      className: divClass,
-      ref: listRef,
-      onClick: clickFn
-    }, rest), /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-title ").concat(classPrefix2, "-border-bt")
-    }, title, " ", /* @__PURE__ */ React.createElement("i", {
-      className: iconClass
-    })), /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-content")
-    }, children));
-  };
   function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
   }
-  var defaultProps$1f = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1h = _object_spread_props(_object_spread({}, ComponentDefaults), {
     value: "",
     dot: false,
     max: 99,
@@ -5101,7 +4804,7 @@
     };
     var _this;
     var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps$1f, props), className = _$_object_spread.className, style = _$_object_spread.style, value2 = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right2 = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
+    var _$_object_spread = _object_spread({}, defaultProps$1h, props), className = _$_object_spread.className, style = _$_object_spread.style, value2 = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right2 = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
     var classPrefix2 = "nut-badge";
     var isHarmony2 = harmony();
     var classes = classNames(classPrefix2, className);
@@ -5154,7 +4857,7 @@
     }
     return maybeElement;
   }
-  var defaultProps$1e = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1g = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     icon: null,
     value: "",
@@ -5165,7 +4868,7 @@
   });
   var TabbarItem = function(props) {
     var ctx = React.useContext(TabbarContext);
-    var _ref = _object_spread({}, defaultProps$1e, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value2 = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right2 = _ref.right, index2 = _ref.index, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1g, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value2 = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right2 = _ref.right, index2 = _ref.index, rest = _object_without_properties(_ref, [
       "className",
       "style",
       "title",
@@ -5210,7 +4913,7 @@
       className: boxPrefix
     }, addColorForHarmony(icon, active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor))), renderTitleText()) : /* @__PURE__ */ React.createElement(Badge, badgeProps, renderTitleText()));
   };
-  var defaultProps$1d = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1f = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: 0,
     fixed: false,
     inactiveColor: "",
@@ -5220,7 +4923,7 @@
     }
   });
   var Tabbar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1d, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value2 = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
+    var _$_object_spread = _object_spread({}, defaultProps$1f, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value2 = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
     var classPrefix2 = "nut-tabbar";
     var _usePropsValue = _sliced_to_array(usePropsValue({
       value: value2,
@@ -5251,13 +4954,13 @@
   };
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  var defaultProps$1c = {
+  var defaultProps$1e = {
     title: "",
     value: "",
     disabled: false
   };
   var TabPane = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1c, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
+    var _$_object_spread = _object_spread({}, defaultProps$1e, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
     var classPrefix2 = "nut-tabpane";
     var classes = classNames(classPrefix2, {
       active: !disabled && props.active
@@ -5266,7 +4969,7 @@
       className: classes
     }, !disabled && children);
   };
-  var defaultProps$1b = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1d = _object_spread_props(_object_spread({}, ComponentDefaults), {
     tabStyle: {},
     activeColor: "",
     direction: "horizontal",
@@ -5277,7 +4980,7 @@
   var classPrefix$k = "nut-tabs";
   var Tabs = function(props) {
     var rtl = useRtl();
-    var _ref = _object_spread({}, defaultProps$1b, props), activeColor = _ref.activeColor, tabStyle = _ref.tabStyle, direction = _ref.direction, activeType = _ref.activeType, duration = _ref.duration, align = _ref.align, title = _ref.title, name2 = _ref.name, children = _ref.children, onClick = _ref.onClick, onChange = _ref.onChange, className = _ref.className, autoHeight = _ref.autoHeight, outerValue = _ref.value, outerDefaultValue = _ref.defaultValue, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1d, props), activeColor = _ref.activeColor, tabStyle = _ref.tabStyle, direction = _ref.direction, activeType = _ref.activeType, duration = _ref.duration, align = _ref.align, title = _ref.title, name2 = _ref.name, children = _ref.children, onClick = _ref.onClick, onChange = _ref.onChange, className = _ref.className, autoHeight = _ref.autoHeight, outerValue = _ref.value, outerDefaultValue = _ref.defaultValue, rest = _object_without_properties(_ref, [
       "activeColor",
       "tabStyle",
       "direction",
@@ -5358,14 +5061,8 @@
     var _useState = _sliced_to_array(React.useState(0), 2), scrollLeft = _useState[0], setScrollLeft = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(0), 2), scrollTop = _useState1[0], setScrollTop = _useState1[1];
     var scrollDirection = function(to, direction2) {
-      var count = 0;
-      var frames2 = 1;
-      function animate() {
-        if (direction2 === "horizontal") setScrollLeft(to);
-        else setScrollTop(to);
-        if (++count < frames2) requestAniFrame$1(animate);
-      }
-      animate();
+      if (direction2 === "horizontal") setScrollLeft(to);
+      else setScrollTop(to);
     };
     var scrollIntoView = function(index2) {
       requestAniFrame$1(function() {
@@ -5387,13 +5084,11 @@
               return prev + curr.width;
             }, 0);
             to = left2 - (navRect.width - titleRect.width) / 2;
-            if (to < 0) return;
-            to = rtl ? -to : to;
           }
+          scrollDirection(to, direction);
           Taro.nextTick(function() {
             scrollWithAnimation.current = true;
           });
-          scrollDirection(to, direction);
         });
       });
     };
@@ -5430,6 +5125,7 @@
       scrollY: direction === "vertical",
       scrollLeft,
       scrollTop,
+      enhanced: true,
       showScrollbar: false,
       scrollWithAnimation: rtl && Taro.getEnv() !== "WEB" ? false : scrollWithAnimation.current,
       id: "nut-tabs-titles-".concat(name2 || uuid),
@@ -5473,13 +5169,165 @@
       if (!/* @__PURE__ */ React.isValidElement(child)) return null;
       return /* @__PURE__ */ React.cloneElement(child, _object_spread_props(_object_spread({}, child.props), {
         active: value2 === child.props.value,
-        autoHeightClassName: autoHeight && String(value2) !== String(child.props.value || idx) ? "inactive" : ""
+        autoHeightClassName: autoHeight && String(value2) !== String(child.props.value || idx) ? "inactive" : void 0
       }));
     }))));
   };
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
-  var defaultProps$1a = {
+  var defaultProps$1c = _object_spread_props(_object_spread({}, defaultOverlayProps), {
+    position: "center",
+    transition: "",
+    overlayStyle: {},
+    overlayClassName: "",
+    closeable: false,
+    closeIconPosition: "top-right",
+    closeIcon: "close",
+    destroyOnClose: false,
+    portal: null,
+    overlay: true,
+    round: false,
+    onOpen: function() {
+    },
+    onClose: function() {
+    },
+    onOverlayClick: function() {
+      return true;
+    },
+    onCloseIconClick: function() {
+      return true;
+    }
+  });
+  var _zIndex = 1100;
+  var Popup = function(props) {
+    var _$_object_spread = _object_spread({}, defaultProps$1c, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left2 = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
+    var innerIndex = zIndex || _zIndex;
+    var _useState = _sliced_to_array(React.useState(innerIndex), 2), index2 = _useState[0], setIndex = _useState[1];
+    var _useState1 = _sliced_to_array(React.useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
+    var _useState2 = _sliced_to_array(React.useState(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
+    var _useState3 = _sliced_to_array(React.useState(""), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
+    var refObject = useLockScrollTaro(innerVisible && lockScroll);
+    var classPrefix2 = "nut-popup";
+    var overlayStyles = _object_spread({}, overlayStyle);
+    var contentZIndex = harmony() ? index2 + 1 : index2;
+    var popStyles = _object_spread({
+      zIndex: contentZIndex
+    }, style);
+    var _obj;
+    var popClassName = classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-round"), round || position2 === "bottom"), _define_property(_obj, "".concat(classPrefix2, "-").concat(position2), true), _obj), className);
+    var open2 = function() {
+      if (!innerVisible) {
+        setInnerVisible(true);
+        setIndex(++innerIndex);
+      }
+      if (destroyOnClose) {
+        setShowChildren(true);
+      }
+      onOpen && onOpen();
+    };
+    var close2 = function() {
+      if (innerVisible) {
+        setInnerVisible(false);
+        if (destroyOnClose) {
+          setTimeout(function() {
+            setShowChildren(false);
+          }, Number(duration));
+        }
+        onClose && onClose();
+      }
+    };
+    var handleOverlayClick = function(e2) {
+      e2.stopPropagation();
+      if (closeOnOverlayClick && onOverlayClick(e2)) {
+        close2();
+      }
+    };
+    var handleCloseIconClick = function(e2) {
+      onCloseIconClick(e2) && close2();
+    };
+    var renderCloseIcon = function() {
+      var closeClasses = classNames("".concat(classPrefix2, "-title-right"), "".concat(classPrefix2, "-title-right-").concat(closeIconPosition));
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable && /* @__PURE__ */ React.createElement(components.View, {
+        className: closeClasses,
+        onClick: handleCloseIconClick
+      }, /* @__PURE__ */ React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(g$1, null)));
+    };
+    var renderTitle = function() {
+      if (left2 || title || description) {
+        return /* @__PURE__ */ React.createElement(components.View, {
+          className: "".concat(classPrefix2, "-title")
+        }, position2 === "bottom" && /* @__PURE__ */ React.createElement(React.Fragment, null, left2 && /* @__PURE__ */ React.createElement(components.View, {
+          className: "".concat(classPrefix2, "-title-left")
+        }, left2), (title || description) && /* @__PURE__ */ React.createElement(components.View, {
+          className: "".concat(classPrefix2, "-title-wrapper")
+        }, title && /* @__PURE__ */ React.createElement(components.View, {
+          className: "".concat(classPrefix2, "-title-title")
+        }, title), description && /* @__PURE__ */ React.createElement(components.View, {
+          className: "".concat(classPrefix2, "-title-description ").concat(title ? "".concat(classPrefix2, "-title-description-gap") : "")
+        }, description))), renderCloseIcon());
+      }
+      if (closeable) {
+        return renderCloseIcon();
+      }
+    };
+    var renderContent = function() {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, {
+        ref: refObject,
+        style: popStyles,
+        className: popClassName,
+        onClick,
+        catchMove: lockScroll
+      }, renderTitle(), showChildren ? children : null));
+    };
+    var renderPop = function() {
+      return /* @__PURE__ */ React.createElement(CSSTransition, {
+        nodeRef: refObject,
+        classNames: transitionName,
+        mountOnEnter: true,
+        unmountOnExit: destroyOnClose,
+        timeout: duration,
+        in: innerVisible,
+        onEntered: afterShow,
+        onExited: afterClose
+      }, renderContent());
+    };
+    var renderNode = function() {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(Overlay, {
+        zIndex: index2,
+        style: overlayStyles,
+        className: overlayClassName,
+        visible: innerVisible,
+        closeOnOverlayClick,
+        lockScroll,
+        duration,
+        onClick: handleOverlayClick
+      }) : null, renderPop());
+    };
+    React.useEffect(function() {
+      visible ? open2() : close2();
+    }, [
+      visible
+    ]);
+    React.useEffect(function() {
+      setTransitionName(transition || "".concat(classPrefix2, "-slide-").concat(position2));
+    }, [
+      position2,
+      transition
+    ]);
+    var resolveContainer = function(getContainer) {
+      return (typeof getContainer === "function" ? getContainer() : getContainer) || document.body;
+    };
+    var renderToContainer = function(getContainer, node) {
+      if (getContainer) {
+        var container = resolveContainer(getContainer);
+        return /* @__PURE__ */ ReactDOM.createPortal(node, container);
+      }
+      return node;
+    };
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, renderToContainer(portal, renderNode()));
+  };
+  Popup.displayName = "NutPopup";
+  var defaultProps$1b = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -5488,7 +5336,7 @@
   };
   var ExistRender = function(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$1a, props);
+    var _ref = _object_spread({}, defaultProps$1b, props);
     _ref.children;
     var type2 = _ref.type, existList = _ref.existList, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, custom = _ref.custom, onSelect = _ref.onSelect, onSwitch = _ref.onSwitch;
     _object_without_properties(_ref, [
@@ -5716,7 +5564,7 @@
     ]);
     return Tree2;
   }();
-  var defaultProps$19 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1a = _object_spread_props(_object_spread({}, ComponentDefaults), {
     activeColor: "",
     activeIcon: "checklist",
     popup: true,
@@ -5742,7 +5590,7 @@
   });
   var InternalCascader = function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$19, props), className = _$_object_spread.className, style = _$_object_spread.style, activeColor = _$_object_spread.activeColor, activeIcon = _$_object_spread.activeIcon, popup = _$_object_spread.popup, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, visible = _$_object_spread.visible, options = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, optionKey = _$_object_spread.optionKey, format2 = _$_object_spread.format, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, lazy = _$_object_spread.lazy, title = _$_object_spread.title, left2 = _$_object_spread.left, onLoad = _$_object_spread.onLoad, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, onPathChange = _$_object_spread.onPathChange;
+    var _$_object_spread = _object_spread({}, defaultProps$1a, props), className = _$_object_spread.className, style = _$_object_spread.style, activeColor = _$_object_spread.activeColor, activeIcon = _$_object_spread.activeIcon, popup = _$_object_spread.popup, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, visible = _$_object_spread.visible, options = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, optionKey = _$_object_spread.optionKey, format2 = _$_object_spread.format, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, lazy = _$_object_spread.lazy, title = _$_object_spread.title, left2 = _$_object_spread.left, onLoad = _$_object_spread.onLoad, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, onPathChange = _$_object_spread.onPathChange;
     var _useState = _sliced_to_array(React.useState("c1"), 2), tabvalue = _useState[0], setTabvalue = _useState[1];
     var _useState1 = _sliced_to_array(React.useState([]), 2), optionsData = _useState1[0], setOptionsData = _useState1[1];
     var isLazy = function() {
@@ -6198,7 +6046,7 @@
   };
   var Cascader = /* @__PURE__ */ React.forwardRef(InternalCascader);
   Cascader.displayName = "NutCascader";
-  var defaultProps$18 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$19 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     type: "custom",
     options: [],
@@ -6211,7 +6059,7 @@
     height: "200px"
   });
   var CustomRender = function(props) {
-    var _ref = _object_spread({}, defaultProps$18, props);
+    var _ref = _object_spread({}, defaultProps$19, props);
     _ref.children;
     var visible = _ref.visible, type2 = _ref.type;
     _ref.height;
@@ -6249,7 +6097,7 @@
       onPathChange
     }, rest)));
   };
-  var defaultProps$17 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$18 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: [],
     type: "custom",
     options: [],
@@ -6269,7 +6117,7 @@
   });
   var InternalAddress = function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$17, props), style = _ref.style, className = _ref.className, visible = _ref.visible, defaultVisible = _ref.defaultVisible, defaultValue = _ref.defaultValue;
+    var _ref = _object_spread({}, defaultProps$18, props), style = _ref.style, className = _ref.className, visible = _ref.visible, defaultVisible = _ref.defaultVisible, defaultValue = _ref.defaultValue;
     _ref.children;
     var type2 = _ref.type, options = _ref.options, optionKey = _ref.optionKey, format2 = _ref.format, height2 = _ref.height, title = _ref.title, existList = _ref.existList, custom = _ref.custom, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, closeIcon = _ref.closeIcon, backIcon = _ref.backIcon, onChange = _ref.onChange, onExistSelect = _ref.onExistSelect, onClose = _ref.onClose, onSwitch = _ref.onSwitch;
     _object_without_properties(_ref, [
@@ -6636,7 +6484,7 @@
   var isStartAndEnd = function(days) {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  var defaultProps$16 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$17 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "single",
     autoBackfill: false,
     popup: true,
@@ -6669,7 +6517,7 @@
   });
   var CalendarItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$16, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, renderBottomButton = _$_object_spread.renderBottomButton, value2 = _$_object_spread.value, onConfirm = _$_object_spread.onConfirm, onUpdate = _$_object_spread.onUpdate, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
+    var _$_object_spread = _object_spread({}, defaultProps$17, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, renderBottomButton = _$_object_spread.renderBottomButton, value2 = _$_object_spread.value, onConfirm = _$_object_spread.onConfirm, onUpdate = _$_object_spread.onUpdate, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
     var weekdays = locale.calendaritem.weekdays;
     var weeks = _to_consumable_array(weekdays.slice(firstDayOfWeek, 7)).concat(_to_consumable_array(weekdays.slice(0, firstDayOfWeek)));
     var monthTitle = locale.calendaritem.monthTitle;
@@ -7242,7 +7090,7 @@
     }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
   });
   CalendarItem.displayName = "NutCalendarItem";
-  var defaultProps$15 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$16 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "single",
     autoBackfill: false,
     popup: true,
@@ -7277,7 +7125,7 @@
   });
   var Calendar = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$15, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, visible = _$_object_spread.visible, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, closeIcon = _$_object_spread.closeIcon, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
+    var _$_object_spread = _object_spread({}, defaultProps$16, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, visible = _$_object_spread.visible, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, closeIcon = _$_object_spread.closeIcon, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
     var calendarRef = React.useRef(null);
     var close2 = function() {
       onClose && onClose();
@@ -7452,14 +7300,14 @@
       convertDateToDay(new Date(current.getTime() + 24 * 60 * 60 * 1e3 * (6 - count)))
     ];
   };
-  var defaultProps$14 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$15 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "single",
     firstDayOfWeek: 0
   });
   var prefixCls = "nut-calendarcard";
   var CalendarCard = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$14, props), style = _$_object_spread.style, className = _$_object_spread.className, type2 = _$_object_spread.type, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
+    var _$_object_spread = _object_spread({}, defaultProps$15, props), style = _$_object_spread.style, className = _$_object_spread.className, type2 = _$_object_spread.type, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
     var _useState = _sliced_to_array(React.useState(function() {
       var date2 = new Date(Date.now());
       var val2 = value2 || defaultValue;
@@ -7820,7 +7668,7 @@
   });
   CalendarCard.displayName = "NutCalendarCard";
   var CheckboxGroupContext = React.createContext(null);
-  var defaultProps$13 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$14 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     shape: "round",
     labelPosition: "right",
@@ -7832,7 +7680,7 @@
   });
   var classPrefix$j = "nut-checkbox";
   var Checkbox = function(props) {
-    var children = _object_spread({}, defaultProps$13, props).children;
+    var children = _object_spread({}, defaultProps$14, props).children;
     var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value2 = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _object_without_properties(props, [
       "icon",
       "label",
@@ -7970,7 +7818,7 @@
     }), renderCheckboxItem());
   };
   Checkbox.displayName = "NutCheckBox";
-  var defaultProps$12 = {
+  var defaultProps$13 = {
     max: void 0,
     min: void 0,
     list: false,
@@ -7984,7 +7832,7 @@
   };
   var classPrefix$i = "nut-checkboxgroup";
   var CheckboxGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$12, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value2 = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$13, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value2 = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = _object_without_properties(_ref, [
       "children",
       "className",
       "disabled",
@@ -8304,7 +8152,7 @@
     })));
   };
   var PickerRoller = /* @__PURE__ */ React.forwardRef(InternalPickerRoller);
-  var defaultProps$11 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$12 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     options: [],
     defaultValue: [],
     value: void 0,
@@ -8313,7 +8161,7 @@
     }
   });
   var InternalPickerView = function(props, ref) {
-    var _$_object_spread = _object_spread({}, defaultProps$11, props), options = _$_object_spread.options, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, value2 = _$_object_spread.value, duration = _$_object_spread.duration, threeDimensional = _$_object_spread.threeDimensional, renderLabel = _$_object_spread.renderLabel, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange;
+    var _$_object_spread = _object_spread({}, defaultProps$12, props), options = _$_object_spread.options, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, value2 = _$_object_spread.value, duration = _$_object_spread.duration, threeDimensional = _$_object_spread.threeDimensional, renderLabel = _$_object_spread.renderLabel, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange;
     var classPrefix2 = "nut-pickerview";
     var cls = classNames(classPrefix2, className);
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -8488,7 +8336,7 @@
       reset
     ];
   }
-  var defaultProps$10 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$11 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     options: [],
     value: void 0,
@@ -8497,7 +8345,7 @@
   });
   var InternalPicker$1 = function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$10, props), children = _ref.children;
+    var _ref = _object_spread({}, defaultProps$11, props), children = _ref.children;
     _ref.visible;
     var title = _ref.title, _ref_options = _ref.options, options = _ref_options === void 0 ? [] : _ref_options, closeOnOverlayClick = _ref.closeOnOverlayClick, _ref_popupProps = _ref.popupProps, popupProps = _ref_popupProps === void 0 ? {} : _ref_popupProps, _ref_defaultValue = _ref.defaultValue, defaultValue = _ref_defaultValue === void 0 ? [] : _ref_defaultValue, className = _ref.className, style = _ref.style, threeDimensional = _ref.threeDimensional, duration = _ref.duration;
     _ref.onConfirm;
@@ -8855,19 +8703,19 @@
       handleDateComparison(date1, selectedOptions, index2);
     }
   };
-  var currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  var defaultProps$$ = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var currentYear$1 = (/* @__PURE__ */ new Date()).getFullYear();
+  var defaultProps$10 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     title: "",
     type: "date",
     showChinese: false,
     threeDimensional: true,
     minuteStep: 1,
-    startDate: new Date(currentYear - 10, 0, 1),
-    endDate: new Date(currentYear + 10, 11, 31)
+    startDate: new Date(currentYear$1 - 10, 0, 1),
+    endDate: new Date(currentYear$1 + 10, 11, 31)
   });
   var InternalPicker = function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$$, props), startDate = _ref.startDate, endDate = _ref.endDate, type2 = _ref.type, showChinese = _ref.showChinese, minuteStep = _ref.minuteStep;
+    var _ref = _object_spread({}, defaultProps$10, props), startDate = _ref.startDate, endDate = _ref.endDate, type2 = _ref.type, showChinese = _ref.showChinese, minuteStep = _ref.minuteStep;
     _ref.visible;
     var title = _ref.title, defaultValue = _ref.defaultValue, _ref_pickerProps = _ref.pickerProps, pickerProps = _ref_pickerProps === void 0 ? {} : _ref_pickerProps, formatter = _ref.formatter, onClose = _ref.onClose, onCancel = _ref.onCancel, onConfirm = _ref.onConfirm, filter = _ref.filter, onChange = _ref.onChange, threeDimensional = _ref.threeDimensional, className = _ref.className, style = _ref.style, children = _ref.children, rest = _object_without_properties(_ref, [
       "startDate",
@@ -8900,6 +8748,8 @@
       minute: lang.min,
       seconds: lang.seconds
     };
+    var classPrefix2 = "nut-datepicker";
+    var cls = classNames(classPrefix2, className);
     var _useState = _sliced_to_array(React.useState([]), 2), pickerValue = _useState[0], setPickerValue = _useState[1];
     var _useState1 = _sliced_to_array(React.useState([]), 2), pickerOptions = _useState1[0], setPickerOptions = _useState1[1];
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -8925,10 +8775,9 @@
       return actions;
     });
     var handleDateComparison = function(newDate, selectedOptions, index2) {
-      var _this;
-      var isEqual2 = ((_this = new Date(innerDate)) === null || _this === void 0 ? void 0 : _this.getTime()) === (newDate === null || newDate === void 0 ? void 0 : newDate.getTime());
       if (newDate && isDate(newDate)) {
-        if (!isEqual2) {
+        var _this;
+        if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
           setInnerDate(formatValue(newDate, startDate, endDate));
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(selectedOptions, [
@@ -8941,8 +8790,7 @@
     var handleConfirmDateComparison = function(newDate) {
       if (newDate && isDate(newDate)) {
         var _this;
-        var isEqual2 = ((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime()) === (newDate === null || newDate === void 0 ? void 0 : newDate.getTime());
-        if (!isEqual2) {
+        if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
           setSelectedDate(formatValue(newDate, startDate, endDate));
         }
       }
@@ -8992,7 +8840,7 @@
       endDate
     ]);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, typeof children === "function" && children(selectedDate), /* @__PURE__ */ React.createElement(components.View, _object_spread({
-      className: "nut-datepicker ".concat(className),
+      className: cls,
       style
     }, rest), pickerOptions.length && /* @__PURE__ */ React.createElement(Picker, _object_spread_props(_object_spread({}, pickerProps), {
       title,
@@ -9010,6 +8858,98 @@
     }))));
   };
   var DatePicker = /* @__PURE__ */ React.forwardRef(InternalPicker);
+  var currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  var defaultProps$$ = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    type: "date",
+    showChinese: false,
+    threeDimensional: true,
+    minuteStep: 1,
+    startDate: new Date(currentYear - 10, 0, 1),
+    endDate: new Date(currentYear + 10, 11, 31)
+  });
+  var DatePickerView = function(props) {
+    var _$_object_spread = _object_spread({}, defaultProps$$, props), startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, type2 = _$_object_spread.type, showChinese = _$_object_spread.showChinese, minuteStep = _$_object_spread.minuteStep, defaultValue = _$_object_spread.defaultValue, formatter = _$_object_spread.formatter, filter = _$_object_spread.filter, onChange = _$_object_spread.onChange, threeDimensional = _$_object_spread.threeDimensional, className = _$_object_spread.className, style = _$_object_spread.style;
+    var classPrefix2 = "nut-datepickerview";
+    var cls = classNames(classPrefix2, className);
+    var locale = useConfig().locale;
+    var lang = locale.datepicker;
+    var zhCNType = {
+      day: lang.day,
+      year: lang.year,
+      month: lang.month,
+      hour: lang.hour,
+      minute: lang.min,
+      seconds: lang.seconds
+    };
+    var _useState = _sliced_to_array(React.useState([]), 2), pickerValue = _useState[0], setPickerValue = _useState[1];
+    var _useState1 = _sliced_to_array(React.useState([]), 2), pickerOptions = _useState1[0], setPickerOptions = _useState1[1];
+    var _usePropsValue = _sliced_to_array(usePropsValue({
+      value: props.value && formatValue(props.value, startDate, endDate),
+      defaultValue: defaultValue && formatValue(defaultValue, startDate, endDate),
+      finalValue: 0
+    }), 2), selectedDate = _usePropsValue[0], setSelectedDate = _usePropsValue[1];
+    var handleDateComparison = function(newDate, selectedOptions, index2) {
+      if (newDate && isDate(newDate)) {
+        var _this;
+        if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
+          setSelectedDate(formatValue(newDate, startDate, endDate));
+          onChange === null || onChange === void 0 ? void 0 : onChange(selectedOptions, [
+            String(newDate.getFullYear()),
+            padZero(newDate.getMonth() + 1),
+            padZero(newDate.getDate())
+          ], index2);
+        }
+      }
+    };
+    var handleChange = function(selectedOptions, selectedValue, index2) {
+      handlePickerValueChange(selectedOptions, selectedValue, index2, type2, defaultValue || startDate || endDate, handleDateComparison);
+    };
+    var generatePickerColumns = function() {
+      var dateRanges = generateDatePickerRanges(type2, selectedDate, startDate, endDate);
+      var columns = dateRanges.map(function(rangeConfig, columnIndex) {
+        var columnType = rangeConfig.type, range2 = rangeConfig.range;
+        var selectedValue = getDatePartValue(columnType, selectedDate);
+        var pickerColumn = generatePickerColumnWithCallback(range2[0], range2[1], selectedValue, columnType, minuteStep, function(selectedIndex, options) {
+          var _options_selectedIndex;
+          pickerValue[columnIndex] = (_options_selectedIndex = options[selectedIndex]) === null || _options_selectedIndex === void 0 ? void 0 : _options_selectedIndex.value;
+          setPickerValue(_to_consumable_array(pickerValue));
+        }, showChinese, zhCNType, formatter);
+        if (filter === null || filter === void 0 ? void 0 : filter(columnType, pickerColumn)) {
+          return filter(columnType, pickerColumn);
+        }
+        return pickerColumn;
+      });
+      return columns || [];
+    };
+    React.useEffect(function() {
+      var _this, _this1;
+      if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), (_this1 = new Date(selectedDate)) === null || _this1 === void 0 ? void 0 : _this1.getTime())) {
+        setSelectedDate(selectedDate);
+      }
+    }, [
+      selectedDate
+    ]);
+    React.useEffect(function() {
+      setPickerOptions(generatePickerColumns());
+    }, [
+      selectedDate,
+      startDate,
+      endDate
+    ]);
+    return /* @__PURE__ */ React.createElement(components.View, {
+      className: cls,
+      style
+    }, pickerOptions.length && /* @__PURE__ */ React.createElement(PickerView, {
+      value: pickerValue,
+      options: pickerOptions,
+      onChange: function(param) {
+        var selectedOptions = param.selectedOptions, value2 = param.value, index2 = param.index;
+        handleChange(selectedOptions, value2, index2);
+      },
+      threeDimensional
+    }));
+  };
+  DatePickerView.displayName = "NutDatePickerView";
   var Context = React.createContext({});
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -10696,6 +10636,7 @@
     plain: false
   });
   var Input = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+    var classPrefix2 = "nut-input";
     var rtl = useRtl();
     var locale = useConfig().locale;
     var _ref = _object_spread({}, defaultProps$Y, props), type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus;
@@ -10752,7 +10693,6 @@
       };
     });
     var inputClass = React.useCallback(function() {
-      var classPrefix2 = "nut-input";
       return [
         classPrefix2,
         "".concat(disabled ? "".concat(classPrefix2, "-disabled") : ""),
@@ -10830,6 +10770,7 @@
       password: type2 === "password",
       maxlength: maxLength,
       placeholder: placeholder === void 0 ? locale.placeholder : placeholder,
+      placeholderClass: "".concat(classPrefix2, "-placeholder"),
       disabled: disabled || readOnly,
       value: value2,
       focus: autoFocus,
@@ -12651,7 +12592,7 @@
     var locale = useConfig().locale;
     var _ref = _object_spread({}, defaultProps$O, props), title = _ref.title, description = _ref.description, tips = _ref.tips, outerVisible = _ref.visible, value2 = _ref.value, error = _ref.error, hideFooter = _ref.hideFooter, length2 = _ref.length, plain = _ref.plain, style = _ref.style, className = _ref.className;
     _ref.closeable;
-    var autoFocus = _ref.autoFocus, onFocus = _ref.onFocus, onChange = _ref.onChange, onConfirm = _ref.onConfirm, onTips = _ref.onTips, onCancel = _ref.onCancel, onClose = _ref.onClose, onComplete = _ref.onComplete;
+    var autoFocus = _ref.autoFocus, round = _ref.round, onFocus = _ref.onFocus, onChange = _ref.onChange, onConfirm = _ref.onConfirm, onTips = _ref.onTips, onCancel = _ref.onCancel, onClose = _ref.onClose, onComplete = _ref.onComplete;
     _ref.onOverlayClick;
     _ref.onCloseIconClick;
     var rest = _object_without_properties(_ref, [
@@ -12668,6 +12609,7 @@
       "className",
       "closeable",
       "autoFocus",
+      "round",
       "onFocus",
       "onChange",
       "onConfirm",
@@ -12727,15 +12669,12 @@
       onConfirm && onConfirm(inputValue);
     };
     return /* @__PURE__ */ React.createElement(Popup, _object_spread({
-      style: {
-        padding: "32px 24px 28px 24px",
-        borderRadius: "12px",
-        textAlign: "center"
-      },
+      className: "".concat(classPrefix2, "-popup"),
       visible,
       closeable: true,
       onOverlayClick: onClose,
-      onCloseIconClick: onClose
+      onCloseIconClick: onClose,
+      round
     }, rest), /* @__PURE__ */ React.createElement(components.View, {
       className: classNames(classPrefix2, className),
       style
@@ -13092,7 +13031,7 @@
       autoHeight: autoSize,
       maxlength: maxLength,
       placeholder: placeholder !== void 0 ? placeholder : locale.placeholder
-    })), showCount && /* @__PURE__ */ React.createElement(components.Text, {
+    })), showCount && /* @__PURE__ */ React.createElement(components.View, {
       className: classNames("".concat(classPrefix2, "-limit"), _define_property({}, "".concat(classPrefix2, "-limit-disabled"), disabled))
     }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
   };
@@ -14168,6 +14107,7 @@
       }
     };
     var renderContent = function() {
+      var contentZIndex = harmony() ? zIndex + 1 : zIndex;
       return /* @__PURE__ */ React.createElement(CSSTransition, {
         in: visible,
         timeout: 300,
@@ -14176,7 +14116,9 @@
         appear: true
       }, /* @__PURE__ */ React.createElement(Content, {
         className,
-        style,
+        style: _object_spread({
+          zIndex: contentZIndex
+        }, style),
         title,
         header,
         close: renderCloseIcon(),
@@ -14191,7 +14133,7 @@
       },
       ref: refObject,
       catchMove: lockScroll
-    }, overlay ? /* @__PURE__ */ React.createElement(Overlay, {
+    }, overlay && /* @__PURE__ */ React.createElement(Overlay, {
       zIndex,
       visible,
       style: overlayStyle,
@@ -14199,7 +14141,7 @@
       closeOnOverlayClick,
       lockScroll,
       onClick: onHandleClickOverlay
-    }, renderContent()) : renderContent());
+    }), renderContent());
   };
   function open$1(selector, options) {
     var path = useCustomEventsPath(selector);
@@ -14229,17 +14171,7 @@
     className: "myDrag"
   });
   var Drag = function(props) {
-    var _ref = _object_spread({}, defaultProps$G, props), attract = _ref.attract, direction = _ref.direction, boundary = _ref.boundary, onDrag = _ref.onDrag, onDragStart = _ref.onDragStart, onDragEnd = _ref.onDragEnd, children = _ref.children, className = _ref.className, style = _ref.style, reset = _object_without_properties(_ref, [
-      "attract",
-      "direction",
-      "boundary",
-      "onDrag",
-      "onDragStart",
-      "onDragEnd",
-      "children",
-      "className",
-      "style"
-    ]);
+    var _$_object_spread = _object_spread({}, defaultProps$G, props), attract = _$_object_spread.attract, direction = _$_object_spread.direction, boundary = _$_object_spread.boundary, onDrag = _$_object_spread.onDrag, onDragStart = _$_object_spread.onDragStart, onDragEnd = _$_object_spread.onDragEnd, children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
     var classPrefix2 = "nut-drag";
     var _useState = _sliced_to_array(React.useState(boundary), 2), boundaryState = _useState[0], setBoundaryState = _useState[1];
     var myDrag = React.useRef(null);
@@ -14258,8 +14190,8 @@
     var translateY = React.useRef(0);
     var middleLine = React.useRef(0);
     var getInfo = /* @__PURE__ */ function() {
-      var _ref2 = _async_to_generator(function() {
-        var el, _dragRef_current, top, left2, bottom, right2, _getWindowInfo, screenWidth, windowHeight, _ref3, width2, height2;
+      var _ref = _async_to_generator(function() {
+        var el, top, left2, bottom, right2, _getWindowInfo, screenWidth, windowHeight, _ref2, width2, height2, dragTop, dragLeft;
         return __generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -14275,17 +14207,14 @@
                 getRectByTaro(dragRef.current)
               ];
             case 1:
-              _ref3 = _state.sent(), width2 = _ref3.width, height2 = _ref3.height;
-              (_dragRef_current = dragRef.current) === null || _dragRef_current === void 0 ? void 0 : _dragRef_current.getBoundingClientRect();
-              Taro.createSelectorQuery().select(".".concat(className)).boundingClientRect(function(rec) {
-                setBoundaryState({
-                  top: -rec.top + top,
-                  left: -rec.left + left2,
-                  bottom: windowHeight - rec.top - bottom - Math.ceil(height2),
-                  right: screenWidth - rec.left - right2 - Math.ceil(width2)
-                });
-                middleLine.current = screenWidth - rec.width - rec.left - (screenWidth - rec.width) / 2;
-              }).exec();
+              _ref2 = _state.sent(), width2 = _ref2.width, height2 = _ref2.height, dragTop = _ref2.top, dragLeft = _ref2.left;
+              setBoundaryState({
+                top: -dragTop + top,
+                left: -dragLeft + left2,
+                bottom: windowHeight - dragTop - bottom - Math.ceil(height2),
+                right: screenWidth - dragLeft - right2 - Math.ceil(width2)
+              });
+              middleLine.current = screenWidth - width2 - dragLeft - (screenWidth - width2) / 2;
               _state.label = 2;
             case 2:
               return [
@@ -14295,7 +14224,7 @@
         });
       });
       return function getInfo2() {
-        return _ref2.apply(this, arguments);
+        return _ref.apply(this, arguments);
       };
     }();
     var touchStart = function(e2) {
@@ -14339,7 +14268,7 @@
         });
       }
     };
-    var touchEnd = function(e2) {
+    var touchEnd = function() {
       onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd({
         offset: [
           translateX.current,
@@ -14359,27 +14288,34 @@
       }
     };
     React.useEffect(function() {
-      timer.current = window.setTimeout(function() {
-        getInfo();
-      }, 300);
+      if (dragRef.current) {
+        if (web()) {
+          timer.current = window.setTimeout(function() {
+            getInfo();
+          }, 300);
+        } else {
+          getInfo();
+        }
+      }
       return function() {
         clearTimeout(timer.current);
       };
-    }, []);
-    return /* @__PURE__ */ React.createElement("div", _object_spread_props(_object_spread({
+    }, [
+      dragRef.current
+    ]);
+    return /* @__PURE__ */ React.createElement(components.View, {
       style,
-      className: "".concat(classPrefix2, " ").concat(className)
-    }, reset), {
+      className: "".concat(classPrefix2, " ").concat(className),
       ref: myDrag
-    }), /* @__PURE__ */ React.createElement("div", {
+    }, /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-inner"),
-      onTouchStart: function(event) {
-        return touchStart(event);
-      },
       ref: dragRef,
+      catchMove: true,
+      // @ts-ignore
+      onTouchStart: touchStart,
+      // @ts-ignore
       onTouchMove: touchMove,
       onTouchEnd: touchEnd,
-      // eslint-disable-next-line react/no-unknown-property
       style: currstyle
     }, children));
   };
@@ -14454,60 +14390,6 @@
   };
   Empty.displayName = "NutEmpty";
   var defaultProps$E = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    title: null,
-    description: null,
-    icon: "",
-    status: "info",
-    actions: []
-  });
-  var ResultPage = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$E, props), className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, description = _$_object_spread.description, icon = _$_object_spread.icon, status = _$_object_spread.status, actions = _$_object_spread.actions, children = _$_object_spread.children;
-    var classPrefix2 = "nut-resultpage";
-    var cls = classNames(classPrefix2, className);
-    var defaultStatus2 = {
-      success: /* @__PURE__ */ React.createElement(t$1, {
-        color: "#00D900"
-      }),
-      error: /* @__PURE__ */ React.createElement(N, {
-        color: "#FF0F23"
-      }),
-      warning: /* @__PURE__ */ React.createElement(D, {
-        color: "#FFBF00"
-      }),
-      info: /* @__PURE__ */ React.createElement(c$1, {
-        color: "#0073FF"
-      }),
-      waiting: /* @__PURE__ */ React.createElement(N$2, {
-        color: "#0073FF"
-      })
-    };
-    return /* @__PURE__ */ React.createElement(components.View, {
-      className: cls,
-      style
-    }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-icon")
-    }, icon || defaultStatus2[status]), typeof title === "string" && title ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-title")
-    }, title) : title, typeof description === "string" && description ? /* @__PURE__ */ React.createElement(components.Text, {
-      numberOfLines: 2,
-      className: "".concat(classPrefix2, "-description")
-    }, description) : description, actions.length ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-actions")
-    }, actions.map(function(action, index2) {
-      action.text;
-      var rest = _object_without_properties(action, [
-        "text"
-      ]);
-      return /* @__PURE__ */ React.createElement(components.View, {
-        className: "".concat(classPrefix2, "-action"),
-        key: index2
-      }, /* @__PURE__ */ React.createElement(Button, _object_spread_props(_object_spread({}, rest), {
-        size: "large"
-      }), action === null || action === void 0 ? void 0 : action.text));
-    })) : null, children);
-  };
-  ResultPage.displayName = "NutResultPage";
-  var defaultProps$D = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "default",
     hasMore: true,
     threshold: 40,
@@ -14526,7 +14408,7 @@
       return null;
     };
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$D, props), children = _ref.children, type2 = _ref.type, hasMore = _ref.hasMore, threshold = _ref.threshold, target = _ref.target, pullRefresh = _ref.pullRefresh, pullingText = _ref.pullingText, loadingText = _ref.loadingText, loadMoreText = _ref.loadMoreText, className = _ref.className, onRefresh = _ref.onRefresh, onLoadMore = _ref.onLoadMore, onScroll = _ref.onScroll, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$E, props), children = _ref.children, type2 = _ref.type, hasMore = _ref.hasMore, threshold = _ref.threshold, target = _ref.target, pullRefresh = _ref.pullRefresh, pullingText = _ref.pullingText, loadingText = _ref.loadingText, loadMoreText = _ref.loadMoreText, className = _ref.className, onRefresh = _ref.onRefresh, onLoadMore = _ref.onLoadMore, onScroll = _ref.onScroll, rest = _object_without_properties(_ref, [
       "children",
       "type",
       "hasMore",
@@ -35230,7 +35112,7 @@
     circular: g,
     spinner: z
   };
-  var defaultProps$C = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$D = _object_spread_props(_object_spread({}, ComponentDefaults), {
     // 对比一下,个人感觉还是Loading1比较好看一些,所以用它作为了默认的loading图标
     type: "circular",
     direction: "horizontal",
@@ -35241,7 +35123,7 @@
     autoplay: true
   };
   var Loading = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$C, props), className = _ref.className, style = _ref.style, children = _ref.children, direction = _ref.direction, icon = _ref.icon, lottieProps = _ref.lottieProps, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$D, props), className = _ref.className, style = _ref.style, children = _ref.children, direction = _ref.direction, icon = _ref.icon, lottieProps = _ref.lottieProps, rest = _object_without_properties(_ref, [
       "className",
       "style",
       "children",
@@ -35282,7 +35164,7 @@
     }, children) : null);
   });
   Loading.displayName = "NutLoading";
-  var defaultProps$B = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$C = _object_spread_props(_object_spread({}, ComponentDefaults), {
     align: "left",
     direction: "horizontal",
     list: [],
@@ -35302,7 +35184,7 @@
   });
   var NoticeBar = function(props) {
     var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps$B, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, align = _$_object_spread.align, direction = _$_object_spread.direction, list = _$_object_spread.list, duration = _$_object_spread.duration, height2 = _$_object_spread.height, content2 = _$_object_spread.content, closeable = _$_object_spread.closeable, wrap = _$_object_spread.wrap, leftIcon = _$_object_spread.leftIcon, rightIcon = _$_object_spread.rightIcon, right2 = _$_object_spread.right, delay = _$_object_spread.delay, scrollable = _$_object_spread.scrollable, speed = _$_object_spread.speed, close2 = _$_object_spread.close, click = _$_object_spread.click, onClose = _$_object_spread.onClose, onClick = _$_object_spread.onClick, onItemClick = _$_object_spread.onItemClick;
+    var _$_object_spread = _object_spread({}, defaultProps$C, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, align = _$_object_spread.align, direction = _$_object_spread.direction, list = _$_object_spread.list, duration = _$_object_spread.duration, height2 = _$_object_spread.height, content2 = _$_object_spread.content, closeable = _$_object_spread.closeable, wrap = _$_object_spread.wrap, leftIcon = _$_object_spread.leftIcon, rightIcon = _$_object_spread.rightIcon, right2 = _$_object_spread.right, delay = _$_object_spread.delay, scrollable = _$_object_spread.scrollable, speed = _$_object_spread.speed, close2 = _$_object_spread.close, click = _$_object_spread.click, onClose = _$_object_spread.onClose, onClick = _$_object_spread.onClick, onItemClick = _$_object_spread.onItemClick;
     var classPrefix2 = "nut-noticebar";
     var wrapRef = React.useRef(null);
     var contentRef = React.useRef(null);
@@ -35716,7 +35598,7 @@
     }) : null))) : null);
   };
   NoticeBar.displayName = "NutNoticeBar";
-  var defaultProps$A = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$B = _object_spread_props(_object_spread({}, ComponentDefaults), {
     id: "",
     duration: 3e3,
     type: "danger",
@@ -35729,7 +35611,7 @@
   });
   var classPrefix$c = "nut-notify";
   var Notify = function(props) {
-    var _mergeProps = mergeProps(defaultProps$A, props), id = _mergeProps.id, children = _mergeProps.children, style = _mergeProps.style, type2 = _mergeProps.type, className = _mergeProps.className, position2 = _mergeProps.position, visible = _mergeProps.visible, duration = _mergeProps.duration, onClose = _mergeProps.onClose, onClick = _mergeProps.onClick;
+    var _mergeProps = mergeProps(defaultProps$B, props), id = _mergeProps.id, children = _mergeProps.children, style = _mergeProps.style, type2 = _mergeProps.type, className = _mergeProps.className, position2 = _mergeProps.position, visible = _mergeProps.visible, duration = _mergeProps.duration, onClose = _mergeProps.onClose, onClick = _mergeProps.onClick;
     useCustomEvent(id, function(status) {
       status ? show2() : hide2();
     });
@@ -35795,7 +35677,7 @@
   Notify.displayName = "NutNotify";
   Notify.open = open;
   Notify.close = close;
-  var defaultProps$z = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$A = _object_spread_props(_object_spread({}, ComponentDefaults), {
     list: [],
     theme: "light",
     location: "bottom",
@@ -35821,7 +35703,7 @@
   var classPrefix$b = "nut-popover";
   var Popover = function(props) {
     var rtl = useRtl();
-    var _ref = _object_spread({}, defaultProps$z, props), children = _ref.children, list = _ref.list, theme = _ref.theme, location = _ref.location, visible = _ref.visible, offset = _ref.offset, arrowOffset = _ref.arrowOffset, targetId = _ref.targetId, overlay = _ref.overlay, closeOnOutsideClick = _ref.closeOnOutsideClick, closeOnActionClick = _ref.closeOnActionClick, className = _ref.className, showArrow = _ref.showArrow, style = _ref.style, onClick = _ref.onClick, onOpen = _ref.onOpen, onClose = _ref.onClose, onSelect = _ref.onSelect, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$A, props), children = _ref.children, list = _ref.list, theme = _ref.theme, location = _ref.location, visible = _ref.visible, offset = _ref.offset, arrowOffset = _ref.arrowOffset, targetId = _ref.targetId, overlay = _ref.overlay, closeOnOutsideClick = _ref.closeOnOutsideClick, closeOnActionClick = _ref.closeOnActionClick, className = _ref.className, showArrow = _ref.showArrow, style = _ref.style, onClick = _ref.onClick, onOpen = _ref.onOpen, onClose = _ref.onClose, onSelect = _ref.onSelect, rest = _object_without_properties(_ref, [
       "children",
       "list",
       "theme",
@@ -36170,7 +36052,7 @@
       return setTimeout(resolve, time2);
     });
   };
-  var defaultProps$y = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$z = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "default",
     pullingText: "",
     canReleaseText: "",
@@ -36191,7 +36073,7 @@
     var classPrefix2 = "nut-pulltorefresh";
     var locale = useConfig().locale;
     var touch = useTouch();
-    var props = _object_spread({}, defaultProps$y, p, {
+    var props = _object_spread({}, defaultProps$z, p, {
       pullingText: p.pullingText || locale.pullToRefresh.pullingText,
       canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
       refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
@@ -36338,6 +36220,60 @@
     }, props.children));
   };
   PullToRefresh.displayName = "NutPullToRefresh";
+  var defaultProps$y = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    title: null,
+    description: null,
+    icon: "",
+    status: "info",
+    actions: []
+  });
+  var ResultPage = function(props) {
+    var _$_object_spread = _object_spread({}, defaultProps$y, props), className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, description = _$_object_spread.description, icon = _$_object_spread.icon, status = _$_object_spread.status, actions = _$_object_spread.actions, children = _$_object_spread.children;
+    var classPrefix2 = "nut-resultpage";
+    var cls = classNames(classPrefix2, className);
+    var defaultStatus2 = {
+      success: /* @__PURE__ */ React.createElement(t$1, {
+        color: "#00D900"
+      }),
+      error: /* @__PURE__ */ React.createElement(N, {
+        color: "#FF0F23"
+      }),
+      warning: /* @__PURE__ */ React.createElement(D, {
+        color: "#FFBF00"
+      }),
+      info: /* @__PURE__ */ React.createElement(c$1, {
+        color: "#0073FF"
+      }),
+      waiting: /* @__PURE__ */ React.createElement(N$2, {
+        color: "#0073FF"
+      })
+    };
+    return /* @__PURE__ */ React.createElement(components.View, {
+      className: cls,
+      style
+    }, /* @__PURE__ */ React.createElement(components.View, {
+      className: "".concat(classPrefix2, "-icon")
+    }, icon || defaultStatus2[status]), typeof title === "string" && title ? /* @__PURE__ */ React.createElement(components.View, {
+      className: "".concat(classPrefix2, "-title")
+    }, title) : title, typeof description === "string" && description ? /* @__PURE__ */ React.createElement(components.Text, {
+      numberOfLines: 2,
+      className: "".concat(classPrefix2, "-description")
+    }, description) : description, actions.length ? /* @__PURE__ */ React.createElement(components.View, {
+      className: "".concat(classPrefix2, "-actions")
+    }, actions.map(function(action, index2) {
+      action.text;
+      var rest = _object_without_properties(action, [
+        "text"
+      ]);
+      return /* @__PURE__ */ React.createElement(components.View, {
+        className: "".concat(classPrefix2, "-action"),
+        key: index2
+      }, /* @__PURE__ */ React.createElement(Button, _object_spread_props(_object_spread({}, rest), {
+        size: "large"
+      }), action === null || action === void 0 ? void 0 : action.text));
+    })) : null, children);
+  };
+  ResultPage.displayName = "NutResultPage";
   var AvatarContext = React.createContext({});
   var defaultProps$x = _object_spread_props(_object_spread({}, ComponentDefaults), {
     maxContent: "",
@@ -38811,63 +38747,7 @@
     }, pageCount)));
   };
   Pagination.displayName = "NutPagination";
-  var defaultProps$f = {
-    options: [],
-    onChange: function(value2) {
-    }
-  };
-  var Segmented = function(props) {
-    var classPrefix2 = "nut-segmented";
-    var itemClassPrefix = "nut-segmented-item";
-    var mergedProps = mergeProps(defaultProps$f, props);
-    var options = mergedProps.options;
-    mergedProps.onChange;
-    var _usePropsValue = _sliced_to_array(usePropsValue({
-      value: mergedProps.value,
-      defaultValue: mergedProps.defaultValue,
-      finalValue: 0,
-      onChange: mergedProps.onChange
-    }), 2), value2 = _usePropsValue[0], setValue = _usePropsValue[1];
-    var renderItems = React.useCallback(function(options2, value3) {
-      return options2.map(function(option, index2) {
-        var optionType = typeof option === "undefined" ? "undefined" : _type_of(option);
-        switch (optionType) {
-          case "object":
-            var opt = option;
-            var _obj;
-            return /* @__PURE__ */ React.createElement(components.View, {
-              className: classNames(itemClassPrefix, (_obj = {}, _define_property(_obj, "".concat(itemClassPrefix, "-active"), opt.value === value3), _define_property(_obj, "".concat(opt.className), !!opt.className), _obj)),
-              key: opt.value,
-              onClick: function() {
-                if (opt.disabled) return;
-                setValue(option.value);
-              }
-            }, opt.icon ? /* @__PURE__ */ React.createElement(components.View, {
-              className: "nut-segmented-icon"
-            }, opt.icon) : null, opt.label);
-          default: {
-            if (typeof option !== "string" && typeof option !== "number") {
-              console.warn("Unsupported option type:", optionType);
-            }
-            return /* @__PURE__ */ React.createElement(components.View, {
-              className: classNames(itemClassPrefix, _define_property({}, "".concat(itemClassPrefix, "-active"), index2 === value3)),
-              key: option.toString(),
-              onClick: function() {
-                setValue(index2);
-              }
-            }, option);
-          }
-        }
-      });
-    }, [
-      value2
-    ]);
-    return /* @__PURE__ */ React.createElement(components.View, {
-      className: classNames(classPrefix2),
-      style: mergedProps.style
-    }, renderItems(options, value2));
-  };
-  var defaultProps$e = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$f = _object_spread_props(_object_spread({}, ComponentDefaults), {
     color: "primary",
     price: 0,
     symbol: "&yen;",
@@ -38878,7 +38758,7 @@
     line: false
   });
   var Price = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$e, props), color = _$_object_spread.color, price = _$_object_spread.price, symbol = _$_object_spread.symbol, digits = _$_object_spread.digits, thousands = _$_object_spread.thousands, position2 = _$_object_spread.position, size = _$_object_spread.size, line = _$_object_spread.line, className = _$_object_spread.className, style = _$_object_spread.style;
+    var _$_object_spread = _object_spread({}, defaultProps$f, props), color = _$_object_spread.color, price = _$_object_spread.price, symbol = _$_object_spread.symbol, digits = _$_object_spread.digits, thousands = _$_object_spread.thousands, position2 = _$_object_spread.position, size = _$_object_spread.size, line = _$_object_spread.line, className = _$_object_spread.className, style = _$_object_spread.style;
     var classPrefix2 = "nut-price";
     var rtl = useRtl();
     var replaceSpecialChar = function(url) {
@@ -38948,6 +38828,62 @@
     }, renderInner()));
   };
   Price.displayName = "NutPrice";
+  var defaultProps$e = {
+    options: [],
+    onChange: function(value2) {
+    }
+  };
+  var Segmented = function(props) {
+    var classPrefix2 = "nut-segmented";
+    var itemClassPrefix = "nut-segmented-item";
+    var mergedProps = mergeProps(defaultProps$e, props);
+    var options = mergedProps.options;
+    mergedProps.onChange;
+    var _usePropsValue = _sliced_to_array(usePropsValue({
+      value: mergedProps.value,
+      defaultValue: mergedProps.defaultValue,
+      finalValue: 0,
+      onChange: mergedProps.onChange
+    }), 2), value2 = _usePropsValue[0], setValue = _usePropsValue[1];
+    var renderItems = React.useCallback(function(options2, value3) {
+      return options2.map(function(option, index2) {
+        var optionType = typeof option === "undefined" ? "undefined" : _type_of(option);
+        switch (optionType) {
+          case "object":
+            var opt = option;
+            var _obj;
+            return /* @__PURE__ */ React.createElement(components.View, {
+              className: classNames(itemClassPrefix, (_obj = {}, _define_property(_obj, "".concat(itemClassPrefix, "-active"), opt.value === value3), _define_property(_obj, "".concat(opt.className), !!opt.className), _obj)),
+              key: opt.value,
+              onClick: function() {
+                if (opt.disabled) return;
+                setValue(option.value);
+              }
+            }, opt.icon ? /* @__PURE__ */ React.createElement(components.View, {
+              className: "nut-segmented-icon"
+            }, opt.icon) : null, opt.label);
+          default: {
+            if (typeof option !== "string" && typeof option !== "number") {
+              console.warn("Unsupported option type:", optionType);
+            }
+            return /* @__PURE__ */ React.createElement(components.View, {
+              className: classNames(itemClassPrefix, _define_property({}, "".concat(itemClassPrefix, "-active"), index2 === value3)),
+              key: option.toString(),
+              onClick: function() {
+                setValue(index2);
+              }
+            }, option);
+          }
+        }
+      });
+    }, [
+      value2
+    ]);
+    return /* @__PURE__ */ React.createElement(components.View, {
+      className: classNames(classPrefix2),
+      style: mergedProps.style
+    }, renderItems(options, value2));
+  };
   var DataContext = React.createContext({});
   var defaultProps$d = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
@@ -39757,215 +39693,839 @@
   };
   VirtualList.displayName = "NutVirtualList";
   var defaultProps$6 = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    list: [],
-    interval: 500,
-    loop: true,
-    duration: 3e3,
-    rows: 3,
-    gapY: 10
+    maxZoom: 3,
+    space: 10,
+    toolbar: [
+      /* @__PURE__ */ React.createElement(Button, {
+        type: "danger",
+        key: "cancel"
+      }, "Cancel"),
+      /* @__PURE__ */ React.createElement(Button, {
+        key: "reset"
+      }, "Reset"),
+      /* @__PURE__ */ React.createElement(Button, {
+        key: "rotate"
+      }, "Rotate"),
+      /* @__PURE__ */ React.createElement(Button, {
+        type: "success",
+        key: "confirm"
+      }, "Confirm")
+    ],
+    toolbarPosition: "bottom",
+    editText: "Edit",
+    sizeType: [
+      "original",
+      "compressed"
+    ],
+    sourceType: [
+      "album",
+      "camera"
+    ],
+    shape: "square"
   });
-  var classPrefix$1 = "nut-barrage";
-  var InternalBarrage = function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$6, props), className = _ref.className, interval = _ref.interval, loop = _ref.loop, list = _ref.list, duration = _ref.duration, rows = _ref.rows, gapY = _ref.gapY, restProps = _object_without_properties(_ref, [
+  var classPrefix$1 = "nut-avatar-cropper";
+  var AvatarCropper = function(props) {
+    var locale = useConfig().locale;
+    defaultProps$6.toolbar = [
+      /* @__PURE__ */ React.createElement(Button, {
+        type: "danger",
+        key: "cancel"
+      }, locale.cancel),
+      /* @__PURE__ */ React.createElement(Button, {
+        key: "reset"
+      }, locale.reset),
+      /* @__PURE__ */ React.createElement(Button, {
+        key: "rotate"
+      }, locale.avatarCropper.rotate),
+      /* @__PURE__ */ React.createElement(Button, {
+        type: "success",
+        key: "confirm"
+      }, locale.confirm)
+    ];
+    defaultProps$6.editText = locale.edit;
+    var _ref = _object_spread({}, defaultProps$6, props), children = _ref.children, toolbar = _ref.toolbar, maxZoom = _ref.maxZoom, space = _ref.space, toolbarPosition = _ref.toolbarPosition, editText = _ref.editText, sizeType = _ref.sizeType, sourceType = _ref.sourceType, shape = _ref.shape, className = _ref.className, style = _ref.style, onConfirm = _ref.onConfirm, onCancel = _ref.onCancel, rest = _object_without_properties(_ref, [
+      "children",
+      "toolbar",
+      "maxZoom",
+      "space",
+      "toolbarPosition",
+      "editText",
+      "sizeType",
+      "sourceType",
+      "shape",
       "className",
-      "interval",
-      "loop",
-      "list",
-      "duration",
-      "rows",
-      "gapY"
+      "style",
+      "onConfirm",
+      "onCancel"
     ]);
-    var barrageBody = React.useRef(null);
-    var barrageContainer = React.useRef(null);
-    var barrageCWidth = React.useRef(0);
-    var timer = React.useRef(0);
-    var domTimer = React.useRef(0);
-    var index2 = React.useRef(0);
-    var times = React.useRef([]);
-    var historyIndex = React.useRef(-1);
-    var classes = classNames(classPrefix$1, className);
-    React.useImperativeHandle(ref, function() {
+    var cls = classNames(classPrefix$1, "taro", className, shape === "round" && "round");
+    var toolbarPositionCls = classNames("".concat(classPrefix$1, "-popup-toolbar"), toolbarPosition);
+    var _useState = _sliced_to_array(React.useState(false), 2), visible = _useState[0], setVisible = _useState[1];
+    var _useState1 = _sliced_to_array(React.useState(false), 2), moving = _useState1[0], setMoving = _useState1[1];
+    var _useState2 = _sliced_to_array(React.useState(false), 2), zooming = _useState2[0], setZooming = _useState2[1];
+    var systemInfo = getWindowInfo();
+    var showAlipayCanvas2D = React.useMemo(function() {
+      return Taro.getEnv() === "ALIPAY" && parseInt(Taro.SDKVersion.replace(/\./g, "")) >= 270;
+    }, []);
+    var showPixelRatio = Taro.getEnv() === "WEB" || showAlipayCanvas2D;
+    var pixelRatio = showPixelRatio ? systemInfo.pixelRatio : 1;
+    var _useState3 = _sliced_to_array(React.useState({
+      defScale: 1,
+      scale: 1,
+      angle: 0,
+      moveX: 0,
+      moveY: 0,
+      displayWidth: systemInfo.windowWidth * pixelRatio,
+      displayHeight: systemInfo.windowHeight * pixelRatio,
+      cropperWidth: systemInfo.windowWidth * pixelRatio - space * pixelRatio * 2,
+      cropperHeight: systemInfo.windowWidth * pixelRatio - space * pixelRatio * 2
+    }), 2), state = _useState3[0], setState = _useState3[1];
+    var defDrawImage = {
+      src: "",
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    };
+    var _useState4 = _sliced_to_array(React.useState(_object_spread({}, defDrawImage)), 2), drawImage = _useState4[0], setDrawImg = _useState4[1];
+    var _useState5 = _sliced_to_array(React.useState({
+      canvasId: "canvas-".concat(Date.now()),
+      cropperCanvas: null,
+      cropperCanvasContext: null
+    }), 2), canvasAll = _useState5[0], setCanvasAll = _useState5[1];
+    Taro.useReady(function() {
+      if (showAlipayCanvas2D) {
+        var canvasId = canvasAll.canvasId;
+        Taro.createSelectorQuery().select("#".concat(canvasId)).node(function(param) {
+          var canvas = param.node;
+          canvas.width = state.displayWidth;
+          canvas.height = state.displayHeight;
+          setCanvasAll(_object_spread_props(_object_spread({}, canvasAll), {
+            cropperCanvas: canvas
+          }));
+        }).exec();
+      }
+    });
+    React.useEffect(function() {
+      setCanvasAll(_object_spread_props(_object_spread({}, canvasAll), {
+        cropperCanvasContext: Taro.createCanvasContext(canvasAll.canvasId)
+      }));
+    }, []);
+    var touch = useTouch();
+    var highlightStyle = React.useMemo(function() {
+      var width2 = "".concat(state.cropperWidth / pixelRatio, "px");
+      var height2 = width2;
       return {
-        add: function(word) {
-          var _index = index2.current % list.length;
-          if (!loop && index2.current === list.length) {
-            list.splice(list.length, 0, word);
-          } else {
-            list.splice(_index, 0, word);
-          }
-        }
+        width: width2,
+        height: height2,
+        borderRadius: shape === "round" ? "50%" : ""
       };
-    });
-    var getNodeWidth = /* @__PURE__ */ function() {
-      var _ref2 = _async_to_generator(function(node) {
-        var type2, refe;
-        var _arguments = arguments;
-        return __generator(this, function(_state) {
-          switch (_state.label) {
-            case 0:
-              type2 = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : "width";
-              if (!node) return [
-                3,
-                2
-              ];
-              return [
-                4,
-                getRectByTaro(node)
-              ];
-            case 1:
-              refe = _state.sent();
-              return [
-                2,
-                Math.ceil(type2 === "height" ? refe.height : refe.width)
-              ];
-            case 2:
-              return [
-                2,
-                0
-              ];
-          }
-        });
-      });
-      return function getNodeWidth2(node) {
-        return _ref2.apply(this, arguments);
+    }, [
+      pixelRatio,
+      state.cropperWidth
+    ]);
+    var isAngle = React.useMemo(function() {
+      return state.angle === 90 || state.angle === 270;
+    }, [
+      state.angle
+    ]);
+    var canvasStyle = React.useMemo(function() {
+      return {
+        width: "".concat(state.displayWidth / pixelRatio, "px"),
+        height: "".concat(state.displayHeight / pixelRatio, "px")
       };
-    }();
-    var clearDomTimeout = function() {
-      if (domTimer.current) {
-        clearTimeout(domTimer.current);
-        domTimer.current = 0;
+    }, [
+      pixelRatio,
+      state.displayHeight,
+      state.displayWidth
+    ]);
+    var maxMoveX = React.useMemo(function() {
+      var displayWidth = state.displayWidth, scale2 = state.scale, cropperWidth = state.cropperWidth;
+      if (isAngle) {
+        return Math.max(0, (drawImage.height * scale2 - cropperWidth) / 2);
+      }
+      return Math.max(0, (displayWidth * scale2 - cropperWidth) / 2);
+    }, [
+      drawImage.height,
+      isAngle,
+      state
+    ]);
+    var maxMoveY = React.useMemo(function() {
+      var displayWidth = state.displayWidth, scale2 = state.scale, cropperWidth = state.cropperWidth;
+      if (isAngle) {
+        return Math.max(0, (displayWidth * scale2 - cropperWidth) / 2);
       }
+      return Math.max(0, (drawImage.height * scale2 - cropperWidth) / 2);
+    }, [
+      drawImage.height,
+      isAngle,
+      state
+    ]);
+    var dataURLToImage = function(dataURL) {
+      return new Promise(function(resolve) {
+        var img = new Image();
+        img.onload = function() {
+          return resolve(img);
+        };
+        img.src = dataURL;
+      });
     };
-    React.useEffect(function() {
-      var init = /* @__PURE__ */ function() {
-        var _ref2 = _async_to_generator(function() {
-          var _barrageBody_current;
-          return __generator(this, function(_state) {
-            switch (_state.label) {
-              case 0:
-                if (!barrageBody.current) return [
-                  3,
-                  2
-                ];
-                return [
-                  4,
-                  getNodeWidth(barrageBody.current)
-                ];
-              case 1:
-                barrageCWidth.current = _state.sent();
-                (_barrageBody_current = barrageBody.current) === null || _barrageBody_current === void 0 ? void 0 : _barrageBody_current.style.setProperty("--move-distance", "-".concat(barrageCWidth.current, "px"));
-                index2.current = 0;
-                run();
-                _state.label = 2;
-              case 2:
-                return [
-                  2
-                ];
-            }
-          });
-        });
-        return function init2() {
-          return _ref2.apply(this, arguments);
+    var dataURLToCanvasImage = function(canvas, dataURL) {
+      return new Promise(function(resolve) {
+        var img = canvas.createImage();
+        img.onload = function() {
+          return resolve(img);
         };
-      }();
-      domTimer.current = window.setTimeout(function() {
-        init();
-      }, 300);
-      return function() {
-        clearDomTimeout();
-      };
+        img.src = dataURL;
+      });
+    };
+    var canvas2dDraw = React.useCallback(function(ctx) {
+      var src = drawImage.src, width2 = drawImage.width, height2 = drawImage.height, x2 = drawImage.x, y = drawImage.y;
+      if (!ctx || !src) return;
+      var moveX = state.moveX, moveY = state.moveY, scale2 = state.scale, angle = state.angle, displayWidth = state.displayWidth, displayHeight = state.displayHeight, cropperWidth = state.cropperWidth;
+      ctx.clearRect(0, 0, displayWidth, displayHeight);
+      ctx.fillStyle = "#666";
+      ctx.fillRect(0, 0, displayWidth, displayHeight);
+      ctx.fillStyle = "#000";
+      ctx.fillRect(space * pixelRatio, (displayHeight - cropperWidth) / 2, cropperWidth, cropperWidth);
+      ctx.translate(displayWidth / 2 + moveX, displayHeight / 2 + moveY);
+      ctx.rotate(Math.PI / 180 * angle);
+      ctx.scale(scale2, scale2);
+      ctx.drawImage(src, x2, y, width2, height2);
     }, [
-      list
+      drawImage,
+      state
     ]);
-    var run = function() {
-      clearTimeout(timer.current);
-      var intervalCache = interval;
-      var _index = (loop ? index2.current % list.length : index2.current) % rows;
-      var result = times.current[_index] - rows * interval;
-      if (result > 0) {
-        intervalCache += result;
+    var webDraw = React.useCallback(function() {
+      var canvasDom = document.getElementById(canvasAll.canvasId);
+      var canvas = canvasDom;
+      if ((canvasDom === null || canvasDom === void 0 ? void 0 : canvasDom.tagName) !== "CANVAS") {
+        canvas = canvasDom === null || canvasDom === void 0 ? void 0 : canvasDom.getElementsByTagName("canvas")[0];
       }
-      timer.current = window.setTimeout(function() {
-        play();
-      }, intervalCache);
-    };
-    var setStyle = /* @__PURE__ */ function() {
-      var _ref2 = _async_to_generator(function(el, currentIndex) {
-        var refe, width2, height2, elScrollDuration, error;
+      if (!canvas) return;
+      canvas.width = state.displayWidth;
+      canvas.height = state.displayHeight;
+      var ctx = canvas.getContext("2d");
+      canvas2dDraw(ctx);
+    }, [
+      canvas2dDraw
+    ]);
+    var alipayDraw = React.useCallback(function() {
+      var ctx = canvasAll.cropperCanvas.getContext("2d");
+      ctx && ctx.resetTransform();
+      canvas2dDraw(ctx);
+    }, [
+      canvas2dDraw,
+      canvasAll.cropperCanvas
+    ]);
+    var draw = React.useCallback(function() {
+      if (Taro.getEnv() === "WEB") {
+        webDraw();
+        return;
+      }
+      if (showAlipayCanvas2D) {
+        alipayDraw();
+        return;
+      }
+      var src = drawImage.src, width2 = drawImage.width, height2 = drawImage.height, x2 = drawImage.x, y = drawImage.y;
+      var moveX = state.moveX, moveY = state.moveY, scale2 = state.scale, angle = state.angle, displayWidth = state.displayWidth, displayHeight = state.displayHeight, cropperWidth = state.cropperWidth;
+      var cropperCanvasContext = canvasAll.cropperCanvasContext;
+      var ctx = cropperCanvasContext;
+      if (!ctx) return;
+      ctx.clearRect(0, 0, displayWidth, displayHeight);
+      ctx.fillStyle = "#666";
+      ctx.setFillStyle("#666");
+      ctx.fillRect(0, 0, displayWidth, displayHeight);
+      ctx.stroke();
+      ctx.fill();
+      ctx.fillStyle = "#000";
+      ctx.setFillStyle("#000");
+      ctx.fillRect(space, (displayHeight - cropperWidth) / 2, cropperWidth, cropperWidth);
+      ctx.stroke();
+      ctx.fill();
+      ctx.translate(displayWidth / 2 + moveX, displayHeight / 2 + moveY);
+      ctx.rotate(Math.PI / 180 * angle);
+      ctx.scale(scale2, scale2);
+      ctx.drawImage(src, x2, y, width2, height2);
+      ctx.draw();
+    }, [
+      drawImage,
+      state.scale,
+      state.angle,
+      state.moveX,
+      state.moveY
+    ]);
+    React.useEffect(function() {
+      if (Math.abs(state.moveX) > maxMoveX) {
+        setState(_object_spread_props(_object_spread({}, state), {
+          moveX: maxMoveX
+        }));
+      }
+      if (Math.abs(state.moveY) > maxMoveY) {
+        setState(_object_spread_props(_object_spread({}, state), {
+          moveY: maxMoveY
+        }));
+      }
+      draw();
+    }, [
+      state,
+      maxMoveX,
+      maxMoveY,
+      draw
+    ]);
+    var setDrawImgInfo = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function(image) {
+        var displayWidth, cropperWidth, copyDrawImg, imgWidth, imgHeight, isPortrait, rate, scale2;
         return __generator(this, function(_state) {
           switch (_state.label) {
             case 0:
-              _state.trys.push([
-                0,
-                3,
-                ,
-                4
-              ]);
-              if (!el) return [
+              displayWidth = state.displayWidth, cropperWidth = state.cropperWidth;
+              copyDrawImg = _object_spread({}, defDrawImage);
+              imgWidth = image.width, imgHeight = image.height;
+              copyDrawImg.src = image.path;
+              if (!(Taro.getEnv() === "WEB")) return [
                 3,
                 2
               ];
               return [
                 4,
-                getRectByTaro(el)
+                dataURLToImage(image.path)
               ];
             case 1:
-              refe = _state.sent();
-              width2 = refe.width;
-              height2 = refe.height;
-              el.classList.add("move");
-              elScrollDuration = Math.round(width2 / barrageCWidth.current * duration);
-              times.current[currentIndex] = elScrollDuration;
-              el.style.animationDuration = "".concat(duration + elScrollDuration, "ms");
-              el.style.top = "".concat(currentIndex * (height2 + gapY) + 20, "px");
-              el.style.width = "".concat(width2, "px");
+              copyDrawImg.src = _state.sent();
               _state.label = 2;
             case 2:
-              return [
+              if (!showAlipayCanvas2D) return [
                 3,
                 4
               ];
-            case 3:
-              error = _state.sent();
-              console.log("异常自动流转到下一个", error);
-              barrageContainer.current.removeChild(el);
               return [
-                3,
-                4
+                4,
+                dataURLToCanvasImage(canvasAll.cropperCanvas, image.path)
               ];
+            case 3:
+              copyDrawImg.src = _state.sent();
+              _state.label = 4;
             case 4:
-              el.addEventListener("animationend", function() {
-                barrageContainer.current.removeChild(el);
-              });
+              isPortrait = imgHeight > imgWidth;
+              rate = isPortrait ? imgWidth / imgHeight : imgHeight / imgWidth;
+              copyDrawImg.width = displayWidth;
+              copyDrawImg.height = isPortrait ? displayWidth / rate : displayWidth * rate;
+              copyDrawImg.x = -copyDrawImg.width / 2;
+              copyDrawImg.y = -copyDrawImg.height / 2;
+              setDrawImg(copyDrawImg);
+              scale2 = cropperWidth / (isPortrait ? copyDrawImg.width : copyDrawImg.height);
+              setState(_object_spread_props(_object_spread({}, state), {
+                defScale: scale2
+              }));
+              resetScale(scale2);
               return [
                 2
               ];
           }
         });
       });
-      return function setStyle2(el, currentIndex) {
+      return function setDrawImgInfo2(image) {
         return _ref2.apply(this, arguments);
       };
     }();
-    var play = function() {
-      if (!loop && index2.current >= list.length) {
-        return;
-      }
-      var _index = loop ? index2.current % list.length : index2.current;
-      var el = document.createElement("View");
-      var currentIndex = _index % rows;
-      if (currentIndex <= historyIndex.current || historyIndex.current === 3 && currentIndex !== 0 || Math.abs(currentIndex - historyIndex.current) !== 1) {
-        currentIndex = historyIndex.current + 1 >= rows ? 0 : historyIndex.current + 1;
-      }
-      historyIndex.current = currentIndex;
-      el.innerHTML = list[_index];
-      barrageContainer.current.appendChild(el);
-      el.classList.add("barrage-item");
-      requestAnimationFrame(function() {
-        return setStyle(el, currentIndex);
-      });
-      index2.current++;
-      run();
+    var chooseImage = function() {
+      Taro.chooseImage({
+        count: 1,
+        // 可以指定是原图还是压缩图，默认二者都有
+        sizeType,
+        sourceType,
+        success: function(res) {
+          var tempFiles = res.tempFiles;
+          !!tempFiles.length && imageChange(tempFiles[0]);
+        }
+      });
+    };
+    var imageChange = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function(file) {
+        return __generator(this, function(_state) {
+          Taro.getImageInfo({
+            src: file.path
+          }).then(function(res) {
+            setVisible(true);
+            setDrawImgInfo(res);
+          });
+          return [
+            2
+          ];
+        });
+      });
+      return function imageChange2(file) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var resetScale = function(scale2) {
+      setState(_object_spread_props(_object_spread({}, state), {
+        moveX: 0,
+        moveY: 0,
+        angle: 0,
+        scale: scale2 || state.defScale,
+        defScale: scale2 || state.defScale
+      }));
+    };
+    var setScale = function(scale2) {
+      scale2 = clamp(scale2, 0.3, +maxZoom + 1);
+      if (scale2 !== state.scale) {
+        setState(_object_spread_props(_object_spread({}, state), {
+          scale: scale2
+        }));
+      }
+    };
+    var getDistance = function(touches) {
+      return Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
+    };
+    var _useState6 = _sliced_to_array(React.useState({
+      startMoveX: 0,
+      startMoveY: 0,
+      startScale: 0,
+      startDistance: 0
+    }), 2), startMove = _useState6[0], setStartMove = _useState6[1];
+    var startMoveX = startMove.startMoveX, startMoveY = startMove.startMoveY, startScale = startMove.startScale, startDistance = startMove.startDistance;
+    var onTouchStart = function(event) {
+      var touches = event.touches;
+      var offsetX = touch.offsetX;
+      touch.start(event);
+      var fingerNum = touches === null || touches === void 0 ? void 0 : touches.length;
+      setStartMove(_object_spread_props(_object_spread({}, startMove), {
+        startMoveX: state.moveX,
+        startMoveY: state.moveY
+      }));
+      setMoving(fingerNum === 1);
+      setZooming(fingerNum === 2 && !offsetX.current);
+      if (fingerNum === 2 && !offsetX.current) {
+        setStartMove(_object_spread_props(_object_spread({}, startMove), {
+          startScale: state.scale,
+          startDistance: getDistance(event.touches)
+        }));
+      }
+    };
+    var onTouchMove = function(event) {
+      var touches = event.touches;
+      touch.move(event);
+      if (moving || zooming) {
+        preventDefault$1(event, true);
+      }
+      if (moving) {
+        var deltaX = touch.deltaX, deltaY = touch.deltaY;
+        var moveX = deltaX.current * state.scale + startMoveX;
+        var moveY = deltaY.current * state.scale + startMoveY;
+        setState(_object_spread_props(_object_spread({}, state), {
+          moveX: clamp(moveX, -maxMoveX, maxMoveX),
+          moveY: clamp(moveY, -maxMoveY, maxMoveY)
+        }));
+      }
+      if (zooming && touches.length === 2) {
+        var distance = getDistance(touches);
+        var scale2 = startScale * distance / startDistance;
+        setScale(scale2);
+      }
+    };
+    var onTouchEnd = function(event) {
+      var stopPropagation = false;
+      if (moving || zooming) {
+        stopPropagation = !(moving && startMoveX === state.moveX && startMoveY === state.moveY);
+        if (!event.touches.length) {
+          if (zooming) {
+            setState(_object_spread_props(_object_spread({}, state), {
+              moveX: clamp(state.moveX, -maxMoveX, maxMoveX),
+              moveY: clamp(state.moveY, -maxMoveY, maxMoveY)
+            }));
+            setZooming(false);
+          }
+          setMoving(false);
+          setStartMove(_object_spread_props(_object_spread({}, startMove), {
+            startMoveX: 0,
+            startMoveY: 0,
+            startScale: state.defScale
+          }));
+          if (state.scale < state.defScale) {
+            resetScale();
+          }
+          if (state.scale > maxZoom) {
+            setState(_object_spread_props(_object_spread({}, state), {
+              scale: +maxZoom
+            }));
+          }
+        }
+      }
+      preventDefault$1(event, stopPropagation);
+      touch.reset();
+    };
+    var reset = function() {
+      setState(_object_spread_props(_object_spread({}, state), {
+        angle: 0
+      }));
+    };
+    var rotate = function() {
+      if (state.angle === 270) {
+        setState(_object_spread_props(_object_spread({}, state), {
+          angle: 0
+        }));
+        return;
+      }
+      setState(_object_spread_props(_object_spread({}, state), {
+        angle: state.angle + 90
+      }));
+    };
+    var cancel = function() {
+      var isEmit = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+      setVisible(false);
+      resetScale();
+      isEmit && onCancel && onCancel();
+    };
+    var confirmWEB = function() {
+      var cropperWidth = state.cropperWidth, displayHeight = state.displayHeight;
+      var canvasDom = document.getElementById(canvasAll.canvasId);
+      var canvas = canvasDom;
+      if ((canvasDom === null || canvasDom === void 0 ? void 0 : canvasDom.tagName) !== "CANVAS") {
+        canvas = canvasDom === null || canvasDom === void 0 ? void 0 : canvasDom.getElementsByTagName("canvas")[0];
+      }
+      var width2 = cropperWidth;
+      var height2 = cropperWidth;
+      var croppedCanvas = document.createElement("canvas");
+      var croppedCtx = croppedCanvas.getContext("2d");
+      croppedCanvas.width = width2;
+      croppedCanvas.height = height2;
+      canvas && croppedCtx.drawImage(canvas, space * pixelRatio, (displayHeight - cropperWidth) / 2, width2, height2, 0, 0, width2, height2);
+      var imageDataURL = croppedCanvas.toDataURL("image/png");
+      onConfirm && onConfirm(imageDataURL);
+      cancel(false);
+    };
+    var confirmALIPAY = function() {
+      var cropperWidth = state.cropperWidth, displayHeight = state.displayHeight;
+      var cropperCanvas = canvasAll.cropperCanvas;
+      Taro.canvasToTempFilePath({
+        canvas: cropperCanvas,
+        x: props.space,
+        y: (displayHeight - cropperWidth) / 2,
+        width: cropperWidth,
+        height: cropperWidth,
+        destWidth: cropperWidth,
+        destHeight: cropperWidth,
+        success: /* @__PURE__ */ function() {
+          var _ref2 = _async_to_generator(function(res) {
+            var filePath;
+            return __generator(this, function(_state) {
+              filePath = res.tempFilePath;
+              onConfirm && onConfirm(filePath);
+              cancel(false);
+              return [
+                2
+              ];
+            });
+          });
+          return function(res) {
+            return _ref2.apply(this, arguments);
+          };
+        }()
+      });
+    };
+    var confirm = function() {
+      if (Taro.getEnv() === "WEB") {
+        confirmWEB();
+        return;
+      }
+      if (showAlipayCanvas2D) {
+        confirmALIPAY();
+        return;
+      }
+      var cropperWidth = state.cropperWidth, displayHeight = state.displayHeight;
+      var canvasId = canvasAll.canvasId;
+      Taro.canvasToTempFilePath({
+        canvasId,
+        x: props.space,
+        y: (displayHeight - cropperWidth) / 2,
+        width: cropperWidth,
+        height: cropperWidth,
+        destWidth: cropperWidth * systemInfo.pixelRatio,
+        destHeight: cropperWidth * systemInfo.pixelRatio,
+        success: /* @__PURE__ */ function() {
+          var _ref2 = _async_to_generator(function(res) {
+            var filePath;
+            return __generator(this, function(_state) {
+              filePath = res.tempFilePath;
+              onConfirm && onConfirm(filePath);
+              cancel(false);
+              return [
+                2
+              ];
+            });
+          });
+          return function(res) {
+            return _ref2.apply(this, arguments);
+          };
+        }()
+      });
+    };
+    var ToolBar = function() {
+      var actions = [
+        cancel,
+        reset,
+        rotate,
+        confirm
+      ];
+      return /* @__PURE__ */ React.createElement(components.View, {
+        className: "".concat(classPrefix$1, "-popup-toolbar-flex")
+      }, actions.map(function(action, index2) {
+        return /* @__PURE__ */ React.createElement(components.View, {
+          key: index2,
+          className: "".concat(classPrefix$1, "-popup-toolbar-item"),
+          onClick: function(_e) {
+            return action();
+          }
+        }, toolbar[index2]);
+      }));
+    };
+    var CropperPopup = function() {
+      var canvasId = canvasAll.canvasId;
+      return /* @__PURE__ */ React.createElement(components.View, {
+        className: "".concat(classPrefix$1, "-popup"),
+        style: {
+          display: visible ? "block" : "none"
+        }
+      }, /* @__PURE__ */ React.createElement(components.Canvas, {
+        id: canvasId,
+        "canvas-id": canvasId,
+        type: showAlipayCanvas2D ? "2d" : void 0,
+        style: canvasStyle,
+        className: "".concat(classPrefix$1, "-popup-canvas")
+      }), /* @__PURE__ */ React.createElement(components.View, {
+        className: "".concat(classPrefix$1, "-popup-highlight"),
+        onTouchStart,
+        onTouchMove,
+        onTouchEnd
+      }, /* @__PURE__ */ React.createElement(components.View, {
+        className: "highlight",
+        style: highlightStyle
+      })), /* @__PURE__ */ React.createElement(components.View, {
+        className: toolbarPositionCls
+      }, /* @__PURE__ */ React.createElement(ToolBar, null)));
+    };
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
+      className: cls
+    }, rest), {
+      style
+    }), children, /* @__PURE__ */ React.createElement(components.View, {
+      className: "nut-avatar-cropper-edit-text",
+      onClick: chooseImage
+    }, editText)), CropperPopup());
+  };
+  AvatarCropper.displayName = "NutAvatarCropper";
+  var defaultProps$5 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    list: [],
+    interval: 500,
+    loop: true,
+    duration: 3e3,
+    rows: 3,
+    gapY: 10
+  });
+  var classPrefix = "nut-barrage";
+  var InternalBarrage = function(props, ref) {
+    var _ref = _object_spread({}, defaultProps$5, props), className = _ref.className, interval = _ref.interval, loop = _ref.loop, list = _ref.list, duration = _ref.duration, rows = _ref.rows, gapY = _ref.gapY, restProps = _object_without_properties(_ref, [
+      "className",
+      "interval",
+      "loop",
+      "list",
+      "duration",
+      "rows",
+      "gapY"
+    ]);
+    var barrageBody = React.useRef(null);
+    var barrageContainer = React.useRef(null);
+    var barrageCWidth = React.useRef(0);
+    var timer = React.useRef(0);
+    var domTimer = React.useRef(0);
+    var index2 = React.useRef(0);
+    var times = React.useRef([]);
+    var historyIndex = React.useRef(-1);
+    var classes = classNames(classPrefix, className);
+    React.useImperativeHandle(ref, function() {
+      return {
+        add: function(word) {
+          var _index = index2.current % list.length;
+          if (!loop && index2.current === list.length) {
+            list.splice(list.length, 0, word);
+          } else {
+            list.splice(_index, 0, word);
+          }
+        }
+      };
+    });
+    var getNodeWidth = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function(node) {
+        var type2, refe;
+        var _arguments = arguments;
+        return __generator(this, function(_state) {
+          switch (_state.label) {
+            case 0:
+              type2 = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : "width";
+              if (!node) return [
+                3,
+                2
+              ];
+              return [
+                4,
+                getRectByTaro(node)
+              ];
+            case 1:
+              refe = _state.sent();
+              return [
+                2,
+                Math.ceil(type2 === "height" ? refe.height : refe.width)
+              ];
+            case 2:
+              return [
+                2,
+                0
+              ];
+          }
+        });
+      });
+      return function getNodeWidth2(node) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var clearDomTimeout = function() {
+      if (domTimer.current) {
+        clearTimeout(domTimer.current);
+        domTimer.current = 0;
+      }
+    };
+    React.useEffect(function() {
+      var init = /* @__PURE__ */ function() {
+        var _ref2 = _async_to_generator(function() {
+          var _barrageBody_current;
+          return __generator(this, function(_state) {
+            switch (_state.label) {
+              case 0:
+                if (!barrageBody.current) return [
+                  3,
+                  2
+                ];
+                return [
+                  4,
+                  getNodeWidth(barrageBody.current)
+                ];
+              case 1:
+                barrageCWidth.current = _state.sent();
+                (_barrageBody_current = barrageBody.current) === null || _barrageBody_current === void 0 ? void 0 : _barrageBody_current.style.setProperty("--move-distance", "-".concat(barrageCWidth.current, "px"));
+                index2.current = 0;
+                run();
+                _state.label = 2;
+              case 2:
+                return [
+                  2
+                ];
+            }
+          });
+        });
+        return function init2() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      domTimer.current = window.setTimeout(function() {
+        init();
+      }, 300);
+      return function() {
+        clearDomTimeout();
+      };
+    }, [
+      list
+    ]);
+    var run = function() {
+      clearTimeout(timer.current);
+      var intervalCache = interval;
+      var _index = (loop ? index2.current % list.length : index2.current) % rows;
+      var result = times.current[_index] - rows * interval;
+      if (result > 0) {
+        intervalCache += result;
+      }
+      timer.current = window.setTimeout(function() {
+        play();
+      }, intervalCache);
+    };
+    var setStyle = /* @__PURE__ */ function() {
+      var _ref2 = _async_to_generator(function(el, currentIndex) {
+        var refe, width2, height2, elScrollDuration, error;
+        return __generator(this, function(_state) {
+          switch (_state.label) {
+            case 0:
+              _state.trys.push([
+                0,
+                3,
+                ,
+                4
+              ]);
+              if (!el) return [
+                3,
+                2
+              ];
+              return [
+                4,
+                getRectByTaro(el)
+              ];
+            case 1:
+              refe = _state.sent();
+              width2 = refe.width;
+              height2 = refe.height;
+              el.classList.add("move");
+              elScrollDuration = Math.round(width2 / barrageCWidth.current * duration);
+              times.current[currentIndex] = elScrollDuration;
+              el.style.animationDuration = "".concat(duration + elScrollDuration, "ms");
+              el.style.top = "".concat(currentIndex * (height2 + gapY) + 20, "px");
+              el.style.width = "".concat(width2, "px");
+              _state.label = 2;
+            case 2:
+              return [
+                3,
+                4
+              ];
+            case 3:
+              error = _state.sent();
+              console.log("异常自动流转到下一个", error);
+              barrageContainer.current.removeChild(el);
+              return [
+                3,
+                4
+              ];
+            case 4:
+              el.addEventListener("animationend", function() {
+                barrageContainer.current.removeChild(el);
+              });
+              return [
+                2
+              ];
+          }
+        });
+      });
+      return function setStyle2(el, currentIndex) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var play = function() {
+      if (!loop && index2.current >= list.length) {
+        return;
+      }
+      var _index = loop ? index2.current % list.length : index2.current;
+      var el = document.createElement("View");
+      var currentIndex = _index % rows;
+      if (currentIndex <= historyIndex.current || historyIndex.current === 3 && currentIndex !== 0 || Math.abs(currentIndex - historyIndex.current) !== 1) {
+        currentIndex = historyIndex.current + 1 >= rows ? 0 : historyIndex.current + 1;
+      }
+      historyIndex.current = currentIndex;
+      el.innerHTML = list[_index];
+      barrageContainer.current.appendChild(el);
+      el.classList.add("barrage-item");
+      requestAnimationFrame(function() {
+        return setStyle(el, currentIndex);
+      });
+      index2.current++;
+      run();
     };
     return /* @__PURE__ */ React.createElement(components.View, _object_spread({
       className: classes,
@@ -39977,7 +40537,7 @@
   };
   var Barrage = /* @__PURE__ */ React.forwardRef(InternalBarrage);
   Barrage.displayName = "NutBarrage";
-  var defaultProps$5 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$4 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     src: "",
     title: "",
     price: "",
@@ -39991,7 +40551,7 @@
     extra: ""
   });
   var Card = function(props) {
-    var _ref = _object_spread({}, defaultProps$5, props), className = _ref.className, style = _ref.style, src = _ref.src, title = _ref.title, price = _ref.price, vipPrice = _ref.vipPrice, shopDescription = _ref.shopDescription, delivery = _ref.delivery, shopName = _ref.shopName, tag = _ref.tag, priceTag = _ref.priceTag, description = _ref.description, extra = _ref.extra, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$4, props), className = _ref.className, style = _ref.style, src = _ref.src, title = _ref.title, price = _ref.price, vipPrice = _ref.vipPrice, shopDescription = _ref.shopDescription, delivery = _ref.delivery, shopName = _ref.shopName, tag = _ref.tag, priceTag = _ref.priceTag, description = _ref.description, extra = _ref.extra, rest = _object_without_properties(_ref, [
       "className",
       "style",
       "src",
@@ -40040,7 +40600,7 @@
     }, shopName), extra)));
   };
   Card.displayName = "NutCard";
-  var defaultProps$4 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$3 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     activeDate: "",
     activeTime: [],
     options: [],
@@ -40053,7 +40613,7 @@
     }
   });
   var TimeDetail = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$4, props), options = _$_object_spread.options, optionKey = _$_object_spread.optionKey, className = _$_object_spread.className, activeDate = _$_object_spread.activeDate, activeTime = _$_object_spread.activeTime, onSelect = _$_object_spread.onSelect;
+    var _$_object_spread = _object_spread({}, defaultProps$3, props), options = _$_object_spread.options, optionKey = _$_object_spread.optionKey, className = _$_object_spread.className, activeDate = _$_object_spread.activeDate, activeTime = _$_object_spread.activeTime, onSelect = _$_object_spread.onSelect;
     var classPrefix2 = "nut-timedetail";
     var timeList = React.useMemo(function() {
       return (options === null || options === void 0 ? void 0 : options.find(function(item) {
@@ -40095,7 +40655,7 @@
     }));
   };
   TimeDetail.displayName = "NutTimeDetail";
-  var defaultProps$3 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$2 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     multiple: false,
     defaultValue: [],
@@ -40108,7 +40668,7 @@
   });
   var TimeSelect = function(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$3, props), visible = _ref.visible, className = _ref.className, style = _ref.style, title = _ref.title, defaultValue = _ref.defaultValue, options = _ref.options, optionKey = _ref.optionKey, multiple = _ref.multiple, onSelect = _ref.onSelect, onDateChange = _ref.onDateChange, onTimeChange = _ref.onTimeChange, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$2, props), visible = _ref.visible, className = _ref.className, style = _ref.style, title = _ref.title, defaultValue = _ref.defaultValue, options = _ref.options, optionKey = _ref.optionKey, multiple = _ref.multiple, onSelect = _ref.onSelect, onDateChange = _ref.onDateChange, onTimeChange = _ref.onTimeChange, rest = _object_without_properties(_ref, [
       "visible",
       "className",
       "style",
@@ -40219,7 +40779,7 @@
     }))));
   };
   TimeSelect.displayName = "NutTimeSelect";
-  var defaultProps$2 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     value: 0,
     digits: 2,
     symbol: false,
@@ -40233,7 +40793,7 @@
     dropIcon: null
   });
   var TrendArrow = function(props) {
-    var _ref = _object_spread({}, defaultProps$2, props), value2 = _ref.value, digits = _ref.digits, symbol = _ref.symbol, zero = _ref.zero, left2 = _ref.left, sync = _ref.sync, color = _ref.color, riseColor = _ref.riseColor, dropColor = _ref.dropColor, riseIcon = _ref.riseIcon, dropIcon = _ref.dropIcon, className = _ref.className, style = _ref.style;
+    var _ref = _object_spread({}, defaultProps$1, props), value2 = _ref.value, digits = _ref.digits, symbol = _ref.symbol, zero = _ref.zero, left2 = _ref.left, sync = _ref.sync, color = _ref.color, riseColor = _ref.riseColor, dropColor = _ref.dropColor, riseIcon = _ref.riseIcon, dropIcon = _ref.dropIcon, className = _ref.className, style = _ref.style;
     _ref.children;
     var rest = _object_without_properties(_ref, [
       "value",
@@ -40305,7 +40865,7 @@
     }))), left2 && renderContent(!left2));
   };
   TrendArrow.displayName = "NutTrendArrow";
-  var defaultProps$1 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     content: "",
     fullPage: true,
     zIndex: 2e3,
@@ -40326,7 +40886,7 @@
   });
   var WaterMark = function(props) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$1, props), content2 = _$_object_spread.content, fullPage = _$_object_spread.fullPage, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, gapX = _$_object_spread.gapX, gapY = _$_object_spread.gapY, startX = _$_object_spread.startX, startY = _$_object_spread.startY, width2 = _$_object_spread.width, height2 = _$_object_spread.height, image = _$_object_spread.image, imageWidth = _$_object_spread.imageWidth, imageHeight = _$_object_spread.imageHeight, rotate = _$_object_spread.rotate, color = _$_object_spread.color, fontStyle = _$_object_spread.fontStyle, fontFamily = _$_object_spread.fontFamily, fontWeight = _$_object_spread.fontWeight, fontSize = _$_object_spread.fontSize, style = _$_object_spread.style;
+    var _$_object_spread = _object_spread({}, defaultProps, props), content2 = _$_object_spread.content, fullPage = _$_object_spread.fullPage, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, gapX = _$_object_spread.gapX, gapY = _$_object_spread.gapY, startX = _$_object_spread.startX, startY = _$_object_spread.startY, width2 = _$_object_spread.width, height2 = _$_object_spread.height, image = _$_object_spread.image, imageWidth = _$_object_spread.imageWidth, imageHeight = _$_object_spread.imageHeight, rotate = _$_object_spread.rotate, color = _$_object_spread.color, fontStyle = _$_object_spread.fontStyle, fontFamily = _$_object_spread.fontFamily, fontWeight = _$_object_spread.fontWeight, fontSize = _$_object_spread.fontSize, style = _$_object_spread.style;
     var _useState = _sliced_to_array(React.useState(""), 2), base64Url = _useState[0], setBase64Url = _useState[1];
     var classPrefix2 = "nut-watermark";
     var classes = classNames(classPrefix2, _define_property({}, "".concat(classPrefix2, "-full-page"), fullPage));
@@ -40402,630 +40962,6 @@
     });
   };
   WaterMark.displayName = "NutWaterMark";
-  var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    maxZoom: 3,
-    space: 10,
-    toolbar: [
-      /* @__PURE__ */ React.createElement(Button, {
-        type: "danger",
-        key: "cancel"
-      }, "Cancel"),
-      /* @__PURE__ */ React.createElement(Button, {
-        key: "reset"
-      }, "Reset"),
-      /* @__PURE__ */ React.createElement(Button, {
-        key: "rotate"
-      }, "Rotate"),
-      /* @__PURE__ */ React.createElement(Button, {
-        type: "success",
-        key: "confirm"
-      }, "Confirm")
-    ],
-    toolbarPosition: "bottom",
-    editText: "Edit",
-    sizeType: [
-      "original",
-      "compressed"
-    ],
-    sourceType: [
-      "album",
-      "camera"
-    ],
-    shape: "square"
-  });
-  var classPrefix = "nut-avatar-cropper";
-  var AvatarCropper = function(props) {
-    var locale = useConfig().locale;
-    defaultProps.toolbar = [
-      /* @__PURE__ */ React.createElement(Button, {
-        type: "danger",
-        key: "cancel"
-      }, locale.cancel),
-      /* @__PURE__ */ React.createElement(Button, {
-        key: "reset"
-      }, locale.reset),
-      /* @__PURE__ */ React.createElement(Button, {
-        key: "rotate"
-      }, locale.avatarCropper.rotate),
-      /* @__PURE__ */ React.createElement(Button, {
-        type: "success",
-        key: "confirm"
-      }, locale.confirm)
-    ];
-    defaultProps.editText = locale.edit;
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, toolbar = _ref.toolbar, maxZoom = _ref.maxZoom, space = _ref.space, toolbarPosition = _ref.toolbarPosition, editText = _ref.editText, sizeType = _ref.sizeType, sourceType = _ref.sourceType, shape = _ref.shape, className = _ref.className, style = _ref.style, onConfirm = _ref.onConfirm, onCancel = _ref.onCancel, rest = _object_without_properties(_ref, [
-      "children",
-      "toolbar",
-      "maxZoom",
-      "space",
-      "toolbarPosition",
-      "editText",
-      "sizeType",
-      "sourceType",
-      "shape",
-      "className",
-      "style",
-      "onConfirm",
-      "onCancel"
-    ]);
-    var cls = classNames(classPrefix, "taro", className, shape === "round" && "round");
-    var toolbarPositionCls = classNames("".concat(classPrefix, "-popup-toolbar"), toolbarPosition);
-    var _useState = _sliced_to_array(React.useState(false), 2), visible = _useState[0], setVisible = _useState[1];
-    var _useState1 = _sliced_to_array(React.useState(false), 2), moving = _useState1[0], setMoving = _useState1[1];
-    var _useState2 = _sliced_to_array(React.useState(false), 2), zooming = _useState2[0], setZooming = _useState2[1];
-    var systemInfo = getWindowInfo();
-    var showAlipayCanvas2D = React.useMemo(function() {
-      return Taro.getEnv() === "ALIPAY" && parseInt(Taro.SDKVersion.replace(/\./g, "")) >= 270;
-    }, []);
-    var showPixelRatio = Taro.getEnv() === "WEB" || showAlipayCanvas2D;
-    var pixelRatio = showPixelRatio ? systemInfo.pixelRatio : 1;
-    var _useState3 = _sliced_to_array(React.useState({
-      defScale: 1,
-      scale: 1,
-      angle: 0,
-      moveX: 0,
-      moveY: 0,
-      displayWidth: systemInfo.windowWidth * pixelRatio,
-      displayHeight: systemInfo.windowHeight * pixelRatio,
-      cropperWidth: systemInfo.windowWidth * pixelRatio - space * pixelRatio * 2,
-      cropperHeight: systemInfo.windowWidth * pixelRatio - space * pixelRatio * 2
-    }), 2), state = _useState3[0], setState = _useState3[1];
-    var defDrawImage = {
-      src: "",
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    };
-    var _useState4 = _sliced_to_array(React.useState(_object_spread({}, defDrawImage)), 2), drawImage = _useState4[0], setDrawImg = _useState4[1];
-    var _useState5 = _sliced_to_array(React.useState({
-      canvasId: "canvas-".concat(Date.now()),
-      cropperCanvas: null,
-      cropperCanvasContext: null
-    }), 2), canvasAll = _useState5[0], setCanvasAll = _useState5[1];
-    Taro.useReady(function() {
-      if (showAlipayCanvas2D) {
-        var canvasId = canvasAll.canvasId;
-        Taro.createSelectorQuery().select("#".concat(canvasId)).node(function(param) {
-          var canvas = param.node;
-          canvas.width = state.displayWidth;
-          canvas.height = state.displayHeight;
-          setCanvasAll(_object_spread_props(_object_spread({}, canvasAll), {
-            cropperCanvas: canvas
-          }));
-        }).exec();
-      }
-    });
-    React.useEffect(function() {
-      setCanvasAll(_object_spread_props(_object_spread({}, canvasAll), {
-        cropperCanvasContext: Taro.createCanvasContext(canvasAll.canvasId)
-      }));
-    }, []);
-    var touch = useTouch();
-    var highlightStyle = React.useMemo(function() {
-      var width2 = "".concat(state.cropperWidth / pixelRatio, "px");
-      var height2 = width2;
-      return {
-        width: width2,
-        height: height2,
-        borderRadius: shape === "round" ? "50%" : ""
-      };
-    }, [
-      pixelRatio,
-      state.cropperWidth
-    ]);
-    var isAngle = React.useMemo(function() {
-      return state.angle === 90 || state.angle === 270;
-    }, [
-      state.angle
-    ]);
-    var canvasStyle = React.useMemo(function() {
-      return {
-        width: "".concat(state.displayWidth / pixelRatio, "px"),
-        height: "".concat(state.displayHeight / pixelRatio, "px")
-      };
-    }, [
-      pixelRatio,
-      state.displayHeight,
-      state.displayWidth
-    ]);
-    var maxMoveX = React.useMemo(function() {
-      var displayWidth = state.displayWidth, scale2 = state.scale, cropperWidth = state.cropperWidth;
-      if (isAngle) {
-        return Math.max(0, (drawImage.height * scale2 - cropperWidth) / 2);
-      }
-      return Math.max(0, (displayWidth * scale2 - cropperWidth) / 2);
-    }, [
-      drawImage.height,
-      isAngle,
-      state
-    ]);
-    var maxMoveY = React.useMemo(function() {
-      var displayWidth = state.displayWidth, scale2 = state.scale, cropperWidth = state.cropperWidth;
-      if (isAngle) {
-        return Math.max(0, (displayWidth * scale2 - cropperWidth) / 2);
-      }
-      return Math.max(0, (drawImage.height * scale2 - cropperWidth) / 2);
-    }, [
-      drawImage.height,
-      isAngle,
-      state
-    ]);
-    var dataURLToImage = function(dataURL) {
-      return new Promise(function(resolve) {
-        var img = new Image();
-        img.onload = function() {
-          return resolve(img);
-        };
-        img.src = dataURL;
-      });
-    };
-    var dataURLToCanvasImage = function(canvas, dataURL) {
-      return new Promise(function(resolve) {
-        var img = canvas.createImage();
-        img.onload = function() {
-          return resolve(img);
-        };
-        img.src = dataURL;
-      });
-    };
-    var canvas2dDraw = React.useCallback(function(ctx) {
-      var src = drawImage.src, width2 = drawImage.width, height2 = drawImage.height, x2 = drawImage.x, y = drawImage.y;
-      if (!ctx || !src) return;
-      var moveX = state.moveX, moveY = state.moveY, scale2 = state.scale, angle = state.angle, displayWidth = state.displayWidth, displayHeight = state.displayHeight, cropperWidth = state.cropperWidth;
-      ctx.clearRect(0, 0, displayWidth, displayHeight);
-      ctx.fillStyle = "#666";
-      ctx.fillRect(0, 0, displayWidth, displayHeight);
-      ctx.fillStyle = "#000";
-      ctx.fillRect(space * pixelRatio, (displayHeight - cropperWidth) / 2, cropperWidth, cropperWidth);
-      ctx.translate(displayWidth / 2 + moveX, displayHeight / 2 + moveY);
-      ctx.rotate(Math.PI / 180 * angle);
-      ctx.scale(scale2, scale2);
-      ctx.drawImage(src, x2, y, width2, height2);
-    }, [
-      drawImage,
-      state
-    ]);
-    var webDraw = React.useCallback(function() {
-      var canvasDom = document.getElementById(canvasAll.canvasId);
-      var canvas = canvasDom;
-      if ((canvasDom === null || canvasDom === void 0 ? void 0 : canvasDom.tagName) !== "CANVAS") {
-        canvas = canvasDom === null || canvasDom === void 0 ? void 0 : canvasDom.getElementsByTagName("canvas")[0];
-      }
-      if (!canvas) return;
-      canvas.width = state.displayWidth;
-      canvas.height = state.displayHeight;
-      var ctx = canvas.getContext("2d");
-      canvas2dDraw(ctx);
-    }, [
-      canvas2dDraw
-    ]);
-    var alipayDraw = React.useCallback(function() {
-      var ctx = canvasAll.cropperCanvas.getContext("2d");
-      ctx && ctx.resetTransform();
-      canvas2dDraw(ctx);
-    }, [
-      canvas2dDraw,
-      canvasAll.cropperCanvas
-    ]);
-    var draw = React.useCallback(function() {
-      if (Taro.getEnv() === "WEB") {
-        webDraw();
-        return;
-      }
-      if (showAlipayCanvas2D) {
-        alipayDraw();
-        return;
-      }
-      var src = drawImage.src, width2 = drawImage.width, height2 = drawImage.height, x2 = drawImage.x, y = drawImage.y;
-      var moveX = state.moveX, moveY = state.moveY, scale2 = state.scale, angle = state.angle, displayWidth = state.displayWidth, displayHeight = state.displayHeight, cropperWidth = state.cropperWidth;
-      var cropperCanvasContext = canvasAll.cropperCanvasContext;
-      var ctx = cropperCanvasContext;
-      if (!ctx) return;
-      ctx.clearRect(0, 0, displayWidth, displayHeight);
-      ctx.fillStyle = "#666";
-      ctx.setFillStyle("#666");
-      ctx.fillRect(0, 0, displayWidth, displayHeight);
-      ctx.stroke();
-      ctx.fill();
-      ctx.fillStyle = "#000";
-      ctx.setFillStyle("#000");
-      ctx.fillRect(space, (displayHeight - cropperWidth) / 2, cropperWidth, cropperWidth);
-      ctx.stroke();
-      ctx.fill();
-      ctx.translate(displayWidth / 2 + moveX, displayHeight / 2 + moveY);
-      ctx.rotate(Math.PI / 180 * angle);
-      ctx.scale(scale2, scale2);
-      ctx.drawImage(src, x2, y, width2, height2);
-      ctx.draw();
-    }, [
-      drawImage,
-      state.scale,
-      state.angle,
-      state.moveX,
-      state.moveY
-    ]);
-    React.useEffect(function() {
-      if (Math.abs(state.moveX) > maxMoveX) {
-        setState(_object_spread_props(_object_spread({}, state), {
-          moveX: maxMoveX
-        }));
-      }
-      if (Math.abs(state.moveY) > maxMoveY) {
-        setState(_object_spread_props(_object_spread({}, state), {
-          moveY: maxMoveY
-        }));
-      }
-      draw();
-    }, [
-      state,
-      maxMoveX,
-      maxMoveY,
-      draw
-    ]);
-    var setDrawImgInfo = /* @__PURE__ */ function() {
-      var _ref2 = _async_to_generator(function(image) {
-        var displayWidth, cropperWidth, copyDrawImg, imgWidth, imgHeight, isPortrait, rate, scale2;
-        return __generator(this, function(_state) {
-          switch (_state.label) {
-            case 0:
-              displayWidth = state.displayWidth, cropperWidth = state.cropperWidth;
-              copyDrawImg = _object_spread({}, defDrawImage);
-              imgWidth = image.width, imgHeight = image.height;
-              copyDrawImg.src = image.path;
-              if (!(Taro.getEnv() === "WEB")) return [
-                3,
-                2
-              ];
-              return [
-                4,
-                dataURLToImage(image.path)
-              ];
-            case 1:
-              copyDrawImg.src = _state.sent();
-              _state.label = 2;
-            case 2:
-              if (!showAlipayCanvas2D) return [
-                3,
-                4
-              ];
-              return [
-                4,
-                dataURLToCanvasImage(canvasAll.cropperCanvas, image.path)
-              ];
-            case 3:
-              copyDrawImg.src = _state.sent();
-              _state.label = 4;
-            case 4:
-              isPortrait = imgHeight > imgWidth;
-              rate = isPortrait ? imgWidth / imgHeight : imgHeight / imgWidth;
-              copyDrawImg.width = displayWidth;
-              copyDrawImg.height = isPortrait ? displayWidth / rate : displayWidth * rate;
-              copyDrawImg.x = -copyDrawImg.width / 2;
-              copyDrawImg.y = -copyDrawImg.height / 2;
-              setDrawImg(copyDrawImg);
-              scale2 = cropperWidth / (isPortrait ? copyDrawImg.width : copyDrawImg.height);
-              setState(_object_spread_props(_object_spread({}, state), {
-                defScale: scale2
-              }));
-              resetScale(scale2);
-              return [
-                2
-              ];
-          }
-        });
-      });
-      return function setDrawImgInfo2(image) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    var chooseImage = function() {
-      Taro.chooseImage({
-        count: 1,
-        // 可以指定是原图还是压缩图，默认二者都有
-        sizeType,
-        sourceType,
-        success: function(res) {
-          var tempFiles = res.tempFiles;
-          !!tempFiles.length && imageChange(tempFiles[0]);
-        }
-      });
-    };
-    var imageChange = /* @__PURE__ */ function() {
-      var _ref2 = _async_to_generator(function(file) {
-        return __generator(this, function(_state) {
-          Taro.getImageInfo({
-            src: file.path
-          }).then(function(res) {
-            setVisible(true);
-            setDrawImgInfo(res);
-          });
-          return [
-            2
-          ];
-        });
-      });
-      return function imageChange2(file) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    var resetScale = function(scale2) {
-      setState(_object_spread_props(_object_spread({}, state), {
-        moveX: 0,
-        moveY: 0,
-        angle: 0,
-        scale: scale2 || state.defScale,
-        defScale: scale2 || state.defScale
-      }));
-    };
-    var setScale = function(scale2) {
-      scale2 = clamp(scale2, 0.3, +maxZoom + 1);
-      if (scale2 !== state.scale) {
-        setState(_object_spread_props(_object_spread({}, state), {
-          scale: scale2
-        }));
-      }
-    };
-    var getDistance = function(touches) {
-      return Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
-    };
-    var _useState6 = _sliced_to_array(React.useState({
-      startMoveX: 0,
-      startMoveY: 0,
-      startScale: 0,
-      startDistance: 0
-    }), 2), startMove = _useState6[0], setStartMove = _useState6[1];
-    var startMoveX = startMove.startMoveX, startMoveY = startMove.startMoveY, startScale = startMove.startScale, startDistance = startMove.startDistance;
-    var onTouchStart = function(event) {
-      var touches = event.touches;
-      var offsetX = touch.offsetX;
-      touch.start(event);
-      var fingerNum = touches === null || touches === void 0 ? void 0 : touches.length;
-      setStartMove(_object_spread_props(_object_spread({}, startMove), {
-        startMoveX: state.moveX,
-        startMoveY: state.moveY
-      }));
-      setMoving(fingerNum === 1);
-      setZooming(fingerNum === 2 && !offsetX.current);
-      if (fingerNum === 2 && !offsetX.current) {
-        setStartMove(_object_spread_props(_object_spread({}, startMove), {
-          startScale: state.scale,
-          startDistance: getDistance(event.touches)
-        }));
-      }
-    };
-    var onTouchMove = function(event) {
-      var touches = event.touches;
-      touch.move(event);
-      if (moving || zooming) {
-        preventDefault$1(event, true);
-      }
-      if (moving) {
-        var deltaX = touch.deltaX, deltaY = touch.deltaY;
-        var moveX = deltaX.current * state.scale + startMoveX;
-        var moveY = deltaY.current * state.scale + startMoveY;
-        setState(_object_spread_props(_object_spread({}, state), {
-          moveX: clamp(moveX, -maxMoveX, maxMoveX),
-          moveY: clamp(moveY, -maxMoveY, maxMoveY)
-        }));
-      }
-      if (zooming && touches.length === 2) {
-        var distance = getDistance(touches);
-        var scale2 = startScale * distance / startDistance;
-        setScale(scale2);
-      }
-    };
-    var onTouchEnd = function(event) {
-      var stopPropagation = false;
-      if (moving || zooming) {
-        stopPropagation = !(moving && startMoveX === state.moveX && startMoveY === state.moveY);
-        if (!event.touches.length) {
-          if (zooming) {
-            setState(_object_spread_props(_object_spread({}, state), {
-              moveX: clamp(state.moveX, -maxMoveX, maxMoveX),
-              moveY: clamp(state.moveY, -maxMoveY, maxMoveY)
-            }));
-            setZooming(false);
-          }
-          setMoving(false);
-          setStartMove(_object_spread_props(_object_spread({}, startMove), {
-            startMoveX: 0,
-            startMoveY: 0,
-            startScale: state.defScale
-          }));
-          if (state.scale < state.defScale) {
-            resetScale();
-          }
-          if (state.scale > maxZoom) {
-            setState(_object_spread_props(_object_spread({}, state), {
-              scale: +maxZoom
-            }));
-          }
-        }
-      }
-      preventDefault$1(event, stopPropagation);
-      touch.reset();
-    };
-    var reset = function() {
-      setState(_object_spread_props(_object_spread({}, state), {
-        angle: 0
-      }));
-    };
-    var rotate = function() {
-      if (state.angle === 270) {
-        setState(_object_spread_props(_object_spread({}, state), {
-          angle: 0
-        }));
-        return;
-      }
-      setState(_object_spread_props(_object_spread({}, state), {
-        angle: state.angle + 90
-      }));
-    };
-    var cancel = function() {
-      var isEmit = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-      setVisible(false);
-      resetScale();
-      isEmit && onCancel && onCancel();
-    };
-    var confirmWEB = function() {
-      var cropperWidth = state.cropperWidth, displayHeight = state.displayHeight;
-      var canvasDom = document.getElementById(canvasAll.canvasId);
-      var canvas = canvasDom;
-      if ((canvasDom === null || canvasDom === void 0 ? void 0 : canvasDom.tagName) !== "CANVAS") {
-        canvas = canvasDom === null || canvasDom === void 0 ? void 0 : canvasDom.getElementsByTagName("canvas")[0];
-      }
-      var width2 = cropperWidth;
-      var height2 = cropperWidth;
-      var croppedCanvas = document.createElement("canvas");
-      var croppedCtx = croppedCanvas.getContext("2d");
-      croppedCanvas.width = width2;
-      croppedCanvas.height = height2;
-      canvas && croppedCtx.drawImage(canvas, space * pixelRatio, (displayHeight - cropperWidth) / 2, width2, height2, 0, 0, width2, height2);
-      var imageDataURL = croppedCanvas.toDataURL("image/png");
-      onConfirm && onConfirm(imageDataURL);
-      cancel(false);
-    };
-    var confirmALIPAY = function() {
-      var cropperWidth = state.cropperWidth, displayHeight = state.displayHeight;
-      var cropperCanvas = canvasAll.cropperCanvas;
-      Taro.canvasToTempFilePath({
-        canvas: cropperCanvas,
-        x: props.space,
-        y: (displayHeight - cropperWidth) / 2,
-        width: cropperWidth,
-        height: cropperWidth,
-        destWidth: cropperWidth,
-        destHeight: cropperWidth,
-        success: /* @__PURE__ */ function() {
-          var _ref2 = _async_to_generator(function(res) {
-            var filePath;
-            return __generator(this, function(_state) {
-              filePath = res.tempFilePath;
-              onConfirm && onConfirm(filePath);
-              cancel(false);
-              return [
-                2
-              ];
-            });
-          });
-          return function(res) {
-            return _ref2.apply(this, arguments);
-          };
-        }()
-      });
-    };
-    var confirm = function() {
-      if (Taro.getEnv() === "WEB") {
-        confirmWEB();
-        return;
-      }
-      if (showAlipayCanvas2D) {
-        confirmALIPAY();
-        return;
-      }
-      var cropperWidth = state.cropperWidth, displayHeight = state.displayHeight;
-      var canvasId = canvasAll.canvasId;
-      Taro.canvasToTempFilePath({
-        canvasId,
-        x: props.space,
-        y: (displayHeight - cropperWidth) / 2,
-        width: cropperWidth,
-        height: cropperWidth,
-        destWidth: cropperWidth * systemInfo.pixelRatio,
-        destHeight: cropperWidth * systemInfo.pixelRatio,
-        success: /* @__PURE__ */ function() {
-          var _ref2 = _async_to_generator(function(res) {
-            var filePath;
-            return __generator(this, function(_state) {
-              filePath = res.tempFilePath;
-              onConfirm && onConfirm(filePath);
-              cancel(false);
-              return [
-                2
-              ];
-            });
-          });
-          return function(res) {
-            return _ref2.apply(this, arguments);
-          };
-        }()
-      });
-    };
-    var ToolBar = function() {
-      var actions = [
-        cancel,
-        reset,
-        rotate,
-        confirm
-      ];
-      return /* @__PURE__ */ React.createElement(components.View, {
-        className: "".concat(classPrefix, "-popup-toolbar-flex")
-      }, actions.map(function(action, index2) {
-        return /* @__PURE__ */ React.createElement(components.View, {
-          key: index2,
-          className: "".concat(classPrefix, "-popup-toolbar-item"),
-          onClick: function(_e) {
-            return action();
-          }
-        }, toolbar[index2]);
-      }));
-    };
-    var CropperPopup = function() {
-      var canvasId = canvasAll.canvasId;
-      return /* @__PURE__ */ React.createElement(components.View, {
-        className: "".concat(classPrefix, "-popup"),
-        style: {
-          display: visible ? "block" : "none"
-        }
-      }, /* @__PURE__ */ React.createElement(components.Canvas, {
-        id: canvasId,
-        "canvas-id": canvasId,
-        type: showAlipayCanvas2D ? "2d" : void 0,
-        style: canvasStyle,
-        className: "".concat(classPrefix, "-popup-canvas")
-      }), /* @__PURE__ */ React.createElement(components.View, {
-        className: "".concat(classPrefix, "-popup-highlight"),
-        onTouchStart,
-        onTouchMove,
-        onTouchEnd
-      }, /* @__PURE__ */ React.createElement(components.View, {
-        className: "highlight",
-        style: highlightStyle
-      })), /* @__PURE__ */ React.createElement(components.View, {
-        className: toolbarPositionCls
-      }, /* @__PURE__ */ React.createElement(ToolBar, null)));
-    };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
-      className: cls
-    }, rest), {
-      style
-    }), children, /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-avatar-cropper-edit-text",
-      onClick: chooseImage
-    }, editText)), CropperPopup());
-  };
-  AvatarCropper.displayName = "NutAvatarCropper";
   exports.ActionSheet = ActionSheet;
   exports.Address = Address;
   exports.Animate = Animate;
@@ -41054,6 +40990,7 @@
   exports.ConfigProvider = ConfigProvider;
   exports.CountDown = CountDown;
   exports.DatePicker = DatePicker;
+  exports.DatePickerView = DatePickerView;
   exports.Dialog = BaseDialog;
   exports.Divider = Divider;
   exports.Drag = Drag;
@@ -41103,15 +41040,12 @@
   exports.ShortPassword = ShortPassword;
   exports.SideBar = SideBar;
   exports.SideBarItem = SideBarItem;
-  exports.SideNavBar = SideNavBar;
-  exports.SideNavBarItem = SideNavBarItem;
   exports.Signature = Signature;
   exports.Skeleton = Skeleton;
   exports.Space = Space;
   exports.Step = Step;
   exports.Steps = Steps;
   exports.Sticky = Sticky;
-  exports.SubSideNavBar = SubSideNavBar;
   exports.Swipe = Swipe;
   exports.Swiper = InnerSwiper;
   exports.SwiperItem = SwiperItem;