@nutui/nutui-react 4.0.0-beta.3 → 4.0.0-beta.5

package/dist/cjs/packages/empty/style-jrkf/empty.scss

@@ -6,23 +6,8 @@
   flex-direction: column;
   justify-content: center;
   padding: $empty-padding;
-  background-color: $empty-background-color;
-
-  &-base {
-    width: $empty-image-size;
-    height: $empty-image-size;
-
-    img,
-    image {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  &-small {
-    width: $empty-image-small-size;
-    height: $empty-image-small-size;
 
+  &-image {
     img,
     image {
       width: 100%;
@@ -31,32 +16,113 @@
   }
 
   &-title {
-    margin-top: $empty-title-margin-top;
+    text-align: center;
+    color: $empty-title-color;
     font-weight: $font-weight-bold;
-    margin-bottom: $empty-title-margin-bottom;
-    color: $color-title;
-    font-size: $font-size-l;
-    line-height: $empty-title-line-height;
   }
 
   &-description {
-    color: $color-text;
-    font-size: $font-size-s;
-    line-height: $empty-description-line-height;
-  }
-  &-actions-base {
-    display: flex;
-    flex-direction: row;
-    margin-top: scale-px(24px);
+    text-align: center;
+    color: $empty-description-color;
+    font-weight: $font-weight;
   }
-  &-actions-small {
+
+  &-actions {
     display: flex;
     flex-direction: row;
-    margin-top: scale-px(16px);
+    justify-content: center;
   }
 
   &-action {
     margin-right: scale-px(6px);
     margin-left: scale-px(6px);
   }
+
+  &-partial-body {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    max-width: 100%;
+  }
+
+  &-content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  // 全屏型：整页无数据
+  &--full {
+    padding-top: $empty-full-padding-top;
+
+    .nut-empty-image {
+      width: $empty-full-image-size;
+      height: $empty-full-image-size;
+    }
+
+    .nut-empty-title {
+      font-size: $empty-full-title-font-size;
+      line-height: $empty-full-title-line-height;
+    }
+
+    .nut-empty-description {
+      font-size: $empty-full-description-font-size;
+      line-height: $empty-full-description-line-height;
+    }
+
+    .nut-empty-actions {
+      margin-top: $empty-full-actions-margin-top;
+    }
+  }
+
+  // 半屏型：模块、弹层等区域
+  &--half {
+    .nut-empty-image {
+      width: $empty-half-image-size;
+      height: $empty-half-image-size;
+    }
+
+    .nut-empty-title {
+      font-size: $empty-half-title-font-size;
+      line-height: $empty-half-title-line-height;
+    }
+
+    .nut-empty-description {
+      font-size: $empty-half-description-font-size;
+      line-height: $empty-half-description-line-height;
+    }
+
+    .nut-empty-actions {
+      margin-top: $empty-half-actions-margin-top;
+    }
+  }
+
+  // 局部型：横向图文
+  &--partial {
+    padding: $empty-partial-padding;
+
+    .nut-empty-partial-body {
+      gap: $empty-partial-content-gap;
+    }
+
+    .nut-empty-image {
+      width: $empty-partial-image-size;
+      height: $empty-partial-image-size;
+    }
+
+    .nut-empty-title {
+      text-align: left;
+      font-size: $empty-partial-description-font-size;
+      line-height: $empty-partial-description-line-height;
+      color: $empty-title-color;
+      font-weight: $font-weight;
+    }
+
+    .nut-empty-description {
+      text-align: left;
+      font-size: $empty-partial-description-font-size;
+      line-height: $empty-partial-description-line-height;
+      color: $empty-description-color;
+      font-weight: $font-weight;
+    }
+  }
 }

package/dist/cjs/packages/empty/style-jrkf/style.css

@@ -9,51 +9,96 @@
   align-items: center;
   flex-direction: column;
   justify-content: center;
-  padding: var(--nutui-empty-padding, 32px 40px);
-  background-color: var(--nutui-empty-background-color, #fff);
+  padding: var(--nutui-empty-padding, 20px);
 }
-.nut-empty-base {
-  width: var(--nutui-empty-image-size, 160px);
-  height: var(--nutui-empty-image-size, 160px);
-}
-.nut-empty-base img,
-.nut-empty-base image {
-  width: 100%;
-  height: 100%;
-}
-.nut-empty-small {
-  width: var(--nutui-empty-image-small-size, 120px);
-  height: var(--nutui-empty-image-small-size, 120px);
-}
-.nut-empty-small img,
-.nut-empty-small image {
+.nut-empty-image img,
+.nut-empty-image image {
   width: 100%;
   height: 100%;
 }
 .nut-empty-title {
-  margin-top: var(--nutui-empty-title-margin-top, 0px);
+  text-align: center;
+  color: var(--nutui-empty-title-color, var(--nutui-color-title));
   font-weight: var(--nutui-font-weight-bold);
-  margin-bottom: var(--nutui-empty-title-margin-bottom, 8px);
-  color: var(--nutui-color-title);
-  font-size: var(--nutui-font-text-large);
-  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-text));
 }
 .nut-empty-description {
-  color: var(--nutui-color-text);
-  font-size: var(--nutui-font-text-small);
-  line-height: var(--nutui-empty-description-line-height, 1.2);
-}
-.nut-empty-actions-base {
-  display: flex;
-  flex-direction: row;
-  margin-top: scale-px(24px);
+  text-align: center;
+  color: var(--nutui-empty-description-color, var(--nutui-color-text-help));
+  font-weight: var(--nutui-font-weight);
 }
-.nut-empty-actions-small {
+.nut-empty-actions {
   display: flex;
   flex-direction: row;
-  margin-top: scale-px(16px);
+  justify-content: center;
 }
 .nut-empty-action {
   margin-right: scale-px(6px);
   margin-left: scale-px(6px);
+}
+.nut-empty-partial-body {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  max-width: 100%;
+}
+.nut-empty-content {
+  flex: 1;
+  min-width: 0;
+}
+.nut-empty--full {
+  padding-top: var(--nutui-empty-full-padding-top, 160px);
+}
+.nut-empty--full .nut-empty-image {
+  width: var(--nutui-empty-full-image-size, 160px);
+  height: var(--nutui-empty-full-image-size, 160px);
+}
+.nut-empty--full .nut-empty-title {
+  font-size: var(--nutui-empty-full-title-font-size, var(--nutui-font-size-md, 16px));
+  line-height: var(--nutui-empty-full-title-line-height, var(--nutui-line-height-xxl, var(--nutui-font-size-8)));
+}
+.nut-empty--full .nut-empty-description {
+  font-size: var(--nutui-empty-full-description-font-size, var(--nutui-font-text));
+  line-height: var(--nutui-empty-full-description-line-height, 22px);
+}
+.nut-empty--full .nut-empty-actions {
+  margin-top: var(--nutui-empty-full-actions-margin-top, 8px);
+}
+.nut-empty--half .nut-empty-image {
+  width: var(--nutui-empty-half-image-size, 80px);
+  height: var(--nutui-empty-half-image-size, 80px);
+}
+.nut-empty--half .nut-empty-title {
+  font-size: var(--nutui-empty-half-title-font-size, var(--nutui-font-text-small));
+  line-height: var(--nutui-empty-half-title-line-height, 22px);
+}
+.nut-empty--half .nut-empty-description {
+  font-size: var(--nutui-empty-half-description-font-size, var(--nutui-font-size-m, var(--nutui-font-text-small)));
+  line-height: var(--nutui-empty-half-description-line-height, var(--nutui-line-height-2xl, var(--nutui-font-size-2xl, 20px)));
+}
+.nut-empty--half .nut-empty-actions {
+  margin-top: var(--nutui-empty-half-actions-margin-top, 8px);
+}
+.nut-empty--partial {
+  padding: var(--nutui-empty-partial-padding, 0px 16px);
+}
+.nut-empty--partial .nut-empty-partial-body {
+  gap: var(--nutui-empty-partial-content-gap, 8px);
+}
+.nut-empty--partial .nut-empty-image {
+  width: var(--nutui-empty-partial-image-size, 32px);
+  height: var(--nutui-empty-partial-image-size, 32px);
+}
+.nut-empty--partial .nut-empty-title {
+  text-align: left;
+  font-size: var(--nutui-empty-partial-description-font-size, var(--nutui-font-size-m, var(--nutui-font-text-small)));
+  line-height: var(--nutui-empty-partial-description-line-height, 32px);
+  color: var(--nutui-empty-title-color, var(--nutui-color-title));
+  font-weight: var(--nutui-font-weight);
+}
+.nut-empty--partial .nut-empty-description {
+  text-align: left;
+  font-size: var(--nutui-empty-partial-description-font-size, var(--nutui-font-size-m, var(--nutui-font-text-small)));
+  line-height: var(--nutui-empty-partial-description-line-height, 32px);
+  color: var(--nutui-empty-description-color, var(--nutui-color-text-help));
+  font-weight: var(--nutui-font-weight);
 }

package/dist/cjs/packages/fixednav/fixednav.js

@@ -35,7 +35,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overla
 });
 var FixedNav = function FixedNav(props) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), overlay = _ref.overlay, visible = _ref.visible, list = _ref.list, activeText = _ref.activeText, inactiveText = _ref.inactiveText, position = _ref.position, type = _ref.type, children = _ref.children, style = _ref.style, className = _ref.className, content = _ref.content, zIndex = _ref.zIndex, onChange = _ref.onChange, onSelect = _ref.onSelect, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), overlay = _$_object_spread.overlay, visible = _$_object_spread.visible, list = _$_object_spread.list, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, position = _$_object_spread.position, type = _$_object_spread.type, children = _$_object_spread.children, style = _$_object_spread.style, className = _$_object_spread.className, content = _$_object_spread.content, zIndex = _$_object_spread.zIndex, onChange = _$_object_spread.onChange, onSelect = _$_object_spread.onSelect, rest = (0, _object_without_properties._)(_$_object_spread, [
         "overlay",
         "visible",
         "list",

package/dist/cjs/packages/grid/grid.js

@@ -25,7 +25,7 @@ var defaultProps = {
     direction: 'vertical'
 };
 var Grid = function Grid(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, 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 = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, columns = _$_object_spread.columns, gap = _$_object_spread.gap, center = _$_object_spread.center, square = _$_object_spread.square, reverse = _$_object_spread.reverse, direction = _$_object_spread.direction, style = _$_object_spread.style, className = _$_object_spread.className, onClick = _$_object_spread.onClick, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "columns",
         "gap",

package/dist/cjs/packages/griditem/griditem.js

@@ -28,7 +28,7 @@ var defaultProps = {
     direction: 'vertical'
 };
 var GridItem = function GridItem(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index = _ref.index, gap = _ref.gap, square = _ref.square, text = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, style = _$_object_spread.style, columns = _$_object_spread.columns, index = _$_object_spread.index, gap = _$_object_spread.gap, square = _$_object_spread.square, text = _$_object_spread.text, center = _$_object_spread.center, reverse = _$_object_spread.reverse, direction = _$_object_spread.direction, className = _$_object_spread.className, onClick = _$_object_spread.onClick, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "style",
         "columns",

package/dist/cjs/packages/indicator/indicator.js

@@ -29,7 +29,7 @@ var Indicator = function Indicator(props) {
         }
         return '';
     };
-    var _ref = (0, _object_spread._)({}, defaultProps, props), color = _ref.color, type = _ref.type, total = _ref.total, current = _ref.current, children = _ref.children, className = _ref.className, direction = _ref.direction, placement = _ref.placement, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), color = _$_object_spread.color, type = _$_object_spread.type, total = _$_object_spread.total, current = _$_object_spread.current, children = _$_object_spread.children, className = _$_object_spread.className, direction = _$_object_spread.direction, placement = _$_object_spread.placement, rest = (0, _object_without_properties._)(_$_object_spread, [
         "color",
         "type",
         "total",

package/dist/cjs/packages/infiniteloading/infiniteloading.js

@@ -40,7 +40,7 @@ var InfiniteLoading = function InfiniteLoading(props) {
         return null;
     };
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, type = _ref.type, hasMore = _ref.hasMore, threshold = _ref.threshold, target = _ref.target, capture = _ref.capture, pullRefresh = _ref.pullRefresh, pullingText = _ref.pullingText, loadingText = _ref.loadingText, loadMoreText = _ref.loadMoreText, className = _ref.className, onRefresh = _ref.onRefresh, onLoadMore = _ref.onLoadMore, onScroll = _ref.onScroll, restProps = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, type = _$_object_spread.type, hasMore = _$_object_spread.hasMore, threshold = _$_object_spread.threshold, target = _$_object_spread.target, capture = _$_object_spread.capture, pullRefresh = _$_object_spread.pullRefresh, pullingText = _$_object_spread.pullingText, loadingText = _$_object_spread.loadingText, loadMoreText = _$_object_spread.loadMoreText, className = _$_object_spread.className, onRefresh = _$_object_spread.onRefresh, onLoadMore = _$_object_spread.onLoadMore, onScroll = _$_object_spread.onScroll, restProps = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "type",
         "hasMore",

package/dist/cjs/packages/input/input.js

@@ -38,7 +38,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var rtl = (0, _configprovider.useRtl)();
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), type = _ref.type, name = _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, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, plain = _ref.plain, defaultValue = _ref.defaultValue, _value = _ref.value, onCompositionStart = _ref.onCompositionStart, onCompositionEnd = _ref.onCompositionEnd, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), type = _$_object_spread.type, name = _$_object_spread.name, placeholder = _$_object_spread.placeholder, align = _$_object_spread.align, disabled = _$_object_spread.disabled, readOnly = _$_object_spread.readOnly, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, clearIcon = _$_object_spread.clearIcon, formatTrigger = _$_object_spread.formatTrigger, autoFocus = _$_object_spread.autoFocus, style = _$_object_spread.style, className = _$_object_spread.className, inputStyle = _$_object_spread.inputStyle, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onClear = _$_object_spread.onClear, formatter = _$_object_spread.formatter, onClick = _$_object_spread.onClick, confirmType = _$_object_spread.confirmType, plain = _$_object_spread.plain, defaultValue = _$_object_spread.defaultValue, _value = _$_object_spread.value, onCompositionStart = _$_object_spread.onCompositionStart, onCompositionEnd = _$_object_spread.onCompositionEnd, rest = (0, _object_without_properties._)(_$_object_spread, [
         "type",
         "name",
         "placeholder",

package/dist/cjs/packages/inputnumber/inputnumber.js

@@ -38,7 +38,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var classPrefix = "nut-inputnumber";
 var InputNumber = function InputNumber(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, disabled = _ref.disabled, min = _ref.min, max = _ref.max, readOnly = _ref.readOnly, value = _ref.value, defaultValue = _ref.defaultValue, allowEmpty = _ref.allowEmpty, digits = _ref.digits, step = _ref.step, select = _ref.select, className = _ref.className, style = _ref.style, formatter = _ref.formatter, onPlus = _ref.onPlus, onMinus = _ref.onMinus, onOverlimit = _ref.onOverlimit, onBlur = _ref.onBlur, onFocus = _ref.onFocus, onChange = _ref.onChange, beforeChange = _ref.beforeChange, restProps = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, disabled = _$_object_spread.disabled, min = _$_object_spread.min, max = _$_object_spread.max, readOnly = _$_object_spread.readOnly, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, allowEmpty = _$_object_spread.allowEmpty, digits = _$_object_spread.digits, step = _$_object_spread.step, select = _$_object_spread.select, className = _$_object_spread.className, style = _$_object_spread.style, formatter = _$_object_spread.formatter, onPlus = _$_object_spread.onPlus, onMinus = _$_object_spread.onMinus, onOverlimit = _$_object_spread.onOverlimit, onBlur = _$_object_spread.onBlur, onFocus = _$_object_spread.onFocus, onChange = _$_object_spread.onChange, beforeChange = _$_object_spread.beforeChange, restProps = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "disabled",
         "min",

package/dist/cjs/packages/loading/loading.js

@@ -28,7 +28,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     lottieProps: {}
 });
 var Loading = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, children = _ref.children, direction = _ref.direction, icon = _ref.icon, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, direction = _$_object_spread.direction, icon = _$_object_spread.icon, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "style",
         "children",

package/dist/cjs/packages/menu/menu.js

@@ -31,7 +31,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onClose: function onClose(index, from) {}
 });
 var Menu = function Menu(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, icon = _ref.icon, scrollFixed = _ref.scrollFixed, lockScroll = _ref.lockScroll, overlay = _ref.overlay, closeOnOverlayClick = _ref.closeOnOverlayClick, children = _ref.children, activeColor = _ref.activeColor, onClose = _ref.onClose, onOpen = _ref.onOpen, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, icon = _$_object_spread.icon, scrollFixed = _$_object_spread.scrollFixed, lockScroll = _$_object_spread.lockScroll, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, children = _$_object_spread.children, activeColor = _$_object_spread.activeColor, onClose = _$_object_spread.onClose, onOpen = _$_object_spread.onOpen, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "icon",
         "scrollFixed",

package/dist/cjs/packages/numberkeyboard/numberkeyboard.js

@@ -31,7 +31,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var NumberKeyboard = function NumberKeyboard(props) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), title = _ref.title, rightActions = _ref.rightActions, confirmText = _ref.confirmText, visible = _ref.visible, type = _ref.type, custom = _ref.custom, random = _ref.random, style = _ref.style, className = _ref.className, onChange = _ref.onChange, onDelete = _ref.onDelete, onClose = _ref.onClose, onConfirm = _ref.onConfirm, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), title = _$_object_spread.title, rightActions = _$_object_spread.rightActions, confirmText = _$_object_spread.confirmText, visible = _$_object_spread.visible, type = _$_object_spread.type, custom = _$_object_spread.custom, random = _$_object_spread.random, style = _$_object_spread.style, className = _$_object_spread.className, onChange = _$_object_spread.onChange, onDelete = _$_object_spread.onDelete, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, rest = (0, _object_without_properties._)(_$_object_spread, [
         "title",
         "rightActions",
         "confirmText",

package/dist/cjs/packages/overlay/overlay.js

@@ -38,7 +38,7 @@ var defaultOverlayProps = (0, _object_spread_props._)((0, _object_spread._)({},
     afterClose: function afterClose() {}
 });
 var Overlay = function Overlay(props) {
-    var _ref = (0, _object_spread._)({}, defaultOverlayProps, props), children = _ref.children, zIndex = _ref.zIndex, duration = _ref.duration, className = _ref.className, closeOnOverlayClick = _ref.closeOnOverlayClick, visible = _ref.visible, lockScroll = _ref.lockScroll, style = _ref.style, afterShow = _ref.afterShow, afterClose = _ref.afterClose, onClick = _ref.onClick, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultOverlayProps, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, duration = _$_object_spread.duration, className = _$_object_spread.className, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, visible = _$_object_spread.visible, lockScroll = _$_object_spread.lockScroll, style = _$_object_spread.style, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "zIndex",
         "duration",

package/dist/cjs/packages/pagination/pagination.js

@@ -32,7 +32,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var Pagination = function Pagination(props) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), value = _ref.value, mode = _ref.mode, prev = _ref.prev, next = _ref.next, total = _ref.total, pageSize = _ref.pageSize, itemSize = _ref.itemSize, onChange = _ref.onChange, ellipse = _ref.ellipse, itemRender = _ref.itemRender, defaultValue = _ref.defaultValue, className = _ref.className, style = _ref.style, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), value = _$_object_spread.value, mode = _$_object_spread.mode, prev = _$_object_spread.prev, next = _$_object_spread.next, total = _$_object_spread.total, pageSize = _$_object_spread.pageSize, itemSize = _$_object_spread.itemSize, onChange = _$_object_spread.onChange, ellipse = _$_object_spread.ellipse, itemRender = _$_object_spread.itemRender, defaultValue = _$_object_spread.defaultValue, className = _$_object_spread.className, style = _$_object_spread.style, rest = (0, _object_without_properties._)(_$_object_spread, [
         "value",
         "mode",
         "prev",

package/dist/cjs/packages/picker/picker.js

@@ -34,7 +34,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var InternalPicker = function InternalPicker(props, ref) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, visible = _ref.visible, 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, onConfirm = _ref.onConfirm, onCancel = _ref.onCancel, onClose = _ref.onClose, onChange = _ref.onChange, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, title = _$_object_spread.title, _object_spread_options = _$_object_spread.options, options = _object_spread_options === void 0 ? [] : _object_spread_options, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, className = _$_object_spread.className, style = _$_object_spread.style, threeDimensional = _$_object_spread.threeDimensional, duration = _$_object_spread.duration, onConfirm = _$_object_spread.onConfirm, onCancel = _$_object_spread.onCancel, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "visible",
         "title",

package/dist/cjs/packages/pickerview/pickerroller.js

@@ -19,7 +19,7 @@ var _supportspassive = require("../../utils/supports-passive");
 var _utils = require("../../utils");
 var _utils1 = require("./utils");
 var InternalPickerRoller = function InternalPickerRoller(props, ref) {
-    var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1000 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function renderLabel(item) {
+    var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1000 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function(item) {
         return item.label;
     } : _props_renderLabel;
     var classPrefix = 'nut-pickerview-roller';

package/dist/cjs/packages/popover/popover.js

@@ -48,7 +48,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 var classPrefix = "nut-popover";
 var Popover = function Popover(props) {
     var rtl = (0, _configprovider.useRtl)();
-    var _ref = (0, _object_spread._)({}, defaultProps, 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 = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, list = _$_object_spread.list, theme = _$_object_spread.theme, location = _$_object_spread.location, visible = _$_object_spread.visible, offset = _$_object_spread.offset, arrowOffset = _$_object_spread.arrowOffset, targetId = _$_object_spread.targetId, overlay = _$_object_spread.overlay, closeOnOutsideClick = _$_object_spread.closeOnOutsideClick, closeOnActionClick = _$_object_spread.closeOnActionClick, className = _$_object_spread.className, showArrow = _$_object_spread.showArrow, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onSelect = _$_object_spread.onSelect, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "list",
         "theme",

package/dist/cjs/packages/price/price.js

@@ -31,7 +31,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     line: false
 });
 var Price = function Price(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), color = _ref.color, originalPrice = _ref.price, symbol = _ref.symbol, digits = _ref.digits, thousands = _ref.thousands, position = _ref.position, size = _ref.size, line = _ref.line, className = _ref.className, style = _ref.style, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), color = _$_object_spread.color, originalPrice = _$_object_spread.price, symbol = _$_object_spread.symbol, digits = _$_object_spread.digits, thousands = _$_object_spread.thousands, position = _$_object_spread.position, size = _$_object_spread.size, line = _$_object_spread.line, className = _$_object_spread.className, style = _$_object_spread.style, rest = (0, _object_without_properties._)(_$_object_spread, [
         "color",
         "price",
         "symbol",

package/dist/cjs/packages/progress/progress.js

@@ -28,7 +28,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var Progress = function Progress(props) {
     var rtl = (0, _configprovider.useRtl)();
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, percent = _ref.percent, background = _ref.background, color = _ref.color, strokeWidth = _ref.strokeWidth, showText = _ref.showText, animated = _ref.animated, children = _ref.children, lazy = _ref.lazy, delay = _ref.delay, borderRadius = _ref.borderRadius, fontSize = _ref.fontSize, activeMode = _ref.activeMode, duration = _ref.duration, onActiveEnd = _ref.onActiveEnd, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, percent = _$_object_spread.percent, background = _$_object_spread.background, color = _$_object_spread.color, strokeWidth = _$_object_spread.strokeWidth, showText = _$_object_spread.showText, animated = _$_object_spread.animated, children = _$_object_spread.children, lazy = _$_object_spread.lazy, delay = _$_object_spread.delay, borderRadius = _$_object_spread.borderRadius, fontSize = _$_object_spread.fontSize, activeMode = _$_object_spread.activeMode, duration = _$_object_spread.duration, onActiveEnd = _$_object_spread.onActiveEnd, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "style",
         "percent",

package/dist/cjs/packages/quickenter/quickenter.js

@@ -30,7 +30,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     safeAreaInsetTop: true
 });
 var InternalQuickEnter = function InternalQuickEnter(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, visible = _ref.visible, 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, className = _ref.className, style = _ref.style, onClose = _ref.onClose, onChange = _ref.onChange, closeIcon = _ref.closeIcon, safeAreaInsetTop = _ref.safeAreaInsetTop, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, title = _$_object_spread.title, _object_spread_options = _$_object_spread.options, options = _object_spread_options === void 0 ? [] : _object_spread_options, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, className = _$_object_spread.className, style = _$_object_spread.style, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, closeIcon = _$_object_spread.closeIcon, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "visible",
         "title",
@@ -99,8 +99,8 @@ var InternalQuickEnter = function InternalQuickEnter(props, ref) {
         }, /*#__PURE__*/ _react.default.createElement("div", {
             className: "".concat(classPrefix, "-list")
         }, options.map(function(item, index) {
-            var _item_badgeProps, _item_badgeProps1;
             var _item_badge, _item_badge1;
+            var _item_badgeProps, _item_badgeProps1;
             return /*#__PURE__*/ _react.default.createElement("div", {
                 key: index,
                 className: "".concat(classPrefix, "-item"),

package/dist/cjs/packages/radio/radio.js

@@ -32,7 +32,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var Radio = function Radio(props) {
     var classPrefix = 'nut-radio';
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value, icon = _ref.icon, activeIcon = _ref.activeIcon, onChange = _ref.onChange, others = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, checked = _$_object_spread.checked, defaultChecked = _$_object_spread.defaultChecked, shape = _$_object_spread.shape, value = _$_object_spread.value, icon = _$_object_spread.icon, activeIcon = _$_object_spread.activeIcon, onChange = _$_object_spread.onChange, others = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "className",
         "style",

package/dist/cjs/packages/radiogroup/radiogroup.js

@@ -28,7 +28,7 @@ var defaultProps = {
 };
 var classPrefix = 'nut-radiogroup';
 var RadioGroup = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, onChange = _ref.onChange, shape = _ref.shape, labelPosition = _ref.labelPosition, direction = _ref.direction, options = _ref.options, disabled = _ref.disabled, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, onChange = _$_object_spread.onChange, shape = _$_object_spread.shape, labelPosition = _$_object_spread.labelPosition, direction = _$_object_spread.direction, options = _$_object_spread.options, disabled = _$_object_spread.disabled, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "className",
         "value",
@@ -48,8 +48,8 @@ var RadioGroup = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         onChange: onChange
     }), 2), val2State = _usePropsValue[0], setVal2State = _usePropsValue[1];
     var renderOptionsChildren = (0, _react.useCallback)(function() {
-        return options === null || options === void 0 ? void 0 : options.map(function(_param) {
-            var label = _param.label, value = _param.value, disabled = _param.disabled, onChange = _param.onChange, rest = (0, _object_without_properties._)(_param, [
+        return options === null || options === void 0 ? void 0 : options.map(function(_0) {
+            var label = _0.label, value = _0.value, disabled = _0.disabled, onChange = _0.onChange, rest = (0, _object_without_properties._)(_0, [
                 "label",
                 "value",
                 "disabled",

package/dist/cjs/packages/rate/index.d.ts

@@ -1,3 +1,3 @@
 import { Rate } from './rate';
-export type { RateSize, WebRateProps as RateProps } from "../../types";
+export type { RateSize, RateDirection, WebRateProps as RateProps, } from "../../types";
 export default Rate;