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

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

@@ -12,6 +12,31 @@
 .nut-rate.readonly .nut-rate-item-icon {
   cursor: default;
 }
+.nut-rate-horizontal {
+  flex-direction: row;
+  align-items: center;
+}
+.nut-rate-vertical {
+  flex-direction: column;
+  align-items: center;
+}
+.nut-rate-list {
+  display: flex;
+  align-items: center;
+}
+.nut-rate-label {
+  color: var(--nutui-rate-label-color, var(--nutui-color-text-disabled));
+  white-space: nowrap;
+}
+.nut-rate-labels {
+  display: flex;
+  width: 100%;
+}
+.nut-rate-labels-item {
+  flex: 1;
+  text-align: center;
+  color: var(--nutui-rate-label-color, var(--nutui-color-text-disabled));
+}
 .nut-rate-item {
   display: flex;
   align-items: center;
@@ -29,30 +54,6 @@
 .nut-rate-item-half .nut-icon {
   flex-shrink: 0;
 }
-.nut-rate-item-normal {
-  margin-left: var(--nutui-rate-item-margin, 14px);
-}
-.nut-rate-item-normal .nut-icon {
-  height: var(--nutui-rate-icon-size, 12px);
-  width: var(--nutui-rate-icon-size, 12px);
-}
-.nut-rate-item-large {
-  margin-left: calc(var(--nutui-rate-item-margin, 14px) * 2);
-}
-.nut-rate-item-large .nut-icon {
-  height: calc(var(--nutui-rate-icon-size, 12px) + scale-px(8px));
-  width: calc(var(--nutui-rate-icon-size, 12px) + scale-px(8px));
-}
-.nut-rate-item-small {
-  margin-left: calc(var(--nutui-rate-item-margin, 14px) / 2);
-}
-.nut-rate-item-small .nut-icon {
-  height: calc(var(--nutui-rate-icon-size, 12px) - scale-px(4px));
-  width: calc(var(--nutui-rate-icon-size, 12px) - scale-px(4px));
-}
-.nut-rate-item-normal:first-child, .nut-rate-item-large:first-child, .nut-rate-item-small:first-child {
-  margin-left: 0;
-}
 .nut-rate-item-icon {
   display: flex;
   align-items: center;
@@ -76,6 +77,9 @@
   left: auto;
   transform: none;
 }
+.nut-rate-item-icon-animate {
+  animation: nut-rate-bounce 0.3s ease-in-out;
+}
 .nut-rate-score {
   /* #ifdef dynamic*/
   display: flex;
@@ -87,48 +91,190 @@
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
   font-family: "JDZH-Regular";
 }
-.nut-rate-score-normal {
-  padding-left: var(--nutui-rate-item-margin, 14px);
-  font-size: var(--nutui-rate-font-size, 12px);
+.nut-rate-score-disabled {
+  color: var(--nutui-rate-icon-inactive-color, var(--nutui-color-text-disabled));
+}
+.nut-rate-horizontal .nut-rate-item {
+  margin-left: var(--nutui-rate-item-margin, 14px);
+}
+.nut-rate-horizontal .nut-rate-item:first-child {
+  margin-left: 0;
+}
+.nut-rate-horizontal .nut-rate-item-small {
+  margin-left: scale-px(2px);
+}
+.nut-rate-horizontal .nut-rate-item-small:first-child {
+  margin-left: 0;
+}
+.nut-rate-horizontal .nut-rate-item-small .nut-icon {
+  height: scale-font-px(12px);
+  width: scale-font-px(12px);
+}
+.nut-rate-horizontal .nut-rate-item-normal .nut-icon {
+  height: scale-font-px(16px);
+  width: scale-font-px(16px);
+}
+.nut-rate-horizontal .nut-rate-item-large .nut-icon {
+  height: scale-font-px(20px);
+  width: scale-font-px(20px);
+}
+.nut-rate-horizontal .nut-rate-label-small {
+  font-size: var(--nutui-font-text-small);
+  margin-right: scale-px(4px);
+}
+.nut-rate-horizontal .nut-rate-label-normal {
+  font-size: var(--nutui-font-text-small);
+  margin-right: scale-px(12px);
+}
+.nut-rate-horizontal .nut-rate-label-large {
+  font-size: var(--nutui-font-text);
+  margin-right: scale-px(12px);
+}
+.nut-rate-horizontal .nut-rate-score-small {
+  padding-left: scale-px(4px);
+  font-size: var(--nutui-font-text-small);
   line-height: var(--nutui-line-height-s, var(--nutui-font-text-small));
 }
-.nut-rate-score-large {
-  font-size: var(--nutui-rate-font-size-large, calc(var(--nutui-rate-font-size, 12px) + 6px));
-  line-height: var(--nutui-line-height-xl, var(--nutui-font-h2));
-  padding-left: calc(var(--nutui-rate-item-margin, 14px) * 2);
+.nut-rate-horizontal .nut-rate-score-normal {
+  padding-left: scale-px(12px);
+  font-size: var(--nutui-font-text-small);
+  line-height: var(--nutui-line-height-s, var(--nutui-font-text-small));
 }
-.nut-rate-score-small {
-  font-size: var(--nutui-rate-font-size-small, calc(var(--nutui-rate-font-size, 12px) - 2px));
-  line-height: var(--nutui-line-height-xxs, var(--nutui-font-text-mini));
-  padding-left: calc(var(--nutui-rate-item-margin, 14px) / 2);
+.nut-rate-horizontal .nut-rate-score-large {
+  padding-left: scale-px(12px);
+  font-size: var(--nutui-font-text);
+  line-height: var(--nutui-line-height-base, var(--nutui-line-height, var(--nutui-font-text)));
 }
-.nut-rate-score-disabled {
-  color: var(--nutui-rate-icon-inactive-color, var(--nutui-color-text-disabled));
+.nut-rate-vertical .nut-rate-list {
+  justify-content: center;
+  width: 100%;
+}
+.nut-rate-vertical .nut-rate-item {
+  margin-left: var(--nutui-rate-item-margin, 14px);
+}
+.nut-rate-vertical .nut-rate-item:first-child {
+  margin-left: 0;
+}
+.nut-rate-vertical .nut-rate-item-small .nut-icon,
+.nut-rate-vertical .nut-rate-item-normal .nut-icon {
+  height: scale-font-px(20px);
+  width: scale-font-px(20px);
+}
+.nut-rate-vertical .nut-rate-item-large {
+  flex: 1;
+  justify-content: center;
+}
+.nut-rate-vertical .nut-rate-item-large .nut-icon {
+  height: scale-font-px(28px);
+  width: scale-font-px(28px);
+}
+.nut-rate-vertical .nut-rate-label-small,
+.nut-rate-vertical .nut-rate-label-normal {
+  font-size: var(--nutui-font-text-xs);
+  margin-top: scale-px(6px);
+}
+.nut-rate-vertical .nut-rate-label-large {
+  font-size: var(--nutui-font-text-small);
+  margin-top: scale-px(8px);
+}
+.nut-rate-vertical .nut-rate-labels {
+  width: 100%;
+}
+.nut-rate-vertical .nut-rate-labels-small,
+.nut-rate-vertical .nut-rate-labels-normal {
+  margin-top: scale-px(6px);
+}
+.nut-rate-vertical .nut-rate-labels-small .nut-rate-labels-item,
+.nut-rate-vertical .nut-rate-labels-normal .nut-rate-labels-item {
+  font-size: var(--nutui-font-text-xs);
+}
+.nut-rate-vertical .nut-rate-labels-large {
+  margin-top: scale-px(8px);
+}
+.nut-rate-vertical .nut-rate-labels-large .nut-rate-labels-item {
+  font-size: var(--nutui-font-text-small);
+}
+.nut-rate-vertical .nut-rate-score-small,
+.nut-rate-vertical .nut-rate-score-normal {
+  font-size: var(--nutui-font-text-xs);
+  line-height: var(--nutui-line-height-xs, var(--nutui-font-text-xs));
+  margin-top: scale-px(6px);
+}
+.nut-rate-vertical .nut-rate-score-large {
+  font-size: var(--nutui-font-text-small);
+  line-height: var(--nutui-line-height-s, var(--nutui-font-text-small));
+  margin-top: scale-px(8px);
 }
 
-[dir=rtl] .nut-rate-item,
-.nut-rtl .nut-rate-item {
+@keyframes nut-rate-bounce {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.25);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-item,
+.nut-rtl .nut-rate-horizontal .nut-rate-item {
   margin-left: 0;
+  margin-right: var(--nutui-rate-item-margin, 14px);
 }
-[dir=rtl] .nut-rate-item:first-child,
-.nut-rtl .nut-rate-item:first-child {
+[dir=rtl] .nut-rate-horizontal .nut-rate-item:first-child,
+.nut-rtl .nut-rate-horizontal .nut-rate-item:first-child {
   margin-right: 0;
 }
-[dir=rtl] .nut-rate-item-normal,
-.nut-rtl .nut-rate-item-normal {
-  margin-right: var(--nutui-rate-item-margin, 14px);
+[dir=rtl] .nut-rate-horizontal .nut-rate-item-small,
+.nut-rtl .nut-rate-horizontal .nut-rate-item-small {
+  margin-left: 0;
+  margin-right: scale-px(2px);
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-item-small:first-child,
+.nut-rtl .nut-rate-horizontal .nut-rate-item-small:first-child {
+  margin-right: 0;
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-label,
+.nut-rtl .nut-rate-horizontal .nut-rate-label {
+  margin-right: 0;
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-label-small,
+.nut-rtl .nut-rate-horizontal .nut-rate-label-small {
+  margin-left: scale-px(4px);
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-label-normal,
+.nut-rtl .nut-rate-horizontal .nut-rate-label-normal {
+  margin-left: scale-px(12px);
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-label-large,
+.nut-rtl .nut-rate-horizontal .nut-rate-label-large {
+  margin-left: scale-px(12px);
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-score,
+.nut-rtl .nut-rate-horizontal .nut-rate-score {
+  padding-left: 0;
 }
-[dir=rtl] .nut-rate-item-large,
-.nut-rtl .nut-rate-item-large {
-  margin-right: calc(var(--nutui-rate-item-margin, 14px) * 2);
+[dir=rtl] .nut-rate-horizontal .nut-rate-score-small,
+.nut-rtl .nut-rate-horizontal .nut-rate-score-small {
+  padding-right: scale-px(4px);
 }
-[dir=rtl] .nut-rate-item-small,
-.nut-rtl .nut-rate-item-small {
-  margin-right: calc(var(--nutui-rate-item-margin, 14px) - scale-px(2px));
+[dir=rtl] .nut-rate-horizontal .nut-rate-score-normal,
+.nut-rtl .nut-rate-horizontal .nut-rate-score-normal {
+  padding-right: scale-px(12px);
 }
-[dir=rtl] .nut-rate-item:last-child,
-.nut-rtl .nut-rate-item:last-child {
+[dir=rtl] .nut-rate-horizontal .nut-rate-score-large,
+.nut-rtl .nut-rate-horizontal .nut-rate-score-large {
+  padding-right: scale-px(12px);
+}
+[dir=rtl] .nut-rate-vertical .nut-rate-item,
+.nut-rtl .nut-rate-vertical .nut-rate-item {
   margin-left: 0;
+  margin-right: var(--nutui-rate-item-margin, 14px);
+}
+[dir=rtl] .nut-rate-vertical .nut-rate-item:first-child,
+.nut-rtl .nut-rate-vertical .nut-rate-item:first-child {
+  margin-right: 0;
 }
 [dir=rtl] .nut-rate-item-half,
 .nut-rtl .nut-rate-item-half {
@@ -144,20 +290,4 @@
 .nut-rtl .nut-rate-item-icon.nut-rate-item-icon::before {
   left: auto;
   right: auto;
-}
-[dir=rtl] .nut-rate-score,
-.nut-rtl .nut-rate-score {
-  padding-left: 0;
-}
-[dir=rtl] .nut-rate-score-large,
-.nut-rtl .nut-rate-score-large {
-  padding-right: calc(var(--nutui-rate-item-margin, 14px) * 2);
-}
-[dir=rtl] .nut-rate-score-normal,
-.nut-rtl .nut-rate-score-normal {
-  padding-right: var(--nutui-rate-item-margin, 14px);
-}
-[dir=rtl] .nut-rate-score-small,
-.nut-rtl .nut-rate-score-small {
-  padding-right: calc(var(--nutui-rate-item-margin, 14px) - scale-px(2px));
 }

package/dist/cjs/packages/shortpassword/shortpassword.js

@@ -40,7 +40,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var InternalShortPassword = function InternalShortPassword(props, ref) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), title = _ref.title, description = _ref.description, tips = _ref.tips, outerVisible = _ref.visible, value = _ref.value, error = _ref.error, hideFooter = _ref.hideFooter, length = _ref.length, plain = _ref.plain, style = _ref.style, className = _ref.className, closeable = _ref.closeable, 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, onOverlayClick = _ref.onOverlayClick, onCloseIconClick = _ref.onCloseIconClick, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), title = _$_object_spread.title, description = _$_object_spread.description, tips = _$_object_spread.tips, outerVisible = _$_object_spread.visible, value = _$_object_spread.value, error = _$_object_spread.error, hideFooter = _$_object_spread.hideFooter, length = _$_object_spread.length, plain = _$_object_spread.plain, style = _$_object_spread.style, className = _$_object_spread.className, closeable = _$_object_spread.closeable, autoFocus = _$_object_spread.autoFocus, round = _$_object_spread.round, onFocus = _$_object_spread.onFocus, onChange = _$_object_spread.onChange, onConfirm = _$_object_spread.onConfirm, onTips = _$_object_spread.onTips, onCancel = _$_object_spread.onCancel, onClose = _$_object_spread.onClose, onComplete = _$_object_spread.onComplete, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, rest = (0, _object_without_properties._)(_$_object_spread, [
         "title",
         "description",
         "tips",

package/dist/cjs/packages/signature/signature.js

@@ -25,7 +25,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var InternalSignature = function InternalSignature(props, ref) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), type = _ref.type, lineWidth = _ref.lineWidth, strokeStyle = _ref.strokeStyle, unsupported = _ref.unsupported, className = _ref.className, style = _ref.style, onConfirm = _ref.onConfirm, onClear = _ref.onClear, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), type = _$_object_spread.type, lineWidth = _$_object_spread.lineWidth, strokeStyle = _$_object_spread.strokeStyle, unsupported = _$_object_spread.unsupported, className = _$_object_spread.className, style = _$_object_spread.style, onConfirm = _$_object_spread.onConfirm, onClear = _$_object_spread.onClear, rest = (0, _object_without_properties._)(_$_object_spread, [
         "type",
         "lineWidth",
         "strokeStyle",

package/dist/cjs/packages/skeleton/skeleton.js

@@ -41,7 +41,7 @@ var Skeleton = function Skeleton(props) {
         };
         return {};
     };
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, width = _ref.width, height = _ref.height, shape = _ref.shape, animated = _ref.animated, rows = _ref.rows, visible = _ref.visible, size = _ref.size, duration = _ref.duration, children = _ref.children, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, width = _$_object_spread.width, height = _$_object_spread.height, shape = _$_object_spread.shape, animated = _$_object_spread.animated, rows = _$_object_spread.rows, visible = _$_object_spread.visible, size = _$_object_spread.size, duration = _$_object_spread.duration, children = _$_object_spread.children, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "width",
         "height",

package/dist/cjs/packages/step/step.js

@@ -25,7 +25,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     icon: null
 });
 var Step = function Step(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), type = _ref.type, children = _ref.children, title = _ref.title, description = _ref.description, value = _ref.value, icon = _ref.icon, className = _ref.className, restProps = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), type = _$_object_spread.type, children = _$_object_spread.children, title = _$_object_spread.title, description = _$_object_spread.description, value = _$_object_spread.value, icon = _$_object_spread.icon, className = _$_object_spread.className, restProps = (0, _object_without_properties._)(_$_object_spread, [
         "type",
         "children",
         "title",

package/dist/cjs/packages/steps/style/style.css

@@ -59,7 +59,7 @@ page {
   padding-left: calc(4px * var(--nut-scale-f, 1));
 }
 .nut-steps-horizontal-single .nut-step-special {
-  padding-right: var(--nutui-steps-horizontal-item-special-padding-right, calc(22px * var(--nut-scale-f, 1)));
+  padding-right: var(--nutui-steps-horizontal-item-special-padding-right, calc(22px * var(--nut-scale-font, var(--nut-scale-f, 1))));
 }
 .nut-steps-horizontal-single .nut-step-special .nut-step-line {
   width: 100%;

package/dist/cjs/packages/sticky/sticky.js

@@ -28,7 +28,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var classPrefix = 'nut-sticky';
 var Sticky = function Sticky(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), position = _ref.position, zIndex = _ref.zIndex, children = _ref.children, container = _ref.container, style = _ref.style, className = _ref.className, threshold = _ref.threshold, onChange = _ref.onChange, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), position = _$_object_spread.position, zIndex = _$_object_spread.zIndex, children = _$_object_spread.children, container = _$_object_spread.container, style = _$_object_spread.style, className = _$_object_spread.className, threshold = _$_object_spread.threshold, onChange = _$_object_spread.onChange, rest = (0, _object_without_properties._)(_$_object_spread, [
         "position",
         "zIndex",
         "children",

package/dist/cjs/packages/switch/switch.js

@@ -32,7 +32,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onLoadingChange: function onLoadingChange(loading) {}
 });
 var Switch = function Switch(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, ariaLabel = _ref.ariaLabel, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), checked = _$_object_spread.checked, defaultChecked = _$_object_spread.defaultChecked, disabled = _$_object_spread.disabled, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, loadingIcon = _$_object_spread.loadingIcon, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange, propLoading = _$_object_spread.loading, onLoadingChange = _$_object_spread.onLoadingChange, ariaLabel = _$_object_spread.ariaLabel, rest = (0, _object_without_properties._)(_$_object_spread, [
         "checked",
         "defaultChecked",
         "disabled",

package/dist/cjs/packages/tabbaritem/tabbaritem.js

@@ -31,7 +31,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var TabbarItem = function TabbarItem(props) {
     var ctx = (0, _react.useContext)(_context.default);
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right = _ref.right, index = _ref.index, direction = _ref.direction, onActiveClick = _ref.onActiveClick, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, icon = _$_object_spread.icon, value = _$_object_spread.value, dot = _$_object_spread.dot, max = _$_object_spread.max, top = _$_object_spread.top, right = _$_object_spread.right, index = _$_object_spread.index, direction = _$_object_spread.direction, onActiveClick = _$_object_spread.onActiveClick, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "style",
         "title",

package/dist/cjs/packages/table/table.js

@@ -36,7 +36,7 @@ var Table = function Table(props) {
     var locale = (0, _configprovider.useConfig)().locale;
     var rtl = (0, _configprovider.useRtl)();
     defaultProps.noData = locale.noData;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, columns = _ref.columns, data = _ref.data, bordered = _ref.bordered, summary = _ref.summary, striped = _ref.striped, noData = _ref.noData, sorterIcon = _ref.sorterIcon, showHeader = _ref.showHeader, onSort = _ref.onSort, rest = (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, columns = _$_object_spread.columns, data = _$_object_spread.data, bordered = _$_object_spread.bordered, summary = _$_object_spread.summary, striped = _$_object_spread.striped, noData = _$_object_spread.noData, sorterIcon = _$_object_spread.sorterIcon, showHeader = _$_object_spread.showHeader, onSort = _$_object_spread.onSort, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "className",
         "style",

package/dist/cjs/packages/tabs/tabs.js

@@ -35,7 +35,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 var classPrefix = 'nut-tabs';
 var Tabs = function Tabs(props) {
     var rtl = (0, _configprovider.useRtl)();
-    var _ref = (0, _object_spread._)({}, defaultProps, props), activeColor = _ref.activeColor, tabStyle = _ref.tabStyle, direction = _ref.direction, activeType = _ref.activeType, duration = _ref.duration, align = _ref.align, title = _ref.title, children = _ref.children, onClick = _ref.onClick, onChange = _ref.onChange, className = _ref.className, autoHeight = _ref.autoHeight, outerValue = _ref.value, outerDefaultValue = _ref.defaultValue, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), activeColor = _$_object_spread.activeColor, tabStyle = _$_object_spread.tabStyle, direction = _$_object_spread.direction, activeType = _$_object_spread.activeType, duration = _$_object_spread.duration, align = _$_object_spread.align, title = _$_object_spread.title, children = _$_object_spread.children, onClick = _$_object_spread.onClick, onChange = _$_object_spread.onChange, className = _$_object_spread.className, autoHeight = _$_object_spread.autoHeight, outerValue = _$_object_spread.value, outerDefaultValue = _$_object_spread.defaultValue, rest = (0, _object_without_properties._)(_$_object_spread, [
         "activeColor",
         "tabStyle",
         "direction",

package/dist/cjs/packages/textarea/textarea.js

@@ -33,7 +33,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, showCount = _$_object_spread.showCount, maxLength = _$_object_spread.maxLength, rows = _$_object_spread.rows, placeholder = _$_object_spread.placeholder, readOnly = _$_object_spread.readOnly, disabled = _$_object_spread.disabled, autoSize = _$_object_spread.autoSize, style = _$_object_spread.style, plain = _$_object_spread.plain, status = _$_object_spread.status, onChange = _$_object_spread.onChange, onBlur = _$_object_spread.onBlur, onFocus = _$_object_spread.onFocus, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "value",
         "defaultValue",

package/dist/cjs/packages/timeselect/timeselect.js

@@ -35,7 +35,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var TimeSelect = function TimeSelect(props) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, 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 = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), visible = _$_object_spread.visible, className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, options = _$_object_spread.options, optionKey = _$_object_spread.optionKey, multiple = _$_object_spread.multiple, onSelect = _$_object_spread.onSelect, onDateChange = _$_object_spread.onDateChange, onTimeChange = _$_object_spread.onTimeChange, rest = (0, _object_without_properties._)(_$_object_spread, [
         "visible",
         "className",
         "style",

package/dist/cjs/packages/tour/tour.js

@@ -42,7 +42,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 var classPrefix = 'nut-tour';
 var Tour = function Tour(props) {
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, title = _ref.title, closeOnOverlayClick = _ref.closeOnOverlayClick, showPrev = _ref.showPrev, list = _ref.list, type = _ref.type, location = _ref.location, visible = _ref.visible, mask = _ref.mask, maskWidth = _ref.maskWidth, maskHeight = _ref.maskHeight, offset = _ref.offset, next = _ref.next, prev = _ref.prev, complete = _ref.complete, onClose = _ref.onClose, onChange = _ref.onChange, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, title = _$_object_spread.title, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, showPrev = _$_object_spread.showPrev, list = _$_object_spread.list, type = _$_object_spread.type, location = _$_object_spread.location, visible = _$_object_spread.visible, mask = _$_object_spread.mask, maskWidth = _$_object_spread.maskWidth, maskHeight = _$_object_spread.maskHeight, offset = _$_object_spread.offset, next = _$_object_spread.next, prev = _$_object_spread.prev, complete = _$_object_spread.complete, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "className",
         "title",

package/dist/cjs/packages/trendarrow/trendarrow.js

@@ -29,7 +29,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     dropIcon: null
 });
 var TrendArrow = function TrendArrow(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), value = _ref.value, digits = _ref.digits, symbol = _ref.symbol, zero = _ref.zero, left = _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, children = _ref.children, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), value = _$_object_spread.value, digits = _$_object_spread.digits, symbol = _$_object_spread.symbol, zero = _$_object_spread.zero, left = _$_object_spread.left, sync = _$_object_spread.sync, color = _$_object_spread.color, riseColor = _$_object_spread.riseColor, dropColor = _$_object_spread.dropColor, riseIcon = _$_object_spread.riseIcon, dropIcon = _$_object_spread.dropIcon, className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, rest = (0, _object_without_properties._)(_$_object_spread, [
         "value",
         "digits",
         "symbol",

package/dist/cjs/packages/video/video.js

@@ -32,7 +32,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var classPrefix = "nut-video";
 var Video = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, source = _ref.source, options = _ref.options, className = _ref.className, onPlay = _ref.onPlay, onPause = _ref.onPause, onPlayEnd = _ref.onPlayEnd, restProps = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, source = _$_object_spread.source, options = _$_object_spread.options, className = _$_object_spread.className, onPlay = _$_object_spread.onPlay, onPause = _$_object_spread.onPause, onPlayEnd = _$_object_spread.onPlayEnd, restProps = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "source",
         "options",

package/dist/cjs/packages/virtuallist/utils.js

@@ -1,4 +1,3 @@
-// 缓存列表初始化信息
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -26,6 +25,7 @@ _export(exports, {
         return updateItemSize;
     }
 });
+// 缓存列表初始化信息
 var initPositinoCache = function initPositinoCache(reaItemSize) {
     var length = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
     var index = 0;

package/dist/cjs/packages/virtuallist/virtuallist.js

@@ -27,7 +27,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     overscan: 2
 });
 var VirtualList = function VirtualList(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), list = _ref.list, itemRender = _ref.itemRender, itemEqual = _ref.itemEqual, itemHeight = _ref.itemHeight, direction = _ref.direction, overscan = _ref.overscan, key = _ref.key, onScroll = _ref.onScroll, className = _ref.className, containerHeight = _ref.containerHeight, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), list = _$_object_spread.list, itemRender = _$_object_spread.itemRender, itemEqual = _$_object_spread.itemEqual, itemHeight = _$_object_spread.itemHeight, direction = _$_object_spread.direction, overscan = _$_object_spread.overscan, key = _$_object_spread.key, onScroll = _$_object_spread.onScroll, className = _$_object_spread.className, containerHeight = _$_object_spread.containerHeight, rest = (0, _object_without_properties._)(_$_object_spread, [
         "list",
         "itemRender",
         "itemEqual",

package/dist/cjs/types/spec/empty/base.d.ts

@@ -3,19 +3,23 @@ import { BaseProps } from '../../base/props';
 import { SimpleValue, UIFill, UISize, UIType } from '../../base/atoms';
 export interface EmptyAction {
     text: ReactNode;
-    type: UIType;
-    size: UISize;
-    fill: UIFill;
-    disabled: boolean;
-    onClick: () => void;
+    type?: UIType;
+    size?: UISize;
+    fill?: UIFill;
+    disabled?: boolean;
+    onClick?: () => void;
 }
-export type EmptyState = 'empty' | 'error' | 'network';
+export type EmptyStatus = 'network' | 'comment' | 'search' | 'shop' | 'address' | 'order' | 'favor' | 'cart';
+export type EmptySize = 'full' | 'half' | 'partial';
+/** 内置缺省插图 URL；图片本体走 CDN 运行时加载，打进包内的仅为 URL 字符串 */
+export declare const EMPTY_STATUS_IMAGES: Record<EmptyStatus, string>;
+export declare const getEmptyStatusImage: (status: EmptyStatus) => string;
 export interface BaseEmpty extends BaseProps {
     image: ReactNode;
     imageSize: SimpleValue;
     title: ReactNode;
     description: ReactNode;
-    size: Extract<UISize, 'small' | 'base'>;
-    status: EmptyState;
+    size: EmptySize;
+    status: EmptyStatus;
     actions: Array<EmptyAction>;
 }

package/dist/cjs/types/spec/empty/base.js

@@ -1,4 +1,31 @@
-"use strict";
+/** 内置缺省插图 URL；图片本体走 CDN 运行时加载，打进包内的仅为 URL 字符串 */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get EMPTY_STATUS_IMAGES () {
+        return EMPTY_STATUS_IMAGES;
+    },
+    get getEmptyStatusImage () {
+        return getEmptyStatusImage;
+    }
+});
+var EMPTY_STATUS_IMAGES = {
+    network: 'https://img10.360buyimg.com/imagetools/jfs/t1/449411/36/15729/19102/6a30e810F36720c83/03e61e01e08ab731.png',
+    comment: 'https://img12.360buyimg.com/imagetools/jfs/t1/458866/29/4221/20560/6a30e810F02e0c676/03e61e01e02c0dab.png',
+    search: 'https://img12.360buyimg.com/imagetools/jfs/t1/453287/39/13487/21638/6a30e810Fc7b15ec6/03e61e01e0bf5f81.png',
+    shop: 'https://img11.360buyimg.com/imagetools/jfs/t1/447986/21/19304/24327/6a30e810F0a9c3aca/03e61e01dd8d09b1.png',
+    address: 'https://img12.360buyimg.com/imagetools/jfs/t1/446923/19/19328/23073/6a30e810F37ec221d/03e61e01e0e69357.png',
+    order: 'https://img11.360buyimg.com/imagetools/jfs/t1/455990/2/7107/24405/6a30e810Fcb5a39b1/03e61e01e0715a43.png',
+    favor: 'https://img12.360buyimg.com/imagetools/jfs/t1/458517/13/4983/22338/6a30e810F9d69ff57/03e61e01e092c3f9.png',
+    cart: 'https://img11.360buyimg.com/imagetools/jfs/t1/453149/9/10304/23216/6a30e810Ff6c0d230/03e61e01e0b41203.png'
+};
+var getEmptyStatusImage = function getEmptyStatusImage(status) {
+    return EMPTY_STATUS_IMAGES[status] || EMPTY_STATUS_IMAGES.network;
+};

package/dist/cjs/types/spec/rate/base.d.ts

@@ -2,8 +2,11 @@ import { ReactNode } from 'react';
 import { BasicComponent } from "../../../utils/typings";
 import { UISize } from '../../base/atoms';
 export type RateSize = Extract<UISize, 'large' | 'normal' | 'small'>;
+export type RateDirection = 'horizontal' | 'vertical';
 export interface BaseRate extends BasicComponent {
     size: RateSize;
+    direction: RateDirection;
+    label: ReactNode | ReactNode[];
     showScore: boolean;
     count: number;
     value: number;

package/dist/cjs/utils/scale-f.js

@@ -117,12 +117,10 @@ function initScaleF(nextProfile) {
 }
 function calcByProfile(baseValue) {
     var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    var _options_profile;
+    var _options_profile, _options_scene, _options_device;
     var currentProfile = normalizeProfile((_options_profile = options.profile) !== null && _options_profile !== void 0 ? _options_profile : profile);
-    var _options_scene;
     var scene = (_options_scene = options.scene) !== null && _options_scene !== void 0 ? _options_scene : 'layout';
     var currentScale = Number.isFinite(options.scale) && Number(options.scale) > 0 ? Number(options.scale) : scale;
-    var _options_device;
     var device = (_options_device = options.device) !== null && _options_device !== void 0 ? _options_device : getCurrentDevice();
     var ratio = getSceneRatio(scene, currentProfile);
     var rawValue = baseValue * ratio * currentScale;

package/dist/es/hooks/taro/use-custom-event.js

@@ -19,10 +19,10 @@ export function useCustomEvent(selector, cb) {
             customEvents.off(path);
         };
     }, []);
-    var trigger = function(args) {
+    var trigger = function trigger(args) {
         customEvents.trigger(path, args);
     };
-    var off = function() {
+    var off = function off() {
         customEvents.off(path);
     };
     return [
@@ -40,7 +40,7 @@ export function useParams(args) {
         currentRef.current = args;
         stateRef.current = args;
     }
-    var setParams = function(args) {
+    var setParams = function setParams(args) {
         stateRef.current = _object_spread({}, stateRef.current, args);
         forceUpdate();
     };

package/dist/es/hooks/taro/use-lock-scoll.js

@@ -1,7 +1,7 @@
 import { useRef } from "react";
 import { getEnv } from "@tarojs/taro";
 import { useLockScroll } from "../use-lock-scroll";
-export var useLockScrollTaro = function(shouldLock) {
+export var useLockScrollTaro = function useLockScrollTaro(shouldLock) {
     var refObject = useRef(null);
     if (getEnv() === 'WEB') {
         // eslint-disable-next-line react-hooks/rules-of-hooks